genesys-spark-components 4.262.2 → 4.262.3

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

@@ -54,20 +54,20 @@ const GuxAccordionSection = class {
         this.hasIconSlot = !!this.root.querySelector('[slot="icon"]');
     }
     render() {
-        return (index.h("section", { key: '4f3013e3cd2d78b21a8c962682c29aa9bbf4fc76', class: { 'gux-disabled': this.disabled } }, index.h("div", { key: 'aa5b7d12eb0f7d801d7f6c341315ce0851f91b30', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, index.h("button", { key: '5ab47360ee7dc2c53ba82af985e2dba4e6e9ef45', class: {
+        return (index.h("section", { key: '63d0869e70ceda2a595766d054aacbbefc61c1a2', class: { 'gux-disabled': this.disabled } }, index.h("div", { key: '8093943a09fddf25272b339252f80af021c1ef63', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, index.h("button", { key: 'f959a09e1db7e02f61ae9d5361da8618a6f71e89', class: {
                 'gux-header': true,
                 'gux-reverse-headings': this.reverseHeadings
-            }, type: "button", "aria-expanded": assignAriaBoolean.assignAriaStateBoolean(this.open), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && index.h("slot", { key: 'cb81e509d8c297719e832eaa6eb71d3241eda7ec', name: "icon" }), index.h("div", { key: '7050ed5c30a9f9de78c47b0403875262fa6a69c4', class: {
+            }, type: "button", "aria-expanded": assignAriaBoolean.assignAriaStateBoolean(this.open), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && index.h("slot", { key: '249e6376437c358dc8641c648741f9fafc1e9b84', name: "icon" }), index.h("div", { key: 'ac8e7e91cdfe96d9bad298eef00988016b4ec99b', class: {
                 'gux-header-text': true
-            } }, index.h("slot", { key: 'fd7598ad830fcebe4b67bc4103f3ac179c286f1f', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), index.h("slot", { key: '9308e8a6c8f450cdc4ef71e102fd17dbddeb6558', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), index.h("div", { key: 'f92e5d82aff43f16c4a80dab9a9ccd410f368443', class: {
+            } }, index.h("slot", { key: '1437931ea4fb3438104b4fc7fc132caf3b02af65', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), index.h("slot", { key: '2d2a0625afdd6cd035912b8e852f74575e60efff', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), index.h("div", { key: 'b16ba5c0e7ba8667bd7a1bff2dd688ce3c844f2e', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, index.h("gux-icon", { key: 'a438cec0ab959432569c31cb6ab1b1f8af9cef3a', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), index.h("div", { key: '3aab8b7fb99285435d5dcf5c174c6981d9f47375', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, index.h("gux-icon", { key: '80e64333429034dccd7c6ad08a13789caa5703c5', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), index.h("div", { key: '68eae47ab7b72bf6d60784e6ee75f17fb80d8110', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
                 'gux-content': true,
                 'gux-expanded': this.open,
                 'gux-text-content-layout': this.contentLayout === 'text'
-            } }, index.h("slot", { key: 'ba849a0c85a4383d20382a875f3193595da7c747', name: "content" }))));
+            } }, index.h("slot", { key: '981b731bc3af157726d1344d511b5450197542cb', name: "content" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CmydBqZn.js');
-var usage = require('./usage-Cw8anPt0.js');
+var usage = require('./usage-CmYBE5U7.js');
 
 const guxAccordionCss = () => `gux-accordion{-custom-noop:noop}`;
 
@@ -39,7 +39,7 @@ const GuxAccordion = class {
         }
     }
     render() {
-        return (index.h("slot", { key: '9e41e58056caa4cc7715f35af60d089d9ab9e23a' }));
+        return (index.h("slot", { key: '7624424eccbda8b298e789450ffb5285cefe9b2d' }));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -5,7 +5,7 @@ var assignAriaBoolean = require('./assign-aria-boolean-D78B6DOf.js');
 var onClickOutside = require('./on-click-outside-UcGa7Qjv.js');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-Cw8anPt0.js');
+var usage = require('./usage-CmYBE5U7.js');
 var index$1 = require('./index-DZmZ1T_H.js');
 require('./get-closest-element-D_ECDbYK.js');
 
@@ -162,7 +162,7 @@ const GuxActionButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (index.h("div", { key: '4d7b0a7520dd8e5a825419f2352ebd31b5c2360f', class: "gux-action-button-container" }, index.h("gux-popup", { key: '75e731c4f0dc46078dd942687735b1238e5fb6ea', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, index.h("div", { key: '0741c87eaefcc98d2397ed6dbe3de87de2781e37', slot: "target", class: "gux-action-button-container" }, index.h("gux-button-slot", { key: '9368a3a0b9829ac9e8f91f8b7781e3d4c4144802', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, index.h("button", { key: '3e3b68024b3a73fe913dbe3b0df7cd4ba7e2ea25', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, index.h("slot", { key: '1ff47e4cfb3384af726e0dd8341ffba775292335', name: "title" }))), index.h("gux-button-slot", { key: '9fe13b0d36fc66b47cc6477794e60e8b2837c804', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, index.h("button", { key: '160e6e550259432bc33e70b4e766c29126861371', 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.i18n('moreOptions'), "data-testid": "dropdown-button" }, index.h("gux-icon", { key: 'a5e2ff49bd47fb38de2d88bd265f74d39b36f304', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), index.h("div", { key: '2930c9b4b51428cba7e8137dc3b13ea49ea6c964', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '846adda1da18abeb125a2843863d3c7bcfcbe9e6', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'fbddef750bccf0752530b2a48cf7d241e5cd4475' }))))));
+        return (index.h("div", { key: '89c8442c0825fde5381aee0477ec532db7784df8', class: "gux-action-button-container" }, index.h("gux-popup", { key: 'd0e11e9c52ba585720b15364cbcca221d7a18a66', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, index.h("div", { key: '0508d1acba88b1352670ed9698b27a98d73c4ee5', slot: "target", class: "gux-action-button-container" }, index.h("gux-button-slot", { key: 'd06ce99510801c91bf730fb644f9574b2ae58234', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, index.h("button", { key: 'a2305c26f5fd0a352cd1c3ad6c4f34f1c4f7f543', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, index.h("slot", { key: '7f945513d1a25e5cc300556a68b1e552cec3e79e', name: "title" }))), index.h("gux-button-slot", { key: '8195a4e8bd5c10b71ac9a7ffa0c635185c8b4517', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, index.h("button", { key: '5c2283e325131aa93333e6824d298b836696fd0f', 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.i18n('moreOptions'), "data-testid": "dropdown-button" }, index.h("gux-icon", { key: '81253601a647be611d76013ef075c7b08aab9c7b', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), index.h("div", { key: 'b99471e2ab692a67977d5f6273d4f69a51e61121', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '22f135c085841f01fc14dd0d31e9aaa622eea787', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'e68464633cdbd53471192f7a4da9e7ad48614406' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CmydBqZn.js');
-var usage = require('./usage-Cw8anPt0.js');
+var usage = require('./usage-CmYBE5U7.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:var(--gse-ui-toast-success-foregroundColor);background:var(--gse-ui-toast-success-backgroundColor);border:1px solid var(--gse-ui-card-default-border-color);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:var(--gse-core-colorLegacy-secondary-aquaGreen)}.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}`;
 
@@ -13,7 +13,7 @@ const GuxActionToast = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '4b4646740c6ce3ea7c52bb74aba9f5130e1d8252' }, index.h("div", { key: '221e47e3b0fe3dbc573e3ae1df6c085f0438843f', class: "gux-header" }, index.h("div", { key: '185dd45493c2dedd1855cdd3f3b25e72a2404fed', class: "gux-icon" }, index.h("slot", { key: '5ae3b0c2f9f426bdd19c458a3f0082efdbc440dc', name: "icon" })), index.h("div", { key: 'b378af592e926bddeda6abe813af5eb6678f6a25', class: "gux-title" }, index.h("slot", { key: 'afe2d11cc606adc8ed253b7858cd2b588febe2f4', name: "title" }))), index.h("div", { key: 'd8b6cb0ffb46a6dad998ce7ff65c55c1df5768bb', class: "gux-message" }, index.h("slot", { key: '74a18ff41e9568f0692d6fb9610c16c1e2f36ae6', name: "message" })), index.h("div", { key: '1159b387b56293653d65d4bfa095d25e5b155ea4', class: "gux-action-buttons" }, index.h("div", { key: '6586c87c16b42f59b5e557afc7f0ed98603621d3', class: "gux-positive-button" }, index.h("slot", { key: 'cbb19e6ec6969bead47838d4815eddf82c112688', name: "positive-button" })), index.h("div", { key: 'b101dd0589ab179428423fcd5a1d0758d563a803', class: "gux-negative-button" }, index.h("slot", { key: 'c5b2e248069c6e0033a3aa04add87cedbc791761', name: "negative-button" })))));
+        return (index.h(index.Host, { key: 'dd819c4adfca23d388597d0f52e8c6d52c987c59' }, index.h("div", { key: '81b8d7a6d4825e8a22d953926709f3b16b36e987', class: "gux-header" }, index.h("div", { key: 'ebb97465fc694c00397f26cf6abccb3b79db3f9b', class: "gux-icon" }, index.h("slot", { key: 'ddc5ce3dc913e85e8806e19544d3aad2aa698692', name: "icon" })), index.h("div", { key: '35ab1ea08b2eb46e8fd34f3603b878189994db76', class: "gux-title" }, index.h("slot", { key: 'f136f9f489eaab07398ba7ab71f8c26f4d31117a', name: "title" }))), index.h("div", { key: 'e14c23e0242663ebc6fe5c686f19b39899ce566e', class: "gux-message" }, index.h("slot", { key: 'c9ca00b728c9f7500c195ffc19102ccd4ce94238', name: "message" })), index.h("div", { key: '02a11f5d9b7ac634c00aae20f8d3be35053dc78e', class: "gux-action-buttons" }, index.h("div", { key: 'ed35e7bb795f88c47157704105819e48f097b6a6', class: "gux-positive-button" }, index.h("slot", { key: '06d77dfceecbb6c88ef371ebc03b0a0fef326c13', name: "positive-button" })), index.h("div", { key: '025fbfc5ce886c2b753239b3f9254fcfa0f27860', class: "gux-negative-button" }, index.h("slot", { key: '3febb8f9689a073d00f4366cd13ea6ffcff0188b', name: "negative-button" })))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-actionable-inline-alert-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CmydBqZn.js');
-var usage = require('./usage-Cw8anPt0.js');
+var usage = require('./usage-CmYBE5U7.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 
 const guxActionableInlineAlertCss = () => `:host{display:flex;inline-size:fit-content}.gux-actionable-inline-alert{display:inline-flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-alert-ai-actions-gap);align-items:center;justify-content:flex-start;padding-block:0;padding-inline:var(--gse-semantic-container-md-padding);color:var(--gse-ui-alert-ai-foregroundColor);background-color:var(--gse-ui-alert-ai-backgroundColor);border:1px solid var(--gse-ui-alert-ai-borderColor);border-radius:var(--gse-ui-alert-borderRadius)}.gux-actionable-inline-alert ::slotted(gux-icon),.gux-actionable-inline-alert gux-icon{flex-shrink:0;align-self:flex-start;padding-block-start:var(--gse-ui-alert-ai-content-paddingTop);margin-block-start:1px;color:var(--gse-ui-alert-ai-iconColor)}.gux-actionable-inline-alert gux-tooltip-title{white-space:nowrap}.gux-actionable-inline-alert .gux-message-wrapper{display:flex;gap:var(--gse-ui-alert-gap);font-family:var(--gse-ui-alert-text-fontFamily);font-size:var(--gse-ui-alert-text-fontSize);font-weight:var(--gse-ui-alert-text-fontWeight);line-height:var(--gse-ui-alert-text-lineHeight)}.gux-actionable-inline-alert .gux-content{flex:1 1 auto;padding-block:var(--gse-ui-alert-ai-content-paddingTop) var(--gse-ui-alert-ai-content-paddingTop)}.gux-actionable-inline-alert ::slotted([slot=action-buttons]){display:flex;flex-direction:row;gap:var(--gse-ui-alert-ai-actions-gap)}`;

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

@@ -4,7 +4,7 @@ var index = require('./index-CmydBqZn.js');
 var onMutation = require('./on-mutation-MIY4v9bf.js');
 var onClickOutside = require('./on-click-outside-UcGa7Qjv.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-Cw8anPt0.js');
+var usage = require('./usage-CmYBE5U7.js');
 var index$1 = require('./index-DZmZ1T_H.js');
 require('./get-closest-element-D_ECDbYK.js');
 
@@ -89,9 +89,9 @@ const GuxAdvancedDropdownLegacy = class {
         }
     }
     render() {
-        return (index.h("gux-popup", { key: '952e9b0497ef3c10ca5a379bd085d80b8947fc58', expanded: this.opened, disabled: this.disabled }, index.h("div", { key: '8b498d1dab6e3005b0c8832571087e0e3f8963ff', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, index.h("a", { key: '17483e68248f7228ff99a87c3d72abb401f0133c', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (index.h("span", { key: '522cacade8541847aa30886c5d8ca681a3dcb151', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (index.h("span", { key: '07c93e5fd416c8c386ef1c1f7f668937104fce00', class: "gux-select-value", title: this.value }, this.value))), index.h("div", { key: '03a7e87211bdf983e9b1342940d46536c7fce480', class: "gux-icon-wrapper" }, index.h("gux-icon", { key: '517a6830a9c29607d011ecfcff8809a084b2f04b', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), index.h("div", { key: '51171aa0e254179552e6dfb827668882994a8813', slot: "popup", class: "gux-advanced-dropdown-menu" }, index.h("div", { key: 'ca03d8835744b0ddfb0ea4f597003f72a40881a6', class: "gux-dropdown-menu-container" }, index.h("gux-form-field-search", { key: 'af3ae0bc4f20ab0a06b7ff053b753eb85fb61bae', "label-position": "screenreader" }, index.h("label", { key: '8a285b95b4b74cf62d933c49572abb4434f208b8', slot: "label" }, this.i18n('searchAria')), index.h("input", { key: '96d5d36788fd8f66f69678549e88bd34761ee4ff', slot: "input", type: "search", onInput: (event) => {
+        return (index.h("gux-popup", { key: 'f45d2fc459abe71e8e1c425631e8f9983a420344', expanded: this.opened, disabled: this.disabled }, index.h("div", { key: 'bd2d5b2db1d4ed94958933c37ecca5d9f15a95dc', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, index.h("a", { key: 'd0acbdd2d2de108fea05ef09ce8c66fb96ca7564', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (index.h("span", { key: '255fe8f93ff9fee49abb276c4884f83c52c3769a', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (index.h("span", { key: '2cb072d7bc4d828fddae5f34e9a02618fc78f736', class: "gux-select-value", title: this.value }, this.value))), index.h("div", { key: '282bf4ae365a3e38f1746bd5af46d4a222f53311', class: "gux-icon-wrapper" }, index.h("gux-icon", { key: '7e5b7e5358bcd9e2e7734e5dd48a2c28b67c33b0', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), index.h("div", { key: '7a9a5226f96508e25f48260b86296e4add07d5d3', slot: "popup", class: "gux-advanced-dropdown-menu" }, index.h("div", { key: '6a378b8f3e444eb7bb9be7d5867b79e2d0573b28', class: "gux-dropdown-menu-container" }, index.h("gux-form-field-search", { key: 'ed68645fb5d8412c73163d778d27671ec5b2fb6d', "label-position": "screenreader" }, index.h("label", { key: '3f6dd0b994bc142ce3854dbf50442a6ce56a80c8', slot: "label" }, this.i18n('searchAria')), index.h("input", { key: '0d86ce1b1895c3771501f2b1b77f33fa61af260f', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), index.h("div", { key: 'b1632faabc93dfba17effd707ca0803544c6e53c', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, index.h("slot", { key: '50d8e65d0386af5161f495873baaa057624b4843' }))))));
+            }, ref: el => (this.searchInput = el) })), index.h("div", { key: 'eecb040f99e79a843442977e72d81295f8115586', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, index.h("slot", { key: '5a55d6c8eb35670a7c1bc8ae91dce7a30d4b41b7' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

package/dist/cjs/gux-ai-indicator-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CmydBqZn.js');
-var usage = require('./usage-Cw8anPt0.js');
+var usage = require('./usage-CmYBE5U7.js');
 var index$1 = require('./index-DZmZ1T_H.js');
 require('./get-closest-element-D_ECDbYK.js');
 

package/dist/cjs/gux-ai-powered-badge-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CmydBqZn.js');
-var usage = require('./usage-Cw8anPt0.js');
+var usage = require('./usage-CmYBE5U7.js');
 var index$1 = require('./index-DZmZ1T_H.js');
 require('./get-closest-element-D_ECDbYK.js');
 

package/dist/cjs/gux-ai-powered-button-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CmydBqZn.js');
-var usage = require('./usage-Cw8anPt0.js');
+var usage = require('./usage-CmYBE5U7.js');
 var assignAriaBoolean = require('./assign-aria-boolean-D78B6DOf.js');
 
 const guxAiPoweredButtonCss = () => `:host{display:inline-block}button{display:flex;align-items:center;justify-content:center;block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);color:var(--gse-ui-button-primary-default-foregroundColor);background:var(--gse-ui-button-primary-default-backgroundColor);border-radius:var(--gse-ui-button-borderRadius);box-shadow:var(--gse-ui-button-aiPowered-glow-default)}button.gux-icon-only{inline-size:var(--gse-ui-button-iconOnly-width)}button.gux-icon-only .gux-content{gap:0}button.gux-icon-only .gux-content .gux-label-container:not(.gux-has-screenreader){display:none}button:focus-visible:enabled{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}button:hover{background:var(--gse-ui-button-primary-hover-backgroundColor);box-shadow:var(--gse-ui-button-aiPowered-glow-hover)}button:active{background:var(--gse-ui-button-primary-active-backgroundColor);box-shadow:var(--gse-ui-button-aiPowered-glow-active)}button[disabled]{pointer-events:none;cursor:default;box-shadow:none;opacity:var(--gse-ui-button-disabled-opacity)}button .align-content{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-button-gap);place-content:center center;align-items:center}button .align-content .gux-icon-wrapper{display:flex;align-items:center;justify-content:center}button .align-content .gux-icon-wrapper .gux-icon-default,button .align-content .gux-icon-wrapper .gux-icon-generating{display:flex;align-items:center;justify-content:center}button .align-content .gux-icon-wrapper .gux-hidden{display:none}button.gux-generating-button{pointer-events:none;cursor:default;background:var(--gse-ui-button-primary-active-backgroundColor);box-shadow:var(--gse-ui-button-aiPowered-glow-active)}`;

package/dist/cjs/gux-ai-spinner-loader-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CmydBqZn.js');
-var usage = require('./usage-Cw8anPt0.js');
+var usage = require('./usage-CmYBE5U7.js');
 var index$1 = require('./index-DZmZ1T_H.js');
 require('./get-closest-element-D_ECDbYK.js');
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CmydBqZn.js');
-var usage = require('./usage-Cw8anPt0.js');
+var usage = require('./usage-CmYBE5U7.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 
 const guxAnnounceCss = () => `:host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}`;

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CmydBqZn.js');
-var usage = require('./usage-Cw8anPt0.js');
+var usage = require('./usage-CmYBE5U7.js');
 var logError = require('./log-error-nWO_o1C3.js');
 var index$1 = require('./index-DZmZ1T_H.js');
 var guxAvatar_service = require('./gux-avatar.service-DEe_Kgyk.js');

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

@@ -3,7 +3,7 @@
 var index = require('./index-CmydBqZn.js');
 var logError = require('./log-error-nWO_o1C3.js');
 var index$1 = require('./index-DZmZ1T_H.js');
-var usage = require('./usage-Cw8anPt0.js');
+var usage = require('./usage-CmYBE5U7.js');
 require('./get-closest-element-D_ECDbYK.js');
 
 const changePhoto = "Change profile photo";

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CmydBqZn.js');
-var usage = require('./usage-Cw8anPt0.js');
+var usage = require('./usage-CmYBE5U7.js');
 var guxAvatarGroup_service = require('./gux-avatar-group.service-DGyuhdV8.js');
 var index$1 = require('./index-DZmZ1T_H.js');
 var assignAriaBoolean = require('./assign-aria-boolean-D78B6DOf.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CmydBqZn.js');
-var usage = require('./usage-Cw8anPt0.js');
+var usage = require('./usage-CmYBE5U7.js');
 var logError = require('./log-error-nWO_o1C3.js');
 var guxAvatarGroup_service = require('./gux-avatar-group.service-DGyuhdV8.js');
 require('./get-closest-element-D_ECDbYK.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CmydBqZn.js');
-var usage = require('./usage-Cw8anPt0.js');
+var usage = require('./usage-CmYBE5U7.js');
 var logError = require('./log-error-nWO_o1C3.js');
 var guxAvatarGroup_service = require('./gux-avatar-group.service-DGyuhdV8.js');
 var guxAvatar_service = require('./gux-avatar.service-DEe_Kgyk.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CmydBqZn.js');
-var usage = require('./usage-Cw8anPt0.js');
+var usage = require('./usage-CmYBE5U7.js');
 var index$1 = require('./index-DZmZ1T_H.js');
 var onMutation = require('./on-mutation-BymV_dUr.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: 'bb4a3a10df3aa68d1edc3ba8cf41b986f4644028', class: {
+        return (index.h("div", { key: 'f3a9e55a71b9f9c047722fc8f36b876524ac4a23', 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-CmydBqZn.js');
-var usage = require('./usage-Cw8anPt0.js');
+var usage = require('./usage-CmYBE5U7.js');
 var onMutation = require('./on-mutation-BymV_dUr.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-CmydBqZn.js');
-var usage = require('./usage-Cw8anPt0.js');
+var usage = require('./usage-CmYBE5U7.js');
 var onMutation = require('./on-mutation-BymV_dUr.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: 'a47d40a3472c5cb723f9e812babb90de9bce279a', class: "gux-container" }, index.h("div", { key: 'eccf49a76581159876e6d7c08a92e5be026dea58', class: "gux-image" }, index.h("slot", { key: '2b87978f8bceaf769a215f129788a7331681abc2', name: "image" })), index.h("div", { key: '1a12f1e02a74335d76ff29adff58c85493f28eec', class: "gux-message" }, index.h("slot", { key: '53cc3e0d95480670575f0de680e5d53e1e67e436', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
+        return (index.h("div", { key: 'd863f88c54e6219b6e5f748edea11a39722694a5', class: "gux-container" }, index.h("div", { key: '59c14d3fed7c3ef8c1893eddff7260e1b45d74d2', class: "gux-image" }, index.h("slot", { key: '16e2192c5f19062bd814ce094a200427acacfcb3', name: "image" })), index.h("div", { key: 'd6feb61ea675df16298dc53c227f38ece5a4e738', class: "gux-message" }, index.h("slot", { key: 'aae18f75e98de7c9092b9e8751fc40a87ddca8c9', 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: 'e1f48fef945fb7e142a01058beefb041c52f21e9', class: {
+        return (index.h("div", { key: '48e430635bf4021e9f9c3a6a65c6886ba9ed3fa2', 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: 'ef18b8932b9bd0e17e2c3d92acd9502fa20e990a', class: "gux-node" }, index.h("div", { key: '07a556b182cee89dc4c249a6ba1342b792250ba6', class: "gux-selected-bookmark" }), index.h("div", { key: 'a9a5b3315eaf642352aab8e4efe211838b8a0753', class: "gux-tree-item" }, this.renderBranchIndicator('start'), index.h("div", { key: 'a6f9f8be83a70f99d54d52a27de9c73a880d6b20', class: "gux-selection-target" }, index.h("div", { key: '5a0533f4b4c445c0d47bc153878a575a76d0bbda', class: "gux-checkbox-container" }, index.h("input", { key: '8eb09e67f400e03f7621fbe35c0de73e93739f61', type: "checkbox", tabIndex: -1, checked: this.selected, disabled: this.disabled, "aria-labelledby": this.labelId, ref: el => {
+            } }, index.h("div", { key: '2232fd47c5e049f925f49f3cc4c9cf68b61b8456', class: "gux-node" }, index.h("div", { key: 'db017d721560858ede6b2920712874acdbd74967', class: "gux-selected-bookmark" }), index.h("div", { key: '6f2714e4df1dc3b3a13093f12625d9160f231727', class: "gux-tree-item" }, this.renderBranchIndicator('start'), index.h("div", { key: '9b92d4805021d2231d068f954f2b488579b4ffd9', class: "gux-selection-target" }, index.h("div", { key: '1b6406c6eb59711bb631ef13c119fa065058e2c8', class: "gux-checkbox-container" }, index.h("input", { key: '5ce988e58c869cfd204c13ef9b24caa1bbbd9c29', 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: '4b3975d541ac0683c534cbae2f4bc6111bd02451', class: "gux-icon" }, index.h("slot", { key: 'e2353f33d493e1439fdbda0baa4fb86a9af03754', name: "icon" })), index.h("div", { key: '2d91e454bf88dadd2e3af8e88c671e5d89a2b99e', class: "gux-label", id: this.labelId }, index.h("slot", { key: 'a44bca422c0a01110140786e918e0d9506647888', name: "label" }))), this.renderBranchIndicator('end'))), index.h("div", { key: '085aca2d49c6e178e8db700d1e153c22767aa706', role: "group", class: "gux-treeitems" }, index.h("slot", { key: '92d779054e6ca8618590d226955aea0174878c63' }))));
+            } })), index.h("div", { key: '32ccd9b89e88ea784408ce5a787f784b3a90047e', class: "gux-icon" }, index.h("slot", { key: 'f39395c8c526f5c31f88475bf26b3abfea4ddb48', name: "icon" })), index.h("div", { key: 'f136c3917babb1ad682fd982b7569ef7be3d0a45', class: "gux-label", id: this.labelId }, index.h("slot", { key: '5e81a6c64963b12b346044f50ee1062ae4e88694', name: "label" }))), this.renderBranchIndicator('end'))), index.h("div", { key: 'f0b924d20df793abbe14a367fe42296a4d32519a', role: "group", class: "gux-treeitems" }, index.h("slot", { key: '0d3deee78098341fa9cf2d67735dffd83198be2c' }))));
     }
     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: '30d32644675ae53420b319f5f601834023dce45b', class: {
+        return (index.h("div", { key: 'db7677032f97483579d14d23d669a9ea8de91e7a', 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: '2b8da5937158297f7783fafc13fc992cfa4c3a64', class: "gux-node" }, index.h("div", { key: '468e919b835558f6cd54ced78836d30d1d09d585', class: "gux-selected-bookmark" }), index.h("div", { key: '91d29a127452be2d316a223d4194e099a7d5702a', class: "gux-tree-item" }, this.renderBranchIndicator('start'), index.h("div", { key: '39320df4387c649dd6f79915ca0d9147e691e367', class: "gux-selection-target" }, index.h("div", { key: '1d3b1d1c378178eb567ebef6844249664be16414', class: "gux-icon" }, index.h("slot", { key: '469ad1a456ee63e6682351427cf235681729a0ad', name: "icon" })), index.h("gux-truncate", { key: '396deb520be04a0a3364c17dfa88e641bd5d38a5', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '7c6de0fcf5879ba799fbbe9f38f184388178ebfe', name: "label" }))), this.renderBranchIndicator('end'))), index.h("div", { key: 'd062067a9138176044f040da42c358b9e38a8c85', role: "group", class: "gux-treeitems" }, index.h("slot", { key: '5822935b78c04264d37c58b49b8d22ecd46e88dd' }))));
+            } }, index.h("div", { key: '9908fb0a007dd6c0b4aa9c6ddca749383a40affd', class: "gux-node" }, index.h("div", { key: 'b268ddab7d16dbf27ed4f23f3807830622dd1d72', class: "gux-selected-bookmark" }), index.h("div", { key: '82c151fe42b89e5a4bf8755562638261e7514113', class: "gux-tree-item" }, this.renderBranchIndicator('start'), index.h("div", { key: '98c039e399fb85a57593ad63c94c6cb978861d4d', class: "gux-selection-target" }, index.h("div", { key: 'a1da158a2cfb5a16f54409ff8895b8f7b56fc6b7', class: "gux-icon" }, index.h("slot", { key: '1c1a275bebf7b26ccfc2a0add0b9fcd405057ebe', name: "icon" })), index.h("gux-truncate", { key: '9e93b77586dc36637bb3565b416f1ff7ad8c9afd', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '17fbe6b987b5850a4cb71e9cbef4f1ab66a8dbe9', name: "label" }))), this.renderBranchIndicator('end'))), index.h("div", { key: '9cbb7d7b1dcd226128e498885eb8d9651ab8a303', role: "group", class: "gux-treeitems" }, index.h("slot", { key: 'd1e1047a1757fdbf70f5b9b5b4e28b2b8395a0e7' }))));
     }
     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: 'e03fbc6c4134051190e4ef2294a8030ebec9ab20', role: "listitem" }, index.h("span", { key: 'f1c2182e910f479e6f35736ad258e65df39a2163', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (index.h(index.Host, { key: '1b3454f9c6ebe388719dba995ade1fdfc8bc06ef', role: "listitem" }, index.h("span", { key: '5e868e3fe41c2267486e2acc6bb39bdb759eac76', 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-CmydBqZn.js');
 var index$1 = require('./index-DZmZ1T_H.js');
-var usage = require('./usage-Cw8anPt0.js');
+var usage = require('./usage-CmYBE5U7.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: '24b18c4859d0e89eac8b273b86e46be51a01595f', "aria-label": this.i18n('breadcrumbs') }, index.h("ol", { key: 'b0fa4ede0fee11f8adf40dc574f47eb83a941047' }, index.h("slot", { key: 'e2356eb5ba71d750fcd7d152efff3ff9430601e1', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (index.h("nav", { key: '10b2d98634dfe0558ec6854c46fe1bdede01fecd', "aria-label": this.i18n('breadcrumbs') }, index.h("ol", { key: '6932af7b8c1e6b7cca93b3a43001bd01c25e8bd0' }, index.h("slot", { key: '6cf020138d0ad8210087a732a832acd3c1bfeb4e', 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-UcGa7Qjv.js');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-Cw8anPt0.js');
+var usage = require('./usage-CmYBE5U7.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: 'b561cb8f180cbb87e9c920251649e69e587074ec', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, index.h("div", { key: 'ca56c6f514722f66b6791c3d0fc2b24c8bd26abb', slot: "target", class: "gux-button-multi-container" }, index.h("gux-button-slot", { key: '6b018bb6eea039f9029ad231464b0efc5aa0cd9b', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, index.h("button", { key: '690b0e102cc724eb9da42268510f0d34d1fa9d66', 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: 'ed2b8ff79dad57925c627ac617e7d5fbd72bf529', name: "title" }), index.h("gux-icon", { key: '1a2d6ca811b5004b2beafb5d6d5d36f8194b084e', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), index.h("div", { key: 'ec4bf7d1f6267b45b84bdb0ea9e83eac1a82e217', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: 'e91b83b193ed0bb432c4dfee91bb87bf793936ee', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '854f856266ed8aef24c2dfc83af3cc34074302e5' })))));
+        return (index.h("gux-popup", { key: 'ab623852f3c4d5a6b6c760a79ffa77f0827b3f7e', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, index.h("div", { key: 'c6ceb35bc0314f798251df26f631f1dc3fda9e59', slot: "target", class: "gux-button-multi-container" }, index.h("gux-button-slot", { key: '4ec4ce180c4b5f161ea11ea7f870e6bbf42cfd6e', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, index.h("button", { key: '07c70d6cf63c7dcfb0f3b51f56280a15a628a42c', 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: '1209992feedf539db21950045f45c77b79388485', name: "title" }), index.h("gux-icon", { key: '31a4941668fad79187816298adcc284137ebec4f', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), index.h("div", { key: '3ba724c3a0bc9ab47cbe6f113722bc172dc7d543', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: 'b578b267a6ea88b91309872794a500c7bbbf3bcc', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'f3130e2ceef6491613f5f0d63a1c92da87287361' })))));
     }
     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-CmydBqZn.js');
-var usage = require('./usage-Cw8anPt0.js');
+var usage = require('./usage-CmYBE5U7.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: 'dd775dbb3af6549a893b98cacca5e7c86c3f8ef7', accent: this.accent, "icon-only": this.iconOnly }, index.h("slot", { key: '8969a0eaebb91a4d29dfad243fd4da203a9682d2' })));
+        return (index.h(index.Host, { key: '9f62d7605cff7ef9a93b18b0b1d62a8d804ad393', accent: this.accent, "icon-only": this.iconOnly }, index.h("slot", { key: 'bab31566f4130e875b2a63ff798749aa7afc3e95' })));
     }
     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-CmydBqZn.js');
-var usage = require('./usage-Cw8anPt0.js');
+var usage = require('./usage-CmYBE5U7.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var floatingUi_dom = require('./floating-ui.dom-C55JQ6sZ.js');
 var onClickOutside = require('./on-click-outside-UcGa7Qjv.js');
@@ -39,10 +39,10 @@ const GuxButton = class {
     }
     render() {
         return [
-            index.h("button", { key: 'a8ced7e052be8932c70a12276c7f272d570b4e21', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            index.h("button", { key: '254945a51e4d1a3c478b5c6ba06890df238f606d', 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: '1430a35ae6cd2099e2e0829e8b2232067aaec313', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, index.h("slot", { key: '767003609e0a042022530f7726e48bdae7686039', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }

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

@@ -4,7 +4,7 @@ var index = require('./index-CmydBqZn.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-Cw8anPt0.js');
+var usage = require('./usage-CmYBE5U7.js');
 var index$1 = require('./index-DZmZ1T_H.js');
 var capitalizeFirstLetter = require('./capitalize-first-letter-mZPrUEI2.js');
 var sparkIntl = require('./spark-intl-DyVr-p9T.js');
@@ -411,7 +411,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: '6e495bd6f3faa0197f8c135487035ca04367cfda', class: "gux-calendar" }, index.h("div", { key: '3c0f5b142a730810a92dcb0c6a68eefd2faa7104', class: "gux-header" }, index.h("button", { key: 'bea7fb07244e1fa1c997ee0601fc54e4d7cf4b0a', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, index.h("gux-icon", { key: '7ae53fb2cc62de62603bf3c42e772d0c647bac63', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: 'f676ee120073cefb9521df4cc889157b4174d56a', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, index.h("gux-icon", { key: 'a97f5c2807c675e9023848ce31b30a9b06040fa7', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: '07a3f775502bb920789d9cf023ba9e286865d13c', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (index.h("div", { key: '97f5710e8d601ac69b678720f4c69f7c5e402a16', class: "gux-calendar" }, index.h("div", { key: '22eaf1b918fe34eb3dfb48e759d15b132ae72ba5', class: "gux-header" }, index.h("button", { key: 'a8fa732816fd664532280e52ee8f8012f703cb6e', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, index.h("gux-icon", { key: '058745a5ce09e3a979cb5d7c6545ad3905c34e1c', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: '72eaf626d4d5eeb7b6337f1173785fb5c9b8b99d', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, index.h("gux-icon", { key: 'df271d4afdae709d4c5bfecb74d68718f1e784c1', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: 'd172e2ddd435f69aece88b33d6a244c71c740a26', 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-CmydBqZn.js');
-var usage = require('./usage-Cw8anPt0.js');
+var usage = require('./usage-CmYBE5U7.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: '9f210e76d1ee11718e6f0424879dc5c9a92b9f98', class: {
+        return (index.h("div", { key: 'b1244c9010f8eded28fa9a99629517d9314fe305', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("slot", { key: '41b70116a38d9c80d15ec541b3974854acaefc04' })));
+            } }, index.h("slot", { key: '90fdf9bb9b51ba279e99bceb9ef31598e6c1074c' })));
     }
     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-CmydBqZn.js');
-var usage = require('./usage-Cw8anPt0.js');
+var usage = require('./usage-CmYBE5U7.js');
 var index$1 = require('./index-DZmZ1T_H.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-CmydBqZn.js');
-var usage = require('./usage-Cw8anPt0.js');
+var usage = require('./usage-CmYBE5U7.js');
 var index$1 = require('./index-DZmZ1T_H.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: '1f080aa264c210c09dd33f193a81df211f047710', draggable: "true", onMouseUp: event => this.onMouseUp(event) }, index.h("div", { key: 'eda94bae6754ce62f1c4d9da3d44129042818af7', class: {
+        return (index.h(index.Host, { key: 'a176ab5f371ee09497cadd2215d251b6aa3e1214', draggable: "true", onMouseUp: event => this.onMouseUp(event) }, index.h("div", { key: '813dcae823342eac720b95769acb95897b8e5ce2', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging,
                 'gux-parent-reordering': this.isParentReordering
-            } }, index.h("button", { key: 'b52ba0646524f9fc271214ba89d5705053e3704f', class: {
+            } }, index.h("button", { key: '5cb3fa75dd73fee7afc66a70749166d4df54e287', 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: '9f470f23ac7b8d9daf81d2902e42926f9cb7dc1e', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), index.h("span", { key: 'a26f2b07f7620520c69471dd36237af0d2a8c95c', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: 'c1caf6cd65d3fdd33c9924d2a51f31d2706e3f10', class: "gux-select" }, index.h("slot", { key: 'da83b36b956c9437d9703c0a9412aeae4e6ae29e', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: '5e26cc06a0cee7ac1aba38cb6299855e32ff0057', 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: '06e89c29d9d6070b0de734d1f517df618682a22f', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), index.h("span", { key: '82186614e1715adfd7a72ed2570739b4fb284859', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: 'ff055d790bc96553fce5c5f1cb439fb7cf8f58eb', class: "gux-select" }, index.h("slot", { key: '7bba45d8f11a91e1197139b7babe46d380f7b418', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: 'e77528de8fc06fb712987b7035374bee121a8ff8', 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-CmydBqZn.js');
 var index$1 = require('./index-DZmZ1T_H.js');
-var usage = require('./usage-Cw8anPt0.js');
+var usage = require('./usage-CmYBE5U7.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: '4af8ac94e6788bcb863b935ea5ce2d179011abcd', class: { 'gux-reordering': isReordering } }, index.h("div", { key: '3dc617a157fe004fb5515f7165f216c4b54ddb4c', class: "gux-container" }, index.h("div", { key: '486affceca93972de47f29540db7bd5c8622c3b4', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '2249ac35aacaf93abc994bf436335628f584cc21', class: "gux-search" }, index.h("gux-content-search", { key: 'b00e372e386ed1a08c48a74e3b51e2228757ae67', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: 'db9bf4642eb6aba959e16167ff12d477c1ef7e87', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: 'dbcc8d5624ae8cf8b838b4f2fe9d7c600c9d752c', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: 'd73bb7e7ea08ff7e63c39849fb350f2705c76611' }, index.h("input", { key: '96797417accfb014041eb64325cfa80796e9b3ab', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: 'ca39f4d68a33868bc1b134103830a962b261bb52', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '8b5d49d74a4636e8401981f83fed440c7e3633dd', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: '02447214f9def95308f6c74281d2b67592d4fff9', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '0f5cda2089860d80202da68537111bfef1b02dd8', ref: el => (this.announceElement = el) }))));
+        return (index.h(index.Host, { key: '6596288205500c242e843c41175af829c1357f88', class: { 'gux-reordering': isReordering } }, index.h("div", { key: '848ad907b5406dc0a0f9b7f9d5ecdd9de97f5021', class: "gux-container" }, index.h("div", { key: 'cdfaccac1e71a4ad7be1b8d4da5e57e77515adf5', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: 'f405ebd657adb4a394930fa82124596e4b74e8e5', class: "gux-search" }, index.h("gux-content-search", { key: 'a65b6a6dcd30289442887d011ad1f947310b5c42', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: '9d7fcc4b63646669d0636f1f50a06ce7d5e788cd', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: 'dddab29685f8da15088bddc07d443d21b8900b91', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: 'f645e4f044a524b3e07ede664649e7eaf4b11dd9' }, index.h("input", { key: 'e0b7f18681c2ef2acf0a30c18dce42b8910e9119', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: 'f61fe36ca6a48f43ea7be91c20145086e876f117', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '74d749cc97f1d916d72d128c7481e3112731cdd3', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: '6ab1c90d88a6d8a4bf6edb879b3f3c7d141678bf', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: 'f4cd29b23b06e30b717a6eea0d337cdff30c813d', ref: el => (this.announceElement = el) }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {