genesys-spark-components 4.136.0 → 4.137.1

package/dist/esm/gux-column-manager.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-21889d5d.js';
-import { b as buildI18nForComponent } from './index-99f8b2e2.js';
-import { t as trackComponent } from './usage-9b1fea1f.js';
+import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { t as trackComponent } from './usage-66b031b6.js';
 import { g as getEmptyKeyboardOrderChange, s as setKeyboardReorderPositionIndicator, a as setMainCheckboxElementCheckedState, b as getNewOrder, c as getIndexInParent, d as getNewKeyboardOrderChange, e as setHighlights, f as setAllCheckboxInputs, h as getSelectedColumnCount } from './gux-column-manager.service-90a02975.js';
 import './get-closest-element-728b9f18.js';
 import './clamp-1fc36648.js';
@@ -111,7 +111,7 @@ const GuxColumnManager = class {
         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: '588a7749ceb5225beab4e6f6c8854e7206dcfb62', class: "gux-container" }, h("div", { key: '2577108819c7e2b49e888f43b34be71a9b79e5f1', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '41dbb2f7e5ca5aead3d2494422881ca8c047bc04', class: "gux-search" }, h("gux-content-search", { key: '586507db8dbc9f38b366251a571dc8bf4e79b051', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '67f962601312dd05c764cff58504b5386349e6c9', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '217124e4fd40398e23af83e1262c1b4cfbd98d02', class: "gux-select" }, h("gux-form-field-checkbox", { key: '66508f1c526387454feb3ffebb0b42b75ddad617' }, h("input", { key: 'd85acd01ea437964e19a4147146f009844bac744', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '8cceb8729d69f32c9f5cd08935956eed977ad0f9', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '4c34dd2fb5be20ff366b13997a489ad4a6abb825', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'ad1d214cffdbff873d219f8da6d9ecf0a2ccaf5e', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '42a0dbcb02a631ea7bd7909b35aef127e7c3f53f', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '09b07ae08433a4b54d85ce32a9f604a7c3f8513c', class: "gux-container" }, h("div", { key: '34fce7dcd5dcb133b71559ebe4e5c75f42c60700', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '0e058155fa679758afd9bc879f75934bfe122df3', class: "gux-search" }, h("gux-content-search", { key: '6fd3f75fec6c7d956889c6fbe81423fe5c9a21a4', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '2066c68128ad535f2cb5c589937e1f1e4b50dab4', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '2b7cb63207a14bc61b881e645c4e1fd199b79be5', class: "gux-select" }, h("gux-form-field-checkbox", { key: '1fe46fa770293ac507cc98cba574889766f36b5f' }, h("input", { key: '1dc07407ee41dc8629589b22152000a9dd2d0b57', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '239356e4df1eb0099debfb1188ccbe3917a39984', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '3b4b6d7f5eabad6a287a4b22e7d89bb09316ae7d', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'c3366dc4c09a86c926850eda2335068ad50f7b67', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'ee671033f2db7f3afd644ddf77880ae120d121d5', ref: el => (this.announceElement = el) })));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-content-search.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-9b1fea1f.js';
-import { b as buildI18nForComponent } from './index-99f8b2e2.js';
+import { t as trackComponent } from './usage-66b031b6.js';
+import { b as buildI18nForComponent } from './index-0faa8b4b.js';
 import { a as onDisabledChange } from './on-attribute-change-33919964.js';
 import { f as focusInputElement } from './focus-input-element-8a137b12.js';
 import './get-closest-element-728b9f18.js';
@@ -62,10 +62,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (h("div", { key: '28ec59442bce21b9a8aa6e4daa02f6dde82b79ba', class: {
+        return (h("div", { key: 'c5ad299cf0e2f1ed000be6ffa40ca104633c8df4', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '9244399df101651725be2f5b9bc709b23dca0fde', class: "gux-search-icon" }, h("gux-icon", { key: 'fbdfa696f3adfc2635d447ad439212ebf3f45a76', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '3c23110a115935660ae418a18d100776ca841099' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: 'b95c53ba01916a6c1f99c62cdf8d8022ba6eb01e', class: "gux-search-icon" }, h("gux-icon", { key: '37ddbf8a24c5aaa01340420860105bc85a7fec42', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'f1234d5ba895dd9cfffa59fa9ab91a9cc7ad7318' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-9b1fea1f.js';
-import { b as buildI18nForComponent } from './index-99f8b2e2.js';
+import { t as trackComponent } from './usage-66b031b6.js';
+import { b as buildI18nForComponent } from './index-0faa8b4b.js';
 import { O as OnClickOutside } from './on-click-outside-ae4fe543.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
@@ -118,8 +118,8 @@ const GuxContextMenu = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '446f10e68dfe34ed330491db4821e76011e8d92f' }, h("gux-popup", { key: '93ae8993045a368f0f21f279816861484bae0094', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'ee3f6fa47d348711311e3a0efa21bf2bd9defd0e', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '266a52f7bcb4f7382f3d54230db7129ce43ff9d8', accent: "ghost" }, h("button", { key: '02646255c00803293f83bb24a895ebfbe2532745', 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: '6df1d65f82ff48ef940fc4fbefc352603a650ccb', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: 'a80a79000a616a4d8007f70fda9fc07b40ef7a4a', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'b0dd7d5f41a613552303ec52db02eef128f55551', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '060a9a39885458945b9950b5065201e8054dd443' }))))));
+        return (h(Host, { key: '5a4c210aa7fa86899cf70f1a49f46d06e475cab9' }, h("gux-popup", { key: '5454cb497b689fb2655d8b18c4c7175b95d6f1fd', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'ba4d809aefe94a5861163e088c77642d7b9c6928', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'b22fcb340fd9924ea7ced201368bb980e216bc42', accent: "ghost" }, h("button", { key: 'a6c637e941d95606d50fb13b22e6115e17834f7d', 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: '4c204be4799f8d81430c74cae579f05ab2c5443e', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: '304ed678c9ef75e5e29cc2e4b6d23077b4bc900c', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'c7b0411d988cb0f8ce0301dccf813b107955a982', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'ceead50c5d2b03d2bf2341ef775f81b0fff6afa4' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-copy-to-clipboard.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-9b1fea1f.js';
-import { b as buildI18nForComponent } from './index-99f8b2e2.js';
+import { t as trackComponent } from './usage-66b031b6.js';
+import { b as buildI18nForComponent } from './index-0faa8b4b.js';
 import './get-closest-element-728b9f18.js';
 
 const clickToCopy = "Click to Copy";
@@ -62,7 +62,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '37bd43b34710ec3d226b0c8607b5822c02b530ec', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '9d6c196c3b96fcb2473a7df3caa450ae637eb16d', class: "gux-copy-content" }, h("slot", { key: '73dffc9fadfcc909e1fcb997c78ce5c13cedf44d', name: "content" }), h("gux-icon", { key: '2213aca0c23c555a0ff8ceafa64191798f5b3b14', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '424ad51c007871467bf2be7ff12afb9462c97744', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '7b16c8ef23bd1b06d6124b7a7c68a68706d29127', class: "gux-copy-content" }, h("slot", { key: 'e99aa86b73857ede7899146de32060b0ff13b530', name: "content" }), h("gux-icon", { key: 'e869de2c6b8ec78049577e97ddf7bcf24947986e', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-create-option.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-21889d5d.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { b as buildI18nForComponent } from './index-99f8b2e2.js';
+import { b as buildI18nForComponent } from './index-0faa8b4b.js';
 import './get-closest-element-728b9f18.js';
 
 const createCustomOptionInstructions = ", select to create a new custom option";
@@ -44,11 +44,11 @@ const GuxCreateOption = class {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '64e9565cf92379bf56993bc21302f4d9648ce7aa', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '94933ca9614787b7de00588f1564775b443bdb35', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '194c55a30f11edbbe69bd44b41d84fb3a33dd1b5', class: "gux-option" }, h("gux-icon", { key: '371a485c9cc6793e55ddb38185328bdf0f764391', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '3c2705c597ebeb979ca5fd95beeb904b775da7ee', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '6d5228c7f34a4de52803a3e3dfe40ed2523b013e', class: "gux-option" }, h("gux-icon", { key: '69e58916b80ff3b07fccbd87f6326d30a468a198', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '4edbf7e33b222810eada9ae9d1898ac23bd7ab0b', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -1,8 +1,9 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-9b1fea1f.js';
-import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-4d0e5f11.js';
-import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-62a9be70.js';
-import { g as getDesiredLocale } from './index-99f8b2e2.js';
+import { t as trackComponent } from './usage-66b031b6.js';
+import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-4688faf5.js';
+import { d as dateTimeFormat, a as determineDisplayLocale } from './intl-93dbfa3b.js';
+import { u as useRegionalDates } from './use-regional-dates-20f9c0e5.js';
+import { g as getDesiredLocale } from './index-0faa8b4b.js';
 import './get-closest-element-7b2f7d5b.js';
 import './get-closest-element-728b9f18.js';
 

package/dist/esm/gux-date-time-beta.entry.js

@@ -1,8 +1,9 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-9b1fea1f.js';
-import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-4d0e5f11.js';
-import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-62a9be70.js';
-import { g as getDesiredLocale } from './index-99f8b2e2.js';
+import { t as trackComponent } from './usage-66b031b6.js';
+import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-4688faf5.js';
+import { d as dateTimeFormat, a as determineDisplayLocale } from './intl-93dbfa3b.js';
+import { u as useRegionalDates } from './use-regional-dates-20f9c0e5.js';
+import { g as getDesiredLocale } from './index-0faa8b4b.js';
 import './get-closest-element-7b2f7d5b.js';
 import './get-closest-element-728b9f18.js';
 

package/dist/esm/gux-datepicker.entry.js

@@ -2,11 +2,12 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 import { a as autoUpdate, c as computePosition, o as offset, f as flip } from './floating-ui.dom.esm-17bec7ce.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { f as fromIsoDate, b as asIsoDateRange, a as asIsoDate, c as fromIsoDateRange } from './iso-dates-8d3f106d.js';
+import { f as fromIsoDate, a as asIsoDateRange, b as asIsoDate, c as fromIsoDateRange } from './iso-dates-c6c7180d.js';
 import { O as OnClickOutside } from './on-click-outside-ae4fe543.js';
-import { t as trackComponent } from './usage-9b1fea1f.js';
-import { b as buildI18nForComponent } from './index-99f8b2e2.js';
-import { u as useRegionalDates, g as getFormat, a as determineDisplayLocale } from './use-regional-dates-62a9be70.js';
+import { t as trackComponent } from './usage-66b031b6.js';
+import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { g as getFormat, a as determineDisplayLocale } from './intl-93dbfa3b.js';
+import { u as useRegionalDates } from './use-regional-dates-20f9c0e5.js';
 import './get-closest-element-728b9f18.js';
 import './get-closest-element-7b2f7d5b.js';
 
@@ -646,7 +647,7 @@ const GuxDatepicker = class {
             } }, 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: '51f5d5465d3d81d697aa26e3e92cefcaf6c1e5f1', class: {
+        return (h("div", { key: 'b9214b306a78a2a6d49a36a14f716271f314ea2e', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -0,0 +1,75 @@
+import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
+import { g as getDesiredLocale } from './index-0faa8b4b.js';
+import { d as dateTimeFormat } from './intl-93dbfa3b.js';
+import { i as index_umd } from './index.umd-3e2e3aec.js';
+import './get-closest-element-728b9f18.js';
+import './get-closest-element-7b2f7d5b.js';
+import './_commonjsHelpers-c9e3b764.js';
+
+/**
+ * Formats a PlainDate Temporal polyfill object. Once browser support for Temporal
+ * lands, this can be removed, as the `Intl` formatters should handle Temporal
+ * entities natively at that point.
+ *
+ * @param formatter The formatter to use - should be derived from from our intl utilities
+ * @param date The date to format
+ * @returns a formatted date string
+ */
+function formatPlainDate(formatter, date) {
+    const formatDate = new Date();
+    // These setters interpret the input as if they came from the current browser
+    // timezone, so they will not result in day shifts on format to timezones which
+    // would happen if we passed the values in via the Date constructor, where
+    // they are interpreted as UTC
+    formatDate.setFullYear(date.year);
+    formatDate.setMonth(date.month - 1);
+    formatDate.setDate(date.day);
+    formatDate.setHours(12);
+    formatDate.setMinutes(0);
+    formatDate.setSeconds(0);
+    formatDate.setMilliseconds(0);
+    return formatter.format(formatDate);
+}
+
+const guxDayCss = ":host{display:inline-block;inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-input-height);outline:none;border:none;border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}:host(:hover){background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor)}:host(:focus-within){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-ui-calendarMenu-month-focusBorderRadius)}:host([aria-current=true]){color:var(--gse-ui-calendarMenu-date-selected-foregroundColor);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor)}:host(:disabled),:host(.gux-muted){opacity:var(--gse-ui-calendarMenu-disabled-opacity)}button{padding:0;margin:0;color:inherit;background:none;border:none;inline-size:100%;block-size:100%;font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-defaultText-fontSize);font-style:normal;font-weight:var(--gse-ui-calendarMenu-date-defaultText-fontWeight);line-height:32px;vertical-align:middle;text-align:center;cursor:pointer}button:focus{outline:none}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}";
+const GuxDayBetaStyle0 = guxDayCss;
+
+const GuxDay = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.day = undefined;
+        this.disabled = undefined;
+        this.date = undefined;
+    }
+    /* Watcher to sync the internal date with the day attribute on changes */
+    onDayPropChange() {
+        this.readDateFromProp();
+    }
+    /**
+     * Syncs the internal rich `date` from the string `day` prop. Needs
+     * to run when connected to the DOM, and when the prop changes.
+     */
+    readDateFromProp() {
+        this.date = index_umd.exports.Temporal.PlainDate.from(this.day);
+    }
+    async connectedCallback() {
+        this.readDateFromProp();
+        const locale = getDesiredLocale(this.root);
+        this.readerFormatter = dateTimeFormat(locale, {
+            year: 'numeric',
+            month: 'long',
+            day: 'numeric'
+        });
+    }
+    render() {
+        return (h("button", { key: '4282bb9b77fc4238e0748cc142f4e422ab29be41', type: "button", disabled: this.disabled }, h("slot", { key: '54b746f12a4a7d95468f983e6cb5bbeba0733061' }, h("span", { key: '712abfbeb57c6b477f46ad8999d0931ab12017b8', "aria-hidden": "true" }, this.date.day), h("span", { key: 'be8a82a9454f700a5b2966db75395e1d7b6ad789', class: "gux-sr-only" }, formatPlainDate(this.readerFormatter, this.date)))));
+    }
+    static get delegatesFocus() { return true; }
+    get root() { return getElement(this); }
+    static get watchers() { return {
+        "day": ["onDayPropChange"]
+    }; }
+};
+GuxDay.style = GuxDayBetaStyle0;
+
+export { GuxDay as gux_day_beta };

package/dist/esm/gux-disclosure-button-legacy.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-9b1fea1f.js';
-import { b as buildI18nForComponent } from './index-99f8b2e2.js';
+import { t as trackComponent } from './usage-66b031b6.js';
+import { b as buildI18nForComponent } from './index-0faa8b4b.js';
 import './get-closest-element-728b9f18.js';
 
 const defaultLabel = "Disclosure button";
@@ -46,10 +46,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: '0724050983915337bef8243c9c064ab8319d492e', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '5a19b488e67dcae1476ed708f21fc13614b0dba9', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: '94643b603d8d2557a5ff17f7b06fe5de1aea5b63', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '48336c3e7fee813a1c2dfdac8a0051d0146bafa6', id: this.panelId, class: {
+        return (h("div", { key: 'bef8cddef519a2cb8ec12c152afade245c76c714', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'e48597f1285fb2f53868912d0d1d04220688aff0', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: '505d17fcb664df950b98817214455c8e0960c737', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '03fac25eea867bf43f87a06bb2098abee7f8c7ee', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: 'f045c9bdf38195510c720c52592e190cddac0242', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '7372dbc3ec23058ae0d27b46044a404053095906', name: "panel-content" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-dismiss-button.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-9b1fea1f.js';
-import { b as buildI18nForComponent } from './index-99f8b2e2.js';
+import { t as trackComponent } from './usage-66b031b6.js';
+import { b as buildI18nForComponent } from './index-0faa8b4b.js';
 import './get-closest-element-728b9f18.js';
 
 const dismiss = "Dismiss";
@@ -22,10 +22,10 @@ const GuxDismissButton = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: '1c0ce1c07eafb349ebd9925f5203137b25b62578', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: 'efe5ae1b6c0250e4bad7130e431b5a92814f6bd3', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: '272a80ad0a6e07d4891aaf8fb2ed0f8978808b4d', type: "button", title: this.i18n('dismiss') }, h("div", { key: '85283d90b727f3e6ef41feb67bbe29c2445c62c5', class: "gux-icon-container" }, h("gux-icon", { key: 'f149a50e90db2e764bbccd8236ec65366804b334', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: 'f83bc1ba475a57223afeab9d92d75ffc3cb13870', type: "button", title: this.i18n('dismiss') }, h("div", { key: '2f011eb4ee09def0c15859b4ca22c341abc361b3', class: "gux-icon-container" }, h("gux-icon", { key: '3765fa6ea27c572633c5cbccc610027c4089f762', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-dropdown-multi-tag.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
-import { b as buildI18nForComponent } from './index-99f8b2e2.js';
+import { b as buildI18nForComponent } from './index-0faa8b4b.js';
 import './get-closest-element-728b9f18.js';
 
 const clearSelection = "Clear {numberSelected} selected items";
@@ -41,7 +41,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'b20feb6b46d6ab8e29609173bc08673214a24bee', class: {
+        return (h("div", { key: 'a8269209ad4d42f5c60d8f9a10b754dea421536f', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

package/dist/esm/gux-dropdown-multi.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-21889d5d.js';
 import { O as OnClickOutside } from './on-click-outside-ae4fe543.js';
-import { b as buildI18nForComponent } from './index-99f8b2e2.js';
+import { b as buildI18nForComponent } from './index-0faa8b4b.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import { o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
-import { t as trackComponent } from './usage-9b1fea1f.js';
+import { t as trackComponent } from './usage-66b031b6.js';
 import { c as convertValueToArray, s as setInitialActiveOption, g as getSearchOption, a as getOptionDefaultSlot } from './gux-listbox.service-1b2f1a6e.js';
 import { O as OnMutation } from './on-mutation-bf72b518.js';
 import './get-closest-element-728b9f18.js';
@@ -411,7 +411,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            h("div", { key: '938c8a5253936b73d57e4c3ebf6509485ed7c775', class: "gux-dropdown-container" }, h("gux-popup", { key: '770f4fc2bc9a62ae940889dd2e0689eb37a30b0f', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '9cfe34b91370f3444eb1463ba30a932996b2715a', class: "gux-dropdown-container" }, h("gux-popup", { key: '3a4263eaa05d2909904e93f10d60b0fbf215f850', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get delegatesFocus() { return true; }

package/dist/esm/gux-dropdown-option.entry.js

@@ -64,7 +64,7 @@ const GuxDropdownOption = class {
         };
     }
     __stencil_render() {
-        return (h("div", { key: '6a8caea2d867b14044e93879ec2789a6d38e38ff', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: '459b214df1450f1727871767af8cb12dfbcb6afa', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

package/dist/esm/gux-dropdown_3.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement, H as Host } from './index-21889d5d.js';
 import { O as OnClickOutside } from './on-click-outside-ae4fe543.js';
-import { b as buildI18nForComponent } from './index-99f8b2e2.js';
+import { b as buildI18nForComponent } from './index-0faa8b4b.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { o as onInputDisabledStateChange, c as calculateInputDisabledState } from './on-input-disabled-state-change-27395154.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-9b1fea1f.js';
+import { t as trackComponent } from './usage-66b031b6.js';
 import { O as OnMutation } from './on-mutation-bf72b518.js';
 import { s as setInitialActiveOption, n as getListOptions, g as getSearchOption, a as getOptionDefaultSlot, b as clearActiveOptions, h as hasActiveOption, d as setLastOptionActive, e as setFirstOptionActive, f as hasPreviousOption, i as setPreviousOptionActive, j as hasNextOption, k as setNextOptionActive, l as actOnActiveOption, m as goToOption, c as convertValueToArray, p as matchOption, o as onClickedOption } from './gux-listbox.service-1b2f1a6e.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
@@ -362,7 +362,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'ad0ad9c7170ebf2d0476ab4c70ed76cfc430609d', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '07ede31225e8012a77bf595a3069962c9a872434', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }
@@ -587,13 +587,13 @@ const GuxOption = class {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: 'd88956b5636fcc1bd323b6594710704d12eea8af', role: "option", class: {
+        return (h(Host, { key: 'c401d73bd254a5684e0019fb0e9dc355ca222296', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'f8d3cdfe0fceab214cff38ec6d7cc55377aa01db', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'eb029c4c3acced018e21390a25add637368e0eb2', ref: el => (this.truncateElement = el) }, h("slot", { key: 'f1862dc525747e03427a017ab69e293aa5f7982d' })), h("slot", { key: '5934c332ae3d1bdcdc60785b0cc098fc3996cad4', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '4b8de042eb6e7f85c7eadb6e87cf322a6042640a', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'd56b70be9a1bf284bb09ee828e9e5e0d90f9ca16', ref: el => (this.truncateElement = el) }, h("slot", { key: 'efb31d3b8e11a90ca595834d080a7470fb1af8ec' })), h("slot", { key: 'f80cf7db687bd2d62388b8a552b1bcaa967cf983', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-file-list-item.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
-import { b as buildI18nForComponent } from './index-99f8b2e2.js';
-import { t as trackComponent } from './usage-9b1fea1f.js';
+import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { t as trackComponent } from './usage-66b031b6.js';
 import './get-closest-element-728b9f18.js';
 
 const removeFile = "Remove {filename} file";
@@ -31,11 +31,11 @@ const GuxFileListItem = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '32750112acc6a02b04ea5c0caf00c3a519f0315d', class: {
+        return (h("div", { key: '0e10e2310ec0e64c0477668676f608edf55a361b', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'd39565238f275c009daa29c42bcf01e1d3e18a2b', class: "gux-info" }, h("gux-truncate", { key: '7fbce9dfeb303ba05edcddd9869c75d52fa9ac5b' }, h("span", { key: '5e7f18d0efd6a33696a515f299714e7d55bf0530', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: '060c0296ecd715e61aef60a52187475f325b0456', class: "gux-info" }, h("gux-truncate", { key: '749f8f0e7898135c48209c7e8ad1230b4fdf906c' }, h("span", { key: '2837a77acb207ba6028e89f11c5febf60cf73acb', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {

package/dist/esm/gux-flag-icon-beta.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-9b1fea1f.js';
-import { b as buildI18nForComponent } from './index-99f8b2e2.js';
+import { t as trackComponent } from './usage-66b031b6.js';
+import { b as buildI18nForComponent } from './index-0faa8b4b.js';
 import './get-closest-element-728b9f18.js';
 
 const AD = "Andorra";
@@ -517,7 +517,7 @@ const GuxFlagIconBeta = class {
     }
     render() {
         var _a;
-        return (h("span", { key: '55607786b8e3057c58ca246b0d85ad1918ac67f9', role: "img", class: 'gux-flag-' + ((_a = this.flag) === null || _a === void 0 ? void 0 : _a.toLowerCase()), style: { backgroundImage: `url(${spritesheetDataUrl})` }, "aria-label": this.getLabel() }));
+        return (h("span", { key: '83abdfad7fc40121981dcee3120e539a5d44a4a5', role: "img", class: 'gux-flag-' + ((_a = this.flag) === null || _a === void 0 ? void 0 : _a.toLowerCase()), style: { backgroundImage: `url(${spritesheetDataUrl})` }, "aria-label": this.getLabel() }));
     }
     getLabel() {
         return (this.screenreaderText ||

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-21889d5d.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-9b1fea1f.js';
+import { t as trackComponent } from './usage-66b031b6.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: 'e0e87dcbc0e81430953a35574fd9f862b07c1101', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'b7b9d8fbe2098856e11018f5ceb93b731805997c', ref: el => (this.targetElement = el) }, h("slot", { key: '57d0d57f5d0eb0d04ae134becf5bffc328b197b7', name: "target" })), h("div", { key: '8276005357e605c2d6cf44bfe06114ffe873dd48', class: {
+        return (h(Host, { key: 'c0a99b249f62a659b82e12a95b3a8d0aafba87de', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '54129363fc206a7b4e0d50cd57fabd02a8456dab', ref: el => (this.targetElement = el) }, h("slot", { key: '3df58d730adcbf46197c2add6020edb107e41320', name: "target" })), h("div", { key: '36eb0e806f69fde8bfe30a6bb7f2e7d4305647c9', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '594abbff53dd689c7b422e8e7259e4d690c06399', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'e8fc80d09735955dba0aacc945165a785b2c749a', class: "gux-arrow-caret" })), h("slot", { key: '70cfea075556e24c7052aeedf08160725cd19a4b', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'c336ce3add65a8972f2c59d5883d65ec69b84ea8', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'fb036aee8bc4baffc34e2e644a4c0096fb44ed9d', class: "gux-arrow-caret" })), h("slot", { key: 'c1c6db91ef749880505d454c26cee5be6649ef17', name: "menu" }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -5,7 +5,7 @@ const GuxForm = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("slot", { key: '8985cb89deebce3d1358851b2816832daab4e646' }));
+        return (h("slot", { key: '56c49bed555146e613a36878aba8247a8c5724fc' }));
     }
 };
 

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

@@ -8,7 +8,7 @@ const GuxFormDescription = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("slot", { key: '590c919181bec614d45a8835a90d417572edc1bb' }));
+        return (h("slot", { key: '856101faf04e13b5c812769e6332eeb073bc92bf' }));
     }
 };
 GuxFormDescription.style = GuxFormDescriptionStyle0;

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

@@ -2,12 +2,12 @@ import { r as registerInstance, f as forceUpdate, h, g as getElement } from './i
 import { O as OnMutation } from './on-mutation-bf72b518.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-99f8b2e2.js';
+import { b as buildI18nForComponent } from './index-0faa8b4b.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { G as GuxFormFieldHelp, a as GuxFormFieldError } from './gux-form-field-error-a340fbff.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-15aeb3b3.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
-import { t as trackComponent } from './usage-9b1fea1f.js';
+import { t as trackComponent } from './usage-66b031b6.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: 'bdff584bfa28838ac5f22ee2fb56eb99b81586fb', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '4f2c5e0564c03e61a3be4b9cb4b8a334664875da' }, (_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: 'cbc565eae0e217a3b3b367be5192f077d5b3958d', position: "above", required: this.required }, h("slot", { key: '6ed37e9f4d9af18cb318c66b6bbd54191977424f', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ddfc3f8d09fc4b2eff492368286a99f179ad7451', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c3e34134c4aae83e750b02976348e8b0e2bf2c55', name: "group-label-info" })), h("slot", { key: 'ee29f1f5648c53dc10de5a5ded9d023b4a89f193', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '779914da2c3068ccc19fb4b17b2ac5d36e3305b7', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'ba8cc3662f98291a26bd1259cb35ab04213eaa77', show: this.hasGroupError }, h("slot", { key: 'cd9eae0f6bc250dd85051b54f12cbb4ef72727e7', name: "group-error" })), h(GuxFormFieldHelp, { key: 'b695f5205b39df95fa7be9d2b9126e7aa52ca419', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'f004236fb164c2854d961b8c40280f85a62719b8', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '2b688ef5b43bf5ae957f8bdfbc8f7eff58011c7e', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '20402cfcc442d3c6173d5ef27094849c41f60a85' }, (_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: '672e11ccc7213a93673e44175f46f435d18f108a', position: "above", required: this.required }, h("slot", { key: '1f4b628852e3f2d403e0ab0eb450a87a224651ec', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1231ada7c7f84d70fc172659cf59fa5c2c99b5b4', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4b891ae4996f3e604c82986208b4dcdff6e80983', name: "group-label-info" })), h("slot", { key: 'ba2729cb4feea24fbf35cae13d5cb1792bb983ac', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'eb0121b5ba00f3ffe084571ca56f6a1011c5bb6b', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'f4a63bae223f931d659194932d0b96d93b41f651', show: this.hasGroupError }, h("slot", { key: '406399ffba0dfc810e699ffd45b4c8e82dde60eb', name: "group-error" })), h(GuxFormFieldHelp, { key: 'c68edce36ca0fd6292862cd161b5182a208ab319', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'db1320fa4ba0c1137585f1825d2824a8c6d264b1', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -4,7 +4,7 @@ import { O as OnMutation } from './on-mutation-bf72b518.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-a340fbff.js';
-import { t as trackComponent } from './usage-9b1fea1f.js';
+import { t as trackComponent } from './usage-66b031b6.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: 'e40400dce6b34387deee6b6244aa527877532230', class: {
+        return (h(Host, { key: 'b50ef075fe3518e381b9e96f2ab4dad6706882d8', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'a0aaca6ebd8de03d38e4d3ab28487d8b98e4c14a', class: "gux-form-field-container" }, h("div", { key: '39ebc72af0115c16b391f178d14c9cf108d048a6', class: "gux-input-label" }, h("div", { key: '5f60fbe50d21b90b39e2110ca3764d0fd495964f', class: "gux-input" }, h("slot", { key: '83549d1dd5cac6cd3e5b1f96197635a7bbde25b0', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'dd82b4c70ed37e156ad8ffb71218aa811296f8d3', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '4a88b290a5de26a75963cc637173a39026ac1177', name: "label" }))), h("div", { key: 'aa8a2a00294a6d7131d7073eb823a1685bf7a4a4', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '0f49ae8b132bc53cd850ec4eb31752e4ed5f754b', show: this.hasError }, h("slot", { key: 'd61465e5408f9ff62397e250259049432ad19e14', name: "error" })), h(GuxFormFieldHelp, { key: '9bca8004303189e323b5288eacaf750feeb7339a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f58224e0319a71ed4b8dd45ec969e5876a728007', name: "help" }))))));
+            } }, h("div", { key: '8b190350ea28db072c104036709f65f86f8ee7f2', class: "gux-form-field-container" }, h("div", { key: 'a5e8941b463e227dbde7cc56f4ce53cdcff397de', class: "gux-input-label" }, h("div", { key: '7054952122bd9bdc8ac574b5bb1a25ca9accbf2c', class: "gux-input" }, h("slot", { key: '9f3b321585f6067d8b4014304b783369e4f2bc98', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'fa2e3fe91a20b865c4f4b87815cd53fff1fc06f2', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '52bc35532eb8f3a2ebc745f459324688a497c178', name: "label" }))), h("div", { key: 'ed5e839d314d483e3e3cdd6e3dfe2f2540125d11', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '1a45479156c57be2c6a131e5fc60651286aea53b', show: this.hasError }, h("slot", { key: '9e2f8f13fdd665d5fdbbc52582c984d7488ce2cf', name: "error" })), h(GuxFormFieldHelp, { key: '799d78bafcdce6c6dc269e296625a338ae41c193', show: !this.hasError && this.hasHelp }, h("slot", { key: 'bd60f8b646e36ac3e1dfd33beee4c45902f6e217', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

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

@@ -7,7 +7,7 @@ import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-a340fbff.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-007ab28f.js';
 import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-9b1fea1f.js';
+import { t as trackComponent } from './usage-66b031b6.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: 'a1254a49bdd604a780ca5b763f02c79688e9992e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '32161cd724db17bef0bf705da6f3c5eb8ac19d10', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ed670d24f28a5e574c0167c0ad5d81c9217e0cce', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7a65e197887a516aaa1211593a1b3fda759a7fd7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6588bd1ea2438f820792a375243ccb018b3f1171', name: "label-info" })), h("div", { key: 'aed16d69981cd73f533b3a18441da39fffa6e342', class: "gux-input-and-error-container" }, h("div", { key: 'c4c39122edd56132e5af7c654bd5537853f4daef', class: {
+        return (h(GuxFormFieldContainer, { key: 'a1abac99f9987c8c9ec8b170c0263a6dc6fb858a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ad5e1415cc2fce44313e4226bae1184d939cb166', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'd99f872271f62a3890992d4bbfbbab067b004dac', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'af675e82fc0cc79c1f91399855ba1a05792f90b6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3d5c5a2fa8fa17c42ddaf8e74505278e9b2811a6', name: "label-info" })), h("div", { key: '8f9c103ce1c08c656c2ede3bdca168769a270aff', class: "gux-input-and-error-container" }, h("div", { key: '4b730244582e6b92e011d5b91fdda4b4edf7909a', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '879870ea86f8dec322abe44459700174a96ace39', class: {
+            } }, h("div", { key: '4e91a98be9dee52f5a5ec3d2ae9bc1bda29d4d45', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '9836fff073443e27d583abe07d2f067a62e9e4b3', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '0ee00f0511f21cf535469dda23f13fd48fdae4cd', show: this.hasError }, h("slot", { key: 'c619397a5468f3b88eb54d0cf29c0339b0c187c4', name: "error" })), h(GuxFormFieldHelp, { key: '61cc149f1b2050615568908e3d6222941eccddf8', show: !this.hasError && this.hasHelp }, h("slot", { key: '80803b18f1530e2ef41f65f98f5a84eac7319c8a', name: "help" })))));
+            } }, h("slot", { key: 'b48f16c281011415b0743156e0b104321d9b785e', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'd0e61d8d14cb5ed23b07e3659ad72ede73fd65a0', show: this.hasError }, h("slot", { key: '717deea7a203590366bccca8bffc9137fdf2a757', name: "error" })), h(GuxFormFieldHelp, { key: '81da66b21ab922e3af1d96d23674ada26ef8e311', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b3859aae1522dfe81c65a72d32d7b6e6d38560a6', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';