@globalpayments/vega 2.26.0 → 2.27.0

package/dist/cjs/translation-77e9ccce.js

@@ -0,0 +1,276 @@
+'use strict';
+
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+const changeManager = require('./change-manager-a297e4d2.js');
+const staticSubjectTitle = require('./static-subject-title-3599787e.js');
+const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-7510221b.js');
+
+/* eslint-disable @typescript-eslint/naming-convention */
+const staticTranslations = {
+  // Form validation rule
+  'This field is required': 'This field is required',
+  'The minimum input value is {0}': 'The minimum input value is {0}',
+  'The maximum input value is {0}': 'The maximum input value is {0}',
+  'The end value should be greater than the start value': 'The end value should be greater than the start value',
+  'The end date should be later than start date': 'The end date should be later than start date',
+  'Credit card number is invalid': 'Credit card number is invalid',
+  'Please enter the correct email format.': 'Please enter the correct email format.',
+  'The maximum input length is {0}': 'The maximum input length is {0}',
+  'The start date should be later than {0}': 'The start date should be later than {0}',
+  'The start date should be earlier than {0}': 'The start date should be earlier than {0}',
+  'The end date should be earlier than {0}': 'The end date should be earlier than {0}',
+  'The date should be later than {0}': 'The date should be later than {0}',
+  'The date should be earlier than {0}': 'The date should be earlier than {0}',
+  'The minimum input length is {0}': 'The minimum input length is {0}',
+  'The end time should be later than start time': 'The end time should be later than start time',
+  'Phone number is not valid': 'Phone number is not valid',
+  'Phone number is valid but it belongs to country {0}, not country {1}': 'Phone number is valid but it belongs to country {0}, not country {1}',
+  // Component internal text
+  'Viewing': 'Viewing',
+  'Show': 'Show',
+  'Go To': 'Go To',
+  'Viewing {0}-{1} of {2}': 'Viewing {0}-{1} of {2}',
+  'Upload': 'Upload',
+  'Clear': 'Clear',
+  'Today': 'Today',
+  'Day': 'Day',
+  'Week': 'Week',
+  'Month': 'Month',
+  'Sun': 'Sun',
+  'Mon': 'Mon',
+  'Tue': 'Tue',
+  'Wed': 'Wed',
+  'Thu': 'Thu',
+  'Fri': 'Fri',
+  'Sat': 'Sat',
+  'Sun-short': 'S',
+  'Mon-short': 'M',
+  'Tue-short': 'T',
+  'Wed-short': 'W',
+  'Thu-short': 'T',
+  'Fri-short': 'F',
+  'Sat-short': 'S',
+  'January': 'January',
+  'February': 'February',
+  'March': 'March',
+  'April': 'April',
+  'May': 'May',
+  'June': 'June',
+  'July': 'July',
+  'August': 'August',
+  'September': 'September',
+  'October': 'October',
+  'November': 'November',
+  'December': 'December',
+  'All Day': 'All Day',
+  'Select or drop your file here': 'Select or drop your file here',
+  'Please sign here': 'Please sign here',
+  'Clear Signature': 'Clear Signature',
+  'Start Date': 'Start Date',
+  'End Date': 'End Date',
+  'Please select': 'Please select',
+  'No options': 'No options',
+  'No results found': 'No results found',
+  'Minimum': 'Minimum',
+  'Maximum': 'Maximum',
+  'Select Time': 'Select Time',
+  'Start Time': 'Start Time',
+  'End Time': 'End Time',
+  'There is no data to display': 'There is no data to display',
+};
+
+/**
+ * Vega translation controller to control the internal text translation
+ */
+class InternalTranslationController {
+  constructor() {
+    this.resources = { en: staticTranslations };
+    this._currentLanguage = 'en';
+  }
+  /**
+   * Get current language
+   *
+   * @returns {string} current language
+   */
+  get currentLanguage() {
+    return this._currentLanguage;
+  }
+  /**
+   * Initializes the translation controller with provided resources and language.
+   *
+   * @param {VegaTranslationConfig} config - The configuration object containing resources and initial language.
+   */
+  init({ resources, language }) {
+    if (resources && Object.keys(resources).length > 0) {
+      this.resources = resources;
+    }
+    else {
+      globalSlimmerRegistry.LogUtility.warn(`Resources are empty. Falling back to default language "en".`);
+      this.resources = { en: staticTranslations };
+    }
+    if (language && language in this.resources) {
+      this._currentLanguage = language;
+    }
+    else {
+      globalSlimmerRegistry.LogUtility.warn(`Language "${language}" not found in resources. Falling back to default language "en".`);
+      this._currentLanguage = 'en';
+    }
+    changeManager.ChangeManager.notify(staticSubjectTitle.UPDATE_TRANSLATION, {});
+  }
+  /**
+   * Changes the current language if it exists in the resources.
+   *
+   * @param {string} language - The language code to change to.
+   */
+  changeLanguage(language) {
+    if (this.resources[language]) {
+      this._currentLanguage = language;
+      changeManager.ChangeManager.notify(staticSubjectTitle.UPDATE_TRANSLATION, {});
+    }
+    else {
+      globalSlimmerRegistry.LogUtility.warn(`Language "${language}" not found in resources.`);
+    }
+  }
+  /**
+   * Retrieves the translated string for the given key based on the current language.
+   *
+   * @param {string} key - The key for the translation.
+   * @param {unknown[]} args - A list of values to replace in the translation string.
+   * @returns {string} The translated string or the key itself if not found.
+   */
+  t(key, ...args) {
+    const translation = this.resources[this._currentLanguage][key] || staticTranslations[key] || key;
+    return args.reduce((result, arg, index) => result.replace(new RegExp(`\\{${index}\\}`, 'g'), String(arg)), translation);
+  }
+  /**
+   * Registers a component to the `connectedComponents` map, associating it with the component's tag name.
+   * If the tag already exists, it adds the component to the existing set of components.
+   *
+   * @param {HTMLStencilElement} host - The component instance to register.
+   */
+  registerComponent(host) {
+    const connectedComponents = InternalTranslationController.connectedComponents.get(host.tagName);
+    if (connectedComponents) {
+      connectedComponents.add(host);
+    }
+    else {
+      InternalTranslationController.connectedComponents.set(host.tagName, new Set([host]));
+    }
+  }
+  /**
+   * Unregister a component from the `connectedComponents` map.
+   *
+   * @param {HTMLStencilElement} host - The component instance to unregister.
+   */
+  unRegisterComponent(host) {
+    const connectedComponents = InternalTranslationController.connectedComponents.get(host.tagName);
+    if (connectedComponents) {
+      connectedComponents.delete(host);
+    }
+  }
+  /**
+   * Retrieves the map of connected components, where each entry associates a tag name with a set of components.
+   *
+   * @returns {Map<string, Set<HTMLElement>>} A map of connected components.
+   */
+  getConnectedComponents() {
+    return InternalTranslationController.connectedComponents;
+  }
+}
+InternalTranslationController.connectedComponents = new Map();
+const VegaInternalTranslation = new InternalTranslationController();
+
+const VegaTranslationRuntimeMetricsPayloadDefinition = [
+  {
+    payloadKey: 'IS_INIT_METHOD_CALLED',
+    payloadDescription: 'Indicate if the method load of public API VegaTranslation.init is called',
+    /**
+     * Indicate whether the method is collected when the method been called .
+     *
+     * @param {string} scope - The class name of public api
+     * @param {string} methodName - The method name called by the public api
+     * @returns {boolean} A boolean value
+     */
+    canAccept: (scope, methodName) => scope === 'TranslationController' && methodName === 'init',
+    /**
+     * The function checks if the method name is loaded.
+     *
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: () => {
+      return true;
+    },
+  },
+  {
+    payloadKey: 'IS_CHANGE_LANGUAGE_METHOD_CALLED',
+    payloadDescription: 'Indicate if the method load of public API VegaTranslation.changeLanguage is called',
+    /**
+     * Indicate whether the method is collected when the method been called .
+     *
+     * @param {string} scope - The class name of public api
+     * @param {string} methodName - The method name called by the public api
+     * @returns {boolean} A boolean value
+     */
+    canAccept: (scope, methodName) => scope === 'TranslationController' && methodName === 'changeLanguage',
+    /**
+     * The function checks if the method name is load.
+     *
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: () => {
+      return true;
+    },
+  },
+];
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * Vega Translation Public API
+ *
+ * @vegaVersion 2.27.0
+ */
+class TranslationController {
+  constructor() {
+    this.vegaPublicAPIRuntimeMetricsSlimmer = createPublicApiRuntimeMetricsSlimmer.createPublicAPIRuntimeMetricsSlimmer(TranslationController, ['init', 'changeLanguage'], VegaTranslationRuntimeMetricsPayloadDefinition);
+  }
+  /**
+   * Get current language
+   *
+   * @returns {string} current language
+   * @vegaVersion 2.27.0
+   */
+  get currentLanguage() {
+    return VegaInternalTranslation.currentLanguage;
+  }
+  /**
+   * Initializes the translation controller with provided resources and language.
+   *
+   * @param {VegaTranslationConfig} config - Configuration object containing resources and initial language.
+   * @vegaVersion 2.27.0
+   */
+  init(config) {
+    VegaInternalTranslation.init(config);
+  }
+  /**
+   * Changes the current language if it exists in the resources.
+   *
+   * @param {string} language - The language code to change to.
+   * @vegaVersion 2.27.0
+   */
+  changeLanguage(language) {
+    VegaInternalTranslation.changeLanguage(language);
+  }
+}
+__decorate([
+  createPublicApiRuntimeMetricsSlimmer.InjectVegaTelemetrySlimmer()
+], TranslationController.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
+const VegaTranslation = new TranslationController();
+
+exports.VegaInternalTranslation = VegaInternalTranslation;
+exports.VegaTranslation = VegaTranslation;
+exports.staticTranslations = staticTranslations;

package/dist/cjs/translation-slimmer-8ebf126d.js

@@ -0,0 +1,42 @@
+'use strict';
+
+const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
+const translation = require('./translation-77e9ccce.js');
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * Translation slimmer for components to use.
+ * Automatically triggers re-render in components that rely on this utility when the language changes.
+ */
+class TranslationSlimmer extends globalSlimmerRegistry.VegaSlimmer {
+  /**
+   * Component lifecycle - [disconnectedCallback]
+   */
+  disconnectedCallback() {
+    translation.VegaInternalTranslation.unRegisterComponent(this.host);
+  }
+  /**
+   * Retrieves the translated string for the given key based on the current language.
+   *
+   * @param {string} key - The key for the translation.
+   * @param {unknown[]} args - A list of values to replace in the translation string.
+   * @returns {string} The translated string or the key itself if not found.
+   */
+  t(key, ...args) {
+    translation.VegaInternalTranslation.registerComponent(this.host);
+    return translation.VegaInternalTranslation.t(key, ...args);
+  }
+}
+__decorate([
+  globalSlimmerRegistry.MapToComponentField()
+], TranslationSlimmer.prototype, "host", void 0);
+__decorate([
+  globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
+], TranslationSlimmer.prototype, "disconnectedCallback", null);
+
+exports.TranslationSlimmer = TranslationSlimmer;

package/dist/cjs/{type-guard-4d05d4b2.js → type-guard-a07b353b.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const breakpoints = require('./breakpoints-cb3291ba.js');
-const ui = require('./ui-077fc009.js');
+const breakpoints = require('./breakpoints-7e2dff90.js');
+const ui = require('./ui-32e69595.js');
 const regex = require('./regex-c1f70fd4.js');
 const typography = require('./typography-4560e7f1.js');
 

package/dist/cjs/{ui-077fc009.js → ui-32e69595.js}

@@ -29,7 +29,7 @@ const FlexJustifyContent = [
 // eslint-disable-next-line @typescript-eslint/typedef
 const FlexWrap = ['nowrap', 'wrap', 'wrap-reverse'];
 // eslint-disable-next-line @typescript-eslint/typedef
-const BoxDisplay = ['block', 'none'];
+const BoxDisplay = ['block', 'inline-block', 'none'];
 // eslint-disable-next-line @typescript-eslint/typedef
 const BorderStyle = ['solid', 'dashed', 'dotted', 'double', 'none'];
 // eslint-disable-next-line @typescript-eslint/typedef

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

@@ -7,27 +7,27 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
 const component = require('./component-73a88c4e.js');
-const designToken = require('./design-token-2c2cdd7d.js');
+const designToken = require('./design-token-17b8e4d8.js');
 const ui = require('./ui-08f33116.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-d2698876.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
 const vegaEventId = require('./vega-event-id-e40ac8f0.js');
 const chevronDown = require('./chevron-down-ca2fa88e.js');
-const internalIconManager = require('./internal-icon-manager-3dd4faeb.js');
+const internalIconManager = require('./internal-icon-manager-858baff1.js');
+const observer = require('./observer-f49483e8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const staticSubjectTitle = require('./static-subject-title-35e2a92c.js');
-const typeGuard = require('./type-guard-4d05d4b2.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-54616105.js');
-require('./breakpoints-cb3291ba.js');
-require('./ui-077fc009.js');
-require('./responsive-format-facade-aa849dc7.js');
+const staticSubjectTitle = require('./static-subject-title-3599787e.js');
+const typeGuard = require('./type-guard-a07b353b.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-8f51adaa.js');
+require('./breakpoints-7e2dff90.js');
+require('./ui-32e69595.js');
+require('./responsive-format-facade-7bc51a43.js');
 require('./number-459031f7.js');
 require('./pixel-98f2a10c.js');
 require('./typography-4560e7f1.js');
-require('./state-background-color-formatter-33ae4282.js');
-require('./icon-manager-2c3cf5ba.js');
-require('./create-public-api-runtime-metrics-slimmer-d2d49ff5.js');
+require('./state-background-color-formatter-418b84e6.js');
+require('./icon-manager-5a2b67cf.js');
+require('./create-public-api-runtime-metrics-slimmer-7510221b.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./misc-3d30df91.js');
 require('./regex-c1f70fd4.js');
 require('./internal-vega-event-manager-627b1328.js');
 
@@ -141,7 +141,7 @@ class VegaAccordionExpandController extends globalSlimmerRegistry.VegaSlimmer {
     this.expandEventEmitter.emit(this.expand);
   }
   registerObserver() {
-    this.observer = new domNodeSubjectObserverFactory.Observer(typeGuard.isAccordionObserverPayload, this.shouldCollapseSelfIfOtherExpand.bind(this));
+    this.observer = new observer.Observer(typeGuard.isAccordionObserverPayload, this.shouldCollapseSelfIfOtherExpand.bind(this));
     changeManager.ChangeManager.register(staticSubjectTitle.ACCORDION_EXPAND_TOPIC, this.observer);
   }
   unregisterObserver() {
@@ -178,7 +178,7 @@ __decorate$1([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], VegaAccordionExpandController.prototype, "unregisterObserver", null);
 
-const vegaAccordionCss = ":host(.v-block),.v-block{display:block}:host(.v-hidden),.v-hidden{display:none}@media (min-width: 320px){:host(.S\\:v-block),.S\\:v-block{display:block}:host(.S\\:v-hidden),.S\\:v-hidden{display:none}}@media (min-width: 768px){:host(.M\\:v-block),.M\\:v-block{display:block}:host(.M\\:v-hidden),.M\\:v-hidden{display:none}}@media (min-width: 1024px){:host(.L\\:v-block),.L\\:v-block{display:block}:host(.L\\:v-hidden),.L\\:v-hidden{display:none}}@media (min-width: 1440px){:host(.XL\\:v-block),.XL\\:v-block{display:block}:host(.XL\\:v-hidden),.XL\\:v-hidden{display:none}}:host{display:block;text-align:left;line-height:normal}.accordion{display:block;border-radius:16px}.accordion-title,.accordion-title-slot{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));overflow:hidden;flex-basis:0;flex-grow:1;padding-top:2px;padding-bottom:2px}@media screen and (min-width: 768px) and (max-width: 1023px){.accordion-title,.accordion-title-slot{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.accordion-title,.accordion-title-slot{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.accordion-title,.accordion-title-slot{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}.accordion-prefix-icon{width:24px;height:32px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));box-sizing:border-box;padding-top:4px;padding-bottom:4px;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0}.icon-position-center .accordion-prefix-icon{align-self:center}.accordion-content{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.accordion.background{padding:24px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}.accordion.expanded .accordion-content{margin-top:24px}.accordion.collapsed .accordion-content{max-height:0px;overflow:hidden}.accordion.collapsed .accordion-expand-icon-align-left{transform:rotate(-90deg)}.accordion.collapsed .accordion-expand-icon-align-right{transform:rotate(180deg)}.accordion-expand-icon{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0}.icon-position-center .accordion-expand-icon{align-self:center}";
+const vegaAccordionCss = ":host(.v-block),.v-block{display:block}:host(.v-inline-block),.v-inline-block{display:inline-block}:host(.v-hidden),.v-hidden{display:none}@media (min-width: 320px){:host(.S\\:v-block),.S\\:v-block{display:block}:host(.S\\:v-inline-block),.S\\:v-inline-block{display:inline-block}:host(.S\\:v-hidden),.S\\:v-hidden{display:none}}@media (min-width: 768px){:host(.M\\:v-block),.M\\:v-block{display:block}:host(.M\\:v-inline-block),.M\\:v-inline-block{display:inline-block}:host(.M\\:v-hidden),.M\\:v-hidden{display:none}}@media (min-width: 1024px){:host(.L\\:v-block),.L\\:v-block{display:block}:host(.L\\:v-inline-block),.L\\:v-inline-block{display:inline-block}:host(.L\\:v-hidden),.L\\:v-hidden{display:none}}@media (min-width: 1440px){:host(.XL\\:v-block),.XL\\:v-block{display:block}:host(.XL\\:v-inline-block),.XL\\:v-inline-block{display:inline-block}:host(.XL\\:v-hidden),.XL\\:v-hidden{display:none}}:host{display:block;text-align:left;line-height:normal}.accordion{display:block;border-radius:16px}.accordion-title,.accordion-title-slot{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));overflow:hidden;flex-basis:0;flex-grow:1;padding-top:2px;padding-bottom:2px}@media screen and (min-width: 768px) and (max-width: 1023px){.accordion-title,.accordion-title-slot{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.accordion-title,.accordion-title-slot{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.accordion-title,.accordion-title-slot{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}.accordion-prefix-icon{width:24px;height:32px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));box-sizing:border-box;padding-top:4px;padding-bottom:4px;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0}.icon-position-center .accordion-prefix-icon{align-self:center}.accordion-content{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.accordion.background{padding:24px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}.accordion.expanded .accordion-content{margin-top:24px}.accordion.collapsed .accordion-content{max-height:0px;overflow:hidden}.accordion.collapsed .accordion-expand-icon-align-left{transform:rotate(-90deg)}.accordion.collapsed .accordion-expand-icon-align-right{transform:rotate(180deg)}.accordion-expand-icon{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0}.icon-position-center .accordion-expand-icon{align-self:center}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -205,20 +205,20 @@ const VegaAccordion = class {
      *    with its default background color `bg-primary`
      *    and padding of `size-24`.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.drawsBackground = true;
     /**
      * Specifies the placement of the expand icon in the accordion.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.expandIconAlign = 'right';
     /* this property is modified by a slimmer */
     /**
      * Controls whether the accordion is expanded.
      *
-     * @version 1.0.4
+     * @vegaVersion 1.0.4
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.expand = true;
@@ -226,7 +226,7 @@ const VegaAccordion = class {
      * Specifies the vertical placement of the prefix icon
      *    and expand icon within the accordion.
      *
-     * @version 1.8.1
+     * @vegaVersion 1.8.1
      */
     this.iconPosition = 'top';
     /**
@@ -234,7 +234,7 @@ const VegaAccordion = class {
      *
      * It can be provided as a ResponsiveType or boolean value.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.showExpandIcon = true;
   }

package/dist/cjs/vega-app-footer.cjs.entry.js

@@ -37,21 +37,21 @@ const VegaAppFooter = class {
      * By default, it includes Heartland's official copyright message
      *    with a reference to the current year.
      *
-     * @version 1.15.0
+     * @vegaVersion 1.15.0
      */
     this.content = `© ${new Date().getFullYear()} Heartland Payment Systems, LLC – a Global Payments company. All rights reserved.`;
     /**
      * Specifies the label or text to be displayed
      *    for the Terms of Use link in the app footer.
      *
-     * @version 1.15.0
+     * @vegaVersion 1.15.0
      */
     this.termOfUseLabel = 'Terms of Use';
     /**
      * Specifies the URL or web address that the Terms of Use link
      *    in the app footer should navigate to when clicked.
      *
-     * @version 1.15.0
+     * @vegaVersion 1.15.0
      */
     this.termOfUseUrl = HEARTLAND_TOS_URL;
     /**
@@ -59,14 +59,14 @@ const VegaAppFooter = class {
      *    the Terms of Use URL should be opened
      *    when the user clicks on the link.
      *
-     * @version 1.27.3
+     * @vegaVersion 1.27.3
      */
     this.termOfUseUrlTarget = '_self';
     /**
      * Specifies the label or text to be displayed
      *    for the Privacy Policy link in the app footer.
      *
-     * @version 1.15.0
+     * @vegaVersion 1.15.0
      */
     this.privacyPolicyLabel = 'Privacy Policy';
     /**
@@ -74,7 +74,7 @@ const VegaAppFooter = class {
      *    Privacy Policy link in the app footer should
      *    navigate to when clicked.
      *
-     * @version 1.15.0
+     * @vegaVersion 1.15.0
      */
     this.privacyPolicyUrl = HEARTLAND_PRIVACY_URL;
     /**
@@ -82,21 +82,21 @@ const VegaAppFooter = class {
      *    in which the Privacy Policy URL should be opened
      *    when the user clicks on the link.
      *
-     * @version 1.27.3
+     * @vegaVersion 1.27.3
      */
     this.privacyPolicyUrlTarget = '_self';
     /**
      * Specifies whether to hide the default Term of Use
      *    and Privacy Policy links.
      *
-     * @version 1.35.1
+     * @vegaVersion 1.35.1
      */
     this.hideDefaultLinks = false;
     /**
      * Specifies additional links that can be included
      *    in the app footer.
      *
-     * @version 1.15.0
+     * @vegaVersion 1.15.0
      */
     this.additionalLinks = [];
     /**
@@ -104,14 +104,14 @@ const VegaAppFooter = class {
      *    a predetermined disclaimer message and link
      *    to indicate that the site uses Google reCAPTCHA.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.showDisclaimer = false;
     /**
      * Specifies the target window or tab when the user clicks
      *    on the Disclaimer link in the app footer.
      *
-     * @version 1.27.3
+     * @vegaVersion 1.27.3
      */
     this.disclaimerUrlTarget = '_self';
   }

package/dist/cjs/vega-app-header-button.cjs.entry.js

@@ -5,34 +5,34 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-09acd3c9.js');
 const component = require('./component-73a88c4e.js');
 const ui = require('./ui-08f33116.js');
-const designToken = require('./design-token-2c2cdd7d.js');
-const responsiveFormatFacade = require('./responsive-format-facade-aa849dc7.js');
+const designToken = require('./design-token-17b8e4d8.js');
+const responsiveFormatFacade = require('./responsive-format-facade-7bc51a43.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const breakpoints = require('./breakpoints-cb3291ba.js');
+const breakpoints = require('./breakpoints-7e2dff90.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-1e404fc7.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-cc557cb3.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-54616105.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-d2698876.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-a8cf1874.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e383a914.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-8f51adaa.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
 const vegaEventId = require('./vega-event-id-e40ac8f0.js');
-const internalIconManager = require('./internal-icon-manager-3dd4faeb.js');
+const internalIconManager = require('./internal-icon-manager-858baff1.js');
 const chevronDown = require('./chevron-down-ca2fa88e.js');
-require('./type-guard-4d05d4b2.js');
-require('./ui-077fc009.js');
+require('./type-guard-a07b353b.js');
+require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./state-background-color-formatter-33ae4282.js');
+require('./state-background-color-formatter-418b84e6.js');
 require('./number-459031f7.js');
 require('./pixel-98f2a10c.js');
 require('./internal-vega-event-manager-627b1328.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-e031c341.js');
+require('./feature-flag-controller-078da332.js');
 require('./index-5792390b.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./change-manager-a297e4d2.js');
-require('./icon-manager-2c3cf5ba.js');
-require('./create-public-api-runtime-metrics-slimmer-d2d49ff5.js');
-require('./misc-3d30df91.js');
+require('./observer-f49483e8.js');
+require('./icon-manager-5a2b67cf.js');
+require('./create-public-api-runtime-metrics-slimmer-7510221b.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;
@@ -100,19 +100,19 @@ const VegaAppHeaderButton = class {
      * Specifies the configuration for the dropdown functionality
      *    of the app header button.
      *
-     * @version 1.11.0
+     * @vegaVersion 1.11.0
      */
     this.dropdown = null;
     /**
      * Specifies the size of the app header button.
      *
-     * @version 1.11.0
+     * @vegaVersion 1.11.0
      */
     this.size = 'default';
     /**
      * Specifies the label or text content of the app header button.
      *
-     * @version 1.11.0
+     * @vegaVersion 1.11.0
      */
     this.label = '';
     /**
@@ -120,39 +120,39 @@ const VegaAppHeaderButton = class {
      *    directly on the button itself or in a tooltip
      *    when the user hovers over the button.
      *
-     * @version 1.11.0
+     * @vegaVersion 1.11.0
      */
     this.showLabel = true;
     /**
      * Specifies the configuration for the avatar image or icon
      *    displayed in the app header button.
      *
-     * @version 1.11.0
+     * @vegaVersion 1.11.0
      */
     this.avatar = {};
     /**
      * Specifies the position of the avatar in relation to the label
      *    within the app header button.
      *
-     * @version 1.11.0
+     * @vegaVersion 1.11.0
      */
     this.avatarPosition = 'left';
     /**
      * Specifies whether to show a border around the app header button.
      *
-     * @version 1.11.0
+     * @vegaVersion 1.11.0
      */
     this.showBorder = false;
     /**
      * Specifies whether to display a menu arrow icon in the app header button.
      *
-     * @version 1.11.0
+     * @vegaVersion 1.11.0
      */
     this.showMenuArrowIcon = true;
     /**
      * Specifies whether the app header button is displayed in a selected state.
      *
-     * @version 1.15.0
+     * @vegaVersion 1.15.0
      */
     this.selected = false;
     this.renderButton = (arrowDownIconVisible, labelVisible) => {