npm - genesys-spark-components - Versions diffs - 4.200.0 → 4.201.1 - Mend

genesys-spark-components 4.200.0 → 4.201.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (822) hide show

package/dist/cjs/gux-form-field-dropdown.cjs.entry.js CHANGED Viewed

@@ -1,15 +1,15 @@
 'use strict';
-var index = require('./index-CJEUJwB7.js');
-var index$1 = require('./index-DqhFjElJ.js');
-var onMutation = require('./on-mutation-DFJMtCiW.js');
+var index = require('./index-BGHWOXcN.js');
+var index$1 = require('./index-CIoLTj6_.js');
+var onMutation = require('./on-mutation-BxwPAn4k.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var guxFormFieldError = require('./gux-form-field-error-Dw1hnlda.js');
-var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-CfEHfKLw.js');
+var guxFormFieldError = require('./gux-form-field-error-BYZMjP5s.js');
+var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-Dt5fmqq7.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
-var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-DMdlKJnN.js');
+var guxFormField_service = require('./gux-form-field.service-BiSsTyYc.js');
+var usage = require('./usage-B01--2fH.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -110,11 +110,11 @@ const GuxFormFieldDropdown = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'd51e853f6c95848922e8d152c825760312e1fba7', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'ba451ffea039428797569bf37dcd0fa11d47d607' }, (_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, 'help'), this.hasHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '5e6513e14881982c3abafddb854427fccfb002f0', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '8f0064910cd5cf80cf83d380045d0bfa6a455dd9', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3dd2eb6b3947a66965d0e83870f22f3629657c88', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '6e9e86a0d920caf06b96b068a8d0cacb14e40f06', name: "label-info" })), index.h("div", { key: '9744d30d312dfdd181561eaab6f8d6abbab499c2', class: "gux-input-and-error-container" }, index.h("div", { key: '9b25225a1a193153bcb9c26ea2e89e0a6c6fc7e1', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '45813a9d6e6aa4c4e183e7ac7912953ff4156b73', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '8e89f7305b2862f5fdf9f3571d738ab930f31545' }, (_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, 'help'), this.hasHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '3d3b608ae2ac3998315b5f96edfd7682c7307add', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'c76cdba7c88d2b9b1805c74103fa74d7862e0e01', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '63799f7a2b594162e2d11ea563a106e982a737ed', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '75fffe6fbdc82f5510f91e5e1b08ccd631be8424', name: "label-info" })), index.h("div", { key: 'ef361acb654eda14f90ae89bc5ee8e0e12911d15', class: "gux-input-and-error-container" }, index.h("div", { key: 'e2f90bb15de1c522ddb73a584228e2b891081d39', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("slot", { key: 'bdfcae006dfae7a03510ac12eb4e58472e5f044a' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '0d8638fc072f956a972ca34a055e51a70bf4cc53', show: this.hasError }, index.h("slot", { key: '096069725a6a9c6b4ddabbad5509b19cc9e701c6', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'aa612fc6dbd35bb6b273e2d1bf45ca7749a1a36a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '55793d384e12d18af54c4c08cdfcf900f15a28ac', name: "help" })))));
+            } }, index.h("slot", { key: '836235c899e97e17f16ae5eec91e6401cae90225' })), index.h(guxFormFieldError.GuxFormFieldError, { key: 'a6b919c7ae48c18af3c7918af3e681f603932fd4', show: this.hasError }, index.h("slot", { key: 'd2f61c524b67464d0e81bbc975ad551c5cd6c8c6', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '9fc96f9708eef447e77ce8b9ea629ee0d3041cda', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '60b7da52b8a4b4096c5a06febe3a6dcdbb4324f1', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/cjs/{gux-form-field-error-Dw1hnlda.js → gux-form-field-error-BYZMjP5s.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-CJEUJwB7.js');
+var index = require('./index-BGHWOXcN.js');
 const GuxFormFieldHelp = ({ show }, children) => {
     return (index.h("div", { class: {

package/dist/cjs/{gux-form-field-fieldset-container-CfEHfKLw.js → gux-form-field-fieldset-container-Dt5fmqq7.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-CJEUJwB7.js');
+var index = require('./index-BGHWOXcN.js');
 const GuxFormFieldVisualLabel = ({ position, required }, children) => {
     return (index.h("div", { class: {

package/dist/cjs/gux-form-field-file-beta.cjs.entry.js CHANGED Viewed

@@ -1,13 +1,13 @@
 'use strict';
-var index = require('./index-CJEUJwB7.js');
-var index$1 = require('./index-DqhFjElJ.js');
-var onMutation = require('./on-mutation-DFJMtCiW.js');
+var index = require('./index-BGHWOXcN.js');
+var index$1 = require('./index-CIoLTj6_.js');
+var onMutation = require('./on-mutation-BxwPAn4k.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var usage = require('./usage-DMdlKJnN.js');
-var guxFormFieldError = require('./gux-form-field-error-Dw1hnlda.js');
-var guxFormFieldContainer = require('./gux-form-field-container-o_Eqp-08.js');
-var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
+var usage = require('./usage-B01--2fH.js');
+var guxFormFieldError = require('./gux-form-field-error-BYZMjP5s.js');
+var guxFormFieldContainer = require('./gux-form-field-container-2_a3wSMK.js');
+var guxFormField_service = require('./gux-form-field.service-BiSsTyYc.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
@@ -32,7 +32,7 @@ var componentResources = {
 	dragAndDropFilesInstructions: dragAndDropFilesInstructions
 };
-const guxFormFieldFileCss = ".gux-form-field-container{display:flex;flex-direction:column}.gux-form-field-container.gux-beside{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;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 0 auto;order:0;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(label){min-inline-size:0}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.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-block-start:var(--gse-ui-formControl-formField-gap);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)}.gux-input-and-error-container{display:flex;flex-grow:1;flex-direction:column;gap:var(--gse-ui-fileUpload-mainContainer-gap)}.gux-drop-container{box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-fileUpload-dragDrop-btnText-gap);margin-inline:0;font-family:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontFamily);font-size:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontSize);font-weight:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontWeight);line-height:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-lineHeight);color:var(--gse-ui-fileUpload-dragAndDrop-dropZoneText-color)}.gux-drop-container.gux-drop-zone{place-content:stretch center;align-items:center;min-block-size:var(--gse-ui-fileUpload-dragAndDrop-dropZone-minHeight);padding:20px;border:var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-width) var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-style) var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-color);border-radius:var(--gse-ui-fileUpload-dropZone-borderRadius)}.gux-drop-container.gux-drop-zone.gux-drag-over:not(.gux-disabled){background-color:var(--gse-ui-fileUpload-dragAndDrop-dropZone-background-active);border:var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-width) var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-style) var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-color)}.gux-drop-container.gux-drop-zone.gux-disabled{border-color:rgba(0, 0, 64, 0.2509803922)}.gux-drop-container.gux-drop-zone.gux-disabled .gux-drag-and-drop-text{opacity:0.5}.gux-offscreen{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-proxy-button{inline-size:fit-content;border-radius:var(--gse-ui-button-borderRadius)}.gux-proxy-button:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-file-list{display:flex;flex-direction:column;gap:var(--gse-ui-fileUpload-fileCard-cardGroup-gap);inline-size:100%}";
+const guxFormFieldFileCss = ".gux-form-field-container{display:flex;flex-direction:column}.gux-form-field-container.gux-beside{flex-direction:row}.gux-character-counter{display:grid;grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr}.gux-character-counter :nth-child(1){grid-row:1/2;grid-column:2/3}.gux-character-counter :nth-child(2){grid-row:1/2;grid-column:1/2}.gux-character-counter :nth-child(3){grid-row:2/3;grid-column:1/-1}.gux-character-counter :nth-child(4){grid-row:3/4;grid-column:1/-1}.gux-character-counter.gux-beside{grid-template-columns:min-content 1fr}.gux-character-counter.gux-beside :nth-child(1){grid-row:1/2;grid-column:1/-1}.gux-character-counter.gux-beside :nth-child(2){grid-row:2/3;grid-column:1/2}.gux-character-counter.gux-beside :nth-child(3){grid-row:2/3;grid-column:2/3}.gux-character-counter.gux-beside :nth-child(4){grid-row:3/4;grid-column:1/-1}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;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 0 auto;order:0;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(label){min-inline-size:0}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{display:flex;inline-size:50%;padding-block-end:var(--gse-ui-formControl-formField-gap)}.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-block-start:var(--gse-ui-formControl-formField-gap);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)}.gux-input-and-error-container{display:flex;flex-grow:1;flex-direction:column;gap:var(--gse-ui-fileUpload-mainContainer-gap)}.gux-drop-container{box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-fileUpload-dragDrop-btnText-gap);margin-inline:0;font-family:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontFamily);font-size:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontSize);font-weight:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontWeight);line-height:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-lineHeight);color:var(--gse-ui-fileUpload-dragAndDrop-dropZoneText-color)}.gux-drop-container.gux-drop-zone{place-content:stretch center;align-items:center;min-block-size:var(--gse-ui-fileUpload-dragAndDrop-dropZone-minHeight);padding:20px;border:var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-width) var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-style) var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-color);border-radius:var(--gse-ui-fileUpload-dropZone-borderRadius)}.gux-drop-container.gux-drop-zone.gux-drag-over:not(.gux-disabled){background-color:var(--gse-ui-fileUpload-dragAndDrop-dropZone-background-active);border:var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-width) var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-style) var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-color)}.gux-drop-container.gux-drop-zone.gux-disabled{border-color:rgba(0, 0, 64, 0.2509803922)}.gux-drop-container.gux-drop-zone.gux-disabled .gux-drag-and-drop-text{opacity:0.5}.gux-offscreen{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-proxy-button{inline-size:fit-content;border-radius:var(--gse-ui-button-borderRadius)}.gux-proxy-button:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-file-list{display:flex;flex-direction:column;gap:var(--gse-ui-fileUpload-fileCard-cardGroup-gap);inline-size:100%}";
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -113,7 +113,7 @@ const GuxFormFieldFileBeta = class {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'd66fd7c7c0ce6518b70c72ffbfadf3c5caf91309', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'f1275f72a608b9ebff405140a19afea507d73760', position: "above", required: this.required }, index.h("slot", { key: 'ab6f12e9dba9680ba51963eadb2f6be298a14989', name: "label" }), index.h("gux-form-field-label-indicator", { key: 'b8485f1633253b6c76a89c05377be218d68c9f27', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '5379bafad54380a5328aaa49e5259c95d062af38', name: "label-info" })), index.h("div", { key: 'fe4d4031ffd16b57666389ed8d9f324cdd4deb16', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'bc59a5bdfd1b5a92867c0bde63689dd7b2897bb7', show: this.hasHelp }, index.h("slot", { key: 'dc9fd872e825df3a0e07d2c769c047a1f5c15133', name: "help" })), this.renderInputSlot(), index.h(guxFormFieldError.GuxFormFieldError, { key: '3338ef3f1b6de251b05741b3f5e7ebc1e2f9f0e0', show: this.hasError }, index.h("slot", { key: '7d202728d353e208833b6e447d8e842e0c3ff30b', name: "error" })), this.renderFileList())));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '675ac2ad6b2298d51816a269b0d1d1c885865a49', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'ab17689c558a2355de1e7a8315bcef1fcd500ae5', position: "above", required: this.required }, index.h("slot", { key: 'f233f0231d205b5fc4737d849139ad850b7c6054', name: "label" }), index.h("gux-form-field-label-indicator", { key: '536914843fefb247897b6c85538dafda59a5558a', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '7cc474fc0f3e028c039c99a41f4e39b5ed498e6d', name: "label-info" })), index.h("div", { key: '8874345bc4f061dce04ba81595b50e4839534448', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'fea399358ab5eeea3f5547d64d6bcaa40d5da14a', show: this.hasHelp }, index.h("slot", { key: '1a0f52f5e82d2a3fef9342f7349f12af05621f8b', name: "help" })), this.renderInputSlot(), index.h(guxFormFieldError.GuxFormFieldError, { key: 'db0752b8bb46f4c4e8fdbf0acba47430f4cc3075', show: this.hasError }, index.h("slot", { key: '7feefc877dc99f14c75a7b93549329f94907ff1c', name: "error" })), this.renderFileList())));
     }
     setInput() {
         this.input = guxFormField_service.getSlottedInput(this.root, 'input[type="file"][slot="input"]');

package/dist/cjs/gux-form-field-file.cjs.entry.js CHANGED Viewed

@@ -1,19 +1,19 @@
 'use strict';
-var index = require('./index-CJEUJwB7.js');
-var onMutation = require('./on-mutation-DFJMtCiW.js');
+var index = require('./index-BGHWOXcN.js');
+var onMutation = require('./on-mutation-BxwPAn4k.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var usage = require('./usage-DMdlKJnN.js');
-var guxFormFieldError = require('./gux-form-field-error-Dw1hnlda.js');
-var guxFormFieldContainer = require('./gux-form-field-container-o_Eqp-08.js');
-var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
+var usage = require('./usage-B01--2fH.js');
+var guxFormFieldError = require('./gux-form-field-error-BYZMjP5s.js');
+var guxFormFieldContainer = require('./gux-form-field-container-2_a3wSMK.js');
+var guxFormField_service = require('./gux-form-field.service-BiSsTyYc.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
-const guxFormFieldFileCss = ".gux-form-field-container{display:flex;flex-direction:column}.gux-form-field-container.gux-beside{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;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 0 auto;order:0;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(label){min-inline-size:0}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.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-block-start:var(--gse-ui-formControl-formField-gap);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)}.gux-input-and-error-container{flex-grow:1}";
+const guxFormFieldFileCss = ".gux-form-field-container{display:flex;flex-direction:column}.gux-form-field-container.gux-beside{flex-direction:row}.gux-character-counter{display:grid;grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr}.gux-character-counter :nth-child(1){grid-row:1/2;grid-column:2/3}.gux-character-counter :nth-child(2){grid-row:1/2;grid-column:1/2}.gux-character-counter :nth-child(3){grid-row:2/3;grid-column:1/-1}.gux-character-counter :nth-child(4){grid-row:3/4;grid-column:1/-1}.gux-character-counter.gux-beside{grid-template-columns:min-content 1fr}.gux-character-counter.gux-beside :nth-child(1){grid-row:1/2;grid-column:1/-1}.gux-character-counter.gux-beside :nth-child(2){grid-row:2/3;grid-column:1/2}.gux-character-counter.gux-beside :nth-child(3){grid-row:2/3;grid-column:2/3}.gux-character-counter.gux-beside :nth-child(4){grid-row:3/4;grid-column:1/-1}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;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 0 auto;order:0;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(label){min-inline-size:0}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{display:flex;inline-size:50%;padding-block-end:var(--gse-ui-formControl-formField-gap)}.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-block-start:var(--gse-ui-formControl-formField-gap);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)}.gux-input-and-error-container{flex-grow:1}";
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -108,7 +108,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '9a562d7523a70d2bff4e7d2d32871ce29bcb865d', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '2d7ea7f26fbcdbb58fdf27053ca8ba6071ebb406', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'dc887919e36a7b6ad595fc98a46a8fa4704c5f0c', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '8fcb9657de2e653d84b21ad04d9aa59406ac6c9f', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'bc0735404ce679d6b5e845dc8875e9cd7379cd4d', name: "label-info" })), index.h("div", { key: 'b7ac14182f08e1e2fd3e1081cd852943bb7e4216', class: "gux-input-and-error-container" }, index.h("slot", { key: '95f713de8c9ca514592d0af6ba7e7b8a9b77a88f', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '35a654570e572eb32778efd3ca2b56a9a6e19710', show: this.hasError }, index.h("slot", { key: 'b2293ffa278d06f4ec6887378801045b0680a010', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '280f35c44b1ea927382e31a541d5a85ea44889c7', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '72f56116408a48fac923bd316915c9174f83c42a', name: "help" })))));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '4a00499581216ca6bfc8969fd57aa2093ef91e12', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'b1bfa1b15a86e4a1d5ecea1d6756ef2eb6a1fa39', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '83e44cb2eef60e2c6b5f35457fbef1f483832e53', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '076163f9a351c422275093d893ee7b26d6279104', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'c022756b20fc0b073c3228379c31839351c9e177', name: "label-info" })), index.h("div", { key: '254da039201a23fd4725fd33b6cf8737ca1cec88', class: "gux-input-and-error-container" }, index.h("slot", { key: '8a8c1948e2d90c3c587f2dfb9dcf46db13e00882', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'd7fca8245f24db03e4fcbcfd0a58a03e5f084024', show: this.hasError }, index.h("slot", { key: '312276b1bee03a0e80faef7665a865ca55025994', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'd89ba7dddd614787497556d54eb2f722082ea988', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f214c42315914b7a25ae4b1c7ddb39198f4d0829', name: "help" })))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-CJEUJwB7.js');
-var usage = require('./usage-DMdlKJnN.js');
-var index$1 = require('./index-DqhFjElJ.js');
+var index = require('./index-BGHWOXcN.js');
+var usage = require('./usage-B01--2fH.js');
+var index$1 = require('./index-CIoLTj6_.js');
 require('./get-closest-element-CfyZl7i7.js');
 const clear = "Clear";
@@ -21,7 +21,7 @@ const GuxFormFieldInputClearButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: 'e796f38dff31b2751a760efa342b22dbd1c24b05', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, index.h("gux-icon", { key: 'd1ad9c79abc513d782310cf497aed0ab88729ef6', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), index.h("gux-tooltip-beta", { key: 'b8596861059c3ff2475dd01564eb4e9af0cc672d', "visual-only": true }, index.h("div", { key: '1e47c8e1b4e120f5737c7d5fa5602f99441c0379', slot: "content" }, this.i18n('clear')))));
+        return (index.h("button", { key: '2844f33beccaa89b1f1a877b048bdfa29d7321bd', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, index.h("gux-icon", { key: '7c910485e8bdd75adbbf473ac61aa2070f5325a9', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), index.h("gux-tooltip-beta", { key: 'b5431f2e2e26a03e78b17913d14dc1299bdc4e14', "visual-only": true }, index.h("div", { key: '922e9867b4f6fc5369218898baf7fa23e32f44f2', slot: "content" }, this.i18n('clear')))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-form-field-label-indicator.cjs.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-CJEUJwB7.js');
-var usage = require('./usage-DMdlKJnN.js');
-var index$1 = require('./index-DqhFjElJ.js');
+var index = require('./index-BGHWOXcN.js');
+var usage = require('./usage-B01--2fH.js');
+var index$1 = require('./index-CIoLTj6_.js');
 require('./get-closest-element-CfyZl7i7.js');
 const optional = "optional";

package/dist/cjs/gux-form-field-number_2.cjs.entry.js CHANGED Viewed

@@ -1,20 +1,20 @@
 'use strict';
-var index = require('./index-CJEUJwB7.js');
-var index$1 = require('./index-DqhFjElJ.js');
+var index = require('./index-BGHWOXcN.js');
+var index$1 = require('./index-CIoLTj6_.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-DFJMtCiW.js');
+var onMutation = require('./on-mutation-BxwPAn4k.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
-var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
+var guxFormField_service = require('./gux-form-field.service-BiSsTyYc.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var guxFormFieldError = require('./gux-form-field-error-Dw1hnlda.js');
-var guxFormFieldContainer = require('./gux-form-field-container-o_Eqp-08.js');
-var usage = require('./usage-DMdlKJnN.js');
+var guxFormFieldError = require('./gux-form-field-error-BYZMjP5s.js');
+var guxFormFieldContainer = require('./gux-form-field-container-2_a3wSMK.js');
+var usage = require('./usage-B01--2fH.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
 var en = require('./en-0H0Z_nRu.js');
-var onClickOutside = require('./on-click-outside-B_0pncNB.js');
+var onClickOutside = require('./on-click-outside-P0KtJaXL.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./random-html-id-DH9-ntZu.js');
@@ -27,7 +27,7 @@ var componentResources = {
 	decrement: decrement
 };
-const guxFormFieldNumberCss = ".gux-form-field-container{display:flex;flex-direction:column}.gux-form-field-container.gux-beside{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;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 0 auto;order:0;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(label){min-inline-size:0}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.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-block-start:var(--gse-ui-formControl-formField-gap);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;inline-size:100%;padding-block-end:0;overflow:hidden;text-overflow:ellipsis;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);text-align:var(--gux-text-align, end);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border: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;inline-size:100%}.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;inline-size:100%;block-size: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);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:focus-within{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-focusOutline-offset);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)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-step-buttons-container{flex:0 1 14px;align-self:auto;order:0;margin-inline-start:var(--gse-ui-formControl-spinButton-gap)}.gux-step-buttons-container .gux-step-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-defaultColor);background:transparent;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) transparent}.gux-step-buttons-container .gux-step-button:not(:disabled):focus-visible,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{cursor:pointer;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-step-buttons-container .gux-step-button:disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-step-buttons-container .gux-step-button gux-icon{flex:0 0 auto;inline-size:14px;block-size:14px}";
+const guxFormFieldNumberCss = ".gux-form-field-container{display:flex;flex-direction:column}.gux-form-field-container.gux-beside{flex-direction:row}.gux-character-counter{display:grid;grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr}.gux-character-counter :nth-child(1){grid-row:1/2;grid-column:2/3}.gux-character-counter :nth-child(2){grid-row:1/2;grid-column:1/2}.gux-character-counter :nth-child(3){grid-row:2/3;grid-column:1/-1}.gux-character-counter :nth-child(4){grid-row:3/4;grid-column:1/-1}.gux-character-counter.gux-beside{grid-template-columns:min-content 1fr}.gux-character-counter.gux-beside :nth-child(1){grid-row:1/2;grid-column:1/-1}.gux-character-counter.gux-beside :nth-child(2){grid-row:2/3;grid-column:1/2}.gux-character-counter.gux-beside :nth-child(3){grid-row:2/3;grid-column:2/3}.gux-character-counter.gux-beside :nth-child(4){grid-row:3/4;grid-column:1/-1}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;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 0 auto;order:0;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(label){min-inline-size:0}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{display:flex;inline-size:50%;padding-block-end:var(--gse-ui-formControl-formField-gap)}.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-block-start:var(--gse-ui-formControl-formField-gap);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;inline-size:100%;padding-block-end:0;overflow:hidden;text-overflow:ellipsis;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);text-align:var(--gux-text-align, end);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border: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;inline-size:100%}.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;inline-size:100%;block-size: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);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:focus-within{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-focusOutline-offset);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)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-step-buttons-container{flex:0 1 14px;align-self:auto;order:0;margin-inline-start:var(--gse-ui-formControl-spinButton-gap)}.gux-step-buttons-container .gux-step-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-defaultColor);background:transparent;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) transparent}.gux-step-buttons-container .gux-step-button:not(:disabled):focus-visible,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{cursor:pointer;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-step-buttons-container .gux-step-button:disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-step-buttons-container .gux-step-button gux-icon{flex:0 0 auto;inline-size:14px;block-size:14px}";
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -115,14 +115,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '476289fec520dca4865237d8389a23a82cb680a3', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '634f4b34789a05410922fd94ad1401e2a290793f', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '1eb4f92404dc8c216effde61d88c0900e0762250', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '45ca01653b6f98ef2db38d85b3378a023ea8d63d', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'ecea95219130e3610fb61d87b0ef0fff5b241045', name: "label-info" })), index.h("div", { key: 'f1167bce53378b848f88edf23f382345555529eb', class: "gux-input-and-error-container" }, index.h("div", { key: '0468bc968a85a3eb3d2113597fb1c88cdde5906f', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'e49440f3c26661df2f86ea0baa4f472f8866b2b4', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '7add0214327d80670cbc7a0666ee239ac3bd6731', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '23d701731c30ee8ffb52a54210af6edadda3d0bd', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '7c5313065dbd621744c4db498bb1975a5525ff9c', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '9702fc65d671a6f1c76fa3535ac9542239aa9df5', name: "label-info" })), index.h("div", { key: 'e016a2b7ca741176167e17ad8af6dd6927b06484', class: "gux-input-and-error-container" }, index.h("div", { key: '55bc485601160866b18159c56f2050638aff67fe', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, index.h("div", { key: 'fc1b5d10c8ac9bae43fb36104df4ee93eb473bac', class: {
+            }, part: "input-section" }, index.h("div", { key: '02e0e9ce873e46ac408150554dc67023d45d75cc', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, style: { '--gux-text-align': this.textAlign }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: 'af4c3e6794de24e9bb5d438799b9a926ca34235d', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: '9039c4ef353ee74aca1628059ad17510d79751de', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: 'de8f3d568b90357dcfa3189f478af45b8c16fa56', show: this.hasError }, index.h("slot", { key: 'f859cb2c03e35b75f676efffcd082be9dc25bc07', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'ae0469c5053ea98fcac1be5eb6a865e05bba49a9', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'e3125bb7c5ad7ab86dc10c7f51fa82a4b340805c', name: "help" })))));
+            }, style: { '--gux-text-align': this.textAlign }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: 'ce5b425846ad18bea77d6565ebc5a9cb9ed0ae66', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: '8fe1c5344b21bb34a2385cab976bf568c75eca55', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: 'ba4150c095025c8a105bf893c191e08cd211c5ec', show: this.hasError }, index.h("slot", { key: 'c4dbdd264f03fb106c0e78ae328d5a92e0db8fd2', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'b27b880c39594f8d1a88154361ac1a850f39c8e9', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '9ad9536e4a5354ee9ae5af6d0bbc6aa53cb6a5b8', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -281,10 +281,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            index.h("gux-button", { key: 'f15a7f8dc0ef9abc9662336a7ae68ee3c8b59fcf', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, index.h("gux-icon", { key: '0bd4dc0b4acc7ad0f97759d9c602bad26b38ae63', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            index.h("gux-tooltip", { key: '28c3b7e2c0b7afec7bf025104089f290eca533de', for: "popover-target" }, index.h("div", { key: '4cf7a6347d6aa09fcf4baf3ebe2a82f97e08cd9f', slot: "content" }, this.i18n('goToPage'))),
-            index.h("gux-popover", { key: 'd05859ddaa7072d6b7e9ad160cc8a8739aedd678', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: '69cddbce7ab4a35b0595c43d1aedd26417a7e2e3', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: '31577f7af2b1cdfded0fbbe516c09b7dafe5c6a8' }, index.h("input", { key: '83ae91baba0465971dbcb34b4b3d08c0cec524ad', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
-                    evt.preventDefault() }), index.h("label", { key: '4f53b97e4d632aebec1ff64efe9df5e9eb3fa7dc', slot: "label" })))
+            index.h("gux-button", { key: '48f4b3dcdc95abdb27e4c3f7d8987b3c22de5e80', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, index.h("gux-icon", { key: '7ed0fab1e1e66fd2262b9be15b79580a1f2a7146', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            index.h("gux-tooltip", { key: 'ff4a46070aba1f306a3a83973c8cab97853a4eba', for: "popover-target" }, index.h("div", { key: '78fb6bbb47b5457309d151fcd6f5a9f5b085c5fe', slot: "content" }, this.i18n('goToPage'))),
+            index.h("gux-popover", { key: 'af9164709d8ae88b04bfcda638cc7a14956d8d00', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: 'a2124b4456bd9380a2b5bac59b03fe09e207c058', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: '3c684ac85dbea4bfb4e1d22ee74f4dacc32580f2' }, index.h("input", { key: '6c2db869d94dbda38a35dca4035b666e724f7ac7', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
+                    evt.preventDefault() }), index.h("label", { key: 'f0c5ac6ba3b96425f4960e1c808ece7cf80a771a', slot: "label" })))
         ];
     }
     get root() { return index.getElement(this); }

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

@@ -1,15 +1,15 @@
 'use strict';
-var index = require('./index-CJEUJwB7.js');
-var index$1 = require('./index-DqhFjElJ.js');
-var onMutation = require('./on-mutation-DFJMtCiW.js');
+var index = require('./index-BGHWOXcN.js');
+var index$1 = require('./index-CIoLTj6_.js');
+var onMutation = require('./on-mutation-BxwPAn4k.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
-var usage = require('./usage-DMdlKJnN.js');
-var guxFormFieldError = require('./gux-form-field-error-Dw1hnlda.js');
-var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-CfEHfKLw.js');
+var usage = require('./usage-B01--2fH.js');
+var guxFormFieldError = require('./gux-form-field-error-BYZMjP5s.js');
+var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-Dt5fmqq7.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
-var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
+var guxFormField_service = require('./gux-form-field.service-BiSsTyYc.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -105,14 +105,14 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '7f002d7a4d36d516bb9ad9fdf11e7e332fb7e517', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'dd4efcd27dd4cf5e54f778cfb969ed0b528ffb2f' }, (_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: '80dae08bc0905b55ecbcc19cc6f171c84961e977', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '9a351a20e43ade3aa9f53ae519e125e526919f66', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '52a29606f8a8bd13048197712b8b9736f0016605', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '34f9ce1ecefdbe6a28628eb9a6a095abb2eb31b5', name: "label-info" })), index.h("div", { key: 'c048f4de9d9db0b48166eca6214d8d07670ed98e', class: "gux-input-and-error-container" }, index.h("div", { key: 'cd885cce396cd90405090e3de2ec89358d60c9a8', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '067c3644adc44608959d6b061db8ce8c1f0a3571', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '2ef433987c0cdbd4500264a7a909b4ddf0b4bda9' }, (_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: '0d9afaea49517cca23a8fd7a45277ef1f43cc6c4', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '15e449032f847f83672d853de0e37fe4e4f0ebfb', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '18f98a360e9ec2506b013d3c49f04da72e08e29c', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '5140e56e217e20b8c3123ed075a1f3d296d1f2de', name: "label-info" })), index.h("div", { key: '2722bdc7ded539188adae4b49db689d8b16d4bf7', class: "gux-input-and-error-container" }, index.h("div", { key: 'afb8203a5dbd0e31436a9c8572cebeb38e9f34e8', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '2426dec0a786b9c08cc18a3289a9aea6acf07ce0', class: {
+            } }, index.h("div", { key: '1ce1f141f4aa0c376f223f6ed41445a1629981d4', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'dc170219046f69016c2fc111e9543b48d39dbeb8' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '0e55538b92ec922e744d58784f78478d00888292', show: this.hasError }, index.h("slot", { key: '54c4691505613098eb6b253b784a54d4eeb450c9', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'ab607e7a1931a79e84fad3404e54172a068aa4c6', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f0fc57a92422409e5107c23f25d3bcfde9be2aad', name: "help" })))));
+            } }, index.h("slot", { key: 'adc52f2310098169594830c525b875f5331d5482' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '46955a52ea44562ceaff5ec7fc2735ce7668bc7a', show: this.hasError }, index.h("slot", { key: '41fb5cc0780b84044bd45b7eddb3f9168b266708', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '624379030f8ce48717ceb0466efa7220e8486743', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '1d5819f54280d07716c7dc3a15d812efd915e518', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -1,13 +1,13 @@
 'use strict';
-var index = require('./index-CJEUJwB7.js');
-var onMutation = require('./on-mutation-DFJMtCiW.js');
+var index = require('./index-BGHWOXcN.js');
+var onMutation = require('./on-mutation-BxwPAn4k.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var index$1 = require('./index-DqhFjElJ.js');
-var guxFormFieldError = require('./gux-form-field-error-Dw1hnlda.js');
-var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-CfEHfKLw.js');
+var index$1 = require('./index-CIoLTj6_.js');
+var guxFormFieldError = require('./gux-form-field-error-BYZMjP5s.js');
+var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-Dt5fmqq7.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
-var usage = require('./usage-DMdlKJnN.js');
+var usage = require('./usage-B01--2fH.js');
 require('./get-closest-element-CfyZl7i7.js');
 const required = "Required";
@@ -130,8 +130,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '3c8dd01690792866de854e2b0f165e49a2d65794', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '2bb339ee3382ed8a53dc5fa2c18c8d35a07982f8' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'e1e6d9514d585b94426640e1886507fd3564c005', position: "above", required: this.required }, index.h("slot", { key: 'b57d2a2d3ddf247c65b56bca14ec1df115bfdfcd', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '4d101d85b50dc94528340a30d7f7385419d48b72', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '552239601d89f8bbc972edc27cc0c378c7816324', name: "group-label-info" })), index.h("slot", { key: '60c692ae9c807d5e9d3081ccc8cfa053efadc3e1' }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'aff42f8abc8573c01342b38b90265debd7c3020c', show: this.hasGroupError }, index.h("slot", { key: '95dae42ed28b431abeb4d4fcdac099ce572db2c7', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '27a0e6ea691b7f4b74e347063ce9f46ea035c914', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'e720860250bf9a9cf6e348b99f09b88c865d0b3e', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'c40014e4da7c7c6180110aad1dacd14b9cb0e083', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'e3638d3969f008dade406067ffcfd29a392f548a' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'daed4d6464936cbb870cfc03b951b6dd3da62046', position: "above", required: this.required }, index.h("slot", { key: 'f8d7fac4b919ef17041b31b33c87b9051576ff26', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '01bf79f892a630fdcab7f668fc5f17eef1f24c5c', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '04bf90a17d896cf84e97c6343d339d2559e8c4e7', name: "group-label-info" })), index.h("slot", { key: 'f998cd340ad62e29759772e5d92f79184038a2d5' }), index.h(guxFormFieldError.GuxFormFieldError, { key: '4e0aa5e65783b0db26ae93cf78741d0fdf6b2319', show: this.hasGroupError }, index.h("slot", { key: 'be81dc9697df1d4b9b276bea9d0ad42b395737c6', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'b545ad588f79944aaa14fc0f0acce41f474d6d89', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'fc7a86ca04edc7b945412aade5696d2ede04f5ac', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -1,13 +1,13 @@
 'use strict';
-var index = require('./index-CJEUJwB7.js');
+var index = require('./index-BGHWOXcN.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-DFJMtCiW.js');
+var onMutation = require('./on-mutation-BxwPAn4k.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var guxFormFieldError = require('./gux-form-field-error-Dw1hnlda.js');
-var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-DMdlKJnN.js');
+var guxFormFieldError = require('./gux-form-field-error-BYZMjP5s.js');
+var guxFormField_service = require('./gux-form-field.service-BiSsTyYc.js');
+var usage = require('./usage-B01--2fH.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
@@ -48,10 +48,10 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '280cebf11e4924112fb46527bbd9e20c7403c682', class: {
+        return (index.h(index.Host, { key: '6f8e6641bdd917093000b409d24c9f9f4daae42f', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '4a9f32489d8f6615b575e7da0746a3e3e566934d', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: 'b622caa4da930c98900976c6e10f5ee84c125eed', class: "gux-input-label" }, index.h("div", { key: '100684b710294f3952f367ee148985bf9dbb382e', class: "gux-input" }, index.h("slot", { key: 'f55beaafe1664542857d2a1587629021501625af', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'b2184452be404de8a54c34838beaa41149b248a0', class: "gux-label" }, index.h("slot", { key: '0d18c02f8c3f92bd48f35a524bfdbb7d75413edf', name: "label" }))), index.h("div", { key: 'd5441591eaab0f9e7ab9d8baf01376f56e2df79c', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '59c054b9dd9b438d81b06b277e0873acb2de7a4e', show: this.hasError }, index.h("slot", { key: '516ce8c6f9620d5dd34e63f89a43554fda804396', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '975de354b965e2be151ab2ec7c19c5a80ce771e8', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '2b72de789cc6f5800de7cb48fd913c58ea5f2baa', name: "help" }))))));
+            } }, index.h("div", { key: '50d54260daa8166e7a19459097e351c6ed5f040a', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '098dda5521471f74022b0113fe2e76c4ac33713e', class: "gux-input-label" }, index.h("div", { key: 'cec03aca12b0085cea6cb4a73cae05ba725dcd97', class: "gux-input" }, index.h("slot", { key: 'bc943846deaa3c4f87975d6292a46ba0f8061ab6', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '67bbb8194c1739dee032da0d921b36789cdd2463', class: "gux-label" }, index.h("slot", { key: '2d400d5a46e027c98313b89329beaae4c09ca19a', name: "label" }))), index.h("div", { key: 'e8a8d8da04be67799fcb93f786596f7447bb74f6', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: 'b0d3667990bbb43cbe1da2bcb6d7929b42ea6b9c', show: this.hasError }, index.h("slot", { key: '4b65de9ae0aa9cb52ad408f574b82009e2edd8c0', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'ccb6811af34476db953e5c2c46c1b5a7a0d12ce0', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'dd0945446224945a847626d4d7b5285ff5c9a810', 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 CHANGED Viewed

@@ -1,21 +1,21 @@
 'use strict';
-var index = require('./index-CJEUJwB7.js');
+var index = require('./index-BGHWOXcN.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-DFJMtCiW.js');
+var onMutation = require('./on-mutation-BxwPAn4k.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var guxFormFieldError = require('./gux-form-field-error-Dw1hnlda.js');
-var guxFormFieldContainer = require('./gux-form-field-container-o_Eqp-08.js');
-var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-DMdlKJnN.js');
-var onResize = require('./on-resize-G6T1Q0Vv.js');
+var guxFormFieldError = require('./gux-form-field-error-BYZMjP5s.js');
+var guxFormFieldContainer = require('./gux-form-field-container-2_a3wSMK.js');
+var guxFormField_service = require('./gux-form-field.service-BiSsTyYc.js');
+var usage = require('./usage-B01--2fH.js');
+var onResize = require('./on-resize-q832igpu.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
-const guxFormFieldRangeCss = ".gux-form-field-container{display:flex;flex-direction:column}.gux-form-field-container.gux-beside{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;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 0 auto;order:0;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(label){min-inline-size:0}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.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-block-start:var(--gse-ui-formControl-formField-gap);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[type=range]){position:absolute;inline-size:100%;block-size:var(--gse-ui-rangeSlider-bar-height);margin-block:calc(var(--gse-ui-rangeSlider-handle-height) / 2);margin-block-start:calc(-1 * (calc(var(--gse-ui-rangeSlider-handle-height) / 2) + var(--gse-ui-rangeSlider-bar-height)));margin-inline:0;-webkit-appearance:none;background:transparent}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container.gux-hidden{display:none}.gux-input-and-error-container .gux-range-input-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-rangeSlider-gap);place-content:stretch flex-start;align-items:center;block-size:var(--gse-ui-rangeSlider-set-height);font-size:var(--gse-ui-rangeSlider-label-text-fontSize)}.gux-input-and-error-container .gux-range-input-container.gux-disabled{opacity:var(--gse-ui-rangeSlider-disabled-opacity)}.gux-input-and-error-container .gux-range-input-container .gux-range{position:relative;flex:1 1 auto;align-self:center;order:0}.gux-input-and-error-container .gux-range-input-container .gux-range:hover .gux-range-tooltip,.gux-input-and-error-container .gux-range-input-container .gux-range:focus-within .gux-range-tooltip{visibility:visible}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track{inline-size:100%;block-size:var(--gse-ui-rangeSlider-bar-height);margin-block:6px;margin-inline:0;background:var(--gse-ui-rangeSlider-bar-default-backgroundColor);border-radius:var(--gse-ui-rangeSlider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track .gux-progress{block-size:var(--gse-ui-rangeSlider-bar-height);background-color:var(--gse-ui-rangeSlider-bar-selected-backgroundColor);border-radius:var(--gse-ui-rangeSlider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-display{flex:0 1 auto;align-self:auto;order:0;margin-block:0;margin-inline:var(--gux-spacing-medium) 0;font-family:var(--gse-ui-rangeSlider-label-text-fontFamily);font-size:var(--gse-ui-rangeSlider-label-text-fontSize);font-weight:var(--gse-ui-rangeSlider-label-text-fontWeight);line-height:var(--gse-ui-rangeSlider-label-text-lineHeight);text-align:end}.gux-input-and-error-container .gux-range-input-container .gux-display.gux-hidden{display:none}.gux-form-field-label.gux-beside{inset-block-start:0}";
+const guxFormFieldRangeCss = ".gux-form-field-container{display:flex;flex-direction:column}.gux-form-field-container.gux-beside{flex-direction:row}.gux-character-counter{display:grid;grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr}.gux-character-counter :nth-child(1){grid-row:1/2;grid-column:2/3}.gux-character-counter :nth-child(2){grid-row:1/2;grid-column:1/2}.gux-character-counter :nth-child(3){grid-row:2/3;grid-column:1/-1}.gux-character-counter :nth-child(4){grid-row:3/4;grid-column:1/-1}.gux-character-counter.gux-beside{grid-template-columns:min-content 1fr}.gux-character-counter.gux-beside :nth-child(1){grid-row:1/2;grid-column:1/-1}.gux-character-counter.gux-beside :nth-child(2){grid-row:2/3;grid-column:1/2}.gux-character-counter.gux-beside :nth-child(3){grid-row:2/3;grid-column:2/3}.gux-character-counter.gux-beside :nth-child(4){grid-row:3/4;grid-column:1/-1}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;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 0 auto;order:0;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(label){min-inline-size:0}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{display:flex;inline-size:50%;padding-block-end:var(--gse-ui-formControl-formField-gap)}.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-block-start:var(--gse-ui-formControl-formField-gap);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[type=range]){position:absolute;inline-size:100%;block-size:var(--gse-ui-rangeSlider-bar-height);margin-block:calc(var(--gse-ui-rangeSlider-handle-height) / 2);margin-block-start:calc(-1 * (calc(var(--gse-ui-rangeSlider-handle-height) / 2) + var(--gse-ui-rangeSlider-bar-height)));margin-inline:0;-webkit-appearance:none;background:transparent}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container.gux-hidden{display:none}.gux-input-and-error-container .gux-range-input-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-rangeSlider-gap);place-content:stretch flex-start;align-items:center;block-size:var(--gse-ui-rangeSlider-set-height);font-size:var(--gse-ui-rangeSlider-label-text-fontSize)}.gux-input-and-error-container .gux-range-input-container.gux-disabled{opacity:var(--gse-ui-rangeSlider-disabled-opacity)}.gux-input-and-error-container .gux-range-input-container .gux-range{position:relative;flex:1 1 auto;align-self:center;order:0}.gux-input-and-error-container .gux-range-input-container .gux-range:hover .gux-range-tooltip,.gux-input-and-error-container .gux-range-input-container .gux-range:focus-within .gux-range-tooltip{visibility:visible}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track{inline-size:100%;block-size:var(--gse-ui-rangeSlider-bar-height);margin-block:6px;margin-inline:0;background:var(--gse-ui-rangeSlider-bar-default-backgroundColor);border-radius:var(--gse-ui-rangeSlider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track .gux-progress{block-size:var(--gse-ui-rangeSlider-bar-height);background-color:var(--gse-ui-rangeSlider-bar-selected-backgroundColor);border-radius:var(--gse-ui-rangeSlider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-display{flex:0 1 auto;align-self:auto;order:0;margin-block:0;margin-inline:var(--gux-spacing-medium) 0;font-family:var(--gse-ui-rangeSlider-label-text-fontFamily);font-size:var(--gse-ui-rangeSlider-label-text-fontSize);font-weight:var(--gse-ui-rangeSlider-label-text-fontWeight);line-height:var(--gse-ui-rangeSlider-label-text-lineHeight);text-align:end}.gux-input-and-error-container .gux-range-input-container .gux-display.gux-hidden{display:none}.gux-form-field-label.gux-beside{inset-block-start:0}";
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -116,9 +116,9 @@ const GuxFormFieldRange = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (index.h(index.Host, { key: 'a71c428b667ac9ad6f2df614b2b9d6ec1d1a0288', class: {
+        return (index.h(index.Host, { key: '7a55a646571bfdaa1ffb26767e11ad6da6d0c68e', class: {
                 'gux-active': this.active
-            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '6923db6cae4a65bb5b96ea2d02f6bcfafdb5ac96', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'fc0fe9b7d185a8f762a2b176fcb7c3a045ace9bc', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '8452f38889b077c24125f6e33b795bec5c3bff62', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '8d922fdf2ac1ed388e3a3a9ba200990636ab0354', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'c1231bd9c2dd2943c45bbed163955837c89dc287', name: "label-info" })), index.h("div", { key: '296393f95d8412f21928d87ef318aef8f66a37f4', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '9c2fca9ebf6cafba768261686d3b8a41d48d8e2a', show: this.hasError }, index.h("slot", { key: '7389b4a595d9e675fc68a3756b3c4abb4cda050f', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '0dfb2474aa895dd7324ea58d2425d471f66bd377', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'd0f1a86127a31c996982682480c3910c29c5088d', name: "help" }))))));
+            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '6d7892292ab9e97b326457e7ac0ff0c2d5687577', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '19c554f64ca5d4c851f2e1a5a6def8c0ee761c51', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'b4839412444beff05d9f67bae7ea8c649aa74fce', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '42dbd4c1a32460945fcef16ebd99df693b8a96d9', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '08e8f926563b927d98f10f50876023866cd088c7', name: "label-info" })), index.h("div", { key: '3f51efa906f41de6682e144e54d7813f4ac5f1b0', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '1c8714e9465323c9289026d774e6036dda3afbe5', show: this.hasError }, index.h("slot", { key: '1b18dff0885f0e0c50ffff9cb23dc3f91e69e209', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '78b8b26030dce4a59847f90c567fc6a4c2d66255', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '3f684ba2281aaa89f8f1df031dc70a263d5a8d5b', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';