genesys-spark-components 4.117.0 → 4.118.0

package/dist/cjs/{get-valid-timezone-eb9723e2.js → get-valid-timezone-a3319313.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-220b0ad3.js');
+const index = require('./index-8194d25c.js');
 
 /**
  * @class A class that implements the method needed to format dates and times depending on locales

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-b8a0be8e.js');
+const usage = require('./usage-13129729.js');
 
 const guxAccordionCss = "gux-accordion{-custom-noop:noop}";
 const GuxAccordionStyle0 = guxAccordionCss;

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

@@ -6,8 +6,8 @@ const index = require('./index-77202cdc.js');
 const onClickOutside = require('./on-click-outside-2faf7467.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-b8a0be8e.js');
-const index$1 = require('./index-220b0ad3.js');
+const usage = require('./usage-13129729.js');
+const index$1 = require('./index-8194d25c.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const moreOptions = "More options";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-b8a0be8e.js');
+const usage = require('./usage-13129729.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/cjs/gux-advanced-dropdown-legacy.cjs.entry.js

@@ -6,8 +6,8 @@ const index = require('./index-77202cdc.js');
 const onMutation = require('./on-mutation-d800434a.js');
 const onClickOutside = require('./on-click-outside-2faf7467.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-b8a0be8e.js');
-const index$1 = require('./index-220b0ad3.js');
+const usage = require('./usage-13129729.js');
+const index$1 = require('./index-8194d25c.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const searchAria = "Search";

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

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

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-b8a0be8e.js');
+const usage = require('./usage-13129729.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 
 const guxAnnounceCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-b8a0be8e.js');
+const usage = require('./usage-13129729.js');
 const logError = require('./log-error-7b9d4b57.js');
-const index$1 = require('./index-220b0ad3.js');
+const index$1 = require('./index-8194d25c.js');
 const guxAvatar_service = require('./gux-avatar.service-b4dcfcab.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
 const logError = require('./log-error-7b9d4b57.js');
-const index$1 = require('./index-220b0ad3.js');
-const usage = require('./usage-b8a0be8e.js');
+const index$1 = require('./index-8194d25c.js');
+const usage = require('./usage-13129729.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const changePhoto = "Change profile photo";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-b8a0be8e.js');
+const usage = require('./usage-13129729.js');
 const logError = require('./log-error-7b9d4b57.js');
 const guxAvatarGroup_service = require('./gux-avatar-group.service-245cf1b7.js');
 require('./get-closest-element-9e41d6b9.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-b8a0be8e.js');
+const usage = require('./usage-13129729.js');
 const logError = require('./log-error-7b9d4b57.js');
 const guxAvatarGroup_service = require('./gux-avatar-group.service-245cf1b7.js');
 const guxAvatar_service = require('./gux-avatar.service-b4dcfcab.js');

package/dist/cjs/gux-avatar-overflow-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 onClickOutside = require('./on-click-outside-2faf7467.js');
-const usage = require('./usage-b8a0be8e.js');
+const usage = require('./usage-13129729.js');
 const logError = require('./log-error-7b9d4b57.js');
 const guxAvatarGroup_service = require('./gux-avatar-group.service-245cf1b7.js');
 const afterNextRender = require('./after-next-render-162425fe.js');

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-b8a0be8e.js');
-const index$1 = require('./index-220b0ad3.js');
+const usage = require('./usage-13129729.js');
+const index$1 = require('./index-8194d25c.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const info = "badge with label: {label}, accent: info";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-b8a0be8e.js');
+const usage = require('./usage-13129729.js');
 const onMutation = require('./on-mutation-e89e880e.js');
 const hasSlot = require('./has-slot-3edae188.js');
 

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const index$1 = require('./index-220b0ad3.js');
-const usage = require('./usage-b8a0be8e.js');
+const index$1 = require('./index-8194d25c.js');
+const usage = require('./usage-13129729.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const breadcrumbs = "Breadcrumbs";

package/dist/cjs/gux-button-multi.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-77202cdc.js');
 const onClickOutside = require('./on-click-outside-2faf7467.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-b8a0be8e.js');
+const usage = require('./usage-13129729.js');
 
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {

package/dist/cjs/gux-button-slot.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-b8a0be8e.js');
+const usage = require('./usage-13129729.js');
 const logError = require('./log-error-7b9d4b57.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/cjs/gux-button_2.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-b8a0be8e.js');
+const usage = require('./usage-13129729.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const onClickOutside = require('./on-click-outside-2faf7467.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-77202cdc.js');
 const isoDates = require('./iso-dates-2daf4199.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
-const index$1 = require('./index-220b0ad3.js');
+const index$1 = require('./index-8194d25c.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const logError = require('./log-error-7b9d4b57.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-77202cdc.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const isoDates = require('./iso-dates-2daf4199.js');
-const usage = require('./usage-b8a0be8e.js');
-const index$1 = require('./index-220b0ad3.js');
+const usage = require('./usage-13129729.js');
+const index$1 = require('./index-8194d25c.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 require('./get-closest-element-9e41d6b9.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-b8a0be8e.js');
+const usage = require('./usage-13129729.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/cjs/gux-column-manager-item.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const index$1 = require('./index-220b0ad3.js');
+const index$1 = require('./index-8194d25c.js');
 const guxColumnManager_service = require('./gux-column-manager.service-6eaeedb0.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./clamp-e86a226e.js');

package/dist/cjs/gux-column-manager.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const index$1 = require('./index-220b0ad3.js');
-const usage = require('./usage-b8a0be8e.js');
+const index$1 = require('./index-8194d25c.js');
+const usage = require('./usage-13129729.js');
 const guxColumnManager_service = require('./gux-column-manager.service-6eaeedb0.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./clamp-e86a226e.js');

package/dist/cjs/gux-content-search.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-b8a0be8e.js');
-const index$1 = require('./index-220b0ad3.js');
+const usage = require('./usage-13129729.js');
+const index$1 = require('./index-8194d25c.js');
 const onAttributeChange = require('./on-attribute-change-a9f44523.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 require('./get-closest-element-9e41d6b9.js');

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-b8a0be8e.js');
-const index$1 = require('./index-220b0ad3.js');
+const usage = require('./usage-13129729.js');
+const index$1 = require('./index-8194d25c.js');
 const onClickOutside = require('./on-click-outside-2faf7467.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-b8a0be8e.js');
-const index$1 = require('./index-220b0ad3.js');
+const usage = require('./usage-13129729.js');
+const index$1 = require('./index-8194d25c.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const clickToCopy = "Click to Copy";

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const index$1 = require('./index-220b0ad3.js');
+const index$1 = require('./index-8194d25c.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const createCustomOptionInstructions = ", select to create a new custom option";

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-b8a0be8e.js');
-const getValidTimezone = require('./get-valid-timezone-eb9723e2.js');
+const usage = require('./usage-13129729.js');
+const getValidTimezone = require('./get-valid-timezone-a3319313.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
-const index$1 = require('./index-220b0ad3.js');
+const index$1 = require('./index-8194d25c.js');
 require('./get-closest-element-26170ce0.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-b8a0be8e.js');
-const getValidTimezone = require('./get-valid-timezone-eb9723e2.js');
+const usage = require('./usage-13129729.js');
+const getValidTimezone = require('./get-valid-timezone-a3319313.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
-const index$1 = require('./index-220b0ad3.js');
+const index$1 = require('./index-8194d25c.js');
 require('./get-closest-element-26170ce0.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -8,8 +8,8 @@ const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const isoDates = require('./iso-dates-2daf4199.js');
 const onClickOutside = require('./on-click-outside-2faf7467.js');
-const usage = require('./usage-b8a0be8e.js');
-const index$1 = require('./index-220b0ad3.js');
+const usage = require('./usage-13129729.js');
+const index$1 = require('./index-8194d25c.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./get-closest-element-26170ce0.js');

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-b8a0be8e.js');
-const index$1 = require('./index-220b0ad3.js');
+const usage = require('./usage-13129729.js');
+const index$1 = require('./index-8194d25c.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const defaultLabel = "Disclosure button";

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const usage = require('./usage-b8a0be8e.js');
-const index$1 = require('./index-220b0ad3.js');
+const usage = require('./usage-13129729.js');
+const index$1 = require('./index-8194d25c.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const dismiss = "Dismiss";
@@ -12,7 +12,7 @@ const translationResources = {
 	dismiss: dismiss
 };
 
-const guxDismissButtonCss = ":host{--gse-ui-button-dismiss-medium-width:32px;--gse-ui-button-dismiss-medium-height:32px;--gse-ui-button-dismiss-small-width:24px;--gse-ui-button-dismiss-small-height:24px}gux-button-slot{position:absolute;inset-block-start:var(--gse-ui-modal-dismissButton-paddingTop);inset-inline-end:var(--gse-ui-modal-dismissButton-paddingRight);inline-size:var(--gse-ui-button-dismiss-medium-width);block-size:var(--gse-ui-button-dismiss-medium-height)}gux-button-slot.gux-dismiss-small{inline-size:var(--gse-ui-button-dismiss-small-width);block-size:var(--gse-ui-button-dismiss-small-height)}gux-button-slot.gux-dismiss-small button{inline-size:var(--gse-ui-button-dismiss-small-width);block-size:var(--gse-ui-button-dismiss-small-height);padding:0}gux-button-slot.gux-inherit{position:inherit}gux-button-slot .gux-icon-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center}gux-button-slot .gux-icon-container gux-icon{flex:0 0 auto;align-self:auto;order:0;color:var(--gse-ui-dismissButton-foregroundColor)}";
+const guxDismissButtonCss = ":host{--gse-ui-button-dismiss-medium-width:32px;--gse-ui-button-dismiss-medium-height:32px;--gse-ui-button-dismiss-small-width:24px;--gse-ui-button-dismiss-small-height:24px}gux-button-slot{position:absolute;inset-block-start:var(--gse-ui-modal-dismissButton-paddingTop);inset-inline-end:var(--gse-ui-modal-dismissButton-paddingRight);inline-size:var(--gse-ui-button-dismiss-medium-width);block-size:var(--gse-ui-button-dismiss-medium-height)}gux-button-slot.gux-dismiss-small{inline-size:var(--gse-ui-button-dismiss-small-width);block-size:var(--gse-ui-button-dismiss-small-height)}gux-button-slot.gux-dismiss-small button{inline-size:var(--gse-ui-button-dismiss-small-width);min-inline-size:var(--gse-ui-button-dismiss-small-width);block-size:var(--gse-ui-button-dismiss-small-height);padding:0}gux-button-slot.gux-inherit{position:inherit}gux-button-slot .gux-icon-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center}gux-button-slot .gux-icon-container gux-icon{flex:0 0 auto;align-self:auto;order:0;color:var(--gse-ui-dismissButton-foregroundColor)}";
 const GuxDismissButtonStyle0 = guxDismissButtonCss;
 
 const GuxDismissButton = class {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const index$1 = require('./index-220b0ad3.js');
+const index$1 = require('./index-8194d25c.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const clearSelection = "Clear {numberSelected} selected items";

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

@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
 const onClickOutside = require('./on-click-outside-2faf7467.js');
-const index$1 = require('./index-220b0ad3.js');
+const index$1 = require('./index-8194d25c.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
-const usage = require('./usage-b8a0be8e.js');
-const guxListbox_service = require('./gux-listbox.service-a91f8bd2.js');
+const usage = require('./usage-13129729.js');
+const guxListbox_service = require('./gux-listbox.service-01e82389.js');
 const onMutation = require('./on-mutation-e89e880e.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -26,7 +26,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;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.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-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{border:none;outline:none}.gux-target-container-expanded .gux-field-button{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;background:inherit;border:none;outline: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-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;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.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{border:none;outline:none}.gux-target-container-expanded .gux-field-button{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;background:inherit;border:none;outline: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 GuxDropdownMultiStyle0 = guxDropdownMultiCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -154,14 +154,16 @@ const GuxDropdownMulti = class {
      */
     onInternallistboxoptionsupdated(event) {
         event.stopPropagation();
-        index.forceUpdate(this.root);
+        requestAnimationFrame(() => {
+            requestAnimationFrame(() => index.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;
         }
@@ -253,11 +255,8 @@ const GuxDropdownMulti = class {
     }
     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;
@@ -337,18 +336,37 @@ const GuxDropdownMulti = class {
         if (textInputLength > 0 && !this.loading) {
             const option = guxListbox_service.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 = guxListbox_service.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 (index.h("div", { class: "gux-placeholder" }, this.placeholder || this.i18n('noSelection'), this.getSrSelectedText()));
+        return (index.h("div", { class: "gux-placeholder" }, this.getSrSelectedText(), this.getSelectedOptionText() ||
+            this.placeholder ||
+            this.i18n('noSelection')));
+    }
+    getSelectedOptionText() {
+        const selectedElementString = this.getSelectedOptionValueString();
+        return selectedElementString
+            ? [
+                selectedElementString,
+                index.h("div", { class: "gux-sr-only" }, this.placeholder)
+            ]
+            : false;
+    }
+    getSelectedOptionValueString() {
+        return this.getOptionElementByValue(this.value)
+            .map(option => {
+            var _a;
+            return (_a = guxListbox_service.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 (index.h("span", { class: "gux-sr-only" }, this.i18n('numberSelected', {
                 numberSelected: selectedListboxOptionElement.length.toString()
             })));
@@ -368,7 +386,9 @@ const GuxDropdownMulti = class {
     }
     renderFilterInputField() {
         if (this.expanded && this.hasTextInput()) {
-            return (index.h("div", { class: "gux-field gux-input-field" }, index.h("div", { class: "gux-field-content" }, index.h("div", { class: "gux-filter" }, index.h("div", { class: "gux-filter-display" }, index.h("span", { class: "gux-filter-text" }, this.textInput), index.h("span", { class: "gux-filter-suggestion" }, this.getTypeaheadText(this.textInput))), index.h("div", { class: "input-and-dropdown-button" }, index.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 (index.h("div", { class: "gux-field gux-input-field" }, index.h("div", { class: "gux-field-content" }, index.h("div", { class: "gux-filter" }, index.h("div", { class: "gux-filter-display" }, index.h("span", { class: "gux-filter-text" }, this.textInput), index.h("span", { class: "gux-filter-suggestion" }, this.getTypeaheadText(this.textInput))), index.h("div", { class: "input-and-dropdown-button" }, index.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() {
@@ -397,7 +417,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            index.h("div", { key: '4c12f474e5aa49348caa1cd9046632f989f1e329', class: "gux-dropdown-container" }, index.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()))
+            index.h("div", { key: '494db95a0b33b5bd6abe55ecb308011dc230dd34', class: "gux-dropdown-container" }, index.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 delegatesFocus() { return true; }

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

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
 const onClickOutside = require('./on-click-outside-2faf7467.js');
-const index$1 = require('./index-220b0ad3.js');
+const index$1 = require('./index-8194d25c.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-b8a0be8e.js');
+const usage = require('./usage-13129729.js');
 const onMutation = require('./on-mutation-e89e880e.js');
-const guxListbox_service = require('./gux-listbox.service-a91f8bd2.js');
+const guxListbox_service = require('./gux-listbox.service-01e82389.js');
 const hasSlot = require('./has-slot-3edae188.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
@@ -277,12 +277,14 @@ const GuxDropdown = class {
         this.collapseListbox('focusFieldButton');
     }
     getTypeaheadText(filter) {
+        var _a;
         const filterLength = filter.length;
         if (filterLength > 0 && !this.loading) {
             const option = guxListbox_service.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 = guxListbox_service.getOptionDefaultSlot(option)) === null || _a === void 0 ? void 0 : _a.textContent.trim();
+                return optionSlotTextContent === null || optionSlotTextContent === void 0 ? void 0 : optionSlotTextContent.substring(filterLength);
             }
         }
         return '';
@@ -363,7 +365,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (index.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 (index.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 delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -513,7 +515,7 @@ const GuxListbox = class {
     componentWillRender() {
         this.listboxOptions.forEach(listboxOption => {
             listboxOption.selected = listboxOption.value === this.value;
-            if (this.filterType !== 'custom') {
+            if (this.filterType !== 'custom' && this.filterType !== 'none') {
                 listboxOption.filtered = !guxListbox_service.matchOption(listboxOption, this.filter);
             }
         });

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-77202cdc.js');
-const index$1 = require('./index-220b0ad3.js');
-const usage = require('./usage-b8a0be8e.js');
+const index$1 = require('./index-8194d25c.js');
+const usage = require('./usage-13129729.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const removeFile = "Remove {filename} file";