genesys-spark-components 4.232.2 → 4.233.1

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

@@ -9,30 +9,15 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-Csxri5IS.js');
 var guxFormFieldContainer = require('./gux-form-field-container-hTZqdcZZ.js');
 var guxFormField_service = require('./gux-form-field.service-BiSsTyYc.js');
-var usage = require('./usage-DMoI1xj1.js');
+var usage = require('./usage-BbRm9v_K.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
+var en = require('./en-CEsbEfLT.js');
 var index$1 = require('./index-D5gbJ1qH.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 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{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) {
@@ -48,7 +33,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.guxcharacterlimitexceeded = index.createEvent(this, "guxcharacterlimitexceeded", 7);
         this.loading = false;
         /**
          * Field indicator mark which can show *, (optional) or blank
@@ -101,6 +86,11 @@ const GuxFormFieldTextLike = class {
         void ((_a = this.labelInfo) === null || _a === void 0 ? void 0 : _a.hideTooltip());
         clearTimeout(this.hideLabelInfoTimeout);
     }
+    handleCharacterLimitChange(newValue) {
+        if (newValue > 0) {
+            guxFormField_service.setCharacterCountAriaDescribedBy(this.root, this.input);
+        }
+    }
     // eslint-disable-next-line @typescript-eslint/require-await
     async guxForceUpdate() {
         this.hasContent = guxFormField_service.hasContent(this.input);
@@ -130,12 +120,14 @@ const GuxFormFieldTextLike = class {
         if (this.hasSuffix) {
             guxFormField_service.setSlotAriaDescribedby(this.root, this.input, 'suffix');
         }
+        this.checkCharacterLimitExceeded();
+        this.i18n = await index$1.buildI18nForComponent(this.root, en.translationResources);
+        usage.trackComponent(this.root, { variant: this.variant });
+    }
+    componentDidLoad() {
         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 });
     }
     connectedCallback() {
         this.hasError = hasSlot.hasSlot(this.root, 'error');
@@ -161,19 +153,19 @@ const GuxFormFieldTextLike = class {
     }
     renderCharacterCount() {
         if (this.characterLimit > 0) {
-            return (index.h(GuxFormFieldCharacterCount, { i18n: this.i18n, characterCount: this.characterCount, characterLimit: this.characterLimit, labelPosition: this.computedLabelPosition }));
+            return (index.h(en.GuxFormFieldCharacterCount, { i18n: this.i18n, characterCount: this.characterCount, characterLimit: this.characterLimit, labelPosition: this.computedLabelPosition }));
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '54f478dab0e45dc3efb156e9dad965823d697142', labelPosition: this.computedLabelPosition, characterLimit: this.characterLimit }, this.renderCharacterCount(), index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'e35eb1052c0d557eee144ba38b1816fa604b44d7', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'ed1e4e6d559032736dc33e4b892aaf940eb9b92c', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '7a8fd45e5ceea884025f99f7db466a05a02187e1', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '67c39e022a9da3a8f75ccfa15249ea5c8cd8873b', name: "label-info" })), index.h("div", { key: '9228ae0c610a42cee8023248086ba93991ea70e6', class: "gux-input-and-error-container" }, index.h("div", { key: 'b16ef72f6d37515dd75d8d105b23ad51eb3fcb56', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'b2ed2e7d4c7fff9893d6dee379080ca52d031ef1', labelPosition: this.computedLabelPosition, characterLimit: this.characterLimit }, this.renderCharacterCount(), index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '122783f3db7cd87ccb0d2f80980a430585a671a4', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'f76fe506ce23fc3122d15c407d82157052c409d8', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '94f07e7a96d9fcdee42392b5752a93ceeac7c9f8', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '895956e8428af1323048ea607a87c4473c8f2420', name: "label-info" })), index.h("div", { key: '3cf5758f17af06b5153f8ea1a6c664780d0836b4', class: "gux-input-and-error-container" }, index.h("div", { key: '0680bba11cd441fe0cd0d07843c78b4513e5729b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError || this.charactersExceeding
-            } }, index.h("div", { key: '5b35de154169a5156e250368fb59e04dcfbe6d52', class: {
+            } }, index.h("div", { key: 'fb969700f0ed4b2142624f87192c343d1b913f3e', 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: '414d14434e78f53c60ed6a848ff480cc1a68ceeb', name: "prefix" }), index.h("slot", { key: '02439dc0de64d46424f3ca9f6204907068880ef4', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: '764b47c1c92236f2ed9202fd1a1366c7c65a47cf', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '498b9980be2675ed774e9f8b522d0bbebe772127', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'e7f599a692bb32129e4d0f928792145825ec148f', show: this.hasError }, index.h("slot", { key: '0793fd2e095d43d3ee735c9a862acfc0a03567f9', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '0730b3990836f489372a6eb56d600d1542b2220a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f04d4b50de99a1e0ed9ebae1f63116907f32a986', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '4350d6a1831572318816f3c0c6a7b2142737a6f9', name: "prefix" }), index.h("slot", { key: 'ba4a8b2e0b36baced2c3f2e98fb12a6a633af9de', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: '88171a8cc0200335928f8c541a149ff194d29b5b', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: 'cf7723e5f7aca860cb410ea83967846a9b122fbc', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'bdf9693fb9636c8c8a9957b579eca0ad9a4a6144', show: this.hasError }, index.h("slot", { key: '4cb5a1a5e0957119cee638e1536243bf4bc8bc16', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '473f71b6d52d7b777d8d13877fca55cc1c6dd14b', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'fcbfc494952b6fd1b1438e723e2c743880d0fa23', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -192,12 +184,11 @@ const GuxFormFieldTextLike = class {
         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.guxcharacterlimitexceeded.emit(isExceeding);
             this.charactersExceeding = isExceeding;
         }
     }
@@ -225,6 +216,11 @@ const GuxFormFieldTextLike = class {
         this.computedLabelPosition = guxFormField_service.getComputedLabelPosition(this.label, this.labelPosition);
     }
     get root() { return index.getElement(this); }
+    static get watchers() { return {
+        "characterLimit": [{
+                "handleCharacterLimitChange": 0
+            }]
+    }; }
 };
 __decorate([
     onMutation.OnMutation({ childList: true, subtree: true })

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

@@ -9,12 +9,15 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-Csxri5IS.js');
 var guxFormFieldContainer = require('./gux-form-field-container-hTZqdcZZ.js');
 var guxFormField_service = require('./gux-form-field.service-BiSsTyYc.js');
-var usage = require('./usage-DMoI1xj1.js');
+var usage = require('./usage-BbRm9v_K.js');
+var en = require('./en-CEsbEfLT.js');
+var index$1 = require('./index-D5gbJ1qH.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 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{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{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(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;
@@ -29,16 +32,22 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 const GuxFormFieldTextarea = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.guxcharacterlimitexceeded = index.createEvent(this, "guxcharacterlimitexceeded", 7);
         /**
          * Field indicator mark which can show *, (optional) or blank
          * Defaults to required. When set to required, the component will display * for required fields and blank for optional
          * 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 textarea.
+         */
+        this.characterLimit = 0;
         this.computedLabelPosition = 'above';
         this.required = true;
         this.hasError = false;
         this.hasHelp = false;
+        this.charactersExceeding = false;
     }
     onMutation() {
         this.labelInfo = this.root.querySelector('[slot=label-info]');
@@ -75,16 +84,26 @@ const GuxFormFieldTextarea = class {
         void ((_a = this.labelInfo) === null || _a === void 0 ? void 0 : _a.hideTooltip());
         clearTimeout(this.hideLabelInfoTimeout);
     }
-    componentWillLoad() {
+    handleCharacterLimitChange(newValue) {
+        if (newValue > 0) {
+            guxFormField_service.setCharacterCountAriaDescribedBy(this.root, this.input);
+        }
+    }
+    async componentWillLoad() {
         this.setInput();
         this.setLabel();
         this.labelInfo = this.root.querySelector('[slot=label-info]');
         this.hasError = hasSlot.hasSlot(this.root, 'error');
         this.hasHelp = hasSlot.hasSlot(this.root, 'help');
+        this.checkCharacterLimitExceeded();
+        this.i18n = await index$1.buildI18nForComponent(this.root, en.translationResources);
         usage.trackComponent(this.root, { variant: this.variant });
     }
     componentDidLoad() {
         this.updateHeight(this.textareaContainerElement, this.input, this.resize);
+        if (this.characterLimit > 0) {
+            guxFormField_service.setCharacterCountAriaDescribedBy(this.root, this.input);
+        }
     }
     connectedCallback() {
         this.hasError = hasSlot.hasSlot(this.root, 'error');
@@ -99,12 +118,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '722954a835efdce0c0c011633cd01b07e36299d4', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '9bdb9adec4c6b5f36866cd55c3ba6df8e9ca322f', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '65412b24ea0257da33ef92f38bf85dcf0e9d4761', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '1e17a44042e29484818e39eeff38ff35dc35bad6', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '172571cb3b79326bc4772c88ac91a945ddf252e6', name: "label-info" })), index.h("div", { key: 'c69b8d80fa6e1c1fa6d1baf365bb9a91ee3e6214', class: "gux-input-and-error-container" }, index.h("div", { key: '27c69e1bdba6cf73eccdef0ee90f432f74e79252', ref: el => (this.textareaContainerElement = el), class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '966d5f51f4a532fa66595c58c849bb376c182561', labelPosition: this.computedLabelPosition, characterLimit: this.characterLimit }, this.renderCharacterCount(), index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'ef89834d796dc504a4c4bd33c10e07530fcd3a52', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '7138084d4eaa129dfa43e9cf921118d47fda9349', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'fb4573bb813fcb0561c4101d929ab556c0e84405', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '47ee46d298e0a78c9d727c6259c4d3986de2a172', name: "label-info" })), index.h("div", { key: '641c6eda7d57fdb238f5d1051251f7478fc608bb', class: "gux-input-and-error-container" }, index.h("div", { key: 'c8cef431082346b5baa14045bca7610ec07ac0ee', ref: el => (this.textareaContainerElement = el), class: {
                 'gux-input': true,
                 [`gux-resize-${this.resize}`]: true,
                 'gux-disabled': this.disabled,
-                'gux-input-error': this.hasError
-            } }, index.h("slot", { key: '3354320b3579ad47ed30155a179ab00e649b46a7', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '3aae26fec5a70756720875fbd60a492a3ba5ef90', show: this.hasError }, index.h("slot", { key: '1ccfe7af52ab155d94b12f22dc712e8ed82fc6d6', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '59c6e92d0ac2e49855543291cdd0fd0ee43fb742', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '98bea039d5bc0c32e36aef4f508927c95ae45dc7', name: "help" })))));
+                'gux-input-error': this.hasError || this.charactersExceeding
+            } }, index.h("slot", { key: 'e248eb1d2d6ae1b247a79f0e6459592bc6f274f9', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '23d512884a5eb6c3219fb61675cf473725e9fa3b', show: this.hasError }, index.h("slot", { key: 'a7288182fef55fe7fe90e65069c9755e67ae3600', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '3613542fb4ecd45db886a0d8fa9cde94198e5cdb', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f65391fd86031e21b9c93b711507aafda1254c73', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -112,12 +131,39 @@ const GuxFormFieldTextarea = class {
             : 'none';
         return `${this.resize}-${labelPositionVariant}`;
     }
+    get characterCount() {
+        var _a, _b;
+        return (_b = (_a = this.input) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.length;
+    }
+    renderCharacterCount() {
+        if (this.characterLimit > 0) {
+            return (index.h(en.GuxFormFieldCharacterCount, { i18n: this.i18n, characterCount: this.characterCount, characterLimit: this.characterLimit, labelPosition: this.computedLabelPosition }));
+        }
+    }
+    checkCharacterLimitExceeded() {
+        if (this.characterLimit <= 0) {
+            return;
+        }
+        const isExceeding = this.characterCount > this.characterLimit;
+        if (isExceeding !== this.charactersExceeding) {
+            if (isExceeding) {
+                this.input.setAttribute('aria-invalid', 'true');
+            }
+            else {
+                this.input.removeAttribute('aria-invalid');
+            }
+            this.guxcharacterlimitexceeded.emit(isExceeding);
+            this.charactersExceeding = isExceeding;
+        }
+    }
     setInput() {
         this.input = this.root.querySelector('textarea[slot="input"]');
         preventBrowserValidationStyling.preventBrowserValidationStyling(this.input);
         this.updateHeight(this.textareaContainerElement, this.input, this.resize);
         this.input.addEventListener('input', () => {
             this.updateHeight(this.textareaContainerElement, this.input, this.resize);
+            this.checkCharacterLimitExceeded();
+            index.forceUpdate(this.root);
         });
         this.disabled = onInputDisabledStateChange.calculateInputDisabledState(this.input);
         this.required = this.input.required;
@@ -142,6 +188,11 @@ const GuxFormFieldTextarea = class {
         }
     }
     get root() { return index.getElement(this); }
+    static get watchers() { return {
+        "characterLimit": [{
+                "handleCharacterLimitChange": 0
+            }]
+    }; }
 };
 __decorate([
     onMutation.OnMutation({ childList: true, subtree: true })

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

@@ -9,7 +9,7 @@ var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 var guxFormFieldError = require('./gux-form-field-error-Csxri5IS.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-C0ViaU--.js');
 var guxFormField_service = require('./gux-form-field.service-BiSsTyYc.js');
-var usage = require('./usage-DMoI1xj1.js');
+var usage = require('./usage-BbRm9v_K.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

@@ -9,7 +9,7 @@ var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 var guxFormFieldError = require('./gux-form-field-error-Csxri5IS.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-C0ViaU--.js');
 var guxFormField_service = require('./gux-form-field.service-BiSsTyYc.js');
-var usage = require('./usage-DMoI1xj1.js');
+var usage = require('./usage-BbRm9v_K.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-footer.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-npRUdf7N.js');
-var usage = require('./usage-DMoI1xj1.js');
+var usage = require('./usage-BbRm9v_K.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-icon-tooltip-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-npRUdf7N.js');
-var usage = require('./usage-DMoI1xj1.js');
+var usage = require('./usage-BbRm9v_K.js');
 
 const guxIconTooltipCss = () => `:host{display:contents}.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-beta{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-npRUdf7N.js');
-var usage = require('./usage-DMoI1xj1.js');
+var usage = require('./usage-BbRm9v_K.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-npRUdf7N.js');
-var usage = require('./usage-DMoI1xj1.js');
+var usage = require('./usage-BbRm9v_K.js');
 
 const svgHTMLCache = new Map();
 function getBackgroundShape(shapeName) {

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-npRUdf7N.js');
 var index$1 = require('./index-D5gbJ1qH.js');
-var usage = require('./usage-DMoI1xj1.js');
+var usage = require('./usage-BbRm9v_K.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const info = "Information alert with message";

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

@@ -6,7 +6,7 @@ var index$1 = require('./index-D5gbJ1qH.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-DMoI1xj1.js');
+var usage = require('./usage-BbRm9v_K.js');
 var onMutation = require('./on-mutation-BW38lSRA.js');
 var guxListbox_service = require('./gux-listbox.service-FoCeSxM9.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-npRUdf7N.js');
-var usage = require('./usage-DMoI1xj1.js');
+var usage = require('./usage-BbRm9v_K.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-link-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-npRUdf7N.js');
-var usage = require('./usage-DMoI1xj1.js');
+var usage = require('./usage-BbRm9v_K.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.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-npRUdf7N.js');
 var guxList_service = require('./gux-list.service-CecJpxVa.js');
-var usage = require('./usage-DMoI1xj1.js');
+var usage = require('./usage-BbRm9v_K.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

@@ -5,7 +5,7 @@ var guxListbox_service = require('./gux-listbox.service-FoCeSxM9.js');
 var index$1 = require('./index-D5gbJ1qH.js');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
-var usage = require('./usage-DMoI1xj1.js');
+var usage = require('./usage-BbRm9v_K.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var onMutation = require('./on-mutation-BW38lSRA.js');
 require('./get-text-content-from-nodes-CKOr9B5M.js');

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

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

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-npRUdf7N.js');
-var usage = require('./usage-DMoI1xj1.js');
+var usage = require('./usage-BbRm9v_K.js');
 var index$1 = require('./index-D5gbJ1qH.js');
 require('./get-closest-element-CfyZl7i7.js');
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-npRUdf7N.js');
-var usage = require('./usage-DMoI1xj1.js');
+var usage = require('./usage-BbRm9v_K.js');
 var index$1 = require('./index-D5gbJ1qH.js');
 require('./get-closest-element-CfyZl7i7.js');
 

package/dist/cjs/gux-modal-legacy.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-npRUdf7N.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-DMoI1xj1.js');
+var usage = require('./usage-BbRm9v_K.js');
 
 const guxModalLegacyCss = () => `::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=left-align-buttons]::slotted(:not(button,gux-button)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host .gux-modal{position:fixed;inset:0;z-index:var(--gse-semantic-zIndex-modal);display:flex;align-items:center;justify-content:center;color:var(--gse-semantic-foreground-container-highEmphasis);background:var(--gse-ui-modal-shroudColor)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gse-ui-modal-padding) 0;background:var(--gse-ui-modal-backgroundColor);border:1px solid var(--gse-semantic-border-container-edges-default);border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow)}:host .gux-modal .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{padding:0 var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);font-family:var(--gse-semantic-heading-xl-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-xl-bold-fontSize);line-height:var(--gse-semantic-heading-xl-bold-lineHeight);font-weight:var(--gse-semantic-heading-xl-bold-fontWeight)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;padding:0 var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding:0 var(--gse-ui-modal-padding)}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}`;
 

package/dist/cjs/gux-modal-side-panel-beta.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-npRUdf7N.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-DMoI1xj1.js');
+var usage = require('./usage-BbRm9v_K.js');
 
 const guxModalSidePanelCss = () => `dialog{inset-inline-start:auto;display:flex;flex-direction:column;block-size:100%;min-block-size:100%;padding:0;margin:unset;overflow:hidden;color:inherit;border:none;transform:translateX(100%);transition:transform 0.2s ease-in-out}dialog.gux-open{transform:translateX(0%)}dialog>gux-side-panel-beta{min-block-size:0;overflow:hidden}dialog::backdrop{background:var(--gse-ui-sidePanel-shroudColor);opacity:var(--gse-ui-sidePanel-shroud-opacity)}::slotted(footer){flex:0 0 auto;padding:var(--gse-ui-sidePanel-footer-padding);border-block-start:var(--gse-ui-sidePanel-divider-width) var(--gse-ui-sidePanel-divider-style) var(--gse-ui-sidePanel-divider-color)}::slotted(gux-side-panel-header){border-block-end:none}`;
 

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-npRUdf7N.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-DMoI1xj1.js');
+var usage = require('./usage-BbRm9v_K.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 
 const guxModalCss = () => `::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=start-align-buttons]::slotted(:not(button,gux-button-slot)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host dialog{box-sizing:border-box;justify-content:space-between;padding:0;overflow:hidden;background-color:var(--gse-ui-modal-backgroundColor);border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow)}:host dialog::backdrop{background:var(--gse-ui-modal-shroudColor)}:host dialog .gux-modal-container{display:flex;flex-direction:column}:host dialog .gux-modal-container.gux-small{inline-size:var(--gse-ui-modal-small-width);max-block-size:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{inline-size:min(var(--gse-ui-modal-medium-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{inline-size:min(var(--gse-ui-modal-large-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-inline-size:calc(100vw - 48px);max-block-size:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-block-size:none}:host dialog .gux-modal-container .gux-modal-header{padding-block-start:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-lineHeight);color:var(--gse-ui-modal-headerColor)}:host dialog .gux-modal-container .gux-modal-content{max-block-size:432px;padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap);overflow-y:auto;color:var(--gse-semantic-foreground-container-highEmphasis)}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}:host dialog .gux-modal-container .gux-button-footer.gux-no-buttons{display:none}:host dialog .gux-modal-container footer{padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}@media (max-width: 416px){:host dialog .gux-modal-container.gux-small,:host dialog .gux-modal-container.gux-medium,:host dialog .gux-modal-container.gux-large{inline-size:100%;block-size:100%}}`;

package/dist/cjs/gux-month-picker-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-npRUdf7N.js');
-var usage = require('./usage-DMoI1xj1.js');
+var usage = require('./usage-BbRm9v_K.js');
 var onClickOutside = require('./on-click-outside-JPx_Y2im.js');
 var index$1 = require('./index-D5gbJ1qH.js');
 var sparkIntl = require('./spark-intl-cfvEjiOP.js');

package/dist/cjs/gux-notification-indicator-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-npRUdf7N.js');
-var usage = require('./usage-DMoI1xj1.js');
+var usage = require('./usage-BbRm9v_K.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 
 function getCountText(overflow, count) {

package/dist/cjs/gux-notification-toast-legacy.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-npRUdf7N.js');
-var usage = require('./usage-DMoI1xj1.js');
+var usage = require('./usage-BbRm9v_K.js');
 
 const guxNotificationToastCss = () => `:host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:var(--gse-ui-toast-success-foregroundColor);background:var(--gse-ui-toast-success-backgroundColor);border:1px solid var(--gse-ui-card-default-border-color);border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:var(--gse-ui-toast-error-iconColor)}.gux-icon.gux-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-icon.gux-positive{color:var(--gse-ui-toast-success-iconColor)}.gux-icon.gux-neutral{color:var(--gse-ui-toast-info-iconColor)}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0;margin:0 12px 0 8px;color:var(--gse-ui-toast-success-foregroundColor)}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:var(--gse-semantic-heading-sm-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-sm-bold-fontSize);line-height:var(--gse-semantic-heading-sm-bold-lineHeight);font-weight:var(--gse-semantic-heading-sm-bold-fontWeight)}`;
 

package/dist/cjs/gux-page-loading-spinner.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-npRUdf7N.js');
-var usage = require('./usage-DMoI1xj1.js');
+var usage = require('./usage-BbRm9v_K.js');
 
 const guxPageLoadingSpinnerCss = () => `:host{display:flex}.gux-spinner{margin:auto}`;
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-npRUdf7N.js');
-var usage = require('./usage-DMoI1xj1.js');
+var usage = require('./usage-BbRm9v_K.js');
 var index$1 = require('./index-D5gbJ1qH.js');
 require('./get-closest-element-CfyZl7i7.js');
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-npRUdf7N.js');
-var usage = require('./usage-DMoI1xj1.js');
+var usage = require('./usage-BbRm9v_K.js');
 
 const guxPaginationLegacyCss = () => `:host{display:block;border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:center;height:var(--gse-ui-dataTableItems-cell-tablePagination-height);padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-start;align-items:center;align-self:auto;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}`;