genesys-spark-components 4.121.0 → 4.123.0

package/dist/esm/{gux-avatar-overflow-beta_2.entry.js → gux-avatar-group-add-item-beta_3.entry.js}

@@ -1,13 +1,47 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-46ac98b8.js';
-import { a as autoUpdate, c as computePosition, o as offset } from './floating-ui.dom.esm-02309983.js';
-import { O as OnClickOutside } from './on-click-outside-fe48b6ef.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
+import { g as groupKeyboardNavigation } from './gux-avatar-group.service-0e62fde4.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
+import { a as autoUpdate, c as computePosition, o as offset } from './floating-ui.dom.esm-17bec7ce.js';
+import { O as OnClickOutside } from './on-click-outside-25728f99.js';
 import { a as logWarn } from './log-error-274efeb7.js';
-import { g as groupKeyboardNavigation } from './gux-avatar-group.service-f9030472.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { a as getAvatarAccentClass, g as generateInitials } from './gux-avatar.service-43c1b4e1.js';
 import './get-closest-element-728b9f18.js';
 
+const addToGroup = "Add more items to group";
+const defaultResources = {
+	addToGroup: addToGroup
+};
+
+const guxAvatarGroupAddItemCss = "button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-avatar-small-content-size);block-size:var(--gse-ui-avatar-small-content-size);padding:0;margin:0;overflow:hidden;font-family:var(--gse-ui-avatar-small-initials-fontFamily);font-size:var(--gse-ui-avatar-small-initials-fontSize);font-weight:var(--gse-ui-avatar-small-initials-fontWeight);line-height:var(--gse-ui-avatar-small-initials-lineHeight);color:var(--gse-ui-avatar-media-initialsForeground-add);cursor:pointer;background:none;background-color:var(--gse-ui-avatar-media-initialsBackground-add);border:none;border-radius:50%}button:focus-visible,button:hover{position:relative;z-index:var(--gse-semantic-zIndex-showFocus)}button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}";
+const GuxAvatarGroupAddItemBetaStyle0 = guxAvatarGroupAddItemCss;
+
+const GuxAvatarGroupAddItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    async componentWillLoad() {
+        trackComponent(this.root);
+        this.i18n = await buildI18nForComponent(this.root, defaultResources);
+    }
+    /*
+     * Hide tooltip
+     */
+    async hideTooltip() {
+        return await this.tooltip.hideTooltip();
+    }
+    onKeydown(event) {
+        groupKeyboardNavigation(event, this.root);
+    }
+    render() {
+        return (h(Host, { key: 'c2208087a0df24f9930d65f5cc0b4e33e9365f3d', role: "menuitem" }, h("button", { key: 'c84beab4ccbf57c154859e7bd16ba4de69705ffa', type: "button", "aria-label": this.i18n('addToGroup'), tabIndex: -1, class: "gux-avatar" }, h("span", { key: 'de3cafb76d43b51a17d80d825a1902662e55585c', "aria-hidden": "true" }, "+"), h("gux-tooltip-beta", { key: '02843211a8a4cedfbaafa6b650ddc29d77802a7d', "aria-hidden": "true", "visual-only": true, placement: "top", ref: el => (this.tooltip = el) }, h("div", { key: 'a5c8e606aa2cbb12517bf295d26520ca5358aeff', slot: "content" }, this.i18n('addToGroup'))))));
+    }
+    static get delegatesFocus() { return true; }
+    get root() { return getElement(this); }
+};
+GuxAvatarGroupAddItem.style = GuxAvatarGroupAddItemBetaStyle0;
+
 const guxAvatarOverflowCss = ":host{display:block;margin-inline-end:var(--gse-ui-avatar-groupSet-gap)}.gux-avatar-overflow{position:relative;box-sizing:border-box;inline-size:100%;padding:0;margin:0;line-height:0px;cursor:pointer;background:none;border:none;border-radius:50%}.gux-avatar-overflow:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-avatar-overflow:hover,.gux-avatar-overflow:focus{z-index:var(--gse-semantic-zIndex-showFocus)}.gux-avatar-overflow .gux-avatar-overflow-wrapper{position:relative;display:flex}.gux-avatar-overflow .gux-avatar-overflow-wrapper .gux-avatar-overflow-content{box-sizing:border-box;display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-avatar-small-content-size);block-size:var(--gse-ui-avatar-small-content-size);overflow:hidden;font-family:var(--gse-ui-avatar-small-initials-fontFamily);font-size:var(--gse-ui-avatar-small-initials-fontSize);font-weight:var(--gse-ui-avatar-small-initials-fontWeight);line-height:var(--gse-core-lineHeight-matchFontSize);color:var(--gse-ui-avatar-media-initialsForeground-default);background-color:var(--gse-ui-avatar-media-initialsBackground-overflowCount);border-radius:50%}.gux-menu-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popup);visibility:hidden;flex-direction:column;max-block-size:var(--gse-ui-menu-maxHeight);padding:var(--gse-ui-menu-padding);margin:0;overflow-y:auto;background-color:var(--gse-ui-menu-backgroundColor);border:none;border:var(--gse-semantic-container-edges-borderWidth) solid var(--gse-semantic-border-container-edges-default);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow)}.gux-menu-wrapper.gux-shown{visibility:visible}";
 const GuxAvatarOverflowBetaStyle0 = guxAvatarOverflowCss;
 
@@ -155,10 +189,10 @@ const GuxAvatarOverflow = class {
         void nextFocusableElement.focus();
     }
     render() {
-        return (h(Host, { key: '1eca1d8373f1f8bce38195b234b2aa6c85489d66', role: "menuitem" }, h("button", { key: '52681498cf89bd86b0d0e906009feccf49254424', class: "gux-avatar-overflow", ref: el => (this.overflowButtonElement = el), onClick: () => this.toggleOverflowMenu(), tabIndex: -1, "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("span", { key: 'e542e692be6b5e40794526311b35647dafa77a5a', class: "gux-avatar-overflow-wrapper" }, h("span", { key: 'fcf9797285a72682a4a676f980f9da0ebf98ff55', class: "gux-avatar-overflow-content" }, " +", this.getCount()))), h("div", { key: '390fe4b03689c2390022d871bcdf46cfeae773c3', class: {
+        return (h(Host, { key: '56dc6348cc414fa170fa0ee06fe064f3450882bc', role: "menuitem" }, h("button", { key: '5b73425d77f78fce9d87b33487cea1abef6cb0a3', class: "gux-avatar-overflow", ref: el => (this.overflowButtonElement = el), onClick: () => this.toggleOverflowMenu(), tabIndex: -1, "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("span", { key: 'a23023d03fb1b759e35f06dea6be0114ba5873db', class: "gux-avatar-overflow-wrapper" }, h("span", { key: 'ae083e3bbf584b59f5a00eac3585b79fa916a712', class: "gux-avatar-overflow-content" }, " +", this.getCount()))), h("div", { key: 'cab97c98d994f16c09b24f8545b8cd7200388892', class: {
                 'gux-menu-wrapper': true,
                 'gux-shown': this.expanded
-            }, ref: el => (this.menuElement = el) }, h("div", { key: 'e9775de055cf867360eb43ef87b56c1e4846d283', role: "menu", class: "gux-menu-content" }, h("slot", { key: 'f87d83d682723774826e175ddac0142daa5340f5' })))));
+            }, ref: el => (this.menuElement = el) }, h("div", { key: '715af9beb5866644e7524b641ce2206b6b1b86d3', role: "menu", class: "gux-menu-content" }, h("slot", { key: 'fd5723c2b0f9bb1039e043d505ff7dff3ba70a18' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }
@@ -267,14 +301,14 @@ const GuxAvatarOverflowItem = class {
         }
     }
     render() {
-        return (h(Host, { key: '9a482a55db83dd77b4275313b5e91e6e35abbf67', role: "menuitem" }, h("button", { key: 'efb50ab018339921fff8605f18e94e3e1bb6bd85', type: "button", "aria-label": this.name, tabIndex: -1 }, h("span", { key: 'a9c32970cd2550b834c176f8552fe50d3c8db595', class: {
+        return (h(Host, { key: '34b0e018d662b7536da4a91d6ccc055c8cc730d7', role: "menuitem" }, h("button", { key: 'c59be9f70bc25dce8bc62dfc8739f93d6006e68e', type: "button", "aria-label": this.name, tabIndex: -1 }, h("span", { key: '024aae64707578c490f8fb2d2c2aa809e65ffefe', class: {
                 'gux-avatar': true,
                 [getAvatarAccentClass(this.accent, this.name)]: true
-            } }, h("slot", { key: 'c8268952f6531f9b3cdaf11b54bb5ca209c6df6b', name: "image" }, h("span", { key: '143d09b06886a32bae9343b5de8474ce4f036c85', class: "gux-avatar-initials", "aria-hidden": "true" }, generateInitials(this.name)))), h("span", { key: '530801a4712419301043e9303544266dc5f7b021' }, this.name))));
+            } }, h("slot", { key: '1e657ac3badc1a73c283d82f0e0b6381033e179e', name: "image" }, h("span", { key: 'b63a8cce36637908e4c07f532fdf27e97831e019', class: "gux-avatar-initials", "aria-hidden": "true" }, generateInitials(this.name)))), h("span", { key: '67247e6254beaa1b31374653ace95300a8e029a4' }, this.name))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }
 };
 GuxAvatarOverflowItem.style = GuxAvatarOverflowItemBetaStyle0;
 
-export { GuxAvatarOverflow as gux_avatar_overflow_beta, GuxAvatarOverflowItem as gux_avatar_overflow_item_beta };
+export { GuxAvatarGroupAddItem as gux_avatar_group_add_item_beta, GuxAvatarOverflow as gux_avatar_overflow_beta, GuxAvatarOverflowItem as gux_avatar_overflow_item_beta };

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

@@ -1,10 +1,10 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import { a as logWarn } from './log-error-274efeb7.js';
-import { s as setFocusTarget, r as resetFocusableSibling } from './gux-avatar-group.service-f9030472.js';
+import { s as setFocusTarget, r as resetFocusableSibling } from './gux-avatar-group.service-0e62fde4.js';
 import './get-closest-element-728b9f18.js';
 
-const guxAvatarGroupCss = ":host{display:flex;align-items:center;inline-size:fit-content;padding-block:var(--gse-semantic-interactive-sm-padding);padding-inline:var(--gse-semantic-interactive-sm-padding) var(--gse-semantic-interactive-md-padding)}:host(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}";
+const guxAvatarGroupCss = ":host{display:flex;align-items:center;inline-size:fit-content;padding-block:var(--gse-semantic-interactive-sm-padding);padding-inline:var(--gse-semantic-interactive-sm-padding) var(--gse-semantic-interactive-md-padding)}:host(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-add-item-overflow{padding-inline-start:calc(var(--gse-core-spacing-4xs) + 2px)}";
 const GuxAvatarGroupBetaStyle0 = guxAvatarGroupCss;
 
 const GuxAvatarGroup = class {
@@ -59,7 +59,9 @@ const GuxAvatarGroup = class {
     hideCurrentTooltip(event) {
         const target = event.target;
         const groupItems = this.getGroupItems();
-        const focusedChild = groupItems.find(child => child.matches(':focus-within'));
+        const addToGroup = this.root.shadowRoot.querySelector('gux-avatar-group-add-item-beta');
+        const itemsWithTooltip = [...groupItems, addToGroup];
+        const focusedChild = itemsWithTooltip.find(child => child === null || child === void 0 ? void 0 : child.matches(':focus-within'));
         if (focusedChild && focusedChild !== target) {
             focusedChild.hideTooltip();
         }
@@ -76,7 +78,10 @@ const GuxAvatarGroup = class {
         if (childElements.length === 0) {
             logWarn(this.root, 'gux-avatar-group-beta: No child elements detected. Please add some gux-avatar-item-beta tags to slot');
         }
-        const validTagNames = ['GUX-AVATAR-GROUP-ITEM-BETA'];
+        const validTagNames = [
+            'GUX-AVATAR-GROUP-ITEM-BETA',
+            'GUX-AVATAR-GROUP-ADD-ITEM-BETA'
+        ];
         const invalidElements = childElements.some(el => !validTagNames.includes(el.tagName));
         if (invalidElements) {
             logWarn(this.root, 'gux-avatar-group-beta: Invalid child element detected. All child elements must be either buttons, anchor tags or gux-avatar-beta components');
@@ -84,7 +89,8 @@ const GuxAvatarGroup = class {
     }
     renderOverflowMenu() {
         if (this.root.children.length > this.quantity) {
-            const overflowItems = this.processedGroupItems.filter(item => item.isOverflow);
+            const overflowItems = this.processedGroupItems.filter(item => item.isOverflow &&
+                item.groupItem.tagName === 'GUX-AVATAR-GROUP-ITEM-BETA');
             return (h("gux-avatar-overflow-beta", null, overflowItems.map(item => {
                 var _a, _b;
                 return (h("gux-avatar-overflow-item-beta", { name: item.name, accent: item.accent, onClick: () => item.groupItem.click() }, item.img ? (h("img", { slot: "image", src: (_a = item.img) === null || _a === void 0 ? void 0 : _a.src, alt: (_b = item.img) === null || _b === void 0 ? void 0 : _b.alt })) : null));
@@ -94,8 +100,17 @@ const GuxAvatarGroup = class {
             return null;
         }
     }
+    renderAddToGroup() {
+        const hasAddToGroup = this.processedGroupItems.find(item => item.groupItem.tagName === 'GUX-AVATAR-GROUP-ADD-ITEM-BETA');
+        if (hasAddToGroup && this.root.children.length > this.quantity) {
+            return (h("gux-avatar-group-add-item-beta", { class: "gux-add-item-overflow" }));
+        }
+        else {
+            return null;
+        }
+    }
     render() {
-        return (h(Host, { key: 'fd252cb40f60c329c1c8330a8df415e3fe0ce86a', role: "menu", onClick: this.handleClick.bind(this) }, h("slot", { key: '754b66b2e4024abba062e2a9aa0cbe3933b75139' }), this.renderOverflowMenu()));
+        return (h(Host, { key: '4fb2cc50bd34d1c068ee37e93ebb623b353c095d', role: "menu", onClick: this.handleClick.bind(this) }, h("slot", { key: 'a2b3fa35f568e7c3f72c76484dfcd0bcdad9b225' }), this.renderOverflowMenu(), this.renderAddToGroup()));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import { a as logWarn } from './log-error-274efeb7.js';
-import { g as groupKeyboardNavigation } from './gux-avatar-group.service-f9030472.js';
+import { g as groupKeyboardNavigation } from './gux-avatar-group.service-0e62fde4.js';
 import { a as getAvatarAccentClass, g as generateInitials } from './gux-avatar.service-43c1b4e1.js';
 import './get-closest-element-728b9f18.js';
 
@@ -45,11 +45,11 @@ const GuxAvatarGroupItem = class {
         }
     }
     render() {
-        return (h(Host, { key: '2ecedaa5f3705fcece1c0bba087e960d3c0e8393', role: "menuitem" }, h("button", { key: '0e2f5760551f46ca5ec394a87c85c5bb962f664e', type: "button", "aria-label": this.name, tabIndex: -1, class: {
+        return (h(Host, { key: 'cf25df58536d49968c106c3fe2e6e4d21f3fe370', role: "menuitem" }, h("button", { key: '504a212c665a293077800e0041fa2573f68e2e04', type: "button", "aria-label": this.name, tabIndex: -1, class: {
                 'gux-avatar': true,
                 [getAvatarAccentClass(this.accent, this.name)]: true,
                 'gux-last-item': this.isLastItemInGroup()
-            } }, h("slot", { key: 'c1542da304401940307eb9fced69479bce16a966', name: "image" }, h("span", { key: '4d951124cb550e7c0fad0764779720a87072f0a7', class: "gux-avatar-initials", "aria-hidden": "true" }, generateInitials(this.name))), h("gux-tooltip-beta", { key: '4c575880347af40da4f888cbe16557eda28a349f', "aria-hidden": "true", "visual-only": true, placement: "top", ref: el => (this.tooltip = el) }, h("div", { key: '486bea5b6ff4cc0a260a49fe0b5488619090414f', slot: "content" }, this.name)))));
+            } }, h("slot", { key: '0349e238b0662b93322fcbaa27854eb091b18ed9', name: "image" }, h("span", { key: '15751a75f778d2454c5b15b10db3ca62b82134eb', class: "gux-avatar-initials", "aria-hidden": "true" }, generateInitials(this.name))), h("gux-tooltip-beta", { key: '1ba8508d77ec25a50ec091f24ae380ae4bda9c4f', "aria-hidden": "true", "visual-only": true, placement: "top", ref: el => (this.tooltip = el) }, h("div", { key: '7d0d6ad2237d95bc4be7482420d0f1169e4d0314', slot: "content" }, this.name)))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/{gux-avatar-group.service-f9030472.js → gux-avatar-group.service-0e62fde4.js}

@@ -96,10 +96,14 @@ function getGroupItemButton(element) {
 }
 function getGroupItems(element) {
     const group = getClosestElement('gux-avatar-group-beta', element);
-    const slottedItems = Array.from(group.querySelectorAll('gux-avatar-group-item-beta')).filter(child => !isHidden(child));
+    const slottedItems = Array.from(group.querySelectorAll('gux-avatar-group-item-beta, gux-avatar-group-add-item-beta')).filter(child => !isHidden(child));
     const overflow = group.shadowRoot.querySelector('gux-avatar-overflow-beta');
     if (overflow) {
+        const addToGroup = group.shadowRoot.querySelector('gux-avatar-group-add-item-beta');
         slottedItems.push(overflow);
+        if (addToGroup) {
+            slottedItems.push(addToGroup);
+        }
     }
     return slottedItems;
 }

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
 import './get-closest-element-728b9f18.js';
 
 const info = "badge with label: {label}, accent: info";
@@ -59,7 +59,7 @@ const GuxBadge = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'd61c4e2e2353b3385d8fbcdc06813fcac52d3105', class: {
+        return (h("div", { key: 'ea08be4080713b30a014ad3726a80d793ec87211', class: {
                 'gux-badge': true,
                 [`gux-${this.accent}`]: true,
                 'gux-bold': this.bold

package/dist/esm/gux-blank-state.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
-import { O as OnMutation } from './on-mutation-c5880cd8.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
+import { O as OnMutation } from './on-mutation-22820853.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 
 const guxBlankStateCss = ":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  padding: var(--gse-ui-blankState-padding);\n  color: var(--gse-ui-blankState-foregroundColor);\n}\n.gux-container .gux-image {\n  padding-block-end: var(--gse-ui-blankState-gapMain);\n}\n.gux-container .gux-message {\n  padding-block-end: var(--gse-ui-blankState-gapMessage);\n}\n.gux-container .gux-guidance {\n  padding-block-end: var(--gse-ui-blankState-gapContent);\n}\n.gux-container ::slotted(gux-icon) {\n  inline-size: var(--gse-ui-blankState-icon-size-lg);\n  block-size: var(--gse-ui-blankState-icon-size-lg);\n  color: var(--gse-ui-blankState-iconColor);\n}\n.gux-container slot[name=primary-message] {\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-header-fontFamily);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-header-fontSize);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-header-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-header-lineHeight);\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n}\n.gux-container slot[name=additional-guidance] {\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontFamily);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontSize);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-subheader-lineHeight);\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n}\n\n@container (width < 570px) {\n  .gux-container ::slotted(gux-icon) {\n    inline-size: var(--gse-ui-blankState-icon-size-sm);\n    block-size: var(--gse-ui-blankState-icon-size-sm);\n  }\n  .gux-container slot[name=primary-message] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-header-lineHeight);\n  }\n  .gux-container slot[name=additional-guidance] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-subheader-lineHeight);\n  }\n}";
@@ -34,7 +34,7 @@ const GuxBlankState = class {
         this.hasCallToAction = hasSlot(this.root, 'call-to-action');
     }
     render() {
-        return (h("div", { key: 'a812183308ce82399d1dafa36e8ae80f40298505', class: "gux-container" }, h("div", { key: '737ee62ee9f2b669070cd8a18924bd22ff9d86b3', class: "gux-image" }, h("slot", { key: '4380b94f11a96e94178e5407ae29246ac2278e7c', name: "image" })), h("div", { key: '6c7ac6b33dd5873a83bcf05fef4fc980a858b6d9', class: "gux-message" }, h("slot", { key: 'a4a61cf10544e1966a6e7a63439ee137798f8aca', name: "primary-message" })), h("div", { key: '5f874e0c18a3065b9b02ab4e4aafb90e931443cf', class: "gux-guidance" }, h("slot", { key: '53b008ec660295789193b71139dc727d2df7948e', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (h("div", { key: '35698c8da560149df181c3467e861a440c513d6c', class: "gux-container" }, h("div", { key: '334ac98587b5ffe56423a930fc3f4ce67a063ef3', class: "gux-image" }, h("slot", { key: 'e370ad5eae0d0e0c65baa6ad9ad20f38cddf81ee', name: "image" })), h("div", { key: 'bfafa2bb9299a9365e23706c1519d9e1e61b8474', class: "gux-message" }, h("slot", { key: 'f831a637f82d32b21257e5c922197d17e0c67bcb', name: "primary-message" })), h("div", { key: 'a35a64ca91ad73b3eef62b6f0a92d4d47ac68b8e', class: "gux-guidance" }, h("slot", { key: '5f676f8550d376b8c3309db69b80932d823050ed', name: "additional-guidance" })), this.renderCallToActionSlot()));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-breadcrumb-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-46ac98b8.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-91950719.js';
 import { l as logError } from './log-error-274efeb7.js';
 
 const guxBreadcrumbItemCss = ".gux-breadcrumb-generation{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center;min-block-size:var(--gse-ui-breadcrumbs-secondary-height)}.gux-breadcrumb-generation .gux-breadcrumb-content{font-family:var(--gse-ui-links-inLine-small-text-fontFamily);font-size:var(--gse-ui-links-inLine-small-text-fontSize);font-weight:var(--gse-ui-links-inLine-small-text-fontWeight);line-height:var(--gse-ui-links-inLine-small-text-lineHeight);text-decoration:none;color:var(--gse-ui-links-default-foregroundColor);pointer-events:none}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-active{color:var(--gse-ui-links-active-foregroundColor)}.gux-breadcrumb-generation .gux-breadcrumb-separator{padding:var(--gse-ui-breadcrumbs-secondary-separator-padding);font-family:var(--gse-ui-breadcrumbs-secondary-separator-typography-fontFamily);font-size:var(--gse-ui-breadcrumbs-secondary-separator-typography-fontSize);font-weight:var(--gse-ui-breadcrumbs-secondary-separator-typography-fontWeight);line-height:var(--gse-ui-breadcrumbs-secondary-separator-typography-lineHeight);color:var(--gse-ui-breadcrumbs-separator-color)}.gux-breadcrumb-generation.gux-primary{min-block-size:var(--gse-ui-breadcrumbs-primary-height)}.gux-breadcrumb-generation.gux-primary .gux-breadcrumb-content{font-family:var(--gse-ui-links-inLine-medium-text-fontFamily);font-size:var(--gse-ui-links-inLine-medium-text-fontSize);font-weight:var(--gse-ui-links-inLine-medium-text-fontWeight);line-height:var(--gse-ui-links-inLine-medium-text-lineHeight);text-decoration:none}.gux-breadcrumb-generation.gux-primary .gux-breadcrumb-separator{padding:var(--gse-ui-breadcrumbs-primary-separator-padding);font-family:var(--gse-ui-breadcrumbs-primary-separator-typography-fontFamily);font-size:var(--gse-ui-breadcrumbs-primary-separator-typography-fontSize);font-weight:var(--gse-ui-breadcrumbs-primary-separator-typography-fontWeight);line-height:var(--gse-ui-breadcrumbs-primary-separator-typography-lineHeight)}";
@@ -40,7 +40,7 @@ const GuxBreadcrumbItem = class {
     }
     render() {
         const accent = this.getAccent();
-        return (h(Host, { key: 'f58448179219988872aef9743467bd8faea585d9', role: "listitem" }, h("span", { key: 'ac86e1fd271d24f82d382cf4a9692f97effcdc5c', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (h(Host, { key: '46d9dc8487d2e53ca8d10290528859a42e904569', role: "listitem" }, h("span", { key: '811ef0f12364243d014a18cc2164d49f4ac5a440', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-46ac98b8.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
+import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-91950719.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import './get-closest-element-728b9f18.js';
 
 const breadcrumbs = "Breadcrumbs";
@@ -26,7 +26,7 @@ const GuxBreadcrumbs = class {
         Array.from(this.root.children).forEach(child => forceUpdate(child));
     }
     render() {
-        return (h("nav", { key: '47b29436439aeec2d6d3db2c9b5d29f23a6a1ab0', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '30534f46660ef40e401ccd40f4d1a71f66e916dc' }, h("slot", { key: '3f5a37c1cc6ab74400269d676db0998aa81297ed', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: '99c29e1402bc2c4cbfae39b1411725fa646b1692', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '2e8c77a45d7ab3d59f16fffcf3a0dafdc6c84f66' }, h("slot", { key: '59d5c55cc6036358273c58402fa4563f3d0f9e14', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-46ac98b8.js';
-import { O as OnClickOutside } from './on-click-outside-fe48b6ef.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-91950719.js';
+import { O as OnClickOutside } from './on-click-outside-25728f99.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-aeffac7c.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {
@@ -107,7 +107,7 @@ const GuxButtonMulti = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '5ec1e75fc273a9e1116c94bfd8effb3af3491896', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '12949104e609ff33d8f8521708d62394a2467455', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'a47f20a6b55ce7ea75eafc1e1a45ee5a62c1a0a2', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'e04fd6896eca10c48d5e7f5377cae9a140f2e7ee', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'fe65c3c7276ccd4c2b5d970890f2f923152d9a00', name: "title" }), h("gux-icon", { key: '0c8faab4dd21b420b9405c7796c944af361895b1', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '86efbaef84b9c9c07cbebb288afa0686f74ab360', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'b1a0670087e7d02a7573ab87a2568b04c8e4eaba', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '72fc4897ab34980e0a19d0a0e2af24aaca47ba24' })))));
+        return (h("gux-popup", { key: '0150ce34f146cbd02a853a1b7b664577d438e42e', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '214f9626778f46aa1d81610f49ad888c3dc57eb2', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'ebb5ae83653799df0637ace95d15eecf9cb66b6d', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'e4fcbb74249be8c736632b939fa8d754772785ef', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'a0e75116de34fc97a864dfce68c5f3cb33b2d55b', name: "title" }), h("gux-icon", { key: '68d9f87e413e0469a43db944164546430bb14feb', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'cf5bf0f5a2b9fc9d4e396b5bae66969070dd4154', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'df9ab31623cc322b614900d6c57d28b4be9dfd99', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'd9a936937ce7e3f43cdee58931d2d56949bce8b5' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import { l as logError } from './log-error-274efeb7.js';
 
 const guxButtonSlotCss = ":host{display:inline-block;pointer-events:none}::slotted(input[type=button]),::slotted(input[type=submit]),::slotted(button){font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;text-overflow:ellipsis;color:var(--gse-ui-button-secondary-default-foregroundColor);white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}:host([icon-only]) ::slotted(input[type=button]),:host([icon-only]) ::slotted(input[type=submit]),:host([icon-only]) ::slotted(button){padding:var(--gse-ui-button-default-paddingIconOnly)}::slotted(input[type=button][disabled]),::slotted(input[type=submit][disabled]),::slotted(button[disabled]){cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}::slotted(input[type=button]:focus),::slotted(input[type=submit]:focus),::slotted(button:focus){outline:none}::slotted(input[type=button]:focus-visible:enabled),::slotted(input[type=submit]:focus-visible:enabled),::slotted(button:focus-visible:enabled){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(input[type=button]:hover:enabled),::slotted(input[type=submit]:hover:enabled),::slotted(button:hover:enabled){color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}::slotted(input[type=button]:active:enabled),::slotted(input[type=submit]:active:enabled),::slotted(button:active:enabled){color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]),:host([accent=primary]) ::slotted(input[type=submit]),:host([accent=primary]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:hover:enabled),:host([accent=primary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=primary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:active:enabled),:host([accent=primary]) ::slotted(input[type=submit]:active:enabled),:host([accent=primary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]),:host([accent=tertiary]) ::slotted(input[type=submit]),:host([accent=tertiary]) ::slotted(button){color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width)}:host([accent=tertiary]) ::slotted(input[type=button]:hover:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=tertiary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]:active:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:active:enabled),:host([accent=tertiary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]),:host([accent=ghost]) ::slotted(input[type=submit]),:host([accent=ghost]) ::slotted(button){color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:hover:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:hover:enabled),:host([accent=ghost]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:active:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:active:enabled),:host([accent=ghost]) ::slotted(button:active:enabled){color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]),:host([accent=danger]) ::slotted(input[type=submit]),:host([accent=danger]) ::slotted(button){color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:hover:enabled),:host([accent=danger]) ::slotted(input[type=submit]:hover:enabled),:host([accent=danger]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:active:enabled),:host([accent=danger]) ::slotted(input[type=submit]:active:enabled),:host([accent=danger]) ::slotted(button:active:enabled){color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}:host([accent=inline]){min-inline-size:initial}:host([accent=inline]) ::slotted(input[type=button]),:host([accent=inline]) ::slotted(input[type=submit]),:host([accent=inline]) ::slotted(button){block-size:initial;padding:0;color:var(--gse-ui-links-default-foregroundColor);background:none;border:none}:host([accent=inline]) ::slotted(input[type=button][disabled]),:host([accent=inline]) ::slotted(input[type=submit][disabled]),:host([accent=inline]) ::slotted(button[disabled]){color:var(--gse-ui-links-disabled-foregroundColor)}:host([accent=inline]) ::slotted(input[type=button]:hover:enabled),:host([accent=inline]) ::slotted(input[type=submit]:hover:enabled),:host([accent=inline]) ::slotted(button:hover:enabled){color:var(--gse-ui-links-hover-foregroundColor);text-decoration:underline;background:none}:host([accent=inline]) ::slotted(input[type=button]:active:enabled),:host([accent=inline]) ::slotted(input[type=submit]:active:enabled),:host([accent=inline]) ::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}";
@@ -34,7 +34,7 @@ const GuxButtonSlot = class {
         this.validateSlotContent();
     }
     render() {
-        return (h(Host, { key: 'e6bbc2d0af4e87622578d8c08042e4ed52b1e505', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '85281c21e359f1c635e6235a1ad62b84227f4ddb' })));
+        return (h(Host, { key: '9a891811762f4fa8c9019a89f65c6ee5e4987dd0', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '3a1aeaf096df87239ff780f96d5b73cbedcd687c' })));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, g as getElement, c as createEvent } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
+import { r as registerInstance, h, g as getElement, c as createEvent } from './index-91950719.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.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-02309983.js';
-import { O as OnClickOutside } from './on-click-outside-fe48b6ef.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-17bec7ce.js';
+import { O as OnClickOutside } from './on-click-outside-25728f99.js';
 import { g as getSlot } from './get-slot-c26d3ab0.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.js';
 
@@ -28,10 +28,10 @@ const GuxButton = class {
     }
     render() {
         return [
-            h("button", { key: 'f336746777fa318e2cc8ac18a77c44b0f52da0cd', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: '9c064f7a47d8a4b4deaa4e60af5756a030d716af', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: '82cfa0f55e0684131d6ab3b752411587d7fab276', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: 'ee0e8501a4cd24a1fac1cb4c29c452b03bf434bf', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }
@@ -247,10 +247,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (h("div", { key: '6c4557c995313b30bcbe116392a5e1f9bbd6643a', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '593e0d4dc00162d267c770e3d852e6f98cd09ec1', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'f44d845855d20f39b9de85f32bad069bd93dd818', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '696032dc5ebd8349de39fe5ae01d6aafb92390e4', class: "gux-arrow-caret" })), h("div", { key: 'bf80c81d49bc6d495081669c84c2f7065e45dded', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'd2c302ff738dee7a4118dc2dec17e955ac59db5b', name: "title" }), this.renderDismissButton()), h("div", { key: '54e0012209271ece6e4114b65ee7b15aa548b092', class: "gux-popover-content" }, h("slot", { key: '586930d851db6ec626e7c6ac1f93027bd841db3f' }))));
+            }, "data-placement": true }, h("div", { key: 'b5e9cfc95642b71717c554422179919793c3f93b', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '00d9c68141aee90aa2e059a03e798fc319e8316e', class: "gux-arrow-caret" })), h("div", { key: '08256b1de728e35a44eb3bf754f5896fcc9e0974', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'ac6a177631f319bc3546c30ddcf128e5708972aa', name: "title" }), this.renderDismissButton()), h("div", { key: 'b4cb89cecfd37a147c42ffdeba785f73b9cfdac4', class: "gux-popover-content" }, h("slot", { key: 'd2de26578fc354c803a454ac52a2bdcfbc93d101' }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
 import { f as fromIsoDate, a as asIsoDate } from './iso-dates-8d3f106d.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-404638dd.js';
-import { g as getDesiredLocale, a as getStartOfWeek, b as buildI18nForComponent } from './index-5a5cba3c.js';
+import { g as getDesiredLocale, a as getStartOfWeek, b as buildI18nForComponent } from './index-6de381c6.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { l as logError } from './log-error-274efeb7.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
@@ -231,7 +231,7 @@ const GuxCalendar = class {
             } }, h("span", { class: "gux-non-sr", "aria-hidden": "true" }, day.date.getDate()), h("span", { class: "gux-sr-only" }, h("gux-date-beta", { datetime: day.date.toISOString(), format: "long" })))))))))));
     }
     render() {
-        return (h("div", { key: 'f9dd6b158f82afd04c1279f96e48f8b23b5ac500', class: "gux-calendar-beta" }, h("slot", { key: '4d4fdb3c7e7dae6f21ae9c1c8d6d5c15a0f8abda' }), this.renderHeader(), this.renderContent()));
+        return (h("div", { key: 'fe589082cfba8016996a368ed45f95d718774fc1', class: "gux-calendar-beta" }, h("slot", { key: '2b12cdfc0b4487b103691766dcb6adfa30ed2b23' }), this.renderHeader(), this.renderContent()));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-46ac98b8.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-91950719.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { b as asIsoDateRange, c as fromIsoDateRange, a as asIsoDate, f as fromIsoDate } from './iso-dates-8d3f106d.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
-import { g as getDesiredLocale, a as getStartOfWeek } from './index-5a5cba3c.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
+import { g as getDesiredLocale, a as getStartOfWeek } from './index-6de381c6.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-404638dd.js';
 import { u as useRegionalDates, d as dateTimeFormat } from './use-regional-dates-72c32f0a.js';
 import './get-closest-element-728b9f18.js';
@@ -383,7 +383,7 @@ const GuxCalendar = class {
         return (h("table", null, h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (h("th", null, day)))), this.getMonthDays(index).map(week => (h("tr", null, week.map(day => (h("td", { tabindex: this.isFocusableDate(day) ? '0' : '-1', class: day.class, "aria-hidden": day.hidden ? 'true' : 'false', "aria-disabled": day.disabled ? 'true' : 'false', "data-date": day.date.getTime(), onClick: () => void this.onDateClick(day.date), onMouseEnter: () => this.onDateMouseEnter(day.date), onKeyDown: e => void this.onKeyDown(e) }, h("div", { class: "gux-date" }, day.date.getDate(), h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (h("div", { key: '608100a47650aa8c7408cb72b41bdf610375cfc2', class: "gux-calendar" }, h("div", { key: 'e064a53e54b55478085a77e65d84eb752103dc83', class: "gux-header" }, h("button", { key: '4e258899ed52b4c21d86ed865313b679313391c5', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'aac6049449bdcfc0696b1bcd4d8d6efebdab520d', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'a13722dc99f56373ade9c3107900d9524a82dd92', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'df253ddcc563541ab79b8550daed55e8ea9ac3a0', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'cb5bf8914175a52ee1374ccd288e9c04b9d5b8af', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '87e73553fcc7c2282a180fba1cfe69e7ed0cc984', class: "gux-calendar" }, h("div", { key: 'fbe9fe152395145271013e078fbaac78baf3589e', class: "gux-header" }, h("button", { key: 'd924b0f9ac32b2144a4ab3cb3c838b72a2cc094e', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '66d03f5493c79df81789b9975c6c52b75cdadbf2', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '329d8bbe52c6847c48e2de89b122fa33b5076191', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '674e637d4d9f7eb7bb1c2dd35a9c225016388a0d', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '7479cc357b3a18d98125cc5cb961041a34bc4584', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 
 const guxCardCss = ":host{display:block;inline-size:fit-content}.gux-card{box-sizing:border-box;padding:var(--gse-ui-card-padding);background-color:var(--gse-ui-card-backgroundColor);border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color);border-radius:var(--gse-ui-card-borderRadius)}.gux-card.gux-bordered{border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color)}.gux-card.gux-raised{border:var(--gse-ui-card-raised-border-width) var(--gse-ui-card-raised-border-style) var(--gse-ui-card-raised-border-color);box-shadow:var(--gse-ui-card-raised-boxShadow)}.gux-card.gux-borderless{border:var(--gse-ui-card-borderless-border-width) var(--gse-ui-card-borderless-border-style) var(--gse-ui-card-borderless-border-color)}";
 const GuxCardStyle0 = guxCardCss;
@@ -13,10 +13,10 @@ const GuxCard = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: 'fddfeabae96f3dceb718f2e81f787a607806626c', class: {
+        return (h("div", { key: '719b7b2cc21e5d16f2143d49b5f9584fd2a8eed7', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '1a47ff002ceb544b37882c381dadc09386d69531' })));
+            } }, h("slot", { key: '5ad48940cad9d25f3969c63c6e650091ba38451c' })));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-46ac98b8.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-91950719.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
 import { c as getIndexInParent } from './gux-column-manager.service-90a02975.js';
 import './get-closest-element-728b9f18.js';
 import './clamp-1fc36648.js';
@@ -154,14 +154,14 @@ const GuxColumnManagerItem = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '4b62f8a4e6987662a4442eb64b46503c7b846832', draggable: "true" }, h("div", { key: '379821764f92352f40a5784fab4b410629248b36', class: {
+        return (h(Host, { key: '7f0eb000d20a905316cd68165eb66a334a174158', draggable: "true" }, h("div", { key: 'a0e134e68ddedaaf1afbab7a8da79ad482ab63bc', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '900c686eba727645339be71d8d4d6dd633b16512', class: {
+            } }, h("button", { key: 'efa4ed1a77c1fa68f00df058652a0348765b92e5', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: 'f89e7db5f9fab521b3c12cc900df57c9577c7091', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '0fd4aa2424b7a5f86c55a2d25b69bcb97bd2c54a', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '2ef6bb1398919a63ac26037ae065001a2a5db766', class: "gux-select" }, h("slot", { key: '47dececc3e186ff4e87939b09e7b1942dbed1ac4', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '9e5b15098cc39242e5efb94285c46c938b7f379d', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: '71530f7d9fc252f5635627c1a065584f41584f7f', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: 'c3c51447013b5d280bf367f1462f8f42e0e00771', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'c1d1268c9790958286d4adc4069c1eaa4ced5fe4', class: "gux-select" }, h("slot", { key: '8dcae2468ecea9542c2240fdd5c4d4fe8a9feaf0', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'fd6859289326baae92ebcf8da6de591a785440ca', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-46ac98b8.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-91950719.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import { g as getEmptyKeyboardOrderChange, s as setKeyboardReorderPositionIndicator, a as setMainCheckboxElementCheckedState, b as getNewOrder, c as getIndexInParent, d as getNewKeyboardOrderChange, e as setHighlights, f as setAllCheckboxInputs, h as getSelectedColumnCount } from './gux-column-manager.service-90a02975.js';
 import './get-closest-element-728b9f18.js';
 import './clamp-1fc36648.js';
@@ -111,7 +111,7 @@ const GuxColumnManager = class {
         return (h("div", null, h("span", { "aria-hidden": "true" }, this.i18n('selectedColumnCount', { count, total })), h("span", { class: "gux-sr-only" }, count === total ? (h("span", null, ": ", this.i18n('unselectAllColumnsScreenReader', { count, total }))) : (h("span", null, ": ", this.i18n('selectAllColumnsScreenReader', { count, total }))))));
     }
     render() {
-        return (h("div", { key: '90472c14aff4241a12a67e599f4eb4575766f64d', class: "gux-container" }, h("div", { key: '6708dbf297e838ff3a39c0d3eb0d2166bd82b603', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'e81f51fa16667552b12defa722fdb4e2570fa31e', class: "gux-search" }, h("gux-content-search", { key: 'd4f6ba75ce8c93142efde59730391ac93fc3b137', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '6ccd29773587b71fd08d47d7c89cd7242f4b4c3e', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'd521b953340ef6ef42656a8dadef2a2afe53eb3c', class: "gux-select" }, h("gux-form-field-checkbox", { key: '9d11c72ed14a1c87cfac5037880f220e679bc522' }, h("input", { key: 'adf6a87ed983216e59b38888fff529d665aa22b3', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '19e2f8f14b119c8a73728a62edb38dabdb21447e', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '3b9164ab9d5f245f76b8d19afd5e5ddb8f005442', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'f87a0f01ba201238d5695d0c436343cead0c52a5', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '23888d1c0878856edadbb8bdb611ac6d803d9f71', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '83f8c56f7b40274f4c90a19ff85f56eb0b9f0c1b', class: "gux-container" }, h("div", { key: 'cd0a19859d0475b7e92b9bbc06d0889943c7802b', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '092d37573ab5991e38db44f0c2a81e2c34806d3f', class: "gux-search" }, h("gux-content-search", { key: '7cab45a1358fbd2fe8646b90fd8afc4b29a973b5', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '3523482ff7a71159d0a651be41b8fda04c1485f3', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '50dd1066c38088bd7c457cfc355007c37d075602', class: "gux-select" }, h("gux-form-field-checkbox", { key: '9a2bbaa79781ad1b416328970aa01676cef39cf0' }, h("input", { key: '9e3057496b6edeb25b33c5d96642e9dd83e5abc1', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'c79b45b9957847d59753bf51de17066850438489', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '3690576a14aacca46bd638588b071b8e38e74c87', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '397e963311bb6d94231235625b8d9e65b9a1bd48', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '10cb64eeeb4a03e0e5d94d09b21103b1e3094654', ref: el => (this.announceElement = el) })));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
 import { a as onDisabledChange } from './on-attribute-change-33919964.js';
 import { f as focusInputElement } from './focus-input-element-8a137b12.js';
 import './get-closest-element-728b9f18.js';
@@ -62,10 +62,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (h("div", { key: 'c13e18adcc7893bd09918918011f06a6c631b690', class: {
+        return (h("div", { key: 'b1dce1f7aa5e42b1f72bc78a282edccf350d40b1', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '9ba14b3d49298ebda817fb6d600dbad6dfa63713', class: "gux-search-icon" }, h("gux-icon", { key: '2146014de1e824adcb11d8a0d61d12604c9b3206', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'ea3eb44b3235e9cfc0bb3f3afd7c0b3c81864332' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '702e0c26122e5d518cd3884cfead0d86fee2e513', class: "gux-search-icon" }, h("gux-icon", { key: '596191bbf3977b96de332021c6b57a40af9ab6bd', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '6483f37646aa35eb410195df959b7fa60f434cd8' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-46ac98b8.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-91950719.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
-import { O as OnClickOutside } from './on-click-outside-fe48b6ef.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
+import { O as OnClickOutside } from './on-click-outside-25728f99.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import './get-closest-element-728b9f18.js';
@@ -117,8 +117,8 @@ const GuxContextMenu = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '6ec72e40159292c148c53dd5739fa21b45710f30' }, h("gux-popup", { key: 'b60d4e27776f9bcff8dd81767b5d4fe83abdeb31', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '46c37f1bcd37e728ae260978edcd2d25aec33efb', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '52355dc84b4b2c6df125906dca42b54f314e8e2b', accent: "ghost" }, h("button", { key: 'd051f5aa1443d0b3f25868d650696ea35552b1ff', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: '350ba0aa9ba35950e14c05d5baf0a2b3eff78bad', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: '5468877b13a689cd2dc0c0bc5050eea6a090cbc1', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'ae649d83d0722f5614dcb66122f1f7a87a78ab47', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e00d0df7d2a0bec67de19b11134dcfe5218fb589' }))))));
+        return (h(Host, { key: '707229019c12c10652cdfc34a433a3b43e4769b5' }, h("gux-popup", { key: '8951e4d5bb390f8c6286ee3dc5c88b3752218a54', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '1efe6466297b12dd808515b48a6b9568f65dfdeb', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '9758cd30423c8c591bf59b476c74f1646d3faa76', accent: "ghost" }, h("button", { key: 'e01f3224547a9ae4d3cc6273df599aa40e2a7c75', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: 'a7743dd2c6ae301665259bf70415268e41902e34', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: 'fc04961270a3a8931cd94929b71c1c8931f4f10a', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '488f7571e7832496150cd4d40d7d961c6d3ccb98', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '4a6c881c12188ad1e546c0f1a41b4e26314a0919' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }