@globalpayments/vega 2.26.0 → 2.27.0

package/dist/esm/translation-3b437b6d.js

@@ -0,0 +1,272 @@
+import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
+import { C as ChangeManager } from './change-manager-6a7eb88c.js';
+import { U as UPDATE_TRANSLATION } from './static-subject-title-6987a80b.js';
+import { I as InjectVegaTelemetrySlimmer, c as createPublicAPIRuntimeMetricsSlimmer } from './create-public-api-runtime-metrics-slimmer-928ad7f0.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 {
+      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 {
+      LogUtility.warn(`Language "${language}" not found in resources. Falling back to default language "en".`);
+      this._currentLanguage = 'en';
+    }
+    ChangeManager.notify(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.notify(UPDATE_TRANSLATION, {});
+    }
+    else {
+      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(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([
+  InjectVegaTelemetrySlimmer()
+], TranslationController.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
+const VegaTranslation = new TranslationController();
+
+export { VegaInternalTranslation as V, VegaTranslation as a, staticTranslations as s };

package/dist/esm/translation-slimmer-c740a5f3.js

@@ -0,0 +1,40 @@
+import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
+import { V as VegaInternalTranslation } from './translation-3b437b6d.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 VegaSlimmer {
+  /**
+   * Component lifecycle - [disconnectedCallback]
+   */
+  disconnectedCallback() {
+    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) {
+    VegaInternalTranslation.registerComponent(this.host);
+    return VegaInternalTranslation.t(key, ...args);
+  }
+}
+__decorate([
+  MapToComponentField()
+], TranslationSlimmer.prototype, "host", void 0);
+__decorate([
+  MapToComponentMethod('disconnectedCallback')
+], TranslationSlimmer.prototype, "disconnectedCallback", null);
+
+export { TranslationSlimmer as T };

package/dist/esm/{type-guard-467c9e3e.js → type-guard-63caf78b.js}

@@ -1,5 +1,5 @@
-import { B as Breakpoints } from './breakpoints-e59edf8d.js';
-import { a as BorderStyle, F as FlexDirections, b as FlexAlignItem, c as FlexJustifyContent, d as FlexWrap, e as BoxDisplay, T as TextAlign, C as CssStates } from './ui-df46cc20.js';
+import { B as Breakpoints } from './breakpoints-36a3ed69.js';
+import { a as BorderStyle, F as FlexDirections, b as FlexAlignItem, c as FlexJustifyContent, d as FlexWrap, e as BoxDisplay, T as TextAlign, C as CssStates } from './ui-8424715a.js';
 import { G as GridColumnsRegex, a as GridRowsRegex } from './regex-dfe11abf.js';
 import { b as TypographyKeys } from './typography-a8fc4764.js';
 

package/dist/esm/{ui-df46cc20.js → ui-8424715a.js}

@@ -27,7 +27,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/esm/vega-accordion.entry.js

@@ -3,27 +3,27 @@ import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod,
 import { s as slotPlaceholder } from './placeholder-bf562081.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
-import { f as formatAndValidResponsiveToken } from './design-token-44525832.js';
+import { f as formatAndValidResponsiveToken } from './design-token-3671ce60.js';
 import { a as arrayToClassString } from './ui-0132dbb5.js';
-import { D as DomNodeSubjectObserverFactory, O as Observer } from './dom-node-subject-observer-factory-0d4b85b8.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-9461cd67.js';
 import { a as VegaClick, V as VegaExpand } from './vega-event-id-7465a011.js';
 import { c as chevronUp, a as chevronDown } from './chevron-down-4303bddb.js';
-import { V as VegaInternalIconManager } from './internal-icon-manager-ebe6ecf4.js';
+import { V as VegaInternalIconManager } from './internal-icon-manager-9671142a.js';
+import { O as Observer } from './observer-3959f9dd.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { A as ACCORDION_EXPAND_TOPIC } from './static-subject-title-2a4d6602.js';
-import { L as isAccordionObserverPayload } from './type-guard-467c9e3e.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-0315fa00.js';
-import './breakpoints-e59edf8d.js';
-import './ui-df46cc20.js';
-import './responsive-format-facade-4488d609.js';
+import { A as ACCORDION_EXPAND_TOPIC } from './static-subject-title-6987a80b.js';
+import { L as isAccordionObserverPayload } from './type-guard-63caf78b.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-eee9fd41.js';
+import './breakpoints-36a3ed69.js';
+import './ui-8424715a.js';
+import './responsive-format-facade-5a1329a7.js';
 import './number-e2519d1c.js';
 import './pixel-f32c07ce.js';
 import './typography-a8fc4764.js';
-import './state-background-color-formatter-de7e6522.js';
-import './icon-manager-754cda3f.js';
-import './create-public-api-runtime-metrics-slimmer-dc9af92b.js';
+import './state-background-color-formatter-0540d006.js';
+import './icon-manager-0f030f8a.js';
+import './create-public-api-runtime-metrics-slimmer-928ad7f0.js';
 import './dynamic-slimmer-90b8af32.js';
-import './misc-9fdbcfbb.js';
 import './regex-dfe11abf.js';
 import './internal-vega-event-manager-722461c1.js';
 
@@ -174,7 +174,7 @@ __decorate$1([
   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;
@@ -201,20 +201,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;
@@ -222,7 +222,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';
     /**
@@ -230,7 +230,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/esm/vega-app-footer.entry.js

@@ -33,21 +33,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;
     /**
@@ -55,14 +55,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';
     /**
@@ -70,7 +70,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;
     /**
@@ -78,21 +78,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 = [];
     /**
@@ -100,14 +100,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/esm/vega-app-header-button.entry.js

@@ -1,34 +1,34 @@
 import { h, r as registerInstance, c as createEvent, f as forceUpdate, H as Host, g as getElement } from './index-187f71d1.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { a as arrayToClassString } from './ui-0132dbb5.js';
-import { d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './design-token-44525832.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-4488d609.js';
+import { d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './design-token-3671ce60.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-5a1329a7.js';
 import { c as MapToComponentField, V as VegaSlimmer, L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { g as getCurrentBreakpoint } from './breakpoints-e59edf8d.js';
+import { g as getCurrentBreakpoint } from './breakpoints-36a3ed69.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8caeb03b.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-d3883004.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-0315fa00.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-0d4b85b8.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-994c1e1b.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-345c46c5.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-eee9fd41.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-9461cd67.js';
 import { a as VegaClick, b as VegaDropdownClick, l as VegaDropdownShow, m as VegaDropdownHide } from './vega-event-id-7465a011.js';
-import { V as VegaInternalIconManager } from './internal-icon-manager-ebe6ecf4.js';
+import { V as VegaInternalIconManager } from './internal-icon-manager-9671142a.js';
 import { c as chevronUp, a as chevronDown } from './chevron-down-4303bddb.js';
-import './type-guard-467c9e3e.js';
-import './ui-df46cc20.js';
+import './type-guard-63caf78b.js';
+import './ui-8424715a.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
-import './state-background-color-formatter-de7e6522.js';
+import './state-background-color-formatter-0540d006.js';
 import './number-e2519d1c.js';
 import './pixel-f32c07ce.js';
 import './internal-vega-event-manager-722461c1.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-a5fe5022.js';
+import './feature-flag-controller-10780eeb.js';
 import './index-0863eec6.js';
 import './dynamic-slimmer-90b8af32.js';
 import './change-manager-6a7eb88c.js';
-import './icon-manager-754cda3f.js';
-import './create-public-api-runtime-metrics-slimmer-dc9af92b.js';
-import './misc-9fdbcfbb.js';
+import './observer-3959f9dd.js';
+import './icon-manager-0f030f8a.js';
+import './create-public-api-runtime-metrics-slimmer-928ad7f0.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;
@@ -96,19 +96,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 = '';
     /**
@@ -116,39 +116,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) => {

package/dist/esm/vega-backdrop.entry.js

@@ -115,13 +115,13 @@ const VegaBackdrop = class {
     /**
      * Defines the color of the backdrop element.
      *
-     * @version 2.0.0
+     * @vegaVersion 2.0.0
      */
     this.color = 'bg-backdrop-modal';
     /**
      * Whether to show or hide the backdrop
      *
-     * @version 2.0.0
+     * @vegaVersion 2.0.0
      */
     this.visible = false;
   }