genesys-spark-components 4.74.0 → 4.75.0

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

@@ -5,10 +5,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const onMutation = require('./on-mutation-3d294d15.js');
 const hasSlot = require('./has-slot-3edae188.js');
+const index$1 = require('./index-a1a48d79.js');
 const guxFormFieldError = require('./gux-form-field-error-4e1d6772.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-bf86cba7.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
-const usage = require('./usage-b3bad09d.js');
+const usage = require('./usage-ab7c64c5.js');
+require('./get-closest-element-9e41d6b9.js');
+
+const required = "Required";
+const componentResources = {
+	required: required
+};
 
 const guxFormFieldRadioGroupCss = ".gux-form-field-fieldset-container{display:flex;min-width:0;padding:0;margin:0;border:none}.gux-form-field-fieldset-container.gux-beside{flex-direction:row}.gux-form-field-fieldset-container.gux-above{flex-direction:column}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:start;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:start;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}.gux-form-field-visual-label{display:inline-flex;flex:1 0 auto}.gux-form-field-visual-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-label-gap)}.gux-form-field-visual-label.gux-required gux-form-field-label-indicator{padding-inline-start:var(--gse-ui-formControl-label-gap)}.gux-form-field-visual-label.gux-beside{position:relative;top:var(--gse-ui-formControl-input-top);width:fit-content;min-width:var(--gse-ui-formControl-input-textfield-minWidth);max-width:fit-content;margin-right:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-visual-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-visual-label.gux-screenreader{display:none}.gux-form-field-screenreader-label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block}::slotted(gux-form-field-radio){padding-top:var(--gse-ui-formControl-group-gapItems)}::slotted(gux-form-field-radio:first-of-type){padding-top:0}:host([disabled]) ::slotted(label){opacity:var(--gse-ui-formControl-input-disabled-opacity)}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}";
 const GuxFormFieldRadioGroupBetaStyle0 = guxFormFieldRadioGroupCss;
@@ -26,6 +33,8 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const GuxFormFieldRadioGroupBeta = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.required = false;
+        this.indicatorMark = 'required';
         this.hasGroupError = false;
         this.hasGroupHelp = false;
         this.hasGroupLabelInfo = false;
@@ -74,7 +83,8 @@ const GuxFormFieldRadioGroupBeta = class {
         void ((_a = this.groupLabelInfo) === null || _a === void 0 ? void 0 : _a.hideTooltip());
         clearTimeout(this.hideTooltipTimeout);
     }
-    componentWillLoad() {
+    async componentWillLoad() {
+        this.getI18nValue = await index$1.buildI18nForComponent(this.root, componentResources);
         this.groupLabelInfo = this.root.querySelector('[slot=group-label-info]');
         this.hasGroupError = hasSlot.hasSlot(this.root, 'group-error');
         this.hasGroupHelp = hasSlot.hasSlot(this.root, 'group-help');
@@ -103,8 +113,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'cfb2a9340bd3aae78348520c041cda2b32da0725', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '67c0be1d64d53062034c4b85baec1f31df2dd586' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'c65436fe0cac707c2ae9fb7e4316edbb7eaf57e0', position: "above", required: false }, index.h("slot", { key: 'f3c3a14b923ffc576edfe29aa77cd5e3ac85a52d', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("slot", { key: '8dbc59fb5f52a9b4864e2bf11a7cf071db746b9f', name: "group-label-info" })), index.h("slot", { key: 'dfeab49b8fabfde3ac9a09f2ee93894e6c910f57' }), index.h(guxFormFieldError.GuxFormFieldError, { key: '81e1135464e64bff72ecad9f32e851ceb13c01ae', show: this.hasGroupError }, index.h("slot", { key: 'd408e9926bcfddb4ef6aa13e02ae402fcad252e9', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '35e0a64b9ae7cf6dfc3e6b465f708784f74bab3a', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '22ae0bc5645846e776b9845702911c6683b531bb', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'f8f4831a93f54ea356b1902fbf037d897797523f', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '7a8c10ab4a4d4603b3801c1ebdbecc01b6a54433' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '04c17fff48218c66531b6dee9f3d591656121b0d', position: "above", required: this.required }, index.h("slot", { key: '7f75dd2ed841bffc60c40bc7ed670f9430a64f10', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '52977414d02b4ee2c07e74e3238a6612c11ea7e2', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '9e339bbc65c945fb59434dc4727dc85acda9b22a', name: "group-label-info" })), index.h("slot", { key: 'cfa5ecb0cb906eae359dd2fe33afeff60cf53ec4' }), index.h(guxFormFieldError.GuxFormFieldError, { key: '39c31179488c93d7476821a53869b1cd416e73e2', show: this.hasGroupError }, index.h("slot", { key: '4308eb7fad69d59ad0ec2af5a63999376569c8b1', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'c8377482e8d2742c632b20795fbd6007ead688ef', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '55940e9024684cbff7ee46db3ff46b8435f04bab', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -9,7 +9,7 @@ const preventBrowserValidationStyling = require('./prevent-browser-validation-st
 const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-4e1d6772.js');
 const guxFormField_service = require('./gux-form-field.service-57a00684.js');
-const usage = require('./usage-b3bad09d.js');
+const usage = require('./usage-ab7c64c5.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -52,10 +52,10 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'a0b5407dedc705a9ceb73ef503eb98383067ab85', class: {
+        return (index.h(index.Host, { key: '7dc1f9d2b6002960146602218bf0ef4023ab6920', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: 'c28bc5f3af6d3fc421f47f7e426b2d436b269064', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '2002638774f8d2a20162a60a8d30d4902bc324a7', class: "gux-input-label" }, index.h("div", { key: '604f27b34e4aa341eb3628168c41016eebc1c947', class: "gux-input" }, index.h("slot", { key: '56cf53da54c9efcec3816f79553fc865d0278d46', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '40e019b5ec7c74c4a31567f51ff42a89f972c342', class: "gux-label" }, index.h("slot", { key: 'b8e6eeefaa1ddcfa46d1a595e3e7a5353fadec1d', name: "label" }))), index.h("div", { key: '0b8987e1e9b808666e9886195b24dc7afd1c342c', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '0709931e3f2aabe6b062bc8b0818f2fc753deb8f', show: this.hasError }, index.h("slot", { key: '8ad6962d5d747a1400376c736aa5b4c6e09a6640', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '4a4afefc1c5cdb276e5520eb30aa1e46e8ac3eab', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '3a528496d59db95ec5e1b002d71aefaa86805833', name: "help" }))))));
+            } }, index.h("div", { key: '6e84121c488ef2bbec5458bde706455e73b270f0', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: 'fd7d80734803eb61c1391d5063fdb1084fe47c64', class: "gux-input-label" }, index.h("div", { key: 'dabc615e2494c0eb41b6196706e9ad3d740cfef7', class: "gux-input" }, index.h("slot", { key: '5a595f86b59079deaf325916c32f43e1020b5df6', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '2acf844b9be3fd281af460054af6bf06ab45ba80', class: "gux-label" }, index.h("slot", { key: 'fe34d02ffe32db3241f5cd0f6de31542a963edad', name: "label" }))), index.h("div", { key: 'e8db7c74f32d014ca1b64dc77dd6bd40979ed80c', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: 'a72e210faf7c6a85b79f4bba55b4450ad0d2761b', show: this.hasError }, index.h("slot", { key: 'f7802fcbac90cacf10f78cb9a8e362b1d471e4e7', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '027bb4efd13c8267c700bb1231873f96156d4ee6', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'a562df50f27d540e8d68d4b9efa5b23e4e96cee2', name: "help" }))))));
     }
     setInput() {
         this.input = guxFormField_service.getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-4e1d6772.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
 const guxFormField_service = require('./gux-form-field.service-57a00684.js');
-const usage = require('./usage-b3bad09d.js');
+const usage = require('./usage-ab7c64c5.js');
 const onResize = require('./on-resize-da1477df.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -119,9 +119,9 @@ const GuxFormField = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (index.h(index.Host, { key: '4d67610cec424ba908a0ffd339d92a5595312a43', class: {
+        return (index.h(index.Host, { key: 'db002b685d2d45e6009f39c8764169fcedad462f', class: {
                 'gux-active': this.active
-            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '2807aad199c83a96c00f24d9cb89554bf1e6b7f6', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'ce51d571a2904e806feb72563b9c4492d8d803bd', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '46f09c1ae15f722000274151775eb7a7e1172941', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'e152da38ff37c07e8a5869b349a7a8593381576b', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'a691b52c4251c9f229c3ed7950c1cc8661124e42', name: "label-info" })), index.h("div", { key: '6b471bc8841f4f68ca8f3dcdbb6ba3f184fbe98f', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: 'bb7d4328cc6357b68c83aa1ccb6b66bfc6e3dea1', show: this.hasError }, index.h("slot", { key: '7f192481f8c2a933c75ea183bd03d1d29a6671c9', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f89a1016fdb911cd55a912ae1bdbfea682c46c0e', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '3fb73fab436c6db7979f5da1e84a455e01619150', name: "help" }))))));
+            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '3bd4a211a8922871705f3ec89257d65f1759fd45', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '92119c60c0534f2d6b939055c41fd18f51b573a7', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '5f6179ce92020f54ec8bdc7d2045dd7b7e77c344', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '9f1ceea87987e5b5708ba385d54396cc928cb645', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '535f26087b83b8ca61514a7bfae91f16a83a9a0b', name: "label-info" })), index.h("div", { key: 'd5939e7972e0943c57d0d735e1e60d7470e9ff32', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '58361330a95e52faa7339d4d7b770261b07a5686', show: this.hasError }, index.h("slot", { key: '6220c513e60271b94ce974db015805fb39ad308b', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e550602f315df7f03d650e3ed737a9a47f518043', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'fa2a4ee04b93939478d8cd2c14baa0c320d47299', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-4e1d6772.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
 const guxFormField_service = require('./gux-form-field.service-57a00684.js');
-const usage = require('./usage-b3bad09d.js');
+const usage = require('./usage-ab7c64c5.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -99,13 +99,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'e6305e46a67dfb6588e7994e4acf8d40209614ea', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '3fe4869e001fdd736a4476061c84bb7f3f81493f', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '53cbd391bc92a2ba90cb6f9eb6c3660305f171db', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '4c5ba3b3358e5ce0f17f9c2b8a54073fc5556ed1', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '3d423aaf1a39b465dd32de1b76bb5c3e73a56a8c', name: "label-info" })), index.h("div", { key: 'db665c3e2b17b638fec7e439a4ff6c741c35816b', class: "gux-input-and-error-container" }, index.h("div", { key: '8b777680340c5f4dd33a03d1368d06d67fef46e6', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'a30394f27a86d20b0e598df66cbdb6bda45bd4d0', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '25a4e6f6c1246e1ff8dd6d3bd5712241e3da476c', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '88d218d2aee11f2c27f7ab60ab6c2f78bfb8883d', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '53c5e9611ef7c53bbfb872852c6f0f910df44161', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '8186ebb9d9a1c2b40c9586a39871c72430c4c9f1', name: "label-info" })), index.h("div", { key: 'f5a5c5eb6ce3dac279aa01f4482ac68d5826ae48', class: "gux-input-and-error-container" }, index.h("div", { key: '0ff8bd0453cf3e742516dee6151b824d9251e97a', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '9419559eaa633e26b00cd105471b1d41810705a8', class: {
+            } }, index.h("div", { key: '761b0ac38b6d6412e90d183c2c19f78d7e0ff591', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: '0501942b05a8a3516cdcd2761a8293b679e1c3e4', "icon-name": "fa/magnifying-glass-regular", decorative: true }), index.h("slot", { key: 'd27e73e819b75228f8d783af9f34e209175eb714', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '7be9989dd153517c36ffb93dbeeb14b19b2d5a9f', show: this.hasError }, index.h("slot", { key: '5cde9763882793f85d56c04a338d1538564ec88f', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '140a0a88010219a1b573de92731a94febdec11bb', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'd8a74f72e8ea37109ec1d2ab5158237904990bb5', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: '41bc95593404332f033f4ea16dee9c5fb6fdcbb0', "icon-name": "fa/magnifying-glass-regular", decorative: true }), index.h("slot", { key: '25dd3495337b18bb13a36cef9c782b5718fd065a', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'c53231d3f96492b8b2cef987e16d81abecf86f1f', show: this.hasError }, index.h("slot", { key: '11a60452e6feb101a5e8db771283a206ac30e24d', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'fee2295ee046031446e1f2331a22d7268ed83a60', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'b956452e2c38425bb962ae0b7251d7ea7771fea2', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-4e1d6772.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
 const guxFormField_service = require('./gux-form-field.service-57a00684.js');
-const usage = require('./usage-b3bad09d.js');
+const usage = require('./usage-ab7c64c5.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -89,13 +89,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'aa58368b08402d14160cf3daab82297ff13536f4', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '856176b61d3542508a8e69242da958303b5355f6', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'acb41a286f0d4e9bfd61a2d6d9e5a5784e2c2b5a', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'a486e36eaf157067979cd7152251b78c3e30ec56', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '569226b12b59c82ae33894ef00bd075e3053bd6e', name: "label-info" })), index.h("div", { key: 'ff819b568822abd448e2ecd13394618552a6b220', class: "gux-input-and-error-container" }, index.h("div", { key: 'c185c9e9f3f3f77ad05109bd05fdba0527f552cd', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'b369435896f25fb7ec1325a6b0be5c781fd67efc', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '38901edb2eb3bd3f100d6cf3f132deb60b046896', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'a89921edc4dbe6986031d28cd9cfb051942d0b75', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'bd85f0211926890d31628ec5927ba84b7973f694', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'a332b280ba8eabf29a12e0349a520400bb6dc60a', name: "label-info" })), index.h("div", { key: '1d4fb4187c5831e4d929e4863d328ee9052e4d82', class: "gux-input-and-error-container" }, index.h("div", { key: '6c631f4539772e2392ca1543575c30d35cbe1f5d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'db3d835cc3dc153892340eb9dc2e6493846cc707', class: {
+            } }, index.h("div", { key: '02bc02d0cb457ea7e021746be96470941560e6c8', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '4feadf722e748a5a7ba00eef18a429638f6fe21c', name: "input" }), index.h("gux-icon", { key: 'aa35722e94844e822e60c76ea73169b6fe802503', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'e52c3f9912517e5a6decb05a1585f8bf605f6789', show: this.hasError }, index.h("slot", { key: 'db0d496150bd89772305a2994a2a7caed61569ba', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'bf90c868e6b667087f46f895a50b57e294ce9ee9', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '6c89362a8db8346f5feeb6447bdf17c3f3522b1a', name: "help" })))));
+            } }, index.h("slot", { key: '205bd13c0311f90e9d43415660c5fa52b12729f4', name: "input" }), index.h("gux-icon", { key: 'da7a103eea8e102efb4f0f070945efd2251464b6', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'aff49e31e92ce372557e9becee4b2bafb7c9e784', show: this.hasError }, index.h("slot", { key: 'dad5c48492a0b2d9691aa02b88ece74fd72d1a24', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '484e6a4559d60f6a106fad7ef283fe9108aca87c', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '4ced60adf8dad029da74ad51b209550662967b6d', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-4e1d6772.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
 const guxFormField_service = require('./gux-form-field.service-57a00684.js');
-const usage = require('./usage-b3bad09d.js');
+const usage = require('./usage-ab7c64c5.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-4e1d6772.js');
 const guxFormFieldContainer = require('./gux-form-field-container-51849136.js');
 const guxFormField_service = require('./gux-form-field.service-57a00684.js');
-const usage = require('./usage-b3bad09d.js');
+const usage = require('./usage-ab7c64c5.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -93,12 +93,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'd39811ffbb0bccc3055e42e8f8d9e9318a0b9d38', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'ce0d140dda0b88c6a144aec28e92b5feddf6b352', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '5373fa879b15f5dc8963a4708f3082705978ab9c', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '61ef2cf37235239dd3ecac077ca7d1d20442ab23', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '6420554f988a513a381d5c950abfba759aaa0688', name: "label-info" })), index.h("div", { key: '92903c916b70cd57b0962afd59f6abb0125a60ef', class: "gux-input-and-error-container" }, index.h("div", { key: '9edf94ff62e26d59710b067a3b35096b1a5f22ec', ref: el => (this.textareaContainerElement = el), class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '3ab558e4589ebd613292374d01eed67a10499a20', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '46d9d2fcf36c5bb731ffadd9df2bab8cc2b18265', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'f18d23a96d46fa7df87c53a92a82152f942c58e1', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '6c9ff48bbf20bad5844cebd08a26df7ddee084f4', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'd70ab2f2da69b4ff005e6d56d7fedb7e2556a411', name: "label-info" })), index.h("div", { key: '6bbea9474b4a2a7a988f2cb50fac5caa345f6fdc', class: "gux-input-and-error-container" }, index.h("div", { key: 'ff32248f326120071dbc6863125d0a1627c5e149', 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: 'caf68192f180b2bcb62621ae2b930f8e039c6b74', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: 'b6875b9559d10e2c086509fe4bad0f117762c658', show: this.hasError }, index.h("slot", { key: '8816580fa2953be7406e53a8df1809f0c907f23c', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '9aee948c8db811d37b3ad6fa0c28e25814de59cd', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '9fb4def3df2996fe2ba39c9a708f35a9bdc32edf', name: "help" })))));
+            } }, index.h("slot", { key: 'd7ea5e54b58900cca265223eca34dc33ab8c37b3', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '5ddfe3bae1acf64b4860331377e5c1e176fbe45e', show: this.hasError }, index.h("slot", { key: 'd23cf2f4f3b653a56009f3bdd015b24b89c948f3', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '6ff0e8b248d2fa2067b3159ca758894821461eab', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '0d97f94cea4d945e2930d8990672467ca7875bbc', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -11,7 +11,7 @@ const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormFieldError = require('./gux-form-field-error-4e1d6772.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-bf86cba7.js');
 const guxFormField_service = require('./gux-form-field.service-57a00684.js');
-const usage = require('./usage-b3bad09d.js');
+const usage = require('./usage-ab7c64c5.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -104,14 +104,14 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '807ca888be1318d9c630856017124378e121c7e2', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '7b179b2708a7c5bc7da0890188833da31b983dec' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'bba4cf762a128bc2f261c317de46e25a0e7e8039', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '54a3a9ea4fc256d763cfc49b58012a270f05497f', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '02ef21d3229a8bed1683c6030f17073cd2c32e2f', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'f27f3814d92b789110ee2cd623380532b01c212c', name: "label-info" })), index.h("div", { key: 'edc9597ad40521a06e30aa05dbc004ed4e1c3c99', class: "gux-input-and-error-container" }, index.h("div", { key: 'd0e4760ef11117c5419d83840853a7c3a55d2883', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '60646429de08f5be22c63509833e16af7d91a5b1', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '3836dd001b55139f67a4eba1a1b1af8cc48724c5' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'e92f4bece7a7dcd46ee01c63e0e2bce5dfa4c53c', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '8914ad5937f3ed04f7b06002859172cfc71c02b0', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'be970468e71815ab969d1133002197b15cf0946c', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'fb8138911368a0722aea51e0ee46e3d4ee9e2a04', name: "label-info" })), index.h("div", { key: '9fbe887c3cbd2c7338c36c96bb7347ba943bc6c8', class: "gux-input-and-error-container" }, index.h("div", { key: '282647ff5019aea33d48a926c2fd49507a4545e8', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '01e3c4cc1d2830a893ba74efac5d4ceb8f68e75f', class: {
+            } }, index.h("div", { key: 'ca0fb7f3caabc2a6ba6e3a84bad1e0a9ca160f6b', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '123ef8fa7f589f3b835bb83eb3b51055002a7508' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '4280815a94277a7e0e5a599d1e1935ee8909cf8c', show: this.hasError }, index.h("slot", { key: '2943c7a654a3b34eb2c37930e4e000020d222ba2', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '9ed9ef48efe9073b223ec0e80c8ae9d92d545ce7', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'b14414ca1b2afb6cc9e2fa2449d345363073b08e', name: "help" })))));
+            } }, index.h("slot", { key: 'eeab7196b9023849030d13c3dacf9c62cba80d92' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'c950dc34f5f7c2d4d194cdfe499f28d80783f0c1', show: this.hasError }, index.h("slot", { key: '24383262d7a92085c023e8cd69c29e74c7a89d68', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '32efe93a351fb63d9159a117233e20641e681a3e', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'c30f18a1fa9f225b8d3e1843b588277f36b8e5a4', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -11,7 +11,7 @@ const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormFieldError = require('./gux-form-field-error-4e1d6772.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-bf86cba7.js');
 const guxFormField_service = require('./gux-form-field.service-57a00684.js');
-const usage = require('./usage-b3bad09d.js');
+const usage = require('./usage-ab7c64c5.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -105,13 +105,13 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '9ac7aa7d22c07fac90fe60d4689c9f66c753dddc', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '150c662ed536198b05d5ab1c327231027e85d531' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '8a1dd247b58194ede227ef623c202c890facca94', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '62b5ed2595464018236fc3d783a79433468a24fa', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '66a69b9e02398a1ef6954a8e0376e61fd58a11b8', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '0e63e981ab0af5b61604c7893e250ead130f9d7d', name: "label-info" })), index.h("slot", { key: '880e4bda7852aa9d39e9c2b2b6ef6579482f5e40', name: "label-info" }), index.h("div", { key: '0645f927407893968861e085d2f0362f41a40dcc', class: "gux-input-and-error-container" }, index.h("div", { key: '210bf7b9426a1fd3700fa7716b1982b8e8058fbc', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '830fe622d4dfd9c8989ec5b8f773b79c91b640c5', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'b60a3cc9ad9b51563c50566cd155483a600d25af' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '2a1bbf884b186e840364613a667491d1df43ca72', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '3b17fd4bbdaea69801e7b94111591f86401e069d', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '699c71c6aee52ce29377ba8bd586296bac42d82b', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '7164f758422720c56e4319eae042870ca698dd42', name: "label-info" })), index.h("slot", { key: 'cb1e3bf31091ffbf84127d0c4dcc8e46545ca1a6', name: "label-info" }), index.h("div", { key: '88c5cfd7f100279a3f838c46a53143172ea6b570', class: "gux-input-and-error-container" }, index.h("div", { key: 'ef3560f089a6afc0f46133ae8a475b1926f69e48', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'a890560813c8b6e4151518c7dd1f16dac58b9b87' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '93f5447ff575090900a051ab86a0a3d4ddb0b07f', show: this.hasError }, index.h("slot", { key: 'a69d6c7a55aa7cb8ad8a339c0163f4fc2418319f', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '41285ad604a55ae2b47d878f2e5723d50c5f0bd5', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '955959fb904c31cf622ccf3ce42e8804b49ee476', name: "help" })))));
+            } }, index.h("slot", { key: '8986a9d1092383d279ad2ab1131403a4c989256e' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '1b0f957d7041d9f98872143cf3ff17be1aec8b7e', show: this.hasError }, index.h("slot", { key: '21697dfc6f67fbbbbe83570b650ce9a616e6340d', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'b4a571e7cd42a17d826b64cb70a7e306791760e1', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '97249df4da2c8b56b196c6d8a9015bb0c4bb11dd', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/cjs/gux-form-footer.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-b3bad09d.js');
+const usage = require('./usage-ab7c64c5.js');
 
 const guxFormFooterCss = ":host ::slotted(footer){display:flex;align-items:center;justify-content:flex-start;padding:var(--gse-semantic-forms-formFooter-verticalPadding) var(--gse-semantic-forms-margin);margin-top:var(--gse-semantic-forms-formBody-paddingBottom);border-top:var(--gse-ui-formFooter-separator-width) var(--gse-ui-formFooter-separator-style) var(--gse-ui-formFooter-separator-color)}:host(.gux-form-footer-page-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-page-desktop-gap);padding:var(--gse-ui-formFooter-page-desktop-topPadding) var(--gse-ui-formFooter-page-desktop-horizontalPadding) var(--gse-ui-formFooter-page-desktop-bottomPadding) var(--gse-ui-formFooter-page-desktop-horizontalPadding)}:host(.gux-form-footer-page-mobile) ::slotted(footer){flex-direction:column;gap:var(--gse-ui-formFooter-page-mobile-gap);align-items:stretch;justify-content:center;padding:var(--gse-ui-formFooter-page-mobile-topPadding) var(--gse-ui-formFooter-page-mobile-horizontalPadding) var(--gse-ui-formFooter-page-mobile-bottomPadding) var(--gse-ui-formFooter-page-mobile-horizontalPadding)}:host(.gux-form-footer-side-sheet-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-sideSheet-desktop-gap);padding:var(--gse-ui-formFooter-sideSheet-desktop-topPadding) var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding) var(--gse-ui-formFooter-sideSheet-desktop-bottomPadding) var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding)}:host(.gux-form-footer-modal-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-sideSheet-desktop-gap);justify-content:flex-end;padding:var(--gse-ui-formFooter-modal-desktop-topPadding) var(--gse-ui-formFooter-modal-desktop-horizontalPadding) var(--gse-ui-formFooter-modal-desktop-bottomPadding) var(--gse-ui-formFooter-modal-desktop-horizontalPadding)}";
 const GuxFormFooterStyle0 = guxFormFooterCss;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-b3bad09d.js');
+const usage = require('./usage-ab7c64c5.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
 const guxIconTooltipCss = ".gux-icon-tooltip{width:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-icon-tooltip gux-tooltip{padding-inline-start:0}.gux-icon-tooltip gux-icon{color:var(--gse-ui-formControl-label-tooltipTrigger-optionalColor);vertical-align:bottom}";

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-b3bad09d.js');
+const usage = require('./usage-ab7c64c5.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const legacyIconNames = [
@@ -549,7 +549,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (index.h("div", { key: 'fdaed8279e654d61223d21363ea96aa68a8a32e6', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (index.h("div", { key: 'd094d3becd136d22a806a730b7c60c0036701567', 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-b3bad09d.js');
+const usage = require('./usage-ab7c64c5.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const info = "Information alert with message";
@@ -45,10 +45,10 @@ const GuxAlert = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '7a158860eaff795c39f9b433c17933eacf48b64c', class: {
+        return (index.h("div", { key: '96d877e834c81f2beef30504639ba5ce33d01a98', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("div", { key: '1e683ba49866a3c4cbccdfd4f35334b7633f8c4c', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '674c0b2b72cea5ae668a249823a770347101299c', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: '08dd101eac9236d6963535d9cbf229e440bc7c2b', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("div", { key: 'bdbc2e803c43ad12b804f3c3e7e327ff7a76f8a3', class: "gux-content" }, index.h("slot", { key: 'de96732c5bc296031d0714d26a198a4d64a58628', name: "content" }, index.h("slot", { key: '4c28b32683fbacfa290cd7c3bff88fb7d1206ff7' }))))));
+            } }, index.h("div", { key: '613996e60cd474a7cd13dad881e5920f38427e68', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '4add9450cb9c4fabee4cbdf9e0a5505b6bd5f0e5', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: 'ae90a0a2bccab6a39d77500cf70857edeb34f197', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("div", { key: 'ca885d373e4396f3ed7ed552cf15a70264174ebc', class: "gux-content" }, index.h("slot", { key: '47ecf6cafe328743b60aa9ade78dccd2e12e17b2', name: "content" }, index.h("slot", { key: '6bace696f6181b7de4dc07e1c88459b52b4a3d49' }))))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-label-info-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-b3bad09d.js');
+const usage = require('./usage-ab7c64c5.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
 const guxLabelInfoCss = ".gux-label-info{width:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-label-info gux-tooltip{padding-inline-start:0}.gux-label-info gux-icon{color:var(--gse-ui-formControl-label-tooltipTrigger-optionalColor);vertical-align:bottom}";

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-b3bad09d.js');
+const usage = require('./usage-ab7c64c5.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;

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-b3bad09d.js');
+const usage = require('./usage-ab7c64c5.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-b3bad09d.js');
+const usage = require('./usage-ab7c64c5.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: '04790e8d07ec5cbacfc444ee552ed49e20afeff8', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: 'dc60ffc869aea8cfe9128ff25e48cb46b16ac49f', class: "gux-progress" }, index.h("slot", { key: '0f97321aa247438b6598a07b43870996fe17e1ab', name: "progress" })), index.h("div", { key: '09d4649f701e6ffc72d1c1420e2883bc295a7e85', class: "gux-primary-message" }, index.h("slot", { key: 'b328b196770ceb4663c31a54c083932bccc447e2', name: "primary-message" })), index.h("div", { key: 'e13fc16f700ac912da01fa69873281768c332111', class: "gux-additional-guidance" }, index.h("slot", { key: '640cca8758fd53549871a6d4bf40ac6b8702c473', name: "additional-guidance" }))));
+        return (index.h("div", { key: '4330ab1ace84b7d34ff1e2f14e050afba042020a', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '6593975a059fc8da6eb7b34718169b74a368988a', class: "gux-progress" }, index.h("slot", { key: '09c160670c9b6f77a0f5bb5476f742e660ecf3eb', name: "progress" })), index.h("div", { key: '2faf953954739889b7bcc4e6f413d4de63d13092', class: "gux-primary-message" }, index.h("slot", { key: 'a987f769f101c0896d51ad6c6edbe05bbd8ef065', name: "primary-message" })), index.h("div", { key: 'aacaa775625fe68d9319e88f814adc1bce9af5ce', class: "gux-additional-guidance" }, index.h("slot", { key: '3c07d692563277c80dba68ce9ef81684bbad589d', name: "additional-guidance" }))));
     }
     get root() { return index.getElement(this); }
 };

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-b3bad09d.js');
+const usage = require('./usage-ab7c64c5.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;

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-b3bad09d.js');
+const usage = require('./usage-ab7c64c5.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);overflow-y:auto}: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);margin-top:var(--gse-ui-modal-gap)}:host dialog .gux-modal-container .gux-button-footer.gux-no-buttons{display:none}@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 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-lineHeight);color:var(--gse-ui-modal-headerColor);letter-spacing:var(--gse-ui-modal-heading-letterSpacing)}: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);overflow-y:auto}: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);margin-top:var(--gse-ui-modal-gap)}:host dialog .gux-modal-container .gux-button-footer.gux-no-buttons{display:none}@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;
 
 const GuxModal = class {
@@ -69,7 +69,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: 'cc85caa876e0e2fc620e4214592b55d9c74b9566', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'dbec361b43bbdb54216089fc89f7e7d17220005e', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '05e5e9c4f7d9cacd2211b51d712d3b02b6b7de43', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'ab136993dc831cbc2f985c486135632c36042951', class: "gux-modal-content" }, index.h("p", { key: '0132c588a4ad7bfc0a51422f31c4e76c7ce208be' }, index.h("slot", { key: '9e22336a5a65f8d16aa3913404846a87eed98714', name: "content" }))), this.renderButtonFooter())));
+        return (index.h("dialog", { key: 'e6053f042065f32a73aa833b684a5963ee9d15f0', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'bd3dda03b733d751dd03f021a3851809c68e8552', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: 'bc41ba8e49d2cd8de1be12e2392967c0a3b092f1', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'a63862b65648ce1607b419f8865c51072c945e92', class: "gux-modal-content" }, index.h("p", { key: '7255b0a005ad374f49d1c54c3f113238856ba8fd' }, index.h("slot", { key: '2553c414b2589cc10f5cebaff5b31f50910ba994', name: "content" }))), this.renderButtonFooter())));
     }
     renderTitle(titleID) {
         return (index.h("h1", { class: "gux-modal-header", id: titleID }, index.h("slot", { name: "title" })));

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-b3bad09d.js');
+const usage = require('./usage-ab7c64c5.js');
 const onClickOutside = require('./on-click-outside-6db914c3.js');
 const index$1 = require('./index-a1a48d79.js');
 const useRegionalDates = require('./use-regional-dates-34243a86.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-7fb02c8c.js');
-const usage = require('./usage-b3bad09d.js');
+const usage = require('./usage-ab7c64c5.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;

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-b3bad09d.js');
+const usage = require('./usage-ab7c64c5.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: 'b9fabf7ea1289ea5c8bfeb35c2963e1197dfda0b', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (index.h("gux-radial-loading", { key: '306d60a9219045954fa0b35703fb19591104b917', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -204,7 +204,7 @@ const GuxPaginationButtons = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.translationResources);
     }
     render() {
-        return (index.h("div", { key: '6077d5d7a8733173f0f458f672d1ae622fcda538', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'e6ba6b2fd910d3c196ae828d4622b48ba8dc4242', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '753a27b3808ce25cee8b4a678a765563aee6462a', accent: "ghost" }, index.h("button", { key: '1bd15187bdd31d6e3458ecd729ea3a00e7483f8f', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '791045bc36f07ce5747390789faf8da13c6790c0', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'f00ab41911e14e137a2ff9a66a09a8050eac2638', accent: "ghost" }, index.h("button", { key: 'eb883910d0b70db059ed81583cc48ca7fe1aa40c', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'f83cdcc9ba7e2b84583ff77a8d174f54cdf6b48d', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: '8af4fe8e7168b7ee48239e2cf7f86ada87dbaa31', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '235bd8445521917cc9b33e1b487b5da062e8147f', accent: "ghost" }, index.h("button", { key: '8e485f7cc90b2a605caa7befd9b88a27d8e84626', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'd653525bbe00637361a53c09c14168d7c815482c', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'cbbd38d427e9e0a3a8913a38ad4e2b8cd43eee59', accent: "ghost" }, index.h("button", { key: '5ed3c37b5daaef588ed9972c21bd498bcbb9fd5f', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '68a1ebde96f853dcd2c5d38d7b0bff60e654173b', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: '2315c7e3eb52584894323e23683a5e326aa92937', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '0e1f9edb026f513834430d7e1521278d535a2810', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '812b9e153087c30c0bb4b8f1752a49726935cb77', accent: "ghost" }, index.h("button", { key: 'e8a30e1df9ead8783d32d36162b5f8a077bf2505', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'af5aa1ce256d73b46ca8166ec7128c8163923f52', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'e2bcef18d214405f2961e48f1f3f846f06050e77', accent: "ghost" }, index.h("button", { key: 'dec33a851a230c19063c0d0580b9df0812749e5c', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '8dcfe6c80a54fa34afefb39aadadde76a27836b3', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: '0116a2f91a6e70bcfe04ca485cad9679fae40b97', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '69995951810e2512497bac219c9d7fc3f7351096', accent: "ghost" }, index.h("button", { key: 'ed5ee27b51d3b9a59a33c26f9920a1626da1630a', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'ed0a2a6dc3c0fe9d1bc99b97fbf0045b8026dd81', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'c5dc7e9bb824b60c8d30e428ec64de34e9798efe', accent: "ghost" }, index.h("button", { key: '1ee595989fddcd483feebb50253cfafb46e50ca0', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'ab3a566069727764605e7f4cf34583bf443149a5', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -248,7 +248,7 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (index.h("div", { key: '00856d47739f72098dbe2581336758981248a6a4', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'e8c23da59eefd22743d6ac0374c5e9f22458912a', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: 'f08d505bdd5c1e6f24577b37d905e0836fceafa8', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '7182128798a4d10c819e9cc29f0328f0435d8264', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
         })), this.getPaginationItemCountsRange()));

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-b3bad09d.js');
+const usage = require('./usage-ab7c64c5.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
 

package/dist/cjs/gux-pagination-items-per-page.cjs.entry.js

@@ -38,7 +38,7 @@ const GuxPaginationItemsPerPage = 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: 'f3fb8a72fb7620c5d46eacccedd8e9511ef06cd9', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '9c44139f927c1f5bef9f99642b43e690e36ebb49', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: 'fda6f5c630de1138f2f3100ebb5fc35bad127dde', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: 'cea537794b5b1a55626c7bbc8ed1573a801ea415', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '553a0867b0cfcb95eae7561e975bee6c55b64f57', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '4680bb2d980db9d65d715ed0b50efc2097ec55f3', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-b3bad09d.js');
+const usage = require('./usage-ab7c64c5.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}";
 const GuxPaginationLegacyStyle0 = guxPaginationLegacyCss;