genesys-spark-components 4.93.2 → 4.95.0

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-513f9e4b.js');
+const usage = require('./usage-5a5bc23d.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const index$1 = require('./index-16a4179e.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
@@ -46,10 +46,10 @@ const GuxButton = class {
     }
     render() {
         return [
-            index.h("button", { key: 'cf290aff2724cdfd5183459eb92f71040b14376b', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            index.h("button", { key: 'a687ade3798b851e82884ac583847fd78f59b992', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle }, index.h("slot", { key: '414c446fca7f50db6445a0abacfed52b44cd0b16', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle }, index.h("slot", { key: 'f8ca5f2ee5defb9b2a74f2b06a29e437da2ad138', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }
@@ -186,14 +186,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '1404ed256b0c59730a6b52a8eb8511b966697af3', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '06b4f7b5550e608958e6c097c619f2afe6c614ac', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'b7315fb4f8498f5308d39dfe0e70eaad42644108', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '4fb64e295f6a03dc874ef4844c3fecac10d09fb9', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '6655ae39155c1c790b90f6d93afcd2bd6d0bbcf9', name: "label-info" })), index.h("div", { key: '70790da5948a776ce78c951933c3f8cffb1e9a68', class: "gux-input-and-error-container" }, index.h("div", { key: 'e4bfd871ccb296f87dc618db9fa317122475b41e', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '7fb5202f53150f9bc6ab46eb123318ecab9f6db3', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'ec3c739c269f4071d03d5bff108087d0490bb367', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '4562704fcbf00fa54799d9336b68451619c62457', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'e780a85808c026988e68c4e50b5886f8855f9420', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '21c9e71f83bf5b6c7f7bb1ba3a7ca401cb3eafe8', name: "label-info" })), index.h("div", { key: '58cda9714e708448ad8c9ad61308e2b211f9dae2', class: "gux-input-and-error-container" }, index.h("div", { key: 'eabb92deee405ecae18f85147266e5bb957dde00', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, index.h("div", { key: '34b340aab242ec746ccd7a2484f7c76e2914b5c0', class: {
+            }, part: "input-section" }, index.h("div", { key: 'e97a8b13f8432ed89b1aef3b550bf908c873b6d6', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '8facf47db9e586d88ec222feeb973c220dd583b0', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: 'de94c88e51c29f0f237f12b033b13fed44c34289', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: 'c92070f61573177f3b516eafa60f579eeaca0a05', show: this.hasError }, index.h("slot", { key: 'a3aece9dae599c68abedb58ed692f5d0fafdac4b', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '0bbc8260400e4c3b0b9bffbca5526a931c3416b2', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '0dbba9e894f1653ac359293d2a6e109828ca63ea', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '15e7a696913e13b93ac72faab98489046694a195', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: 'dfe87f2da8d9366d9c6a9fe1a93a5fc6672700c5', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: 'd39a973309e9a293586128422ea6a0ee23dd13d0', show: this.hasError }, index.h("slot", { key: 'e4106badcf7fe9eb89956135fddf63bf3c0cf58c', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7ec9d32bcde91b0d8dbc2ff83c82193105f6e457', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '9ca171b4c94090451832aca5b62e4e4aa13f0e40', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -354,10 +354,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            index.h("gux-button", { key: 'df023788cc78f500b3aeb47701932e2c90d5fd9c', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, index.h("gux-icon", { key: 'b8f1ac86df71c23b5ca0d0840f76deefa9caa9a2', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
-            index.h("gux-tooltip", { key: 'cb58bb6e78285e02863ef8e70efcbd1322ac8d9a', for: "popover-target" }, index.h("div", { key: '45f457bbb83439f1805e0dd5cf813029cfa73316', slot: "content" }, this.i18n('goToPage'))),
-            index.h("gux-popover", { key: 'd45de16e5c50329a833770f1e8548ac0ae18cdf4', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: 'ca43611d040dcb8bcdde1730983c9fcb56a52158', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: 'bac030f99fe693739ddbf1b08920eba178044675' }, index.h("input", { key: 'd1e3364420ffcf1ec6d89bc574aee67f664244ce', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
-                    evt.preventDefault() }), index.h("label", { key: '7c092f5e16f10659f6023aab810e4de3f0c44453', slot: "label" })))
+            index.h("gux-button", { key: 'f1a2af1f65b3878efef4080a238b09d09f710c81', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, index.h("gux-icon", { key: '3c367048811fe37b822eb7dd5306fbed5042cd0a', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
+            index.h("gux-tooltip", { key: '43a9261f81b96d1314286c53bcc8f0f72862667b', for: "popover-target" }, index.h("div", { key: '721c5eb16f058fb05d7a549a348ca61deb556993', slot: "content" }, this.i18n('goToPage'))),
+            index.h("gux-popover", { key: '0d8a5adfd33f75ac3e464afb3a0fb0cbc857505f', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: '9d386221b136be9cd68fe257d1bc965e8921f460', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: 'c84b88704207cd9420531fe7865a495feccb3412' }, index.h("input", { key: '4896403654f521de90d923d0ec9547492f50ad1d', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
+                    evt.preventDefault() }), index.h("label", { key: 'b7e4a06586fc7285059b48be4e1e8b24ce35756b', slot: "label" })))
         ];
     }
     get root() { return index.getElement(this); }
@@ -388,7 +388,7 @@ function ThrottleMethod(duration) {
     };
 }
 
-const guxPopoverCss = ".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;min-width:280px;padding:var(--gse-ui-popover-gap);background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-height);padding-bottom:4px;overflow:hidden}.gux-popover-wrapper .gux-arrow-caret{width:0;height:0;filter:drop-shadow(var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) calc(var(--gse-ui-popover-boxShadow-blur) / 2) var(--gse-ui-tooltip-boxShadow-color));border-top:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-right:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-left:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-bottom:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:var(--gse-ui-popover-headerColor)}.gux-popover-wrapper gux-dismiss-button{float:right}";
+const guxPopoverCss = ".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;min-width:280px;padding:var(--gse-ui-popover-gap);background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-popover-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-height);padding-bottom:4px;overflow:hidden}.gux-popover-wrapper .gux-arrow-caret{width:0;height:0;filter:drop-shadow(var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) calc(var(--gse-ui-popover-boxShadow-blur) / 2) var(--gse-ui-popover-boxShadow-color));border-top:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-right:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-left:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-bottom:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:var(--gse-ui-popover-headerColor)}.gux-popover-wrapper gux-dismiss-button{float:right}";
 const GuxPopoverStyle0 = guxPopoverCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -540,10 +540,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (index.h("div", { key: '6cb4b3a2a6767b1715cd3708e6bdd2f277add1fd', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: 'fed4987b3257a50661aabe1d9541ba86f6e92c81', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: 'ca4ffd8b0d253726f8a020f0bb9dced86662df7e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '42ebda856869d9955163ac91b72cf039e0097111', class: "gux-arrow-caret" })), index.h("div", { key: 'a9594853381c15e1c73915ee9b38da05a54b70dc', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: '45a1d21097576ef7600eb154834989fdc0f8274c', name: "title" }), this.renderDismissButton()), index.h("div", { key: 'c790db113d4a4772827a2003e7de2e81e6100f36', class: "gux-popover-content" }, index.h("slot", { key: 'b651d8e73f8305ccbfd86d04690d3052b28472ad' }))));
+            }, "data-placement": true }, index.h("div", { key: 'd41ef1daa6c6006f27d3f4be979a5145a8fc21d4', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '96b2500e5d2aea8717cf62f86dd49e705fa35959', class: "gux-arrow-caret" })), index.h("div", { key: '0c1eaede0d0b7a59fd7274569e8503619d1406d6', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: '5f7de1e236fd80790c953d30553105c8f2dac54d', name: "title" }), this.renderDismissButton()), index.h("div", { key: '6519bbca1363806885b6dda3fc1181c33505d861', class: "gux-popover-content" }, index.h("slot", { key: 'f8a2865c9a9f106dfa4aeb56b1969c1ad14206be' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -5,11 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-79505d14.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const isoDates = require('./iso-dates-2daf4199.js');
-const usage = require('./usage-513f9e4b.js');
+const usage = require('./usage-5a5bc23d.js');
 const index$1 = require('./index-16a4179e.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
-const useRegionalDates = require('./use-regional-dates-44835a16.js');
+const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 require('./get-closest-element-9e41d6b9.js');
+require('./get-closest-element-26170ce0.js');
 
 function addClassToElements(elements, className) {
     manipulateElementsClasses(elements, 'add', className);
@@ -386,7 +387,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: '50e4c8fa12b58729f64382043e68142b2a6bff39', class: "gux-calendar" }, index.h("div", { key: '79524dce607d1a2d8e63cd9ab85d688493afb547', class: "gux-header" }, index.h("button", { key: 'a09787131208775edcb9e670f2c0aa1ed6ccdf1c', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: '217f95a36e44378abaec97921f2851708be77648', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: '4b484360c1d4c905d6c24f1eeee2a201e72e6fe5', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: 'ee922f97949c7a2897bca65fd7093eb1224d2082', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: '7b3c7da612a2aa066ffed6425c982502dededaa2', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (index.h("div", { key: 'ebe156611cc67a8f9242d8a2eebc9788d6f6882f', class: "gux-calendar" }, index.h("div", { key: '42867ceedb5a06e510d50e415360738bdb793046', class: "gux-header" }, index.h("button", { key: 'e7ea1e15a87c7a33d0a52055170f4da4a4282f7a', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: 'a0568afbe8b9daf67702edeb2a99122f3d0d08e3', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: '4095c437a1b4c89da8daff63a8a8bcab2e4c3a59', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: '28fbcc1ec855f752859a764171ea872873c9cdaf', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: '0ac8df6c8f3514c00a10b442bf8517583d09c04c', 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-79505d14.js');
-const usage = require('./usage-513f9e4b.js');
+const usage = require('./usage-5a5bc23d.js');
 
 const guxCardCss = ":host{display:block;width: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-offsetX) var(--gse-ui-card-raised-boxShadow-offsetY) var(--gse-ui-card-raised-boxShadow-blur) var(--gse-ui-card-raised-boxShadow-spread) var(--gse-ui-card-raised-boxShadow-color)}.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;
@@ -17,10 +17,10 @@ const GuxCard = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h("div", { key: '5e84b027dcff30a7cbdf502f0266e6ce1fafa063', class: {
+        return (index.h("div", { key: '43a2b095912446efb6273bb9a32a6f795977b19c', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("slot", { key: 'c4b5f89a0f7e66c6a29da8f295972b0f8d04fb6f' })));
+            } }, index.h("slot", { key: '641978238aa3c77c749128f7b4deee3bf849ee54' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -158,14 +158,14 @@ const GuxColumnManagerItem = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: '5f78448224d699382c613e4967793af115acee53', draggable: "true" }, index.h("div", { key: 'bfb206922c32cfc86e1ab9d58bbfbd964993fe38', class: {
+        return (index.h(index.Host, { key: 'd21cb04f3fd70d25b8e6a27c8fad5c8606d93879', draggable: "true" }, index.h("div", { key: '132822127884e13786d1b7e3ac9635fd9abf7c2d', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, index.h("button", { key: '29f9dec15ed10934894afba83f66f0fba94d1ba2', class: {
+            } }, index.h("button", { key: '2e11863bc193c7118549470c1663ab10c6d01c8f', 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: '8a86b73119466abf7b9bdf44ff6d8cbc6c07fb44', "icon-name": "fa/grip-vertical-solid", decorative: true }), index.h("span", { key: '688e1ee0d67223800d062c6f0a2782e527e63968', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: '4c915195cc11d21d657ebf4f76f0e30cd20e7f3b', class: "gux-select" }, index.h("slot", { key: 'd5e0e53225d2c9264b3acc1c4c276e69eb54ba47', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: '3a3a5d6d8167f3000d248d9ce4de9fb084bc5080', 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: 'd3b388d64bc890323c8f94b8d3f3a54068651ff0', "icon-name": "fa/grip-vertical-solid", decorative: true }), index.h("span", { key: '138f15a3a0bcdb5ae5c18c22c831fcf9110afad6', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: 'b835637f15dcfcec89effd9d8ba551595fb6abd1', class: "gux-select" }, index.h("slot", { key: '9b7573139a5e0491a1c1052ddf14d6e37d8b7180', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: '3983b26b3018f12b9ec8b654a957f3416aebe6b3', 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-79505d14.js');
 const index$1 = require('./index-16a4179e.js');
-const usage = require('./usage-513f9e4b.js');
+const usage = require('./usage-5a5bc23d.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: 'daf90d23ce5f11f2d370bfc9d83fbdeeb29a0889', class: "gux-container" }, index.h("div", { key: '8fd77ca38f5903d81897a705a4466edf676da481', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: 'b5cbabcf5999a3f566b0425bd0531713bbb671d6', class: "gux-search" }, index.h("gux-content-search", { key: '59a0b2c694434ce42b3a193a85966942e42a5848', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: 'b741c081072bb2a0576d1dba0d24729d0e5ac85e', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: 'eadfc9285283da226b33cbbe039e33ead748e030', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: '3de970296c09ad4b0e5b2df9f494189083f82d39' }, index.h("input", { key: '45825441d53b786122917f935c8fabc0aaaa5347', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '985cb6788363595904c56e444abf96458da5e4b6', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: 'b77c01091b9ea5792bd772539b3b80d1100f8def', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: 'e79a7e4c9609f4a776f73391661310294f9ce77a', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: 'aab5f007f481e3c158ba3c5f677a1692dcfd5968', ref: el => (this.announceElement = el) })));
+        return (index.h("div", { key: '0c2fcabdbecaa2ad5a7c53597ad24cc5548399d0', class: "gux-container" }, index.h("div", { key: '1625b6257b5ce2593cdddc011b68d9ec8ee37793', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '38fd230b957c35aac265b7036d1749b1953335b4', class: "gux-search" }, index.h("gux-content-search", { key: '1e02d0582c972f6933edb574b83ae9245f8535d0', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: 'b28d5b8e8463ead00c1214ecbb70a2b91433071b', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: '0b12443d065776aba76c6b2a94915583071e5af7', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: '036976cf51f9e3c2f5e85d83ba3ee684b0749ae4' }, index.h("input", { key: '798f929ee9fc579c47dd95bda776d44b4be49fbb', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '15cfbaa4578ae290be913eb9bfc9614eb879204f', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: 'fa1afb1c94a48e69fc2dd0631d3fb4a714e8da3c', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: '686c4ec6a9ffd5fd159a2b1628c0d4ec706412e0', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '0cf560b062e3c814cf65d3130db4c454bac6fa61', 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-79505d14.js');
-const usage = require('./usage-513f9e4b.js');
+const usage = require('./usage-5a5bc23d.js');
 const index$1 = require('./index-16a4179e.js');
 const onAttributeChange = require('./on-attribute-change-321d434b.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
@@ -66,10 +66,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'fef06863d22d958f0f8f480676e367f12318b19c', class: {
+        return (index.h("div", { key: 'd7007380272235324613611f8ed59de3dafd5c28', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: 'fb6d1378037b6afe85c8308f1c627e87a692b66d', class: "gux-search-icon" }, index.h("gux-icon", { key: '7b4a0a4c06f32a5f5a6745ae7d389263aafdb011', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: 'c2025793b2211750d0274f4f55d20f7de9fb6b3f' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: '218cb132a49992ad15e489d5ecd0df51b415ec14', class: "gux-search-icon" }, index.h("gux-icon", { key: 'c1323895fb7ba1043f368cd3d92d2c4cf745f2dd', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: '15a304658a18d46699624ee358fbdcbff621a1f6' }), 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-79505d14.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-513f9e4b.js');
+const usage = require('./usage-5a5bc23d.js');
 const index$1 = require('./index-16a4179e.js');
 const onClickOutside = require('./on-click-outside-31073d32.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
@@ -121,8 +121,8 @@ const GuxContextMenu = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: '77a15f64c03a59b3b1d019fcafd38ebcbb5e530d' }, index.h("gux-popup", { key: '29475f2535fbaf1bdb4b6cfbbfcc7543ef16b8aa', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: 'ce880d5a7ab2da29687748cbcb63a4076496dc22', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: '0cedacad52253441dcae2b26859c8c5640b35750', accent: "ghost" }, index.h("button", { key: '542c161191b5d5057af2f0a2b49d4280a2c2293f', 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-icon", { key: 'ff66a2c99687cb244b443cf1fc4646904629f843', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), index.h("div", { key: '121c12498c435aff8a99a4a2858dba22876466a6', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: '9982173f4aafbcf12780d2a46aaa2040695839fb', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '46dfd69b18277889c391bef912321aba190ba51e' }))))));
+        return (index.h(index.Host, { key: '6e453e7b6807d12410d59f6b06757e3f60682e58' }, index.h("gux-popup", { key: 'b452625859c94a627f0e6d4b98f499e85ff8279c', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: '6593eb7ef798343835531a672d0707b9432894ae', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: '83dc6c36f285dd588ac3aa9f1cc7a8dbaf6cb09a', accent: "ghost" }, index.h("button", { key: '0caa129a0c9fa22d0cda0e0bcb196dd678954103', 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-icon", { key: '4a118b478774fac05c7fb4d1a898ace684055ced', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), index.h("div", { key: 'ae1bfb10b5d83ea7785b84385153bd1387e83bba', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: 'c3e766f9e97d2b0ce5952fc5347518e6f760d500', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '134d65517ba6a3b52999fdf76687a13eb7a37016' }))))));
     }
     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-79505d14.js');
-const usage = require('./usage-513f9e4b.js');
+const usage = require('./usage-5a5bc23d.js');
 const index$1 = require('./index-16a4179e.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -74,7 +74,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: '2ea788bc0ff0b0791252b8d846da09b556d5769d', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, index.h("div", { key: '675bb9f59defacdf9efaf538754e13e683dd912d', class: "gux-copy-content" }, index.h("slot", { key: 'c15a08a26b41d20bf00aa76c4f43e26a73456ec7', name: "content" }), index.h("gux-icon", { key: 'a98c4fa80888cef74ec3ce2062b2da7923de844a', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (index.h("button", { key: 'e38531c189577cfedc4a33a63beacdf53811be8b', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, index.h("div", { key: 'e1c39557f0024de4b91888b91bc73ed40f80c381', class: "gux-copy-content" }, index.h("slot", { key: '1407b8cc01725266196aa5e997f810e7fbbffe1e', name: "content" }), index.h("gux-icon", { key: '5934ad501fb17c19e1688e6134ac384e128cd2bb', "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

@@ -48,11 +48,11 @@ const GuxCreateOption = class {
         return (index.h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (index.h(index.Host, { key: '56d9ed4affeb1eb6138577df406ad5ddb397b2b2', role: "option", "aria-selected": false, class: {
+        return (index.h(index.Host, { key: '9f2b755c695077df77c31d8caabbab326c8e5153', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, index.h("div", { key: '96245daaf7f95ac89cf1179b4f5a3ab52f65aa20', class: "gux-option" }, index.h("gux-icon", { key: 'ab7121b9be86575ab6fd7f4b826ae5e062e73df3', decorative: true, "icon-name": "fa/plus-regular" }), index.h("div", { key: '0e66206f686c355d0e49827728174ab90024e540', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, index.h("div", { key: '3f59a2503b60aab9bf7778686aaaf9e10d31cad1', class: "gux-option" }, index.h("gux-icon", { key: 'e9df5c6157d07292005f4dec1734c059a6d1c1c3', decorative: true, "icon-name": "fa/plus-regular" }), index.h("div", { key: 'e4865bd8f1dcf10895d0b04069bbf6f668fe44c1', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -3,10 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-513f9e4b.js');
+const usage = require('./usage-5a5bc23d.js');
 const getValidTimezone = require('./get-valid-timezone-cbe2b3e3.js');
-const useRegionalDates = require('./use-regional-dates-44835a16.js');
+const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 const index$1 = require('./index-16a4179e.js');
+require('./get-closest-element-26170ce0.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const GuxDate = class {

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

@@ -3,10 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-513f9e4b.js');
+const usage = require('./usage-5a5bc23d.js');
 const getValidTimezone = require('./get-valid-timezone-cbe2b3e3.js');
-const useRegionalDates = require('./use-regional-dates-44835a16.js');
+const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 const index$1 = require('./index-16a4179e.js');
+require('./get-closest-element-26170ce0.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const GuxDateTime = class {

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

@@ -8,10 +8,11 @@ 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-31073d32.js');
-const usage = require('./usage-513f9e4b.js');
+const usage = require('./usage-5a5bc23d.js');
 const index$1 = require('./index-16a4179e.js');
-const useRegionalDates = require('./use-regional-dates-44835a16.js');
+const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 require('./get-closest-element-9e41d6b9.js');
+require('./get-closest-element-26170ce0.js');
 
 const start = "Start";
 const end = "End";
@@ -649,7 +650,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: 'cc656645e09bab453bd0184d5b0cb2f127a914be', class: {
+        return (index.h("div", { key: 'b5abeaaa7c7ee64d4c6eb546b7acbacc8eb36f4b', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-513f9e4b.js');
+const usage = require('./usage-5a5bc23d.js');
 const index$1 = require('./index-16a4179e.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -50,10 +50,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (index.h("div", { key: 'c86ca154ee39b542f054dd8b74ff2656d1f1f4d0', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: '22314053c0f38be9611b79abebec2275a6239841', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, index.h("gux-icon", { key: '98236cc2f4de533a0fdd67647310f6e8acde7e28', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: '695f34e38ef7e0815eef143419c138abd327a364', id: this.panelId, class: {
+        return (index.h("div", { key: 'ddef471b42c98794dab1a0e5e755cf54fec2b0c2', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: '20de61af1b0b1708fff14674f935681fc8aee6fa', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, index.h("gux-icon", { key: '6d1a848d5390dca8a58c7b80a4eed44827bf1115', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: '7fc00905888e1fa6ec8a4d7b3af68366a793793c', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, index.h("slot", { key: 'a095f40d6bfa57f03b260272ce8c6a04be76ae77', name: "panel-content" }))));
+            }, role: "region" }, index.h("slot", { key: 'e884ac7e55fe4dca6fbbb974246ad1f56c08123a', 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-79505d14.js');
-const usage = require('./usage-513f9e4b.js');
+const usage = require('./usage-5a5bc23d.js');
 const index$1 = require('./index-16a4179e.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: 'd8a8bd3bf77c2c0f086253eeff26a7b3a911e409', accent: "ghost", class: {
+        return (index.h("gux-button-slot", { key: '0e385029f9ae016c209a7a437dab813ae93bb8a1', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, index.h("button", { key: 'ca9181f31a72ac835e60dca94b67c58fde9003c0', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: '5d738b933349e835ccc386d5e9c2abe4087dbb61', class: "gux-icon-container" }, index.h("gux-icon", { key: '350247e07ccb8013b395c6e10ee2a8b9a1e19e97', "icon-name": "fa/xmark-large-regular", decorative: true })))));
+            } }, index.h("button", { key: '20d47447395160fa15fa691023370270d58326b7', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: '5d6042a3ce51053ae813779b108f4758868d3516', class: "gux-icon-container" }, index.h("gux-icon", { key: '25c19cca16e132c56d347d04a3324865d8fa46b8', "icon-name": "fa/xmark-large-regular", decorative: true })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -44,7 +44,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '0bf042a664f27a0729b708a8d204453ca4da7234', class: {
+        return (index.h("div", { key: '2218930574eb1629c66b24922beefbbb3043a007', 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-16a4179e.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-513f9e4b.js');
+const usage = require('./usage-5a5bc23d.js');
 const guxListbox_service = require('./gux-listbox.service-a91f8bd2.js');
 const onMutation = require('./on-mutation-9b997891.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -397,7 +397,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            index.h("div", { key: 'e9204d3c0e513dc95e4b4d8b4a19e3a6fdef6e57', class: "gux-dropdown-container" }, index.h("gux-popup", { key: 'c7c579291174ea2eac5e16e93aea1235a296a584', 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: '05b2c7f797aa93e0f4f176ec9ed03d52eea60e7c', class: "gux-dropdown-container" }, index.h("gux-popup", { key: 'caf6a733b5a7b5ee2771c5642f23fc733c322f52', 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

@@ -68,7 +68,7 @@ const GuxDropdownOption = class {
         };
     }
     __stencil_render() {
-        return (index.h("div", { key: '36e1ac2860612da7e5f7b4a1622e3cfaa03a7e5f', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (index.h("div", { key: '94b16dc60cbea6e1d78b988ace9f2f0730489c0c', 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-16a4179e.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-513f9e4b.js');
+const usage = require('./usage-5a5bc23d.js');
 const onMutation = require('./on-mutation-9b997891.js');
 const guxListbox_service = require('./gux-listbox.service-a91f8bd2.js');
 const hasSlot = require('./has-slot-3edae188.js');
@@ -360,7 +360,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (index.h("gux-popup", { key: '46113b9a83f7ce1f2342d1cc869178ddb6e889ff', 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: '40a711002606ef898dbcf119890f90b0981c342f', 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); }
@@ -582,13 +582,13 @@ const GuxOption = class {
         return this.selected ? 'true' : 'false';
     }
     render() {
-        return (index.h(index.Host, { key: 'cf5fe5e745553b6d2dd60a16092c0a3685d3e56f', role: "option", class: {
+        return (index.h(index.Host, { key: 'd5050631ba526c1247d272ef9ed265f97706a908', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 '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: '93046a8e31821e9953f77a288fb00e9ffd3a339e', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '573bfa3e236fa31d70f743cdbced7c591526633e', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'db1743e32b1a2ef216a785e70d6899bbfcef744d' })), index.h("slot", { key: '64af95d9800a03704c90112df781157c3429f21e', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("div", { key: 'b8cfb42e8a80e1b6bf3d4e6e18078b038ab4b7b0', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '8915de0857aa594e326c99a10c424cc1f2fb0636', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'f233607b6417fcc5efb072aa4d0b45706bc3055f' })), index.h("slot", { key: '4893c1453d676fff099e1b45a91e8c7f1e97ac6a', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {