genesys-spark-components 4.257.2 → 4.258.0

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CJSLHsA3.js');
-var usage = require('./usage-DJF3VOC7.js');
+var usage = require('./usage-Dmbs1fUu.js');
 var index$1 = require('./index-9i8fmGhW.js');
 var onMutation = require('./on-mutation-Cj5UuGKt.js');
 require('./get-closest-element-D_ECDbYK.js');
@@ -74,7 +74,7 @@ const GuxBadge = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '4fbaaf2f930d59ddc3df8aaba2c9be030d347041', class: {
+        return (index.h("div", { key: 'd53590ae0107104bf128b0eae4b26c850842ef93', class: {
                 'gux-badge': true,
                 [`gux-${this.accent}`]: true,
                 'gux-bold': this.bold

package/dist/cjs/gux-blank-state-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CJSLHsA3.js');
-var usage = require('./usage-DJF3VOC7.js');
+var usage = require('./usage-Dmbs1fUu.js');
 var onMutation = require('./on-mutation-Cj5UuGKt.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CJSLHsA3.js');
-var usage = require('./usage-DJF3VOC7.js');
+var usage = require('./usage-Dmbs1fUu.js');
 var onMutation = require('./on-mutation-Cj5UuGKt.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 
@@ -43,7 +43,7 @@ const GuxBlankState = class {
         this.hasGuidance = hasSlot.hasSlot(this.root, 'additional-guidance');
     }
     render() {
-        return (index.h("div", { key: '04e69d469edbffcdbce84103a2442c1d5beb11a3', class: "gux-container" }, index.h("div", { key: '695bc6c025c32c882d3148e1608b5bf83df0f019', class: "gux-image" }, index.h("slot", { key: 'b7a08a0b510eec555b0e8413660364068f2c37f4', name: "image" })), index.h("div", { key: '2e9df6cc906f858a1c623cf5a030da58bd1f4f18', class: "gux-message" }, index.h("slot", { key: 'b6f62ef10f7fb29148be76576b53317525e306d9', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
+        return (index.h("div", { key: '71acfc55202860e352e20d2c0af8ca48dd7d561a', class: "gux-container" }, index.h("div", { key: 'a26ba2948ec2e4f0ff8c21d3016753cad900fdeb', class: "gux-image" }, index.h("slot", { key: '37c6202c35a907f55187e5fdf468ce595fc6a605', name: "image" })), index.h("div", { key: '8f14aa35950ba611d39a6db743319749b08f6e23', class: "gux-message" }, index.h("slot", { key: 'd0d0b47515e7d9136c0f5e0421267d52c894bc0d', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-branch-multi.cjs.entry.js

@@ -60,7 +60,7 @@ const GuxBranchMulti = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'caf405006319c955ea44d34c76854049a42c9c62', class: {
+        return (index.h("div", { key: '106689e75a986ffec0f0c81093178fe44906c031', class: {
                 'gux-wrapper': true,
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end',
@@ -68,11 +68,11 @@ const GuxBranchMulti = class {
                 'gux-disabled': this.disabled,
                 'gux-selected': this.selected,
                 'gux-child-selected': guxTreeMulti_service.hasChildSelected(this.root)
-            } }, index.h("div", { key: '1e281635a242c479efe9772a6afc6566a75019a2', class: "gux-node" }, index.h("div", { key: '45b3bd5a98abe7e068fa4ae0a05d0e2ec8a335d9', class: "gux-selected-bookmark" }), index.h("div", { key: 'e3ee65d14a6d261ab8476436c1bfa42203b1d9cb', class: "gux-tree-item" }, this.renderBranchIndicator('start'), index.h("div", { key: 'b6cb971f8fa452d70ee38b56dd4776b355ca55ea', class: "gux-selection-target" }, index.h("div", { key: '4fb20b268ebaaa6b7e44462e9e9dda3df857f969', class: "gux-checkbox-container" }, index.h("input", { key: '5509b8e14533c0f943ce6d504f2c505e1c15d86c', type: "checkbox", tabIndex: -1, checked: this.selected, disabled: this.disabled, "aria-labelledby": this.labelId, ref: el => {
+            } }, index.h("div", { key: 'd54ba118cdd65d77969c6d3a0caf6481a4693f73', class: "gux-node" }, index.h("div", { key: '16837a7d8c7434ba3491f1a1ea15dd12fa56699b', class: "gux-selected-bookmark" }), index.h("div", { key: 'f5a9e6c72cab3bfe0789e5fbdd2fb19117131083', class: "gux-tree-item" }, this.renderBranchIndicator('start'), index.h("div", { key: '18319310227ccce813caeff221e5a96655026012', class: "gux-selection-target" }, index.h("div", { key: '7c084c6e8ac73ceba860847542cfed060bdca1b8', class: "gux-checkbox-container" }, index.h("input", { key: '44e574ab7ef93987be97be92cdfdb1da1214c840', type: "checkbox", tabIndex: -1, checked: this.selected, disabled: this.disabled, "aria-labelledby": this.labelId, ref: el => {
                 if (el) {
                     el.indeterminate = this.indeterminate;
                 }
-            } })), index.h("div", { key: 'bde9f8d0dda8459d17ad6b66468ff786a568884d', class: "gux-icon" }, index.h("slot", { key: 'c43dac1b301edcfad547b58dd8d3a565f43d0829', name: "icon" })), index.h("div", { key: 'd64af48bae2386ba8ac51c07895efa2d0c171aaf', class: "gux-label", id: this.labelId }, index.h("slot", { key: '8bda493bd15d4be497ab32a74b75b1e76865f7ec', name: "label" }))), this.renderBranchIndicator('end'))), index.h("div", { key: '31dabcf831ef93c69f10c8772ea287815cef9b40', role: "group", class: "gux-treeitems" }, index.h("slot", { key: '1c61be53658db4b7e9f9ad1e8285b1f5f6455433' }))));
+            } })), index.h("div", { key: '68aa818fffa2bfb1ab031fece2d1a2fb3eefcc9e', class: "gux-icon" }, index.h("slot", { key: 'aa47be407b9f4b1b28c7554c912cb6814553f00d', name: "icon" })), index.h("div", { key: '71bd49a411b126c298d4ad68155b6d40edeb9e50', class: "gux-label", id: this.labelId }, index.h("slot", { key: '7609ea55ef8c138b5e7ece2dd117cc0920a28b11', name: "label" }))), this.renderBranchIndicator('end'))), index.h("div", { key: 'ba9f56456d91a2b6124c89d2055d4eb5c19244a4', role: "group", class: "gux-treeitems" }, index.h("slot", { key: '2a0dc052eb3cc8964c7bc8bacf67c463aa60b228' }))));
     }
     static get formAssociated() { return true; }
     get root() { return index.getElement(this); }

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

@@ -62,7 +62,7 @@ const GuxBranch = class {
         }
     }
     render() {
-        return (index.h("div", { key: '69a6d53c0d3ca3ecde8a44f4c06b09f8c1721c4d', class: {
+        return (index.h("div", { key: 'efdad4071549524683e370ac38bf77cc2926163f', class: {
                 'gux-wrapper': true,
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end',
@@ -70,7 +70,7 @@ const GuxBranch = class {
                 'gux-disabled': this.disabled,
                 'gux-selected': this.selected,
                 'gux-child-selected': guxTree_service.hasChildSelected(this.root)
-            } }, index.h("div", { key: '19abc43a3e86ba79f7193794c048f188f7519d44', class: "gux-node" }, index.h("div", { key: '13aef039ca488582c44cbf576a0fd91bfac172f6', class: "gux-selected-bookmark" }), index.h("div", { key: '3d26b51dbc7a97d18d577ebe56c8684d53abaa76', class: "gux-tree-item" }, this.renderBranchIndicator('start'), index.h("div", { key: 'be190b9840c452995b9e4587b281e5d0139c1439', class: "gux-selection-target" }, index.h("div", { key: '88ec22fe701b62ca6ca6893293652d97e3342604', class: "gux-icon" }, index.h("slot", { key: '7ecc716c6a235c9b9e66144e6acd1b17971824c9', name: "icon" })), index.h("gux-truncate", { key: '595b5e4eb32ba27a6104a6fcbe49fd945edbb063', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'd76a83f7e84e879ca1fff088576cc9037d2035c2', name: "label" }))), this.renderBranchIndicator('end'))), index.h("div", { key: '54a6a3c958117003fb4628e65bfaf290463ea206', role: "group", class: "gux-treeitems" }, index.h("slot", { key: '7e629888fc00355a32ab947cff8b8957e763daef' }))));
+            } }, index.h("div", { key: '45fbac9901753d77826ca543dfe1234e85cd0fb3', class: "gux-node" }, index.h("div", { key: '3fd818101f2dc2f2eafe40c2d4c254a1f8c24808', class: "gux-selected-bookmark" }), index.h("div", { key: '1bcbaaa4f842e80aa41485fdeae7f5ab99a8b05e', class: "gux-tree-item" }, this.renderBranchIndicator('start'), index.h("div", { key: '684d4acc8f910b18c89de1b99c205d8fdacd1085', class: "gux-selection-target" }, index.h("div", { key: '929b8a130e04e54354d515e963608a38d638a6e4', class: "gux-icon" }, index.h("slot", { key: 'e6d3b0b11438b97583e32c1d8c8016a0afabb823', name: "icon" })), index.h("gux-truncate", { key: '4a92807d92efce9592af74c6b3331c23e623684d', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'dc480dedb5aa3135125d23fea6c9f54167e760bf', name: "label" }))), this.renderBranchIndicator('end'))), index.h("div", { key: 'a9ee982e0eae1f7ed6c589ff239757d1c0d7826d', role: "group", class: "gux-treeitems" }, index.h("slot", { key: '3426496c2205aa1848f99bfd89598f41ed725e5c' }))));
     }
     static get formAssociated() { return true; }
     get root() { return index.getElement(this); }

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

@@ -40,7 +40,7 @@ const GuxBreadcrumbItem = class {
     }
     render() {
         const accent = this.getAccent();
-        return (index.h(index.Host, { key: '83188e4da415ea9cd917d48e21e908cb3ceb0e90', role: "listitem" }, index.h("span", { key: '6e3cf8af683eb2bf243ba68435cc2d8a7327f03a', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (index.h(index.Host, { key: '00f5b515670d1a8e74911fd853bfd62dd2c9123b', role: "listitem" }, index.h("span", { key: '2518416bf84d83ea35b0ef8e8a605cf64ca947c8', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-CJSLHsA3.js');
 var index$1 = require('./index-9i8fmGhW.js');
-var usage = require('./usage-DJF3VOC7.js');
+var usage = require('./usage-Dmbs1fUu.js');
 require('./get-closest-element-D_ECDbYK.js');
 
 const breadcrumbs = "Breadcrumbs";
@@ -27,7 +27,7 @@ const GuxBreadcrumbs = class {
         Array.from(this.root.children).forEach(child => index.forceUpdate(child));
     }
     render() {
-        return (index.h("nav", { key: 'a94811a59267d248ac624a1fd8096b2606520982', "aria-label": this.i18n('breadcrumbs') }, index.h("ol", { key: '491746818b1160e8fcc8455a5f76d3b78eb50b0a' }, index.h("slot", { key: 'dc33cbb9750aaed3ae808b0c3e0e4b3db66e2e89', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (index.h("nav", { key: '2b0736fd24df4be85a10c18cb1c839c6412de4e9', "aria-label": this.i18n('breadcrumbs') }, index.h("ol", { key: '4b51142d91e456f6c349486d1ed669f317fdb55c' }, index.h("slot", { key: '7851b1ff4e967046c91928d8971fa8095522e9a0', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -5,7 +5,7 @@ var assignAriaBoolean = require('./assign-aria-boolean-D78B6DOf.js');
 var onClickOutside = require('./on-click-outside-D_XC9FZu.js');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-DJF3VOC7.js');
+var usage = require('./usage-Dmbs1fUu.js');
 
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {
@@ -139,7 +139,7 @@ const GuxButtonMulti = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h("gux-popup", { key: '964a5db283f857853eeef0f29cc5020c9c7db195', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, index.h("div", { key: '856259c31bd6f6e13a4820ddef34dd96e5641834', slot: "target", class: "gux-button-multi-container" }, index.h("gux-button-slot", { key: '5299002197b157bb15e3e53a8eb5479287aab47f', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, index.h("button", { key: 'bb4a1da272e8010e8d2bb59a0f91459de46be6fb', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": assignAriaBoolean.assignAriaStateBoolean(this.isOpen), "aria-label": this.guxAriaLabel }, index.h("slot", { key: '223ba88f806329e70a422c9cd1ea574793698bdb', name: "title" }), index.h("gux-icon", { key: 'cf2673ed88dde78e0923433af5b107baa7c2989a', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), index.h("div", { key: '8cdf2ca238848a81fec90ea3a1ffa2a8775f110f', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '1834cf4a2b10ce10d8d6aaef943295ee3b569d97', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '855acad9c97f5dd1abbadf1b3d2d3563bdcb9a42' })))));
+        return (index.h("gux-popup", { key: '9b516a9b05fde941e3d7a6492ce3ae77be40288b', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, index.h("div", { key: '903e98ebebee5a6f6b5e21792100cb7bbf573085', slot: "target", class: "gux-button-multi-container" }, index.h("gux-button-slot", { key: 'dba0d0140c8566b5395eadd9b243a7c6656239ca', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, index.h("button", { key: '6626b07ce5e72b2a07642195613da92c96d390b8', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": assignAriaBoolean.assignAriaStateBoolean(this.isOpen), "aria-label": this.guxAriaLabel }, index.h("slot", { key: 'a4ecba1c201cddcf82a080a3788d2a6e4a5e1be5', name: "title" }), index.h("gux-icon", { key: '1e4d64f2b3646bdd0bb4807d31f215d21c460906', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), index.h("div", { key: '211a3b3d1bc2fc54a298c49c11804a657d334a8c', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '87f5670ca218e63115191b2060c045da1c68e8f0', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '07d9642b1695711902f50ca35d912262f45ebe2f' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CJSLHsA3.js');
-var usage = require('./usage-DJF3VOC7.js');
+var usage = require('./usage-Dmbs1fUu.js');
 var logError = require('./log-error-nWO_o1C3.js');
 
 const guxButtonSlotCss = () => `:host{display:inline-flex;block-size:fit-content;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);box-sizing:border-box !important;display:inline-flex;align-items:center;justify-content:center;inline-size:100%;min-inline-size:var(--gse-ui-button-iconOnly-width);min-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]) ::slotted(input[type=button]),:host([accent=inline]) ::slotted(input[type=submit]),:host([accent=inline]) ::slotted(button){min-inline-size:initial;block-size:initial;min-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}:host([accent=copilot]) ::slotted(input[type=button]),:host([accent=copilot]) ::slotted(input[type=submit]),:host([accent=copilot]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background:linear-gradient(64deg, var(--gse-ui-copilotButton-default-backgroundColor-bottomLeft) 5.51%, var(--gse-ui-copilotButton-default-backgroundColor-middle) 48.28%, var(--gse-ui-copilotButton-default-backgroundColor-topRight) 88.65%);border:none;box-shadow:var(--gse-ui-copilotButton-glow-default)}:host([accent=copilot]) ::slotted(input[type=button]:hover:enabled),:host([accent=copilot]) ::slotted(input[type=submit]:hover:enabled),:host([accent=copilot]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background:linear-gradient(54deg, var(--gse-ui-copilotButton-hover-backgroundColor-bottomLeft) 7.09%, var(--gse-ui-copilotButton-hover-backgroundColor-middle) 47.64%, var(--gse-ui-copilotButton-hover-backgroundColor-topRight) 103.51%);box-shadow:var(--gse-ui-copilotButton-glow-hover)}:host([accent=copilot]) ::slotted(input[type=button]:active:enabled),:host([accent=copilot]) ::slotted(input[type=submit]:active:enabled),:host([accent=copilot]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background:linear-gradient(54deg, var(--gse-ui-copilotButton-active-backgroundColor-bottomLeft) 7.17%, var(--gse-ui-copilotButton-active-backgroundColor-middle) 46.7%, var(--gse-ui-copilotButton-active-backgroundColor-topRight) 83.3%);box-shadow:var(--gse-ui-copilotButton-glow-active)}:host([accent=input-icon]) ::slotted(input[type=button]),:host([accent=input-icon]) ::slotted(input[type=submit]),:host([accent=input-icon]) ::slotted(button){inline-size:16px;min-inline-size:initial;block-size:16px;padding:1px;color:var(--gse-ui-formControl-input-inputClearable-inputClearableColor);background-color:transparent}:host([accent=input-icon]) ::slotted(input[type=button]:hover:enabled),:host([accent=input-icon]) ::slotted(input[type=submit]:hover:enabled),:host([accent=input-icon]) ::slotted(button:hover:enabled){color:var(--gse-semantic-background-interactive-primary-hover);background-color:transparent}:host([accent=input-icon]) ::slotted(input[type=button]:active:enabled),:host([accent=input-icon]) ::slotted(input[type=submit]:active:enabled),:host([accent=input-icon]) ::slotted(button:active:enabled){color:var(--gse-semantic-background-interactive-primary-active);background-color:transparent}:host([accent=input-icon]) ::slotted(input[type=button]:focus-visible:enabled),:host([accent=input-icon]) ::slotted(input[type=submit]:focus-visible:enabled),:host([accent=input-icon]) ::slotted(button:focus-visible:enabled){color:var(--gse-semantic-background-interactive-primary-default);background-color:transparent}:host([accent=subtle]) ::slotted(input[type=button]),:host([accent=subtle]) ::slotted(input[type=submit]),:host([accent=subtle]) ::slotted(button){color:var(--gse-ui-button-subtle-default-foregroundColor);background-color:var(--gse-ui-button-subtle-default-backgroundColor)}:host([accent=subtle]) ::slotted(input[type=button]:hover:enabled),:host([accent=subtle]) ::slotted(input[type=submit]:hover:enabled),:host([accent=subtle]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-subtle-hover-foregroundColor);background-color:var(--gse-ui-button-subtle-hover-backgroundColor)}:host([accent=subtle]) ::slotted(input[type=button]:active:enabled),:host([accent=subtle]) ::slotted(input[type=submit]:active:enabled),:host([accent=subtle]) ::slotted(button:active:enabled){color:var(--gse-ui-button-subtle-active-foregroundColor);background-color:var(--gse-ui-button-subtle-active-backgroundColor)}`;
@@ -34,7 +34,7 @@ const GuxButtonSlot = class {
         this.validateSlotContent();
     }
     render() {
-        return (index.h(index.Host, { key: 'e6934dea1e7bd3f7609d57c9bf49e3876fc6a9e4', accent: this.accent, "icon-only": this.iconOnly }, index.h("slot", { key: 'f47c9f9eda0b837c4a2a4dceeea9f6fd2be179e2' })));
+        return (index.h(index.Host, { key: 'b5fbb9ecf1502d596a98495c10d311e8586dd660', accent: this.accent, "icon-only": this.iconOnly }, index.h("slot", { key: 'ff1518b3f0786e6a2e02ec261084c68d3891a214' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CJSLHsA3.js');
-var usage = require('./usage-DJF3VOC7.js');
+var usage = require('./usage-Dmbs1fUu.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var floatingUi_dom = require('./floating-ui.dom-BuKBQkiD.js');
 var onClickOutside = require('./on-click-outside-D_XC9FZu.js');
@@ -39,10 +39,10 @@ const GuxButton = class {
     }
     render() {
         return [
-            index.h("button", { key: '5ed1ba223d6e4dc2f00bdaef2803822a53310f44', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            index.h("button", { key: 'affb141991a357f632128679e9b4ac83cd8ba373', 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 }, index.h("slot", { key: '2215fc368b6a3501861545ac4fe9ef74ba24cecf', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, index.h("slot", { key: 'c51d268c3d2af837b7f2f7a3310cb6304ff4034e', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }
@@ -292,10 +292,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'd28bfff4568f1af36d7a39b2e05151611c6f984a', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '40703e58689228e308f13acc96e22e1cda528321', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: '8a81853776de7d76cb20c9164f5320269817319d', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: 'ccf7d7bb7e127196618d9ba8816dd55539cb1b62', class: "gux-arrow-caret" })), this.displayDismissButton && (index.h("gux-dismiss-button", { key: 'e95bf3e078bee5592090b7565fc9c0d95c7f6ce8', onClick: this.dismiss.bind(this) })), index.h("div", { key: '435164faf278caf1f91da328192f1d533437f580', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: '16aa89400e04827d619e932fdf835dd09fe6703f', name: "title" })), index.h("div", { key: '4ecb5556ce8cbeebb37b038386d3d8770d309448', class: "gux-popover-content" }, index.h("slot", { key: 'a4cd7d2a7524a91155e0c1664f2736ff6ca8db2c' })), index.h("div", { key: 'bfd946b662c62e42d8fceb8b928618abfde63ab4', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, index.h("slot", { key: '1da5b026e00380f479e6d86c7609cdbd6de53929', name: "footer" }))));
+            }, "data-placement": true }, index.h("div", { key: '630c649fe14c6a19a64f1e37fd4791a4a374c7f8', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '49c49165aa97c1d5b3aab8e9fbd5c2ea6f575aa8', class: "gux-arrow-caret" })), this.displayDismissButton && (index.h("gux-dismiss-button", { key: 'c1fc337509ab95cfac0214899a6bd751e0819758', onClick: this.dismiss.bind(this) })), index.h("div", { key: '492322122c68853bbde3002c1c7e7dc98e139447', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: 'ada7b2d5f8488206fcbd6fc84c5ecaf20003cb1d', name: "title" })), index.h("div", { key: '9f957e9423e39f7a7579ec21a6868604e4bfb9d5', class: "gux-popover-content" }, index.h("slot", { key: 'f9c4945a033ce065c1ad1e6efc68092a47d42958' })), index.h("div", { key: '1cbf5fd993c420e1eb823f4c9a5a67bc10b664f7', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, index.h("slot", { key: '93f31f5bc1f086e4eebd76ff10f62623dbcdeb63', name: "footer" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -133,7 +133,7 @@ const GuxCalendar = class {
         var _a;
         this.locale = index$1.getDesiredLocale(this.root);
         this.startDayOfWeek = this.startDayOfWeek || index$1.getFirstDayOfWeek(this.locale);
-        this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
+        this.i18n = await index$1.buildI18nForComponent(this.root, translationResources, 'gux-calendar-beta');
         if ((_a = this.internals) === null || _a === void 0 ? void 0 : _a.setFormValue) {
             this.internals.setFormValue(this.value);
         }
@@ -297,7 +297,7 @@ const GuxCalendar = class {
         }))))))));
     }
     render() {
-        return (index.h("div", { key: '75fdc97d974c3c217f1e35cc35042633dbf568d3', class: {
+        return (index.h("div", { key: 'e849c6e6bb328b8bdf81a00cb63e9f0d05bf2fb4', class: {
                 'gux-calendar-beta': true,
                 'gux-disabled': this.disabled || this.formDisabled
             }, "aria-disabled": assignAriaBoolean.assignAriaBoolean(this.disabled || this.formDisabled) }, this.renderHeader(), this.renderContent()));

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

@@ -4,7 +4,7 @@ var index = require('./index-CJSLHsA3.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var assignAriaBoolean = require('./assign-aria-boolean-D78B6DOf.js');
 var isoDates = require('./iso-dates-C3ShFBCi.js');
-var usage = require('./usage-DJF3VOC7.js');
+var usage = require('./usage-Dmbs1fUu.js');
 var index$1 = require('./index-9i8fmGhW.js');
 var capitalizeFirstLetter = require('./capitalize-first-letter-mZPrUEI2.js');
 var sparkIntl = require('./spark-intl-DyVr-p9T.js');
@@ -427,7 +427,7 @@ const GuxCalendar = class {
         return (index.h("table", null, index.h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (index.h("th", null, day)))), this.getMonthDays(index$1).map(week => (index.h("tr", null, week.map(day => (index.h("td", { tabindex: this.isFocusableDate(day) ? '0' : '-1', class: day.class, "aria-hidden": assignAriaBoolean.assignAriaBoolean(day.hidden), "aria-disabled": assignAriaBoolean.assignAriaBoolean(day.disabled), "data-date": day.date.getTime(), onClick: () => void this.onDateClick(day.date), onMouseEnter: () => this.onDateMouseEnter(day.date), onKeyDown: e => void this.onKeyDown(e), onKeyUp: e => void this.onKeyUp(e) }, index.h("div", { class: "gux-date" }, day.date.getDate(), index.h("gux-screen-reader-beta", null, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (index.h("div", { key: '76865c529fcaafbbe86414c393b5e25b0a594fe9', class: "gux-calendar" }, index.h("div", { key: '9de0ba79462f3251d629a7ee08429ddf841307ec', class: "gux-header" }, index.h("button", { key: 'a9245856250a79be56684eabb2ea10079ec7bdbb', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, index.h("gux-icon", { key: '3a206d4e7bf1ec61b981bc47a6204fda912d95c0', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: 'a5fb1a770426c75fcff3c76957b005e2d656e819', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, index.h("gux-icon", { key: '63fdc47ca38c1adfe8b3658dbc1c6ef50e5a68cb', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: '7da3bf09ce9cbb990325018f1925b785ec1bfc59', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (index.h("div", { key: '4e1daf58f29105906687177df62d52a95b516e93', class: "gux-calendar" }, index.h("div", { key: 'b6691e76fe94bad928b5768c2c824efb4c453ea8', class: "gux-header" }, index.h("button", { key: '1b5793bd7076d763e2158d3d3b9fde24fba8b18a', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, index.h("gux-icon", { key: '25b67a0a1c55f59a68a69e6b93cdcdf803534eb7', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: '8750ce52467670921f1adad6d1e2998490a4f237', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, index.h("gux-icon", { key: '39fecf998e5778d77f784a2b64a946666b331a5b', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: 'c71dc8cfcd892a6aa025da4df9e0a25a28401c71', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CJSLHsA3.js');
-var usage = require('./usage-DJF3VOC7.js');
+var usage = require('./usage-Dmbs1fUu.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)}`;
 
@@ -17,10 +17,10 @@ const GuxCard = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h("div", { key: 'e18a0fe948f6192d724d24368a3a9330fb3d2cbc', class: {
+        return (index.h("div", { key: '3536d9814679ca435742cc00e6aad0f7f22ef356', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("slot", { key: 'c83188ed32f9ee15fe835fb3d456e187407cfd25' })));
+            } }, index.h("slot", { key: '2ae4f0dfaf0e5d8ae115f5e76868660d376a789f' })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-cloud-logo-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CJSLHsA3.js');
-var usage = require('./usage-DJF3VOC7.js');
+var usage = require('./usage-Dmbs1fUu.js');
 var index$1 = require('./index-9i8fmGhW.js');
 require('./get-closest-element-D_ECDbYK.js');
 

package/dist/cjs/gux-cloud-logomark-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CJSLHsA3.js');
-var usage = require('./usage-DJF3VOC7.js');
+var usage = require('./usage-Dmbs1fUu.js');
 var index$1 = require('./index-9i8fmGhW.js');
 require('./get-closest-element-D_ECDbYK.js');
 

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

@@ -188,15 +188,15 @@ const GuxColumnManagerItem = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: '6b58807a58b6778be4506c691616f82e73e20b22', draggable: "true", onMouseUp: event => this.onMouseUp(event) }, index.h("div", { key: 'f8d1d29d45c8a53e34d4a8352fc9670e76683852', class: {
+        return (index.h(index.Host, { key: '051ecfb83dafc8222626fb9ef2ace4dc87677ef7', draggable: "true", onMouseUp: event => this.onMouseUp(event) }, index.h("div", { key: 'db105d3a036e8366717b2b08dfde4807e8acbbc0', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging,
                 'gux-parent-reordering': this.isParentReordering
-            } }, index.h("button", { key: '78ab7e6939b379b381009f820785e8f59ed15528', class: {
+            } }, index.h("button", { key: '9e9e05b1c9755f715359ace4c51d6ca18a5b674d', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onMouseDown: () => this.onMouseDown(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, index.h("gux-icon", { key: '6b2afde60ebd450c9294e29e9c1c9e74114f51d0', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), index.h("span", { key: 'c1915c6c1f4a3dca9df2f3cf542146089dd3103e', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: '0ec4e5a972ed9fb7c96a7a4ebc3f42acdd42a757', class: "gux-select" }, index.h("slot", { key: 'e69347ccbe708f086e86f27f685201d4b93a69e7', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: 'f8c442831d0ff83c6e81f8e5de393eb5777a109f', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onMouseDown: () => this.onMouseDown(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, index.h("gux-icon", { key: 'a44d0dfa10d16aa8888497db5ade0d3c47fd5f4d', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), index.h("span", { key: '2714903e53a0ea9416724f30496ec9cbffe50289', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: 'a354e7dc9162d8b4a2cef156f88a739d23b8949f', class: "gux-select" }, index.h("slot", { key: '904a80527ac8714fd285e35df664d3d56a63dc32', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: 'e0b2e2b305c9a234c4010995a7ca79c0939eec8e', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-CJSLHsA3.js');
 var index$1 = require('./index-9i8fmGhW.js');
-var usage = require('./usage-DJF3VOC7.js');
+var usage = require('./usage-Dmbs1fUu.js');
 var guxColumnManager_service = require('./gux-column-manager.service-BdAzD8uK.js');
 require('./get-closest-element-D_ECDbYK.js');
 require('./clamp-BlDLYO0F.js');
@@ -144,7 +144,7 @@ const GuxColumnManager = class {
     render() {
         var _a;
         const isReordering = ((_a = this.keyboardOrderChange) === null || _a === void 0 ? void 0 : _a.oldIndex) !== null;
-        return (index.h(index.Host, { key: '6cd545cd3a40e91261b4cc644f2c552b0f97ed6b', class: { 'gux-reordering': isReordering } }, index.h("div", { key: 'b14b719a03ded3ba9db667064ba00ad49f31538d', class: "gux-container" }, index.h("div", { key: '20c33cc22bd5b4daae17c38341373782abf1c1e5', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '9a38f723f572e0e79e067d8a3daf46dd3cc359ff', class: "gux-search" }, index.h("gux-content-search", { key: '9dac2a750a6fdc55ae45862398aee5429fc7ec34', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: '259f9717ac94b081337692775721d4c94f282fe8', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: '69fc2ff031a6149b4d7a796393f0d48ae18e833a', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: '548a622903ff330b3b2b50830ce5bcf888756056' }, index.h("input", { key: '9986a21ef08058dfc229e18ff549324f6a6bc1ca', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '54a76459232b43d4b185778a76e24dcdcaa4b047', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '2207909adf019bec849e78246673180711ba324f', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: '0728133e122a970202e6a29cb900cd7817076b9e', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '19c58533ea7fcaf422db55af0c405689eded605d', ref: el => (this.announceElement = el) }))));
+        return (index.h(index.Host, { key: '48aeb86fcecd38c656b4cc72b775ce2e51a75f4a', class: { 'gux-reordering': isReordering } }, index.h("div", { key: 'f5baa49f8f65d50814a92d91c675ea7fcd961571', class: "gux-container" }, index.h("div", { key: '4e45f415e613fe5b5161c1f9c0ec46b2d3d6e7c8', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '282ab58e1573577580f0e833378f82b8122683fe', class: "gux-search" }, index.h("gux-content-search", { key: '091dac4f064e2a57c98c1b6aee9f17895cff17b6', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: '271d66656a5cc87898fd4304fc93968493a9f2c5', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: '4bbe66cfbfcfc2b213adfe3e55436adb749c2882', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: '99f6da867df0ee099e6d0b207a3c5974b909b28e' }, index.h("input", { key: '8bd00c76b85080335e97cf61f4e1cafe77c46511', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '2815ed928cf49dfed4eb1501b035baee44850c19', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '9e783a060d2f63a7ae1f35f953648e9c942b43fc', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: 'f8fae92881905b69f85c96d49858d18b84e79660', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '92163f84065423a6a84577f8e784ee15aef68ed2', ref: el => (this.announceElement = el) }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CJSLHsA3.js');
-var usage = require('./usage-DJF3VOC7.js');
+var usage = require('./usage-Dmbs1fUu.js');
 var index$1 = require('./index-9i8fmGhW.js');
 var assignAriaBoolean = require('./assign-aria-boolean-D78B6DOf.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
@@ -68,10 +68,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (index.h("div", { key: '931c8dcec0ef4fec8b5d9afa41fb981ce29a7737', class: {
+        return (index.h("div", { key: 'dca26a146d3e7fec7c241d3281d52184fcbfdbaf', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: '01f3e9c240a5012c81654aa0b5a6379a4416315d', class: "gux-search-icon" }, index.h("gux-icon", { key: '049db683d11264831e34ab663a787455230f7db3', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: 'c5bd085290e31555d8fca4e28667e2581f69685c' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: '8a4dc91764f9eebc45c0488da6bb263fe61d79fc', class: "gux-search-icon" }, index.h("gux-icon", { key: '94b365790d3c1d7c11c9b4b34613986d04e005c7', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: 'e321643e79c24e2e435c1c0941c368e3bae13900' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -3,7 +3,7 @@
 var index = require('./index-CJSLHsA3.js');
 var assignAriaBoolean = require('./assign-aria-boolean-D78B6DOf.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-DJF3VOC7.js');
+var usage = require('./usage-Dmbs1fUu.js');
 var index$1 = require('./index-9i8fmGhW.js');
 var onClickOutside = require('./on-click-outside-D_XC9FZu.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
@@ -148,8 +148,8 @@ const GuxContextMenu = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: '3276cb22257ec6e3cdaacdf1f7cfaa8d1540cee1' }, index.h("gux-popup", { key: '024aeeedba12df88cacb85ba270f47a231da1a78', placement: this.placement, expanded: this.isOpen, offset: parsePxValue(uiTokens.dropdown['gap']), "exceed-target-width": true }, index.h("div", { key: 'e9c3ff3b7f0805efd4d0bd6db09fb886dd612c08', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: '842b7be86c8616b05398da048a7ffcd1e4ac3add', accent: "ghost" }, index.h("button", { key: '1fec5eec955c2e15afcfb68e0873367a4a36faf8', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": assignAriaBoolean.assignAriaStateBoolean(this.isOpen), disabled: this.disabled }, index.h("gux-screen-reader-beta", { key: '543377e616fdbab03e123b071e3bd0ff9578bb86' }, this.screenreaderText ||
-            this.i18n('contextMenuScreenreaderText')), index.h("gux-icon", { key: '7eb24c2e54421729e082334819d10363c1d58418', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), index.h("div", { key: '7c6e162ea1f2be0750b086d0aeba908479b6b0ce', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: '9bb82046142d63447f2c1828267f0ee7c78300e9', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'bb57b28f7672f5d993b169bc3d603d55d84db4c8' }))))));
+        return (index.h(index.Host, { key: '2138d6582f028070e226b7664231a1365a730bb0' }, index.h("gux-popup", { key: '24e03e865a6fbc14676b4ed13cc22083cd7d55d4', placement: this.placement, expanded: this.isOpen, offset: parsePxValue(uiTokens.dropdown['gap']), "exceed-target-width": true }, index.h("div", { key: '6f6228cb3ca2f66bc3639d1062ca413b762dc258', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: 'b2ed3d3356cc44cd34bfc4fcf45c17a584198212', accent: "ghost" }, index.h("button", { key: '5174a026f9e35f3dbf7976576fa47ac5ae265d4e', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": assignAriaBoolean.assignAriaStateBoolean(this.isOpen), disabled: this.disabled }, index.h("gux-screen-reader-beta", { key: '0d5f38bd03bf92e8d4bc5f98056a0446dfc786dd' }, this.screenreaderText ||
+            this.i18n('contextMenuScreenreaderText')), index.h("gux-icon", { key: 'b1b2bd07ebfe85d3e70de5e758b800b7eaa26f00', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), index.h("div", { key: '3fde6dee717b5a5d04c97594e10c6dbac0e672c6', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: '08eafd36ff6b2872b6c839df75902f8096617595', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'f9c1dc75c38c5b04b62f9b195cee297d16a3ba07' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CJSLHsA3.js');
-var usage = require('./usage-DJF3VOC7.js');
+var usage = require('./usage-Dmbs1fUu.js');
 var index$1 = require('./index-9i8fmGhW.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 require('./get-closest-element-D_ECDbYK.js');
@@ -65,7 +65,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: '3ae0a39179c8c86be0d154d88265ce79b75811bd', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent.getSlotTextContent(this.root, 'content') }, index.h("div", { key: '1de8094ae44ffa8cdbaf31c51c197c77f91a35da', class: "gux-copy-content" }, index.h("slot", { key: '41c4c39202388047a36274b3167ed321796d701f', name: "content" }), index.h("gux-icon", { key: 'fbdeca719a08bf455b78b98931b9f102bdc38f41', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (index.h("button", { key: '4789b5f01adb66e9a45c54aac8dab1f604471a93', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent.getSlotTextContent(this.root, 'content') }, index.h("div", { key: 'ed3511dd2b9d39edff62a9fa2f6a387cff11b00f', class: "gux-copy-content" }, index.h("slot", { key: '2058da2eb9a73cd31500923e265b013cca894ff1', name: "content" }), index.h("gux-icon", { key: 'd455569c0dec2af6dcfb62cf53f11d5ea267d610', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -44,11 +44,11 @@ const GuxCreateOption = class {
         return (index.h("gux-screen-reader-beta", null, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (index.h(index.Host, { key: 'f88677e4434f9e3bdcffaa3ac1b04116e16c581c', role: "option", "aria-selected": false, class: {
+        return (index.h(index.Host, { key: '3e5444b73e880bb5ee7d97d31c4a96ea4e224793', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, index.h("div", { key: '4390583c4037deef1968020ec2925585f691ac45', class: "gux-option" }, index.h("gux-icon", { key: '640b4be74fa973ffeb4b4758dbbf28b525f9986b', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), index.h("div", { key: 'ffcc5d049ba78bdec0e440bf87a8e556f1cb15a9', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, index.h("div", { key: '6e85404ab43f66cac075f9dd771cd4aed8fbb94b', class: "gux-option" }, index.h("gux-icon", { key: 'cb9f6c90f3018f649943769c4cad4c62c55f23fe', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), index.h("div", { key: '66d5731dd2bea7c399a7bce58d758c69e88176e9', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CJSLHsA3.js');
-var usage = require('./usage-DJF3VOC7.js');
+var usage = require('./usage-Dmbs1fUu.js');
 var safeDate = require('./safe-date--lh9-dPp.js');
 var index$1 = require('./index-9i8fmGhW.js');
 var sparkIntl = require('./spark-intl-DyVr-p9T.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CJSLHsA3.js');
-var usage = require('./usage-DJF3VOC7.js');
+var usage = require('./usage-Dmbs1fUu.js');
 var safeDate = require('./safe-date--lh9-dPp.js');
 var index$1 = require('./index-9i8fmGhW.js');
 var sparkIntl = require('./spark-intl-DyVr-p9T.js');

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

@@ -7,7 +7,7 @@ var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var isoDates = require('./iso-dates-C3ShFBCi.js');
 var onClickOutside = require('./on-click-outside-D_XC9FZu.js');
-var usage = require('./usage-DJF3VOC7.js');
+var usage = require('./usage-Dmbs1fUu.js');
 var index$1 = require('./index-9i8fmGhW.js');
 var sparkIntl = require('./spark-intl-DyVr-p9T.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');
@@ -725,7 +725,7 @@ const GuxDatepicker = class {
             } }, this.getCalendarLabels()[1]), index.h("div", { class: "gux-datepicker-field-input" }, index.h("div", { class: "gux-datepicker-field-text-input" }, index.h("input", { id: this.endInputId, type: "text", ref: (el) => (this.toInputElement = el), onMouseUp: e => this.onInputMouseUp(e), onFocusin: e => this.onInputFocusIn(e), onFocusout: () => this.onInputFocusOut(), value: this.toFormattedValue, disabled: this.disabled }), this.renderCalendarToggleButton()))));
     }
     render() {
-        return (index.h("div", { key: '8a70e17a16425dc7ca174147ae44949ea5c3b676', class: {
+        return (index.h("div", { key: '738ddf7edb54a0e3a9e13344a4e34bb334a878b8', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -3,7 +3,7 @@
 var index = require('./index-CJSLHsA3.js');
 var assignAriaBoolean = require('./assign-aria-boolean-D78B6DOf.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-DJF3VOC7.js');
+var usage = require('./usage-Dmbs1fUu.js');
 var index$1 = require('./index-9i8fmGhW.js');
 require('./get-closest-element-D_ECDbYK.js');
 
@@ -56,10 +56,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (index.h("div", { key: '479251ef95919322215efaaeca9989bfa3a8a53c', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: '86f29749bb502f0e72d0ef15e59490649d63843a', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": assignAriaBoolean.assignAriaStateBoolean(this.isOpen), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, index.h("gux-icon", { key: 'cbbbced4641c87ed5cca10cb552814814523585b', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: '9f5d7840c52f9287ba3fc14661cc15cf40b67454', id: this.panelId, class: {
+        return (index.h("div", { key: 'df4969ccd575fe9718702793c734876d7b39647d', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: '4a60621a9ec9c1364d72fbac70f5b2e8c562f736', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": assignAriaBoolean.assignAriaStateBoolean(this.isOpen), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, index.h("gux-icon", { key: '16c58a605e4a47bae2e3fc8aac51ab86ee65456a', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: '6d4001f0d7263b11e80fdddb1d8de20d6bff6289', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, index.h("slot", { key: '0596cc4b1fa7a0df03319e4420d6e1751e3823cb', name: "panel-content" }))));
+            }, role: "region" }, index.h("slot", { key: 'bbc188e274b718b34445933565ebb162b808ef9c', name: "panel-content" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CJSLHsA3.js');
-var usage = require('./usage-DJF3VOC7.js');
+var usage = require('./usage-Dmbs1fUu.js');
 var index$1 = require('./index-9i8fmGhW.js');
 require('./get-closest-element-D_ECDbYK.js');
 
@@ -23,10 +23,10 @@ const GuxDismissButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("gux-button-slot", { key: 'cadb58b0f3e22eec8012f41881b229907d9f01ca', accent: "ghost", class: {
+        return (index.h("gux-button-slot", { key: 'ae684c04c93721a226a556c2fbc6dce8c91784d1', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, index.h("button", { key: 'aeeb2c60d286bb3c43b22e4c72254297eb85db69', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: 'bb81276c6d4cfb7d5b6ad7ac2505c7e4ea7bb3ef', class: "gux-icon-container" }, index.h("gux-icon", { key: '030548eca717bd87b07af8893991a0bcee9c1f20', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, index.h("button", { key: '459296523ba1837b5c8ae66fd1f6855eb537107c', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: '1faebe9385c8c4b714459d54f963f0a76814627a', class: "gux-icon-container" }, index.h("gux-icon", { key: '5fdc4819ff90df5053e3a6c083b5b9555f4eb64b', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -49,7 +49,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: 'd1585e8cd2ea3b687d80a63b50be3219509aa6c7', class: {
+        return (index.h("div", { key: '95097397858a27be3591e85e3bf310a1c2537ac4', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": assignAriaBoolean.assignAriaBoolean(this.disabled) }, this.numberSelected.toString(), this.renderRemoveButton()));

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

@@ -7,7 +7,7 @@ var index$1 = require('./index-9i8fmGhW.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var usage = require('./usage-DJF3VOC7.js');
+var usage = require('./usage-Dmbs1fUu.js');
 var guxListbox_service = require('./gux-listbox.service-FoCeSxM9.js');
 var onMutation = require('./on-mutation-Cj5UuGKt.js');
 require('./get-closest-element-D_ECDbYK.js');
@@ -450,7 +450,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            index.h("div", { key: '30dae6dedf522434ba3a322a8d6c1292ee416363', class: "gux-dropdown-container" }, index.h("gux-popup", { key: '2b0412e239f51f484d8a0646f6607253ee7e8f63', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            index.h("div", { key: '6874b750a489177809598f8758586653e1c295c7', class: "gux-dropdown-container" }, index.h("gux-popup", { key: 'b862173f33e37a6f3e5f38ab6ece35d83c0761be', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get delegatesFocus() { return true; }

package/dist/cjs/gux-dropdown-option.cjs.entry.js

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