genesys-spark-components 4.258.0 → 4.258.1

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

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

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

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

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CJSLHsA3.js');
-var usage = require('./usage-Dmbs1fUu.js');
+var usage = require('./usage-C0Y4QiPK.js');
 var onMutation = require('./on-mutation-Cj5UuGKt.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 
@@ -43,7 +43,7 @@ const GuxBlankState = class {
         this.hasGuidance = hasSlot.hasSlot(this.root, 'additional-guidance');
     }
     render() {
-        return (index.h("div", { key: '71acfc55202860e352e20d2c0af8ca48dd7d561a', class: "gux-container" }, index.h("div", { key: 'a26ba2948ec2e4f0ff8c21d3016753cad900fdeb', class: "gux-image" }, index.h("slot", { key: '37c6202c35a907f55187e5fdf468ce595fc6a605', name: "image" })), index.h("div", { key: '8f14aa35950ba611d39a6db743319749b08f6e23', class: "gux-message" }, index.h("slot", { key: 'd0d0b47515e7d9136c0f5e0421267d52c894bc0d', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
+        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()));
     }
     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: '106689e75a986ffec0f0c81093178fe44906c031', class: {
+        return (index.h("div", { key: 'e1f48fef945fb7e142a01058beefb041c52f21e9', 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: 'd54ba118cdd65d77969c6d3a0caf6481a4693f73', class: "gux-node" }, index.h("div", { key: '16837a7d8c7434ba3491f1a1ea15dd12fa56699b', class: "gux-selected-bookmark" }), index.h("div", { key: 'f5a9e6c72cab3bfe0789e5fbdd2fb19117131083', class: "gux-tree-item" }, this.renderBranchIndicator('start'), index.h("div", { key: '18319310227ccce813caeff221e5a96655026012', class: "gux-selection-target" }, index.h("div", { key: '7c084c6e8ac73ceba860847542cfed060bdca1b8', class: "gux-checkbox-container" }, index.h("input", { key: '44e574ab7ef93987be97be92cdfdb1da1214c840', type: "checkbox", tabIndex: -1, checked: this.selected, disabled: this.disabled, "aria-labelledby": this.labelId, ref: el => {
+            } }, 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 => {
                 if (el) {
                     el.indeterminate = this.indeterminate;
                 }
-            } })), index.h("div", { key: '68aa818fffa2bfb1ab031fece2d1a2fb3eefcc9e', class: "gux-icon" }, index.h("slot", { key: 'aa47be407b9f4b1b28c7554c912cb6814553f00d', name: "icon" })), index.h("div", { key: '71bd49a411b126c298d4ad68155b6d40edeb9e50', class: "gux-label", id: this.labelId }, index.h("slot", { key: '7609ea55ef8c138b5e7ece2dd117cc0920a28b11', name: "label" }))), this.renderBranchIndicator('end'))), index.h("div", { key: 'ba9f56456d91a2b6124c89d2055d4eb5c19244a4', role: "group", class: "gux-treeitems" }, index.h("slot", { key: '2a0dc052eb3cc8964c7bc8bacf67c463aa60b228' }))));
+            } })), 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' }))));
     }
     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: 'efdad4071549524683e370ac38bf77cc2926163f', class: {
+        return (index.h("div", { key: '30d32644675ae53420b319f5f601834023dce45b', 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: '45fbac9901753d77826ca543dfe1234e85cd0fb3', class: "gux-node" }, index.h("div", { key: '3fd818101f2dc2f2eafe40c2d4c254a1f8c24808', class: "gux-selected-bookmark" }), index.h("div", { key: '1bcbaaa4f842e80aa41485fdeae7f5ab99a8b05e', class: "gux-tree-item" }, this.renderBranchIndicator('start'), index.h("div", { key: '684d4acc8f910b18c89de1b99c205d8fdacd1085', class: "gux-selection-target" }, index.h("div", { key: '929b8a130e04e54354d515e963608a38d638a6e4', class: "gux-icon" }, index.h("slot", { key: 'e6d3b0b11438b97583e32c1d8c8016a0afabb823', name: "icon" })), index.h("gux-truncate", { key: '4a92807d92efce9592af74c6b3331c23e623684d', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'dc480dedb5aa3135125d23fea6c9f54167e760bf', name: "label" }))), this.renderBranchIndicator('end'))), index.h("div", { key: 'a9ee982e0eae1f7ed6c589ff239757d1c0d7826d', role: "group", class: "gux-treeitems" }, index.h("slot", { key: '3426496c2205aa1848f99bfd89598f41ed725e5c' }))));
+            } }, 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' }))));
     }
     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: '00f5b515670d1a8e74911fd853bfd62dd2c9123b', role: "listitem" }, index.h("span", { key: '2518416bf84d83ea35b0ef8e8a605cf64ca947c8', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        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())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-CJSLHsA3.js');
 var index$1 = require('./index-9i8fmGhW.js');
-var usage = require('./usage-Dmbs1fUu.js');
+var usage = require('./usage-C0Y4QiPK.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: '2b0736fd24df4be85a10c18cb1c839c6412de4e9', "aria-label": this.i18n('breadcrumbs') }, index.h("ol", { key: '4b51142d91e456f6c349486d1ed669f317fdb55c' }, index.h("slot", { key: '7851b1ff4e967046c91928d8971fa8095522e9a0', onSlotchange: this.onSlotChange.bind(this) }))));
+        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) }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -5,7 +5,7 @@ var assignAriaBoolean = require('./assign-aria-boolean-D78B6DOf.js');
 var onClickOutside = require('./on-click-outside-D_XC9FZu.js');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-Dmbs1fUu.js');
+var usage = require('./usage-C0Y4QiPK.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: '9b516a9b05fde941e3d7a6492ce3ae77be40288b', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, index.h("div", { key: '903e98ebebee5a6f6b5e21792100cb7bbf573085', slot: "target", class: "gux-button-multi-container" }, index.h("gux-button-slot", { key: 'dba0d0140c8566b5395eadd9b243a7c6656239ca', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, index.h("button", { key: '6626b07ce5e72b2a07642195613da92c96d390b8', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": assignAriaBoolean.assignAriaStateBoolean(this.isOpen), "aria-label": this.guxAriaLabel }, index.h("slot", { key: 'a4ecba1c201cddcf82a080a3788d2a6e4a5e1be5', name: "title" }), index.h("gux-icon", { key: '1e4d64f2b3646bdd0bb4807d31f215d21c460906', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), index.h("div", { key: '211a3b3d1bc2fc54a298c49c11804a657d334a8c', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '87f5670ca218e63115191b2060c045da1c68e8f0', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '07d9642b1695711902f50ca35d912262f45ebe2f' })))));
+        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' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CJSLHsA3.js');
-var usage = require('./usage-Dmbs1fUu.js');
+var usage = require('./usage-C0Y4QiPK.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: 'b5fbb9ecf1502d596a98495c10d311e8586dd660', accent: this.accent, "icon-only": this.iconOnly }, index.h("slot", { key: 'ff1518b3f0786e6a2e02ec261084c68d3891a214' })));
+        return (index.h(index.Host, { key: 'dd775dbb3af6549a893b98cacca5e7c86c3f8ef7', accent: this.accent, "icon-only": this.iconOnly }, index.h("slot", { key: '8969a0eaebb91a4d29dfad243fd4da203a9682d2' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CJSLHsA3.js');
-var usage = require('./usage-Dmbs1fUu.js');
+var usage = require('./usage-C0Y4QiPK.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var floatingUi_dom = require('./floating-ui.dom-BuKBQkiD.js');
 var onClickOutside = require('./on-click-outside-D_XC9FZu.js');
@@ -39,10 +39,10 @@ const GuxButton = class {
     }
     render() {
         return [
-            index.h("button", { key: 'affb141991a357f632128679e9b4ac83cd8ba373', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            index.h("button", { key: 'a8ced7e052be8932c70a12276c7f272d570b4e21', 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: 'c51d268c3d2af837b7f2f7a3310cb6304ff4034e', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, index.h("slot", { key: '1430a35ae6cd2099e2e0829e8b2232067aaec313', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }
@@ -292,10 +292,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (index.h("div", { key: '40703e58689228e308f13acc96e22e1cda528321', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: 'ee946c911a21fb2a5252ee5ddafb333eaa7d4da4', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: '630c649fe14c6a19a64f1e37fd4791a4a374c7f8', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '49c49165aa97c1d5b3aab8e9fbd5c2ea6f575aa8', class: "gux-arrow-caret" })), this.displayDismissButton && (index.h("gux-dismiss-button", { key: 'c1fc337509ab95cfac0214899a6bd751e0819758', onClick: this.dismiss.bind(this) })), index.h("div", { key: '492322122c68853bbde3002c1c7e7dc98e139447', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: 'ada7b2d5f8488206fcbd6fc84c5ecaf20003cb1d', name: "title" })), index.h("div", { key: '9f957e9423e39f7a7579ec21a6868604e4bfb9d5', class: "gux-popover-content" }, index.h("slot", { key: 'f9c4945a033ce065c1ad1e6efc68092a47d42958' })), index.h("div", { key: '1cbf5fd993c420e1eb823f4c9a5a67bc10b664f7', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, index.h("slot", { key: '93f31f5bc1f086e4eebd76ff10f62623dbcdeb63', name: "footer" }))));
+            }, "data-placement": true }, index.h("div", { key: '671262b9a3aab1466c4a3ad315e06f27e4189f3d', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: 'aae63686dc4dac4b1304781f3d47c51c1686f91f', class: "gux-arrow-caret" })), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '582f7dd44a694a28244a36ede6d2266d230822d3', onClick: this.dismiss.bind(this) })), index.h("div", { key: 'e86aed578e4f43b41328cba93a63e5c78d01668b', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: '64492c7dd8e185842544a6602e0995692e71ea39', name: "title" })), index.h("div", { key: '98ee4515b495a301388b5a5078a8f179a23658a8', class: "gux-popover-content" }, index.h("slot", { key: 'd4016efca77b2b3a192e525c2d62832da3bf0b21' })), index.h("div", { key: '27eb865d785057279bc0ba28c2d57be426cfdad1', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, index.h("slot", { key: '9afc4236670e0fb265cbed987773dcdd8239a817', name: "footer" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ var index = require('./index-CJSLHsA3.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var assignAriaBoolean = require('./assign-aria-boolean-D78B6DOf.js');
 var isoDates = require('./iso-dates-C3ShFBCi.js');
-var usage = require('./usage-Dmbs1fUu.js');
+var usage = require('./usage-C0Y4QiPK.js');
 var index$1 = require('./index-9i8fmGhW.js');
 var capitalizeFirstLetter = require('./capitalize-first-letter-mZPrUEI2.js');
 var sparkIntl = require('./spark-intl-DyVr-p9T.js');
@@ -250,11 +250,6 @@ const GuxCalendar = class {
         const datesArray = this.generateDatesFrom(monthIndex, startDate, 42);
         return this.create2DArray(datesArray, 7);
     }
-    addDays(date, days) {
-        const newDate = new Date(date.valueOf());
-        newDate.setDate(newDate.getDate() + days);
-        return newDate;
-    }
     getAllDatesElements() {
         const targets = this.root.shadowRoot.querySelectorAll('td');
         return Array.from(targets);
@@ -264,30 +259,19 @@ const GuxCalendar = class {
         return Array.from(targets);
     }
     getRangeDatesElements(from, to) {
-        const elements = [];
-        let rangeDates;
-        if (to < from) {
-            rangeDates = this.getRangeDates(to, from);
-        }
-        else {
-            rangeDates = this.getRangeDates(from, to);
-        }
-        for (const date of rangeDates) {
-            const target = this.root.shadowRoot.querySelector(`td[data-date="${date.getTime()}"]:not(.gux-hidden)`);
-            if (target) {
-                elements.push(target);
+        const startTime = Math.min(from.getTime(), to.getTime());
+        const endTime = Math.max(from.getTime(), to.getTime());
+        return this.getAllDatesElements().filter(element => {
+            if (element.classList.contains('gux-hidden')) {
+                return false;
             }
-        }
-        return elements;
-    }
-    getRangeDates(from, to) {
-        const array = [];
-        let currentDate = from;
-        while (currentDate <= to) {
-            array.push(new Date(currentDate));
-            currentDate = this.addDays(currentDate, 1);
-        }
-        return array;
+            const dataDate = element.getAttribute('data-date');
+            if (dataDate === null) {
+                return false;
+            }
+            const time = Number(dataDate);
+            return time >= startTime && time <= endTime;
+        });
     }
     async onDateClick(date) {
         if (!this.outOfBounds(date)) {
@@ -427,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: '4e1daf58f29105906687177df62d52a95b516e93', class: "gux-calendar" }, index.h("div", { key: 'b6691e76fe94bad928b5768c2c824efb4c453ea8', class: "gux-header" }, index.h("button", { key: '1b5793bd7076d763e2158d3d3b9fde24fba8b18a', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, index.h("gux-icon", { key: '25b67a0a1c55f59a68a69e6b93cdcdf803534eb7', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: '8750ce52467670921f1adad6d1e2998490a4f237', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, index.h("gux-icon", { key: '39fecf998e5778d77f784a2b64a946666b331a5b', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: 'c71dc8cfcd892a6aa025da4df9e0a25a28401c71', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        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)))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CJSLHsA3.js');
-var usage = require('./usage-Dmbs1fUu.js');
+var usage = require('./usage-C0Y4QiPK.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: '3536d9814679ca435742cc00e6aad0f7f22ef356', class: {
+        return (index.h("div", { key: '9f210e76d1ee11718e6f0424879dc5c9a92b9f98', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("slot", { key: '2ae4f0dfaf0e5d8ae115f5e76868660d376a789f' })));
+            } }, index.h("slot", { key: '41b70116a38d9c80d15ec541b3974854acaefc04' })));
     }
     get root() { return index.getElement(this); }
 };

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

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

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

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

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

@@ -188,15 +188,15 @@ const GuxColumnManagerItem = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: '051ecfb83dafc8222626fb9ef2ace4dc87677ef7', draggable: "true", onMouseUp: event => this.onMouseUp(event) }, index.h("div", { key: 'db105d3a036e8366717b2b08dfde4807e8acbbc0', class: {
+        return (index.h(index.Host, { key: '1f080aa264c210c09dd33f193a81df211f047710', draggable: "true", onMouseUp: event => this.onMouseUp(event) }, index.h("div", { key: 'eda94bae6754ce62f1c4d9da3d44129042818af7', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging,
                 'gux-parent-reordering': this.isParentReordering
-            } }, index.h("button", { key: '9e9e05b1c9755f715359ace4c51d6ca18a5b674d', class: {
+            } }, index.h("button", { key: 'b52ba0646524f9fc271214ba89d5705053e3704f', 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: 'a44d0dfa10d16aa8888497db5ade0d3c47fd5f4d', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), index.h("span", { key: '2714903e53a0ea9416724f30496ec9cbffe50289', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: 'a354e7dc9162d8b4a2cef156f88a739d23b8949f', class: "gux-select" }, index.h("slot", { key: '904a80527ac8714fd285e35df664d3d56a63dc32', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: 'e0b2e2b305c9a234c4010995a7ca79c0939eec8e', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
+            }, 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 })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-CJSLHsA3.js');
 var index$1 = require('./index-9i8fmGhW.js');
-var usage = require('./usage-Dmbs1fUu.js');
+var usage = require('./usage-C0Y4QiPK.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: '48aeb86fcecd38c656b4cc72b775ce2e51a75f4a', class: { 'gux-reordering': isReordering } }, index.h("div", { key: 'f5baa49f8f65d50814a92d91c675ea7fcd961571', class: "gux-container" }, index.h("div", { key: '4e45f415e613fe5b5161c1f9c0ec46b2d3d6e7c8', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '282ab58e1573577580f0e833378f82b8122683fe', class: "gux-search" }, index.h("gux-content-search", { key: '091dac4f064e2a57c98c1b6aee9f17895cff17b6', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: '271d66656a5cc87898fd4304fc93968493a9f2c5', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: '4bbe66cfbfcfc2b213adfe3e55436adb749c2882', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: '99f6da867df0ee099e6d0b207a3c5974b909b28e' }, index.h("input", { key: '8bd00c76b85080335e97cf61f4e1cafe77c46511', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '2815ed928cf49dfed4eb1501b035baee44850c19', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '9e783a060d2f63a7ae1f35f953648e9c942b43fc', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: 'f8fae92881905b69f85c96d49858d18b84e79660', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '92163f84065423a6a84577f8e784ee15aef68ed2', ref: el => (this.announceElement = el) }))));
+        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) }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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