npm - genesys-spark-components - Versions diffs - 4.103.1 → 4.104.0 - Mend

genesys-spark-components 4.103.1 → 4.104.0

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 (546) hide show

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-79505d14.js');
-const usage = require('./usage-f61fe564.js');
+const usage = require('./usage-a4ec0c78.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: '4c7f98866c71bd8dd65500cd9b33402efae9b58f', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            index.h("button", { key: '12210a0c4552359ba40fa3eadc84c1ae9e73db25', 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: '7c2d98b8269a4ddfed2ea39270bfb8569cd60630', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle }, index.h("slot", { key: '63c98885b95820843c89af0e259fc88549901e11', 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: '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: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'ab631101b6862833e2c36644483a01e93af96e11', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '934dbd86950aa929dabb795de000169fc1b97b06', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'a57ffbfe28f88e99a15834b817ea40661b1b1476', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '5eedcd2bdd038b398b734b797ba7dff90c42a471', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '704429fdbbdad84d05fd70025e5a0f4f760f73f4', name: "label-info" })), index.h("div", { key: '7e89f5546fa6c6613251a10b8bfda27e875e6f0f', class: "gux-input-and-error-container" }, index.h("div", { key: 'f2dc3bca6b6abd12cfa0a324513d9623bb9e5f92', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, index.h("div", { key: '0a51011cfceb704785e05e2863b932eafe6a6346', class: {
+            }, part: "input-section" }, index.h("div", { key: '9863349de6753b26f0a37429d7c1c6bd653701b9', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, 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" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: 'c711c9315d0629cdeaed280a656f78a54ef44a5c', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: 'dfe3f36ceafd98c58f3770544923f530642c0548', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: '7a5a9f6fea2d993fc2b98bcabbf32d9bcd374095', show: this.hasError }, index.h("slot", { key: 'c7cd9f47e048ff9603078e9892db21cb9228929c', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '13467ce79ee98eeab2bde6abb192ba5866f05345', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '7be48e2d899c945e1a5d8a8f9167e5c90e564289', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -354,10 +354,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            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" })))
+            index.h("gux-button", { key: '3e9818df1bad5f5eeb9e5e9ce7907fd65579452e', 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: 'cfc10fafdde3b3a8d4fda8d4120c49c12469218c', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
+            index.h("gux-tooltip", { key: '5dadba2357736506d891904053c2a8d563634633', for: "popover-target" }, index.h("div", { key: '8c8c9de8993b6fd484bef7e7579e065d49226e52', slot: "content" }, this.i18n('goToPage'))),
+            index.h("gux-popover", { key: '46c98643af3ebaa7165f138e417354e87cce0114', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: '99d6a20af3addbb77f54096165a6ba457c7afbe8', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: 'df2cc7cc3ebc1f6e9cf5f945090bdeb2b4ea3326' }, index.h("input", { key: '28b7e5d1a2600197e37db557932647df119838f5', 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: 'c9aa0c7996d0a796852b5361f13eaf4d86fa319c', slot: "label" })))
         ];
     }
     get root() { return index.getElement(this); }
@@ -540,10 +540,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'c08e45889fd33ef91cace7d2f4179e0b578c790f', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: 'fb36dd93ac4f4d5a6726de51067d2a60a96cf6c8', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "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' }))));
+            }, "data-placement": true }, index.h("div", { key: '4dab55d40f0ce2b29dbf427d46c41b71121fbc1e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '90c0945fb240e3ba4b92268752e9327b869a31c2', class: "gux-arrow-caret" })), index.h("div", { key: '05744632fe1f364ec682f0e47f644aac0f96b665', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: 'b2bc10b8c13e2860745c0d43258b6afed0b9cb8a', name: "title" }), this.renderDismissButton()), index.h("div", { key: 'bad43003c6af1bc477c66f7a6fe419687a3909bd', class: "gux-popover-content" }, index.h("slot", { key: '9cfb5ee253dddc2e2454b1495380172a8f9f93b0' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -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-f61fe564.js');
+const usage = require('./usage-a4ec0c78.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: '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)))));
+        return (index.h("div", { key: 'd3dcdcdbb9e10c287322be124420eac5f18d9098', class: "gux-calendar" }, index.h("div", { key: 'b2cabe10bc824f1b894dbf0c1c1fa20c16849689', class: "gux-header" }, index.h("button", { key: '2b619e938756b804459f4b3b78c79d7b86c6f6b3', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: '36bf5f3c6e4475b5812acc689e17de373063df46', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: 'e31ee4fe2e5909549222da39639ab6dca2341f39', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: '0d28d29a5a16921f08c034e1959079ba4bffc387', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: '6a43e658ac95cf0af6b0a329fca6851f5fe0bbfe', 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-79505d14.js');
-const usage = require('./usage-f61fe564.js');
+const usage = require('./usage-a4ec0c78.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: '64303827daaae1f83871641536569c405edc41e6', class: {
+        return (index.h("div", { key: 'b3cd41d0628aa3810cb86a87563102572eaebe27', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("slot", { key: 'd85770e5a8738c8a6b382c072439d3fdc6731c12' })));
+            } }, index.h("slot", { key: '961411eb67625b6326c5a46ba6bc13e48d3c4605' })));
     }
     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: 'c19d1592c2c8ca8d150562afaf097135e7c2f38b', draggable: "true" }, index.h("div", { key: '88cc88a462da0d16e43b39fd90b14ae384e516e4', class: {
+        return (index.h(index.Host, { key: '5dc6f7ed7b4519cfb0de84c7256b14e428581f55', draggable: "true" }, index.h("div", { key: '79a1c858dcdf36333aff6fee4565399acb2664a3', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, index.h("button", { key: '4181ddeb7ce21528a62324c5752a5f1ab74f92ad', class: {
+            } }, index.h("button", { key: 'd93341dbd8b97a47f9345afa070ad8a4451ccac7', 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: '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 })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, index.h("gux-icon", { key: '183cfc4b9af0da0c05232f8a4f8636ad255594ed', "icon-name": "fa/grip-vertical-solid", decorative: true }), index.h("span", { key: '3bd5898e5e994db4e4c96111f0f02abcb812166b', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: 'b2c2fa955c139666cb557d5db7e11100abd94b74', class: "gux-select" }, index.h("slot", { key: 'cf7485c4d7ddd3c835e87e5a8e072259ec9166b9', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: 'ce5d20268a8dabc32c1f0695739fea6ce00010bb', 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-79505d14.js');
 const index$1 = require('./index-16a4179e.js');
-const usage = require('./usage-f61fe564.js');
+const usage = require('./usage-a4ec0c78.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: '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) })));
+        return (index.h("div", { key: '5d2379b2779ef315e6aebe99440a9c7de885a33b', class: "gux-container" }, index.h("div", { key: '84aee51a7b8cfc0efbd6c45ee7aba13adb2a1a0c', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '5d3b183b751b9e6b93b7d5ccb89e40d491bf4317', class: "gux-search" }, index.h("gux-content-search", { key: 'f61c1871ef70be9e2f65e76c8d0de0272e767316', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: 'a25f9159c18f06d034a3dd9cf68e70c31dc7ac30', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: 'fd2e2b6c1ec8085ef079bc4f2a426952e897c534', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: '6a6ff508ecfbf15fab71237123e9db74a64754c1' }, index.h("input", { key: '4a1bff9f2ef916cea3a1665e9c020f0b72c38df5', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '39c5c0dbdd6da3537eb3a72c3d0a07288949c5aa', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '893fcdd57ed481e34a7f5688b076a5a28ad2a116', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: '9fea231f3efc3bc1292efef9534cdc33e91ba786', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '0e0451becdeec7d7ae0bf51dcfded6762d9411ef', 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-79505d14.js');
-const usage = require('./usage-f61fe564.js');
+const usage = require('./usage-a4ec0c78.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: '151163e5fa2f4c807b7e9c91cdabc2bb417af3f4', class: {
+        return (index.h("div", { key: '0aea0845cbe9caa7b3e178e38592ec356b79d9d4', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, 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()));
+            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: '1baa20bf6e2fcf60950a042e9461dac55a64804c', class: "gux-search-icon" }, index.h("gux-icon", { key: '053f94c32a0f7807394d926b0182da6e7e75579f', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: 'f03de63d874eb65a68bb38557daa9d0d6266f5b7' }), 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-79505d14.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-f61fe564.js');
+const usage = require('./usage-a4ec0c78.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: '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' }))))));
+        return (index.h(index.Host, { key: 'dfd3618ebf7c142a0597dfb34e44673a9f3ef4fa' }, index.h("gux-popup", { key: '4f047a9706898a6b33fda61c4ac867a7f594ba4a', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: '57a4a20d2f53200db206f6716d178388e37c7c54', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: '0d0762b28cbac04a57bb08f6f9482dfc1d7c34c7', accent: "ghost" }, index.h("button", { key: 'a83ddc1b121318f92b1f90459b9d8175c0f6b29a', 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: '82ec6e3d272ac1dd957727e6ec5097a18d68e878', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), index.h("div", { key: 'e76befbef4f43252ff3cd2e5e780fd0ae992cb64', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: '358c5014aaf990e2e593a68f54cb2373883832a0', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '8534997c8624516bf51040f615c97568f5b52bf0' }))))));
     }
     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-79505d14.js');
-const usage = require('./usage-f61fe564.js');
+const usage = require('./usage-a4ec0c78.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: '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()));
+        return (index.h("button", { key: '5177d75ff19ee55342ec5c8ab68822ffa894a9dd', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, index.h("div", { key: 'c3f0fea866ae03896c877367563f2c1db86ef066', class: "gux-copy-content" }, index.h("slot", { key: 'a916a6268eeeb44458f6d036ad10b7ffc9d15d9f', name: "content" }), index.h("gux-icon", { key: '5bae255cbaa043986dea5a2094c3bd16733ce56c', "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 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: 'abf58b1f37654db52fc370ff5c97fa20edd7be90', role: "option", "aria-selected": false, class: {
+        return (index.h(index.Host, { key: '84292e618da1ca0addd8e4d87a90b1b0e0ceead2', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, 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', {
+            } }, index.h("div", { key: '0dfe61b00e60cc2c811cd45327708cf4a82b2c1b', class: "gux-option" }, index.h("gux-icon", { key: '40dba84be99b636dafff9b4835d5fe7d8cd3f8a9', decorative: true, "icon-name": "fa/plus-regular" }), index.h("div", { key: '1636c96cbc990736830b120cd0c6abee4082c2e1', 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-79505d14.js');
-const usage = require('./usage-f61fe564.js');
+const usage = require('./usage-a4ec0c78.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 CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-79505d14.js');
-const usage = require('./usage-f61fe564.js');
+const usage = require('./usage-a4ec0c78.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 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-31073d32.js');
-const usage = require('./usage-f61fe564.js');
+const usage = require('./usage-a4ec0c78.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: '6b32330a26541288a70a14080091566d8fdf0ab0', class: {
+        return (index.h("div", { key: '34438bb1186c5f2dcc7dce86350abb6dae6428bb', 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-79505d14.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-f61fe564.js');
+const usage = require('./usage-a4ec0c78.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: '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: {
+        return (index.h("div", { key: 'b62f7d6f2d015c1b8e035e8e967c6621285c9e76', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: '45c47a3623aea91df0785840ac2be7845cad2262', 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: '2ff21e51b13a2791d5e78a4807e7a22e9be30d65', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: 'e0fd9321d3c551104cd5b360b6b43e7697d6aafe', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, index.h("slot", { key: '7cdb146171377b4fef7ed8cc6347724aa11c72da', name: "panel-content" }))));
+            }, role: "region" }, index.h("slot", { key: 'a780a1a65af9748e97c8421b6a19fc325051932f', 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-79505d14.js');
-const usage = require('./usage-f61fe564.js');
+const usage = require('./usage-a4ec0c78.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: '57ce580a71a847685262fa75de02cf6bfdc8e1d2', accent: "ghost", class: {
+        return (index.h("gux-button-slot", { key: '0ed2dc546114563cc7533125e6176fff808c0eae', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, 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 })))));
+            } }, index.h("button", { key: 'af7db36c3f066d7b4702db239e5bdcc503d71af5', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: '0b1341014d35b983176cb7500697aff09c266a2e', class: "gux-icon-container" }, index.h("gux-icon", { key: 'ca90774f917be8f15a48b37ce2de1f686fc2395a', "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

@@ -45,7 +45,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: 'd58058bd98a28c2e0892e6324ff257ce0a1cd4df', class: {
+        return (index.h("div", { key: 'f9671d5f9d34b1a882962746d31f3511520204ea', 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-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-f61fe564.js');
+const usage = require('./usage-a4ec0c78.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: '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()))
+            index.h("div", { key: '45d64d06582aeee2e0c405e0b3416f21bd7b008f', class: "gux-dropdown-container" }, index.h("gux-popup", { key: '4301e5da8de71d48975aae612be3278315a83886', 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 CHANGED Viewed

@@ -68,7 +68,7 @@ const GuxDropdownOption = class {
         };
     }
     __stencil_render() {
-        return (index.h("div", { key: 'a3bdd1c73a5fcade45681afac7fa1acd3dad88f2', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (index.h("div", { key: 'd471bff45aa92b8096e47e975964dd3658e67839', 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-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-f61fe564.js');
+const usage = require('./usage-a4ec0c78.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: '0aa3974a5aee506f5df8b3092fb68d293a8feb7d', 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: '9a8dcb5d594f5036652ae945c0fbf0e3094a053e', 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: '0e5561a4eef472e52b801050a372fa26380ac61e', role: "option", class: {
+        return (index.h(index.Host, { key: 'd1bdb1118c5b02b093a6d661193d0820aad3bc1f', 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: '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" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("div", { key: '45e6cb7c53502c1faaac6ca403074bf0a1bbb2e1', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'c19ec0e07cb2ef93555859fc16e8707fe5faada7', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '185c7bbdd3f1ded5ab50bc7422858f4e5c881473' })), index.h("slot", { key: '96e164f9f04b8f3f4b8ddb8389c81bd9e1a91eb4', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {