genesys-spark-components 4.120.0 → 4.122.0

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.js');
 const logError = require('./log-error-7b9d4b57.js');
-const guxAvatarGroup_service = require('./gux-avatar-group.service-245cf1b7.js');
+const guxAvatarGroup_service = require('./gux-avatar-group.service-ee60ea24.js');
 const guxAvatar_service = require('./gux-avatar.service-b4dcfcab.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -49,11 +49,11 @@ const GuxAvatarGroupItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '2ecedaa5f3705fcece1c0bba087e960d3c0e8393', role: "menuitem" }, index.h("button", { key: '0e2f5760551f46ca5ec394a87c85c5bb962f664e', type: "button", "aria-label": this.name, tabIndex: -1, class: {
+        return (index.h(index.Host, { key: 'cf25df58536d49968c106c3fe2e6e4d21f3fe370', role: "menuitem" }, index.h("button", { key: '504a212c665a293077800e0041fa2573f68e2e04', type: "button", "aria-label": this.name, tabIndex: -1, class: {
                 'gux-avatar': true,
                 [guxAvatar_service.getAvatarAccentClass(this.accent, this.name)]: true,
                 'gux-last-item': this.isLastItemInGroup()
-            } }, index.h("slot", { key: 'c1542da304401940307eb9fced69479bce16a966', name: "image" }, index.h("span", { key: '4d951124cb550e7c0fad0764779720a87072f0a7', class: "gux-avatar-initials", "aria-hidden": "true" }, guxAvatar_service.generateInitials(this.name))), index.h("gux-tooltip-beta", { key: '4c575880347af40da4f888cbe16557eda28a349f', "aria-hidden": "true", "visual-only": true, placement: "top", ref: el => (this.tooltip = el) }, index.h("div", { key: '486bea5b6ff4cc0a260a49fe0b5488619090414f', slot: "content" }, this.name)))));
+            } }, index.h("slot", { key: '0349e238b0662b93322fcbaa27854eb091b18ed9', name: "image" }, index.h("span", { key: '15751a75f778d2454c5b15b10db3ca62b82134eb', class: "gux-avatar-initials", "aria-hidden": "true" }, guxAvatar_service.generateInitials(this.name))), index.h("gux-tooltip-beta", { key: '1ba8508d77ec25a50ec091f24ae380ae4bda9c4f', "aria-hidden": "true", "visual-only": true, placement: "top", ref: el => (this.tooltip = el) }, index.h("div", { key: '7d0d6ad2237d95bc4be7482420d0f1169e4d0314', slot: "content" }, this.name)))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/{gux-avatar-group.service-245cf1b7.js → gux-avatar-group.service-ee60ea24.js}

@@ -98,10 +98,14 @@ function getGroupItemButton(element) {
 }
 function getGroupItems(element) {
     const group = getClosestElement.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/cjs/gux-badge.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.js');
 const index$1 = require('./index-8194d25c.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -63,7 +63,7 @@ const GuxBadge = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: 'd61c4e2e2353b3385d8fbcdc06813fcac52d3105', class: {
+        return (index.h("div", { key: 'f58ba918787f055b239aca0f7076e3521be35053', class: {
                 'gux-badge': true,
                 [`gux-${this.accent}`]: true,
                 'gux-bold': this.bold

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.js');
 const onMutation = require('./on-mutation-e89e880e.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
@@ -38,7 +38,7 @@ const GuxBlankState = class {
         this.hasCallToAction = hasSlot.hasSlot(this.root, 'call-to-action');
     }
     render() {
-        return (index.h("div", { key: 'a812183308ce82399d1dafa36e8ae80f40298505', class: "gux-container" }, index.h("div", { key: '737ee62ee9f2b669070cd8a18924bd22ff9d86b3', class: "gux-image" }, index.h("slot", { key: '4380b94f11a96e94178e5407ae29246ac2278e7c', name: "image" })), index.h("div", { key: '6c7ac6b33dd5873a83bcf05fef4fc980a858b6d9', class: "gux-message" }, index.h("slot", { key: 'a4a61cf10544e1966a6e7a63439ee137798f8aca', name: "primary-message" })), index.h("div", { key: '5f874e0c18a3065b9b02ab4e4aafb90e931443cf', class: "gux-guidance" }, index.h("slot", { key: '53b008ec660295789193b71139dc727d2df7948e', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (index.h("div", { key: 'cde6aa1089fd28a1fa3886dd55175bddf7438832', class: "gux-container" }, index.h("div", { key: 'e86169c91f616a9691b5e8ee43551743144cf92b', class: "gux-image" }, index.h("slot", { key: '7f51aa33d62dcf4e55da8a5468a8b5430f555e89', name: "image" })), index.h("div", { key: 'e828f67eafcd1973e1bdc894e027518c126827a3', class: "gux-message" }, index.h("slot", { key: '7ea4c7b68df6eaef26f15e332a1fc053e4315380', name: "primary-message" })), index.h("div", { key: 'd09a12632405ce6e54fd206668fc72fa7133a6a0', class: "gux-guidance" }, index.h("slot", { key: 'd3cfca7561ebd67960922d77fcc76faab5049769', name: "additional-guidance" })), this.renderCallToActionSlot()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -44,7 +44,7 @@ const GuxBreadcrumbItem = class {
     }
     render() {
         const accent = this.getAccent();
-        return (index.h(index.Host, { key: 'f58448179219988872aef9743467bd8faea585d9', role: "listitem" }, index.h("span", { key: 'ac86e1fd271d24f82d382cf4a9692f97effcdc5c', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (index.h(index.Host, { key: '11f7521a9667d09523e23b2e7afe4d81f2d0a6a4', role: "listitem" }, index.h("span", { key: 'da935c3713d500d0f9ad01ab60e7c68a74371ffa', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
 const index$1 = require('./index-8194d25c.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const breadcrumbs = "Breadcrumbs";
@@ -30,7 +30,7 @@ const GuxBreadcrumbs = class {
         Array.from(this.root.children).forEach(child => index.forceUpdate(child));
     }
     render() {
-        return (index.h("nav", { key: '47b29436439aeec2d6d3db2c9b5d29f23a6a1ab0', "aria-label": this.i18n('breadcrumbs') }, index.h("ol", { key: '30534f46660ef40e401ccd40f4d1a71f66e916dc' }, index.h("slot", { key: '3f5a37c1cc6ab74400269d676db0998aa81297ed', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (index.h("nav", { key: 'ea6c25ebfd5858e0736fd427eb72422a187f293a', "aria-label": this.i18n('breadcrumbs') }, index.h("ol", { key: '84863092e412993739e6a0af414b89d8445d8765' }, index.h("slot", { key: 'cc4495754bb42b94c3693a9e9ef3798fcad31d55', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -6,7 +6,7 @@ const index = require('./index-77202cdc.js');
 const onClickOutside = require('./on-click-outside-2faf7467.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.js');
 
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {
@@ -111,7 +111,7 @@ const GuxButtonMulti = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h("gux-popup", { key: '5ec1e75fc273a9e1116c94bfd8effb3af3491896', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, index.h("div", { key: '12949104e609ff33d8f8521708d62394a2467455', slot: "target", class: "gux-button-multi-container" }, index.h("gux-button-slot", { key: 'a47f20a6b55ce7ea75eafc1e1a45ee5a62c1a0a2', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, index.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() }, index.h("slot", { key: 'fe65c3c7276ccd4c2b5d970890f2f923152d9a00', name: "title" }), index.h("gux-icon", { key: '0c8faab4dd21b420b9405c7796c944af361895b1', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), index.h("div", { key: '86efbaef84b9c9c07cbebb288afa0686f74ab360', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: 'b1a0670087e7d02a7573ab87a2568b04c8e4eaba', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '72fc4897ab34980e0a19d0a0e2af24aaca47ba24' })))));
+        return (index.h("gux-popup", { key: '12f5a802d4b2143b53d257d73ceab98a90784103', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, index.h("div", { key: 'b5d3c9255f69e79abcfcb7669e61f18f7dd6836a', slot: "target", class: "gux-button-multi-container" }, index.h("gux-button-slot", { key: '665d22455bf0360dfcb8e06fb76d79747101dc1f', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, index.h("button", { key: '1e61fd22caff151322d5f66d1e3b2b7ee83b4fde', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, index.h("slot", { key: '74124b9f00a560cb3f65112a266cdde878cb6065', name: "title" }), index.h("gux-icon", { key: '198fd2d236936afb5f31884cc77cea9d62faabca', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), index.h("div", { key: '1b8a663f77bc6c15b6913649323ace481be05d2b', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '62f318608a347e92b44b48f7f4defe71efed441d', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'bbe8d996414785303bd5b221aa33bc079ba554d1' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.js');
 const logError = require('./log-error-7b9d4b57.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}";
@@ -38,7 +38,7 @@ const GuxButtonSlot = class {
         this.validateSlotContent();
     }
     render() {
-        return (index.h(index.Host, { key: 'e6bbc2d0af4e87622578d8c08042e4ed52b1e505', accent: this.accent, "icon-only": this.iconOnly }, index.h("slot", { key: '85281c21e359f1c635e6235a1ad62b84227f4ddb' })));
+        return (index.h(index.Host, { key: '20a58cb5c60c129e26c8147d908f8fac0b10373a', accent: this.accent, "icon-only": this.iconOnly }, index.h("slot", { key: '75971e7e739dc2964398ffb9673f5473fa3c09d1' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const onClickOutside = require('./on-click-outside-2faf7467.js');
@@ -32,10 +32,10 @@ const GuxButton = class {
     }
     render() {
         return [
-            index.h("button", { key: 'f336746777fa318e2cc8ac18a77c44b0f52da0cd', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            index.h("button", { key: 'abb493ee85bcfdc518784bf593b3afe7c3a15fce', 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 }, index.h("slot", { key: '82cfa0f55e0684131d6ab3b752411587d7fab276', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, index.h("slot", { key: 'ed943237a31b0227d1d295e2f092083f24984862', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }
@@ -251,10 +251,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (index.h("div", { key: '6c4557c995313b30bcbe116392a5e1f9bbd6643a', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: 'e59b939ea5345143047c3a2a326d2c95d7624b03', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: 'f44d845855d20f39b9de85f32bad069bd93dd818', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '696032dc5ebd8349de39fe5ae01d6aafb92390e4', class: "gux-arrow-caret" })), index.h("div", { key: 'bf80c81d49bc6d495081669c84c2f7065e45dded', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: 'd2c302ff738dee7a4118dc2dec17e955ac59db5b', name: "title" }), this.renderDismissButton()), index.h("div", { key: '54e0012209271ece6e4114b65ee7b15aa548b092', class: "gux-popover-content" }, index.h("slot", { key: '586930d851db6ec626e7c6ac1f93027bd841db3f' }))));
+            }, "data-placement": true }, index.h("div", { key: '37fb3f3ef84513490436a943c703832d1f68d47b', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '258664db187e6ef0fa438788e4884b420ad4d2fe', class: "gux-arrow-caret" })), index.h("div", { key: '5be4fb53d86fe167a2bcc489835997f7411abdcf', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: '50bb69a0ad8a52ddacc6f791f28983f1a16ac6c0', name: "title" }), this.renderDismissButton()), index.h("div", { key: 'f1f65d5c09431e4bce28c567e2a4d3e8fa30e452', class: "gux-popover-content" }, index.h("slot", { key: '3d96a3b8be65f5fb1bf3084cddbe273d616f8c4c' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -235,7 +235,7 @@ const GuxCalendar = class {
             } }, index.h("span", { class: "gux-non-sr", "aria-hidden": "true" }, day.date.getDate()), index.h("span", { class: "gux-sr-only" }, index.h("gux-date-beta", { datetime: day.date.toISOString(), format: "long" })))))))))));
     }
     render() {
-        return (index.h("div", { key: 'f9dd6b158f82afd04c1279f96e48f8b23b5ac500', class: "gux-calendar-beta" }, index.h("slot", { key: '4d4fdb3c7e7dae6f21ae9c1c8d6d5c15a0f8abda' }), this.renderHeader(), this.renderContent()));
+        return (index.h("div", { key: 'fe589082cfba8016996a368ed45f95d718774fc1', class: "gux-calendar-beta" }, index.h("slot", { key: '2b12cdfc0b4487b103691766dcb6adfa30ed2b23' }), this.renderHeader(), this.renderContent()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-77202cdc.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const isoDates = require('./iso-dates-2daf4199.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.js');
 const index$1 = require('./index-8194d25c.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
@@ -65,7 +65,7 @@ function getDateMonthAndYearString(date, locale) {
     }
 }
 
-const guxCalendarCss = ":host{display:inline-block}.gux-calendar{margin-block-start:2px;border-radius:8px;box-shadow:var(--gse-ui-calendarMenu-boxShadow)}.gux-calendar .gux-header{position:relative;display:flex;gap:var(--gse-ui-calendarMenu-header-gap);align-items:center;justify-content:space-between;block-size:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);font-weight:var(--gse-ui-calendarMenu-month-currentText-fontWeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-calendar .gux-header button{position:absolute;color:var(--gse-ui-calendarMenu-header-foregroundColor);cursor:pointer;outline:none;background:none;border:none}.gux-calendar .gux-header button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color)}.gux-calendar .gux-header button.gux-left{inset-inline-start:18px}.gux-calendar .gux-header button.gux-right{inset-inline-end:18px}.gux-calendar .gux-header button gux-icon{pointer-events:none}.gux-calendar .gux-header .gux-month-list{display:flex;justify-content:space-between;inline-size:100%;font-family:var(--gse-ui-calendarMenu-month-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-headerText-fontSize);line-height:var(--gse-ui-calendarMenu-month-headerText-lineHeight)}.gux-calendar .gux-header .gux-month-list label{inline-size:100%;text-align:center}.gux-calendar .gux-content{display:flex;align-items:flex-start;block-size:var(--gse-ui-calendarMenu-height);padding:var(--gse-ui-calendarMenu-dateBody-padding);color:var(--gse-ui-calendarMenu-month-default-foregroundColor);background-color:var(--gse-ui-calendarMenu-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius)}.gux-calendar .gux-content table{inline-size:var(--gse-ui-calendarMenu-day-input-width);text-align:start;-ms-user-select:none;user-select:none;table-layout:fixed;border-spacing:0}.gux-calendar .gux-content table:not(:last-child){padding-inline-end:24px}.gux-calendar .gux-content table tr{block-size:var(--gse-ui-calendarMenu-day-input-height)}.gux-calendar .gux-content table tr:empty{display:none}.gux-calendar .gux-content table tr th,.gux-calendar .gux-content table tr td{inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-date-size);padding:0;margin:0;text-align:center}.gux-calendar .gux-content table tr th{font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-day-headerText-fontSize);font-weight:var(--gse-ui-calendarMenu-day-headerText-fontWeight);line-height:var(--gse-ui-calendarMenu-day-headerText-lineHeight)}.gux-calendar .gux-content table tr td{font-family:var(--gse-ui-calendarMenu-date-defaultText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-defaultText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-defaultText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-defaultText-lineHeight);color:var(--gse-ui-calendarMenu-date-default-foregroundColor);cursor:pointer}.gux-calendar .gux-content table tr td.gux-hovered{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-selected{color:var(--gse-ui-calendarMenu-date-selected-foregroundColor);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-selected:hover:not(.gux-calendar .gux-content table tr td.gux-selected.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-selected.gux-end-date){background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date,.gux-calendar .gux-content table tr td.gux-end-date{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date,.gux-calendar .gux-content table tr td.gux-end-date .gux-date{display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-date-size);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date:hover,.gux-calendar .gux-content table tr td.gux-end-date .gux-date:hover{background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date{border-radius:var(--gse-ui-calendarMenu-range-date-startDate-borderRadius)}.gux-calendar .gux-content table tr td.gux-end-date{border-radius:var(--gse-ui-calendarMenu-range-date-endDate-borderRadius)}.gux-calendar .gux-content table tr td:hover:not(.gux-calendar .gux-content table tr td.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-end-date):not(.gux-calendar .gux-content table tr td.gux-hovered):not(.gux-calendar .gux-content table tr td.gux-selected){background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-disabled{pointer-events:none;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month{opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month:hover{background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor)}.gux-calendar .gux-content table tr td.gux-not-in-month.gux-hidden{visibility:hidden}.gux-calendar .gux-content table tr td.gux-current-date{font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-currentText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-currentText-lineHeight)}.gux-calendar .gux-content table tr td:focus-visible{border-radius:var(--gse-ui-calendarMenu-month-focusBorderRadius);outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";
+const guxCalendarCss = ":host{display:inline-block}.gux-calendar{margin-block-start:2px;border-radius:8px;box-shadow:var(--gse-ui-calendarMenu-boxShadow)}.gux-calendar .gux-header{position:relative;display:flex;gap:var(--gse-ui-calendarMenu-header-gap);align-items:center;justify-content:space-between;block-size:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);font-weight:var(--gse-ui-calendarMenu-month-headerText-fontWeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-calendar .gux-header button{position:absolute;color:var(--gse-ui-calendarMenu-header-foregroundColor);cursor:pointer;outline:none;background:none;border:none}.gux-calendar .gux-header button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color)}.gux-calendar .gux-header button.gux-left{inset-inline-start:18px}.gux-calendar .gux-header button.gux-right{inset-inline-end:18px}.gux-calendar .gux-header button gux-icon{pointer-events:none}.gux-calendar .gux-header .gux-month-list{display:flex;justify-content:space-between;inline-size:100%;font-family:var(--gse-ui-calendarMenu-month-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-headerText-fontSize);line-height:var(--gse-ui-calendarMenu-month-headerText-lineHeight)}.gux-calendar .gux-header .gux-month-list label{inline-size:100%;text-align:center}.gux-calendar .gux-content{display:flex;align-items:flex-start;block-size:var(--gse-ui-calendarMenu-height);padding:var(--gse-ui-calendarMenu-dateBody-padding);color:var(--gse-ui-calendarMenu-month-default-foregroundColor);background-color:var(--gse-ui-calendarMenu-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius)}.gux-calendar .gux-content table{inline-size:var(--gse-ui-calendarMenu-day-input-width);text-align:start;-ms-user-select:none;user-select:none;table-layout:fixed;border-spacing:0}.gux-calendar .gux-content table:not(:last-child){padding-inline-end:24px}.gux-calendar .gux-content table tr{block-size:var(--gse-ui-calendarMenu-day-input-height)}.gux-calendar .gux-content table tr:empty{display:none}.gux-calendar .gux-content table tr th,.gux-calendar .gux-content table tr td{inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-date-size);padding:0;margin:0;text-align:center}.gux-calendar .gux-content table tr th{font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-day-headerText-fontSize);font-weight:var(--gse-ui-calendarMenu-day-headerText-fontWeight);line-height:var(--gse-ui-calendarMenu-day-headerText-lineHeight)}.gux-calendar .gux-content table tr td{font-family:var(--gse-ui-calendarMenu-date-defaultText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-defaultText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-defaultText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-defaultText-lineHeight);color:var(--gse-ui-calendarMenu-date-default-foregroundColor);cursor:pointer}.gux-calendar .gux-content table tr td.gux-hovered{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-selected{color:var(--gse-ui-calendarMenu-date-selected-foregroundColor);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-selected:hover:not(.gux-calendar .gux-content table tr td.gux-selected.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-selected.gux-end-date){background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date,.gux-calendar .gux-content table tr td.gux-end-date{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date,.gux-calendar .gux-content table tr td.gux-end-date .gux-date{display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-date-size);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date:hover,.gux-calendar .gux-content table tr td.gux-end-date .gux-date:hover{background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date{border-radius:var(--gse-ui-calendarMenu-range-date-startDate-borderRadius)}.gux-calendar .gux-content table tr td.gux-end-date{border-radius:var(--gse-ui-calendarMenu-range-date-endDate-borderRadius)}.gux-calendar .gux-content table tr td:hover:not(.gux-calendar .gux-content table tr td.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-end-date):not(.gux-calendar .gux-content table tr td.gux-hovered):not(.gux-calendar .gux-content table tr td.gux-selected){background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-disabled{pointer-events:none;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month{opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month:hover{background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor)}.gux-calendar .gux-content table tr td.gux-not-in-month.gux-hidden{visibility:hidden}.gux-calendar .gux-content table tr td.gux-current-date{font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-currentText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-currentText-lineHeight)}.gux-calendar .gux-content table tr td:focus-visible{border-radius:var(--gse-ui-calendarMenu-month-focusBorderRadius);outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";
 const GuxCalendarStyle0 = guxCalendarCss;
 
 const GuxCalendar = class {
@@ -387,7 +387,7 @@ const GuxCalendar = class {
         return (index.h("table", null, index.h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (index.h("th", null, day)))), this.getMonthDays(index$1).map(week => (index.h("tr", null, week.map(day => (index.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) }, index.h("div", { class: "gux-date" }, day.date.getDate(), index.h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (index.h("div", { key: '608100a47650aa8c7408cb72b41bdf610375cfc2', class: "gux-calendar" }, index.h("div", { key: 'e064a53e54b55478085a77e65d84eb752103dc83', class: "gux-header" }, index.h("button", { key: '4e258899ed52b4c21d86ed865313b679313391c5', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: 'aac6049449bdcfc0696b1bcd4d8d6efebdab520d', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: 'a13722dc99f56373ade9c3107900d9524a82dd92', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: 'df253ddcc563541ab79b8550daed55e8ea9ac3a0', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: 'cb5bf8914175a52ee1374ccd288e9c04b9d5b8af', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (index.h("div", { key: '8eef32017815d3a9991df30f9367fe577a076724', class: "gux-calendar" }, index.h("div", { key: '9af530182f8a3f19626e227a03f69c75924d6d33', class: "gux-header" }, index.h("button", { key: 'b11bf4a64cf27093820606c4ad9eee1197fcfa9f', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: '526857a7a7423887067d385dacc786c66acffc23', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: '6b73f9e4a29d00d3317023e84ce2b3446dca64a4', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: '8814bbd30a56b7a00c9b0b8a323a565c35f15d75', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: 'abc9c3e39be6e7527fe361a3d9088f276e3fea16', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.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;
@@ -17,10 +17,10 @@ const GuxCard = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h("div", { key: 'fddfeabae96f3dceb718f2e81f787a607806626c', class: {
+        return (index.h("div", { key: '7960d166fb22cecbd69470b9a533a963496a70d8', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("slot", { key: '1a47ff002ceb544b37882c381dadc09386d69531' })));
+            } }, index.h("slot", { key: 'e3d5e5aa8c1830855197b22c6a750b3bb9e01eeb' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -158,14 +158,14 @@ const GuxColumnManagerItem = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: '4b62f8a4e6987662a4442eb64b46503c7b846832', draggable: "true" }, index.h("div", { key: '379821764f92352f40a5784fab4b410629248b36', class: {
+        return (index.h(index.Host, { key: '2b847dce74096c35cc157d86227bfe2250453b7a', draggable: "true" }, index.h("div", { key: '7f1c45e045063f490cdce3a4c19d0a90aa9b8a92', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, index.h("button", { key: '900c686eba727645339be71d8d4d6dd633b16512', class: {
+            } }, index.h("button", { key: '7c0634a4315fe5f34194ce368ee256e72acd6831', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, index.h("gux-icon", { key: 'f89e7db5f9fab521b3c12cc900df57c9577c7091', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), index.h("span", { key: '0fd4aa2424b7a5f86c55a2d25b69bcb97bd2c54a', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: '2ef6bb1398919a63ac26037ae065001a2a5db766', class: "gux-select" }, index.h("slot", { key: '47dececc3e186ff4e87939b09e7b1942dbed1ac4', onSlotchange: () => this.onSlotChange() }), index.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) }, index.h("gux-icon", { key: '0f8c101b730dd450c4796c5c8bd6005d773bd671', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), index.h("span", { key: 'adaf9a439fb518cd0179bb2b79d88d893447827d', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: '1e8254d24ca0e5080b396e8d8402510e2f52fd73', class: "gux-select" }, index.h("slot", { key: 'ca3ecfabe5939f5d624824febbebfdcbf40b9098', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: '0cda2ec75c5f6ebaf14e7cdc67a5a55923be66e9', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
 const index$1 = require('./index-8194d25c.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.js');
 const guxColumnManager_service = require('./gux-column-manager.service-6eaeedb0.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./clamp-e86a226e.js');
@@ -115,7 +115,7 @@ const GuxColumnManager = class {
         return (index.h("div", null, index.h("span", { "aria-hidden": "true" }, this.i18n('selectedColumnCount', { count, total })), index.h("span", { class: "gux-sr-only" }, count === total ? (index.h("span", null, ": ", this.i18n('unselectAllColumnsScreenReader', { count, total }))) : (index.h("span", null, ": ", this.i18n('selectAllColumnsScreenReader', { count, total }))))));
     }
     render() {
-        return (index.h("div", { key: '90472c14aff4241a12a67e599f4eb4575766f64d', class: "gux-container" }, index.h("div", { key: '6708dbf297e838ff3a39c0d3eb0d2166bd82b603', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: 'e81f51fa16667552b12defa722fdb4e2570fa31e', class: "gux-search" }, index.h("gux-content-search", { key: 'd4f6ba75ce8c93142efde59730391ac93fc3b137', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: '6ccd29773587b71fd08d47d7c89cd7242f4b4c3e', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: 'd521b953340ef6ef42656a8dadef2a2afe53eb3c', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: '9d11c72ed14a1c87cfac5037880f220e679bc522' }, index.h("input", { key: 'adf6a87ed983216e59b38888fff529d665aa22b3', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '19e2f8f14b119c8a73728a62edb38dabdb21447e', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '3b9164ab9d5f245f76b8d19afd5e5ddb8f005442', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: 'f87a0f01ba201238d5695d0c436343cead0c52a5', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '23888d1c0878856edadbb8bdb611ac6d803d9f71', ref: el => (this.announceElement = el) })));
+        return (index.h("div", { key: '6d868fedc7cbcc175c27d99aed857be111b66383', class: "gux-container" }, index.h("div", { key: '4396666a70da06b166491e04ac6337f001453844', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '2fb37b21ba764da3044828702beb75c1d2284e82', class: "gux-search" }, index.h("gux-content-search", { key: '20e9d4741f888b88fa47cc0bf507706ac88a121b', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: '0d85ca9bc4d5bf7701fd617ef2621394c25ac21f', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: '494db5819be47cc0671ec21ec8a3af592078991a', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: 'f4ec73eaba92d68037b69c28a0b078f0ede521d3' }, index.h("input", { key: '55ae9c76c5f8a3f24d96f8fee16ebbdec7fed385', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '27566d59de986d29833c8243e5e3b461d2a5d391', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '18f6969f6e8318e4a5f988759e07f700453816fd', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: 'cea1f7b82035c23208942e97a5b863ce7179df3e', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '86b81887bca36d7b58c07bb12334412db47b3b81', ref: el => (this.announceElement = el) })));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.js');
 const index$1 = require('./index-8194d25c.js');
 const onAttributeChange = require('./on-attribute-change-a9f44523.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
@@ -66,10 +66,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'c13e18adcc7893bd09918918011f06a6c631b690', class: {
+        return (index.h("div", { key: '90297d9839ce2a2725f5f6000e12349e2f768021', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: '9ba14b3d49298ebda817fb6d600dbad6dfa63713', class: "gux-search-icon" }, index.h("gux-icon", { key: '2146014de1e824adcb11d8a0d61d12604c9b3206', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: 'ea3eb44b3235e9cfc0bb3f3afd7c0b3c81864332' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: '2988d6010d9378ab73e2ffc4f7b61906f5f12750', class: "gux-search-icon" }, index.h("gux-icon", { key: 'b33de08d6a0be6caa610d27bcb73bd9fb50c0e9b', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: 'adf4ba4825e751f7af8a59aecc36a311bd79a5db' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.js');
 const index$1 = require('./index-8194d25c.js');
 const onClickOutside = require('./on-click-outside-2faf7467.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
@@ -121,8 +121,8 @@ const GuxContextMenu = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: '6ec72e40159292c148c53dd5739fa21b45710f30' }, index.h("gux-popup", { key: 'b60d4e27776f9bcff8dd81767b5d4fe83abdeb31', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: '46c37f1bcd37e728ae260978edcd2d25aec33efb', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: '52355dc84b4b2c6df125906dca42b54f314e8e2b', accent: "ghost" }, index.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 }, index.h("gux-icon", { key: '350ba0aa9ba35950e14c05d5baf0a2b3eff78bad', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText'), size: "small" })))), index.h("div", { key: '5468877b13a689cd2dc0c0bc5050eea6a090cbc1', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: 'ae649d83d0722f5614dcb66122f1f7a87a78ab47', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'e00d0df7d2a0bec67de19b11134dcfe5218fb589' }))))));
+        return (index.h(index.Host, { key: '3eb0557c9030580eb2438f733516cbb1531376e7' }, index.h("gux-popup", { key: 'aac6dd689c10acc91286136f375f185310357ed0', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: '9e2c3d5dda35d81b89543508c1482f597844c7d8', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: '5b6ad2c841351fb7702b5a98a034626a5a1d5f62', accent: "ghost" }, index.h("button", { key: 'da286e8b0b9398548f28b855cd5431853fc35500', 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 }, index.h("gux-icon", { key: '1acc9584468d2f72cb5fcf5fe814334fa28fec05', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText'), size: "small" })))), index.h("div", { key: '632c9205c311d3643d28577109a9813ae959ca5b', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: '7fd46369b3736c76d0be4e84dbec5c379be609c9', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '9fbd52e44827fb653604c60364e3e4c0190870ac' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.js');
 const index$1 = require('./index-8194d25c.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -66,7 +66,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: '4843d7c055d6d34758fdea75f67d4a24bd95d7d5', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, index.h("div", { key: '7f503d10ec5f1f31754661f518d60f9606055001', class: "gux-copy-content" }, index.h("slot", { key: 'b6f200fb75dae908cf65584a32650e03e0c22295', name: "content" }), index.h("gux-icon", { key: '8bbb7a6dfd579ed9a2c21b15c75395c167af5864', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (index.h("button", { key: 'e326b6c909136bf5e09cf286da6e8849f5af9a54', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, index.h("div", { key: 'afbce6a3de1f413af4f534036a6f9f250c2ec357', class: "gux-copy-content" }, index.h("slot", { key: 'b9120459d62af3d29454afd38af25d81028fcf52', name: "content" }), index.h("gux-icon", { key: '869fc9434a8cfe2d2617fec0d3ed698f7e6d16ca', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-create-option.cjs.entry.js

@@ -48,11 +48,11 @@ const GuxCreateOption = class {
         return (index.h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (index.h(index.Host, { key: 'a75dc5acc74156404a41d589777df2418185386f', role: "option", "aria-selected": false, class: {
+        return (index.h(index.Host, { key: 'd4dcd0f50a117ecb427426bfec898bfac63a4200', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, index.h("div", { key: '256278e5b949c188f20be826cf86f2759986ed11', class: "gux-option" }, index.h("gux-icon", { key: '3ea7a34b74ccc3cade832e9ebbaeaad2f5321743', decorative: true, "icon-name": "fa/plus-regular" }), index.h("div", { key: 'fc5e1f2591d3cf32826f98a7d9793c78481b66a3', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, index.h("div", { key: '4a45a9beee199884feb1a03743b981af392c12fe', class: "gux-option" }, index.h("gux-icon", { key: '7a84162561b989ec562bd6e198338498e82cccbc', decorative: true, "icon-name": "fa/plus-regular" }), index.h("div", { key: 'f0101e170122a5e8d07591a7ed95ebbf77c3b64e', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

package/dist/cjs/gux-cta-group.cjs.entry.js

@@ -71,7 +71,7 @@ const GuxCTAGroup = class {
         this.validateDismissSlot(this.root.querySelector('[slot=dismiss]'));
     }
     render() {
-        return (index.h("div", { key: '4dd3eefd10c0b9ec4700a79c133808dd9a12d657', class: `gux-cta-group gux-${this.align}-align` }, index.h("slot", { key: 'ae76a7d3ded9990c91b0da787f2a6bc8fd06854c', name: "primary" }), index.h("slot", { key: '3059cb1e5f5e9d6b63543968f32beeb00e851531', name: "secondary" }), index.h("slot", { key: '2c4362717183c21600dfbb85965214ba26670c84', name: "dismiss" })));
+        return (index.h("div", { key: '2d0d16094015def93abded1fa432a367fb2eccf1', class: `gux-cta-group gux-${this.align}-align` }, index.h("slot", { key: '33058a762539821802457d1544d141ed2fe6d3b2', name: "primary" }), index.h("slot", { key: '98c7963a90bef02f28b003666b1037d7442c181a', name: "secondary" }), index.h("slot", { key: 'f1f9a8c8a2070a5ea3f918d819e642b32e4e9a37', name: "dismiss" })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.js');
 const getValidTimezone = require('./get-valid-timezone-a3319313.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 const index$1 = require('./index-8194d25c.js');
@@ -42,7 +42,7 @@ const GuxDate = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '34a577a4ae435b5debd5f2d50b8443364b669445' }, this.renderDate()));
+        return (index.h(index.Host, { key: '491e0809d9072e6cdddb2fbb18e9a19b0bb827f6' }, this.renderDate()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.js');
 const getValidTimezone = require('./get-valid-timezone-a3319313.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 const index$1 = require('./index-8194d25c.js');
@@ -43,7 +43,7 @@ const GuxDateTime = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '4774e2ef9e07408d3687e6021cf24eb25cb9ba5f' }, this.renderDateTime()));
+        return (index.h(index.Host, { key: '225dd061be97e285818fd2cc95dc91f3ab8caad3' }, this.renderDateTime()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -8,7 +8,7 @@ const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const isoDates = require('./iso-dates-2daf4199.js');
 const onClickOutside = require('./on-click-outside-2faf7467.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.js');
 const index$1 = require('./index-8194d25c.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -650,7 +650,7 @@ const GuxDatepicker = class {
             } }, index.h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), index.h("div", { class: "gux-datepicker-field-input" }, index.h("div", { class: "gux-datepicker-field-text-input" }, index.h("input", { id: this.endInputId, type: "text", ref: (el) => (this.toInputElement = el), onMouseUp: e => this.onInputMouseUp(e), onFocusin: e => this.onInputFocusIn(e), onFocusout: () => this.onInputFocusOut(), value: this.toFormattedValue, disabled: this.disabled }), this.renderCalendarToggleButton()))));
     }
     render() {
-        return (index.h("div", { key: '70cbb2cd6fbcd3a770d50258f90d07d833e0da05', class: {
+        return (index.h("div", { key: '69c0e0294c404f3422945d527db1dd0c3b18e848', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.js');
 const index$1 = require('./index-8194d25c.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -50,10 +50,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (index.h("div", { key: '12d9ad893e1226b25102bbdd4430452f86459685', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: '6c24ca871d720b53cd976e90191f30da78b520d1', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, index.h("gux-icon", { key: 'aa90e57056dbd73625defccb9d9043a8765be18b', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: '5d1ee4d76e30bd3f1d501bef468976c28d904453', id: this.panelId, class: {
+        return (index.h("div", { key: '2c75a8124f72fe3bcf1c8d541bee3f332230b331', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: 'ceef97d15cd6e37201544f251f904b1ebac799e4', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, index.h("gux-icon", { key: '684dc8cc902e931e948ae1f77ed67232e061f86d', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: '7afc1d6d432711fc475ba6f776ccb90b985843b8', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, index.h("slot", { key: '1f1b49bba27c0cf9d7e69a21c6febbb5a869b90d', name: "panel-content" }))));
+            }, role: "region" }, index.h("slot", { key: 'd1a526b263c28886802e858a9d074ccc29bc8fa7', name: "panel-content" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.js');
 const index$1 = require('./index-8194d25c.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -26,10 +26,10 @@ const GuxDismissButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("gux-button-slot", { key: '5ceaedf6208b7fc7277d65e76afe34da93b75b6b', accent: "ghost", class: {
+        return (index.h("gux-button-slot", { key: '953bbb409a1a951fd847d5091aa3d188d4a9749c', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, index.h("button", { key: 'b3fbaaa681b6164182336f30ea67caac83e64561', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: '439ba2827dcf7246ac076ba2e1911a0fc600ec8e', class: "gux-icon-container" }, index.h("gux-icon", { key: 'd05b7eeb8a2612f3052e4ebc7647db3841f4241f', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, index.h("button", { key: '0b7998dfdfd5662fe92c32bbdc88e1ee85629764', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: 'b4af062105a26a9e7b9c16ead23c65c168cbd33f', class: "gux-icon-container" }, index.h("gux-icon", { key: '4948240d2fc18b870b9a6f3ab08b9eecd3f35b72', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-dropdown-multi-tag.cjs.entry.js

@@ -45,7 +45,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '80bf22ee8cbb16ae1af046a5ca3821396a8a3acb', class: {
+        return (index.h("div", { key: 'f8ec2bc6ef464aa684b499b3eebe872f6d64a143', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

package/dist/cjs/gux-dropdown-multi.cjs.entry.js

@@ -8,7 +8,7 @@ const index$1 = require('./index-8194d25c.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
-const usage = require('./usage-8f7ff1c3.js');
+const usage = require('./usage-bdf54f32.js');
 const guxListbox_service = require('./gux-listbox.service-01e82389.js');
 const onMutation = require('./on-mutation-e89e880e.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
@@ -419,7 +419,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            index.h("div", { key: '7e1e588b5c7bc098cd659a3ddd6fd91000fdbea2', class: "gux-dropdown-container" }, index.h("gux-popup", { key: '47df7e9b9670aa052fb8d30912bd7a08e6e5cc7a', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            index.h("div", { key: 'ec3af81d43ccad571fa9e6be678a819015e793be', class: "gux-dropdown-container" }, index.h("gux-popup", { key: '206a86a2aa4270aa1278ca1079f4b802f8c0f211', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get delegatesFocus() { return true; }