genesys-spark-components 4.101.0 → 4.102.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-250cab08.js');
+const usage = require('./usage-b9fd8f10.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: '89fb5403854c3f59ab6825a764e097a13c8c9443', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            index.h("button", { key: '4c7f98866c71bd8dd65500cd9b33402efae9b58f', 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: '70d13d0da92334aab6f45e38eb7099632472aa12', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle }, index.h("slot", { key: '7c2d98b8269a4ddfed2ea39270bfb8569cd60630', 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: 'bbeb26fc0f47322c0c223943739cd5e442fdd3ad', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'a22681aaaa5c548beb644b8448ff047005ebdfb1', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '210e406fc65360fa9d5cdb871462cf3cae5fa9c7', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'e9b66709fb17f2a5f59a970aa594c78fe97a2f9f', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '7171533a2cdea6cb8cf9bf4c99c70d1e0b8cd65f', name: "label-info" })), index.h("div", { key: '6029091f68446c39e946b5242f4872ca39973692', class: "gux-input-and-error-container" }, index.h("div", { key: '71bc029e88a250c8781a248bcfb5020271547672', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '4dc1e3ba9094290cabb43a2a48d2cc2d3ff7bc05', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '8164ea0e950c684004dfd0e3b21e1939632c3734', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '880ff53d3ccb61f4eb31ff4e4a27629e352ca38e', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '7874ddefe954b2b440e8a3c58ce9d0020f353edf', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '36079c1ff80dbd53a3bdb42f8f71f63fb85ee424', name: "label-info" })), index.h("div", { key: '07322b144c9b64d357666a923725ecec9c799b37', class: "gux-input-and-error-container" }, index.h("div", { key: 'fcf36ad925dd6dcb6edcb8fc9f7626d3c5e0d945', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, index.h("div", { key: '8ada535103e9131c4c076d1b48c481bd3f84885c', class: {
+            }, part: "input-section" }, index.h("div", { key: '0a51011cfceb704785e05e2863b932eafe6a6346', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '87f2fff194f28c22e71a9d20b46f7304aceea569', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: '55491eb32e6f4c3c07ac03a3fb0ed7f66315291e', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: 'a1569ce252e9b95608836e504dcec9dc610b6146', show: this.hasError }, index.h("slot", { key: '93478b2fd259cfa44447a8e4609736d3d5c2c47e', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'ef3c99ced7f64d644c8f6955cd6fc49f0b97840e', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'd4682b3814be6f9619ab9060e2ca842bf552e2c8', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '4e4fa1261ae2e22b59dc6aefc317caa4ecfd56f2', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: 'bf6ecf242841fb008f11a5daf3771e287474ca9a', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: '8d22fae051f8b0eb4765319822cd34300f7e4a15', show: this.hasError }, index.h("slot", { key: '85183deabf7afcb81b85dced7854ae81f0daf252', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '30e115c3fdeb72d50f670d57f6bc87573d1b0edf', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '4631ffea76d8068e578c43b7540f1a9205de9c18', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -354,10 +354,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            index.h("gux-button", { key: 'ae927f6ad743a532f956e1d4157aa481b876eb73', 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: '2294972e7b873aafe38fc4f31f5d06712e8d7e9c', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
-            index.h("gux-tooltip", { key: '3a7c43b988cc7adcad44a0050ac1a28909b59047', for: "popover-target" }, index.h("div", { key: 'b714b0add84ce3eaafdeaada157d390737b74728', slot: "content" }, this.i18n('goToPage'))),
-            index.h("gux-popover", { key: '4ced98bbc84b997c8da6d2b16def48c988cb8d3a', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: '0fa6946c6d83e6d35831ce9b1f1e91a7efd8dd75', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: '8bb39850f1962b5d2d9335db2be19c04a20e5303' }, index.h("input", { key: '9c6348966acb1e29aa401bfe7e2091a4c03912e9', 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: 'e79a5aa2aecbb0e4b2a1b36569e276aa10be9727', slot: "label" })))
+            index.h("gux-button", { key: '9ed85befbef451ca56864bc6d4552a75761fb816', 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: 'c921ce2fb3d657ff36a4788730ac0b13d862f2a3', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
+            index.h("gux-tooltip", { key: 'dc43eab0ac36d1191e1eef036bf59f88a8af28ea', for: "popover-target" }, index.h("div", { key: '8fd060c4117f0d5c8aae3dbced6562b9f1b2f619', slot: "content" }, this.i18n('goToPage'))),
+            index.h("gux-popover", { key: '15801d520be844b1ac1245c798d6be1c6b3a1d10', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: 'dbeffcd6cfd593c3406adc96f34546634ce64401', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: 'c300dc9630227c694d47c13f502d1975fccc8c91' }, index.h("input", { key: 'c9313abe09d11f22738356d8d98e4a0c7c968b78', 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: '994d932651c7b02898fa1a2eb8d264185003c6e1', slot: "label" })))
         ];
     }
     get root() { return index.getElement(this); }
@@ -540,10 +540,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (index.h("div", { key: '7e93be4266cb986cdac33008eb182c38e18717b9', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: 'c08e45889fd33ef91cace7d2f4179e0b578c790f', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: '08e3522aab4bf8f62e08e33ef3a256e296438a2c', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '91da27c2471b161a5142aa93ab21d12982faf183', class: "gux-arrow-caret" })), index.h("div", { key: 'caae7a71b1f48858c3d3ec34bd23de92d795bf75', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: '55ac554fa073c243274e9eb62f786522f4a17a10', name: "title" }), this.renderDismissButton()), index.h("div", { key: 'deeb167992d0b8b87227a47ac8350e392b0f5311', class: "gux-popover-content" }, index.h("slot", { key: '58e64f3ecab425c06c5c314d2281a463993c03f8' }))));
+            }, "data-placement": true }, index.h("div", { key: '48855c5f55593d57241a423eef9007d1be169a1b', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '049b32dbeb22924d4a50149888e58fbad6f371cd', class: "gux-arrow-caret" })), index.h("div", { key: '9ac0f87beedb69e76defae96463b1d69c696ab29', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: 'a132ccac74c4c87238f02323d96d82e39f60f33f', name: "title" }), this.renderDismissButton()), index.h("div", { key: '4b04b4e0ec494146e253d584f31d566591adfa96', class: "gux-popover-content" }, index.h("slot", { key: '89ddebe1c5486eec84486be04a8acfb323a81613' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -5,7 +5,7 @@ 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-250cab08.js');
+const usage = require('./usage-b9fd8f10.js');
 const index$1 = require('./index-16a4179e.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
@@ -387,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: '175a3122ae0ed90efdbb481b41658a5c0117423f', class: "gux-calendar" }, index.h("div", { key: '08cf40ff2f7188dd308963ede8f701099abf186d', class: "gux-header" }, index.h("button", { key: 'cac7ce105159c7d642b183506262db01c9a3cee7', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: 'f774b0e45a2e4bbccae6b7298339ff1b64d5356f', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: 'bba031759d2af4de337acd267c22f5ec509dbdc3', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: 'dce30885a18da46919908902b46be51dde00e3fb', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: '566c905ec6431675978ce220e38bfc523461b4e6', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (index.h("div", { key: 'a7920619780239b450f56c9c2c04774eec648807', class: "gux-calendar" }, index.h("div", { key: 'af8ecec27ab49ad3526b88c822cb61cac24d2d98', class: "gux-header" }, index.h("button", { key: '1ee8c3b7d351c7fbee2935cad620077d69e958ef', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: 'b5b857a1e4979011c0280223d50e311cc75b6b7d', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: '204a2f23232ae0ae600a7b2884da87891a59ff13', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: 'cf27f0b363a895b77cbcbb84cecac31d6c1b7562', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: '6f3106adfbf43b8d7d79b0f1e9033ce3e7f5ca0d', 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-250cab08.js');
+const usage = require('./usage-b9fd8f10.js');
 
 const guxCardCss = ":host{display:block;inline-size:fit-content}.gux-card{box-sizing:border-box;padding:var(--gse-ui-card-padding);background-color:var(--gse-ui-card-backgroundColor);border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color);border-radius:var(--gse-ui-card-borderRadius)}.gux-card.gux-bordered{border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color)}.gux-card.gux-raised{border:var(--gse-ui-card-raised-border-width) var(--gse-ui-card-raised-border-style) var(--gse-ui-card-raised-border-color);box-shadow:var(--gse-ui-card-raised-boxShadow-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: '90b29aab22e6f84524c9773daa4ace7bd2023ec7', class: {
+        return (index.h("div", { key: '64303827daaae1f83871641536569c405edc41e6', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("slot", { key: '00e3e3fca9f4fb33462ba7616dff958ef0f42263' })));
+            } }, index.h("slot", { key: 'd85770e5a8738c8a6b382c072439d3fdc6731c12' })));
     }
     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: 'd9ae9d0819dea054283a5c2272f9e8f9475a7ff4', draggable: "true" }, index.h("div", { key: '15cd47cf8f284f333b0a129eb068e1d46e73f9c3', class: {
+        return (index.h(index.Host, { key: 'c19d1592c2c8ca8d150562afaf097135e7c2f38b', draggable: "true" }, index.h("div", { key: '88cc88a462da0d16e43b39fd90b14ae384e516e4', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, index.h("button", { key: 'd256ad9a45514599d236407257a2c02039833466', class: {
+            } }, index.h("button", { key: '4181ddeb7ce21528a62324c5752a5f1ab74f92ad', 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: '376e365c7846456cdb97a76e9da0a953803cea69', "icon-name": "fa/grip-vertical-solid", decorative: true }), index.h("span", { key: '8361a9c791d815780d9fecf4bcefc552e87da1dd', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: '8e4f21cbd2e7605ef67db952ae3e7a16730885fe', class: "gux-select" }, index.h("slot", { key: 'ef238bec81037f9ed558dff3627a14d23d354644', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: 'baeae7e843ce8bd194dafa0dddced63ee2f25a3c', 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: '72fb29f6727fc950318efc813a8b04f5f903f6f1', "icon-name": "fa/grip-vertical-solid", decorative: true }), index.h("span", { key: '365cf6763ca55551a2c618d0e3a9024d89d6f06e', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: '1df8b80774f7fcdf13a65286903ab30c9ff8b5c1', class: "gux-select" }, index.h("slot", { key: 'c262e35e4f2a5a8e090f7108c3fb68d1767f4249', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: '7c966668dca1ff3da30303fc5efc307fbad18534', 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-250cab08.js');
+const usage = require('./usage-b9fd8f10.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: '5d30225bbc4be4b3e08179da5f9445486f9e40b3', class: "gux-container" }, index.h("div", { key: '2b8edc7871dd76804845dcaf47404f6e5c374b45', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '91eb2a24628d06048925060a8bfde8f13e7ce3c6', class: "gux-search" }, index.h("gux-content-search", { key: '968490f771ab703a0e9c42b89af38d14e6bdcba5', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: 'c6b5eeb0279d30f9a8e93d1f2c67b52bd264ecdd', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: '512258a39fd046332f10a67e36b9338345140c1f', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: '34c59a23807267d358b2285b6f44c0bc9745e6c1' }, index.h("input", { key: 'ed4eaee9f025cf688146180f7d1b831870591c26', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '195913863439df56ac9e2e6712155012c47ff2a3', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '7287092206fe2a32f718b8bbc955983e3e67cb93', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: 'bc8c72014afc76522583b338bcd134afa5a4966b', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: 'c6873f2b23c35972f1416f2c5786a255638fab10', ref: el => (this.announceElement = el) })));
+        return (index.h("div", { key: '698df157fd006f40fee9bb5c2770c2e54474881d', class: "gux-container" }, index.h("div", { key: '8bfd775a613960a153829d86fc83eb42e711a494', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '465fa034b308d7df5590e22411a4c70436367af3', class: "gux-search" }, index.h("gux-content-search", { key: '2ac0d737a4ce2d4f33d8e5552166c05840bab681', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: 'ba5f910324d18148c9da03bcb4feb8d430955fad', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: '9cbe6311a85ebea73fb095c33966e154f164326b', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: 'c15ef271d2d03f64bf6da8b4f5af4a63b798c2c6' }, index.h("input", { key: 'a49bc04f50fdb36bcc877b04f7f2ce0a92cce803', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: 'a8adbc1a752f5a22c1f3a2c8f511d0378050fc1f', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '6c1d751144aa413b8f8f5d8baa6f17af2df74634', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: '98e7a2e5b4dae8e49619f6f95bce9c457cff4de6', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '46e2041bb701cbdbd845a4e2dc751bb43af8989e', 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-250cab08.js');
+const usage = require('./usage-b9fd8f10.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: '05ab7428ec6ed2cd9ebe18be60846f9c3e593fdd', class: {
+        return (index.h("div", { key: '151163e5fa2f4c807b7e9c91cdabc2bb417af3f4', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: 'daa1a1c80ed175957353ed4136cb1dac664f4fe9', class: "gux-search-icon" }, index.h("gux-icon", { key: 'a6c9f06dc89b5b8e690909ed69537c4397931c6a', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: '88f9e837012eb172864f39cff80b9efd68b383fd' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: '8fb62e249a8bcc22fa5a865ed1f8416f2a497c45', class: "gux-search-icon" }, index.h("gux-icon", { key: '24bf8049f8ddcc491f87d4a784342e1a5b0fb3cb', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: '3d23a628a514d700c6f93c9c679f50460ca639ba' }), 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-250cab08.js');
+const usage = require('./usage-b9fd8f10.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: '95a0b9a1b4dd3293612747d84884ab1024555005' }, index.h("gux-popup", { key: '44f36c2688903b62b934196b5b79761b5d4233e2', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: '68cbc7c250297161f6eca477e5777184a5720adc', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: '73dd34369a0821bbcf008129fe818b3008b1a4ab', accent: "ghost" }, index.h("button", { key: 'f824c95c6770291287dbd34a000def633f73aec8', 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: '659d87a1a62fda256b5793486444512e6c161ad4', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), index.h("div", { key: '753bb69233da5bc81c6fbac0b06c563757f94f1e', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: '01833dbf242c9c9a1c5df6d64c7dbf7a7edee82f', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '3903e9e99a4e25f4a52e6dd2019416bc8ce06c02' }))))));
+        return (index.h(index.Host, { key: '3e609c9ab34af745384ec9a39bf8a2044ca33dea' }, index.h("gux-popup", { key: '6957db56d9e5925278eec225885b5011d11c3158', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: 'e5bd111a1a1cec9b0eeecc9f439c8b91faefa323', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: 'c3a49d518cfb535219bd9e2d1094c911357186b0', accent: "ghost" }, index.h("button", { key: 'c9603e026cab5c6b7637b396711b3bf108dca898', 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: '4f728ee43be3f78a62432edd8d3c33d4a52c64ef', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), index.h("div", { key: '385a691fd2b114f8cf57893e73826cbf01bec147', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: 'b9272daf9b61dc860ebb11fcabf80f2951b9d29c', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '85a9f0647367477016f74f09fd263fc40c0d19d7' }))))));
     }
     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-250cab08.js');
+const usage = require('./usage-b9fd8f10.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: '5f51b7c0b0a6e248292cd3a60ac6c6cb983b68ff', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, index.h("div", { key: '8a70318d238c51f984d0f55db83a7e41f27d4576', class: "gux-copy-content" }, index.h("slot", { key: 'fe9d2dcc8727108718b58af6f9670d8f83294b30', name: "content" }), index.h("gux-icon", { key: '708916de60bbc67c68eafd477e0b1ea64602e158', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (index.h("button", { key: '8857dc7be33e1b0e1e1ead9aad01f8c26bd74863', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, index.h("div", { key: 'f09bb7a4b6849f474d3d259139e50cf44990172c', class: "gux-copy-content" }, index.h("slot", { key: 'a796b5bcf17b0affdfb1e83f723cafd91d3a8315', name: "content" }), index.h("gux-icon", { key: '07f2010207eaed38718c4b1e1b02b966d80b0b33', "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: 'cb901f8de1c6a8d03250ec1a1473ba508f08dc20', role: "option", "aria-selected": false, class: {
+        return (index.h(index.Host, { key: 'abf58b1f37654db52fc370ff5c97fa20edd7be90', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, index.h("div", { key: 'ac9a299a3b022ac6c7c4ab26d2eb7163c1743b73', class: "gux-option" }, index.h("gux-icon", { key: '10992950e2820a350da08435a2b72e47272ba330', decorative: true, "icon-name": "fa/plus-regular" }), index.h("div", { key: '7fa78c42a23db9c3cfdbf5701ee9f18c337ecb04', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, index.h("div", { key: 'd5929b849d723308e28ed653c3246f0594b34f31', class: "gux-option" }, index.h("gux-icon", { key: 'f3741e8094d865be6d7428a2a0b2d5cd60417587', decorative: true, "icon-name": "fa/plus-regular" }), index.h("div", { key: '1d84572b991b3b51d5112b0f2a866d73f4cecd15', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.js');
 const getValidTimezone = require('./get-valid-timezone-cbe2b3e3.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 const index$1 = require('./index-16a4179e.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.js');
 const getValidTimezone = require('./get-valid-timezone-cbe2b3e3.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 const index$1 = require('./index-16a4179e.js');

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

@@ -8,7 +8,7 @@ const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const isoDates = require('./iso-dates-2daf4199.js');
 const onClickOutside = require('./on-click-outside-31073d32.js');
-const usage = require('./usage-250cab08.js');
+const usage = require('./usage-b9fd8f10.js');
 const index$1 = require('./index-16a4179e.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -650,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: 'b55b7c398e32e216ea4cb77d56aa3ba5deef6f56', class: {
+        return (index.h("div", { key: '6b32330a26541288a70a14080091566d8fdf0ab0', 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-250cab08.js');
+const usage = require('./usage-b9fd8f10.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: '380bf93e1ab0b7afe053d76c51e17fe04ad55c5f', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: 'b7ee2cce68baa350ca54bd250178dc47108c33bf', 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: '7d782bb3c8fc59c2c607414734032b3468373b3a', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: '8299192dc83ccc26d9f0a5b7c9c502c1e2e16771', id: this.panelId, class: {
+        return (index.h("div", { key: 'f78f9dc37e2fed9414053b2e25cfd91ca4ee16d8', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: '205650b97b11a39cef68f57fec07df4918f9d296', 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: '77011342431a5c943dfe769b7ef5b91d819a82b2', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: '3214383633a47b784b8d3990f8064481f6a5e147', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, index.h("slot", { key: '289522bbb7a1828b2c0bfdcf9b6c4e8e54d389fb', name: "panel-content" }))));
+            }, role: "region" }, index.h("slot", { key: '7cdb146171377b4fef7ed8cc6347724aa11c72da', 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-250cab08.js');
+const usage = require('./usage-b9fd8f10.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: '1ab8d7df683a55241b5573a100887a33034ece27', accent: "ghost", class: {
+        return (index.h("gux-button-slot", { key: '57ce580a71a847685262fa75de02cf6bfdc8e1d2', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, index.h("button", { key: 'df1bda5ad532ab1404b5dddf1b27ee4e0a5474f7', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: '9b9f1467e03118843668b8a681379463bc153481', class: "gux-icon-container" }, index.h("gux-icon", { key: 'a629950cccb648ca7ba386d977d25dc23faa6e76', "icon-name": "fa/xmark-large-regular", decorative: true })))));
+            } }, index.h("button", { key: '2cf06bcbdc331384c332220a8a0558d8ab16f0ee', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: '8160a49a288b917831da77be341dfa5bea236c1a', class: "gux-icon-container" }, index.h("gux-icon", { key: '9fa80faaf90d89c1faf6eb8aa178329158f43e1f', "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

@@ -45,7 +45,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '0e479cd0dac0a60fd4fea8314060bc9183bdef93', class: {
+        return (index.h("div", { key: 'd58058bd98a28c2e0892e6324ff257ce0a1cd4df', 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-250cab08.js');
+const usage = require('./usage-b9fd8f10.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: 'd53e2adb1eae3250f2febd31a60eca219a57789f', class: "gux-dropdown-container" }, index.h("gux-popup", { key: '0040e946640d1f009e4b4027f1b4a8bb6b81d7e3', 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: '3565d39bbc9a0066fcf5ffedf823995a155fdcbe', class: "gux-dropdown-container" }, index.h("gux-popup", { key: 'e0d5283b397f1349486b5aa37b1ee702d1d31505', 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: '1c8a172832ff159bac312d8cffcad1d9e4b0225b', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (index.h("div", { key: 'a3bdd1c73a5fcade45681afac7fa1acd3dad88f2', 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-250cab08.js');
+const usage = require('./usage-b9fd8f10.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: '556c41ea361cc69f433f7a28437c4fbd70bb1687', 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: '0aa3974a5aee506f5df8b3092fb68d293a8feb7d', 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); }
@@ -587,13 +587,13 @@ const GuxOption = class {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (index.h(index.Host, { key: 'aae32a97e80c44025c7be573a9d75429ee7039ad', role: "option", class: {
+        return (index.h(index.Host, { key: '0e5561a4eef472e52b801050a372fa26380ac61e', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("div", { key: 'd2f5ffd8c7e8abcd606f34ccfc632bce4dc7074f', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'a5b6b88b9838db7918bc820a4dc138b7cdc76fef', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '12859fad12bd22712a44628f5bba43889da749b0' })), index.h("slot", { key: 'fd528dbe74bb5db36c1661af06fa4cea85911250', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("div", { key: '27d3af7bb8222e18e3bc494642551ea315cec074', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'c0c4aea372b8e244df31ea9e82efdfa16792acaa', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'a3d7c8b060bc5b8f7f49504f4626a86959efeeaa' })), index.h("slot", { key: '45ce9bfc0d30b91b0aecb456ec67985121574942', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {