genesys-spark-components 4.5.0 → 4.6.0

package/dist/esm/{gux-listbox.service-0f180d8a.js → gux-listbox.service-8ccb2f73.js}

@@ -1,8 +1,28 @@
 function getListOptions(list) {
-  return Array.from(list.children).filter(item => {
-    return item.value || item.value === '';
+  const listChildren = Array.from(list.children);
+  return listChildren.reduce((accumulator, child) => {
+    let childOptions = [];
+    if (isOptionGroup(child)) {
+      childOptions = Array.from(child.children).filter(item => isOption(item));
+    }
+    else if (isOption(child)) {
+      childOptions = [child];
+    }
+    return [...accumulator, ...childOptions];
+  }, []);
+}
+function getAvailableListOptions(list) {
+  return getListOptions(list).filter(option => {
+    return !option.disabled && !option.filtered;
   });
 }
+function isOptionGroup(item) {
+  return item.tagName === 'GUX-OPTION-GROUP-BETA';
+}
+function isOption(item) {
+  const optionTypes = ['GUX-OPTION', 'GUX-OPTION-ICON', 'GUX-OPTION-MULTI'];
+  return optionTypes.includes(item.tagName);
+}
 function getFirstSelectedOption(list) {
   return getListOptions(list).find(option => option.selected && !option.disabled && !option.filtered);
 }
@@ -22,43 +42,31 @@ function setActiveOption(list, element) {
   }
 }
 function getFirstOption(list) {
-  let firstOption = getListOptions(list)[0];
-  while (firstOption && (firstOption.disabled || firstOption.filtered)) {
-    firstOption = firstOption.nextElementSibling;
-  }
-  return firstOption;
+  return getAvailableListOptions(list)[0];
 }
 function getNextOption(list) {
-  if (hasActiveOption(list)) {
-    let nextOption = getActiveOption(list)
-      .nextElementSibling;
-    while (nextOption && (nextOption.disabled || nextOption.filtered)) {
-      nextOption = nextOption.nextElementSibling;
-    }
-    return nextOption;
+  if (hasActiveOption(list) && getActiveOption(list) !== getLastOption(list)) {
+    const availableListOptions = getAvailableListOptions(list);
+    const activeOption = getActiveOption(list);
+    const activeOptionIndex = availableListOptions.indexOf(activeOption);
+    return availableListOptions[activeOptionIndex + 1];
   }
   return getFirstOption(list);
 }
 function getPreviousOption(list) {
   if (hasActiveOption(list)) {
-    let previousOption = getActiveOption(list)
-      .previousElementSibling;
-    while (previousOption &&
-      (previousOption.disabled || previousOption.filtered)) {
-      previousOption =
-        previousOption.previousElementSibling;
+    const availableOptionsList = getAvailableListOptions(list);
+    const activeOptionIndex = availableOptionsList.indexOf(getActiveOption(list));
+    if (getActiveOption(list) === getFirstOption(list)) {
+      return getLastOption(list);
     }
-    return previousOption;
+    return availableOptionsList[activeOptionIndex - 1];
   }
   return getFirstOption(list);
 }
 function getLastOption(list) {
-  const options = getListOptions(list);
-  let lastOption = options[options.length - 1];
-  while (lastOption && (lastOption.disabled || lastOption.filtered)) {
-    lastOption = lastOption.previousElementSibling;
-  }
-  return lastOption;
+  const availableOptions = getAvailableListOptions(list);
+  return availableOptions[availableOptions.length - 1];
 }
 function hasActiveOption(list) {
   return Boolean(getActiveOption(list));
@@ -85,25 +93,13 @@ function setInitialActiveOption(list) {
 }
 function hasPreviousOption(list) {
   if (hasActiveOption(list)) {
-    let previousOption = getActiveOption(list)
-      .previousElementSibling;
-    while (previousOption &&
-      (previousOption.disabled || previousOption.filtered)) {
-      previousOption =
-        previousOption.previousElementSibling;
-    }
-    return Boolean(previousOption);
+    return Boolean(getPreviousOption(list));
   }
   return false;
 }
 function hasNextOption(list) {
   if (hasActiveOption(list)) {
-    let nextOption = getActiveOption(list)
-      .nextElementSibling;
-    while (nextOption && (nextOption.disabled || nextOption.filtered)) {
-      nextOption = nextOption.nextElementSibling;
-    }
-    return Boolean(nextOption);
+    return Boolean(getNextOption(list));
   }
   return false;
 }

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-ec7c6ed2.js';
+import { t as trackComponent } from './usage-a9b5d490.js';
 
 const guxLoadingMessageCss = ":host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  max-width: var(--gse-ui-progressAndLoading-loadingState-large-width);\n  color: var(--gse-ui-progressAndLoading-textColor);\n  text-align: center;\n}\n\n@container (width > 400px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-large-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-large-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-subheader-lineHeight);\n  }\n}\n@container (width > 200px) and (width <=400px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-medium-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-medium-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-lineHeight);\n  }\n}\n@container (width <=200px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-small-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-small-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-subheader-lineHeight);\n  }\n}";
 

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-39e65a0a.js';
 import { r as randomHTMLId } from './random-html-id-3354d85c.js';
-import { t as trackComponent } from './usage-ec7c6ed2.js';
+import { t as trackComponent } from './usage-a9b5d490.js';
 
 const guxModalLegacyCss = "::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}slot[name=left-align-buttons]::slotted(:not(button,gux-button)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host .gux-modal{position:fixed;inset:0;z-index:var(--gse-semantic-zIndex-modal);display:flex;align-items:center;justify-content:center;color:#2e394c;background:var(--gse-ui-modal-shroudColor)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gse-ui-modal-padding);background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host .gux-modal .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);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}@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-modal.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-39e65a0a.js';
 import { r as randomHTMLId } from './random-html-id-3354d85c.js';
-import { t as trackComponent } from './usage-ec7c6ed2.js';
+import { t as trackComponent } from './usage-a9b5d490.js';
 
 const guxModalCss = "::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}slot[name=start-align-buttons]::slotted(:not(button,gux-button-slot)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host dialog{box-sizing:border-box;justify-content:space-between;border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host dialog::backdrop{background:rgba(77, 97, 130, 0.8)}:host dialog .gux-modal-container{display:flex;flex-direction:column;padding:var(--gse-ui-modal-padding)}:host dialog .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host dialog .gux-modal-container .gux-modal-header{margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}:host dialog .gux-modal-container .gux-modal-content{max-height:432px;margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host dialog .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}@media (max-width: 416px){:host dialog .gux-modal-container.gux-small,:host dialog .gux-modal-container.gux-medium,:host dialog .gux-modal-container.gux-large{width:100%;height:100%}}";
 

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

@@ -10,7 +10,7 @@ const translationResources = {
 	changeYear: changeYear
 };
 
-const guxMonthCalendarCss = ".gux-month-calendar{flex-wrap:wrap;width:var(--gse-ui-calendarMenu-width);height:var(--gse-ui-calendarMenu-height);box-shadow:var(--gse-ui-calendarMenu-boxShadow-x) var(--gse-ui-calendarMenu-boxShadow-y) var(--gse-ui-calendarMenu-boxShadow-blur) var(--gse-ui-calendarMenu-boxShadow-spread) var(--gse-ui-calendarMenu-boxShadow-color)}.gux-month-calendar .gux-current-month{font-family:var(--gse-ui-calendarMenu-month-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-month-currentText-fontWeight);line-height:var(--gse-ui-calendarMenu-month-currentText-lineHeight);color:var(--gse-ui-calendarMenu-month-default-foregroundColor)}.gux-month-calendar .gux-year-header{position:relative;display:flex;align-items:center;justify-content:space-between;height:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-day-headerText-fontSize);font-weight:var(--gse-ui-calendarMenu-day-headerText-fontWeight);line-height:var(--gse-ui-calendarMenu-day-headerText-lineHeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-month-calendar .gux-year-header button{padding:var(--gse-ui-calendarMenu-header-arrow-padding);color:inherit;cursor:pointer;background:none;border:none;outline:none}.gux-month-calendar .gux-year-header button:focus-visible{border-radius:calc(var(--gse-semantic-focusRing-cornerRadius) - var(--gse-semantic-focusRing-offset));outline:var(--gse-semantic-focusRing-width) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-color-focus);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-month-calendar .gux-year-header button.gux-year-change:disabled{cursor:default;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-month-calendar .gux-year-header button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);pointer-events:none}";
+const guxMonthCalendarCss = ".gux-month-calendar{flex-wrap:wrap;width:var(--gse-ui-calendarMenu-width);box-shadow:var(--gse-ui-calendarMenu-boxShadow-x) var(--gse-ui-calendarMenu-boxShadow-y) var(--gse-ui-calendarMenu-boxShadow-blur) var(--gse-ui-calendarMenu-boxShadow-spread) var(--gse-ui-calendarMenu-boxShadow-color)}.gux-month-calendar .gux-current-month{font-family:var(--gse-ui-calendarMenu-month-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-month-currentText-fontWeight);line-height:var(--gse-ui-calendarMenu-month-currentText-lineHeight);color:var(--gse-ui-calendarMenu-month-default-foregroundColor)}.gux-month-calendar .gux-year-header{position:relative;display:flex;align-items:center;justify-content:space-between;height:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-day-headerText-fontSize);font-weight:var(--gse-ui-calendarMenu-day-headerText-fontWeight);line-height:var(--gse-ui-calendarMenu-day-headerText-lineHeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-month-calendar .gux-year-header button{padding:var(--gse-ui-calendarMenu-header-arrow-padding);color:inherit;cursor:pointer;background:none;border:none;outline:none}.gux-month-calendar .gux-year-header button:focus-visible{border-radius:calc(var(--gse-semantic-focusRing-cornerRadius) - var(--gse-semantic-focusRing-offset));outline:var(--gse-semantic-focusRing-width) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-color-focus);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-month-calendar .gux-year-header button.gux-year-change:disabled{cursor:default;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-month-calendar .gux-year-header button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);pointer-events:none}";
 
 const GuxMonthCalendar = class {
   constructor(hostRef) {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-ec7c6ed2.js';
+import { t as trackComponent } from './usage-a9b5d490.js';
 import { O as OnClickOutside } from './on-click-outside-f15c5ac7.js';
 import { b as buildI18nForComponent, g as getDesiredLocale } from './index-39266f37.js';
 import { s as simulateNativeEvent } from './simulate-native-event-bca7a1c9.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-39e65a0a.js';
-import { t as trackComponent } from './usage-ec7c6ed2.js';
+import { t as trackComponent } from './usage-a9b5d490.js';
 
 const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items: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 rgba(32, 41, 55, 0.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;place-content:stretch flex-start;align-items:flex-start;align-self:auto;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:var(--gse-core-typography-heading-sm-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-sm-fontSize);line-height:var(--gse-core-typography-heading-sm-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}";
 

package/dist/esm/gux-option-group-beta.entry.js

@@ -0,0 +1,19 @@
+import { r as registerInstance, h, H as Host } from './index-39e65a0a.js';
+
+const guxOptionGroupCss = ".gux-option-group{display:block;flex:1 1 auto;align-self:auto}.gux-option-group .gux-option-group-label{display:block;padding:var(--gse-ui-menu-groupedMenu-title-padding);color:var(--gse-ui-menu-groupedMenu-title-foregroundColor);font-family:var(--gse-core-typography-heading-overline-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-overline-fontSize);line-height:var(--gse-core-typography-heading-overline-lineHeight);text-transform:var(--gse-core-typography-heading-overline-textCase);letter-spacing:var(--gse-core-typography-heading-overline-letterSpacing);font-weight:var(--gse-core-fontWeight-regular)}:host(:last-of-type) .gux-option-group gux-list-divider{display:none}";
+
+const GuxOptionGroup = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.label = undefined;
+  }
+  // @Prop()
+  // disabled: boolean;
+  // TOOD: Add disabled state once design work is complete
+  render() {
+    return (h(Host, null, h("div", { class: "gux-option-group" }, h("div", { class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { role: "group" }, h("slot", null)), h("gux-list-divider", null))));
+  }
+};
+GuxOptionGroup.style = guxOptionGroupCss;
+
+export { GuxOptionGroup as gux_option_group_beta };

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

@@ -1,7 +1,8 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-39e65a0a.js';
 import { r as randomHTMLId } from './random-html-id-3354d85c.js';
+import { h as hasSlot } from './has-slot-d06c74d9.js';
 
-const guxOptionIconCss = ":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-menu-option-gap);place-content:stretch center;align-items:center;height:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}:host(:active:not(:disabled)){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight)}:host(.gux-active){border-radius:var(--gse-semantic-focusRing-cornerRadius);outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);outline-offset:-2px}:host(:hover:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}:host gux-icon{flex-shrink:0;width:var(--gse-ui-menu-option-startIcon-width);height:var(--gse-ui-menu-option-startIcon-height)}";
+const guxOptionIconCss = ":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-menu-option-gap);place-content:stretch center;align-items:center;height:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host .gux-option-wrapper{width:100%}:host .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}:host(:active:not(:disabled)){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight)}:host(.gux-active){border-radius:var(--gse-semantic-focusRing-cornerRadius);outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);outline-offset:-2px}:host(.gux-show-subtext){place-content:stretch flex-start;height:auto}:host(.gux-show-subtext) .gux-option-wrapper{display:flex;flex-direction:column}:host(.gux-show-subtext) slot[name=subtext]::slotted(*){height:var(--gse-ui-groupedMenu-subtext-height);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);color:var(--gse-ui-menu-groupedMenu-subtext-foregroundColor)}:host(:hover:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}:host gux-icon{flex-shrink:0;width:var(--gse-ui-menu-option-startIcon-width);height:var(--gse-ui-menu-option-startIcon-height)}";
 
 const GuxOptionIcon = class {
   constructor(hostRef) {
@@ -15,6 +16,7 @@ const GuxOptionIcon = class {
     this.disabled = false;
     this.filtered = false;
     this.hovered = false;
+    this.hasSubtext = false;
   }
   onmouseenter() {
     this.hovered = true;
@@ -33,6 +35,10 @@ const GuxOptionIcon = class {
   }
   componentWillLoad() {
     this.root.id = this.root.id || randomHTMLId('gux-option-icon');
+    this.onSubtextChange();
+  }
+  onSubtextChange() {
+    this.hasSubtext = hasSlot(this.root, 'subtext');
   }
   getAriaSelected() {
     if (this.disabled) {
@@ -52,8 +58,9 @@ const GuxOptionIcon = class {
         'gux-disabled': this.disabled,
         'gux-filtered': this.filtered,
         'gux-hovered': this.hovered,
-        'gux-selected': this.selected
-      }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("gux-truncate", { ref: el => (this.truncateElement = el) }, h("slot", null))));
+        'gux-selected': this.selected,
+        'gux-show-subtext': this.hasSubtext
+      }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { class: "gux-option-wrapper" }, h("gux-truncate", { ref: el => (this.truncateElement = el) }, h("slot", null)), h("slot", { onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
   }
   get root() { return getElement(this); }
   static get watchers() { return {

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

@@ -1,6 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39e65a0a.js';
 import { r as randomHTMLId } from './random-html-id-3354d85c.js';
 import { b as buildI18nForComponent } from './index-39266f37.js';
+import { h as hasSlot } from './has-slot-d06c74d9.js';
 import './get-closest-element-66f63212.js';
 
 const removeCustomElementInstructions = ", unselecting this custom option will remove it from the list";
@@ -8,7 +9,7 @@ const translationResources = {
 	removeCustomElementInstructions: removeCustomElementInstructions
 };
 
-const guxOptionMultiCss = ":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-menu-option-gap);align-content:stretch;align-items:center;min-height:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host .gux-checkbox-container{position:relative;display:inline-block;min-width:var(--gse-ui-menu-option-startIcon-width);max-width:var(--gse-ui-menu-option-startIcon-width);height:var(--gse-ui-menu-option-startIcon-height);content:\"\"}:host .gux-checkbox-container>path{fill:var(--gse-ui-menu-option-checkbox-unchecked-default-foregroundColor)}:host:host(.gux-disabled){opacity:var(--gse-ui-menu-option-disabled-opacity);pointer-events:none;cursor:default}:host:host(:active:not(:disabled)){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight)}:host:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background-color:var(--gse-ui-menu-option-selected-backgroundColor)}:host:host(.gux-selected) .gux-checkbox-container>path{fill:var(--gse-ui-menu-option-checkbox-checked-default-foregroundColor)}:host:host(.gux-active){border-radius:var(--gse-semantic-focusRing-cornerRadius);outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);outline-offset:-2px}:host:host(:hover:not([disabled])){background-color:var(--gse-ui-menu-option-hover-backgroundColor)}:host:host(:hover:not([disabled])):host(.gux-selected) .gux-checkbox-container>path{fill:var(--gse-ui-menu-option-checkbox-checked-hover-foregroundColor)}:host:host(:hover:not([disabled])):host(:not(.gux-selected)) .gux-checkbox-container>path{fill:var(--gse-ui-menu-option-checkbox-unchecked-hover-foregroundColor)}:host:host(.gux-filtered){display:none}:host .gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";
+const guxOptionMultiCss = ":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-menu-option-gap);align-content:stretch;align-items:center;min-height:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer}:host .gux-option-wrapper{width:100%}:host .gux-checkbox-container{position:relative;display:inline-block;min-width:var(--gse-ui-menu-option-startIcon-width);max-width:var(--gse-ui-menu-option-startIcon-width);height:var(--gse-ui-menu-option-startIcon-height);content:\"\"}:host .gux-checkbox-container>path{fill:var(--gse-ui-menu-option-checkbox-unchecked-default-foregroundColor)}:host:host(.gux-disabled){opacity:var(--gse-ui-menu-option-disabled-opacity);pointer-events:none;cursor:default}:host:host(:active:not(:disabled)){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight)}:host:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background-color:var(--gse-ui-menu-option-selected-backgroundColor)}:host:host(.gux-selected) .gux-checkbox-container>path{fill:var(--gse-ui-menu-option-checkbox-checked-default-foregroundColor)}:host:host(.gux-active){border-radius:var(--gse-semantic-focusRing-cornerRadius);outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);outline-offset:-2px}:host:host(.gux-show-subtext){place-content:stretch flex-start;height:auto}:host:host(.gux-show-subtext) .gux-option-wrapper{display:flex;flex-direction:column}:host:host(.gux-show-subtext) slot[name=subtext]::slotted(*){height:var(--gse-ui-groupedMenu-subtext-height);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);color:var(--gse-ui-menu-groupedMenu-subtext-foregroundColor)}:host:host(:hover:not([disabled])){background-color:var(--gse-ui-menu-option-hover-backgroundColor)}:host:host(:hover:not([disabled])):host(.gux-selected) .gux-checkbox-container>path{fill:var(--gse-ui-menu-option-checkbox-checked-hover-foregroundColor)}:host:host(:hover:not([disabled])):host(:not(.gux-selected)) .gux-checkbox-container>path{fill:var(--gse-ui-menu-option-checkbox-unchecked-hover-foregroundColor)}:host:host(.gux-filtered){display:none}:host .gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";
 
 const GuxOptionMulti = class {
   constructor(hostRef) {
@@ -21,6 +22,7 @@ const GuxOptionMulti = class {
     this.disabled = false;
     this.filtered = false;
     this.custom = false;
+    this.hasSubtext = false;
   }
   emitRemoveCustomOption() {
     if (!this.selected && this.custom) {
@@ -42,6 +44,10 @@ const GuxOptionMulti = class {
     if (this.custom) {
       this.internalselectcustomoption.emit(this.value);
     }
+    this.onSubtextChange();
+  }
+  onSubtextChange() {
+    this.hasSubtext = hasSlot(this.root, 'subtext');
   }
   // SVGs must be in DOM for tokenization to work
   renderSVGCheckbox() {
@@ -59,8 +65,9 @@ const GuxOptionMulti = class {
         'gux-active': this.active,
         'gux-disabled': this.disabled,
         'gux-filtered': this.filtered,
-        'gux-selected': this.selected
-      }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("gux-truncate", { "gux-slot-container": true, ref: el => (this.truncateElement = el) }, h("slot", null)), this.renderCustomOptionInstructions()));
+        'gux-selected': this.selected,
+        'gux-show-subtext': this.hasSubtext
+      }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { class: "gux-option-wrapper" }, h("gux-truncate", { ref: el => (this.truncateElement = el) }, h("slot", null)), h("slot", { onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
   }
   get root() { return getElement(this); }
   static get watchers() { return {

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

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

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-39e65a0a.js';
 import { b as buildI18nForComponent } from './index-39266f37.js';
-import { t as translationResources } from './en-98371f99.js';
+import { t as translationResources } from './en-25a315a0.js';
 import { b as afterNextRender } from './after-next-render-84ec18ad.js';
 import './get-closest-element-66f63212.js';
 
@@ -180,12 +180,16 @@ const GuxPaginationButtons = class {
   getPageListEnteries(currentPage, totalPages, layout) {
     return GuxPaginationButtonsService.displayAllPageButtons(currentPage, totalPages, layout).reduce((acc, cv) => {
       if (cv.current) {
-        return acc.concat((h("button", { ref: el => (this.currentElement = el), class: "gux-pagination-buttons-list-current" }, cv.display)));
+        return acc.concat((h("button", { ref: el => (this.currentElement = el), class: "gux-pagination-buttons-list-current", "aria-label": this.i18n('pageSelected', {
+            pageSelected: cv.pageNumber
+          }) }, cv.display)));
       }
       if (cv.display == '...') {
         return acc.concat((h("gux-pagination-ellipsis-button", { totalPages: this.totalPages })));
       }
-      return acc.concat((h("button", { class: "gux-pagination-buttons-list-target", onClick: () => this.handlePageChange(cv.pageNumber) }, cv.display)));
+      return acc.concat((h("button", { class: "gux-pagination-buttons-list-target", onClick: () => this.handlePageChange(cv.pageNumber), "aria-label": this.i18n('pageNumber', {
+          pageNumber: cv.pageNumber
+        }) }, cv.display)));
     }, []);
   }
   getPageNavigation() {
@@ -195,7 +199,7 @@ const GuxPaginationButtons = class {
     this.i18n = await buildI18nForComponent(this.root, translationResources);
   }
   render() {
-    return (h("div", { class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { class: "gux-pagination-buttons-group" }, h("gux-button-slot", { accent: "ghost" }, h("button", { title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { decorative: true, "icon-name": "chevron-double-left" }))), h("gux-button-slot", { accent: "ghost" }, h("button", { title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { decorative: true, "icon-name": "chevron-small-left" })))), this.getPageNavigation(), h("div", { class: "gux-pagination-buttons-group" }, h("gux-button-slot", { accent: "ghost" }, h("button", { title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { decorative: true, "icon-name": "chevron-small-right" }))), h("gux-button-slot", { accent: "ghost" }, h("button", { title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { decorative: true, "icon-name": "chevron-double-right" }))))));
+    return (h("div", { class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { class: "gux-pagination-buttons-group" }, h("gux-button-slot", { accent: "ghost" }, h("button", { title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { decorative: true, "icon-name": "chevron-double-left" }))), h("gux-button-slot", { accent: "ghost" }, h("button", { title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { decorative: true, "icon-name": "chevron-small-left" })))), this.getPageNavigation(), h("div", { class: "gux-pagination-buttons-group" }, h("gux-button-slot", { accent: "ghost" }, h("button", { title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { decorative: true, "icon-name": "chevron-small-right" }))), h("gux-button-slot", { accent: "ghost" }, h("button", { title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { decorative: true, "icon-name": "chevron-double-right" }))))));
   }
   get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-ec7c6ed2.js';
+import { t as trackComponent } from './usage-a9b5d490.js';
 import { b as buildI18nForComponent } from './index-39266f37.js';
 import './get-closest-element-66f63212.js';
 

package/dist/esm/gux-pagination-items-per-page.entry.js

@@ -4,7 +4,7 @@ import './get-closest-element-66f63212.js';
 
 const perPage = "per page";
 const itemsPerPage = "Items per page";
-const rangeSelected = "Items per page dropdown, {range} selected";
+const rangeSelected = "Items per page dropdown, {range} items per page selected";
 const paginationResources = {
 	perPage: perPage,
 	itemsPerPage: itemsPerPage,

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-ec7c6ed2.js';
+import { t as trackComponent } from './usage-a9b5d490.js';
 
 const guxPaginationLegacyCss = ":host{display:block;border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:center;height:var(--gse-ui-dataTableItems-cell-tablePagination-height);padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-start;align-items:center;align-self:auto;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";
 

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, d as readTask, h, g as getElement } from './index-39e65a0a.js';
 import { a as afterNextRenderTimeout } from './after-next-render-84ec18ad.js';
-import { t as trackComponent } from './usage-ec7c6ed2.js';
+import { t as trackComponent } from './usage-a9b5d490.js';
 
 const guxPaginationCss = ":host{display:block;border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:center;height:var(--gse-ui-dataTableItems-cell-tablePagination-height);padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-start;align-items:center;align-self:auto;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}";
 

package/dist/esm/gux-phone-input-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-ec7c6ed2.js';
+import { t as trackComponent } from './usage-a9b5d490.js';
 import { b as buildI18nForComponent, g as getDesiredLocale } from './index-39266f37.js';
 import { O as OnClickOutside } from './on-click-outside-f15c5ac7.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-8c459589.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-39e65a0a.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom.esm-393a5c50.js';
 import { O as OnClickOutside } from './on-click-outside-f15c5ac7.js';
-import { t as trackComponent } from './usage-ec7c6ed2.js';
+import { t as trackComponent } from './usage-a9b5d490.js';
 import { f as findElementById } from './find-element-by-id-a3c82a2d.js';
 
 const guxPopoverListCss = ".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:8px 0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";

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

@@ -8,6 +8,7 @@ const GuxPopup = class {
     registerInstance(this, hostRef);
     this.internalexpanded = createEvent(this, "internalexpanded", 7);
     this.internalcollapsed = createEvent(this, "internalcollapsed", 7);
+    this.placement = 'bottom-start';
     this.expanded = false;
     this.disabled = false;
     this.offset = 2;
@@ -26,7 +27,7 @@ const GuxPopup = class {
       const exceedTargetWidth = this.exceedTargetWidth;
       void computePosition(this.targetElementContainer, this.popupElementContainer, {
         strategy: 'fixed',
-        placement: 'bottom-start',
+        placement: this.placement,
         middleware: [
           offset(this.offset),
           flip(),

package/dist/esm/gux-radial-loading.entry.js

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, g as getElement } from './index-39e65a0a.js';
 import { b as buildI18nForComponent } from './index-39266f37.js';
-import { t as trackComponent } from './usage-ec7c6ed2.js';
+import { t as trackComponent } from './usage-a9b5d490.js';
 import './get-closest-element-66f63212.js';
 
 const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large

package/dist/esm/gux-radial-progress.entry.js

@@ -1,5 +1,5 @@
 import { h, r as registerInstance, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-ec7c6ed2.js';
+import { t as trackComponent } from './usage-a9b5d490.js';
 import { a as logWarn } from './log-error-0b15023e.js';
 
 const OVERALL_SIZE = 48; // Linked to --gse-ui-progressAndLoading-spinner-large

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-39e65a0a.js';
 import { s as simulateNativeEvent } from './simulate-native-event-bca7a1c9.js';
 import { c as clamp } from './clamp-51db64df.js';
-import { t as trackComponent } from './usage-ec7c6ed2.js';
+import { t as trackComponent } from './usage-a9b5d490.js';
 import { a as logWarn } from './log-error-0b15023e.js';
 
 const guxRatingCss = ":host{display:inline-block;min-width:fit-content;user-select:none}:host(:host:focus-visible){outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);outline-offset:var(--gse-semantic-focusRing-offset);box-shadow:0 0 0 1px var(--gse-semantic-focusRing-small-border-style)}.gux-rating-star-container{display:flex;gap:var(--gse-ui-rating-star-gap);justify-content:space-between;color:var(--gse-ui-rating-default-color)}.gux-rating-star-container.gux-disabled{color:var(--gse-ui-rating-disabled-color);pointer-events:none;opacity:var(--gse-ui-rating-disabled-opacity)}.gux-rating-star-container gux-icon{flex:0 0 auto;width:var(--gse-ui-rating-size);height:var(--gse-ui-rating-size);color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";

package/dist/esm/gux-screen-reader-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-ec7c6ed2.js';
+import { t as trackComponent } from './usage-a9b5d490.js';
 
 const guxScreenReaderCss = ".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}";
 

package/dist/esm/gux-segmented-control-beta.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-39e65a0a.js';
 import { s as simulateNativeEvent } from './simulate-native-event-bca7a1c9.js';
-import { t as trackComponent } from './usage-ec7c6ed2.js';
+import { t as trackComponent } from './usage-a9b5d490.js';
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-ec7c6ed2.js';
+import { t as trackComponent } from './usage-a9b5d490.js';
 
 const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:286px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;padding:8px 12px 8px 16px;margin:2px 0}.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-icon ::slotted(gux-icon){width:16px;height:16px}.gux-message{flex:1 1 auto;align-self:center;order:0;margin:8px 0}.gux-dismiss{margin:4px 0}";
 

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-39e65a0a.js';
 import { b as buildI18nForComponent } from './index-39266f37.js';
-import { t as trackComponent } from './usage-ec7c6ed2.js';
+import { t as trackComponent } from './usage-a9b5d490.js';
 import './get-closest-element-66f63212.js';
 
 const navigationName = "Skip links navigation";

package/dist/esm/gux-sort-control.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-39e65a0a.js';
 import { b as buildI18nForComponent } from './index-39266f37.js';
-import { t as trackComponent } from './usage-ec7c6ed2.js';
+import { t as trackComponent } from './usage-a9b5d490.js';
 import { g as getClosestElement } from './get-closest-element-66f63212.js';
 import { o as onMutation } from './on-mutation-a2b7cdad.js';
 import { t as tableResources } from './en-1f9d79e6.js';

package/dist/esm/gux-switch-legacy.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-39e65a0a.js';
 import { s as simulateNativeEvent } from './simulate-native-event-bca7a1c9.js';
-import { t as trackComponent } from './usage-ec7c6ed2.js';
+import { t as trackComponent } from './usage-a9b5d490.js';
 
 const guxSwitchCss = ":host{display:flex;align-items:flex-end}";
 

package/dist/esm/gux-table-toolbar-action.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-39e65a0a.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-45fad3db.js';
-import { t as trackComponent } from './usage-ec7c6ed2.js';
+import { t as trackComponent } from './usage-a9b5d490.js';
 import { b as buildI18nForComponent } from './index-39266f37.js';
 import './get-closest-element-66f63212.js';
 

package/dist/esm/gux-table-toolbar-custom-action.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-ec7c6ed2.js';
+import { t as trackComponent } from './usage-a9b5d490.js';
 import { g as getSlotTextContent } from './get-slot-text-content-189d6edf.js';
 
 const guxTableToolbarCustomActionCss = ":host([disabled]),button[disabled]{pointer-events:none}.gux-sr-only{display:flex}.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-action-title{display:flex;flex-direction:row;gap:var(--gse-ui-button-gap);align-items:center}.gux-action-title slot[name=icon]::slotted(gux-icon){width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}";

package/dist/esm/gux-table-toolbar-menu-button.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-ec7c6ed2.js';
+import { t as trackComponent } from './usage-a9b5d490.js';
 import { O as OnClickOutside } from './on-click-outside-f15c5ac7.js';
 import { b as buildI18nForComponent } from './index-39266f37.js';
 import { b as afterNextRender } from './after-next-render-84ec18ad.js';

package/dist/esm/gux-table-toolbar.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, f as forceUpdate, d as readTask, h, H as Host, g as getElement } from './index-39e65a0a.js';
 import { O as OnResize } from './on-resize-e2132936.js';
 import { O as OnMutation } from './on-mutation-c570b3ed.js';
-import { t as trackComponent } from './usage-ec7c6ed2.js';
+import { t as trackComponent } from './usage-a9b5d490.js';
 import { g as getSlot } from './get-slot-55aade31.js';
 
 /**

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, f as forceUpdate, d as readTas
 import { b as buildI18nForComponent } from './index-39266f37.js';
 import { w as whenEventIsFrom } from './when-event-is-from-6154bd60.js';
 import { r as randomHTMLId } from './random-html-id-3354d85c.js';
-import { t as trackComponent } from './usage-ec7c6ed2.js';
+import { t as trackComponent } from './usage-a9b5d490.js';
 import { t as tableResources } from './en-1f9d79e6.js';
 import './get-closest-element-66f63212.js';
 

package/dist/esm/gux-tabs-advanced.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-ec7c6ed2.js';
+import { t as trackComponent } from './usage-a9b5d490.js';
 
 const GuxTabsAdvanced = class {
   constructor(hostRef) {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-39e65a0a.js';
-import { t as trackComponent } from './usage-ec7c6ed2.js';
+import { t as trackComponent } from './usage-a9b5d490.js';
 
 const guxTabsCss = ":host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;height:100%}:host .gux-tabs:not(.gux-vertical){flex-direction:column}:host .gux-panel-container{display:flex;flex-direction:column;height:100%;min-height:0}";
 

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-39e65a0a.js';
 import { b as buildI18nForComponent } from './index-39266f37.js';
-import { t as trackComponent } from './usage-ec7c6ed2.js';
+import { t as trackComponent } from './usage-a9b5d490.js';
 import './get-closest-element-66f63212.js';
 
 const tag = "tag with label: {label}";