npm - genesys-spark-components - Versions diffs - 4.59.0 → 4.60.1 - Mend

genesys-spark-components 4.59.0 → 4.60.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (557) hide show

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const isoDates = require('./iso-dates-2daf4199.js');
-const usage = require('./usage-e56cf78b.js');
+const usage = require('./usage-de866563.js');
 const index$1 = require('./index-a1a48d79.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
 const useRegionalDates = require('./use-regional-dates-34243a86.js');
@@ -64,7 +64,7 @@ function getDateMonthAndYearString(date, locale) {
     }
 }
-const guxCalendarCss = ":host{display:inline-block}.gux-calendar{margin-top:2px;border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius);box-shadow:var(--gse-ui-calendarMenu-boxShadow-x) var(--gse-ui-calendarMenu-boxShadow-y) var(--gse-ui-calendarMenu-boxShadow-blur) var(--gse-ui-calendarMenu-boxShadow-spread) var(--gse-ui-calendarMenu-boxShadow-color)}.gux-calendar .gux-header{position:relative;display:flex;gap:var(--gse-ui-calendarMenu-header-gap);align-items:center;justify-content:space-between;height:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);font-weight:var(--gse-ui-calendarMenu-month-currentText-fontWeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-calendar .gux-header button{position:absolute;color:var(--gse-ui-calendarMenu-month-monthHeader-foregroundColor);cursor:pointer;background:none;border:none;outline:none}.gux-calendar .gux-header button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color)}.gux-calendar .gux-header button.gux-left{left:18px}.gux-calendar .gux-header button.gux-right{right:18px}.gux-calendar .gux-header button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);pointer-events:none}.gux-calendar .gux-header .gux-month-list{display:flex;justify-content:space-between;width:100%;font-family:var(--gse-ui-calendarMenu-month-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-headerText-fontSize);line-height:var(--gse-ui-calendarMenu-month-headerText-lineHeight)}.gux-calendar .gux-header .gux-month-list label{width:100%;text-align:center}.gux-calendar .gux-content{display:flex;align-items:flex-start;padding:var(--gse-ui-calendarMenu-dateBody-padding);color:var(--gse-ui-calendarMenu-month-default-foregroundColor);background-color:var(--gse-ui-calendarMenu-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius)}.gux-calendar .gux-content table{width:var(--gse-ui-calendarMenu-day-input-width);text-align:left;table-layout:fixed;border-spacing:0;-ms-user-select:none;user-select:none}.gux-calendar .gux-content table:not(:last-child){padding-right:24px}.gux-calendar .gux-content table tr{height:var(--gse-ui-calendarMenu-day-input-height)}.gux-calendar .gux-content table tr:empty{display:none}.gux-calendar .gux-content table tr th,.gux-calendar .gux-content table tr td{width:var(--gse-ui-calendarMenu-day-date-size);height:var(--gse-ui-calendarMenu-day-date-size);padding:0;margin:0;text-align:center}.gux-calendar .gux-content table tr th{font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-day-headerText-fontSize);font-weight:var(--gse-ui-calendarMenu-day-headerText-fontWeight);line-height:var(--gse-ui-calendarMenu-day-headerText-lineHeight)}.gux-calendar .gux-content table tr td{font-family:var(--gse-ui-calendarMenu-date-defaultText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-defaultText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-defaultText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-defaultText-lineHeight);color:var(--gse-ui-calendarMenu-date-default-foregroundColor);cursor:pointer}.gux-calendar .gux-content table tr td.gux-hovered{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-selected{color:var(--gse-ui-calendarMenu-date-selected-foregroundColor);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-selected:hover:not(.gux-calendar .gux-content table tr td.gux-selected.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-selected.gux-end-date){background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date,.gux-calendar .gux-content table tr td.gux-end-date{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date,.gux-calendar .gux-content table tr td.gux-end-date .gux-date{display:flex;align-items:center;justify-content:center;width:var(--gse-ui-calendarMenu-day-date-size);height:var(--gse-ui-calendarMenu-day-date-size);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date:hover,.gux-calendar .gux-content table tr td.gux-end-date .gux-date:hover{background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date{border-radius:16px 0 0 16px}.gux-calendar .gux-content table tr td.gux-end-date{border-radius:0 16px 16px 0}.gux-calendar .gux-content table tr td:hover:not(.gux-calendar .gux-content table tr td.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-end-date):not(.gux-calendar .gux-content table tr td.gux-hovered):not(.gux-calendar .gux-content table tr td.gux-selected){background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-disabled{pointer-events:none;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month{opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month:hover{background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor)}.gux-calendar .gux-content table tr td.gux-not-in-month.gux-hidden{visibility:hidden}.gux-calendar .gux-content table tr td.gux-current-date{font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-currentText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-currentText-lineHeight)}.gux-calendar .gux-content table tr td:focus-visible{border-radius:var(--gse-ui-calendarMenu-month-focusBorderRadius);outline:var(--gse-semantic-focusRing-default-border-width) solid var(--gse-semantic-focusRing-default-border-color)}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";
+const guxCalendarCss = ":host{display:inline-block}.gux-calendar{margin-top:2px;border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius);box-shadow:var(--gse-ui-calendarMenu-boxShadow-x) var(--gse-ui-calendarMenu-boxShadow-y) var(--gse-ui-calendarMenu-boxShadow-blur) var(--gse-ui-calendarMenu-boxShadow-spread) var(--gse-ui-calendarMenu-boxShadow-color)}.gux-calendar .gux-header{position:relative;display:flex;gap:var(--gse-ui-calendarMenu-header-gap);align-items:center;justify-content:space-between;height:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);font-weight:var(--gse-ui-calendarMenu-month-currentText-fontWeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-calendar .gux-header button{position:absolute;color:var(--gse-ui-calendarMenu-month-monthHeader-foregroundColor);cursor:pointer;background:none;border:none;outline:none}.gux-calendar .gux-header button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color)}.gux-calendar .gux-header button.gux-left{left:18px}.gux-calendar .gux-header button.gux-right{right:18px}.gux-calendar .gux-header button gux-icon{width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);pointer-events:none}.gux-calendar .gux-header .gux-month-list{display:flex;justify-content:space-between;width:100%;font-family:var(--gse-ui-calendarMenu-month-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-headerText-fontSize);line-height:var(--gse-ui-calendarMenu-month-headerText-lineHeight)}.gux-calendar .gux-header .gux-month-list label{width:100%;text-align:center}.gux-calendar .gux-content{display:flex;align-items:flex-start;height:var(--gse-ui-calendarMenu-height);padding:var(--gse-ui-calendarMenu-dateBody-padding);color:var(--gse-ui-calendarMenu-month-default-foregroundColor);background-color:var(--gse-ui-calendarMenu-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius)}.gux-calendar .gux-content table{width:var(--gse-ui-calendarMenu-day-input-width);text-align:left;table-layout:fixed;border-spacing:0;-ms-user-select:none;user-select:none}.gux-calendar .gux-content table:not(:last-child){padding-right:24px}.gux-calendar .gux-content table tr{height:var(--gse-ui-calendarMenu-day-input-height)}.gux-calendar .gux-content table tr:empty{display:none}.gux-calendar .gux-content table tr th,.gux-calendar .gux-content table tr td{width:var(--gse-ui-calendarMenu-day-date-size);height:var(--gse-ui-calendarMenu-day-date-size);padding:0;margin:0;text-align:center}.gux-calendar .gux-content table tr th{font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-day-headerText-fontSize);font-weight:var(--gse-ui-calendarMenu-day-headerText-fontWeight);line-height:var(--gse-ui-calendarMenu-day-headerText-lineHeight)}.gux-calendar .gux-content table tr td{font-family:var(--gse-ui-calendarMenu-date-defaultText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-defaultText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-defaultText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-defaultText-lineHeight);color:var(--gse-ui-calendarMenu-date-default-foregroundColor);cursor:pointer}.gux-calendar .gux-content table tr td.gux-hovered{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-selected{color:var(--gse-ui-calendarMenu-date-selected-foregroundColor);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-selected:hover:not(.gux-calendar .gux-content table tr td.gux-selected.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-selected.gux-end-date){background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date,.gux-calendar .gux-content table tr td.gux-end-date{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date,.gux-calendar .gux-content table tr td.gux-end-date .gux-date{display:flex;align-items:center;justify-content:center;width:var(--gse-ui-calendarMenu-day-date-size);height:var(--gse-ui-calendarMenu-day-date-size);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date:hover,.gux-calendar .gux-content table tr td.gux-end-date .gux-date:hover{background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date{border-radius:16px 0 0 16px}.gux-calendar .gux-content table tr td.gux-end-date{border-radius:0 16px 16px 0}.gux-calendar .gux-content table tr td:hover:not(.gux-calendar .gux-content table tr td.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-end-date):not(.gux-calendar .gux-content table tr td.gux-hovered):not(.gux-calendar .gux-content table tr td.gux-selected){background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-disabled{pointer-events:none;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month{opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month:hover{background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor)}.gux-calendar .gux-content table tr td.gux-not-in-month.gux-hidden{visibility:hidden}.gux-calendar .gux-content table tr td.gux-current-date{font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-currentText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-currentText-lineHeight)}.gux-calendar .gux-content table tr td:focus-visible{border-radius:var(--gse-ui-calendarMenu-month-focusBorderRadius);outline:var(--gse-semantic-focusRing-default-border-width) solid var(--gse-semantic-focusRing-default-border-color)}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";
 const GuxCalendarStyle0 = guxCalendarCss;
 const GuxCalendar = class {
@@ -386,7 +386,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: 'b82550835383b3ffd80d13da7510e8e781e7b8d1', class: "gux-calendar" }, index.h("div", { key: '7c191964ff7d917f0d7a5b67afb08bc92163538c', class: "gux-header" }, index.h("button", { key: '11860e63df40c1ddc686b90e6b045fb696bfae01', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: '28a93841800e06f17135882eb231c54ae2aebc7f', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: '23e16a300ab5a1b8de3178bf88a2b4a6326bdf95', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: '925d29f22112259fe5082d2051546d58aee7c789', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: 'dbc45c6c17eee5770e7c77856c10bd4f35a0b59c', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (index.h("div", { key: '16221a149dfe8fac67eb2b4c38f84775f04e6122', class: "gux-calendar" }, index.h("div", { key: '9d2984e7852a9012ad1bce4803d132e1779eafd1', class: "gux-header" }, index.h("button", { key: 'f0b75de22c5df1ba52a9b731cf5bc114c6fa0edc', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: 'e200f6e4a419091ba09d79e6cd411dac342a0bd8', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: '1509ebeb10278bd9c124577040b22cbf523b8b35', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: 'f6e8ea3aa272de7187d70dd3694b4afff76aeb72', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: '4bace72796459b7064d365285a09c70042dc852c', 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 CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-e56cf78b.js');
+const usage = require('./usage-de866563.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-x) var(--gse-ui-card-raised-boxShadow-y) 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: 'ef986dfeb651244c08e8cef8bb9a4e4983f0601c', class: {
+        return (index.h("div", { key: 'c5c221ea7b8707264a00609dcb8adb17d26bae8b', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("slot", { key: '316a79ac9fca43aa9d276619b099f68902c3cf19' })));
+            } }, index.h("slot", { key: 'f12ceb174a2ad7fd32ec5853eb7c3888c59f2ede' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -158,14 +158,14 @@ const GuxColumnManagerItem = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: '3b9b8631c8b17b8cb6700e18684ece19af459a62', draggable: "true" }, index.h("div", { key: 'ff9937f842c7c4ee74f976083e8adf318d6b466b', class: {
+        return (index.h(index.Host, { key: '4b4c3ef355c0d140730fc90e635cba61e82e077e', draggable: "true" }, index.h("div", { key: 'b7108b987d42d6447701b3db59a23455a85b5554', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, index.h("button", { key: '5837c9958ea78defc832dad36c7d255da2a6aa36', class: {
+            } }, index.h("button", { key: '3d66a05cf5655bd5f0d8dbfa566167be5bceb681', 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: 'f3dc52c9ac8a9ebe1a2b8516f99c0a045b00770e', "icon-name": "fa/grip-vertical-solid", decorative: true }), index.h("span", { key: 'b3e03ed1481f5b4fdfd639efa87aca80a6328785', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: '35ea3d0421ba845bb2a393d44ead54971a7bca62', class: "gux-select" }, index.h("slot", { key: '0f5cfeff81a32018f07347434aac76c9cb609aef', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: '8ec79bc87d2ae402a9eae6a4895fa7a60ce563dd', 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: 'feea2baefd6ba7128d8eb1d7fbbe48f241c5f788', "icon-name": "fa/grip-vertical-solid", decorative: true }), index.h("span", { key: '6828baaeb877ec32bac9c78d96cceecb1becc79d', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: 'e3d3148a61099acb4707f5cb66a40c1dbefc3789', class: "gux-select" }, index.h("slot", { key: 'fad304e29274cdf9fa15a679ba7d6009c68868b8', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: 'a4012488bdd5f6a979283768710e69c4f62188ea', 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 CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-e56cf78b.js');
+const usage = require('./usage-de866563.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: 'c1551c6850d4d173f5a9cbc8adae0885ee7e5df8', class: "gux-container" }, index.h("div", { key: 'bdaf9e69423f7beb33ffd9734c7522c48558f9ab', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '84b5c8a87cc3e5752495d19b099636e6132d2dc1', class: "gux-search" }, index.h("gux-content-search", { key: 'cca98637873563774b81ddd102440836aaca7564', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: '982e53695e89bfeda825a488e2d5cc9551595bdc', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: 'aa6745e6f96354799f6861f2df7713744e4cfebf', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: '337494ff41542178c1f38d2dc3d34d7a17b4052a' }, index.h("input", { key: 'a1aa3115e15585983ef0deb81128692ce9356119', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: 'e89b5065386f82b76ff72fb2a50ebccce32c1a50', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: 'f1e2fd15bdbddc18e8102285f91f1b58e652c16f', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: '8df83f63b0c1b0b2df45401373563f6ed61def24', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: 'f17ebac39e35a6b47dd4bbfbcd2f9dbe67041c09', ref: el => (this.announceElement = el) })));
+        return (index.h("div", { key: '235c27899f7907107d12ec4d7651443ca763de03', class: "gux-container" }, index.h("div", { key: 'a67dd33d227868fd49bb75cbd089c51945f204fc', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '62d80474abfdb828efaf3d68663db230fd6acb04', class: "gux-search" }, index.h("gux-content-search", { key: 'a0104c41a58927e5b5441fe682312d83923ac65b', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: 'f6b653b05402b950c0b187e3cbea9098dda33b04', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: 'a1c6a894e9355394556a354a5ad4517c47ea48cb', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: 'ef7523a6686227c4a9bb999cb68e377912d8ce42' }, index.h("input", { key: '14d3438c585c61ac2423f2bbc4a674340b2a0134', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '5fa1c2a35b48dfcbe8bf83380951219e41d15244', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: 'c2fe9d9e9289e1708f5a39ebaf5de9c1c6143f20', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: 'd1a6b7b13c7e61039d1849ae50376f5183b8484c', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '1b810acfb1b38167c55029865dc4c6aed8cfc845', ref: el => (this.announceElement = el) })));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-e56cf78b.js');
+const usage = require('./usage-de866563.js');
 const index$1 = require('./index-a1a48d79.js');
 const onAttributeChange = require('./on-attribute-change-321d434b.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -65,10 +65,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (index.h("div", { key: '28dcbebdc2360acbcc470d7350cd44af98372248', class: {
+        return (index.h("div", { key: '486f3b73154fa3ab5fdbc2b08a3814b2963f9e2a', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: 'b9b0c36c865ff44311a4dd0aa4953e2ab84eab52', class: "gux-search-icon" }, index.h("gux-icon", { key: '157cf2905e8f8fde53e8d5caa8fc49c9731f03d9', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: '3ec070473db086bf83e2379f882ab6b841e76f8c' }), this.getNavigationPanel()));
+            } }, index.h("div", { key: '5e763b1f39a341e0cfa6f3b37b1fdf91680ff1be', class: "gux-search-icon" }, index.h("gux-icon", { key: 'cdabebb4eff1a8c9d4aacaae16d81a2681ec8910', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: '7e60dd512c15f41dd2256da0a776cd42945e645b' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-e56cf78b.js');
+const usage = require('./usage-de866563.js');
 const index$1 = require('./index-a1a48d79.js');
 const onClickOutside = require('./on-click-outside-6db914c3.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: 'e5a8ef05536ad0144351352dba6289518940d432' }, index.h("gux-popup", { key: '671b4c5916f31c44cdd418a4428a3f04d74d008e', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: '7427e4ed69434d272253f38e21633c2636024342', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: 'c314a68680d76e86e3fe5dc5460bf322e754681d', accent: "ghost" }, index.h("button", { key: 'ee4757c8808bc1fde39a0a277b2f6277aac938cb', 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: 'b0ac125633ac29e07290aaf06125fb2a350aa17a', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), index.h("div", { key: 'b2a4ade081f6b19d104053f460e9e2410c8b5fbe', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: '99318c7629f840625f9475070fb73c5107e17013', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '5ff855679e19f7123295a819e150b424c7f749af' }))))));
+        return (index.h(index.Host, { key: 'f0541f7bb22b271ab0ac4adb09dc274162fc6b3b' }, index.h("gux-popup", { key: 'f140a6e82a37ade87baec7536fee2990f28c460b', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: '459323b0c1742b8eddead8961e4355c96801397a', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: 'ed3d5016dcfc5f203df91bf6b2a1488c1c6c36e5', accent: "ghost" }, index.h("button", { key: 'a2925a0822e9085b6c285496b4a8eec958badb6f', 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: 'e56609d43adfb8a8c56553987bc43489b03367fb', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), index.h("div", { key: '7eab593cc6438bd1afb0bf4a17504c066e011da7', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: 'edeab18b640d37bb32b68ca6cb452d2fcf6e014d', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'b57bcc824d35ffc462edbdefad489eecc4501e88' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-e56cf78b.js');
+const usage = require('./usage-de866563.js');
 const index$1 = require('./index-a1a48d79.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: '44a5d72f48a5ae3f61efdd8fb0d5a6b4a94cca01', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, index.h("div", { key: 'efb174d98e3f69e2c599703e44e4074598663070', class: "gux-copy-content" }, index.h("slot", { key: 'e287d43bcac5f3a09ef4bce02ef0dfb0ca9472e5', name: "content" }), index.h("gux-icon", { key: '6ee5929df43b450919a3c9bed98ab863712d24df', "icon-name": "fa/copy-regular", decorative: true })), this.renderTooltip()));
+        return (index.h("button", { key: 'bcf305b03de3913b37007b0c7e168d378f3dfa77', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, index.h("div", { key: '3c9dcc89b7c3a009b0e3cf6d995809955e9f3f96', class: "gux-copy-content" }, index.h("slot", { key: 'bfd5176e554d9eccad5a996b5c871643bc3c9d1a', name: "content" }), index.h("gux-icon", { key: '878cf9bb0024df96d9ae40e154859bcd38c41315', "icon-name": "fa/copy-regular", decorative: true })), this.renderTooltip()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -48,11 +48,11 @@ const GuxCreateOption = class {
         return (index.h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (index.h(index.Host, { key: 'b2e647036b273ac69eb169fc3786b8c80814d682', role: "option", "aria-selected": false, class: {
+        return (index.h(index.Host, { key: 'cbe16c34f5d4dbb6c810bd5d4a44ef07a807ef75', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, index.h("div", { key: 'b3f351cc1de6776dd7ffd2bde3a12c499ec2e8e1', class: "gux-option" }, index.h("gux-icon", { key: 'fdf2dbf85e5abc08a1670e620281996351b70ae4', decorative: true, "icon-name": "fa/plus-regular" }), index.h("div", { key: 'ffac01c17dca45e59d7197f6753a1698b5b1fab1', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, index.h("div", { key: 'be0980093f4fc37bf585bfbcf2f875d0208ae925', class: "gux-option" }, index.h("gux-icon", { key: '3c62a020b6856abf567eda0993e2a53853ab2263', decorative: true, "icon-name": "fa/plus-regular" }), index.h("div", { key: '9ecfe5f1fdac85bdf773ebd8d7c407ec7d6a6d36', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-e56cf78b.js');
+const usage = require('./usage-de866563.js');
 const getValidTimezone = require('./get-valid-timezone-52eac7fa.js');
 const useRegionalDates = require('./use-regional-dates-34243a86.js');
 const index$1 = require('./index-a1a48d79.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-e56cf78b.js');
+const usage = require('./usage-de866563.js');
 const getValidTimezone = require('./get-valid-timezone-52eac7fa.js');
 const useRegionalDates = require('./use-regional-dates-34243a86.js');
 const index$1 = require('./index-a1a48d79.js');

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

@@ -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-6db914c3.js');
-const usage = require('./usage-e56cf78b.js');
+const usage = require('./usage-de866563.js');
 const index$1 = require('./index-a1a48d79.js');
 const useRegionalDates = require('./use-regional-dates-34243a86.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -647,7 +647,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: '971821436eaaaedb24e0e71b8b22f91b4e04110b', class: {
+        return (index.h("div", { key: '1c33a3aca622516c61cbdd4d5bac4242cfbad49c', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-e56cf78b.js');
+const usage = require('./usage-de866563.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -50,10 +50,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (index.h("div", { key: '54ab6c91d837b2c2f2df842a273bb9d40a46fe98', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: '3e1404ce2354beaf184cf6c73982160e731dbdd5', 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: 'cb2206edc79bb2bbab81c7ddfa6b1e66b5a8683b', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: 'b65b1bd3edebdf429ce557118c2fb1153ad35fc6', id: this.panelId, class: {
+        return (index.h("div", { key: '7606631f49c7f3c4eb291776879d022712bd1fa5', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: 'a55988eeba61599f745f9bf47350a3ef50770052', 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: '284b5cb243896fbd272a21f2180e5f1d76791851', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: 'e89f0a42b9d414a641f9464b20591376bd5c4efe', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, index.h("slot", { key: 'f49c0101d8e9099e776784cf8f2a8fa9899a57d1', name: "panel-content" }))));
+            }, role: "region" }, index.h("slot", { key: '1b30aea14f5fd8941bdf67aeb4f567ee3ffe86be', name: "panel-content" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-e56cf78b.js');
+const usage = require('./usage-de866563.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -25,7 +25,7 @@ const GuxDismissButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("gux-button-slot", { key: 'f37941f11b5f39da8b93ea818da75397b09675b4', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, index.h("button", { key: '21742d1a2563353a27849c6908142e4ab64f78d1', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: '94a37b687290a4f5136d62e0eb3181e7ff7eb3cf', class: "gux-icon-container" }, index.h("gux-icon", { key: 'bbe176b8060f51e0ba6ca2186ca066d3fc3c7238', "icon-name": "fa/xmark-large-regular", decorative: true })))));
+        return (index.h("gux-button-slot", { key: 'a80b309ee71fe9ebfd9370ed9ae9776070c87832', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, index.h("button", { key: 'f086d6337c65be4865dce6f7b5eafc818170d16b', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: '95380421d453c9d300647dbcdd35145440ebf497', class: "gux-icon-container" }, index.h("gux-icon", { key: '72191ec2b236d3acbd30cd6a0ab0fd45598dc9d8', "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 CHANGED Viewed

@@ -44,7 +44,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: 'c8f43d501cd619c5446c89adb95fe1645aa3b7ac', class: {
+        return (index.h("div", { key: 'f88f924246234b9db6aef37db2fb3f6bedd24532', 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 CHANGED Viewed

@@ -8,7 +8,7 @@ const index$1 = require('./index-a1a48d79.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-e56cf78b.js');
+const usage = require('./usage-de866563.js');
 const guxListbox_service = require('./gux-listbox.service-a91f8bd2.js');
 const onMutation = require('./on-mutation-3d294d15.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -391,7 +391,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            index.h("div", { key: 'ba41dafd5ced8e6767878faca31fd01e4a716018', class: "gux-dropdown-container" }, index.h("gux-popup", { key: '84815a80e632f272932c33a93992312f452d0569', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()))
+            index.h("div", { key: '475be896246091f798a81ff2bfc027b41a31c4df', class: "gux-dropdown-container" }, index.h("gux-popup", { key: '02da36e1506eecd9343291e1e45fa7eebef11b2c', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get delegatesFocus() { return true; }

package/dist/cjs/gux-dropdown-option.cjs.entry.js CHANGED Viewed

@@ -68,7 +68,7 @@ const GuxDropdownOption = class {
         };
     }
     __stencil_render() {
-        return (index.h("div", { key: '2a75a6c25ba64caa912e2208ab81c18387086529', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (index.h("div", { key: '388c35f13069f7f54bff75ea298f730862ca39fb', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

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

@@ -8,7 +8,7 @@ const index$1 = require('./index-a1a48d79.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-e56cf78b.js');
+const usage = require('./usage-de866563.js');
 const onMutation = require('./on-mutation-3d294d15.js');
 const guxListbox_service = require('./gux-listbox.service-a91f8bd2.js');
 const hasSlot = require('./has-slot-3edae188.js');
@@ -354,7 +354,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (index.h("gux-popup", { key: '7a689c692b6e62f66f48ede110b835d69d03114f', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: '1bf630a1efca19cd958d15746bebfbc53d442f67', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -575,13 +575,13 @@ const GuxOption = class {
         return this.selected ? 'true' : 'false';
     }
     render() {
-        return (index.h(index.Host, { key: '2ce90e7d99ec17d71f6db0f56fed22f037fe6b10', role: "option", class: {
+        return (index.h(index.Host, { key: '158d52dfa54bef255d74f1403552216d319238fa', 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: '519667ace3ac8ebcf53f5204a75d5cbac4b1a266', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '22f523cee15028e56c3164008c5dc064f518d608', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '57f1638f43138139c121f8cc2ab8df6d7cc70fb9' })), index.h("slot", { key: '028e005e28fb057f322600a3daf1e8109935dd52', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("div", { key: 'a0d1d229beed4ad87fa19b5507f43bc22ed0d3bf', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '2a126d7e19fda3147b9190a48f35a5e8efe43695', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '550e330ac234b0defab7f9d2d973928ff6367ed2' })), index.h("slot", { key: 'be3f45964a62e240d4c971d48b6393281e3c2c91', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {