genesys-spark-components 4.71.0 → 4.72.0

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

@@ -6,7 +6,7 @@ const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
 const onMutation = require('./on-mutation-3d294d15.js');
 const onAttributeChange = require('./on-attribute-change-321d434b.js');
-const usage = require('./usage-e635215d.js');
+const usage = require('./usage-6426963f.js');
 const guxFormFieldError = require('./gux-form-field-error-4e1d6772.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-bf86cba7.js');
 const hasSlot = require('./has-slot-3edae188.js');
@@ -101,14 +101,14 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '5e79706a4106eb71219a0fccecf9fecc70ad029f', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'beaea1fd3d613ab90ac5e097c025096e7c83244f' }, (_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: 'dfe696f2a760552fff055c424a5cd9e394eeb20b', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '730a6a00c0b6872099d7aa44bdafc923af385d77', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3d1362cfc275d089d41e4d6495aed11a4fbd3056', variant: "required", required: this.required }), index.h("slot", { key: '734d9a3e505bb48a27b676a6b16c13717ebb87d7', name: "label-info" })), index.h("div", { key: 'c5151c7762ecfa31164375ae23f7ca48b8b1548d', class: "gux-input-and-error-container" }, index.h("div", { key: '83a99c191cb03b34ef4ee5e37b9be5f4237556b3', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'f59d59a0f211944242fa5cb903783c0ec688a3dc', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '46d2314d09ac44e99592fe5ae51f3f9f42797eca' }, (_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: '6beddafc280b6dda6773e71b7fefcdac626ce1a4', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'fa6011c0ab31dadaf15c02ed73ad74385dfcd0b7', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'edcb15d0cff3838217b1e21f0ed7fab64db2ec39', variant: "required", required: this.required }), index.h("slot", { key: 'a90402b0c8e5f58d8c204e81ee19667cd176720c', name: "label-info" })), index.h("div", { key: '5fa23b1af5132135c5900ddb30f7779648f2cb47', class: "gux-input-and-error-container" }, index.h("div", { key: 'b54a1436d004891780cd737bf4ef6d9c9a1f4b2b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'ece2e66fdc6612ab711f4243d803363fabff2b8e', class: {
+            } }, index.h("div", { key: '436c0d1c902cb6e4d9a7a091928bdbd081b46f99', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'aeeb02d360867cd9400046b6d63c61f588df9713' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '6ffda1db40ad30c409c431339c8183168d7dbb64', show: this.hasError }, index.h("slot", { key: 'f75504d4695a26edf90b30cf2db36fb354db4f29', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f171c53e11efd91de79c2e0337682188d465e134', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '3858cad08f08ec51f79b1c52461a0d2bb36cb6e9', name: "help" })))));
+            } }, index.h("slot", { key: 'b0da838a3f47a070489a78666f80fb0925734dd9' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'db226c7be27b8220e18bb0e772e05fe46ce65adc', show: this.hasError }, index.h("slot", { key: '6e3f9975a9220b5ea93a096fa76455105f1c617c', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '0e9c4b1a117c0cb0da2d58749b8a43924d027541', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'b7ae2ae7958eb4c8a31a74943914fd9583a7f345', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -8,7 +8,7 @@ const hasSlot = require('./has-slot-3edae188.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-e635215d.js');
+const usage = require('./usage-6426963f.js');
 
 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;
@@ -103,8 +103,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '18fb0c21924bc28ff5ab47fd67c5de6ef6b34df5', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'e33a6c28e3a2fafbbdff9107a33bc3ce6cc3e680' }, (_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: 'c6420ade388fef239f6cf7e43b062992c6f5ef40', position: "above", required: false }, index.h("slot", { key: '51ce44d7ebd941cd80de57dabe1afdd28a287aac', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("slot", { key: 'cdefdcf43799bcb758ea0a27a555fb0c3323c96b', name: "group-label-info" })), index.h("slot", { key: '1b79439e6930fa43d2c508f16a79b2763b369e2c' }), index.h(guxFormFieldError.GuxFormFieldError, { key: '2eb19786e466d0d8f4dbe3efd6866eee5b7cc9d0', show: this.hasGroupError }, index.h("slot", { key: '73f97a0982220c438e51086db8b26c7c4d0db509', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'd947d3ad2e58438d770785baf504d2e12705069a', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'f102ee933a12c6ae5cd4290e8adb9bae3c6cdee9', name: "group-help" }))));
+        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" }))));
     }
     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-e635215d.js');
+const usage = require('./usage-6426963f.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: 'dee308de65283a8fc44ce06f2da458e3f108024a', class: {
+        return (index.h(index.Host, { key: 'a0b5407dedc705a9ceb73ef503eb98383067ab85', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '84c778ad31cbc0879422d1b57ffbbfb51c4d733b', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: 'f29e1012c2140654c626dbdf2e49c6492675f59e', class: "gux-input-label" }, index.h("div", { key: '9324b917de2d38e872fd6f858198ff7d6971dac1', class: "gux-input" }, index.h("slot", { key: 'dca06eb2f5370cc6979ea6dd4119083397bcf5ac', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'ebccb4e6bb0438b183f1a7dd542120933b6dd2e1', class: "gux-label" }, index.h("slot", { key: '204dfc4315640ac7974df1ec434f06691148078b', name: "label" }))), index.h("div", { key: 'ccffe3e77740d2231216e9e6021f65fd035d1ed1', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '8b6701eb9a7ac2131597ce9f9f08513e3c46bcbf', show: this.hasError }, index.h("slot", { key: 'fe09527fd9035f25c6d91c3f6285839a09e5c423', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'fd58af8ee7e72a1389c45b37cd46a55798db6efa', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '7a76298da2764985c0c7febcf744ca9efb40ada8', name: "help" }))))));
+            } }, 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" }))))));
     }
     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-e635215d.js');
+const usage = require('./usage-6426963f.js');
 const onResize = require('./on-resize-da1477df.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -118,9 +118,9 @@ const GuxFormField = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (index.h(index.Host, { key: '7174da64feed7ecfd06b26be8d77ca5cd0b2fa5a', class: {
+        return (index.h(index.Host, { key: '536ac7ef1a315b964bf02624dc3869c1dd96ea0d', class: {
                 'gux-active': this.active
-            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'ac0ecc73aedb6bdd9b0536bbfed55d665ae5f248', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'b24dd5d42a34beb41887e92b8bcceb3d7bda56e4', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '12ed0520d9b9f1c404b6a31f6ec45fdd0b4c1bfe', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'b07b2c6c7f0e118f65be5e01cae6cae15959dc34', variant: "required", required: this.required }), index.h("slot", { key: '0b06bc69c256872d0726d93344a26a8664955df3', name: "label-info" })), index.h("div", { key: '3360fc5b2bcfa941f02345e6c4f2ee855c85b9c6', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '48fd7c3a7e142e298fdbfb213b5954b3cfce4a54', show: this.hasError }, index.h("slot", { key: '91ec76d697c26a0a014f34c30de6d3596044abf1', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '9df5deee6beb4a35cfe4051dd2383bb493b412b1', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'da27f8af64910cf341f25e31034753526cb1e7c4', name: "help" }))))));
+            } }, 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" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -11,12 +11,13 @@ 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-e635215d.js');
+const usage = require('./usage-6426963f.js');
+const focusInputElement = require('./focus-input-element-3a0c1858.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
 
-const guxFormFieldSearchCss = ".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.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-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-required gux-form-field-label-indicator{padding-inline-start:var(--gse-ui-formControl-label-gap)}.gux-form-field-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-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.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}:host{display:block}::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)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);color:var(--gse-ui-formControl-input-populatedColor);text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;align-self:auto;order:0;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container gux-icon[icon-name=search]{flex:0 0 auto;align-self:auto;order:0;width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);color:var(--gse-ui-formControl-input-inputIcon-defaultColor)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-input-and-error-container .gux-input .gux-input-container:hover:not(.gux-disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}";
+const guxFormFieldSearchCss = ".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.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-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-required gux-form-field-label-indicator{padding-inline-start:var(--gse-ui-formControl-label-gap)}.gux-form-field-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-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.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}:host{display:block}::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)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);color:var(--gse-ui-formControl-input-populatedColor);text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;align-self:auto;order:0;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);cursor:text;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container gux-icon[icon-name=search]{flex:0 0 auto;align-self:auto;order:0;width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);color:var(--gse-ui-formControl-input-inputIcon-defaultColor)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-input-and-error-container .gux-input .gux-input-container:hover:not(.gux-disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}";
 const GuxFormFieldSearchStyle0 = guxFormFieldSearchCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -97,13 +98,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '58166543ea3396b6a2f010d8ad25839f6da9862e', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '81f159bde9db11ef976e52c7229a8ffe7a06f22a', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '7d3c829d0551f6924f393a597f00caa1cc6e7bc8', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'adf56d285a6dd185e3b245c0830c238d250025a8', variant: "required", required: this.required }), index.h("slot", { key: '666f6a5e421b15988c8b62cd6ce3e1b6336a88cb', name: "label-info" })), index.h("div", { key: '7a74fab6c5ea13071f9b3d76ce45558e635d9c92', class: "gux-input-and-error-container" }, index.h("div", { key: 'b546aee27c23e2c78c0737506a6b24c71d01bf81', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '9fcd7df004c874c3d5ab3f7d4bef0835e7a924c0', class: {
+            } }, index.h("div", { key: 'b4f4b06f375b0740a9f75fc9f17ad7c8d32a0ad6', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("gux-icon", { key: 'a84a5af69848417cb3722dc9cb0827ad4ba47fef', "icon-name": "fa/magnifying-glass-regular", decorative: true }), index.h("slot", { key: 'fab262d30b38203f5ec6ceb9bf2c733b7920530a', 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: 'd6f71131cc9d8870ac0e4b40177ddec6806b89e7', show: this.hasError }, index.h("slot", { key: 'f847c4449ebd17bc83307aca26e61242b900decc', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a80e3898c62e3f2e1617d5f1babb73001744aed9', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '8bdd443766bf846d9e02593167152fcfe144bef2', name: "help" })))));
+            }, 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" })))));
     }
     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-e635215d.js');
+const usage = require('./usage-6426963f.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -88,13 +88,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'f6c8c4c85835b1edf47e58d893b81d0d7757012b', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '31962d695482f94ed0323c2f81efdad6c73f562e', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '893612c4993892cad7eb814eafec1ba7f2fe4799', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '4cc0d7cd115707185f83e36e9b43f47c200870a3', variant: "required", required: this.required }), index.h("slot", { key: '9ce8d582a5f9a86cc958b7bacadc1ff34eafa99f', name: "label-info" })), index.h("div", { key: 'ff5c8045ff06e8d0e3ac28ec6de066af5bcdfe62', class: "gux-input-and-error-container" }, index.h("div", { key: 'fc10ef8a25b5fa3a432073e661ba94d76a8ad4cd', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'e29c43bbe855965bc23d14c941f38ff5f0145464', class: {
+            } }, index.h("div", { key: 'b3fd5ec34c9a0dc48a68150626052d6bdbf2f81b', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '226af5f2dfdb0b7a200380f495ec462fae6dd24f', name: "input" }), index.h("gux-icon", { key: 'c8c63569f5dbd6ca9c4ec0e776005d4144b1feac', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'dc2212a149ab0d7262f8dd3b6531dc2b4e3aba88', show: this.hasError }, index.h("slot", { key: '27165c16911fce8020c79ced2cdeca9c3b5e0223', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '51aba62b1c71351a5a0771201606ddaf4a9b5d41', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '5f3f4e69893e949df23c07f86190adeecfa95102', name: "help" })))));
+            } }, 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" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -11,12 +11,13 @@ 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-e635215d.js');
+const usage = require('./usage-6426963f.js');
+const focusInputElement = require('./focus-input-element-3a0c1858.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
 
-const guxFormFieldTextLikeCss = ".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.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-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-required gux-form-field-label-indicator{padding-inline-start:var(--gse-ui-formControl-label-gap)}.gux-form-field-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-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.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}:host{display:block}::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)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}slot[name=prefix],slot[name=suffix]{font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-prefixSufix-defaultColor);text-align:center;text-decoration:none;white-space:nowrap}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-has-suffix:not(.gux-input-and-error-container .gux-input .gux-input-container.gux-has-prefix) ::slotted(input){text-align:right}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-input-and-error-container .gux-input .gux-input-container:hover:not(.gux-disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}";
+const guxFormFieldTextLikeCss = ".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.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-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-required gux-form-field-label-indicator{padding-inline-start:var(--gse-ui-formControl-label-gap)}.gux-form-field-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-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.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}:host{display:block}::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)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}slot[name=prefix],slot[name=suffix]{font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-prefixSufix-defaultColor);text-align:center;text-decoration:none;white-space:nowrap}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);cursor:text;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-has-suffix:not(.gux-input-and-error-container .gux-input .gux-input-container.gux-has-prefix) ::slotted(input){text-align:right}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-input-and-error-container .gux-input .gux-input-container:hover:not(.gux-disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}";
 const GuxFormFieldTextLikeStyle0 = guxFormFieldTextLikeCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -113,15 +114,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'bb6c077df61d47169ddbd8af74d6906cd5354a18', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'b71214d65749df1743a9b37cba6f9808ed26afed', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'e8b921f53a2f96e4e7de5c0a1050da1dbc893a19', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'c29409c64ae4f46149e61a8c937d983dbad8566e', variant: "required", required: this.required }), index.h("slot", { key: '7e9d51f99a6fa3c3771ba2d01f8eee1707d5de1a', name: "label-info" })), index.h("div", { key: '597300a419b56423ed9d79765f1e0d7e7834a43c', class: "gux-input-and-error-container" }, index.h("div", { key: '1fbe34b0a399b38077681c29b2bdb03b0a147043', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '9994182f2aaa915bb5445836b754c037052cbebb', class: {
+            } }, index.h("div", { key: '84730c4d68469d6ff6ff4bb7739fc909d262878a', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            } }, index.h("slot", { key: '4be921cb58fd54171f9bc81409451b45904fcdd9', name: "prefix" }), index.h("slot", { key: 'c942c81394a5c2f79e030484191dc1878e7ba9ad', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: '52428b82056bf77902ded5c730ed3f976d24be13', 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: 'debc94e90a94c098c21be404daaf3e339ae8f5c0', show: this.hasError }, index.h("slot", { key: '04d219fd899ac0b09468c0e9a1360c5c9ff52ec9', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '07600d7b0bbb3b1fcb25ac23283944c2f143284f', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '87b4f9fdf2eb08d4da0ccf197d279f99d73fc04c', name: "help" })))));
+            }, 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" })))));
     }
     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-e635215d.js');
+const usage = require('./usage-6426963f.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -92,12 +92,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'b76aee7edb1ff7b0f1e6b4ce571322522bb177e7', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'a47b9dab6bb6c102c2da9af51511032b44a90c9c', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '5e89fda87c2c0faac2524339a62b20ed448977a7', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'ae3713273e686a8653a86a8792463ae8d009fc46', variant: "required", required: this.required }), index.h("slot", { key: 'ed7b5c67058e70991d1ded49436eb52bc61ff621', name: "label-info" })), index.h("div", { key: '9b2afb7a388af5685d6234dba49a830b35f72734', class: "gux-input-and-error-container" }, index.h("div", { key: '19da97dbe230588e3cf599ed08cc0eeb72115d6d', ref: el => (this.textareaContainerElement = el), class: {
+        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: {
                 'gux-input': true,
                 [`gux-resize-${this.resize}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-input-error': this.hasError
-            } }, index.h("slot", { key: '14720170cb4ad48c3d31d33e99dbf2cd973f9cba', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '3d2acd4b6df2739f83469fdceca895ae3382a087', show: this.hasError }, index.h("slot", { key: '7eb51dc5366d655b934c5ad370cff1bb2dca26ca', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '790dc577a55013b0ef95a383abba64f7da4b4443', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '0477a424465dca40e4b2f0005874c754e722fdc4', name: "help" })))));
+            } }, 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" })))));
     }
     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-e635215d.js');
+const usage = require('./usage-6426963f.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -103,14 +103,14 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '0e9e7be8b66bfc3b4d1849dfc2bfc78283e048d4', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'b5e05e867417fd304ce50362cac1f8d5c25cafc1' }, (_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: 'e20d5248bce984854ca86f06a75db622e6932ca9', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'f439bed72e173cd0df8885a041bfaaf967926a7c', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '261b3daab809a96e66a736bf909a7cba9fc84d68', variant: "required", required: this.required }), index.h("slot", { key: '246fba150fb21e81f7e57e37642bc1a6c39eab43', name: "label-info" })), index.h("div", { key: 'e5c6e5c0231d625218e2e741822743a06732d9d9', class: "gux-input-and-error-container" }, index.h("div", { key: 'b11307f8c3a99010754f8edec868de5fd807e171', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '3c82d5a23c27520d1f17ce8b571c010393f1b5c4', class: {
+            } }, index.h("div", { key: '3d6ad7bf30d8c3621896fadc515ade0c39a8108c', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '82d9fa74282eab284cf28e0fae495b94567172cc' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'fc8385464c9bfbc5d30e1b9b16270401410721a9', show: this.hasError }, index.h("slot", { key: '1648776e8456bd82c977e5b58c3cd00e8b46e2d7', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'c8377cda699a27c33d0e88cc971e25ca9870b636', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '2fbf51d0537398274f956fb2eec26f2ea5f4451b', name: "help" })))));
+            } }, 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" })))));
     }
     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-e635215d.js');
+const usage = require('./usage-6426963f.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -104,13 +104,13 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'aaed04625be46bf1c196187a9ab2650ae15d6d63', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '95cdcaa339f2459b5f55e1d516b28fded340ec54' }, (_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: 'ca9d26b09254bcf1c10f85eca465f06d672c69ca', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '9c4d98a79533c66cabbce393f6f2fb6ba2243858', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '872419e46229275b793a8e44cc5137054e62809c', variant: "required", required: this.required }), index.h("slot", { key: '8f5fcbbda9de2037df6fe4c233ff0d59b8767b77', name: "label-info" })), index.h("slot", { key: '7ab3cb49085ec078386e47d33be85e4862a56e8a', name: "label-info" }), index.h("div", { key: 'e0d3c3d5445c9a94d75d070a4bf724b201b06d44', class: "gux-input-and-error-container" }, index.h("div", { key: 'ba25e6cefde4e777afa7e0e9f60c2be7e4956aa6', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '2fa5abb19ef77dd31c72726f59eb1e3fe55700f5' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '8ebcdee23d8ea6a7088031ec16bb571a67f9ae77', show: this.hasError }, index.h("slot", { key: '7ea86ffc59c1af8f4a355ea0a6788b47c1eb4659', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '649c1eb4580438bc8f7349ec77b13cbfe530b1b0', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '8cbf41877937041046c62a9648982b420a2dfbcc', name: "help" })))));
+            } }, 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" })))));
     }
     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-e635215d.js');
+const usage = require('./usage-6426963f.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-e635215d.js');
+const usage = require('./usage-6426963f.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-e635215d.js');
+const usage = require('./usage-6426963f.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: '11e42c61e6b6a268d4f3202b85587865a2777469', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (index.h("div", { key: 'fdaed8279e654d61223d21363ea96aa68a8a32e6', 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-e635215d.js');
+const usage = require('./usage-6426963f.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: '95faeba1aaab0d904b76e35881843a0545d12ed1', class: {
+        return (index.h("div", { key: '7a158860eaff795c39f9b433c17933eacf48b64c', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("div", { key: 'f1cff94c3340682fa4f9b731b861246d2e5a95fd', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '541abfc392b63e7cce5282a549118487490de8e9', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: 'f6f39c9cdba87b0d42ec68e53a2b404181f1b6d9', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("div", { key: 'b8dd49744c9cf3a960aefce0218737eb3e7bbdef', class: "gux-content" }, index.h("slot", { key: 'c499e3f7f7db4ca0dc4118785c9fbf23daa99781', name: "content" }, index.h("slot", { key: '2e45fa9242e98ca1ea5a9408df89593238fe2106' }))))));
+            } }, 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' }))))));
     }
     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-e635215d.js');
+const usage = require('./usage-6426963f.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-divider.cjs.entry.js

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

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

@@ -29,7 +29,7 @@ const GuxListItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'c8a719f4050cff60a334b822e2451abfdc8b8b27', role: "listitem" }, index.h("button", { key: '1cd3d6d13ab45e1c63b0961e0964681a584e8109', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '40b64c6675c898a536fbd38848518a47bc305e27' }))));
+        return (index.h(index.Host, { key: 'a73a8500f64a41b283d04839822596be7951947d', role: "listitem" }, index.h("button", { key: '44139a45c1b776f48a6a4e01831f0b84496f6661', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '1a60d18f8d999c2fba4bbbb880733b8acff02f6e' }))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const guxList_service = require('./gux-list.service-cf8447cb.js');
-const usage = require('./usage-e635215d.js');
+const usage = require('./usage-6426963f.js');
 
 const guxListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;padding:var(--gse-ui-menu-padding)}";
 const GuxListStyle0 = guxListCss;
@@ -60,7 +60,7 @@ const GuxList = class {
         return (index.h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (index.h(index.Host, { key: 'b45097132ad7c6a08b47dde9dbb303ab590543ce', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: '4387406713febefac8de4aa79bf700e463f8db1e' })));
+        return (index.h(index.Host, { key: '275ba18ca6a67097ce38d16e6b12ae7c2b19d5fb', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: '324346580a4007be1eee22b0603bc5e31ac5d2a7' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -7,7 +7,7 @@ const guxListbox_service = require('./gux-listbox.service-a91f8bd2.js');
 const index$1 = require('./index-a1a48d79.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-e635215d.js');
+const usage = require('./usage-6426963f.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-e635215d.js');
+const usage = require('./usage-6426963f.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: '2a6b29d75ee80df549e6f16231aba1665d3ca154', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '45c224c9caac4f211a30f89dca30645cf3c68cef', class: "gux-progress" }, index.h("slot", { key: '99c7399f7575ca1d63a354b6c2ed6b8c0e5c6728', name: "progress" })), index.h("div", { key: 'fb7eadb66e7be740661ea040eae4614f21109d93', class: "gux-primary-message" }, index.h("slot", { key: 'fc31e49622c5f1b581f17df0da1f0de3cea9132c', name: "primary-message" })), index.h("div", { key: 'cc876268b8c22ab58c548201c076cf58519df58a', class: "gux-additional-guidance" }, index.h("slot", { key: '8fae572e194d58167a55c68c6b9db4a9eada969f', name: "additional-guidance" }))));
+        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" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -36,7 +36,7 @@ const GuxMenuOption = class {
         }
     }
     render() {
-        return (index.h("button", { key: '0b8ab4835145bf20fbfc50bad3b032ea6ee33716', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '88d7518f7f17013442c64e015564ec2b80a9a88a', class: "gux-menu-option-button-text" }, index.h("slot", { key: '05eacb7de85ef5298cd604cc6bf0c3166b852928' }))));
+        return (index.h("button", { key: 'e79faabef6b54fe1009610ace99549a13917aa2a', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: 'daf0064c5b7692af88365aefd72bec4eda3fec79', class: "gux-menu-option-button-text" }, index.h("slot", { key: 'd50cd034a9df228ac3dd9a927a8b590ca2979012' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -12,7 +12,7 @@ const GuxMenu = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'bb330d93d085ae23c8f3593ecebee84336497a13', role: "menu" }, index.h("slot", { key: '62467f75e67e266fc1962c52616004dd80fcbcee' })));
+        return (index.h(index.Host, { key: '64297942dd3b8ce9c499e5007f93ce32d50b8ca6', role: "menu" }, index.h("slot", { key: '6e9dc876bd2373ea4134fd997960ed83dd848090' })));
     }
 };
 GuxMenu.style = GuxMenuStyle0;