genesys-spark-components 4.94.0 → 4.96.0

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.js';
 
 const guxAccordionCss = "gux-accordion{-custom-noop:noop}";
 const GuxAccordionStyle0 = guxAccordionCss;
@@ -38,7 +38,7 @@ const GuxAccordion = class {
         }
     }
     render() {
-        return (h("slot", { key: '72852efdafc204b706f7efc44b26b7b187eefdf7' }));
+        return (h("slot", { key: '160c93a1c18f316b83aa14959ccaea44debdd1f6' }));
     }
     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, g as getElement } from './i
 import { O as OnClickOutside } from './on-click-outside-edcae419.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import './get-closest-element-728b9f18.js';
 
@@ -138,7 +138,7 @@ const GuxActionButton = class {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: '6ddcba4924dfedc3214c34ff2b1b0c02b896aa89', class: "gux-action-button-container" }, h("gux-popup", { key: 'e0ec31739c588fd5406a250fb1dd55926debb322', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '78d08a590d6a22d5c0bfaca1d05f6bfbc149e4cb', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'a49f468fa8b7e5942cafd1dfd5930cfb0270299f', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '93b1c251d3ca226ac809f47100ed211c48313980', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: 'e688794838173c12210ed0af28c216544f7e7158', name: "title" }))), h("gux-button-slot", { key: 'ca63abb681212fb721eaacef3831a1945a05a26c', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '2b69b963ac164128df0dec4de997ae1e348b49c9', 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') }, h("gux-icon", { key: '89819f60a6f61d35ca2668cbba60d8b61a1d838a', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '6733338ac23a0f88a3d31defc9e17e12fe57d5ef', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '1e649cf1a770bfa59dde175a8bbcd25857a9d3d7', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '9eda4b80054a2fd335d4727e526ee8a3d02e7d03' }))))));
+        return (h("div", { key: 'd9060faa5bd3fe1e0e8afca0ab801758028669d3', class: "gux-action-button-container" }, h("gux-popup", { key: '115bcfde626ba30fb63ee623ca5a685e9397d629', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '83035160e0216c92e92f1db257bda013447304ab', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '99e10dc66c62aff894c81d4179b5bab464adba50', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '8415344a4e9cf48e49ab36c3ecf85a96907fb4b9', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '5369ae7eb85f4598afaabb7002f82e8b0e4434fe', name: "title" }))), h("gux-button-slot", { key: '1ad1e508ebe6503aaf090c1f4208de0b8a5a683d', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '26c91a4f060c6b64bd9183daf7f775c45238e766', 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') }, h("gux-icon", { key: 'e752f4953745a9b76d506bc284d48127c0672bd5', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '8627c9d41cfe82390206ae32777d727a96de69fc', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'debd47bef276a4227a1392ed4fa94b405be1f4cb', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '4e7c9bfadd10b43d732e92c1695d2c7337531100' }))))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.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: '3e4c48046469469c7eab7a2a1617d1db743fe6de' }, h("div", { key: 'de7346d4d1700b527f3afce568e82da04a59614b', class: "gux-header" }, h("div", { key: '5de7650e10a7d4cb28f3c3c34314a1b47b0bc737', class: "gux-icon" }, h("slot", { key: '55a12ec1e43a23a7ecbe85aff77a5c46a1c1640c', name: "icon" })), h("div", { key: '31d523dbfa8fb7667d4cbf3eadc5ad2f1296cba0', class: "gux-title" }, h("slot", { key: '2c6b710731012fc79779fb79923fcd6bae1c8117', name: "title" }))), h("div", { key: '9e0a27452b684a0fad9a0d7213df6300b1f8ee51', class: "gux-message" }, h("slot", { key: '0a5d049ba5d380c920899a942e1637f9f8d1f1c9', name: "message" })), h("div", { key: '35b4025c43299b591a5b7a3ccf775e42962cb79b', class: "gux-action-buttons" }, h("div", { key: 'c0ead3e54a3b7eefe5c375581db5a41bcc3680c3', class: "gux-positive-button" }, h("slot", { key: '8966339c25c0e06df8516af35f73fe962242ba7d', name: "positive-button" })), h("div", { key: '2e5e0104a38357a75b654499f1b332ef92c00ae5', class: "gux-negative-button" }, h("slot", { key: '25fb1018f495019e954b013ad0e8cd22643526d6', name: "negative-button" })))));
+        return (h(Host, { key: '344404b2729a70cdc427299bb88ab8eff6a1f518' }, h("div", { key: '2f2b8d4568fc903fe7014b999c5884991f53924c', class: "gux-header" }, h("div", { key: '9d96fb4bdd406ca5f146f5cfeaead14b44a1e5ac', class: "gux-icon" }, h("slot", { key: '617ec746f3aebe23ecfa602c8d60789b7ea59eed', name: "icon" })), h("div", { key: 'aa7778221616f7b69fa9747b7516909578f5b827', class: "gux-title" }, h("slot", { key: '3a739d4b488a5f74426e6cb44a31e7c91c8e9c44', name: "title" }))), h("div", { key: '6473157009504827971435c1dd480b48fc7aa79e', class: "gux-message" }, h("slot", { key: '4b2e51a6eb3a9aef809445eecadbd47f751a8344', name: "message" })), h("div", { key: 'c2df2ac9b53bff9acb83d1f18f4f2cecaea22540', class: "gux-action-buttons" }, h("div", { key: '3f9e530e1dff45b824fb2b319a7053a60d26a459', class: "gux-positive-button" }, h("slot", { key: 'eb474e9c4e011dc4e8ec015e0496bb3147fd4b7d', name: "positive-button" })), h("div", { key: '440031af2a91a9ec093e00f06e45b9afb91cb49c', class: "gux-negative-button" }, h("slot", { key: '8299f13a016f95f4354df5f29fe37aa1c66b7d5e', 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-edcae419.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import './get-closest-element-728b9f18.js';
 
@@ -79,9 +79,9 @@ const GuxAdvancedDropdownLegacy = class {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'ee5c16f4c77893a49fdcfee110f55f87d0d2aa10', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'd73c0142821e13a834f43ac5d554a21207e81f12', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '244aa0d713714afa58a3154516eaef22dfe06be2', 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: 'dc0b57749111c9669aa0c2ffaade0725a7248a53', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: 'b68334ab57d49c1272f3f45788643f95c4fba3d3', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '767c891def8f989a9a65810734e0c5563463451c', class: "gux-icon-wrapper" }, h("gux-icon", { key: '5cc7199ca49a1f3a437bb9925d06ea7a0a5574d1', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: 'b8ad4b1c20b3f710d9134a514c0873d5207e6e99', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '626f236c6be21b5941110be7167496a89ddf148a', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '9ca1b73419e9b34d30e073e88800ea05054f1f1c', "label-position": "screenreader" }, h("label", { key: '3cdcf80eebb02572b853e9508f12b5f7422baa1c', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'bdaa57712f58868af0036202ff3e7a690f6ab9be', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: '0400f9106176013ffb6dae6299967255920451d1', expanded: this.opened, disabled: this.disabled }, h("div", { key: '07f4a75522492aa2b23bd118e15bd4dfa385b168', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '3731d1005dc21645b4e5d3db0128bf7c19fbd387', 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: '6a5414be05a0fa4bda566af05057eb3d2bcd032e', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '353ea5852bb21264ee0f6bf4dc6c5ae0fd68363d', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: 'dd4ace94cb295b3b4013977dbde9e7a736c847a3', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'e3e780a3461441083846154da147b6bfef7dcf52', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: 'b39b3c644c88fcf9d3e453ca9275ffd4810cdbf4', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '9b99daaf18bfc776dee1388764991cd819caba22', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '2250fdb7ea25e0786d6e8da278cf16222563c22d', "label-position": "screenreader" }, h("label", { key: 'bade61ee0c3e12ddbf272fa4d556772f6e4cb19f', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'df0970634a7bf0a85079a09a74af2a145756970f', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: '247587c21dbc641349fa43be774373cc2b5f01d9', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '965c438738384011cf8a0793be1298145b23649a' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: '73e76d48e40c273907e9d4c8bde818088dc1575a', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'f2744f267df2554133957442754feaf05140b48f' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

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

@@ -28,7 +28,7 @@ const GuxAllRowSelect = class {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '822dd2de3181e124d5b778a1a537859ab0f2eb4b', "label-position": "screenreader" }, h("input", { key: '09e6b28decdf3808dd286178791c9ca052938b44', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '976cf7acdede6c88842a1799cdd06c50bd06947a', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '9e0ffaafad0d3e2f98bf3b68583ac83510b56e28' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '30bf073c40612cca87ea0cd344f6bdd4736ef4ca', "label-position": "screenreader" }, h("input", { key: 'ff47926da6d087f18248058c5b37ebfc9d6aa751', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '9dee2b646891c74b7f669bfd6284e39257ae4819', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'a5c8e9906e1953a23be15e6158a1593a6d7b0488' }, 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-b6ca2adc.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 
 const guxAnnounceCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";

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

@@ -1,5 +1,5 @@
 import { h, r as registerInstance, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import './get-closest-element-728b9f18.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-b6ca2adc.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.js';
 import './get-closest-element-728b9f18.js';
 
 const changePhoto = "Change profile photo";

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import './get-closest-element-728b9f18.js';
 
@@ -53,7 +53,7 @@ const GuxBadge = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '3155274a9d8cb85f35b0b4b02095cad8b0025afb', class: {
+        return (h("div", { key: '1258217f32ccfd99d298a81f89a74672fb059324', 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-b6ca2adc.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.js';
 import { O as OnMutation } from './on-mutation-66a68405.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 
@@ -34,7 +34,7 @@ const GuxBlankState = class {
         this.hasCallToAction = hasSlot(this.root, 'call-to-action');
     }
     render() {
-        return (h("div", { key: '254441873ee0abf26d07d86c0ff8d5088e20af3e', class: "gux-container" }, h("div", { key: '20407d4a5b30eb1eaf708fca4e2ff88c42b675ad', class: "gux-image" }, h("slot", { key: 'c4cf1bf58136803b63dd1a5b84a4b2be0fc54f03', name: "image" })), h("div", { key: 'eff3d73f052dc07a3102b0b135d2109cc39c7d6d', class: "gux-message" }, h("slot", { key: '75dc59294d001562307f4cbd9989fdbb34acfe3f', name: "primary-message" })), h("div", { key: 'c886609987a4837739b4de66b8300b107909328f', class: "gux-guidance" }, h("slot", { key: 'a797a544aba20ad2d3c123d9c746f3a004dff711', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (h("div", { key: '24cd9e0dc134c6df9532bd0cbc8670a3c17d6090', class: "gux-container" }, h("div", { key: '67f2a6704b38fbb0dc3742b09f0ec326942437b1', class: "gux-image" }, h("slot", { key: '62100e3caef04d45a9844c00909293e1004524cc', name: "image" })), h("div", { key: '208ea8b7961f9c6cd14202cd936b24e56d5425aa', class: "gux-message" }, h("slot", { key: 'c616ba4fcb9a847b5da5f3f3e74f2b1b9b0e51b4', name: "primary-message" })), h("div", { key: 'b0c6560fa70f92487d25364817a70ddf5688bb31', class: "gux-guidance" }, h("slot", { key: 'd1633da5220f82b358faa02d1ebd76526bbe2dfa', name: "additional-guidance" })), this.renderCallToActionSlot()));
     }
     get root() { return getElement(this); }
 };

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

@@ -40,7 +40,7 @@ const GuxBreadcrumbItem = class {
     }
     render() {
         const accent = this.getAccent();
-        return (h(Host, { key: '62b04f1d5f6081415b79e232248b56cf5bb138f0', role: "listitem" }, h("span", { key: '32486b4280826d41e4397c0452683038c011aae5', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
+        return (h(Host, { key: '02be8b25219f72cdd40447e500bf5e40f46685cc', role: "listitem" }, h("span", { key: 'a69eed8530b06af14aecef1b8a534b7a2ddb1215', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), 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-b6ca2adc.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.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: '3263182d9af07fd63e2103fd1b075d404d109c3e', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '887ad432cd8024d589449252c07d575c2d8362f0' }, h("slot", { key: '3f8b7efac73e4f54b741cc95bb2788033069c515', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: 'b9006e984e5bf6d3e71aa29e10bf11311b6ef184', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'f1f244e8496e990f1de0d96fb39e15075f7c25cb' }, h("slot", { key: 'ab74b94efc7e33fdc7b8a1d449a5a018dfc4451a', 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-edcae419.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.js';
 
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {
@@ -114,7 +114,7 @@ const GuxButtonMulti = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '8e419baad644a9be505b21e035aad20bc12329e0', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '42661fad38d139edcc9a1047295f4585039a92f0', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '075dcab6ce9658ff658e3dbda228af8d4be7467f', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '1977e4a4b32038b7865a314146ac62daf56fb928', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'd3d2fb4d9234fbee37dc305bb9fc44f95d80b18b', name: "title" }), h("gux-icon", { key: '8375ddf3638ff596d60bdec30b64c74c1234d8de', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '2e892d919b075cd97e45cdb7c39221b111de29dc', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '347bab5c297ccf54baf433e5a9fa5d882056faf1', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'fcdabae8844cfcc18a38d100d7a67e87ba7947a3' })))));
+        return (h("gux-popup", { key: '1f3d49ed9c3e09fafe5973c2a3e4bf1f813b2b64', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'b0517695eec933f7a3aec7b07455cfed4d4f436e', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'c66c8494c7e2d788604afd99d159a4832421a811', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'a9b110c9d29bff9a8ffef9462113488cfd98a9d6', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '3dcfe9e069d868c8cefa1dd1a2080b9e0eb1ced7', name: "title" }), h("gux-icon", { key: '2aaabf67a9d00b82f7117ec377b485340a92cf54', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '43d6a96117ba991f796f974691945d0ccea6a0fd', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'b09477b16f270a59a3d80b78be183d451d14d290', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '8c18173ddb6bbf292f0eabe93db8991068487d2f' })))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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-b6ca2adc.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.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;color:var(--gse-ui-button-secondary-default-foregroundColor);text-overflow:ellipsis;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-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(input[type=button]:hover:enabled),::slotted(input[type=submit]:hover:enabled),::slotted(button:hover:enabled){color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}::slotted(input[type=button]:active:enabled),::slotted(input[type=submit]:active:enabled),::slotted(button:active:enabled){color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]),:host([accent=primary]) ::slotted(input[type=submit]),:host([accent=primary]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:hover:enabled),:host([accent=primary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=primary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:active:enabled),:host([accent=primary]) ::slotted(input[type=submit]:active:enabled),:host([accent=primary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]),:host([accent=tertiary]) ::slotted(input[type=submit]),:host([accent=tertiary]) ::slotted(button){color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width)}:host([accent=tertiary]) ::slotted(input[type=button]:hover:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=tertiary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]:active:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:active:enabled),:host([accent=tertiary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]),:host([accent=ghost]) ::slotted(input[type=submit]),:host([accent=ghost]) ::slotted(button){color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:hover:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:hover:enabled),:host([accent=ghost]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:active:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:active:enabled),:host([accent=ghost]) ::slotted(button:active:enabled){color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]),:host([accent=danger]) ::slotted(input[type=submit]),:host([accent=danger]) ::slotted(button){color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:hover:enabled),:host([accent=danger]) ::slotted(input[type=submit]:hover:enabled),:host([accent=danger]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:active:enabled),:host([accent=danger]) ::slotted(input[type=submit]:active:enabled),:host([accent=danger]) ::slotted(button:active:enabled){color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}:host([accent=inline]){min-inline-size:initial}:host([accent=inline]) ::slotted(input[type=button]),:host([accent=inline]) ::slotted(input[type=submit]),:host([accent=inline]) ::slotted(button){block-size:initial;padding:0;color:var(--gse-ui-links-default-foregroundColor);background:none;border:none}:host([accent=inline]) ::slotted(input[type=button][disabled]),:host([accent=inline]) ::slotted(input[type=submit][disabled]),:host([accent=inline]) ::slotted(button[disabled]){color:var(--gse-ui-links-disabled-foregroundColor)}:host([accent=inline]) ::slotted(input[type=button]:hover:enabled),:host([accent=inline]) ::slotted(input[type=submit]:hover:enabled),:host([accent=inline]) ::slotted(button:hover:enabled){color:var(--gse-ui-links-hover-foregroundColor);text-decoration:underline;background:none}:host([accent=inline]) ::slotted(input[type=button]:active:enabled),:host([accent=inline]) ::slotted(input[type=submit]:active:enabled),:host([accent=inline]) ::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}";
@@ -34,7 +34,7 @@ const GuxButtonSlot = class {
         this.validateSlotContent();
     }
     render() {
-        return (h(Host, { key: '97327f6adb2afbf3f3964ac7088fe5144252f852', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '38f6916560f245944646846aa9e9e2cf78a9fb1e' })));
+        return (h(Host, { key: 'd84164b74b103465321f873ad09255a578d0448e', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: 'f0c85449d81234971deb1c7e676a465fcf58d5b0' })));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement, f as forceUpdate, c as createEvent } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
@@ -42,10 +42,10 @@ const GuxButton = class {
     }
     render() {
         return [
-            h("button", { key: 'cf290aff2724cdfd5183459eb92f71040b14376b', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: '112135920ebd9b9553cd726b9b4ab5741ae5134f', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle }, h("slot", { key: '414c446fca7f50db6445a0abacfed52b44cd0b16', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle }, h("slot", { key: 'e8954669d08aed5650fba904cea4c2fcd407201e', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }
@@ -182,14 +182,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '1404ed256b0c59730a6b52a8eb8511b966697af3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '06b4f7b5550e608958e6c097c619f2afe6c614ac', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b7315fb4f8498f5308d39dfe0e70eaad42644108', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4fb64e295f6a03dc874ef4844c3fecac10d09fb9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6655ae39155c1c790b90f6d93afcd2bd6d0bbcf9', name: "label-info" })), h("div", { key: '70790da5948a776ce78c951933c3f8cffb1e9a68', class: "gux-input-and-error-container" }, h("div", { key: 'e4bfd871ccb296f87dc618db9fa317122475b41e', class: {
+        return (h(GuxFormFieldContainer, { key: '3004d1fb760b2df63465340c08b4ad957a7720a7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7dfb26c04bec0911883fbd48ecf57685ab3c94ee', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5fa22327a6ef85f8ae466d0ee440c0b5ed524f6d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd801b13b0622628955aa2bcd48fb50ae54e68d65', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1511b51a2d23a83f51a199732831219df2e88a4c', name: "label-info" })), h("div", { key: '59942106060f0308ecac53674a2a341fb7b62195', class: "gux-input-and-error-container" }, h("div", { key: 'f240dcf81673e576be7811174c9da2e98d510c32', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '34b340aab242ec746ccd7a2484f7c76e2914b5c0', class: {
+            }, part: "input-section" }, h("div", { key: 'b6d055f198d692b7b4a1ee2257e2245f8f556cdf', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '8facf47db9e586d88ec222feeb973c220dd583b0', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'de94c88e51c29f0f237f12b033b13fed44c34289', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'c92070f61573177f3b516eafa60f579eeaca0a05', show: this.hasError }, h("slot", { key: 'a3aece9dae599c68abedb58ed692f5d0fafdac4b', name: "error" })), h(GuxFormFieldHelp, { key: '0bbc8260400e4c3b0b9bffbca5526a931c3416b2', show: !this.hasError && this.hasHelp }, h("slot", { key: '0dbba9e894f1653ac359293d2a6e109828ca63ea', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '124084c38252855178ccb345521ef5e337141665', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '5bc79a734818af72070bd82ce4275f1233edeb7c', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'cdd574eafecc0a68265b7f319c4e258d5fd40e42', show: this.hasError }, h("slot", { key: 'be75190667c870278c5e9bd8658c9cf4bf27bd85', name: "error" })), h(GuxFormFieldHelp, { key: '5bddbb010f4e3cd9ef276110b8fb37a1e3db1a73', show: !this.hasError && this.hasHelp }, h("slot", { key: '82ae4ba91cfc869f614675c5d184b52b99820841', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -350,10 +350,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            h("gux-button", { key: 'df023788cc78f500b3aeb47701932e2c90d5fd9c', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'b8f1ac86df71c23b5ca0d0840f76deefa9caa9a2', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
-            h("gux-tooltip", { key: 'cb58bb6e78285e02863ef8e70efcbd1322ac8d9a', for: "popover-target" }, h("div", { key: '45f457bbb83439f1805e0dd5cf813029cfa73316', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: 'd45de16e5c50329a833770f1e8548ac0ae18cdf4', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'ca43611d040dcb8bcdde1730983c9fcb56a52158', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'bac030f99fe693739ddbf1b08920eba178044675' }, h("input", { key: 'd1e3364420ffcf1ec6d89bc574aee67f664244ce', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
-                    evt.preventDefault() }), h("label", { key: '7c092f5e16f10659f6023aab810e4de3f0c44453', slot: "label" })))
+            h("gux-button", { key: '9edb6e9767ec656e9324362fc61f55f537b4f1ce', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '97e0b3624e7981516b6103d3bc66c4dccd674304', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
+            h("gux-tooltip", { key: '7a870042737e509fcea5f17feef54cf7b023e765', for: "popover-target" }, h("div", { key: '43771cefb10b695b0a6b64db5c895ee8a9c3d680', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '7b19bde4f77e4e144f3deb2e3ecb7787e9ef2647', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '3440beb60515684e7a38884fbb2439e468bc2b4a', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '0d9ae2272cd1d465096400ed4b0016b45717e370' }, h("input", { key: '744e2b0cf012d8078e56515c3229979e0ee5e3dc', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
+                    evt.preventDefault() }), h("label", { key: '0d46facd40c446fc8c019582339079a86d3b64a2', slot: "label" })))
         ];
     }
     get root() { return getElement(this); }
@@ -384,7 +384,7 @@ function ThrottleMethod(duration) {
     };
 }
 
-const guxPopoverCss = ".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;min-width:280px;padding:var(--gse-ui-popover-gap);background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-height);padding-bottom:4px;overflow:hidden}.gux-popover-wrapper .gux-arrow-caret{width:0;height:0;filter:drop-shadow(var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) calc(var(--gse-ui-popover-boxShadow-blur) / 2) var(--gse-ui-tooltip-boxShadow-color));border-top:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-right:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-left:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-bottom: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-dismiss-button{float:right}";
+const guxPopoverCss = ".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;min-width:280px;padding:var(--gse-ui-popover-gap);background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-popover-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-height);padding-bottom:4px;overflow:hidden}.gux-popover-wrapper .gux-arrow-caret{width:0;height:0;filter:drop-shadow(var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) calc(var(--gse-ui-popover-boxShadow-blur) / 2) var(--gse-ui-popover-boxShadow-color));border-top:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-right:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-left:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-bottom: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-dismiss-button{float:right}";
 const GuxPopoverStyle0 = guxPopoverCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -536,10 +536,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (h("div", { key: '6cb4b3a2a6767b1715cd3708e6bdd2f277add1fd', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'ddf447a44ce4ca11d5f2ceacbb440a702d8686b2', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'ca4ffd8b0d253726f8a020f0bb9dced86662df7e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '42ebda856869d9955163ac91b72cf039e0097111', class: "gux-arrow-caret" })), h("div", { key: 'a9594853381c15e1c73915ee9b38da05a54b70dc', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '45a1d21097576ef7600eb154834989fdc0f8274c', name: "title" }), this.renderDismissButton()), h("div", { key: 'c790db113d4a4772827a2003e7de2e81e6100f36', class: "gux-popover-content" }, h("slot", { key: 'b651d8e73f8305ccbfd86d04690d3052b28472ad' }))));
+            }, "data-placement": true }, h("div", { key: 'b6445f94664471e1217a4b38bbf81e9c1f260d4c', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '97a25a2f85f0654dc7253469baf357e85aae3179', class: "gux-arrow-caret" })), h("div", { key: '2490613933a01a109c51040a1fdb139176111790', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '694be156b0275cdcee2a7e64767b04be6992eddd', name: "title" }), this.renderDismissButton()), h("div", { key: 'db9dfc3b1619e0a84f910e3ceadcfe3f88c321d6', class: "gux-popover-content" }, h("slot", { key: '5ffe140f119294d1d51c4ffef8ae10a72291ed67' }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,11 +1,12 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b6ca2adc.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { b as asIsoDateRange, c as fromIsoDateRange, a as asIsoDate, f as fromIsoDate } from './iso-dates-8d3f106d.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.js';
 import { g as getDesiredLocale, a as getStartOfWeek } from './index-44765751.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-404638dd.js';
-import { u as useRegionalDates, d as dateTimeFormat } from './use-regional-dates-dd987b2d.js';
+import { u as useRegionalDates, d as dateTimeFormat } from './use-regional-dates-72c32f0a.js';
 import './get-closest-element-728b9f18.js';
+import './get-closest-element-7b2f7d5b.js';
 
 function addClassToElements(elements, className) {
     manipulateElementsClasses(elements, 'add', className);
@@ -382,7 +383,7 @@ const GuxCalendar = class {
         return (h("table", null, h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (h("th", null, day)))), this.getMonthDays(index).map(week => (h("tr", null, week.map(day => (h("td", { tabindex: this.isFocusableDate(day) ? '0' : '-1', class: day.class, "aria-hidden": day.hidden ? 'true' : 'false', "aria-disabled": day.disabled ? 'true' : 'false', "data-date": day.date.getTime(), onClick: () => void this.onDateClick(day.date), onMouseEnter: () => this.onDateMouseEnter(day.date), onKeyDown: e => void this.onKeyDown(e) }, h("div", { class: "gux-date" }, day.date.getDate(), h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (h("div", { key: '50e4c8fa12b58729f64382043e68142b2a6bff39', class: "gux-calendar" }, h("div", { key: '79524dce607d1a2d8e63cd9ab85d688493afb547', class: "gux-header" }, h("button", { key: 'a09787131208775edcb9e670f2c0aa1ed6ccdf1c', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '217f95a36e44378abaec97921f2851708be77648', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '4b484360c1d4c905d6c24f1eeee2a201e72e6fe5', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'ee922f97949c7a2897bca65fd7093eb1224d2082', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '7b3c7da612a2aa066ffed6425c982502dededaa2', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '36c95de4cca1f03386fdaac6bef3fe44046d7b44', class: "gux-calendar" }, h("div", { key: 'a12387d7c66109b3a44f305ebfc07562e1436bf9', class: "gux-header" }, h("button", { key: '3237f74318b99a8c79a1386697afecc80f241969', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '8c1487f42ebe30163ec439e9e1020158924e4f82', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'b3fc232c8f6565015d67d566b6219e25e98c129e', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'e1d1461d10c04a36e21afb305fb2173faa26110a', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'cc0ddcf3ecc6622267fbafccbc9493204d437702', 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-b6ca2adc.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.js';
 
 const guxCardCss = ":host{display:block;width: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-offsetX) var(--gse-ui-card-raised-boxShadow-offsetY) var(--gse-ui-card-raised-boxShadow-blur) var(--gse-ui-card-raised-boxShadow-spread) var(--gse-ui-card-raised-boxShadow-color)}.gux-card.gux-borderless{border:var(--gse-ui-card-borderless-border-width) var(--gse-ui-card-borderless-border-style) var(--gse-ui-card-borderless-border-color)}";
 const GuxCardStyle0 = guxCardCss;
@@ -13,10 +13,10 @@ const GuxCard = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: '5e84b027dcff30a7cbdf502f0266e6ce1fafa063', class: {
+        return (h("div", { key: 'c677ce6c60588dec91e3d3079517d225438ef461', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: 'c4b5f89a0f7e66c6a29da8f295972b0f8d04fb6f' })));
+            } }, h("slot", { key: '6dc3850d28e26c0738764193283620e71e947b18' })));
     }
     get root() { return getElement(this); }
 };

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

@@ -154,14 +154,14 @@ const GuxColumnManagerItem = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '5f78448224d699382c613e4967793af115acee53', draggable: "true" }, h("div", { key: 'bfb206922c32cfc86e1ab9d58bbfbd964993fe38', class: {
+        return (h(Host, { key: '4c3adbaf002b3c77b6bcee79d2dc65dd0caeab40', draggable: "true" }, h("div", { key: 'd33cae023e88327ab85d4686b7a80a1cbceb277f', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '29f9dec15ed10934894afba83f66f0fba94d1ba2', class: {
+            } }, h("button", { key: '13e88cf118b942d7c47ac528562286cf1a3d516f', 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: '8a86b73119466abf7b9bdf44ff6d8cbc6c07fb44', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '688e1ee0d67223800d062c6f0a2782e527e63968', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '4c915195cc11d21d657ebf4f76f0e30cd20e7f3b', class: "gux-select" }, h("slot", { key: 'd5e0e53225d2c9264b3acc1c4c276e69eb54ba47', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '3a3a5d6d8167f3000d248d9ce4de9fb084bc5080', 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: '9a4a8e708799d74f578f90914d0948d150461086', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '73e87e8e8c7a47d708126dc75a5e8a2cc6fd91de', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '677264acbd151a782f3d0943cf3111593ec2692a', class: "gux-select" }, h("slot", { key: 'e13ba6b6139b81508492f573c0a16b6c7a216a96', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '43b741e3a0dbdd9e5f9d4e2440e2ed193f521577', 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-b6ca2adc.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.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: 'daf90d23ce5f11f2d370bfc9d83fbdeeb29a0889', class: "gux-container" }, h("div", { key: '8fd77ca38f5903d81897a705a4466edf676da481', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'b5cbabcf5999a3f566b0425bd0531713bbb671d6', class: "gux-search" }, h("gux-content-search", { key: '59a0b2c694434ce42b3a193a85966942e42a5848', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'b741c081072bb2a0576d1dba0d24729d0e5ac85e', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'eadfc9285283da226b33cbbe039e33ead748e030', class: "gux-select" }, h("gux-form-field-checkbox", { key: '3de970296c09ad4b0e5b2df9f494189083f82d39' }, h("input", { key: '45825441d53b786122917f935c8fabc0aaaa5347', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '985cb6788363595904c56e444abf96458da5e4b6', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'b77c01091b9ea5792bd772539b3b80d1100f8def', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'e79a7e4c9609f4a776f73391661310294f9ce77a', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'aab5f007f481e3c158ba3c5f677a1692dcfd5968', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '7a2fb5da9bf353f289678ea3d31c69985d237679', class: "gux-container" }, h("div", { key: '0fe3885be7eb5ce7a7f5e650d4d05fd326ab12e0', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'b65b9580d3c816e732c97869f1f06aec8afbbbb2', class: "gux-search" }, h("gux-content-search", { key: '4d97928e864b54d1442abbe1d4c1427a18eac6c2', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'e482fb38bd7f6afe13910b08e651b45c5d71892a', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '2d3d033045ffc926014609fbdda1aad96c429bfd', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'ffad2ed291e6441e3592f537d84636a765563916' }, h("input", { key: '66c50ca3553f49b30efa89258bf422f3fc734922', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '8b2d12cc48589b778842306a594f27a163845958', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'd31119ccf4923ebf5e808d2e48fce4417a7c9c28', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'c731681040873ce38dc8a5e73a72d9235d4e8d56', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'bd8f2a20db666db00723b0a9101c6c3fb7557877', 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-b6ca2adc.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import { a as onDisabledChange } from './on-attribute-change-f42eabee.js';
 import { f as focusInputElement } from './focus-input-element-8a137b12.js';
@@ -62,10 +62,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (h("div", { key: 'fef06863d22d958f0f8f480676e367f12318b19c', class: {
+        return (h("div", { key: '98a21accd36df296a3de19efb8607fc3cd124e93', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: 'fb6d1378037b6afe85c8308f1c627e87a692b66d', class: "gux-search-icon" }, h("gux-icon", { key: '7b4a0a4c06f32a5f5a6745ae7d389263aafdb011', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'c2025793b2211750d0274f4f55d20f7de9fb6b3f' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '07b2a35f85c355c68f92f129227e8d50c0ac6c92', class: "gux-search-icon" }, h("gux-icon", { key: 'a7f64b274e2921a003b355740b15668295f0c3d4', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '32bc643467c5da13cea7829553f42496ca52303a' }), 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-b6ca2adc.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import { O as OnClickOutside } from './on-click-outside-edcae419.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
@@ -117,8 +117,8 @@ const GuxContextMenu = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '77a15f64c03a59b3b1d019fcafd38ebcbb5e530d' }, h("gux-popup", { key: '29475f2535fbaf1bdb4b6cfbbfcc7543ef16b8aa', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'ce880d5a7ab2da29687748cbcb63a4076496dc22', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '0cedacad52253441dcae2b26859c8c5640b35750', accent: "ghost" }, h("button", { key: '542c161191b5d5057af2f0a2b49d4280a2c2293f', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: 'ff66a2c99687cb244b443cf1fc4646904629f843', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: '121c12498c435aff8a99a4a2858dba22876466a6', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '9982173f4aafbcf12780d2a46aaa2040695839fb', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '46dfd69b18277889c391bef912321aba190ba51e' }))))));
+        return (h(Host, { key: '02132e9383bf974dab4ea7448ed55db0e72923e2' }, h("gux-popup", { key: '21ae4ab85204ff2ff075b7449183b1ada2033814', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'bf0e4aac4fc76b6aec77d34dfcc2112522954eb1', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '3a93ae70bdcbdb15dc1d8abc44fa9f985649ef73', accent: "ghost" }, h("button", { key: '98be35f5b557f7d87dd45433d2248d31949f1da2', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: '06e40b3727dcd83357f66bc8ddfd989cb72c2273', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'c050df937c036c6f59fa7f6f53f661808259b30f', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '7d459eb66915c6547397075064033550a96568a6', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e821238cd1ce4256186fd492611813a953ccb333' }))))));
     }
     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-b6ca2adc.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import './get-closest-element-728b9f18.js';
 
@@ -70,7 +70,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '2ea788bc0ff0b0791252b8d846da09b556d5769d', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '675bb9f59defacdf9efaf538754e13e683dd912d', class: "gux-copy-content" }, h("slot", { key: 'c15a08a26b41d20bf00aa76c4f43e26a73456ec7', name: "content" }), h("gux-icon", { key: 'a98c4fa80888cef74ec3ce2062b2da7923de844a', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '1812ce7a467a37e57fa1f56ee417d9a5f929fff1', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'f19134475548a67ed55f9e314893a41def1f6381', class: "gux-copy-content" }, h("slot", { key: 'cfcacc932096390b17d540a74178e70515e3593b', name: "content" }), h("gux-icon", { key: '2686fa1ea0a76e62c5d8ee9f4879bc131f39ccfe', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     get root() { return getElement(this); }
 };

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

@@ -44,11 +44,11 @@ const GuxCreateOption = class {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '56d9ed4affeb1eb6138577df406ad5ddb397b2b2', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: 'da695435ea54a4bea95ad5c21d7a35ea1aa352b3', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '96245daaf7f95ac89cf1179b4f5a3ab52f65aa20', class: "gux-option" }, h("gux-icon", { key: 'ab7121b9be86575ab6fd7f4b826ae5e062e73df3', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '0e66206f686c355d0e49827728174ab90024e540', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '0198722f2ddbb156337b0d9913fc9d29893e0d46', class: "gux-option" }, h("gux-icon", { key: 'a6e70aa79abe8d33b9b95b8d866807910420a4c7', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '4f61de90891724e327a1db899740e49ed36d20db', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -1,8 +1,9 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-ecb85439.js';
-import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-dd987b2d.js';
+import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-72c32f0a.js';
 import { g as getDesiredLocale } from './index-44765751.js';
+import './get-closest-element-7b2f7d5b.js';
 import './get-closest-element-728b9f18.js';
 
 const GuxDate = class {

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

@@ -1,8 +1,9 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-ecb85439.js';
-import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-dd987b2d.js';
+import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-72c32f0a.js';
 import { g as getDesiredLocale } from './index-44765751.js';
+import './get-closest-element-7b2f7d5b.js';
 import './get-closest-element-728b9f18.js';
 
 const GuxDateTime = class {

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

@@ -4,10 +4,11 @@ import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { f as fromIsoDate, b as asIsoDateRange, a as asIsoDate, c as fromIsoDateRange } from './iso-dates-8d3f106d.js';
 import { O as OnClickOutside } from './on-click-outside-edcae419.js';
-import { t as trackComponent } from './usage-23c97786.js';
+import { t as trackComponent } from './usage-f9cd36e7.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
-import { u as useRegionalDates, g as getFormat, a as determineDisplayLocale } from './use-regional-dates-dd987b2d.js';
+import { u as useRegionalDates, g as getFormat, a as determineDisplayLocale } from './use-regional-dates-72c32f0a.js';
 import './get-closest-element-728b9f18.js';
+import './get-closest-element-7b2f7d5b.js';
 
 const start = "Start";
 const end = "End";
@@ -645,7 +646,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: 'cc656645e09bab453bd0184d5b0cb2f127a914be', class: {
+        return (h("div", { key: 'a4044a37be6fd13a7323c7035e40a51b2cb7bcdc', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled