genesys-spark-components 4.93.0 → 4.93.2

package/dist/collection/components/beta/gux-phone-input/gux-phone-input.css

@@ -7,7 +7,7 @@
   flex: 1 1 auto;
   align-self: auto;
   order: 0;
-  width: 100%;
+  inline-size: 100%;
   margin-inline-start: 4px;
   overflow: hidden;
   font-size: var(--gse-ui-formControl-input-contentText-fontSize);
@@ -28,9 +28,10 @@
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
-  width: 100%;
-  height: var(--gse-ui-phoneInput-dropdown-height);
-  padding: 0 8px 0 0;
+  inline-size: 100%;
+  block-size: var(--gse-ui-phoneInput-dropdown-height);
+  padding-block: 0;
+  padding-inline: 0 8px;
   font-family: var(--gse-ui-formControl-input-contentText-fontFamily);
   font-size: var(--gse-ui-formControl-input-contentText-fontSize);
   font-weight: var(--gse-ui-formControl-input-contentText-fontWeight);
@@ -44,7 +45,7 @@
 .target-container .gux-input {
   flex: 1;
   align-content: center;
-  height: 100%;
+  block-size: 100%;
   cursor: text;
 }
 .target-container.gux-error {
@@ -61,8 +62,8 @@
   flex-wrap: nowrap;
   gap: var(--gse-ui-phoneInput-dropdown-gap);
   align-items: center;
-  width: 100%;
-  height: 100%;
+  inline-size: 100%;
+  block-size: 100%;
   padding: var(--gse-ui-phoneInput-dropdown-padding);
   font-family: inherit;
   font-size: var(--gse-ui-formControl-input-contentText-fontSize);
@@ -80,12 +81,12 @@
   flex-wrap: nowrap;
   place-content: stretch flex-start;
   align-items: flex-start;
-  min-width: 0;
+  min-inline-size: 0;
 }
 .gux-field .gux-field-content .gux-selected-option {
   display: flex;
   justify-content: center;
-  width: var(--gse-ui-phoneInput-dropdown-flag-width);
+  inline-size: var(--gse-ui-phoneInput-dropdown-flag-width);
   overflow: hidden;
 }
 .gux-field .gux-field-content .gux-selected-option gux-icon {
@@ -99,8 +100,8 @@
   flex: 0 0 auto;
   align-self: auto;
   order: 0;
-  width: var(--gse-ui-phoneInput-dropdown-icon-width);
-  height: var(--gse-ui-phoneInput-dropdown-icon-height);
+  inline-size: var(--gse-ui-phoneInput-dropdown-icon-width);
+  block-size: var(--gse-ui-phoneInput-dropdown-icon-height);
   color: var(--gse-ui-phoneInput-dropdown-foregroundColor);
 }
 
@@ -123,8 +124,8 @@
 
 .gux-listbox-container {
   box-sizing: border-box;
-  width: fit-content;
-  min-width: var(--gse-ui-phoneInput-dropdown-menu-minWidth);
+  inline-size: fit-content;
+  min-inline-size: var(--gse-ui-phoneInput-dropdown-menu-minWidth);
   margin: 0;
 }
 
@@ -132,21 +133,21 @@
   display: grid;
   grid-template-columns: 36px 1fr;
   align-items: center;
-  width: 100%;
+  inline-size: 100%;
 }
 .gux-option-content .gux-country-code {
-  text-align: right;
+  text-align: end;
 }
 .gux-option-content gux-icon {
   position: relative;
   inset-inline-start: 4px;
-  width: var(--gse-ui-phoneInput-dropdown-icon-width);
-  height: var(--gse-ui-phoneInput-dropdown-icon-height);
+  inline-size: var(--gse-ui-phoneInput-dropdown-icon-width);
+  block-size: var(--gse-ui-phoneInput-dropdown-icon-height);
   color: var(--gse-ui-formControl-input-inputIcon-defaultColor);
 }
 
 .gux-region-select {
-  height: 100%;
+  block-size: 100%;
   border-radius: var(--gse-ui-formControl-input-borderRadius);
 }
 .gux-region-select:focus-within {

package/dist/collection/components/beta/gux-segmented-control/gux-segmented-control-item/gux-segmented-control-item.css

@@ -3,22 +3,22 @@ button {
 }
 
 .gux-container {
-  height: var(--gse-ui-segmentedControl-height);
+  block-size: var(--gse-ui-segmentedControl-height);
   cursor: pointer;
   border-color: var(--gse-ui-segmentedControl-divider-color);
   border-style: var(--gse-ui-segmentedControl-divider-style);
   border-width: var(--gse-ui-segmentedControl-divider-width);
-  border-right: none;
+  border-inline-end: none;
   border-radius: var(--gse-ui-segmentedControl-button-middle-borderRadius);
 }
 .gux-container.gux-start {
-  border-left-color: var(--gse-ui-segmentedControl-divider-color);
+  border-inline-start-color: var(--gse-ui-segmentedControl-divider-color);
   border-radius: var(--gse-ui-segmentedControl-button-start-borderRadius);
 }
 .gux-container.gux-end {
   border-style: var(--gse-ui-segmentedControl-divider-style);
   border-width: var(--gse-ui-segmentedControl-divider-width);
-  border-right-color: var(--gse-ui-segmentedControl-divider-color);
+  border-inline-end-color: var(--gse-ui-segmentedControl-divider-color);
   border-radius: var(--gse-ui-segmentedControl-button-end-borderRadius);
 }
 .gux-container.gux-start.gux-end {
@@ -31,7 +31,7 @@ button {
   gap: var(--gse-ui-segmentedControl-button-gap);
   place-content: stretch flex-start;
   align-items: center;
-  height: 100%;
+  block-size: 100%;
   padding: var(--gse-ui-segmentedControl-button-padding);
   line-height: 0;
   color: var(--gse-ui-segmentedControl-button-default-foregroundColor);
@@ -72,6 +72,6 @@ button {
   outline-offset: var(--gse-ui-segmentedControl-focus-offset);
 }
 .gux-container .gux-segmented-control-item .gux-icon slot[name=icon]::slotted(gux-icon) {
-  width: var(--gse-ui-icon-small-size);
-  height: var(--gse-ui-icon-small-size);
+  inline-size: var(--gse-ui-icon-small-size);
+  block-size: var(--gse-ui-icon-small-size);
 }

package/dist/collection/components/beta/gux-selector-cards/gux-selector-card/gux-selector-card.css

@@ -3,13 +3,13 @@
 }
 
 ::slotted(gux-icon) {
-  width: var(--gse-ui-icon-medium-size);
-  height: var(--gse-ui-icon-medium-size);
+  inline-size: var(--gse-ui-icon-medium-size);
+  block-size: var(--gse-ui-icon-medium-size);
   color: var(--gse-ui-selectorCard-ilustrativeIcon-foregroundColor);
 }
 
 ::slotted(label) {
-  width: 100%;
+  inline-size: 100%;
   font-family: var(--gse-ui-selectorCard-simple-label-fontFamily);
   font-size: var(--gse-ui-selectorCard-simple-label-fontSize);
   font-weight: var(--gse-ui-selectorCard-simple-label-fontWeight);
@@ -20,9 +20,9 @@
 ::slotted(input[type=radio]),
 ::slotted(input[type=checkbox]) {
   position: absolute;
-  top: 0;
-  width: 100%;
-  height: 100%;
+  inset-block-start: 0;
+  inline-size: 100%;
+  block-size: 100%;
   margin: 0;
   color: var(--gse-ui-radioButton-icon-default-unselectedForegroundColor);
   -webkit-appearance: none;
@@ -38,8 +38,8 @@
   inset-inline-end: var(--gse-ui-selectorCard-descriptive-text-gap);
   display: inline-grid;
   grid-area: 1/1;
-  width: var(--gse-ui-radioButton-icon-width);
-  height: var(--gse-ui-radioButton-icon-height);
+  inline-size: var(--gse-ui-radioButton-icon-width);
+  block-size: var(--gse-ui-radioButton-icon-height);
   color: var(--gse-ui-radioButton-icon-default-unselectedForegroundColor);
   text-align: center;
   vertical-align: middle;
@@ -92,7 +92,7 @@
 }
 
 .gux-selector-card {
-  width: fit-content;
+  inline-size: fit-content;
 }
 .gux-selector-card .gux-content {
   position: relative;
@@ -101,12 +101,12 @@
   flex-direction: column;
   gap: var(--gse-ui-selectorCard-descriptive-text-gap);
   align-items: center;
-  width: var(--gse-ui-selectorCard-simple-minWidth);
-  min-width: var(--gse-ui-selectorCard-simple-minWidth);
-  max-width: var(--gse-ui-selectorCard-simple-maxWidth);
-  height: fit-content;
-  min-height: var(--gse-ui-selectorCard-simple-minHeight);
-  max-height: var(--gse-ui-selectorCard-simple-maxHeight);
+  inline-size: var(--gse-ui-selectorCard-simple-minWidth);
+  min-inline-size: var(--gse-ui-selectorCard-simple-minWidth);
+  max-inline-size: var(--gse-ui-selectorCard-simple-maxWidth);
+  block-size: fit-content;
+  min-block-size: var(--gse-ui-selectorCard-simple-minHeight);
+  max-block-size: var(--gse-ui-selectorCard-simple-maxHeight);
   padding: var(--gse-ui-selectorCard-simple-padding);
   text-align: center;
   background-color: var(--gse-ui-selectorCard-default-backgroundColor);
@@ -127,11 +127,11 @@
 }
 .gux-selector-card.gux-descriptive .gux-content {
   align-items: flex-start;
-  width: var(--gse-ui-selectorCard-descriptive-minWidth);
-  min-width: var(--gse-ui-selectorCard-descriptive-minWidth);
-  max-width: var(--gse-ui-selectorCard-descriptive-maxWidth);
-  min-height: var(--gse-ui-selectorCard-descriptive-minHeight);
-  max-height: var(--gse-ui-selectorCard-descriptive-maxHeight);
+  inline-size: var(--gse-ui-selectorCard-descriptive-minWidth);
+  min-inline-size: var(--gse-ui-selectorCard-descriptive-minWidth);
+  max-inline-size: var(--gse-ui-selectorCard-descriptive-maxWidth);
+  min-block-size: var(--gse-ui-selectorCard-descriptive-minHeight);
+  max-block-size: var(--gse-ui-selectorCard-descriptive-maxHeight);
   padding: var(--gse-ui-selectorCard-descriptive-padding);
   text-align: start;
   white-space: normal;
@@ -144,32 +144,32 @@
   -webkit-line-clamp: 3;
 }
 .gux-selector-card.gux-descriptive .gux-content ::slotted(gux-badge) {
-  margin-top: var(--gse-ui-selectorCard-descriptive-badge-marginTop);
+  margin-block-start: var(--gse-ui-selectorCard-descriptive-badge-marginTop);
 }
 .gux-selector-card.gux-descriptive .gux-content ::slotted(input[type=radio]),
 .gux-selector-card.gux-descriptive .gux-content ::slotted(input[type=checkbox]) {
-  left: 0;
+  inset-inline-start: 0;
   border-radius: var(--gse-ui-selectorCard-descriptive-borderRadius);
 }
 .gux-selector-card.gux-descriptive .gux-content ::slotted(input[type=radio])::before,
 .gux-selector-card.gux-descriptive .gux-content ::slotted(input[type=checkbox])::before {
   inset-block-start: var(--gse-ui-selectorCard-descriptive-gap);
   inset-inline-end: var(--gse-ui-selectorCard-descriptive-padding);
-  width: var(--gse-ui-icon-small-size);
-  height: var(--gse-ui-icon-small-size);
+  inline-size: var(--gse-ui-icon-small-size);
+  block-size: var(--gse-ui-icon-small-size);
 }
 .gux-selector-card.gux-descriptive .gux-content ::slotted(label) {
   display: block;
-  margin-bottom: var(--gse-ui-selectorCard-descriptive-text-gap);
+  margin-block-end: var(--gse-ui-selectorCard-descriptive-text-gap);
   font-family: var(--gse-ui-selectorCard-descriptive-label-fontFamily);
   font-size: var(--gse-ui-selectorCard-descriptive-label-fontSize);
   font-weight: var(--gse-ui-selectorCard-descriptive-label-fontWeight);
   line-height: var(--gse-ui-selectorCard-descriptive-label-lineHeight);
 }
 .gux-selector-card.gux-descriptive .gux-content ::slotted(gux-icon) {
-  width: var(--gse-ui-icon-large-size);
-  height: var(--gse-ui-icon-large-size);
-  margin-bottom: var(--gse-ui-selectorCard-descriptive-gap);
+  inline-size: var(--gse-ui-icon-large-size);
+  block-size: var(--gse-ui-icon-large-size);
+  margin-block-end: var(--gse-ui-selectorCard-descriptive-gap);
 }
 .gux-selector-card.gux-disabled {
   pointer-events: none;

package/dist/collection/components/beta/gux-time-zone-picker/gux-time-zone-picker.css

@@ -1,5 +1,6 @@
 gux-dropdown .zone-header {
-  padding: 8px 12px 4px;
+  padding-block: 8px 4px;
+  padding-inline: 12px;
   color: #6b7585;
   text-transform: uppercase;
 }
@@ -7,7 +8,7 @@ gux-dropdown gux-option {
   padding: var(--gse-ui-menu-option-padding);
 }
 gux-dropdown gux-option.gux-has-defaults {
-  height: auto;
+  block-size: auto;
 }
 gux-dropdown gux-option .gux-option-wrapper {
   display: flex;

package/dist/collection/components/beta/gux-tooltip-base/gux-tooltip-base.css

@@ -2,8 +2,8 @@
   position: fixed;
   z-index: var(--gse-semantic-zIndex-tooltip);
   display: none;
-  width: max-content;
-  max-width: 250px;
+  inline-size: max-content;
+  max-inline-size: 250px;
   pointer-events: none;
   border-radius: var(--gse-ui-tooltip-borderRadius);
   box-shadow: var(--gse-ui-tooltip-boxShadow-offsetX) var(--gse-ui-tooltip-boxShadow-offsetY) var(--gse-ui-tooltip-boxShadow-blur) var(--gse-ui-tooltip-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color);
@@ -36,12 +36,12 @@
 }
 .gux-container ::slotted(gux-icon) {
   align-self: center;
-  width: var(--gse-ui-icon-small-size);
-  height: var(--gse-ui-icon-small-size);
+  inline-size: var(--gse-ui-icon-small-size);
+  block-size: var(--gse-ui-icon-small-size);
   color: var(--gse-ui-tooltip-light-foregroundColor);
 }
 .gux-container ::slotted(*) {
-  width: 100%;
+  inline-size: 100%;
   overflow-wrap: break-word;
   white-space: normal;
 }
@@ -52,8 +52,8 @@
 }
 .gux-container.gux-dark ::slotted(gux-icon) {
   align-self: center;
-  width: var(--gse-ui-icon-small-size);
-  height: var(--gse-ui-icon-small-size);
+  inline-size: var(--gse-ui-icon-small-size);
+  block-size: var(--gse-ui-icon-small-size);
   color: var(--gse-ui-tooltip-dark-iconColor);
 }
 

package/dist/collection/components/stable/gux-accordion/gux-accordion-section/gux-accordion-section.css

@@ -1,5 +1,5 @@
 :host:first-child .gux-header {
-  border-top: var(--gse-ui-accordion-wrapper-dividerBorder-width) var(--gse-ui-accordion-wrapper-dividerBorder-style) var(--gse-ui-accordion-wrapper-dividerBorder-color);
+  border-block-start: var(--gse-ui-accordion-wrapper-dividerBorder-width) var(--gse-ui-accordion-wrapper-dividerBorder-style) var(--gse-ui-accordion-wrapper-dividerBorder-color);
 }
 
 section.gux-disabled {
@@ -18,18 +18,18 @@ section.gux-disabled > * {
   flex-wrap: nowrap;
   place-content: center flex-start;
   align-items: center;
-  width: 100%;
+  inline-size: 100%;
   padding: var(--gse-ui-accordion-header-padding);
   margin: 0;
   cursor: pointer;
-  border-bottom: var(--gse-ui-accordion-wrapper-dividerBorder-width) var(--gse-ui-accordion-wrapper-dividerBorder-style) var(--gse-ui-accordion-wrapper-dividerBorder-color);
+  border-block-end: var(--gse-ui-accordion-wrapper-dividerBorder-width) var(--gse-ui-accordion-wrapper-dividerBorder-style) var(--gse-ui-accordion-wrapper-dividerBorder-color);
 }
 .gux-header .gux-header-text {
   flex: 1 1 auto;
   align-self: auto;
   font-weight: var(--gse-ui-accordion-header-label-defaultText-fontWeight);
   color: var(--gse-ui-accordion-header-default-foreground-labelColor);
-  text-align: left;
+  text-align: start;
 }
 .gux-header.gux-reverse-headings .gux-header-text {
   display: flex;
@@ -46,7 +46,8 @@ section.gux-disabled > * {
 }
 .gux-header ::slotted([slot=subheader]) {
   padding: 0;
-  margin: var(--gux-spacing-3xs) 0 0;
+  margin-block: var(--gux-spacing-3xs) 0;
+  margin-inline: 0;
   font-family: var(--gse-ui-accordion-contentItem-defaultText-fontFamily) !important;
   font-size: var(--gse-ui-accordion-contentItem-defaultText-fontSize) !important;
   font-weight: var(--gse-ui-accordion-contentItem-defaultText-fontWeight) !important;
@@ -54,14 +55,15 @@ section.gux-disabled > * {
   color: var(--gse-ui-accordion-contentItem-foregroundColor);
 }
 .gux-header ::slotted([slot=subheader]) .gux-reverse-headings {
-  margin: 0 0 var(--gux-spacing-3xs) 0;
+  margin-block: 0 var(--gux-spacing-3xs);
+  margin-inline: 0;
 }
 .gux-header ::slotted([slot=icon]) {
   flex: 0 0 auto;
   align-self: flex-start;
-  width: var(--gse-ui-icon-small-size);
-  height: var(--gse-ui-icon-small-size);
-  margin-right: var(--gse-ui-accordion-header-gap);
+  inline-size: var(--gse-ui-icon-small-size);
+  block-size: var(--gse-ui-icon-small-size);
+  margin-inline-end: var(--gse-ui-accordion-header-gap);
   color: var(--gse-ui-accordion-header-default-foreground-chevronIcon-closed);
 }
 .gux-header ::slotted([slot=icon]) .gux-reverse-headings {
@@ -71,19 +73,19 @@ section.gux-disabled > * {
   flex: 0 1 auto;
   align-items: center;
   align-self: auto;
-  margin-left: var(--gse-ui-accordion-header-gap);
+  margin-inline-start: var(--gse-ui-accordion-header-gap);
   line-height: 0;
   color: var(--gse-ui-accordion-header-default-foreground-chevronIcon-closed);
   transition: transform 0.5s ease;
   transform-origin: center;
 }
 .gux-header .gux-header-icon gux-icon {
-  width: var(--gse-ui-accordion-header-chevronIcon);
-  height: var(--gse-ui-accordion-header-chevronIcon);
+  inline-size: var(--gse-ui-accordion-header-chevronIcon);
+  block-size: var(--gse-ui-accordion-header-chevronIcon);
 }
 .gux-header .gux-header-icon.gux-arrow-position-start {
   order: -1;
-  margin-right: var(--gse-ui-accordion-header-gap);
+  margin-inline-end: var(--gse-ui-accordion-header-gap);
 }
 .gux-header .gux-header-icon.gux-expanded {
   color: var(--gse-ui-accordion-header-default-foreground-chevronIcon-open);
@@ -101,7 +103,7 @@ section.gux-disabled > * {
 .gux-content {
   box-sizing: border-box;
   display: none;
-  border-bottom: var(--gse-ui-accordion-wrapper-dividerBorder-width) var(--gse-ui-accordion-wrapper-dividerBorder-style) var(--gse-ui-accordion-wrapper-dividerBorder-color);
+  border-block-end: var(--gse-ui-accordion-wrapper-dividerBorder-width) var(--gse-ui-accordion-wrapper-dividerBorder-style) var(--gse-ui-accordion-wrapper-dividerBorder-color);
 }
 .gux-content.gux-expanded {
   display: block;

package/dist/esm/{floating-ui.dom.esm-92d89cdf.js → floating-ui.dom.esm-3bade7ba.js}

@@ -1446,6 +1446,31 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
   });
 }
 
+// If <html> has a CSS width greater than the viewport, then this will be
+// incorrect for RTL.
+function getWindowScrollBarX(element, rect) {
+  const leftScroll = getNodeScroll(element).scrollLeft;
+  if (!rect) {
+    return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;
+  }
+  return rect.left + leftScroll;
+}
+
+function getHTMLOffset(documentElement, scroll, ignoreScrollbarX) {
+  if (ignoreScrollbarX === void 0) {
+    ignoreScrollbarX = false;
+  }
+  const htmlRect = documentElement.getBoundingClientRect();
+  const x = htmlRect.left + scroll.scrollLeft - (ignoreScrollbarX ? 0 :
+  // RTL <body> scrollbar.
+  getWindowScrollBarX(documentElement, htmlRect));
+  const y = htmlRect.top + scroll.scrollTop;
+  return {
+    x,
+    y
+  };
+}
+
 function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
   let {
     elements,
@@ -1477,11 +1502,12 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
       offsets.y = offsetRect.y + offsetParent.clientTop;
     }
   }
+  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll, true) : createCoords(0);
   return {
     width: rect.width * scale.x,
     height: rect.height * scale.y,
-    x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x,
-    y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y
+    x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x + htmlOffset.x,
+    y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y + htmlOffset.y
   };
 }
 
@@ -1489,16 +1515,6 @@ function getClientRects(element) {
   return Array.from(element.getClientRects());
 }
 
-// If <html> has a CSS width greater than the viewport, then this will be
-// incorrect for RTL.
-function getWindowScrollBarX(element, rect) {
-  const leftScroll = getNodeScroll(element).scrollLeft;
-  if (!rect) {
-    return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;
-  }
-  return rect.left + leftScroll;
-}
-
 // Gets the entire size of the scrollable document area, even extending outside
 // of the `<html>` and `<body>` rect bounds if horizontally scrollable.
 function getDocumentRect(element) {
@@ -1573,9 +1589,10 @@ function getClientRectFromClippingAncestor(element, clippingAncestor, strategy)
   } else {
     const visualOffsets = getVisualOffsets(element);
     rect = {
-      ...clippingAncestor,
       x: clippingAncestor.x - visualOffsets.x,
-      y: clippingAncestor.y - visualOffsets.y
+      y: clippingAncestor.y - visualOffsets.y,
+      width: clippingAncestor.width,
+      height: clippingAncestor.height
     };
   }
   return rectToClientRect(rect);
@@ -1685,17 +1702,9 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
       offsets.x = getWindowScrollBarX(documentElement);
     }
   }
-  let htmlX = 0;
-  let htmlY = 0;
-  if (documentElement && !isOffsetParentAnElement && !isFixed) {
-    const htmlRect = documentElement.getBoundingClientRect();
-    htmlY = htmlRect.top + scroll.scrollTop;
-    htmlX = htmlRect.left + scroll.scrollLeft -
-    // RTL <body> scrollbar.
-    getWindowScrollBarX(documentElement, htmlRect);
-  }
-  const x = rect.left + scroll.scrollLeft - offsets.x - htmlX;
-  const y = rect.top + scroll.scrollTop - offsets.y - htmlY;
+  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
+  const x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;
+  const y = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;
   return {
     x,
     y,

package/dist/esm/gux-accordion-section.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { l as logError } from './log-error-274efeb7.js';
 
-const guxAccordionSectionCss = ":host:first-child .gux-header{border-top:var(--gse-ui-accordion-wrapper-dividerBorder-width) var(--gse-ui-accordion-wrapper-dividerBorder-style) var(--gse-ui-accordion-wrapper-dividerBorder-color)}section.gux-disabled{cursor:default;opacity:0.5}section.gux-disabled>*{pointer-events:none}.gux-header{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:center flex-start;align-items:center;width:100%;padding:var(--gse-ui-accordion-header-padding);margin:0;cursor:pointer;border-bottom:var(--gse-ui-accordion-wrapper-dividerBorder-width) var(--gse-ui-accordion-wrapper-dividerBorder-style) var(--gse-ui-accordion-wrapper-dividerBorder-color)}.gux-header .gux-header-text{flex:1 1 auto;align-self:auto;font-weight:var(--gse-ui-accordion-header-label-defaultText-fontWeight);color:var(--gse-ui-accordion-header-default-foreground-labelColor);text-align:left}.gux-header.gux-reverse-headings .gux-header-text{display:flex;flex-direction:column-reverse}.gux-header ::slotted([slot=header]){padding:0;margin:0;font-family:var(--gse-ui-accordion-header-label-defaultText-fontFamily) !important;font-size:var(--gse-ui-accordion-header-label-defaultText-fontSize) !important;font-weight:var(--gse-ui-accordion-header-label-defaultText-fontWeight) !important;line-height:var(--gse-ui-accordion-header-label-defaultText-lineHeight) !important;color:var(--gse-ui-accordion-header-default-foreground-labelColor)}.gux-header ::slotted([slot=subheader]){padding:0;margin:var(--gux-spacing-3xs) 0 0;font-family:var(--gse-ui-accordion-contentItem-defaultText-fontFamily) !important;font-size:var(--gse-ui-accordion-contentItem-defaultText-fontSize) !important;font-weight:var(--gse-ui-accordion-contentItem-defaultText-fontWeight) !important;line-height:var(--gse-ui-accordion-contentItem-defaultText-lineHeight) !important;color:var(--gse-ui-accordion-contentItem-foregroundColor)}.gux-header ::slotted([slot=subheader]) .gux-reverse-headings{margin:0 0 var(--gux-spacing-3xs) 0}.gux-header ::slotted([slot=icon]){flex:0 0 auto;align-self:flex-start;width:var(--gse-ui-icon-small-size);height:var(--gse-ui-icon-small-size);margin-right:var(--gse-ui-accordion-header-gap);color:var(--gse-ui-accordion-header-default-foreground-chevronIcon-closed)}.gux-header ::slotted([slot=icon]) .gux-reverse-headings{align-self:flex-end}.gux-header .gux-header-icon{flex:0 1 auto;align-items:center;align-self:auto;margin-left:var(--gse-ui-accordion-header-gap);line-height:0;color:var(--gse-ui-accordion-header-default-foreground-chevronIcon-closed);transition:transform 0.5s ease;transform-origin:center}.gux-header .gux-header-icon gux-icon{width:var(--gse-ui-accordion-header-chevronIcon);height:var(--gse-ui-accordion-header-chevronIcon)}.gux-header .gux-header-icon.gux-arrow-position-start{order:-1;margin-right:var(--gse-ui-accordion-header-gap)}.gux-header .gux-header-icon.gux-expanded{color:var(--gse-ui-accordion-header-default-foreground-chevronIcon-open);transform:rotate(-180deg)}.gux-header:focus-visible{border-radius:var(--gse-ui-accordion-menuItem-focus-borderRadius);outline:var(--gse-ui-accordion-focusBorder-width) var(--gse-ui-accordion-focusBorder-style) var(--gse-ui-accordion-focusBorder-color);outline-offset:var(--gse-ui-accordion-focus-offset-gap)}.gux-header:hover .gux-header-icon{color:var(--gse-ui-accordion-header-default-foreground-chevronIcon-hover)}.gux-content{box-sizing:border-box;display:none;border-bottom:var(--gse-ui-accordion-wrapper-dividerBorder-width) var(--gse-ui-accordion-wrapper-dividerBorder-style) var(--gse-ui-accordion-wrapper-dividerBorder-color)}.gux-content.gux-expanded{display:block}.gux-content.gux-text-content-layout{padding:var(--gse-ui-accordion-contentItem-padding)}.gux-content ::slotted([slot=content]){margin:0}";
+const guxAccordionSectionCss = ":host:first-child .gux-header{border-block-start:var(--gse-ui-accordion-wrapper-dividerBorder-width) var(--gse-ui-accordion-wrapper-dividerBorder-style) var(--gse-ui-accordion-wrapper-dividerBorder-color)}section.gux-disabled{cursor:default;opacity:0.5}section.gux-disabled>*{pointer-events:none}.gux-header{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:center flex-start;align-items:center;inline-size:100%;padding:var(--gse-ui-accordion-header-padding);margin:0;cursor:pointer;border-block-end:var(--gse-ui-accordion-wrapper-dividerBorder-width) var(--gse-ui-accordion-wrapper-dividerBorder-style) var(--gse-ui-accordion-wrapper-dividerBorder-color)}.gux-header .gux-header-text{flex:1 1 auto;align-self:auto;font-weight:var(--gse-ui-accordion-header-label-defaultText-fontWeight);color:var(--gse-ui-accordion-header-default-foreground-labelColor);text-align:start}.gux-header.gux-reverse-headings .gux-header-text{display:flex;flex-direction:column-reverse}.gux-header ::slotted([slot=header]){padding:0;margin:0;font-family:var(--gse-ui-accordion-header-label-defaultText-fontFamily) !important;font-size:var(--gse-ui-accordion-header-label-defaultText-fontSize) !important;font-weight:var(--gse-ui-accordion-header-label-defaultText-fontWeight) !important;line-height:var(--gse-ui-accordion-header-label-defaultText-lineHeight) !important;color:var(--gse-ui-accordion-header-default-foreground-labelColor)}.gux-header ::slotted([slot=subheader]){padding:0;margin-block:var(--gux-spacing-3xs) 0;margin-inline:0;font-family:var(--gse-ui-accordion-contentItem-defaultText-fontFamily) !important;font-size:var(--gse-ui-accordion-contentItem-defaultText-fontSize) !important;font-weight:var(--gse-ui-accordion-contentItem-defaultText-fontWeight) !important;line-height:var(--gse-ui-accordion-contentItem-defaultText-lineHeight) !important;color:var(--gse-ui-accordion-contentItem-foregroundColor)}.gux-header ::slotted([slot=subheader]) .gux-reverse-headings{margin-block:0 var(--gux-spacing-3xs);margin-inline:0}.gux-header ::slotted([slot=icon]){flex:0 0 auto;align-self:flex-start;inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);margin-inline-end:var(--gse-ui-accordion-header-gap);color:var(--gse-ui-accordion-header-default-foreground-chevronIcon-closed)}.gux-header ::slotted([slot=icon]) .gux-reverse-headings{align-self:flex-end}.gux-header .gux-header-icon{flex:0 1 auto;align-items:center;align-self:auto;margin-inline-start:var(--gse-ui-accordion-header-gap);line-height:0;color:var(--gse-ui-accordion-header-default-foreground-chevronIcon-closed);transition:transform 0.5s ease;transform-origin:center}.gux-header .gux-header-icon gux-icon{inline-size:var(--gse-ui-accordion-header-chevronIcon);block-size:var(--gse-ui-accordion-header-chevronIcon)}.gux-header .gux-header-icon.gux-arrow-position-start{order:-1;margin-inline-end:var(--gse-ui-accordion-header-gap)}.gux-header .gux-header-icon.gux-expanded{color:var(--gse-ui-accordion-header-default-foreground-chevronIcon-open);transform:rotate(-180deg)}.gux-header:focus-visible{border-radius:var(--gse-ui-accordion-menuItem-focus-borderRadius);outline:var(--gse-ui-accordion-focusBorder-width) var(--gse-ui-accordion-focusBorder-style) var(--gse-ui-accordion-focusBorder-color);outline-offset:var(--gse-ui-accordion-focus-offset-gap)}.gux-header:hover .gux-header-icon{color:var(--gse-ui-accordion-header-default-foreground-chevronIcon-hover)}.gux-content{box-sizing:border-box;display:none;border-block-end:var(--gse-ui-accordion-wrapper-dividerBorder-width) var(--gse-ui-accordion-wrapper-dividerBorder-style) var(--gse-ui-accordion-wrapper-dividerBorder-color)}.gux-content.gux-expanded{display:block}.gux-content.gux-text-content-layout{padding:var(--gse-ui-accordion-contentItem-padding)}.gux-content ::slotted([slot=content]){margin:0}";
 const GuxAccordionSectionStyle0 = guxAccordionSectionCss;
 
 const GuxAccordionSection = class {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-f0b3c11f.js';
+import { t as trackComponent } from './usage-885cebd4.js';
 
 const guxAccordionCss = "gux-accordion{-custom-noop:noop}";
 const GuxAccordionStyle0 = guxAccordionCss;

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 import { O as OnClickOutside } from './on-click-outside-edcae419.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-f0b3c11f.js';
+import { t as trackComponent } from './usage-885cebd4.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import './get-closest-element-728b9f18.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-f0b3c11f.js';
+import { t as trackComponent } from './usage-885cebd4.js';
 
 const guxActionToastCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:stretch;width:270px;padding:20px 24px;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-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;align-self:auto;order:0;font-family:var(--gse-semantic-heading-lg-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-lg-bold-fontSize);line-height:var(--gse-semantic-heading-lg-bold-lineHeight);font-weight:var(--gse-semantic-heading-lg-bold-fontWeight)}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:#1da8b3}.gux-header .gux-icon ::slotted(gux-icon){width:32px !important;height:32px !important}.gux-header .gux-title{flex:1 1 auto;align-self:auto;order:0;margin:0 0 0 8px}.gux-message{flex:0 1 auto;align-self:auto;order:0;margin:16px 0;font-family:var(--gse-semantic-body-sm-regular-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-semantic-body-sm-regular-fontSize);line-height:var(--gse-semantic-body-sm-regular-lineHeight);font-weight:var(--gse-semantic-body-sm-regular-fontWeight)}.gux-message ::slotted(dl){display:flex;flex-direction:row;flex-wrap:wrap;place-content:stretch flex-start;align-items:flex-start;margin:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}";
 const GuxActionToastLegacyStyle0 = guxActionToastCss;

package/dist/esm/gux-advanced-dropdown-legacy.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 import { o as onMutation } from './on-mutation-a222fe93.js';
 import { O as OnClickOutside } from './on-click-outside-edcae419.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-f0b3c11f.js';
+import { t as trackComponent } from './usage-885cebd4.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import './get-closest-element-728b9f18.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-f0b3c11f.js';
+import { t as trackComponent } from './usage-885cebd4.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 
 const guxAnnounceCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";

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

@@ -1,5 +1,5 @@
 import { h, r as registerInstance, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-f0b3c11f.js';
+import { t as trackComponent } from './usage-885cebd4.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import './get-closest-element-728b9f18.js';
@@ -50,7 +50,7 @@ const defaultResources = {
 	notifications: notifications
 };
 
-const guxAvatarCss = ":host{position:relative;display:inline-block}:host abbr{text-decoration:none}::slotted(img){width:100%;height:100%;object-fit:cover}.gux-avatar{position:relative;width:var(--gse-ui-avatar-large-size);height:var(--gse-ui-avatar-large-size);overflow:hidden;border-radius:50%}.gux-avatar .gux-content{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:calc(100% - var(--gse-ui-avatar-large-presenceRing-width) * 2);height:calc(100% - var(--gse-ui-avatar-large-presenceRing-width) * 2);margin:var(--gse-ui-avatar-large-presenceRing-width);overflow:hidden;font-family:var(--gse-ui-avatar-large-initials-fontFamily);font-size:var(--gse-ui-avatar-large-initials-fontSize);font-weight:var(--gse-ui-avatar-large-initials-fontWeight);line-height:1;color:var(--gse-ui-avatar-media-initialsForeground-inverse);text-transform:uppercase;background-color:var(--gse-ui-avatar-media-initialsBackground-default);border:var(--gse-ui-avatar-content-large-border-width) var(--gse-ui-avatar-content-default-border-style) var(--gse-ui-avatar-content-default-border-color);border-radius:50%}.gux-avatar.gux-medium{width:var(--gse-ui-avatar-medium-size);height:var(--gse-ui-avatar-medium-size)}.gux-avatar.gux-medium .gux-content{width:calc(100% - var(--gse-ui-avatar-medium-presenceRing-width) * 2);height:calc(100% - var(--gse-ui-avatar-medium-presenceRing-width) * 2);margin:var(--gse-ui-avatar-medium-presenceRing-width);font-size:var(--gse-ui-avatar-medium-initials-fontSize);font-weight:var(--gse-ui-avatar-medium-initials-fontWeight)}.gux-avatar.gux-medium .gux-content,.gux-avatar.gux-small .gux-content,.gux-avatar.gux-xsmall .gux-content{border-width:var(--gse-ui-avatar-content-default-border-width)}.gux-avatar.gux-small{width:var(--gse-ui-avatar-small-size);height:var(--gse-ui-avatar-small-size)}.gux-avatar.gux-small .gux-content{width:calc(100% - var(--gse-ui-avatar-small-presenceRing-width) * 2);height:calc(100% - var(--gse-ui-avatar-small-presenceRing-width) * 2);margin:var(--gse-ui-avatar-small-presenceRing-width);font-size:var(--gse-ui-avatar-small-initials-fontSize);font-weight:var(--gse-ui-avatar-small-initials-fontWeight)}.gux-avatar.gux-xsmall{width:var(--gse-ui-avatar-xsmall-size);height:var(--gse-ui-avatar-xsmall-size)}.gux-avatar.gux-xsmall .gux-content{width:calc(100% - var(--gse-ui-avatar-xsmall-presenceRing-width) * 2);height:calc(100% - var(--gse-ui-avatar-xsmall-presenceRing-width) * 2);margin:var(--gse-ui-avatar-xsmall-presenceRing-width);font-size:var(--gse-ui-avatar-xsmall-initials-fontSize);font-weight:var(--gse-ui-avatar-xsmall-initials-fontWeight)}.gux-avatar.gux-accent-1 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent1)}.gux-avatar.gux-accent-2 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent2)}.gux-avatar.gux-accent-3 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent3)}.gux-avatar.gux-accent-4 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent4)}.gux-avatar.gux-accent-5 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent5)}.gux-avatar.gux-accent-6 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent6)}.gux-avatar.gux-accent-7 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent7)}.gux-avatar.gux-accent-8 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent8)}.gux-avatar.gux-accent-9 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent9)}.gux-avatar.gux-accent-10 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent10)}.gux-avatar.gux-accent-11 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent11)}.gux-avatar.gux-accent-12 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent12)}.gux-avatar.gux-accent-inherit .gux-content{color:inherit;background-color:inherit}.gux-avatar.gux-ring.gux-available{background:var(--gse-ui-avatar-presenceRing-available)}.gux-avatar.gux-ring.gux-away,.gux-avatar.gux-ring.gux-break,.gux-avatar.gux-ring.gux-meal,.gux-avatar.gux-ring.gux-training{background:var(--gse-ui-avatar-presenceRing-away)}.gux-avatar.gux-ring.gux-busy,.gux-avatar.gux-ring.gux-meeting{background:var(--gse-ui-avatar-presenceRing-busy)}.gux-avatar.gux-ring.gux-offline{background:var(--gse-ui-avatar-presenceRing-offline)}.gux-avatar.gux-ring.gux-out-of-office{background:var(--gse-ui-avatar-presenceRing-outOfOffice)}.gux-avatar.gux-ring.gux-on-queue{background:var(--gse-ui-avatar-presenceRing-onQueue)}.gux-avatar-integration-badge{position:absolute;inset-block-end:0;inset-inline-end:0;z-index:var(--gse-semantic-zIndex-showFocus);display:flex;align-items:center;justify-content:center}.gux-avatar-badge{position:absolute;top:calc(var(--gse-ui-avatar-content-large-border-width) * -1);right:calc(var(--gse-ui-avatar-content-large-border-width) * -1);z-index:var(--gse-semantic-zIndex-showFocus);display:flex;align-items:center;justify-content:center;width:var(--gse-ui-avatar-large-badge-size);height:var(--gse-ui-avatar-large-badge-size);border-color:var(--gse-ui-avatar-content-default-border-color);border-style:var(--gse-ui-avatar-content-default-border-style);border-width:var(--gse-ui-avatar-content-large-border-width);border-radius:50%}.gux-avatar-badge.gux-medium{top:calc(var(--gse-ui-avatar-content-default-border-width) * -1);right:calc(var(--gse-ui-avatar-content-default-border-width) * -1);width:var(--gse-ui-avatar-medium-badge-size);height:var(--gse-ui-avatar-medium-badge-size);border-width:var(--gse-ui-avatar-content-default-border-width)}.gux-avatar-badge.gux-small,.gux-avatar-badge.gux-xsmall{top:calc(var(--gse-ui-avatar-content-default-border-width) * -1);right:calc(var(--gse-ui-avatar-content-default-border-width) * -1);width:var(--gse-ui-avatar-small-badge-size);height:var(--gse-ui-avatar-small-badge-size);border-width:var(--gse-ui-avatar-content-default-border-width)}.gux-avatar-badge.gux-small gux-icon,.gux-avatar-badge.gux-xsmall gux-icon{display:none}.gux-avatar-badge.gux-available{background-color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-available.gux-small,.gux-avatar-badge.gux-available.gux-xsmall{background-color:var(--gse-ui-avatar-badge-available-color)}.gux-avatar-badge.gux-available gux-icon{color:var(--gse-ui-avatar-badge-available-color)}.gux-avatar-badge.gux-away,.gux-avatar-badge.gux-break,.gux-avatar-badge.gux-meal,.gux-avatar-badge.gux-training{background-color:var(--gse-ui-avatar-badge-away-color)}.gux-avatar-badge.gux-away gux-icon,.gux-avatar-badge.gux-break gux-icon,.gux-avatar-badge.gux-meal gux-icon,.gux-avatar-badge.gux-training gux-icon{margin:var(--gse-ui-avatar-badge-away-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDark-color)}.gux-avatar-badge.gux-busy,.gux-avatar-badge.gux-meeting{background-color:var(--gse-ui-avatar-badge-busy-color)}.gux-avatar-badge.gux-busy gux-icon,.gux-avatar-badge.gux-meeting gux-icon{margin:var(--gse-ui-avatar-badge-busy-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-notifications{background-color:var(--gse-ui-avatar-badge-notification-color)}.gux-avatar-badge.gux-notifications gux-icon{margin:var(--gse-ui-avatar-badge-notifications-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-offline{background-color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-offline.gux-small,.gux-avatar-badge.gux-offline.gux-xsmall{background-color:var(--gse-ui-avatar-badge-offline-color)}.gux-avatar-badge.gux-offline gux-icon{color:var(--gse-ui-avatar-badge-offline-color)}.gux-avatar-badge.gux-out-of-office{background-color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-out-of-office.gux-small,.gux-avatar-badge.gux-out-of-office.gux-xsmall{background-color:var(--gse-ui-avatar-badge-outOfOffice)}.gux-avatar-badge.gux-out-of-office gux-icon{color:var(--gse-ui-avatar-badge-outOfOffice)}.gux-avatar-badge.gux-on-queue{background-color:var(--gse-ui-avatar-badge-onQueue-color)}.gux-avatar-badge.gux-on-queue gux-icon{margin:var(--gse-ui-avatar-badge-queue-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge gux-icon{width:100%;height:100%}";
+const guxAvatarCss = ":host{position:relative;display:inline-block}:host abbr{text-decoration:none}::slotted(img){inline-size:100%;block-size:100%;object-fit:cover}.gux-avatar{position:relative;inline-size:var(--gse-ui-avatar-large-size);block-size:var(--gse-ui-avatar-large-size);overflow:hidden;border-radius:50%}.gux-avatar .gux-content{box-sizing:border-box;display:flex;align-items:center;justify-content:center;inline-size:calc(100% - var(--gse-ui-avatar-large-presenceRing-width) * 2);block-size:calc(100% - var(--gse-ui-avatar-large-presenceRing-width) * 2);margin:var(--gse-ui-avatar-large-presenceRing-width);overflow:hidden;font-family:var(--gse-ui-avatar-large-initials-fontFamily);font-size:var(--gse-ui-avatar-large-initials-fontSize);font-weight:var(--gse-ui-avatar-large-initials-fontWeight);line-height:1;color:var(--gse-ui-avatar-media-initialsForeground-inverse);text-transform:uppercase;background-color:var(--gse-ui-avatar-media-initialsBackground-default);border:var(--gse-ui-avatar-content-large-border-width) var(--gse-ui-avatar-content-default-border-style) var(--gse-ui-avatar-content-default-border-color);border-radius:50%}.gux-avatar.gux-medium{inline-size:var(--gse-ui-avatar-medium-size);block-size:var(--gse-ui-avatar-medium-size)}.gux-avatar.gux-medium .gux-content{inline-size:calc(100% - var(--gse-ui-avatar-medium-presenceRing-width) * 2);block-size:calc(100% - var(--gse-ui-avatar-medium-presenceRing-width) * 2);margin:var(--gse-ui-avatar-medium-presenceRing-width);font-size:var(--gse-ui-avatar-medium-initials-fontSize);font-weight:var(--gse-ui-avatar-medium-initials-fontWeight)}.gux-avatar.gux-medium .gux-content,.gux-avatar.gux-small .gux-content,.gux-avatar.gux-xsmall .gux-content{border-width:var(--gse-ui-avatar-content-default-border-width)}.gux-avatar.gux-small{inline-size:var(--gse-ui-avatar-small-size);block-size:var(--gse-ui-avatar-small-size)}.gux-avatar.gux-small .gux-content{inline-size:calc(100% - var(--gse-ui-avatar-small-presenceRing-width) * 2);block-size:calc(100% - var(--gse-ui-avatar-small-presenceRing-width) * 2);margin:var(--gse-ui-avatar-small-presenceRing-width);font-size:var(--gse-ui-avatar-small-initials-fontSize);font-weight:var(--gse-ui-avatar-small-initials-fontWeight)}.gux-avatar.gux-xsmall{inline-size:var(--gse-ui-avatar-xsmall-size);block-size:var(--gse-ui-avatar-xsmall-size)}.gux-avatar.gux-xsmall .gux-content{inline-size:calc(100% - var(--gse-ui-avatar-xsmall-presenceRing-width) * 2);block-size:calc(100% - var(--gse-ui-avatar-xsmall-presenceRing-width) * 2);margin:var(--gse-ui-avatar-xsmall-presenceRing-width);font-size:var(--gse-ui-avatar-xsmall-initials-fontSize);font-weight:var(--gse-ui-avatar-xsmall-initials-fontWeight)}.gux-avatar.gux-accent-1 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent1)}.gux-avatar.gux-accent-2 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent2)}.gux-avatar.gux-accent-3 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent3)}.gux-avatar.gux-accent-4 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent4)}.gux-avatar.gux-accent-5 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent5)}.gux-avatar.gux-accent-6 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent6)}.gux-avatar.gux-accent-7 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent7)}.gux-avatar.gux-accent-8 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent8)}.gux-avatar.gux-accent-9 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent9)}.gux-avatar.gux-accent-10 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent10)}.gux-avatar.gux-accent-11 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-accent11)}.gux-avatar.gux-accent-12 .gux-content{color:var(--gse-ui-avatar-media-initialsForeground-inverse);background-color:var(--gse-ui-avatar-media-initialsBackground-accent12)}.gux-avatar.gux-accent-inherit .gux-content{color:inherit;background-color:inherit}.gux-avatar.gux-ring.gux-available{background:var(--gse-ui-avatar-presenceRing-available)}.gux-avatar.gux-ring.gux-away,.gux-avatar.gux-ring.gux-break,.gux-avatar.gux-ring.gux-meal,.gux-avatar.gux-ring.gux-training{background:var(--gse-ui-avatar-presenceRing-away)}.gux-avatar.gux-ring.gux-busy,.gux-avatar.gux-ring.gux-meeting{background:var(--gse-ui-avatar-presenceRing-busy)}.gux-avatar.gux-ring.gux-offline{background:var(--gse-ui-avatar-presenceRing-offline)}.gux-avatar.gux-ring.gux-out-of-office{background:var(--gse-ui-avatar-presenceRing-outOfOffice)}.gux-avatar.gux-ring.gux-on-queue{background:var(--gse-ui-avatar-presenceRing-onQueue)}.gux-avatar-integration-badge{position:absolute;inset-block-end:0;inset-inline-end:0;z-index:var(--gse-semantic-zIndex-showFocus);display:flex;align-items:center;justify-content:center}.gux-avatar-badge{position:absolute;inset-block-start:calc(var(--gse-ui-avatar-content-large-border-width) * -1);inset-inline-end:calc(var(--gse-ui-avatar-content-large-border-width) * -1);z-index:var(--gse-semantic-zIndex-showFocus);display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-avatar-large-badge-size);block-size:var(--gse-ui-avatar-large-badge-size);border-color:var(--gse-ui-avatar-content-default-border-color);border-style:var(--gse-ui-avatar-content-default-border-style);border-width:var(--gse-ui-avatar-content-large-border-width);border-radius:50%}.gux-avatar-badge.gux-medium{inset-block-start:calc(var(--gse-ui-avatar-content-default-border-width) * -1);inset-inline-end:calc(var(--gse-ui-avatar-content-default-border-width) * -1);inline-size:var(--gse-ui-avatar-medium-badge-size);block-size:var(--gse-ui-avatar-medium-badge-size);border-width:var(--gse-ui-avatar-content-default-border-width)}.gux-avatar-badge.gux-small,.gux-avatar-badge.gux-xsmall{inset-block-start:calc(var(--gse-ui-avatar-content-default-border-width) * -1);inset-inline-end:calc(var(--gse-ui-avatar-content-default-border-width) * -1);inline-size:var(--gse-ui-avatar-small-badge-size);block-size:var(--gse-ui-avatar-small-badge-size);border-width:var(--gse-ui-avatar-content-default-border-width)}.gux-avatar-badge.gux-small gux-icon,.gux-avatar-badge.gux-xsmall gux-icon{display:none}.gux-avatar-badge.gux-available{background-color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-available.gux-small,.gux-avatar-badge.gux-available.gux-xsmall{background-color:var(--gse-ui-avatar-badge-available-color)}.gux-avatar-badge.gux-available gux-icon{color:var(--gse-ui-avatar-badge-available-color)}.gux-avatar-badge.gux-away,.gux-avatar-badge.gux-break,.gux-avatar-badge.gux-meal,.gux-avatar-badge.gux-training{background-color:var(--gse-ui-avatar-badge-away-color)}.gux-avatar-badge.gux-away gux-icon,.gux-avatar-badge.gux-break gux-icon,.gux-avatar-badge.gux-meal gux-icon,.gux-avatar-badge.gux-training gux-icon{margin:var(--gse-ui-avatar-badge-away-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDark-color)}.gux-avatar-badge.gux-busy,.gux-avatar-badge.gux-meeting{background-color:var(--gse-ui-avatar-badge-busy-color)}.gux-avatar-badge.gux-busy gux-icon,.gux-avatar-badge.gux-meeting gux-icon{margin:var(--gse-ui-avatar-badge-busy-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-notifications{background-color:var(--gse-ui-avatar-badge-notification-color)}.gux-avatar-badge.gux-notifications gux-icon{margin:var(--gse-ui-avatar-badge-notifications-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-offline{background-color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-offline.gux-small,.gux-avatar-badge.gux-offline.gux-xsmall{background-color:var(--gse-ui-avatar-badge-offline-color)}.gux-avatar-badge.gux-offline gux-icon{color:var(--gse-ui-avatar-badge-offline-color)}.gux-avatar-badge.gux-out-of-office{background-color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge.gux-out-of-office.gux-small,.gux-avatar-badge.gux-out-of-office.gux-xsmall{background-color:var(--gse-ui-avatar-badge-outOfOffice)}.gux-avatar-badge.gux-out-of-office gux-icon{color:var(--gse-ui-avatar-badge-outOfOffice)}.gux-avatar-badge.gux-on-queue{background-color:var(--gse-ui-avatar-badge-onQueue-color)}.gux-avatar-badge.gux-on-queue gux-icon{margin:var(--gse-ui-avatar-badge-queue-icon-margin);color:var(--gse-ui-avatar-badge-foregroundDefault-color)}.gux-avatar-badge gux-icon{inline-size:100%;block-size:100%}";
 const GuxAvatarBetaStyle0 = guxAvatarCss;
 
 const GuxAvatar = class {