genesys-spark-components 4.160.0 → 4.161.0

package/dist/collection/components/stable/gux-toast/tests/gux-toast.common.js

@@ -0,0 +1,69 @@
+export const renderConfigs = [
+    {
+        description: 'should render success toast',
+        html: `
+      <div aria-live="polite">
+        <gux-toast toast-type="success">
+          <div slot="title">Success Example with Link</div>
+          <div slot="message">This is an example message</div>
+          <a slot="link" href="#">Link</a>
+        </gux-toast>
+      </div>
+    `
+    },
+    {
+        description: 'should render warning toast',
+        html: `
+      <div aria-live="polite">
+        <gux-toast toast-type="warning">
+          <div slot="title">Warning Example with Link</div>
+          <div slot="message">This is an example message</div>
+          <a slot="link" href="#">Link</a>
+        </gux-toast>
+      </div>
+    `
+    },
+    {
+        description: 'should render error toast',
+        html: `
+      <div aria-live="polite">
+        <gux-toast toast-type="error">
+          <div slot="title">Error Example with Link</div>
+          <div slot="message">This is an example message</div>
+          <a slot="link" href="#">Link</a>
+        </gux-toast>
+      </div>
+    `
+    },
+    {
+        description: 'should render info toast',
+        html: `
+      <div aria-live="polite">
+        <gux-toast toast-type="info">
+          <div slot="title">Info Example with Link</div>
+          <div slot="message">This is an example message</div>
+          <a slot="link" href="#">Link</a>
+        </gux-toast>
+      </div>
+    `
+    },
+    {
+        description: 'should render action toast',
+        html: `
+      <div aria-live="polite">
+        <gux-toast toast-type="action">
+          <gux-icon slot="icon" icon-name="fa/diamond-regular" decorative></gux-icon>
+          <div slot="title">2 Actions</div>
+          <div slot="message">This is an example message</div>
+          <button slot="primary-button" type="button" onclick="notify(event)">
+            Action 1
+          </button>
+          <button slot="secondary-button" type="button" onclick="notify(event)">
+            Action 2
+          </button>
+        </gux-toast>
+      </div>
+    `
+    }
+];
+export const renderConfig = renderConfigs[0];

package/dist/collection/components/stable/gux-toggle/gux-toggle-slider/gux-toggle-slider.js

@@ -16,12 +16,12 @@ export class GuxToggleSlider {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (h("div", { key: '7e904fec179d33abf50e85c085f01804216b109f', class: {
+        return (h("div", { key: '7da37f753ac4d7c060172ead04d1251959b9ff6f', class: {
                 'gux-toggle-slider': true,
                 'gux-checked': this.checked,
                 'gux-disabled': this.disabled,
                 'gux-error': isError
-            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, h("div", { key: '39b8300d64847239ab4efb0e70e72ee3fc338c33', class: "gux-slider" }, h("div", { key: '4a5cfb7661b17e4c4e391f666eec375284437ca7', class: "gux-switch" }, !isError && (h("gux-icon", { key: '2abaa66145b5c7e8eb203b8f17c15fe9ba426f58', "icon-name": "fa/check-solid", decorative: true }))))));
+            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, h("div", { key: 'b948e4293ded1504a3dc6207ba5e6409c00ccb3d', class: "gux-slider" }, h("div", { key: '00a6baa05f07421055994370d48154145ef024e3', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'a360e19b0edbfb7936d4008063b9c5961d86a754', "icon-name": "fa/check-solid", decorative: true }))))));
     }
     static get is() { return "gux-toggle-slider"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-toggle/gux-toggle.js

@@ -68,11 +68,11 @@ export class GuxToggle {
         }
     }
     render() {
-        return (h(Host, { key: 'b88824afb7ff7ba8de9cb5604c369cbee3021850', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '7991eaf3ea3729f498301284d4f634d7ed830b63', class: {
+        return (h(Host, { key: '642935d19947b79ad8cffb672aa6cf65a0aedaa8', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: 'fb2012adaea504f5e80d99fa4a964798620f95d5', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, h("div", { key: '5ff56480ae831b37f30a815d21d8e07dbc484d5d', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: 'c9c514fba798e622a0bd94b8e970e97051083441', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: '9537a2b1426ead4dbef7637f836e83f3f922fac6', ref: el => (this.announceElement = el) })));
+            } }, h("div", { key: 'f78e3c80e258c3567c625cd3eaeeea80995013e9', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '7077f922113f56639e8aea7b67ff8e286addbff4', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: 'f675f6962dfc2b36cb83c5b183dc6845db2699a5', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-toggle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tooltip/gux-tooltip.js

@@ -154,10 +154,10 @@ export class GuxTooltip {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: '6c4e4b9fcea047ddaa15fef056db54e201dbe5b6', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '95ecb5dc6de5bab5ca53b04aba2307fe30d138de', class: {
+        return (h(Host, { key: 'b02af229ca0c4ebb0c6c14bac7489aa0e09f8a01', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '29d34f22cf1e2667e9e0147ebb864febc9694e78', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '2bbde39cc9a7ccdf305995b35f0a55cbaf04e242', name: "content" }, h("slot", { key: '7e78cba125baf81a59884cb0a44c16c3ecebabcf' })))));
+            }, "data-placement": this.placement }, h("slot", { key: '45bb35996ae52057f86449aab5286e76af227cdd', name: "content" }, h("slot", { key: '0ff7a0e7429d8d3f2af9490242c3d6c80c4e3a9c' })))));
     }
     static get is() { return "gux-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tooltip-title/gux-tooltip-title.js

@@ -120,10 +120,10 @@ export class GuxTooltipTitle {
     }
     render() {
         return [
-            h("span", { key: 'c587c67b739e1619c47b246dc453fa40694cb128', class: {
+            h("span", { key: '44cf31c77d5f2f0ff05c9d8fc35bc4e53c678af7', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: '827d733f029969ff8119df112711380d29c162de' })),
+                } }, h("slot", { key: 'b5ccbcd7bef175b33085f65b9f83a7aff87ea64a' })),
             this.renderTooltip()
         ];
     }

package/dist/collection/components/stable/gux-truncate/gux-truncate.js

@@ -52,12 +52,12 @@ export class GuxTruncate {
     }
     render() {
         var _a;
-        return (h("div", { key: '507d5a1b6bd9b45ce09502f5d404462d1d79e08c', class: {
+        return (h("div", { key: 'c979bb998f2e6cafe2ed16cb7611dbc2b5dd685b', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, h("span", { key: '00270974409574b242d3e0afa5d082940103261a', class: {
+            } }, h("span", { key: '96ff56286114cafb16f8d5d1ef123aa6eb1996d5', class: {
                 'gux-overflow-hidden': this.needsTruncation(),
                 'gux-truncate-slot-container': true
-            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: '140f114f64e1223d81ff15b2ed2e16bbe06dca50' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: '4dc895ca10eaeb8c1467ee6b1c270fc7b43eec3b' })), this.renderTooltip()));
     }
     static get is() { return "gux-truncate"; }
     static get encapsulation() { return "shadow"; }

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

@@ -51,20 +51,20 @@ const GuxAccordionSection = class {
         this.hasIconSlot = !!this.root.querySelector('[slot="icon"]');
     }
     render() {
-        return (h("section", { key: '674fc87bcc66d1d95e5cb276d5e70692e3cf51a8', class: { 'gux-disabled': this.disabled } }, h("div", { key: '9468ed945146ed3cc49211ad68cc4ae34d1a98ec', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '81c4c2abab2b4023688b67e03fb7eec2ddec246a', class: {
+        return (h("section", { key: 'bb523817b68f5b475d847a73027b33a1246835e2', class: { 'gux-disabled': this.disabled } }, h("div", { key: '9cbfb555a5f104551d6b638207ac2e7cdff2b346', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '510f7c657502e60c942b4d634fd385607c3a347c', class: {
                 'gux-header': true,
                 'gux-reverse-headings': this.reverseHeadings
-            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { key: 'e10cf5069ca43a76e4f0cfe3f09e21313c949c59', name: "icon" }), h("div", { key: '4395ae449bcbd47d16dd08c84be5e174bc68a1cf', class: {
+            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { key: '7c836305909a9abf9ff0489681547022187d4bee', name: "icon" }), h("div", { key: '8464e901bb685bd01118f110f0232b785f8b4ded', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: 'd9f81cf111342ed803f0de96bc4837ad55683b46', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: 'd087bbff228ccd623769c7d27684f9db038b7843', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '84fd4c249ab6f1c5a024d0b885a4a2e839432f52', class: {
+            } }, h("slot", { key: 'ad752d800daf8e4bb96476b7964c64d772cf3930', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '1d86c227d5cef0e1e96a4241df6739c52f534f04', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: 'd50bbaaac75031ba924820d30eff8cb77431ea03', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: '59f3304b140ad39781a3e41ed9623dd21a4c4e2e', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'e50b7aaebe532de57349ccb39644f4c326df05ff', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: 'eff20c97795834084ba7e29c0322b273a91ce434', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '566af8078f62bf647f1aad93d6c202740e5fba67', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
                 'gux-content': true,
                 'gux-expanded': this.open,
                 'gux-text-content-layout': this.contentLayout === 'text'
-            } }, h("slot", { key: 'ac483e88d40ddd8f7ee0030be7de192f690c4e6c', name: "content" }))));
+            } }, h("slot", { key: '3106b09a180cb1e67ed9597b1b5d7e0fececfbdd', name: "content" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 
 const guxAccordionCss = "gux-accordion{-custom-noop:noop}";
 
@@ -37,7 +37,7 @@ const GuxAccordion = class {
         }
     }
     render() {
-        return (h("slot", { key: 'eaaefcd1cca70e95575f2a04c632021ccc93787a' }));
+        return (h("slot", { key: '5c2067d1b3cce5f7897a5e0919e2b04b24040a37' }));
     }
     get root() { return getElement(this); }
 };

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, a as getElement } from './i
 import { O as OnClickOutside } from './on-click-outside-W2CZCart.js';
 import { w as whenEventIsFrom } from './when-event-is-from-kLXvN2m9.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
 import './get-closest-element-Cd4R0amv.js';
 
@@ -159,7 +159,7 @@ const GuxActionButton = class {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: 'f14d323f9c10b003797a9de4b18af7dcac6fcf7e', class: "gux-action-button-container" }, h("gux-popup", { key: '714da05054cf5b53dcfa00d35a820eaa742225d8', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'f5154cfbf4d41bb0ba8955d6f9e52978d28d6e17', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'ca2510f0946954e9af16c61390b744bab208083d', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '3b39ea4b471dca0aad9049a78ce783e52902f9c6', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: '2e03cf69a0308100b41dccb4f04b25711d63a8bb', name: "title" }))), h("gux-button-slot", { key: 'e8ff491d344751fbd3aad8a4883d218540fd8053', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '806b5b458454bc12104f8dedb46a8e75c9bef212', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions'), "data-testid": "dropdown-button" }, h("gux-icon", { key: 'dfb75af52b0817f9b54125e28c990fefdf150957', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '1165c634704e0436e67eea3801e8650325c496ef', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'ec0c603e4fce250e05494b6c3e310c695676bf4d', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e3882349fc5ae5c7fe6c2e4979c8b9eb4297190d' }))))));
+        return (h("div", { key: '53eb4a4ffa83a2a1d9506bfac9c61dce6f101b6c', class: "gux-action-button-container" }, h("gux-popup", { key: '5d09b93080d59a8112014e13ca515576786df16c', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '727d3ec06b98c5454c7dcb2eaa20de7fed9dc994', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'e856dc6a18be47445f35d3c742a82226cb91c965', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '745aeefe1094809c8cfab25ae31eb3aacb96637a', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: '407b5601a4caa52d50b9da03f5daff0bd6f49b33', name: "title" }))), h("gux-button-slot", { key: '8ea6d8bd123dbb15e6bac16da4f576f4dde91243', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '346c31e8a72a09b5cf3de660a71611f5767536e6', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions'), "data-testid": "dropdown-button" }, h("gux-icon", { key: 'd474dc7b197f4b1c1f359791bcc54cc2bf2af55b', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'fd181cd9355f17bcde91c7ee5d035f840812e8f4', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'cd2180c12b3c9aa42c7ea0d2c26ff0a4534ed430', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '89925cbedf1d78b4475c5741f0e261f5e4a86712' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 
 const guxActionToastCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:stretch;width:270px;padding:20px 24px;margin-bottom:4px;color:var(--gse-ui-toast-success-foregroundColor);background:var(--gse-ui-toast-success-backgroundColor);border:1px solid var(--gse-ui-card-default-border-color);border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;align-self:auto;order:0;font-family:var(--gse-semantic-heading-lg-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-lg-bold-fontSize);line-height:var(--gse-semantic-heading-lg-bold-lineHeight);font-weight:var(--gse-semantic-heading-lg-bold-fontWeight)}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:var(--gse-core-colorLegacy-secondary-aquaGreen)}.gux-header .gux-icon ::slotted(gux-icon){width:32px !important;height:32px !important}.gux-header .gux-title{flex:1 1 auto;align-self:auto;order:0;margin:0 0 0 8px}.gux-message{flex:0 1 auto;align-self:auto;order:0;margin:16px 0;font-family:var(--gse-semantic-body-sm-regular-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-semantic-body-sm-regular-fontSize);line-height:var(--gse-semantic-body-sm-regular-lineHeight);font-weight:var(--gse-semantic-body-sm-regular-fontWeight)}.gux-message ::slotted(dl){display:flex;flex-direction:row;flex-wrap:wrap;place-content:stretch flex-start;align-items:flex-start;margin:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}";
 
@@ -11,7 +11,7 @@ const GuxActionToast = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '86c7d4b10a2b6aff27aefc4b301600d37d3a2b95' }, h("div", { key: 'c91122959f04e871256924658943d42e3efa086d', class: "gux-header" }, h("div", { key: '197997e4491ecfef4eae36be626625d63e5cafe6', class: "gux-icon" }, h("slot", { key: '42299d9477f16ead474126a0eb6c18dec4e51ba5', name: "icon" })), h("div", { key: '79aa729ba27becac9f95ac5278d105e14ed69211', class: "gux-title" }, h("slot", { key: '59b6d808b0c56b6e0468ec59598326039758074d', name: "title" }))), h("div", { key: 'b1e73ea83c95fd1e17f0f1657ab8aa5b9b7deb14', class: "gux-message" }, h("slot", { key: 'e16d6521334acf2997d594c62589662b65eba647', name: "message" })), h("div", { key: '4c72959e5ac48709d03f49ed00d3af1e0b9241bb', class: "gux-action-buttons" }, h("div", { key: '6d451a966ff94fa805f78462215ca3858d6bcc11', class: "gux-positive-button" }, h("slot", { key: '5e7f6901f414700e0dacff47fc2bb4ea591bbedb', name: "positive-button" })), h("div", { key: '6a51a2a92c669756d643655487e3deeabdd94e04', class: "gux-negative-button" }, h("slot", { key: '3194513f90919ad3f4f4f2d0c50f4fedd92bb6c0', name: "negative-button" })))));
+        return (h(Host, { key: '3abb582fbfcac7ac8cda92eeb3a2eea23caed9a2' }, h("div", { key: 'ae95f2efc423a666629423d4dc84284c7c280711', class: "gux-header" }, h("div", { key: '79a2e0d63c9ebcc40d27fc524657dedde4106ef3', class: "gux-icon" }, h("slot", { key: '6bd8665c303dc296d8b40ba212e809451e3cbb56', name: "icon" })), h("div", { key: 'e04c4ce5e0a98e95e695ede8c13a8283cf31f9f5', class: "gux-title" }, h("slot", { key: 'bf15946f72b64abb31adeb1038a80e57ddef1dfc', name: "title" }))), h("div", { key: '6337fee48e9091b7802fcffc425a9ed80e54e26b', class: "gux-message" }, h("slot", { key: 'e469f623781c6056addd79fbdc3f30cd496dc4a1', name: "message" })), h("div", { key: '1c3819c5273ce51a9c61a6f7510904f10ca30e7e', class: "gux-action-buttons" }, h("div", { key: '2b8d5ce9a0b430133e5ec30c584c3f68236eafcd', class: "gux-positive-button" }, h("slot", { key: '52556d47837a5f311cdcde1b821f529ca991c891', name: "positive-button" })), h("div", { key: '09b13863e70a73124e1aa65b4d88676ae39b2eb2', class: "gux-negative-button" }, h("slot", { key: '634489b4afaf5ebd8edf6ee04f94aec12335de7b', name: "negative-button" })))));
     }
     get root() { return getElement(this); }
 };

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, a as getElement } from './i
 import { o as onMutation } from './on-mutation-CF55kYjc.js';
 import { O as OnClickOutside } from './on-click-outside-W2CZCart.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
 import './get-closest-element-Cd4R0amv.js';
 
@@ -85,9 +85,9 @@ const GuxAdvancedDropdownLegacy = class {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'd41f1a7e46667e03d7aea00cf76e41f0bc5cea80', expanded: this.opened, disabled: this.disabled }, h("div", { key: '244e5e3fc340a4d1d7e901589dd979e2349a8490', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '10d8b3ffc2b8fb20657a787e9ad4279ea4c827ff', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { key: '5b1f9d9730c645274f78c873005bd348e13ec915', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '737e474d88c6d6e1784d7ddb09c6bc4767d93f21', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: 'ba4e4c852695a8de28c01e68fb433c5458372e1b', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'baebb260e06c027a8966d8e9d4f1a9e363389348', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '20f5635cc8b7cbe68154fa756f493ae4f555bf03', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'b4bfdd196c7a46161d084ebb350ed2709fcee346', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '9f3a8c05391065246fd0f58c1245fd7a2cec7b0d', "label-position": "screenreader" }, h("label", { key: '68908618c59e9f4bf27ffc46f263c5468e5f10fb', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'c8ca819f3bbeb8daadc46795fbb6a0745d9e6591', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: '2866ac2af619dc033e7ab7c5ebdad317f47f54a8', expanded: this.opened, disabled: this.disabled }, h("div", { key: '7629fd43e869952c882b2521d917aeadca397f14', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '123003f32f223ff13328dcf40f06d14fd6c6078e', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { key: '15e6ec3f394248f0bf3f61746085a5efd57468e7', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: 'd193f25db49649f3359c8ef53356b6f09e7ef9da', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '92916e454fa7227f6d9a12164d0155f2d38b65e5', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'd062f140546bba597a5e34aa19b2ae8c9994635a', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '36717e3d8f88ef428a5d0359265a388f05a074bf', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'fc3c5a978203d7d1c6d0798c9643ffdeea08c4f2', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '69fd91e34c50c5b726b62eb5a906fa7f265408c5', "label-position": "screenreader" }, h("label", { key: 'ff451eff18ccb5153a93b2074db534ae706df0fc', slot: "label" }, this.i18n('searchAria')), h("input", { key: '22e8bc6b5f63aae6908ca1b378f2a5d2983a7925', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: 'dfc60a1e40be71ce841d33bf24fb587d89d6d648', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '0f51073ffc5e046975d74902fb4bff45a05a3352' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: 'ef89ba51c46a4f0b98177d2ab806c7e9afbdd109', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'be7be324ed0a985caffd5e504bbd960e4ac12da2' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

package/dist/esm/gux-all-row-select.entry.js

@@ -26,7 +26,7 @@ const GuxAllRowSelect = class {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '561b559830dcaa4f8dcf5b250eda5a87e58b0cdd', "label-position": "screenreader" }, h("input", { key: '01a39509715d4156f0bd074bf35ffd6abaa3895e', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '596c0d1a55275d760e91209797483239c616545b', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '9a153c08f9a997d23735beb2a2bd885b7760f623' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: 'f746e62c50607cb8ec2adad745ef285630108b1c', "label-position": "screenreader" }, h("input", { key: '4c5d95824e6950f0268f6e7826577484b16ea566', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '4857bbeec0e0565f57923246dcc79f3db34de23b', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'b1cf5e9cb0370d4d332f3117b040e29a46d856e3' }, this.i18n('selectAllTableRows')))));
     }
     get root() { return getElement(this); }
 };

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

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

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

@@ -1,5 +1,5 @@
 import { h, r as registerInstance, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
 import { a as generateInitials, g as getAvatarAccentClass } from './gux-avatar.service-BV03_Ljp.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DkRxKrC5.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const changePhoto = "Change profile photo";

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 import { g as groupKeyboardNavigation } from './gux-avatar-group.service-DMpkGO63.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
 import { a as autoUpdate, c as computePosition, o as offset } from './floating-ui.dom-C_pVuars.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
 import { s as setFocusTarget, r as resetFocusableSibling } from './gux-avatar-group.service-DMpkGO63.js';
 import './get-closest-element-Cd4R0amv.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
 import { g as groupKeyboardNavigation } from './gux-avatar-group.service-DMpkGO63.js';
 import { g as getAvatarAccentClass, a as generateInitials } from './gux-avatar.service-BV03_Ljp.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
 import { O as OnMutation } from './on-mutation-DGiaTC8j.js';
 import './get-closest-element-Cd4R0amv.js';
@@ -71,7 +71,7 @@ const GuxBadge = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'b86da02a9ae67308fc5c9ac6aa0b7a1f7a747ae0', class: {
+        return (h("div", { key: '8a90506ee9f114ad699ce846f33d9a695daab9f8', class: {
                 'gux-badge': true,
                 [`gux-${this.accent}`]: true,
                 'gux-bold': this.bold

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 import { O as OnMutation } from './on-mutation-DGiaTC8j.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
 
@@ -41,7 +41,7 @@ const GuxBlankState = class {
         this.hasGuidance = hasSlot(this.root, 'additional-guidance');
     }
     render() {
-        return (h("div", { key: 'e7c20863e2a8e957ec8e3b0d8c796bb6e250f817', class: "gux-container" }, h("div", { key: '33e2d205db3d81db81490c4a1986adf25f815878', class: "gux-image" }, h("slot", { key: '1ad4172b9e9b82e026ff1527727c2c3e83115b8c', name: "image" })), h("div", { key: 'c189af637773ec5b19fa5a8bf29c302ea37bb109', class: "gux-message" }, h("slot", { key: 'd0933deb27de1c4565e4a0c41c2631c7e7efd037', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
+        return (h("div", { key: '139c7338fbd18f8c0530269a5449f3c7ade7efd2', class: "gux-container" }, h("div", { key: 'dcb6dcb5c7449c8096479680733e24a486b7bc4d', class: "gux-image" }, h("slot", { key: '37d99fedacb438620dc078ea972da24e0d2854e0', name: "image" })), h("div", { key: '06d4ff2d74235deae4c95567882d50f2e6d75f61', class: "gux-message" }, h("slot", { key: '8c174a69f1a32a2d49190dc7528b1fccd3469b8c', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
     }
     get root() { return getElement(this); }
 };

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

@@ -38,7 +38,7 @@ const GuxBreadcrumbItem = class {
     }
     render() {
         const accent = this.getAccent();
-        return (h(Host, { key: '9864718c7a85867dc8ae13c77b71ee2d47595345', role: "listitem" }, h("span", { key: '321aa9a3d13bc88107c1f4296b8acbb0194ebb2b', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (h(Host, { key: '0f964c879ddb049332578d18bea864ebf2ac0fb3', role: "listitem" }, h("span", { key: '9a3c36da7a340316390205180a23e904092a94e2', 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, a as getElement } from './index-DkRxKrC5.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const breadcrumbs = "Breadcrumbs";
@@ -25,7 +25,7 @@ const GuxBreadcrumbs = class {
         Array.from(this.root.children).forEach(child => forceUpdate(child));
     }
     render() {
-        return (h("nav", { key: '97573bc551ca35d0f29c2f77f3cae221a7dbb532', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'b35d243aeb4bce30d1d5145a1efb62bfcc7e3806' }, h("slot", { key: '9f03f2e162e635d107284f73483f2bcd0405337f', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: '168049642e68fbc56c6f3580a50b8139c5defa65', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '1a03009c00c013594c290bfa597d85f69d7c8688' }, h("slot", { key: 'ea256a1e6b868904a1568f57dd83f1d8f2865249', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, a as getElement } from './i
 import { O as OnClickOutside } from './on-click-outside-W2CZCart.js';
 import { w as whenEventIsFrom } from './when-event-is-from-kLXvN2m9.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {
@@ -136,7 +136,7 @@ const GuxButtonMulti = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '1de80e87fb808e2c1c67f11069ff854b3c8bb594', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'ec449bb3cb5a07b22aa19a1cfbe7bad390348c58', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '59a02ac2a0617c39bdee504aec91325e5fa6b011', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '8e774e6ff321588c41ffe731c1967752dc5ca622', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.guxAriaLabel }, h("slot", { key: '18b5e98f45e5b7f4b4644e55417575f88d240d21', name: "title" }), h("gux-icon", { key: '625f150aebd9cb9c87214c200309e1c76c7ed372', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '3f328498971bffd3d0c79d2dc01e6cca83079af4', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '8263e75953b2091c4af783245e89b5abfabedfe5', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '2eebad343f088ea4f234ba23c9758d24d082daed' })))));
+        return (h("gux-popup", { key: '68f575cd942b0e72e40e5c452f0ec78603b616f5', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'da8ac00e3f2d3dcd6e99c27d1942e1817d473c5d', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'f965ba4d8708b0846f42a26f4fcecea10e4e78d4', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '5400cb11fcaa878e4c9dc5e2a3839ed39169f9f4', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.guxAriaLabel }, h("slot", { key: '28f463760494866349e25eb539a8479470bebaa2', name: "title" }), h("gux-icon", { key: '173414e8dc9382703d8aca6cec7a1014ed859b32', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '4e5874006f6652d87939ec20550066636fbedacb', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'c6a2a7f0d6285d1ea89316d636101642730e9ee0', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '23f70874aeebe4baf213565ddb2544fdfb9f5dba' })))));
     }
     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, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 import { a as logError } from './log-error-DxtJDeL9.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}";
@@ -32,7 +32,7 @@ const GuxButtonSlot = class {
         this.validateSlotContent();
     }
     render() {
-        return (h(Host, { key: '2f0d21a41e3f692f1f5f64a096e69c2c39feac8f', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '1f7173b22404bc2e7e56cd25873dac40d1c803a6' })));
+        return (h(Host, { key: '8819f437fd5f475a7b55e77095db784813a96423', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '5a5db86c9369c6d0e97f13fa810a4e3c5bf2af92' })));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement, c as createEvent } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom-C_pVuars.js';
 import { O as OnClickOutside } from './on-click-outside-W2CZCart.js';
@@ -31,10 +31,10 @@ const GuxButton = class {
     }
     render() {
         return [
-            h("button", { key: '24dbbdfe3e039dea0cbdc2d452cb0cf5da7f9d9b', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: '134f5c031ca4eb4e87fb218a06214c8892fa1742', 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: '3cdf6222d210ad14536037885d5d6b54f684a209', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: 'a575a090724849aaa0b2ed74e71388243d3e5765', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }
@@ -98,7 +98,7 @@ function ThrottleMethod(duration) {
     };
 }
 
-const guxPopoverCss = ".gux-popover-wrapper{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:var(--gse-ui-popover-padding);background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-popover-wrapper .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-block-end:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:var(--gse-ui-popover-headerColor)}";
+const guxPopoverCss = ".gux-popover-wrapper{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:var(--gse-ui-popover-padding);background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-popover-wrapper .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-block-end:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:var(--gse-ui-popover-headerColor)}.gux-popover-wrapper .gux-popover-footer{padding-block-start:var(--gse-ui-popover-gap)}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -160,6 +160,9 @@ const GuxPopover = class {
     get titleSlot() {
         return getSlot(this.root, 'title');
     }
+    get footerSlot() {
+        return getSlot(this.root, 'footer');
+    }
     runUpdatePosition() {
         if (this.cleanupUpdatePosition) {
             this.cleanupUpdatePosition();
@@ -258,10 +261,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (h("div", { key: '730abc38bc068191d7175c475c3cfd90b3dd8430', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '1bc2e045d66dde3e5ccbbf695e3fd2443246fbca', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'f573bffb8b613acc514f0e4e8fc3951cc0dbd4bb', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'f7fa19d404a448f74df9c8b3aa1242d66a4b2bd7', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: 'f2633862aabf426f9d0fb6d8e7c26afbdda68ab0', onClick: this.dismiss.bind(this) })), h("div", { key: '00950cd98bcf069ecb8803c01d26d7c687384b8c', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '0c04f3ed0bba57e277828d00efd67c8b18116147', name: "title" })), h("div", { key: '44ffbca5f03bbceaf3ed6a01f69d86d47796e108', class: "gux-popover-content" }, h("slot", { key: 'f21c6292416f5c1368eeccda576cbaf4600138cb' }))));
+            }, "data-placement": true }, h("div", { key: '257bbebeff94b46df2bde15de2695a42b3793ba2', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'dbfde134155a75fc848d78ba4e3f4045befe49d3', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '962b9d93cbaf9e07f452978a2759f9e7c13ec57b', onClick: this.dismiss.bind(this) })), h("div", { key: '3c967fd82c66a5d8fd3d393c59f5c48cb7cd5a4b', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'afd99a56965406be784819ece0afb8c49e8ebf4f', name: "title" })), h("div", { key: '7d2cfc18be6af60f27ae0b901f80c15f8c1570dc', class: "gux-popover-content" }, h("slot", { key: '3bee8cc828f0596225df20b3c1b9659e7cd51688' })), h("div", { key: 'acf184bb9c3181c6cc57edc6dcb1155ba112dd4e', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: '1576f50b62c350381e23e5ab4fdb1f54953d9da4', name: "footer" }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DkRxKrC5.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
 import { a as asIsoDateRange, c as fromIsoDateRange, b as asIsoDate, f as fromIsoDate } from './iso-dates-aKaDsw_5.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.js';
 import { b as buildI18nForComponent, g as getDesiredLocale, c as getStartOfWeek } from './index-DnjikExJ.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-Cf6_BoFM.js';
 import { d as dateTimeFormat } from './intl-CpptOorV.js';
@@ -411,7 +411,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: '0c55a401066c6b0187e748aa283250a0b1241319', class: "gux-calendar" }, h("div", { key: '5a74b7258882a980360239957794b1c2ae89f26f', class: "gux-header" }, h("button", { key: '74a80f686c61660c3dacb46c3ea39254b175767f', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: 'e6591ea5f66819d5d28628fd1eec2fbcaf29bd7a', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '4cd50eea789472a67ea8dab48160f9d372f22633', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: 'c70331f456b7af4a5df486c555d7a38ed06ff5a4', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '5ec1b7c7032ab13ed4c2e1fc55a861695d3ec7de', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: 'a4e06e2ba0c7af5321f69647da18f93be474b4db', class: "gux-calendar" }, h("div", { key: '782e30f3f1fe6eff43168a5dd775f1104915c0a4', class: "gux-header" }, h("button", { key: '88a45290016c9ecd7d37853f62c9fa755b009673', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: '7314f5231b877889b5afe690a7dc7f0e0908458a', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'b0e09dfeac5392b9df2bc61eb0c935a85cd3867e', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: '70d37b77b5be479ce47573d54f9fb13ae24d4b89', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '37a51061a40b1c26067d714dbe65c8acc2ce96bf', 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, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-DDfBcGfa.js';
+import { t as trackComponent } from './usage-BtwSML-t.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)}";
 
@@ -15,10 +15,10 @@ const GuxCard = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: '363ba6f0a883e4e2f4a056f6d4d441efb0b3ea2c', class: {
+        return (h("div", { key: '8531803bf5aed7589ee6d93d1fc3fdf05530e2e0', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: 'e36c2a015923aa961bd1c0a308f2066b702e6272' })));
+            } }, h("slot", { key: '5886c4c10b3153226b13a59f7d7b85dd0d16e136' })));
     }
     get root() { return getElement(this); }
 };

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

@@ -149,14 +149,14 @@ const GuxColumnManagerItem = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: 'e6013e498a0c7f257528ace4073d8172583d08f8', draggable: "true" }, h("div", { key: '49ab2eb77431ae3133b5aa34697fc85139a146b6', class: {
+        return (h(Host, { key: '367c36061a556b2e8a01b97588534933287690d8', draggable: "true" }, h("div", { key: '1d208d949bda74e4d875dab973c17e511dc2f847', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '50c716123ee00cba66bd2f6fc8b15779113b4f47', class: {
+            } }, h("button", { key: '8b07b8235afe8cd1f29e99107748cff8ab08308b', 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: '97863cb76d1bf28dfa079c77a1c99eed6664972b', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '6bd0d410c9d3d0c7772abfa40fae34987e3d41b4', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'edf779e93542edcd8704fee84f330939460776de', class: "gux-select" }, h("slot", { key: '84f0bc882c16a3e478ea6a0e76f85bbe63b23686', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '6e4e27282db27295a16cba27d063fe0f682f4901', 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: 'cbcae4d3eeb2caa02ce2f255d3613fe0af576a88', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: 'a257610ac76e61b8003e71244b7e5287b316660e', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'a4e4ee44deb6a4c3898e32c926aabc3c14fefc16', class: "gux-select" }, h("slot", { key: 'bc505575ec260c8867f634ac87aab7f08d1c874a', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '98d4bce92703929555b0e2bb2912b3fea9ac9559', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     get root() { return getElement(this); }
 };