@globalpayments/vega 2.90.0 → 2.92.0

package/dist/esm/{translation-slimmer-d32eb861.js → translation-slimmer-60408f13.js}

@@ -1,5 +1,5 @@
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { V as VegaInternalTranslation } from './internal-translation-controller-653bd7e3.js';
+import { V as VegaInternalTranslation } from './internal-translation-controller-8e8a514a.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/esm/{type-guard-fd1f4760.js → type-guard-91087018.js}

@@ -1,7 +1,7 @@
 import { B as Breakpoints } from './breakpoints-d9faf11c.js';
 import { B as BorderStyle, C as CssStates, G as GridJustifyItems, F as FlexDirections, a as FlexAlignItem, b as FlexJustifyContent, c as FlexWrap, d as BoxDisplay, T as TextAlign } from './ui-93922c59.js';
-import { a as TypographyKeys } from './typography-396de03f.js';
-import { V as VegaInternalTranslation } from './internal-translation-controller-653bd7e3.js';
+import { a as TypographyKeys } from './typography-19c3b9be.js';
+import { V as VegaInternalTranslation } from './internal-translation-controller-8e8a514a.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
 
 const GridRowsRegex = new RegExp(/^([1-9]|1[0-2])(-auto)?$/);
@@ -1136,6 +1136,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.
  */
@@ -1428,6 +1514,14 @@ class DayPeriod extends CalendarPeriod {
     }
     return this.createBy(calendarDate);
   }
+  /**
+   * @inheritDoc
+   */
+  getViewDateSummary() {
+    const currentDate = this.current;
+    const monthName = VegaInternalTranslation.t(currentDate.getMonthName());
+    return `${currentDate.date} ${monthName}, ${currentDate.year}`;
+  }
   /**
    * @inheritDoc
    */
@@ -1445,6 +1539,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;
   }
   /**
@@ -1463,6 +1558,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) => VegaInternalTranslation.t(item.getMonthName()));
+    return `${start.date} ${startMonthName}${start.year === end.year ? '' : ', ' + start.year} - ${end.date} ${endMonthName}, ${end.year}`;
+  }
   /**
    * @inheritDoc
    */
@@ -1538,6 +1644,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 = VegaInternalTranslation.t(this.current.getMonthName());
+    return `${monthName}, ${currentDate.year}`;
+  }
   /**
    * @inheritDoc
    */
@@ -2014,4 +2128,4 @@ const isVegaModalSectionPaddingType = (input) => {
     Object.keys(input).every((key) => ['header', 'content', 'footer'].includes(key)));
 };
 
-export { isSelectSourceItemType as $, AmexRegex as A, BorderRadius as B, Colors as C, DiscoverRegex as D, isGridJustifyItemsType as E, FillBackgroundColors as F, isTranslocationType as G, isFlexDirectionType as H, isFlexAlignItemType as I, isFlexJustifyContentType as J, isFlexWrapType as K, isBoxDisplayType as L, MasterCardRegex as M, isDirectionalBorderRadiusType as N, isTextAlignType as O, isDateStr as P, isTimeStr as Q, StateVariantFormatter as R, StrokeBackgroundColors as S, TextColors as T, isBorderTokenType as U, VisaRegex as V, Borders as W, BorderMap as X, isAccordionObserverPayload as Y, isArrayOfType as Z, isDropdownSourceItemType as _, BackgroundColors as a, compareIsSameOrBefore as a0, compareIsBefore as a1, compareIsAfter as a2, CalendarDate as a3, buildDatePickerAnnouncement as a4, MonthPeriod as a5, isCalendarDateType as a6, isEATriggerStrategy as a7, getWeekdays as a8, WEEKDAYS_SHORT as a9, isResponsiveSizeType as aa, isVegaModalSectionPaddingType as ab, pad as ac, convert12HourTo24HourFormat as ad, WeekdayLongNames as ae, getClosestWorkday as af, DayPeriod as ag, WeekPeriod as ah, getSystemTimezone as ai, CalendarTime as aj, CalendarDateTime as ak, getCalendarEventSlotName as al, getTimeIndex as am, getEventStatusBgColorStyle as an, isVegaTableColumnGroupingModelType as ao, BorderColors as b, TextColorMap as c, BackgroundColorMap as d, BorderColorMap as e, Shadows as f, ShadowMap as g, Spacing as h, isNonNullable as i, StateBackgroundColorFormatter$1 as j, isSpacingTokenType as k, isBorderRadiusTokenType as l, isBorderColorTokenType as m, isBackgroundColorTokenType as n, isTextColorTokenType as o, isBreakpointsTokenType as p, isShadowsTokenType as q, isBorderStyleType as r, isTypographyTokenType as s, isResponsiveType as t, isBreakpointsForPrefixType as u, isDirectionalSpacingType as v, isMarginValueType as w, isDirectionalMarginType as x, isGridColumnsType as y, isGridRowsType as z };
+export { BorderMap as $, AmexRegex as A, BorderRadius as B, CalendarDate as C, DiscoverRegex as D, isDirectionalMarginType as E, FillBackgroundColors as F, isGridColumnsType as G, isGridRowsType as H, isGridJustifyItemsType as I, isTranslocationType as J, isFlexDirectionType as K, isFlexAlignItemType as L, MasterCardRegex as M, isFlexJustifyContentType as N, isFlexWrapType as O, isBoxDisplayType as P, isDirectionalBorderRadiusType as Q, isTextAlignType as R, StrokeBackgroundColors as S, TextColors as T, isDateStr as U, VisaRegex as V, WeekPeriod as W, isTimeStr as X, StateVariantFormatter as Y, isBorderTokenType as Z, Borders as _, MonthPeriod as a, isAccordionObserverPayload as a0, isArrayOfType as a1, isDropdownSourceItemType as a2, isSelectSourceItemType as a3, compareIsSameOrBefore as a4, compareIsBefore as a5, compareIsAfter as a6, buildDatePickerAnnouncement as a7, isCalendarDateType as a8, isEATriggerStrategy as a9, CalendarViewGenerator as aa, CalendarView as ab, isResponsiveSizeType as ac, isVegaModalSectionPaddingType as ad, pad as ae, convert12HourTo24HourFormat as af, WeekdayLongNames as ag, WeekViewGenerator as ah, getClosestWorkday as ai, getSystemTimezone as aj, CalendarTime as ak, CalendarDateTime as al, getCalendarEventSlotName as am, getTimeIndex as an, getEventStatusBgColorStyle as ao, isVegaTableColumnGroupingModelType as ap, DayPeriod as b, Colors as c, BackgroundColors as d, BorderColors as e, TextColorMap as f, BackgroundColorMap as g, BorderColorMap as h, isNonNullable as i, Shadows as j, ShadowMap as k, Spacing as l, StateBackgroundColorFormatter$1 as m, isSpacingTokenType as n, isBorderRadiusTokenType as o, isBorderColorTokenType as p, isBackgroundColorTokenType as q, isTextColorTokenType as r, isBreakpointsTokenType as s, isShadowsTokenType as t, isBorderStyleType as u, isTypographyTokenType as v, isResponsiveType as w, isBreakpointsForPrefixType as x, isDirectionalSpacingType as y, isMarginValueType as z };

package/dist/esm/{typography-396de03f.js → typography-19c3b9be.js}

@@ -8,28 +8,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",
@@ -50,42 +50,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/esm/{valid-credit-card-number-rule-dfd3e0a6.js → valid-credit-card-number-rule-681ecb75.js}

@@ -1,4 +1,4 @@
-import { V as VisaRegex, M as MasterCardRegex, A as AmexRegex, D as DiscoverRegex } from './type-guard-fd1f4760.js';
+import { V as VisaRegex, M as MasterCardRegex, A as AmexRegex, D as DiscoverRegex } from './type-guard-91087018.js';
 import { m as mapStringToNumberArray, a as mapParityDigits, s as sum } from './number-4398f2e1.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 

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

@@ -3,36 +3,36 @@ 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-4b1afd04.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { f as formatAndValidResponsiveToken } from './design-token-f73ebce9.js';
+import { f as formatAndValidResponsiveToken } from './design-token-cb5ed6b9.js';
 import { a as arrayToClassString } from './ui-d73f756a.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-ddff8662.js';
-import { a as VegaClick, d as VegaExpand } from './vega-event-id-92848bf5.js';
+import { a as VegaClick, e as VegaExpand } from './vega-event-id-d3017041.js';
 import { c as chevronUp } from './chevron-up-b1989751.js';
 import { c as chevronDown } from './chevron-down-4a75d28e.js';
-import { V as VegaInternalIconManager } from './internal-icon-manager-276f968f.js';
+import { V as VegaInternalIconManager } from './internal-icon-manager-e7c57096.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-1c86e974.js';
-import { Y as isAccordionObserverPayload } from './type-guard-fd1f4760.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-3eb4d8ad.js';
-import { T as TranslationSlimmer } from './translation-slimmer-d32eb861.js';
+import { a0 as isAccordionObserverPayload } from './type-guard-91087018.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-03deba18.js';
+import { T as TranslationSlimmer } from './translation-slimmer-60408f13.js';
 import './breakpoints-d9faf11c.js';
-import './responsive-format-facade-12697af2.js';
+import './responsive-format-facade-fb424f5b.js';
 import './ui-93922c59.js';
 import './breakpoints-332702ed.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
-import './feature-flag-controller-5ebc0cec.js';
+import './feature-flag-controller-3fd04ea9.js';
 import './index-9c9865c0.js';
-import './typography-396de03f.js';
-import './state-border-formatter-55cee24d.js';
-import './icon-manager-691c8682.js';
-import './create-public-api-runtime-metrics-slimmer-da6615bf.js';
+import './typography-19c3b9be.js';
+import './state-border-formatter-1a528ca4.js';
+import './icon-manager-4ef3f6dd.js';
+import './create-public-api-runtime-metrics-slimmer-48f85199.js';
 import './dynamic-slimmer-90b8af32.js';
 import './misc-9fdbcfbb.js';
-import './internal-translation-controller-653bd7e3.js';
-import './internal-vega-event-manager-a9758b6e.js';
+import './internal-translation-controller-8e8a514a.js';
+import './internal-vega-event-manager-75e5e3bb.js';
 import './try-get-document-bef0f526.js';
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -98,15 +98,20 @@ class VegaAccordionRenderer extends VegaSlimmer {
       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() : '';
+  }
 }
 (() => {
   VegaInternalIconManager.register({
@@ -144,6 +149,9 @@ __decorate$2([
 __decorate$2([
   MapToComponentField()
 ], VegaAccordionRenderer.prototype, "translationSlimmer", void 0);
+__decorate$2([
+  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/esm/vega-app-footer.entry.js

@@ -1,9 +1,11 @@
-import { r as registerInstance, h, H as Host, F as Fragment, g as getElement } from './index-090d31ca.js';
+import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
+import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { V as VegaInternalThemeManager } from './dark-mode-style-controller-ca5afd2d.js';
 import { B as BrandSwitchControllerSlimmer } from './brand-switch-state-controller-slimmer-9ca03c81.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-03deba18.js';
+import { f as VegaAdditionalLinkClick } from './vega-event-id-d3017041.js';
 import './static-subject-title-1c86e974.js';
 import './change-manager-6a7eb88c.js';
 import './observer-3959f9dd.js';
@@ -11,6 +13,10 @@ import './tinycolor-polyfill-7be0eb93.js';
 import './vega-nonce-manager-497e5eb5.js';
 import './try-get-document-bef0f526.js';
 import './index-3b327f29.js';
+import './dynamic-slimmer-90b8af32.js';
+import './dom-node-subject-observer-factory-ddff8662.js';
+import './ui-d73f756a.js';
+import './internal-vega-event-manager-75e5e3bb.js';
 
 const HEARTLAND_TOS_URL = 'https://www.heartland.us/terms';
 const HEARTLAND_PRIVACY_URL = 'https://www.heartland.us/privacy-policy';
@@ -21,6 +27,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 VegaSlimmer {
+  render() {
+    return (this.additionalLinks.length > 0 && (h(Fragment, null,
+      !this.hideDefaultLinks ? h("span", { class: "v-separator" }) : null,
+      this.additionalLinks.map((link, index) => {
+        return this.renderAdditionalLink(link, index);
+      }))));
+  }
+  renderAdditionalLink(link, index) {
+    return (link.URL &&
+      link.label && (h(Fragment, null,
+      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 ? null : h("span", { class: "v-separator" }))));
+  }
+  onAdditionalLinkClick(event, link) {
+    const emittedEvent = this.additionalLinkClickEventEmitter.emit(link);
+    if (emittedEvent.defaultPrevented) {
+      event.preventDefault();
+    }
+  }
+}
+__decorate$1([
+  MapToComponentField()
+], VegaAppFooterAdditionalLinksRenderer.prototype, "additionalLinks", void 0);
+__decorate$1([
+  MapToComponentField()
+], VegaAppFooterAdditionalLinksRenderer.prototype, "hideDefaultLinks", void 0);
+__decorate$1([
+  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) {
@@ -36,7 +86,11 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const VegaAppFooter = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.vegaAdditionalLinkClick = createEvent(this, "vegaAdditionalLinkClick", 7);
+    this.additionalLinkClick = createEvent(this, "additionalLinkClick", 7);
     this.globalSlimmers = {};
+    this.additionalLinkClickEventEmitter = createEventEmitSlimmer(VegaAppFooter, VegaAdditionalLinkClick);
+    this.additionalLinksRenderer = new VegaAppFooterAdditionalLinksRenderer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.brandSwitchControllerSlimmer = new BrandSwitchControllerSlimmer();
     this.googlePrivacyPolicyUrl = HEARTLAND_GOOGLE_PRIVACY_POLICY_URL;
@@ -153,7 +207,7 @@ const VegaAppFooter = class {
       : this.getDefaultContent()));
   }
   renderLinks() {
-    return (h("div", { class: "vega-link" }, !this.hideDefaultLinks ? this.renderDefaultLinks() : null, this.additionalLinks.length ? this.renderAdditionalLinks() : null));
+    return (h("div", { class: "vega-link" }, !this.hideDefaultLinks ? this.renderDefaultLinks() : null, this.additionalLinksRenderer.render()));
   }
   renderDefaultLinks() {
     return (h(Fragment, null, h("a", { id: this.termOfUseUrlId, target: this.termOfUseUrlTarget, href: this.getTermsOfUseUrl() }, this.termOfUseLabel), h("span", { class: "v-separator" }), h("a", { id: this.privacyPolicyUrlId, target: this.privacyPolicyUrlTarget, href: this.getPrivacyPolicyUrl() }, this.privacyPolicyLabel)));
@@ -169,12 +223,6 @@ const VegaAppFooter = class {
       ? this.privacyPolicyUrl
       : this.getDefaultPrivacyPolicyUrl();
   }
-  renderAdditionalLinks() {
-    return (h(Fragment, null, !this.hideDefaultLinks ? h("span", { class: "v-separator" }) : null, this.additionalLinks.map((link, index) => {
-      return (link.URL &&
-        link.label && (h(Fragment, null, h("a", { id: link.id, target: link.target, href: link.URL }, link.label), this.additionalLinks.length === index + 1 ? null : (h("span", { class: "v-separator" })))));
-    })));
-  }
   renderDisclaimer() {
     return (this.showDisclaimer && (h("div", { class: "vega-app-footer-disclaimer" }, h("div", { class: "h-separator" }), h("div", { class: "vega-app-footer-disclaimer-content vega-link" }, "This site is protected by reCAPTCHA and the", ' ', h("a", { target: this.disclaimerUrlTarget, href: this.googlePrivacyPolicyUrl }, ' ', "Google Privacy Policy", ' '), ' ', "and", ' ', h("a", { target: this.disclaimerUrlTarget, href: this.googleTermsOfServiceUrl }, ' ', "Google Terms of Service", ' '), "apply."))));
   }
@@ -183,6 +231,12 @@ const VegaAppFooter = class {
 __decorate([
   InjectVegaGlobalSlimmer()
 ], VegaAppFooter.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaAppFooter.prototype, "additionalLinkClickEventEmitter", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaAppFooter.prototype, "additionalLinksRenderer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaAppFooter.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);

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

@@ -1,39 +1,39 @@
 import { h, r as registerInstance, c as createEvent, f as forceUpdate, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { a as arrayToClassString } from './ui-d73f756a.js';
-import { f as formatAndValidResponsiveToken, d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './design-token-f73ebce9.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-12697af2.js';
+import { f as formatAndValidResponsiveToken, d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './design-token-cb5ed6b9.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-fb424f5b.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-1e3ac106.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-3eb4d8ad.js';
-import { x as VegaDropdownShow, y as VegaDropdownHide, V as VegaDropdownClick, e as VegaReset, f as VegaDropdownSearch, a as VegaClick } from './vega-event-id-92848bf5.js';
-import { V as VegaInternalIconManager } from './internal-icon-manager-276f968f.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-f24618c5.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-03deba18.js';
+import { y as VegaDropdownShow, z as VegaDropdownHide, V as VegaDropdownClick, g as VegaReset, h as VegaDropdownSearch, a as VegaClick } from './vega-event-id-d3017041.js';
+import { V as VegaInternalIconManager } from './internal-icon-manager-e7c57096.js';
 import { c as chevronUp } from './chevron-up-b1989751.js';
 import { c as chevronDown } from './chevron-down-4a75d28e.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-ddff8662.js';
 import { A as AriaAttributesValueMapper } from './aria-attributes-value-mapper-2c632641.js';
-import './type-guard-fd1f4760.js';
+import './type-guard-91087018.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
-import './typography-396de03f.js';
-import './internal-translation-controller-653bd7e3.js';
+import './typography-19c3b9be.js';
+import './internal-translation-controller-8e8a514a.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-1c86e974.js';
-import './state-border-formatter-55cee24d.js';
+import './state-border-formatter-1a528ca4.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
-import './feature-flag-controller-5ebc0cec.js';
+import './feature-flag-controller-3fd04ea9.js';
 import './index-9c9865c0.js';
 import './try-get-document-bef0f526.js';
-import './internal-vega-event-manager-a9758b6e.js';
+import './internal-vega-event-manager-75e5e3bb.js';
 import './vega-env-manager-8f8dc473.js';
 import './dynamic-slimmer-90b8af32.js';
-import './icon-manager-691c8682.js';
-import './create-public-api-runtime-metrics-slimmer-da6615bf.js';
+import './icon-manager-4ef3f6dd.js';
+import './create-public-api-runtime-metrics-slimmer-48f85199.js';
 import './misc-9fdbcfbb.js';
 import './observer-3959f9dd.js';
 import './mutation-observer-slimmer-58ebc13c.js';

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

@@ -4,19 +4,20 @@ import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlim
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
 import { g as getDeviceType, D as DeviceType, a as arrayToClassString } from './ui-d73f756a.js';
-import { V as VegaInternalIconManager } from './internal-icon-manager-276f968f.js';
+import { x as xmarkLarge } from './xmark-large-c5ae7944.js';
+import { V as VegaInternalIconManager } from './internal-icon-manager-e7c57096.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-ddff8662.js';
-import { a as VegaClick, g as VegaClose, h as VegaActionButtonClick } from './vega-event-id-92848bf5.js';
-import { F as FeatureFlag } from './feature-flag-controller-5ebc0cec.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-3eb4d8ad.js';
-import './icon-manager-691c8682.js';
-import './create-public-api-runtime-metrics-slimmer-da6615bf.js';
+import { a as VegaClick, i as VegaClose, j as VegaActionButtonClick } from './vega-event-id-d3017041.js';
+import { F as FeatureFlag } from './feature-flag-controller-3fd04ea9.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-03deba18.js';
+import './icon-manager-4ef3f6dd.js';
+import './create-public-api-runtime-metrics-slimmer-48f85199.js';
 import './dynamic-slimmer-90b8af32.js';
 import './misc-9fdbcfbb.js';
 import './change-manager-6a7eb88c.js';
 import './observer-3959f9dd.js';
 import './index-9c9865c0.js';
-import './internal-vega-event-manager-a9758b6e.js';
+import './internal-vega-event-manager-75e5e3bb.js';
 import './try-get-document-bef0f526.js';
 
 var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -161,10 +162,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);

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

@@ -1,11 +1,11 @@
 import { r as registerInstance, h, g as getElement, H as Host } from './index-090d31ca.js';
-import { B as BaseDrawer, a as BaseChart, L as LayoutInputProcessor, P as ProcessorChain, b as LegendInputProcessor, c as LegendDrawer } from './legend-input-processor-122008c5.js';
-import { Y as YAxisInputProcessor, X as XAxisInputProcessor, a as XAxisDrawer, b as YAxisDrawer } from './y-axis-input-processor-c7e05353.js';
+import { B as BaseDrawer, a as BaseChart, L as LayoutInputProcessor, P as ProcessorChain, b as LegendInputProcessor, c as LegendDrawer } from './legend-input-processor-3b2de4b7.js';
+import { Y as YAxisInputProcessor, X as XAxisInputProcessor, a as XAxisDrawer, b as YAxisDrawer } from './y-axis-input-processor-c6b2a914.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import './array-7888f339.js';
 import './number-4398f2e1.js';
-import './typography-396de03f.js';
+import './typography-19c3b9be.js';
 import './pixel-f32c07ce.js';
 
 /** The RectDrawer class draws a rectangle on a chart using the provided options. */

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

@@ -1,28 +1,28 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { j as formatAndValidStateToken, f as formatAndValidResponsiveToken, k as formatAndValidBorderStyle } from './design-token-f73ebce9.js';
+import { j as formatAndValidStateToken, f as formatAndValidResponsiveToken, k as formatAndValidBorderStyle } from './design-token-cb5ed6b9.js';
 import { a as arrayToClassString } from './ui-d73f756a.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { v as vegaNonceManager } from './vega-nonce-manager-497e5eb5.js';
 import { h as htmlSanitizer, s as styleSanitizeStrategy } from './index-3b327f29.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-12697af2.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-fb424f5b.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
-import { f as formatFlexStyles } from './style-formatter-6073ae27.js';
-import './type-guard-fd1f4760.js';
+import { f as formatFlexStyles } from './style-formatter-5c1bea8d.js';
+import './type-guard-91087018.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
-import './typography-396de03f.js';
-import './internal-translation-controller-653bd7e3.js';
+import './typography-19c3b9be.js';
+import './internal-translation-controller-8e8a514a.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-1c86e974.js';
-import './state-border-formatter-55cee24d.js';
+import './state-border-formatter-1a528ca4.js';
 import './try-get-document-bef0f526.js';
 import './breakpoints-332702ed.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
-import './feature-flag-controller-5ebc0cec.js';
+import './feature-flag-controller-3fd04ea9.js';
 import './index-9c9865c0.js';
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {