genesys-spark-components 4.119.1 → 4.120.0

package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-77202cdc.js');
 const index$1 = require('./index-8194d25c.js');
 const timeZone = require('./time-zone-57632efb.js');
-const usage = require('./usage-3a291ce1.js');
+const usage = require('./usage-8f7ff1c3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-3a291ce1.js');
+const usage = require('./usage-8f7ff1c3.js');
 const hasSlot = require('./has-slot-3edae188.js');
 const logError = require('./log-error-7b9d4b57.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-3a291ce1.js');
+const usage = require('./usage-8f7ff1c3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const index$1 = require('./index-8194d25c.js');
 require('./get-closest-element-9e41d6b9.js');

package/dist/cjs/gux-tooltip-base-beta_2.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-77202cdc.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-3a291ce1.js');
+const usage = require('./usage-8f7ff1c3.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const overflowDetection = require('./overflow-detection-cb449687.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-77202cdc.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-3a291ce1.js');
+const usage = require('./usage-8f7ff1c3.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const overflowDetection = require('./overflow-detection-cb449687.js');

package/dist/cjs/{usage-3a291ce1.js → usage-8f7ff1c3.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const name = "genesys-spark-components";
-const version = "4.119.1";
+const version = "4.120.0";
 const description = "Common webcomponents";
 const license = "MIT";
 const main = "dist/stencil-wrapper.js";

package/dist/collection/components/stable/gux-dropdown-multi/gux-dropdown-multi.css

@@ -7,11 +7,11 @@
   position: relative;
 }
 
-.gux-error.gux-target-container-collapsed .gux-field-button, .gux-error.gux-target-container-expanded {
+.gux-error.gux-target-container-collapsed .gux-field-combobox, .gux-error.gux-target-container-expanded {
   border: var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color);
 }
 
-.gux-disabled.gux-target-container-collapsed .gux-field-button, .gux-disabled.gux-target-container-expanded {
+.gux-disabled.gux-target-container-collapsed .gux-field-combobox, .gux-disabled.gux-target-container-expanded {
   user-select: none;
   border: var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color);
 }
@@ -40,7 +40,7 @@
   padding: var(--gse-ui-formControl-input-padding);
 }
 
-.gux-target-container-collapsed .gux-field-button:hover,
+.gux-target-container-collapsed .gux-field-combobox:hover,
 .gux-target-container-expanded: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);
 }
@@ -138,7 +138,7 @@
   outline: none;
   border: none;
 }
-.gux-target-container-expanded .gux-field-button {
+.gux-target-container-expanded .gux-field-combobox {
   inline-size: auto;
   block-size: var(--gse-ui-formControl-input-contentText-lineHeight);
   margin: 0;
@@ -147,19 +147,19 @@
   border: none;
   box-shadow: none;
 }
-.gux-target-container-expanded .gux-field-button:focus {
+.gux-target-container-expanded .gux-field-combobox:focus {
   outline: none;
 }
 
-.gux-target-container-collapsed .gux-field-button {
+.gux-target-container-collapsed .gux-field-combobox {
   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-target-container-collapsed .gux-field-button:focus-visible {
+.gux-target-container-collapsed .gux-field-combobox:focus-visible {
   outline: var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);
   outline-offset: var(--gse-semantic-focusOutline-offset);
 }
-.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible) {
+.gux-target-container-collapsed .gux-field-combobox:focus-within:has(:focus-visible) {
   outline: var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);
   outline-offset: var(--gse-semantic-focusOutline-offset);
 }

package/dist/collection/components/stable/gux-dropdown-multi/gux-dropdown-multi.js

@@ -18,11 +18,13 @@ import { trackComponent } from "../../../utils/tracking/usage";
 import translationResources from "./i18n/en.json";
 import { getSearchOption, setInitialActiveOption, getOptionDefaultSlot } from "../gux-listbox/gux-listbox.service";
 import { OnMutation } from "../../../utils/decorator/on-mutation";
+import { randomHTMLId } from "../../../utils/dom/random-html-";
 /**
  * @slot - for a gux-listbox-multi containing gux-option-multi children
  */
 export class GuxDropdownMulti {
     constructor() {
+        this.uniquePopupID = randomHTMLId('gux-popup');
         this.value = undefined;
         this.disabled = false;
         this.required = false;
@@ -369,7 +371,7 @@ export class GuxDropdownMulti {
         }
     }
     renderPopup() {
-        return (h("div", { slot: "popup", class: "gux-listbox-container" }, h("slot", null)));
+        return (h("div", { slot: "popup", id: this.uniquePopupID, class: "gux-listbox-container" }, h("slot", null)));
     }
     renderTarget() {
         return (h("div", { class: {
@@ -378,7 +380,7 @@ export class GuxDropdownMulti {
                 'gux-target-container-collapsed': !(this.expanded && this.hasTextInput()),
                 'gux-error': this.hasError,
                 'gux-disabled': this.disabled
-            }, slot: "target" }, this.renderFilterInputField(), h("button", { type: "button", class: "gux-field gux-field-button", disabled: this.disabled, onClick: this.fieldButtonClick.bind(this), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString() }, this.renderTargetContent(), this.renderTag(), this.renderRadialLoading(), h("gux-icon", { class: {
+            }, slot: "target" }, this.renderFilterInputField(), h("div", { class: "gux-field gux-field-combobox", role: "combobox", "aria-disabled": this.disabled, onClick: this.fieldButtonClick.bind(this), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString(), "aria-controls": this.uniquePopupID, tabIndex: this.disabled ? -1 : 0 }, this.renderTargetContent(), this.renderTag(), this.renderRadialLoading(), h("gux-icon", { class: {
                 'gux-expand-icon': true
             }, size: "small", "screenreader-text": this.i18n('dropdown'), iconName: "custom/chevron-down-small-regular" }))));
     }
@@ -394,7 +396,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: '494db95a0b33b5bd6abe55ecb308011dc230dd34', class: "gux-dropdown-container" }, h("gux-popup", { key: '9a7fd26e9e4ceb0150c1cf97ea61e9669b059ea5', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '7e1e588b5c7bc098cd659a3ddd6fd91000fdbea2', class: "gux-dropdown-container" }, h("gux-popup", { key: '47df7e9b9670aa052fb8d30912bd7a08e6e5cc7a', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get is() { return "gux-dropdown-multi"; }

package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.css

@@ -18,6 +18,7 @@
 }
 :host .gux-option-wrapper {
   inline-size: 100%;
+  min-inline-size: 0;
 }
 :host .gux-checkbox-container {
   position: relative;

package/dist/collection/components/stable/gux-tabs/gux-tab/gux-tab.js

@@ -33,12 +33,21 @@ export class GuxTab {
     async guxGetActive() {
         return this.active;
     }
+    getTabIndex() {
+        if (this.guxDisabled) {
+            return null;
+        }
+        if (this.active) {
+            return 0;
+        }
+        return -1;
+    }
     render() {
-        return (h("button", { key: 'fd717e2ea881dadcbfc50ac391742161bba18f90', class: {
+        return (h("button", { key: '36e9856cc60d82fda6849197c751eb3ad1f40edd', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: '35989c5b5d73c7fc6dbddbfde323add1e6d48cbc', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '366ef9bcf650125306d6a3489b13195760cc1241' }, h("slot", { key: '66a6b1a5bb9cb199a7e7829c5733b913067ef655' })))));
+            }, type: "button", disabled: this.guxDisabled, id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.getTabIndex(), ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: 'd86503a75ac716e3e483da2366cd751070c9f16b', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '7602c4988e782ed1d8b614c2dabb19d5b2934db4' }, h("slot", { key: '42c6c71b823a7315639401067eec146d36c9ea27' })))));
     }
     static get is() { return "gux-tab"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-tabs/gux-tab-list/gux-tab-list.js

@@ -97,7 +97,7 @@ export class GuxTabList {
         void this.tabTriggers[this.focused].guxFocus();
     }
     setTabTriggers() {
-        this.tabTriggers = this.root.querySelectorAll('gux-tab');
+        this.tabTriggers = this.root.querySelectorAll('gux-tab:not([gux-disabled])');
         if (this.tabTriggers) {
             this.triggerIds = Array.from(this.tabTriggers)
                 .map(trigger => `gux-${trigger.getAttribute('tab-id')}-tab`)
@@ -263,9 +263,9 @@ export class GuxTabList {
         });
     }
     render() {
-        return (h("div", { key: '84ed4ad8ebba6e666d0fda4987042ed3a095f92c', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: 'ccf3abcda14b32148fc48efc1725e0133ea6d40d', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: 'da29643823c7901ac2df97f0d0e0969ee23c3b6b', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'b934ca8cdc68719015f8f5e57eb0ffd37ab7d971' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '2e5e68308230c99b5a66ee9a425e880c118c1a99', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '70fa0dda7f54b08d43b9d6166a39953f225cd0bb' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

package/dist/collection/components/stable/gux-tag/gux-tag.css

@@ -27,6 +27,9 @@
   font-weight: var(--gse-ui-tag-textLarge-fontWeight);
   line-height: var(--gse-ui-tag-textLarge-lineHeight);
 }
+.gux-tag.gux-size-large .gux-tag-remove-button:focus-within .gux-tag-remove-icon {
+  outline-offset: 10px;
+}
 .gux-tag.gux-disabled {
   position: relative;
   user-select: none;
@@ -63,7 +66,8 @@
   margin-inline-end: -4px;
 }
 .gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon {
-  outline: var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-ui-color-focus);
+  outline: var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-ui-color-focus);
+  outline-offset: 5px;
   border-radius: var(--gse-semantic-focusOutline-sm-borderRadius);
 }
 .gux-tag.gux-accent-default {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-7622eccf.js';
+import { t as trackComponent } from './usage-4360717e.js';
 
 const guxAccordionCss = "gux-accordion{-custom-noop:noop}";
 const GuxAccordionStyle0 = guxAccordionCss;

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-fe48b6ef.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-7622eccf.js';
+import { t as trackComponent } from './usage-4360717e.js';
 import { b as buildI18nForComponent } from './index-5a5cba3c.js';
 import './get-closest-element-728b9f18.js';
 

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-46ac98b8.js';
-import { t as trackComponent } from './usage-7622eccf.js';
+import { t as trackComponent } from './usage-4360717e.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;

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-fe48b6ef.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-7622eccf.js';
+import { t as trackComponent } from './usage-4360717e.js';
 import { b as buildI18nForComponent } from './index-5a5cba3c.js';
 import './get-closest-element-728b9f18.js';
 

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-46ac98b8.js';
-import { t as trackComponent } from './usage-7622eccf.js';
+import { t as trackComponent } from './usage-4360717e.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-46ac98b8.js';
-import { t as trackComponent } from './usage-7622eccf.js';
+import { t as trackComponent } from './usage-4360717e.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 import { b as buildI18nForComponent } from './index-5a5cba3c.js';
 import { g as generateInitials, a as getAvatarAccentClass } from './gux-avatar.service-43c1b4e1.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-46ac98b8.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 import { b as buildI18nForComponent } from './index-5a5cba3c.js';
-import { t as trackComponent } from './usage-7622eccf.js';
+import { t as trackComponent } from './usage-4360717e.js';
 import './get-closest-element-728b9f18.js';
 
 const changePhoto = "Change profile photo";

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-7622eccf.js';
+import { t as trackComponent } from './usage-4360717e.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 import { s as setFocusTarget, r as resetFocusableSibling } from './gux-avatar-group.service-f9030472.js';
 import './get-closest-element-728b9f18.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-7622eccf.js';
+import { t as trackComponent } from './usage-4360717e.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 import { g as groupKeyboardNavigation } from './gux-avatar-group.service-f9030472.js';
 import { a as getAvatarAccentClass, g as generateInitials } from './gux-avatar.service-43c1b4e1.js';

package/dist/esm/gux-avatar-overflow-beta_2.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-46ac98b8.js';
 import { a as autoUpdate, c as computePosition, o as offset } from './floating-ui.dom.esm-02309983.js';
 import { O as OnClickOutside } from './on-click-outside-fe48b6ef.js';
-import { t as trackComponent } from './usage-7622eccf.js';
+import { t as trackComponent } from './usage-4360717e.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 import { g as groupKeyboardNavigation } from './gux-avatar-group.service-f9030472.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-7622eccf.js';
+import { t as trackComponent } from './usage-4360717e.js';
 import { b as buildI18nForComponent } from './index-5a5cba3c.js';
 import './get-closest-element-728b9f18.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-7622eccf.js';
+import { t as trackComponent } from './usage-4360717e.js';
 import { O as OnMutation } from './on-mutation-c5880cd8.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-46ac98b8.js';
 import { b as buildI18nForComponent } from './index-5a5cba3c.js';
-import { t as trackComponent } from './usage-7622eccf.js';
+import { t as trackComponent } from './usage-4360717e.js';
 import './get-closest-element-728b9f18.js';
 
 const breadcrumbs = "Breadcrumbs";

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-fe48b6ef.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-7622eccf.js';
+import { t as trackComponent } from './usage-4360717e.js';
 
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {

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-46ac98b8.js';
-import { t as trackComponent } from './usage-7622eccf.js';
+import { t as trackComponent } from './usage-4360717e.js';
 import { l as logError } from './log-error-274efeb7.js';
 
 const guxButtonSlotCss = ":host{display:inline-block;pointer-events:none}::slotted(input[type=button]),::slotted(input[type=submit]),::slotted(button){font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;text-overflow:ellipsis;color:var(--gse-ui-button-secondary-default-foregroundColor);white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}:host([icon-only]) ::slotted(input[type=button]),:host([icon-only]) ::slotted(input[type=submit]),:host([icon-only]) ::slotted(button){padding:var(--gse-ui-button-default-paddingIconOnly)}::slotted(input[type=button][disabled]),::slotted(input[type=submit][disabled]),::slotted(button[disabled]){cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}::slotted(input[type=button]:focus),::slotted(input[type=submit]:focus),::slotted(button:focus){outline:none}::slotted(input[type=button]:focus-visible:enabled),::slotted(input[type=submit]:focus-visible:enabled),::slotted(button:focus-visible:enabled){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(input[type=button]:hover:enabled),::slotted(input[type=submit]:hover:enabled),::slotted(button:hover:enabled){color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}::slotted(input[type=button]:active:enabled),::slotted(input[type=submit]:active:enabled),::slotted(button:active:enabled){color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]),:host([accent=primary]) ::slotted(input[type=submit]),:host([accent=primary]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:hover:enabled),:host([accent=primary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=primary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:active:enabled),:host([accent=primary]) ::slotted(input[type=submit]:active:enabled),:host([accent=primary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]),:host([accent=tertiary]) ::slotted(input[type=submit]),:host([accent=tertiary]) ::slotted(button){color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width)}:host([accent=tertiary]) ::slotted(input[type=button]:hover:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=tertiary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]:active:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:active:enabled),:host([accent=tertiary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]),:host([accent=ghost]) ::slotted(input[type=submit]),:host([accent=ghost]) ::slotted(button){color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:hover:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:hover:enabled),:host([accent=ghost]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:active:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:active:enabled),:host([accent=ghost]) ::slotted(button:active:enabled){color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]),:host([accent=danger]) ::slotted(input[type=submit]),:host([accent=danger]) ::slotted(button){color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:hover:enabled),:host([accent=danger]) ::slotted(input[type=submit]:hover:enabled),:host([accent=danger]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:active:enabled),:host([accent=danger]) ::slotted(input[type=submit]:active:enabled),:host([accent=danger]) ::slotted(button:active:enabled){color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}:host([accent=inline]){min-inline-size:initial}:host([accent=inline]) ::slotted(input[type=button]),:host([accent=inline]) ::slotted(input[type=submit]),:host([accent=inline]) ::slotted(button){block-size:initial;padding:0;color:var(--gse-ui-links-default-foregroundColor);background:none;border:none}:host([accent=inline]) ::slotted(input[type=button][disabled]),:host([accent=inline]) ::slotted(input[type=submit][disabled]),:host([accent=inline]) ::slotted(button[disabled]){color:var(--gse-ui-links-disabled-foregroundColor)}:host([accent=inline]) ::slotted(input[type=button]:hover:enabled),:host([accent=inline]) ::slotted(input[type=submit]:hover:enabled),:host([accent=inline]) ::slotted(button:hover:enabled){color:var(--gse-ui-links-hover-foregroundColor);text-decoration:underline;background:none}:host([accent=inline]) ::slotted(input[type=button]:active:enabled),:host([accent=inline]) ::slotted(input[type=submit]:active:enabled),:host([accent=inline]) ::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}";

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement, c as createEvent } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-7622eccf.js';
+import { t as trackComponent } from './usage-4360717e.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom.esm-02309983.js';
 import { O as OnClickOutside } from './on-click-outside-fe48b6ef.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-46ac98b8.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-7622eccf.js';
+import { t as trackComponent } from './usage-4360717e.js';
 import { g as getDesiredLocale, a as getStartOfWeek } from './index-5a5cba3c.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-404638dd.js';
 import { u as useRegionalDates, d as dateTimeFormat } from './use-regional-dates-72c32f0a.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-7622eccf.js';
+import { t as trackComponent } from './usage-4360717e.js';
 
 const guxCardCss = ":host{display:block;inline-size:fit-content}.gux-card{box-sizing:border-box;padding:var(--gse-ui-card-padding);background-color:var(--gse-ui-card-backgroundColor);border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color);border-radius:var(--gse-ui-card-borderRadius)}.gux-card.gux-bordered{border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color)}.gux-card.gux-raised{border:var(--gse-ui-card-raised-border-width) var(--gse-ui-card-raised-border-style) var(--gse-ui-card-raised-border-color);box-shadow:var(--gse-ui-card-raised-boxShadow)}.gux-card.gux-borderless{border:var(--gse-ui-card-borderless-border-width) var(--gse-ui-card-borderless-border-style) var(--gse-ui-card-borderless-border-color)}";
 const GuxCardStyle0 = guxCardCss;

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-46ac98b8.js';
 import { b as buildI18nForComponent } from './index-5a5cba3c.js';
-import { t as trackComponent } from './usage-7622eccf.js';
+import { t as trackComponent } from './usage-4360717e.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';

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-46ac98b8.js';
-import { t as trackComponent } from './usage-7622eccf.js';
+import { t as trackComponent } from './usage-4360717e.js';
 import { b as buildI18nForComponent } from './index-5a5cba3c.js';
 import { a as onDisabledChange } from './on-attribute-change-33919964.js';
 import { f as focusInputElement } from './focus-input-element-8a137b12.js';

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-46ac98b8.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-7622eccf.js';
+import { t as trackComponent } from './usage-4360717e.js';
 import { b as buildI18nForComponent } from './index-5a5cba3c.js';
 import { O as OnClickOutside } from './on-click-outside-fe48b6ef.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-7622eccf.js';
+import { t as trackComponent } from './usage-4360717e.js';
 import { b as buildI18nForComponent } from './index-5a5cba3c.js';
 import './get-closest-element-728b9f18.js';
 

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-46ac98b8.js';
-import { t as trackComponent } from './usage-7622eccf.js';
+import { t as trackComponent } from './usage-4360717e.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-8f24f07d.js';
 import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-72c32f0a.js';
 import { g as getDesiredLocale } from './index-5a5cba3c.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-46ac98b8.js';
-import { t as trackComponent } from './usage-7622eccf.js';
+import { t as trackComponent } from './usage-4360717e.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-8f24f07d.js';
 import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-72c32f0a.js';
 import { g as getDesiredLocale } from './index-5a5cba3c.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-fe48b6ef.js';
-import { t as trackComponent } from './usage-7622eccf.js';
+import { t as trackComponent } from './usage-4360717e.js';
 import { b as buildI18nForComponent } from './index-5a5cba3c.js';
 import { u as useRegionalDates, g as getFormat, a as determineDisplayLocale } from './use-regional-dates-72c32f0a.js';
 import './get-closest-element-728b9f18.js';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-46ac98b8.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-7622eccf.js';
+import { t as trackComponent } from './usage-4360717e.js';
 import { b as buildI18nForComponent } from './index-5a5cba3c.js';
 import './get-closest-element-728b9f18.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-7622eccf.js';
+import { t as trackComponent } from './usage-4360717e.js';
 import { b as buildI18nForComponent } from './index-5a5cba3c.js';
 import './get-closest-element-728b9f18.js';
 

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

@@ -4,9 +4,10 @@ import { b as buildI18nForComponent } from './index-5a5cba3c.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-7622eccf.js';
+import { t as trackComponent } from './usage-4360717e.js';
 import { s as setInitialActiveOption, g as getSearchOption, a as getOptionDefaultSlot } from './gux-listbox.service-503fe0e2.js';
 import { O as OnMutation } from './on-mutation-c5880cd8.js';
+import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import './get-closest-element-728b9f18.js';
 
 const textInputResults = "Type to filter dropdown results";
@@ -22,7 +23,7 @@ const translationResources = {
 	pressEnterToCreate: pressEnterToCreate
 };
 
-const guxDropdownMultiCss = ":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-dropdown-container{position:relative}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded: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-field.gux-input-field{block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{position:relative;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-selected-option .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-placeholder .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%;padding-inline-start:0}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input:placeholder-shown{text-overflow:ellipsis}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{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-input-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{outline:none;border:none}.gux-target-container-expanded .gux-field-button{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;outline:none;background:inherit;border:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{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-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-listbox-container{box-sizing:border-box;margin:0}";
+const guxDropdownMultiCss = ":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-dropdown-container{position:relative}.gux-error.gux-target-container-collapsed .gux-field-combobox,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-combobox,.gux-disabled.gux-target-container-expanded{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-target-container-collapsed .gux-field-combobox:hover,.gux-target-container-expanded: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-field.gux-input-field{block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{position:relative;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-selected-option .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-placeholder .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%;padding-inline-start:0}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input:placeholder-shown{text-overflow:ellipsis}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{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-input-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{outline:none;border:none}.gux-target-container-expanded .gux-field-combobox{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;outline:none;background:inherit;border:none;box-shadow:none}.gux-target-container-expanded .gux-field-combobox:focus{outline:none}.gux-target-container-collapsed .gux-field-combobox{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-target-container-collapsed .gux-field-combobox:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-collapsed .gux-field-combobox:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-listbox-container{box-sizing:border-box;margin:0}";
 const GuxDropdownMultiStyle0 = guxDropdownMultiCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -42,6 +43,7 @@ const GuxDropdownMulti = class {
         this.guxexpanded = createEvent(this, "guxexpanded", 7);
         this.guxcollapsed = createEvent(this, "guxcollapsed", 7);
         this.guxfilter = createEvent(this, "guxfilter", 7);
+        this.uniquePopupID = randomHTMLId('gux-popup');
         this.value = undefined;
         this.disabled = false;
         this.required = false;
@@ -388,7 +390,7 @@ const GuxDropdownMulti = class {
         }
     }
     renderPopup() {
-        return (h("div", { slot: "popup", class: "gux-listbox-container" }, h("slot", null)));
+        return (h("div", { slot: "popup", id: this.uniquePopupID, class: "gux-listbox-container" }, h("slot", null)));
     }
     renderTarget() {
         return (h("div", { class: {
@@ -397,7 +399,7 @@ const GuxDropdownMulti = class {
                 'gux-target-container-collapsed': !(this.expanded && this.hasTextInput()),
                 'gux-error': this.hasError,
                 'gux-disabled': this.disabled
-            }, slot: "target" }, this.renderFilterInputField(), h("button", { type: "button", class: "gux-field gux-field-button", disabled: this.disabled, onClick: this.fieldButtonClick.bind(this), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString() }, this.renderTargetContent(), this.renderTag(), this.renderRadialLoading(), h("gux-icon", { class: {
+            }, slot: "target" }, this.renderFilterInputField(), h("div", { class: "gux-field gux-field-combobox", role: "combobox", "aria-disabled": this.disabled, onClick: this.fieldButtonClick.bind(this), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString(), "aria-controls": this.uniquePopupID, tabIndex: this.disabled ? -1 : 0 }, this.renderTargetContent(), this.renderTag(), this.renderRadialLoading(), h("gux-icon", { class: {
                 'gux-expand-icon': true
             }, size: "small", "screenreader-text": this.i18n('dropdown'), iconName: "custom/chevron-down-small-regular" }))));
     }
@@ -413,7 +415,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            h("div", { key: '494db95a0b33b5bd6abe55ecb308011dc230dd34', class: "gux-dropdown-container" }, h("gux-popup", { key: '9a7fd26e9e4ceb0150c1cf97ea61e9669b059ea5', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '7e1e588b5c7bc098cd659a3ddd6fd91000fdbea2', class: "gux-dropdown-container" }, h("gux-popup", { key: '47df7e9b9670aa052fb8d30912bd7a08e6e5cc7a', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get delegatesFocus() { return true; }

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

@@ -4,7 +4,7 @@ import { b as buildI18nForComponent } from './index-5a5cba3c.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-7622eccf.js';
+import { t as trackComponent } from './usage-4360717e.js';
 import { O as OnMutation } from './on-mutation-c5880cd8.js';
 import { s as setInitialActiveOption, m as getListOptions, g as getSearchOption, a as getOptionDefaultSlot, c as clearActiveOptions, h as hasActiveOption, b as setLastOptionActive, d as setFirstOptionActive, e as hasPreviousOption, f as setPreviousOptionActive, i as hasNextOption, j as setNextOptionActive, k as actOnActiveOption, l as goToOption, n as matchOption, o as onClickedOption } from './gux-listbox.service-503fe0e2.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';

package/dist/esm/gux-file-list-item.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-46ac98b8.js';
 import { b as buildI18nForComponent } from './index-5a5cba3c.js';
-import { t as trackComponent } from './usage-7622eccf.js';
+import { t as trackComponent } from './usage-4360717e.js';
 import './get-closest-element-728b9f18.js';
 
 const removeFile = "Remove {filename} file";