genesys-spark-components 4.73.1 → 4.74.1

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-f1782f59.js');
+const usage = require('./usage-906039c2.js');
 const onResize = require('./on-resize-da1477df.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -36,6 +36,7 @@ const GuxFormField = class {
         this.displayUnits = undefined;
         this.valueInTooltip = undefined;
         this.labelPosition = undefined;
+        this.indicatorMark = 'required';
         this.computedLabelPosition = 'above';
         this.disabled = undefined;
         this.required = undefined;
@@ -118,9 +119,9 @@ const GuxFormField = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (index.h(index.Host, { key: '536ac7ef1a315b964bf02624dc3869c1dd96ea0d', class: {
+        return (index.h(index.Host, { key: '4d67610cec424ba908a0ffd339d92a5595312a43', class: {
                 'gux-active': this.active
-            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '4a8c15932cbab564411aaf0a5b84b388451c69af', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '5bb81b87152c506fa2f5dd58b9dd1f2c0436a75e', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'd8fef894e3055e777419c6b40da7add8d096f9fc', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '941cbbe16442409502235663a3293adc1d86e895', variant: "required", required: this.required }), index.h("slot", { key: 'bae23aa9ba01d17ddd08dc807eb75d169648293d', name: "label-info" })), index.h("div", { key: '028ca2d0fb9b09c64d516629bb33f43bc4d1d2fb', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '12713c069c47170c967872e6bfb75d240a7cec40', show: this.hasError }, index.h("slot", { key: 'a3d0371ae88f3b34f63dd67f9ebfeb986fa02eab', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7e67aff4453179f3ba7d175354b1d1864ace26ae', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '9c3e1c6c22d718dda1857a6830000e85ecf31dfa', name: "help" }))))));
+            } }, 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" }))))));
     }
     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-f1782f59.js');
+const usage = require('./usage-906039c2.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -34,6 +34,7 @@ const GuxFormFieldSearch = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.labelPosition = undefined;
+        this.indicatorMark = 'required';
         this.computedLabelPosition = 'above';
         this.clearable = true;
         this.disabled = undefined;
@@ -98,13 +99,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '61f46a689d49d8525c6df99004583b0eb298ca69', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '32b69524e41af3bd70f27692cfa8fed7760adc82', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '9e728f8517117c8842a7558704ca57a3528b92bc', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3e03db4fe44fd5576cd01d7feff3079ec99f5b59', variant: "required", required: this.required }), index.h("slot", { key: '6ff27eda3222581c520f422366f99f859272bf41', name: "label-info" })), index.h("div", { key: '2afd9556de40daf92e239f1788cb9cf26ff40fba', class: "gux-input-and-error-container" }, index.h("div", { key: '4146064d65f43999a3337d8ce836645697ab7f5c', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'b4f4b06f375b0740a9f75fc9f17ad7c8d32a0ad6', class: {
+            } }, index.h("div", { key: '9419559eaa633e26b00cd105471b1d41810705a8', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: 'd7a8da28289fe795347ad5b7b5717b25c22c6671', "icon-name": "fa/magnifying-glass-regular", decorative: true }), index.h("slot", { key: '2d2d38f7feb613097e19b1138ca181951e0d5346', 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: 'f0be5527b1c78adc3ff2be5e1ca962e1ac7b4c9f', show: this.hasError }, index.h("slot", { key: '0a13d448d55dfd172a962155a03c98c53216c923', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'c659a6499d84260e5a3aa8f721be4b7547e8e144', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '5f7f33ee71a283faaad06e2c4e6ac05f302b3efb', name: "help" })))));
+            }, 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" })))));
     }
     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-f1782f59.js');
+const usage = require('./usage-906039c2.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -33,6 +33,7 @@ const GuxFormFieldSelect = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.labelPosition = undefined;
+        this.indicatorMark = 'required';
         this.computedLabelPosition = 'above';
         this.disabled = undefined;
         this.required = undefined;
@@ -88,13 +89,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '08980ed5dc32c02b0dbc3e599b714d1f122985b2', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '1a6065c0a948c3c3d9581c2d70d1820a98dabbb7', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '593b4b6b7532edc2e1adef06f455f787795a65d4', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '1864bd74afea14fb9288374bbda67a1baefac500', variant: "required", required: this.required }), index.h("slot", { key: '1b038f71c9bbbbae97520e5386e2b4ee2b0e874c', name: "label-info" })), index.h("div", { key: 'a46e1cc02003e98c48929d11f1467cc41e10d88c', class: "gux-input-and-error-container" }, index.h("div", { key: 'f0933fc43865ff9bfa371841fa96c1cc7d6b699d', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'b3fd5ec34c9a0dc48a68150626052d6bdbf2f81b', class: {
+            } }, index.h("div", { key: 'db3d835cc3dc153892340eb9dc2e6493846cc707', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '0be56977b450309a943fd6864a8c7ea761603fdb', name: "input" }), index.h("gux-icon", { key: 'eeb535fca9eec5a1209dbfde6cbb5b3c67f5ed1b', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '14601f0ddd918bddec29db3fabeb50060bfac077', show: this.hasError }, index.h("slot", { key: '362ed23b0b3f95531f58e81c8f166295b3e3d619', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f87ffcfe4adf34e5066eb7d5b720c7f0d74fe255', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'aa8d21b4275e76d5003010e2b4bd793ea4ac7f83', name: "help" })))));
+            } }, 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" })))));
     }
     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-f1782f59.js');
+const usage = require('./usage-906039c2.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -36,6 +36,7 @@ const GuxFormFieldTextLike = class {
         this.clearable = undefined;
         this.labelPosition = undefined;
         this.loading = false;
+        this.indicatorMark = 'required';
         this.hasPrefix = undefined;
         this.hasSuffix = undefined;
         this.computedLabelPosition = 'above';
@@ -114,15 +115,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '487f7ecc746cb8d202913f5726898d322ae4f5b4', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '94426d1118d18c24e6c8402667d8339adc9f35da', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '47f740f8dfedaf841341a041f751a5a9ba96b7a4', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '490873910e0a5f6622c8b5551452128af78bb5d7', variant: "required", required: this.required }), index.h("slot", { key: '0518c49fc7c0d869da118f398f816176a56952cf', name: "label-info" })), index.h("div", { key: '0811c689d98b6bef5af8b4fbdc4c7f26c3581b8f', class: "gux-input-and-error-container" }, index.h("div", { key: 'dc078ab42d4ca7713f2c8a6df68c3878beb50040', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'beb98cc29449e9cc02943e698df8717b45114570', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'eedcf5016706b108e545817c98745ce7c52d161f', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'bf7acfde961586ee95edfdae121b5e280ee49af2', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '56a5c9ae8f38704d6de079b969ddc99089b67de2', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '72d14572d6103e889ed27846be8e2141a174498f', name: "label-info" })), index.h("div", { key: 'fc34558ec02f718f85f739a253f735e3487e7fd5', class: "gux-input-and-error-container" }, index.h("div", { key: 'd6ad5d2b24eeb0b3dcf234c4fe76cdc4b1bdf343', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '84730c4d68469d6ff6ff4bb7739fc909d262878a', class: {
+            } }, index.h("div", { key: 'd882278f448c04225ec3cca78767c08da0c868f3', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '0ae9a5497c1fc78616ee9540a093915a4726ec07', name: "prefix" }), index.h("slot", { key: '2ab922a873100294f1ea0a8d051b81235b4b3f94', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: 'f6dc07482856ed60dbc9edf4bd0da4fb677bd71f', name: "suffix" }), 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: '41b0e9de0bc67c55bb4add0264a011aff5ac5208', show: this.hasError }, index.h("slot", { key: '7221f73bcbd7a30cb097e60905f3d108a811cfea', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '5eb33e2fa8dd0f9a92283e86fcec7a01a10bff7b', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'adc4801aac0b4a6249b3ced99b38dd643e94be4d', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: 'ded12095ab3b9133bee6f5069451e1d831146ea4', name: "prefix" }), index.h("slot", { key: '9d48cfd6c49f2be1fd1e8a8f01ebba2bcf24cd0a', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: 'e4b8cbfa3e5cffb1e2aefe3d8e566c0ea8540c84', name: "suffix" }), 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: '1c763a24f321d889f596085e032a3cd9f915c437', show: this.hasError }, index.h("slot", { key: 'a9cfeb2acdd78458405f1d69e97abaf81c09b975', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '2f789dd4ef977e7f9ec53a02991055c3b8e5b977', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '5ae7376190c8c720fbc2c52eaedea99a717b78d8', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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-f1782f59.js');
+const usage = require('./usage-906039c2.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -34,6 +34,7 @@ const GuxFormFieldTextarea = class {
         index.registerInstance(this, hostRef);
         this.resize = undefined;
         this.labelPosition = undefined;
+        this.indicatorMark = 'required';
         this.computedLabelPosition = 'above';
         this.disabled = undefined;
         this.required = true;
@@ -92,12 +93,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '198dd2ef1c21a3ac350fae1a8d88749b9117159e', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '56993b85dcd05c1cd5ce35ac94e230a6f34a32f0', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '53f8676fe7e657cd62a1e743d4c106d1aafc01cb', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '1a04cf15e5163c26dcc7cb5e7a82dffe913df67c', variant: "required", required: this.required }), index.h("slot", { key: 'e9d7f02796566ab0f061b0e1a29e8bcba5b24681', name: "label-info" })), index.h("div", { key: '372fcac508ebebf2a15591a464cde415c820de8b', class: "gux-input-and-error-container" }, index.h("div", { key: '21b6454fae678bc21af948c1a8e901cb3cfc5f5b', ref: el => (this.textareaContainerElement = el), class: {
+        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: {
                 'gux-input': true,
                 [`gux-resize-${this.resize}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-input-error': this.hasError
-            } }, index.h("slot", { key: '1931194aab6fe3fbc03ab3aa446a56f4f3b9f65e', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '0e875ab321f782677663f0b16ebded0e2a9ea684', show: this.hasError }, index.h("slot", { key: '419ad3f0277147bec4338ae3f4d3535cc3972273', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '0e91d7aa554adbf00fc8092d391b8262b18b597e', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '9a84fd0b9ccb1a51649f976e03f3adac029de0e6', name: "help" })))));
+            } }, 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" })))));
     }
     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-f1782f59.js');
+const usage = require('./usage-906039c2.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -39,6 +39,7 @@ const GuxFormFieldTimePicker = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.labelPosition = undefined;
+        this.indicatorMark = 'required';
         this.computedLabelPosition = 'above';
         this.disabled = undefined;
         this.required = undefined;
@@ -103,14 +104,14 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'f69d3c2a0d279577d1a77356c469eec18ab50b43', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '0e06d1c0e16394ea157f3688e3c7f1b5102244fa' }, (_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: '4523324a01c3a70554c86c310e93c718de91b91a', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '78bd938da1f045af25101f37c74e662b6c186bde', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '1d7a80f4496bef8058c34566b0272a26a4e012d9', variant: "required", required: this.required }), index.h("slot", { key: '892f6fc6e39c6891aee2516100f95b886bcfd103', name: "label-info" })), index.h("div", { key: '15d68c6057d0df3784a131c01bfd9da851917775', class: "gux-input-and-error-container" }, index.h("div", { key: '620214bbf17854f16a1af6c45365a9c70fc2636e', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '3d6ad7bf30d8c3621896fadc515ade0c39a8108c', class: {
+            } }, index.h("div", { key: '01e3c4cc1d2830a893ba74efac5d4ceb8f68e75f', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'e0800e204437bfd92905bb7a0b8881eb4d81ed9e' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '384273863f21240885684450c587cb1367feb827', show: this.hasError }, index.h("slot", { key: '2b301d47a375ed06c28f19a055ee26a2ada38aa4', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'b87d4e91887e0459b4302fa0f5c3f9dc2d4d88e0', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '65792417d534a1dec4c05b879fc72db1b60f3f8e', name: "help" })))));
+            } }, 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" })))));
     }
     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-f1782f59.js');
+const usage = require('./usage-906039c2.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -39,6 +39,7 @@ const GuxFormFieldTimeZonePicker = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.labelPosition = undefined;
+        this.indicatorMark = 'required';
         this.computedLabelPosition = 'above';
         this.disabled = undefined;
         this.required = undefined;
@@ -104,13 +105,13 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '5ecc8ac72d7e5228b769822c8a95a5cb08617a8a', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '76c3f3de71b2c2ae3c2745a06e3dcc6fdca1e403' }, (_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: 'a9728f2b5c0f4489e7abc42fde4541b6bcb5ec26', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'ad2991e2583d2ce992ae3676d5248ab4deac01aa', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '2013e893e4f67f165f99ffe85b0762a42ab0a191', variant: "required", required: this.required }), index.h("slot", { key: '212479f9a5a8df0668c16f00764a6784a8071de2', name: "label-info" })), index.h("slot", { key: 'e72de942358d617738857c1a8eb9dc41a5f0d71b', name: "label-info" }), index.h("div", { key: '2bc9186a753716cb24024cf68bccb3f7949c6997', class: "gux-input-and-error-container" }, index.h("div", { key: 'c93c6400659b86de793a3158353f81d4f3777cd1', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '141e377d5046a94a252fae3636c1f568a949e83f' })), index.h(guxFormFieldError.GuxFormFieldError, { key: 'cb623eae001f2b4fcbf39e8ce3f94fa443716fbd', show: this.hasError }, index.h("slot", { key: '93814cf4f166b973eb6272a46371f89647eff116', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '2255a62f3d23dd5494c9ebb02bba98a3aa89c855', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '13116c871a16e95259a887b5cd73ccdafc414a6c', name: "help" })))));
+            } }, 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" })))));
     }
     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-f1782f59.js');
+const usage = require('./usage-906039c2.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-f1782f59.js');
+const usage = require('./usage-906039c2.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-f1782f59.js');
+const usage = require('./usage-906039c2.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const legacyIconNames = [

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-f1782f59.js');
+const usage = require('./usage-906039c2.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const info = "Information alert with message";

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

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-f1782f59.js');
+const usage = require('./usage-906039c2.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,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-f1782f59.js');
+const usage = require('./usage-906039c2.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 GuxModalStyle0 = guxModalCss;

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-f1782f59.js');
+const usage = require('./usage-906039c2.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-f1782f59.js');
+const usage = require('./usage-906039c2.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-f1782f59.js');
+const usage = require('./usage-906039c2.js');
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 const GuxPageLoadingSpinnerStyle0 = guxPageLoadingSpinnerCss;

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-f1782f59.js');
+const usage = require('./usage-906039c2.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

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

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

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-f1782f59.js');
+const usage = require('./usage-906039c2.js');
 const index$1 = require('./index-a1a48d79.js');
 const onClickOutside = require('./on-click-outside-6db914c3.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');

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

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

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-f1782f59.js');
+const usage = require('./usage-906039c2.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-f1782f59.js');
+const usage = require('./usage-906039c2.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const OVERALL_SIZE = 48; // Linked to --gse-ui-progressAndLoading-spinner-large

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

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

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-f1782f59.js');
+const usage = require('./usage-906039c2.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-f1782f59.js');
+const usage = require('./usage-906039c2.js');
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-f1782f59.js');
+const usage = require('./usage-906039c2.js');
 const guxFormField_service = require('./gux-form-field.service-57a00684.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');

package/dist/cjs/gux-selector-cards-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-f1782f59.js');
+const usage = require('./usage-906039c2.js');
 
 const guxSelectorCardsCss = ".gux-selector-cards{display:flex;flex-wrap:wrap;gap:var(--gse-ui-selectorCard-simple-gap)}";
 const GuxSelectorCardsBetaStyle0 = guxSelectorCardsCss;

package/dist/cjs/gux-simple-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-f1782f59.js');
+const usage = require('./usage-906039c2.js');
 
 const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:286px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;padding:8px 12px 8px 16px;margin:2px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon ::slotted(gux-icon){width:16px;height:16px}.gux-message{flex:1 1 auto;align-self:center;order:0;margin:8px 0}.gux-dismiss{margin:4px 0}";
 const GuxSimpleToastLegacyStyle0 = guxSimpleToastCss;

package/dist/cjs/gux-skip-navigation-list.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-f1782f59.js');
+const usage = require('./usage-906039c2.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const navigationName = "Skip links navigation";

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-f1782f59.js');
+const usage = require('./usage-906039c2.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const onMutation = require('./on-mutation-d800434a.js');
 const en = require('./en-807a354e.js');