genesys-spark-components 4.71.1 → 4.73.0

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-da21b737.js';
-import { t as trackComponent } from './usage-754af9c6.js';
+import { t as trackComponent } from './usage-cefcd8a7.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-da21b737.js';
-import { t as trackComponent } from './usage-754af9c6.js';
+import { t as trackComponent } from './usage-cefcd8a7.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.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-da21b737.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
-import { t as trackComponent } from './usage-754af9c6.js';
+import { t as trackComponent } from './usage-cefcd8a7.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-da21b737.js';
-import { t as trackComponent } from './usage-754af9c6.js';
+import { t as trackComponent } from './usage-cefcd8a7.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.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: '255622c77e97499f91576807adffc0fb5e170888', class: {
+        return (h("div", { key: '8686dd40d813d74bfc362e442fe3621040b1142c', 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-da21b737.js';
-import { t as trackComponent } from './usage-754af9c6.js';
+import { t as trackComponent } from './usage-cefcd8a7.js';
 import { O as OnMutation } from './on-mutation-1355c534.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: '6a5e9203be09fab0959f0dec947bf8ab69a26e5a', class: "gux-container" }, h("div", { key: 'c4511e0db2f9605e23f055275dd813103d58aeae', class: "gux-image" }, h("slot", { key: 'd73e935433d963002c4fd106b6156f058af95451', name: "image" })), h("div", { key: '3e5cead9db6e0de250218644a298746cfa519e4f', class: "gux-message" }, h("slot", { key: '91da6b28888872d8b7c01a989bc81e0ac0986ebb', name: "primary-message" })), h("div", { key: '7ddddc9f53283b61cbf6a412a9dbba0980f7ae77', class: "gux-guidance" }, h("slot", { key: 'd5018c40313612891f0a93041dc0086d9fc51b2e', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (h("div", { key: '7e514e368c4267dafeeb7f1c6da8db6dd496ffd1', class: "gux-container" }, h("div", { key: '40b07cb4856fe789cb2f004cdaa94bee58ec9470', class: "gux-image" }, h("slot", { key: '34c73b345f050cf759202b45bffb2517aec83f4b', name: "image" })), h("div", { key: 'c13519b747979f6a449750896991e492948c57e8', class: "gux-message" }, h("slot", { key: '9265e265ff286653cd0205f2222d0859a131787e', name: "primary-message" })), h("div", { key: '329205bee7cf4be7315ec6f7ac63ee43285b30b6', class: "gux-guidance" }, h("slot", { key: 'e0a927b555b4b079fb927925bb5756c6ba93e300', 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: '20473ef24aa216223040e739c20038412f90aa54', role: "listitem" }, h("span", { key: '8772afe0bf03f5e34ff4fa8703b40bcd65947898', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
+        return (h(Host, { key: 'bbc8f9fdbeb85138ed1127c77c8132d6d93134a6', role: "listitem" }, h("span", { key: 'a021d9e878b526c243d52adcaecd6dfc477fef6c', 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-da21b737.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
-import { t as trackComponent } from './usage-754af9c6.js';
+import { t as trackComponent } from './usage-cefcd8a7.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: 'd924dd5f1391fd1451dfda482fb9e99c5e90d1b3', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '0742dbb730e495d4d046dad103431238a1db7357' }, h("slot", { key: '9c08113326d2f4e4a94629c1a8a8348dfe19816d', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: 'cd80398b510699e4106c23d9ff371d6cb1ccd7cc', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'fc9defd6e0b44c64c2d42646a01f5e6a8ab0f2c5' }, h("slot", { key: 'f7c68255a50ce75964be0e7ad9b3ff79f655a606', 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-21dd269e.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-754af9c6.js';
+import { t as trackComponent } from './usage-cefcd8a7.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: 'f959df581f8d80a65cb12aa9e449bd301f5da5dc', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '9cbd29c2f65792eb98a93d2490be18d697b857e8', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '56aa59da27857926ae4e4760ee47372abcc7526b', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '5fd1fc9b3daa59d58224a6385a60667a64872a98', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'ac67bfb1fb381826b4c87244f5d0b64aeb6f647b', name: "title" }), h("gux-icon", { key: '921ff95852321adacdccddcb2eeafc925dc772cc', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'c95809a5e93d3199d28ac1db429ad6b670ab4cc2', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'd0a0cb6c695cd90c2f40bb4ae9c51b5a390ff4c9', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'f40772b63daac6d0bf88aff8ac02ea5fa9f7bd8d' })))));
+        return (h("gux-popup", { key: 'c5bff9ec22f1f9b87b45600f5654a1cf0fcafe51', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '80b6f9a032b040e47ae6d7f62c2a64273179b738', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '8ce0f7fb565580bb9db0df017e7ce39cc953654e', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '8cb57fea5032cc6df4064b00f3470adb61361553', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '9cf9f66424ee42c4b1c265fc4fa73c79803b4cbf', name: "title" }), h("gux-icon", { key: '23e4f1982d77aa9cef3aaa3ec660444cd19fa83f', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '52a9e7902518c1e7668ffa65e725d80828389dcd', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'bc5c701390a617885cbd58a63b1c3c91609b50bd', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '3f8f51d4703fc878f72ffbcbbe81b789425969ad' })))));
     }
     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-da21b737.js';
-import { t as trackComponent } from './usage-754af9c6.js';
+import { t as trackComponent } from './usage-cefcd8a7.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-icon-only-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-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-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-link-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-link-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-link-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-link-active-foregroundColor);text-decoration:underline;background:none}";
@@ -34,7 +34,7 @@ const GuxButtonSlot = class {
         this.validateSlotContent();
     }
     render() {
-        return (h(Host, { key: 'badbad6874dc17bd715793d474be91a98dcc2151', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: 'c9052094c37609ce84b371387c33312e0c4e3ce2' })));
+        return (h(Host, { key: '15befd891876930e277175d8194d081ea3982e92', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '6731523f4cd52fce0da588d7558ba2e100993032' })));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-754af9c6.js';
+import { t as trackComponent } from './usage-cefcd8a7.js';
 
 const guxButtonCss = ":host{display:inline-block;pointer-events:none;-webkit-user-select:none;user-select:none}:host(:focus){outline:none}:host(:focus) button{outline:none}::slotted(gux-icon){inline-size:var(--gse-ui-button-icon-size);block-size:var(--gse-ui-button-icon-size)}::slotted(*){padding-inline-start:var(--gse-core-spacing-3xs);vertical-align:middle}::slotted(*:first-child){padding:0}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-icon-only-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)}button.gux-icon-only{display:inline-flex;padding:var(--gse-ui-button-default-paddingIconOnly)}button[disabled]{cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}button:hover:enabled{color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}button:active:enabled{color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}button:focus-visible:enabled{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset);border-radius:var(--gse-semantic-focusRing-cornerRadius)}button.gux-primary{color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}button.gux-primary:hover:enabled{color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}button.gux-primary:active:enabled{color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}button.gux-tertiary{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)}button.gux-tertiary.gux-icon-only{padding:calc(var(--gse-ui-button-default-paddingIconOnly) - var(--gse-ui-button-tertiary-default-border-width))}button.gux-tertiary:hover:enabled{color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}button.gux-tertiary:active:enabled{color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}button.gux-ghost{color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}button.gux-ghost:hover:enabled{color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}button.gux-ghost:active:enabled{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}button.gux-danger{color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}button.gux-danger:hover:enabled{color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}button.gux-danger:active:enabled{color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}button.gux-inline{min-inline-size:initial;block-size:initial;padding:0;color:var(--gse-ui-link-default-foregroundColor);background:none;border:none;border-radius:0}button.gux-inline[disabled]{color:var(--gse-ui-link-disabled-foregroundColor)}button.gux-inline:hover:enabled{color:var(--gse-ui-link-hover-foregroundColor);text-decoration:underline;background:none}button.gux-inline:active:enabled{color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}";
 const GuxButtonStyle0 = guxButtonCss;
@@ -20,10 +20,10 @@ const GuxButton = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("button", { key: 'c31bb1879557d9dcb1a5fc8c16cb83bb7420da4a', type: this.type, title: this.guxTitle, disabled: this.disabled, class: {
+        return (h("button", { key: '3022bc5ad8034a69266e8fccbac8a0415574cdba', type: this.type, title: this.guxTitle, disabled: this.disabled, class: {
                 [`gux-${this.accent}`]: true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: 'b9413a30294f833a8b16cb8278b332064375c0d1', onSlotchange: this.slotChanged.bind(this) })));
+            } }, h("slot", { key: '02525623e91c00c0a57c3261e5f01854e4f4ecb5', onSlotchange: this.slotChanged.bind(this) })));
     }
     stopEventIfDisabled(event) {
         if (this.disabled) {

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.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-754af9c6.js';
+import { t as trackComponent } from './usage-cefcd8a7.js';
 import { g as getDesiredLocale, a as getStartOfWeek } from './index-3f1e5ba8.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-404638dd.js';
 import { u as useRegionalDates, d as dateTimeFormat } from './use-regional-dates-a47e74e6.js';
@@ -382,7 +382,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: '4a276aef1eebfd772d72c89a7045cdfa32d4cb68', class: "gux-calendar" }, h("div", { key: 'df59ceb11b7cbf7d9479908448740164082f96d3', class: "gux-header" }, h("button", { key: '4442b2517beb58274fc40512e45451bfa6c8759e', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '831b9ba2c759171aae07c8ed82913f5a5a9c951a', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'a19d13d912774ff4e9906259860cdccf66ea3206', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'ed01c461b9e2b03b8fcee6e6e869063e97511edd', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '8862931ddc372b822e98978482d33fd703664c37', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '9ab737ccca49fede337ff7bcad0e617e0553aa5d', class: "gux-calendar" }, h("div", { key: 'a1fd0990b64c72cf52ea46a2f44eedbc2cd9c307', class: "gux-header" }, h("button", { key: '1e1d001bcad30918bf35cab7bf75a631f3e219d1', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'b361c20900a9cdd8161a2b0023b8cac62bb5673d', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'faa2fc7104de023f321701f15a6faf3e6c60b338', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '5fbe742618df07732a9d86174a9b97b43c5bf235', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'e3326d9316145ec86a36efa504fd7457cb144a03', 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-da21b737.js';
-import { t as trackComponent } from './usage-754af9c6.js';
+import { t as trackComponent } from './usage-cefcd8a7.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-x) var(--gse-ui-card-raised-boxShadow-y) 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: 'bda10128007a9ec19db6d2518f78e1f3c7c5f654', class: {
+        return (h("div", { key: '0c05e098f388e13aacae17ad423b402099450178', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '8c12d21d641848c2d687b1babf4b30b5b801776e' })));
+            } }, h("slot", { key: '1d3d4dd1b4cbc6f731e15ee57da145eb05aec161' })));
     }
     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: 'b74f37e716db481c6b347f661a44acd98584a7ce', draggable: "true" }, h("div", { key: '7136a764a87980dde4d12ece6c945eddbb782fd5', class: {
+        return (h(Host, { key: '902f78713070a291444827e1181568de0212a30a', draggable: "true" }, h("div", { key: '902b3c834a5df69ca1aa578008b1153a03625e61', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: 'b3aaa1940f978e79b6ef574298605a1e441ad74e', class: {
+            } }, h("button", { key: '3356448b3902ca0407af3f579a890a02bbfe9546', 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: 'ee1cbb421d88192f1e895573e754ebb5b5e8c084', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: 'b23fb70be4e7d2e5ed24c075ea3917b1422e92f5', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'e791a411ef99b04105cb377dc1f9eb957e1b6925', class: "gux-select" }, h("slot", { key: '8edbab865af1ddcdbafe0dc724aba57c8a81fc9c', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'ce28da1b61549a5627c1aca2647db7b9150ab561', 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: '06e5774368aa8b202ba002186e3fba8ce0ec4c86', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '6212b59e731edca8c314229f7658eb0cb66cf7d5', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'e3a3ce1c39a10160984f5bb931543f013cbbc8d3', class: "gux-select" }, h("slot", { key: 'a82b618fb073ca687886838b0271243752ffb184', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '46f91dc56c94ce70602c860e9a740536d3bccba5', 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-da21b737.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
-import { t as trackComponent } from './usage-754af9c6.js';
+import { t as trackComponent } from './usage-cefcd8a7.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: '0dfee136e2857b3b18cbfec5c401cac3b2650112', class: "gux-container" }, h("div", { key: 'bf006dc5df4daaf2b72cbaf205cea2c574c9245f', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'f1361f98b055db3911db03046b0a365b395afc51', class: "gux-search" }, h("gux-content-search", { key: '50de7d3f92261462420929e34e70eba056d25326', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '60e99d1997295f28538243115db96426cb0fd981', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '178cb2cfe4979beb88c74d606c5a921ec8e94f20', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'e967983c21804db72fe77de71f3f59a557680d7a' }, h("input", { key: '934dad0a49c4782330c19d2edac3cfac7f8b9fe5', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '9a127776276ac832f23140bf04bacca0426f73a8', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '39eb9f66ca7638ab356431b3e43187ae189d279a', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '3e0d2375a486629333d0a905fd4dfae18c37e80e', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '9d7de46749ac925399f18d54ffd21a432d05874e', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: 'a79f94223dfd05de4086c68a9e95a089597a23b8', class: "gux-container" }, h("div", { key: '8a5e5e45a677ee290644ab4fece23a70ee47513c', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'faa3b45bb92e71068bd7036be071a75461caf81d', class: "gux-search" }, h("gux-content-search", { key: '2638adad20f101d380e140b0b9c09489cb93168f', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'b34328155244f85924d2f488a481b4f01607b1f9', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'afbf7d485a17fd173f5d85024fcbae79c1095361', class: "gux-select" }, h("gux-form-field-checkbox", { key: '2909936c012cdb2372cbc4c2a3373d19549bf82e' }, h("input", { key: 'e5043db01ee15496864fb661134c7e77c77fa0ef', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'd2e3287f9b845184783af6f51b4d70f814334627', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '322428c1b9df9e375e757174b0993a607e9f45a2', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '5c6091ca95e652757781382bb371c44781406f06', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '3c851aa820d225f72edd28103d65b923ae19b50a', 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-da21b737.js';
-import { t as trackComponent } from './usage-754af9c6.js';
+import { t as trackComponent } from './usage-cefcd8a7.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.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: 'b337f8fe6e52c330315469bfcc6157b89866d3db', class: {
+        return (h("div", { key: '379064dc575df48d6cf8dd7b2ea9fb872ab3fccb', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '8f40cecd9ab4df64d955bea147cf1db4d4fd2ee0', class: "gux-search-icon" }, h("gux-icon", { key: '400b0117a600e98adabc847ed99a90e86d60bad3', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '97421cce5efff19fd99e81bb590cb69a4866fd0e' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '4d91c35178172878704367ac06bd8316086402a1', class: "gux-search-icon" }, h("gux-icon", { key: '975b3efd1088c3713735963790c7406cfdfd2547', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '8a497ae9c2165e1e7f4fa8b395e35e6e484ccb4d' }), 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-da21b737.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-754af9c6.js';
+import { t as trackComponent } from './usage-cefcd8a7.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import { O as OnClickOutside } from './on-click-outside-21dd269e.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: '79745c79ec1094118485be26de3fb95e275ef907' }, h("gux-popup", { key: '67eb5bebef399fbc5cee8287cc6425e4627e31f5', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '1253d863f884cabf63c0ddb6ac82b39ef6463e00', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '2892c2b653c69bbda08f10d5c5077203d42a05bf', accent: "ghost" }, h("button", { key: 'f64b9fd5e7b5869c6c61d4bd0f9ea4194906b2ed', 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: '105ede9ecf987895414927c6d581cf3973fdf07a', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'a72a35d72e6323c32f17a1ce718883991aa3427b', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'd80133df2e3ead8b307e821752eabd5617971faf', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'd73dc1c4570bf9947c268b87379f0a6730f369a7' }))))));
+        return (h(Host, { key: '7bd4676ce89563db9af6381d86dbb99d7a3c7203' }, h("gux-popup", { key: '10b26375517aaa0c565b6ee3f0eaf6bf0f9d620c', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '42afaf086475d662a5b51827900706de0d7a6f60', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '3c1b34e246856987ec2b686d6cdd169010adccc2', accent: "ghost" }, h("button", { key: '677ecfb4b3ae5a55330c3c6483e8c9594f4eb1dc', 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: '6df382d6fd22e732c9846205a1579b08f6fd3573', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: '51d4ad61c218d8622f2f8c5f7599004153b7b2f0', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '76a8bfa5a52a7c5316a576f13cd4e13d1dcff3a6', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'dc1b4c42a238ce71dc9048efafb6b22e4eafe657' }))))));
     }
     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-da21b737.js';
-import { t as trackComponent } from './usage-754af9c6.js';
+import { t as trackComponent } from './usage-cefcd8a7.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.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: '5e1a241af98c356000f0244e4449b21dfc58c7fe', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '8969dbbaf7a5bea764cb4bc927db75378b904747', class: "gux-copy-content" }, h("slot", { key: '053a08c92964a18f699f84388298dc8bdbf8523a', name: "content" }), h("gux-icon", { key: 'e262110f174b321ab1e7199f868a4eaca5d6d2c7', "icon-name": "fa/copy-regular", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '0f359f58cd0ea98ff17daa26467b5d34431674f3', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '36af97357f9da1c29c4f5abcbb28d98e8ed36eb6', class: "gux-copy-content" }, h("slot", { key: '000d41e39725975e82e94495c7646e973d171480', name: "content" }), h("gux-icon", { key: 'c99f7cbec96cf644b36cfe08609765b79a61fb15', "icon-name": "fa/copy-regular", 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: '5507e6f5844bd0bb31e638fc0f08addcae6c5c65', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '3d036323a3b1c7dc1fc32ddcbb28a4865552949b', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '60194b159f145cb8430f93847bc62dd0bf14a245', class: "gux-option" }, h("gux-icon", { key: '435f196fa8679e19c1e77d5af67565b4b2bd1c2d', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '3c98825cbc6ea36b1e6bf71e062075e76166e369', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: 'a36c75e5ee2b9ef8bbd54d0176efaaeed077979c', class: "gux-option" }, h("gux-icon", { key: '419b5f4fb0e1591320a81e832334fe1c96d970da', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '66ed3c6d3bf7d0f44b880ff271eac09b735c5887', 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-da21b737.js';
-import { t as trackComponent } from './usage-754af9c6.js';
+import { t as trackComponent } from './usage-cefcd8a7.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-daff1c0b.js';
 import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-a47e74e6.js';
 import { g as getDesiredLocale } from './index-3f1e5ba8.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-da21b737.js';
-import { t as trackComponent } from './usage-754af9c6.js';
+import { t as trackComponent } from './usage-cefcd8a7.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-daff1c0b.js';
 import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-a47e74e6.js';
 import { g as getDesiredLocale } from './index-3f1e5ba8.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, b as asIsoDateRange, a as asIsoDate, c as fromIsoDateRange } from './iso-dates-8d3f106d.js';
 import { O as OnClickOutside } from './on-click-outside-21dd269e.js';
-import { t as trackComponent } from './usage-754af9c6.js';
+import { t as trackComponent } from './usage-cefcd8a7.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import { u as useRegionalDates, g as getFormat, a as determineDisplayLocale } from './use-regional-dates-a47e74e6.js';
 import './get-closest-element-728b9f18.js';
@@ -141,7 +141,7 @@ function getIntervalRange(format, intervalLetter) {
     return { selectionStart, selectionEnd };
 }
 
-const guxDatepickerCss = ":host{display:block}.gux-datepicker{display:inline-block}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:var(--gse-ui-datePicker-disabled-opacity)}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-left:20px}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-top:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-right:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-right:var(--gse-ui-formControl-label-gap);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input.gux-active{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;width:calc(var(--gse-ui-calendarMenu-day-input-width) - var(--gse-ui-icon-size-sm));padding:0;overflow:hidden;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);background:transparent;border:none;border-radius:var(--gse-ui-actionButton-borderRadius);outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset);border:none;border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius);outline-offset:var(--gse-ui-datePicker-focusCalendar-gap)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-datePicker-iconHover);cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gse-semantic-zIndex-popup);display:none}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";
+const guxDatepickerCss = ":host{display:block}.gux-datepicker{display:inline-block}.gux-datepicker.gux-disabled{pointer-events:none;cursor:default}.gux-datepicker.gux-disabled .gux-datepicker-field .gux-datepicker-field-input{opacity:var(--gse-ui-datePicker-disabled-opacity)}.gux-datepicker .gux-datepicker-field{display:inline-flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center}.gux-datepicker .gux-datepicker-field~.gux-datepicker-field{margin-left:20px}.gux-datepicker .gux-datepicker-field.gux-above{flex-direction:column;align-items:self-start}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-input{margin-top:0}.gux-datepicker .gux-datepicker-field.gux-above .gux-datepicker-field-label{margin-right:0}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-label{flex:0 1 auto;align-self:auto;order:0;margin-right:var(--gse-ui-formControl-label-gap);font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);color:var(--gse-ui-formControl-input-populatedColor);white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input.gux-active{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input{flex:1 1 auto;align-self:auto;order:0;width:calc(var(--gse-ui-calendarMenu-day-input-width) - var(--gse-ui-icon-size-sm));padding:0;overflow:hidden;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);border:none;outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-cancel-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-search-results-button,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-iconEndColor);background:transparent;border:none;border-radius:var(--gse-ui-actionButton-borderRadius);outline:none}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:2px var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset);border:none;border-radius:var(--gse-ui-calendarMenu-month-calendarButton-focusBorderRadius);outline-offset:var(--gse-ui-datePicker-focusCalendar-gap)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-datePicker-iconHover);cursor:pointer}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}.gux-datepicker .gux-datepicker-field .gux-datepicker-field-input gux-calendar{position:fixed;z-index:var(--gse-semantic-zIndex-popup);display:none}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):focus-visible,.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input button:not(:disabled):hover{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-datepicker.gux-active .gux-datepicker-field .gux-datepicker-field-input gux-calendar{display:block}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";
 const GuxDatepickerStyle0 = guxDatepickerCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -645,7 +645,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: '6c576871c9fe0eac07839bce1a634b3f60e3c025', class: {
+        return (h("div", { key: '3ada993636feec960011202c7d897ae16b88734c', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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-da21b737.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-754af9c6.js';
+import { t as trackComponent } from './usage-cefcd8a7.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';
 
@@ -46,10 +46,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: '3e0cec4da3fcbe22702a372034596c769a63c052', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'a3129b4a3dfb84979cfdc5772e449585dead1df5', 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: 'aa450a99d69e424c249485c254adeb82eb8192df', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '967b812694ef10822af970c373700480b6f96096', id: this.panelId, class: {
+        return (h("div", { key: 'ffc8f32169a0a4c4728950839c51d7a2561d934d', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '94f3e64b73b606200397245a5b17702f4347ba47', 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: '5aa898ae60e866e699ab7ac10114c46feefe179c', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '149f1d381c3cef6a2be96c120144c259b6612256', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '538d391baef455af4da22b59baf68b54d7e73363', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: 'e6f5aa81b7b9cf488aba2a4caf6e191a39b353d6', 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-da21b737.js';
-import { t as trackComponent } from './usage-754af9c6.js';
+import { t as trackComponent } from './usage-cefcd8a7.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';
 
@@ -21,7 +21,7 @@ const GuxDismissButton = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: 'ba80f135403acafa76182e1f562740c2865ee93e', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, h("button", { key: '2192904bc528e40f58fdf197468581b4980cda0e', type: "button", title: this.i18n('dismiss') }, h("div", { key: '1382fb15f0c5c300cc04923d2cb0fc98b31ac4b4', class: "gux-icon-container" }, h("gux-icon", { key: 'ccd0d0e50b060cdf48de4861347a8e47b3098838', "icon-name": "fa/xmark-large-regular", decorative: true })))));
+        return (h("gux-button-slot", { key: '83378466334b72279df60b88cfe410a74f11ca02', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, h("button", { key: '02546ece8f67f304eff7b5855491c8e0ffe6a905', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'f9829ff48e74cbae901e06770430bf9683b2069a', class: "gux-icon-container" }, h("gux-icon", { key: '7018c674a3e0a9f225930e748e31239ed601b1c2', "icon-name": "fa/xmark-large-regular", decorative: true })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -40,7 +40,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '7da5944b17c9135577940ab5bd1e5dc2b5b277bd', class: {
+        return (h("div", { key: '58f492a8712961d4b490748660b768524b620506', 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-3f1e5ba8.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-754af9c6.js';
+import { t as trackComponent } from './usage-cefcd8a7.js';
 import { s as setInitialActiveOption, g as getSearchOption } from './gux-listbox.service-28ef1770.js';
 import { O as OnMutation } from './on-mutation-1355c534.js';
 import './get-closest-element-728b9f18.js';
@@ -388,7 +388,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            h("div", { key: '4148142b9d1262eb5112e365d20f060de551ae78', class: "gux-dropdown-container" }, h("gux-popup", { key: '7bc8edc50576e2291b7941acf2a4972fd5078915', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled, exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: 'db2fabd5459a7eed9dc35d3d1a5a5b8a13857d9c', class: "gux-dropdown-container" }, h("gux-popup", { key: '89988b14cceff09e1a055165a2f0d3544613d0f0', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled, exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get delegatesFocus() { return true; }

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

@@ -64,7 +64,7 @@ const GuxDropdownOption = class {
         };
     }
     __stencil_render() {
-        return (h("div", { key: '921a3bd8b7343fd388107b5092f72c891345837b', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: '08a4fc54561065af5a7771536dd940997acf4724', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

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

@@ -4,7 +4,7 @@ import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { o as onInputDisabledStateChange, c as calculateInputDisabledState } from './on-input-disabled-state-change-27395154.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-754af9c6.js';
+import { t as trackComponent } from './usage-cefcd8a7.js';
 import { O as OnMutation } from './on-mutation-1355c534.js';
 import { s as setInitialActiveOption, l as getListOptions, g as getSearchOption, c as clearActiveOptions, h as hasActiveOption, a as setLastOptionActive, b as setFirstOptionActive, d as hasPreviousOption, e as setPreviousOptionActive, f as hasNextOption, i as setNextOptionActive, j as actOnActiveOption, k as goToOption, m as matchOption, o as onClickedOption } from './gux-listbox.service-28ef1770.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
@@ -351,7 +351,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (h("gux-popup", { key: '565c5a0b2708f7d54ae3260cc0a58bd79e1a0932', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled, exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '4d5268e4baf35cc5ce793c3be542c749e498cf9c', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled, exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }
@@ -572,13 +572,13 @@ const GuxOption = class {
         return this.selected ? 'true' : 'false';
     }
     render() {
-        return (h(Host, { key: '1d655446a45025d556d124f20d475b25e06eacae', role: "option", class: {
+        return (h(Host, { key: 'f91b411fd87679179b8d68d54d788a8dc4541a5d', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '3bdcc45ab74c9ddfab607ff7192538561e1cda45', class: "gux-option-wrapper" }, h("gux-truncate", { key: '5aaf4843ba0a691fc7a0990175c4d29a2d58e8fb', ref: el => (this.truncateElement = el) }, h("slot", { key: '45245a691e866049e90d277702462a7f7559356c' })), h("slot", { key: '7731af5d6fef5ce98d0107056a585874f704ba3d', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'c8e543fd424975831f50f3711ab42bb209015140', class: "gux-option-wrapper" }, h("gux-truncate", { key: '3dcac66932200b4f2b58e8c960f9b77985915b57', ref: el => (this.truncateElement = el) }, h("slot", { key: '8a5f63fa0c357e6583460dcb8c9e086e472b9dd3' })), h("slot", { key: '13cc9f7240ab26b298adde0be702feea32058d18', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {