genesys-spark-components 4.127.0 → 4.129.0

package/dist/collection/components/stable/gux-tooltip/gux-tooltip.js

@@ -143,10 +143,10 @@ export class GuxTooltip {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: 'a6427e7be7b769afe4924745bfe06e7c59518a72', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: 'bc2e234754c28b4856470a3b752f7492aa741b7b', class: {
+        return (h(Host, { key: '04a3d0e77731166a8af670fb883866719d375c3b', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: 'da7d047292ad63a023014be99c58ca6082b73bc1', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '927a8c25ac7c299f92cec7d5c8bbca3575746fc5', name: "content" }, h("slot", { key: '8785e8b670146ae383de40326a928d2524858b3f' })))));
+            }, "data-placement": this.placement }, h("slot", { key: 'fa7d1794cde83d266851e8342eec4d2186813cef', name: "content" }, h("slot", { key: '4f3ada5741f7e946db1d247e02d71b2e122469e5' })))));
     }
     static get is() { return "gux-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tooltip-title/gux-tooltip-title.js

@@ -120,10 +120,10 @@ export class GuxTooltipTitle {
     }
     render() {
         return [
-            h("span", { key: '91dc324f5f793aa2ac1ef618c8d0ec0dc7b6aa72', class: {
+            h("span", { key: 'f72e446c8bc77626f953b624ba18514e72b020da', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: '780978cc951ace4e9ff8ea80906f00013e40f953' })),
+                } }, h("slot", { key: '0dc85daa2c00d591085838dc9889a7aed927511b' })),
             this.renderTooltip()
         ];
     }

package/dist/collection/components/stable/gux-truncate/gux-truncate.js

