genesys-spark-components 4.200.0 → 4.201.0

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

@@ -1,21 +1,41 @@
 '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 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--W1cHbgt.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
+var index$1 = require('./index-CIoLTj6_.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
+require('./get-closest-element-CfyZl7i7.js');
 
-const guxFormFieldTextLikeCss = ".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%;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);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}slot[name=prefix],slot[name=suffix]{font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-prefixSufix-defaultColor);text-align:center;white-space:nowrap;text-decoration:none}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;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);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);cursor:text;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-has-suffix:not(.gux-input-and-error-container .gux-input .gux-input-container.gux-has-prefix) ::slotted(input){text-align:end}.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-container:hover:not(.gux-disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}";
+const GuxFormFieldCharacterCount = ({ characterLimit, characterCount, labelPosition, i18n }) => {
+    return (index.h("div", { class: {
+            'gux-form-field-character-count': true,
+            'gux-label-above': labelPosition === 'above',
+            'gux-exceeded': characterCount > characterLimit
+        }, "data-testid": "gux-form-field-character-count" },
+        index.h("span", { "aria-hidden": "true", "data-testid": "gux-form-field-character-count-display" }, characterCount + '/' + characterLimit),
+        index.h("gux-screen-reader-beta", { "aria-live": "polite" }, i18n('charactersRemaining', {
+            characterCount: characterCount,
+            characterLimit: characterLimit
+        }))));
+};
+
+const charactersRemaining = "{characterCount, number} of {characterLimit, number} characters remaining";
+var translationResources = {
+	charactersRemaining: charactersRemaining
+};
+
+const guxFormFieldTextLikeCss = ".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}.gux-form-field-character-count{display:flex;justify-content:flex-end;padding-block-end:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);font-weight:var(--gse-ui-formControl-helper-helperText-fontWeight);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-character-count.gux-exceeded{color:var(--gse-ui-formControl-helper-errorColor)}: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%;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);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}slot[name=prefix],slot[name=suffix]{font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-prefixSufix-defaultColor);text-align:center;white-space:nowrap;text-decoration:none}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;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);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);cursor:text;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-has-suffix:not(.gux-input-and-error-container .gux-input .gux-input-container.gux-has-prefix) ::slotted(input){text-align:end}.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-container:hover:not(.gux-disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}";
 
 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;
@@ -30,6 +50,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const GuxFormFieldTextLike = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.characterLimitChange = index.createEvent(this, "characterLimitChange", 7);
         this.loading = false;
         /**
          * Field indicator mark which can show *, (optional) or blank
@@ -37,10 +58,15 @@ const GuxFormFieldTextLike = class {
          * When set to optional, the component will display (optional) for optional and blank for required.
          */
         this.indicatorMark = 'required';
+        /**
+         * The characterLimit property defines the max character limit for the input.
+         */
+        this.characterLimit = 0;
         this.computedLabelPosition = 'above';
         this.hasContent = false;
         this.hasError = false;
         this.hasHelp = false;
+        this.charactersExceeding = false;
     }
     onMutation() {
         this.labelInfo = this.root.querySelector('[slot=label-info]');
@@ -84,12 +110,15 @@ const GuxFormFieldTextLike = class {
         this.hasHelp = hasSlot.hasSlot(this.root, 'help');
         index.forceUpdate(this.root);
     }
+    get characterCount() {
+        return this.input.value.length;
+    }
     renderRadialLoading() {
         if (this.loading) {
             return (index.h("div", { role: "status" }, index.h("gux-radial-loading", { context: "input" })));
         }
     }
-    componentWillLoad() {
+    async componentWillLoad() {
         this.setInput();
         this.setLabel();
         this.labelInfo = this.root.querySelector('[slot=label-info]');
@@ -103,6 +132,11 @@ const GuxFormFieldTextLike = class {
         if (this.hasSuffix) {
             guxFormField_service.setSlotAriaDescribedby(this.root, this.input, 'suffix');
         }
+        if (this.characterLimit > 0) {
+            guxFormField_service.setCharacterCountAriaDescribedBy(this.root, this.input);
+        }
+        this.checkCharacterLimitExceeded();
+        this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
         usage.trackComponent(this.root, { variant: this.variant });
     }
     disconnectedCallback() {
@@ -113,16 +147,21 @@ const GuxFormFieldTextLike = class {
             this.requiredObserver.disconnect();
         }
     }
+    renderCharacterCount() {
+        if (this.characterLimit > 0) {
+            return (index.h(GuxFormFieldCharacterCount, { i18n: this.i18n, characterCount: this.characterCount, characterLimit: this.characterLimit, labelPosition: this.computedLabelPosition }));
+        }
+    }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '9bfc30b8843eb183867a476354293e9bc9921e82', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'a3d0c387d0c3f0cc855b358004af9cac17dbe524', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '1f9e53a84a931b6b970edf0f83ae00f01b67f27d', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '5e331521e6e947c80c0cd67ce364774fe63e136e', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '90ba86260175ae34c5da2a3c28eb56e95dc83c70', name: "label-info" })), index.h("div", { key: '571f7ad84e3daa205c311e5c46cb4e1ac2aa06ad', class: "gux-input-and-error-container" }, index.h("div", { key: '1ba0aa3aa2b23ff3ec0d7cad06ff4854049e9728', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '7289f2fa5ee5d17a266236ef3aec2144f4f2b0ae', labelPosition: this.computedLabelPosition, characterLimit: this.characterLimit }, this.renderCharacterCount(), index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '5b1d5cde497e5fa9cda42159c2c99468cdcd6a91', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '028716c2f3e6a9944bc7783f55ced185c1f02d45', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'f6a5ef8f8ab01c3b97ec1a137e5ab4b769b99182', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '762b27415783c9ce197ff81bfbb5f718047e95f4', name: "label-info" })), index.h("div", { key: '8d4b43018b24ff170507026e46b192c068465cc4', class: "gux-input-and-error-container" }, index.h("div", { key: '637626703dbbf80cc918a6e254e1b7cfa206f247', class: {
                 'gux-input': true,
-                'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'c7425d80c410708dd2b34118e9fb9e6226051e03', class: {
+                'gux-input-error': this.hasError || this.charactersExceeding
+            } }, index.h("div", { key: 'aa17af854f2789d346d6ec7c2dad813a19e4a6bc', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: 'e8aa16a816ea9a27fc5ad7bfd9476ebe4ed19660', name: "prefix" }), index.h("slot", { key: '0b95bdb5aa1b8cbd31a6bc547b9c66f0ac5af156', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: '9d13b92dcdcd8c4ef2735f262a3d5769c186242a', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: 'cde944bf5ba83096a41877937f13204e4aef00a8', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'b4d7cf6c07ffc120d0e74a49c4afcd6fdcfc7a0a', show: this.hasError }, index.h("slot", { key: 'e2ee4593c6d00882409c531761733087fae0664a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'bd8fccfbd3606b2bf8f4e4671c1b9d7f4b329ca5', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '887dfb1fafe8c52067ef181bf13e06e7195afdcf', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: 'd2f3d1cc26a724ca9579fa4b8ea0ab174c6e6a5c', name: "prefix" }), index.h("slot", { key: '7830b592bc68fd010896c817366f61698c68ad32', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: 'a108aa1b48180b435fc3060dcc868c86fa199d26', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '0ac5664077476b3233d43aa0a21730683a8ff532', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'b82173f426a333b5da96f563aa7e3d4a77c7e74e', show: this.hasError }, index.h("slot", { key: '3e30fd1588df1ad0a664ddd5b51176068e5fe27d', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '1b7dbc734d98cf6c14f3bbaa4dfc9141111305b9', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'e759dee9387087d2c2cc8a610ba942bdac65af67', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -132,12 +171,32 @@ const GuxFormFieldTextLike = class {
         const clearableVariant = this.clearable ? 'clearable' : 'unclearable';
         return `${typeVariant}-${clearableVariant}-${labelPositionVariant}`;
     }
+    checkCharacterLimitExceeded() {
+        if (this.characterLimit <= 0) {
+            return;
+        }
+        const isExceeding = this.characterCount > this.characterLimit;
+        // Checking if exceeding state has changes since last checking.
+        if (isExceeding !== this.charactersExceeding) {
+            if (isExceeding) {
+                this.input.setAttribute('aria-invalid', 'true');
+                this.characterLimitChange.emit(isExceeding);
+            }
+            else {
+                this.input.removeAttribute('aria-invalid');
+                this.characterLimitChange.emit(isExceeding);
+            }
+            this.charactersExceeding = isExceeding;
+        }
+    }
     setInput() {
         this.input = guxFormField_service.getSlottedInput(this.root, 'input[type="email"][slot="input"], input[type="number"][slot="input"], input[type="password"][slot="input"], input[type="text"][slot="input"]');
         this.hasContent = guxFormField_service.hasContent(this.input);
         preventBrowserValidationStyling.preventBrowserValidationStyling(this.input);
         this.input.addEventListener('input', () => {
             this.hasContent = guxFormField_service.hasContent(this.input);
+            this.checkCharacterLimitExceeded();
+            index.forceUpdate(this.root);
         });
         this.disabled = onInputDisabledStateChange.calculateInputDisabledState(this.input);
         this.required = this.input.required;

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

@@ -1,20 +1,20 @@
 '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 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--W1cHbgt.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
 
-const guxFormFieldTextareaCss = ".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(textarea){flex:1 1 auto;align-self:auto;order:0;font-family:inherit;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);resize:vertical;outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:none;border-radius:var(--gse-ui-formControl-input-borderRadius);padding:var(--gse-ui-formControl-textarea-padding);margin:0}::slotted(textarea)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}::slotted(textarea)[disabled]{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{position:relative;display:flex;outline: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: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:hover:not(.gux-disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-input-and-error-container .gux-input.gux-input-error{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-input-and-error-container .gux-input.gux-disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input.gux-resize-none ::slotted(textarea){resize:none}.gux-input-and-error-container .gux-input.gux-resize-auto{display:grid;overflow:hidden;word-break:normal;word-break:break-word;overflow-wrap:anywhere}.gux-input-and-error-container .gux-input.gux-resize-auto::after{visibility:hidden;grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;white-space:pre-wrap;content:attr(data-replicated-value) \" \";padding:var(--gse-ui-formControl-textarea-padding);margin:0}.gux-input-and-error-container .gux-input.gux-resize-auto ::slotted(textarea){grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;overflow-x:hidden;resize:none}";
+const guxFormFieldTextareaCss = ".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(textarea){flex:1 1 auto;align-self:auto;order:0;font-family:inherit;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);resize:vertical;outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:none;border-radius:var(--gse-ui-formControl-input-borderRadius);padding:var(--gse-ui-formControl-textarea-padding);margin:0}::slotted(textarea)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}::slotted(textarea)[disabled]{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{position:relative;display:flex;outline: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: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:hover:not(.gux-disabled){border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-input-and-error-container .gux-input.gux-input-error{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-input-and-error-container .gux-input.gux-disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input.gux-resize-none ::slotted(textarea){resize:none}.gux-input-and-error-container .gux-input.gux-resize-auto{display:grid;overflow:hidden;word-break:normal;word-break:break-word;overflow-wrap:anywhere}.gux-input-and-error-container .gux-input.gux-resize-auto::after{visibility:hidden;grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;white-space:pre-wrap;content:attr(data-replicated-value) \" \";padding:var(--gse-ui-formControl-textarea-padding);margin:0}.gux-input-and-error-container .gux-input.gux-resize-auto ::slotted(textarea){grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:2;overflow-x:hidden;resize:none}";
 
 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;

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

@@ -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 getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
-var guxFormFieldError = require('./gux-form-field-error-Dw1hnlda.js');
-var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-CfEHfKLw.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 guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-Dt5fmqq7.js');
+var guxFormField_service = require('./gux-form-field.service-BiSsTyYc.js');
+var usage = require('./usage--W1cHbgt.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');

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

@@ -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 getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
-var guxFormFieldError = require('./gux-form-field-error-Dw1hnlda.js');
-var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-CfEHfKLw.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 guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-Dt5fmqq7.js');
+var guxFormField_service = require('./gux-form-field.service-BiSsTyYc.js');
+var usage = require('./usage--W1cHbgt.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');

package/dist/cjs/{gux-form-field.service-MaWFZxSN.js → gux-form-field.service-BiSsTyYc.js}

@@ -144,11 +144,34 @@ function getSlottedInput(root, inputSelector) {
 function hasLabelSlot(root) {
     return Boolean(root.querySelector('label[slot="label"]'));
 }
+function setCharacterCountAriaDescribedBy(root, input) {
+    var _a, _b, _c;
+    if (root.hasAttribute('character-limit')) {
+        const characterlimit = (_a = root.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.gux-form-field-character-count');
+        if (characterlimit) {
+            const counterId = randomHtmlId.randomHTMLId('gux-form-field-character-counter');
+            const describedByIds = ((_b = input
+                .getAttribute('aria-describedby')) === null || _b === void 0 ? void 0 : _b.split(' ').filter(id => !id.startsWith(`gux-form-field-character-counter`))) ||
+                [];
+            characterlimit.setAttribute('id', counterId);
+            describedByIds.push(counterId);
+            if (describedByIds) {
+                input.setAttribute('aria-describedby', describedByIds.join(' '));
+            }
+        }
+    }
+    else if (input.getAttribute('aria-describedby')) {
+        const describedByIds = ((_c = input
+            .getAttribute('aria-describedby')) === null || _c === void 0 ? void 0 : _c.split(' ').filter(id => !id.startsWith(`gux-form-field-character-counter`))) || [];
+        input.setAttribute('aria-describedby', describedByIds.join(' '));
+    }
+}
 
 exports.clearInput = clearInput;
 exports.getComputedLabelPosition = getComputedLabelPosition;
 exports.getSlottedInput = getSlottedInput;
 exports.hasContent = hasContent;
+exports.setCharacterCountAriaDescribedBy = setCharacterCountAriaDescribedBy;
 exports.setInputValue = setInputValue;
 exports.setSlotAriaDescribedby = setSlotAriaDescribedby;
 exports.setSlotAriaLabelledby = setSlotAriaLabelledby;

package/dist/cjs/gux-form-fieldset-heading.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
+var index = require('./index-BGHWOXcN.js');
 
 const guxFormFieldsetHeadingCss = "::slotted(*){margin:0;font-family:var(--gse-semantic-heading-md-bold-fontFamily) !important;font-size:var(--gse-semantic-heading-md-bold-fontSize) !important;font-weight:var(--gse-semantic-heading-md-bold-fontWeight) !important;line-height:var(--gse-semantic-heading-md-bold-lineHeight) !important;color:var(--gse-semantic-foreground-container-highEmphasis) !important}";
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
-var usage = require('./usage-DMdlKJnN.js');
+var index = require('./index-BGHWOXcN.js');
+var usage = require('./usage--W1cHbgt.js');
 
 const guxFormFooterCss = ":host ::slotted(footer){display:flex;align-items:center;justify-content:flex-start;margin-block-start:var(--gse-semantic-formControl-formBody-paddingBottom);border-block-start:var(--gse-ui-formFooter-separator-width) var(--gse-ui-formFooter-separator-style) var(--gse-ui-formFooter-separator-color)}:host(.gux-form-footer-page-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-page-desktop-gap);padding-block:var(--gse-ui-formFooter-page-desktop-topPadding) var(--gse-ui-formFooter-page-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-desktop-horizontalPadding) var(--gse-ui-formFooter-page-desktop-horizontalPadding)}:host(.gux-form-footer-page-mobile) ::slotted(footer){flex-direction:column;gap:var(--gse-ui-formFooter-page-mobile-gap);align-items:stretch;justify-content:center;padding-block:var(--gse-ui-formFooter-page-mobile-topPadding) var(--gse-ui-formFooter-page-mobile-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-mobile-horizontalPadding) var(--gse-ui-formFooter-page-mobile-horizontalPadding)}:host(.gux-form-footer-side-sheet-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-sideSheet-desktop-gap);padding-block:var(--gse-ui-formFooter-sideSheet-desktop-topPadding) var(--gse-ui-formFooter-sideSheet-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding) var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding)}";
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
+var index = require('./index-BGHWOXcN.js');
 
 const guxFormHeadingCss = "::slotted(*){margin:0;font-family:var(--gse-semantic-body-lg-semiBold-fontFamily) !important;font-size:var(--gse-semantic-body-lg-semiBold-fontSize) !important;font-weight:var(--gse-semantic-body-lg-semiBold-fontWeight) !important;line-height:var(--gse-semantic-body-lg-semiBold-lineHeight) !important;color:var(--gse-semantic-foreground-container-highEmphasis) !important}";
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
-var usage = require('./usage-DMdlKJnN.js');
+var index = require('./index-BGHWOXcN.js');
+var usage = require('./usage--W1cHbgt.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 
 const guxIconTooltipCss = ".gux-icon-tooltip{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-icon-tooltip gux-tooltip{padding-inline-start:0}.gux-icon-tooltip gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
-var usage = require('./usage-DMdlKJnN.js');
+var index = require('./index-BGHWOXcN.js');
+var usage = require('./usage--W1cHbgt.js');
 var logError = require('./log-error-nWO_o1C3.js');
 
 const legacyIconNames = [

package/dist/cjs/gux-illustration-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
-var usage = require('./usage-DMdlKJnN.js');
+var index = require('./index-BGHWOXcN.js');
+var usage = require('./usage--W1cHbgt.js');
 
 const svgHTMLCache = new Map();
 function getBackgroundShape(shapeName) {

package/dist/cjs/gux-inline-alert.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
-var index$1 = require('./index-DqhFjElJ.js');
-var usage = require('./usage-DMdlKJnN.js');
+var index = require('./index-BGHWOXcN.js');
+var index$1 = require('./index-CIoLTj6_.js');
+var usage = require('./usage--W1cHbgt.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const info = "Information alert with message";

package/dist/cjs/gux-inline-dropdown-beta.cjs.entry.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
-var onClickOutside = require('./on-click-outside-B_0pncNB.js');
-var index$1 = require('./index-DqhFjElJ.js');
+var index = require('./index-BGHWOXcN.js');
+var onClickOutside = require('./on-click-outside-P0KtJaXL.js');
+var index$1 = require('./index-CIoLTj6_.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-DMdlKJnN.js');
-var onMutation = require('./on-mutation-DFJMtCiW.js');
+var usage = require('./usage--W1cHbgt.js');
+var onMutation = require('./on-mutation-BxwPAn4k.js');
 var guxListbox_service = require('./gux-listbox.service--Kw0a8sM.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 require('./get-closest-element-CfyZl7i7.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
-var usage = require('./usage-DMdlKJnN.js');
+var index = require('./index-BGHWOXcN.js');
+var usage = require('./usage--W1cHbgt.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 
 const guxLabelInfoCss = ".gux-label-info{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-label-info gux-tooltip{padding-inline-start:0}.gux-label-info gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
+var index = require('./index-BGHWOXcN.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var guxTreeMulti_service = require('./gux-tree-multi.service-DqaAdTQJ.js');
+var guxTreeMulti_service = require('./gux-tree-multi.service-m1PoXc9Q.js');
 require('./when-event-is-from-C6TjNoqM.js');
 
 const guxLeafMultiCss = ":host{display:block}:host(:focus-visible){outline:none}:host(:focus-visible) .gux-node{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}:host(:focus-visible) .gux-tree-item{background-color:var(--gse-ui-treeView-background-hover)}.gux-wrapper{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:stretch}.gux-wrapper .gux-node{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-semantic-interactive-sm-gap);place-content:stretch flex-start;align-items:stretch}.gux-wrapper .gux-node .gux-selected-bookmark{flex:0 1 auto;align-self:auto;inline-size:6px;background:transparent;border-radius:var(--gse-semantic-interactive-sm-borderRadius)}.gux-wrapper .gux-node .gux-tree-item{display:flex;flex:1 1 auto;align-items:center;align-self:auto;padding:var(--gse-ui-treeView-item-comfy-leftAligned-padding);border-radius:var(--gse-semantic-interactive-sm-borderRadius)}.gux-wrapper .gux-node .gux-tree-item:has(:focus-visible),.gux-wrapper .gux-node .gux-tree-item:hover{background-color:var(--gse-ui-treeView-background-hover)}.gux-wrapper .gux-node .gux-tree-item .gux-selection-target{display:flex;flex:0 0 auto;gap:var(--gse-semantic-interactive-lg-gap);align-items:center;align-self:auto;padding-inline-start:8px}.gux-wrapper .gux-node .gux-tree-item .gux-selection-target .gux-checkbox-container{display:flex;align-items:center}.gux-wrapper .gux-node .gux-tree-item .gux-selection-target .gux-checkbox-container input[type=checkbox]{display:inline-grid;inline-size:var(--gse-ui-checkbox-icon-width);block-size:var(--gse-ui-checkbox-icon-height);margin:0;vertical-align:middle;text-align:center;-webkit-appearance:none;appearance:none;cursor:pointer;outline:none;border:0}.gux-wrapper .gux-node .gux-tree-item .gux-selection-target .gux-checkbox-container input[type=checkbox]::before{grid-area:1/1;content:\"\";border-radius:15%}.gux-wrapper .gux-node .gux-tree-item .gux-selection-target .gux-checkbox-container input[type=checkbox]:focus-visible{outline:var(--gse-ui-checkbox-focus-border-width) var(--gse-ui-checkbox-focus-border-style) var(--gse-ui-checkbox-focus-border-color);outline-offset:var(--gse-ui-checkbox-focus-offset);border-radius:var(--gse-ui-checkbox-focus-borderRadiusSmall)}.gux-wrapper .gux-node .gux-tree-item .gux-selection-target .gux-checkbox-container input[type=checkbox]:not(:checked)::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M13.7143 0C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143ZM13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M13.7143 0C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143ZM13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429Z' /%3E%3C/svg%3E\");background:var(--gse-ui-checkbox-icon-default-unselectedForegroundColor)}.gux-wrapper .gux-node .gux-tree-item .gux-selection-target .gux-checkbox-container input[type=checkbox]:not(:checked):not(:disabled):not(:indeterminate):hover::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M13.7143 0C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143ZM13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M13.7143 0C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143ZM13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429Z' /%3E%3C/svg%3E\");background:var(--gse-ui-checkbox-icon-hover-foregroundColor)}.gux-wrapper .gux-node .gux-tree-item .gux-selection-target .gux-checkbox-container input[type=checkbox]:checked::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V2.28571C16 1.025 14.975 0 13.7143 0H2.28571ZM12.0357 6.32143L7.46429 10.8929C7.12857 11.2286 6.58571 11.2286 6.25357 10.8929L3.96786 8.60714C3.63214 8.27143 3.63214 7.72857 3.96786 7.39643C4.30357 7.06429 4.84643 7.06071 5.17857 7.39643L6.85714 9.075L10.8214 5.10714C11.1571 4.77143 11.7 4.77143 12.0321 5.10714C12.3643 5.44286 12.3679 5.98571 12.0321 6.31786L12.0357 6.32143Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V2.28571C16 1.025 14.975 0 13.7143 0H2.28571ZM12.0357 6.32143L7.46429 10.8929C7.12857 11.2286 6.58571 11.2286 6.25357 10.8929L3.96786 8.60714C3.63214 8.27143 3.63214 7.72857 3.96786 7.39643C4.30357 7.06429 4.84643 7.06071 5.17857 7.39643L6.85714 9.075L10.8214 5.10714C11.1571 4.77143 11.7 4.77143 12.0321 5.10714C12.3643 5.44286 12.3679 5.98571 12.0321 6.31786L12.0357 6.32143Z' /%3E%3C/svg%3E\");background:var(--gse-ui-checkbox-icon-default-selectedForegroundColor)}.gux-wrapper .gux-node .gux-tree-item .gux-selection-target .gux-checkbox-container input[type=checkbox]:checked:not(:disabled):hover::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V2.28571C16 1.025 14.975 0 13.7143 0H2.28571ZM12.0357 6.32143L7.46429 10.8929C7.12857 11.2286 6.58571 11.2286 6.25357 10.8929L3.96786 8.60714C3.63214 8.27143 3.63214 7.72857 3.96786 7.39643C4.30357 7.06429 4.84643 7.06071 5.17857 7.39643L6.85714 9.075L10.8214 5.10714C11.1571 4.77143 11.7 4.77143 12.0321 5.10714C12.3643 5.44286 12.3679 5.98571 12.0321 6.31786L12.0357 6.32143Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V2.28571C16 1.025 14.975 0 13.7143 0H2.28571ZM12.0357 6.32143L7.46429 10.8929C7.12857 11.2286 6.58571 11.2286 6.25357 10.8929L3.96786 8.60714C3.63214 8.27143 3.63214 7.72857 3.96786 7.39643C4.30357 7.06429 4.84643 7.06071 5.17857 7.39643L6.85714 9.075L10.8214 5.10714C11.1571 4.77143 11.7 4.77143 12.0321 5.10714C12.3643 5.44286 12.3679 5.98571 12.0321 6.31786L12.0357 6.32143Z' /%3E%3C/svg%3E\");background:var(--gse-ui-checkbox-icon-hover-foregroundColor)}.gux-wrapper .gux-node .gux-tree-item .gux-selection-target .gux-checkbox-container input[type=checkbox]:indeterminate::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M11.1429 7.14286C11.6179 7.14286 12 7.525 12 8C12 8.475 11.6179 8.85714 11.1429 8.85714H4.85714C4.38214 8.85714 4 8.475 4 8C4 7.525 4.38214 7.14286 4.85714 7.14286H11.1429ZM0 2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571ZM1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571Z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M11.1429 7.14286C11.6179 7.14286 12 7.525 12 8C12 8.475 11.6179 8.85714 11.1429 8.85714H4.85714C4.38214 8.85714 4 8.475 4 8C4 7.525 4.38214 7.14286 4.85714 7.14286H11.1429ZM0 2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571ZM1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571Z'/%3E%3C/svg%3E\");background:var(--gse-ui-checkbox-icon-default-selectedForegroundColor)}.gux-wrapper .gux-node .gux-tree-item .gux-selection-target .gux-checkbox-container input[type=checkbox]:not(:disabled):indeterminate:hover::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M11.1429 7.14286C11.6179 7.14286 12 7.525 12 8C12 8.475 11.6179 8.85714 11.1429 8.85714H4.85714C4.38214 8.85714 4 8.475 4 8C4 7.525 4.38214 7.14286 4.85714 7.14286H11.1429ZM0 2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571ZM1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M11.1429 7.14286C11.6179 7.14286 12 7.525 12 8C12 8.475 11.6179 8.85714 11.1429 8.85714H4.85714C4.38214 8.85714 4 8.475 4 8C4 7.525 4.38214 7.14286 4.85714 7.14286H11.1429ZM0 2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571ZM1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571Z' /%3E%3C/svg%3E\");background:var(--gse-ui-checkbox-icon-hover-foregroundColor)}.gux-wrapper .gux-node .gux-tree-item .gux-selection-target .gux-checkbox-container input[type=checkbox]:disabled::before{cursor:not-allowed}.gux-wrapper .gux-node .gux-tree-item .gux-selection-target .gux-icon{display:flex;align-items:center}.gux-wrapper.gux-compact .gux-tree-item{padding:var(--gse-ui-treeView-item-compact-leftAligned-padding)}.gux-wrapper.gux-compact .gux-tree-item .gux-selection-target{padding-inline-start:4px}.gux-wrapper.gux-compact.gux-end .gux-tree-item{padding:var(--gse-ui-treeView-item-compact-rightAligned-padding)}.gux-wrapper.gux-compact.gux-end .gux-tree-item .gux-selection-target{padding-inline-start:0}.gux-wrapper.gux-end .gux-tree-item{padding:var(--gse-ui-treeView-item-comfy-rightAligned-padding)}.gux-wrapper.gux-end .gux-tree-item .gux-selection-target{padding-inline-start:0}.gux-wrapper.gux-selected .gux-selected-bookmark{background:var(--gse-semantic-background-interactive-primary-default)}.gux-wrapper.gux-selected .gux-tree-item{background-color:var(--gse-ui-treeView-background-selected)}.gux-wrapper.gux-disabled{opacity:var(--gse-ui-treeView-disableOpacity);pointer-events:none;cursor:default}::slotted(gux-icon[slot=icon]){display:flex;align-items:center;inline-size:16px;block-size:16px}";

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
-var guxTree_service = require('./gux-tree.service-rC9cJv5f.js');
+var index = require('./index-BGHWOXcN.js');
+var guxTree_service = require('./gux-tree.service-CA22BIi4.js');
 require('./when-event-is-from-C6TjNoqM.js');
 
 const guxLeafCss = ":host{display:block}:host(:focus-visible){outline:none}:host(:focus-visible) .gux-node{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}:host(:focus-visible) .gux-tree-item{background-color:var(--gse-ui-treeView-background-hover)}.gux-wrapper{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:stretch}.gux-wrapper .gux-node{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-semantic-interactive-sm-gap);place-content:stretch flex-start;align-items:stretch}.gux-wrapper .gux-node .gux-selected-bookmark{flex:0 1 auto;align-self:auto;inline-size:6px;background:transparent;border-radius:var(--gse-semantic-interactive-sm-borderRadius)}.gux-wrapper .gux-node .gux-tree-item{display:flex;flex:1 1 auto;align-items:center;align-self:auto;padding:var(--gse-ui-treeView-item-comfy-leftAligned-padding);border-radius:var(--gse-semantic-interactive-sm-borderRadius)}.gux-wrapper .gux-node .gux-tree-item:has(:focus-visible),.gux-wrapper .gux-node .gux-tree-item:hover{background-color:var(--gse-ui-treeView-background-hover)}.gux-wrapper .gux-node .gux-tree-item .gux-selection-target{display:flex;flex:1 1 auto;gap:var(--gse-semantic-interactive-lg-gap);align-items:center;align-self:auto}.gux-wrapper .gux-node .gux-tree-item .gux-selection-target .gux-icon{display:flex;align-items:center}.gux-wrapper.gux-compact .gux-tree-item{padding:var(--gse-ui-treeView-item-compact-leftAligned-padding)}.gux-wrapper.gux-compact.gux-end .gux-tree-item{padding:var(--gse-ui-treeView-item-compact-rightAligned-padding)}.gux-wrapper.gux-end .gux-tree-item{padding:var(--gse-ui-treeView-item-comfy-rightAligned-padding)}.gux-wrapper.gux-selected .gux-selected-bookmark{background:var(--gse-semantic-background-interactive-primary-default)}.gux-wrapper.gux-selected .gux-tree-item{background-color:var(--gse-ui-treeView-background-selected)}.gux-wrapper.gux-disabled{opacity:var(--gse-ui-treeView-disableOpacity);pointer-events:none;cursor:default}::slotted(gux-icon[slot=icon]){display:flex;align-items:center;inline-size:16px;block-size:16px}";

package/dist/cjs/gux-link-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
-var usage = require('./usage-DMdlKJnN.js');
+var index = require('./index-BGHWOXcN.js');
+var usage = require('./usage--W1cHbgt.js');
 var getClosestElement = require('./get-closest-element-CfyZl7i7.js');
 
 const guxLinkCss = ":host{padding-block:var(--gse-ui-links-inLine-padding)}:host ::slotted(a){inline-size:fit-content;font-family:var(--gse-ui-links-inLine-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-medium-text-fontSize);font-weight:var(--gse-ui-links-inLine-medium-text-fontWeight);line-height:var(--gse-ui-links-inLine-medium-text-lineHeight);color:var(--gse-ui-links-default-foregroundColor) !important;border-radius:var(--gse-ui-links-focusOutline-borderRadius) !important}:host ::slotted(a:hover){color:var(--gse-ui-links-hover-foregroundColor) !important}:host ::slotted(a:active){color:var(--gse-ui-links-active-foregroundColor) !important}:host ::slotted(a:visited){color:var(--gse-ui-links-visited-foregroundColor) !important}:host ::slotted(a:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}:host([size=small]) ::slotted(a){font-family:var(--gse-ui-links-inLine-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-small-text-fontSize);font-weight:var(--gse-ui-links-inLine-small-text-fontWeight);line-height:var(--gse-ui-links-inLine-small-text-lineHeight)}:host([standalone]){display:block;padding-block:var(--gse-ui-links-standalone-padding)}:host([standalone]) ::slotted(a){display:flex;gap:var(--gse-ui-links-standalone-gap);align-items:center;inline-size:fit-content;font-family:var(--gse-ui-links-standalone-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-text-fontSize);font-weight:var(--gse-ui-links-standalone-medium-text-fontWeight);line-height:var(--gse-ui-links-standalone-medium-text-lineHeight);text-decoration:none !important}:host([standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-medium-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-medium-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-medium-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-medium-underlinedText-textDecoration) !important}:host([standalone]) ::slotted(a:active){text-decoration:none !important}:host([size=small][standalone]) ::slotted(a){font-family:var(--gse-ui-links-standalone-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-text-fontSize);font-weight:var(--gse-ui-links-standalone-small-text-fontWeight);line-height:var(--gse-ui-links-standalone-small-text-lineHeight)}:host([size=small][standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-small-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-small-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-small-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-small-underlinedText-textDecoration) !important}:host([standalone][class=gux-breadcrumb-link]){padding:0}";

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
+var index = require('./index-BGHWOXcN.js');
 
 const guxListDividerCss = ":host{position:relative;display:flex;inline-size:100%;block-size:var(--gse-ui-menu-divider-height);padding:0;margin:var(--gse-ui-menu-divider-margin);pointer-events:none;cursor:pointer;cursor:default;background-color:var(--gse-ui-menu-divider-backgroundColor)}";
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
+var index = require('./index-BGHWOXcN.js');
 
 const guxListItemCss = ":host{inline-size:100%;text-align:start;outline:none}:host([disabled]){pointer-events:none}:host([disabled=false]){pointer-events:auto}::slotted(gux-icon){inline-size:var(--gse-ui-menu-option-startIcon-height);block-size:var(--gse-ui-menu-option-startIcon-height);margin-inline-end:var(--gse-ui-menu-option-gap);vertical-align:middle}button{all:unset;box-sizing:border-box;inline-size:100%;min-block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);overflow-wrap:break-word;cursor:pointer;outline:none;outline-offset:calc(var(--gse-ui-menu-option-focus-border-width) * -1) !important;background-color:var(--gse-ui-menu-option-default-backgroundColor);border:none}button:focus-visible:not(:disabled){outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}button:hover:not(:disabled){background:var(--gse-ui-menu-option-hover-backgroundColor)}button:active:not(:disabled){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}button:disabled{cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}";
 

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
+var index = require('./index-BGHWOXcN.js');
 var guxList_service = require('./gux-list.service-CecJpxVa.js');
-var usage = require('./usage-DMdlKJnN.js');
+var usage = require('./usage--W1cHbgt.js');
 
 const guxListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;padding:var(--gse-ui-menu-padding)}";
 

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
+var index = require('./index-BGHWOXcN.js');
 var guxListbox_service = require('./gux-listbox.service--Kw0a8sM.js');
-var index$1 = require('./index-DqhFjElJ.js');
+var index$1 = require('./index-CIoLTj6_.js');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
-var usage = require('./usage-DMdlKJnN.js');
+var usage = require('./usage--W1cHbgt.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var onMutation = require('./on-mutation-DFJMtCiW.js');
+var onMutation = require('./on-mutation-BxwPAn4k.js');
 require('./get-text-content-from-nodes-oI5DVfp_.js');
 require('./get-closest-element-CfyZl7i7.js');
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-CJEUJwB7.js');
-var usage = require('./usage-DMdlKJnN.js');
+var index = require('./index-BGHWOXcN.js');
+var usage = require('./usage--W1cHbgt.js');
 
 const guxLoadingMessageCss = ":host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  max-inline-size: var(--gse-ui-progressAndLoading-loadingState-large-width);\n  color: var(--gse-ui-progressAndLoading-textColor);\n  text-align: center;\n}\n\n@container (width > 400px) {\n  .gux-container .gux-primary-message {\n    margin-block-start: var(--gse-ui-progressAndLoading-large-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-block-start: var(--gse-ui-progressAndLoading-large-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-subheader-lineHeight);\n  }\n}\n@container (width > 200px) and (width <=400px) {\n  .gux-container .gux-primary-message {\n    margin-block-start: var(--gse-ui-progressAndLoading-medium-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-block-start: var(--gse-ui-progressAndLoading-medium-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-lineHeight);\n  }\n}\n@container (width <=200px) {\n  .gux-container .gux-primary-message {\n    margin-block-start: var(--gse-ui-progressAndLoading-small-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-block-start: var(--gse-ui-progressAndLoading-small-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-subheader-lineHeight);\n  }\n}";
 

package/dist/cjs/gux-logo-beta.cjs.entry.js

@@ -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--W1cHbgt.js');
+var index$1 = require('./index-CIoLTj6_.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const genesysLogo = "Genesys Logo";

package/dist/cjs/gux-logomark-beta.cjs.entry.js

@@ -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--W1cHbgt.js');
+var index$1 = require('./index-CIoLTj6_.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const genesysLogomark = "Genesys Logomark";