genesys-spark-components 4.0.0-beta.1 → 4.0.0-beta.3

package/dist/esm/gux-calendar-beta.entry.js

@@ -0,0 +1,231 @@
+import { r as registerInstance, h, g as getElement } from './index-0b66fe2c.js';
+import { f as fromIsoDate } from './iso-dates-a7c704a4.js';
+import { c as capitalizeFirstLetter } from './capitalize-first-letter-d2512ec0.js';
+import { g as getDesiredLocale, a as getStartOfWeek, b as buildI18nForComponent } from './index-694d55cf.js';
+import { a as afterNextRenderTimeout } from './after-next-render-ed0f7dcd.js';
+import { l as logError } from './log-error-e0bbd04a.js';
+import { s as simulateNativeEvent } from './simulate-native-event-ac69961f.js';
+import './get-closest-element-1597503c.js';
+
+function getFirstOfMonth(date) {
+  return new Date(date.getFullYear(), date.getMonth(), 1, 0, 0, 0);
+}
+function getWeekdays(locale, startDayOfWeek) {
+  const days = [];
+  // Sunday
+  const day = new Date(1970, 0, 4);
+  for (let i = 0; i < 7; i++) {
+    const weekday = day.toLocaleString(locale, { weekday: 'narrow' });
+    days.push(weekday);
+    day.setDate(day.getDate() + 1);
+  }
+  return rotateArray(days, startDayOfWeek);
+}
+function getDateAsMonthYear(date, locale) {
+  return capitalizeFirstLetter(date.toLocaleDateString(locale, { year: 'numeric', month: 'long' }));
+}
+function rotateArray(arr, n) {
+  const times = n % arr.length;
+  return arr.concat(arr.splice(0, times));
+}
+function firstDateInMonth(month, year, startDayOfWeek) {
+  const startDate = new Date(year, month, 1, 0, 0, 0, 0);
+  const firstDayOfMonth = startDate.getDay();
+  const firstDayOffset = (-1 * (startDayOfWeek - firstDayOfMonth - 7)) % 7;
+  return new Date(startDate.getTime() - firstDayOffset * (86400 * 1000));
+}
+
+const previousMonth = "Previous month: {localizedPreviousMonthAndYear}";
+const nextMonth = "Next month: {localizedNextMonthAndYear}";
+const translationResources = {
+	previousMonth: previousMonth,
+	nextMonth: nextMonth
+};
+
+const guxCalendarCss = ".gux-calendar-beta{box-sizing:border-box;display:inline-flex;flex-direction:column;background:var(--gse-ui-calendarMenu-date-selected-foregroundColor);box-shadow:rgba(34, 37, 41, 0.24) 0px 2px 4px;border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius);font-size:var(--gse-ui-calendarMenu-month-defaultText-fontSize);font-family:var(--gse-ui-calendarMenu-month-defaultText-fontFamily)}.gux-calendar-beta .gux-header{display:flex;align-items:center;padding:var(--gse-ui-calendarMenu-header-padding);font-style:normal;font-weight:var(--gse-ui-calendarMenu-month-currentText-fontWeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);text-align:center;background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius);justify-content:space-between;height:var(--gse-ui-calendarMenu-month-single-header-height)}.gux-calendar-beta .gux-header .gux-header-month-and-year{width:var(--gse-ui-calendarMenu-month-single-header-textWidth);color:var(--gse-ui-calendarMenu-month-selected-foregroundColor);font-family:var(--gse-ui-calendarMenu-month-headerText-fontFamily);line-height:var(--gse-ui-calendarMenu-month-headerText-lineHeight);font-size:var(--gse-ui-calendarMenu-month-headerText-fontSize)}.gux-calendar-beta .gux-header .gux-left,.gux-calendar-beta .gux-header .gux-right{color:var(--gse-ui-calendarMenu-month-monthHeader-foregroundColor);cursor:pointer;background:none;border:none;outline:none}.gux-calendar-beta .gux-header .gux-left:focus-visible,.gux-calendar-beta .gux-header .gux-right:focus-visible{outline:2px solid #aac9ff;outline-offset:1px}.gux-calendar-beta .gux-header .gux-left gux-icon,.gux-calendar-beta .gux-header .gux-right gux-icon{width:16px;height:16px}.gux-calendar-beta .gux-week-days{padding-top:24px;padding-right:24px;padding-left:24px;text-align:center;color:var(--gse-ui-calendarMenu-day-dayHeader-foregroundColor);font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-day-headerText-fontSize);font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-weight:var(--gse-ui-calendarMenu-day-headerText-fontWeight)}.gux-calendar-beta .gux-week-days .gux-week-day{display:inline-block;width:var(--gse-ui-calendarMenu-day-date-size);height:16px;font-weight:var(--gse-ui-calendarMenu-day-header-fontWeight)}.gux-calendar-beta .gux-content{padding:var(--gse-ui-calendarMenu-dateBody-padding);color:var(--gse-core-color-cornflower-900);background-color:var(--gse-ui-calendarMenu-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius)}.gux-calendar-beta .gux-content-week .gux-content-date{display:inline-block;width:var(--gse-ui-calendarMenu-day-date-size);height:var(--gse-ui-calendarMenu-day-input-height);font-style:normal;font-weight:var(--gse-ui-calendarMenu-date-defaultText-fontWeight);line-height:32px;text-align:center;vertical-align:middle;border:none;outline:none;color:var(--gse-core-color-cornflower-600);font-size:var(--gse-ui-calendarMenu-date-defaultText-fontSize);font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar-beta .gux-content-week .gux-content-date.gux-current-month{color:var(--gse-ui-calendarMenu-month-default-foregroundColor);opacity:1}.gux-calendar-beta .gux-content-week .gux-content-date.gux-hidden{display:none}.gux-calendar-beta .gux-content-week .gux-content-date.gux-disabled{pointer-events:none}.gux-calendar-beta .gux-content-week .gux-content-date.gux-selected{color:var(--gse-ui-calendarMenu-date-selected-foregroundColor);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border:none;border-radius:var(--gse-ui-calendarMenu-month-borderRadius);outline:none}.gux-calendar-beta .gux-content-week .gux-content-date.gux-selected:hover{background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar-beta .gux-content-week .gux-content-date:hover{cursor:pointer;background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar-beta .gux-content-week .gux-content-date:focus-visible{outline:1px solid #7b61ff;border-radius:var(--gse-ui-calendarMenu-month-focusBorderRadius)}.gux-calendar-beta .gux-content-week .gux-content-date .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-calendar-beta .gux-content-week .gux-content-date.gux-current-date{font-weight:var(--gse-ui-calendarMenu-date-currentText-fontWeight);font-family:var(--gse-ui-calendarMenu-month-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-currentText-fontSize)}";
+
+const GuxCalendar = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.locale = 'en';
+    // Total number of dates that will display for each month in the calendar
+    this.MONTH_DATE_COUNT = 42;
+    this.focusedValue = undefined;
+    this.minValue = undefined;
+    this.maxValue = undefined;
+  }
+  get slottedInput() {
+    return this.root.querySelector('input[type="date"]');
+  }
+  async componentWillLoad() {
+    if (!this.slottedInput) {
+      logError(this.root, 'You must slot a date input element like so: input[type="date"].');
+    }
+    this.locale = getDesiredLocale(this.root);
+    // Set start day of week
+    const startDayOfWeek = this.slottedInput.getAttribute('start-day-of-week');
+    if (startDayOfWeek === null || startDayOfWeek === void 0 ? void 0 : startDayOfWeek.length) {
+      this.startDayOfWeek = parseInt(startDayOfWeek, 10);
+    }
+    this.startDayOfWeek = this.startDayOfWeek || getStartOfWeek(this.locale);
+    this.i18n = await buildI18nForComponent(this.root, translationResources);
+    if (this.slottedInput.value) {
+      this.focusedValue = fromIsoDate(this.slottedInput.value);
+    }
+    // Set min value from the "min" input prop
+    if (this.slottedInput.min) {
+      this.minValue = new Date(this.slottedInput.min);
+      this.minValue.setHours(0, 0, 0, 0);
+    }
+    // Set max value from the "max" input prop
+    if (this.slottedInput.max) {
+      this.maxValue = new Date(this.slottedInput.max);
+      this.maxValue.setHours(0, 0, 0, 0);
+    }
+  }
+  onDateClick(date) {
+    this.focusedValue = new Date(date.getTime());
+    this.slottedInput.value = date.toISOString().substring(0, 10);
+    simulateNativeEvent(this.root, 'input');
+  }
+  setDateAfterArrowKeyPress(event, newDayValue) {
+    event.preventDefault();
+    this.focusedValue = new Date(this.getFocusedValue().getFullYear(), this.getFocusedValue().getMonth(), this.getFocusedValue().getDate() + newDayValue, 0, 0, 0);
+    afterNextRenderTimeout(() => {
+      this.focusDate();
+    });
+  }
+  /**
+   * Focus the focused date
+   */
+  focusDate() {
+    const target = this.root.shadowRoot.querySelector(`.gux-content-date[data-date="${this.focusedValue.getTime()}"]`);
+    if (target) {
+      target.focus();
+    }
+  }
+  onKeyDown(event) {
+    switch (event.key) {
+      case ' ':
+        break;
+      case 'Enter':
+        event.preventDefault();
+        this.onDateClick(this.getFocusedValue());
+        afterNextRenderTimeout(() => {
+          this.focusDate();
+        });
+        break;
+      case 'ArrowDown':
+        this.setDateAfterArrowKeyPress(event, 7);
+        break;
+      case 'ArrowUp':
+        this.setDateAfterArrowKeyPress(event, -7);
+        break;
+      case 'ArrowLeft':
+        this.setDateAfterArrowKeyPress(event, -1);
+        break;
+      case 'ArrowRight':
+        this.setDateAfterArrowKeyPress(event, 1);
+        break;
+      case 'PageUp':
+        event.preventDefault();
+        this.setNewFocusedMonth(1);
+        afterNextRenderTimeout(() => {
+          this.focusDate();
+        });
+        break;
+      case 'PageDown':
+        event.preventDefault();
+        this.setNewFocusedMonth(-1);
+        afterNextRenderTimeout(() => {
+          this.focusDate();
+        });
+        break;
+    }
+  }
+  getMonthDays() {
+    var _a, _b;
+    const firstOfMonth = getFirstOfMonth(this.getFocusedValue());
+    const weeks = [];
+    let currentWeek = { dates: [] };
+    let weekDayIndex = 0;
+    const currentMonth = firstOfMonth.getMonth();
+    const selectedValue = this.getSelectedValue();
+    const firstOfMonthDate = new Date(firstOfMonth.getTime());
+    const currentDate = firstDateInMonth(currentMonth, firstOfMonthDate.getFullYear(), this.startDayOfWeek);
+    // Generate all of the dates in the current month
+    for (let d = 0; d < this.MONTH_DATE_COUNT + 1; d += 1) {
+      const selected = selectedValue.getTime() === currentDate.getTime() &&
+        this.focusedValue !== undefined;
+      if (weekDayIndex > 0 && weekDayIndex % 7 === 0) {
+        weeks.push(currentWeek);
+        currentWeek = {
+          dates: []
+        };
+      }
+      // Disable a date that is outside the defined date range boundaries
+      const disabled = (this.minValue && currentDate.getTime() <= this.minValue.getTime()) ||
+        (this.maxValue && currentDate.getTime() > this.maxValue.getTime());
+      const focused = ((_a = this.getFocusedValue()) === null || _a === void 0 ? void 0 : _a.getTime()) === currentDate.getTime() &&
+        ((_b = this.getFocusedValue()) === null || _b === void 0 ? void 0 : _b.getTime()) !== selectedValue.getTime(); // Do not show preview value for date if it's already selected
+      const today = new Date();
+      currentWeek.dates.push({
+        date: new Date(currentDate),
+        disabled,
+        inCurrentMonth: currentMonth === currentDate.getMonth() && !disabled,
+        selected: selected && selectedValue,
+        focused,
+        isCurrentDate: currentDate.getDate() === today.getDate() &&
+          currentDate.getMonth() === today.getMonth() &&
+          currentDate.getFullYear() === today.getFullYear()
+      });
+      weekDayIndex += 1;
+      currentDate.setDate(currentDate.getDate() + 1);
+    }
+    return weeks;
+  }
+  getFocusedValue() {
+    if (this.focusedValue) {
+      return this.focusedValue;
+    }
+    return this.getSelectedValue();
+  }
+  changeMonth(newMonthValue) {
+    return new Date(this.getFocusedValue().getFullYear(), this.getFocusedValue().getMonth() + newMonthValue, 1, 0, 0, 0);
+  }
+  setNewFocusedMonth(newMonthValue) {
+    this.focusedValue = this.changeMonth(newMonthValue);
+  }
+  getSelectedValue() {
+    if (this.slottedInput.value) {
+      const value = fromIsoDate(this.slottedInput.value);
+      return value;
+    }
+    const now = new Date();
+    now.setHours(0, 0, 0, 0);
+    return now;
+  }
+  renderHeader() {
+    return (h("div", { class: "gux-header" }, h("button", { type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth', {
+        localizedPreviousMonthAndYear: getDateAsMonthYear(this.changeMonth(-1), this.locale)
+      }), onClick: () => this.setNewFocusedMonth(-1) }, h("gux-icon", { decorative: true, "icon-name": "chevron-small-left" })), h("span", { class: "gux-header-month-and-year" }, getDateAsMonthYear(this.getFocusedValue(), this.locale)), h("button", { type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth', {
+        localizedNextMonthAndYear: getDateAsMonthYear(this.changeMonth(1), this.locale)
+      }), onClick: () => this.setNewFocusedMonth(1) }, h("gux-icon", { decorative: true, "icon-name": "chevron-small-right" }))));
+  }
+  renderContent() {
+    return (h("div", null, h("div", { class: "gux-week-days" }, getWeekdays(this.locale, this.startDayOfWeek).map(day => (h("div", { class: "gux-week-day" }, day)))), h("div", { class: "gux-content" }, this.getMonthDays().map(week => (h("div", { class: "gux-content-week" }, week.dates.map(day => (h("div", { "data-date": day.date.getTime(), onClick: () => this.onDateClick(day.date), role: "button", "aria-current": day.selected ? 'true' : 'false', tabindex: day.selected || day.focused ? '0' : '-1', onKeyDown: e => void this.onKeyDown(e), "aria-disabled": day.disabled ? 'true' : 'false', class: {
+        'gux-content-date': true,
+        'gux-disabled': day.disabled,
+        'gux-current-month': day.inCurrentMonth,
+        'gux-selected': day.selected,
+        'gux-current-date': day.isCurrentDate
+      } }, h("span", { class: "gux-non-sr", "aria-hidden": "true" }, day.date.getDate()), h("span", { class: "gux-sr-only" }, h("gux-date-beta", { datetime: day.date.toISOString(), format: "long" })))))))))));
+  }
+  render() {
+    return (h("div", { class: "gux-calendar-beta" }, h("slot", null), this.renderHeader(), this.renderContent()));
+  }
+  get root() { return getElement(this); }
+};
+GuxCalendar.style = guxCalendarCss;
+
+export { GuxCalendar as gux_calendar_beta };

package/dist/esm/gux-calendar.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-0b66fe2c.js';
 import { a as afterNextRenderTimeout } from './after-next-render-ed0f7dcd.js';
 import { a as asIsoDateRange, c as fromIsoDateRange, b as asIsoDate, f as fromIsoDate } from './iso-dates-a7c704a4.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 import { g as getDesiredLocale, a as getStartOfWeek } from './index-694d55cf.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-d2512ec0.js';
 import './get-closest-element-1597503c.js';

package/dist/esm/gux-card.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-0b66fe2c.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 
 const guxCardCss = ":host{display:block;width:fit-content}.gux-card{box-sizing:border-box;padding:var(--gse-ui-card-padding);background-color:var(--gse-ui-card-backgroundColor);border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color);border-radius:var(--gse-ui-card-borderRadius)}.gux-card.gux-bordered{border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color)}.gux-card.gux-raised{border:var(--gse-ui-card-raised-border-width) var(--gse-ui-card-raised-border-style) var(--gse-ui-card-raised-border-color);box-shadow:var(--gse-ui-card-raised-boxShadow-x) var(--gse-ui-card-raised-boxShadow-y) var(--gse-ui-card-raised-boxShadow-blur) var(--gse-ui-card-raised-boxShadow-spread) var(--gse-ui-card-raised-boxShadow-color)}.gux-card.gux-borderless{border:var(--gse-ui-card-borderless-border-width) var(--gse-ui-card-borderless-border-style) var(--gse-ui-card-borderless-border-color)}";
 

package/dist/esm/gux-column-manager-beta.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-0b66fe2c.js';
 import { b as buildI18nForComponent } from './index-694d55cf.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 import { g as getEmptyKeyboardOrderChange, s as setKeyboardReorderPositionIndicator, a as setMainCheckboxElementCheckedState, b as getNewOrder, c as getIndexInParent, d as getNewKeyboardOrderChange, e as setHighlights, f as setAllCheckboxInputs, h as getSelectedColumnCount } from './gux-column-manager.service-07ddccf5.js';
 import './get-closest-element-1597503c.js';
 import './clamp-6bdb0367.js';

package/dist/esm/gux-content-search.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-0b66fe2c.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 import { b as buildI18nForComponent } from './index-694d55cf.js';
 import { a as onDisabledChange } from './on-attribute-change-5fd8da7c.js';
 import './get-closest-element-1597503c.js';

package/dist/esm/gux-context-menu-beta.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-0b66fe2c.js';
 import { r as randomHTMLId } from './random-html-id-8e3f658c.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 import { b as buildI18nForComponent } from './index-694d55cf.js';
 import { O as OnClickOutside } from './on-click-outside-bc432a79.js';
 import { b as afterNextRender } from './after-next-render-ed0f7dcd.js';

package/dist/esm/gux-copy-to-clipboard.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-0b66fe2c.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 import { b as buildI18nForComponent } from './index-694d55cf.js';
 import './get-closest-element-1597503c.js';
 

package/dist/esm/gux-date-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-0b66fe2c.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 import { D as DateTimeFormatter } from './DateTimeFormatter-bb057477.js';
 import { g as getDesiredLocale } from './index-694d55cf.js';
 import './get-closest-element-1597503c.js';

package/dist/esm/gux-date-time-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-0b66fe2c.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 import { D as DateTimeFormatter } from './DateTimeFormatter-bb057477.js';
 import { g as getDesiredLocale } from './index-694d55cf.js';
 import './get-closest-element-1597503c.js';

package/dist/esm/gux-datepicker.entry.js

@@ -4,7 +4,7 @@ import { r as randomHTMLId } from './random-html-id-8e3f658c.js';
 import { a as afterNextRenderTimeout } from './after-next-render-ed0f7dcd.js';
 import { f as fromIsoDate, a as asIsoDateRange, b as asIsoDate, c as fromIsoDateRange } from './iso-dates-a7c704a4.js';
 import { O as OnClickOutside } from './on-click-outside-bc432a79.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 import { b as buildI18nForComponent } from './index-694d55cf.js';
 import './get-closest-element-1597503c.js';
 

package/dist/esm/gux-disclosure-button.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-0b66fe2c.js';
 import { r as randomHTMLId } from './random-html-id-8e3f658c.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 import { b as buildI18nForComponent } from './index-694d55cf.js';
 import './get-closest-element-1597503c.js';
 

package/dist/esm/gux-dismiss-button.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-0b66fe2c.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 import { b as buildI18nForComponent } from './index-694d55cf.js';
 import './get-closest-element-1597503c.js';
 

package/dist/esm/gux-dropdown-multi-beta.entry.js

@@ -4,7 +4,7 @@ import { b as buildI18nForComponent } from './index-694d55cf.js';
 import { s as simulateNativeEvent } from './simulate-native-event-ac69961f.js';
 import { b as afterNextRender } from './after-next-render-ed0f7dcd.js';
 import { o as onInputDisabledStateChange } from './on-input-disabled-state-change-3ea76372.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 import { g as getSearchOption } from './gux-listbox.service-a8319b51.js';
 import { O as OnMutation } from './on-mutation-8c8b2331.js';
 import './get-closest-element-1597503c.js';

package/dist/esm/gux-dropdown_3.entry.js

@@ -4,7 +4,7 @@ import { b as buildI18nForComponent } from './index-694d55cf.js';
 import { s as simulateNativeEvent } from './simulate-native-event-ac69961f.js';
 import { o as onInputDisabledStateChange, c as calculateInputDisabledState } from './on-input-disabled-state-change-3ea76372.js';
 import { b as afterNextRender } from './after-next-render-ed0f7dcd.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 import { O as OnMutation } from './on-mutation-8c8b2331.js';
 import { k as getListOptions, g as getSearchOption, s as setInitialActiveOption, c as clearActiveOptions, a as setLastOptionActive, b as setFirstOptionActive, h as hasPreviousOption, d as setPreviousOptionActive, e as hasNextOption, f as setNextOptionActive, i as actOnActiveOption, j as goToOption, m as matchOption, o as onClickedOption } from './gux-listbox.service-a8319b51.js';
 import { w as whenEventIsFrom } from './when-event-is-from-18667084.js';

package/dist/esm/gux-error-message-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-0b66fe2c.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 
 const guxErrorMessageBetaCss = ".gux-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;font-size:11px;color:#2e394c}.gux-container gux-icon{flex:0 1 auto;align-self:auto;order:0;width:16px;height:16px;margin:0 4px;color:#ea0b0b}.gux-container .gux-message{flex:0 1 auto;align-self:auto;order:0}";
 

package/dist/esm/gux-flyout-menu-beta.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-0b66fe2c.js';
 import { a as afterNextRenderTimeout } from './after-next-render-ed0f7dcd.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 import { h as hideDelay } from './gux-menu.common-4a871a5c.js';
 import { c as createPopper } from './popper-1604923e.js';
 

package/dist/esm/gux-form-field-checkbox.entry.js

@@ -4,7 +4,7 @@ import { O as OnMutation } from './on-mutation-8c8b2331.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-d16c3f4c.js';
 import { h as hasSlot } from './has-slot-062ae63a.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp, g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-5f03e905.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 import './random-html-id-8e3f658c.js';
 import './log-error-e0bbd04a.js';
 import './simulate-native-event-ac69961f.js';

package/dist/esm/gux-form-field-color.entry.js

@@ -6,7 +6,7 @@ import { p as preventBrowserValidationStyling } from './prevent-browser-validati
 import { h as hasSlot } from './has-slot-062ae63a.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp, g as getSlottedInput, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-5f03e905.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-0d93fc18.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 import './random-html-id-8e3f658c.js';
 import './log-error-e0bbd04a.js';
 import './simulate-native-event-ac69961f.js';

package/dist/esm/gux-form-field-dropdown.entry.js

@@ -6,7 +6,7 @@ import { o as onRequiredChange } from './on-attribute-change-5fd8da7c.js';
 import { h as hasSlot } from './has-slot-062ae63a.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp, s as setSlotAriaLabelledby, c as setSlotAriaDescribedby, b as getComputedLabelPosition } from './gux-form-field.service-5f03e905.js';
 import { G as GuxFormFieldLegendLabel, g as getSlotTextContent, a as GuxFormFieldFieldsetContainer } from './get-slot-text-content-b2a8af86.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 import './get-closest-element-1597503c.js';
 import './random-html-id-8e3f658c.js';
 import './log-error-e0bbd04a.js';

package/dist/esm/gux-form-field-input-clear-button.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-0b66fe2c.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 import { b as buildI18nForComponent } from './index-694d55cf.js';
 import './get-closest-element-1597503c.js';
 

package/dist/esm/gux-form-field-number_3.entry.js

@@ -8,7 +8,7 @@ import { h as hasContent, d as clearInput, G as GuxFormFieldError, a as GuxFormF
 import { s as simulateNativeEvent } from './simulate-native-event-ac69961f.js';
 import { h as hasSlot } from './has-slot-062ae63a.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-0d93fc18.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 import { t as translationResources } from './en-5d726a81.js';
 import { O as OnClickOutside } from './on-click-outside-bc432a79.js';
 import { b as afterNextRender } from './after-next-render-ed0f7dcd.js';

package/dist/esm/gux-form-field-phone.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, h, g as getElement } from './index-0b66fe2c.js';
 import { b as buildI18nForComponent } from './index-694d55cf.js';
 import { O as OnMutation } from './on-mutation-8c8b2331.js';
 import { a as onDisabledChange, o as onRequiredChange } from './on-attribute-change-5fd8da7c.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 import { G as GuxFormFieldLegendLabel, g as getSlotTextContent, a as GuxFormFieldFieldsetContainer } from './get-slot-text-content-b2a8af86.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-5f03e905.js';
 import { h as hasSlot } from './has-slot-062ae63a.js';

package/dist/esm/gux-form-field-radio.entry.js

@@ -4,7 +4,7 @@ import { O as OnMutation } from './on-mutation-8c8b2331.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-d16c3f4c.js';
 import { h as hasSlot } from './has-slot-062ae63a.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp, g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-5f03e905.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 import './random-html-id-8e3f658c.js';
 import './log-error-e0bbd04a.js';
 import './simulate-native-event-ac69961f.js';

package/dist/esm/gux-form-field-range.entry.js

@@ -6,7 +6,7 @@ import { p as preventBrowserValidationStyling } from './prevent-browser-validati
 import { h as hasSlot } from './has-slot-062ae63a.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp, g as getSlottedInput, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-5f03e905.js';
 import { a as GuxFormFieldContainer, G as GuxFormFieldLabel } from './gux-form-field-container-0d93fc18.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 import './random-html-id-8e3f658c.js';
 import './log-error-e0bbd04a.js';
 import './simulate-native-event-ac69961f.js';

package/dist/esm/gux-form-field-search.entry.js

@@ -6,7 +6,7 @@ import { p as preventBrowserValidationStyling } from './prevent-browser-validati
 import { h as hasSlot } from './has-slot-062ae63a.js';
 import { h as hasContent, d as clearInput, G as GuxFormFieldError, a as GuxFormFieldHelp, g as getSlottedInput, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-5f03e905.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-0d93fc18.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 import './random-html-id-8e3f658c.js';
 import './log-error-e0bbd04a.js';
 import './simulate-native-event-ac69961f.js';

package/dist/esm/gux-form-field-select.entry.js

@@ -6,7 +6,7 @@ import { p as preventBrowserValidationStyling } from './prevent-browser-validati
 import { h as hasSlot } from './has-slot-062ae63a.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-5f03e905.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-0d93fc18.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 import './random-html-id-8e3f658c.js';
 import './log-error-e0bbd04a.js';
 import './simulate-native-event-ac69961f.js';

package/dist/esm/gux-form-field-text-like.entry.js

@@ -6,7 +6,7 @@ import { p as preventBrowserValidationStyling } from './prevent-browser-validati
 import { h as hasSlot } from './has-slot-062ae63a.js';
 import { h as hasContent, c as setSlotAriaDescribedby, d as clearInput, G as GuxFormFieldError, a as GuxFormFieldHelp, g as getSlottedInput, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-5f03e905.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-0d93fc18.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 import './random-html-id-8e3f658c.js';
 import './log-error-e0bbd04a.js';
 import './simulate-native-event-ac69961f.js';

package/dist/esm/gux-form-field-textarea.entry.js

@@ -6,7 +6,7 @@ import { p as preventBrowserValidationStyling } from './prevent-browser-validati
 import { h as hasSlot } from './has-slot-062ae63a.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-5f03e905.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-0d93fc18.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 import './random-html-id-8e3f658c.js';
 import './log-error-e0bbd04a.js';
 import './simulate-native-event-ac69961f.js';

package/dist/esm/gux-form-field-time-picker.entry.js

@@ -5,7 +5,7 @@ import { a as onDisabledChange, o as onRequiredChange } from './on-attribute-cha
 import { h as hasSlot } from './has-slot-062ae63a.js';
 import { G as GuxFormFieldLegendLabel, g as getSlotTextContent, a as GuxFormFieldFieldsetContainer } from './get-slot-text-content-b2a8af86.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-5f03e905.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 import './get-closest-element-1597503c.js';
 import './random-html-id-8e3f658c.js';
 import './log-error-e0bbd04a.js';

package/dist/esm/gux-icon.entry.js

@@ -1,5 +1,5 @@
 import { a as getAssetPath, r as registerInstance, h, g as getElement } from './index-0b66fe2c.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 import { l as logError } from './log-error-e0bbd04a.js';
 
 const svgHTMLCache = new Map();

package/dist/esm/gux-inline-alert.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-0b66fe2c.js';
 import { b as buildI18nForComponent } from './index-694d55cf.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 import './get-closest-element-1597503c.js';
 
 const info = "Information alert with message";

package/dist/esm/gux-list.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-0b66fe2c.js';
 import { l as last, n as next, f as first, p as previous, b as byId, c as byClosestId } from './gux-list.service-a878b7e3.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 
 const guxListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start}";
 

package/dist/esm/gux-listbox-multi.entry.js

@@ -3,7 +3,7 @@ import { s as setInitialActiveOption, c as clearActiveOptions, a as setLastOptio
 import { b as buildI18nForComponent } from './index-694d55cf.js';
 import { w as whenEventIsFrom } from './when-event-is-from-18667084.js';
 import { s as simulateNativeEvent } from './simulate-native-event-ac69961f.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 import { b as afterNextRender } from './after-next-render-ed0f7dcd.js';
 import './get-closest-element-1597503c.js';
 

package/dist/esm/gux-loading-message-beta.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, d as readTask, h, g as getElement } from './index-0b66fe2c.js';
 import { a as afterNextRenderTimeout } from './after-next-render-ed0f7dcd.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 
 /**
  * Below are the max-widths for the loading component.

package/dist/esm/gux-modal.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-0b66fe2c.js';
 import { r as randomHTMLId } from './random-html-id-8e3f658c.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 
 const guxModalCss = ":host .gux-modal{position:fixed;inset:0;z-index:var(--gux-zindex-modal, 1);display:flex;align-items:center;justify-content:center;color:#2e394c;background:rgba(32, 41, 55, 0.8)}:host .gux-modal .gux-modal-container{box-shadow:0 8px 24px rgba(32, 41, 55, 0.4);position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:40px;background:#fdfdfd;border:1px solid #b4bccb;border-radius:4px}:host .gux-modal .gux-modal-container.gux-small{width:416px;max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:672px;max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:940px;max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 2 * 24px);max-height:calc(100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{padding-bottom:24px;margin:0;font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;margin:0 8px 24px;overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}:host .gux-modal .gux-modal-container .gux-button-footer .gux-left-align-buttons gux-button{padding-right:5px}:host .gux-modal .gux-modal-container .gux-button-footer .gux-right-align-buttons gux-button{padding-left:5px}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";
 

package/dist/esm/gux-month-picker-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-0b66fe2c.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 import { O as OnClickOutside } from './on-click-outside-bc432a79.js';
 import { b as buildI18nForComponent, g as getDesiredLocale } from './index-694d55cf.js';
 import { s as simulateNativeEvent } from './simulate-native-event-ac69961f.js';

package/dist/esm/gux-notification-toast-legacy.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0b66fe2c.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 
 const guxNotificationToastCss = ".gux-focus-ring-focused:focus{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-focused-within:focus-within{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-focused-visible:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-small-focused:focus{outline:2px solid #aac9ff;outline-offset:0}.gux-focus-ring-small-focused-within:focus-within{outline:2px solid #aac9ff;outline-offset:0}.gux-focus-ring-small-focused-visible:focus-visible{outline:2px solid #aac9ff;outline-offset:0}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:url(\"./fonts/roboto-v20-latin-300.eot\");src:local(\"Roboto Light\"), local(\"Roboto-Light\"), url(\"./fonts/roboto-v20-latin-300.eot?#iefix\") format(\"embedded-opentype\"), url(\"./fonts/roboto-v20-latin-300.woff2\") format(\"woff2\"), url(\"./fonts/roboto-v20-latin-300.woff\") format(\"woff\"), url(\"./fonts/roboto-v20-latin-300.ttf\") format(\"truetype\"), url(\"./fonts/roboto-v20-latin-300.svg#Roboto\") format(\"svg\");}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(\"./fonts/roboto-v20-latin-regular.eot\");src:local(\"Roboto\"), local(\"Roboto-Regular\"), url(\"./fonts/roboto-v20-latin-regular.eot?#iefix\") format(\"embedded-opentype\"), url(\"./fonts/roboto-v20-latin-regular.woff2\") format(\"woff2\"), url(\"./fonts/roboto-v20-latin-regular.woff\") format(\"woff\"), url(\"./fonts/roboto-v20-latin-regular.ttf\") format(\"truetype\"), url(\"./fonts/roboto-v20-latin-regular.svg#Roboto\") format(\"svg\");}@font-face{font-family:Roboto;font-style:italic;font-weight:400;src:url(\"./fonts/roboto-v20-latin-italic.eot\");src:local(\"Roboto Italic\"), local(\"Roboto-Italic\"), url(\"./fonts/roboto-v20-latin-italic.eot?#iefix\") format(\"embedded-opentype\"), url(\"./fonts/roboto-v20-latin-italic.woff2\") format(\"woff2\"), url(\"./fonts/roboto-v20-latin-italic.woff\") format(\"woff\"), url(\"./fonts/roboto-v20-latin-italic.ttf\") format(\"truetype\"), url(\"./fonts/roboto-v20-latin-italic.svg#Roboto\") format(\"svg\");}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url(\"./fonts/roboto-v20-latin-700.eot\");src:local(\"Roboto Bold\"), local(\"Roboto-Bold\"), url(\"./fonts/roboto-v20-latin-700.eot?#iefix\") format(\"embedded-opentype\"), url(\"./fonts/roboto-v20-latin-700.woff2\") format(\"woff2\"), url(\"./fonts/roboto-v20-latin-700.woff\") format(\"woff\"), url(\"./fonts/roboto-v20-latin-700.ttf\") format(\"truetype\"), url(\"./fonts/roboto-v20-latin-700.svg#Roboto\") format(\"svg\");}body{font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}h1{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}h2{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}h3{font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:14px;line-height:20px}h4,h5,h6{font-family:Roboto, sans-serif;font-weight:400;font-size:14px;line-height:20px}.gux-icon-anchor gux-icon{padding-right:8px}a{color:#2a60c8;text-decoration:underline;border-radius:2px}a:hover{color:#2754ac}a:active{color:#23478f}a:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}table a{color:#2a60c8;text-decoration:underline;border-radius:2px;text-decoration:none}table a:hover{color:#2754ac}table a:active{color:#23478f}table a:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}:host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px fade(#202937, 24%)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;align-self:auto;justify-content:flex-start;order:0;margin:0 12px 0 8px;color:#2e394c}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:Roboto, sans-serif;font-weight:400;font-size:14px;line-height:20px}";
 

package/dist/esm/gux-page-loading-spinner.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-0b66fe2c.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 

package/dist/esm/gux-pagination-beta.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, d as readTask, h, g as getElement } from './index-0b66fe2c.js';
 import { a as afterNextRenderTimeout } from './after-next-render-ed0f7dcd.js';
-import { t as trackComponent } from './usage-a937f183.js';
+import { t as trackComponent } from './usage-4f6d345a.js';
 
 const guxPaginationBetaCss = ":host{display:block;border-top:1px solid #e2e6ee}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:space-between;height:40px;margin:12px 12px 0 12px}.gux-pagination-container .gux-pagination-info{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;justify-content:flex-start;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-spacer{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";