genesys-spark-components 4.117.1 → 4.118.0

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

@@ -18,7 +18,7 @@ import { afterNextRender } from "../../../utils/dom/after-next-render";
 import { trackComponent } from "../../../utils/tracking/usage";
 import { OnMutation } from "../../../utils/decorator/on-mutation";
 import translationResources from "./i18n/en.json";
-import { getSearchOption, getListOptions, setInitialActiveOption } from "../gux-listbox/gux-listbox.service";
+import { getSearchOption, getListOptions, setInitialActiveOption, getOptionDefaultSlot } from "../gux-listbox/gux-listbox.service";
 import { hasSlot } from "../../../utils/dom/has-slot";
 /**
  * Our Dropdown component. In the most basic case, it's used with `gux-option` to give users
@@ -263,12 +263,14 @@ export class GuxDropdown {
         this.collapseListbox('focusFieldButton');
     }
     getTypeaheadText(filter) {
+        var _a;
         const filterLength = filter.length;
         if (filterLength > 0 && !this.loading) {
             const option = getSearchOption(this.listboxElement, filter);
             if (option && this.filterType !== 'custom') {
                 //The text content needs to be trimmed as white space can occur around the textContent if options are populated asynchronously.
-                return option.textContent.trim().substring(filterLength);
+                const optionSlotTextContent = (_a = getOptionDefaultSlot(option)) === null || _a === void 0 ? void 0 : _a.textContent.trim();
+                return optionSlotTextContent === null || optionSlotTextContent === void 0 ? void 0 : optionSlotTextContent.substring(filterLength);
             }
         }
         return '';
@@ -349,7 +351,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'e65a43af8097df089756d19fa6d09f54d265b71b', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '25d3e1076b69e6729046d6ae3c6818d3cfb27702', 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"; }
     static get encapsulation() { return "shadow"; }

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

@@ -91,6 +91,9 @@
   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;
 }

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

@@ -16,7 +16,7 @@ import { afterNextRender } from "../../../utils/dom/after-next-render";
 import { onInputDisabledStateChange } from "../../../utils/dom/on-input-disabled-state-change";
 import { trackComponent } from "../../../utils/tracking/usage";
 import translationResources from "./i18n/en.json";
-import { getSearchOption, setInitialActiveOption } from "../gux-listbox/gux-listbox.service";
+import { getSearchOption, setInitialActiveOption, getOptionDefaultSlot } from "../gux-listbox/gux-listbox.service";
 import { OnMutation } from "../../../utils/decorator/on-mutation";
 /**
  * @slot - for a gux-listbox-multi containing gux-option-multi children
@@ -131,14 +131,16 @@ export class GuxDropdownMulti {
      */
     onInternallistboxoptionsupdated(event) {
         event.stopPropagation();
-        forceUpdate(this.root);
+        requestAnimationFrame(() => {
+            requestAnimationFrame(() => forceUpdate(this.root));
+        });
     }
     /**
      * clear selected options when gux-dropdown-multi-tag emits event
      */
     onClearselected(event) {
         event.stopPropagation();
-        this.updateValue('');
+        this.updateValue(undefined);
         if (this.listboxElement) {
             this.listboxElement.value = undefined;
         }
@@ -230,11 +232,8 @@ export class GuxDropdownMulti {
     }
     getOptionElementByValue(value) {
         const listboxOptionElements = Array.from(this.root.querySelectorAll('gux-option-multi'));
-        const values = value ? value.split(',') : undefined;
-        if (values) {
-            return listboxOptionElements.filter(element => values.includes(element.value));
-        }
-        return;
+        const values = value ? value.split(',') : [];
+        return listboxOptionElements.filter(element => values.includes(element.value));
     }
     fieldButtonClick() {
         this.expanded = !this.expanded;
@@ -314,18 +313,37 @@ export class GuxDropdownMulti {
         if (textInputLength > 0 && !this.loading) {
             const option = getSearchOption(this.listboxElement, textInput);
             if (option && this.filterType !== 'custom') {
-                const optionSlotTextContent = (_a = option.querySelector('[gux-slot-container]')) === null || _a === void 0 ? void 0 : _a.textContent;
+                const optionSlotTextContent = (_a = getOptionDefaultSlot(option)) === null || _a === void 0 ? void 0 : _a.textContent.trim();
                 return optionSlotTextContent === null || optionSlotTextContent === void 0 ? void 0 : optionSlotTextContent.substring(textInputLength);
             }
             return '';
         }
     }
     renderTargetDisplay() {
-        return (h("div", { class: "gux-placeholder" }, this.placeholder || this.i18n('noSelection'), this.getSrSelectedText()));
+        return (h("div", { class: "gux-placeholder" }, this.getSrSelectedText(), this.getSelectedOptionText() ||
+            this.placeholder ||
+            this.i18n('noSelection')));
+    }
+    getSelectedOptionText() {
+        const selectedElementString = this.getSelectedOptionValueString();
+        return selectedElementString
+            ? [
+                selectedElementString,
+                h("div", { class: "gux-sr-only" }, this.placeholder)
+            ]
+            : false;
+    }
+    getSelectedOptionValueString() {
+        return this.getOptionElementByValue(this.value)
+            .map(option => {
+            var _a;
+            return (_a = getOptionDefaultSlot(option)) === null || _a === void 0 ? void 0 : _a.textContent.trim();
+        })
+            .join(', ');
     }
     getSrSelectedText() {
         const selectedListboxOptionElement = this.getOptionElementByValue(this.value);
-        if (selectedListboxOptionElement === null || selectedListboxOptionElement === void 0 ? void 0 : selectedListboxOptionElement.length) {
+        if (selectedListboxOptionElement.length) {
             return (h("span", { class: "gux-sr-only" }, this.i18n('numberSelected', {
                 numberSelected: selectedListboxOptionElement.length.toString()
             })));
@@ -345,7 +363,9 @@ export class GuxDropdownMulti {
     }
     renderFilterInputField() {
         if (this.expanded && this.hasTextInput()) {
-            return (h("div", { class: "gux-field gux-input-field" }, h("div", { class: "gux-field-content" }, h("div", { class: "gux-filter" }, h("div", { class: "gux-filter-display" }, h("span", { class: "gux-filter-text" }, this.textInput), h("span", { class: "gux-filter-suggestion" }, this.getTypeaheadText(this.textInput))), h("div", { class: "input-and-dropdown-button" }, h("input", { onClick: this.fieldButtonInputClick.bind(this), placeholder: this.placeholder || this.i18n('noSelection'), class: "gux-filter-input", type: "text", "aria-label": this.getInputAriaLabel(), ref: el => (this.textInputElement = el), onInput: this.filterInput.bind(this), onKeyDown: this.filterKeydown.bind(this), onKeyUp: this.filterKeyup.bind(this), disabled: this.disabled }))))));
+            return (h("div", { class: "gux-field gux-input-field" }, h("div", { class: "gux-field-content" }, h("div", { class: "gux-filter" }, h("div", { class: "gux-filter-display" }, h("span", { class: "gux-filter-text" }, this.textInput), h("span", { class: "gux-filter-suggestion" }, this.getTypeaheadText(this.textInput))), h("div", { class: "input-and-dropdown-button" }, h("input", { onClick: this.fieldButtonInputClick.bind(this), placeholder: this.getSelectedOptionValueString() ||
+                    this.placeholder ||
+                    this.i18n('noSelection'), class: "gux-filter-input", type: "text", "aria-label": this.getInputAriaLabel(), ref: el => (this.textInputElement = el), onInput: this.filterInput.bind(this), onKeyDown: this.filterKeydown.bind(this), onKeyUp: this.filterKeyup.bind(this), disabled: this.disabled }))))));
         }
     }
     renderPopup() {
@@ -374,7 +394,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: '4c12f474e5aa49348caa1cd9046632f989f1e329', class: "gux-dropdown-container" }, h("gux-popup", { key: '4325f25fc057fd5b7488de52c11660ac4e14138b', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            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()))
         ];
     }
     static get is() { return "gux-dropdown-multi"; }

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

@@ -121,7 +121,7 @@ export class GuxListbox {
     componentWillRender() {
         this.listboxOptions.forEach(listboxOption => {
             listboxOption.selected = listboxOption.value === this.value;
-            if (this.filterType !== 'custom') {
+            if (this.filterType !== 'custom' && this.filterType !== 'none') {
                 listboxOption.filtered = !matchOption(listboxOption, this.filter);
             }
         });

package/dist/collection/components/stable/gux-listbox/gux-listbox.service.js

@@ -125,9 +125,9 @@ export function onClickedOption(option, handler) {
 }
 let timer;
 let searchStringState = '';
-// While there is less than 1s between keypresses that will be considered one search operation.
+// While there is less than 1s between key presses that will be considered one search operation.
 // After 1s the next keypress will be considered the start of a new search.
-// This is a mimic/approximation of the native select elements functionality.
+// This is a mimic/approximation of the native select element`s functionality.
 const continueSearchMaxInterval = 1000;
 export function goToOption(list, letter) {
     clearTimeout(timer);
@@ -138,9 +138,11 @@ export function goToOption(list, letter) {
     }, continueSearchMaxInterval);
 }
 export function matchOption(option, matchString) {
+    var _a;
     //The text content needs to be trimmed as white space can occur around the textContent if options are populated asynchronously.
-    return option.textContent
-        .trim()
-        .toLowerCase()
-        .startsWith(matchString.toLowerCase());
+    return (_a = getOptionDefaultSlot(option)) === null || _a === void 0 ? void 0 : _a.textContent.trim().toLowerCase().startsWith(matchString.toLowerCase());
+}
+export function getOptionDefaultSlot(option) {
+    var _a;
+    return (_a = option.shadowRoot.querySelector('slot')) === null || _a === void 0 ? void 0 : _a.assignedNodes()[0];
 }

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

@@ -1,5 +1,5 @@
 import { h, Host } from "@stencil/core";
-import { actOnActiveOption, clearActiveOptions, goToOption, hasPreviousOption, hasNextOption, onClickedOption, setFirstOptionActive, setInitialActiveOption, setLastOptionActive, setNextOptionActive, setPreviousOptionActive, hasActiveOption } from "../gux-listbox/gux-listbox.service";
+import { actOnActiveOption, clearActiveOptions, goToOption, hasPreviousOption, hasNextOption, onClickedOption, setFirstOptionActive, setInitialActiveOption, setLastOptionActive, setNextOptionActive, setPreviousOptionActive, hasActiveOption, getOptionDefaultSlot } from "../gux-listbox/gux-listbox.service";
 import { buildI18nForComponent } from "../../../i18n";
 import { whenEventIsFrom } from "../../../utils/dom/when-event-is-from";
 import simulateNativeEvent from "../../../utils/dom/simulate-native-event";
@@ -160,12 +160,10 @@ export class GuxListboxMulti {
     }
     updateListboxOptions() {
         this.listboxOptions.forEach(listboxOption => {
+            var _a;
             listboxOption.selected = this.getSelectedValues().includes(listboxOption.value);
-            if (this.filterType !== 'custom') {
-                listboxOption.filtered = !listboxOption.textContent
-                    .trim()
-                    .toLowerCase()
-                    .startsWith(this.textInput.toLowerCase());
+            if (this.filterType !== 'custom' && this.filterType !== 'none') {
+                listboxOption.filtered = !((_a = getOptionDefaultSlot(listboxOption)) === null || _a === void 0 ? void 0 : _a.textContent.trim().toLowerCase().startsWith(this.textInput.toLowerCase()));
             }
         });
     }
@@ -175,9 +173,8 @@ export class GuxListboxMulti {
             this.value = newArray.join(',');
         }
         else {
-            this.value = this.getSelectedValues()
-                .filter(e => e !== newValue)
-                .join(',');
+            const newArray = this.getSelectedValues().filter(e => e !== newValue);
+            this.value = newArray.length ? newArray.join(',') : undefined;
         }
         simulateNativeEvent(this.root, 'input');
         simulateNativeEvent(this.root, 'change');

package/dist/collection/components/stable/gux-time-picker/gux-time-picker.js

@@ -93,6 +93,20 @@ export class GuxTimePicker {
             this.focusRelevantItemInPopupList();
         }
     }
+    onTargetClick(event) {
+        const clickPath = event.composedPath();
+        const clickedClockButton = clickPath.includes(this.clockButton);
+        const clickedAmPmButton = clickPath.includes(this.amPmElement);
+        const clickedHourInput = clickPath.includes(this.hourInputElement);
+        const clickedMinuteInput = clickPath.includes(this.minuteInputElement);
+        // Toggle the dropdown if you click in the padded area of the target container
+        if (!clickedClockButton &&
+            !clickedAmPmButton &&
+            !clickedMinuteInput &&
+            !clickedHourInput) {
+            this.toggleDropdown();
+        }
+    }
     handleClickDropdownValue(displayValue) {
         const value = getValue(displayValue, this.clockType, isAm(this.value));
         this.updateValue(value, true);
@@ -198,7 +212,7 @@ export class GuxTimePicker {
     }
     renderAmPmSelector() {
         if (this.clockType === '12h') {
-            return (h("button", { class: "gux-input-time-am-pm-selector", type: "button", disabled: this.disabled, "aria-label": this.i18n('toggleAmPM', { amOrPm: this.getAmPmString() }), onClick: (e) => this.toggleAmPm(e), onKeyDown: (e) => this.onAmPmButtonKeyDown(e) }, h("div", { class: {
+            return (h("button", { class: "gux-input-time-am-pm-selector", type: "button", disabled: this.disabled, "aria-label": this.i18n('toggleAmPM', { amOrPm: this.getAmPmString() }), onClick: (e) => this.toggleAmPm(e), onKeyDown: (e) => this.onAmPmButtonKeyDown(e), ref: el => (this.amPmElement = el) }, h("div", { class: {
                     'gux-meridiem': true,
                     'gux-visible': isAm(this.value)
                 } }, this.i18n('am')), h("div", { class: {
@@ -220,13 +234,13 @@ export class GuxTimePicker {
         });
     }
     renderTarget() {
-        return (h("div", { class: "gux-input-time", slot: "target" }, this.renderNumberInput(), this.renderAmPmSelector(), this.renderClockButton()));
+        return (h("div", { class: "gux-input-time", slot: "target", onClick: this.onTargetClick.bind(this) }, this.renderNumberInput(), this.renderAmPmSelector(), this.renderClockButton()));
     }
     renderPopup() {
         return (h("div", { slot: "popup", class: "gux-list-container", onKeyDown: (e) => this.onListKeyDown(e) }, h("gux-list", { ref: el => (this.listElement = el) }, this.renderTimeListItems())));
     }
     render() {
-        return (h("gux-popup", { key: '790159903dd4523bb55071ac9cffcddd41508fa0', class: {
+        return (h("gux-popup", { key: 'f6707b2d692327ae6e7db6a217920b1bf735a396', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));

package/dist/esm/{get-valid-timezone-f5a3567c.js → get-valid-timezone-8f24f07d.js}

@@ -1,4 +1,4 @@
-import { l as locales } from './index-2b763ad6.js';
+import { l as locales } from './index-5a5cba3c.js';
 
 /**
  * @class A class that implements the method needed to format dates and times depending on locales

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-e8976a15.js';
+import { t as trackComponent } from './usage-80d69274.js';
 
 const guxAccordionCss = "gux-accordion{-custom-noop:noop}";
 const GuxAccordionStyle0 = guxAccordionCss;

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

@@ -2,8 +2,8 @@ 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-e8976a15.js';
-import { b as buildI18nForComponent } from './index-2b763ad6.js';
+import { t as trackComponent } from './usage-80d69274.js';
+import { b as buildI18nForComponent } from './index-5a5cba3c.js';
 import './get-closest-element-728b9f18.js';
 
 const moreOptions = "More options";

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-e8976a15.js';
+import { t as trackComponent } from './usage-80d69274.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,8 +2,8 @@ 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-e8976a15.js';
-import { b as buildI18nForComponent } from './index-2b763ad6.js';
+import { t as trackComponent } from './usage-80d69274.js';
+import { b as buildI18nForComponent } from './index-5a5cba3c.js';
 import './get-closest-element-728b9f18.js';
 
 const searchAria = "Search";

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-46ac98b8.js';
-import { b as buildI18nForComponent } from './index-2b763ad6.js';
+import { b as buildI18nForComponent } from './index-5a5cba3c.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { t as tableResources } from './en-1f9d79e6.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-e8976a15.js';
+import { t as trackComponent } from './usage-80d69274.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,7 +1,7 @@
 import { h, r as registerInstance, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-e8976a15.js';
+import { t as trackComponent } from './usage-80d69274.js';
 import { a as logWarn } from './log-error-274efeb7.js';
-import { b as buildI18nForComponent } from './index-2b763ad6.js';
+import { b as buildI18nForComponent } from './index-5a5cba3c.js';
 import { g as generateInitials, a as getAvatarAccentClass } from './gux-avatar.service-43c1b4e1.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-46ac98b8.js';
 import { a as logWarn } from './log-error-274efeb7.js';
-import { b as buildI18nForComponent } from './index-2b763ad6.js';
-import { t as trackComponent } from './usage-e8976a15.js';
+import { b as buildI18nForComponent } from './index-5a5cba3c.js';
+import { t as trackComponent } from './usage-80d69274.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-e8976a15.js';
+import { t as trackComponent } from './usage-80d69274.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-e8976a15.js';
+import { t as trackComponent } from './usage-80d69274.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-e8976a15.js';
+import { t as trackComponent } from './usage-80d69274.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,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-e8976a15.js';
-import { b as buildI18nForComponent } from './index-2b763ad6.js';
+import { t as trackComponent } from './usage-80d69274.js';
+import { b as buildI18nForComponent } from './index-5a5cba3c.js';
 import './get-closest-element-728b9f18.js';
 
 const info = "badge with label: {label}, accent: info";

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-e8976a15.js';
+import { t as trackComponent } from './usage-80d69274.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-2b763ad6.js';
-import { t as trackComponent } from './usage-e8976a15.js';
+import { b as buildI18nForComponent } from './index-5a5cba3c.js';
+import { t as trackComponent } from './usage-80d69274.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-e8976a15.js';
+import { t as trackComponent } from './usage-80d69274.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-e8976a15.js';
+import { t as trackComponent } from './usage-80d69274.js';
 import { l as logError } from './log-error-274efeb7.js';
 
 const guxButtonSlotCss = ":host{display:inline-block;pointer-events:none}::slotted(input[type=button]),::slotted(input[type=submit]),::slotted(button){font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;color:var(--gse-ui-button-secondary-default-foregroundColor);text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}:host([icon-only]) ::slotted(input[type=button]),:host([icon-only]) ::slotted(input[type=submit]),:host([icon-only]) ::slotted(button){padding:var(--gse-ui-button-default-paddingIconOnly)}::slotted(input[type=button][disabled]),::slotted(input[type=submit][disabled]),::slotted(button[disabled]){cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}::slotted(input[type=button]:focus),::slotted(input[type=submit]:focus),::slotted(button:focus){outline:none}::slotted(input[type=button]:focus-visible:enabled),::slotted(input[type=submit]:focus-visible:enabled),::slotted(button:focus-visible:enabled){outline:var(--gse-semantic-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-e8976a15.js';
+import { t as trackComponent } from './usage-80d69274.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-beta.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
 import { f as fromIsoDate, a as asIsoDate } from './iso-dates-8d3f106d.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-404638dd.js';
-import { g as getDesiredLocale, a as getStartOfWeek, b as buildI18nForComponent } from './index-2b763ad6.js';
+import { g as getDesiredLocale, a as getStartOfWeek, b as buildI18nForComponent } from './index-5a5cba3c.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { l as logError } from './log-error-274efeb7.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';

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

@@ -1,8 +1,8 @@
 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-e8976a15.js';
-import { g as getDesiredLocale, a as getStartOfWeek } from './index-2b763ad6.js';
+import { t as trackComponent } from './usage-80d69274.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';
 import './get-closest-element-728b9f18.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-e8976a15.js';
+import { t as trackComponent } from './usage-80d69274.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-item.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-46ac98b8.js';
-import { b as buildI18nForComponent } from './index-2b763ad6.js';
+import { b as buildI18nForComponent } from './index-5a5cba3c.js';
 import { c as getIndexInParent } from './gux-column-manager.service-90a02975.js';
 import './get-closest-element-728b9f18.js';
 import './clamp-1fc36648.js';

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-2b763ad6.js';
-import { t as trackComponent } from './usage-e8976a15.js';
+import { b as buildI18nForComponent } from './index-5a5cba3c.js';
+import { t as trackComponent } from './usage-80d69274.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,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-e8976a15.js';
-import { b as buildI18nForComponent } from './index-2b763ad6.js';
+import { t as trackComponent } from './usage-80d69274.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';
 import './get-closest-element-728b9f18.js';

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

@@ -1,7 +1,7 @@
 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-e8976a15.js';
-import { b as buildI18nForComponent } from './index-2b763ad6.js';
+import { t as trackComponent } from './usage-80d69274.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';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-e8976a15.js';
-import { b as buildI18nForComponent } from './index-2b763ad6.js';
+import { t as trackComponent } from './usage-80d69274.js';
+import { b as buildI18nForComponent } from './index-5a5cba3c.js';
 import './get-closest-element-728b9f18.js';
 
 const clickToCopy = "Click to Copy";

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-46ac98b8.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { b as buildI18nForComponent } from './index-2b763ad6.js';
+import { b as buildI18nForComponent } from './index-5a5cba3c.js';
 import './get-closest-element-728b9f18.js';
 
 const createCustomOptionInstructions = ", select to create a new custom option";

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-e8976a15.js';
-import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-f5a3567c.js';
+import { t as trackComponent } from './usage-80d69274.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-2b763ad6.js';
+import { g as getDesiredLocale } from './index-5a5cba3c.js';
 import './get-closest-element-7b2f7d5b.js';
 import './get-closest-element-728b9f18.js';
 

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-e8976a15.js';
-import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-f5a3567c.js';
+import { t as trackComponent } from './usage-80d69274.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-2b763ad6.js';
+import { g as getDesiredLocale } from './index-5a5cba3c.js';
 import './get-closest-element-7b2f7d5b.js';
 import './get-closest-element-728b9f18.js';
 

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

@@ -4,8 +4,8 @@ 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-e8976a15.js';
-import { b as buildI18nForComponent } from './index-2b763ad6.js';
+import { t as trackComponent } from './usage-80d69274.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';
 import './get-closest-element-7b2f7d5b.js';

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

@@ -1,7 +1,7 @@
 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-e8976a15.js';
-import { b as buildI18nForComponent } from './index-2b763ad6.js';
+import { t as trackComponent } from './usage-80d69274.js';
+import { b as buildI18nForComponent } from './index-5a5cba3c.js';
 import './get-closest-element-728b9f18.js';
 
 const defaultLabel = "Disclosure button";