@globalpayments/vega 2.39.0 → 2.41.0

package/dist/cjs/vega-toggle-switch.cjs.entry.js

@@ -3,94 +3,33 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-09acd3c9.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const component = require('./component-73a88c4e.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-48c0ad0b.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-9f4d1fc3.js');
+const toggleSwitchRequiredRule = require('./toggle-switch-required-rule-88a51b36.js');
 const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 require('./ui-5fd9b267.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./dom-node-subject-observer-factory-80b3ac6c.js');
-require('./observer-f49483e8.js');
-require('./internal-vega-event-manager-981dfd1c.js');
+require('./dom-node-subject-observer-factory-5f0eae19.js');
+require('./internal-vega-event-manager-e5e4bcf4.js');
 require('./string-21427167.js');
 require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 require('./vega-internal-event-id-bda63e14.js');
 require('./translation-6848c389.js');
-require('./page-resize-observer-slimmer-bb1eaebe.js');
-require('./breakpoints-17d6c4c7.js');
+require('./page-resize-observer-slimmer-bceeaabf.js');
 require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');
+require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./mutation-observer-slimmer-895b3d3e.js');
 require('./mutation-observer-filters-e5a7f85a.js');
 require('./array-5adef7b2.js');
 require('./number-4816603d.js');
 
-/**
- * A rule that checks if toggle switch is required to switch on
- *
- * @implements {FormFieldValidationRule<boolean>}
- */
-class ToggleSwitchRequiredRule {
-  /**
-   * If the input is a boolean, return a boolean. If the
-   * input is anything else, return false
-   *
-   * @param {unknown} input - The input to be evaluated.
-   * @returns {EvaluateResult} - An object with two properties: isValid and message.
-   */
-  evaluate(input) {
-    if (typeof input === 'boolean') {
-      return {
-        isValid: input,
-        message: input ? '' : 'This field is required',
-      };
-    }
-    else {
-      return {
-        isValid: false,
-        message: 'This field is required',
-      };
-    }
-  }
-  /**
-   * If the input is accepted and the status is not disabled and visible, then return true
-   *
-   * @param {unknown} input - The input to be evaluated.
-   * @param {FormFieldStatusMeta} [status] - FormFieldStatusMeta
-   * @returns {boolean} The return value is a boolean that indicates whether the input can be evaluated.
-   */
-  canEvaluate(input, status) {
-    return status
-      ? this.isAcceptedInputType(input) && !status.disabled && status.visible
-      : this.isAcceptedInputType(input);
-  }
-  /**
-   * If the field is not disabled, visible, and has been touched or modified, then show the error
-   *
-   * @param {FormFieldStatusMeta} status - FormFieldStatusMeta
-   * @returns {boolean} A boolean value.
-   */
-  shouldShowError(status) {
-    return !status.disabled && status.visible && (status.touched || status.modified);
-  }
-  /**
-   * If the input is undefined or null, return true, otherwise return true if the input is a boolean.
-   *
-   * @param {unknown} input - The input value to be validated.
-   * @returns {boolean} A boolean.
-   */
-  isAcceptedInputType(input) {
-    if (input === undefined || input === null)
-      return true;
-    return typeof input === 'boolean';
-  }
-}
-
 const vegaToggleSwitchCss = ":host{display:inline-block}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:12px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}div.vega-container{display:flex;justify-content:flex-start;align-items:center;border-radius:9999px;position:relative;box-sizing:content-box;height:24px;width:48px;padding:4px;background-color:rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))}div.vega-container:hover{background-color:rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))}div.vega-container.vega-container-checked{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}div.vega-container.vega-container-checked:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}div.vega-container.vega-container-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}div.vega-container.vega-container-checked.vega-container-disabled{background-color:rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))}div.vega-container-small-size{box-sizing:border-box;height:20px;width:32px;padding:2px}div.vega-container>span{margin-left:0px;transition-property:margin;transition-duration:0.1s;transition-timing-function:linear}div.vega-container:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25))}div.vega-container-checked>span{margin-left:24px}div.vega-container-checked.vega-container-small-size>span{margin-left:12px}div.vega-container>input{position:absolute;cursor:pointer;opacity:0;left:0px;top:0px;width:100%;height:100%;margin:0px;-webkit-tap-highlight-color:transparent}div.vega-container input:disabled{cursor:default}div.vega-container>span{display:inline-block;border-radius:9999px;box-shadow:var(--v-shadow-form-field, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.1));width:24px;height:24px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));box-shadow:var(--v-shadow-form-field, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.1));transition-property:margin;transition-duration:0.1s;transition-timing-function:linear}div.vega-container-small-size{height:20px}div.vega-container-small-size>span{width:16px;height:16px}div{align-self:center}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -114,7 +53,7 @@ const VegaToggleSwitch = class {
       propertyRules: [
         {
           propertyName: 'required',
-          ruleFactory: (isRequired) => isRequired ? new ToggleSwitchRequiredRule() : null,
+          ruleFactory: (isRequired) => isRequired ? new toggleSwitchRequiredRule.ToggleSwitchRequiredRule() : null,
         },
       ],
       validationRulesName: 'validationRules',

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

@@ -7,25 +7,36 @@ const component = require('./component-73a88c4e.js');
 const injectKeyboardManager = require('./inject-keyboard-manager-4a5c27a2.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-c6e0f4ca.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-88edb0d1.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-fc729fd9.js');
 require('./keyboard-manager-2df53b2f.js');
 require('./ui-5fd9b267.js');
-require('./internal-vega-z-index-manager-f03ddb37.js');
-require('./number-4816603d.js');
+require('./vega-skeleton-loader-controller-381e90fe.js');
+require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./page-resize-observer-slimmer-bb1eaebe.js');
-require('./breakpoints-17d6c4c7.js');
+require('./page-resize-observer-slimmer-bceeaabf.js');
 require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');
+require('./internal-vega-event-manager-e5e4bcf4.js');
+require('./dom-node-subject-factory-3ec114b8.js');
+require('./number-4816603d.js');
 require('./type-guard-4ba85fdc.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./responsive-format-facade-a1983026.js');
+require('./responsive-format-facade-ad8ca2ab.js');
 require('./pixel-98f2a10c.js');
+require('./array-5adef7b2.js');
+require('./vega-env-manager-23b8b23c.js');
+require('./feature-flag-controller-3c6666df.js');
+require('./index-8b247c17.js');
+require('./_commonjsHelpers-537d719a.js');
+require('./content-state-582d8961.js');
 require('./change-manager-a297e4d2.js');
+require('./vega-internal-event-id-bda63e14.js');
 require('./static-subject-title-c589a1bd.js');
-require('./observer-f49483e8.js');
+require('./icon-manager-edc2400b.js');
+require('./wait-for-vega-handler-46280dcf.js');
+require('./translation-6848c389.js');
 require('./object-bbd4ed7f.js');
 
 var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -42,17 +53,25 @@ class VegaTooltipElementAppenderController extends elementAppenderSlimmer.Elemen
    * This constructor of the tooltip element appender controller.
    */
   constructor() {
-    super(() => ({
-      target: this.host,
-      appendableElement: this.vegaTooltipContentBoxRenderer.getTooltipContentBoxRef(),
-      positionRelativeTo: this.positionRelativeTo,
-      matchTargetWidth: false,
-      size: this.size,
-      minWidth: this.minWidth,
-      maxWidth: this.maxWidth,
-      placement: this.placement,
-      alignment: this.alignment,
-    }), () => this.trigger, 'isTooltipShow', () => this.disableInteractive);
+    super(() => this.getShowConfig(), () => this.trigger, 'isTooltipShow', () => this.disableInteractive);
+    /**
+     * Generate the element appender show config object.
+     *
+     * @returns {ElementAppenderShowConfig} - Show config object.
+     */
+    this.getShowConfig = () => {
+      return {
+        target: this.host,
+        appendableElement: this.vegaTooltipContentBoxRenderer.getTooltipContentBoxRef(),
+        positionRelativeTo: this.positionRelativeTo,
+        matchTargetWidth: false,
+        size: this.size,
+        minWidth: this.minWidth,
+        maxWidth: this.maxWidth,
+        placement: this.placement,
+        alignment: this.alignment,
+      };
+    };
   }
   /**
    * The `watchTrigger` function hides an element if the trigger is set to 'none'.
@@ -70,6 +89,26 @@ class VegaTooltipElementAppenderController extends elementAppenderSlimmer.Elemen
       this.show();
     }
   }
+  /**
+   * Hide the tooltip if the content change to empty.
+   *
+   * @param {string} newText - The property text or content new value.
+   * @param {string} oldText - The property text or content old value.
+   */
+  watchTextChange(newText, oldText) {
+    if (!newText && oldText && this.isTooltipShow) {
+      this.hide();
+    }
+  }
+  /**
+   * Override the parent class `ElementAppenderSlimmer` show method to control the tooltip show according to the tooltip content.
+   */
+  show() {
+    const text = this.deprecatedPropertySlimmer.getValue();
+    if (text) {
+      super.show();
+    }
+  }
 }
 __decorate$3([
   globalSlimmerRegistry.MapToComponentField()
@@ -98,6 +137,9 @@ __decorate$3([
 __decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTooltipElementAppenderController.prototype, "disableInteractive", void 0);
+__decorate$3([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "deprecatedPropertySlimmer", void 0);
 __decorate$3([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTooltipElementAppenderController.prototype, "isTooltipShow", void 0);
@@ -110,6 +152,9 @@ __decorate$3([
 __decorate$3([
   globalSlimmerRegistry.MapToComponentMethod('watchToShowTooltip')
 ], VegaTooltipElementAppenderController.prototype, "watchToShowTooltip", null);
+__decorate$3([
+  globalSlimmerRegistry.MapToComponentMethod('watchTextChange')
+], VegaTooltipElementAppenderController.prototype, "watchTextChange", null);
 
 var __decorate$2 = (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;
@@ -216,6 +261,11 @@ const VegaTooltip = class {
   }
   watchTrigger() {
   }
+  /**
+   * Monitor the property text updates.
+   */
+  watchTextChange() {
+  }
   watchToShowTooltip() {
   }
   render() {
@@ -224,6 +274,8 @@ const VegaTooltip = class {
   get host() { return index.getElement(this); }
   static get watchers() { return {
     "trigger": ["watchTrigger"],
+    "content": ["watchTextChange"],
+    "text": ["watchTextChange"],
     "size": ["watchToShowTooltip"],
     "placement": ["watchToShowTooltip"],
     "alignment": ["watchToShowTooltip"]

package/dist/cjs/vega.cjs.js

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

package/dist/cjs/{index-0546e2ea.js → wait-for-vega-handler-46280dcf.js}

@@ -2,10 +2,6 @@
 
 require('./global-slimmer-registry-b3bce7e0.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
-const observer = require('./observer-f49483e8.js');
-const changeManager = require('./change-manager-a297e4d2.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
-const vegaInternalEventId = require('./vega-internal-event-id-bda63e14.js');
 
 const WaitForVegaPayloadDefinition = [
   {
@@ -62,38 +58,4 @@ __decorate([
 ], WaitForVegaHandler.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
 const WaitForVega = new WaitForVegaHandler();
 
-/* istanbul ignore next */
-/**
- * Wait for all vega elements to be ready.
- *
- * The below method is e2e-test covered in @see{module:wait-for-vega-should-work-as-expected}
- */
-const waitForVega = async () => {
-  return WaitForVega.handle();
-};
-/**
- * Wait for the component has been rendered.
- *
- * @param {HTMLStencilElement} componentRef - The reference to the component that needs to be rendered.
- * @returns {Promise<unknown>} A promise that resolves when the component has been rendered.
- */
-const waitForComponentDidRender = async (componentRef) => {
-  return new Promise((resolve) => {
-    const observer$1 = new observer.Observer(isAcceptableComponentDidRender.bind(null), () => {
-      changeManager.ChangeManager.unregister(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(componentRef, vegaInternalEventId.VegaInternalComponentDidRender), observer$1);
-      resolve(null);
-    });
-    changeManager.ChangeManager.register(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(componentRef, vegaInternalEventId.VegaInternalComponentDidRender), observer$1);
-  });
-};
-/**
- * Determines whether the observer should accept changes.
- *
- * @returns {boolean} Always returns true in the current implementation.
- */
-const isAcceptableComponentDidRender = () => {
-  return true;
-};
-
-exports.waitForComponentDidRender = waitForComponentDidRender;
-exports.waitForVega = waitForVega;
+exports.WaitForVega = WaitForVega;

package/dist/collection/components/vega-box/slimmers/controllers/vega-box-responsive-style-controller.js

@@ -0,0 +1,89 @@
+var __decorate = (this && this.__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;
+};
+import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
+import { formatAndValidResponsiveToken } from '../../../../utils/design-token';
+/**
+ * Generate the responsive style for the component.
+ */
+export class VegaBoxResponsiveStyleController extends VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.paddingStyleRef = null;
+    this.marginStyleRef = null;
+    this.cornersStyleRef = null;
+  }
+  /**
+   * Create all responsive style content.
+   */
+  setDefaultStyle() {
+    this.generatePaddingStyle();
+    this.generateMarginStyle();
+    this.generateCornersStyle();
+  }
+  /**
+   * Update the padding style when the property padding update.
+   */
+  generatePaddingStyle() {
+    const style = formatAndValidResponsiveToken(this.padding, 'paddingStyle');
+    this.attachStyle('padding', style);
+  }
+  /**
+   * Update the margin style when the property margin update.
+   */
+  generateMarginStyle() {
+    const style = formatAndValidResponsiveToken(this.margin, 'marginStyle');
+    this.attachStyle('margin', style);
+  }
+  /**
+   * Update the corners style when the property corners update.
+   */
+  generateCornersStyle() {
+    const style = formatAndValidResponsiveToken(this.corners, 'cornersStyle');
+    this.attachStyle('corners', style);
+  }
+  /**
+   * Create style element or update the style element content.
+   *
+   * @param {StyleType} styleName - The style property name.
+   * @param {string} cssText - The style content.
+   */
+  attachStyle(styleName, cssText) {
+    if (cssText) {
+      const elementKey = `${styleName}StyleRef`;
+      const container = this.host.shadowRoot;
+      if (!this[elementKey]) {
+        this[elementKey] = document.createElement('style');
+        container.appendChild(this[elementKey]);
+      }
+      this[elementKey].innerHTML = cssText;
+    }
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaBoxResponsiveStyleController.prototype, "host", void 0);
+__decorate([
+  MapToComponentField()
+], VegaBoxResponsiveStyleController.prototype, "padding", void 0);
+__decorate([
+  MapToComponentField()
+], VegaBoxResponsiveStyleController.prototype, "margin", void 0);
+__decorate([
+  MapToComponentField()
+], VegaBoxResponsiveStyleController.prototype, "corners", void 0);
+__decorate([
+  MapToComponentMethod('componentWillLoad')
+], VegaBoxResponsiveStyleController.prototype, "setDefaultStyle", null);
+__decorate([
+  MapToComponentMethod('watchPaddingChange')
+], VegaBoxResponsiveStyleController.prototype, "generatePaddingStyle", null);
+__decorate([
+  MapToComponentMethod('watchMarginChange')
+], VegaBoxResponsiveStyleController.prototype, "generateMarginStyle", null);
+__decorate([
+  MapToComponentMethod('watchCornersChange')
+], VegaBoxResponsiveStyleController.prototype, "generateCornersStyle", null);