genesys-spark-components 4.153.0 → 4.154.0

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

@@ -6,7 +6,7 @@ const index = require('./index-e321455d.js');
 const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {
@@ -121,7 +121,7 @@ const GuxButtonMulti = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h("gux-popup", { key: 'ece72b69d337028ea26da8314ee58bf865d4ab3d', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, index.h("div", { key: 'a936c62a51be50017c8f47828d33ec42d6547663', slot: "target", class: "gux-button-multi-container" }, index.h("gux-button-slot", { key: '349be7984bec20052ac497bbcce48c90424f3101', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, index.h("button", { key: 'c6cb985dc78941170f46d17d0208258d4fbe4166', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.guxAriaLabel }, index.h("slot", { key: 'c1fb7a0888726a3e48399c8190074dcb904b7322', name: "title" }), index.h("gux-icon", { key: 'd83786f9be248466472e50aaada730b6b392103f', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), index.h("div", { key: 'fed88c06c6808941d920140a3edeb3e0672e4daa', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '7dd56e89a1ba748107cf6df465e9be6c8a2170c8', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '0badfa2c8c2a792cf54f08a86a246b957a1fbc93' })))));
+        return (index.h("gux-popup", { key: '55381bdc8514d119ece1ccdf437b23259dfde9f5', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, index.h("div", { key: '9e501831416c60a1a6cfdacd22aef9a478adc0d8', slot: "target", class: "gux-button-multi-container" }, index.h("gux-button-slot", { key: 'f2939a2c1299a200de699ff71b4ab61c96e1dc0e', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, index.h("button", { key: '03802ae5f7885f4a4a18d7d94ae55ca15b53c356', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.guxAriaLabel }, index.h("slot", { key: 'eca59158d6046945d7e6fc99a49a21b1cd36e94e', name: "title" }), index.h("gux-icon", { key: '03850f04446a4c6207812ea7412e670552294f7c', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), index.h("div", { key: 'ce636adf962609dc76e646624b70177e294d614c', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '4cd052768ed06698e2e13c661f7ffa56c2de7461', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '3404468ea5f1a4e8934c7200e920eb3e3a1e0ad9' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const guxButtonSlotCss = ":host{display:inline-block;pointer-events:none}::slotted(input[type=button]),::slotted(input[type=submit]),::slotted(button){font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;text-overflow:ellipsis;color:var(--gse-ui-button-secondary-default-foregroundColor);white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}:host([icon-only]) ::slotted(input[type=button]),:host([icon-only]) ::slotted(input[type=submit]),:host([icon-only]) ::slotted(button){padding:var(--gse-ui-button-default-paddingIconOnly)}::slotted(input[type=button][disabled]),::slotted(input[type=submit][disabled]),::slotted(button[disabled]){cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}::slotted(input[type=button]:focus),::slotted(input[type=submit]:focus),::slotted(button:focus){outline:none}::slotted(input[type=button]:focus-visible:enabled),::slotted(input[type=submit]:focus-visible:enabled),::slotted(button:focus-visible:enabled){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(input[type=button]:hover:enabled),::slotted(input[type=submit]:hover:enabled),::slotted(button:hover:enabled){color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}::slotted(input[type=button]:active:enabled),::slotted(input[type=submit]:active:enabled),::slotted(button:active:enabled){color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]),:host([accent=primary]) ::slotted(input[type=submit]),:host([accent=primary]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:hover:enabled),:host([accent=primary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=primary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:active:enabled),:host([accent=primary]) ::slotted(input[type=submit]:active:enabled),:host([accent=primary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]),:host([accent=tertiary]) ::slotted(input[type=submit]),:host([accent=tertiary]) ::slotted(button){color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width)}:host([accent=tertiary]) ::slotted(input[type=button]:hover:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=tertiary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]:active:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:active:enabled),:host([accent=tertiary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]),:host([accent=ghost]) ::slotted(input[type=submit]),:host([accent=ghost]) ::slotted(button){color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:hover:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:hover:enabled),:host([accent=ghost]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:active:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:active:enabled),:host([accent=ghost]) ::slotted(button:active:enabled){color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]),:host([accent=danger]) ::slotted(input[type=submit]),:host([accent=danger]) ::slotted(button){color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:hover:enabled),:host([accent=danger]) ::slotted(input[type=submit]:hover:enabled),:host([accent=danger]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:active:enabled),:host([accent=danger]) ::slotted(input[type=submit]:active:enabled),:host([accent=danger]) ::slotted(button:active:enabled){color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}:host([accent=inline]){min-inline-size:initial}:host([accent=inline]) ::slotted(input[type=button]),:host([accent=inline]) ::slotted(input[type=submit]),:host([accent=inline]) ::slotted(button){block-size:initial;padding:0;color:var(--gse-ui-links-default-foregroundColor);background:none;border:none}:host([accent=inline]) ::slotted(input[type=button][disabled]),:host([accent=inline]) ::slotted(input[type=submit][disabled]),:host([accent=inline]) ::slotted(button[disabled]){color:var(--gse-ui-links-disabled-foregroundColor)}:host([accent=inline]) ::slotted(input[type=button]:hover:enabled),:host([accent=inline]) ::slotted(input[type=submit]:hover:enabled),:host([accent=inline]) ::slotted(button:hover:enabled){color:var(--gse-ui-links-hover-foregroundColor);text-decoration:underline;background:none}:host([accent=inline]) ::slotted(input[type=button]:active:enabled),:host([accent=inline]) ::slotted(input[type=submit]:active:enabled),:host([accent=inline]) ::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}";
@@ -37,7 +37,7 @@ const GuxButtonSlot = class {
         this.validateSlotContent();
     }
     render() {
-        return (index.h(index.Host, { key: '94506a426fd8280e5976174b68a218dd17215f87', accent: this.accent, "icon-only": this.iconOnly }, index.h("slot", { key: '0ea2daf66de1bf791d9701ceec6d6bcaa11aa67d' })));
+        return (index.h(index.Host, { key: '1820b416e8c54da3570d3784266eedc5933efbc0', accent: this.accent, "icon-only": this.iconOnly }, index.h("slot", { key: '66f3850cef58ba9df05d432ab522e60b28280d90' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-a0754e1a.js');
 const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
@@ -36,10 +36,10 @@ const GuxButton = class {
     }
     render() {
         return [
-            index.h("button", { key: '15b89e11c02ebf2ef4b366354ec9ffdee24854ec', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            index.h("button", { key: '9c064f7a47d8a4b4deaa4e60af5756a030d716af', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, index.h("slot", { key: 'f08e752335b5148df4218894b773c67e79f2bf4e', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, index.h("slot", { key: 'ee0e8501a4cd24a1fac1cb4c29c452b03bf434bf', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }
@@ -261,10 +261,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (index.h("div", { key: '1202fc3707ac38dec035ebf8522f36275103fe91', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '15ebb2aadb07189b4f08d86b596df4da22475e96', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: 'b28dec496bcb4b2cbd169f4fef080438eafac634', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '59261d1aa75d9c932ccade7e9217bf98d7292007', class: "gux-arrow-caret" })), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '9328bb10a746be8c106ff7a9fc76544e4e8b6bb0', onClick: this.dismiss.bind(this) })), index.h("div", { key: '7e0c2e755b05052f2c59b1aa402763240a798ece', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: 'b611659e7c1ff318dee1986818d05655a23114c3', name: "title" })), index.h("div", { key: 'f345838da2e098b7aaa02e17b660ab00cdf70e85', class: "gux-popover-content" }, index.h("slot", { key: 'f9cf8ea36396ca69a2b95cb85fe765d4d725e907' }))));
+            }, "data-placement": true }, index.h("div", { key: 'cc6a4a445f4280a009f0356becaab363602fd546', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '1420e05736ade46ad1dc37d307dfe9de1bc8b699', class: "gux-arrow-caret" })), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '30e79e138a5fbc213ef24acd63babb40c5cf94f0', onClick: this.dismiss.bind(this) })), index.h("div", { key: '42f3ebb6874aecb0c05366d8040a089a627ecd3f', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: 'f80d2650eec055b1bc1ceb3d6c0cfdb8a6a9d79d', name: "title" })), index.h("div", { key: '5d9f7e98d824af66532a5e6c18c1eeb623344b23', class: "gux-popover-content" }, index.h("slot", { key: '71e4810e14d8fb3aeaf19df4c0dee6cd72ef4514' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const index_umd = require('./index.umd-30d89361.js');
+const index_umd = require('./index.umd-0bcfad8c.js');
 const index$1 = require('./index-aa48ea67.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const logError = require('./log-error-7b9d4b57.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e321455d.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const isoDates = require('./iso-dates-2daf4199.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 const index$1 = require('./index-aa48ea67.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
 const intl = require('./intl-ed89316c.js');
@@ -416,7 +416,7 @@ const GuxCalendar = class {
         return (index.h("table", null, index.h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (index.h("th", null, day)))), this.getMonthDays(index$1).map(week => (index.h("tr", null, week.map(day => (index.h("td", { tabindex: this.isFocusableDate(day) ? '0' : '-1', class: day.class, "aria-hidden": day.hidden ? 'true' : 'false', "aria-disabled": day.disabled ? 'true' : 'false', "data-date": day.date.getTime(), onClick: () => void this.onDateClick(day.date), onMouseEnter: () => this.onDateMouseEnter(day.date), onKeyDown: e => void this.onKeyDown(e) }, index.h("div", { class: "gux-date" }, day.date.getDate(), index.h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (index.h("div", { key: 'a1028eb71c81ad286bc176eabf97c8363cbaa1b8', class: "gux-calendar" }, index.h("div", { key: 'a966ea2739a91060df32ec4f2fa1ccc359e9725f', class: "gux-header" }, index.h("button", { key: '97b1fb6481b5665b9e8e67a0e4e7091b23a89519', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, index.h("gux-icon", { key: '0d86f27b1c30f4b0ac292f856f856bba3ccb3999', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: '83488973a35e42d78392b0424772750eee259075', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, index.h("gux-icon", { key: 'd403e9d9da4b4bc4a5e23f4eb38003dc2ccbb948', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: '398544681200579049d65e2b8d96a65e098b9e0d', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (index.h("div", { key: 'e7078b80ee2b85e0fe1c83f96e60a7964939545b', class: "gux-calendar" }, index.h("div", { key: 'f1e5fe1d328ef32158989cc9e20909f9e3139a67', class: "gux-header" }, index.h("button", { key: 'aae4da818ac5081ef787c16c812a7c0bc680a32d', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, index.h("gux-icon", { key: '823f261e39e0b061ead849afb82f5e0a2c5d55e4', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: 'd1d9ebc762d7278b19964ec38d00296b47f98b78', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, index.h("gux-icon", { key: 'a7bf63b4506e7c55f691d3aaad430f18edf0623a', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: 'b1cd35692c38c748363d6a0edd9c3f8d866d944e', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.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)}";
 const GuxCardStyle0 = guxCardCss;
@@ -20,10 +20,10 @@ const GuxCard = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h("div", { key: '4e442e796dc0d0d1d52db25ad28e63c33a9e4750', class: {
+        return (index.h("div", { key: 'cf65846810dd24ade44d0c3400f9d16c1876746b', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("slot", { key: '31b3d5da1c3a9e479de4a4a787dfe3635d546aba' })));
+            } }, index.h("slot", { key: '4a241e4cc99530464998917f75093f565542dd7f' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -154,14 +154,14 @@ const GuxColumnManagerItem = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: 'f0f911d1a9748d086816c3a62d800e2a8a0a5766', draggable: "true" }, index.h("div", { key: '386ceaf1dab89ba35d86a6bd43a3ac48a3d4d5be', class: {
+        return (index.h(index.Host, { key: '87e64ab19cc75a34e27b0da4a3883b4fc03bdfe4', draggable: "true" }, index.h("div", { key: '852ceec945260e57f0366ba8dd4067a36cad1815', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, index.h("button", { key: '0180686d13c056ce0087a25ea8651f84c92d264d', class: {
+            } }, index.h("button", { key: 'b871cd2344b5df464276ac3b3ef46fd13d491d17', 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: '828ece69a0d399c2eb5e34ac2a3daee5d6767468', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), index.h("span", { key: '13836988a3758ec17cce4e98f6545592bc2fba0e', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: '2226d22ca4d30c2ecdcaef69de470ca70e14e5ae', class: "gux-select" }, index.h("slot", { key: '215068b974b9c778ea36391ed66450356c065ba1', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: '6fbb0037791d45474e95740f362d578505777ff0', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, index.h("gux-icon", { key: '5ae5841dc9fea7a4c2915c103206aa7cfc96b939', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), index.h("span", { key: 'd33b39c970e321e6216875363cc3fed45a8dfbeb', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: 'a047de4fd93b7e742b1b70a31061750478f1c224', class: "gux-select" }, index.h("slot", { key: '6b3a439c12c4ee9f3dca44e7802f691fae62e003', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: 'd64a6d6a97f3d8fecf40a92f7ed8d27f1ef6320f', 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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const index$1 = require('./index-aa48ea67.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 const guxColumnManager_service = require('./gux-column-manager.service-6eaeedb0.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./clamp-e86a226e.js');
@@ -115,7 +115,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: '81fe37471e58f95f0809ec4a6a0b933a670d6cb2', class: "gux-container" }, index.h("div", { key: 'bae92afab70a60c9cdf5790ba271d8e197dc013d', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: 'c93b40f05f50a4b0b6ed2fae9c19132b6bf57337', class: "gux-search" }, index.h("gux-content-search", { key: '5e7d395332b0eeaf4aa6d6923e491ed1d17f4faf', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: 'a121cae684113f5a3b026ecb9fd4c07554872c70', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: '2aed161d7becbb19f63a396fbce78719e2abbb70', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: 'b63bd6c7c8bb1b8ed6bf3df631d279f15f4e6301' }, index.h("input", { key: '9c535f3adca8d2a6827409b0249386133d2798b5', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: 'c4a236267fa01675112f39f7f1e5432d5c7d7f66', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '804df7d8cf8547ffea63a953fe5723f8afc50ea3', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: '1da7cab436cde218ba01950ca7f3f54579be9070', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '80f8be4a2874139096573df84b4200f160eca91d', ref: el => (this.announceElement = el) })));
+        return (index.h("div", { key: '5634246ba2c88484b06021a8865c9566401d069d', class: "gux-container" }, index.h("div", { key: '331e79feaa5c41b17162af720b679948de0fc5a4', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: 'f3fdd3580c20b6e72d9d9fbb16bcd57f53c233c1', class: "gux-search" }, index.h("gux-content-search", { key: '7fd12c67d493f5b8df537c44902492308b81d7b2', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: 'fe70e4da7358e2c413cf535c301d8d688dca0459', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: 'f334f3aeedb3d06980fb3db7fddbc2c94b83b7ab', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: '7b3587652fd0ee01cf4ce12e05f4d154cd9b5eb0' }, index.h("input", { key: '86e8bac0b754e2f6d8040dc7c632a1e7dacfb7b1', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: 'd5c984dcfe510e346d5dd7d4e8d76e2515ad72a4', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '290e31ddb2ed344dd96d0088185fd5ece7301f7e', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: '9c50c0a680be1c7adf023facf2186b5fa0aef5ac', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '29fee5ffde0698cda242795a20d4fde8fcda791e', ref: el => (this.announceElement = el) })));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 const index$1 = require('./index-aa48ea67.js');
 const onAttributeChange = require('./on-attribute-change-a9f44523.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
@@ -70,10 +70,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (index.h("div", { key: '486a47040717c31b4719bd25c904f4e9ad26b4cb', class: {
+        return (index.h("div", { key: 'ef4715513267f640e3146f356942998a1d7f9e8e', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: '962eaf42d64c19cd29229494f8a48d849bdebb06', class: "gux-search-icon" }, index.h("gux-icon", { key: '94dd95de99314ddaa695295155e8106b7c7e564e', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: '4fb508f6e946793dd2634e362ac42f11995539cb' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: '2f2a5f82d513ca4c1c09e74c83854986a85806f7', class: "gux-search-icon" }, index.h("gux-icon", { key: 'd0dffb2cfa01e19729d43c4f8560288ca97c3af0', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: '830f23a720ef5d477402fb6666da5b9503c453e7' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 const index$1 = require('./index-aa48ea67.js');
 const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
@@ -139,8 +139,8 @@ const GuxContextMenu = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: 'a89200c50e9825bba2d0cb3456ec34259a6474b0' }, index.h("gux-popup", { key: '611c344242193343098701b23264c9b0f4e804dc', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: '9e425c440f41a0e0cd22821f0fdcac8631355f94', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: '2f9516a5fee4b2ea801c0b2c39e4952a4ee6f398', accent: "ghost" }, index.h("button", { key: 'c2d60c950d71c16e67850aef0b211497abea14e3', 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: '60dc66a0a75ff63743c87febf411afce88077d28' }, this.screenreaderText ||
-            this.i18n('contextMenuScreenreaderText')), index.h("gux-icon", { key: '6bc109369d68cee2a579f1ee8ae9ce6e60193598', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), index.h("div", { key: '2b7951d13305ea675eb4f9aa6b602f26cc797a61', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: '32e98fca29255ee1defd7972c04836047b222783', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '2537a1a217957a3f277dd789b8e4b2d444fc78b4' }))))));
+        return (index.h(index.Host, { key: '71daff89e2c9308fabfe2a72711ee5c6f58febe8' }, index.h("gux-popup", { key: '1524aa95d9b12ce39377f970a8aa1f88dbb1a96f', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: '0e081fd58aac0ed9514684e7956c3bc987ca9a02', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: '59ea669fb9a29dd7eaed40ece717cebb64c65b78', accent: "ghost" }, index.h("button", { key: '4c62d98299bf658e7a97481ca587d080861a1818', 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: '4e6ce2bc70530d13fff98bbf8aed059c7e4928a9' }, this.screenreaderText ||
+            this.i18n('contextMenuScreenreaderText')), index.h("gux-icon", { key: '6fcaea725f16c37a9f47fd840e6bb4854b6c6d81', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), index.h("div", { key: '7af3d8d59460ece729264bd3e8e0c5924e5ac060', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: 'ed9fe6c367aa9ebbc8d499a27bc0d71ffe63a115', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'fd3b7b86d7eff0e47938440a029b7005add215c4' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 const index$1 = require('./index-aa48ea67.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -66,7 +66,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: '4a1d855939d0f110c8486ad4d8899234d36f42f7', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, index.h("div", { key: 'ceb1e4e07fdc56791e89185c73ce8a592b9f14c6', class: "gux-copy-content" }, index.h("slot", { key: 'ed877b38943607c97402fe2af8b7ada0441476c1', name: "content" }), index.h("gux-icon", { key: '188ff54cc16790ef609dd66ccbcbc3251da2ca86', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (index.h("button", { key: '14de6400815472a848c3a0bd9570211b835e5d3d', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, index.h("div", { key: '7cf5c98f49b471284453d0707a30fa6e5fd4821b', class: "gux-copy-content" }, index.h("slot", { key: '93c62a0ec398406c4f592329d12c00cc3dd08d3c', name: "content" }), index.h("gux-icon", { key: '2848aa46ed1c48237a41852df02763ae3526b50b', "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

@@ -47,11 +47,11 @@ const GuxCreateOption = class {
         return (index.h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (index.h(index.Host, { key: '457d005a753ea722e21e478208642f5393ee8d90', role: "option", "aria-selected": false, class: {
+        return (index.h(index.Host, { key: '41b6b1965f8f7fc19c2cbd4475156533e1d8beb9', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, index.h("div", { key: '368d007db5f0b862c153bb3ffcb94b7f9bc31210', class: "gux-option" }, index.h("gux-icon", { key: 'b00176d03426d050639a82fea76fe13e708f167d', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), index.h("div", { key: '7e04c2a29ee18300a519c01784ec0948d8c6b52d', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, index.h("div", { key: '6849a0af45ea575969c02d0eff31ce56ecf350b2', class: "gux-option" }, index.h("gux-icon", { key: '0d046f92df50861e58bcda47bb0b50e098a38170', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), index.h("div", { key: '1f88f768eacd7a8f072d0a87ede648ed41e3f48f', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 const getValidTimezone = require('./get-valid-timezone-6d0cf04e.js');
 const intl = require('./intl-ed89316c.js');
 const useRegionalDates = require('./use-regional-dates-4d3f1b9d.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 const getValidTimezone = require('./get-valid-timezone-6d0cf04e.js');
 const intl = require('./intl-ed89316c.js');
 const useRegionalDates = require('./use-regional-dates-4d3f1b9d.js');

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

@@ -8,7 +8,7 @@ const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const isoDates = require('./iso-dates-2daf4199.js');
 const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 const index$1 = require('./index-aa48ea67.js');
 const intl = require('./intl-ed89316c.js');
 const useRegionalDates = require('./use-regional-dates-4d3f1b9d.js');
@@ -676,7 +676,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: 'b48b1a41504b6735366664a10a3e21b695826205', class: {
+        return (index.h("div", { key: '89d01f637b19ee72e82eb020abbd23e1f805d8ab', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e321455d.js');
 const index$1 = require('./index-aa48ea67.js');
 const intl = require('./intl-ed89316c.js');
-const index_umd = require('./index.umd-30d89361.js');
+const index_umd = require('./index.umd-0bcfad8c.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./get-closest-element-26170ce0.js');
 

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 const index$1 = require('./index-aa48ea67.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -58,10 +58,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (index.h("div", { key: '3ed65b991af302bfe7d7a34f24655af18858441b', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: '4f6715e8c5bbb054d8c9bbbcdb578354cd4b6003', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, index.h("gux-icon", { key: '375bc852941b001bdb3943920f89624dd33562e9', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: '50b0d062f3b74e7ff4b1c9dcc4ae33eee70d2d70', id: this.panelId, class: {
+        return (index.h("div", { key: '747050bec6ca0ca70b51fe1f8efb1950bb4067e7', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: '9777b416941be9663138cc389a511140b9b5029b', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, index.h("gux-icon", { key: 'ed8712e407c36294c3fccc057276bc798f56c1fd', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: '08749b4054704a5b117d5441f521a6b76e2e5ba7', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, index.h("slot", { key: 'd5d8b96a5320a5059417fd63d88c6c94288a250d', name: "panel-content" }))));
+            }, role: "region" }, index.h("slot", { key: '5537e7e7ec37df16faff2c47ba1d69894b892812', name: "panel-content" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 const index$1 = require('./index-aa48ea67.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -26,10 +26,10 @@ const GuxDismissButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("gux-button-slot", { key: 'ed2ade35805a933292919edec709d1778ac36a75', accent: "ghost", class: {
+        return (index.h("gux-button-slot", { key: 'ab4d4415b6534ff0bf1b123ca26d51cc28ebe9c5', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, index.h("button", { key: '5dd0175bb1d46ec17f7346edd60989b2b9114b1a', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: '1652eca8ab19eee594eaf8d9cd4fbff934d03586', class: "gux-icon-container" }, index.h("gux-icon", { key: '65e759d50732413b83898ae9d99e2d6303bec22d', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, index.h("button", { key: '3a7f9528fca9183623b19082d34b51dd853ae615', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: '7310d0b8879ec530ecfcd7432e89cbfd41e953fc', class: "gux-icon-container" }, index.h("gux-icon", { key: '0883e5154696a9fa8f06cf58bbda345aad7daa4a', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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: '5359951db3353286222ca483667eb1a4d79d2f1b', class: {
+        return (index.h("div", { key: '9dc2a9c4f1d75a3fae782daf7b406916f8a69f70', 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

@@ -8,7 +8,7 @@ const index$1 = require('./index-aa48ea67.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 const guxListbox_service = require('./gux-listbox.service-700ba659.js');
 const onMutation = require('./on-mutation-6d71ec1a.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -430,7 +430,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            index.h("div", { key: '6927f71083cd8f0700374d948be0aa25cb3db639', class: "gux-dropdown-container" }, index.h("gux-popup", { key: 'f7ed293f36f193c6e03d245656ec1d8b09d44f7b', 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: 'd9a2849dd2af70fea0b94a23ac5fa1de9c16c663', class: "gux-dropdown-container" }, index.h("gux-popup", { key: '80871f9a99b8a0d6ad333a08f2f1efb6195b0c4f', 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-option.cjs.entry.js

@@ -62,7 +62,7 @@ const GuxDropdownOption = class {
         };
     }
     __stencil_render() {
-        return (index.h("div", { key: '0fccd2988e5b9aabb95e0c493e5909a2a8966776', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (index.h("div", { key: 'f725c7472c496316e8d7bf04a94dda49a1ae5c0f', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

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

@@ -8,7 +8,7 @@ const index$1 = require('./index-aa48ea67.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 const onMutation = require('./on-mutation-6d71ec1a.js');
 const guxListbox_service = require('./gux-listbox.service-700ba659.js');
 const hasSlot = require('./has-slot-3edae188.js');
@@ -382,7 +382,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (index.h("gux-popup", { key: 'd0e6fcfbd0da9f9296b950a541b57d3931a85af6', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: '4dc5bc89637d04a587748f7f8a99e42e4b0cc015', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -608,13 +608,13 @@ const GuxOption = class {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (index.h(index.Host, { key: '8e9e4cf6dbed96539fc41939da131f05a5781efc', role: "option", class: {
+        return (index.h(index.Host, { key: '4ff53f1b8164fdbb6b4b994aa19f029a8f7dbdae', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("div", { key: '87c672e88483ae9dc4dd6cd64a04567bbd446939', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '3970b2ea200bc36e770febe6f5abb3d9dcb854b2', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: '0d86bc8df257a6053a71929aba3eaf415ed3740e' })), index.h("slot", { key: 'fe4ded065030acbabe8b22cc9162b627e16e2cc4', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("div", { key: 'c0b379dd41e0c8aa8423f14d9a4ef569776b5df0', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '7acb8113ecf230d978949ffa6fd2c180d2bbc0e6', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: '9c99dfe30b919418d5c68d96aab336249bc3c27f' })), index.h("slot", { key: '9b55759969afdb82230c22caa1de85babfa1f1e0', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const index$1 = require('./index-aa48ea67.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const removeFile = "Remove {filename} file";
@@ -32,11 +32,11 @@ const GuxFileListItem = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: 'dc5d16d800223c9802181bfe4301b53bc9f35483', class: {
+        return (index.h("div", { key: 'c548abea3507d94f3b230a1a5283f844408cdeee', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '80debc4f3b87397f4a3e6e810db88f3f22ce04dc', class: "gux-info" }, index.h("gux-truncate", { key: '3f8b95df7792e068a6b894833866df9760c056e0' }, index.h("span", { key: '708bdd96c2db4bf13e80c32edbdb2bdebb97737f', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, index.h("div", { key: '1d67d6aa5e1e59cb0da9da2b0d5eabecee980464', class: "gux-info" }, index.h("gux-truncate", { key: '37a2f6c927f4c58fb66c3f78d539b8832bd92ec3' }, index.h("span", { key: '1cf82c753506910632a519cc75ef5f625af3c1db', 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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 const index$1 = require('./index-aa48ea67.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e321455d.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-a0754e1a.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 const guxMenu_common = require('./gux-menu.common-4025206c.js');
 
 const guxFlyoutMenuCss = ":host{z-index:var(--gse-semantic-zIndex-popover);color:var(--gse-ui-menu-option-label-foregroundColor);cursor:default}:host(:focus){outline:none}:host(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-flyout-menu-content{position:fixed;display:none;border:none;border-radius:var(--gse-ui-menu-borderRadius)}.gux-flyout-menu-content.gux-shown{display:flex}.gux-flyout-menu-content .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-flyout-menu-content .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}";
@@ -176,10 +176,10 @@ const GuxFlyoutMenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '705dd7369dba4352645c1705db33b9f3f7cfd390', tabIndex: 0, "aria-haspopup": "true" }, index.h("span", { key: '542a46d2915e83b30dcecf8d515efdd67b112785', ref: el => (this.targetElement = el) }, index.h("slot", { key: '346efd2bd19496efdd0cee720ddc235cab3573e9', name: "target" })), index.h("div", { key: '1297adc021208c5f844efe52f22d792d88211efe', class: {
+        return (index.h(index.Host, { key: '1e467e8cfa6f535785855280e17d34a7c2ec417f', tabIndex: 0, "aria-haspopup": "true" }, index.h("span", { key: 'baeb9203d6ccb6d8f920f77e398ef5b8a9913949', ref: el => (this.targetElement = el) }, index.h("slot", { key: '7983d609dac40d85f1c0e7d1d47a50b0b4f9fded', name: "target" })), index.h("div", { key: 'aa4d34c15170c14e4316ba44cc0ce62de75216e9', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: '436470738e7679f2b332fc66501aa9c5bda3afb9', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '3d66c9b20b677b840da6f76b6c0a61044f4837dd', class: "gux-arrow-caret" })), index.h("slot", { key: '757f4a157457bbd62cbf239985a00612e40ce80d', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: '768d033f05a4517d5399673436e0e10db7bc1a34', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: 'f792bbaf9bec3e02f2dd409edc4a941a048850da', class: "gux-arrow-caret" })), index.h("slot", { key: 'f47bedd287b17ddc9cd665529ef470e7d85102f4', name: "menu" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -11,7 +11,7 @@ const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const guxFormFieldError = require('./gux-form-field-error-e6b8a9ad.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-db1aba2b.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 require('./get-closest-element-9e41d6b9.js');
 
 function setAllCheckboxInputs(root, checked) {
@@ -197,8 +197,8 @@ const GuxFormFieldCheckboxGroupBeta = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '82711918d702bd81432d84e8c4a67af8602f979e', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'c8df4f74e3ed8ecaff04313f30afca29049bebcc' }, (_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: '08a29328b9b06a9e985f09a93394f32cd039eb1d', position: "above", required: this.required }, index.h("slot", { key: 'c516fff9067c5e0825688c956248a539438751c5', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'f51f8491725cb929a4d188d77c01af1d37063175', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '62aaae610193cb1af270487b9c35f4885173f5ce', name: "group-label-info" })), index.h("slot", { key: '5b8b4784a9c08cd415319afe3e67388dba4c3a74', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: '6587e8a28258dff586d3143f403b64af61c98fd0', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '89812bc1133e8b263d12fb17faa45c3d1ecd43a2', show: this.hasGroupError }, index.h("slot", { key: '475aee18cdfcc77aec936294c6d63ca8d0277ce7', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '4795c2ff3decb95f0f538ba7ae7b0b8006ed495c', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '18c28aae572498c5014767b937b4dd7002703516', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'd43a9b0f9a02cdc3e7b59c1a8ed1d981d6c2a2a3', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '38fa82fb837196c58fffd81bef9770ef2ffd6b42' }, (_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: '21aa66364c133d1423c917d06ba0f0133eab9483', position: "above", required: this.required }, index.h("slot", { key: 'b6d4254b6b76e9cd04357070f34ce420eb1155d1', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'cddcbfea5de47ee77960435974a98981fefcb6fa', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'dd541b9217eee24522a7159b5be993c1302550a5', name: "group-label-info" })), index.h("slot", { key: '8a85a1f7f2f417eba3f64f12b410d91fb21ef492', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: '3bf015dcaf39267d8c591d190a72fd0e09652820', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '3cf043e9d50bcf434cc8008b529750b8d0c9e49c', show: this.hasGroupError }, index.h("slot", { key: '8ac68ec59839c02ea93668496f57edf9dcc22770', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a8fc012dc7b87b3a1203e2af16893649e4edc4c8', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'f748e652d3d344de2d68078177d6e0f912ebda2d', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -8,7 +8,7 @@ const onMutation = require('./on-mutation-6d71ec1a.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
 const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-e6b8a9ad.js');
-const usage = require('./usage-1ea0b058.js');
+const usage = require('./usage-db3b9276.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -52,10 +52,10 @@ const GuxFormFieldCheckbox = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '3807b1ae64ec97a88b614521d43e17cfc42529b9', class: {
+        return (index.h(index.Host, { key: '05eedb3efb5925efd55f0fbed9dec50148c3b671', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '4b0197733ce8805e94ea35710c631cdaa75a9f08', class: "gux-form-field-container" }, index.h("div", { key: '21bff41e6716c39404111211b3961a12572dabc0', class: "gux-input-label" }, index.h("div", { key: '248842d8c5b1925209fe3c8d71e9401d85df5be3', class: "gux-input" }, index.h("slot", { key: '617fbbb990ac8aaca2419f39cc67e7ce71fc747d', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '4c6008656f5972debaf900588c98feca21735cc7', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: 'b025ca7c7be84f0567b62010b5a07e04edfd00c5', name: "label" }))), index.h("div", { key: '30174559135d2382d8148678ee15258be90d24cf', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '4e8f50c6416a5114c67e95afdd10ca2bf54ae4dc', show: this.hasError }, index.h("slot", { key: 'afe78c0a23baf77e348845cb11aacf66f32948a9', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'd13d0a3b79454de838274b5f91066ec785771c4b', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '0f5c4a72d948a21fc12b7589269c0366b6ebab26', name: "help" }))))));
+            } }, index.h("div", { key: '9040562d171a9e9c7f070d6572c0787b44edfef7', class: "gux-form-field-container" }, index.h("div", { key: '0687b65015519fe0118a3caa9623f2c2cc957434', class: "gux-input-label" }, index.h("div", { key: '789539b0545c078324d0914bce4fbacfbd17812b', class: "gux-input" }, index.h("slot", { key: 'c9d43b5890dc0eaa3791e7c22382a611afcbe9d1', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'c03b478b667729ec45f4e944204582e7bb34a344', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: '00ba2231f4e43868b8627f66bcfd5e0e7199631b', name: "label" }))), index.h("div", { key: 'c602d8dd04cd59b2395f0c62a2bd47e1db01184d', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: 'b45e09e8ada10fcaa1d4a19b861f05ef12b63a38', show: this.hasError }, index.h("slot", { key: '8573dd0905d1b1f727bcf9ee5b092e436b8d1b79', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '2e1289c3b6dff1d492a282f2f59f08f191b454c8', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '509b9e92dd8e454c711c6ecf87d9d434f1126010', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();