@@ -49,12 +49,12 @@ export class GuxTruncate {
     }
     render() {
         var _a;
-        return (h("div", { key: '9c362e7a4a93bddfef009e847312109b3e4692a9', class: {
+        return (h("div", { key: '0dca2c40ddc3d395335974a04999ac0a675a5834', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, h("span", { key: '72b9752ed440f83583c97863f9211a7b231b862b', class: {
+            } }, h("span", { key: '04381fb28f65143eb98fde91c5b2f06e646e791e', class: {
                 'gux-overflow-hidden': this.needsTruncation(),
                 'gux-truncate-slot-container': true
-            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: '0b6c71d887af2396928c609c0627369a8056c089' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: '077f91482bfa44c515fee450317723d70f5d5f16' })), this.renderTooltip()));
     }
     static get is() { return "gux-truncate"; }
     static get encapsulation() { return "shadow"; }

package/dist/esm/gux-accordion-section.entry.js

@@ -46,20 +46,20 @@ const GuxAccordionSection = class {
         this.hasIconSlot = !!this.root.querySelector('[slot="icon"]');
     }
     render() {
-        return (h("section", { key: '2305475e51f562a30b1246ce5d1d1ec0954eab5e', class: { 'gux-disabled': this.disabled } }, h("div", { key: '744e300976932f9078fd6a410a57c2a1f5f3932f', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '6383d7ddaffe8e2a1e84ff7513ed544d82c73aaa', class: {
+        return (h("section", { key: '60458f7c684a01e90b2454d5d7db37a3eb3c9209', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'db177914ed36c1f76345e97772c9a5d678318fda', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '4d9c2fd33726b9a7a2d387ca5940fc87a71098fb', class: {
                 'gux-header': true,
                 'gux-reverse-headings': this.reverseHeadings
-            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { key: 'f915b86168677bdda21bc25fe038f56906882495', name: "icon" }), h("div", { key: 'd8e83083c047ad459c997684851d89fae5f4c01c', class: {
+            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { key: '9690ae130c9edf3ec733045e10567d7e74fbb1a3', name: "icon" }), h("div", { key: '8549a4179094c09c7933ba09a769b5d469744733', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: '36b4dc4ac67478ac022bcdc36097706293a9082e', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: 'c9e9d5a8bd2c2d42ed5b68949897f2a435cf20cc', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: 'fc9a334d32e72d377111e85b620ae47420d96434', class: {
+            } }, h("slot", { key: '6909cf18bb06c44c80e5e32374a57211b71cc58f', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '42484e23bb53040264f120fccf95f66f488d8230', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '579e2d84fa1ebe31d56f9fd325638de81c72b0b2', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: 'b34445a85f3bd9af9f718755a9f84742fe1bca18', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'cadc569961f8d9497e2a4ee27d1e8e4a318bfc09', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: '4903f070983b83f8bcf6a4bc1cc237829e2f3fb8', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '14f66b95d1d1d57b7e0286f78987a4af29c8baea', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
                 'gux-content': true,
                 'gux-expanded': this.open,
                 'gux-text-content-layout': this.contentLayout === 'text'
-            } }, h("slot", { key: '52e4adb0ba63433b4c7ee33c11f0d2c5a2c0d79c', name: "content" }))));
+            } }, h("slot", { key: 'e0d382ad9cd6fa4fa780f38706df5750ba34c656', name: "content" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-fabe3b03.js';
+import { t as trackComponent } from './usage-fe738ef4.js';
 
 const guxAccordionCss = "gux-accordion{-custom-noop:noop}";
 const GuxAccordionStyle0 = guxAccordionCss;
@@ -38,7 +38,7 @@ const GuxAccordion = class {
         }
     }
     render() {
-        return (h("slot", { key: '3ae9c26587b4e858dc9b99802dc0b9fdc524f328' }));
+        return (h("slot", { key: 'd8b360269e10ce8ec48dede3c7789fac31be8582' }));
     }
     get root() { return getElement(this); }
 };

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 import { O as OnClickOutside } from './on-click-outside-ae4fe543.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-fabe3b03.js';
+import { t as trackComponent } from './usage-fe738ef4.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.js';
 import './get-closest-element-728b9f18.js';
 
@@ -139,7 +139,7 @@ const GuxActionButton = class {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: '89fd4be8f1273c162804dd23300b4864121c5ac4', class: "gux-action-button-container" }, h("gux-popup", { key: '4cd48945f00592a1262a88051201ff2092293582', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '9fe6750d29e5d868023a73537c74bff65eba6b44', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '27f2f05a2283f659f17bdff6f6688480adba342b', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '56e31ba2181ffc5a32ed3f958bb9aea1d085f645', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: 'badbe7763a696be1c1e2856765dbc34a6371beb8', name: "title" }))), h("gux-button-slot", { key: 'b87dc8eb56871ba638a777b0bed2a8c9291f68b5', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'bfa61a4734f307924606b190812994f143409a2f', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions') }, h("gux-icon", { key: '6cfbd1ed584fb1c655190637a82c582b3cec8e8f', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '8892145f30e1d3772bd6bd2a909839f04019eb39', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '058359e5b95d40601857fc2294084d040bc212de', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e3c30d28795358c6eb2b27445e73eb980482b26f' }))))));
+        return (h("div", { key: '255a522fb405fb5c940775bf079c3ef8952caf7e', class: "gux-action-button-container" }, h("gux-popup", { key: '6c705bb9c682defc8003547e8ebb80d75fb13431', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '402af0569c2776cc6f82e8a66ce5cda5591bf279', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '0f99908a0469de87ab25d55d04ea1493e2449f67', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'c95d2befa817719b0f87002bca795e2a8f718c1a', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '2e0e9adbf753bfc5f5c3581f96993a4cdf4e3471', name: "title" }))), h("gux-button-slot", { key: '5188f5b2e5c3d4cc910b299e32d8f99e6479eddc', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'cdc0a14b97292c65a178acbde2556abf14d6dd53', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions') }, h("gux-icon", { key: '1b438103210dcf24ff0561c27e127b38f8e6fba6', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'f939d948a7d95c32f982ddf4295fe22d8072e4c8', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'b6ecef22da0049c06d1a214507cfbdee737502ed', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '4b65d9dc0b05119092f97c96b187fcde2fe99db6' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-action-toast-legacy.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-fabe3b03.js';
+import { t as trackComponent } from './usage-fe738ef4.js';
 
 const guxActionToastCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:stretch;width:270px;padding:20px 24px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;align-self:auto;order:0;font-family:var(--gse-semantic-heading-lg-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-lg-bold-fontSize);line-height:var(--gse-semantic-heading-lg-bold-lineHeight);font-weight:var(--gse-semantic-heading-lg-bold-fontWeight)}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:#1da8b3}.gux-header .gux-icon ::slotted(gux-icon){width:32px !important;height:32px !important}.gux-header .gux-title{flex:1 1 auto;align-self:auto;order:0;margin:0 0 0 8px}.gux-message{flex:0 1 auto;align-self:auto;order:0;margin:16px 0;font-family:var(--gse-semantic-body-sm-regular-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-semantic-body-sm-regular-fontSize);line-height:var(--gse-semantic-body-sm-regular-lineHeight);font-weight:var(--gse-semantic-body-sm-regular-fontWeight)}.gux-message ::slotted(dl){display:flex;flex-direction:row;flex-wrap:wrap;place-content:stretch flex-start;align-items:flex-start;margin:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}";
 const GuxActionToastLegacyStyle0 = guxActionToastCss;
@@ -12,7 +12,7 @@ const GuxActionToast = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '0180bddfa19067e03e2a87857a27aea31a9f6a8f' }, h("div", { key: '5c046bfa75b940290c65098dfb444131c0da52bc', class: "gux-header" }, h("div", { key: '6b6a42028760fe6c1733c7f0cf0348e30ba9d5bb', class: "gux-icon" }, h("slot", { key: 'a77bf654121756eeb2a1e559aa4d41f52e9033a3', name: "icon" })), h("div", { key: 'fabf04859072cd94d2e0b565f7f5623d5eb87276', class: "gux-title" }, h("slot", { key: 'ad10f9dc0dcb496deb47514b762347666b18538a', name: "title" }))), h("div", { key: '4d8fea88890be08e1bfda92f7d834c0f3a6c526b', class: "gux-message" }, h("slot", { key: 'e0d295d4dc1f66846023eb4f3137d092d7ee4670', name: "message" })), h("div", { key: '8a0fb0dcf21eaa53f17dd11af9448f7c5cb3de6d', class: "gux-action-buttons" }, h("div", { key: 'd3cf23b4c81306f7892b136fe7a278995863f91e', class: "gux-positive-button" }, h("slot", { key: '969087a593fb570a633b655577a8f533f7309d73', name: "positive-button" })), h("div", { key: '7b42d4b73f1d95e580143138886429af41ebf3af', class: "gux-negative-button" }, h("slot", { key: 'b9daa348ac3111b03d4a5247e036e6fdf7b6949a', name: "negative-button" })))));
+        return (h(Host, { key: '1f9a024e9fc7311a9d17fbc3051f9bf2ab08957f' }, h("div", { key: '12d1d8ab1554c18fb61a931ddb32f0273623474f', class: "gux-header" }, h("div", { key: 'e3941013e1fda705b9162f63ea0fa67d5117cada', class: "gux-icon" }, h("slot", { key: 'f762f1093279049d338e159c6ea51e08c1e1bf26', name: "icon" })), h("div", { key: '74240e60cc41fc5549a049bfab1973ee46b1278b', class: "gux-title" }, h("slot", { key: '1962c619bd581b82d00b8ba2f3c6fa1c690737db', name: "title" }))), h("div", { key: 'e306de45dcde9134177a891164164f6fc2447901', class: "gux-message" }, h("slot", { key: 'bfb3755509c0b3132c011a90ea6c96f18690e3b6', name: "message" })), h("div", { key: 'cf20ae80e0d9f4299ef4f39b8be946fb44029860', class: "gux-action-buttons" }, h("div", { key: '46c0363d0c4214696966cc2196c2f121c6052aa7', class: "gux-positive-button" }, h("slot", { key: 'd78dad51eba1a86386fd9f21bf3957a03f941c37', name: "positive-button" })), h("div", { key: '0e573f2ce2510d8c1d2b05d1944066b22207725f', class: "gux-negative-button" }, h("slot", { key: '37acf4eef3aec626ede337826179adb629523b00', name: "negative-button" })))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-advanced-dropdown-legacy.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 import { o as onMutation } from './on-mutation-a222fe93.js';
 import { O as OnClickOutside } from './on-click-outside-ae4fe543.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-fabe3b03.js';
+import { t as trackComponent } from './usage-fe738ef4.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.js';
 import './get-closest-element-728b9f18.js';
 
@@ -79,9 +79,9 @@ const GuxAdvancedDropdownLegacy = class {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'c944093eb307f6a3355f865b815b12d3de080378', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'c94b4d9436e4621bea33e06824aa6d930f13d907', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: 'a492105382407607813648edce5c9b6edc06b257', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { key: '71c0e91daf846d825fea3be742bfd0ff9042a231', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '3e1e5a223fbcc5247cceebb6c8e9cec548a04659', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '52fc09c51f9401418bf5de14f14760f2af1cd343', class: "gux-icon-wrapper" }, h("gux-icon", { key: '183dd97e8f1adaa46a6309b3e0016c4f5bef58dc', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: 'b111b6d8a3ea31dac3da91fd7c75e342c67f87c9', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'c15b4d84749a404b0ecb37f3a1dfc725a85cf3dd', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '4d01119df28a603467c9768b2c7925b328a5a448', "label-position": "screenreader" }, h("label", { key: '22e23e3c02f46badd679e2587face6070b031d57', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'b6952561bc2b3c3195c390cef80b8d99ffa8ae9e', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: '17c509e61c5c222d4e3c6c3a2577940de0aba65e', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'b31a7a0c8312b952dce0c996589fe0b122207a8e', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: 'e189f7e54d6da9f24c08ac21e2f01a4d3a574389', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { key: 'af2bb84da475bb26792fee81f6a1d711108800f1', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '0a84724b33ad1b42b2df4f37e33fa9b38cb3ea1e', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '9ffa6eb13e9938b5a87b36650ba3ab04d9ea0037', class: "gux-icon-wrapper" }, h("gux-icon", { key: '521ba8e4d54e97a372c9451b945d8fd4e282a2c3', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '345bc04f5e4192a11b50d053b02d7bf35528dc8c', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'feea25638719d836804ef86fe3258768f9477a27', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: 'e7a7fd48537b7f584cb77a3fa8baa218bba28688', "label-position": "screenreader" }, h("label", { key: '01845b3784034260a12bb389601de48dade23c5a', slot: "label" }, this.i18n('searchAria')), h("input", { key: '50a0945ca83c5e3f875ca2d6298bddbf7ff0c326', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: 'db0ad6dc0d97e4aac0c72fe39a3c004a1df56cc5', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '33129990bdb0f547cd1b3ace89189e51b5c4b66c' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: '84db02a501ab6b991221c455e7d9f10284d41a46', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '9b92e1595a91dfb0527bf67680aa18c0bb1dc121' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

package/dist/esm/gux-all-row-select.entry.js

@@ -28,7 +28,7 @@ const GuxAllRowSelect = class {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '7f0c7fd7e928c7349b199c8fc73da677f08e809d', "label-position": "screenreader" }, h("input", { key: '60d02617191365ff4f066e00c426bc6ae2576d62', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'ea35b2aeff6a05ba0013698419b509f23b6fdecc', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'a09d19fd12f445833c746b2e06ba38851130373e' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: 'f2312319e6bb60e7295ec5ec61699187aaea6e62', "label-position": "screenreader" }, h("input", { key: '0faea60134dd2823f799fddafdc663aaf7dc4a57', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '14eea5f59ec824b889bfd96af65af4bcdd58f9ac', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'c6f032748066ed07ae29c0d4748d7b3853dfe5cd' }, this.i18n('selectAllTableRows')))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-fabe3b03.js';
+import { t as trackComponent } from './usage-fe738ef4.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 
 const guxAnnounceCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";

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

@@ -1,5 +1,5 @@
 import { h, r as registerInstance, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-fabe3b03.js';
+import { t as trackComponent } from './usage-fe738ef4.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.js';
 import { g as generateInitials, a as getAvatarAccentClass } from './gux-avatar.service-43c1b4e1.js';

package/dist/esm/gux-avatar-change-photo-beta.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.js';
-import { t as trackComponent } from './usage-fabe3b03.js';
+import { t as trackComponent } from './usage-fe738ef4.js';
 import './get-closest-element-728b9f18.js';
 
 const changePhoto = "Change profile photo";

package/dist/esm/gux-avatar-group-add-item-beta_3.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-fabe3b03.js';
+import { t as trackComponent } from './usage-fe738ef4.js';
 import { g as groupKeyboardNavigation } from './gux-avatar-group.service-0e62fde4.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.js';
 import { a as autoUpdate, c as computePosition, o as offset } from './floating-ui.dom.esm-17bec7ce.js';

package/dist/esm/gux-avatar-group-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-fabe3b03.js';
+import { t as trackComponent } from './usage-fe738ef4.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 import { s as setFocusTarget, r as resetFocusableSibling } from './gux-avatar-group.service-0e62fde4.js';
 import './get-closest-element-728b9f18.js';

package/dist/esm/gux-avatar-group-item-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-fabe3b03.js';
+import { t as trackComponent } from './usage-fe738ef4.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 import { g as groupKeyboardNavigation } from './gux-avatar-group.service-0e62fde4.js';
 import { a as getAvatarAccentClass, g as generateInitials } from './gux-avatar.service-43c1b4e1.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-fabe3b03.js';
+import { t as trackComponent } from './usage-fe738ef4.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.js';
 import './get-closest-element-728b9f18.js';
 
@@ -59,7 +59,7 @@ const GuxBadge = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'ea08be4080713b30a014ad3726a80d793ec87211', class: {
+        return (h("div", { key: '102fa8e8e09e03558d338c9a02ad4cd779a403e4', class: {
                 'gux-badge': true,
                 [`gux-${this.accent}`]: true,
                 'gux-bold': this.bold

package/dist/esm/gux-blank-state.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-fabe3b03.js';
+import { t as trackComponent } from './usage-fe738ef4.js';
 import { O as OnMutation } from './on-mutation-bf72b518.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 
@@ -42,7 +42,7 @@ const GuxBlankState = class {
         this.hasGuidance = hasSlot(this.root, 'additional-guidance');
     }
     render() {
-        return (h("div", { key: 'f22d2726711ab1030d61f96e9274b6087db74091', class: "gux-container" }, h("div", { key: 'f84c1fc4c024e78f73e9dc8882ef73a6370398f3', class: "gux-image" }, h("slot", { key: '216137119e76305546971bd1885332b05356900d', name: "image" })), h("div", { key: 'cac6a83dd8f8cee2295fab320d0ffd0985c9a48b', class: "gux-message" }, h("slot", { key: '36b71ab3abde8120f6d0528f59b2823307ac1b0c', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
+        return (h("div", { key: '761e3d38781b7f10c444b52f16feefcaef7591a9', class: "gux-container" }, h("div", { key: '9e166ea09c11c2c59193da15521d63a3461651e5', class: "gux-image" }, h("slot", { key: '0c5762d1375451f2c8528721a04f319fee03cc81', name: "image" })), h("div", { key: 'f1060ef6636b673d0e55d105b2a425f4ccc49987', class: "gux-message" }, h("slot", { key: 'f377b70b59ff6520667d9efa4c70196187931fc2', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-breadcrumb-item.entry.js

@@ -40,7 +40,7 @@ const GuxBreadcrumbItem = class {
     }
     render() {
         const accent = this.getAccent();
-        return (h(Host, { key: 'bb343a9e5a7a32e6f77d2216003fb98b6907cc87', role: "listitem" }, h("span", { key: '9d6298cc45d449aaa19e682a62238814f139bb22', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (h(Host, { key: '4519a8262aace9389cab8619fbfec7f49a84bbd7', role: "listitem" }, h("span", { key: '11bc7d9e5e43d91d1a90bf4aff0477c914f0626c', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-21889d5d.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.js';
-import { t as trackComponent } from './usage-fabe3b03.js';
+import { t as trackComponent } from './usage-fe738ef4.js';
 import './get-closest-element-728b9f18.js';
 
 const breadcrumbs = "Breadcrumbs";
@@ -26,7 +26,7 @@ const GuxBreadcrumbs = class {
         Array.from(this.root.children).forEach(child => forceUpdate(child));
     }
     render() {
-        return (h("nav", { key: 'c195a8e5a5258c0555380cf296bc5ad90bbccff8', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'df17f9dfdbba7f13b2a1dc8d1e1c70464008d80f' }, h("slot", { key: 'ec080f9e4804b35d233b1705c563550ae0b6ef82', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: '338ef4b8908f8d4432dbfb87e2336f21f657b2ae', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '812f622e42591e0c12729aa60abd9417e69a8984' }, h("slot", { key: '08ab69eb7af7bc2ec611e98f058d8c549be17a0a', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 import { O as OnClickOutside } from './on-click-outside-ae4fe543.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-fabe3b03.js';
+import { t as trackComponent } from './usage-fe738ef4.js';
 
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {
@@ -107,7 +107,7 @@ const GuxButtonMulti = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '9cbbd5f1f6fd39b00e5239326e4feb64b3128716', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'e8165568a5d5140125f7779567d52ed4b99f1a25', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '033673a57b3eb49fb6f446277ee0924f4822c165', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '2abc387051a51ef4f44c5542279a3be4b242b4a1', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '44c67df9f60b165edd27f92692ffa3c00d09c529', name: "title" }), h("gux-icon", { key: '9fc7e11c62b7d8d7a975f77a877b1c047a57e8cc', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '5f633bc969b36fec7a3b4cfd3cd6b540d585c2de', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '97064d13bb28ff7e05a743160082c26189e471a9', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '81a4639257cb9378fcb25e7beb3b2d1aaa86e781' })))));
+        return (h("gux-popup", { key: 'b93c218e443b7708675aecf20b5d4b2965a4ae0f', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '71544f057474bfa38d99eab121ae7873f08d0c9c', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '52cd56065cd383def92e7cc56a852707360e5ff5', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'cfac597b81a709fd3be4b439414a116e4abc4f5c', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'b33d0ab04060158058b68936c1a1b3414814b5b3', name: "title" }), h("gux-icon", { key: 'e33e7b198e6e5c5b9a64c3a562ca66c27234a18e', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'efaf834bfe079d12f87726dd891fc5e0ba466b21', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'bf3ece40db97ea59634fbdd73a454ea10d59bdd9', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'c3bb4fb2aadee21dc89a5968130a3ffe1af7c648' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-fabe3b03.js';
+import { t as trackComponent } from './usage-fe738ef4.js';
 import { l as logError } from './log-error-274efeb7.js';
 
 const guxButtonSlotCss = ":host{display:inline-block;pointer-events:none}::slotted(input[type=button]),::slotted(input[type=submit]),::slotted(button){font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;text-overflow:ellipsis;color:var(--gse-ui-button-secondary-default-foregroundColor);white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}:host([icon-only]) ::slotted(input[type=button]),:host([icon-only]) ::slotted(input[type=submit]),:host([icon-only]) ::slotted(button){padding:var(--gse-ui-button-default-paddingIconOnly)}::slotted(input[type=button][disabled]),::slotted(input[type=submit][disabled]),::slotted(button[disabled]){cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}::slotted(input[type=button]:focus),::slotted(input[type=submit]:focus),::slotted(button:focus){outline:none}::slotted(input[type=button]:focus-visible:enabled),::slotted(input[type=submit]:focus-visible:enabled),::slotted(button:focus-visible:enabled){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(input[type=button]:hover:enabled),::slotted(input[type=submit]:hover:enabled),::slotted(button:hover:enabled){color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}::slotted(input[type=button]:active:enabled),::slotted(input[type=submit]:active:enabled),::slotted(button:active:enabled){color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]),:host([accent=primary]) ::slotted(input[type=submit]),:host([accent=primary]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:hover:enabled),:host([accent=primary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=primary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:active:enabled),:host([accent=primary]) ::slotted(input[type=submit]:active:enabled),:host([accent=primary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]),:host([accent=tertiary]) ::slotted(input[type=submit]),:host([accent=tertiary]) ::slotted(button){color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width)}:host([accent=tertiary]) ::slotted(input[type=button]:hover:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=tertiary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]:active:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:active:enabled),:host([accent=tertiary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]),:host([accent=ghost]) ::slotted(input[type=submit]),:host([accent=ghost]) ::slotted(button){color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:hover:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:hover:enabled),:host([accent=ghost]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:active:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:active:enabled),:host([accent=ghost]) ::slotted(button:active:enabled){color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]),:host([accent=danger]) ::slotted(input[type=submit]),:host([accent=danger]) ::slotted(button){color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:hover:enabled),:host([accent=danger]) ::slotted(input[type=submit]:hover:enabled),:host([accent=danger]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:active:enabled),:host([accent=danger]) ::slotted(input[type=submit]:active:enabled),:host([accent=danger]) ::slotted(button:active:enabled){color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}:host([accent=inline]){min-inline-size:initial}:host([accent=inline]) ::slotted(input[type=button]),:host([accent=inline]) ::slotted(input[type=submit]),:host([accent=inline]) ::slotted(button){block-size:initial;padding:0;color:var(--gse-ui-links-default-foregroundColor);background:none;border:none}:host([accent=inline]) ::slotted(input[type=button][disabled]),:host([accent=inline]) ::slotted(input[type=submit][disabled]),:host([accent=inline]) ::slotted(button[disabled]){color:var(--gse-ui-links-disabled-foregroundColor)}:host([accent=inline]) ::slotted(input[type=button]:hover:enabled),:host([accent=inline]) ::slotted(input[type=submit]:hover:enabled),:host([accent=inline]) ::slotted(button:hover:enabled){color:var(--gse-ui-links-hover-foregroundColor);text-decoration:underline;background:none}:host([accent=inline]) ::slotted(input[type=button]:active:enabled),:host([accent=inline]) ::slotted(input[type=submit]:active:enabled),:host([accent=inline]) ::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}";
@@ -34,7 +34,7 @@ const GuxButtonSlot = class {
         this.validateSlotContent();
     }
     render() {
-        return (h(Host, { key: '3820fc16489b71e35951b764cde3f316d88b364a', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: 'c08f3359c188fd0d6e7a5da3db400ae1f7cff14f' })));
+        return (h(Host, { key: '427a1d34e7b47ed888ff59ec452655c1fb40f468', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '333a16b4e6b114ba5ab7ef50ebd348661c73fe18' })));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement, c as createEvent } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-fabe3b03.js';
+import { t as trackComponent } from './usage-fe738ef4.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.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-17bec7ce.js';
 import { O as OnClickOutside } from './on-click-outside-ae4fe543.js';
@@ -28,10 +28,10 @@ const GuxButton = class {
     }
     render() {
         return [
-            h("button", { key: '9c064f7a47d8a4b4deaa4e60af5756a030d716af', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: '24dbbdfe3e039dea0cbdc2d452cb0cf5da7f9d9b', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: 'ee0e8501a4cd24a1fac1cb4c29c452b03bf434bf', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: '3cdf6222d210ad14536037885d5d6b54f684a209', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }
@@ -247,10 +247,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (h("div", { key: 'c7c325dd268a103724a239223269f3c5b3ea80a8', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'c4bfd77abb067dcae0d1f094b0712f35c815fdb3', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '6720d3333dc97df058a14f3842ebc2bf8a4c0628', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '555b6abf14a6855c7bb03d92e644a8ded7be07f6', class: "gux-arrow-caret" })), h("div", { key: '17eaeb24bfd93779025539ad759e0ae3c77a0bab', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '6a10577c268b0d158bf41d0ef86a429b77520fed', name: "title" }), this.renderDismissButton()), h("div", { key: '58947f12697322416d3675f0f15d2ec11ec1454c', class: "gux-popover-content" }, h("slot", { key: '7e630b5805bc05e89ca62d22e1e991afb6ae5c51' }))));
+            }, "data-placement": true }, h("div", { key: 'a56b913b26c27f0a0835a93b3846ad7317e745cb', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'bf3ecb5c4b79718ef837c17bc4c69c6e77d5a38b', class: "gux-arrow-caret" })), h("div", { key: '409baad16d39c69eeeda3f6949548f5ba0803960', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'd7669798b13b6404aac1ba55b782d8d035c25ba3', name: "title" }), this.renderDismissButton()), h("div", { key: '9e55d48c7d09edd4e5850165049debd9fe974414', class: "gux-popover-content" }, h("slot", { key: '1527c1af2b9ed34dd3e976e44d2f4c6f1f848cef' }))));
     }
     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-21889d5d.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-fabe3b03.js';
+import { t as trackComponent } from './usage-fe738ef4.js';
 import { g as getDesiredLocale, a as getStartOfWeek } from './index-99f8b2e2.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: '9756cfb11cbf1a5e63ca85915b8c15c39e4d3ccc', class: "gux-calendar" }, h("div", { key: '2d49f9cedd837018d0046e9113dab75cb8a815c2', class: "gux-header" }, h("button", { key: 'b63c42a8d52d7afa94e0f9363a973acbea6e9269', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'e21cf4b6c2ff9d73f12f01911596e6cb9186fd4a', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '7e6e248f327cced7dee6dba7661c844625b1f8a7', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'edcbc1a62574b62e1c0c611bdb5c35ecc300ac9e', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '621ed70abfb997d502bb521fe797f98abf36aade', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '8c2735faadd06a9810b3b0f48abc0d2be8c29c6f', class: "gux-calendar" }, h("div", { key: 'ded34ebeead1c0a4df65cf51906e9c7d514fa93e', class: "gux-header" }, h("button", { key: 'cedfad47d44db1003806ed47a32b9fd4327751fc', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '36e0f9d505339ae11bbb6b7f2548cde68abc7741', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'f56e6ff0c1261e7c51e0639b26680a70f5205e3d', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '959ebaa13f1a7e435782d38bdde87e4e4f56a2c0', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '4c63e229090bcd6eab870ea8dac3bead564744a5', 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-21889d5d.js';
-import { t as trackComponent } from './usage-fabe3b03.js';
+import { t as trackComponent } from './usage-fe738ef4.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)}.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: '711321ab19eb090bcf3f113ef04e221e87ceb7f1', class: {
+        return (h("div", { key: '1a85dcf2fa992904b3e187d0bd6f3f6d5219db0b', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '27f8d86f140965871db17e4497821cb30a91b320' })));
+            } }, h("slot", { key: '1675843012bddd80e09c7e5adcc636609fb7465a' })));
     }
     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: 'ce1e492fa59d2528c1f46eb6ef374b08c45f1cab', draggable: "true" }, h("div", { key: '865de5c7b735d616c69af0fe78abf436249bedd1', class: {
+        return (h(Host, { key: '6be3063ad0a69ae45e4682c1b9c5bc66ff574bd5', draggable: "true" }, h("div", { key: '5a273f0517b5bdc68d1ec2cd418a5c5eee1ef869', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '0b3cee32eb1ee396e8415b9d832d1e229ace7d94', class: {
+            } }, h("button", { key: '2c7b628ce020d2e7e6005733084c81fd5749ee11', 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: 'a5f81dca5e9cab01720344772feab18a004940b5', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '6ebd4d11790a6ef4e966e63fe08f9cfc23ca7faa', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'b5ec685bd8ca953222d7cd77a15b5b5661085d53', class: "gux-select" }, h("slot", { key: 'cbf50779742ef28d8d8a1416e0ab86cc74bca45c', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '603a44c15bdd4f75ce3f3aca231b6dc6a43f105d', 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: 'a683ab3efa22a3824d025407fd44883e98cac45e', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '7f3295e9287a273ad7811d4363fd982743074460', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'bb4c3a8d0dd4631ae3266255e7b6edb6c138292a', class: "gux-select" }, h("slot", { key: '722f5b21b773c98142af421aa1a95e3870b77089', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'de641c2e91df2d8932805051bec285d2090d54ac', 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-21889d5d.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.js';
-import { t as trackComponent } from './usage-fabe3b03.js';
+import { t as trackComponent } from './usage-fe738ef4.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: '0cc23598dde034cb03cc6c6fc5a381c91acf657f', class: "gux-container" }, h("div", { key: '40fed526bb4ad40001eab9e5d74f8dfa32d098d1', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '57f05475c912e324f62d909bbb2b75b92e3524b7', class: "gux-search" }, h("gux-content-search", { key: 'c39d2b109726a4b105a27d8aa032ad546c10d5f7', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '4f3f97e1c3affc85d51d67fe4a63c3ba490b65f9', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'f7472f9d153b8de1c9ef3158309890c0bcf1a974', class: "gux-select" }, h("gux-form-field-checkbox", { key: '774c0f4e7a50db67ba3f55a75ceaf0f94644cdf7' }, h("input", { key: '874352997ab778da3488b8eea6553d0f476acbb3', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'a3a9b95f4df52b3d6caee07b4223e7aca4758dee', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'bd8454187eae0e01a2634cb514d885eec8285c4f', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '26cd7ff48db01eb192d1a31946145cd50d54613f', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '2140cb7ad8ce976b41b106274c3bb7a7f7eb27b8', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '588a7749ceb5225beab4e6f6c8854e7206dcfb62', class: "gux-container" }, h("div", { key: '2577108819c7e2b49e888f43b34be71a9b79e5f1', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '41dbb2f7e5ca5aead3d2494422881ca8c047bc04', class: "gux-search" }, h("gux-content-search", { key: '586507db8dbc9f38b366251a571dc8bf4e79b051', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '67f962601312dd05c764cff58504b5386349e6c9', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '217124e4fd40398e23af83e1262c1b4cfbd98d02', class: "gux-select" }, h("gux-form-field-checkbox", { key: '66508f1c526387454feb3ffebb0b42b75ddad617' }, h("input", { key: 'd85acd01ea437964e19a4147146f009844bac744', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '8cceb8729d69f32c9f5cd08935956eed977ad0f9', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '4c34dd2fb5be20ff366b13997a489ad4a6abb825', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'ad1d214cffdbff873d219f8da6d9ecf0a2ccaf5e', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '42a0dbcb02a631ea7bd7909b35aef127e7c3f53f', 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-21889d5d.js';
-import { t as trackComponent } from './usage-fabe3b03.js';
+import { t as trackComponent } from './usage-fe738ef4.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.js';
 import { a as onDisabledChange } from './on-attribute-change-33919964.js';
 import { f as focusInputElement } from './focus-input-element-8a137b12.js';
@@ -62,10 +62,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (h("div", { key: 'd85d17c24ead428597f2c973644b080e2b778466', class: {
+        return (h("div", { key: '28ec59442bce21b9a8aa6e4daa02f6dde82b79ba', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '3119e47e3da9276359ad9b2c0ae9215f712aded2', class: "gux-search-icon" }, h("gux-icon", { key: 'ef796175a494bc30d234cc2a79b4ab24c85c7510', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '98855be493a40b519cbe9f4366eb8ade53297e54' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '9244399df101651725be2f5b9bc709b23dca0fde', class: "gux-search-icon" }, h("gux-icon", { key: 'fbdfa696f3adfc2635d447ad439212ebf3f45a76', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '3c23110a115935660ae418a18d100776ca841099' }), 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-21889d5d.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-fabe3b03.js';
+import { t as trackComponent } from './usage-fe738ef4.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.js';
 import { O as OnClickOutside } from './on-click-outside-ae4fe543.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: 'b191c422bc7f399b8124d7a151d18ed13f54d0c2' }, h("gux-popup", { key: '870757febfec9a70a5fa30334687c77891abe3b1', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '788045750569a15d4657afa9cbb4de8bfc20b625', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'c72dbf0647ff64f6609802f48a6b38bff9040854', accent: "ghost" }, h("button", { key: '143fe2240fdc722ce2dd6d41d0084fa2324f2874', 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: '0a218befa8f176c73ae1eada6c75713fb48b6f05', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: 'b89ed6447b3d462ba1f17d5da40c48bd13849a5d', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '9f24962dd20f6f7b6ec9bc8b718f432a121a0436', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e15de5777f867c5e221cfc01db925c3b6c154fc6' }))))));
+        return (h(Host, { key: '3812af7f3ac6d559d0ceb3ce4239e2b94be5c317' }, h("gux-popup", { key: 'af4635a52b673c6879cf2f3465ff02bf9409925d', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '88c187df2686f134574837f8854cc89fbe7ccbdd', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '2385316ab43bdf67de78193c24de831d50f89c44', accent: "ghost" }, h("button", { key: '1f95a842319566e043e45ac081d7b7fa22b13dac', 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: '12f5ab149bf0664bc42c5272a60f8596035b6386', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: 'f8ac9e69cc2ace9b2c6820be11fb976d40fc153b', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '5140951d1197327eafe1409aa879ec0895011b34', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'a8c019bd13be6fce15ffb2191eb38cbf2bf543fa' }))))));
     }
     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-21889d5d.js';
-import { t as trackComponent } from './usage-fabe3b03.js';
+import { t as trackComponent } from './usage-fe738ef4.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.js';
 import './get-closest-element-728b9f18.js';
 
@@ -62,7 +62,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '844989a98e1c490e20f2ec1ae4d3f24b2a917178', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '0cf08a655bef7d85fba772004b6c6ce4f583fb11', class: "gux-copy-content" }, h("slot", { key: '5591ea04e2a25294e921a3ca75b8e5d23db15bb1', name: "content" }), h("gux-icon", { key: '910e8b4e9ce9299ce0016ab10d0049ac4d716326', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '37bd43b34710ec3d226b0c8607b5822c02b530ec', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '9d6c196c3b96fcb2473a7df3caa450ae637eb16d', class: "gux-copy-content" }, h("slot", { key: '73dffc9fadfcc909e1fcb997c78ce5c13cedf44d', name: "content" }), h("gux-icon", { key: '2213aca0c23c555a0ff8ceafa64191798f5b3b14', "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: 'b187d5960eef36734480be15faace6b1079783d0', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '64e9565cf92379bf56993bc21302f4d9648ce7aa', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '9ec59d6f440e2f1561657550f1bad767fb4129ba', class: "gux-option" }, h("gux-icon", { key: '0cbc724c40a9a23bba99ea1275065c7144ee7d3b', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '5f4de4aaa90c7d3b9dc82160e1f7c8b740c5dff0', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '194c55a30f11edbbe69bd44b41d84fb3a33dd1b5', class: "gux-option" }, h("gux-icon", { key: '371a485c9cc6793e55ddb38185328bdf0f764391', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '3c2705c597ebeb979ca5fd95beeb904b775da7ee', 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-21889d5d.js';
-import { t as trackComponent } from './usage-fabe3b03.js';
+import { t as trackComponent } from './usage-fe738ef4.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-4d0e5f11.js';
 import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-72c32f0a.js';
 import { g as getDesiredLocale } from './index-99f8b2e2.js';