genesys-spark-components 4.10.0 → 4.10.1

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

@@ -12,7 +12,7 @@ const guxFormField_service = require('./gux-form-field.service-d9598ea6.js');
 const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
 const hasSlot = require('./has-slot-429f8b9e.js');
 const guxFormFieldContainer = require('./gux-form-field-container-987b5820.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 const en = require('./en-66d2b744.js');
 const onClickOutside = require('./on-click-outside-3c0f8816.js');
 const afterNextRender = require('./after-next-render-a023ef47.js');

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

@@ -6,7 +6,7 @@ const index = require('./index-75c9f0d9.js');
 const index$1 = require('./index-dee802be.js');
 const onMutation = require('./on-mutation-ec5d23bd.js');
 const onAttributeChange = require('./on-attribute-change-9b2d8c85.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-e43868e8.js');
 const guxFormField_service = require('./gux-form-field.service-d9598ea6.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-ec5d23bd.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-d9598ea6.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.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

@@ -10,7 +10,7 @@ const preventBrowserValidationStyling = require('./prevent-browser-validation-st
 const hasSlot = require('./has-slot-429f8b9e.js');
 const guxFormField_service = require('./gux-form-field.service-d9598ea6.js');
 const guxFormFieldContainer = require('./gux-form-field-container-987b5820.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.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

@@ -10,7 +10,7 @@ const preventBrowserValidationStyling = require('./prevent-browser-validation-st
 const hasSlot = require('./has-slot-429f8b9e.js');
 const guxFormField_service = require('./gux-form-field.service-d9598ea6.js');
 const guxFormFieldContainer = require('./gux-form-field-container-987b5820.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.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

@@ -10,7 +10,7 @@ const preventBrowserValidationStyling = require('./prevent-browser-validation-st
 const hasSlot = require('./has-slot-429f8b9e.js');
 const guxFormField_service = require('./gux-form-field.service-d9598ea6.js');
 const guxFormFieldContainer = require('./gux-form-field-container-987b5820.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.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

@@ -10,7 +10,7 @@ const preventBrowserValidationStyling = require('./prevent-browser-validation-st
 const hasSlot = require('./has-slot-429f8b9e.js');
 const guxFormField_service = require('./gux-form-field.service-d9598ea6.js');
 const guxFormFieldContainer = require('./gux-form-field-container-987b5820.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.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

@@ -10,7 +10,7 @@ const preventBrowserValidationStyling = require('./prevent-browser-validation-st
 const hasSlot = require('./has-slot-429f8b9e.js');
 const guxFormField_service = require('./gux-form-field.service-d9598ea6.js');
 const guxFormFieldContainer = require('./gux-form-field-container-987b5820.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.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

@@ -10,7 +10,7 @@ const hasSlot = require('./has-slot-429f8b9e.js');
 const getSlotTextContent = require('./get-slot-text-content-c4306c7a.js');
 const guxFormField_service = require('./gux-form-field.service-d9598ea6.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-e43868e8.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 require('./get-closest-element-26894e5a.js');
 require('./random-html-id-32ef8847.js');
 require('./log-error-8a92241e.js');

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

@@ -10,7 +10,7 @@ const hasSlot = require('./has-slot-429f8b9e.js');
 const getSlotTextContent = require('./get-slot-text-content-c4306c7a.js');
 const guxFormField_service = require('./gux-form-field.service-d9598ea6.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-e43868e8.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.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-75c9f0d9.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.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-75c9f0d9.js');
 const index$1 = require('./index-dee802be.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 require('./get-closest-element-26894e5a.js');
 
 const info = "Information alert with message";

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
 const guxList_service = require('./gux-list.service-4beaa394.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 
 const guxListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;padding:var(--gse-ui-menu-padding)}";
 

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

@@ -7,7 +7,7 @@ const guxListbox_service = require('./gux-listbox.service-e1b0f291.js');
 const index$1 = require('./index-dee802be.js');
 const whenEventIsFrom = require('./when-event-is-from-20e89254.js');
 const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.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-75c9f0d9.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 
 const guxLoadingMessageCss = ":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  max-width: var(--gse-ui-progressAndLoading-loadingState-large-width);\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-modal-legacy.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
 const randomHtmlId = require('./random-html-id-32ef8847.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 
 const guxModalLegacyCss = "::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(--gse-semantic-zIndex-modal);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-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}: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-modal.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
 const randomHtmlId = require('./random-html-id-32ef8847.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 
 const guxModalCss = "::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}slot[name=start-align-buttons]::slotted(:not(button,gux-button-slot)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host dialog{box-sizing:border-box;justify-content:space-between;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 dialog::backdrop{background:rgba(77, 97, 130, 0.8)}:host dialog .gux-modal-container{display:flex;flex-direction:column;padding:var(--gse-ui-modal-padding)}:host dialog .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host dialog .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-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}:host dialog .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 dialog .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}@media (max-width: 416px){:host dialog .gux-modal-container.gux-small,:host dialog .gux-modal-container.gux-medium,:host dialog .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-75c9f0d9.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 const onClickOutside = require('./on-click-outside-3c0f8816.js');
 const index$1 = require('./index-dee802be.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-75c9f0d9.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 
 const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items: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;place-content:stretch flex-start;align-items:flex-start;align-self:auto;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-typography-heading-sm-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-sm-fontSize);line-height:var(--gse-core-typography-heading-sm-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}";
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.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-75c9f0d9.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 const index$1 = require('./index-dee802be.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-75c9f0d9.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.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;place-content:stretch space-between;align-items:center;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);place-content:stretch flex-start;align-items:center;align-self:auto;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-75c9f0d9.js');
 const afterNextRender = require('./after-next-render-a023ef47.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.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;place-content:stretch space-between;align-items:center;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);place-content:stretch flex-start;align-items:center;align-self:auto;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}";
 

package/dist/cjs/gux-phone-input-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 const index$1 = require('./index-dee802be.js');
 const onClickOutside = require('./on-click-outside-3c0f8816.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-15142963.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-75c9f0d9.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-cae393e0.js');
 const onClickOutside = require('./on-click-outside-3c0f8816.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 const findElementById = require('./find-element-by-id-9c3e0b1b.js');
 
 const guxPopoverListCss = ".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:8px 0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
 const index$1 = require('./index-dee802be.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 require('./get-closest-element-26894e5a.js');
 
 const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large

package/dist/cjs/gux-radial-progress.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 const logError = require('./log-error-8a92241e.js');
 
 const OVERALL_SIZE = 48; // Linked to --gse-ui-progressAndLoading-spinner-large

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-75c9f0d9.js');
 const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
 const clamp = require('./clamp-a9926a57.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 const logError = require('./log-error-8a92241e.js');
 
 const guxRatingCss = ":host{display:inline-block;min-width:fit-content;user-select:none}:host(:host:focus-visible){outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);outline-offset:var(--gse-semantic-focusRing-offset);box-shadow:0 0 0 1px var(--gse-semantic-focusRing-small-border-style)}.gux-rating-star-container{display:flex;gap:var(--gse-ui-rating-star-gap);justify-content:space-between;color:var(--gse-ui-rating-default-color)}.gux-rating-star-container.gux-disabled{color:var(--gse-ui-rating-disabled-color);pointer-events:none;opacity:var(--gse-ui-rating-disabled-opacity)}.gux-rating-star-container gux-icon{flex:0 0 auto;width:var(--gse-ui-rating-size);height:var(--gse-ui-rating-size);color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";

package/dist/cjs/gux-screen-reader-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 
 const guxScreenReaderCss = ".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}";
 

package/dist/cjs/gux-segmented-control-beta.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
 const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 
 const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:286px;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-icon{flex:0 1 auto;align-self:auto;order:0;padding:8px 12px 8px 16px;margin:2px 0}.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-icon ::slotted(gux-icon){width:16px;height:16px}.gux-message{flex:1 1 auto;align-self:center;order:0;margin:8px 0}.gux-dismiss{margin:4px 0}";
 

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
 const index$1 = require('./index-dee802be.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 require('./get-closest-element-26894e5a.js');
 
 const navigationName = "Skip links navigation";

package/dist/cjs/gux-sort-control.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
 const index$1 = require('./index-dee802be.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 const getClosestElement = require('./get-closest-element-26894e5a.js');
 const onMutation = require('./on-mutation-ef917473.js');
 const en = require('./en-807a354e.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
 const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 
 const guxSwitchCss = ":host{display:flex;align-items:flex-end}";
 

package/dist/cjs/gux-table-toolbar-action.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-251c82ed.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 const index$1 = require('./index-dee802be.js');
 require('./get-closest-element-26894e5a.js');
 

package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 const getSlotTextContent = require('./get-slot-text-content-c4306c7a.js');
 
 const guxTableToolbarCustomActionCss = ":host([disabled]),button[disabled]{pointer-events:none}.gux-sr-only{display:flex}.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-action-title{display:flex;flex-direction:row;gap:var(--gse-ui-button-gap);align-items:center}.gux-action-title slot[name=icon]::slotted(gux-icon){width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}";

package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 const onClickOutside = require('./on-click-outside-3c0f8816.js');
 const index$1 = require('./index-dee802be.js');
 const afterNextRender = require('./after-next-render-a023ef47.js');

package/dist/cjs/gux-table-toolbar.cjs.entry.js

@@ -5,14 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-75c9f0d9.js');
 const onResize = require('./on-resize-a136fc7f.js');
 const onMutation = require('./on-mutation-ec5d23bd.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 const getSlot = require('./get-slot-395a67ef.js');
-
-/**
- * Below is the minimum spacing in px that is required between,
- * the controls aligned to the left and controls aligned to the right.
- */
-const MIN_CONTROL_SPACING = 72;
+const afterNextRender = require('./after-next-render-a023ef47.js');
 
 function setAccent(actions, accent) {
   [].concat(actions).forEach(action => {
@@ -60,16 +55,23 @@ const GuxTableToolbar = class {
    */
   recordLayoutMinSize() {
     index.readTask(() => {
-      var _a, _b;
-      const filterWidth = ((_a = this.filterSlot) === null || _a === void 0 ? void 0 : _a.clientWidth) | 0;
+      var _a, _b, _c;
+      const filterWidth = ((_a = this.searchAndFilterContainer) === null || _a === void 0 ? void 0 : _a.clientWidth) | 0;
       const controlWidth = ((_b = this.actionsContainer) === null || _b === void 0 ? void 0 : _b.clientWidth) | 0;
-      const minSize = filterWidth + controlWidth + MIN_CONTROL_SPACING;
+      const minControlSize = ((_c = this.minControlSize) === null || _c === void 0 ? void 0 : _c.clientWidth) | 0;
+      const minSize = filterWidth + controlWidth + minControlSize;
       this.minimumSizes[this.displayedLayout] = minSize;
     });
   }
+  get minControlSize() {
+    return this.root.shadowRoot.querySelector('.section-spacing');
+  }
   get actionsContainer() {
     return this.root.shadowRoot.querySelector('.gux-contextual-permanent-primary');
   }
+  get searchAndFilterContainer() {
+    return this.root.shadowRoot.querySelector('.search-filter-container');
+  }
   get filterSlot() {
     return getSlot.getSlot(this.root, 'search-and-filter');
   }
@@ -127,11 +129,9 @@ const GuxTableToolbar = class {
     this.displayedLayout = 'full';
     setActionsIconOnlyProp(false, this.primaryAction, ...this.allFilterContextual, ...this.permanentActions);
   }
-  renderIconOnlyLayoutScaleDown(controlWidth) {
+  renderIconOnlyLayoutScaleDown() {
     this.displayedLayout = 'iconOnly';
     setActionsIconOnlyProp(true, this.primaryAction, ...this.allFilterContextual, ...this.permanentActions);
-    //Save the width of the iconOnly section so when resizing backup we have a reference point.
-    this.iconOnlySectionWidth = controlWidth;
   }
   renderIconOnlyLayoutScaleUp() {
     var _a, _b;
@@ -153,13 +153,16 @@ const GuxTableToolbar = class {
     setActionsIconOnlyProp(false, this.primaryAction);
     setAccent(this.menuActionsItems, 'ghost');
   }
-  componentWillLoad() {
+  componentWillRender() {
     usage.trackComponent(this.root);
     this.hasContextDivider = this.needsContextDivider();
   }
   componentDidLoad() {
-    this.recordLayoutMinSize();
-    this.checkResponsiveLayout();
+    // This timeout is required to calculate the correct size of the containers when the component loads. By including a timeout of 1 second the containers calculate correctly.
+    afterNextRender.afterNextRenderTimeout(() => {
+      this.recordLayoutMinSize();
+      this.checkResponsiveLayout();
+    });
     setAccent(this.menuActionsItems, 'ghost');
   }
   /**
@@ -173,21 +176,20 @@ const GuxTableToolbar = class {
   }
   checkResponsiveLayout() {
     index.readTask(() => {
-      var _a;
-      const controlWidth = ((_a = this.actionsContainer) === null || _a === void 0 ? void 0 : _a.clientWidth) | 0;
       const toolbarWidth = this.root.clientWidth;
-      if (toolbarWidth <= this.minimumSizes.full &&
-        toolbarWidth >= this.minimumSizes.iconOnly) {
+      if (toolbarWidth <= this.minimumSizes.iconOnly) {
+        if (this.displayedLayout == 'iconOnly') {
+          this.renderCondensedLayout();
+        }
+      }
+      else if (toolbarWidth <= this.minimumSizes.full) {
         if (this.displayedLayout == 'full') {
-          this.renderIconOnlyLayoutScaleDown(controlWidth);
+          this.renderIconOnlyLayoutScaleDown();
         }
         else if (this.displayedLayout == 'condensed') {
           this.renderIconOnlyLayoutScaleUp();
         }
       }
-      else if (toolbarWidth <= this.minimumSizes.iconOnly) {
-        this.renderCondensedLayout();
-      }
       else if (this.minimumSizes.iconOnly > this.minimumSizes.full) {
         this.renderIconOnlyLayoutScaleUp();
       }

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

@@ -6,7 +6,7 @@ const index = require('./index-75c9f0d9.js');
 const index$1 = require('./index-dee802be.js');
 const whenEventIsFrom = require('./when-event-is-from-20e89254.js');
 const randomHtmlId = require('./random-html-id-32ef8847.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 const en = require('./en-807a354e.js');
 require('./get-closest-element-26894e5a.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 
 const GuxTabsAdvanced = class {
   constructor(hostRef) {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 
 const guxTabsCss = ":host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;height:100%}:host .gux-tabs:not(.gux-vertical){flex-direction:column}:host .gux-panel-container{display:flex;flex-direction:column;height:100%;min-height:0}";
 

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
 const index$1 = require('./index-dee802be.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 require('./get-closest-element-26894e5a.js');
 
 const tag = "tag with label: {label}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 
 const conversion = /[ +]/g;
 const expressions = new Map();

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 const getValidTimezone = require('./get-valid-timezone-6bacb49d.js');
 const index$1 = require('./index-dee802be.js');
 require('./get-closest-element-26894e5a.js');

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

@@ -7,7 +7,7 @@ const onClickOutside = require('./on-click-outside-3c0f8816.js');
 const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
 const afterNextRender = require('./after-next-render-a023ef47.js');
 const index = require('./index-dee802be.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 require('./get-closest-element-26894e5a.js');
 
 const am = "AM";

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
 const index$1 = require('./index-dee802be.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 const simulateNativeEvent = require('./simulate-native-event-8209a457.js');
 require('./get-closest-element-26894e5a.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-75c9f0d9.js');
-const usage = require('./usage-d03815c7.js');
+const usage = require('./usage-55753bb0.js');
 const hasSlot = require('./has-slot-429f8b9e.js');
 
 const guxToastCss = ".gux-toast{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-gap);place-content:stretch flex-start;align-items:flex-start;width:var(--gse-ui-toast-wrappingWidth);padding:var(--gse-ui-toast-margin);margin-bottom:var(--gse-ui-toast-stacking-gap);border-radius:var(--gse-ui-toast-borderRadius);box-shadow:var(--gse-ui-toast-boxShadow-x) var(--gse-ui-toast-boxShadow-y) var(--gse-ui-toast-boxShadow-blur) var(--gse-ui-toast-boxShadow-spread) var(--gse-ui-toast-boxShadow-color)}.gux-toast .gux-icon ::slotted(gux-icon){width:var(--gse-ui-toast-icon) !important;height:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon gux-icon{width:var(--gse-ui-toast-icon) !important;height:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon.gux-icon-error{color:var(--gse-ui-toast-error-iconColor)}.gux-toast .gux-icon.gux-icon-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-toast .gux-icon.gux-icon-success{color:var(--gse-ui-toast-success-iconColor)}.gux-toast .gux-icon.gux-icon-info{color:var(--gse-ui-toast-info-iconColor)}.gux-toast .gux-icon.gux-icon-action{color:var(--gse-ui-toast-action-iconColor)}.gux-toast .gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-toast-gapButton);place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0}.gux-toast .gux-content .gux-message{display:flex;flex-direction:column;gap:var(--gse-ui-toast-gapText)}.gux-toast .gux-content .gux-message .gux-message-title{font-family:var(--gse-ui-toast-heading-fontFamily);font-size:var(--gse-ui-toast-heading-fontSize);font-weight:var(--gse-ui-toast-heading-fontWeight);line-height:var(--gse-ui-toast-heading-lineHeight)}.gux-toast .gux-content .gux-message .gux-message-body{font-family:var(--gse-ui-toast-text-fontFamily);font-size:var(--gse-ui-toast-text-fontSize);line-height:var(--gse-ui-toast-text-lineHeight)}.gux-toast .gux-content .gux-buttons-bar{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-buttonBar-gap);justify-content:flex-start}.gux-toast .gux-content .gux-buttons-bar ::slotted(a){font-family:var(--gse-ui-link-inLine-medium-underlinedText-fontFamily);font-size:var(--gse-ui-link-inLine-medium-underlinedText-fontSize);font-weight:var(--gse-ui-link-inLine-medium-underlinedText-fontWeight);line-height:var(--gse-ui-link-inLine-medium-underlinedText-lineHeight)}.gux-toast.gux-toast-success{background-color:var(--gse-ui-toast-success-backgroundColor)}.gux-toast.gux-toast-success .gux-message{color:var(--gse-ui-toast-success-foregroundColor)}.gux-toast.gux-toast-warning{background-color:var(--gse-ui-toast-warning-backgroundColor)}.gux-toast.gux-toast-warning .gux-message{color:var(--gse-ui-toast-warning-foregroundColor)}.gux-toast.gux-toast-error{background-color:var(--gse-ui-toast-error-backgroundColor)}.gux-toast.gux-toast-error .gux-message{color:var(--gse-ui-toast-error-foregroundColor)}.gux-toast.gux-toast-info{background-color:var(--gse-ui-toast-info-backgroundColor)}.gux-toast.gux-toast-info .gux-message{color:var(--gse-ui-toast-info-foregroundColor)}.gux-toast.gux-toast-action{background-color:var(--gse-ui-toast-action-backgroundColor)}.gux-toast.gux-toast-action .gux-message{color:var(--gse-ui-toast-action-foregroundColor)}";