genesys-spark-components 4.38.0 → 4.40.0

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-3edae188.js');
 const guxFormField_service = require('./gux-form-field.service-136fe9f0.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
-const usage = require('./usage-0cce8167.js');
+const usage = require('./usage-3d7a1d00.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -58,13 +58,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'da7db47a8da22d28beb3584a5a689802d09a87f3', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '3700829135203974282c15fc4dc3db6da68827f9', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'be6a1b497f1bdf420ee2141afeef9a4bb031a41e', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: '49a85412e7cfe89b99b3cdbe114d199156fd0594', class: "gux-input-and-error-container" }, index.h("div", { key: '0664805d3d8322fc381a5ad5a0da1478284e414c', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'baab7dd21e156bfb27319ff8a999b4c7a0dd70a2', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '40a33a912c507da585c10b5f4ad138015bbe8a59', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'b82d353125d8ad20e37e449f19e2575962611a9e', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: 'd82ccb9f69e242b9fcee871bd47a8716d07e20b6', class: "gux-input-and-error-container" }, index.h("div", { key: 'd614e581925fcfb86ccd4fce07c092eaa50c3512', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'b0f7f09b23023f1fc272b782178dd739bba704e7', class: {
+            } }, index.h("div", { key: 'dfbbdf8d93f6a7f9f2b7a4bad3b8687d7a7ea379', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'fdcd6b5185f8fa25940fe8e5e2908f7629bbf448', name: "input" }), index.h("gux-icon", { key: 'd7746dbef3b14d7d20a4440149478e78f6e14d27', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormField_service.GuxFormFieldError, { key: '4265dc7ebc37741a86edc817766243f7b4684776', show: this.hasError }, index.h("slot", { key: '5c79451253954d2a5ac081848ffbe7c4e48c96da', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: '242d283913ad7afe5dac3610b811ac3eb9e17d1f', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '84f58e74b7083064e7f8659c71953b5763dc862d', name: "help" })))));
+            } }, index.h("slot", { key: 'd457be1be7a7954ef691c39408ac256f260d9f4e', name: "input" }), index.h("gux-icon", { key: 'be9def4d0fa60f3324e721631e4f8816ef5fcf8b', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormField_service.GuxFormFieldError, { key: '38aae01a5b3f59279ad162177843183c6804a393', show: this.hasError }, index.h("slot", { key: '00ad175eb8ceff6eac2f40c4e8d1a8d2c6a80cde', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: '2eeca9caa8a051909388623db696e026c6d892d3', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '6c4fe025017da98a30d191870f41922818774ad7', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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-3edae188.js');
 const guxFormField_service = require('./gux-form-field.service-136fe9f0.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
-const usage = require('./usage-0cce8167.js');
+const usage = require('./usage-3d7a1d00.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -83,15 +83,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '11aa067706c5f6c91ff83e5f7616640e350c6e70', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'b99ce693335a34a1345c7cf3a3bb0c467adef8ee', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'f92d4903220f4f4a26857f2cb8721d687baad180', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: 'd1cce04d2d9787290a56a30b893333f0c69e0b96', class: "gux-input-and-error-container" }, index.h("div", { key: 'f80b237e084f23118db59c44d230f1ebf3986635', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '55a6cf8bc3e719c0f3a0e79ea2cb2126cdf89426', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '5f8fe6205739b0d1e92c80bf4240ee16f02a8146', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '72ca7f9e8f9946fcaf2d8c25c367476e20648b25', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: '0168bf7fdf030ef6c59d635814b16565c5bc4bfa', class: "gux-input-and-error-container" }, index.h("div", { key: '74d073de52d28d38c27719b34a58fc3a8bce8b18', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '2849803deb586c0d66bbf1fe74f56f519de48d04', class: {
+            } }, index.h("div", { key: '61dc9d10ac90dad8d966ebfde013856c84b9f038', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            } }, index.h("slot", { key: '2688c3997262b51ca3a3b8f0109afae98a42535a', name: "prefix" }), index.h("slot", { key: 'b8a15f02f4aaa306ba2a30718226497b266c739a', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: 'd1fa8e46f65d35fd7bac6e986f2ff688e0ef0c31', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormField_service.GuxFormFieldError, { key: '9ff394f8c52df4aeeca5c40c9e8f4fb7e05681c8', show: this.hasError }, index.h("slot", { key: 'bf41f9fd79fb75ccd17d76b12047193aee328cd0', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: '4d167581382d2e90dec87eafd518e5b3dfd964b1', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'dfaa97a334b26097a93de84a6e37d76e08e6fb9c', name: "help" })))));
+            } }, index.h("slot", { key: '285a292cbb1a04f007f084f44a77b0d993be3aab', name: "prefix" }), index.h("slot", { key: 'c8cb79face98b1c9ab838b10258d06f5ef2d2cc7', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: 'b97da9467c217b7643c522dca4a2c36de2b4b395', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormField_service.GuxFormFieldError, { key: 'd9c47e139b0f23fd349f8b62be786af3babadd7a', show: this.hasError }, index.h("slot", { key: '9ebc0ea955879b70cacf001d299763c7e4c2e6c0', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: '8e0757c1363b5e7a5da501b4e52847993f6a3ce4', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '50af9326c84242ce67e9196f12a0c273de538197', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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-3edae188.js');
 const guxFormField_service = require('./gux-form-field.service-136fe9f0.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
-const usage = require('./usage-0cce8167.js');
+const usage = require('./usage-3d7a1d00.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -62,12 +62,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '142f77aa32886b981dca8886b02a5cc8968ba7f3', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'affcaa2769346a30bc9c53f3b9175a2544d69b6e', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '1ba73af3145bfcb08ebbdc49eeaed9bf1b7b3e04', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: '82bf935a8c5a8cfdbd4355f49093d9600f6a5bce', class: "gux-input-and-error-container" }, index.h("div", { key: '2d1576865a86219604c16210e4bd7b62738443fe', ref: el => (this.textareaContainerElement = el), class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '494682f4ac2098c5771eef06dc0a778e66182635', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'f0b218f8974dbb90f1f3e570738d79379e963533', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'd46087bcd856fe9372b3a6a8fde277970ecb0d02', name: "label", onSlotchange: () => this.setLabel() })), index.h("div", { key: '3ece84df8eb602d83f4688caf00ccaefb9e447fa', class: "gux-input-and-error-container" }, index.h("div", { key: '2dcd28afcdd0a1f96e93792e74700b43472b167c', ref: el => (this.textareaContainerElement = el), class: {
                 'gux-input': true,
                 [`gux-resize-${this.resize}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-input-error': this.hasError
-            } }, index.h("slot", { key: '9929c1777c7336a273f5dad95cae087fa735460b', name: "input" })), index.h(guxFormField_service.GuxFormFieldError, { key: 'cc061b645a4442ae33bb1dc5c4f5afe856795ed4', show: this.hasError }, index.h("slot", { key: '89dbb7222e7d66131f403acaf994378c251a29ed', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: '0918b32ef21d787434ae6d5d79774f8b81cdde46', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '4c4c912109a80a908646e20545315a73dd8b915e', name: "help" })))));
+            } }, index.h("slot", { key: '15eec3f490ff8ece0e654933460e800516dc4a0c', name: "input" })), index.h(guxFormField_service.GuxFormFieldError, { key: '0d3129e289b6ce134a031df09cc3f2e31e7ebfc6', show: this.hasError }, index.h("slot", { key: '11e32e54979c6e0590598e90722b626857045241', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: 'aafcca51d6122af87162d83e3bc88c6616e9d8d5', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '7f13240605fb68bfa7796c1c32563c135224c723', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -10,7 +10,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormField_service = require('./gux-form-field.service-136fe9f0.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-366ae678.js');
-const usage = require('./usage-0cce8167.js');
+const usage = require('./usage-3d7a1d00.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -72,13 +72,13 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '9c105521e5d854cad208cfc9c4d5ede453ee1ee4', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldLegendLabel, { key: '56cb1e9d5f2b34bfb302cb299934b140f7eac5e0', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, index.h("slot", { key: '0d813de099f48d7d762586bc86e5638e8407416e', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError)), index.h("div", { key: '37c77626c3adcb44e0c1a31316a1426b53933800', class: "gux-input-and-error-container" }, index.h("div", { key: '289b3673030fc1e9cca70fab12668378cdc0a636', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'ae4709aaff5ee2e057a54a3a5910b0bbbc9ebc06', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldLegendLabel, { key: '5ee1f0147dcdb554d2d921b66f0b2afc2d6ab139', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, index.h("slot", { key: 'fa722b21f1b7cd9a5b2f0243f2cd489137d9996d', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError)), index.h("div", { key: '232bde02c1cea41b2d50948919645d8d8b484c1e', class: "gux-input-and-error-container" }, index.h("div", { key: 'f102981af86be2542014700a04e2fff362ef662a', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '75ca1689ec63a13d7dd9deb6686db42c3d049bf1', class: {
+            } }, index.h("div", { key: '3cd0a101d2c74beed6ac37bca4cc0f14494da62a', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '6bbc5927c829ea4c0edd249b3be9cd02f1e729ef' }))), index.h(guxFormField_service.GuxFormFieldError, { key: 'da2467b63ebea01647fa379e405fede51ec190f6', show: this.hasError }, index.h("slot", { key: '54b24c16b2cc497df4f95875a61af23d28fdff71', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: '9451839717e3371a5b181e82fd20152a9314850b', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'e61a352f1bdbb5842fc9294595ed26a4c6dc7476', name: "help" })))));
+            } }, index.h("slot", { key: 'f6dcbaf31b7dded9a7c3e5d14ae3e7125964345e' }))), index.h(guxFormField_service.GuxFormFieldError, { key: '14ed5f69aac4f5dd0dbe545a429a6620f4bae9b3', show: this.hasError }, index.h("slot", { key: 'd7a0445b647d33fb41f841ab33888db209c2253e', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: 'edce8c2c7f40f3f266cff656c04f9511f3b25b22', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'ca292da1fcbf617694952a51268da98c300f9e24', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         if (condition) {

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

@@ -10,7 +10,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormField_service = require('./gux-form-field.service-136fe9f0.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-366ae678.js');
-const usage = require('./usage-0cce8167.js');
+const usage = require('./usage-3d7a1d00.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -72,12 +72,12 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '51bb4486dee284c2c89b7c3909388e3c019175bc', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldLegendLabel, { key: '1eed31a1f5e74f227026a46579b894d8c43ab9ec', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, index.h("slot", { key: '7a76720e5d5396c11c2b9ee15038d9006f62638d', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError)), index.h("div", { key: 'c32362dbf15f93b11f51570eac855fc6191e510b', class: "gux-input-and-error-container" }, index.h("div", { key: '47b6a4fc5814130e60fa470205ee3849b2cab324', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '221339c9cdc5b5aad8ce193a06eeea61fed8015b', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldLegendLabel, { key: '872f50bb406b15ab6076e155cf8c2ad20319c4fb', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, index.h("slot", { key: 'caacd633f6fbc1b831bb4bf61f9f2f9fec894d63', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError)), index.h("div", { key: '117e568a0c3157e72f6869f42bacb8b7f203fbcc', class: "gux-input-and-error-container" }, index.h("div", { key: '5598ced3dadb1a0adcc68a0a24700ab31212fdcd', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'ddf9e64350ed5982e1a4caa77352b1249b25a9e7' })), index.h(guxFormField_service.GuxFormFieldError, { key: 'b14c0608d9871d88ca5831b7b01bd5ae5a0a6f5f', show: this.hasError }, index.h("slot", { key: 'b4b4417aa7e5231b742b989daff8b4f724762e75', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: '83e537aa17df632522dbefcd16152fa4dfa1c094', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'ebc6eaa84d1b684b457c6b385222d8d59886a090', name: "help" })))));
+            } }, index.h("slot", { key: '36d4c79ddc4c3ffe16c1be66590b7e29ec1a995a' })), index.h(guxFormField_service.GuxFormFieldError, { key: 'cecadba80ef25836dec00dc6a49722b59b21d659', show: this.hasError }, index.h("slot", { key: '1e14a287e7725a50535d89a400cfe102da714e96', name: "error" })), index.h(guxFormField_service.GuxFormFieldHelp, { key: 'b5e53038e69e460e79200cff900cc2d98ad3a07a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '29b847bb2eeaa521377984d9ea148189d722f55e', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         if (condition) {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-0cce8167.js');
+const usage = require('./usage-3d7a1d00.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const legacyIconNames = [
@@ -543,7 +543,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (index.h("div", { key: '2fe96faca939a599096d6a37ddef3edf09401242', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (index.h("div", { key: '01317365fb9db76a0abee670c75282e6bbb98462', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get assetsDirs() { return ["icons"]; }
     get root() { return index.getElement(this); }

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-0cce8167.js');
+const usage = require('./usage-3d7a1d00.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const info = "Information alert with message";
@@ -18,7 +18,7 @@ const translationResources = {
 	error: error
 };
 
-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 guxInlineAlertCss = ":host{display:flex;width:fit-content}.gux-inline-alert{display:inline-flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;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);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-content{flex:1 1 auto}.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 GuxInlineAlertStyle0 = guxInlineAlertCss;
 
 const GuxAlert = class {
@@ -45,10 +45,10 @@ const GuxAlert = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '53b86ffc2d5a7c544f0d67a4a24f335fa35a785c', class: {
+        return (index.h("div", { key: '8f1c2675361123ef077ac967f67c13595df68712', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("gux-icon", { key: '32b8030f141eaddd6dac7b45dbd6d309684a4739', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: 'dc0643930bf70b304c75a41c2b6fa4b157a8ee0d', class: "gux-message-wrapper" }, index.h("div", { key: '34fc43f1ce68210a369fd42b88e841e5fa74d06f', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("slot", { key: 'ba4ea3e316f60364870b2c69cc2b24954324b093' }))));
+            } }, index.h("div", { key: '4859a6e04af19e79fde53b6377b408e157586e25', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '83ff44c71e588ac2707fa1c5cd9455991239fb7d', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: 'b4eaaab4472ceffda8f0fe78f3a1195ce1185874', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("div", { key: '37bf0b6cf74d8368f50c442f3031b44cb3e64367', class: "gux-content" }, index.h("slot", { key: '4995a6a8c848aed4edf1364ceea108c7be94c474', name: "content" }, index.h("slot", { key: '3e895c3db8efa071761afbbcb249b74b54d4ff80' }))))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -12,7 +12,7 @@ const GuxListDivider = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'd5f5d3f2b7416397036fe326af9d25a16b3b0c13', role: "presentation" }));
+        return (index.h(index.Host, { key: '121c18946744d78cb333349b7f2da12521dfabfb', role: "presentation" }));
     }
 };
 GuxListDivider.style = GuxListDividerStyle0;

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

@@ -29,7 +29,7 @@ const GuxListItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '3ebc7ba7612911429b236980cc269c62f780bb71', role: "listitem" }, index.h("button", { key: '73b146fcbf6b4db026d91366d0a9dc3ec529c813', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '6b3b647d18c75d730e4fab3182f36e842466e8cd' }))));
+        return (index.h(index.Host, { key: '07e02f4322355ed477335c6a1359849bbf32970a', role: "listitem" }, index.h("button", { key: '5afcf21dbb31945868d5f8bf021063f253dbb1ee', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '4c84a80132ee7346e0ac7e7ec9881f758d89c334' }))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const guxList_service = require('./gux-list.service-cf8447cb.js');
-const usage = require('./usage-0cce8167.js');
+const usage = require('./usage-3d7a1d00.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)}";
 const GuxListStyle0 = guxListCss;
@@ -60,7 +60,7 @@ const GuxList = class {
         return (index.h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (index.h(index.Host, { key: 'ad7114dbfd9bfd2fb141766babe54e4fc52ca001', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: '6e9b69ab988c0b95a377bf298fb99803a2ed1c6d' })));
+        return (index.h(index.Host, { key: 'c1dc1a17c6718a7f30b17816d85903ba1864827d', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: 'f903f960866b459d147450e3cd35d429f090d2e8' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -7,7 +7,7 @@ const guxListbox_service = require('./gux-listbox.service-a91f8bd2.js');
 const index$1 = require('./index-a1a48d79.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-0cce8167.js');
+const usage = require('./usage-3d7a1d00.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-0cce8167.js');
+const usage = require('./usage-3d7a1d00.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}";
 const GuxLoadingMessageStyle0 = guxLoadingMessageCss;
@@ -16,7 +16,7 @@ const GuxLoadingMessage = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: '73f7866c91ed5358d7521ebeb228ed1db861b32a', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '69d0ba46731db970f7b5e6cc3d8f713cae585284', class: "gux-progress" }, index.h("slot", { key: 'bc4e0dd2655431cf0f5a164b0ecc876dd097a6d5', name: "progress" })), index.h("div", { key: 'd5674a832c40ef03c0e705629fedbc61da6bca6c', class: "gux-primary-message" }, index.h("slot", { key: '983be88ae42abc6cb675c68bc9ce43865eabca68', name: "primary-message" })), index.h("div", { key: 'cf526d7c71b3abb28fd8f0d3ae01e4ff817a2629', class: "gux-additional-guidance" }, index.h("slot", { key: 'd4788d251b88c0c07626c67941884df91e39d311', name: "additional-guidance" }))));
+        return (index.h("div", { key: 'db95d3329c7c49946742c28052b1f4d2163dbf55', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: 'ef6170afd477822f64cd0dd8091376ddc8d9a785', class: "gux-progress" }, index.h("slot", { key: 'b824b5e14888fd5b7df4e6d587d77f0d3f3654d1', name: "progress" })), index.h("div", { key: 'b3efd00f28ed39c205add4e2a469eeb42fef8495', class: "gux-primary-message" }, index.h("slot", { key: 'c4d1660ecbb56b4de017466cdcd818be7368d612', name: "primary-message" })), index.h("div", { key: '5d9a2d37af7a85fa270021bd60c919fff4b5ac1d', class: "gux-additional-guidance" }, index.h("slot", { key: 'c2e767c6dca773bd8aa776380e59826826ab5d88', name: "additional-guidance" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -36,7 +36,7 @@ const GuxMenuOption = class {
         }
     }
     render() {
-        return (index.h("button", { key: 'acf52d28ed9e01b5c82b0bce75db4dd65a196f4f', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '1ad606f9356214e9bb85a61d2838b90da8becd61', class: "gux-menu-option-button-text" }, index.h("slot", { key: '2eb72e2b68ca3ed76b37d39887a5133fc0d5de9f' }))));
+        return (index.h("button", { key: 'f7ed1ef17c2f8e76fb9e97b3f1be4bc52ce4e498', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '68e2322bcce7de4e8ec83e26228a187896a9847b', class: "gux-menu-option-button-text" }, index.h("slot", { key: '405e4f3454739bf7fa790c5c31ffad32bae438e9' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -12,7 +12,7 @@ const GuxMenu = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '366027e68a0987d48b2a98a0af6dc800c59ec1c6', role: "menu" }, index.h("slot", { key: 'f84ff79a19fdbafd77493591681e18a4a712afa9' })));
+        return (index.h(index.Host, { key: 'caf1aa99644b71f9854d7f10b4057fda34bbea4c', role: "menu" }, index.h("slot", { key: 'ffe33eeca3614fbae5f9b5b9d2a81c4d641c0b64' })));
     }
 };
 GuxMenu.style = GuxMenuStyle0;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-0cce8167.js');
+const usage = require('./usage-3d7a1d00.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%}}";
 const GuxModalLegacyStyle0 = guxModalLegacyCss;
@@ -46,10 +46,10 @@ const GuxModalLegacy = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("div", { key: 'bf5aa99c17196583643a091cadc4ac61af4e95d5', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'd13021f74577d221681404037749b2fa11a49f7c', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { class: "gux-modal-header", id: titleID }, index.h("slot", { name: "title" }))), index.h("gux-dismiss-button", { key: 'cfa6569a483402546a6c02d82eb299532eeda09c', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: 'ffcb7df17b6096b63cf4c7f7a54a363ea9e3822a', class: {
+        return (index.h("div", { key: 'b4d794e9ca48d02f971b9021444102fb050b09a3', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '36c9c138eea049529baa001a43027630b5b5822d', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { class: "gux-modal-header", id: titleID }, index.h("slot", { name: "title" }))), index.h("gux-dismiss-button", { key: '29a8c5718c8645337d912aade0006a0705f9eac4', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: '540e1b08dd6f0bc473c397cbd372cdbfac6e3705', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, index.h("p", { key: '8abb233f4af9528d456bcaa50884f426f274c14b' }, index.h("slot", { key: 'a5a7e272a776c515e6719cd45d6473ebea19b970', name: "content" }))), hasFooterButtons && (index.h("div", { class: "gux-button-footer" }, index.h("div", { class: "gux-left-align-buttons" }, index.h("slot", { name: "left-align-buttons" })), index.h("div", { class: "gux-right-align-buttons" }, index.h("slot", { name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, index.h("p", { key: '67ad5e765c02b06a62bd3c0342a5bda314bc1ca6' }, index.h("slot", { key: 'df01a76583c1e815d47fa599254726a4f3b7ec9d', name: "content" }))), hasFooterButtons && (index.h("div", { class: "gux-button-footer" }, index.h("div", { class: "gux-left-align-buttons" }, index.h("slot", { name: "left-align-buttons" })), index.h("div", { class: "gux-right-align-buttons" }, index.h("slot", { name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
     }
     // When trap-focus is enabled, focusing this element
     // will immediately redirect focus back to the dismiss button at the top of the modal.

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-0cce8167.js');
+const usage = require('./usage-3d7a1d00.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;padding:0;border:none;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-top:var(--gse-ui-modal-padding);padding-bottom: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{padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);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;padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);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;padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding)}@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%}}";
 const GuxModalStyle0 = guxModalCss;
@@ -67,10 +67,10 @@ const GuxModal = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: '339a7dce94e978b46f27881d74ed0876fff04f0f', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '35d37da100a63e776d7ab595de8805ac2e23d4b2', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '8d87f41cf7f94848a5dc4985aa76b5f354292136', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'aab96123495a762961cd9f88d29f24890e7e3b7c', class: {
+        return (index.h("dialog", { key: '384d8556d0e79080d14c14bd77b8ad24fa3e7426', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '1ddac64c7bdd77577bea78ab709d3beb62cc2caf', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: 'd45fd1d2147341d47cf392dc07dda38dbb485e21', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '54b897f6238ba5ddea00ce031f34087cff856e73', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, index.h("p", { key: 'bdd46e0ebf5c9ef9185b27c75c650ac2f2a7cc96' }, index.h("slot", { key: '9274c2fb419ab8f49f9fe418182d3ab3f3b0b34b', name: "content" }))), hasFooterButtons && this.renderButtonFooter())));
+            } }, index.h("p", { key: '0c76de9bda798bc0ee4576b042e4657f07752295' }, index.h("slot", { key: '9f76785f3076ad29f199b7f224678a57d8869f15', name: "content" }))), hasFooterButtons && this.renderButtonFooter())));
     }
     renderTitle(titleID) {
         return (index.h("h1", { class: "gux-modal-header", id: titleID }, index.h("slot", { name: "title" })));

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

@@ -140,7 +140,7 @@ const GuxMonthCalendar = class {
         return (index.h("span", { onFocus: () => this.doFocusTrap(), tabindex: "0" }));
     }
     render() {
-        return (index.h("div", { key: 'e3a836481d0d2d85b560b58bae9ff8f5bbfb28fc', class: "gux-month-calendar" }, this.renderHeader(), this.renderMonths(), this.renderTrapFocusEl()));
+        return (index.h("div", { key: 'a2ec84632e69c6e7005796a8ff6edb5fd1ba4b7f', class: "gux-month-calendar" }, this.renderHeader(), this.renderMonths(), this.renderTrapFocusEl()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-month-list_2.cjs.entry.js

@@ -47,7 +47,7 @@ const GuxMonthList = class {
         guxList_service.first(this.root, validFocusableItems);
     }
     render() {
-        return (index.h(index.Host, { key: '147bb32f8c74fbe3541c516b546d3445537a4130', role: "list" }, index.h("slot", { key: '98919214c3f0cd9649d2f936b6b87d801f0b71be' })));
+        return (index.h(index.Host, { key: '3a21309c58f73ea7bfdac59a945a4a107d938219', role: "list" }, index.h("slot", { key: '0e9d862171ce091b513b72e8f6aa81d6e0ba9d7a' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -78,7 +78,7 @@ const GuxMonthListItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '1b11ecf35e494fa8302d3810b04d4b100a9bce37', role: "listitem", value: this.value }, index.h("div", { key: '5fc08521ca860aeeaf42010ce21dcc8ae50da5fd', class: "gux-container" }, index.h("button", { key: 'e6d138f95ab92cb8e1d55414da9323d7d8aa8f55', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '6cbc61ab3709e030469581f693ac0e57bc800710' })))));
+        return (index.h(index.Host, { key: '1318dfd3ecd31ec2d792b7f0aaa04af6e2d2588a', role: "listitem", value: this.value }, index.h("div", { key: 'ac39e1e4a73a946a4b06392c6d11ec88a3545228', class: "gux-container" }, index.h("button", { key: '9b1c74b547c78b50ec88e42398f617c3f3b6aeaf', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '35a3642488917660657784d2a38406a88ae6997f' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-0cce8167.js');
+const usage = require('./usage-3d7a1d00.js');
 const onClickOutside = require('./on-click-outside-f7acdd1d.js');
 const index$1 = require('./index-a1a48d79.js');
 const useRegionalDates = require('./use-regional-dates-7be0e7b5.js');
@@ -212,7 +212,7 @@ const GuxMonthPicker = class {
         return (index.h("gux-month-calendar", { slot: "popup", ref: (el) => (this.monthCalendarElement = el), onInput: () => this.onMonthCalendarInput(), value: this.value, min: this.min, max: this.max }));
     }
     render() {
-        return (index.h("gux-popup", { key: 'cd87cd024ca726bceef992be982cd16cd571f8bb', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: '2ebbd58561728576b2c322260ebfeb16d4464e8b', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-0cce8167.js');
+const usage = require('./usage-3d7a1d00.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)}";
 const GuxNotificationToastLegacyStyle0 = guxNotificationToastCss;
@@ -18,7 +18,7 @@ const GuxNotificationToast = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: '95f0699e6fa45841e5d1c9cbf93469776739706b' }, index.h("div", { key: '40f8dc61690012e3d0f9332c259b33229da0b978', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '046d5e3ca767cd3169ac5d467c881f6440c1cf24', name: "icon" })), index.h("div", { key: '7e92e95c11ee47b97867e79bf2071ff094eb7896', class: "gux-content" }, index.h("gux-truncate", { key: 'c2f72cd81ce25da5254689c83f80f3c8115de6bb', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '70d07f64b0bebb2e3b52e6710862897e702edfdb', name: "title" })), index.h("gux-truncate", { key: 'e6abb2d9a7ef823549b144590382c426097d9b1f', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '2d7941c85956f06d7d039f9b40a0caf8f6f0b6d5', name: "message" }))), index.h("gux-dismiss-button", { key: 'd994890293510eac8732ca3ee85cbc21c110d434', onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: 'd7a803979fb4928426771dc56f5b391ed104be1b' }, index.h("div", { key: 'dfb95927b087dc9072a27ff61295167e930fb2ba', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '060bdf80b7ef76e0806a4b7edd78d9e88c8731e2', name: "icon" })), index.h("div", { key: '98343cfe55e081b3ac659fd4cad0a39018db7aa0', class: "gux-content" }, index.h("gux-truncate", { key: 'f8580c9c7d1267122d27d08c896397b7a2db6bd9', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '53d5b7655343c330d98d5a96b03571e3edf73b83', name: "title" })), index.h("gux-truncate", { key: '9eb6e29cce6cc5d950decac114acf50db88cbafb', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '5b9e99ba08073b781d616024f8d3294483c02da1', name: "message" }))), index.h("gux-dismiss-button", { key: 'eb2ee932ad1911a7349526d0d5374d2eb2b14c71', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -54,7 +54,7 @@ const GuxOptionGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '80e3b78b7304ab76c89919ac21853c6930caf377', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: 'f390e32e051aa6ebd10fa65a57ab6348170f5ed9', class: "gux-option-group" }, index.h("div", { key: '6c2105e7869a36052638b5c4c759ce11435c7d5f', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '78d9111a42abcf382fa49dc2b514e3a799698e04', role: "group" }, index.h("slot", { key: 'fe763743c07885e2b7dbb8193dde8825fd06d239' })), this.renderDivider())));
+        return (index.h(index.Host, { key: '906d2423640361cf8100aaab29e85336f06d2e5c', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: '8c3a03179d2c9923058a9a6313f85289a3b7db97', class: "gux-option-group" }, index.h("div", { key: 'af6224706fec9bb94c2f86eb4844a3f428281c7b', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '0a38f4370a03497c524960bc49751971c44d30fd', role: "group" }, index.h("slot", { key: 'e0101bcb0d957321109e0b4d4605ae456c06d5dd' })), this.renderDivider())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -58,14 +58,14 @@ const GuxOptionIcon = class {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (index.h(index.Host, { key: 'acbbb1e96d5b4bef38aaaccdafc48a3d81fc2d30', role: "option", class: {
+        return (index.h(index.Host, { key: 'a86aa2697b351d9aa4d2abe7d5933554338757b9', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("gux-icon", { key: '64537677cf89e18b5868801ecc3dca4102e88440', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { key: '61c20dde56bdf80678e718b06e3431bbb82bba16', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '6f5788a2e30d0bf83a70e660e60f646479c176d8', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '79b4084bd61bb03801bc06c69a3622e348bd87bd' })), index.h("slot", { key: '718edf6a7de8ea2789a53ef09c58f7837248cb24', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("gux-icon", { key: '64167f2bd088c53469128a58fd8b8e671d90c337', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { key: 'ec57363a8d68937dfe14bd57e2deeefffca1b4fd', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '5c414cb80fff1c53c39c383b68dba5901dba446e', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'a816c429d83ec49934911699453abc619895a11c' })), index.h("slot", { key: '0ee2a4d58440830b741662b3566dc5d740abff06', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -66,13 +66,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '6c95d52670bd783817c3856dd77f1ab8d1286afc', role: "option", class: {
+        return (index.h(index.Host, { key: 'ad48f3760d6024b4dc7b9a44ef3ac6a01905a0c1', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: 'a72e7c9210835acba4b64a307f1122cfdc0a1d1c', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'c86b9fda967bd571d52b4fc69b62940902211ecf', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'e2434f46f4a6c6f37d6f88a2235d449fe63935f8' })), index.h("slot", { key: '30e47297dfe421f510a604ac457e6cba71fba681', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: 'f2b0fcaa4c1fab636dad83d73a339f4b273b803a', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '376e881035146ee7e061de2143c3784c386752bd', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '11720a7b53179026f98622df4e6f50de65189f5d' })), index.h("slot", { key: 'f34efc2b992dc8fb58750522dd71d5e29984486d', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-0cce8167.js');
+const usage = require('./usage-3d7a1d00.js');
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 const GuxPageLoadingSpinnerStyle0 = guxPageLoadingSpinnerCss;
@@ -17,7 +17,7 @@ const GuxPageLoadingSpinner = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("gux-radial-loading", { key: '385ea6efe57d638a7a82273a3c58f162a9e8ab73', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (index.h("gux-radial-loading", { key: '32fbfcd31034222e6a6066a8aa6c80604f7419bc', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -189,7 +189,7 @@ const GuxPaginationButtonsLegacy = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources$2);
     }
     render() {
-        return (index.h("div", { key: '65f5df113fcff5352c78aae19e64e1cf3aa0529d', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '342290ddf38c6ff15c96ceee1bf85856c39d1b33', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'df7a7a8f79872afc4b07bb770b17cbca146ed8ca', accent: "ghost" }, index.h("button", { key: '405bda85171a8954521414f02705e7be01f8346c', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '3dfd73baa837be11f17f3d0d45a585a0ca452f1b', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'e67927426052f32d965da39820af45b9270d892a', accent: "ghost" }, index.h("button", { key: 'cfb8c907951c4b62405f4e28cc4f398f8dcc05a9', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '0cb1a31dd49fc9e76687a7e28cbb174b057125ed', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '6e4784214596edb63cda0ac0ed330858fb54f008', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '36b7059810aa24e267dcc812198085f200511c19', accent: "ghost" }, index.h("button", { key: '537e98861aee0c728e424d6742f45a40f1cca46f', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '889eb57eec2aa4cb844104ef4fe7ddb50c3971b1', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '540f8ea95543eb739d0892671058de5d2cda55bd', accent: "ghost" }, index.h("button", { key: '82c7157a81af6620feeae30c23a3ecc59c48bb80', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '76dc86d6c2f5f183d6a8fefbeff6e38b95da2fa3', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: 'ed134f1cf5751572cda7d79e5c572f9a6d42320a', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'ca98777587f3a5906add06ec1a113a4fe47d274c', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '3fc27c8b14cea8acddb2248e03854b41caf48662', accent: "ghost" }, index.h("button", { key: '7c4f5c44c1f5cf23f2ababaaa79e11254a4aae7e', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'fc31d515f6bbcf235a85e39dba8772bfa31460ba', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'c70f4195599cfcf12c8a303d61fb7f06233356bf', accent: "ghost" }, index.h("button", { key: '92bf5a49a613b5c1cb909bbf28a56fd3d90b609d', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '6f576c2311d1f28c7ef8a49c9836b522faf5d332', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '0c5b43597369be0a015cfea771a657dd0a19407c', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '5b5728790e6ce6735f28cb4d58b654e1e25e4133', accent: "ghost" }, index.h("button", { key: '5cb7488a05fcbb884c674b5c3cf4657a2314a1cc', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'c73218621db589541dd5421dd8ec4c9ad751a266', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'dd51d7362f58414f8d66bbfd3598fbb61b5f57da', accent: "ghost" }, index.h("button", { key: '9843586eb375cb6b3b8fd4a51c47c97f0d57b567', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '4badda0af60bc9e766c057b07b8743250f0d6847', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -228,10 +228,10 @@ const GuxPaginationItemCountsLegacy = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources$1);
     }
     render() {
-        return (index.h("div", { key: '476ed762cb8b6a4b17cf1c25d358e57ac7e0e086', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'dff28dbb1df977ca0064f5ac7ba7bf9f4814b040', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: 'dbc67ac8f594f5201ab428f8798aea60133ab83f', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '719d869de8af001347d1911f938530aff159ec5c', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: '52d1d6453d903c85ba44aa39dddc2b7a534cfb75' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), index.h("span", { key: '67bcebca12f251a2b52aacec0e649339bc76ad9f' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     get root() { return index.getElement(this); }
 };
@@ -269,7 +269,7 @@ const GuxPaginationItemsPerPageLegacy = class {
             }) }, index.h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, index.h("gux-option", { value: "25" }, "25"), index.h("gux-option", { value: "50" }, "50"), index.h("gux-option", { value: "75" }, "75"), index.h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (index.h("div", { key: '97ddfc030e9feb9a045e82b8273f1bb53eda4d3e', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '45852579787a3236094372cbe3f48b1ace391fcd', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '31d162be583a31d2b2c4859ee37f91ff2be8b69a', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: '8d3ff776e66f4acbc8da64b82d23918251713d05', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: 'd19760f221717d18f36d10241a020f6bcb4d9f2e', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'f45143503cde31a00fda0b9c812c6fceb90de599', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return index.getElement(this); }
 };