genesys-spark-components 4.100.0 → 4.101.0

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: '067d491ecdf86105eda6a7f721ace35dbf842ea2', draggable: "true" }, h("div", { key: '0fec664a64e8eceab56a96db9994478e7f3e6c3d', class: {
+        return (h(Host, { key: 'd9ae9d0819dea054283a5c2272f9e8f9475a7ff4', draggable: "true" }, h("div", { key: '15cd47cf8f284f333b0a129eb068e1d46e73f9c3', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '4c9c29d31f2bc89da627e4d2ee722b17c603e04e', class: {
+            } }, h("button", { key: 'd256ad9a45514599d236407257a2c02039833466', 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: '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 })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: '376e365c7846456cdb97a76e9da0a953803cea69', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '8361a9c791d815780d9fecf4bcefc552e87da1dd', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '8e4f21cbd2e7605ef67db952ae3e7a16730885fe', class: "gux-select" }, h("slot", { key: 'ef238bec81037f9ed558dff3627a14d23d354644', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'baeae7e843ce8bd194dafa0dddced63ee2f25a3c', 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-d0d62e3d.js';
+import { t as trackComponent } from './usage-719715c4.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: '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) })));
+        return (h("div", { key: '5d30225bbc4be4b3e08179da5f9445486f9e40b3', class: "gux-container" }, h("div", { key: '2b8edc7871dd76804845dcaf47404f6e5c374b45', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '91eb2a24628d06048925060a8bfde8f13e7ce3c6', class: "gux-search" }, h("gux-content-search", { key: '968490f771ab703a0e9c42b89af38d14e6bdcba5', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'c6b5eeb0279d30f9a8e93d1f2c67b52bd264ecdd', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '512258a39fd046332f10a67e36b9338345140c1f', class: "gux-select" }, h("gux-form-field-checkbox", { key: '34c59a23807267d358b2285b6f44c0bc9745e6c1' }, h("input", { key: 'ed4eaee9f025cf688146180f7d1b831870591c26', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '195913863439df56ac9e2e6712155012c47ff2a3', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '7287092206fe2a32f718b8bbc955983e3e67cb93', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'bc8c72014afc76522583b338bcd134afa5a4966b', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'c6873f2b23c35972f1416f2c5786a255638fab10', 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-d0d62e3d.js';
+import { t as trackComponent } from './usage-719715c4.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: '70fa2ec67705b1c6efa6d9e03a300637cfab5e87', class: {
+        return (h("div", { key: '05ab7428ec6ed2cd9ebe18be60846f9c3e593fdd', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, 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()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: 'daa1a1c80ed175957353ed4136cb1dac664f4fe9', class: "gux-search-icon" }, h("gux-icon", { key: 'a6c9f06dc89b5b8e690909ed69537c4397931c6a', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '88f9e837012eb172864f39cff80b9efd68b383fd' }), 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-d0d62e3d.js';
+import { t as trackComponent } from './usage-719715c4.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: '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' }))))));
+        return (h(Host, { key: '95a0b9a1b4dd3293612747d84884ab1024555005' }, h("gux-popup", { key: '44f36c2688903b62b934196b5b79761b5d4233e2', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '68cbc7c250297161f6eca477e5777184a5720adc', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '73dd34369a0821bbcf008129fe818b3008b1a4ab', accent: "ghost" }, 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 }, h("gux-icon", { key: '659d87a1a62fda256b5793486444512e6c161ad4', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: '753bb69233da5bc81c6fbac0b06c563757f94f1e', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '01833dbf242c9c9a1c5df6d64c7dbf7a7edee82f', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '3903e9e99a4e25f4a52e6dd2019416bc8ce06c02' }))))));
     }
     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-d0d62e3d.js';
+import { t as trackComponent } from './usage-719715c4.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: '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()));
+        return (h("button", { key: '5f51b7c0b0a6e248292cd3a60ac6c6cb983b68ff', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '8a70318d238c51f984d0f55db83a7e41f27d4576', class: "gux-copy-content" }, h("slot", { key: 'fe9d2dcc8727108718b58af6f9670d8f83294b30', name: "content" }), h("gux-icon", { key: '708916de60bbc67c68eafd477e0b1ea64602e158', "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: '35f9dcc75a10dd47b14432a77b1a7cdcae35268f', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: 'cb901f8de1c6a8d03250ec1a1473ba508f08dc20', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, 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', {
+            } }, h("div", { key: 'ac9a299a3b022ac6c7c4ab26d2eb7163c1743b73', class: "gux-option" }, h("gux-icon", { key: '10992950e2820a350da08435a2b72e47272ba330', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '7fa78c42a23db9c3cfdbf5701ee9f18c337ecb04', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

package/dist/esm/gux-cta-group.entry.js

@@ -67,7 +67,7 @@ const GuxCTAGroup = class {
         this.validateDismissSlot(this.root.querySelector('[slot=dismiss]'));
     }
     render() {
-        return (h("div", { key: 'ea48cb42883a8e129c88d39bc26430bb998f7e6d', class: `gux-cta-group gux-${this.align}-align` }, h("slot", { key: 'b3a420b15d08d01b9f640891228c443f93197497', name: "primary" }), h("slot", { key: 'bb98fe2475fb716dda62cfb887a63c3042a10be3', name: "secondary" }), h("slot", { key: '6bf8a3c8152cda870f7d3036c837918f83dee8e1', name: "dismiss" })));
+        return (h("div", { key: '96b385023ac2c33b01b33349d38914cdb3e6c0f2', class: `gux-cta-group gux-${this.align}-align` }, h("slot", { key: '88ae8d58fcca55a91d335285e71260495a8e804a', name: "primary" }), h("slot", { key: 'bf1a700d4ec8f42216c78f335937853d6cd98e59', name: "secondary" }), h("slot", { key: 'f3894780710aeaa6541f8856b19d4062bc37dce4', name: "dismiss" })));
     }
     get root() { return getElement(this); }
 };

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-d0d62e3d.js';
+import { t as trackComponent } from './usage-719715c4.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';
@@ -38,7 +38,7 @@ const GuxDate = class {
         }
     }
     render() {
-        return (h(Host, { key: '9385c8d0c79a8839c2eb3624d17dbb7aa66f0949' }, this.renderDate()));
+        return (h(Host, { key: '844c1c8ec9d4c871aecdf1668c5f421e48d4fd0c' }, this.renderDate()));
     }
     get root() { return getElement(this); }
 };

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-d0d62e3d.js';
+import { t as trackComponent } from './usage-719715c4.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';
@@ -39,7 +39,7 @@ const GuxDateTime = class {
         }
     }
     render() {
-        return (h(Host, { key: '26d5041890230bf99ff1d98916e54d3838e007e7' }, this.renderDateTime()));
+        return (h(Host, { key: '7dc17d0204f9fabcda004ad2cd414181ba3f6170' }, this.renderDateTime()));
     }
     get root() { return getElement(this); }
 };

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

@@ -4,7 +4,7 @@ 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-d0d62e3d.js';
+import { t as trackComponent } from './usage-719715c4.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: '948f4ec8fae414cefda6fd372ceca25706f02cd8', class: {
+        return (h("div", { key: 'b55b7c398e32e216ea4cb77d56aa3ba5deef6f56', 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-d0d62e3d.js';
+import { t as trackComponent } from './usage-719715c4.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: '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: {
+        return (h("div", { key: '380bf93e1ab0b7afe053d76c51e17fe04ad55c5f', class: `gux-disclosure-button-container gux-${this.position}` }, 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') }, h("gux-icon", { key: '7d782bb3c8fc59c2c607414734032b3468373b3a', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '8299192dc83ccc26d9f0a5b7c9c502c1e2e16771', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '0152f2061ee1cf6ad211d2c949bf99a1426a7921', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '289522bbb7a1828b2c0bfdcf9b6c4e8e54d389fb', 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-d0d62e3d.js';
+import { t as trackComponent } from './usage-719715c4.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: '4e8ebe278ad9e5304af781a1f5c4e2c0bf7f272a', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: '1ab8d7df683a55241b5573a100887a33034ece27', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, 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 })))));
+            } }, h("button", { key: 'df1bda5ad532ab1404b5dddf1b27ee4e0a5474f7', type: "button", title: this.i18n('dismiss') }, h("div", { key: '9b9f1467e03118843668b8a681379463bc153481', class: "gux-icon-container" }, h("gux-icon", { key: 'a629950cccb648ca7ba386d977d25dc23faa6e76', "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

@@ -22,10 +22,11 @@ const GuxDropdownMultiTag = class {
         switch (event.key) {
             case 'Backspace':
             case 'Delete':
-                this.removeTag();
+                this.removeTag(event);
         }
     }
-    removeTag() {
+    removeTag(event) {
+        event.stopPropagation();
         if (this.disabled) {
             return;
         }
@@ -40,7 +41,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '01fbdf29eca021829a83da21aac987f7ebde2840', class: {
+        return (h("div", { key: '0e479cd0dac0a60fd4fea8314060bc9183bdef93', 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-d0d62e3d.js';
+import { t as trackComponent } from './usage-719715c4.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: '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()))
+            h("div", { key: 'd53e2adb1eae3250f2febd31a60eca219a57789f', class: "gux-dropdown-container" }, 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()))
         ];
     }
     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: 'f5992bc9725a305c4ce379aafb8f899a9ff8467c', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: '1c8a172832ff159bac312d8cffcad1d9e4b0225b', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

package/dist/esm/gux-dropdown_3.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 { 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-d0d62e3d.js';
+import { t as trackComponent } from './usage-719715c4.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';
@@ -356,7 +356,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        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()));
+        return (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()));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }
@@ -583,13 +583,13 @@ const GuxOption = class {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: 'f61b345ec9e0da767afe715009747067bb6c540c', role: "option", class: {
+        return (h(Host, { key: 'aae32a97e80c44025c7be573a9d75429ee7039ad', 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() }, 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" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'd2f5ffd8c7e8abcd606f34ccfc632bce4dc7074f', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'a5b6b88b9838db7918bc820a4dc138b7cdc76fef', ref: el => (this.truncateElement = el) }, h("slot", { key: '12859fad12bd22712a44628f5bba43889da749b0' })), h("slot", { key: 'fd528dbe74bb5db36c1661af06fa4cea85911250', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {