genesys-spark-components 4.121.0 → 4.123.0

package/dist/esm/gux-flyout-menu.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-46ac98b8.js';
-import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom.esm-02309983.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-91950719.js';
+import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom.esm-17bec7ce.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import { h as hideDelay } from './gux-menu.common-b2a4d472.js';
 
 const guxFlyoutMenuCss = ":host{z-index:var(--gse-semantic-zIndex-popover);color:var(--gse-ui-menu-option-label-foregroundColor);cursor:default}:host(:focus){outline:none}:host(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-flyout-menu-content{position:fixed;display:none;border:none;border-radius:var(--gse-ui-menu-borderRadius)}.gux-flyout-menu-content.gux-shown{display:flex}.gux-flyout-menu-content .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-flyout-menu-content .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}";
@@ -172,10 +172,10 @@ const GuxFlyoutMenu = class {
         }
     }
     render() {
-        return (h(Host, { key: '3fd4266f454403289736c713c1d3788cd0ae4430', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'd45e79a74c93ead8f2674337bfeb9290854c061c', ref: el => (this.targetElement = el) }, h("slot", { key: 'ac3c9d9f38d0e861771b76bd77f79410da8944c4', name: "target" })), h("div", { key: '83e13292bdf43fb6a661e4c4369fa6db5d536446', class: {
+        return (h(Host, { key: '9b7c076d26067de1a1f0bfc8394d434e169f7b42', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '88e983ea52f9c71d96dadd3b89d49574f01a328a', ref: el => (this.targetElement = el) }, h("slot", { key: 'e9c941c341f55aa351024689a4e91a20f0474c2a', name: "target" })), h("div", { key: '02628fb1b9069e3af39401bd688bf3f1b3bade2a', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'e03bf57ba4308052a71b6b45e28af4763a08f8e7', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '18a28ca0abde38c0ab77b7d021e062f172442cb7', class: "gux-arrow-caret" })), h("slot", { key: '4254349a9cf551d08e0784d30e5dacaadca91270', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '78ade05f92a1463ebb4caa202c0782f25575e4b8', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '304999e540bca8136b6f597d5caa3ae46d169c5f', class: "gux-arrow-caret" })), h("slot", { key: 'ff85260ab68d522c402cf01dc2d3cde3f1de1d78', name: "menu" }))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-form-beta.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, h } from './index-46ac98b8.js';
+import { r as registerInstance, h } from './index-91950719.js';
 
 const GuxForm = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("slot", { key: '0609f7683ca92e45a2e0d2002c28e0d96640b40c' }));
+        return (h("slot", { key: '8985cb89deebce3d1358851b2816832daab4e646' }));
     }
 };
 

package/dist/esm/gux-form-description.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-46ac98b8.js';
+import { r as registerInstance, h } from './index-91950719.js';
 
 const guxFormDescriptionCss = "::slotted(*){margin:0 !important;font-family:var(--gse-semantic-body-sm-regular-fontFamily) !important;font-size:var(--gse-semantic-body-sm-regular-fontSize) !important;font-weight:var(--gse-semantic-body-sm-regular-fontWeight) !important;line-height:var(--gse-semantic-body-sm-regular-lineHeight) !important;color:var(--gse-semantic-foreground-container-midEmphasis) !important}";
 const GuxFormDescriptionStyle0 = guxFormDescriptionCss;
@@ -8,7 +8,7 @@ const GuxFormDescription = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("slot", { key: '36b2592cec2fd1ac72858ebd2b3f7126be9d2fde' }));
+        return (h("slot", { key: '590c919181bec614d45a8835a90d417572edc1bb' }));
     }
 };
 GuxFormDescription.style = GuxFormDescriptionStyle0;

package/dist/esm/gux-form-field-checkbox-group-beta.entry.js

@@ -1,13 +1,13 @@
-import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-46ac98b8.js';
-import { O as OnMutation } from './on-mutation-c5880cd8.js';
+import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-91950719.js';
+import { O as OnMutation } from './on-mutation-22820853.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { a as logWarn } from './log-error-274efeb7.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
-import { G as GuxFormFieldHelp, a as GuxFormFieldError } from './gux-form-field-error-ffe2439b.js';
-import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-afc88f04.js';
+import { G as GuxFormFieldHelp, a as GuxFormFieldError } from './gux-form-field-error-d4daeee8.js';
+import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-c4354c28.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import './get-closest-element-728b9f18.js';
 
 function setAllCheckboxInputs(root, checked) {
@@ -176,8 +176,8 @@ const GuxFormFieldCheckboxGroupBeta = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '016ba0fbfb61b207e8321b6f293befe02b8e20d7', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '8a3cfd265b557ecf0d3a0c72ef3f34fcafd36096' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '6c71ddad3a7dfa4c683851e84769ae17e6c786ae', position: "above", required: this.required }, h("slot", { key: 'c7483941443cec196820bcf352a4aa0ef629dfdc', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f47c76e0de709eef2ba827d4202adf768ae7f461', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f36c6951128863714f6d4e58f32b3856ca677805', name: "group-label-info" })), h("slot", { key: '475c3de3cf644d77e664231e07f00968d050e289', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'f1ff46cf13a0b01d57bafbfa00712fcdff2f1a0b', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'e00317549fc4c75fe5183e804f5a43cc456ec06a', show: this.hasGroupError }, h("slot", { key: '5de293b3687e5249524a167b988837c6a8e0e546', name: "group-error" })), h(GuxFormFieldHelp, { key: 'de36271470d7f76aa653d98fff3bc4ad8500ab15', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '161c8132d48f8e761e821c18a780221f870011d5', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'dcc8baf6b7aec9d0c163248db152f33077f16030', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '330565c82fc9e84f2d650b7174f70de3d196ae52' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '0e288e6928e47cd573bc446859e7f03bcec02e89', position: "above", required: this.required }, h("slot", { key: '1c13c9d16754ab4088bf7920bcd15e4624bd8e67', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e669cd956a2b40a2223e2066aae7c369f8d5b58d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '64d2a3e0ebdb2935fa61871c5a9a7398ed54f630', name: "group-label-info" })), h("slot", { key: 'd9f736f80fa727df3f0b40adcb8264ba55525282', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '4757232fb1b8dffa71ae6ec7037b632e731d07d1', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '4cd89ae989176f2855c0d653c6c548f2a20dcd78', show: this.hasGroupError }, h("slot", { key: '890d563778b6ba4ce25839c6df490dc3b535d71b', name: "group-error" })), h(GuxFormFieldHelp, { key: 'bbf1eab46289303b01740026842c64e0d810cdf3', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'f1845a7088a05c73e2c9eeed856d4d74efbd7495', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

package/dist/esm/gux-form-field-checkbox.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-46ac98b8.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-91950719.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
-import { O as OnMutation } from './on-mutation-c5880cd8.js';
+import { O as OnMutation } from './on-mutation-22820853.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-ffe2439b.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
+import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-d4daeee8.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-173b5dfc.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -49,10 +49,10 @@ const GuxFormFieldCheckbox = class {
         }
     }
     render() {
-        return (h(Host, { key: '067f89ff8cc4f7de2b316ce0d472819f03b75fae', class: {
+        return (h(Host, { key: '3952a4199d3438da06a849e6999f6c9d4a3ba14b', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '88543aa3adb303a4edafdb12b16fc7a7243c5a6f', class: "gux-form-field-container" }, h("div", { key: 'c24ec13522c4fea24a56a12383d4f1875148efaf', class: "gux-input-label" }, h("div", { key: '28ce882c01a02a34961a2f1741c59e31e4025411', class: "gux-input" }, h("slot", { key: '47af0056364dbec633d30dd67e609d38a2068fc1', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'c799fa60591717fa0445fdb55d01757504e284d3', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'bd7f2c57a5f1c2eb929b0a5f701533bd286ef4fa', name: "label" }))), h("div", { key: 'b374ad8d8c0e44a2ade98dad93eecab4e6e3e921', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'd5a82479c64610063911d45dee568bedca04bee9', show: this.hasError }, h("slot", { key: 'ea5a86149c204e10112000d6cebc42fd11bbba33', name: "error" })), h(GuxFormFieldHelp, { key: '7f6793fd9f1418db983a1f67f08ba8a23d159202', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fb7cfd1d99a99385c1e7581e12f108badbbcb4c7', name: "help" }))))));
+            } }, h("div", { key: '82ea66460bdff18a363dbfbc3b0b5be5bfcd4a5b', class: "gux-form-field-container" }, h("div", { key: 'f255f120d3fa9458c665188eb1b74e2c292e1444', class: "gux-input-label" }, h("div", { key: '0f2a6b127c0fc617cb3f3067e567bf78afd33da2', class: "gux-input" }, h("slot", { key: 'e9e8c4bdfe5559fb0e828d9231c92c9dfc8efb29', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'a9c0497816f802058b620fbab3ff151f49e20215', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '2b76e7bf0d7f21641999e5b4137c5f490a1eb636', name: "label" }))), h("div", { key: '8bfa3a196caa49ef7efd5286e192c30a677921e8', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'c1aeed2f735e5d11c318a7103169d1b0aa7560c5', show: this.hasError }, h("slot", { key: '62060ed5631396da5b3accf25ea61a67ae79f1c4', name: "error" })), h(GuxFormFieldHelp, { key: '25239cf4b2442ce5634beb204d40f7504e23fe7f', show: !this.hasError && this.hasHelp }, h("slot", { key: '56b20ef7431c0d940876063f1a7890d8723882a5', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

package/dist/esm/gux-form-field-color.entry.js

@@ -1,13 +1,13 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
-import { O as OnMutation } from './on-mutation-c5880cd8.js';
+import { O as OnMutation } from './on-mutation-22820853.js';
 import { o as onRequiredChange } from './on-attribute-change-33919964.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-ffe2439b.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-8ca069d2.js';
+import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-d4daeee8.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-ddad54b9.js';
 import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -85,13 +85,13 @@ const GuxFormFieldColor = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'eb5167c31fccdd7d84ebc4a94228404f18027965', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '016b80603997293cdef58742516958685765d5fc', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b3ada7a58c3d46ae2e41ff12215b0d28c60b05a9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '70245fa42b86f0bb1db34722f68942ec04311da0', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6dfcb4faf9144a85c7458db49670fd92512241f1', name: "label-info" })), h("div", { key: '1057e6f945c033a8334319cb968d82aa9679b5fb', class: "gux-input-and-error-container" }, h("div", { key: 'ae4bd61d9ca718a938ac24ea1246152b59fd15a4', class: {
+        return (h(GuxFormFieldContainer, { key: '07d044e47711b028ded90b9ffd393eb276b060db', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '249e72d3656074279b7e6870239b54f44d5d7567', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5b7cb890506fcff2d6ec307ed36ce72941668754', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '89ba185cd75462b462a38f5a12b1106a0b19681d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '25c15bb03bfd830194ce2349445acd358bf4ba3e', name: "label-info" })), h("div", { key: 'f2d0ec4ccc8e8a84913e48cf7a44223717591af9', class: "gux-input-and-error-container" }, h("div", { key: 'c3d1badb9997476a8dedf60d846e752549557756', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '4454e9a6152b00d3a0ee2d49c53012ff73d22546', class: {
+            } }, h("div", { key: '29e3884c40bb051ded5857cafbfe87f85fd38b81', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '389cfccf2d5f364996388b426d006b32bcfff54a', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '3b2f40aa97d1702ad76ee8113d8839bb5b5cf18a', show: this.hasError }, h("slot", { key: '8bb94fe63bdf80b4437eeb14f3fc24a23f92568d', name: "error" })), h(GuxFormFieldHelp, { key: 'f83ffce79ac863b0089beea206dad9f89fc46926', show: !this.hasError && this.hasHelp }, h("slot", { key: '498f9663f15081c36699100bfe9916c54932bc42', name: "help" })))));
+            } }, h("slot", { key: 'd424d15842987a746161f35c144a8df138bda123', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '4539fe29e0af49e460fbe782bdcda64fea276cf6', show: this.hasError }, h("slot", { key: '9c58570aa945d480f4401c73b1af737844a7314c', name: "error" })), h(GuxFormFieldHelp, { key: '572afeb9a117e9149479692f264b70ad43c62ac0', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f2e34e4a6acad402a3c10748f38bc062350b3f0e', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

package/dist/esm/{gux-form-field-container-8ca069d2.js → gux-form-field-container-ddad54b9.js}

@@ -1,4 +1,4 @@
-import { h } from './index-46ac98b8.js';
+import { h } from './index-91950719.js';
 
 const GuxFormFieldLabel = ({ position, required }, children) => {
     return (h("div", { class: {

package/dist/esm/gux-form-field-dropdown.entry.js

@@ -1,13 +1,13 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
-import { O as OnMutation } from './on-mutation-c5880cd8.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
+import { O as OnMutation } from './on-mutation-22820853.js';
 import { o as onRequiredChange } from './on-attribute-change-33919964.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-ffe2439b.js';
-import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-afc88f04.js';
+import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-d4daeee8.js';
+import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-c4354c28.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 import { s as setSlotAriaLabelledby, b as setSlotAriaDescribedby, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -103,11 +103,11 @@ const GuxFormFieldDropdown = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '24c11cf76b967caf723bc0d50034ca1982450201', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '1f8350bee643311a6bbfb11bec30b5af63c3caa5' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'db64a853d9a3e9b85eddd28affb3b920abe11cbc', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '37761aefe67dbbb28dafd2485044dfeea87a0b1c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7c49f9df2354223d7005c22e7b09dd5aa564bbfa', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0e23cb5b0f860cd0711125b13e55a7eaadc0e09a', name: "label-info" })), h("div", { key: 'e3fa2afdd90d98729cab0d816d9f80803d457c40', class: "gux-input-and-error-container" }, h("div", { key: '7238001ff7984c82ebe800529359c10e9074ca8d', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'a6ee83b742d61c65e50db07030e05765be7b60bc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'fc88941e8fa8b0294d7d76ed135d6c155aef04dd' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '5fa7cce54e89bc2a11920b9ef8f850f9e4de9e99', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'eff8293c62bbfe8603b1b1e183c87ce503e2c6fd', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd5f4ed4eab557af0378ed4c3bedcbd8c79059c60', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'aa1bf3390df959bea596d3f59ac4bfcfcb81f679', name: "label-info" })), h("div", { key: 'c9b9f33ea316bed06d6978056baee1500726ebe0', class: "gux-input-and-error-container" }, h("div", { key: 'd3a29cf1b5439c00e1791c8927d8b8023f0ba58d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '7c9f77db11bf52459a2277525447fca26643fd6d' })), h(GuxFormFieldError, { key: '4dba038e763c2d0e96cb611f1786fa0c160bc924', show: this.hasError }, h("slot", { key: '4d7a0a2167e494b4fefa444f4ef527a842c1fa0c', name: "error" })), h(GuxFormFieldHelp, { key: '2ee006ae770e3af278c4056f4b7fa6fdce490170', show: !this.hasError && this.hasHelp }, h("slot", { key: '0532bc69d0be05d01716b89147d6e461405b473c', name: "help" })))));
+            } }, h("slot", { key: '6cb72e0b7b25f144a5fb28784139843a9aa98a2a' })), h(GuxFormFieldError, { key: 'a153d5e5d848f3b7232dfd2695f1bb373d325423', show: this.hasError }, h("slot", { key: '5b30ac581ed93f216ca73339d50c3f470a2cdcfe', name: "error" })), h(GuxFormFieldHelp, { key: 'df0450d718e3b1aab2b1c691d0f91e1adc1002ae', show: !this.hasError && this.hasHelp }, h("slot", { key: '063dbd0e0dbdeb8bf36c1660576b0f0ac0a8aa08', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/esm/{gux-form-field-error-ffe2439b.js → gux-form-field-error-d4daeee8.js}

@@ -1,4 +1,4 @@
-import { h } from './index-46ac98b8.js';
+import { h } from './index-91950719.js';
 
 const GuxFormFieldHelp = ({ show }, children) => {
     return (h("div", { class: {

package/dist/esm/{gux-form-field-fieldset-container-afc88f04.js → gux-form-field-fieldset-container-c4354c28.js}

@@ -1,4 +1,4 @@
-import { h } from './index-46ac98b8.js';
+import { h } from './index-91950719.js';
 
 const GuxFormFieldVisualLabel = ({ position, required }, children) => {
     return (h("div", { class: {

package/dist/esm/gux-form-field-file-beta.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, h, f as forceUpdate, g as getElement } from './index-46ac98b8.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
-import { O as OnMutation } from './on-mutation-c5880cd8.js';
+import { r as registerInstance, h, f as forceUpdate, g as getElement } from './index-91950719.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
+import { O as OnMutation } from './on-mutation-22820853.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
-import { G as GuxFormFieldHelp, a as GuxFormFieldError } from './gux-form-field-error-ffe2439b.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-8ca069d2.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
+import { G as GuxFormFieldHelp, a as GuxFormFieldError } from './gux-form-field-error-d4daeee8.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-ddad54b9.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-173b5dfc.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { a as onDisabledChange, o as onRequiredChange, b as onMultipleChange } from './on-attribute-change-33919964.js';
@@ -103,7 +103,7 @@ const GuxFormFieldFileBeta = class {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '00c36efa4405c0b5a91f862cb01ec2b8a71046ec', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '70256247ed84be23f88ae9bb38c49269b171ccf8', position: "above", required: this.required }, h("slot", { key: 'd533077057b2e9ba5a7d93db92227b370ca01958', name: "label" }), h("gux-form-field-label-indicator", { key: 'e97db53e8a57d4788e362145ead6edf1d06c6856', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3404533998a709fe4de78b3d4acaf769892ae6a0', name: "label-info" })), h("div", { key: 'a76911d55098f00f1d3ad972aab42d9a4670328f', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '97d13f4d962563a6128a18f06d70b5adc830d0ee', show: this.hasHelp }, h("slot", { key: '15db9f5259d63b803cf34cb8d82974e79f2c7328', name: "help" })), this.renderInputSlot(), this.renderFileList(), h(GuxFormFieldError, { key: '7160af25b00b911a46598cc694c27abf9cddef9f', show: this.hasError }, h("slot", { key: '9cad5228cefbff40f83f7a3657927421d64900ee', name: "error" })))));
+        return (h(GuxFormFieldContainer, { key: '1fe256a52a5afe4adaa1206bb7facc912f8feef9', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '9ffdb4cd13b4b901dc72be9a0f1afcbcbd1702c7', position: "above", required: this.required }, h("slot", { key: '9189c449cd4522b16abdaf9b637cea9673630693', name: "label" }), h("gux-form-field-label-indicator", { key: '093191ddb1df0466f7a2ebce53e53ac135e03ac3', variant: this.indicatorMark, required: this.required }), h("slot", { key: '93c66fcee587c739317f77143f55d00271c8aa0a', name: "label-info" })), h("div", { key: 'c02ed85d99dc15c93e1e59066bb0ed9cea2bfef0', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '0eed67d08b8a92a07ae7eee1947c9c8181c7934a', show: this.hasHelp }, h("slot", { key: '3baa46080c9e58dc4683daa4d291c6f6b5446455', name: "help" })), this.renderInputSlot(), this.renderFileList(), h(GuxFormFieldError, { key: '0c47f4fa737ef84e2da18b873b5c7f52f64ac540', show: this.hasError }, h("slot", { key: '22fde6b4eb08b4c97c715adefd942e628f70da37', name: "error" })))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="file"][slot="input"]');

package/dist/esm/gux-form-field-file.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { O as OnMutation } from './on-mutation-c5880cd8.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
+import { O as OnMutation } from './on-mutation-22820853.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
-import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-ffe2439b.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-8ca069d2.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
+import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-d4daeee8.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-ddad54b9.js';
 import { a as getComputedLabelPosition, g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-173b5dfc.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { o as onRequiredChange } from './on-attribute-change-33919964.js';
@@ -100,7 +100,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '82b7f546e302726bf3da20fb203f65d39f518357', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8d6ea028da8b4b69a775e1db3458fb8d502b453a', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '855456190313c3de0b580b01d1e9f52e3de5ed28', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '55daca20526e32d7d42ecfb28ebe19f2244bd9fa', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e3fc2009e70ef3e1e34fddf871dc054c9295ae16', name: "label-info" })), h("div", { key: 'a2f4c0707797b559d3706dbdfb7b0d0c02e327bd', class: "gux-input-and-error-container" }, h("slot", { key: '4772369244195fc256a943d080f37d6339e17dd0', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '9fb36778f5b95c8f838c4cad28ca732f7ab02197', show: this.hasError }, h("slot", { key: '02eddf03b82dba489b2b1739d7f33ab0745f2fe6', name: "error" })), h(GuxFormFieldHelp, { key: '162bc657dfdd99bb609849cd328bed2941075575', show: !this.hasError && this.hasHelp }, h("slot", { key: '8b47d8af375b171573edc232fcacaf31ef31cb11', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: 'b4979c91b509011952b95cef5d259857cf76e6c1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '5f48c85f8e8605b9aae03d21893cdb08860d12e6', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '616f0bc4eecdd2c811917508aa4b5aa088a5d391', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7f7a137786883f86f74e214438a21f961d375c25', variant: this.indicatorMark, required: this.required }), h("slot", { key: '89590dc1113c88aeb0de99bd91935b48576b4853', name: "label-info" })), h("div", { key: '5fa096f225b34670fc3d9c6b57338e5dc5c13590', class: "gux-input-and-error-container" }, h("slot", { key: '26c82efe9f980b18c11d9408e55cc2e564867028', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '7a2a52d8c23fcb5882c51df48fea669e70d6a2b6', show: this.hasError }, h("slot", { key: 'e3895126f0568980f1be45a852913f20f6237cbf', name: "error" })), h(GuxFormFieldHelp, { key: '0173b8bb2db7ecc54454c1cb496f29c5d091a5c7', show: !this.hasError && this.hasHelp }, h("slot", { key: '40b1d3fb225a2e41a41b7572d510cc6a4c8f53ab', name: "help" })))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-form-field-input-clear-button.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
 import './get-closest-element-728b9f18.js';
 
 const clear = "Clear";
@@ -20,7 +20,7 @@ const GuxFormFieldInputClearButton = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '6e86e3de8c890587307feea9fb87fcf126e61b2c', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'd46f7ad0760b695fb26cce1d1db27f0c7674c58c', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (h("button", { key: '2d85df6d5b7c2a2d5bf34a93b203ed828c0e1204', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '7b49d619a8a7f7eaa4245e9b6b9e99aec217be9c', "icon-name": "fa/xmark-large-regular", decorative: true })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-form-field-label-indicator.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
 import './get-closest-element-728b9f18.js';
 
 const optional = "optional";

package/dist/esm/gux-form-field-number_2.entry.js

@@ -1,18 +1,18 @@
-import { r as registerInstance, f as forceUpdate, h, g as getElement, c as createEvent } from './index-46ac98b8.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
+import { r as registerInstance, f as forceUpdate, h, g as getElement, c as createEvent } from './index-91950719.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
-import { O as OnMutation } from './on-mutation-c5880cd8.js';
+import { O as OnMutation } from './on-mutation-22820853.js';
 import { o as onRequiredChange } from './on-attribute-change-33919964.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasContent, c as clearInput, g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition, d as setInputValue } from './gux-form-field.service-173b5dfc.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-ffe2439b.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-8ca069d2.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
+import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-d4daeee8.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-ddad54b9.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import { f as focusInputElement } from './focus-input-element-8a137b12.js';
 import { t as translationResources } from './en-25a315a0.js';
-import { O as OnClickOutside } from './on-click-outside-fe48b6ef.js';
+import { O as OnClickOutside } from './on-click-outside-25728f99.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
@@ -109,14 +109,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: 'ac43d3e00fd5df500e494d87e7324698acd4e0d3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '97ba50cd5cea0ea57ed638b4abbf0b6edf9d193f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '584c04853deedafd0cdd8621defeca51fef4cc5d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b4e9f91216e8a327a0e25f9dc8ae65a1f3e3e02a', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b011385f1fbaf8f825fab9a67f477ce20a42392a', name: "label-info" })), h("div", { key: '6ae1d9c9007f0cb6058aed17887e4d42260b7e65', class: "gux-input-and-error-container" }, h("div", { key: '5d41e8f121ac8272a0475d11e0d8b97a3b5fcdd3', class: {
+        return (h(GuxFormFieldContainer, { key: '13afe422f642ba16e4857ecf9e892dfb04b2fdfc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c51102e1f37223ea40c28a3cea3984fa941ceb88', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'cdda6da6b27dd3050bd62ab96b27282b2ce896f5', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7e6799c85fbfb9aec78e580624ef004427106385', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8e2603f682330e09f19d4bf193f066558aa0e5fc', name: "label-info" })), h("div", { key: '09dc4e40a2f1e6ced84f7802867606304ca70643', class: "gux-input-and-error-container" }, h("div", { key: '6ead414d68a59cfb4aa9826bf49276168031ae86', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '44320059d441eca83c239358cfe0a87f1fa413e9', class: {
+            }, part: "input-section" }, h("div", { key: 'd340997a36a661978124bccba8b171b160345671', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'bfc922e0c92a8827fa06e1f58a17a69c94a5a20b', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '7e124f97a6e4f71882cb7ecf2696d6fa78ea9793', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '983f0c0a61491972c37a1bdf96852da45374296a', show: this.hasError }, h("slot", { key: '681c52116a4f3f38a122528f55026889decec2c2', name: "error" })), h(GuxFormFieldHelp, { key: '8c85f169d647fe851ad214cf7bd6c5d516f45798', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b8ad7cfa8e5ddd3655118905fc4877dbd5bd88db', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '638416f9ee4a3f40f48529536656563d79aaed8a', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'c9355e0b289ecd4f3658a45c6d488b26f85974b0', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'fbb6480b1c69042af3d5f6485cd1371607c94a76', show: this.hasError }, h("slot", { key: '7d46cc8782108319b94df06142f93207397faee5', name: "error" })), h(GuxFormFieldHelp, { key: '5d12b7543a51b32fc15594ba4a2d0870e9884e78', show: !this.hasError && this.hasHelp }, h("slot", { key: '39e96aa71e408886eb675506e4cb2c90d69d2d33', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -277,10 +277,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            h("gux-button", { key: '7765d2c90e47d168ba2f2492370bef18e1b224bc', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '440dba63e9b2f979e05eb2729b5f33c25222c0bf', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
-            h("gux-tooltip", { key: 'f6ac963dd5cd96f312712e56bb38660f5ddc722d', for: "popover-target" }, h("div", { key: '47749ce9824722e918a637e35d8db9cc57fb312d', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '374abe1f13942da30b986fbcaf2061e487451dc6', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '2029e8e45a2504954c688e1cdfb21d450f196e55', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '5ea400bc7fd9068f2f295c27fb5c610fc9608f77' }, h("input", { key: '8aeca3c756bff9228548e431eb177947067509fb', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
-                    evt.preventDefault() }), h("label", { key: '9413e3e0f566b9193700aa1ceec1ad969441c830', slot: "label" })))
+            h("gux-button", { key: '62ab4037917fb59d34665b737d7bd8254d8462d6', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'af2c6cd3acacb3f63b5f91c07b9c0e367619a235', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
+            h("gux-tooltip", { key: '94ccf5ba9241d249bc515a42b9e78f917ff38a59', for: "popover-target" }, h("div", { key: '3848045adfdb8d36b29ff5932826549a5e5e0358', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: 'a1d272a4da436e198125ea2f8578a68d41ed89ee', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '688e398fbff9d0c241ac27ab8d02e1e088db59b5', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '8dc4c30044e675ea03a25e76708eddeb5b8adefa' }, h("input", { key: '3c6f27a95ba21de9b901dd31c8e2e73a6f7fd4d8', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
+                    evt.preventDefault() }), h("label", { key: '01450618382164f06637d3615deec9e92c037bbf', slot: "label" })))
         ];
     }
     get root() { return getElement(this); }

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

@@ -1,10 +1,10 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
-import { O as OnMutation } from './on-mutation-c5880cd8.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
+import { O as OnMutation } from './on-mutation-22820853.js';
 import { a as onDisabledChange, o as onRequiredChange } from './on-attribute-change-33919964.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
-import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-ffe2439b.js';
-import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-afc88f04.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
+import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-d4daeee8.js';
+import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-c4354c28.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
@@ -98,14 +98,14 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'c93531f34fd250f1eb87a3648985015bb8c47c28', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'a91c9df2dc59a24499b5a180251f9dfbb4967a09' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '35480b4f84ecb8f1d75c728280e2aa4954678d20', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '88e910a85326f24d17a9d3238ed152de4f07794d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '633fa98eeb2b3be9d31316ff0a8583e67a2f9b27', variant: this.indicatorMark, required: this.required }), h("slot", { key: '97505c8a83c10c7a235b6b847ff2a6d71a401be2', name: "label-info" })), h("div", { key: '4dda89cb69f96b795f394f6507e0f9df9a169d6a', class: "gux-input-and-error-container" }, h("div", { key: 'f20777a0d251c8c18686ea3d8a7be3c0fa514d43', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'cb22a38e15f35369c2779681f14fe3c7af6eb36c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '010ae6c520b894eb03c47577092b0d04464bf5c3' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '1675cc82868b0a45203ec2d39bb7d42dca73eb34', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '3ef3a280d0fa1fa4b93a9d676eb7644eeb34e124', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '37c68ec4a291fa3f9e54d7b63d8aea4798c436cb', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8a47e9994a19d868fcddeb4942246e1c5bb16be5', name: "label-info" })), h("div", { key: 'dfb0e686a3ec393b1baf6e819834fa7e9166f7bd', class: "gux-input-and-error-container" }, h("div", { key: '27c65f48ed2beca9587a36222ca99ec6b9508dd3', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'e70478460b99c1810436761d1a7ee9b83fe158db', class: {
+            } }, h("div", { key: '2e169ccb413b996fda8edd13807419584ed73667', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '7a663e8dcf1eefdd1568e0e81baff975360c50c0' }))), h(GuxFormFieldError, { key: 'bf3c57ac3b1fcfe7ba368b3a3ff81ef125a62a24', show: this.hasError }, h("slot", { key: 'a0678cc8d2900f3c46ae748009f6c4950cbf73db', name: "error" })), h(GuxFormFieldHelp, { key: '309a6b11b3e6cd88711a561d17d6788699426ffc', show: !this.hasError && this.hasHelp }, h("slot", { key: 'bc3114fdf65b8d052004896c30f816973dc2af2d', name: "help" })))));
+            } }, h("slot", { key: '790b1c844cc701b8b158544c26a0eb185e4da5b7' }))), h(GuxFormFieldError, { key: '4d5a81451da174070035596798167a6d6ee5f98f', show: this.hasError }, h("slot", { key: '46e13e3d51e81ffdfb3c739d576182fee5b2a733', name: "error" })), h(GuxFormFieldHelp, { key: '51717e9d2379d70812cdabc3fdd888b9e5de96dd', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e6736ba533b244ca9fbaeab76ef098cba57af072', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { O as OnMutation } from './on-mutation-c5880cd8.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
+import { O as OnMutation } from './on-mutation-22820853.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
-import { G as GuxFormFieldHelp, a as GuxFormFieldError } from './gux-form-field-error-ffe2439b.js';
-import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-afc88f04.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
+import { G as GuxFormFieldHelp, a as GuxFormFieldError } from './gux-form-field-error-d4daeee8.js';
+import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-c4354c28.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import './get-closest-element-728b9f18.js';
 
 const required = "Required";
@@ -109,8 +109,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'c7d14a27a6f4c2695e9c04de9403db6899b727f2', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '3fced6220650dce263ff4c6225e8f858e3ade718' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '5b7fc368bf6b1f793816e7f2c2b0ccb6ec0a70c4', position: "above", required: this.required }, h("slot", { key: '2b0cba5e51e8ae3c34313c587b03d22223d801b6', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5bb4b22f9dc73924b01b70a636e1337945ff3090', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'de06c0f5e0e94d84726cfb7acb1bff3e095d7b2b', name: "group-label-info" })), h("slot", { key: 'cb0850aab6e295d74abb35cfaa3f31b09e104de0' }), h(GuxFormFieldError, { key: 'f22cb70df0e5b738278176f79f70384d09c3d6bf', show: this.hasGroupError }, h("slot", { key: '4116b53dcbd33c54e8e272a5dee2f1ebea89f5d2', name: "group-error" })), h(GuxFormFieldHelp, { key: '97b2cf259a1c983819dc124bf3bc876a9ab271e8', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '398190b7d563d24b5db92c21f97f2c3aafb0666c', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '2eb182ced11f796f8a0524fcf7790d88ca7fca9e', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '8ce290e6964ee5f609f3253659c317ce19b176b0' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '7bdbcff0095157f6a122ffd2fdf6613ebc9bd091', position: "above", required: this.required }, h("slot", { key: '19016758f3bf890b18439bf3ddf85ac5149e142a', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '72a6b19db5c8f42109f22f03d18ec64f4d381d5d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4f21b3646beca70b8751707387db85862bc66566', name: "group-label-info" })), h("slot", { key: 'acee53340e2fb41fe667e6f862e1b5a9d020e2e2' }), h(GuxFormFieldError, { key: '5585e3fa5e0134f2a5867739f16e69563aa73f82', show: this.hasGroupError }, h("slot", { key: 'c5271ceca928c159b35a44d57d78717b21ef1688', name: "group-error" })), h(GuxFormFieldHelp, { key: 'eb7221b200a431c6d04d7342253a9b188c94d02d', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'b56818ff33713d6a87e346f126de29c37ba52da5', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

package/dist/esm/gux-form-field-radio.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-46ac98b8.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-91950719.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
-import { O as OnMutation } from './on-mutation-c5880cd8.js';
+import { O as OnMutation } from './on-mutation-22820853.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-ffe2439b.js';
+import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-d4daeee8.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -48,10 +48,10 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (h(Host, { key: '6666752113d7cc54d93ecc03e39f4ae79c4b4c3e', class: {
+        return (h(Host, { key: '0358f43c3ff844db4a6897205ae43d5b82a01270', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '37d807601e261fb975067c3a34ff7cd5d4d35960', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '963f0c694f739cc0471150d520b5bb3bc589ca60', class: "gux-input-label" }, h("div", { key: '9f169688ec401f48256058cdca76fc7d57cd4e81', class: "gux-input" }, h("slot", { key: '648e1c0ad77e044a705893b1f8bd5e01cf15f3f9', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'ef20edaffa3add8f3346742b1a1c67407260c243', class: "gux-label" }, h("slot", { key: '5d872e8a456876ccd3a7146f423528791e59befc', name: "label" }))), h("div", { key: '6d9b6bcc13aabeea73c2569e5c75cded2187ac20', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'b4d6736b16687aa8c6c068faec518966a86f6f4d', show: this.hasError }, h("slot", { key: '7fb8a2e55e86292f0a484511942bf2eb6a0359a3', name: "error" })), h(GuxFormFieldHelp, { key: '2ef7e15ee387b4955a43238cb272d374c3717e82', show: !this.hasError && this.hasHelp }, h("slot", { key: '727179c2ccdadbae131825b613c42140a8783a56', name: "help" }))))));
+            } }, h("div", { key: 'f52e0d74f3eaec5c56ca931780d73c769923d3cf', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '435e3853638aae6404452885c1b1d31d7b175ddd', class: "gux-input-label" }, h("div", { key: '9ca2be4268e5774f5e513e17667d0af5c82fd2d7', class: "gux-input" }, h("slot", { key: '267b6dfa2cf566497adff2c1aa75925be3c35bb4', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'dca5100fb8c8d98a051ba4b4ec6d86e36f840edb', class: "gux-label" }, h("slot", { key: '1ac72d2086c0ec22d702172a194c9173247a85b6', name: "label" }))), h("div", { key: 'c82844f84efab44dfd0d05b3d892a40da7529496', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'f67380664bb9bfbfe0b73372f03abdb04478cdc9', show: this.hasError }, h("slot", { key: '39cb75ad0d332d4f5cf966e8405b069d77ef5940', name: "error" })), h(GuxFormFieldHelp, { key: 'c608f3b4e7dfb9f92d5303e05457a16a34520f02', show: !this.hasError && this.hasHelp }, h("slot", { key: '03db82507903bf091edcc0753c75a79bbc1e86e8', name: "help" }))))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

package/dist/esm/gux-form-field-range.entry.js

@@ -1,14 +1,14 @@
-import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-46ac98b8.js';
+import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-91950719.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
-import { O as OnMutation } from './on-mutation-c5880cd8.js';
+import { O as OnMutation } from './on-mutation-22820853.js';
 import { o as onRequiredChange } from './on-attribute-change-33919964.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-ffe2439b.js';
-import { a as GuxFormFieldContainer, G as GuxFormFieldLabel } from './gux-form-field-container-8ca069d2.js';
+import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-d4daeee8.js';
+import { a as GuxFormFieldContainer, G as GuxFormFieldLabel } from './gux-form-field-container-ddad54b9.js';
 import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-aeffac7c.js';
-import { O as OnResize } from './on-resize-6439d074.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
+import { O as OnResize } from './on-resize-61e616c2.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -115,9 +115,9 @@ const GuxFormField = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: 'c99e1a14767177104ac7f733f5f6ca6d150e0eff', class: {
+        return (h(Host, { key: '6695fd4b486d4b288b42768e8c6105376d49f580', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '870297b7670bf5ba072454ae1eaf83521410c508', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f9681cf3541f38478509061b65095db9c2bd7d18', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b7996687ffcf1f9c94563f6312742f46b72577d6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ad6a38c825b8d809b2af5555e4475cabf16af971', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'cdd67828c38e5d584a59f0e708763644e830bba2', name: "label-info" })), h("div", { key: 'c5d63608d0a64fede86505309d48dddc02dd1a72', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '551d86777213d48f1a57353ba7f9cae7493a5321', show: this.hasError }, h("slot", { key: 'fb87d31e460c0a70a9c8538ae4550d4ad57f30ec', name: "error" })), h(GuxFormFieldHelp, { key: 'fa41ac1ca1b8deb473191b7feaeab75dfeefea14', show: !this.hasError && this.hasHelp }, h("slot", { key: '594f71fa1ac41b1d4e0a9892decd54535c827f94', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '648c0a85f4470ba9f7e47e4218caeda3cde59f83', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'fd6dbd89b6e073c2f684ef908dc065e84463cf1a', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9a0c9a674bd536c26bd07b38ac8577ca5f2c7814', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a52555014c784f3dc06553017d9610cee840c5de', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0cb195c1e75ce2b546c65d51fc7826b859c1a409', name: "label-info" })), h("div", { key: '5986de20e72287a20d2ebf6a1879f7bcdff4143e', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '8ee1d349e59c05a6f72129a970fc5f1c3f717b9f', show: this.hasError }, h("slot", { key: '0e35a28b75c8678306a54e6f10df456472708602', name: "error" })), h(GuxFormFieldHelp, { key: '7a0dd4bdd6e8b0fdf0e0dff9b014ed7d2dc035f7', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd1e2cb2e267de30eed1807afda20c58a3d9bc54b', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';