genesys-spark-components 4.191.0 → 4.192.0

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

@@ -35,6 +35,7 @@ const GuxColumnManagerItem = class {
         this.internal_keyboard_reorder_move = index.createEvent(this, "internal_keyboard_reorder_move", 7);
         this.internal_keyboard_reorder_emit = index.createEvent(this, "internal_keyboard_reorder_emit", 7);
         this.internal_keyboard_reorder_finish = index.createEvent(this, "internal_keyboard_reorder_finish", 7);
+        this.internal_mouse_reorder_move = index.createEvent(this, "internal_mouse_reorder_move", 7);
         this.pendingReorder = 'none';
         this.isDragging = false;
         this.isReordering = false;
@@ -48,10 +49,19 @@ const GuxColumnManagerItem = class {
     async guxFocus() {
         this.reorderButtonElement.focus();
     }
-    onBlur() {
-        this.setReorderMode(false);
+    // eslint-disable-next-line @typescript-eslint/require-await
+    reset() {
+        this.isReordering = false;
+        this.pendingReorder = 'none';
+    }
+    onBlur(event) {
+        const relatedTarget = event.relatedTarget;
+        if (!relatedTarget || relatedTarget.tagName !== 'GUX-COLUMN-MANAGER-ITEM') {
+            this.setReorderMode(false);
+        }
     }
     onDragStart(event) {
+        this.isReordering = true;
         this.isDragging = true;
         const oldIndex = guxColumnManager_service.getIndexInParent(this.root);
         event.dataTransfer.setData('oldIndex', String(oldIndex));
@@ -105,6 +115,23 @@ const GuxColumnManagerItem = class {
     toggleReorderMode() {
         this.setReorderMode(!this.isReordering, true);
     }
+    onMouseDown() {
+        this.isDragging = false;
+    }
+    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') {
+            return;
+        }
+        if (!this.isDragging) {
+            this.isReordering = !this.isReordering;
+            this.pendingReorder = 'below';
+            this.internal_mouse_reorder_move.emit(clickedElement);
+            document.removeEventListener('mouseup', this.onMouseUp);
+        }
+    }
     keyboardReorder(event) {
         if (this.isReordering) {
             switch (event.key) {
@@ -151,14 +178,14 @@ const GuxColumnManagerItem = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: 'c4644ca5164ec369a59167e08bf2d7ccf904dd5c', draggable: "true" }, index.h("div", { key: 'a22ec6e9754c86ac9b4c059a1575f029b939e7fc', class: {
+        return (index.h(index.Host, { key: 'd46b492190b43af5a120d148f98514e2eab75909', draggable: "true", onMouseUp: event => this.onMouseUp(event) }, index.h("div", { key: '6b59de6beae70a332742b0f0426966c3cda4e294', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, index.h("button", { key: '531d80b8dfe792fdab304fe05b1643ff17c6efdb', class: {
+            } }, index.h("button", { key: 'c894e33166ff15775d6ce26f4ae205414eb4cc5b', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, index.h("gux-icon", { key: 'c2456c6de8139918277539be187fe99145907e10', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), index.h("span", { key: '0d3ccf76522a62897816a0429c52fdbbc586eac9', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: 'a938435ad12c89b88fd3a17934da3153ba827cfc', class: "gux-select" }, index.h("slot", { key: '324f0edb0a59ce34306bb83d13ae98cc28f73f5d', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: '2c6bb9a76732ae4c9b11962dc16a67d54cd892ca', 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: '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 })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-Dg7EvDQq.js');
 var index$1 = require('./index-DLitqIC8.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 var guxColumnManager_service = require('./gux-column-manager.service-BdAzD8uK.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./clamp-BlDLYO0F.js');
@@ -49,6 +49,10 @@ const GuxColumnManager = class {
     }
     handleInternalorderchange(event) {
         event.stopPropagation();
+        Array.from(this.root.children).forEach(child => {
+            child.reset();
+        });
+        this.keyboardOrderChange = guxColumnManager_service.getEmptyKeyboardOrderChange();
         this.emitOrderChange(event.detail);
     }
     emitOrderChange(orderChange) {
@@ -68,6 +72,29 @@ const GuxColumnManager = class {
         };
         void this.announceElement.guxAnnounce(this.i18n('reorderingModeActive', { columnName }));
     }
+    handleInternalMousereordermove(event) {
+        var _a;
+        event.stopPropagation();
+        if (typeof ((_a = this.keyboardOrderChange) === null || _a === void 0 ? void 0 : _a.oldIndex) === 'number') {
+            //2nd mouse click triggered
+            const newIndex = guxColumnManager_service.getIndexInParent(event.target);
+            this.keyboardOrderChange.newIndex = newIndex;
+            this.emitOrderChange(this.keyboardOrderChange);
+            this.keyboardOrderChange = guxColumnManager_service.getEmptyKeyboardOrderChange();
+            // Reset all items since reordering is finished
+            Array.from(this.root.children).forEach(child => {
+                child.reset();
+            });
+        }
+        else {
+            // First mouse click triggered
+            const startIndex = guxColumnManager_service.getIndexInParent(event.target);
+            this.keyboardOrderChange = {
+                oldIndex: startIndex,
+                newIndex: null
+            };
+        }
+    }
     handleInternalkeyboardreordermove(event) {
         event.stopPropagation();
         const { delta, column } = event.detail;
@@ -89,6 +116,9 @@ const GuxColumnManager = class {
     handleInternalkeyboardorderfinish(event) {
         event.stopPropagation();
         this.keyboardOrderChange = guxColumnManager_service.getEmptyKeyboardOrderChange();
+        Array.from(this.root.children).forEach(child => {
+            child.reset();
+        });
     }
     onSearchInput() {
         this.highlightResults = guxColumnManager_service.setHighlights(this.root, this.searchElement);
@@ -112,7 +142,7 @@ 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: '2c921109fff656c68797b89f717f088b7610eae0', class: "gux-container" }, index.h("div", { key: 'f165dc6744955b92e56a1d623bcac956ea3477d1', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '9d6385896cb91ef815793de707f4452831011076', class: "gux-search" }, index.h("gux-content-search", { key: '909663c50d813ecee59aa1c40317ffbd3b80a2a4', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: 'c96f890eb9d7d536f2a7852c40593f75d17aba88', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: '38a52108dceb46ce7bc43c9cc84f1579cd61aeea', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: 'a8ed8086763e8d9bc2f4129b50e4dcf03e57973c' }, index.h("input", { key: '57047f82b637763aa0f3e9abfb82d56b114fa8fd', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '85bc0fb26794a36e6f2445a4e02679c8327d6799', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: 'a4f5161f6cbb1e05d23712f375c04f079a19b9f5', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: 'b8b1a36cf3a6e9c56e6c15c865c64da3a3bac482', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: 'aaa29073a04385354a587c2032a27668bb222e4f', ref: el => (this.announceElement = el) })));
+        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) })));
     }
     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-Dg7EvDQq.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 var index$1 = require('./index-DLitqIC8.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-Dg7EvDQq.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 var index$1 = require('./index-DLitqIC8.js');
 var onClickOutside = require('./on-click-outside-CHJ1U233.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-Dg7EvDQq.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 var index$1 = require('./index-DLitqIC8.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 require('./get-closest-element-CfyZl7i7.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-Dg7EvDQq.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 var getValidTimezone = require('./get-valid-timezone-BIuvsV9L.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-Dg7EvDQq.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 var getValidTimezone = require('./get-valid-timezone-BIuvsV9L.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-CHJ1U233.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 var index$1 = require('./index-DLitqIC8.js');
 var sparkIntl = require('./spark-intl-DbMn-aKP.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-Dg7EvDQq.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 var index$1 = require('./index-DLitqIC8.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-Dg7EvDQq.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 var index$1 = require('./index-DLitqIC8.js');
 require('./get-closest-element-CfyZl7i7.js');
 

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

@@ -6,7 +6,7 @@ var index$1 = require('./index-DLitqIC8.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-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 var guxListbox_service = require('./gux-listbox.service--Kw0a8sM.js');
 var onMutation = require('./on-mutation-DTyt8GMZ.js');
 require('./get-closest-element-CfyZl7i7.js');

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

@@ -6,7 +6,7 @@ var index$1 = require('./index-DLitqIC8.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-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 var onMutation = require('./on-mutation-DTyt8GMZ.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-Dg7EvDQq.js');
 var index$1 = require('./index-DLitqIC8.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const removeFile = "Remove {filename} file";

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-Dg7EvDQq.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 var index$1 = require('./index-DLitqIC8.js');
 require('./get-closest-element-CfyZl7i7.js');
 

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

@@ -3,7 +3,7 @@
 var index = require('./index-Dg7EvDQq.js');
 var floatingUi_dom = require('./floating-ui.dom-BRbjfoUo.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 var guxMenu_common = require('./gux-menu.common-B8_9UAPe.js');
 var index$1 = require('./index-DLitqIC8.js');
 require('./get-closest-element-CfyZl7i7.js');

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-Cg5Is_Cr.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-4Pp1WUwH.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 function setAllCheckboxInputs(root, checked) {

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

@@ -6,7 +6,7 @@ var onMutation = require('./on-mutation-DTyt8GMZ.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-Cg5Is_Cr.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');

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-Cg5Is_Cr.js');
 var guxFormFieldContainer = require('./gux-form-field-container-DfsCEMQa.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');

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

@@ -9,7 +9,7 @@ var guxFormFieldError = require('./gux-form-field-error-Cg5Is_Cr.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-4Pp1WUwH.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');

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

@@ -4,7 +4,7 @@ var index = require('./index-Dg7EvDQq.js');
 var index$1 = require('./index-DLitqIC8.js');
 var onMutation = require('./on-mutation-DTyt8GMZ.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 var guxFormFieldError = require('./gux-form-field-error-Cg5Is_Cr.js');
 var guxFormFieldContainer = require('./gux-form-field-container-DfsCEMQa.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');

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

@@ -3,7 +3,7 @@
 var index = require('./index-Dg7EvDQq.js');
 var onMutation = require('./on-mutation-DTyt8GMZ.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 var guxFormFieldError = require('./gux-form-field-error-Cg5Is_Cr.js');
 var guxFormFieldContainer = require('./gux-form-field-container-DfsCEMQa.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-Dg7EvDQq.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 var index$1 = require('./index-DLitqIC8.js');
 require('./get-closest-element-CfyZl7i7.js');
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-Dg7EvDQq.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 var index$1 = require('./index-DLitqIC8.js');
 require('./get-closest-element-CfyZl7i7.js');
 

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

@@ -11,7 +11,7 @@ var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-Cg5Is_Cr.js');
 var guxFormFieldContainer = require('./gux-form-field-container-DfsCEMQa.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
 var en = require('./en-0H0Z_nRu.js');
 var onClickOutside = require('./on-click-outside-CHJ1U233.js');

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

@@ -4,7 +4,7 @@ var index = require('./index-Dg7EvDQq.js');
 var index$1 = require('./index-DLitqIC8.js');
 var onMutation = require('./on-mutation-DTyt8GMZ.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 var guxFormFieldError = require('./gux-form-field-error-Cg5Is_Cr.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-4Pp1WUwH.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');

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

@@ -7,7 +7,7 @@ var index$1 = require('./index-DLitqIC8.js');
 var guxFormFieldError = require('./gux-form-field-error-Cg5Is_Cr.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-4Pp1WUwH.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const required = "Required";

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

@@ -7,7 +7,7 @@ var preventBrowserValidationStyling = require('./prevent-browser-validation-styl
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-Cg5Is_Cr.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');

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

@@ -9,7 +9,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-Cg5Is_Cr.js');
 var guxFormFieldContainer = require('./gux-form-field-container-DfsCEMQa.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 var onResize = require('./on-resize-D5MVvu9V.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');

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

@@ -9,7 +9,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-Cg5Is_Cr.js');
 var guxFormFieldContainer = require('./gux-form-field-container-DfsCEMQa.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');

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

@@ -9,7 +9,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-Cg5Is_Cr.js');
 var guxFormFieldContainer = require('./gux-form-field-container-DfsCEMQa.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');

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

@@ -9,7 +9,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-Cg5Is_Cr.js');
 var guxFormFieldContainer = require('./gux-form-field-container-DfsCEMQa.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');

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

@@ -9,7 +9,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-Cg5Is_Cr.js');
 var guxFormFieldContainer = require('./gux-form-field-container-DfsCEMQa.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');

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

@@ -9,7 +9,7 @@ var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 var guxFormFieldError = require('./gux-form-field-error-Cg5Is_Cr.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-4Pp1WUwH.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');

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

@@ -9,7 +9,7 @@ var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 var guxFormFieldError = require('./gux-form-field-error-Cg5Is_Cr.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-4Pp1WUwH.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');

package/dist/cjs/gux-form-footer.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-Dg7EvDQq.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 
 const guxFormFooterCss = ":host ::slotted(footer){display:flex;align-items:center;justify-content:flex-start;margin-block-start:var(--gse-semantic-formControl-formBody-paddingBottom);border-block-start:var(--gse-ui-formFooter-separator-width) var(--gse-ui-formFooter-separator-style) var(--gse-ui-formFooter-separator-color)}:host(.gux-form-footer-page-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-page-desktop-gap);padding-block:var(--gse-ui-formFooter-page-desktop-topPadding) var(--gse-ui-formFooter-page-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-desktop-horizontalPadding) var(--gse-ui-formFooter-page-desktop-horizontalPadding)}:host(.gux-form-footer-page-mobile) ::slotted(footer){flex-direction:column;gap:var(--gse-ui-formFooter-page-mobile-gap);align-items:stretch;justify-content:center;padding-block:var(--gse-ui-formFooter-page-mobile-topPadding) var(--gse-ui-formFooter-page-mobile-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-mobile-horizontalPadding) var(--gse-ui-formFooter-page-mobile-horizontalPadding)}:host(.gux-form-footer-side-sheet-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-sideSheet-desktop-gap);padding-block:var(--gse-ui-formFooter-sideSheet-desktop-topPadding) var(--gse-ui-formFooter-sideSheet-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding) var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding)}";
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-Dg7EvDQq.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 
 const guxIconTooltipCss = ".gux-icon-tooltip{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-icon-tooltip gux-tooltip{padding-inline-start:0}.gux-icon-tooltip gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-Dg7EvDQq.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 var logError = require('./log-error-nWO_o1C3.js');
 
 const legacyIconNames = [

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-Dg7EvDQq.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 
 const svgHTMLCache = new Map();
 function getBackgroundShape(shapeName) {

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-Dg7EvDQq.js');
 var index$1 = require('./index-DLitqIC8.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const info = "Information alert with message";

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

@@ -6,7 +6,7 @@ var index$1 = require('./index-DLitqIC8.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-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 var onMutation = require('./on-mutation-DTyt8GMZ.js');
 var guxListbox_service = require('./gux-listbox.service--Kw0a8sM.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-Dg7EvDQq.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 
 const guxLabelInfoCss = ".gux-label-info{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-label-info gux-tooltip{padding-inline-start:0}.gux-label-info gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-Dg7EvDQq.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 var getClosestElement = require('./get-closest-element-CfyZl7i7.js');
 
 const guxLinkCss = ":host{padding-block:var(--gse-ui-links-inLine-padding)}:host ::slotted(a){inline-size:fit-content;font-family:var(--gse-ui-links-inLine-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-medium-text-fontSize);font-weight:var(--gse-ui-links-inLine-medium-text-fontWeight);line-height:var(--gse-ui-links-inLine-medium-text-lineHeight);color:var(--gse-ui-links-default-foregroundColor) !important;border-radius:var(--gse-ui-links-focusOutline-borderRadius) !important}:host ::slotted(a:hover){color:var(--gse-ui-links-hover-foregroundColor) !important}:host ::slotted(a:active){color:var(--gse-ui-links-active-foregroundColor) !important}:host ::slotted(a:visited){color:var(--gse-ui-links-visited-foregroundColor) !important}:host ::slotted(a:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}:host([size=small]) ::slotted(a){font-family:var(--gse-ui-links-inLine-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-small-text-fontSize);font-weight:var(--gse-ui-links-inLine-small-text-fontWeight);line-height:var(--gse-ui-links-inLine-small-text-lineHeight)}:host([standalone]){display:block;padding-block:var(--gse-ui-links-standalone-padding)}:host([standalone]) ::slotted(a){display:flex;gap:var(--gse-ui-links-standalone-gap);align-items:center;inline-size:fit-content;font-family:var(--gse-ui-links-standalone-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-text-fontSize);font-weight:var(--gse-ui-links-standalone-medium-text-fontWeight);line-height:var(--gse-ui-links-standalone-medium-text-lineHeight);text-decoration:none !important}:host([standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-medium-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-medium-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-medium-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-medium-underlinedText-textDecoration) !important}:host([standalone]) ::slotted(a:active){text-decoration:none !important}:host([size=small][standalone]) ::slotted(a){font-family:var(--gse-ui-links-standalone-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-text-fontSize);font-weight:var(--gse-ui-links-standalone-small-text-fontWeight);line-height:var(--gse-ui-links-standalone-small-text-lineHeight)}:host([size=small][standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-small-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-small-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-small-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-small-underlinedText-textDecoration) !important}:host([standalone][class=gux-breadcrumb-link]){padding:0}";

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-Dg7EvDQq.js');
 var guxList_service = require('./gux-list.service-CecJpxVa.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 
 const guxListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;padding:var(--gse-ui-menu-padding)}";
 

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

@@ -5,7 +5,7 @@ var guxListbox_service = require('./gux-listbox.service--Kw0a8sM.js');
 var index$1 = require('./index-DLitqIC8.js');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
-var usage = require('./usage-DvKNwtGY.js');
+var usage = require('./usage-mtxFycQK.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var onMutation = require('./on-mutation-DTyt8GMZ.js');
 require('./get-text-content-from-nodes-oI5DVfp_.js');

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

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