@globalpayments/vega 2.90.0 → 2.92.0

package/dist/cjs/{translation-slimmer-e8549aff.js → translation-slimmer-1e05769e.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const internalTranslationController = require('./internal-translation-controller-9785d4e8.js');
+const internalTranslationController = require('./internal-translation-controller-48ebfd0f.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;

package/dist/cjs/{type-guard-9917b11f.js → type-guard-7ab48d6c.js}

@@ -2,8 +2,8 @@
 
 const breakpoints = require('./breakpoints-ebde4837.js');
 const ui = require('./ui-32120990.js');
-const typography = require('./typography-4560e7f1.js');
-const internalTranslationController = require('./internal-translation-controller-9785d4e8.js');
+const typography = require('./typography-3ea4fe41.js');
+const internalTranslationController = require('./internal-translation-controller-48ebfd0f.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 
 const GridRowsRegex = new RegExp(/^([1-9]|1[0-2])(-auto)?$/);
@@ -1138,6 +1138,92 @@ class CalendarDate {
 }
 CalendarDate.MONTHS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
 
+/**
+ * Calendar view generator abstract class.
+ */
+class CalendarViewGenerator {
+  constructor() {
+    this.weekdays = getWeekdays();
+  }
+  /**
+   * Get weekday names.
+   *
+   * @returns {string[]} - The weekday strings
+   */
+  getWeekdayNames() {
+    return WEEKDAYS_SHORT;
+  }
+  /**
+   * Generate calendar dates
+   *
+   * @param {CalendarPeriod} period - The calendar period
+   * @returns {Date[]} - The date result
+   */
+  generateDates(period) {
+    const cursor = period.startDate.toDate();
+    const dates = [];
+    for (let i = 0; i < period.count; i++) {
+      dates.push(new Date(cursor));
+      cursor.setDate(cursor.getDate() + 1);
+    }
+    return dates;
+  }
+  /**
+   * Generate calendar head
+   *
+   * @returns {string[]} - The data of week head
+   */
+  generateWeekHead() {
+    return this.weekdays.map((day) => this.getWeekdayNames()[day]);
+  }
+}
+
+/**
+ * Calendar view
+ */
+class CalendarView {
+  constructor(weekdays, dateItems) {
+    this._weekdays = weekdays;
+    this._dateItems = dateItems;
+  }
+  /**
+   * The week head of the calendar view
+   *
+   * @type {string[]}
+   */
+  get weekdays() {
+    return this._weekdays;
+  }
+  /**
+   * The date items of the calendar view
+   *
+   * @type {CalendarDate[][]}
+   */
+  get dateItems() {
+    return this._dateItems;
+  }
+}
+
+/**
+ * Calendar week view generator
+ */
+class WeekViewGenerator extends CalendarViewGenerator {
+  /**
+   * @inheritDoc
+   */
+  generate(period) {
+    const dates = this.generateDates(period);
+    const showWeekends = period.showWeekends;
+    let weekDays = this.generateWeekHead();
+    let dateItems = [dates.map((date) => CalendarDate.from(date))];
+    if (showWeekends === false) {
+      weekDays = weekDays.slice(1, 6);
+      dateItems = dateItems.map((items) => items.slice(1, 6));
+    }
+    return new CalendarView(weekDays, dateItems);
+  }
+}
+
 /**
  * CalendarPeriod is an abstract class that represents a period of date for calendar.
  */
@@ -1430,6 +1516,14 @@ class DayPeriod extends CalendarPeriod {
     }
     return this.createBy(calendarDate);
   }
+  /**
+   * @inheritDoc
+   */
+  getViewDateSummary() {
+    const currentDate = this.current;
+    const monthName = internalTranslationController.VegaInternalTranslation.t(currentDate.getMonthName());
+    return `${currentDate.date} ${monthName}, ${currentDate.year}`;
+  }
   /**
    * @inheritDoc
    */
@@ -1447,6 +1541,7 @@ class WeekPeriod extends CalendarPeriod {
     super(WeekPeriod.DISPLAY_DATE_COUNT, current, timezone);
     this._type = 'week';
     this._showWeekends = true;
+    this.weekViewGenerator = new WeekViewGenerator();
     this._showWeekends = showWeekends === false ? false : true;
   }
   /**
@@ -1465,6 +1560,17 @@ class WeekPeriod extends CalendarPeriod {
     currentDate.setDate(currentDate.getDate() - 7);
     return this.createBy(CalendarDate.from(currentDate));
   }
+  /**
+   * @inheritDoc
+   */
+  getViewDateSummary() {
+    const calendarView = this.weekViewGenerator.generate(this);
+    const weekItems = calendarView.dateItems[0];
+    const start = weekItems[0];
+    const end = weekItems[weekItems.length - 1];
+    const [startMonthName, endMonthName] = [start, end].map((item) => internalTranslationController.VegaInternalTranslation.t(item.getMonthName()));
+    return `${start.date} ${startMonthName}${start.year === end.year ? '' : ', ' + start.year} - ${end.date} ${endMonthName}, ${end.year}`;
+  }
   /**
    * @inheritDoc
    */
@@ -1540,6 +1646,14 @@ class MonthPeriod extends CalendarPeriod {
     const previous = new Date(year, month, previousDay);
     return this.createBy(CalendarDate.from(previous));
   }
+  /**
+   * @inheritDoc
+   */
+  getViewDateSummary() {
+    const currentDate = this.current;
+    const monthName = internalTranslationController.VegaInternalTranslation.t(this.current.getMonthName());
+    return `${monthName}, ${currentDate.year}`;
+  }
   /**
    * @inheritDoc
    */
@@ -2027,6 +2141,8 @@ exports.Borders = Borders;
 exports.CalendarDate = CalendarDate;
 exports.CalendarDateTime = CalendarDateTime;
 exports.CalendarTime = CalendarTime;
+exports.CalendarView = CalendarView;
+exports.CalendarViewGenerator = CalendarViewGenerator;
 exports.Colors = Colors;
 exports.DayPeriod = DayPeriod;
 exports.DiscoverRegex = DiscoverRegex;
@@ -2042,8 +2158,8 @@ exports.StrokeBackgroundColors = StrokeBackgroundColors;
 exports.TextColorMap = TextColorMap;
 exports.TextColors = TextColors;
 exports.VisaRegex = VisaRegex;
-exports.WEEKDAYS_SHORT = WEEKDAYS_SHORT;
 exports.WeekPeriod = WeekPeriod;
+exports.WeekViewGenerator = WeekViewGenerator;
 exports.buildDatePickerAnnouncement = buildDatePickerAnnouncement;
 exports.compareIsAfter = compareIsAfter;
 exports.compareIsBefore = compareIsBefore;
@@ -2054,7 +2170,6 @@ exports.getClosestWorkday = getClosestWorkday;
 exports.getEventStatusBgColorStyle = getEventStatusBgColorStyle;
 exports.getSystemTimezone = getSystemTimezone;
 exports.getTimeIndex = getTimeIndex;
-exports.getWeekdays = getWeekdays;
 exports.isAccordionObserverPayload = isAccordionObserverPayload;
 exports.isArrayOfType = isArrayOfType;
 exports.isBackgroundColorTokenType = isBackgroundColorTokenType;

package/dist/cjs/{typography-4560e7f1.js → typography-3ea4fe41.js}

@@ -10,28 +10,28 @@ const Typography = {
     "font-size:42px",
     "font-weight:700",
     "line-height:50px",
-    "letter-spacing:0.42px"
+    "letter-spacing:-0.42px"
   ],
   "M:v-font-h1": [
     "@apply v-font-inter",
     "font-size:42px",
     "font-weight:700",
     "line-height:50px",
-    "letter-spacing:2.52px"
+    "letter-spacing:-0.67px"
   ],
   "L:v-font-h1": [
     "@apply v-font-inter",
     "font-size:48px",
     "font-weight:700",
     "line-height:56px",
-    "letter-spacing:0.96px"
+    "letter-spacing:-1.06px"
   ],
   "XL:v-font-h1": [
     "@apply v-font-inter",
     "font-size:60px",
     "font-weight:700",
     "line-height:70px",
-    "letter-spacing:1.8px"
+    "letter-spacing:-1.8px"
   ],
   "v-font-h2": [
     "@apply v-font-inter",
@@ -52,42 +52,42 @@ const Typography = {
     "font-size:36px",
     "font-weight:700",
     "line-height:44px",
-    "letter-spacing:1.8px"
+    "letter-spacing:-0.18px"
   ],
   "XL:v-font-h2": [
     "@apply v-font-inter",
     "font-size:42px",
     "font-weight:700",
     "line-height:52px",
-    "letter-spacing:0.42px"
+    "letter-spacing:-0.42px"
   ],
   "v-font-h3": [
     "@apply v-font-inter",
     "font-size:28px",
     "font-weight:500",
     "line-height:36px",
-    "letter-spacing:0.28px"
+    "letter-spacing:-0.28px"
   ],
   "M:v-font-h3": [
     "@apply v-font-inter",
     "font-size:28px",
     "font-weight:500",
     "line-height:36px",
-    "letter-spacing:0.28px"
+    "letter-spacing:-0.28px"
   ],
   "L:v-font-h3": [
     "@apply v-font-inter",
     "font-size:28px",
     "font-weight:500",
     "line-height:36px",
-    "letter-spacing:0.28px"
+    "letter-spacing:-0.28px"
   ],
   "XL:v-font-h3": [
     "@apply v-font-inter",
     "font-size:32px",
     "font-weight:500",
     "line-height:44px",
-    "letter-spacing:0.32px"
+    "letter-spacing:-0.32px"
   ],
   "v-font-h4": [
     "@apply v-font-inter",

package/dist/cjs/{valid-credit-card-number-rule-8c541bcd.js → valid-credit-card-number-rule-52ba9c67.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const typeGuard = require('./type-guard-9917b11f.js');
+const typeGuard = require('./type-guard-7ab48d6c.js');
 const number = require('./number-4816603d.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 

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

@@ -7,36 +7,36 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const component = require('./component-1e352960.js');
-const designToken = require('./design-token-939bf72c.js');
+const designToken = require('./design-token-3548af29.js');
 const ui = require('./ui-c91c37a7.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
-const vegaEventId = require('./vega-event-id-37c1716f.js');
+const vegaEventId = require('./vega-event-id-df22d80e.js');
 const chevronUp = require('./chevron-up-21465cf7.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
-const internalIconManager = require('./internal-icon-manager-66c48800.js');
+const internalIconManager = require('./internal-icon-manager-40bcac72.js');
 const observer = require('./observer-f49483e8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
-const typeGuard = require('./type-guard-9917b11f.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-146316b2.js');
-const translationSlimmer = require('./translation-slimmer-e8549aff.js');
+const typeGuard = require('./type-guard-7ab48d6c.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-5bab10c2.js');
+const translationSlimmer = require('./translation-slimmer-1e05769e.js');
 require('./breakpoints-ebde4837.js');
-require('./responsive-format-facade-d112aa9f.js');
+require('./responsive-format-facade-98b89142.js');
 require('./ui-32120990.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
-require('./feature-flag-controller-5fa21654.js');
+require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
-require('./typography-4560e7f1.js');
-require('./state-border-formatter-c3c9b90d.js');
-require('./icon-manager-e855446d.js');
-require('./create-public-api-runtime-metrics-slimmer-122350c3.js');
+require('./typography-3ea4fe41.js');
+require('./state-border-formatter-626b0a14.js');
+require('./icon-manager-be358b32.js');
+require('./create-public-api-runtime-metrics-slimmer-91b0cbfb.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./misc-3d30df91.js');
-require('./internal-translation-controller-9785d4e8.js');
-require('./internal-vega-event-manager-6e49d1ca.js');
+require('./internal-translation-controller-48ebfd0f.js');
+require('./internal-vega-event-manager-7196a847.js');
 require('./try-get-document-c0ebd39a.js');
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -102,15 +102,20 @@ class VegaAccordionRenderer extends globalSlimmerRegistry.VegaSlimmer {
       index.h("slot", { name: "accordion-title" })));
   }
   getExpandIconAriaLabel() {
-    if (this.accordionTitle) {
+    const title = this.accordionTitle || this.getSlottedTitleText();
+    if (title) {
       return this.expand
-        ? this.translationSlimmer.t('Collapse {0} accordion', this.accordionTitle)
-        : this.translationSlimmer.t('Expand {0} accordion', this.accordionTitle);
+        ? this.translationSlimmer.t('Collapse {0} accordion', title)
+        : this.translationSlimmer.t('Expand {0} accordion', title);
     }
     return this.expand
       ? this.translationSlimmer.t('Collapse accordion')
       : this.translationSlimmer.t('Expand accordion');
   }
+  getSlottedTitleText() {
+    const slotted = this.host.querySelector('[slot="title"], [slot="accordion-title"]');
+    return slotted ? (slotted.textContent || '').trim() : '';
+  }
 }
 (() => {
   internalIconManager.VegaInternalIconManager.register({
@@ -148,6 +153,9 @@ __decorate$2([
 __decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaAccordionRenderer.prototype, "translationSlimmer", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaAccordionRenderer.prototype, "host", void 0);
 
 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;

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

@@ -8,6 +8,8 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const darkModeStyleController = require('./dark-mode-style-controller-32d4054a.js');
 const brandSwitchStateControllerSlimmer = require('./brand-switch-state-controller-slimmer-97882447.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-5bab10c2.js');
+const vegaEventId = require('./vega-event-id-df22d80e.js');
 require('./static-subject-title-70c73b16.js');
 require('./change-manager-a297e4d2.js');
 require('./observer-f49483e8.js');
@@ -15,6 +17,10 @@ require('./tinycolor-polyfill-502efaa8.js');
 require('./vega-nonce-manager-df69d3ed.js');
 require('./try-get-document-c0ebd39a.js');
 require('./index-592b4052.js');
+require('./dynamic-slimmer-f31fdfd7.js');
+require('./dom-node-subject-observer-factory-c82df135.js');
+require('./ui-c91c37a7.js');
+require('./internal-vega-event-manager-7196a847.js');
 
 const HEARTLAND_TOS_URL = 'https://www.heartland.us/terms';
 const HEARTLAND_PRIVACY_URL = 'https://www.heartland.us/privacy-policy';
@@ -25,6 +31,50 @@ const GLOBALPAYMENTS_TOS_URL = 'https://www.globalpayments.com/terms-of-use';
 const GLOBALPAYMENTS_PRIVACY_URL = 'https://www.globalpayments.com/privacy-statement';
 const GLOBALPAYMENTS_CONTENT = `© ${new Date().getFullYear()} Global Payments Inc. All rights reserved.`;
 
+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;
+  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;
+};
+/**
+ * This class is a slimmer that renders the additional links in the footer.
+ * It is used to separate the rendering logic from the main component.
+ */
+class VegaAppFooterAdditionalLinksRenderer extends globalSlimmerRegistry.VegaSlimmer {
+  render() {
+    return (this.additionalLinks.length > 0 && (index.h(index.Fragment, null,
+      !this.hideDefaultLinks ? index.h("span", { class: "v-separator" }) : null,
+      this.additionalLinks.map((link, index) => {
+        return this.renderAdditionalLink(link, index);
+      }))));
+  }
+  renderAdditionalLink(link, index$1) {
+    return (link.URL &&
+      link.label && (index.h(index.Fragment, null,
+      index.h("a", { id: link.id, target: link.target, href: link.URL, 
+        // Inline binding is acceptable here since footer re-renders are infrequent
+        // eslint-disable-next-line react/jsx-no-bind
+        onClick: (e) => this.onAdditionalLinkClick(e, link) }, link.label),
+      this.additionalLinks.length === index$1 + 1 ? null : index.h("span", { class: "v-separator" }))));
+  }
+  onAdditionalLinkClick(event, link) {
+    const emittedEvent = this.additionalLinkClickEventEmitter.emit(link);
+    if (emittedEvent.defaultPrevented) {
+      event.preventDefault();
+    }
+  }
+}
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaAppFooterAdditionalLinksRenderer.prototype, "additionalLinks", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaAppFooterAdditionalLinksRenderer.prototype, "hideDefaultLinks", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaAppFooterAdditionalLinksRenderer.prototype, "additionalLinkClickEventEmitter", void 0);
+
 const vegaAppFooterCss = ":host{display:block;padding-left:0px;padding-right:0px}:host .h-separator{height:1px;background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1));margin-top:20px;margin-bottom:20px}:host .v-separator{display:inline-block;width:1px;margin-left:8px;margin-right:8px;background-color:rgba(70, 71, 101, 0.8)}:host>.vega-link{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap}:host>.vega-link a{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host>.vega-link a{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-link a{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-link a{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-app-footer-content{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));margin-bottom:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-app-footer-content{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-app-footer-content{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-app-footer-content{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-app-footer-disclaimer-content{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;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-app-footer-disclaimer-content{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-app-footer-disclaimer-content{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-app-footer-disclaimer-content{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:0px}}:host(.v-text-center){text-align:center}:host .vega-link a{color:rgba(var(--v-text-link, 19, 98, 226, 1));border-radius:4px;text-decoration:none}:host .vega-link a:visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}:host .vega-link a:hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1));text-decoration:underline}:host .vega-link a:focus{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .vega-link a:active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1));text-decoration:underline}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -40,7 +90,11 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const VegaAppFooter = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.vegaAdditionalLinkClick = index.createEvent(this, "vegaAdditionalLinkClick", 7);
+    this.additionalLinkClick = index.createEvent(this, "additionalLinkClick", 7);
     this.globalSlimmers = {};
+    this.additionalLinkClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAppFooter, vegaEventId.VegaAdditionalLinkClick);
+    this.additionalLinksRenderer = new VegaAppFooterAdditionalLinksRenderer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.brandSwitchControllerSlimmer = new brandSwitchStateControllerSlimmer.BrandSwitchControllerSlimmer();
     this.googlePrivacyPolicyUrl = HEARTLAND_GOOGLE_PRIVACY_POLICY_URL;
@@ -157,7 +211,7 @@ const VegaAppFooter = class {
       : this.getDefaultContent()));
   }
   renderLinks() {
-    return (index.h("div", { class: "vega-link" }, !this.hideDefaultLinks ? this.renderDefaultLinks() : null, this.additionalLinks.length ? this.renderAdditionalLinks() : null));
+    return (index.h("div", { class: "vega-link" }, !this.hideDefaultLinks ? this.renderDefaultLinks() : null, this.additionalLinksRenderer.render()));
   }
   renderDefaultLinks() {
     return (index.h(index.Fragment, null, index.h("a", { id: this.termOfUseUrlId, target: this.termOfUseUrlTarget, href: this.getTermsOfUseUrl() }, this.termOfUseLabel), index.h("span", { class: "v-separator" }), index.h("a", { id: this.privacyPolicyUrlId, target: this.privacyPolicyUrlTarget, href: this.getPrivacyPolicyUrl() }, this.privacyPolicyLabel)));
@@ -173,12 +227,6 @@ const VegaAppFooter = class {
       ? this.privacyPolicyUrl
       : this.getDefaultPrivacyPolicyUrl();
   }
-  renderAdditionalLinks() {
-    return (index.h(index.Fragment, null, !this.hideDefaultLinks ? index.h("span", { class: "v-separator" }) : null, this.additionalLinks.map((link, index$1) => {
-      return (link.URL &&
-        link.label && (index.h(index.Fragment, null, index.h("a", { id: link.id, target: link.target, href: link.URL }, link.label), this.additionalLinks.length === index$1 + 1 ? null : (index.h("span", { class: "v-separator" })))));
-    })));
-  }
   renderDisclaimer() {
     return (this.showDisclaimer && (index.h("div", { class: "vega-app-footer-disclaimer" }, index.h("div", { class: "h-separator" }), index.h("div", { class: "vega-app-footer-disclaimer-content vega-link" }, "This site is protected by reCAPTCHA and the", ' ', index.h("a", { target: this.disclaimerUrlTarget, href: this.googlePrivacyPolicyUrl }, ' ', "Google Privacy Policy", ' '), ' ', "and", ' ', index.h("a", { target: this.disclaimerUrlTarget, href: this.googleTermsOfServiceUrl }, ' ', "Google Terms of Service", ' '), "apply."))));
   }
@@ -187,6 +235,12 @@ const VegaAppFooter = class {
 __decorate([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
 ], VegaAppFooter.prototype, "globalSlimmers", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaAppFooter.prototype, "additionalLinkClickEventEmitter", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaAppFooter.prototype, "additionalLinksRenderer", void 0);
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaAppFooter.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);

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

@@ -5,39 +5,39 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const ui = require('./ui-c91c37a7.js');
-const designToken = require('./design-token-939bf72c.js');
-const responsiveFormatFacade = require('./responsive-format-facade-d112aa9f.js');
+const designToken = require('./design-token-3548af29.js');
+const responsiveFormatFacade = require('./responsive-format-facade-98b89142.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-85a7fdb0.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-146316b2.js');
-const vegaEventId = require('./vega-event-id-37c1716f.js');
-const internalIconManager = require('./internal-icon-manager-66c48800.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-b9a5b3e2.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-5bab10c2.js');
+const vegaEventId = require('./vega-event-id-df22d80e.js');
+const internalIconManager = require('./internal-icon-manager-40bcac72.js');
 const chevronUp = require('./chevron-up-21465cf7.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const ariaAttributesValueMapper = require('./aria-attributes-value-mapper-9a41b9cf.js');
-require('./type-guard-9917b11f.js');
+require('./type-guard-7ab48d6c.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
-require('./typography-4560e7f1.js');
-require('./internal-translation-controller-9785d4e8.js');
+require('./typography-3ea4fe41.js');
+require('./internal-translation-controller-48ebfd0f.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-70c73b16.js');
-require('./state-border-formatter-c3c9b90d.js');
+require('./state-border-formatter-626b0a14.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
-require('./feature-flag-controller-5fa21654.js');
+require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
 require('./try-get-document-c0ebd39a.js');
-require('./internal-vega-event-manager-6e49d1ca.js');
+require('./internal-vega-event-manager-7196a847.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./icon-manager-e855446d.js');
-require('./create-public-api-runtime-metrics-slimmer-122350c3.js');
+require('./icon-manager-be358b32.js');
+require('./create-public-api-runtime-metrics-slimmer-91b0cbfb.js');
 require('./misc-3d30df91.js');
 require('./observer-f49483e8.js');
 require('./mutation-observer-slimmer-749d5020.js');

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

@@ -8,19 +8,20 @@ const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-
 const component = require('./component-1e352960.js');
 const accessibility = require('./accessibility-88f8af84.js');
 const ui = require('./ui-c91c37a7.js');
-const internalIconManager = require('./internal-icon-manager-66c48800.js');
+const xmarkLarge = require('./xmark-large-faae5a80.js');
+const internalIconManager = require('./internal-icon-manager-40bcac72.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
-const vegaEventId = require('./vega-event-id-37c1716f.js');
-const featureFlagController = require('./feature-flag-controller-5fa21654.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-146316b2.js');
-require('./icon-manager-e855446d.js');
-require('./create-public-api-runtime-metrics-slimmer-122350c3.js');
+const vegaEventId = require('./vega-event-id-df22d80e.js');
+const featureFlagController = require('./feature-flag-controller-c19d0b58.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-5bab10c2.js');
+require('./icon-manager-be358b32.js');
+require('./create-public-api-runtime-metrics-slimmer-91b0cbfb.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./misc-3d30df91.js');
 require('./change-manager-a297e4d2.js');
 require('./observer-f49483e8.js');
 require('./index-3ca118c4.js');
-require('./internal-vega-event-manager-6e49d1ca.js');
+require('./internal-vega-event-manager-7196a847.js');
 require('./try-get-document-c0ebd39a.js');
 
 var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -165,10 +166,6 @@ const circleQuestion = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>`,
 };
 
-const xmarkLarge = {
-  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M393.4 41.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3L269.3 256 438.6 425.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L224 301.3 54.6 470.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L178.7 256 9.4 86.6C-3.1 74.1-3.1 53.9 9.4 41.4s32.8-12.5 45.3 0L224 210.7 393.4 41.4z"/></svg>`,
-};
-
 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;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -207,7 +204,7 @@ class VegaBannerIconController extends globalSlimmerRegistry.VegaSlimmer {
     'circle-check': circleCheck,
     'circle-question': circleQuestion,
     'circle-info': circleInfo,
-    'xmark-large': xmarkLarge,
+    'xmark-large': xmarkLarge.xmarkLarge,
   });
 })();
 __decorate$2([

package/dist/cjs/vega-bar-chart.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
-const legendInputProcessor = require('./legend-input-processor-1e53e5bc.js');
-const yAxisInputProcessor = require('./y-axis-input-processor-54a26515.js');
+const legendInputProcessor = require('./legend-input-processor-ce9b38f8.js');
+const yAxisInputProcessor = require('./y-axis-input-processor-d3a3839c.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 require('./array-249289f2.js');
 require('./number-4816603d.js');
-require('./typography-4560e7f1.js');
+require('./typography-3ea4fe41.js');
 require('./pixel-98f2a10c.js');
 
 /** The RectDrawer class draws a rectangle on a chart using the provided options. */

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

@@ -4,29 +4,29 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
-const designToken = require('./design-token-939bf72c.js');
+const designToken = require('./design-token-3548af29.js');
 const ui = require('./ui-c91c37a7.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const vegaNonceManager = require('./vega-nonce-manager-df69d3ed.js');
 const index = require('./index-592b4052.js');
-const responsiveFormatFacade = require('./responsive-format-facade-d112aa9f.js');
+const responsiveFormatFacade = require('./responsive-format-facade-98b89142.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
-const styleFormatter = require('./style-formatter-11c95331.js');
-require('./type-guard-9917b11f.js');
+const styleFormatter = require('./style-formatter-baf18624.js');
+require('./type-guard-7ab48d6c.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
-require('./typography-4560e7f1.js');
-require('./internal-translation-controller-9785d4e8.js');
+require('./typography-3ea4fe41.js');
+require('./internal-translation-controller-48ebfd0f.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-70c73b16.js');
-require('./state-border-formatter-c3c9b90d.js');
+require('./state-border-formatter-626b0a14.js');
 require('./try-get-document-c0ebd39a.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
-require('./feature-flag-controller-5fa21654.js');
+require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {