npm - genesys-spark-components - Versions diffs - 4.199.1 → 4.199.2 - Mend

genesys-spark-components 4.199.1 → 4.199.2

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 (710) hide show

package/dist/cjs/gux-dropdown_3.cjs.entry.js CHANGED Viewed

@@ -6,7 +6,7 @@ var index$1 = require('./index-ZbfXD2eC.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-C0Jt1SGJ.js');
+var usage = require('./usage-BDtPYIbd.js');
 var onMutation = require('./on-mutation-BohhBDYB.js');
 var guxListbox_service = require('./gux-listbox.service--Kw0a8sM.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
@@ -26,7 +26,7 @@ var translationResources$1 = {
 	dropdown: dropdown
 };
-const guxDropdownCss = ":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-field,.gux-target-container-filterable{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);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);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-filterable,.gux-target-container-not-filterable .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-error.gux-target-container-not-filterable .gux-field-button,.gux-error.gux-target-container-filterable{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-not-filterable .gux-field-button,.gux-disabled.gux-target-container-filterable{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-target-container-not-filterable .gux-field-button:hover,.gux-target-container-filterable:hover{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-field.gux-input-field{block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{--gux-zindex-tooltip:3;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-filterable{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-target-container-filterable.gux-target-container-filterable-active{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-input-borderRadius)}.gux-target-container-filterable:focus-visible{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)}.gux-target-container-filterable:focus-within:has(:focus-visible){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)}.gux-target-container-filterable .gux-filter-input{background-color:inherit;border:none}.gux-target-container-filterable .gux-filter-input:focus{outline:none;border:none}.gux-target-container-filterable .gux-filter-input::selection{color:inherit;background:transparent;}.gux-target-container-filterable .gux-field-button{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;outline:none;background:inherit;border:none;box-shadow:none}.gux-target-container-filterable .gux-field-button:focus{outline:none}.gux-target-container-not-filterable .gux-field-button{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-target-container-not-filterable .gux-field-button:focus-visible{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)}.gux-target-container-not-filterable .gux-field-button:focus-within:has(:focus-visible){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)}::slotted(gux-listbox){outline:none;box-shadow:var(--gse-ui-menu-boxShadow)}.gux-selected-icon{display:flex;flex-direction:row;align-items:center}.gux-selected-icon.gux-icon-position-end{flex-direction:row-reverse}.gux-selected-icon gux-icon{padding-inline-end:var(--gse-ui-dropdown-gap)}";
+const guxDropdownCss = ":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-field,.gux-target-container-filterable{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dropdown-gap);place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);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);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-filterable,.gux-target-container-not-filterable .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-error.gux-target-container-not-filterable .gux-field-button,.gux-error.gux-target-container-filterable{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-not-filterable .gux-field-button,.gux-disabled.gux-target-container-filterable{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-target-container-not-filterable .gux-field-button:hover,.gux-target-container-filterable:hover{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-field.gux-input-field{block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{--gux-zindex-tooltip:3;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-filterable{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-target-container-filterable.gux-target-container-filterable-active{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-input-borderRadius)}.gux-target-container-filterable:focus-visible{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)}.gux-target-container-filterable:focus-within:has(:focus-visible){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)}.gux-target-container-filterable .gux-filter-input{background-color:inherit;border:none}.gux-target-container-filterable .gux-filter-input:focus{outline:none;border:none}.gux-target-container-filterable .gux-filter-input::selection{color:inherit;background:transparent;}.gux-target-container-filterable .gux-field-button{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;outline:none;background:inherit;border:none;box-shadow:none}.gux-target-container-filterable .gux-field-button:focus{outline:none}.gux-target-container-not-filterable .gux-field-button{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-target-container-not-filterable .gux-field-button:focus-visible{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)}.gux-target-container-not-filterable .gux-field-button:focus-within:has(:focus-visible){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)}::slotted(gux-listbox){outline:none;box-shadow:var(--gse-ui-menu-boxShadow)}.gux-selected-icon{display:flex;flex-direction:row;align-items:center}.gux-selected-icon.gux-icon-position-end{flex-direction:row-reverse}.gux-selected-icon gux-icon{padding-inline-end:var(--gse-ui-dropdown-gap)}";
 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;
@@ -382,7 +382,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (index.h("gux-popup", { key: 'e4781f02c135aac0d306241af4ff14ee576ef4b2', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: '3adac9cd14b03a5770ebdaf54dd80ce3da53ca1f', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -607,13 +607,13 @@ const GuxOption = class {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (index.h(index.Host, { key: 'b04390887a747ee520c74e9aa76d9115b6522162', role: "option", class: {
+        return (index.h(index.Host, { key: '4e62af5e88e8a161bd21adbd7bfc0c3feb30ea7a', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString.booleanString(this.disabled || this.hasDisabledParent()) }, index.h("div", { key: 'c4f1d57329ea6f11b3105350d541adca91284d53', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '6ff141ac7c6145413a2d45ec6a194a4289537454', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'c64cb966786cfa051b040f884b707c7bea0998af' })), index.h("slot", { key: '6af7b43a8b7aacc20c41610c82f5cc68a95bcee3', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString.booleanString(this.disabled || this.hasDisabledParent()) }, index.h("div", { key: 'be7d5ab42155ebc2096c9c91d98f93271ac11738', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'd464d586da1888b1b7dcb73c062849301fea99bf', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'd323f844b46238ad580b537724c559e619d03fda' })), index.h("slot", { key: 'fac32caf4469f4c3c78a3a4310046ed9babd52cc', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-file-list-item.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 var index = require('./index-NcMXRJjU.js');
 var index$1 = require('./index-ZbfXD2eC.js');
-var usage = require('./usage-C0Jt1SGJ.js');
+var usage = require('./usage-BDtPYIbd.js');
 require('./get-closest-element-CfyZl7i7.js');
 const removeFile = "Remove {filename} file";
@@ -29,11 +29,11 @@ const GuxFileListItem = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: '00990d1ebf3b321209e6c62f45f15cf486485ba2', class: {
+        return (index.h("div", { key: 'db9fcf9dc789dd6fe5a74bebd6ef72e0666057d1', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '8089b456376230aacb9ebe4009d1cd0a659d9cf4', class: "gux-info" }, index.h("gux-truncate", { key: 'dbfc05cb6c2741c22d087c239f03ab79ee41f473' }, index.h("span", { key: 'c7c59a3f0c8c9911c72bfc883bdb673c07687606', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, index.h("div", { key: 'a53d203206e5351d12552af8ad649ffe9baacbbe', class: "gux-info" }, index.h("gux-truncate", { key: 'b2c3a410891aab4a1c818c7b2448186d2c3fe2dc' }, index.h("span", { key: 'af6f80b9cac6a7607582f1d1c304a0794cb121f2', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {

package/dist/cjs/gux-flag-icon-beta.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
 var index = require('./index-NcMXRJjU.js');
-var usage = require('./usage-C0Jt1SGJ.js');
+var usage = require('./usage-BDtPYIbd.js');
 var index$1 = require('./index-ZbfXD2eC.js');
 require('./get-closest-element-CfyZl7i7.js');

package/dist/cjs/gux-flyout-menu.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 var index = require('./index-NcMXRJjU.js');
 var floatingUi_dom = require('./floating-ui.dom-BRbjfoUo.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-C0Jt1SGJ.js');
+var usage = require('./usage-BDtPYIbd.js');
 var guxMenu_common = require('./gux-menu.common-B8_9UAPe.js');
 var index$1 = require('./index-ZbfXD2eC.js');
 require('./get-closest-element-CfyZl7i7.js');
@@ -190,10 +190,10 @@ const GuxFlyoutMenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'd3b502f251376ed98562a513c4a91d20f4bbcff3', tabIndex: 0, "aria-haspopup": "true" }, index.h("gux-announce-beta", { key: '884ea314fb50cf835f4197f25915919058cf43c9', ref: el => (this.announceElement = el) }), index.h("span", { key: 'e3c698df869b2f4a7507f56ed5d8a170bd7cc794', ref: el => (this.targetElement = el) }, index.h("slot", { key: 'f823a69e0115c9a3dde93d78980581ff09311480', name: "target" })), index.h("div", { key: '25cd38a1fd9579145c77c889f6e8cced0a46a0c0', class: {
+        return (index.h(index.Host, { key: '5b2376413d40db8954a5f78630de79887d3e396c', tabIndex: 0, "aria-haspopup": "true" }, index.h("gux-announce-beta", { key: 'faafe424e69a4f34df4bd71bffa5268897667b61', ref: el => (this.announceElement = el) }), index.h("span", { key: '2c02399a516a80d0ba4f0b384b9983af38368f8b', ref: el => (this.targetElement = el) }, index.h("slot", { key: '1a60f90751608ae9838fcf6ae398ee1de2166f00', name: "target" })), index.h("div", { key: '0687d6e5959748eab76473146c5721f59b1e5ee7', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: 'c99a3da87b6d48a55a71cd743074b52fcfb3d97e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '0f812f5a7f139561bee2f7715fc79aa15923ed14', class: "gux-arrow-caret" })), index.h("slot", { key: 'ce19c680e0fe591d3d7639fd50470d4682fa267c', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: '995da3807eda87a9a6d123b13fcd6bd97a9beeb6', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: 'e4a91985cf899690a720f9386cb7cfa051e0ee96', class: "gux-arrow-caret" })), index.h("slot", { key: '3cd07ce856ecaedfb774f0102d7f1c5c98d3c8a4', name: "menu" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -9,7 +9,7 @@ var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var guxFormFieldError = require('./gux-form-field-error-D9-q2kVI.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-Cuz9fIqA.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
-var usage = require('./usage-C0Jt1SGJ.js');
+var usage = require('./usage-BDtPYIbd.js');
 require('./get-closest-element-CfyZl7i7.js');
 function setAllCheckboxInputs(root, checked) {
@@ -194,8 +194,8 @@ const GuxFormFieldCheckboxGroupBeta = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '9ef89b47c90168ee012be4bbb8dacfd7732e229e', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '34f65b8c8f1cdc4b52b37f59db46baae2c412f4f' }, (_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: '3414234f6225cfd77b3c8b6046cf8c7014409cab', position: "above", required: this.required }, index.h("slot", { key: '0ab8c8a8cb183df2161768601429bf706a8355ab', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '9d074b28860c6250ba35a1df0d5a4f2cbe9673c2', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '02cfbeb4acaf746b626af70ed1056604620578ed', name: "group-label-info" })), index.h("slot", { key: '8f403408a080e0716ae357cc4b26b669b5fc7fce', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: '6a95327977757a855aede87d5ba3af76bd9fb955', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '7f536cab854c95179b06523226d83f3f31d1e3ee', show: this.hasGroupError }, index.h("slot", { key: 'b9b685c48b351fc04ace61704bac3eb0503de957', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '33002142c44e57e237077d3e2b4e31bb4ee8145e', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '2717c87f3dc03abe96ab8cb20241b2dfddb62536', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '334076bd823a3b5140cc43883651cedf28f2f822', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '728fc91f5407db29a4cb9ea16c8f9131529ff890' }, (_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: 'dac5f516da5e894e64d34c94327ba7cb7ac6097d', position: "above", required: this.required }, index.h("slot", { key: '964570bb5e721990e4435e9bcb55885bf878b5ef', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'f453c38418fca06d897bdbbab31a0bff2e796609', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '8b4448bd354a82092af7b1f0362c9df2b45f5281', name: "group-label-info" })), index.h("slot", { key: '6a8d8db7d72f68b6189bc005787d6b378b6f02ee', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: 'b63701e72580fbe9a9bd1dd8705d22f125682669', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'c36ef89456b9f5c6fe5a88d4c24684a8ff06e301', show: this.hasGroupError }, index.h("slot", { key: '89334f9b85c25bea501140c1fe0102a126f66c0b', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '76330fd2a2164c89eb39b9472d3a9602faea8670', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '5ceafc970a9b5ed3339bb6fa04cb0b33c0903804', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -6,7 +6,7 @@ var onMutation = require('./on-mutation-BohhBDYB.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-D9-q2kVI.js');
-var usage = require('./usage-C0Jt1SGJ.js');
+var usage = require('./usage-BDtPYIbd.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -49,10 +49,10 @@ const GuxFormFieldCheckbox = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '9a67611178b4fbab4de144aa1bdc1a72925ce901', class: {
+        return (index.h(index.Host, { key: 'fb7667a4463c699f3e73d3b19ce7ed8793526705', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: 'e28cf023c99ed25ade7cf91cf611742b4010e327', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '96b73aadb08d2e30fc607238ebcac504fa272e59', class: "gux-input-label" }, index.h("div", { key: '0f651ffbfe26e03ff75c29ec1b12f9f34c54dc15', class: "gux-input" }, index.h("slot", { key: '852b28057e2de1f7f3143f43c399e80819848a8d', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '7f2955e54e31d1ca5f6e293f30b239a60600c06b', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: '878cbab4ced7c03cd8fcc5de5d3118d454e12890', name: "label" }))), index.h("div", { key: '6dbacbf57dbdd0effd2e432027bbab37a5da233f', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '1270122ffe746ffa8c391bf33247d392d660fa58', show: this.hasError }, index.h("slot", { key: 'd9bbfa0e6796cfbc007f36168e74020048ff3623', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '9baab5c9ad95605d3f93edd9796867e92e86eb3d', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '6a62b0006e15934e14097ea01e86026081087190', name: "help" }))))));
+            } }, index.h("div", { key: 'f5ccb8ab97b7eae908067a589383a7fa881926d9', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '92dc792e00087d796542d3018f0fde710e26edfb', class: "gux-input-label" }, index.h("div", { key: 'dac18e9f39ee86ad3823fd97b3379c43d09f47ea', class: "gux-input" }, index.h("slot", { key: 'decfc141738913059d30a0b9c82de9c61befcd4d', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '07ccac1d64fc67ec4a85647d290bab90e9cdc07c', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: 'bedd05155c5de9a2b6a14682ee8ad59e381b69e9', name: "label" }))), index.h("div", { key: 'c4ccc766c03dab282e00997d62ab221d753b1754', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '7cf7ba239d21281fb8b1fa7a28291194dc13022a', show: this.hasError }, index.h("slot", { key: '97bd4618a18760668146ce4a0616161a2742409b', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7903ba4214b3daab85f7d3344582cac557ee1641', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'd692786ed768ceb1ee76b1617dab2bc21e0b3830', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

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

@@ -9,7 +9,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-D9-q2kVI.js');
 var guxFormFieldContainer = require('./gux-form-field-container-B9WV4rf8.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-C0Jt1SGJ.js');
+var usage = require('./usage-BDtPYIbd.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
@@ -90,13 +90,13 @@ const GuxFormFieldColor = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '219f4a0718ad7ed67ac89a3350073c16f04f766a', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '70de9cc31cdc03faef8d81f206e78ae063e43c11', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '4d7498b7ccd9f49868e2bf53d80cd9d1b497ecad', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '2f9f04abceed2f9e91a7bbe1346047ac1aba656e', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '5a64d3c90fecfbdd18074c20b9885e04481575cc', name: "label-info" })), index.h("div", { key: '1aec60e34affb0f9ea19593837f2c3ecb2ea2949', class: "gux-input-and-error-container" }, index.h("div", { key: '7dec62b0d5140f5f8853b4a4abd6f110effb4663', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'f6e7d7b1d7ccbfa8087781d93ce64b9da53f02c3', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'b162bf4dbb2543b9df9d19e7c5c3f1a3b4df1088', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'ca8607d663e927b1170e5253af4dbab440b82b45', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '4d3635b95c062dbacbdd2dfa44b86d178abb84ef', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'b7775bf07e9b5437f0450abe8e3424e3656aac72', name: "label-info" })), index.h("div", { key: '4417c4980e93577d3fc0f5b22eb1df92ebe5d457', class: "gux-input-and-error-container" }, index.h("div", { key: '51a8640109fb27494844e4a8239c37d19727a910', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '490065f61f0cc51fc90642fdee24716b1dcfac95', class: {
+            } }, index.h("div", { key: '8cfdfdb314b57acef65e2a2f3abbf75476cb3832', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '766dc8fff8596545a4988bca32bea33ba4a6bcb5', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'f8fd59d01f3663807a434f67a0d013d33132bdcc', show: this.hasError }, index.h("slot", { key: '712b3728ff4fb0ae385ae49a2e3f52c02fdcd136', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a8354fd6c4ab5cd377f3fe5f362f32712f829d0f', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '8f5f5663bd83e0e33765b178981ed6bf0a2b0eda', name: "help" })))));
+            } }, index.h("slot", { key: '33297c844d90b74c7a396b144a898233313566b3', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'b5c589d33b9b8b22c531708f000609a6d24baaa3', show: this.hasError }, index.h("slot", { key: 'c45496e6f3c23011feeeb63d90fc08b4248fa5c4', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e4a420035ff6ad3ab0829d2b52ef547667cf7047', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '00496872cb32b3a0ed44d580c37ec48d8b3d73dd', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -9,7 +9,7 @@ var guxFormFieldError = require('./gux-form-field-error-D9-q2kVI.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-Cuz9fIqA.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-C0Jt1SGJ.js');
+var usage = require('./usage-BDtPYIbd.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: 'ec646997b4f8d98e72fd85fc1d733ad3ff86eb50', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '8a134b39c68bda760923a6f4e4b12e7b071cf935' }, (_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: '1e1f058b1104a30a4ea06c3b77cb32206f2179b1', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '314afc1d4ab62e41398c05390a92a8910b736036', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'b793439b45a6a2343b06c93586c5d3281ba111bc', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '3a116c63e13c06e9521ae129ea5e3d5b0f1838ad', name: "label-info" })), index.h("div", { key: '023609836f4ae6c8561de81cf2b75e65aaf08e14', class: "gux-input-and-error-container" }, index.h("div", { key: '264577a04ad1ae9a60972c7bb08b4e4cb4136bd7', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'b5279e6991b68c0d3788e2e4c902ae6b2cc65260', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '703dd1c91d4c7034164d4d2e92db29bd70b51b6e' }, (_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: 'bdfa6b8468dd12409a814e00cd790198c9f6b56d', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'ab67908202b76f6547b4f6e4bc143d3a3b320da3', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '93f93d39b1b483e12cd7890e15a47de11cfb2b2a', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'da298b1ca505d030657419b2096d59d5ed48e82e', name: "label-info" })), index.h("div", { key: '267ba02dac20ad18bbcc9c676d0e077ef694a245', class: "gux-input-and-error-container" }, index.h("div", { key: 'f94a983f649f8ae5fc37fb5ae5b101c04776b3a7', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("slot", { key: '4fca7d269966a355fc2fd8751b06e5e40bbfa7d2' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '81a77841c23ea807b4b4080be72e3e33036b874e', show: this.hasError }, index.h("slot", { key: 'bfe215d97a4ebb10c36d1c88e3ec6b0a395483e5', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '3398463f4ebf6d648af038e4359fa5593ae1964d', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '77c22b9f1015c351f9bd1ec8bb7b515b91383738', name: "help" })))));
+            } }, index.h("slot", { key: 'd05393461eedda9e96354f44bf1abadb3430bc8d' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '6e287057c3e2478f0c2ccaa7ec6acdaaafdb5aae', show: this.hasError }, index.h("slot", { key: 'd4f0b3ac5a20231c8567413f49f25d201c7c2d6d', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '3b2ed746fff8b662269be05658de25da8a666d9d', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '9a05538df97c8af1195141000d2197242df1d129', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -4,7 +4,7 @@ var index = require('./index-NcMXRJjU.js');
 var index$1 = require('./index-ZbfXD2eC.js');
 var onMutation = require('./on-mutation-BohhBDYB.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var usage = require('./usage-C0Jt1SGJ.js');
+var usage = require('./usage-BDtPYIbd.js');
 var guxFormFieldError = require('./gux-form-field-error-D9-q2kVI.js');
 var guxFormFieldContainer = require('./gux-form-field-container-B9WV4rf8.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
@@ -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: '0436c9af8c166d2eb58f513179c746964f5b20d7', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'e3e86c8aba35a07427731c7bc8dd1142c2cd1f3d', position: "above", required: this.required }, index.h("slot", { key: '79b4ae008d058d117dfe8bf77465c3646ef5a1c8', name: "label" }), index.h("gux-form-field-label-indicator", { key: 'd303918feff2a3c42a01350898765e2189b634fe', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '9a7b1ab0b500de60d2c331c8eb8451a8f0b661e1', name: "label-info" })), index.h("div", { key: '46862e36e14d6d8b2f2c734bdf4923187f4a6f06', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f0bb5e0e3bb4af2c7d72405df9412a478ecb5559', show: this.hasHelp }, index.h("slot", { key: '11fc5aaa68b0b94cdd642db2c00749a8c2e7ee9d', name: "help" })), this.renderInputSlot(), index.h(guxFormFieldError.GuxFormFieldError, { key: 'a324982a5daf4bfe9d4b62d6cb4b77bc6d504f92', show: this.hasError }, index.h("slot", { key: '171e7ccc498134dc1514618201c24aaf83dabf62', name: "error" })), this.renderFileList())));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '65a1932baf805737c18286dc72a3b7a23b80c00c', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'cde655eff45141e8ab9109c107261ab565ab82ab', position: "above", required: this.required }, index.h("slot", { key: 'd7dd60eaf3dd42178299085480cbf83c4d028cc6', name: "label" }), index.h("gux-form-field-label-indicator", { key: 'f274c7b9d3435530f3435e27a28b8aea36e839e5', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'd49ad17768c63669e986545460cdd8c26290715a', name: "label-info" })), index.h("div", { key: '94899fff1277f8af73e8dd20edc8dc574427c001', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'fe62ab96fdd29138b972259d2018cc423e3dd300', show: this.hasHelp }, index.h("slot", { key: 'c591507d2d2766d5381ebb7afc15ca1c7cd63d9a', name: "help" })), this.renderInputSlot(), index.h(guxFormFieldError.GuxFormFieldError, { key: '72c0bc32b52c1953a906430b2218f52a9b7bc9ef', show: this.hasError }, index.h("slot", { key: 'd7a37f74db27cd091539adc00645a546f3386474', 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

@@ -3,7 +3,7 @@
 var index = require('./index-NcMXRJjU.js');
 var onMutation = require('./on-mutation-BohhBDYB.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var usage = require('./usage-C0Jt1SGJ.js');
+var usage = require('./usage-BDtPYIbd.js');
 var guxFormFieldError = require('./gux-form-field-error-D9-q2kVI.js');
 var guxFormFieldContainer = require('./gux-form-field-container-B9WV4rf8.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
@@ -108,7 +108,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'b332159adc6c4ee6ada7e9f03b33bb4a4f390410', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '8bcc9ff337c1bd08a9be8a9297aa995591f214d2', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '8bb7965a56e846f9a0e6cf3f1b1c92e204d6703b', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'ad45c2965c423367cdf58b057b2d8b9ea2b82a72', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '08e2fa920ffaa0b48ba279c6e34ddc8bf000a53e', name: "label-info" })), index.h("div", { key: '1593256c7e719413751798bb997b2b47a559dda6', class: "gux-input-and-error-container" }, index.h("slot", { key: 'b88b29a2b252658dbecb34a0cff3f5934a00b810', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'ba275152daa1f92884dd719c173826d9f85db4ef', show: this.hasError }, index.h("slot", { key: '427d887d9f00f91cf2de1f315db158695ca7ba66', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '77c2dc2ee4392bb73d6f3db9c3b630f1340ff05c', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'a3acd59c02593d0292c8b3907b7e341c2009a8c5', name: "help" })))));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'fcb5203150da6d16a097d3c1139b2ac45dce24a4', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '848e9d993bf460ab5a528683ab6a64da46517013', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'e3a93a05c3d57d18076b775d020021d744efbba1', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '0d004bbf500984c12f35599f137c976b9da571f8', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '3643a218d190d8b14fed4399c8c5d969a55f2477', name: "label-info" })), index.h("div", { key: '018444e358f77ad1c9a2b5e2c7d151addedf00f9', class: "gux-input-and-error-container" }, index.h("slot", { key: '2db769ce22592842976cf541ae61f35dc2d49612', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '65de0b91cebf616fd01fb0d72a1aed6194460aaf', show: this.hasError }, index.h("slot", { key: 'f9a1d3420ea4f8b65f5a55052b6a4878f79fac6e', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '566ebf6959869b2953ccfcbb90609e30c64bea49', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '5099d3f8d3b4b16f10510153e36afc36b3907a72', name: "help" })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 'use strict';
 var index = require('./index-NcMXRJjU.js');
-var usage = require('./usage-C0Jt1SGJ.js');
+var usage = require('./usage-BDtPYIbd.js');
 var index$1 = require('./index-ZbfXD2eC.js');
 require('./get-closest-element-CfyZl7i7.js');
@@ -21,7 +21,7 @@ const GuxFormFieldInputClearButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: 'd767eeb75f1d8e250573451480cf1658d595640e', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, index.h("gux-icon", { key: '55472e3853a8fc5c309db8a5e2181ef0b189b297', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), index.h("gux-tooltip-beta", { key: '63a327f0dd1b4bf47cda108eee0a4403c8d6ee68', "visual-only": true }, index.h("div", { key: '40fb239275e0e48f770283d1fefd8f8e804e00fb', slot: "content" }, this.i18n('clear')))));
+        return (index.h("button", { key: '1f92bb0930c3a6d8e6191a790458895d6e548b8a', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, index.h("gux-icon", { key: '22779e1c27671fb68e0ac67a2bd3b5e933f822be', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), index.h("gux-tooltip-beta", { key: 'a2e4487772f1fbf419fb547dc7551d978f3f7c09', "visual-only": true }, index.h("div", { key: 'd65cae69fd0f710ba73918eb69e1df3835120c08', 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,7 +1,7 @@
 'use strict';
 var index = require('./index-NcMXRJjU.js');
-var usage = require('./usage-C0Jt1SGJ.js');
+var usage = require('./usage-BDtPYIbd.js');
 var index$1 = require('./index-ZbfXD2eC.js');
 require('./get-closest-element-CfyZl7i7.js');

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

@@ -11,7 +11,7 @@ var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-D9-q2kVI.js');
 var guxFormFieldContainer = require('./gux-form-field-container-B9WV4rf8.js');
-var usage = require('./usage-C0Jt1SGJ.js');
+var usage = require('./usage-BDtPYIbd.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
 var en = require('./en-0H0Z_nRu.js');
 var onClickOutside = require('./on-click-outside-8ywyMNsB.js');
@@ -115,14 +115,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '802e4e804c0ff63447beb64d1c3ec74641f0f9e5', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'c4a8919fa11e73bbf5a6a9f16d9c31be1ef6694b', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'b94b116930844aec239fb700792b986f0dcdfb68', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '26d03102dbeeff75be46b10437130642a3a3d1ba', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'c75977abf537734087596b45851b6ed002c3ff06', name: "label-info" })), index.h("div", { key: '3cd90c995d27e5ae6324e0c738a8bc57d6d06a8d', class: "gux-input-and-error-container" }, index.h("div", { key: '6110a08d781ff6633170b05ab86fe62d41e59042', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '1afb09a448b2cc280635470424833594aa33a436', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '7d15d6e9e056cf791c413d19a4e7593a069b4ab8', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '576ed3cd517e30895ef919e4a919753d0744fce3', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'bc80eaff5f873ef7886cbe47eb58ee257e3159e7', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'ff1f5deceff8871ce3d3f6212aa85f66f185789e', name: "label-info" })), index.h("div", { key: 'e4419df87fca952990ea3904a9653080e1525acd', class: "gux-input-and-error-container" }, index.h("div", { key: 'c7828d8c8ef6fd70d7ccf79b18c11203228c207e', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, index.h("div", { key: 'dd3ddf7fd3ff9f85ee2cd0813129da60fed14ead', class: {
+            }, part: "input-section" }, index.h("div", { key: '4ea301bd8363355d5a457da4382bade792e33a85', 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: '62523b10e81b47392f422bc48d6982e0407feacf', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: '8e8d305fd03f54979d67fed1fd67cee04318c958', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: 'dd4ab025eef11248369fb2d7b34f130a30c87739', show: this.hasError }, index.h("slot", { key: '949db9a5bac588cc3a47428e1ef2e01d4a433f4c', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '46c1f0d9f2128cfedbe241551a98fddf39e5ba4e', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '6b0eeb8d8cbfbd069e28bae2dbaf759e44cd43a3', name: "help" })))));
+            }, style: { '--gux-text-align': this.textAlign }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '869519b5fee822675980b209f5977a97fb9cc46e', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: 'e06d26730668b07bc8d6540498105608675b5261', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: '1626273042068e9fbb1aa2a34108144081aeeac7', show: this.hasError }, index.h("slot", { key: '564b1572c570e9d09f9328c8f8442950f2da9b74', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '720c9cf71974405305f4c2f07dae379fbaaf7a02', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f9c6a63636cebb60c51878ad71b37c089e034114', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -281,10 +281,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            index.h("gux-button", { key: '2fcf5064a17ca9e8b8dbd472f10e4a2a2805d3ab', 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: '97dd6f748e49b6a0d85a0cd7e2267306985c34c4', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            index.h("gux-tooltip", { key: '7e2503b4e4299b83f045c54b8640d54e66719e3f', for: "popover-target" }, index.h("div", { key: '090820d0ae09bd2fa5aa51431dfd016784a4be52', slot: "content" }, this.i18n('goToPage'))),
-            index.h("gux-popover", { key: '339b3819def254b1c4e1c4e2ad6c61738330abe5', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: '00ec6b9344a801076796d3726b2e80414587bd54', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: '369bf241308f1de96d84fb3ed4ac3ee91cb2f32d' }, index.h("input", { key: '279cafe9b624a2d7a9bdcd361adee0cf71fd6484', 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: '49de61ad35b002e1a07c4577b68b9903dd2ec6c1', slot: "label" })))
+            index.h("gux-button", { key: '41fa8ef4c3c0019bf67b93db08f601f88d805c8f', 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: 'bf25edf05ed8ab988c5119570478f1cec13b87cd', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            index.h("gux-tooltip", { key: '1713d68208cc7fa115dac5029e6be2b04ceb5648', for: "popover-target" }, index.h("div", { key: 'af473fdd17ea5a002e47eb75f8633e6a0c67ce47', slot: "content" }, this.i18n('goToPage'))),
+            index.h("gux-popover", { key: '5d3ee487cb610eb007c19f436b9b30b24310a5c5', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: '346d66913d5f1fec8d15827aca51c63bd0d85de6', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: 'c6831032a1576b0fbb5287696cee3fcccd8ef810' }, index.h("input", { key: 'a576ecd7bd9cac0645964ec78be84fa047ba5019', 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: 'd9efd50b577a7148c963d514af54c83e7c1af5b5', slot: "label" })))
         ];
     }
     get root() { return index.getElement(this); }

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

@@ -4,7 +4,7 @@ var index = require('./index-NcMXRJjU.js');
 var index$1 = require('./index-ZbfXD2eC.js');
 var onMutation = require('./on-mutation-BohhBDYB.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
-var usage = require('./usage-C0Jt1SGJ.js');
+var usage = require('./usage-BDtPYIbd.js');
 var guxFormFieldError = require('./gux-form-field-error-D9-q2kVI.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-Cuz9fIqA.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
@@ -105,14 +105,14 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '757cebb89a13fe36ebd2ba756dcdc6dd4973b4e9', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '1f6343bc6255556d8e38f4729cdb76d003e7d4ee' }, (_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: 'c921c0f1f61ad5ae9c406dadbca51873729604a8', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '1da746dc51d15b046edabfb2c628925c036543be', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '693dc7b8456373ef7d8d1e8dd95ef4a248c37635', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '99451c0b8fbd56e017e709e4b0c870bc38696bf6', name: "label-info" })), index.h("div", { key: '06f2235a9542cab53159ad0ba61c1b71f860442d', class: "gux-input-and-error-container" }, index.h("div", { key: '01ccf1a88c30096d43424704f6b3024c90e0004c', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '53000c90b4beb4b39a5b01034c0f3fa73b396876', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '6a4254e82dd5b768633e6612ae651ed0248f4ae9' }, (_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: 'b2e2a111d921bc08b263a0fd97c81f3eacd6cc79', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '804d6889de8742cfd867a498198df4071ff9c943', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '659eec208d8e4c854dd3cfd1f9cde624f4635402', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'b5240ca888ba1d103445db25a713127b30e3d990', name: "label-info" })), index.h("div", { key: '3c8c7f5861a2e8a9fc1f820d3f9074d805ca8e0c', class: "gux-input-and-error-container" }, index.h("div", { key: 'a591e5fadd1710f309284fb0585d858312c2e49a', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'ca8c3a6b3d4e0d8edba4787660248f337a07336c', class: {
+            } }, index.h("div", { key: '566ee4849c10818c9a995071ed7975ed1a5abaa0', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'bb332adf129294ced650fc25ecbd0fbe02209785' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '0c13dfde870fc9a6f7b6d12a9057d431d488f178', show: this.hasError }, index.h("slot", { key: 'fd27983e9293fb8af84dcc83e0784adaac1a3f8e', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '425bb54b990cb99914a225f298b5b89b3551c3d8', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '08689d1b13d15fab6e73633fb4be9ac726838d40', name: "help" })))));
+            } }, index.h("slot", { key: '11deece909da10c36cf3bdb4dfa3ca3d4c0880ff' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'a18267eaeb18e47e7353bfd5ef80d42b7a5dd596', show: this.hasError }, index.h("slot", { key: '5cc8272da81a69d381b2577012edf5ebee602cf3', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '69abfbacabeedcdc63dcd752b0946811548ad25a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '8b79a04842832c6e85a124d6b6d6cd0f44de3c99', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -7,7 +7,7 @@ var index$1 = require('./index-ZbfXD2eC.js');
 var guxFormFieldError = require('./gux-form-field-error-D9-q2kVI.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-Cuz9fIqA.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
-var usage = require('./usage-C0Jt1SGJ.js');
+var usage = require('./usage-BDtPYIbd.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: '064878acc06694359eac83ea971398e7dde5eca6', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '45cac8e655a3879c2e413c483fe3a842b15569d2' }, (_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: '02983c33307a2e495bbfbc13e4b9c5a95a70c9eb', position: "above", required: this.required }, index.h("slot", { key: '6115a27910af173207d57d4d19e27dbc6d0a762e', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '28a5d2eb175c842367d1bb2dc1e22e9d628d08d2', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '074821371b9fbb2fc62c57d6877a213292174b36', name: "group-label-info" })), index.h("slot", { key: 'ea9d5891081645fc731ef2e02ffcf0d6d5351cdb' }), index.h(guxFormFieldError.GuxFormFieldError, { key: '1941202beb7c274ffc6aa5e4b0a5da768c225fdc', show: this.hasGroupError }, index.h("slot", { key: '84bc65865c84649fd31ecf7fcf313f8d99295edc', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e6817262317f6cfc5ee06bd57c37f0ecab3baf82', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '95adb1fbec549329e2478e8375430ef752395f49', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'e881bcd96cecc3c883ee4cff00d381142b6c03c7', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'ce05ec0f0ef21df4e4cf477765744ad6b2696c40' }, (_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: '837fba29937dd4e4086b6385e9837e8342298bdb', position: "above", required: this.required }, index.h("slot", { key: '5abc8b8250fe8dc8e795250ce9009a6267a2086a', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'c02c76d2ed257a9c07c84b5e3fc97db2274b9a45', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '8a6052361e00413536632f1e002ab1b524a41ff6', name: "group-label-info" })), index.h("slot", { key: '68edec2e6e82a5c2fdf5bad66278ab0d707e8e68' }), index.h(guxFormFieldError.GuxFormFieldError, { key: '4a5a3698a952a0640dc56f8bc760cbffd3cd6e65', show: this.hasGroupError }, index.h("slot", { key: 'caed6db06b01031ae7e42cae75332dd889155198', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '3a5075eb14843fe46c87a525bfafc2b1ef49f290', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '6eda3f62aa08ee56b939a916223aa6d14fa72e93', 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

@@ -7,7 +7,7 @@ var preventBrowserValidationStyling = require('./prevent-browser-validation-styl
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-D9-q2kVI.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-C0Jt1SGJ.js');
+var usage = require('./usage-BDtPYIbd.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: 'cc6a04d4435bfbfca304beb4769bcd330bbdf514', class: {
+        return (index.h(index.Host, { key: 'b98b27ed8d0a8d5abe14ee10f142754eab52d328', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '4ae84c4e5d60358eb997f129b8c088a1f0ae5f10', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: 'd942e12836b2bc5ab4c204cf6213eb842dd92fbf', class: "gux-input-label" }, index.h("div", { key: 'd1657d6c7fa5aca36d25787c99ff7c9ce15f2750', class: "gux-input" }, index.h("slot", { key: 'eff047b0f6106620d33517a5e3bc26b06c0d9d86', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '7a4bf9ad866dd55887c8374d3b45cf0e13578fbd', class: "gux-label" }, index.h("slot", { key: '4e169d9f2012f3e9f783a25acb26acbd76001b7e', name: "label" }))), index.h("div", { key: '969e9e6130e9da8fcdcd1582aa0b561515156b05', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: 'cb5dd92f7334c02c7658b4d4c588b2255e95834a', show: this.hasError }, index.h("slot", { key: '88a2ca3252fa17b8a550f230bd2b54350f716bd7', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '299d15016018ca89c22a6cb14f70147642604c18', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'da2c41a1dc738427a769ae79af28f4063a26cb16', name: "help" }))))));
+            } }, index.h("div", { key: 'f4c9b73176c38ed3294c75265b19a1277b064483', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: 'fae2731afab82056dd66d7227a5ef04ebcff72c7', class: "gux-input-label" }, index.h("div", { key: '2ffa9946ee945013279cdb2e22a895cfabb63e74', class: "gux-input" }, index.h("slot", { key: '11c8ff038e8902a597b4e9b1143eae57f4848ee3', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'bc96caee8655129ce492044aa573211cb7312da2', class: "gux-label" }, index.h("slot", { key: '8591ac397a617afdb1a438081533204f84ced124', name: "label" }))), index.h("div", { key: '95c77f38708c1441565c055ad64e567e12814953', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '3e113730b5cf959acd78485799abb036e70a0833', show: this.hasError }, index.h("slot", { key: '5dabb15f01b21e26dfb3f7e9a399be3bd79ba2ea', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '38419e0287dd06ca1ce84c9b7a51cf207a6cbd67', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f13d14dbbd145be3c8148974b74e167599d5e650', 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

@@ -9,7 +9,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-D9-q2kVI.js');
 var guxFormFieldContainer = require('./gux-form-field-container-B9WV4rf8.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-C0Jt1SGJ.js');
+var usage = require('./usage-BDtPYIbd.js');
 var onResize = require('./on-resize-DLbOLnPa.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -116,9 +116,9 @@ const GuxFormFieldRange = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (index.h(index.Host, { key: '9619f39516089dec1af3add943c647616d6a206c', class: {
+        return (index.h(index.Host, { key: 'ab4702d8fbd679c42b62b92492fe520d15bb4ae1', class: {
                 'gux-active': this.active
-            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '55bb9b7123d8b56d82ed16ec936bb8c822065e90', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'cf035065a70bf185c39838e54458d8f2fd8e7a4b', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '2376af0a20104ab59db2df3188ecc96267cf777b', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'abb34b53fd55306a49d1ee1c47714cbbaee443f8', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '23bd81b67c8621ae098f7e653abd0ef7dede782a', name: "label-info" })), index.h("div", { key: '70a9ad941f868cd1fdaf6376d287d6854380dfc5', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '2f4d79036c7b295b1f74b78701534a4a2345a8f2', show: this.hasError }, index.h("slot", { key: 'fd856f1a5e020881ce54473a1fb67ecb7d4949f2', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '485ce0bf3a37dba85b7413b8ca556a7d607186da', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'adfc74111011054ddb56c07b1c9fed6fc82a5b19', name: "help" }))))));
+            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'ed3c22c3a06e1be5d34b6db8c318f17160b56f34', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'c1bf9980e9061948adf39cc65341c37a836ea957', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'baf7e6ea89b65d3f35e3cc920032e47919f6f64b', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3945354b2582627b5df484dd56a2cc8bb7790ade', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'f8ae2f6f15d3b604e4443bb0569a9fae5b50b42e', name: "label-info" })), index.h("div", { key: '0732d11e5ba3cc3eb0a2000fc7c28514cc5d5f29', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '5480154884dfb0ddad58bb62b8a7ab9263ffcdbf', show: this.hasError }, index.h("slot", { key: '14b19b68d851790426b8c96250f390eed7bfc7a2', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'b474b4c75f3a188e989116aee10cfb9035256238', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '0696024395cb20c3f4606b0f4b94e423b4563b68', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -9,7 +9,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-D9-q2kVI.js');
 var guxFormFieldContainer = require('./gux-form-field-container-B9WV4rf8.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-C0Jt1SGJ.js');
+var usage = require('./usage-BDtPYIbd.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -101,13 +101,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '29b59df9fb4b700ab144d7d5a4f4751b76985ff8', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '63121bf73a0059cd543e1cfc436e0f9cdee8aa69', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'cd413ade3e1583cdb46d46890d4fba8a4a2f515f', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '800eb4bf8c204e54891270e5c10d43cf74f09767', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '4ecd777e2c5efcb0ffec0477c033cc677393b9aa', name: "label-info" })), index.h("div", { key: 'a410526dfb1af30c9195764509237e6450433c8f', class: "gux-input-and-error-container" }, index.h("div", { key: '197e1a1b08e4570bf32899de7f22ce1e03c1d86d', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '3cc20f3ef9b2640e7b15797965b122f9b06dea4b', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'f0f61cf789d1600cd34cddc21a0ae1602c13e898', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '9ce422a06e603ce31416ec0c1ba81942351c3b66', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'c1d022f5bffc5f18d8ebb2fd3fb6d56792759e2e', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '7b22ef8aabaf23f47b89fd32f8db58f72b469f7e', name: "label-info" })), index.h("div", { key: '7fde3d3417e1d53ed3a2d23c30b49bd53f526a47', class: "gux-input-and-error-container" }, index.h("div", { key: '44ed53dffef4cd0bcf90f57e7d2555384fa364bc', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'b6fee2f89c0ef01aada923cc56619f34080fa086', class: {
+            } }, index.h("div", { key: '46aa44f6c7e1401b8fa671be0798ab0f4067f653', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: '1bb545531deb946096774175558d26741f4fa120', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), index.h("slot", { key: '65a20e02bd472bf21992854b13300faa9e5d2f64', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '44d426c7a0dd4c8541c1c1308f63a4ac26163ec6', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '0366df7203d470467e0df99a8f13d43bbf8f730e', show: this.hasError }, index.h("slot", { key: '127b81417379054338d15a2fc3bec7078409cb8d', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '582b4031ea679ecfc197fbf289c466b290b63ac2', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'b4fa4f8f444899782adf53188027690693f0bf79', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: '532298e11fcc46ffd14d8470e4877f2050954b31', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), index.h("slot", { key: '3ade933bcbb71001a8851f5e7aaae3944a203535', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: 'd7e2e144e858871e88644d5d32dc66d8848595ad', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '1373603af9f884b6c4d832cc9b1337c9a3ac6af4', show: this.hasError }, index.h("slot", { key: 'ac0dc681cdb6fbe7ad05bacc5e223a5bff1f93c8', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '17de0a427a62d9fcf55b21b023852cd0e693f673', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '567d4ae2f8ec19b3cc5188ed2b328f92774bf957', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -9,7 +9,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-D9-q2kVI.js');
 var guxFormFieldContainer = require('./gux-form-field-container-B9WV4rf8.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-C0Jt1SGJ.js');
+var usage = require('./usage-BDtPYIbd.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
@@ -91,13 +91,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '28357f6d18b35cbe1b62ec9d7e02ef04a822ab68', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'a2b5bde275327e7ca88299319ffa1cee6777c9d0', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '01de425157db781a55ace8168c312a9285416fd7', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '9ebf52c54223194f1014bc1a70041d6365909fb7', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '1695b0d4e9c12042c63ff381d57ba737f8f749c3', name: "label-info" })), index.h("div", { key: '203c55784147e1dca931abdbf7d2729bab1b4e84', class: "gux-input-and-error-container" }, index.h("div", { key: '584c2abb9210b783c5a4893b15df94787f53970c', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '3402ab1b309475e280788aeddc1655d6c98bbb0f', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'd1c6f668fcd33c262ee379108fac64805a566709', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'f5777b301b592514ad90603dc9bb99408abf0394', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '32ba4ab2cef8afbf106f361be16f5199230cb36d', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '532c771fd2061b1dd558f3dd37894035b8ce46da', name: "label-info" })), index.h("div", { key: 'b965ec78affd82385648fd7bc0a630e2db006ba4', class: "gux-input-and-error-container" }, index.h("div", { key: '356e7f24566c455a858d1817030af36547ff4233', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '95e98d853744d4516c0f40e191bd805e19b05c09', class: {
+            } }, index.h("div", { key: '664f0dfb99da5793c7ff9e280c04b1bc890b7a6f', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '301cf81dc4e152195be4015fb6ce2b13c56dcabd', name: "input" }), index.h("gux-icon", { key: '0b6e4b26b58f5cc1cc44af0d5d46096651db7c14', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '895fce78e62929770b6468333cf22eff18bb5d6e', show: this.hasError }, index.h("slot", { key: '12aef346f03b6ba72d31614155f2f8fc6f81f98e', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'ed9fc46e8ce3809944a5671796bac3cb4026c32c', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '37ae1c1d8e94ebae17cb419fc9920c3bb6f8a2a7', name: "help" })))));
+            } }, index.h("slot", { key: '040b99334fad644a71b1a3aeb1091c52d7b7b6d5', name: "input" }), index.h("gux-icon", { key: '8dae3067bd9c40566e6cf6be9f8a90da68424f3c', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '6a6050352d4b9334a7a6e7c96e0669de7662f512', show: this.hasError }, index.h("slot", { key: '416f7e2f55c07d2a5e75d6af96f92de1c0112820', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e687dd057a1ed398eb1cbb1ca1ebb134f7815d99', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '010dc853ef4c78f12be27d066989374101f35616', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition