genesys-spark-components 4.201.0 → 4.201.1

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

@@ -60,7 +60,7 @@ const GuxBranchMulti = class {
         }
     }
     render() {
-        return (index.h("div", { key: '2e62493a9728204109478bdf821f5ed08bfa7cc9', class: {
+        return (index.h("div", { key: '8a5adc329d89e8c23e0c7c5bb6337cb53f9ab4f6', 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: 'fd6bc1e4ecdf817fa09c4e80f9585fda45e5cbb4', class: "gux-node" }, index.h("div", { key: '3ffca9659ffff1d5bae2ea226f35728fe6ae9ff6', class: "gux-selected-bookmark" }), index.h("div", { key: '310f73e2390e77d738e3329ff084bdd86969dd9e', class: "gux-tree-item" }, this.renderBranchIndicator('start'), index.h("div", { key: 'eefc2630f141932e8c2edd16e02fa4256570b35e', class: "gux-selection-target" }, index.h("div", { key: 'e6af0d7570d7688f0fa6d8458e244e8ba34b3e93', class: "gux-checkbox-container" }, index.h("input", { key: 'ef3665b4d564e3e0fd5d0354f1f6ead5fa6f89a9', type: "checkbox", tabIndex: -1, checked: this.selected, disabled: this.disabled, "aria-labelledby": this.labelId, ref: el => {
+            } }, index.h("div", { key: '81d3668fb03361ed2257f0433c16dcb857050fae', class: "gux-node" }, index.h("div", { key: 'cb70a550164be6a3dcad1e25e7276c93a4b8152c', class: "gux-selected-bookmark" }), index.h("div", { key: 'c009a9c7e72ec5b715c31f7ae55cff9c2ee86dd4', class: "gux-tree-item" }, this.renderBranchIndicator('start'), index.h("div", { key: '49cdf76766194ea71b811dae6b0ed5b3de696ba5', class: "gux-selection-target" }, index.h("div", { key: 'd4225d409743424e27d83de35dc13d9badd0cf59', class: "gux-checkbox-container" }, index.h("input", { key: 'e976e46f59a6f70aaf378ecfea41a2bb60108eb9', 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: '8716a9571318513cec35b4cd11980b22b06b0323', class: "gux-icon" }, index.h("slot", { key: '5553a9105c107201d9ab371c66ff0b946d35efa4', name: "icon" })), index.h("div", { key: '817a981e28c088a5244896bcbc3b93950e911e28', class: "gux-label", id: this.labelId }, index.h("slot", { key: 'e98db4e9eb00e2904011f3fb7f31ef7cb4d7bbb6', name: "label" }))), this.renderBranchIndicator('end'))), index.h("div", { key: '1b6ae64ed88fb5aed740b947936680155b986ede', role: "group", class: "gux-treeitems" }, index.h("slot", { key: '086f39bd3ebfa8e396540b8570f3729072a5eddd' }))));
+            } })), index.h("div", { key: 'f147918cd18574efe0d17ce05ed43cef214b602f', class: "gux-icon" }, index.h("slot", { key: '9a35aed7c8a576e8c8ab82557daadf43bfd293fc', name: "icon" })), index.h("div", { key: 'af98511d2e70d72bd56e70dc42c628a953f6518e', class: "gux-label", id: this.labelId }, index.h("slot", { key: '797093ed5fac81fd7f1c1021938c1cee6bd5fbc4', name: "label" }))), this.renderBranchIndicator('end'))), index.h("div", { key: '0c7bdf1170fe2f7f701ca80cb1c3afa7c916f1a9', role: "group", class: "gux-treeitems" }, index.h("slot", { key: '2ff8147accc441a36c5a18ac51dca7ecf782f7e2' }))));
     }
     static get formAssociated() { return true; }
     get root() { return index.getElement(this); }

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

@@ -57,7 +57,7 @@ const GuxBranch = class {
         }
     }
     render() {
-        return (index.h("div", { key: '8495b8d18c01964daf9de438e98e1eba5fbefb66', class: {
+        return (index.h("div", { key: '83ee33c9feb98f1b6c768e66064c1395aa0500ae', class: {
                 'gux-wrapper': true,
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end',
@@ -65,7 +65,7 @@ const GuxBranch = class {
                 'gux-disabled': this.disabled,
                 'gux-selected': this.selected,
                 'gux-child-selected': guxTree_service.hasChildSelected(this.root)
-            } }, index.h("div", { key: '0e6ac1dd3332a7cc327543f23579870bc75bee7b', class: "gux-node" }, index.h("div", { key: 'a7b50e461b22193b4933a8a17b2c6184205ea32a', class: "gux-selected-bookmark" }), index.h("div", { key: '762c52f64a879099eda9336a2b9677c68ee9dd55', class: "gux-tree-item" }, this.renderBranchIndicator('start'), index.h("div", { key: '9f6b28c4a69df4eb335cd3422eba469e2d480505', class: "gux-selection-target" }, index.h("div", { key: '6331ff2f4699847f2daddd28a2fe708316675807', class: "gux-icon" }, index.h("slot", { key: '9f4a41c2c7265445ee2442f46861adca21cff4ac', name: "icon" })), index.h("div", { key: 'f9f48c129242357a9370e5302d3e1a5978b0a1c5', class: "gux-label" }, index.h("slot", { key: '93f630e670acc6ca7a65e813c7dbf5dc237a7698', name: "label" }))), this.renderBranchIndicator('end'))), index.h("div", { key: '3dd29b585c3bf410f0cd6d6fa12734582518a6f4', role: "group", class: "gux-treeitems" }, index.h("slot", { key: '228ac26233bf12de6bce13fc3526ea0035b3f945' }))));
+            } }, index.h("div", { key: 'd0df2dcf5e7213b23225e29d19e04357cd61fdea', class: "gux-node" }, index.h("div", { key: 'f44a7e4656e7f0f6e1946de72a9216812b17a907', class: "gux-selected-bookmark" }), index.h("div", { key: '84f2ac555285106323dca6e1d0387e00a90958f6', class: "gux-tree-item" }, this.renderBranchIndicator('start'), index.h("div", { key: '76f2d8bc8d1d40823c3acebb9dc8a599a015266b', class: "gux-selection-target" }, index.h("div", { key: '7cfad899d8146453604132613295d3c4710f49c5', class: "gux-icon" }, index.h("slot", { key: 'a87f1cb738d6c7bffa5cf3f81b8800589a7a490e', name: "icon" })), index.h("div", { key: '041860b08996ed3ae24e5197842cc40742753907', class: "gux-label" }, index.h("slot", { key: '740e39638181726b172fbd6af30d3b485a94d6b6', name: "label" }))), this.renderBranchIndicator('end'))), index.h("div", { key: '2cb76c18117c3e91f51e8c3d94e4c47dc82f96fb', role: "group", class: "gux-treeitems" }, index.h("slot", { key: '853d4b569edc6a71679203a5f75f6d8883cb26ca' }))));
     }
     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: '57b4ece742278d8cfaa8807ca87d91d43c4990a8', role: "listitem" }, index.h("span", { key: '26d8eed82048367a36dae7582820d4c41306aec7', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (index.h(index.Host, { key: '9a1fb679e73c163e154140f72d014923f211275c', role: "listitem" }, index.h("span", { key: 'fc63a064d326943c93f8a949281b403327d17c7c', 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-BGHWOXcN.js');
 var index$1 = require('./index-CIoLTj6_.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 require('./get-closest-element-CfyZl7i7.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: 'a013e943aa3ac16f108f54a2cfc34add1cca65a3', "aria-label": this.i18n('breadcrumbs') }, index.h("ol", { key: 'a9d910293665b785f3a511c526f007481dce2408' }, index.h("slot", { key: 'fef8837cb85c9d4efadb8a41d2576be4f274d3ba', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (index.h("nav", { key: 'a7a3755657e1c30db9f9a1c1049fd9f2e6dd6939', "aria-label": this.i18n('breadcrumbs') }, index.h("ol", { key: '23af1b7c8cd7e504f9e0e91add98cebd2984534a' }, index.h("slot", { key: 'cc0778191f729cad88dbbd4959ecce85d46d0dba', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ var index = require('./index-BGHWOXcN.js');
 var onClickOutside = require('./on-click-outside-P0KtJaXL.js');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {
@@ -138,7 +138,7 @@ const GuxButtonMulti = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h("gux-popup", { key: 'fdc223e8b845669f25dee4767f7b3e55d7be8f46', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, index.h("div", { key: 'e4448fb450b3ef6b5b606d648e410786963687a4', slot: "target", class: "gux-button-multi-container" }, index.h("gux-button-slot", { key: '5510f77ee06e42f70445d28ab4000c828fd99066', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, index.h("button", { key: '186011c13f9ae63b7bc30ae4f9e5e5dd4c6375f3', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.guxAriaLabel }, index.h("slot", { key: '7d012b95871cff16168048aaa5612427f24c847d', name: "title" }), index.h("gux-icon", { key: 'f222b55fe03b763fe1cb7fb3328eeed18c1f08cd', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), index.h("div", { key: '78eb53fce33db4b8c7788c3d422cc9d4bb18e35e', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: 'f73bb9a97ecdb8ffcdb0846be121f735d37da83f', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '75bf49c2c67fc0a767f1325d400ce36a76dc18ac' })))));
+        return (index.h("gux-popup", { key: 'ca7863669c2d861138f08b423fc1a3bd30633d26', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, index.h("div", { key: '42da00331d7d048327157a178c699d7b8e0561fa', slot: "target", class: "gux-button-multi-container" }, index.h("gux-button-slot", { key: 'a57632e7c7a05fbbd1a095a4162e67cdb9f1542a', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, index.h("button", { key: '07412edef0608aaf7272c947dc9b032f56c11a3c', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.guxAriaLabel }, index.h("slot", { key: '13df2c393d9605dd2353a50a4905cd3721a889a0', name: "title" }), index.h("gux-icon", { key: '8e1789ab2c264a8383c4d905096ce590a2504c72', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), index.h("div", { key: 'bf53811beaea06d92a7e0c855bfb8567548e6a30', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '10d6b9f400333f0a5a6072ca4c9b7ad72a6e2191', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'b8c7309f16f1aca67d7228df5b0af54cf8fc239f' })))));
     }
     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-BGHWOXcN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var logError = require('./log-error-nWO_o1C3.js');
 
 const guxButtonSlotCss = ":host{display:inline-block;pointer-events:none}::slotted(input[type=button]),::slotted(input[type=submit]),::slotted(button){font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;text-overflow:ellipsis;color:var(--gse-ui-button-secondary-default-foregroundColor);white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}:host([icon-only]) ::slotted(input[type=button]),:host([icon-only]) ::slotted(input[type=submit]),:host([icon-only]) ::slotted(button){padding:var(--gse-ui-button-default-paddingIconOnly)}::slotted(input[type=button][disabled]),::slotted(input[type=submit][disabled]),::slotted(button[disabled]){cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}::slotted(input[type=button]:focus),::slotted(input[type=submit]:focus),::slotted(button:focus){outline:none}::slotted(input[type=button]:focus-visible:enabled),::slotted(input[type=submit]:focus-visible:enabled),::slotted(button:focus-visible:enabled){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(input[type=button]:hover:enabled),::slotted(input[type=submit]:hover:enabled),::slotted(button:hover:enabled){color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}::slotted(input[type=button]:active:enabled),::slotted(input[type=submit]:active:enabled),::slotted(button:active:enabled){color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]),:host([accent=primary]) ::slotted(input[type=submit]),:host([accent=primary]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:hover:enabled),:host([accent=primary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=primary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:active:enabled),:host([accent=primary]) ::slotted(input[type=submit]:active:enabled),:host([accent=primary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]),:host([accent=tertiary]) ::slotted(input[type=submit]),:host([accent=tertiary]) ::slotted(button){color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width)}:host([accent=tertiary]) ::slotted(input[type=button]:hover:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=tertiary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]:active:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:active:enabled),:host([accent=tertiary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]),:host([accent=ghost]) ::slotted(input[type=submit]),:host([accent=ghost]) ::slotted(button){color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:hover:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:hover:enabled),:host([accent=ghost]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:active:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:active:enabled),:host([accent=ghost]) ::slotted(button:active:enabled){color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]),:host([accent=danger]) ::slotted(input[type=submit]),:host([accent=danger]) ::slotted(button){color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:hover:enabled),:host([accent=danger]) ::slotted(input[type=submit]:hover:enabled),:host([accent=danger]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:active:enabled),:host([accent=danger]) ::slotted(input[type=submit]:active:enabled),:host([accent=danger]) ::slotted(button:active:enabled){color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}:host([accent=inline]) ::slotted(input[type=button]),:host([accent=inline]) ::slotted(input[type=submit]),:host([accent=inline]) ::slotted(button){min-inline-size:initial;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)}";
@@ -34,7 +34,7 @@ const GuxButtonSlot = class {
         this.validateSlotContent();
     }
     render() {
-        return (index.h(index.Host, { key: '99df51793447c80e05a7e5bc0af1efac6a6aaa67', accent: this.accent, "icon-only": this.iconOnly }, index.h("slot", { key: '55fa33db37c115a75614bdf69b805fb65777310d' })));
+        return (index.h(index.Host, { key: '9af5642ac57cf0ec0e1079243a0d9a44ed47d255', accent: this.accent, "icon-only": this.iconOnly }, index.h("slot", { key: '2ac0d12a7d4a951e42ceaf6a547411c18c24fb94' })));
     }
     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-BGHWOXcN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var floatingUi_dom = require('./floating-ui.dom-BRbjfoUo.js');
 var onClickOutside = require('./on-click-outside-P0KtJaXL.js');
@@ -33,10 +33,10 @@ const GuxButton = class {
     }
     render() {
         return [
-            index.h("button", { key: 'e28c1a67ace4de6fef7cb98e203a49118fd2033e', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            index.h("button", { key: '6ad5e08f318e82030b2c614bfc0cadbb7112853e', 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: '45020b966f76c9ad44524da5c7f13fdec6788475', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, index.h("slot", { key: 'cf9bc1a97983ae43da627fcf871b6522bed092fc', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }
@@ -263,10 +263,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'e9d9efa2baeae6622980c89317322c526b8fc67f', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '9a07cd7df7d35f444feb4544637c336a059b4e51', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: 'b01112f24585f8bca13cdc577406c391eb7f4965', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '46e27472aaa42000101be03acf7867511806d7f2', class: "gux-arrow-caret" })), this.displayDismissButton && (index.h("gux-dismiss-button", { key: 'e63561a5bf72830f20e21d8511f95e1840e1c245', onClick: this.dismiss.bind(this) })), index.h("div", { key: '1d38e823cafa0aec2f5fb9fa7d85c6a430ad2a42', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: '31d841bb8be8bfbab6309c50e545fc99279fe076', name: "title" })), index.h("div", { key: '526e5698438e739078d5ae8a2b912edc308e6228', class: "gux-popover-content" }, index.h("slot", { key: '3668936f098bb195a9e73fb7a042ddcf9a81e491' })), index.h("div", { key: 'b3e99e7cb3442ba5962e48d6682d86d78a34bc48', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, index.h("slot", { key: '83e33c994881441d42c20826552fa386357e9891', name: "footer" }))));
+            }, "data-placement": true }, index.h("div", { key: 'd919191720c9098abd0134f35553992000141037', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '0786fbc4233b9472a323db1715bc818e850ed63e', class: "gux-arrow-caret" })), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '58fe6a5c334d8ac99d7e48b8863f881d04a0884d', onClick: this.dismiss.bind(this) })), index.h("div", { key: 'ee6476ce17f95cb8dce5c17b723b603f333c0f68', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: '58fec02f5fa81740e3fcc588ac9d9abf1c8f7c13', name: "title" })), index.h("div", { key: 'bb0797483314f499cf7581992e5776795d3309b5', class: "gux-popover-content" }, index.h("slot", { key: '3d0f16e86d4aa6ecb217e010b6ffdd3c217883a1' })), index.h("div", { key: '024c1a4d3695a63a4c6e5f8085c84ddbcc9354b2', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, index.h("slot", { key: '3d4ed71114f4842286fdacf2e27b0b0686e5940b', name: "footer" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 var index = require('./index-BGHWOXcN.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var isoDates = require('./iso-dates-B-hZmvim.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var index$1 = require('./index-CIoLTj6_.js');
 var capitalizeFirstLetter = require('./capitalize-first-letter-mZPrUEI2.js');
 var sparkIntl = require('./spark-intl-cfvEjiOP.js');
@@ -417,7 +417,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": day.hidden ? 'true' : 'false', "aria-disabled": day.disabled ? 'true' : 'false', "data-date": day.date.getTime(), onClick: () => void this.onDateClick(day.date), onMouseEnter: () => this.onDateMouseEnter(day.date), onKeyDown: e => void this.onKeyDown(e) }, 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: 'c9b9ccdf18efa3ea27e3a636401b512c4389a89c', class: "gux-calendar" }, index.h("div", { key: '1afaafa4bcbf2b7dd9d99c3795665a1971f8720b', class: "gux-header" }, index.h("button", { key: 'e3da9e5a0335040fb3bb1bafdafb450119dc5eb1', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, index.h("gux-icon", { key: '7390b76dc18e618b08e1865a9cf48fbc639607f0', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: '8d06a9b0bc59c714068ece8c37aa328a81f0c8cd', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, index.h("gux-icon", { key: '757c5f1bbdbfbd67f72315158a7aa525237b834a', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: 'd73926384152948cc0dd9e63cc0ba6dc2653ae33', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (index.h("div", { key: 'be52186563b5b4af99594d37830a9ca628c426e6', class: "gux-calendar" }, index.h("div", { key: 'a8a4eaf490a2e2683b4eb6ed892b0e3f36a66328', class: "gux-header" }, index.h("button", { key: '0f8214f3fbf93aa19e63162139d802fc2bfe4d05', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, index.h("gux-icon", { key: '01581e1e81a1e24c56313af17b021613877a44bf', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: 'e09e986bdbd808bb4fd02dabb08d93b57f933e27', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, index.h("gux-icon", { key: 'c14f4de20fdec6f0c083e70e0b77881dc65b111c', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: '223b941b96aae89108cbdf415c1f2349e7fe2c98', 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-BGHWOXcN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.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: 'ac1982d547b7bc12a24055b66e87157f6e63ffe3', class: {
+        return (index.h("div", { key: '88d40c4d76f7c7600cd9c69ad16910473e6d6e15', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("slot", { key: 'ffbe39af10ce841ceceb1b80093f9e891cd1e799' })));
+            } }, index.h("slot", { key: '2cc850f4125c0462adb01b8fedb0223568d5ee19' })));
     }
     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-BGHWOXcN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var index$1 = require('./index-CIoLTj6_.js');
 require('./get-closest-element-CfyZl7i7.js');
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BGHWOXcN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var index$1 = require('./index-CIoLTj6_.js');
 require('./get-closest-element-CfyZl7i7.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: '0bb8e7cbdb444f9121f835953d336706ee32c851', draggable: "true", onMouseUp: event => this.onMouseUp(event) }, index.h("div", { key: 'a66ed565c6ec89e205eff0dbb19064f0d8d650fd', class: {
+        return (index.h(index.Host, { key: '91d174fbd62d18f344230dd8334f866a3b528743', draggable: "true", onMouseUp: event => this.onMouseUp(event) }, index.h("div", { key: 'bcec8eb0e161901dc64239d8ed22b68a6eaf0c3d', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging,
                 'gux-parent-reordering': this.isParentReordering
-            } }, index.h("button", { key: '4f3626a007b2759c49570c392db4703faf08d2b9', class: {
+            } }, index.h("button", { key: '9549a036b0bb9026b4bf55c68e61334309f7ebbb', 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: '4f74a4523f7bc606962ceaf55c3e71d2f49c43bb', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), index.h("span", { key: 'd5078724571fdc889289d481d2ee7af72ad1837a', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: 'b886cdbe68f7272fc856179b9795d89ea1765589', class: "gux-select" }, index.h("slot", { key: 'f38859d5960bd7d75ecba7f3287b45824ef83da9', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: '6867f4c085305555e914538bf5d7201a945cc305', 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: '954d09c9074750ca34ef1fe8df545ebec7c262f5', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), index.h("span", { key: '2653c80e6d150acfd32ab98da44429f33a15f5fc', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: 'f27d5fcfedd22da043368881b3b885bf0881bbac', class: "gux-select" }, index.h("slot", { key: '3965ada98a9a9074653db5e5537933e966961b17', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: '2ba1b36165861805619eb909633530b6773b8aae', 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-BGHWOXcN.js');
 var index$1 = require('./index-CIoLTj6_.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var guxColumnManager_service = require('./gux-column-manager.service-BdAzD8uK.js');
 require('./get-closest-element-CfyZl7i7.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: '9180140ef650eee47d235354b6033767e75e1509', class: { 'gux-reordering': isReordering } }, index.h("div", { key: 'fa0f8f4d88bf8d44f01918febf4961ef9ff59bd8', class: "gux-container" }, index.h("div", { key: '270743e0cb67516a1243dcaa26e835affdcbfa3f', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '4f20f66f0cec7fe077548e0ac24ba3f0253483c7', class: "gux-search" }, index.h("gux-content-search", { key: '3566d4d735dd6e4e506e3ee843d2b6d84b99a974', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: 'd3dd6ac8602b65a8fd1a61dc988cf4120ae97012', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: '2c76cde8312cf987062e63a85a66b1a6b150fd8b', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: '9e263ce9d3b943c22ae8a253a9dadf7e090a2001' }, index.h("input", { key: '0e36f7d018153f2663a81041e9762958988e0600', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '3a9000d7e24b67ea0e72a9ac9c24edd8afc458fc', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '814ae37aa105a28c07e0a593a9cbbcce596d7569', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: '55f6147bc98fc223f1cda73697bc49ca8ee6eaee', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '6fb042630df98775f6f621549d6ceacbef1ca421', ref: el => (this.announceElement = el) }))));
+        return (index.h(index.Host, { key: '268bec824f64f62ed1ac86b176d410e1e0b1c182', class: { 'gux-reordering': isReordering } }, index.h("div", { key: 'd30e1b183beef7fb383867f7fc852fb406569f41', class: "gux-container" }, index.h("div", { key: '385793470b815f7ca173bca25383d126e4df6f2d', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: 'ede257716370e286175e5d6910148d06f4a1ee50', class: "gux-search" }, index.h("gux-content-search", { key: '208329e54d925eab3d2943c44102e5c9ba99ac6a', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: '6c7e540f538424f99c39ea4c86f3e77c4f52cc1c', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: '008a57dfa57eb3f99928428a77e11a79bbb0ac27', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: '16323e766d4bdad2cac26e9b8a835a323c7a14ad' }, index.h("input", { key: 'acf142011b21213ee07997ae34efba104cd305fd', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '1fa242945d3b5c47b583bf59a5cb742236fbe5b1', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '1df234fab07054db97479fd102f0ce4c2fda91b0', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: '58d6f924d50e7906b15a68c237883ba80f9ecc59', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: 'e0478648f3ba0cf0a29c95316744bc73415e76ed', 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-BGHWOXcN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var index$1 = require('./index-CIoLTj6_.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
@@ -67,10 +67,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (index.h("div", { key: '0322d498380bf4142aae58c002d6e255c10b0d2a', class: {
+        return (index.h("div", { key: '7fa5146703a1cc3274880daec4212ad86c8f7777', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: '544452f5dade815dae33c8a750308f67ce5d7613', class: "gux-search-icon" }, index.h("gux-icon", { key: 'ee0d4eff05cbbfeb22b6c423e4f9a5fd46f90652', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: '06903a8957fbf65f3d72a55edeccbc6d4ff809bd' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: 'b02dd9719bc8ab25b4c8f4ae189e1a5ef6b51bd4', class: "gux-search-icon" }, index.h("gux-icon", { key: 'ee0fc55297bb20a08bc84f3821478c90e1d23e18', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: 'b354926642cd093d0ed9527591e42730d7da1fc6' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-BGHWOXcN.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var index$1 = require('./index-CIoLTj6_.js');
 var onClickOutside = require('./on-click-outside-P0KtJaXL.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
@@ -146,8 +146,8 @@ const GuxContextMenu = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: '81836c77be4c08e8a8064e5496b3a93d176bca94' }, index.h("gux-popup", { key: 'd1c0641894fa09c885f4081ef11c164d99a3173a', placement: this.placement, expanded: this.isOpen, offset: parsePxValue(uiTokens.dropdown['gap']), "exceed-target-width": true }, index.h("div", { key: '9c38589ae3493ac7213833d543d5358020ba3c99', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: 'c1d9f87227a982aaff25c8039dd957c88f7e9445', accent: "ghost" }, index.h("button", { key: '935c5b453ddb4276f4cf33e704c2724dbd39b7f0', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, index.h("gux-screen-reader-beta", { key: '84bdd613ee3c688b7581c3945e6a9f813a424432' }, this.screenreaderText ||
-            this.i18n('contextMenuScreenreaderText')), index.h("gux-icon", { key: 'c51448b1ca8fc4cc549650de048955324163784a', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), index.h("div", { key: 'b2c8fac0ec29de0112892fb635a4d3d1dc67ce80', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: 'd0321ba183384455f360acdabb28cd9131572aea', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '1cadfb8651d374fce5f451497fd1426e229959e6' }))))));
+        return (index.h(index.Host, { key: 'e310938f8b0fcc1428bb4a329e1f604d915b3486' }, index.h("gux-popup", { key: '62da049670001b768aebdf0de5cd8cc54ae4dd9c', placement: this.placement, expanded: this.isOpen, offset: parsePxValue(uiTokens.dropdown['gap']), "exceed-target-width": true }, index.h("div", { key: '7efc6f9f1ad292f4475b141d1f47c6eeaeb9d347', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: '96e06f32eee29ed346723bd2237237644959e8af', accent: "ghost" }, index.h("button", { key: '4270c983da522a39ccc036f3599ad3cff7f5c026', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, index.h("gux-screen-reader-beta", { key: '900460110c33ea4dd31f95f63c48c70da188c350' }, this.screenreaderText ||
+            this.i18n('contextMenuScreenreaderText')), index.h("gux-icon", { key: '78a4bb5412d48a5fb269540f56b5e5c8f905ad50', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), index.h("div", { key: '3c990ffd587d3750d463af9255f789ee07b3de27', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: 'f5023b88e967923cd2d58f055ae879476fe2b38d', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '71962ed60d0f01a07f7e7847dc2405ba60a9ed1b' }))))));
     }
     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-BGHWOXcN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var index$1 = require('./index-CIoLTj6_.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 require('./get-closest-element-CfyZl7i7.js');
@@ -64,7 +64,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: '47ceb34ec5e2f59f5248519ad89d942776dd86c9', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent.getSlotTextContent(this.root, 'content') }, index.h("div", { key: '0be72c41a00e3e16ebde6533408b460a4d3d803b', class: "gux-copy-content" }, index.h("slot", { key: '93aa1cf91d2321ba0aed46bbb97d1bc7ee787738', name: "content" }), index.h("gux-icon", { key: 'd90d9cb3efdc100692d468fa69e464026cc126f4', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (index.h("button", { key: '387c0d39c185535212ae22a2f70a8591f9e15eec', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent.getSlotTextContent(this.root, 'content') }, index.h("div", { key: '62ffa05eaf9141013baf612df280f42e0c9da35b', class: "gux-copy-content" }, index.h("slot", { key: '7215503ec7a5ac25925d6966efb450e986c3ad42', name: "content" }), index.h("gux-icon", { key: '755afc0b68068740bde3fa5f2c230933493f5695', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -46,11 +46,11 @@ const GuxCreateOption = class {
         return (index.h("gux-screen-reader-beta", null, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (index.h(index.Host, { key: '2e20b2ad4affd4568ef28cf353fb3c3d2b65b216', role: "option", "aria-selected": false, class: {
+        return (index.h(index.Host, { key: '05fc677a05c9abe56cf5b8cac62b6f33955c0db7', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, index.h("div", { key: 'cf72703bcf9b3d053f8889ab61f4a8981b330887', class: "gux-option" }, index.h("gux-icon", { key: 'fa396072d13c7bd6f80d023070e81282cd8a1c3e', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), index.h("div", { key: 'a34266460137d452e4407b207579e8a29ecbc1f6', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, index.h("div", { key: '17e4c409d39b774306017e7a89a711aaa0872678', class: "gux-option" }, index.h("gux-icon", { key: '63527f1e746e90e2ffcdc5fdaa4f7610fade39c2', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), index.h("div", { key: '12b1e526e30eb2d7668c8ff54eca4246d23ace14', 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-BGHWOXcN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var getValidTimezone = require('./get-valid-timezone-Cr4wXZEZ.js');
 var sparkIntl = require('./spark-intl-cfvEjiOP.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BGHWOXcN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var getValidTimezone = require('./get-valid-timezone-Cr4wXZEZ.js');
 var sparkIntl = require('./spark-intl-cfvEjiOP.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');

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

@@ -6,7 +6,7 @@ var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var isoDates = require('./iso-dates-B-hZmvim.js');
 var onClickOutside = require('./on-click-outside-P0KtJaXL.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var index$1 = require('./index-CIoLTj6_.js');
 var sparkIntl = require('./spark-intl-cfvEjiOP.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');
@@ -704,7 +704,7 @@ const GuxDatepicker = class {
             } }, index.h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, 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: 'e2d2b71084dc77ee917998b8360c0339acf85a01', class: {
+        return (index.h("div", { key: '5a3eb4c9816e56a1eee04663d1991f0168986c7a', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-BGHWOXcN.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var index$1 = require('./index-CIoLTj6_.js');
 require('./get-closest-element-CfyZl7i7.js');
 
@@ -55,10 +55,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (index.h("div", { key: 'a5801f632a28aa3c03217a58e63d2b44f78f1008', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: '80b191895f75bdef50366fb27b58c25730b5b030', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, index.h("gux-icon", { key: '75bc86ca67f992b7565244eaf7a718839351d49f', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: '12a13f3b32aff9bf6bb4be7fff275870e8920843', id: this.panelId, class: {
+        return (index.h("div", { key: 'b0587b24052d3595e4c25c41ca5012cd45c55fce', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: '4d9f6b7c349f37d8739bb95c780a17d504985e4f', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, index.h("gux-icon", { key: 'd90a8cdfcf891150aa6dd80ca895f216aec39529', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: 'b4d3f0bc555a3873a05fd08874a5dac24d8c3e09', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, index.h("slot", { key: 'fdc88097462e435562f42a71918b6aae2101d151', name: "panel-content" }))));
+            }, role: "region" }, index.h("slot", { key: '5dded505c42133da324046e76d5abc823474ea86', 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-BGHWOXcN.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var index$1 = require('./index-CIoLTj6_.js');
 require('./get-closest-element-CfyZl7i7.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: '17d54102c6cd3b5be24e494dbb0e89a2828765cc', accent: "ghost", class: {
+        return (index.h("gux-button-slot", { key: '125498e0c49d34ba9b8b9f598a8319e494b60914', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, index.h("button", { key: '7093ecf3f2e2ce68544f133aea9da1b22180d99e', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: 'ce3aff7c04e157f98f239a0701e0b0f506fad86b', class: "gux-icon-container" }, index.h("gux-icon", { key: 'ba4c84e62cee99acaa05c5ca50868111d9b8791a', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, index.h("button", { key: 'fa8d34bf35d8ef3a9ab840c6c76e0d72e0ec9162', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: 'b45186b28668a5faae5610cc8c0a580a661c9244', class: "gux-icon-container" }, index.h("gux-icon", { key: '79b165f2b116d62507a2a5339532aebbfa72fdc5', "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

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

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

@@ -6,7 +6,7 @@ var index$1 = require('./index-CIoLTj6_.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--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var guxListbox_service = require('./gux-listbox.service--Kw0a8sM.js');
 var onMutation = require('./on-mutation-BxwPAn4k.js');
 require('./get-closest-element-CfyZl7i7.js');
@@ -443,7 +443,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            index.h("div", { key: '071c65fde068c93dc57104b5eb4db00266aa59d0', class: "gux-dropdown-container" }, index.h("gux-popup", { key: '1fade15c550ed7b49164594bbc301ac27c46dd59', 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: '9ade49ef7f4ceca5fd720ab7ca62b91201befc7b', class: "gux-dropdown-container" }, index.h("gux-popup", { key: '13e4daeaf902b9e26c3f1ca030898d8ba6bd5589', 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: '5c0bd2d1a9438782b44b791c1c40c499d6e092c9', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (index.h("div", { key: '9cae12ca11646ed77f626d461fdd87ccbd60e49b', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

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

@@ -6,7 +6,7 @@ var index$1 = require('./index-CIoLTj6_.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 var onMutation = require('./on-mutation-BxwPAn4k.js');
 var guxListbox_service = require('./gux-listbox.service--Kw0a8sM.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
@@ -238,6 +238,9 @@ const GuxDropdown = class {
     filterInput(event) {
         event.stopPropagation();
         this.filter = this.filterElement.value;
+        if (!this.expanded) {
+            this.expanded = true;
+        }
     }
     shiftTabFromExpandedFilterInput(event) {
         return (event.shiftKey &&
@@ -372,7 +375,7 @@ const GuxDropdown = class {
                 : 'custom/chevron-down-small-regular' }))));
     }
     renderTargetContent() {
-        if (!(this.expanded && this.isFilterable())) {
+        if (!(this.expanded && this.isFilterable() && this.filter)) {
             return (index.h("div", { class: "gux-field-content" }, this.renderTargetDisplay()));
         }
     }
@@ -382,7 +385,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (index.h("gux-popup", { key: '3adac9cd14b03a5770ebdaf54dd80ce3da53ca1f', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: '25ed9294a5d59ec9873d170ec7016d2c26bb9abe', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -607,13 +610,13 @@ const GuxOption = class {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (index.h(index.Host, { key: '4e62af5e88e8a161bd21adbd7bfc0c3feb30ea7a', role: "option", class: {
+        return (index.h(index.Host, { key: 'ae4a28332162c5aaa44bb16b41475adaf7c568ef', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString.booleanString(this.disabled || this.hasDisabledParent()) }, index.h("div", { key: 'be7d5ab42155ebc2096c9c91d98f93271ac11738', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'd464d586da1888b1b7dcb73c062849301fea99bf', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'd323f844b46238ad580b537724c559e619d03fda' })), index.h("slot", { key: 'fac32caf4469f4c3c78a3a4310046ed9babd52cc', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString.booleanString(this.disabled || this.hasDisabledParent()) }, index.h("div", { key: '4441073ae07285034ee0533605505ab4b970e594', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'c4e8137feb530918b78105b660934aa98c1b81e0', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: '722d9eb7756f9da578f8ed80c7f566bb86925a40' })), index.h("slot", { key: '26691728330fb396fc8e95d644a2db23de9e7b9c', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-file-list-item.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-BGHWOXcN.js');
 var index$1 = require('./index-CIoLTj6_.js');
-var usage = require('./usage--W1cHbgt.js');
+var usage = require('./usage-B01--2fH.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const removeFile = "Remove {filename} file";
@@ -29,11 +29,11 @@ const GuxFileListItem = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: '16017e4cd1c6503a395ce96597b4de4672a98e67', class: {
+        return (index.h("div", { key: '3354e8999ff69bc07932307b4a3bce99adf460a4', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '966a60f866527fcdb5e6359abb8eb661bf60cb2d', class: "gux-info" }, index.h("gux-truncate", { key: 'f3dd55d982d99d79d3db0f9f980ab1dc547169c4' }, index.h("span", { key: '9bce918502ba6b238bdd2844319860112fbfb396', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, index.h("div", { key: '2cd9090ee92f1d74140c512eff86d6311a028c26', class: "gux-info" }, index.h("gux-truncate", { key: '9a2a47df828a82135355a822c5da2b38808c6a4d' }, index.h("span", { key: 'bff8158a3eeaf0f764b9f14583a4c8c97e4f10c0', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {