genesys-spark-components 4.137.2 → 4.138.1

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 
 const guxActionToastCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:stretch;width:270px;padding:20px 24px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;align-self:auto;order:0;font-family:var(--gse-semantic-heading-lg-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-lg-bold-fontSize);line-height:var(--gse-semantic-heading-lg-bold-lineHeight);font-weight:var(--gse-semantic-heading-lg-bold-fontWeight)}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:#1da8b3}.gux-header .gux-icon ::slotted(gux-icon){width:32px !important;height:32px !important}.gux-header .gux-title{flex:1 1 auto;align-self:auto;order:0;margin:0 0 0 8px}.gux-message{flex:0 1 auto;align-self:auto;order:0;margin:16px 0;font-family:var(--gse-semantic-body-sm-regular-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-semantic-body-sm-regular-fontSize);line-height:var(--gse-semantic-body-sm-regular-lineHeight);font-weight:var(--gse-semantic-body-sm-regular-fontWeight)}.gux-message ::slotted(dl){display:flex;flex-direction:row;flex-wrap:wrap;place-content:stretch flex-start;align-items:flex-start;margin:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}";
 const GuxActionToastLegacyStyle0 = guxActionToastCss;
@@ -12,7 +12,7 @@ const GuxActionToast = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '337254312aec117cc66e2771ed28c737e2d7af25' }, h("div", { key: '24b1ab47344df468f0c6e050172e5c2f4aa57e24', class: "gux-header" }, h("div", { key: 'ce82ae50aaaf481ec954d35aeab9ad866f1e89c1', class: "gux-icon" }, h("slot", { key: 'a30a722b2c1f0ae0dc65fc465968ffa574ffdcdb', name: "icon" })), h("div", { key: '680c18deb7ebe847a0047547c50a3a67157e22f2', class: "gux-title" }, h("slot", { key: '0598882985150968d151ff83d51415a9d8ad6af7', name: "title" }))), h("div", { key: 'b450f899d266fab7bb3f6968f125c0efe36617c7', class: "gux-message" }, h("slot", { key: 'b14a9dfceab81882f66bf034c6218a3b5cf85d04', name: "message" })), h("div", { key: 'a0378081b84d7c37baf4cc67dc090bdfaddd2b98', class: "gux-action-buttons" }, h("div", { key: 'c4f8321cf28ce4f312a0c6b2e3ba3380bb0a3360', class: "gux-positive-button" }, h("slot", { key: '66f788f963628f37435e44a9dd6bae756ba28d5f', name: "positive-button" })), h("div", { key: '2243a8ff2440e59e38ef8224f7b7702db1c91e7d', class: "gux-negative-button" }, h("slot", { key: '97cf8e6bb76173b7e1d56b8fc31b5afb9759c18b', name: "negative-button" })))));
+        return (h(Host, { key: '1a8af93ebf97822103c278b6e1acf302d6fac828' }, h("div", { key: '690645f09dfbbf533a000b8e573a8eea7077eb0f', class: "gux-header" }, h("div", { key: '13d314e118929340e9f229fd4efbdd90342b7778', class: "gux-icon" }, h("slot", { key: 'dac24e0dcb852921e631e7e24ae8b283fb3dc348', name: "icon" })), h("div", { key: 'd0c423a9f94f4cc2c2a0d9e42f28c0350c6eaebe', class: "gux-title" }, h("slot", { key: '4dc1946758a1644e5a8f5f852e93205386f8dc5e', name: "title" }))), h("div", { key: '633d576934edbef111e81a4291c0586a831f8127', class: "gux-message" }, h("slot", { key: '78830fba4de476e503b0bf6774c9453d3b7f589d', name: "message" })), h("div", { key: 'ede5f36a0f0dfcfe3c57563813dcfb88754f9e1c', class: "gux-action-buttons" }, h("div", { key: '6d4c629edce80fe5bb17af72eb20569c92afb8d2', class: "gux-positive-button" }, h("slot", { key: '5d7ba5a7a8700b0258f38631f41a451f9229eea3', name: "positive-button" })), h("div", { key: 'f004a4f6eff0999ace5bd07b5613c7e848f4b0c7', class: "gux-negative-button" }, h("slot", { key: '45311073079442b62fa1580cb14cc4f0b4643cf4', 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, g as getElement } from './i
 import { o as onMutation } from './on-mutation-a222fe93.js';
 import { O as OnClickOutside } from './on-click-outside-6c2e399b.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import './get-closest-element-728b9f18.js';
 
@@ -86,9 +86,9 @@ const GuxAdvancedDropdownLegacy = class {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'f4059d5354d1e76054e93fb226b035e745ec51c3', expanded: this.opened, disabled: this.disabled }, h("div", { key: '3ed651aceb3c0eecaafe9553f1d7d24a6d39f63c', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '5b55314cd983ca7a3e65fc2af3e32e9b6d1e2a53', 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: '61389af1e95fbb40fab5f953c231f0ee64c0ca80', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '0d0390475d0c527778e3519dee6ded1f7a66f7b4', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '3f852d832791cc0670034cea02911b61a0451c4c', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'd31a3a64c79c232544a5fb403ad89e0cac3693b8', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '1b57b892c851a2e71d53f83f93b1f1e929d42404', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'ef8f51e0ad0d209aade37e0572b69de1858d0dbb', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: 'e0c9c8b17b418e7114f7fad6031815f898e6973f', "label-position": "screenreader" }, h("label", { key: 'd72d4c26b1c1d3c1bf96d05fdbda5bf5e8fd1ad8', slot: "label" }, this.i18n('searchAria')), h("input", { key: '3b59353498a7ed48f961377c4e7590206f06f973', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: '8a78df08f5d2a5b8386ba4e13b04d5d54fb26d1c', expanded: this.opened, disabled: this.disabled }, h("div", { key: '889b4d4fb3682d0182b5ba8994ee99d05506a4d3', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: 'e3904dd5074062c344d133a7c22fd800fd1b6ac4', 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: 'aac718eb8dad922366872cf0b8a1ef9244ec4ed8', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '335dbf1e7c953ff1bc547673ca9793c7306d92be', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: 'cbfd4fe3c305dbc37d1ca792a4e06d6509638c7f', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'eafeeb6ecd8240b95b70e5aa9873c6eeb89b7070', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: 'cdc3fbe6adfda50f3770a62becfcbbf56ef4e0fa', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '9931f00641ecb454c45782ec366534b492cab544', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '436fbd0b22817c283daeb50b2c0ee403e87972d8', "label-position": "screenreader" }, h("label", { key: '4ee75fc60f1dcb095aea3e45a8506669b0d23d5c', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'f6880d792b6003f236e4779a5329a22521d7b0af', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: '287a0a31b612523947ea74efaa8314c21f58cbc1', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'a4465272f922458cc361798793c2980e22135a3c' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: 'b917071143ac6304e93a40e2182c488cd7a27cef', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '760d2632deee46edda74124407e2f0986f056169' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

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

@@ -27,7 +27,7 @@ const GuxAllRowSelect = class {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '64cb16b862f00d992a7241753a832bec71ca243b', "label-position": "screenreader" }, h("input", { key: 'e3d1c04de37164cf82a4aaf8f7735dae7ac18ddc', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'faf1eefb6239fc402b7a4e581cf6f37e4a8751eb', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'ac494b60beacdb90e8bd70e08d81316af75e5ea8' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '089863781d5fc390f09394e9f767ad6ff669f06c', "label-position": "screenreader" }, h("input", { key: 'a6e31583fcbec3c64ef49572c88a1f9fc0917118', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'bf200186eb5833aa2f3679ca5e48a4d64ee0318f', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '4563c60bc47ff901e621d8028247ba012471a4ef' }, 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, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 
 const guxAnnounceCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";

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

@@ -1,5 +1,5 @@
 import { h, r as registerInstance, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { g as generateInitials, a as getAvatarAccentClass } from './gux-avatar.service-43c1b4e1.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import './get-closest-element-728b9f18.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, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import { g as groupKeyboardNavigation } from './gux-avatar-group.service-0e62fde4.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { a as autoUpdate, c as computePosition, o as offset } from './floating-ui.dom.esm-17bec7ce.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 import { s as setFocusTarget, r as resetFocusableSibling } from './gux-avatar-group.service-0e62fde4.js';
 import './get-closest-element-728b9f18.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 import { g as groupKeyboardNavigation } from './gux-avatar-group.service-0e62fde4.js';
 import { a as getAvatarAccentClass, g as generateInitials } from './gux-avatar.service-43c1b4e1.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import './get-closest-element-728b9f18.js';
 
@@ -58,7 +58,7 @@ const GuxBadge = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'efb5a5c65f14123033c5883d4b66f836a22d2310', class: {
+        return (h("div", { key: 'a0147cb1c5476bdf158e8e0782a2f88825e80fa8', 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, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import { O as OnMutation } from './on-mutation-751e68e4.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 
@@ -42,7 +42,7 @@ const GuxBlankState = class {
         this.hasGuidance = hasSlot(this.root, 'additional-guidance');
     }
     render() {
-        return (h("div", { key: 'a7b78e7de725c2254eca7baa528ded06a1c9a5ee', class: "gux-container" }, h("div", { key: '784ba6ba685d37816d7d5e7d6da206de70d6fd4d', class: "gux-image" }, h("slot", { key: '41d7935ff9c9a69ea618d627bd96d620f1367e4a', name: "image" })), h("div", { key: 'cef74a6fedd5780c8de1b8b5f93078a34c11f9c3', class: "gux-message" }, h("slot", { key: '6c604b77f9049900c2f921ab2de984ed9de6de9f', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
+        return (h("div", { key: '05e63d1b90bf4a4edcdc577d73f19197a3ec300e', class: "gux-container" }, h("div", { key: '2a5551a003107fc25174d782f4e26a9844b1c4a7', class: "gux-image" }, h("slot", { key: '40fdd277e803b9ad62f489ded7b28fbb1837675b', name: "image" })), h("div", { key: '3346d51cbbb9e93b63cebc3dad447ed15e8791e3', class: "gux-message" }, h("slot", { key: '287c8b98b465184ee4d26529eedabd8f519f5dc7', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
     }
     get root() { return getElement(this); }
 };

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

@@ -39,7 +39,7 @@ const GuxBreadcrumbItem = class {
     }
     render() {
         const accent = this.getAccent();
-        return (h(Host, { key: '983f0148c4d8bb17f1ca13fc6e838a46e8a717fd', role: "listitem" }, h("span", { key: 'c83c8b53d378bb8405b32ceebb41f7d0b7fc89e7', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (h(Host, { key: '1b4c4d01765ac195dbde19d6ff3044caca8acb48', role: "listitem" }, h("span", { key: 'c436f1b6d29355b6e5f9069a9041640654189871', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-1f4f2f77.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import './get-closest-element-728b9f18.js';
 
 const breadcrumbs = "Breadcrumbs";
@@ -26,7 +26,7 @@ const GuxBreadcrumbs = class {
         Array.from(this.root.children).forEach(child => forceUpdate(child));
     }
     render() {
-        return (h("nav", { key: 'af4678f44fe594fc5028a94d602bb2f24a7acc87', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'edf49f7e855f2318fe77af91fd4428fa0abb386b' }, h("slot", { key: 'f5851d22b06bf995062fbbee1f3b0c5488d07ed1', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: 'acf6c84d719c43df03381127ef2fa2367906ed79', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '4dfbc4c462d69aa146e2282523293fe44d427217' }, h("slot", { key: '0f5f128f1a3766d67498c4db2321132fc24d9c7c', 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, g as getElement } from './i
 import { O as OnClickOutside } from './on-click-outside-6c2e399b.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {
@@ -113,7 +113,7 @@ const GuxButtonMulti = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '37d3a840914a457cfc41be16404d46f2e87d1914', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '261cfdbe101f17ddd7493f11c33f49f3b39eec87', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '4d074a5db751c1969d4d1826aa046422cc64950a', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '0aacd40c9e4e469c6fe7ca725de1974e6d61f90a', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '892695d6b5cf16b035b67475a9908220af1761f0', name: "title" }), h("gux-icon", { key: 'ca3d7ea120bee12d21efb83a85fd5da372c5d033', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '66d97b939e4692d380d44d8a1bea3300b654434d', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '18a890500116e6bb8f808eefbd384de161bd5b6d', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '693bd27986f05edee01e9c346d4364b1ec1b01b6' })))));
+        return (h("gux-popup", { key: 'fa206429829cec851aa93d372d87fb5e121e0fa4', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '469c69c3b15a2db5065e4b279855cd3f0caac288', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '866210a3d17f20c7fd8ee5a4947990bebd4cacc4', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'ecb2480c7790f3b1094da833f427147f6042fb4f', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '9f3dfda85b9e519cf5aa9941764016251c8a06f5', name: "title" }), h("gux-icon", { key: '81404daafd6cd8338f2a14f563997d198ae05dfb', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '5885c5252023c07e362ffadd3421c1060c42c325', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'cad01a2031100282e0800dc5552dcfec9292d40c', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '24a9ccce0270ad3af796d8cef3066456a5260cdd' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

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

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement, c as createEvent } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom.esm-17bec7ce.js';
 import { O as OnClickOutside } from './on-click-outside-6c2e399b.js';
@@ -32,10 +32,10 @@ const GuxButton = class {
     }
     render() {
         return [
-            h("button", { key: 'bb8f1bdb849e1d65957f95e9def0251929afc02b', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: 'af9b0ffd83f3edc54e4afa3f3df05398260c1e5a', 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: '4040a4ee4754711f157db46b44c9cc8060b14d75', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: '32e4cf12b85ad738529600bd1878a6f3ee33c04a', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }
@@ -257,10 +257,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (h("div", { key: '53f3acc8d7489d118a7d03f747ee1dbcf7937b8b', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'f78208956cac48f1ed92dec054af7c56f1483e27', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '022f37a2cdea6e575a178cbdcf91910507b5f4d0', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'c60609a275d4927afb11eccc4ff9c9f2a26986e7', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '84374ea8377d12bb0139d2b9fddf013e8ef465bb', onClick: this.dismiss.bind(this) })), h("div", { key: '3bfb386197f34c802091acd69dd83513e63b0799', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '1ec2c4c8cb463f4cae48ae3dc3d1014a9eec2c9e', name: "title" })), h("div", { key: '2b3e986813eb4b3a261860a91d5bdf0db59a06c7', class: "gux-popover-content" }, h("slot", { key: '2d9580d3edd82da06e3e94bcd88be987bfea3fb1' }))));
+            }, "data-placement": true }, h("div", { key: 'd42c6192636029eed643bfaafecc0b2f80394fd3', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '9fc1f6bd146a4a2b6fa70fa8cab72972e24e2815', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '6da0834cb23232b1cea9834d1f4ada26eb9a6ff8', onClick: this.dismiss.bind(this) })), h("div", { key: '609540dfa3c0af738a57cf91c92d81392b5bcad8', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '2330c98eeea367966133574f062a36953f9b2487', name: "title" })), h("div", { key: '100c1123b7250fc755f58fdb0decdee00dfa3fd8', class: "gux-popover-content" }, h("slot", { key: 'e5d4780993a82f6d5cdb7362f7b9c29dcc8cea24' }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-1f4f2f77.js';
-import { i as index_umd } from './index.umd-703827bf.js';
+import { i as index_umd } from './index.umd-354e52e4.js';
 import { g as getDesiredLocale, a as getFirstDayOfWeek, b as buildI18nForComponent } from './index-4f1356d9.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { l as logError } from './log-error-274efeb7.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { a as asIsoDateRange, c as fromIsoDateRange, b as asIsoDate, f as fromIsoDate } from './iso-dates-c6c7180d.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import { g as getDesiredLocale, c as getStartOfWeek } from './index-4f1356d9.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-404638dd.js';
 import { d as dateTimeFormat } from './intl-93dbfa3b.js';
@@ -398,7 +398,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: 'af6dd3690b06c19240a626487b8b416ce278ecfa', class: "gux-calendar" }, h("div", { key: '89b901890c7c1f00cf94b9e9773ebe46ec9f81e9', class: "gux-header" }, h("button", { key: '67c40070fc2227d8b79e0d6e2e21d77380b9a5d0', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '2bd8edc3755d8d3783be87b49d8405cbc197ef2f', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'f3a75968f96e3f475503c6fe56af5c7534aae4f7', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'e5c8e7c5af77082d5cf6ed69ebcd38ef5b0911d5', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '148e5592ae9a3762d2195c51119130fb1e0f87ff', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '3e7104c7c527ba42cc818e65513814372fb85602', class: "gux-calendar" }, h("div", { key: '3b8db690a35c0d8d7e0fee9aef4c11cc8da8bad0', class: "gux-header" }, h("button", { key: '543de6897267a1f4e6e8db8b97bb711304c08b52', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'b2c294ef682512eece2727b7a81d767e8eaa6ac9', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '63a15fda509d1b4094e9758f7e363a12d9eb8b5a', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '8ddab445b31da40a62add023f2e6c7e96ebbe62e', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '717c46e440097c55521bd0ccece930c78cb18673', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.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;
@@ -16,10 +16,10 @@ const GuxCard = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: '95cc3325babcec3a310c5a80188a7e878769e99d', class: {
+        return (h("div", { key: '50bbbdd887db89f85e38917ccb676f3635aa339b', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '71af33737da9ff5c4f2b5d070455bdc4ece8ebde' })));
+            } }, h("slot", { key: '14b6233c8880929e2797e7d486d553a39fd8a4a2' })));
     }
     get root() { return getElement(this); }
 };

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

@@ -150,14 +150,14 @@ const GuxColumnManagerItem = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '6c8e5fcc8db5fef7206d9fa0ef242193510176fd', draggable: "true" }, h("div", { key: '6a86294a3967b055efa4f7941cb729ca2ad6ff38', class: {
+        return (h(Host, { key: '4f4f1a2d4ef6e37442a02b323727002ebc2d229d', draggable: "true" }, h("div", { key: '527ed6cf7479c6d274b1bf76c55d99f0b926a046', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '263aee0c0b8ee4ad206d2379d5d49f434ea08de2', class: {
+            } }, h("button", { key: 'a73b7f9161cb0959742a56c53c68e9b1780a70cf', 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: '61a93f4d8e2a4d44087e784f35e50d54d944f1b1', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: 'c4b716f92af579583dc68bde3cb03af6a7af6f82', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '2a9c592fe0b6b01353c7ccadf2fc14d006e7323e', class: "gux-select" }, h("slot", { key: '4b564b91bc4d749dff4f88562331a225a92c2970', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '33826b1c83dd8a0a44bb88045f628f5001078d70', 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: 'db34f0e74744edb74f6e358decb1a687a522915f', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '359c2ee8967c29f17cf8a70861554591a525ac05', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '9ef98b9772735fe121f883c54f30aa390a7b1518', class: "gux-select" }, h("slot", { key: 'e6cf19d37b7e2c3012ff5d3d344a816ec7dd7223', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '725aff67ee64a30f085e177710e8a9a75c1a82da', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-1f4f2f77.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import { g as getEmptyKeyboardOrderChange, s as setKeyboardReorderPositionIndicator, a as setMainCheckboxElementCheckedState, b as getNewOrder, c as getIndexInParent, d as getNewKeyboardOrderChange, e as setHighlights, f as setAllCheckboxInputs, h as getSelectedColumnCount } from './gux-column-manager.service-90a02975.js';
 import './get-closest-element-728b9f18.js';
 import './clamp-1fc36648.js';
@@ -111,7 +111,7 @@ const GuxColumnManager = class {
         return (h("div", null, h("span", { "aria-hidden": "true" }, this.i18n('selectedColumnCount', { count, total })), h("span", { class: "gux-sr-only" }, count === total ? (h("span", null, ": ", this.i18n('unselectAllColumnsScreenReader', { count, total }))) : (h("span", null, ": ", this.i18n('selectAllColumnsScreenReader', { count, total }))))));
     }
     render() {
-        return (h("div", { key: '09b07ae08433a4b54d85ce32a9f604a7c3f8513c', class: "gux-container" }, h("div", { key: '34fce7dcd5dcb133b71559ebe4e5c75f42c60700', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '0e058155fa679758afd9bc879f75934bfe122df3', class: "gux-search" }, h("gux-content-search", { key: '6fd3f75fec6c7d956889c6fbe81423fe5c9a21a4', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '2066c68128ad535f2cb5c589937e1f1e4b50dab4', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '2b7cb63207a14bc61b881e645c4e1fd199b79be5', class: "gux-select" }, h("gux-form-field-checkbox", { key: '1fe46fa770293ac507cc98cba574889766f36b5f' }, h("input", { key: '1dc07407ee41dc8629589b22152000a9dd2d0b57', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '239356e4df1eb0099debfb1188ccbe3917a39984', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '3b4b6d7f5eabad6a287a4b22e7d89bb09316ae7d', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'c3366dc4c09a86c926850eda2335068ad50f7b67', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'ee671033f2db7f3afd644ddf77880ae120d121d5', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: 'b20a8b3d869c89e5d0a7df788c9216beb2606734', class: "gux-container" }, h("div", { key: 'cf85ab01ddc65cd36cb2fbcf9d8a1a5641bdb73a', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '4eb733de66dd8d8cad50af3593edc9b9cea06517', class: "gux-search" }, h("gux-content-search", { key: 'd2bd59c36f8e9316e890aab2c58a4f8eaffc21a5', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '13d6d09461238dc320975957601069c0c0305326', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '196a7c4732665f9441a1da32a233a77065c657fe', class: "gux-select" }, h("gux-form-field-checkbox", { key: '59fec0d1351a8d29fb9c52e8d86f2a6e07082242' }, h("input", { key: '410e3c478f528af3ad2b7fb755f57b398d6f00de', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '437c750238f88906d24c996dfc8343ae9d4000cc', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '635052c617e778535a15916a10f50ebc19c681b6', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '4cccb7e62bb22f23132fbf5858264d1b8beef801', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '9268a564c81ea817eb4d7967a47399fa17f3e205', ref: el => (this.announceElement = el) })));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { a as onDisabledChange } from './on-attribute-change-33919964.js';
 import { f as focusInputElement } from './focus-input-element-8a137b12.js';
@@ -66,10 +66,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (h("div", { key: 'c5ad299cf0e2f1ed000be6ffa40ca104633c8df4', class: {
+        return (h("div", { key: 'dcb6954c7a1dfe5eaa09537f822c0fe1fedad428', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: 'b95c53ba01916a6c1f99c62cdf8d8022ba6eb01e', class: "gux-search-icon" }, h("gux-icon", { key: '37ddbf8a24c5aaa01340420860105bc85a7fec42', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'f1234d5ba895dd9cfffa59fa9ab91a9cc7ad7318' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '738339b0abcfb1fc67e366271045fdd6e5cc5bb4', class: "gux-search-icon" }, h("gux-icon", { key: '5caddb780225556dbb10ea0f88d735fb1efba780', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '3519f441eb8cada75bdf3c1fc21c4f1bffbf7c8b' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { O as OnClickOutside } from './on-click-outside-6c2e399b.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
@@ -135,8 +135,8 @@ const GuxContextMenu = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '5a4c210aa7fa86899cf70f1a49f46d06e475cab9' }, h("gux-popup", { key: '5454cb497b689fb2655d8b18c4c7175b95d6f1fd', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'ba4d809aefe94a5861163e088c77642d7b9c6928', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'b22fcb340fd9924ea7ced201368bb980e216bc42', accent: "ghost" }, h("button", { key: 'a6c637e941d95606d50fb13b22e6115e17834f7d', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-screen-reader-beta", { key: '249be4cb7b42f823839b14af794a473d4f122e10' }, this.screenreaderText ||
-            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: '84d230804dcbb5f16c80590863ff8b9e698ab32e', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: '874bd829b23882a82769068e002ae7e167e0a3a4', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'd37906bebb6ef0c0d0c2785cd4514ca71985ae65', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '9e9966e7627d04765ebc41a2767e5a7487b4920d' }))))));
+        return (h(Host, { key: 'fbeb395dcd997e46dabb8dee1d4dd71aa7e973a4' }, h("gux-popup", { key: '1fa5fc5fd9c6f29e9ef3dac05a57d46bdbfc5216', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '6dba4965728f08e74fcb5c97de15c65098f479e4', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '07d0f540d71554595b95f80d3761289e8cea8d80', accent: "ghost" }, h("button", { key: 'd03776600b914eebf84a2c778bf6342197027a06', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-screen-reader-beta", { key: '13a892661c665a98f8db2b497f8b24fe343a00f2' }, this.screenreaderText ||
+            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: '04235a7dad3b948d3b625ec9401997660916bd5c', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: '33ea3a235089329b796aff39e3f2be74dc32ce43', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '13950efa372613ecd95bca4203364e7d754028f5', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e9b2f596b5c4b976a17dc9342879f8662a32eef0' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import './get-closest-element-728b9f18.js';
 
@@ -62,7 +62,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '3772c9e7700f792ed5fa25656409d7e44338d109', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'b3544026dc29cc9b43a9fbf7a18174e4b769ecf2', class: "gux-copy-content" }, h("slot", { key: '864cff66ffdb80fb476d1798417921b49dc5a62d', name: "content" }), h("gux-icon", { key: '370c64646be2989aedcf5f5637c79cb4230ff573', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '402c877cac07124174c54c374b9ac3d1fdc7c538', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'e92c093e1df2111acaca09e1497af6234b22cb20', class: "gux-copy-content" }, h("slot", { key: '106a6cae849ff8f21533bbb9a2c5474ca81fb471', name: "content" }), h("gux-icon", { key: '99661a03966909eea40f77fa3df3e80c1a1101c3', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     get root() { return getElement(this); }
 };

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

@@ -43,11 +43,11 @@ const GuxCreateOption = class {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '315112b21aa45381661959cdc0cac9b6fdc3f4b4', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '9db1140d65fd28e74261308671451e71e32cc00d', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: 'cc63783640bbe10eb8781b6861bc0ace8671a421', class: "gux-option" }, h("gux-icon", { key: 'a51cd92d8590c0e752f2849d998538a20478acf6', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '89aa498fe094ab40700131b30da8e31e3b8bf6a7', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '219fd2ac6d3ca86646f58e669dfc49c626ef6d5a', class: "gux-option" }, h("gux-icon", { key: 'ede2a90067a61a6bec51f9897a81b4cd821e5a96', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: 'eb457b3ec2d80ece75b42f7176b0abbe87ca2912', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-3bde2dae.js';
 import { d as dateTimeFormat, a as determineDisplayLocale } from './intl-93dbfa3b.js';
 import { u as useRegionalDates } from './use-regional-dates-20f9c0e5.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-3bde2dae.js';
 import { d as dateTimeFormat, a as determineDisplayLocale } from './intl-93dbfa3b.js';
 import { u as useRegionalDates } from './use-regional-dates-20f9c0e5.js';

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

@@ -4,7 +4,7 @@ import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { f as fromIsoDate, a as asIsoDateRange, b as asIsoDate, c as fromIsoDateRange } from './iso-dates-c6c7180d.js';
 import { O as OnClickOutside } from './on-click-outside-6c2e399b.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { g as getFormat, a as determineDisplayLocale } from './intl-93dbfa3b.js';
 import { u as useRegionalDates } from './use-regional-dates-20f9c0e5.js';
@@ -672,7 +672,7 @@ const GuxDatepicker = class {
             } }, h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), h("div", { class: "gux-datepicker-field-input" }, h("div", { class: "gux-datepicker-field-text-input" }, 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 (h("div", { key: 'e33b64b569a9f8efe6e66cffde0cf6f4ff21bd62', class: {
+        return (h("div", { key: '9b6737412b9c14de513320e17ba00e815802f069', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
 import { g as getDesiredLocale } from './index-4f1356d9.js';
 import { d as dateTimeFormat } from './intl-93dbfa3b.js';
-import { i as index_umd } from './index.umd-703827bf.js';
+import { i as index_umd } from './index.umd-354e52e4.js';
 import './get-closest-element-728b9f18.js';
 import './get-closest-element-7b2f7d5b.js';
 import './_commonjsHelpers-c9e3b764.js';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import './get-closest-element-728b9f18.js';
 
@@ -54,10 +54,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: 'bef8cddef519a2cb8ec12c152afade245c76c714', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'e48597f1285fb2f53868912d0d1d04220688aff0', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: '505d17fcb664df950b98817214455c8e0960c737', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '03fac25eea867bf43f87a06bb2098abee7f8c7ee', id: this.panelId, class: {
+        return (h("div", { key: 'dfd11315797588b49d1f799786a294842013d48d', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '164ea67f06014b3b78860e180b633bcb3f63d6d6', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: 'a2fefab21c3de43de2c7199753a35bd68b62360e', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '362e1b3910ac360e5bc0e1a8900b82446f447f1f', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '7372dbc3ec23058ae0d27b46044a404053095906', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '453039d51dbb0e6299ade2aee243acfc0eaffab5', name: "panel-content" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import './get-closest-element-728b9f18.js';
 
@@ -22,10 +22,10 @@ const GuxDismissButton = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: 'efe5ae1b6c0250e4bad7130e431b5a92814f6bd3', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: 'a4f5661d7690d55be83e54a0da40f5b87d1f8c44', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: 'f83bc1ba475a57223afeab9d92d75ffc3cb13870', type: "button", title: this.i18n('dismiss') }, h("div", { key: '2f011eb4ee09def0c15859b4ca22c341abc361b3', class: "gux-icon-container" }, h("gux-icon", { key: '3765fa6ea27c572633c5cbccc610027c4089f762', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: '2223786156e5c59b39b9364f5c83129dd71f714d', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'cc8e1cfdedeb7dafffcf7875f938a9501e20eaae', class: "gux-icon-container" }, h("gux-icon", { key: '1b72196d75de63a1de10f949464f891750c4efcb', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -44,7 +44,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '4a56d3835b20a2e72ce370301c44b43bbe68572d', class: {
+        return (h("div", { key: 'e563ee84dd6888a8ef01ca609bf130afb40065d0', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

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

@@ -4,7 +4,7 @@ import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import { o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
-import { t as trackComponent } from './usage-7bab1fdb.js';
+import { t as trackComponent } from './usage-e4bc6464.js';
 import { c as convertValueToArray, s as setInitialActiveOption, g as getSearchOption, a as getOptionDefaultSlot } from './gux-listbox.service-1b2f1a6e.js';
 import { O as OnMutation } from './on-mutation-751e68e4.js';
 import './get-closest-element-728b9f18.js';
@@ -417,7 +417,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            h("div", { key: '8e8a842e62c684da34b111bf376535cc6d1d8e40', class: "gux-dropdown-container" }, h("gux-popup", { key: '67cbfb0d09c5f7e5f64bc6e0b67a1fe9850a7070', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '355124f96b66e4de493455af50af902a167a2672', class: "gux-dropdown-container" }, h("gux-popup", { key: '4e67cf4314d7eaaf3715dbf6b562864dbef5307a', 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; }