genesys-spark-components 4.71.0 → 4.72.0

package/dist/collection/components/stable/gux-breadcrumbs/breadcrumb-item/gux-breadcrumb-item.js

@@ -38,7 +38,7 @@ export class GuxBreadcrumbItem {
     }
     render() {
         const accent = this.getAccent();
-        return (h(Host, { key: '20473ef24aa216223040e739c20038412f90aa54', role: "listitem" }, h("span", { key: '8772afe0bf03f5e34ff4fa8703b40bcd65947898', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
+        return (h(Host, { key: 'bbc8f9fdbeb85138ed1127c77c8132d6d93134a6', role: "listitem" }, h("span", { key: 'a021d9e878b526c243d52adcaecd6dfc477fef6c', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
     }
     static get is() { return "gux-breadcrumb-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-breadcrumbs/gux-breadcrumbs.js

@@ -19,7 +19,7 @@ export class GuxBreadcrumbs {
         Array.from(this.root.children).forEach(child => forceUpdate(child));
     }
     render() {
-        return (h("nav", { key: 'd924dd5f1391fd1451dfda482fb9e99c5e90d1b3', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '0742dbb730e495d4d046dad103431238a1db7357' }, h("slot", { key: '9c08113326d2f4e4a94629c1a8a8348dfe19816d', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: 'cd80398b510699e4106c23d9ff371d6cb1ccd7cc', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'fc9defd6e0b44c64c2d42646a01f5e6a8ab0f2c5' }, h("slot", { key: 'f7c68255a50ce75964be0e7ad9b3ff79f655a606', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     static get is() { return "gux-breadcrumbs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-button/gux-button.js

@@ -18,10 +18,10 @@ export class GuxButton {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("button", { key: 'c31bb1879557d9dcb1a5fc8c16cb83bb7420da4a', type: this.type, title: this.guxTitle, disabled: this.disabled, class: {
+        return (h("button", { key: '3022bc5ad8034a69266e8fccbac8a0415574cdba', type: this.type, title: this.guxTitle, disabled: this.disabled, class: {
                 [`gux-${this.accent}`]: true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: 'b9413a30294f833a8b16cb8278b332064375c0d1', onSlotchange: this.slotChanged.bind(this) })));
+            } }, h("slot", { key: '02525623e91c00c0a57c3261e5f01854e4f4ecb5', onSlotchange: this.slotChanged.bind(this) })));
     }
     stopEventIfDisabled(event) {
         if (this.disabled) {

package/dist/collection/components/stable/gux-button-multi/gux-button-multi.js

@@ -103,7 +103,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: 'f959df581f8d80a65cb12aa9e449bd301f5da5dc', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '9cbd29c2f65792eb98a93d2490be18d697b857e8', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '56aa59da27857926ae4e4760ee47372abcc7526b', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '5fd1fc9b3daa59d58224a6385a60667a64872a98', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'ac67bfb1fb381826b4c87244f5d0b64aeb6f647b', name: "title" }), h("gux-icon", { key: '921ff95852321adacdccddcb2eeafc925dc772cc', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'c95809a5e93d3199d28ac1db429ad6b670ab4cc2', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'd0a0cb6c695cd90c2f40bb4ae9c51b5a390ff4c9', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'f40772b63daac6d0bf88aff8ac02ea5fa9f7bd8d' })))));
+        return (h("gux-popup", { key: 'c5bff9ec22f1f9b87b45600f5654a1cf0fcafe51', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '80b6f9a032b040e47ae6d7f62c2a64273179b738', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '8ce0f7fb565580bb9db0df017e7ce39cc953654e', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '8cb57fea5032cc6df4064b00f3470adb61361553', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '9cf9f66424ee42c4b1c265fc4fa73c79803b4cbf', name: "title" }), h("gux-icon", { key: '23e4f1982d77aa9cef3aaa3ec660444cd19fa83f', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '52a9e7902518c1e7668ffa65e725d80828389dcd', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'bc5c701390a617885cbd58a63b1c3c91609b50bd', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '3f8f51d4703fc878f72ffbcbbe81b789425969ad' })))));
     }
     static get is() { return "gux-button-multi"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-button-slot/gux-button-slot.js

@@ -32,7 +32,7 @@ export class GuxButtonSlot {
         this.validateSlotContent();
     }
     render() {
-        return (h(Host, { key: 'badbad6874dc17bd715793d474be91a98dcc2151', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: 'c9052094c37609ce84b371387c33312e0c4e3ce2' })));
+        return (h(Host, { key: '15befd891876930e277175d8194d081ea3982e92', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '6731523f4cd52fce0da588d7558ba2e100993032' })));
     }
     static get is() { return "gux-button-slot"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-calendar/gux-calendar.js

@@ -322,7 +322,7 @@ export class GuxCalendar {
         return (h("table", null, h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (h("th", null, day)))), this.getMonthDays(index).map(week => (h("tr", null, week.map(day => (h("td", { tabindex: this.isFocusableDate(day) ? '0' : '-1', class: day.class, "aria-hidden": day.hidden ? 'true' : 'false', "aria-disabled": day.disabled ? 'true' : 'false', "data-date": day.date.getTime(), onClick: () => void this.onDateClick(day.date), onMouseEnter: () => this.onDateMouseEnter(day.date), onKeyDown: e => void this.onKeyDown(e) }, h("div", { class: "gux-date" }, day.date.getDate(), h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (h("div", { key: '4a276aef1eebfd772d72c89a7045cdfa32d4cb68', class: "gux-calendar" }, h("div", { key: 'df59ceb11b7cbf7d9479908448740164082f96d3', class: "gux-header" }, h("button", { key: '4442b2517beb58274fc40512e45451bfa6c8759e', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '831b9ba2c759171aae07c8ed82913f5a5a9c951a', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'a19d13d912774ff4e9906259860cdccf66ea3206', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'ed01c461b9e2b03b8fcee6e6e869063e97511edd', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '8862931ddc372b822e98978482d33fd703664c37', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '9ab737ccca49fede337ff7bcad0e617e0553aa5d', class: "gux-calendar" }, h("div", { key: 'a1fd0990b64c72cf52ea46a2f44eedbc2cd9c307', class: "gux-header" }, h("button", { key: '1e1d001bcad30918bf35cab7bf75a631f3e219d1', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'b361c20900a9cdd8161a2b0023b8cac62bb5673d', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'faa2fc7104de023f321701f15a6faf3e6c60b338', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '5fbe742618df07732a9d86174a9b97b43c5bf235', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'e3326d9316145ec86a36efa504fd7457cb144a03', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     static get is() { return "gux-calendar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-card/gux-card.js

@@ -11,10 +11,10 @@ export class GuxCard {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: 'bda10128007a9ec19db6d2518f78e1f3c7c5f654', class: {
+        return (h("div", { key: '0c05e098f388e13aacae17ad423b402099450178', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '8c12d21d641848c2d687b1babf4b30b5b801776e' })));
+            } }, h("slot", { key: '1d3d4dd1b4cbc6f731e15ee57da145eb05aec161' })));
     }
     static get is() { return "gux-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-column-manager/gux-column-manager-item/gux-column-manager-item.js

@@ -128,14 +128,14 @@ export class GuxColumnManagerItem {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: 'b74f37e716db481c6b347f661a44acd98584a7ce', draggable: "true" }, h("div", { key: '7136a764a87980dde4d12ece6c945eddbb782fd5', class: {
+        return (h(Host, { key: '902f78713070a291444827e1181568de0212a30a', draggable: "true" }, h("div", { key: '902b3c834a5df69ca1aa578008b1153a03625e61', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: 'b3aaa1940f978e79b6ef574298605a1e441ad74e', class: {
+            } }, h("button", { key: '3356448b3902ca0407af3f579a890a02bbfe9546', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: 'ee1cbb421d88192f1e895573e754ebb5b5e8c084', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: 'b23fb70be4e7d2e5ed24c075ea3917b1422e92f5', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'e791a411ef99b04105cb377dc1f9eb957e1b6925', class: "gux-select" }, h("slot", { key: '8edbab865af1ddcdbafe0dc724aba57c8a81fc9c', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'ce28da1b61549a5627c1aca2647db7b9150ab561', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: '06e5774368aa8b202ba002186e3fba8ce0ec4c86', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '6212b59e731edca8c314229f7658eb0cb66cf7d5', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'e3a3ce1c39a10160984f5bb931543f013cbbc8d3', class: "gux-select" }, h("slot", { key: 'a82b618fb073ca687886838b0271243752ffb184', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '46f91dc56c94ce70602c860e9a740536d3bccba5', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     static get is() { return "gux-column-manager-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-column-manager/gux-column-manager.js

@@ -89,7 +89,7 @@ export class GuxColumnManager {
         return (h("div", null, h("span", { "aria-hidden": "true" }, this.i18n('selectedColumnCount', { count, total })), h("span", { class: "gux-sr-only" }, count === total ? (h("span", null, ": ", this.i18n('unselectAllColumnsScreenReader', { count, total }))) : (h("span", null, ": ", this.i18n('selectAllColumnsScreenReader', { count, total }))))));
     }
     render() {
-        return (h("div", { key: '0dfee136e2857b3b18cbfec5c401cac3b2650112', class: "gux-container" }, h("div", { key: 'bf006dc5df4daaf2b72cbaf205cea2c574c9245f', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'f1361f98b055db3911db03046b0a365b395afc51', class: "gux-search" }, h("gux-content-search", { key: '50de7d3f92261462420929e34e70eba056d25326', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '60e99d1997295f28538243115db96426cb0fd981', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '178cb2cfe4979beb88c74d606c5a921ec8e94f20', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'e967983c21804db72fe77de71f3f59a557680d7a' }, h("input", { key: '934dad0a49c4782330c19d2edac3cfac7f8b9fe5', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '9a127776276ac832f23140bf04bacca0426f73a8', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '39eb9f66ca7638ab356431b3e43187ae189d279a', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '3e0d2375a486629333d0a905fd4dfae18c37e80e', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '9d7de46749ac925399f18d54ffd21a432d05874e', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: 'a79f94223dfd05de4086c68a9e95a089597a23b8', class: "gux-container" }, h("div", { key: '8a5e5e45a677ee290644ab4fece23a70ee47513c', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'faa3b45bb92e71068bd7036be071a75461caf81d', class: "gux-search" }, h("gux-content-search", { key: '2638adad20f101d380e140b0b9c09489cb93168f', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'b34328155244f85924d2f488a481b4f01607b1f9', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'afbf7d485a17fd173f5d85024fcbae79c1095361', class: "gux-select" }, h("gux-form-field-checkbox", { key: '2909936c012cdb2372cbc4c2a3373d19549bf82e' }, h("input", { key: 'e5043db01ee15496864fb661134c7e77c77fa0ef', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'd2e3287f9b845184783af6f51b4d70f814334627', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '322428c1b9df9e375e757174b0993a607e9f45a2', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '5c6091ca95e652757781382bb371c44781406f06', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '3c851aa820d225f72edd28103d65b923ae19b50a', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-column-manager"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-content-search/gux-content-search.css

@@ -44,6 +44,7 @@
   width: 100%;
   height: var(--gse-ui-formControl-input-textfield-height);
   padding: var(--gse-ui-formControl-textarea-padding);
+  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);

package/dist/collection/components/stable/gux-content-search/gux-content-search.js

@@ -3,6 +3,7 @@ import { trackComponent } from "../../../utils/tracking/usage";
 import { buildI18nForComponent } from "../../../i18n";
 import contentSearchResources from "./i18n/en.json";
 import { onDisabledChange } from "../../../utils/dom/on-attribute-change";
+import { focusInputElement } from "../../../utils/dom/focus-input-element";
 /**
  * @slot  - Required slot for input tag
  */
@@ -45,10 +46,10 @@ export class GuxContentSearch {
         }
     }
     render() {
-        return (h("div", { key: 'e68c5657440c08a681454e3997f017b1b0605c2e', class: {
+        return (h("div", { key: '379064dc575df48d6cf8dd7b2ea9fb872ab3fccb', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'f85e519ae144209d22acd0b2bbf3953f1e2dbb2e', class: "gux-search-icon" }, h("gux-icon", { key: 'd57f62dc071fec39c72b31548f3675b801d4b6de', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '053bf32638f622a428b2976c55d37fb6e9b3613c' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '4d91c35178172878704367ac06bd8316086402a1', class: "gux-search-icon" }, h("gux-icon", { key: '975b3efd1088c3713735963790c7406cfdfd2547', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '8a497ae9c2165e1e7f4fa8b395e35e6e484ccb4d' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

package/dist/collection/components/stable/gux-context-menu/gux-context-menu.js

@@ -107,8 +107,8 @@ export class GuxContextMenu {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '79745c79ec1094118485be26de3fb95e275ef907' }, h("gux-popup", { key: '67eb5bebef399fbc5cee8287cc6425e4627e31f5', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '1253d863f884cabf63c0ddb6ac82b39ef6463e00', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '2892c2b653c69bbda08f10d5c5077203d42a05bf', accent: "ghost" }, h("button", { key: 'f64b9fd5e7b5869c6c61d4bd0f9ea4194906b2ed', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: '105ede9ecf987895414927c6d581cf3973fdf07a', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'a72a35d72e6323c32f17a1ce718883991aa3427b', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'd80133df2e3ead8b307e821752eabd5617971faf', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'd73dc1c4570bf9947c268b87379f0a6730f369a7' }))))));
+        return (h(Host, { key: '7bd4676ce89563db9af6381d86dbb99d7a3c7203' }, h("gux-popup", { key: '10b26375517aaa0c565b6ee3f0eaf6bf0f9d620c', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '42afaf086475d662a5b51827900706de0d7a6f60', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '3c1b34e246856987ec2b686d6cdd169010adccc2', accent: "ghost" }, h("button", { key: '677ecfb4b3ae5a55330c3c6483e8c9594f4eb1dc', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: '6df382d6fd22e732c9846205a1579b08f6fd3573', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: '51d4ad61c218d8622f2f8c5f7599004153b7b2f0', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '76a8bfa5a52a7c5316a576f13cd4e13d1dcff3a6', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'dc1b4c42a238ce71dc9048efafb6b22e4eafe657' }))))));
     }
     static get is() { return "gux-context-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-copy-to-clipboard/gux-copy-to-clipboard.js

@@ -57,7 +57,7 @@ export class GuxCopyToClipboard {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '5e1a241af98c356000f0244e4449b21dfc58c7fe', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '8969dbbaf7a5bea764cb4bc927db75378b904747', class: "gux-copy-content" }, h("slot", { key: '053a08c92964a18f699f84388298dc8bdbf8523a', name: "content" }), h("gux-icon", { key: 'e262110f174b321ab1e7199f868a4eaca5d6d2c7', "icon-name": "fa/copy-regular", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '0f359f58cd0ea98ff17daa26467b5d34431674f3', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '36af97357f9da1c29c4f5abcbb28d98e8ed36eb6', class: "gux-copy-content" }, h("slot", { key: '000d41e39725975e82e94495c7646e973d171480', name: "content" }), h("gux-icon", { key: 'c99f7cbec96cf644b36cfe08609765b79a61fb15', "icon-name": "fa/copy-regular", decorative: true })), this.renderTooltip()));
     }
     static get is() { return "gux-copy-to-clipboard"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-datepicker/gux-datepicker.js

@@ -510,7 +510,7 @@ export class GuxDatepicker {
             } }, h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), h("div", { class: "gux-datepicker-field-input" }, h("div", { class: "gux-datepicker-field-text-input" }, h("input", { id: this.endInputId, type: "text", ref: (el) => (this.toInputElement = el), onMouseUp: e => this.onInputMouseUp(e), onFocusin: e => this.onInputFocusIn(e), onFocusout: () => this.onInputFocusOut(), value: this.toFormattedValue, disabled: this.disabled }), this.renderCalendarToggleButton()))));
     }
     render() {
-        return (h("div", { key: '6c576871c9fe0eac07839bce1a634b3f60e3c025', class: {
+        return (h("div", { key: '3ada993636feec960011202c7d897ae16b88734c', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

package/dist/collection/components/stable/gux-dismiss-button/gux-dismiss-button.js

@@ -11,7 +11,7 @@ export class GuxDismissButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: 'ba80f135403acafa76182e1f562740c2865ee93e', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, h("button", { key: '2192904bc528e40f58fdf197468581b4980cda0e', type: "button", title: this.i18n('dismiss') }, h("div", { key: '1382fb15f0c5c300cc04923d2cb0fc98b31ac4b4', class: "gux-icon-container" }, h("gux-icon", { key: 'ccd0d0e50b060cdf48de4861347a8e47b3098838', "icon-name": "fa/xmark-large-regular", decorative: true })))));
+        return (h("gux-button-slot", { key: '83378466334b72279df60b88cfe410a74f11ca02', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, h("button", { key: '02546ece8f67f304eff7b5855491c8e0ffe6a905', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'f9829ff48e74cbae901e06770430bf9683b2069a', class: "gux-icon-container" }, h("gux-icon", { key: '7018c674a3e0a9f225930e748e31239ed601b1c2', "icon-name": "fa/xmark-large-regular", decorative: true })))));
     }
     static get is() { return "gux-dismiss-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-dropdown/gux-dropdown.js

@@ -341,7 +341,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: '565c5a0b2708f7d54ae3260cc0a58bd79e1a0932', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled, exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '4d5268e4baf35cc5ce793c3be542c749e498cf9c', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled, exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-dropdown-multi/gux-dropdown-multi-tag/gux-dropdown-multi-tag.js

@@ -29,7 +29,7 @@ export class GuxDropdownMultiTag {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '7da5944b17c9135577940ab5bd1e5dc2b5b277bd', class: {
+        return (h("div", { key: '58f492a8712961d4b490748660b768524b620506', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

package/dist/collection/components/stable/gux-dropdown-multi/gux-dropdown-multi.js

@@ -369,7 +369,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: '4148142b9d1262eb5112e365d20f060de551ae78', class: "gux-dropdown-container" }, h("gux-popup", { key: '7bc8edc50576e2291b7941acf2a4972fd5078915', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled, exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: 'db2fabd5459a7eed9dc35d3d1a5a5b8a13857d9c', class: "gux-dropdown-container" }, h("gux-popup", { key: '89988b14cceff09e1a055165a2f0d3544613d0f0', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled, exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get is() { return "gux-dropdown-multi"; }

package/dist/collection/components/stable/gux-flyout-menu/gux-flyout-menu.js

@@ -171,10 +171,10 @@ export class GuxFlyoutMenu {
         }
     }
     render() {
-        return (h(Host, { key: '3a57e1bea9c8ba547849e8975a45f0cec5e16587', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'e6e2e0851c0d12806bbbe89fa799f80867d428fb', ref: el => (this.targetElement = el) }, h("slot", { key: '95155de5c8d9b4a4871302f33b650a8da0cdebc5', name: "target" })), h("div", { key: '236a63c0c8a888df386c57569a387b16d7b1a111', class: {
+        return (h(Host, { key: '96edfa3ebf5be5afe504e370c2a14cfd2daef2e8', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'e0d36d479bef1cbc9da0e256b99d2548ed333809', ref: el => (this.targetElement = el) }, h("slot", { key: 'b824bb2babaf66719c69ab878a9562ba17e59ac1', name: "target" })), h("div", { key: 'bf772250442e633fdd2334bb90beafcdf8269563', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '5eca899d1973df57ca76f621a69efea5c7698473', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '2371e0ad36a907f78932e753f7f73e800e6096b6', class: "gux-arrow-caret" })), h("slot", { key: '9a95cf351f93d214c2239b8ecf03b0cea27d46cf', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'c2cd14ed5b78d0a1632851cc113ffdc50528716b', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'adfe1a13efbd5e7eaa58e5382dad50a7d00c99c6', class: "gux-arrow-caret" })), h("slot", { key: '1e90344b959b1bcfc73a4a74c7c61e50a65d4a53', name: "menu" }))));
     }
     static get is() { return "gux-flyout-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-menu-option/gux-menu-option.js

@@ -28,7 +28,7 @@ export class GuxMenuOption {
         }
     }
     render() {
-        return (h("button", { key: '0b8ab4835145bf20fbfc50bad3b032ea6ee33716', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '88d7518f7f17013442c64e015564ec2b80a9a88a', class: "gux-menu-option-button-text" }, h("slot", { key: '05eacb7de85ef5298cd604cc6bf0c3166b852928' }))));
+        return (h("button", { key: 'e79faabef6b54fe1009610ace99549a13917aa2a', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'daf0064c5b7692af88365aefd72bec4eda3fec79', class: "gux-menu-option-button-text" }, h("slot", { key: 'd50cd034a9df228ac3dd9a927a8b590ca2979012' }))));
     }
     static get is() { return "gux-menu-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-menu.js

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class GuxMenu {
     render() {
-        return (h(Host, { key: 'bb330d93d085ae23c8f3593ecebee84336497a13', role: "menu" }, h("slot", { key: '62467f75e67e266fc1962c52616004dd80fcbcee' })));
+        return (h(Host, { key: '64297942dd3b8ce9c499e5007f93ce32d50b8ca6', role: "menu" }, h("slot", { key: '6e9dc876bd2373ea4134fd997960ed83dd848090' })));
     }
     static get is() { return "gux-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-submenu/gux-submenu.js

@@ -140,13 +140,13 @@ export class GuxSubmenu {
         }
     }
     render() {
-        return (h(Host, { key: '6a65fa8c11ba70aaca9df94c14e8246cfdd9cc00' }, h("button", { key: 'cd8de6fad5c2ac452fa32c070ea955a9f09fe0e6', type: "button", class: {
+        return (h(Host, { key: 'e79928cfa15eca05a24d130ad99b5b9f89580484' }, h("button", { key: '42659df349945f3db53dcb96cf0f639fb4d7fb33', type: "button", class: {
                 'gux-submenu-button': true,
                 'gux-submenu-button-active': this.isShown
-            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: 'c082ded3cdaa4efc939e060e0af66971da9fe4d1', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '7d2379fe98f7409cd0ad1d2caa8bcb9f7112443e', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'fe3269c20539ebebcb04b41a0afcb01a78b27920', ref: el => (this.submenuElement = el), class: {
+            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: '900191429a7609cb68eb0485bab9d4ca74b4f0f6', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '14fabf28052644302b3de10b6e4ae01c37b5ba32', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '63aa954bea898bc1d8d6aff4dac812ac1f696591', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: 'df51b3a4cbf2f764aaa43d73c233eb82e19d017b', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '2e407c4c0104ce2e1f8d14d585a6448ec884fe7d' })))));
+            } }, h("div", { key: '36052f94b695f911f0694f43f3df8106f283d709', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '5f38cd07848f12849e79b82860017e4ed32f7260' })))));
     }
     static get is() { return "gux-submenu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-checkbox/gux-form-field-checkbox.js

@@ -48,10 +48,10 @@ export class GuxFormFieldCheckbox {
         }
     }
     render() {
-        return (h(Host, { key: '622c07b7f2a3b0c783cd9182d3d562da22c36a5b', class: {
+        return (h(Host, { key: 'a7ca2efdb4a4e118969b80ab231375f6c6891c22', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '77a9517374fcf81df91a17a08fb4547a9f91c1f5', class: "gux-form-field-container" }, h("div", { key: '2d26152d3afb47c114f302386335ceb4b158236a', class: "gux-input-label" }, h("div", { key: '9837b0c10ac9412f4cfc2abc0781de218ddc67e9', class: "gux-input" }, h("slot", { key: '1d91becb705ca706dd5ee34262d0523577db2e2b', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '7c196bb2951b7d60f9f8ef9ffc37567a2412325b', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '5a070600ecf9d0ea37f4712aae00a53a2b3bc894', name: "label" }))), h("div", { key: 'b0eb03072ac74483b4f7220625263bb33f4999d0', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'fb30efdbfafb72a712075fa615c39bd845288503', show: this.hasError }, h("slot", { key: '55d7723528f41384a321ff26f590e1201f0d43d8', name: "error" })), h(GuxFormFieldHelp, { key: '380abf6e2081e998da07191c8f7cd6360fda5c2d', show: !this.hasError && this.hasHelp }, h("slot", { key: '662dea1c9e54e5ef4de3328ae6d3cf1672018650', name: "help" }))))));
+            } }, h("div", { key: '3da7fb8b8497dcc5a22ce9fb82a7d7707f1c7cd3', class: "gux-form-field-container" }, h("div", { key: '351dccf78036564fe310039c7bf5261f022cfb60', class: "gux-input-label" }, h("div", { key: '78a47780fe436bf754b5d91fd6fa910d6bf0ef1d', class: "gux-input" }, h("slot", { key: '50487b7b4ee7041342533c375197fa3a3113321e', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'f4385aee690dad8ca6cfcf90c2e7071b15274680', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '63697b88b3146944265dd721221a423fb294321a', name: "label" }))), h("div", { key: '32fa798b6d4f631d4e1bdbaf53f7e63d2a176c38', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'a6aeadecfa6362d7ca24abd0a157c8321fe098fe', show: this.hasError }, h("slot", { key: 'f1ff271aae103e60ffdc83da30b80f96818655f1', name: "error" })), h(GuxFormFieldHelp, { key: 'dc991534240a90b7dcf6a2a65165bfb6e9963ea2', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a282c1a098973c11278a424a0efa357741639291', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-checkbox-group/gux-form-field-checkbox-group.js

@@ -128,8 +128,8 @@ export class GuxFormFieldCheckboxGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '71fd89d19477a795bcb43caedf9841294f179ea3', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'a6ddbcf86c5145d1b207e600ce6f8fbf85bba3b4' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, 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: '2e1931fb4633b12231f96e974fb3cee990487d1b', position: "above", required: false }, h("slot", { key: 'eaf4cdc9230123ff75052e40246115b369342d61', name: "group-label", onSlotchange: () => this.setLabel() }), h("slot", { key: '308d9770d17ee92aa96314c85ba09b0296af3866', name: "group-label-info" })), h("slot", { key: '1244cae1a7294cf0a559517d6da489d803840604', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'c08f355f65c1fa0111b710b04293d32f4a77cb4f', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'be714daba2e9e9ea7396558e7b0fde5b894eef85', show: this.hasGroupError }, h("slot", { key: 'b34898b5a5b075d3b7bf4c70fe61ab43e3500478', name: "group-error" })), h(GuxFormFieldHelp, { key: 'a204e871f9fb6b1642a245b5ea619b9b91608e8a', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '6398b2e744a7368e6fc7873c715d137f6e4bcd7a', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'd2d6388298b7166d57da2b5c22ef6db4b6e24f97', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '0db9d9ea4dd539a61278af772b8c6932849371fe' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, 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: 'f9d920bfcb30926eda1564b809c0944ac8598ec2', position: "above", required: false }, h("slot", { key: '59f6fdb532fd40ef2ac79762398a17ecb51f7583', name: "group-label", onSlotchange: () => this.setLabel() }), h("slot", { key: '2334ef8f61007cdb82182b7ae05fe6f012553b89', name: "group-label-info" })), h("slot", { key: 'ea1e880daa92661d10b4eee4b7eede2bb29d0d54', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'd88a9ce2949718c4da74acb803889acc9ded4dde', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'dfcc4a70d226e2b9502931d7746052dba5efcd90', show: this.hasGroupError }, h("slot", { key: 'f6c779ada444a5712052f93f66d34427717f936d', name: "group-error" })), h(GuxFormFieldHelp, { key: '672573142344dc7288b5e8dc9bb4d0032c538c8c', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '4e6668b094068ac793ddd1ef004601b2652dd113', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-color/gux-form-field-color.js

@@ -83,13 +83,13 @@ export class GuxFormFieldColor {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'bd8ffd5498ce8e610991bde0e504f17155013320', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '9110741b56cad3534699aa46c1c9f4906415544b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3ae714696acf45e871d5ff5dd17462c007946291', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '778127f519439c2222eb2e2cefb06dafe4ccd580', variant: "required", required: this.required }), h("slot", { key: '458b80b587e2a71a6b74c254b17d0254af689242', name: "label-info" })), h("div", { key: 'be307b732e213e887e603285883939d517a0f515', class: "gux-input-and-error-container" }, h("div", { key: '99606aa771b9cd0d7dc905f5bf372d0611b0cf24', class: {
+        return (h(GuxFormFieldContainer, { key: '29d241389f707cb297ac3ef6eabea1b346ded0f1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'b4b8d8d1138fb8fc5e9b13d246463984d55a1a13', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3f2ebdd2236e54a687c2d613e98b8ab9f1d97a83', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0203fbc1299e0a0b5eaf0dbb5ca921a00384dd0b', variant: "required", required: this.required }), h("slot", { key: 'bf422a7764d5bddbe7e0ec3b57a0ee960ff83ce5', name: "label-info" })), h("div", { key: '7dd23ec835c1a151e490841dc6bce133c4ba4fc6', class: "gux-input-and-error-container" }, h("div", { key: '8519b3f9f0e19819327955915a26bb3eba4e402a', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'e8f5424a77f503939194845952a600942881fac3', class: {
+            } }, h("div", { key: 'e3f531955a782edc5f39eac73c573cb26d690ac4', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '5165395c1c2e170ff5a36595d6c818c9f32eec84', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '0d485bd468bd554a68079a95646137c244ed0a9d', show: this.hasError }, h("slot", { key: 'e18a74f723d34c6b250b7848c1638c3cfe31c782', name: "error" })), h(GuxFormFieldHelp, { key: 'cefe2b17cbcb4d1b54be05bccba3b116d303144d', show: !this.hasError && this.hasHelp }, h("slot", { key: 'bb60e7a17e4e3ccbcb32f157976c7dd082a8edf9', name: "help" })))));
+            } }, h("slot", { key: '4908727466e639f67106a28a1fefaf54f498d5c0', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '6ec2a153fd7fc91e5202250b83b4ae62507cb09d', show: this.hasError }, h("slot", { key: 'a4353c484e433edcb76d3a5f895eb878b7f1209b', name: "error" })), h(GuxFormFieldHelp, { key: '94f60b98f9b245effcf196798a67f47864d6e298', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a6dcc274bfc5cf7f64204a92234077895cd7936c', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-dropdown/gux-form-field-dropdown.js

@@ -95,11 +95,11 @@ export class GuxFormFieldDropdown {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '63361cf42ffcd8c77f343dee01c3adf81dc0941d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '031c0715fe3cf6987a40233ab80aa5acc6e7710a' }, (_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: 'd325b9b5ebcb0ff61e6a60de667632518e957c56', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '42c42440dbb653efc0d04f2e0b3f136f1656f6f5', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '696d9ddb331ceed2538a74fc23e7b4ed30aa5b09', variant: "required", required: this.required }), h("slot", { key: 'ecd3c58e1d31cb8d94627f38569b441d8e0b486a', name: "label-info" })), h("div", { key: '648d4ee2732fec9cc56acde6a5f646e09f79c7cd', class: "gux-input-and-error-container" }, h("div", { key: '65e1736e94fcff744a62ade04f1e18af77254f3c', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '02092a864c5bfde3f63a888f6653ae925ebeb870', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '69030793c972f686c40de0f55bc0b4758bc7c741' }, (_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: '7d07d6c257fb038cbecb6872e9de44fc8cf1825a', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '256132dc6b7ada55bf58fa3ad664a68ad77594ce', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9768e7634e898ee011f9bd104ac332cd36b31712', variant: "required", required: this.required }), h("slot", { key: '4f6d03535931cc5b640d2654b300619d9279295b', name: "label-info" })), h("div", { key: 'd9b2b2e1023ab633cf3c3a859c871fd63fb300e9', class: "gux-input-and-error-container" }, h("div", { key: 'c85742a7669dbb02d2c833d20e2028205aa060c2', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '9411d1f82b80e013850c8ebfc7f55843d643acf7' })), h(GuxFormFieldError, { key: '52f1e48db508e83c7cfc4b375d81f032609b6776', show: this.hasError }, h("slot", { key: '41d22e038c502a355f1c45befb38ac7e190ea43a', name: "error" })), h(GuxFormFieldHelp, { key: '10c388c498f1dcf67a6377ae01673c70fefae884', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd128221341c321854206652607cc4b0078a024f2', name: "help" })))));
+            } }, h("slot", { key: 'd7a47e982b60546e843d26b326d17bb2f515da4f' })), h(GuxFormFieldError, { key: '931f24b1dc59947d14410bf0234e974d5504b82b', show: this.hasError }, h("slot", { key: '66f5e7d58a98851f131df93a2b9d0ef7b7bdab95', name: "error" })), h(GuxFormFieldHelp, { key: '29db2492b405be541c69d7b8247468f06e01b16c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f173bbf8b3380d280255e492eb51295965f232b3', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-file/gux-form-field-file.js

@@ -97,7 +97,7 @@ export class GuxFormFieldFile {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'b45503dabdcb64f1df72928b99305aa5efaef423', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f09e291be24f57e678a72e417b2f1b7bb977082e', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'fc9b9068354b8da568006d4d44640fef4123fa9e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3ef29064e0601bd2c8af11a19c9a1a8b9e986b0e', variant: "required", required: this.required }), h("slot", { key: '83ae1424fcb54708af961155db4c26fcbd059cbd', name: "label-info" })), h("div", { key: '33b58d805d61f1d8b27a50b0db96c31caca6f54b', class: "gux-input-and-error-container" }, h("slot", { key: '4fe2f05d1b6012908ac312d1bacb3a3d62f28c8c', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'f82044540fa10d5cd81806e7ecccba3419fb6667', show: this.hasError }, h("slot", { key: '9142937b77c997e8bfc0ffc80b2e363609e72b88', name: "error" })), h(GuxFormFieldHelp, { key: '6ceb51c3e58b3cd3023e7a7184e171e8c2f75027', show: !this.hasError && this.hasHelp }, h("slot", { key: '60641e4d45948eaa1b9d8faad04aa70f12ab1693', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: 'e5b4d9fdfa79cad57d505668636f26d2f9daf69c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '99f7577d1400eb36b0242b195008988b59f5f248', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'c12c665f1cd9dc5749057cfc2a594481ecc0faca', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '52b9d60441ba013611560a7d2116c14e0e5323e0', variant: "required", required: this.required }), h("slot", { key: '5ffdd1246404deeb9f621ada51a85bb4ec29dd65', name: "label-info" })), h("div", { key: 'b4d0f24cbe35ea18cb2390d7cad8db8c44186157', class: "gux-input-and-error-container" }, h("slot", { key: '5576250cc594f994c3bd8d265c509e8a72fd49f1', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '142b616ae68ce9bbf0add9261eb298b085c4eced', show: this.hasError }, h("slot", { key: 'f0e40d277507f95bf89a6adb7db6700e1760f969', name: "error" })), h(GuxFormFieldHelp, { key: 'f9019d60c785a5f1134748beee6322b887f3e02a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ce08f918eb12f490a5a1b0f6e02ec2c8866d3845', name: "help" })))));
     }
     static get is() { return "gux-form-field-file"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-number/gux-form-field-number.css

@@ -148,12 +148,14 @@
   font-size: var(--gse-ui-formControl-input-contentText-fontSize);
   line-height: var(--gse-ui-formControl-input-contentText-lineHeight);
   color: var(--gse-ui-formControl-input-populatedColor);
+  cursor: text;
   background-color: var(--gse-ui-formControl-input-backgroundColor);
   background-image: none;
   border: var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);
   border-radius: var(--gse-ui-formControl-input-borderRadius);
 }
 .gux-input-and-error-container .gux-input .gux-input-container.gux-disabled {
+  cursor: default;
   opacity: var(--gse-ui-formControl-input-disabled-opacity);
 }
 .gux-input-and-error-container .gux-input .gux-input-container:focus-within {

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-number/gux-form-field-number.js

@@ -22,6 +22,7 @@ import { GuxFormFieldHelp, GuxFormFieldError, GuxFormFieldLabel, GuxFormFieldCon
 import { clearInput, getComputedLabelPosition, hasContent, validateFormIds, getSlottedInput } from "../../gux-form-field.service";
 import { trackComponent } from "../../../../../utils/tracking/usage";
 import componentResources from "./i18n/en.json";
+import { focusInputElement } from "../../../../../utils/dom/focus-input-element";
 /**
  * @slot input - Required slot for input tag
  * @slot label - Required slot for label tag
@@ -99,14 +100,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '7cd63e19283a6dc3eaf8806073246206834e063c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'bccccd9a17d23d2d4446fd9685eb9cbe9404a9d1', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'e8886a901750434ae6be0da8f769c82aef5adb17', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f79a65869ea22e74831f01fed54d875cce02e7b4', variant: "required", required: this.required }), h("slot", { key: '0386c4fbff1aa3cd83103e35dd499c8ad4262558', name: "label-info" })), h("div", { key: '6abf848f8a230821fd95429e9e52f724edcdcf8b', class: "gux-input-and-error-container" }, h("div", { key: '16d8e83feacb453361be85817dac8b7941189bab', class: {
+        return (h(GuxFormFieldContainer, { key: 'bdc69abdce07c79cae7b2bcee9810710d6f2bfd8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '60a348cae72ba59bcd5c8891604364ddda93eae2', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'cafa11ccc43a7d8bc095069ae4adb90f8a75f3c8', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3612424e53ed5c23683b09ecf0a03d8f231e1b44', variant: "required", required: this.required }), h("slot", { key: '280b627fcd8dedb13787769231d412d0f394b5e7', name: "label-info" })), h("div", { key: '51b56fe321cc3d48096754423442f2d529d558bb', class: "gux-input-and-error-container" }, h("div", { key: 'f9a1f85e390fcfcb73384d9f2d1bd49917dbd5e0', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'dab06cf421271d09ed7298b54435a984c281d181', class: {
+            }, part: "input-section" }, h("div", { key: 'c71394a32b8e54bef7161419e2eed7e8cc887c48', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            } }, h("slot", { key: '83e0717bb788c2fb31934824355dbce50bbd750c', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '45adac5e37cf049f696cafab18457c89fc2446f1', show: this.hasError }, h("slot", { key: 'a6e96e5c56a29622d84ae629f2962d35823e7418', name: "error" })), h(GuxFormFieldHelp, { key: '25283d15c640fcd203efaa9d8e108a5524649f6e', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e30a17304b3d059bd3938b788c910bd9f4c37268', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '7f131a33acd53537257fc75dd9192b9117701eb0', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'eb3f61b5aa6a845637679bac55f61cfee15bdc82', show: this.hasError }, h("slot", { key: '792521d7085f609db90658b39357cdb9705d9954', name: "error" })), h(GuxFormFieldHelp, { key: '824c3def4a6e454b609f55c6dd7666db5810d88d', show: !this.hasError && this.hasHelp }, h("slot", { key: '6f7980541f036d255aee6ac55f91842f16292eca', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-phone/gux-form-field-phone.js

@@ -91,14 +91,14 @@ export class GuxFormFieldPhone {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '5e79706a4106eb71219a0fccecf9fecc70ad029f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'beaea1fd3d613ab90ac5e097c025096e7c83244f' }, (_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: 'dfe696f2a760552fff055c424a5cd9e394eeb20b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '730a6a00c0b6872099d7aa44bdafc923af385d77', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3d1362cfc275d089d41e4d6495aed11a4fbd3056', variant: "required", required: this.required }), h("slot", { key: '734d9a3e505bb48a27b676a6b16c13717ebb87d7', name: "label-info" })), h("div", { key: 'c5151c7762ecfa31164375ae23f7ca48b8b1548d', class: "gux-input-and-error-container" }, h("div", { key: '83a99c191cb03b34ef4ee5e37b9be5f4237556b3', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'f59d59a0f211944242fa5cb903783c0ec688a3dc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '46d2314d09ac44e99592fe5ae51f3f9f42797eca' }, (_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: '6beddafc280b6dda6773e71b7fefcdac626ce1a4', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'fa6011c0ab31dadaf15c02ed73ad74385dfcd0b7', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'edcb15d0cff3838217b1e21f0ed7fab64db2ec39', variant: "required", required: this.required }), h("slot", { key: 'a90402b0c8e5f58d8c204e81ee19667cd176720c', name: "label-info" })), h("div", { key: '5fa23b1af5132135c5900ddb30f7779648f2cb47', class: "gux-input-and-error-container" }, h("div", { key: 'b54a1436d004891780cd737bf4ef6d9c9a1f4b2b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'ece2e66fdc6612ab711f4243d803363fabff2b8e', class: {
+            } }, h("div", { key: '436c0d1c902cb6e4d9a7a091928bdbd081b46f99', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'aeeb02d360867cd9400046b6d63c61f588df9713' }))), h(GuxFormFieldError, { key: '6ffda1db40ad30c409c431339c8183168d7dbb64', show: this.hasError }, h("slot", { key: 'f75504d4695a26edf90b30cf2db36fb354db4f29', name: "error" })), h(GuxFormFieldHelp, { key: 'f171c53e11efd91de79c2e0337682188d465e134', show: !this.hasError && this.hasHelp }, h("slot", { key: '3858cad08f08ec51f79b1c52461a0d2bb36cb6e9', name: "help" })))));
+            } }, h("slot", { key: 'b0da838a3f47a070489a78666f80fb0925734dd9' }))), h(GuxFormFieldError, { key: 'db226c7be27b8220e18bb0e772e05fe46ce65adc', show: this.hasError }, h("slot", { key: '6e3f9975a9220b5ea93a096fa76455105f1c617c', name: "error" })), h(GuxFormFieldHelp, { key: '0e9c4b1a117c0cb0da2d58749b8a43924d027541', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b7ae2ae7958eb4c8a31a74943914fd9583a7f345', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-radio/gux-form-field-radio.js

@@ -47,10 +47,10 @@ export class GuxFormFieldRadio {
         }
     }
     render() {
-        return (h(Host, { key: 'dee308de65283a8fc44ce06f2da458e3f108024a', class: {
+        return (h(Host, { key: 'a0b5407dedc705a9ceb73ef503eb98383067ab85', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '84c778ad31cbc0879422d1b57ffbbfb51c4d733b', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'f29e1012c2140654c626dbdf2e49c6492675f59e', class: "gux-input-label" }, h("div", { key: '9324b917de2d38e872fd6f858198ff7d6971dac1', class: "gux-input" }, h("slot", { key: 'dca06eb2f5370cc6979ea6dd4119083397bcf5ac', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'ebccb4e6bb0438b183f1a7dd542120933b6dd2e1', class: "gux-label" }, h("slot", { key: '204dfc4315640ac7974df1ec434f06691148078b', name: "label" }))), h("div", { key: 'ccffe3e77740d2231216e9e6021f65fd035d1ed1', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '8b6701eb9a7ac2131597ce9f9f08513e3c46bcbf', show: this.hasError }, h("slot", { key: 'fe09527fd9035f25c6d91c3f6285839a09e5c423', name: "error" })), h(GuxFormFieldHelp, { key: 'fd58af8ee7e72a1389c45b37cd46a55798db6efa', show: !this.hasError && this.hasHelp }, h("slot", { key: '7a76298da2764985c0c7febcf744ca9efb40ada8', name: "help" }))))));
+            } }, h("div", { key: 'c28bc5f3af6d3fc421f47f7e426b2d436b269064', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '2002638774f8d2a20162a60a8d30d4902bc324a7', class: "gux-input-label" }, h("div", { key: '604f27b34e4aa341eb3628168c41016eebc1c947', class: "gux-input" }, h("slot", { key: '56cf53da54c9efcec3816f79553fc865d0278d46', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '40e019b5ec7c74c4a31567f51ff42a89f972c342', class: "gux-label" }, h("slot", { key: 'b8e6eeefaa1ddcfa46d1a595e3e7a5353fadec1d', name: "label" }))), h("div", { key: '0b8987e1e9b808666e9886195b24dc7afd1c342c', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '0709931e3f2aabe6b062bc8b0818f2fc753deb8f', show: this.hasError }, h("slot", { key: '8ad6962d5d747a1400376c736aa5b4c6e09a6640', name: "error" })), h(GuxFormFieldHelp, { key: '4a4afefc1c5cdb276e5520eb30aa1e46e8ac3eab', show: !this.hasError && this.hasHelp }, h("slot", { key: '3a528496d59db95ec5e1b002d71aefaa86805833', name: "help" }))))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-radio-group/gux-form-field-radio-group.js

@@ -99,8 +99,8 @@ export class GuxFormFieldRadioGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '18fb0c21924bc28ff5ab47fd67c5de6ef6b34df5', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'e33a6c28e3a2fafbbdff9107a33bc3ce6cc3e680' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, 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: 'c6420ade388fef239f6cf7e43b062992c6f5ef40', position: "above", required: false }, h("slot", { key: '51ce44d7ebd941cd80de57dabe1afdd28a287aac', name: "group-label", onSlotchange: () => this.setLabel() }), h("slot", { key: 'cdefdcf43799bcb758ea0a27a555fb0c3323c96b', name: "group-label-info" })), h("slot", { key: '1b79439e6930fa43d2c508f16a79b2763b369e2c' }), h(GuxFormFieldError, { key: '2eb19786e466d0d8f4dbe3efd6866eee5b7cc9d0', show: this.hasGroupError }, h("slot", { key: '73f97a0982220c438e51086db8b26c7c4d0db509', name: "group-error" })), h(GuxFormFieldHelp, { key: 'd947d3ad2e58438d770785baf504d2e12705069a', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'f102ee933a12c6ae5cd4290e8adb9bae3c6cdee9', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'cfb2a9340bd3aae78348520c041cda2b32da0725', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '67c0be1d64d53062034c4b85baec1f31df2dd586' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, 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: 'c65436fe0cac707c2ae9fb7e4316edbb7eaf57e0', position: "above", required: false }, h("slot", { key: 'f3c3a14b923ffc576edfe29aa77cd5e3ac85a52d', name: "group-label", onSlotchange: () => this.setLabel() }), h("slot", { key: '8dbc59fb5f52a9b4864e2bf11a7cf071db746b9f', name: "group-label-info" })), h("slot", { key: 'dfeab49b8fabfde3ac9a09f2ee93894e6c910f57' }), h(GuxFormFieldError, { key: '81e1135464e64bff72ecad9f32e851ceb13c01ae', show: this.hasGroupError }, h("slot", { key: 'd408e9926bcfddb4ef6aa13e02ae402fcad252e9', name: "group-error" })), h(GuxFormFieldHelp, { key: '35e0a64b9ae7cf6dfc3e6b465f708784f74bab3a', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '22ae0bc5645846e776b9845702911c6683b531bb', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-range/gux-form-field-range.js

@@ -113,9 +113,9 @@ export class GuxFormField {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: '7174da64feed7ecfd06b26be8d77ca5cd0b2fa5a', class: {
+        return (h(Host, { key: '536ac7ef1a315b964bf02624dc3869c1dd96ea0d', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: 'ac0ecc73aedb6bdd9b0536bbfed55d665ae5f248', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'b24dd5d42a34beb41887e92b8bcceb3d7bda56e4', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '12ed0520d9b9f1c404b6a31f6ec45fdd0b4c1bfe', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b07b2c6c7f0e118f65be5e01cae6cae15959dc34', variant: "required", required: this.required }), h("slot", { key: '0b06bc69c256872d0726d93344a26a8664955df3', name: "label-info" })), h("div", { key: '3360fc5b2bcfa941f02345e6c4f2ee855c85b9c6', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '48fd7c3a7e142e298fdbfb213b5954b3cfce4a54', show: this.hasError }, h("slot", { key: '91ec76d697c26a0a014f34c30de6d3596044abf1', name: "error" })), h(GuxFormFieldHelp, { key: '9df5deee6beb4a35cfe4051dd2383bb493b412b1', show: !this.hasError && this.hasHelp }, h("slot", { key: 'da27f8af64910cf341f25e31034753526cb1e7c4', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '4a8c15932cbab564411aaf0a5b84b388451c69af', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '5bb81b87152c506fa2f5dd58b9dd1f2c0436a75e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'd8fef894e3055e777419c6b40da7add8d096f9fc', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '941cbbe16442409502235663a3293adc1d86e895', variant: "required", required: this.required }), h("slot", { key: 'bae23aa9ba01d17ddd08dc807eb75d169648293d', name: "label-info" })), h("div", { key: '028ca2d0fb9b09c64d516629bb33f43bc4d1d2fb', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '12713c069c47170c967872e6bfb75d240a7cec40', show: this.hasError }, h("slot", { key: 'a3d0371ae88f3b34f63dd67f9ebfeb986fa02eab', name: "error" })), h(GuxFormFieldHelp, { key: '7e67aff4453179f3ba7d175354b1d1864ace26ae', show: !this.hasError && this.hasHelp }, h("slot", { key: '9c3e1c6c22d718dda1857a6830000e85ecf31dfa', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-search/gux-form-field-search.css

@@ -147,12 +147,14 @@
   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-disabled {
+  cursor: default;
   opacity: var(--gse-ui-formControl-input-disabled-opacity);
 }
 .gux-input-and-error-container .gux-input .gux-input-container gux-icon[icon-name=search] {