genesys-spark-components 4.98.1 → 4.100.0

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement, f as forceUpdate, c as createEvent } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-6bbe3333.js';
+import { t as trackComponent } from './usage-d0d62e3d.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
@@ -15,7 +15,7 @@ import { f as focusInputElement } from './focus-input-element-8a137b12.js';
 import { t as translationResources } from './en-25a315a0.js';
 import { O as OnClickOutside } from './on-click-outside-edcae419.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
-import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom.esm-3bade7ba.js';
+import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom.esm-6db51a37.js';
 import { g as getSlot } from './get-slot-c26d3ab0.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.js';
 import './get-closest-element-728b9f18.js';
@@ -42,10 +42,10 @@ const GuxButton = class {
     }
     render() {
         return [
-            h("button", { key: '112135920ebd9b9553cd726b9b4ab5741ae5134f', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: '4ca1a41ea28337644473c23da384e2f77c72ff7a', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle }, h("slot", { key: 'e8954669d08aed5650fba904cea4c2fcd407201e', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle }, h("slot", { key: 'a7899a696b9e23cf9e5b7cb88565a7ff5e41c295', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }
@@ -182,14 +182,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '3004d1fb760b2df63465340c08b4ad957a7720a7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7dfb26c04bec0911883fbd48ecf57685ab3c94ee', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5fa22327a6ef85f8ae466d0ee440c0b5ed524f6d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd801b13b0622628955aa2bcd48fb50ae54e68d65', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1511b51a2d23a83f51a199732831219df2e88a4c', name: "label-info" })), h("div", { key: '59942106060f0308ecac53674a2a341fb7b62195', class: "gux-input-and-error-container" }, h("div", { key: 'f240dcf81673e576be7811174c9da2e98d510c32', class: {
+        return (h(GuxFormFieldContainer, { key: 'a6975f2ccc9ebc627c1bd9834610d959927470a8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'baaf4824a30107d90482bcf45ad325bb1fdfe6da', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b85cbfd083bf6333544f8996dfc37d85bff78823', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '74cb9e08c6398568e4e1cd335f1c6f69628b698d', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'db10a5a9bf276c8eed34e7ea0777d979bacabffe', name: "label-info" })), h("div", { key: 'be3460aee46864ef603b03cc5f6bd08a003067e6', class: "gux-input-and-error-container" }, h("div", { key: '370f44da6ed92c76d6b5d527345d72637ba6cdae', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'b6d055f198d692b7b4a1ee2257e2245f8f556cdf', class: {
+            }, part: "input-section" }, h("div", { key: 'e328018753240e3143fe0834783da8748be6a535', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '124084c38252855178ccb345521ef5e337141665', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '5bc79a734818af72070bd82ce4275f1233edeb7c', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'cdd574eafecc0a68265b7f319c4e258d5fd40e42', show: this.hasError }, h("slot", { key: 'be75190667c870278c5e9bd8658c9cf4bf27bd85', name: "error" })), h(GuxFormFieldHelp, { key: '5bddbb010f4e3cd9ef276110b8fb37a1e3db1a73', show: !this.hasError && this.hasHelp }, h("slot", { key: '82ae4ba91cfc869f614675c5d184b52b99820841', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '8c84afe164de2d35f3a850c22f74f2d73d2bdf76', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '755b3bf35889dcbe7e2330decd8c7d987368d7ec', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '5acece33b9cdf12d462c25d72340892003f798c6', show: this.hasError }, h("slot", { key: '41d08228d4aff1ae43bcaa136156e7555b80f2ec', name: "error" })), h(GuxFormFieldHelp, { key: '110a9d65eb368f6badca06e500dff312a1ba1530', show: !this.hasError && this.hasHelp }, h("slot", { key: '40a4d0d3357a0b0715688c53fc0f29bfeabec84f', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -350,10 +350,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            h("gux-button", { key: '9edb6e9767ec656e9324362fc61f55f537b4f1ce', 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() }, h("gux-icon", { key: '97e0b3624e7981516b6103d3bc66c4dccd674304', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
-            h("gux-tooltip", { key: '7a870042737e509fcea5f17feef54cf7b023e765', for: "popover-target" }, h("div", { key: '43771cefb10b695b0a6b64db5c895ee8a9c3d680', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '7b19bde4f77e4e144f3deb2e3ecb7787e9ef2647', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '3440beb60515684e7a38884fbb2439e468bc2b4a', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '0d9ae2272cd1d465096400ed4b0016b45717e370' }, h("input", { key: '744e2b0cf012d8078e56515c3229979e0ee5e3dc', 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() }), h("label", { key: '0d46facd40c446fc8c019582339079a86d3b64a2', slot: "label" })))
+            h("gux-button", { key: '05a5bd6127c86b62b76cee22fb9c6d2d78e91aa4', 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() }, h("gux-icon", { key: 'ec612f75b1f48c17ecda057634550ada3b6a5e10', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
+            h("gux-tooltip", { key: '5f3d2e2c48f52d53bca508dd61a7d7fa8f2fd656', for: "popover-target" }, h("div", { key: '212b714fa3df60f9e8319dabcb9f5b93d1a7dc70', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '61171cebf4ee3448caf82ad5a18754d51fbb6dc3', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'a1b59a219fe04c61a575d7e9a30cc9861aa3a804', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'a820a1da65f6290152a5bc99bdba2c800f0cb4a9' }, h("input", { key: '7f5a728d3c2d3489f918ff9e06b727422a8067b7', 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() }), h("label", { key: '54ff6cdc06432e11171b7ac8e46ec428aa9cd703', slot: "label" })))
         ];
     }
     get root() { return getElement(this); }
@@ -536,10 +536,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (h("div", { key: 'ddf447a44ce4ca11d5f2ceacbb440a702d8686b2', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '65e34fb37f32a21cfbf382bf2c24ff0fd45b71f3', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'b6445f94664471e1217a4b38bbf81e9c1f260d4c', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '97a25a2f85f0654dc7253469baf357e85aae3179', class: "gux-arrow-caret" })), h("div", { key: '2490613933a01a109c51040a1fdb139176111790', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '694be156b0275cdcee2a7e64767b04be6992eddd', name: "title" }), this.renderDismissButton()), h("div", { key: 'db9dfc3b1619e0a84f910e3ceadcfe3f88c321d6', class: "gux-popover-content" }, h("slot", { key: '5ffe140f119294d1d51c4ffef8ae10a72291ed67' }))));
+            }, "data-placement": true }, h("div", { key: '0eb4771beefdd0b23e6019e9f0115818bd98918a', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '4f189ca93fe13badabd2b2bbf3e443ea3b08f275', class: "gux-arrow-caret" })), h("div", { key: 'e81988f58300cd6333d92f5ac162c9c8ffe5171c', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'ba14bbab2acefa5c3f9793bb56980c84023dbd35', name: "title" }), this.renderDismissButton()), h("div", { key: '4ffc2a9089118c2f3fa5a11c9bc452ce5eb6811f', class: "gux-popover-content" }, h("slot", { key: '10a0734e9799aacd615bef4e9c965774be32a0e2' }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b6ca2adc.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { b as asIsoDateRange, c as fromIsoDateRange, a as asIsoDate, f as fromIsoDate } from './iso-dates-8d3f106d.js';
-import { t as trackComponent } from './usage-6bbe3333.js';
+import { t as trackComponent } from './usage-d0d62e3d.js';
 import { g as getDesiredLocale, a as getStartOfWeek } from './index-44765751.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-404638dd.js';
 import { u as useRegionalDates, d as dateTimeFormat } from './use-regional-dates-72c32f0a.js';
@@ -383,7 +383,7 @@ const GuxCalendar = class {
         return (h("table", null, h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (h("th", null, day)))), this.getMonthDays(index).map(week => (h("tr", null, week.map(day => (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) }, h("div", { class: "gux-date" }, day.date.getDate(), h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (h("div", { key: '36c95de4cca1f03386fdaac6bef3fe44046d7b44', class: "gux-calendar" }, h("div", { key: 'a12387d7c66109b3a44f305ebfc07562e1436bf9', class: "gux-header" }, h("button", { key: '3237f74318b99a8c79a1386697afecc80f241969', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '8c1487f42ebe30163ec439e9e1020158924e4f82', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'b3fc232c8f6565015d67d566b6219e25e98c129e', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'e1d1461d10c04a36e21afb305fb2173faa26110a', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'cc0ddcf3ecc6622267fbafccbc9493204d437702', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '8e20e6de7b55e6fbd6d569cb3fa7e7fe4f213ca6', class: "gux-calendar" }, h("div", { key: '8081d217943c18ab9104bdb2df84dedc5e1ba1c3', class: "gux-header" }, h("button", { key: '27befcbc963c3d769f1bd38e6764d985d049eb00', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'd6c29f6e6a130fbfda8d8aa1fba0e57bb52526e2', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'a19d7e3749fcbae78a8016bb68052530a9bd1662', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'a70ca94c7964c90976bf9dd4b35e9c1a2d3c52b5', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'b9f588b3774e837927dc2c44cc1a18f2f1bf066d', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-6bbe3333.js';
+import { t as trackComponent } from './usage-d0d62e3d.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;
@@ -13,10 +13,10 @@ const GuxCard = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: 'c677ce6c60588dec91e3d3079517d225438ef461', class: {
+        return (h("div", { key: '7c23d8f0ca08b028335f7c48a340c1330de41a36', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '6dc3850d28e26c0738764193283620e71e947b18' })));
+            } }, h("slot", { key: '5df0b315d67bf77a9b4c385f95fc46d4cb6a339d' })));
     }
     get root() { return getElement(this); }
 };

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

@@ -154,14 +154,14 @@ const GuxColumnManagerItem = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '4c3adbaf002b3c77b6bcee79d2dc65dd0caeab40', draggable: "true" }, h("div", { key: 'd33cae023e88327ab85d4686b7a80a1cbceb277f', class: {
+        return (h(Host, { key: '067d491ecdf86105eda6a7f721ace35dbf842ea2', draggable: "true" }, h("div", { key: '0fec664a64e8eceab56a96db9994478e7f3e6c3d', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '13e88cf118b942d7c47ac528562286cf1a3d516f', class: {
+            } }, h("button", { key: '4c9c29d31f2bc89da627e4d2ee722b17c603e04e', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: '9a4a8e708799d74f578f90914d0948d150461086', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '73e87e8e8c7a47d708126dc75a5e8a2cc6fd91de', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '677264acbd151a782f3d0943cf3111593ec2692a', class: "gux-select" }, h("slot", { key: 'e13ba6b6139b81508492f573c0a16b6c7a216a96', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '43b741e3a0dbdd9e5f9d4e2440e2ed193f521577', 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) }, h("gux-icon", { key: '4fa6ebf1c5c1b9744ea51f4857f2de5e781cdd4b', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: 'a2e1513d39c8f6239ba6611425b5b6c8ff344ba5', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '674995d6606e69f68acf4244991e0a8f4571b0a5', class: "gux-select" }, h("slot", { key: '8b75d052252a973cd2059d69d13ba7644dadb87b', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '28cf235ff87aa8c7bcb99dcb366dcb996095d6b6', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-column-manager.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-b6ca2adc.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
-import { t as trackComponent } from './usage-6bbe3333.js';
+import { t as trackComponent } from './usage-d0d62e3d.js';
 import { g as getEmptyKeyboardOrderChange, s as setKeyboardReorderPositionIndicator, a as setMainCheckboxElementCheckedState, b as getNewOrder, c as getIndexInParent, d as getNewKeyboardOrderChange, e as setHighlights, f as setAllCheckboxInputs, h as getSelectedColumnCount } from './gux-column-manager.service-90a02975.js';
 import './get-closest-element-728b9f18.js';
 import './clamp-1fc36648.js';
@@ -111,7 +111,7 @@ const GuxColumnManager = class {
         return (h("div", null, h("span", { "aria-hidden": "true" }, this.i18n('selectedColumnCount', { count, total })), h("span", { class: "gux-sr-only" }, count === total ? (h("span", null, ": ", this.i18n('unselectAllColumnsScreenReader', { count, total }))) : (h("span", null, ": ", this.i18n('selectAllColumnsScreenReader', { count, total }))))));
     }
     render() {
-        return (h("div", { key: '7a2fb5da9bf353f289678ea3d31c69985d237679', class: "gux-container" }, h("div", { key: '0fe3885be7eb5ce7a7f5e650d4d05fd326ab12e0', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'b65b9580d3c816e732c97869f1f06aec8afbbbb2', class: "gux-search" }, h("gux-content-search", { key: '4d97928e864b54d1442abbe1d4c1427a18eac6c2', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'e482fb38bd7f6afe13910b08e651b45c5d71892a', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '2d3d033045ffc926014609fbdda1aad96c429bfd', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'ffad2ed291e6441e3592f537d84636a765563916' }, h("input", { key: '66c50ca3553f49b30efa89258bf422f3fc734922', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '8b2d12cc48589b778842306a594f27a163845958', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'd31119ccf4923ebf5e808d2e48fce4417a7c9c28', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'c731681040873ce38dc8a5e73a72d9235d4e8d56', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'bd8f2a20db666db00723b0a9101c6c3fb7557877', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '370da0d53ba19a3962029a84bd3e4403650fa16e', class: "gux-container" }, h("div", { key: 'b4b5af423240af2935fece94358cb81435b7da03', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '06a1115bdfd1e896b73d96babe64cd1b7b367f40', class: "gux-search" }, h("gux-content-search", { key: '40891b227f07691f44762da822a651302ff0c4fe', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '56444c1709807bcf6a10cca0257f4f8be502eac1', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'a08a0c08261932a6d3d79f0cca950dda8445922c', class: "gux-select" }, h("gux-form-field-checkbox", { key: '43d06ed614919b23855e576223e6ee7d51b62ab6' }, h("input", { key: '1bca66fcf1d0225a3c602a3c7a6512e60f5cbdb4', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'ae1433366f63f568e2ba19adaad99aa6daa64ba9', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '69841e2c8fcfbfc7ec523cec1833f3c19bd029d5', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '5651c3c5c3a958e1bb37d0184cde0e5bd6f30a37', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '82f8554cf144b56e0f0d5bf0f4008afd109335be', ref: el => (this.announceElement = el) })));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-6bbe3333.js';
+import { t as trackComponent } from './usage-d0d62e3d.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import { a as onDisabledChange } from './on-attribute-change-f42eabee.js';
 import { f as focusInputElement } from './focus-input-element-8a137b12.js';
@@ -62,10 +62,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (h("div", { key: '98a21accd36df296a3de19efb8607fc3cd124e93', class: {
+        return (h("div", { key: '70fa2ec67705b1c6efa6d9e03a300637cfab5e87', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '07b2a35f85c355c68f92f129227e8d50c0ac6c92', class: "gux-search-icon" }, h("gux-icon", { key: 'a7f64b274e2921a003b355740b15668295f0c3d4', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '32bc643467c5da13cea7829553f42496ca52303a' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '166de23a57ab17100aa5fbe5405bbf47a32d2b00', class: "gux-search-icon" }, h("gux-icon", { key: '94f504f42b6c86a498c7556f2e40b95d5640dceb', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '3d26220534f78971587071f2ffd5112970bdba13' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-b6ca2adc.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-6bbe3333.js';
+import { t as trackComponent } from './usage-d0d62e3d.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import { O as OnClickOutside } from './on-click-outside-edcae419.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
@@ -117,8 +117,8 @@ const GuxContextMenu = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '02132e9383bf974dab4ea7448ed55db0e72923e2' }, h("gux-popup", { key: '21ae4ab85204ff2ff075b7449183b1ada2033814', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'bf0e4aac4fc76b6aec77d34dfcc2112522954eb1', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '3a93ae70bdcbdb15dc1d8abc44fa9f985649ef73', accent: "ghost" }, h("button", { key: '98be35f5b557f7d87dd45433d2248d31949f1da2', 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 }, h("gux-icon", { key: '06e40b3727dcd83357f66bc8ddfd989cb72c2273', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'c050df937c036c6f59fa7f6f53f661808259b30f', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '7d459eb66915c6547397075064033550a96568a6', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e821238cd1ce4256186fd492611813a953ccb333' }))))));
+        return (h(Host, { key: '38be5a145ece46ef106d958cd344742ab113ccda' }, h("gux-popup", { key: 'e35c3e51bcf49d4018a10e00198082f81e31d43a', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '0925f76f39d7e9feda8913f52a06303f864fe9c4', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '6a36c3e7105928634dc5c4b81da9ef4629451e01', accent: "ghost" }, h("button", { key: '7b1f32cc9adc0bc96bf176f6e75c10ff6e7ac72d', 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 }, h("gux-icon", { key: '37ff1e28050e20832a06c70008b6491aa33d0cec', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'e0e1ea634fc99b892dabb1ec5c3e5c064aaef5ab', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '67f51f74515cf53bc0a972ac66e5eedb4e6ac877', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '480973e3af6eae12ab39d6015bc8d5c5e7af5cc8' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-6bbe3333.js';
+import { t as trackComponent } from './usage-d0d62e3d.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import './get-closest-element-728b9f18.js';
 
@@ -70,7 +70,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '1812ce7a467a37e57fa1f56ee417d9a5f929fff1', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'f19134475548a67ed55f9e314893a41def1f6381', class: "gux-copy-content" }, h("slot", { key: 'cfcacc932096390b17d540a74178e70515e3593b', name: "content" }), h("gux-icon", { key: '2686fa1ea0a76e62c5d8ee9f4879bc131f39ccfe', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: 'ee0725581dcd843b2cda8c70fadb114e74d2b088', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'ca283083449ba5091db249331a77eba68223058f', class: "gux-copy-content" }, h("slot", { key: '060eca2849611996b01f506fc6c9e1a2ec1c60c7', name: "content" }), h("gux-icon", { key: '2422107ddae26934620f39a9713bd54ef75d5fc5', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-create-option.entry.js

@@ -44,11 +44,11 @@ const GuxCreateOption = class {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: 'da695435ea54a4bea95ad5c21d7a35ea1aa352b3', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '35f9dcc75a10dd47b14432a77b1a7cdcae35268f', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '0198722f2ddbb156337b0d9913fc9d29893e0d46', class: "gux-option" }, h("gux-icon", { key: 'a6e70aa79abe8d33b9b95b8d866807910420a4c7', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '4f61de90891724e327a1db899740e49ed36d20db', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: 'e3fbafad37fcfc05aa2e081b1cf5d61503433f5c', class: "gux-option" }, h("gux-icon", { key: 'db02fa83db924600668872f2a1784626ebfd018a', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '525a1c00678b02bc12f19020720d7a5d14f5236f', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-6bbe3333.js';
+import { t as trackComponent } from './usage-d0d62e3d.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-ecb85439.js';
 import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-72c32f0a.js';
 import { g as getDesiredLocale } from './index-44765751.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-6bbe3333.js';
+import { t as trackComponent } from './usage-d0d62e3d.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-ecb85439.js';
 import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-72c32f0a.js';
 import { g as getDesiredLocale } from './index-44765751.js';

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b6ca2adc.js';
-import { a as autoUpdate, c as computePosition, o as offset, f as flip } from './floating-ui.dom.esm-3bade7ba.js';
+import { a as autoUpdate, c as computePosition, o as offset, f as flip } from './floating-ui.dom.esm-6db51a37.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { f as fromIsoDate, b as asIsoDateRange, a as asIsoDate, c as fromIsoDateRange } from './iso-dates-8d3f106d.js';
 import { O as OnClickOutside } from './on-click-outside-edcae419.js';
-import { t as trackComponent } from './usage-6bbe3333.js';
+import { t as trackComponent } from './usage-d0d62e3d.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import { u as useRegionalDates, g as getFormat, a as determineDisplayLocale } from './use-regional-dates-72c32f0a.js';
 import './get-closest-element-728b9f18.js';
@@ -646,7 +646,7 @@ const GuxDatepicker = class {
             } }, h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), h("div", { class: "gux-datepicker-field-input" }, h("div", { class: "gux-datepicker-field-text-input" }, 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 (h("div", { key: 'a4044a37be6fd13a7323c7035e40a51b2cb7bcdc', class: {
+        return (h("div", { key: '948f4ec8fae414cefda6fd372ceca25706f02cd8', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b6ca2adc.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-6bbe3333.js';
+import { t as trackComponent } from './usage-d0d62e3d.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import './get-closest-element-728b9f18.js';
 
@@ -46,10 +46,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: '2f29e67c4be5267431fe742b72013ee7ed38a07a', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'eed43d112f9d627b03fed6d99f58798dfc47086d', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: 'd1274e70f923b3627dc42bbdff4af6ae7afeefe4', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '635dcd6a8dcdb4a2b79aa0ab2114ec3bd398bbbb', id: this.panelId, class: {
+        return (h("div", { key: '3e012aa285ba44d1bafa866f76fe75f106c46bec', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'a2f08d3d7c45fa5c46029bac455528a65d712aee', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: '5f92ab8708b876b5dc830ddee317bccd1d91f01d', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '6507cf0d514cfce18c5bceffed5e13b2b36c3316', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '15a78fbfc0740a4312a6790f546e9dd85bf8867c', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '0152f2061ee1cf6ad211d2c949bf99a1426a7921', name: "panel-content" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-6bbe3333.js';
+import { t as trackComponent } from './usage-d0d62e3d.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import './get-closest-element-728b9f18.js';
 
@@ -22,10 +22,10 @@ const GuxDismissButton = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: 'c1bbf5311a28141ed32fc7d6f29a07af45c0c6d2', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: '4e8ebe278ad9e5304af781a1f5c4e2c0bf7f272a', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: 'ec90e4376667532d4b7ea889dfcebb5a46fa9f47', type: "button", title: this.i18n('dismiss') }, h("div", { key: '931ba49d77721863e19cd9da2ef5371d2e89585e', class: "gux-icon-container" }, h("gux-icon", { key: '3307926bb8d93ce6e01e8bc17056c000e3a80c80', "icon-name": "fa/xmark-large-regular", decorative: true })))));
+            } }, h("button", { key: 'bb4cbb723c8b3f807d54bcc59802e93674dbb97f', type: "button", title: this.i18n('dismiss') }, h("div", { key: '1075bed042fe32044bef311f00c3dc348e06001a', class: "gux-icon-container" }, h("gux-icon", { key: '96ea41cee8ad232ae4e6f48df9e83de9c313b1a3', "icon-name": "fa/xmark-large-regular", decorative: true })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -40,7 +40,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'f3b3df6271a0df1c5257ee922a637b2a9c84ee8d', class: {
+        return (h("div", { key: '01fbdf29eca021829a83da21aac987f7ebde2840', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

package/dist/esm/gux-dropdown-multi.entry.js

@@ -4,7 +4,7 @@ import { b as buildI18nForComponent } from './index-44765751.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import { o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
-import { t as trackComponent } from './usage-6bbe3333.js';
+import { t as trackComponent } from './usage-d0d62e3d.js';
 import { s as setInitialActiveOption, g as getSearchOption } from './gux-listbox.service-28ef1770.js';
 import { O as OnMutation } from './on-mutation-66a68405.js';
 import './get-closest-element-728b9f18.js';
@@ -393,7 +393,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            h("div", { key: '8d328027d92264d9e4aed9e99df5dd576c5ad7a5', class: "gux-dropdown-container" }, h("gux-popup", { key: 'eedce350551c3292a9c3bba188371dfb6e1fbc65', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '773ac07c744d9579a3dc854949e2ced537fb24de', class: "gux-dropdown-container" }, h("gux-popup", { key: '0b7d1fdbff153bf7f58b6c217566837d8daec643', 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/esm/gux-dropdown-option.entry.js

@@ -64,7 +64,7 @@ const GuxDropdownOption = class {
         };
     }
     __stencil_render() {
-        return (h("div", { key: '42be6592e1ccbbdcc93902a9b9f203199fa1ca5d', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: 'f5992bc9725a305c4ce379aafb8f899a9ff8467c', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

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

@@ -4,13 +4,13 @@ import { b as buildI18nForComponent } from './index-44765751.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { o as onInputDisabledStateChange, c as calculateInputDisabledState } from './on-input-disabled-state-change-27395154.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-6bbe3333.js';
+import { t as trackComponent } from './usage-d0d62e3d.js';
 import { O as OnMutation } from './on-mutation-66a68405.js';
 import { s as setInitialActiveOption, l as getListOptions, g as getSearchOption, c as clearActiveOptions, h as hasActiveOption, a as setLastOptionActive, b as setFirstOptionActive, d as hasPreviousOption, e as setPreviousOptionActive, f as hasNextOption, i as setNextOptionActive, j as actOnActiveOption, k as goToOption, m as matchOption, o as onClickedOption } from './gux-listbox.service-28ef1770.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
+import { g as getClosestElement } from './get-closest-element-728b9f18.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import './get-closest-element-728b9f18.js';
 
 const filterResults = "Type to filter dropdown results";
 const noSelection = "Select...";
@@ -356,7 +356,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'a528253169412f76d742c08d724b6e5a9611c2ba', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'c28981951152a2a85876cfb8ba57aa0ba30e4d54', 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 getElement(this); }
@@ -403,6 +403,7 @@ const GuxListbox = class {
         this.loading = false;
         this.filter = '';
         this.filterType = 'none';
+        this.disabled = false;
         this.emptyMessage = undefined;
         this.selectedValues = [];
         this.listboxOptions = [];
@@ -577,14 +578,18 @@ const GuxOption = class {
         }
         return this.selected ? 'true' : 'false';
     }
+    hasDisabledParent() {
+        const parentListbox = getClosestElement('gux-listbox', this.root);
+        return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
+    }
     render() {
-        return (h(Host, { key: '23d0dca350a1bcdad8ba2139620afe62c0015fe8', role: "option", class: {
+        return (h(Host, { key: 'f61b345ec9e0da767afe715009747067bb6c540c', role: "option", class: {
                 'gux-active': this.active,
-                'gux-disabled': this.disabled,
+                '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() }, h("div", { key: '89a9b92a885fe4df1da0bef02355155fc5b151ee', class: "gux-option-wrapper" }, h("gux-truncate", { key: '1e3b298947c60a42937f745b0322dfa985912600', ref: el => (this.truncateElement = el) }, h("slot", { key: '42490572b69e9ab1ff2c1b1f43b0135c74094ca6' })), h("slot", { key: '192d2a1857343aa6da94542317c8452b078f1b86', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'b4de3fb088d3a57caaa1c74c64faa7aed0523d3a', class: "gux-option-wrapper" }, h("gux-truncate", { key: '984cef92d7df71c4db8141557099e4494d16439a', ref: el => (this.truncateElement = el) }, h("slot", { key: 'b64cf5d5fc1deb82fe4e13860ad560ba756d4d15' })), h("slot", { key: '637f9a28993227723fa9f2d02a2e37e47c71d3c1', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {