genesys-spark-components 4.130.0 → 4.131.0

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-036d7a73.js');
+const usage = require('./usage-3824603d.js');
 
 const guxTabsCss = ":host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;block-size:100%}:host .gux-tabs:not(.gux-vertical){flex-direction:column}:host .gux-panel-container{display:flex;flex:1 1 auto;flex-direction:column;block-size:100%;min-block-size:0}";
 const GuxTabsStyle0 = guxTabsCss;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
 const index$1 = require('./index-c7d87150.js');
-const usage = require('./usage-036d7a73.js');
+const usage = require('./usage-3824603d.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const tag = "tag with label: {label}";

package/dist/cjs/gux-text-highlight.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-036d7a73.js');
+const usage = require('./usage-3824603d.js');
 
 const conversion = /[ +]/g;
 const expressions = new Map();

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-036d7a73.js');
+const usage = require('./usage-3824603d.js');
 const getValidTimezone = require('./get-valid-timezone-e419d38e.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 const index$1 = require('./index-c7d87150.js');

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

@@ -7,7 +7,7 @@ const onClickOutside = require('./on-click-outside-bfd599ca.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const index = require('./index-c7d87150.js');
-const usage = require('./usage-036d7a73.js');
+const usage = require('./usage-3824603d.js');
 const logError = require('./log-error-7b9d4b57.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 require('./get-closest-element-9e41d6b9.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-036d7a73.js');
+const usage = require('./usage-3824603d.js');
 const index$1 = require('./index-c7d87150.js');
 const timeZone = require('./time-zone-57632efb.js');
 require('./get-closest-element-9e41d6b9.js');

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-1337610f.js');
 const index$1 = require('./index-c7d87150.js');
 const timeZone = require('./time-zone-57632efb.js');
-const usage = require('./usage-036d7a73.js');
+const usage = require('./usage-3824603d.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-1337610f.js');
-const usage = require('./usage-036d7a73.js');
+const usage = require('./usage-3824603d.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-1337610f.js');
-const usage = require('./usage-036d7a73.js');
+const usage = require('./usage-3824603d.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const index$1 = require('./index-c7d87150.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-1337610f.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-036d7a73.js');
+const usage = require('./usage-3824603d.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-1337610f.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-036d7a73.js');
+const usage = require('./usage-3824603d.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-036d7a73.js → usage-3824603d.js}

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

package/dist/collection/components/beta/gux-segmented-control/gux-segmented-control-item/gux-segmented-control-item.css

@@ -14,12 +14,18 @@ button {
   border-inline-start-color: var(--gse-ui-segmentedControl-divider-color);
   border-radius: var(--gse-ui-segmentedControl-button-start-borderRadius);
 }
+.gux-container.gux-start .gux-segmented-control-item:focus-visible {
+  border-radius: var(--gse-ui-segmentedControl-button-start-borderRadius);
+}
 .gux-container.gux-end {
   border-style: var(--gse-ui-segmentedControl-divider-style);
   border-width: var(--gse-ui-segmentedControl-divider-width);
   border-inline-end-color: var(--gse-ui-segmentedControl-divider-color);
   border-radius: var(--gse-ui-segmentedControl-button-end-borderRadius);
 }
+.gux-container.gux-end .gux-segmented-control-item:focus-visible {
+  border-radius: var(--gse-ui-segmentedControl-button-end-borderRadius);
+}
 .gux-container.gux-start.gux-end {
   border-radius: var(--gse-ui-segmentedControl-borderRadius);
 }
@@ -73,7 +79,6 @@ button {
   position: relative;
   z-index: var(--gse-semantic-zIndex-showFocus);
   outline-offset: var(--gse-ui-segmentedControl-focus-offset);
-  border-radius: var(--gse-ui-segmentedControl-borderRadius);
   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

@@ -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, getOptionDefaultSlot } from "../gux-listbox/gux-listbox.service";
+import { getSearchOption, setInitialActiveOption, getOptionDefaultSlot, convertValueToArray } from "../gux-listbox/gux-listbox.service";
 import { OnMutation } from "../../../utils/decorator/on-mutation";
 /**
  * @slot - for a gux-listbox-multi containing gux-option-multi children
@@ -87,8 +87,7 @@ export class GuxDropdownMulti {
      * Returns an array of the selected values
      */
     getSelectedValues() {
-        var _a;
-        return Promise.resolve(((_a = this.value) === null || _a === void 0 ? void 0 : _a.split(',')) || []);
+        return Promise.resolve(convertValueToArray(this.value));
     }
     onKeydown(event) {
         switch (event.key) {
@@ -232,7 +231,7 @@ export class GuxDropdownMulti {
     }
     getOptionElementByValue(value) {
         const listboxOptionElements = Array.from(this.root.querySelectorAll('gux-option-multi'));
-        const values = value ? value.split(',') : [];
+        const values = convertValueToArray(value);
         return listboxOptionElements.filter(element => values.includes(element.value));
     }
     fieldButtonClick() {
@@ -355,8 +354,7 @@ export class GuxDropdownMulti {
             : this.i18n('textInputResults');
     }
     renderTag() {
-        var _a;
-        const selectedValues = ((_a = this.value) === null || _a === void 0 ? void 0 : _a.split(',')) || [];
+        const selectedValues = convertValueToArray(this.value);
         if (selectedValues.length) {
             return (h("gux-dropdown-multi-tag", { disabled: this.disabled, "number-selected": selectedValues.length }));
         }
@@ -394,7 +392,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: '5afc0ce07a9b456fcc8953f7b82adcb3681b1e4a', class: "gux-dropdown-container" }, h("gux-popup", { key: '9a52a74db158d53c41fa64ebec31695814037539', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '938c8a5253936b73d57e4c3ebf6509485ed7c775', class: "gux-dropdown-container" }, h("gux-popup", { key: '770f4fc2bc9a62ae940889dd2e0689eb37a30b0f', 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

@@ -1,5 +1,5 @@
 import { h, Host } from "@stencil/core";
-import { actOnActiveOption, clearActiveOptions, goToOption, hasActiveOption, hasPreviousOption, hasNextOption, getListOptions, onClickedOption, setFirstOptionActive, setInitialActiveOption, setLastOptionActive, setNextOptionActive, setPreviousOptionActive, matchOption } from "./gux-listbox.service";
+import { actOnActiveOption, clearActiveOptions, goToOption, hasActiveOption, hasPreviousOption, hasNextOption, getListOptions, onClickedOption, setFirstOptionActive, setInitialActiveOption, setLastOptionActive, setNextOptionActive, setPreviousOptionActive, matchOption, convertValueToArray } from "./gux-listbox.service";
 import { optionTagSelector } from "./options/option-types";
 import { buildI18nForComponent } from "../../../i18n";
 import { whenEventIsFrom } from "../../../utils/dom/when-event-is-from";
@@ -100,9 +100,7 @@ export class GuxListbox {
         actOnActiveOption(this.root, value => this.updateValue(value));
     }
     setListboxOptions() {
-        if (this.value) {
-            this.selectedValues = this.value.split(',');
-        }
+        this.selectedValues = convertValueToArray(this.value);
         this.listboxOptions = getListOptions(this.root);
         this.internallistboxoptionsupdated.emit();
     }

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

@@ -146,3 +146,6 @@ export function getOptionDefaultSlot(option) {
     var _a;
     return (_a = option.shadowRoot.querySelector('slot')) === null || _a === void 0 ? void 0 : _a.assignedNodes()[0];
 }
+export function convertValueToArray(value) {
+    return value ? value.split(',') : [];
+}

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, getOptionDefaultSlot } from "../gux-listbox/gux-listbox.service";
+import { actOnActiveOption, clearActiveOptions, goToOption, hasPreviousOption, hasNextOption, onClickedOption, setFirstOptionActive, setInitialActiveOption, setLastOptionActive, setNextOptionActive, setPreviousOptionActive, hasActiveOption, getOptionDefaultSlot, convertValueToArray } 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";
@@ -139,12 +139,7 @@ export class GuxListboxMulti {
     }
     // value as an array
     getSelectedValues() {
-        if (this.value) {
-            return this.value.split(',');
-        }
-        else {
-            return [];
-        }
+        return convertValueToArray(this.value);
     }
     updateOnSlotChange() {
         this.setListboxOptions();

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-fbd2ba0f.js';
+import { t as trackComponent } from './usage-8e05a48f.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-ae4fe543.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-fbd2ba0f.js';
+import { t as trackComponent } from './usage-8e05a48f.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.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-21889d5d.js';
-import { t as trackComponent } from './usage-fbd2ba0f.js';
+import { t as trackComponent } from './usage-8e05a48f.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-ae4fe543.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-fbd2ba0f.js';
+import { t as trackComponent } from './usage-8e05a48f.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.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-21889d5d.js';
-import { t as trackComponent } from './usage-fbd2ba0f.js';
+import { t as trackComponent } from './usage-8e05a48f.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-21889d5d.js';
-import { t as trackComponent } from './usage-fbd2ba0f.js';
+import { t as trackComponent } from './usage-8e05a48f.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.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-21889d5d.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.js';
-import { t as trackComponent } from './usage-fbd2ba0f.js';
+import { t as trackComponent } from './usage-8e05a48f.js';
 import './get-closest-element-728b9f18.js';
 
 const changePhoto = "Change profile photo";

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-fbd2ba0f.js';
+import { t as trackComponent } from './usage-8e05a48f.js';
 import { g as groupKeyboardNavigation } from './gux-avatar-group.service-0e62fde4.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.js';
 import { a as autoUpdate, c as computePosition, o as offset } from './floating-ui.dom.esm-17bec7ce.js';

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-fbd2ba0f.js';
+import { t as trackComponent } from './usage-8e05a48f.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.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-21889d5d.js';
-import { t as trackComponent } from './usage-fbd2ba0f.js';
+import { t as trackComponent } from './usage-8e05a48f.js';
 import { O as OnMutation } from './on-mutation-bf72b518.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-21889d5d.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.js';
-import { t as trackComponent } from './usage-fbd2ba0f.js';
+import { t as trackComponent } from './usage-8e05a48f.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-ae4fe543.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-fbd2ba0f.js';
+import { t as trackComponent } from './usage-8e05a48f.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-21889d5d.js';
-import { t as trackComponent } from './usage-fbd2ba0f.js';
+import { t as trackComponent } from './usage-8e05a48f.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-21889d5d.js';
-import { t as trackComponent } from './usage-fbd2ba0f.js';
+import { t as trackComponent } from './usage-8e05a48f.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom.esm-17bec7ce.js';
 import { O as OnClickOutside } from './on-click-outside-ae4fe543.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-21889d5d.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-fbd2ba0f.js';
+import { t as trackComponent } from './usage-8e05a48f.js';
 import { g as getDesiredLocale, a as getStartOfWeek } from './index-99f8b2e2.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-21889d5d.js';
-import { t as trackComponent } from './usage-fbd2ba0f.js';
+import { t as trackComponent } from './usage-8e05a48f.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-21889d5d.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.js';
-import { t as trackComponent } from './usage-fbd2ba0f.js';
+import { t as trackComponent } from './usage-8e05a48f.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-21889d5d.js';
-import { t as trackComponent } from './usage-fbd2ba0f.js';
+import { t as trackComponent } from './usage-8e05a48f.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.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-21889d5d.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-fbd2ba0f.js';
+import { t as trackComponent } from './usage-8e05a48f.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.js';
 import { O as OnClickOutside } from './on-click-outside-ae4fe543.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-21889d5d.js';
-import { t as trackComponent } from './usage-fbd2ba0f.js';
+import { t as trackComponent } from './usage-8e05a48f.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.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-21889d5d.js';
-import { t as trackComponent } from './usage-fbd2ba0f.js';
+import { t as trackComponent } from './usage-8e05a48f.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-4d0e5f11.js';
 import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-72c32f0a.js';
 import { g as getDesiredLocale } from './index-99f8b2e2.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-21889d5d.js';
-import { t as trackComponent } from './usage-fbd2ba0f.js';
+import { t as trackComponent } from './usage-8e05a48f.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-4d0e5f11.js';
 import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-72c32f0a.js';
 import { g as getDesiredLocale } from './index-99f8b2e2.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-ae4fe543.js';
-import { t as trackComponent } from './usage-fbd2ba0f.js';
+import { t as trackComponent } from './usage-8e05a48f.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.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-21889d5d.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-fbd2ba0f.js';
+import { t as trackComponent } from './usage-8e05a48f.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.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-21889d5d.js';
-import { t as trackComponent } from './usage-fbd2ba0f.js';
+import { t as trackComponent } from './usage-8e05a48f.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.js';
 import './get-closest-element-728b9f18.js';
 

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

@@ -4,8 +4,8 @@ import { b as buildI18nForComponent } from './index-99f8b2e2.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-fbd2ba0f.js';
-import { s as setInitialActiveOption, g as getSearchOption, a as getOptionDefaultSlot } from './gux-listbox.service-503fe0e2.js';
+import { t as trackComponent } from './usage-8e05a48f.js';
+import { c as convertValueToArray, s as setInitialActiveOption, g as getSearchOption, a as getOptionDefaultSlot } from './gux-listbox.service-1b2f1a6e.js';
 import { O as OnMutation } from './on-mutation-bf72b518.js';
 import './get-closest-element-728b9f18.js';
 
@@ -106,8 +106,7 @@ const GuxDropdownMulti = class {
      * Returns an array of the selected values
      */
     getSelectedValues() {
-        var _a;
-        return Promise.resolve(((_a = this.value) === null || _a === void 0 ? void 0 : _a.split(',')) || []);
+        return Promise.resolve(convertValueToArray(this.value));
     }
     onKeydown(event) {
         switch (event.key) {
@@ -251,7 +250,7 @@ const GuxDropdownMulti = class {
     }
     getOptionElementByValue(value) {
         const listboxOptionElements = Array.from(this.root.querySelectorAll('gux-option-multi'));
-        const values = value ? value.split(',') : [];
+        const values = convertValueToArray(value);
         return listboxOptionElements.filter(element => values.includes(element.value));
     }
     fieldButtonClick() {
@@ -374,8 +373,7 @@ const GuxDropdownMulti = class {
             : this.i18n('textInputResults');
     }
     renderTag() {
-        var _a;
-        const selectedValues = ((_a = this.value) === null || _a === void 0 ? void 0 : _a.split(',')) || [];
+        const selectedValues = convertValueToArray(this.value);
         if (selectedValues.length) {
             return (h("gux-dropdown-multi-tag", { disabled: this.disabled, "number-selected": selectedValues.length }));
         }
@@ -413,7 +411,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            h("div", { key: '5afc0ce07a9b456fcc8953f7b82adcb3681b1e4a', class: "gux-dropdown-container" }, h("gux-popup", { key: '9a52a74db158d53c41fa64ebec31695814037539', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '938c8a5253936b73d57e4c3ebf6509485ed7c775', class: "gux-dropdown-container" }, h("gux-popup", { key: '770f4fc2bc9a62ae940889dd2e0689eb37a30b0f', 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,9 +4,9 @@ import { b as buildI18nForComponent } from './index-99f8b2e2.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-fbd2ba0f.js';
+import { t as trackComponent } from './usage-8e05a48f.js';
 import { O as OnMutation } from './on-mutation-bf72b518.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 { s as setInitialActiveOption, n as getListOptions, g as getSearchOption, a as getOptionDefaultSlot, b as clearActiveOptions, h as hasActiveOption, d as setLastOptionActive, e as setFirstOptionActive, f as hasPreviousOption, i as setPreviousOptionActive, j as hasNextOption, k as setNextOptionActive, l as actOnActiveOption, m as goToOption, c as convertValueToArray, p as matchOption, o as onClickedOption } from './gux-listbox.service-1b2f1a6e.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { g as getClosestElement } from './get-closest-element-728b9f18.js';
@@ -491,9 +491,7 @@ const GuxListbox = class {
         actOnActiveOption(this.root, value => this.updateValue(value));
     }
     setListboxOptions() {
-        if (this.value) {
-            this.selectedValues = this.value.split(',');
-        }
+        this.selectedValues = convertValueToArray(this.value);
         this.listboxOptions = getListOptions(this.root);
         this.internallistboxoptionsupdated.emit();
     }

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-21889d5d.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.js';
-import { t as trackComponent } from './usage-fbd2ba0f.js';
+import { t as trackComponent } from './usage-8e05a48f.js';
 import './get-closest-element-728b9f18.js';
 
 const removeFile = "Remove {filename} file";

package/dist/esm/gux-flag-icon-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-fbd2ba0f.js';
+import { t as trackComponent } from './usage-8e05a48f.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.js';
 import './get-closest-element-728b9f18.js';