genesys-spark-components 4.199.0 → 4.199.1

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

@@ -3,7 +3,7 @@
 var index = require('./index-NcMXRJjU.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var isoDates = require('./iso-dates-B-hZmvim.js');
-var usage = require('./usage-CVv3gqaI.js');
+var usage = require('./usage-C0Jt1SGJ.js');
 var index$1 = require('./index-ZbfXD2eC.js');
 var capitalizeFirstLetter = require('./capitalize-first-letter-mZPrUEI2.js');
 var sparkIntl = require('./spark-intl-DbMn-aKP.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-NcMXRJjU.js');
-var usage = require('./usage-CVv3gqaI.js');
+var usage = require('./usage-C0Jt1SGJ.js');
 
 const guxCardCss = ":host{display:block;inline-size:fit-content}.gux-card{box-sizing:border-box;padding:var(--gse-ui-card-padding);background-color:var(--gse-ui-card-backgroundColor);border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color);border-radius:var(--gse-ui-card-borderRadius)}.gux-card.gux-bordered{border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color)}.gux-card.gux-raised{border:var(--gse-ui-card-raised-border-width) var(--gse-ui-card-raised-border-style) var(--gse-ui-card-raised-border-color);box-shadow:var(--gse-ui-card-raised-boxShadow)}.gux-card.gux-borderless{border:var(--gse-ui-card-borderless-border-width) var(--gse-ui-card-borderless-border-style) var(--gse-ui-card-borderless-border-color)}";
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-NcMXRJjU.js');
-var usage = require('./usage-CVv3gqaI.js');
+var usage = require('./usage-C0Jt1SGJ.js');
 var index$1 = require('./index-ZbfXD2eC.js');
 require('./get-closest-element-CfyZl7i7.js');
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-NcMXRJjU.js');
-var usage = require('./usage-CVv3gqaI.js');
+var usage = require('./usage-C0Jt1SGJ.js');
 var index$1 = require('./index-ZbfXD2eC.js');
 require('./get-closest-element-CfyZl7i7.js');
 

package/dist/cjs/gux-column-manager-item.cjs.entry.js

@@ -25,7 +25,7 @@ var translationResources = {
 	activateReordering: activateReordering
 };
 
-const guxColumnManagerItemCss = ":host([gs-reorder-indicator=above]) .gux-container{border-block-start-color:var(--gse-ui-dataTableItems-editColumn-editColumnItem-drop-borderColor)}:host([gs-reorder-indicator=below]) .gux-container{border-block-end-color:var(--gse-ui-dataTableItems-editColumn-editColumnItem-drop-borderColor)}.gux-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-editColumn-editColumnItem-gap);place-content:stretch flex-start;align-items:center;margin-block-end:-2px;border-block-start:2px solid transparent;border-block-end:2px solid transparent}.gux-container.gux-drop-above{border-block-start-color:var(--gse-ui-dataTableItems-editColumn-editColumnItem-drop-borderColor)}.gux-container.gux-drop-below{border-block-end-color:var(--gse-ui-dataTableItems-editColumn-editColumnItem-drop-borderColor)}.gux-container.gux-dragging{border-block-start-color:transparent;border-block-end-color:transparent;opacity:0.4}.gux-container .gux-reorder{all:unset;display:flex;flex:0 1 auto;align-self:auto;order:0;color:var(--gse-ui-dataTableItems-editColumn-editColumnItem-foregroundColor);cursor:grab;border-radius:4px}.gux-container .gux-reorder:active{pointer-events:none;cursor:grabbing !important}.gux-container .gux-reorder:active gux-icon,.gux-container .gux-reorder:focus-visible gux-icon{color:var(--gse-ui-dataTableItems-editColumn-editColumnItem-active-foregroundColor)}.gux-container .gux-reorder:hover gux-icon{color:var(--gse-ui-dataTableItems-editColumn-editColumnItem-hover-foregroundColor)}.gux-container .gux-reorder:hover,.gux-container .gux-reorder:focus-visible{outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus)}.gux-container .gux-select{position:relative;flex:1 1 auto;align-self:auto;order:1}.gux-container .gux-select gux-text-highlight{position:absolute;inset-block-start:1px;inset-inline-start:calc(var(--gse-ui-icon-small-size) + var(--gse-ui-checkbox-gap));color:transparent;pointer-events:none}.gux-sr-only{}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}";
+const guxColumnManagerItemCss = ":host([gs-reorder-indicator=above]) .gux-container{border-block-start-color:var(--gse-ui-dataTableItems-editColumn-editColumnItem-drop-borderColor)}:host([gs-reorder-indicator=below]) .gux-container{border-block-end-color:var(--gse-ui-dataTableItems-editColumn-editColumnItem-drop-borderColor)}.gux-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-editColumn-editColumnItem-gap);place-content:stretch flex-start;align-items:center;margin-block-end:-2px;border-block-start:2px solid transparent;border-block-end:2px solid transparent}.gux-container.gux-parent-reordering{cursor:pointer}.gux-container.gux-parent-reordering .gux-reorder{cursor:pointer}.gux-container.gux-parent-reordering:hover{border-block-end-color:var(--gse-ui-dataTableItems-editColumn-editColumnItem-drop-borderColor)}.gux-container gux-icon{border-radius:var(--gse-ui-dataTableItems-editColumn-editColumnItem-editColumnIcon-borderRadius)}.gux-container:hover gux-icon{color:var(--gse-ui-dataTableItems-editColumn-editColumnItem-columnItemIcon-hover-foregroundColor);background-color:var(--gse-ui-dataTableItems-editColumn-editColumnItem-columnItemIcon-hover-backgroundColor)}.gux-container.gux-drop-above{border-block-start-color:var(--gse-ui-dataTableItems-editColumn-editColumnItem-drop-borderColor)}.gux-container.gux-drop-below{border-block-end-color:var(--gse-ui-dataTableItems-editColumn-editColumnItem-drop-borderColor)}.gux-container.gux-dragging{cursor:grabbing;border-block-start-color:transparent;border-block-end-color:transparent;opacity:0.4}.gux-container .gux-reorder{all:unset;display:flex;flex:0 1 auto;align-self:auto;order:0;inline-size:var(--gse-ui-dataTableItems-editColumn-editColumnItem-editColumnIcon-width);block-size:var(--gse-ui-dataTableItems-editColumn-editColumnItem-editColumnIcon-height);color:var(--gse-ui-dataTableItems-editColumn-editColumnItem-foregroundColor);cursor:grab;border-radius:var(--gse-ui-dataTableItems-editColumn-editColumnItem-editColumnIcon-borderRadius)}.gux-container .gux-reorder.gux-reordering{color:var(--gse-ui-dataTableItems-editColumn-editColumnItem-columnItemIcon-active-foregroundColor);background-color:var(--gse-ui-dataTableItems-editColumn-editColumnItem-columnItemIcon-active-backgroundColor)}.gux-container .gux-reorder:active{pointer-events:none;cursor:grabbing !important}.gux-container .gux-reorder:active gux-icon,.gux-container .gux-reorder:focus-visible gux-icon{color:var(--gse-ui-dataTableItems-editColumn-editColumnItem-columnItemIcon-active-foregroundColor);background-color:var(--gse-ui-dataTableItems-editColumn-editColumnItem-columnItemIcon-active-backgroundColor)}.gux-container .gux-reorder:hover gux-icon{color:var(--gse-ui-dataTableItems-editColumn-editColumnItem-columnItemIcon-hover-foregroundColor);background-color:var(--gse-ui-dataTableItems-editColumn-editColumnItem-columnItemIcon-hover-backgroundColor)}.gux-container .gux-select{position:relative;flex:1 1 auto;align-self:auto;order:1}.gux-container .gux-select gux-text-highlight{position:absolute;inset-block-start:1px;inset-inline-start:calc(var(--gse-ui-icon-small-size) + var(--gse-ui-checkbox-gap));color:transparent;pointer-events:none}.gux-sr-only{}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}";
 
 const GuxColumnManagerItem = class {
     constructor(hostRef) {
@@ -39,6 +39,7 @@ const GuxColumnManagerItem = class {
         this.pendingReorder = 'none';
         this.isDragging = false;
         this.isReordering = false;
+        this.isParentReordering = false;
     }
     // eslint-disable-next-line @typescript-eslint/require-await
     async guxSetHighlight(highlight = '', highlightActive = false) {
@@ -81,6 +82,14 @@ const GuxColumnManagerItem = class {
     onDragEnd() {
         this.isDragging = false;
     }
+    onmouseenter() {
+        const parentElement = this.root.parentElement;
+        this.isParentReordering =
+            parentElement.classList.contains('gux-reordering');
+    }
+    onMouseleave() {
+        this.isParentReordering = false;
+    }
     onDrop(event) {
         const oldIndex = Number(event.dataTransfer.getData('oldIndex'));
         const dropIndex = guxColumnManager_service.getIndexInParent(this.root);
@@ -121,13 +130,14 @@ const GuxColumnManagerItem = class {
     onMouseUp(event) {
         event.preventDefault();
         const clickedElement = event.target;
-        // Only mouse click reordering if user clicked on reorder icon, not the checkbox or label
-        if (clickedElement.slot === 'input' || clickedElement.slot === 'label') {
+        // Only handle mouse click reordering if user clicked on reorder icon, not the checkbox or label
+        if (clickedElement.tagName === 'GUX-FORM-FIELD-CHECKBOX' ||
+            clickedElement.tagName === 'LABEL' ||
+            clickedElement.tagName === 'INPUT') {
             return;
         }
         if (!this.isDragging) {
             this.isReordering = !this.isReordering;
-            this.pendingReorder = 'below';
             this.internal_mouse_reorder_move.emit(clickedElement);
             document.removeEventListener('mouseup', this.onMouseUp);
         }
@@ -178,14 +188,15 @@ const GuxColumnManagerItem = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: 'd46b492190b43af5a120d148f98514e2eab75909', draggable: "true", onMouseUp: event => this.onMouseUp(event) }, index.h("div", { key: '6b59de6beae70a332742b0f0426966c3cda4e294', class: {
+        return (index.h(index.Host, { key: '5d5cead78083e419c5ef5dd6eaaf1f9f93b22a7d', draggable: "true", onMouseUp: event => this.onMouseUp(event) }, index.h("div", { key: '1eaa69f78e2a8fb97b756ae29cc1e43ad1637955', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
-                'gux-dragging': this.isDragging
-            } }, index.h("button", { key: 'c894e33166ff15775d6ce26f4ae205414eb4cc5b', class: {
+                'gux-dragging': this.isDragging,
+                'gux-parent-reordering': this.isParentReordering
+            } }, index.h("button", { key: '955df1b8ecdf022a78aa1ca5be1c16f63f793190', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onMouseDown: () => this.onMouseDown(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, index.h("gux-icon", { key: '81b0ca381207f40644c3ef44c8adead458a726d8', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), index.h("span", { key: '328659fd3faf9f971a6f3c32b0c1977fbfe55bad', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: '169a850276b43646a9af71ad48ceffd6af0ea888', class: "gux-select" }, index.h("slot", { key: '605d709354d30261ad140522c515728e670b9b2a', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: '095dd4f62778c9ef215edf3ee8d7ac3aec4e1ec0', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onMouseDown: () => this.onMouseDown(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, index.h("gux-icon", { key: '302541e4e6561a0bae6a37aa301453ce19de69fe', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), index.h("span", { key: '7d2945f43e56d227bf3edc385257345e9a80125f', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: '92d1c26eb14034cf8d9b205b5e2e8847d472d78c', class: "gux-select" }, index.h("slot", { key: 'd8a9d897bff581ce232c34ef8e4a74b6cd1d57fd', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: '00313b556d4a8eba0d5ab6492cf97349834cf878', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-NcMXRJjU.js');
 var index$1 = require('./index-ZbfXD2eC.js');
-var usage = require('./usage-CVv3gqaI.js');
+var usage = require('./usage-C0Jt1SGJ.js');
 var guxColumnManager_service = require('./gux-column-manager.service-BdAzD8uK.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./clamp-BlDLYO0F.js');
@@ -142,7 +142,9 @@ const GuxColumnManager = class {
         return (index.h("div", null, index.h("span", { "aria-hidden": "true" }, this.i18n('selectedColumnCount', { count, total })), index.h("span", { class: "gux-sr-only" }, count === total ? (index.h("span", null, ": ", this.i18n('unselectAllColumnsScreenReader', { count, total }))) : (index.h("span", null, ": ", this.i18n('selectAllColumnsScreenReader', { count, total }))))));
     }
     render() {
-        return (index.h("div", { key: '3f8cf9644b0d6d7ae927ba1946b45f2cb4929d0a', class: "gux-container" }, index.h("div", { key: 'e4725cd8ec35d9186606419aa0bb23b63571dfa2', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: 'febfd9ce9c998d24f6874c44acb3749664aae4f5', class: "gux-search" }, index.h("gux-content-search", { key: 'ab08470d0d0b3313501bdf36d361ad07af857252', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: '10257aedafe829f9eaf2216cff7fd0c24cd92d3c', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: 'fda5d1fdd46f785049384a38da77278529b9de23', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: '3bd783295b248418f4901491e42d0ed94f1f9f59' }, index.h("input", { key: 'cf02f0018bc01173535191aa93c3ef56a267b170', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '0ddf91f1bbc5766464a3f8a2092568db51f45541', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '35617683f3a1e63c08eb7517a4a996a3c13d3456', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: 'd7a49ae706f81e1adb6dba687bfb748c33d66b40', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '55b26a081cfe1d6710688df1ec131895e6abca04', ref: el => (this.announceElement = el) })));
+        var _a;
+        const isReordering = ((_a = this.keyboardOrderChange) === null || _a === void 0 ? void 0 : _a.oldIndex) !== null;
+        return (index.h(index.Host, { key: '2f65d1b779a4558eca9bd37b85d46da531f57d64', class: { 'gux-reordering': isReordering } }, index.h("div", { key: '6583f72901ad97faa415f08d4ece744a24cfe729', class: "gux-container" }, index.h("div", { key: '1c8c3ba5721f2dbadc1f2e7057ebb578140b0643', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: 'f48a1bb067166a33eaa9113b98ceab98aeb9fd1b', class: "gux-search" }, index.h("gux-content-search", { key: '9709b2ac88faf9a8dfda06cc4b45fea91dc8620b', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: '2f998beca883c3eb115247d4b2a39dd866376875', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: '11f98380fa72214371749083f957582979958f23', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: 'e0edb734ec544344e7954fdabbffda87abd08a76' }, index.h("input", { key: '35ab8cc8832afa14c02c9239680295eeabedeb80', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: 'd1b1bf2cf1b903f0182c3183dce4c6609dace63b', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '24ab1391b54b4f6e1dc473be036d669e1f5369e5', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: 'd8b143e5dbb74d466f7e8e0a1397d1d02887b1ea', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: 'd20a3c9e64b4e28af1576bf6c0a47b498ebeef2c', ref: el => (this.announceElement = el) }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-NcMXRJjU.js');
-var usage = require('./usage-CVv3gqaI.js');
+var usage = require('./usage-C0Jt1SGJ.js');
 var index$1 = require('./index-ZbfXD2eC.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
@@ -67,10 +67,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (index.h("div", { key: '5b904d01b64d7bcb7c194a9590c5eb63eb8d9bf8', class: {
+        return (index.h("div", { key: '52c6971f2da0ecbc95fba8eb9324737a6c690b36', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: 'fc40b4f3719ac86668fed256e546ab4a77b713ad', class: "gux-search-icon" }, index.h("gux-icon", { key: '9a5ef4a51342d6d6ed1c27baf864f7eb5036adfc', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: '6b07026a7e86dd99e6577b7c227eff8c7857cdb8' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: 'eb6c7ddb2abc13dc0128ac29e51e35d962d2e7b4', class: "gux-search-icon" }, index.h("gux-icon", { key: 'dffb03e4342920424605ba52a99ccd79bbeda6ae', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: '9eb81ac4e434ac61dde816703be9fd47dbede9f9' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-NcMXRJjU.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-CVv3gqaI.js');
+var usage = require('./usage-C0Jt1SGJ.js');
 var index$1 = require('./index-ZbfXD2eC.js');
 var onClickOutside = require('./on-click-outside-8ywyMNsB.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
@@ -146,8 +146,8 @@ const GuxContextMenu = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: 'acfcdcce5a55c4ffaacf0c335daba7cd09b6f79c' }, index.h("gux-popup", { key: 'c93602f43f149290730d27e940f4cb7498835eac', placement: this.placement, expanded: this.isOpen, offset: parsePxValue(uiTokens.dropdown['gap']), "exceed-target-width": true }, index.h("div", { key: '610fb201e3597cdeb40312b134c2e5bbef29e886', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: '12cf07e91bbcdf9c33de1e9fa2689838deffbb75', accent: "ghost" }, index.h("button", { key: '2b6df04450e778944046419b233840185cbdb693', 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 }, index.h("gux-screen-reader-beta", { key: 'de978ddc36cd76e2eb19febc78a177ccc0c7cb2a' }, this.screenreaderText ||
-            this.i18n('contextMenuScreenreaderText')), index.h("gux-icon", { key: '01ae25a413fbc60e3e9614e714b6630585234ab4', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), index.h("div", { key: 'adf6db6a4065a33f00e6d8a55a738194f24be008', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: 'a649c8f29856553b64a708da1f869219f90ffbf6', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'ea23dbea00ef83fe84b3c60d52a5cee052354590' }))))));
+        return (index.h(index.Host, { key: 'e1a0f86ff7f5628342de617743ea4f789d173b05' }, index.h("gux-popup", { key: 'dd2cfd053e6b69108b4ebecfd7db368f7a6c95e8', placement: this.placement, expanded: this.isOpen, offset: parsePxValue(uiTokens.dropdown['gap']), "exceed-target-width": true }, index.h("div", { key: '210acbac25411c5b03c7bb04610fd340b6404878', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: 'c3985e8d204041c4484afb6875dbe8de2f2ccc82', accent: "ghost" }, index.h("button", { key: '53409d9d707eb98848f1ac4e9795dd1055cde0a3', 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 }, index.h("gux-screen-reader-beta", { key: '92a71c4a539e19ceb47ca7c31499ac11fe35599e' }, this.screenreaderText ||
+            this.i18n('contextMenuScreenreaderText')), index.h("gux-icon", { key: '1901ae4b10c88f768810b0410ad248dce50c6377', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), index.h("div", { key: '8bfa4fca39690d6dd42855e2ed1391fe219457c1', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: 'e8c30a20e430a79f59f93d43bb3c6c7f74f5486c', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'cb337637c12171feb30720168fcc22abb7592a06' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-NcMXRJjU.js');
-var usage = require('./usage-CVv3gqaI.js');
+var usage = require('./usage-C0Jt1SGJ.js');
 var index$1 = require('./index-ZbfXD2eC.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 require('./get-closest-element-CfyZl7i7.js');
@@ -64,7 +64,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: 'dc4b4fb114f297d9335b440f0a5036e510ff2907', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent.getSlotTextContent(this.root, 'content') }, index.h("div", { key: '156eb5ad95b8ea0498c3879f8207c39052ad7ee0', class: "gux-copy-content" }, index.h("slot", { key: '2974fd7b3e36230fcc5cd742186245d80ffc12ba', name: "content" }), index.h("gux-icon", { key: '378811d48803292dcfb919ca63486f156da820dc', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (index.h("button", { key: '08da9bc4513059d90d97e73fcc327bdf6ac469d8', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent.getSlotTextContent(this.root, 'content') }, index.h("div", { key: 'd05708c37a89cb495ce0626e3bf4c3fdef22d744', class: "gux-copy-content" }, index.h("slot", { key: '040c1ab39fd7cb4d070319291af0147fcbe1a361', name: "content" }), index.h("gux-icon", { key: '0741dfb08eebe1917fd1f97ca9e78cc276bb8dfb', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -46,11 +46,11 @@ const GuxCreateOption = class {
         return (index.h("gux-screen-reader-beta", null, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (index.h(index.Host, { key: '00c3883ebb4be184f4976e67eea6eb90ff137be5', role: "option", "aria-selected": false, class: {
+        return (index.h(index.Host, { key: '8a0ea0c472137a854604c8315f3c62898fac6161', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, index.h("div", { key: '81644d3707458da3491fcf2b760d8556c773750a', class: "gux-option" }, index.h("gux-icon", { key: 'd1d0b2092a9f229b50a124408e5f40629179dbbd', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), index.h("div", { key: '9bf974c928f1c6b1319ed15e6e606c0be1b2abdc', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, index.h("div", { key: '51f7a6b6b8cf06a11acdaafe75658850886bae60', class: "gux-option" }, index.h("gux-icon", { key: 'ee366fe4883aed2ab2e06e7e9665da80b421c2e3', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), index.h("div", { key: '00bc6e8d0bf64178307f5eb3e93ce96e4df6fb06', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-NcMXRJjU.js');
-var usage = require('./usage-CVv3gqaI.js');
+var usage = require('./usage-C0Jt1SGJ.js');
 var getValidTimezone = require('./get-valid-timezone-CS0K7GsH.js');
 var sparkIntl = require('./spark-intl-DbMn-aKP.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-NcMXRJjU.js');
-var usage = require('./usage-CVv3gqaI.js');
+var usage = require('./usage-C0Jt1SGJ.js');
 var getValidTimezone = require('./get-valid-timezone-CS0K7GsH.js');
 var sparkIntl = require('./spark-intl-DbMn-aKP.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');

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

@@ -6,7 +6,7 @@ var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var isoDates = require('./iso-dates-B-hZmvim.js');
 var onClickOutside = require('./on-click-outside-8ywyMNsB.js');
-var usage = require('./usage-CVv3gqaI.js');
+var usage = require('./usage-C0Jt1SGJ.js');
 var index$1 = require('./index-ZbfXD2eC.js');
 var sparkIntl = require('./spark-intl-DbMn-aKP.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');
@@ -704,7 +704,7 @@ const GuxDatepicker = class {
             } }, index.h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), index.h("div", { class: "gux-datepicker-field-input" }, index.h("div", { class: "gux-datepicker-field-text-input" }, index.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 (index.h("div", { key: '09e2bc237900d4e16b24af47371bafd0775bbcc9', class: {
+        return (index.h("div", { key: '753515db40b45f4e573cc7b09d094d2eaf7c8a95', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-NcMXRJjU.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-CVv3gqaI.js');
+var usage = require('./usage-C0Jt1SGJ.js');
 var index$1 = require('./index-ZbfXD2eC.js');
 require('./get-closest-element-CfyZl7i7.js');
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-NcMXRJjU.js');
-var usage = require('./usage-CVv3gqaI.js');
+var usage = require('./usage-C0Jt1SGJ.js');
 var index$1 = require('./index-ZbfXD2eC.js');
 require('./get-closest-element-CfyZl7i7.js');
 

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

@@ -48,7 +48,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '0b79d5a7b47eb6227605b18fcf0b45399ddd3c36', class: {
+        return (index.h("div", { key: '2f9fddc813ba4ab7d367992ffedafc4b2f6af876', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

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

@@ -6,7 +6,7 @@ var index$1 = require('./index-ZbfXD2eC.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var usage = require('./usage-CVv3gqaI.js');
+var usage = require('./usage-C0Jt1SGJ.js');
 var guxListbox_service = require('./gux-listbox.service--Kw0a8sM.js');
 var onMutation = require('./on-mutation-BohhBDYB.js');
 require('./get-closest-element-CfyZl7i7.js');
@@ -437,7 +437,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            index.h("div", { key: '31656f799ca75d11e47d975e23e09db9376d5049', class: "gux-dropdown-container" }, index.h("gux-popup", { key: '5b47b02dd50e621798a141416045ff51a46ac947', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            index.h("div", { key: 'a3c7dfc5a088943e84e447052f7cba5b75d7bca3', class: "gux-dropdown-container" }, index.h("gux-popup", { key: '96de09c27ef9ddfac544bcb1823a41d2b1fc619e', 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/cjs/gux-dropdown_3.cjs.entry.js

@@ -6,7 +6,7 @@ var index$1 = require('./index-ZbfXD2eC.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-CVv3gqaI.js');
+var usage = require('./usage-C0Jt1SGJ.js');
 var onMutation = require('./on-mutation-BohhBDYB.js');
 var guxListbox_service = require('./gux-listbox.service--Kw0a8sM.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-NcMXRJjU.js');
 var index$1 = require('./index-ZbfXD2eC.js');
-var usage = require('./usage-CVv3gqaI.js');
+var usage = require('./usage-C0Jt1SGJ.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const removeFile = "Remove {filename} file";
@@ -29,11 +29,11 @@ const GuxFileListItem = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: '7b4586249fb2b75a920744514d7431fa3cc0a815', class: {
+        return (index.h("div", { key: '00990d1ebf3b321209e6c62f45f15cf486485ba2', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '5cea930f837fd6a900c811c27fafe955a8532cc7', class: "gux-info" }, index.h("gux-truncate", { key: '93bfd717b2a5e39f01eb3f8a8ba36f9fa458b072' }, index.h("span", { key: 'c39f2eb0bf67c1a93946a3ec5b7f9288d40c001a', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, index.h("div", { key: '8089b456376230aacb9ebe4009d1cd0a659d9cf4', class: "gux-info" }, index.h("gux-truncate", { key: 'dbfc05cb6c2741c22d087c239f03ab79ee41f473' }, index.h("span", { key: 'c7c59a3f0c8c9911c72bfc883bdb673c07687606', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-NcMXRJjU.js');
-var usage = require('./usage-CVv3gqaI.js');
+var usage = require('./usage-C0Jt1SGJ.js');
 var index$1 = require('./index-ZbfXD2eC.js');
 require('./get-closest-element-CfyZl7i7.js');
 

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

@@ -3,7 +3,7 @@
 var index = require('./index-NcMXRJjU.js');
 var floatingUi_dom = require('./floating-ui.dom-BRbjfoUo.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-CVv3gqaI.js');
+var usage = require('./usage-C0Jt1SGJ.js');
 var guxMenu_common = require('./gux-menu.common-B8_9UAPe.js');
 var index$1 = require('./index-ZbfXD2eC.js');
 require('./get-closest-element-CfyZl7i7.js');
@@ -190,10 +190,10 @@ const GuxFlyoutMenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '50c5feac34a065e8308ab8ffd4c3576466f12e07', tabIndex: 0, "aria-haspopup": "true" }, index.h("gux-announce-beta", { key: '53906aba810762b75d31e26bcb388f67e918e472', ref: el => (this.announceElement = el) }), index.h("span", { key: 'f90591e2cb74cee3e5d0ecd3af8f6745b1e26127', ref: el => (this.targetElement = el) }, index.h("slot", { key: '32ab82b5fe229deeaeec086627f525a7590e2d87', name: "target" })), index.h("div", { key: 'b3e216e5773d287add993669b3865133f6ddedc0', class: {
+        return (index.h(index.Host, { key: 'd3b502f251376ed98562a513c4a91d20f4bbcff3', tabIndex: 0, "aria-haspopup": "true" }, index.h("gux-announce-beta", { key: '884ea314fb50cf835f4197f25915919058cf43c9', ref: el => (this.announceElement = el) }), index.h("span", { key: 'e3c698df869b2f4a7507f56ed5d8a170bd7cc794', ref: el => (this.targetElement = el) }, index.h("slot", { key: 'f823a69e0115c9a3dde93d78980581ff09311480', name: "target" })), index.h("div", { key: '25cd38a1fd9579145c77c889f6e8cced0a46a0c0', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: '60e2c5bc206607a04248744b555b99e27ba66835', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '4b75d38702616a4b65d03e6f64289f37ebbcbd60', class: "gux-arrow-caret" })), index.h("slot", { key: 'fce6f3a9dc46ba0d2c34fc9cad1223d1ba45ae61', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: 'c99a3da87b6d48a55a71cd743074b52fcfb3d97e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '0f812f5a7f139561bee2f7715fc79aa15923ed14', class: "gux-arrow-caret" })), index.h("slot", { key: 'ce19c680e0fe591d3d7639fd50470d4682fa267c', name: "menu" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -9,7 +9,7 @@ var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var guxFormFieldError = require('./gux-form-field-error-D9-q2kVI.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-Cuz9fIqA.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
-var usage = require('./usage-CVv3gqaI.js');
+var usage = require('./usage-C0Jt1SGJ.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 function setAllCheckboxInputs(root, checked) {
@@ -194,8 +194,8 @@ const GuxFormFieldCheckboxGroupBeta = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '92a844e6b459fb565b325714f3d5f6ed23732482', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '89cefa37c45059fbdce83afae13e983fbf05245e' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'b0240912912abacb44a18efc4c1e8641938f7e00', position: "above", required: this.required }, index.h("slot", { key: '317093d695fe364541b04415cf5aed1ade800dca', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '61bfcb1509c7d1ffe63ae960adc142095f9ea962', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '1510300f79f8b03f35ab737866f3b1335ac57957', name: "group-label-info" })), index.h("slot", { key: '0694c5420af5762b9727b7db75c1ab72777cd743', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: 'a6d6d49ca5844ef86aa1ab7e2ebf2478f6c03464', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '2ee5482888822666d0451cddc3f604a78d32420c', show: this.hasGroupError }, index.h("slot", { key: 'da96d3430ad950ce1eba527973617e2b12eff57d', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'fb3264c8f5dba8e4acd2dbd47271bdf7e166f86c', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '0b5fcd43da00bcc2883f1e651271bed69f3d4fb6', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '9ef89b47c90168ee012be4bbb8dacfd7732e229e', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '34f65b8c8f1cdc4b52b37f59db46baae2c412f4f' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '3414234f6225cfd77b3c8b6046cf8c7014409cab', position: "above", required: this.required }, index.h("slot", { key: '0ab8c8a8cb183df2161768601429bf706a8355ab', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '9d074b28860c6250ba35a1df0d5a4f2cbe9673c2', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '02cfbeb4acaf746b626af70ed1056604620578ed', name: "group-label-info" })), index.h("slot", { key: '8f403408a080e0716ae357cc4b26b669b5fc7fce', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: '6a95327977757a855aede87d5ba3af76bd9fb955', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '7f536cab854c95179b06523226d83f3f31d1e3ee', show: this.hasGroupError }, index.h("slot", { key: 'b9b685c48b351fc04ace61704bac3eb0503de957', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '33002142c44e57e237077d3e2b4e31bb4ee8145e', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '2717c87f3dc03abe96ab8cb20241b2dfddb62536', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -6,7 +6,7 @@ var onMutation = require('./on-mutation-BohhBDYB.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-D9-q2kVI.js');
-var usage = require('./usage-CVv3gqaI.js');
+var usage = require('./usage-C0Jt1SGJ.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -49,10 +49,10 @@ const GuxFormFieldCheckbox = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'f3ee03f85fd8b0c0cc6c6dea848b7ec784899f3f', class: {
+        return (index.h(index.Host, { key: '9a67611178b4fbab4de144aa1bdc1a72925ce901', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: 'f7e315c092c47f89ec0608f7cc0b1f545bf03018', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '12c0119369f66090ac050085dc1b996827285ed0', class: "gux-input-label" }, index.h("div", { key: '0ab3f6b8cffae4fa54506215fcc92e787099153c', class: "gux-input" }, index.h("slot", { key: '3e682dd24124254a6c2c017b3054d2b9901ee47b', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'd3915ba819ba13879a2389eaeedeb823e0d5c9c4', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: 'a271dab20e31017654e81f53b4439c0521d69557', name: "label" }))), index.h("div", { key: 'b62854e3667a9ccc4937b1028ae72241557b7002', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '4d7211f0a9d54b7e7c070926a59518f8afd63616', show: this.hasError }, index.h("slot", { key: 'cc7eaceef271abba3d6d0caef3eede476ae21570', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e185bd75c1fca4cced04b3db74188727440b21e4', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '01a2219d9114c2a0d87d5dd9a475999117d699e5', name: "help" }))))));
+            } }, index.h("div", { key: 'e28cf023c99ed25ade7cf91cf611742b4010e327', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '96b73aadb08d2e30fc607238ebcac504fa272e59', class: "gux-input-label" }, index.h("div", { key: '0f651ffbfe26e03ff75c29ec1b12f9f34c54dc15', class: "gux-input" }, index.h("slot", { key: '852b28057e2de1f7f3143f43c399e80819848a8d', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '7f2955e54e31d1ca5f6e293f30b239a60600c06b', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: '878cbab4ced7c03cd8fcc5de5d3118d454e12890', name: "label" }))), index.h("div", { key: '6dbacbf57dbdd0effd2e432027bbab37a5da233f', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '1270122ffe746ffa8c391bf33247d392d660fa58', show: this.hasError }, index.h("slot", { key: 'd9bbfa0e6796cfbc007f36168e74020048ff3623', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '9baab5c9ad95605d3f93edd9796867e92e86eb3d', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '6a62b0006e15934e14097ea01e86026081087190', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

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

@@ -9,7 +9,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-D9-q2kVI.js');
 var guxFormFieldContainer = require('./gux-form-field-container-B9WV4rf8.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-CVv3gqaI.js');
+var usage = require('./usage-C0Jt1SGJ.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
@@ -90,13 +90,13 @@ const GuxFormFieldColor = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '7ae46b24ae3151ab80b14bea6c449b94f9f3d0af', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '2621b92ad1a11a36e23b6b8b752c3f3e9db64733', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '97100d4c6a6e22d0c1fb0dc13ab18e8885810f50', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '11cf8407ed1c1a2b7891da4f36affb4da45e30e8', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '79c7005dfa407e9951085b78eb9e38d638a80c2e', name: "label-info" })), index.h("div", { key: '9f268ec512da2faf2cc21303d6971d4bc84582f6', class: "gux-input-and-error-container" }, index.h("div", { key: '54e1400eec5b010eda2c5a1793caf45b87b17584', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '219f4a0718ad7ed67ac89a3350073c16f04f766a', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '70de9cc31cdc03faef8d81f206e78ae063e43c11', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '4d7498b7ccd9f49868e2bf53d80cd9d1b497ecad', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '2f9f04abceed2f9e91a7bbe1346047ac1aba656e', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '5a64d3c90fecfbdd18074c20b9885e04481575cc', name: "label-info" })), index.h("div", { key: '1aec60e34affb0f9ea19593837f2c3ecb2ea2949', class: "gux-input-and-error-container" }, index.h("div", { key: '7dec62b0d5140f5f8853b4a4abd6f110effb4663', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'c9536bf3c1d2b013a99fbe926ffaa23e105c658e', class: {
+            } }, index.h("div", { key: '490065f61f0cc51fc90642fdee24716b1dcfac95', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '1f27963e69948292c5e81992723533a6ea39f77f', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '1abdb89e7442e3d0fcf16db6c7ef6e92de6987e0', show: this.hasError }, index.h("slot", { key: '7faa5a9c50cebe60440e2287e41f4a968407d3a2', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '6cc55324a81e01db245e369235a22d3f33760a50', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f6a356d08459075bd1735ec4318d48e13906ff72', name: "help" })))));
+            } }, index.h("slot", { key: '766dc8fff8596545a4988bca32bea33ba4a6bcb5', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'f8fd59d01f3663807a434f67a0d013d33132bdcc', show: this.hasError }, index.h("slot", { key: '712b3728ff4fb0ae385ae49a2e3f52c02fdcd136', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a8354fd6c4ab5cd377f3fe5f362f32712f829d0f', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '8f5f5663bd83e0e33765b178981ed6bf0a2b0eda', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -9,7 +9,7 @@ var guxFormFieldError = require('./gux-form-field-error-D9-q2kVI.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-Cuz9fIqA.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-CVv3gqaI.js');
+var usage = require('./usage-C0Jt1SGJ.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -110,11 +110,11 @@ const GuxFormFieldDropdown = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'bd5a9b56b2b463bbcd47b0d848e8fcaec15d7bae', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'c42d702abbe91566650575edca6aee30956f8ec3' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '30451157ece2c841eb63ff1ec17c45e12dda2ae2', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '62d3807d6eaec6817a691edc9efa52c961954392', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'a967b1d2f7558f052efd7b5058edd94e43b636a6', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '7ac30a844a6073be2ad2ded6b0393d262c2894f6', name: "label-info" })), index.h("div", { key: 'b2683a7e75d91508871a997d40a1f6165417a505', class: "gux-input-and-error-container" }, index.h("div", { key: '1e32cd4a36b3d78dc8ade9b277730c6c426de3cc', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'ec646997b4f8d98e72fd85fc1d733ad3ff86eb50', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '8a134b39c68bda760923a6f4e4b12e7b071cf935' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '1e1f058b1104a30a4ea06c3b77cb32206f2179b1', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '314afc1d4ab62e41398c05390a92a8910b736036', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'b793439b45a6a2343b06c93586c5d3281ba111bc', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '3a116c63e13c06e9521ae129ea5e3d5b0f1838ad', name: "label-info" })), index.h("div", { key: '023609836f4ae6c8561de81cf2b75e65aaf08e14', class: "gux-input-and-error-container" }, index.h("div", { key: '264577a04ad1ae9a60972c7bb08b4e4cb4136bd7', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("slot", { key: '8c98c697edcd4eed3cace93a085c4b539dd486c5' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '05c226f6cb719b8d9101114dfa46608d827d600f', show: this.hasError }, index.h("slot", { key: 'd0cf4cce0b8f158ee334552bcca07746d01de98e', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a8f8a6efbe78e5bf88416cab4f2fdcd5287851b4', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'b857156a70d1cec9207efbff4fda1a44e262ce56', name: "help" })))));
+            } }, index.h("slot", { key: '4fca7d269966a355fc2fd8751b06e5e40bbfa7d2' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '81a77841c23ea807b4b4080be72e3e33036b874e', show: this.hasError }, index.h("slot", { key: 'bfe215d97a4ebb10c36d1c88e3ec6b0a395483e5', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '3398463f4ebf6d648af038e4359fa5593ae1964d', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '77c22b9f1015c351f9bd1ec8bb7b515b91383738', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -4,7 +4,7 @@ var index = require('./index-NcMXRJjU.js');
 var index$1 = require('./index-ZbfXD2eC.js');
 var onMutation = require('./on-mutation-BohhBDYB.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var usage = require('./usage-CVv3gqaI.js');
+var usage = require('./usage-C0Jt1SGJ.js');
 var guxFormFieldError = require('./gux-form-field-error-D9-q2kVI.js');
 var guxFormFieldContainer = require('./gux-form-field-container-B9WV4rf8.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
@@ -113,7 +113,7 @@ const GuxFormFieldFileBeta = class {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '9e9bbaec5bbd3c926e973305ec996df8adf1d9b1', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '074a8887189ea9303211036f73f2d3695eda49b3', position: "above", required: this.required }, index.h("slot", { key: '88e8c37a8e03e160dde9dc543faf34fecae6d4f0', name: "label" }), index.h("gux-form-field-label-indicator", { key: 'b9b0af8ea039d0511eb0e7bfa51a044d50c094fa', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'bd40cd0bf61b433329f9b672c6d61e635fcab493', name: "label-info" })), index.h("div", { key: 'b408fc16579d909a809de5757c81b714a5e440b6', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: '789502c9e47879284a9928727a098666a3172206', show: this.hasHelp }, index.h("slot", { key: 'bffe0ae64f217682edf3e01bdfe1a6c0545805d5', name: "help" })), this.renderInputSlot(), index.h(guxFormFieldError.GuxFormFieldError, { key: '49a5992a62e699cd1a998fe7c07689bdc4ab4940', show: this.hasError }, index.h("slot", { key: 'cc68b2d9bdb53022dd8e4d3250b635cbe155aa34', name: "error" })), this.renderFileList())));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '0436c9af8c166d2eb58f513179c746964f5b20d7', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'e3e86c8aba35a07427731c7bc8dd1142c2cd1f3d', position: "above", required: this.required }, index.h("slot", { key: '79b4ae008d058d117dfe8bf77465c3646ef5a1c8', name: "label" }), index.h("gux-form-field-label-indicator", { key: 'd303918feff2a3c42a01350898765e2189b634fe', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '9a7b1ab0b500de60d2c331c8eb8451a8f0b661e1', name: "label-info" })), index.h("div", { key: '46862e36e14d6d8b2f2c734bdf4923187f4a6f06', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f0bb5e0e3bb4af2c7d72405df9412a478ecb5559', show: this.hasHelp }, index.h("slot", { key: '11fc5aaa68b0b94cdd642db2c00749a8c2e7ee9d', name: "help" })), this.renderInputSlot(), index.h(guxFormFieldError.GuxFormFieldError, { key: 'a324982a5daf4bfe9d4b62d6cb4b77bc6d504f92', show: this.hasError }, index.h("slot", { key: '171e7ccc498134dc1514618201c24aaf83dabf62', name: "error" })), this.renderFileList())));
     }
     setInput() {
         this.input = guxFormField_service.getSlottedInput(this.root, 'input[type="file"][slot="input"]');

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

@@ -3,7 +3,7 @@
 var index = require('./index-NcMXRJjU.js');
 var onMutation = require('./on-mutation-BohhBDYB.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var usage = require('./usage-CVv3gqaI.js');
+var usage = require('./usage-C0Jt1SGJ.js');
 var guxFormFieldError = require('./gux-form-field-error-D9-q2kVI.js');
 var guxFormFieldContainer = require('./gux-form-field-container-B9WV4rf8.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
@@ -108,7 +108,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '800706efb32a5fc069785e68b17af6ce353cc2e9', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '061505ad88782106a3cd218fbcfd65462d61178a', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'd2e8a671d2b4758311179c996d967bec81d04e5d', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '8cd22242c1a53d632c461dcc93ea77a31d2b6e9c', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'e4ecdf92ed980fc8dd74f3812e4ea32e148e4542', name: "label-info" })), index.h("div", { key: 'f0bd99e4bf8c7d1d0d64f0f8bb1b00a9df8108fa', class: "gux-input-and-error-container" }, index.h("slot", { key: '151f007b4f7f21ee46a3ea0dd653cd6facd4c009', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'd9f70eed956e54821bb9008b932f135951373e57', show: this.hasError }, index.h("slot", { key: '762675f3a42171715d844475bcbedbea1413fa30', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '650c387520aea7172343587f601b975bbe13a8ff', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'b6eb0b7b9c44c29e38f85a483684f81c92538d32', name: "help" })))));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'b332159adc6c4ee6ada7e9f03b33bb4a4f390410', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '8bcc9ff337c1bd08a9be8a9297aa995591f214d2', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '8bb7965a56e846f9a0e6cf3f1b1c92e204d6703b', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'ad45c2965c423367cdf58b057b2d8b9ea2b82a72', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '08e2fa920ffaa0b48ba279c6e34ddc8bf000a53e', name: "label-info" })), index.h("div", { key: '1593256c7e719413751798bb997b2b47a559dda6', class: "gux-input-and-error-container" }, index.h("slot", { key: 'b88b29a2b252658dbecb34a0cff3f5934a00b810', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'ba275152daa1f92884dd719c173826d9f85db4ef', show: this.hasError }, index.h("slot", { key: '427d887d9f00f91cf2de1f315db158695ca7ba66', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '77c2dc2ee4392bb73d6f3db9c3b630f1340ff05c', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'a3acd59c02593d0292c8b3907b7e341c2009a8c5', name: "help" })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-NcMXRJjU.js');
-var usage = require('./usage-CVv3gqaI.js');
+var usage = require('./usage-C0Jt1SGJ.js');
 var index$1 = require('./index-ZbfXD2eC.js');
 require('./get-closest-element-CfyZl7i7.js');
 
@@ -21,7 +21,7 @@ const GuxFormFieldInputClearButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: '779b8e00c708e767fcae1e8d8458a7b38c6aa310', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, index.h("gux-icon", { key: '2986d3a8ffbe6e38bcb59d3713a2f8c09708795b', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), index.h("gux-tooltip-beta", { key: '468add6065638c3abcdfd35fd7a6cb7c2b7c00a2', "visual-only": true }, index.h("div", { key: '24e172e461f7f7378af010946a6cfb7ccaac3f13', slot: "content" }, this.i18n('clear')))));
+        return (index.h("button", { key: 'd767eeb75f1d8e250573451480cf1658d595640e', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, index.h("gux-icon", { key: '55472e3853a8fc5c309db8a5e2181ef0b189b297', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), index.h("gux-tooltip-beta", { key: '63a327f0dd1b4bf47cda108eee0a4403c8d6ee68', "visual-only": true }, index.h("div", { key: '40fb239275e0e48f770283d1fefd8f8e804e00fb', slot: "content" }, this.i18n('clear')))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }