genesys-spark-components 4.0.0-beta.40 → 4.0.0-beta.41

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-39160f18.js');
 const randomHtmlId = require('./random-html-id-32ef8847.js');
-const usage = require('./usage-9feecec4.js');
+const usage = require('./usage-7bd0f4a2.js');
 const index$1 = require('./index-ff762de3.js');
 require('./get-closest-element-26894e5a.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-39160f18.js');
-const usage = require('./usage-9feecec4.js');
+const usage = require('./usage-7bd0f4a2.js');
 const index$1 = require('./index-ff762de3.js');
 require('./get-closest-element-26894e5a.js');
 
@@ -12,7 +12,7 @@ const translationResources = {
 	dismiss: dismiss
 };
 
-const guxDismissButtonCss = "gux-button-slot{position:absolute;top:0;right:0}gux-button-slot.gux-inherit{position:inherit}gux-button-slot .gux-icon-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:8px}gux-button-slot .gux-icon-container gux-icon{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px;color:var(--gse-ui-toast-closeButtonColor)}";
+const guxDismissButtonCss = "gux-button-slot{position:absolute;top:16px;right:8px}gux-button-slot.gux-inherit{position:inherit}gux-button-slot .gux-icon-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:center;width:8px}gux-button-slot .gux-icon-container gux-icon{flex:0 0 auto;align-self:auto;order:0;width:16px;height:16px;color:var(--gse-ui-toast-closeButtonColor)}";
 
 const GuxDismissButton = class {
   constructor(hostRef) {

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

@@ -8,7 +8,7 @@ const index$1 = require('./index-ff762de3.js');
 const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
 const afterNextRender = require('./after-next-render-a023ef47.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-005e5b3e.js');
-const usage = require('./usage-9feecec4.js');
+const usage = require('./usage-7bd0f4a2.js');
 const guxListbox_service = require('./gux-listbox.service-b1068596.js');
 const onMutation = require('./on-mutation-f396cc0e.js');
 require('./get-closest-element-26894e5a.js');

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

@@ -8,7 +8,7 @@ const index$1 = require('./index-ff762de3.js');
 const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-005e5b3e.js');
 const afterNextRender = require('./after-next-render-a023ef47.js');
-const usage = require('./usage-9feecec4.js');
+const usage = require('./usage-7bd0f4a2.js');
 const onMutation = require('./on-mutation-f396cc0e.js');
 const guxListbox_service = require('./gux-listbox.service-b1068596.js');
 const whenEventIsFrom = require('./when-event-is-from-20e89254.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-39160f18.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-793074c6.js');
 const afterNextRender = require('./after-next-render-a023ef47.js');
-const usage = require('./usage-9feecec4.js');
+const usage = require('./usage-7bd0f4a2.js');
 const guxMenu_common = require('./gux-menu.common-d41b2fac.js');
 
 const guxFlyoutMenuCss = ":host{z-index:var(--gux-zindex-popover, 2);color:var(--gse-ui-menu-option-label-foregroundColor);cursor:default}:host .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-height);background:var(--gse-ui-popover-backgroundColor);border-top:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);border-right:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color)}:host(:focus){outline:none}:host(:focus-visible){outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-flyout-menu-content{position:fixed;display:none;border:var(--gse-ui-menu-border-width) var(--gse-ui-menu-border-style) var(--gse-ui-menu-border-color);border-radius:var(--gse-ui-menu-borderRadius)}.gux-flyout-menu-content.gux-shown{display:flex}";
@@ -42,12 +42,12 @@ const GuxFlyoutMenu = class {
     event.stopPropagation();
     switch (event.key) {
       case ' ':
-        if (this.menuContentElement.contains(document.activeElement)) {
-          this.root.focus();
+        if (this.root === event.target) {
+          this.focusOnMenu();
         }
         else {
           this.hideDelayTimeout = afterNextRender.afterNextRenderTimeout(() => {
-            this.focusOnMenu();
+            this.root.focus();
           });
         }
         return;

package/dist/cjs/gux-form-field-checkbox.cjs.entry.js

@@ -8,7 +8,7 @@ const onMutation = require('./on-mutation-f396cc0e.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-15142963.js');
 const hasSlot = require('./has-slot-429f8b9e.js');
 const guxFormField_service = require('./gux-form-field.service-704c78c2.js');
-const usage = require('./usage-9feecec4.js');
+const usage = require('./usage-7bd0f4a2.js');
 require('./random-html-id-32ef8847.js');
 require('./log-error-8a92241e.js');
 require('./simulate-native-event-8209a457.js');

package/dist/cjs/gux-form-field-color.cjs.entry.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-39160f18.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-005e5b3e.js');
 const onMutation = require('./on-mutation-f396cc0e.js');
-const onAttributeChange = require('./on-attribute-change-4db59350.js');
+const onAttributeChange = require('./on-attribute-change-9b2d8c85.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-15142963.js');
 const hasSlot = require('./has-slot-429f8b9e.js');
 const guxFormField_service = require('./gux-form-field.service-704c78c2.js');
 const guxFormFieldContainer = require('./gux-form-field-container-48871f4b.js');
-const usage = require('./usage-9feecec4.js');
+const usage = require('./usage-7bd0f4a2.js');
 require('./random-html-id-32ef8847.js');
 require('./log-error-8a92241e.js');
 require('./simulate-native-event-8209a457.js');

package/dist/cjs/gux-form-field-dropdown.cjs.entry.js

@@ -6,12 +6,12 @@ const index = require('./index-39160f18.js');
 const index$1 = require('./index-ff762de3.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-005e5b3e.js');
 const onMutation = require('./on-mutation-f396cc0e.js');
-const onAttributeChange = require('./on-attribute-change-4db59350.js');
+const onAttributeChange = require('./on-attribute-change-9b2d8c85.js');
 const hasSlot = require('./has-slot-429f8b9e.js');
 const guxFormField_service = require('./gux-form-field.service-704c78c2.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-c0d39bed.js');
 const getSlotTextContent = require('./get-slot-text-content-c4306c7a.js');
-const usage = require('./usage-9feecec4.js');
+const usage = require('./usage-7bd0f4a2.js');
 require('./get-closest-element-26894e5a.js');
 require('./random-html-id-32ef8847.js');
 require('./log-error-8a92241e.js');

package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-39160f18.js');
-const usage = require('./usage-9feecec4.js');
+const usage = require('./usage-7bd0f4a2.js');
 const index$1 = require('./index-ff762de3.js');
 require('./get-closest-element-26894e5a.js');
 

package/dist/cjs/gux-form-field-number_3.cjs.entry.js

@@ -6,13 +6,13 @@ const index = require('./index-39160f18.js');
 const index$1 = require('./index-ff762de3.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-005e5b3e.js');
 const onMutation = require('./on-mutation-f396cc0e.js');
-const onAttributeChange = require('./on-attribute-change-4db59350.js');
+const onAttributeChange = require('./on-attribute-change-9b2d8c85.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-15142963.js');
 const guxFormField_service = require('./gux-form-field.service-704c78c2.js');
 const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
 const hasSlot = require('./has-slot-429f8b9e.js');
 const guxFormFieldContainer = require('./gux-form-field-container-48871f4b.js');
-const usage = require('./usage-9feecec4.js');
+const usage = require('./usage-7bd0f4a2.js');
 const en = require('./en-f88c1935.js');
 const onClickOutside = require('./on-click-outside-a7d87c91.js');
 const afterNextRender = require('./after-next-render-a023ef47.js');

package/dist/cjs/gux-form-field-phone.cjs.entry.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-39160f18.js');
 const index$1 = require('./index-ff762de3.js');
 const onMutation = require('./on-mutation-f396cc0e.js');
-const onAttributeChange = require('./on-attribute-change-4db59350.js');
-const usage = require('./usage-9feecec4.js');
+const onAttributeChange = require('./on-attribute-change-9b2d8c85.js');
+const usage = require('./usage-7bd0f4a2.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-c0d39bed.js');
 const guxFormField_service = require('./gux-form-field.service-704c78c2.js');
 const hasSlot = require('./has-slot-429f8b9e.js');

package/dist/cjs/gux-form-field-radio.cjs.entry.js

@@ -8,7 +8,7 @@ const onMutation = require('./on-mutation-f396cc0e.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-15142963.js');
 const hasSlot = require('./has-slot-429f8b9e.js');
 const guxFormField_service = require('./gux-form-field.service-704c78c2.js');
-const usage = require('./usage-9feecec4.js');
+const usage = require('./usage-7bd0f4a2.js');
 require('./random-html-id-32ef8847.js');
 require('./log-error-8a92241e.js');
 require('./simulate-native-event-8209a457.js');

package/dist/cjs/gux-form-field-range.cjs.entry.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-39160f18.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-005e5b3e.js');
 const onMutation = require('./on-mutation-f396cc0e.js');
-const onAttributeChange = require('./on-attribute-change-4db59350.js');
+const onAttributeChange = require('./on-attribute-change-9b2d8c85.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-15142963.js');
 const hasSlot = require('./has-slot-429f8b9e.js');
 const guxFormField_service = require('./gux-form-field.service-704c78c2.js');
 const guxFormFieldContainer = require('./gux-form-field-container-48871f4b.js');
-const usage = require('./usage-9feecec4.js');
+const usage = require('./usage-7bd0f4a2.js');
 require('./random-html-id-32ef8847.js');
 require('./log-error-8a92241e.js');
 require('./simulate-native-event-8209a457.js');

package/dist/cjs/gux-form-field-search.cjs.entry.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-39160f18.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-005e5b3e.js');
 const onMutation = require('./on-mutation-f396cc0e.js');
-const onAttributeChange = require('./on-attribute-change-4db59350.js');
+const onAttributeChange = require('./on-attribute-change-9b2d8c85.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-15142963.js');
 const hasSlot = require('./has-slot-429f8b9e.js');
 const guxFormField_service = require('./gux-form-field.service-704c78c2.js');
 const guxFormFieldContainer = require('./gux-form-field-container-48871f4b.js');
-const usage = require('./usage-9feecec4.js');
+const usage = require('./usage-7bd0f4a2.js');
 require('./random-html-id-32ef8847.js');
 require('./log-error-8a92241e.js');
 require('./simulate-native-event-8209a457.js');

package/dist/cjs/gux-form-field-select.cjs.entry.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-39160f18.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-005e5b3e.js');
 const onMutation = require('./on-mutation-f396cc0e.js');
-const onAttributeChange = require('./on-attribute-change-4db59350.js');
+const onAttributeChange = require('./on-attribute-change-9b2d8c85.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-15142963.js');
 const hasSlot = require('./has-slot-429f8b9e.js');
 const guxFormField_service = require('./gux-form-field.service-704c78c2.js');
 const guxFormFieldContainer = require('./gux-form-field-container-48871f4b.js');
-const usage = require('./usage-9feecec4.js');
+const usage = require('./usage-7bd0f4a2.js');
 require('./random-html-id-32ef8847.js');
 require('./log-error-8a92241e.js');
 require('./simulate-native-event-8209a457.js');

package/dist/cjs/gux-form-field-text-like.cjs.entry.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-39160f18.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-005e5b3e.js');
 const onMutation = require('./on-mutation-f396cc0e.js');
-const onAttributeChange = require('./on-attribute-change-4db59350.js');
+const onAttributeChange = require('./on-attribute-change-9b2d8c85.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-15142963.js');
 const hasSlot = require('./has-slot-429f8b9e.js');
 const guxFormField_service = require('./gux-form-field.service-704c78c2.js');
 const guxFormFieldContainer = require('./gux-form-field-container-48871f4b.js');
-const usage = require('./usage-9feecec4.js');
+const usage = require('./usage-7bd0f4a2.js');
 require('./random-html-id-32ef8847.js');
 require('./log-error-8a92241e.js');
 require('./simulate-native-event-8209a457.js');

package/dist/cjs/gux-form-field-textarea.cjs.entry.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-39160f18.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-005e5b3e.js');
 const onMutation = require('./on-mutation-f396cc0e.js');
-const onAttributeChange = require('./on-attribute-change-4db59350.js');
+const onAttributeChange = require('./on-attribute-change-9b2d8c85.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-15142963.js');
 const hasSlot = require('./has-slot-429f8b9e.js');
 const guxFormField_service = require('./gux-form-field.service-704c78c2.js');
 const guxFormFieldContainer = require('./gux-form-field-container-48871f4b.js');
-const usage = require('./usage-9feecec4.js');
+const usage = require('./usage-7bd0f4a2.js');
 require('./random-html-id-32ef8847.js');
 require('./log-error-8a92241e.js');
 require('./simulate-native-event-8209a457.js');

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

@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-39160f18.js');
 const index$1 = require('./index-ff762de3.js');
 const onMutation = require('./on-mutation-f396cc0e.js');
-const onAttributeChange = require('./on-attribute-change-4db59350.js');
+const onAttributeChange = require('./on-attribute-change-9b2d8c85.js');
 const hasSlot = require('./has-slot-429f8b9e.js');
 const getSlotTextContent = require('./get-slot-text-content-c4306c7a.js');
 const guxFormField_service = require('./gux-form-field.service-704c78c2.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-c0d39bed.js');
-const usage = require('./usage-9feecec4.js');
+const usage = require('./usage-7bd0f4a2.js');
 require('./get-closest-element-26894e5a.js');
 require('./random-html-id-32ef8847.js');
 require('./log-error-8a92241e.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-39160f18.js');
-const usage = require('./usage-9feecec4.js');
+const usage = require('./usage-7bd0f4a2.js');
 const logError = require('./log-error-8a92241e.js');
 
 const svgHTMLCache = new Map();

package/dist/cjs/gux-inline-alert.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-39160f18.js');
 const index$1 = require('./index-ff762de3.js');
-const usage = require('./usage-9feecec4.js');
+const usage = require('./usage-7bd0f4a2.js');
 require('./get-closest-element-26894e5a.js');
 
 const info = "Information alert with message";
@@ -18,7 +18,7 @@ const translationResources = {
 	error: error
 };
 
-const guxInlineAlertCss = ":host{display:block}.gux-inline-alert{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-alert-gap);align-items:center;justify-content:flex-start;padding:var(--gse-ui-alert-padding);border:1px solid;border-radius:var(--gse-ui-alert-borderRadius)}.gux-inline-alert gux-icon{flex-shrink:0;align-self:flex-start;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);margin-top:1px}.gux-inline-alert gux-tooltip-title{white-space:nowrap}.gux-inline-alert .gux-message-wrapper{display:flex;gap:var(--gse-ui-alert-gap);align-items:center;justify-content:flex-start;font-family:var(--gse-ui-alert-text-fontFamily);font-size:var(--gse-ui-alert-text-fontSize);font-weight:var(--gse-ui-alert-text-fontWeight);line-height:var(--gse-ui-alert-text-lineHeight)}.gux-inline-alert .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-inline-alert.gux-info{color:var(--gse-ui-alert-info-foregroundColor);background-color:var(--gse-ui-alert-info-backgroundColor);border:var(--gse-ui-alert-info-border-width) var(--gse-ui-alert-info-border-style) var(--gse-ui-alert-info-border-color)}.gux-inline-alert.gux-info gux-icon{color:var(--gse-ui-alert-info-iconColor)}.gux-inline-alert.gux-error{color:var(--gse-ui-alert-error-foregroundColor);background-color:var(--gse-ui-alert-error-backgroundColor);border:var(--gse-ui-alert-error-border-width) var(--gse-ui-alert-error-border-style) var(--gse-ui-alert-error-border-color)}.gux-inline-alert.gux-error gux-icon{color:var(--gse-ui-alert-error-iconColor)}.gux-inline-alert.gux-warning{color:var(--gse-ui-alert-warning-foregroundColor);background-color:var(--gse-ui-alert-warning-backgroundColor);border:var(--gse-ui-alert-warning-border-width) var(--gse-ui-alert-warning-border-style) var(--gse-ui-alert-warning-border-color)}.gux-inline-alert.gux-warning gux-icon{color:var(--gse-ui-alert-warning-iconColor)}.gux-inline-alert.gux-success{color:var(--gse-ui-alert-success-foregroundColor);background-color:var(--gse-ui-alert-success-backgroundColor);border:var(--gse-ui-alert-success-border-width) var(--gse-ui-alert-success-border-style) var(--gse-ui-alert-success-border-color)}.gux-inline-alert.gux-success gux-icon{color:var(--gse-ui-alert-success-iconColor)}";
+const guxInlineAlertCss = ":host{display:block}.gux-inline-alert{display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-alert-gap);align-items:center;justify-content:flex-start;padding:var(--gse-ui-alert-padding);border:1px solid;border-radius:var(--gse-ui-alert-borderRadius)}.gux-inline-alert gux-icon{flex-shrink:0;align-self:flex-start;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);margin-top:1px}.gux-inline-alert gux-tooltip-title{white-space:nowrap}.gux-inline-alert .gux-message-wrapper{display:flex;gap:var(--gse-ui-alert-gap);align-items:center;justify-content:flex-start;font-family:var(--gse-ui-alert-text-fontFamily);font-size:var(--gse-ui-alert-text-fontSize);font-weight:var(--gse-ui-alert-text-fontWeight);line-height:var(--gse-ui-alert-text-lineHeight)}.gux-inline-alert .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-inline-alert.gux-info{color:var(--gse-ui-alert-info-foregroundColor);background-color:var(--gse-ui-alert-info-backgroundColor);border:var(--gse-ui-alert-info-border-width) var(--gse-ui-alert-info-border-style) var(--gse-ui-alert-info-border-color)}.gux-inline-alert.gux-info gux-icon{color:var(--gse-ui-alert-info-iconColor)}.gux-inline-alert.gux-error{color:var(--gse-ui-alert-error-foregroundColor);background-color:var(--gse-ui-alert-error-backgroundColor);border:var(--gse-ui-alert-error-border-width) var(--gse-ui-alert-error-border-style) var(--gse-ui-alert-error-border-color)}.gux-inline-alert.gux-error gux-icon{color:var(--gse-ui-alert-error-iconColor)}.gux-inline-alert.gux-warning{color:var(--gse-ui-alert-warning-foregroundColor);background-color:var(--gse-ui-alert-warning-backgroundColor);border:var(--gse-ui-alert-warning-border-width) var(--gse-ui-alert-warning-border-style) var(--gse-ui-alert-warning-border-color)}.gux-inline-alert.gux-warning gux-icon{color:var(--gse-ui-alert-warning-iconColor)}.gux-inline-alert.gux-success{color:var(--gse-ui-alert-success-foregroundColor);background-color:var(--gse-ui-alert-success-backgroundColor);border:var(--gse-ui-alert-success-border-width) var(--gse-ui-alert-success-border-style) var(--gse-ui-alert-success-border-color)}.gux-inline-alert.gux-success gux-icon{color:var(--gse-ui-alert-success-iconColor)}";
 
 const GuxAlert = class {
   constructor(hostRef) {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-39160f18.js');
 const guxList_service = require('./gux-list.service-4beaa394.js');
-const usage = require('./usage-9feecec4.js');
+const usage = require('./usage-7bd0f4a2.js');
 
 const guxListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start}";
 

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

@@ -7,7 +7,7 @@ const guxListbox_service = require('./gux-listbox.service-b1068596.js');
 const index$1 = require('./index-ff762de3.js');
 const whenEventIsFrom = require('./when-event-is-from-20e89254.js');
 const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
-const usage = require('./usage-9feecec4.js');
+const usage = require('./usage-7bd0f4a2.js');
 const afterNextRender = require('./after-next-render-a023ef47.js');
 require('./get-closest-element-26894e5a.js');
 

package/dist/cjs/gux-loading-message.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-39160f18.js');
-const usage = require('./usage-9feecec4.js');
+const usage = require('./usage-7bd0f4a2.js');
 
 const guxLoadingMessageCss = "/**\n  * @prop --gse-progressAndLoading-loadingState-large-header-fontFamily\n  * @prop --gse-progressAndLoading-loadingState-large-header-fontWeight\n  * @prop --gse-progressAndLoading-loadingState-large-header-lineHeight\n  * @prop --gse-progressAndLoading-loadingState-large-header-fontSize\n  * @prop --gse-progressAndLoading-loadingState-large-subheader-fontFamily\n  * @prop --gse-progressAndLoading-loadingState-large-subheader-fontWeight\n  * @prop --gse-progressAndLoading-loadingState-large-subheader-lineHeight\n  * @prop --gse-progressAndLoading-loadingState-large-subheader-fontSize\n  * @prop --gse-progressAndLoading-loadingState-large-width : TODO https://inindca.atlassian.net/browse/COMUI-2264\n  * @prop --gse-progressAndLoading-loadingState-medium-header-fontFamily\n  * @prop --gse-progressAndLoading-loadingState-medium-header-fontWeight\n  * @prop --gse-progressAndLoading-loadingState-medium-header-lineHeight\n  * @prop --gse-progressAndLoading-loadingState-medium-header-fontSize\n  * @prop --gse-progressAndLoading-loadingState-medium-subheader-fontFamily\n  * @prop --gse-progressAndLoading-loadingState-medium-subheader-fontWeight\n  * @prop --gse-progressAndLoading-loadingState-medium-subheader-lineHeight\n  * @prop --gse-progressAndLoading-loadingState-medium-subheader-fontSize\n  * @prop --gse-progressAndLoading-loadingState-medium-width\n  * @prop --gse-progressAndLoading-loadingState-small-header-fontFamily\n  * @prop --gse-progressAndLoading-loadingState-small-header-fontWeight\n  * @prop --gse-progressAndLoading-loadingState-small-header-lineHeight\n  * @prop --gse-progressAndLoading-loadingState-small-header-fontSize\n  * @prop --gse-progressAndLoading-loadingState-small-subheader-fontFamily\n  * @prop --gse-progressAndLoading-loadingState-small-subheader-fontWeight\n  * @prop --gse-progressAndLoading-loadingState-small-subheader-lineHeight\n  * @prop --gse-progressAndLoading-loadingState-small-subheader-fontSize\n  * @prop --gse-progressAndLoading-loadingState-small-width\n  * @prop --gse-progressAndLoading-large-gap\n  * @prop --gse-progressAndLoading-large-gapText\n  * @prop --gse-progressAndLoading-pageLoading-gap\n  * @prop --gse-progressAndLoading-medium-gap\n  * @prop --gse-progressAndLoading-medium-gapText\n  * @prop --gse-progressAndLoading-small-gap\n  * @prop --gse-progressAndLoading-small-gapText\n  * @prop --gse-ui-progressAndLoading-textColor\n  */\n:host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  color: var(--gse-ui-progressAndLoading-textColor);\n  text-align: center;\n}\n\n@container (width > 400px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-large-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-large-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-subheader-lineHeight);\n  }\n}\n@container (width > 200px) and (width <=400px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-medium-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-medium-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-lineHeight);\n  }\n}\n@container (width <=200px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-small-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-small-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-subheader-lineHeight);\n  }\n}";
 

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-39160f18.js');
 const guxMenu_common = require('./gux-menu.common-d41b2fac.js');
 
-const guxMenuOptionCss = "gux-menu-option{display:block;flex:1 1 auto;align-self:auto}gux-menu-option .gux-menu-option-button{all:unset;width:var(--gse-ui-flyoutMenu-width);height:var(--gse-ui-menu-option-height);padding:4px 12px;line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);background-color:var(--gse-ui-menu-option-default-backgroundColor)}gux-menu-option .gux-menu-option-button:focus-within,gux-menu-option .gux-menu-option-button:hover{background-color:var(--gse-ui-menu-option-hover-backgroundColor)}gux-menu-option .gux-menu-option-button:enabled{cursor:pointer}gux-menu-option .gux-menu-option-button .gux-menu-option-button-text{display:block;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}";
+const guxMenuOptionCss = ":host{display:block;flex:1 1 auto;align-self:auto}:host .gux-menu-option-button{all:unset;width:var(--gse-ui-flyoutMenu-width);height:var(--gse-ui-menu-option-height);padding:4px 12px;line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);background-color:var(--gse-ui-menu-option-default-backgroundColor)}:host .gux-menu-option-button:focus-within,:host .gux-menu-option-button:hover{background-color:var(--gse-ui-menu-option-hover-backgroundColor)}:host .gux-menu-option-button:enabled{cursor:pointer}:host .gux-menu-option-button .gux-menu-option-button-text{display:block;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}";
 
 const GuxMenuOption = class {
   constructor(hostRef) {
@@ -27,6 +27,13 @@ const GuxMenuOption = class {
         break;
     }
   }
+  onKeyup(event) {
+    switch (event.key) {
+      case ' ':
+        event.stopPropagation();
+        break;
+    }
+  }
   render() {
     return (index.h("button", { type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { class: "gux-menu-option-button-text" }, index.h("slot", null))));
   }

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-39160f18.js');
 
-const guxMenuCss = "gux-menu{flex-direction:column;width:fit-content;padding:var(--gse-ui-flyoutMenu-padding);background-color:var(--gse-ui-flyoutMenu-backgroundColor);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}";
+const guxMenuCss = ":host{flex-direction:column;width:fit-content;padding:var(--gse-ui-flyoutMenu-padding);background-color:var(--gse-ui-flyoutMenu-backgroundColor);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}";
 
 const GuxMenu = class {
   constructor(hostRef) {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-39160f18.js');
 const randomHtmlId = require('./random-html-id-32ef8847.js');
-const usage = require('./usage-9feecec4.js');
+const usage = require('./usage-7bd0f4a2.js');
 
 const guxModalCss = "::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}slot[name=left-align-buttons]::slotted(:not(button,gux-button)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host .gux-modal{position:fixed;inset:0;z-index:var(--gux-zindex-modal, 1);display:flex;align-items:center;justify-content:center;color:#2e394c;background:var(--gse-ui-modal-shroudColor)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gse-ui-modal-padding);background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host .gux-modal .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-fontFamily-heading), var(--gse-core-fontFamily-body), sans-serif;font-size:var(--gse-core-fontSize-xl);font-weight:var(--gse-core-fontWeight-bold);line-height:var(--gse-core-lineHeight-xl)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";
 

package/dist/cjs/gux-month-picker-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-39160f18.js');
-const usage = require('./usage-9feecec4.js');
+const usage = require('./usage-7bd0f4a2.js');
 const onClickOutside = require('./on-click-outside-a7d87c91.js');
 const index$1 = require('./index-ff762de3.js');
 const simulateNativeEvent = require('./simulate-native-event-8209a457.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-39160f18.js');
-const usage = require('./usage-9feecec4.js');
+const usage = require('./usage-7bd0f4a2.js');
 
 const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;align-self:auto;justify-content:flex-start;order:0;margin:0 12px 0 8px;color:#2e394c}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:var(--gse-core-fontFamily-heading), var(--gse-core-fontFamily-body), sans-serif;font-size:var(--gse-core-fontSize-sm);font-weight:var(--gse-core-fontWeight-semiBold);line-height:var(--gse-core-lineHeight-sm)}";
 

package/dist/cjs/gux-page-loading-spinner.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-39160f18.js');
-const usage = require('./usage-9feecec4.js');
+const usage = require('./usage-7bd0f4a2.js');
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 

package/dist/cjs/gux-pagination-cursor.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-39160f18.js');
-const usage = require('./usage-9feecec4.js');
+const usage = require('./usage-7bd0f4a2.js');
 const index$1 = require('./index-ff762de3.js');
 require('./get-closest-element-26894e5a.js');
 

package/dist/cjs/gux-pagination-legacy.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-39160f18.js');
-const usage = require('./usage-9feecec4.js');
+const usage = require('./usage-7bd0f4a2.js');
 
 const guxPaginationLegacyCss = ":host{display:block;border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:space-between;height:var(--gse-ui-dataTableItems-cell-tablePagination-height);padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);align-content:stretch;align-items:center;align-self:auto;justify-content:flex-start;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";
 

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-39160f18.js');
 const afterNextRender = require('./after-next-render-a023ef47.js');
-const usage = require('./usage-9feecec4.js');
+const usage = require('./usage-7bd0f4a2.js');
 
 const guxPaginationCss = ":host{display:block;border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:space-between;height:var(--gse-ui-dataTableItems-cell-tablePagination-height);padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);align-content:stretch;align-items:center;align-self:auto;justify-content:flex-start;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-spacer{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";