genesys-spark-components 4.267.1 → 4.268.0

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

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

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CrYIBC5D.js');
-var usage = require('./usage-BADom5jB.js');
+var usage = require('./usage-BQN4GB4X.js');
 
 const guxAccordionCss = () => `gux-accordion{-custom-noop:noop}`;
 

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

@@ -5,7 +5,7 @@ var assignAriaBoolean = require('./assign-aria-boolean-D78B6DOf.js');
 var onClickOutside = require('./on-click-outside-D_pMWblY.js');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-BADom5jB.js');
+var usage = require('./usage-BQN4GB4X.js');
 var index$1 = require('./index-BfNqKWQC.js');
 require('./get-closest-element-D_ECDbYK.js');
 
@@ -162,7 +162,7 @@ const GuxActionButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (index.h("div", { key: '89c8442c0825fde5381aee0477ec532db7784df8', class: "gux-action-button-container" }, index.h("gux-popup", { key: 'd0e11e9c52ba585720b15364cbcca221d7a18a66', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, index.h("div", { key: '0508d1acba88b1352670ed9698b27a98d73c4ee5', slot: "target", class: "gux-action-button-container" }, index.h("gux-button-slot", { key: 'd06ce99510801c91bf730fb644f9574b2ae58234', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, index.h("button", { key: 'a2305c26f5fd0a352cd1c3ad6c4f34f1c4f7f543', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, index.h("slot", { key: '7f945513d1a25e5cc300556a68b1e552cec3e79e', name: "title" }))), index.h("gux-button-slot", { key: '8195a4e8bd5c10b71ac9a7ffa0c635185c8b4517', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, index.h("button", { key: '5c2283e325131aa93333e6824d298b836696fd0f', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": assignAriaBoolean.assignAriaStateBoolean(this.isOpen), "aria-label": this.i18n('moreOptions'), "data-testid": "dropdown-button" }, index.h("gux-icon", { key: '81253601a647be611d76013ef075c7b08aab9c7b', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), index.h("div", { key: 'b99471e2ab692a67977d5f6273d4f69a51e61121', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '22f135c085841f01fc14dd0d31e9aaa622eea787', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'e68464633cdbd53471192f7a4da9e7ad48614406' }))))));
+        return (index.h("div", { key: '89c8442c0825fde5381aee0477ec532db7784df8', class: "gux-action-button-container" }, index.h("gux-popup", { key: 'd0e11e9c52ba585720b15364cbcca221d7a18a66', disabled: this.disabled, "exceed-target-width": true, expanded: this.isOpen, placement: "bottom-end" }, index.h("div", { key: '0508d1acba88b1352670ed9698b27a98d73c4ee5', class: "gux-action-button-container", slot: "target" }, index.h("gux-button-slot", { key: 'd06ce99510801c91bf730fb644f9574b2ae58234', accent: getGuxActionButtonAccent(this.accent), class: "gux-action-button" }, index.h("button", { key: 'a2305c26f5fd0a352cd1c3ad6c4f34f1c4f7f543', "data-testid": "action-button", disabled: this.disabled, onClick: () => this.onActionClick(), type: this.type }, index.h("slot", { key: '7f945513d1a25e5cc300556a68b1e552cec3e79e', name: "title" }))), index.h("gux-button-slot", { key: '8195a4e8bd5c10b71ac9a7ffa0c635185c8b4517', accent: getGuxActionButtonAccent(this.accent), class: "gux-dropdown-button" }, index.h("button", { key: '5c2283e325131aa93333e6824d298b836696fd0f', "aria-expanded": assignAriaBoolean.assignAriaStateBoolean(this.isOpen), "aria-haspopup": "true", "aria-label": this.i18n('moreOptions'), "data-testid": "dropdown-button", disabled: this.disabled, onMouseUp: () => this.toggle(), ref: el => (this.dropdownButton = el), type: "button" }, index.h("gux-icon", { key: '81253601a647be611d76013ef075c7b08aab9c7b', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), index.h("div", { key: 'b99471e2ab692a67977d5f6273d4f69a51e61121', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '22f135c085841f01fc14dd0d31e9aaa622eea787', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'e68464633cdbd53471192f7a4da9e7ad48614406' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CrYIBC5D.js');
-var usage = require('./usage-BADom5jB.js');
+var usage = require('./usage-BQN4GB4X.js');
 
 const guxActionToastCss = () => `:host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:stretch;width:270px;padding:20px 24px;margin-bottom:4px;color:var(--gse-ui-toast-success-foregroundColor);background:var(--gse-ui-toast-success-backgroundColor);border:1px solid var(--gse-ui-card-default-border-color);border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;align-self:auto;order:0;font-family:var(--gse-semantic-heading-lg-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-lg-bold-fontSize);line-height:var(--gse-semantic-heading-lg-bold-lineHeight);font-weight:var(--gse-semantic-heading-lg-bold-fontWeight)}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:var(--gse-core-colorLegacy-secondary-aquaGreen)}.gux-header .gux-icon ::slotted(gux-icon){width:32px !important;height:32px !important}.gux-header .gux-title{flex:1 1 auto;align-self:auto;order:0;margin:0 0 0 8px}.gux-message{flex:0 1 auto;align-self:auto;order:0;margin:16px 0;font-family:var(--gse-semantic-body-sm-regular-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-semantic-body-sm-regular-fontSize);line-height:var(--gse-semantic-body-sm-regular-lineHeight);font-weight:var(--gse-semantic-body-sm-regular-fontWeight)}.gux-message ::slotted(dl){display:flex;flex-direction:row;flex-wrap:wrap;place-content:stretch flex-start;align-items:flex-start;margin:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}`;
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CrYIBC5D.js');
-var usage = require('./usage-BADom5jB.js');
+var usage = require('./usage-BQN4GB4X.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 
 const guxActionableInlineAlertCss = () => `:host{display:flex;inline-size:fit-content}.gux-actionable-inline-alert{display:inline-flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-alert-ai-actions-gap);align-items:center;justify-content:flex-start;padding-block:0;padding-inline:var(--gse-semantic-container-md-padding);color:var(--gse-ui-alert-ai-foregroundColor);background-color:var(--gse-ui-alert-ai-backgroundColor);border:1px solid var(--gse-ui-alert-ai-borderColor);border-radius:var(--gse-ui-alert-borderRadius)}.gux-actionable-inline-alert ::slotted(gux-icon),.gux-actionable-inline-alert gux-icon{flex-shrink:0;align-self:flex-start;padding-block-start:var(--gse-ui-alert-ai-content-paddingTop);margin-block-start:1px;color:var(--gse-ui-alert-ai-iconColor)}.gux-actionable-inline-alert gux-tooltip-title{white-space:nowrap}.gux-actionable-inline-alert .gux-message-wrapper{display:flex;gap:var(--gse-ui-alert-gap);font-family:var(--gse-ui-alert-text-fontFamily);font-size:var(--gse-ui-alert-text-fontSize);font-weight:var(--gse-ui-alert-text-fontWeight);line-height:var(--gse-ui-alert-text-lineHeight)}.gux-actionable-inline-alert .gux-content{flex:1 1 auto;padding-block:var(--gse-ui-alert-ai-content-paddingTop) var(--gse-ui-alert-ai-content-paddingTop)}.gux-actionable-inline-alert ::slotted([slot=action-buttons]){display:flex;flex-direction:row;gap:var(--gse-ui-alert-ai-actions-gap)}`;
@@ -24,7 +24,7 @@ const GuxActionableInlineAlertBeta = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'd73d28f0f80aa39cc3f21165a07aa6c1a0daa840', role: "alert", class: "gux-actionable-inline-alert" }, index.h("div", { key: '7fbbdeecc101c8034b36b3b75367184c4ebece9c', class: "gux-message-wrapper" }, this.renderIcon(), index.h("div", { key: '226ad936aa6e1a52d682f1ba68886c20e8d4feef', class: "gux-content" }, index.h("slot", { key: '74f5b91bd79559d9f4e920b0515078fde41cf5d4', name: "content" }, index.h("slot", { key: '9e8025f75bae2daba5c8dc606c167a81192bcfdd' })))), this.renderActionButtons()));
+        return (index.h("div", { key: 'd73d28f0f80aa39cc3f21165a07aa6c1a0daa840', class: "gux-actionable-inline-alert", role: "alert" }, index.h("div", { key: '7fbbdeecc101c8034b36b3b75367184c4ebece9c', class: "gux-message-wrapper" }, this.renderIcon(), index.h("div", { key: '226ad936aa6e1a52d682f1ba68886c20e8d4feef', class: "gux-content" }, index.h("slot", { key: '74f5b91bd79559d9f4e920b0515078fde41cf5d4', name: "content" }, index.h("slot", { key: '9e8025f75bae2daba5c8dc606c167a81192bcfdd' })))), this.renderActionButtons()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ var index = require('./index-CrYIBC5D.js');
 var onMutation = require('./on-mutation-MIY4v9bf.js');
 var onClickOutside = require('./on-click-outside-D_pMWblY.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-BADom5jB.js');
+var usage = require('./usage-BQN4GB4X.js');
 var index$1 = require('./index-BfNqKWQC.js');
 require('./get-closest-element-D_ECDbYK.js');
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CrYIBC5D.js');
-var usage = require('./usage-BADom5jB.js');
+var usage = require('./usage-BQN4GB4X.js');
 var index$1 = require('./index-BfNqKWQC.js');
 require('./get-closest-element-D_ECDbYK.js');
 
@@ -21,7 +21,7 @@ const GuxAiIndicator = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: '0a59e46fb2c44f219ae724e45a018af532661b46' }, index.h("gux-button-slot", { key: '0c1636039c57573a03c1b2bbd1924a1a350b6cd1', id: "button", "icon-only": true }, index.h("button", { key: 'cdd4944bfd92961d4d7165bfc5d921855ba52338', type: "button" }, index.h("gux-icon", { key: 'ed0db54f25923976dd2381f975f41a789ee8aac4', size: "small", "icon-name": "custom/ai-tooltip-regular", decorative: true }), index.h("gux-screen-reader-beta", { key: '3dd50f5cb3d500dc3a776a8cfefe39cc17af529a' }, this.i18n('buttonLabel')))), index.h("gux-popover-beta", { key: 'e234d6a741ab5566d6d33526d9663ef67ef947f2', for: "button", "display-dismiss-button": true, position: "right" }, index.h("slot", { key: 'b1d1d93cc8df687562f2eae0ee0e35e18fa028ef', name: "title", slot: "title" }), index.h("slot", { key: '86fef16205446cae7a01729a78b74f6fb415565e', name: "content" }))));
+        return (index.h("div", { key: '0a59e46fb2c44f219ae724e45a018af532661b46' }, index.h("gux-button-slot", { key: '0c1636039c57573a03c1b2bbd1924a1a350b6cd1', "icon-only": true, id: "button" }, index.h("button", { key: 'cdd4944bfd92961d4d7165bfc5d921855ba52338', type: "button" }, index.h("gux-icon", { key: 'ed0db54f25923976dd2381f975f41a789ee8aac4', decorative: true, "icon-name": "custom/ai-tooltip-regular", size: "small" }), index.h("gux-screen-reader-beta", { key: '3dd50f5cb3d500dc3a776a8cfefe39cc17af529a' }, this.i18n('buttonLabel')))), index.h("gux-popover-beta", { key: 'e234d6a741ab5566d6d33526d9663ef67ef947f2', "display-dismiss-button": true, for: "button", position: "right" }, index.h("slot", { key: 'b1d1d93cc8df687562f2eae0ee0e35e18fa028ef', name: "title", slot: "title" }), index.h("slot", { key: '86fef16205446cae7a01729a78b74f6fb415565e', name: "content" }))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CrYIBC5D.js');
-var usage = require('./usage-BADom5jB.js');
+var usage = require('./usage-BQN4GB4X.js');
 var index$1 = require('./index-BfNqKWQC.js');
 require('./get-closest-element-D_ECDbYK.js');
 
@@ -21,7 +21,7 @@ const GuxAIPoweredBadge = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '307468640e4c76a3aa0523ce954d59eaee39113c', class: "gux-container" }, index.h("gux-icon", { key: '6e7092ebfed33775eac8dce222e6e280344202b1', "icon-name": "restricted/custom/sparkles-solid", decorative: true }), index.h("div", { key: '332ee3772abfd9e424cc76f2d0805e0a77b026c0', class: "gux-label" }, this.i18n('aiPowered'))));
+        return (index.h("div", { key: '307468640e4c76a3aa0523ce954d59eaee39113c', class: "gux-container" }, index.h("gux-icon", { key: '6e7092ebfed33775eac8dce222e6e280344202b1', decorative: true, "icon-name": "restricted/custom/sparkles-solid" }), index.h("div", { key: '332ee3772abfd9e424cc76f2d0805e0a77b026c0', class: "gux-label" }, this.i18n('aiPowered'))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CrYIBC5D.js');
-var usage = require('./usage-BADom5jB.js');
+var usage = require('./usage-BQN4GB4X.js');
 var assignAriaBoolean = require('./assign-aria-boolean-D78B6DOf.js');
 
 const guxAiPoweredButtonCss = () => `:host{display:inline-block}button{display:flex;align-items:center;justify-content:center;block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);color:var(--gse-ui-button-primary-default-foregroundColor);background:var(--gse-ui-button-primary-default-backgroundColor);border-radius:var(--gse-ui-button-borderRadius);box-shadow:var(--gse-ui-button-aiPowered-glow-default)}button.gux-icon-only{inline-size:var(--gse-ui-button-iconOnly-width)}button.gux-icon-only .gux-content{gap:0}button.gux-icon-only .gux-content .gux-label-container:not(.gux-has-screenreader){display:none}button:focus-visible:enabled{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}button:hover{background:var(--gse-ui-button-primary-hover-backgroundColor);box-shadow:var(--gse-ui-button-aiPowered-glow-hover)}button:active{background:var(--gse-ui-button-primary-active-backgroundColor);box-shadow:var(--gse-ui-button-aiPowered-glow-active)}button[disabled]{pointer-events:none;cursor:default;box-shadow:none;opacity:var(--gse-ui-button-disabled-opacity)}button .align-content{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-button-gap);place-content:center center;align-items:center}button .align-content .gux-icon-wrapper{display:flex;align-items:center;justify-content:center}button .align-content .gux-icon-wrapper .gux-icon-default,button .align-content .gux-icon-wrapper .gux-icon-generating{display:flex;align-items:center;justify-content:center}button .align-content .gux-icon-wrapper .gux-hidden{display:none}button.gux-generating-button{pointer-events:none;cursor:default;background:var(--gse-ui-button-primary-active-backgroundColor);box-shadow:var(--gse-ui-button-aiPowered-glow-active)}`;
@@ -25,7 +25,7 @@ const GuxAIPoweredButton = class {
     }
     renderIcon() {
         return [
-            index.h("div", { class: { 'gux-icon-default': true, 'gux-hidden': this.generating } }, index.h("slot", { name: "icon" }, index.h("gux-icon", { size: "small", "icon-name": "restricted/custom/sparkles-solid", decorative: true }))),
+            index.h("div", { class: { 'gux-icon-default': true, 'gux-hidden': this.generating } }, index.h("slot", { name: "icon" }, index.h("gux-icon", { decorative: true, "icon-name": "restricted/custom/sparkles-solid", size: "small" }))),
             index.h("div", { class: {
                     'gux-icon-generating': true,
                     'gux-hidden': !this.generating
@@ -33,10 +33,10 @@ const GuxAIPoweredButton = class {
         ];
     }
     render() {
-        return (index.h("gux-button-slot", { key: '060e087c64ceeb05489d28b69f9cda1e3ebb7172' }, index.h("button", { key: 'cb33118a9bd04d5ce126ec7e1bbbbd74f45f454f', type: "button", disabled: this.disabled, autofocus: this.autofocus, "aria-busy": assignAriaBoolean.assignAriaStateBoolean(this.generating), class: {
+        return (index.h("gux-button-slot", { key: '060e087c64ceeb05489d28b69f9cda1e3ebb7172' }, index.h("button", { key: 'cb33118a9bd04d5ce126ec7e1bbbbd74f45f454f', "aria-busy": assignAriaBoolean.assignAriaStateBoolean(this.generating), autofocus: this.autofocus, class: {
                 'gux-generating-button': this.generating,
                 'gux-icon-only': this.iconOnly
-            } }, index.h("div", { key: '20236c90ffdb6e4aed5620dcb73683dd71cd8253', class: {
+            }, disabled: this.disabled, type: "button" }, index.h("div", { key: '20236c90ffdb6e4aed5620dcb73683dd71cd8253', class: {
                 'align-content': true,
                 'gux-content': true
             } }, index.h("div", { key: '3a6a6bbef6fd035abd227426a087e3318d3ce4eb', class: "gux-icon-wrapper" }, this.renderIcon()), index.h("div", { key: '87a19b82ed7e8ef2b5a8ffaf4818eaefafec5b26', class: {

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CrYIBC5D.js');
-var usage = require('./usage-BADom5jB.js');
+var usage = require('./usage-BQN4GB4X.js');
 var index$1 = require('./index-BfNqKWQC.js');
 require('./get-closest-element-D_ECDbYK.js');
 
@@ -42,9 +42,9 @@ const GuxAISpinnerLoader = class {
     }
     renderSvgCircles(accent, radius) {
         const circles = [
-            index.h("circle", { cx: "50%", cy: "50%", r: radius, class: "gux-static-circle" }),
-            index.h("circle", { cx: "50%", cy: "50%", r: radius, class: "gux-dynamic-circle", stroke: accent === 'primary' ? undefined : 'url(#ai-spinner-gradient)', "stroke-linecap": "round" }),
-            index.h("circle", { cx: "50%", cy: "50%", r: radius, class: "gux-dynamic-circle-mask", stroke: accent === 'primary' ? undefined : 'url(#ai-spinner-gradient)', "stroke-linecap": "round" })
+            index.h("circle", { class: "gux-static-circle", cx: "50%", cy: "50%", r: radius }),
+            index.h("circle", { class: "gux-dynamic-circle", cx: "50%", cy: "50%", r: radius, stroke: accent === 'primary' ? undefined : 'url(#ai-spinner-gradient)', "stroke-linecap": "round" }),
+            index.h("circle", { class: "gux-dynamic-circle-mask", cx: "50%", cy: "50%", r: radius, stroke: accent === 'primary' ? undefined : 'url(#ai-spinner-gradient)', "stroke-linecap": "round" })
         ];
         return circles;
     }
@@ -59,10 +59,10 @@ const GuxAISpinnerLoader = class {
             size = mediumSpinner;
             radius = mediumSpinner * 0.5 - mediumBorder * 0.5;
         }
-        return (index.h("div", { key: '86da48036d181cd29cb3a81c590cb67ebd825881', class: {
+        return (index.h("div", { key: '86da48036d181cd29cb3a81c590cb67ebd825881', "aria-label": this.screenreaderText || this.i18n('generating'), class: {
                 [`gux-size-${this.size}`]: true,
                 [`gux-accent-${this.accent}`]: true
-            }, role: "progressbar", "aria-label": this.screenreaderText || this.i18n('generating') }, index.h("svg", { key: 'b997211f92b28fd2c6706791dc268d1286aa9772', class: "gux-svg-container", viewBox: `0 0 ${size} ${size}`, role: "presentation" }, index.h("defs", { key: '9cb50c05aa48ab83b9f1b09f561a6c65e3a9e995' }, index.h("linearGradient", { key: '63cf0abb9889ed19513a357fa01dc57fa36b6258', id: "ai-spinner-gradient", x1: "0%", y1: "0%", x2: "100%", y2: "0%" }, index.h("stop", { key: '8b2f683b6e24a01a84c1a6cbbc93b6d8be050707', offset: "0%", "stop-color": "var(--color-1)" }), index.h("stop", { key: '3d320eb32f621d8fd450ab9b55b8cc8e42562df8', offset: "50%", "stop-color": "var(--color-1)" }), index.h("stop", { key: 'f70ceca8077ff04f599249517180ffa47aa14385', offset: "50%", "stop-color": "var(--color-2)" }), index.h("stop", { key: 'eb601f28a37eb00af4569e325ff9d92db4a85c44', offset: "100%", "stop-color": "var(--color-2)" }))), this.renderSvgCircles(this.accent, radius)), index.h("gux-icon", { key: '7f8743c1cfd10612dd710ee173a74d191b5ede56', "icon-name": "restricted/custom/sparkles-solid", decorative: true })));
+            }, role: "progressbar" }, index.h("svg", { key: 'b997211f92b28fd2c6706791dc268d1286aa9772', class: "gux-svg-container", role: "presentation", viewBox: `0 0 ${size} ${size}` }, index.h("defs", { key: '9cb50c05aa48ab83b9f1b09f561a6c65e3a9e995' }, index.h("linearGradient", { key: '63cf0abb9889ed19513a357fa01dc57fa36b6258', id: "ai-spinner-gradient", x1: "0%", x2: "100%", y1: "0%", y2: "0%" }, index.h("stop", { key: '8b2f683b6e24a01a84c1a6cbbc93b6d8be050707', offset: "0%", "stop-color": "var(--color-1)" }), index.h("stop", { key: '3d320eb32f621d8fd450ab9b55b8cc8e42562df8', offset: "50%", "stop-color": "var(--color-1)" }), index.h("stop", { key: 'f70ceca8077ff04f599249517180ffa47aa14385', offset: "50%", "stop-color": "var(--color-2)" }), index.h("stop", { key: 'eb601f28a37eb00af4569e325ff9d92db4a85c44', offset: "100%", "stop-color": "var(--color-2)" }))), this.renderSvgCircles(this.accent, radius)), index.h("gux-icon", { key: '7f8743c1cfd10612dd710ee173a74d191b5ede56', decorative: true, "icon-name": "restricted/custom/sparkles-solid" })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -28,7 +28,7 @@ const GuxAllRowSelect = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.tableResources, 'gux-table');
     }
     render() {
-        return (index.h("gux-form-field-checkbox", { key: 'e9fb267f062763b8cfa078940a435c6361252523', "label-position": "screenreader" }, index.h("input", { key: '8bb5aff38ca4b40e2ee447f347d1b66df27c6512', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: '58ef7538ba4500d7879b8a9f8efe7ef17e63de5a', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: 'a39f4d506ecb26baa520c23dd0041f32c96fbfce' }, this.i18n('selectAllTableRows')))));
+        return (index.h("gux-form-field-checkbox", { key: 'e9fb267f062763b8cfa078940a435c6361252523', "label-position": "screenreader" }, index.h("input", { key: '8bb5aff38ca4b40e2ee447f347d1b66df27c6512', checked: this.selected, disabled: this.disabled, id: this.id, ref: el => (this.inputElement = el), slot: "input", type: "checkbox" }), index.h("label", { key: '58ef7538ba4500d7879b8a9f8efe7ef17e63de5a', htmlFor: this.id, slot: "label" }, "\u200B", index.h("span", { key: 'a39f4d506ecb26baa520c23dd0041f32c96fbfce' }, this.i18n('selectAllTableRows')))));
     }
     get root() { return index.getElement(this); }
 };

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

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

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

@@ -1,20 +1,20 @@
 'use strict';
 
 var index = require('./index-CrYIBC5D.js');
-var usage = require('./usage-BADom5jB.js');
+var usage = require('./usage-BQN4GB4X.js');
 var logError = require('./log-error-nWO_o1C3.js');
 var index$1 = require('./index-BfNqKWQC.js');
 var guxAvatar_service = require('./gux-avatar.service-DEe_Kgyk.js');
 require('./get-closest-element-D_ECDbYK.js');
 
 function renderZoomSVG() {
-    return (index.h("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M0 14C0 6.26801 6.26801 0 14 0H18C25.732 0 32 6.26801 32 14V18C32 25.732 25.732 32 18 32H14C6.26801 32 0 25.732 0 18V14Z", fill: "url(#paint0_linear_17811_243867)" }), index.h("path", { d: "M9.03495 17.9231H4.76573C4.48252 17.9231 4.22028 17.7885 4.08392 17.5577C3.93706 17.2885 3.98951 16.9712 4.22028 16.7692L7.1888 14.0481H5.05944C4.47203 14.0481 4 13.6058 4 13.0769H7.93355C8.21677 13.0769 8.479 13.2115 8.61537 13.4423C8.76222 13.7115 8.70977 14.0288 8.479 14.2308L5.51048 16.9519H7.97551C8.56292 16.9519 9.03495 17.3942 9.03495 17.9231ZM25.944 13C25.3356 13 24.7796 13.2404 24.402 13.6346C24.0244 13.25 23.4685 13 22.8601 13C21.7272 13 20.7936 13.8846 20.7936 14.9231V17.9231C21.3811 17.9231 21.8531 17.4904 21.8531 16.9519V14.9135C21.8531 14.4135 22.2727 13.9904 22.8181 13.9712C23.395 13.9519 23.8671 14.375 23.8671 14.8942V16.9519C23.8671 17.4904 24.3391 17.9231 24.9265 17.9231V14.9135C24.9265 14.4135 25.3461 13.9904 25.8915 13.9712C26.4684 13.9519 26.9405 14.375 26.9405 14.8942V16.9519C26.9405 17.4904 27.4125 17.9231 27.9999 17.9231V14.9231C28.0104 13.8846 27.0768 13 25.944 13ZM14.3846 15.5C14.3846 16.875 13.1573 18 11.6573 18C10.1468 18 8.93005 16.875 8.93005 15.5C8.93005 14.125 10.1573 13 11.6573 13C13.1573 13 14.3846 14.125 14.3846 15.5ZM13.3251 15.5C13.3251 14.6538 12.5804 13.9712 11.6573 13.9712C10.7342 13.9712 9.98949 14.6538 9.98949 15.5C9.98949 16.3462 10.7342 17.0288 11.6573 17.0288C12.5804 17.0288 13.3251 16.3462 13.3251 15.5ZM20.2692 15.5C20.2692 16.875 19.0419 18 17.5419 18C16.0314 18 14.8146 16.875 14.8146 15.5C14.8146 14.125 16.0419 13 17.5419 13C19.0419 13 20.2692 14.125 20.2692 15.5ZM19.2097 15.5C19.2097 14.6538 18.465 13.9712 17.5419 13.9712C16.6188 13.9712 15.8741 14.6538 15.8741 15.5C15.8741 16.3462 16.6188 17.0288 17.5419 17.0288C18.465 17.0288 19.2097 16.3462 19.2097 15.5Z", fill: "white" }), index.h("defs", null, index.h("linearGradient", { id: "paint0_linear_17811_243867", x1: "6", y1: "29", x2: "26", y2: "2.5", gradientUnits: "userSpaceOnUse" }, index.h("stop", { "stop-color": "#084ACD" }), index.h("stop", { offset: "0.505", "stop-color": "#0B5CFF" }), index.h("stop", { offset: "1", "stop-color": "#236EF9" })))));
+    return (index.h("svg", { fill: "none", height: "32", viewBox: "0 0 32 32", width: "32", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M0 14C0 6.26801 6.26801 0 14 0H18C25.732 0 32 6.26801 32 14V18C32 25.732 25.732 32 18 32H14C6.26801 32 0 25.732 0 18V14Z", fill: "url(#paint0_linear_17811_243867)" }), index.h("path", { d: "M9.03495 17.9231H4.76573C4.48252 17.9231 4.22028 17.7885 4.08392 17.5577C3.93706 17.2885 3.98951 16.9712 4.22028 16.7692L7.1888 14.0481H5.05944C4.47203 14.0481 4 13.6058 4 13.0769H7.93355C8.21677 13.0769 8.479 13.2115 8.61537 13.4423C8.76222 13.7115 8.70977 14.0288 8.479 14.2308L5.51048 16.9519H7.97551C8.56292 16.9519 9.03495 17.3942 9.03495 17.9231ZM25.944 13C25.3356 13 24.7796 13.2404 24.402 13.6346C24.0244 13.25 23.4685 13 22.8601 13C21.7272 13 20.7936 13.8846 20.7936 14.9231V17.9231C21.3811 17.9231 21.8531 17.4904 21.8531 16.9519V14.9135C21.8531 14.4135 22.2727 13.9904 22.8181 13.9712C23.395 13.9519 23.8671 14.375 23.8671 14.8942V16.9519C23.8671 17.4904 24.3391 17.9231 24.9265 17.9231V14.9135C24.9265 14.4135 25.3461 13.9904 25.8915 13.9712C26.4684 13.9519 26.9405 14.375 26.9405 14.8942V16.9519C26.9405 17.4904 27.4125 17.9231 27.9999 17.9231V14.9231C28.0104 13.8846 27.0768 13 25.944 13ZM14.3846 15.5C14.3846 16.875 13.1573 18 11.6573 18C10.1468 18 8.93005 16.875 8.93005 15.5C8.93005 14.125 10.1573 13 11.6573 13C13.1573 13 14.3846 14.125 14.3846 15.5ZM13.3251 15.5C13.3251 14.6538 12.5804 13.9712 11.6573 13.9712C10.7342 13.9712 9.98949 14.6538 9.98949 15.5C9.98949 16.3462 10.7342 17.0288 11.6573 17.0288C12.5804 17.0288 13.3251 16.3462 13.3251 15.5ZM20.2692 15.5C20.2692 16.875 19.0419 18 17.5419 18C16.0314 18 14.8146 16.875 14.8146 15.5C14.8146 14.125 16.0419 13 17.5419 13C19.0419 13 20.2692 14.125 20.2692 15.5ZM19.2097 15.5C19.2097 14.6538 18.465 13.9712 17.5419 13.9712C16.6188 13.9712 15.8741 14.6538 15.8741 15.5C15.8741 16.3462 16.6188 17.0288 17.5419 17.0288C18.465 17.0288 19.2097 16.3462 19.2097 15.5Z", fill: "white" }), index.h("defs", null, index.h("linearGradient", { gradientUnits: "userSpaceOnUse", id: "paint0_linear_17811_243867", x1: "6", x2: "26", y1: "29", y2: "2.5" }, index.h("stop", { "stop-color": "#084ACD" }), index.h("stop", { offset: "0.505", "stop-color": "#0B5CFF" }), index.h("stop", { offset: "1", "stop-color": "#236EF9" })))));
 }
 function renderTeamsSVG() {
-    return (index.h("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { "clip-path": "url(#clip0_17811_243865)" }, index.h("path", { d: "M22.3205 12.0769H30.5862C31.3671 12.0769 32.0002 12.7051 32.0002 13.48V20.951C32.0002 23.799 29.6735 26.1077 26.8035 26.1077H26.7789C23.9089 26.1081 21.582 23.7997 21.5815 20.9517C21.5815 20.9515 21.5815 20.9512 21.5815 20.951V12.8102C21.5816 12.4052 21.9124 12.0769 22.3205 12.0769Z", fill: "#5059C9" }), index.h("path", { d: "M27.9069 10.6C29.7565 10.6 31.2558 9.11222 31.2558 7.27694C31.2558 5.44165 29.7565 3.95386 27.9069 3.95386C26.0574 3.95386 24.5581 5.44165 24.5581 7.27694C24.5581 9.11222 26.0574 10.6 27.9069 10.6Z", fill: "#5059C9" }), index.h("path", { d: "M17.4886 10.6C20.1601 10.6 22.3258 8.45098 22.3258 5.80001C22.3258 3.14904 20.1601 1 17.4886 1C14.8171 1 12.6514 3.14904 12.6514 5.80001C12.6514 8.45098 14.8171 10.6 17.4886 10.6Z", fill: "#7B83EB" }), index.h("path", { d: "M23.9381 12.0769H10.2941C9.52253 12.0959 8.91215 12.7313 8.93005 13.497V22.0181C8.8223 26.613 12.4857 30.426 17.1161 30.5385C21.7465 30.426 25.4099 26.613 25.3022 22.0181V13.497C25.32 12.7313 24.7097 12.0959 23.9381 12.0769Z", fill: "#7B83EB" }), index.h("path", { opacity: "0.1", d: "M17.8603 12.0769V24.0178C17.8566 24.5654 17.5222 25.0573 17.0119 25.2658C16.8495 25.334 16.6749 25.3692 16.4985 25.3692H9.58496C9.48822 25.1255 9.39892 24.8818 9.32449 24.6308C9.064 23.7834 8.93108 22.9025 8.93007 22.0166V13.4948C8.91218 12.7303 9.52156 12.0959 10.2919 12.0769H17.8603Z", fill: "black" }), index.h("path", { opacity: "0.2", d: "M17.1161 12.0769V24.7563C17.1161 24.9313 17.0807 25.1046 17.0119 25.2658C16.8018 25.7722 16.3061 26.104 15.7543 26.1077H9.93474C9.80822 25.864 9.68915 25.6203 9.58496 25.3692C9.48077 25.1181 9.39892 24.8818 9.32449 24.6308C9.064 23.7834 8.93108 22.9025 8.93007 22.0166V13.4948C8.91218 12.7303 9.52156 12.0959 10.2919 12.0769H17.1161Z", fill: "black" }), index.h("path", { opacity: "0.2", d: "M17.1161 12.0769V23.2794C17.1105 24.0234 16.504 24.6251 15.7543 24.6308H9.32449C9.064 23.7834 8.93108 22.9025 8.93007 22.0166V13.4948C8.91218 12.7303 9.52156 12.0959 10.2919 12.0769H17.1161Z", fill: "black" }), index.h("path", { opacity: "0.2", d: "M16.3719 12.0769V23.2794C16.3663 24.0234 15.7598 24.6251 15.0101 24.6308H9.32449C9.064 23.7834 8.93108 22.9025 8.93007 22.0166V13.4948C8.91218 12.7303 9.52156 12.0959 10.2919 12.0769H16.3719Z", fill: "black" }), index.h("path", { opacity: "0.1", d: "M17.8605 8.25909V10.5852C17.734 10.5926 17.6149 10.6 17.4884 10.6C17.3619 10.6 17.2428 10.5926 17.1163 10.5852C16.8651 10.5687 16.616 10.5291 16.3721 10.4671C14.8652 10.113 13.6201 9.06422 13.0233 7.64617C12.9206 7.40804 12.8409 7.16077 12.7852 6.90771H16.4986C17.2496 6.91054 17.8577 7.5139 17.8605 8.25909Z", fill: "black" }), index.h("path", { opacity: "0.2", d: "M17.1165 8.99749V10.5852C16.8653 10.5686 16.6161 10.5291 16.3723 10.467C14.8653 10.1129 13.6203 9.06416 13.0234 7.64612H15.7546C16.5055 7.64894 17.1136 8.25232 17.1165 8.99749Z", fill: "black" }), index.h("path", { opacity: "0.2", d: "M17.1165 8.99749V10.5852C16.8653 10.5686 16.6161 10.5291 16.3723 10.467C14.8653 10.1129 13.6203 9.06416 13.0234 7.64612H15.7546C16.5055 7.64894 17.1136 8.25232 17.1165 8.99749Z", fill: "black" }), index.h("path", { opacity: "0.2", d: "M16.3723 8.9975V10.467C14.8653 10.1129 13.6203 9.06416 13.0234 7.64612H15.0104C15.7614 7.64895 16.3694 8.25234 16.3723 8.9975Z", fill: "black" }), index.h("path", { d: "M1.36409 7.64612H15.008C15.7614 7.64612 16.3721 8.25215 16.3721 8.99971V22.5387C16.3721 23.2862 15.7613 23.8923 15.008 23.8923H1.36409C0.610716 23.8923 0 23.2862 0 22.5387V8.99971C0 8.25215 0.61073 7.64612 1.36409 7.64612Z", fill: "url(#paint0_linear_17811_243865)" }), index.h("path", { d: "M11.7761 12.7992H9.04865V20.169H7.31098V12.7992H4.59619V11.3695H11.7761V12.7992Z", fill: "white" })), index.h("defs", null, index.h("linearGradient", { id: "paint0_linear_17811_243865", x1: "2.84416", y1: "6.58844", x2: "13.4047", y2: "25.0206", gradientUnits: "userSpaceOnUse" }, index.h("stop", { "stop-color": "#5A62C3" }), index.h("stop", { offset: "0.5", "stop-color": "#4D55BD" }), index.h("stop", { offset: "1", "stop-color": "#3940AB" })), index.h("clipPath", { id: "clip0_17811_243865" }, index.h("rect", { width: "32", height: "29.5385", fill: "white", transform: "translate(0 1)" })))));
+    return (index.h("svg", { fill: "none", height: "32", viewBox: "0 0 32 32", width: "32", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { "clip-path": "url(#clip0_17811_243865)" }, index.h("path", { d: "M22.3205 12.0769H30.5862C31.3671 12.0769 32.0002 12.7051 32.0002 13.48V20.951C32.0002 23.799 29.6735 26.1077 26.8035 26.1077H26.7789C23.9089 26.1081 21.582 23.7997 21.5815 20.9517C21.5815 20.9515 21.5815 20.9512 21.5815 20.951V12.8102C21.5816 12.4052 21.9124 12.0769 22.3205 12.0769Z", fill: "#5059C9" }), index.h("path", { d: "M27.9069 10.6C29.7565 10.6 31.2558 9.11222 31.2558 7.27694C31.2558 5.44165 29.7565 3.95386 27.9069 3.95386C26.0574 3.95386 24.5581 5.44165 24.5581 7.27694C24.5581 9.11222 26.0574 10.6 27.9069 10.6Z", fill: "#5059C9" }), index.h("path", { d: "M17.4886 10.6C20.1601 10.6 22.3258 8.45098 22.3258 5.80001C22.3258 3.14904 20.1601 1 17.4886 1C14.8171 1 12.6514 3.14904 12.6514 5.80001C12.6514 8.45098 14.8171 10.6 17.4886 10.6Z", fill: "#7B83EB" }), index.h("path", { d: "M23.9381 12.0769H10.2941C9.52253 12.0959 8.91215 12.7313 8.93005 13.497V22.0181C8.8223 26.613 12.4857 30.426 17.1161 30.5385C21.7465 30.426 25.4099 26.613 25.3022 22.0181V13.497C25.32 12.7313 24.7097 12.0959 23.9381 12.0769Z", fill: "#7B83EB" }), index.h("path", { d: "M17.8603 12.0769V24.0178C17.8566 24.5654 17.5222 25.0573 17.0119 25.2658C16.8495 25.334 16.6749 25.3692 16.4985 25.3692H9.58496C9.48822 25.1255 9.39892 24.8818 9.32449 24.6308C9.064 23.7834 8.93108 22.9025 8.93007 22.0166V13.4948C8.91218 12.7303 9.52156 12.0959 10.2919 12.0769H17.8603Z", fill: "black", opacity: "0.1" }), index.h("path", { d: "M17.1161 12.0769V24.7563C17.1161 24.9313 17.0807 25.1046 17.0119 25.2658C16.8018 25.7722 16.3061 26.104 15.7543 26.1077H9.93474C9.80822 25.864 9.68915 25.6203 9.58496 25.3692C9.48077 25.1181 9.39892 24.8818 9.32449 24.6308C9.064 23.7834 8.93108 22.9025 8.93007 22.0166V13.4948C8.91218 12.7303 9.52156 12.0959 10.2919 12.0769H17.1161Z", fill: "black", opacity: "0.2" }), index.h("path", { d: "M17.1161 12.0769V23.2794C17.1105 24.0234 16.504 24.6251 15.7543 24.6308H9.32449C9.064 23.7834 8.93108 22.9025 8.93007 22.0166V13.4948C8.91218 12.7303 9.52156 12.0959 10.2919 12.0769H17.1161Z", fill: "black", opacity: "0.2" }), index.h("path", { d: "M16.3719 12.0769V23.2794C16.3663 24.0234 15.7598 24.6251 15.0101 24.6308H9.32449C9.064 23.7834 8.93108 22.9025 8.93007 22.0166V13.4948C8.91218 12.7303 9.52156 12.0959 10.2919 12.0769H16.3719Z", fill: "black", opacity: "0.2" }), index.h("path", { d: "M17.8605 8.25909V10.5852C17.734 10.5926 17.6149 10.6 17.4884 10.6C17.3619 10.6 17.2428 10.5926 17.1163 10.5852C16.8651 10.5687 16.616 10.5291 16.3721 10.4671C14.8652 10.113 13.6201 9.06422 13.0233 7.64617C12.9206 7.40804 12.8409 7.16077 12.7852 6.90771H16.4986C17.2496 6.91054 17.8577 7.5139 17.8605 8.25909Z", fill: "black", opacity: "0.1" }), index.h("path", { d: "M17.1165 8.99749V10.5852C16.8653 10.5686 16.6161 10.5291 16.3723 10.467C14.8653 10.1129 13.6203 9.06416 13.0234 7.64612H15.7546C16.5055 7.64894 17.1136 8.25232 17.1165 8.99749Z", fill: "black", opacity: "0.2" }), index.h("path", { d: "M17.1165 8.99749V10.5852C16.8653 10.5686 16.6161 10.5291 16.3723 10.467C14.8653 10.1129 13.6203 9.06416 13.0234 7.64612H15.7546C16.5055 7.64894 17.1136 8.25232 17.1165 8.99749Z", fill: "black", opacity: "0.2" }), index.h("path", { d: "M16.3723 8.9975V10.467C14.8653 10.1129 13.6203 9.06416 13.0234 7.64612H15.0104C15.7614 7.64895 16.3694 8.25234 16.3723 8.9975Z", fill: "black", opacity: "0.2" }), index.h("path", { d: "M1.36409 7.64612H15.008C15.7614 7.64612 16.3721 8.25215 16.3721 8.99971V22.5387C16.3721 23.2862 15.7613 23.8923 15.008 23.8923H1.36409C0.610716 23.8923 0 23.2862 0 22.5387V8.99971C0 8.25215 0.61073 7.64612 1.36409 7.64612Z", fill: "url(#paint0_linear_17811_243865)" }), index.h("path", { d: "M11.7761 12.7992H9.04865V20.169H7.31098V12.7992H4.59619V11.3695H11.7761V12.7992Z", fill: "white" })), index.h("defs", null, index.h("linearGradient", { gradientUnits: "userSpaceOnUse", id: "paint0_linear_17811_243865", x1: "2.84416", x2: "13.4047", y1: "6.58844", y2: "25.0206" }, index.h("stop", { "stop-color": "#5A62C3" }), index.h("stop", { offset: "0.5", "stop-color": "#4D55BD" }), index.h("stop", { offset: "1", "stop-color": "#3940AB" })), index.h("clipPath", { id: "clip0_17811_243865" }, index.h("rect", { fill: "white", height: "29.5385", transform: "translate(0 1)", width: "32" })))));
 }
 function render8x8SVG() {
-    return (index.h("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("rect", { width: "32", height: "32", fill: "#CB2233" }), index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.4298 14.2388H16.8341L16.2371 15.4154C16.1751 15.5507 16.1037 15.6811 16.0236 15.8055H15.9988C15.9988 15.8055 15.8808 15.5988 15.7841 15.4154L15.1965 14.2302H12.6127L14.6479 17.5052L12.621 20.7815H15.1611L15.8454 19.4129C15.9061 19.2937 15.9589 19.1704 16.0035 19.0437H16.0283C16.0283 19.0437 16.1227 19.2898 16.1864 19.4129L16.886 20.7815H19.4298L17.4028 17.5052L19.4298 14.2388ZM7.95949 19.1225C7.79341 19.1261 7.62828 19.0954 7.47357 19.0323C7.31886 18.9692 7.17761 18.8748 7.05792 18.7547C6.93823 18.6345 6.84245 18.4909 6.77608 18.332C6.7097 18.1732 6.67404 18.0022 6.67112 17.8289C6.68897 17.3197 6.89037 16.8362 7.23508 16.4751C8.28512 16.9674 9.24078 17.3465 9.24078 17.9852C9.24668 18.7163 8.75352 19.1225 7.95949 19.1225ZM8.03028 12.3975C8.72992 12.3975 9.15112 12.8037 9.15112 13.4252C9.14236 13.9074 9.0139 14.3789 8.77829 14.7938C7.83443 14.3705 7.06047 13.9975 7.06047 13.2677C7.05575 12.7877 7.3625 12.3975 8.03028 12.3975ZM10.6613 15.7625C10.7651 15.6308 11.7113 14.4283 11.7113 13.2258C11.7113 11.152 10.082 10 8.09399 10C5.59748 10 4.5085 11.5914 4.5085 13.2086C4.5085 14.1625 4.91436 14.8258 5.47832 15.3403C5.15269 15.6148 4 16.624 4 18.0615C4 19.8363 5.35916 21.52 7.95949 21.52C10.6058 21.52 11.9178 19.8191 11.9178 18.1194C11.9178 16.9994 11.3774 16.2782 10.6613 15.7625ZM24.0452 19.1225C23.8792 19.1259 23.7142 19.0951 23.5597 19.0319C23.4051 18.9688 23.264 18.8744 23.1444 18.7542C23.0249 18.6341 22.9292 18.4905 22.8629 18.3317C22.7966 18.1729 22.761 18.0021 22.758 17.8289C22.7759 17.3197 22.9773 16.8362 23.322 16.4751C24.372 16.9674 25.3277 17.3465 25.3277 17.9852C25.3277 18.7237 24.8345 19.1286 24.0476 19.1286L24.0452 19.1225ZM24.1172 12.3975C24.8168 12.3975 25.238 12.8037 25.238 13.4252C25.2296 13.9076 25.1007 14.3794 24.864 14.7938C23.9202 14.3705 23.1474 13.9975 23.1474 13.2677C23.1474 12.7877 23.4494 12.3975 24.1172 12.3975ZM26.7435 15.7625C26.8473 15.6222 27.7935 14.4197 27.7935 13.2258C27.7935 11.152 26.163 10 24.1762 10C21.6797 10 20.5907 11.5914 20.5907 13.2086C20.5907 14.1625 20.9966 14.8258 21.5605 15.3403C21.2349 15.6049 20.0822 16.6166 20.0822 18.048C20.0822 19.8228 21.4414 21.5065 24.0405 21.5065C26.688 21.5065 28 19.8068 28 18.1058C28 16.9994 27.4596 16.2782 26.7435 15.7625Z", fill: "white" })));
+    return (index.h("svg", { fill: "none", height: "32", viewBox: "0 0 32 32", width: "32", xmlns: "http://www.w3.org/2000/svg" }, index.h("rect", { fill: "#CB2233", height: "32", width: "32" }), index.h("path", { "clip-rule": "evenodd", d: "M19.4298 14.2388H16.8341L16.2371 15.4154C16.1751 15.5507 16.1037 15.6811 16.0236 15.8055H15.9988C15.9988 15.8055 15.8808 15.5988 15.7841 15.4154L15.1965 14.2302H12.6127L14.6479 17.5052L12.621 20.7815H15.1611L15.8454 19.4129C15.9061 19.2937 15.9589 19.1704 16.0035 19.0437H16.0283C16.0283 19.0437 16.1227 19.2898 16.1864 19.4129L16.886 20.7815H19.4298L17.4028 17.5052L19.4298 14.2388ZM7.95949 19.1225C7.79341 19.1261 7.62828 19.0954 7.47357 19.0323C7.31886 18.9692 7.17761 18.8748 7.05792 18.7547C6.93823 18.6345 6.84245 18.4909 6.77608 18.332C6.7097 18.1732 6.67404 18.0022 6.67112 17.8289C6.68897 17.3197 6.89037 16.8362 7.23508 16.4751C8.28512 16.9674 9.24078 17.3465 9.24078 17.9852C9.24668 18.7163 8.75352 19.1225 7.95949 19.1225ZM8.03028 12.3975C8.72992 12.3975 9.15112 12.8037 9.15112 13.4252C9.14236 13.9074 9.0139 14.3789 8.77829 14.7938C7.83443 14.3705 7.06047 13.9975 7.06047 13.2677C7.05575 12.7877 7.3625 12.3975 8.03028 12.3975ZM10.6613 15.7625C10.7651 15.6308 11.7113 14.4283 11.7113 13.2258C11.7113 11.152 10.082 10 8.09399 10C5.59748 10 4.5085 11.5914 4.5085 13.2086C4.5085 14.1625 4.91436 14.8258 5.47832 15.3403C5.15269 15.6148 4 16.624 4 18.0615C4 19.8363 5.35916 21.52 7.95949 21.52C10.6058 21.52 11.9178 19.8191 11.9178 18.1194C11.9178 16.9994 11.3774 16.2782 10.6613 15.7625ZM24.0452 19.1225C23.8792 19.1259 23.7142 19.0951 23.5597 19.0319C23.4051 18.9688 23.264 18.8744 23.1444 18.7542C23.0249 18.6341 22.9292 18.4905 22.8629 18.3317C22.7966 18.1729 22.761 18.0021 22.758 17.8289C22.7759 17.3197 22.9773 16.8362 23.322 16.4751C24.372 16.9674 25.3277 17.3465 25.3277 17.9852C25.3277 18.7237 24.8345 19.1286 24.0476 19.1286L24.0452 19.1225ZM24.1172 12.3975C24.8168 12.3975 25.238 12.8037 25.238 13.4252C25.2296 13.9076 25.1007 14.3794 24.864 14.7938C23.9202 14.3705 23.1474 13.9975 23.1474 13.2677C23.1474 12.7877 23.4494 12.3975 24.1172 12.3975ZM26.7435 15.7625C26.8473 15.6222 27.7935 14.4197 27.7935 13.2258C27.7935 11.152 26.163 10 24.1762 10C21.6797 10 20.5907 11.5914 20.5907 13.2086C20.5907 14.1625 20.9966 14.8258 21.5605 15.3403C21.2349 15.6049 20.0822 16.6166 20.0822 18.048C20.0822 19.8228 21.4414 21.5065 24.0405 21.5065C26.688 21.5065 28 19.8068 28 18.1058C28 16.9994 27.4596 16.2782 26.7435 15.7625Z", fill: "white", "fill-rule": "evenodd" })));
 }
 
 const notifications = "Notifications";
@@ -83,14 +83,14 @@ const GuxAvatar = class {
                     'gux-avatar-badge': true,
                     [`gux-${this.presence}`]: true,
                     [`gux-${this.size}`]: true
-                } }, index.h("gux-icon", { "icon-name": this.getPresenceIcon(this.presence), decorative: true })));
+                } }, index.h("gux-icon", { decorative: true, "icon-name": this.getPresenceIcon(this.presence) })));
         }
     }
     renderNotificationsBadge() {
         return (index.h("div", { "aria-hidden": "true", class: {
                 'gux-avatar-badge gux-notifications': true,
                 [`gux-${this.size}`]: true
-            } }, index.h("gux-icon", { "icon-name": "fa/bell-regular", decorative: true })));
+            } }, index.h("gux-icon", { decorative: true, "icon-name": "fa/bell-regular" })));
     }
     getPresenceIcon(presence) {
         switch (presence) {
@@ -140,7 +140,7 @@ const GuxAvatar = class {
     }
     renderUcIntegrationBadge() {
         if (this.hasUcIntegration) {
-            return (index.h("div", { class: "gux-avatar-integration-badge", "aria-hidden": "true" }, this.renderUcIntegrationsIcon(this.ucIntegration)));
+            return (index.h("div", { "aria-hidden": "true", class: "gux-avatar-integration-badge" }, this.renderUcIntegrationsIcon(this.ucIntegration)));
         }
     }
     renderTooltip() {
@@ -199,7 +199,7 @@ const GuxAvatar = class {
                     [`gux-${this.size}`]: true,
                     'gux-ring': this.ring,
                     [guxAvatar_service.getAvatarAccentClass(this.accent, this.name)]: true
-                } }, index.h("div", { key: '4315f4dca3a8626d71f7cfbfe255fdf2a294e8c7', class: "gux-content" }, index.h("slot", { key: 'f93745d8991f97659a20a6e120cf7254038c7c4c', name: "image" }, index.h("span", { key: '94a8c0d42e2a52d7a9efd25f6b60122e3cbdb52b', role: "img", "aria-label": this.getDescriptionText() }, guxAvatar_service.generateInitials(this.name)))), this.renderTooltip()),
+                } }, index.h("div", { key: '4315f4dca3a8626d71f7cfbfe255fdf2a294e8c7', class: "gux-content" }, index.h("slot", { key: 'f93745d8991f97659a20a6e120cf7254038c7c4c', name: "image" }, index.h("span", { key: '94a8c0d42e2a52d7a9efd25f6b60122e3cbdb52b', "aria-label": this.getDescriptionText(), role: "img" }, guxAvatar_service.generateInitials(this.name)))), this.renderTooltip()),
             this.renderBadge(),
             this.renderUcIntegrationBadge()
         ];

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

@@ -3,7 +3,7 @@
 var index = require('./index-CrYIBC5D.js');
 var logError = require('./log-error-nWO_o1C3.js');
 var index$1 = require('./index-BfNqKWQC.js');
-var usage = require('./usage-BADom5jB.js');
+var usage = require('./usage-BQN4GB4X.js');
 require('./get-closest-element-D_ECDbYK.js');
 
 const changePhoto = "Change profile photo";
@@ -30,7 +30,7 @@ const GuxAvatarChangePhoto = class {
         }
     }
     render() {
-        return (index.h("button", { key: '557579a6b5b1313a34a1f757d69a05c9ba462b00', class: "gux-change-photo", onClick: () => this.guxchangephoto.emit(), "aria-label": this.i18n('changePhoto') }, index.h("gux-icon", { key: '752e354a4c22b25744021a39644d4427e35924aa', class: "gux-change-photo-icon", "icon-name": "fa/camera-solid", size: "small", decorative: true }), index.h("slot", { key: '8dc6ddde10fb736a977edc4ec4676f6428b5dbb0', name: "avatar" }), index.h("gux-tooltip-beta", { key: '817f29eba02034981fddb401832dcaba32a0a4dd', placement: "top", visualOnly: true }, index.h("div", { key: '7fc50553328470977d2a76cbd21b46c8076b74be', slot: "content" }, this.i18n('changePhoto')))));
+        return (index.h("button", { key: '557579a6b5b1313a34a1f757d69a05c9ba462b00', "aria-label": this.i18n('changePhoto'), class: "gux-change-photo", onClick: () => this.guxchangephoto.emit() }, index.h("gux-icon", { key: '752e354a4c22b25744021a39644d4427e35924aa', class: "gux-change-photo-icon", decorative: true, "icon-name": "fa/camera-solid", size: "small" }), index.h("slot", { key: '8dc6ddde10fb736a977edc4ec4676f6428b5dbb0', name: "avatar" }), index.h("gux-tooltip-beta", { key: '817f29eba02034981fddb401832dcaba32a0a4dd', placement: "top", visualOnly: true }, index.h("div", { key: '7fc50553328470977d2a76cbd21b46c8076b74be', slot: "content" }, this.i18n('changePhoto')))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CrYIBC5D.js');
-var usage = require('./usage-BADom5jB.js');
+var usage = require('./usage-BQN4GB4X.js');
 var guxAvatarGroup_service = require('./gux-avatar-group.service-DGyuhdV8.js');
 var index$1 = require('./index-BfNqKWQC.js');
 var assignAriaBoolean = require('./assign-aria-boolean-D78B6DOf.js');
@@ -37,7 +37,7 @@ const GuxAvatarGroupAddItem = class {
         guxAvatarGroup_service.groupKeyboardNavigation(event, this.root);
     }
     render() {
-        return (index.h(index.Host, { key: 'a68c3d42740842126f23645678c22517cd9edece', role: "menuitem" }, index.h("button", { key: 'cd4e711876f96f6df869f7077084898c071f1655', type: "button", "aria-label": this.i18n('addToGroup'), tabIndex: -1, class: "gux-avatar" }, index.h("span", { key: 'e450eb97f98aaccb94970e54a9f9255e542829e7', "aria-hidden": "true" }, "+"), index.h("gux-tooltip-beta", { key: 'b751f9669a2af9592fca015aa4ada5d779cae8b7', "aria-hidden": "true", "visual-only": true, placement: "top", ref: el => (this.tooltip = el) }, index.h("div", { key: '023a2f0370d677ee47f6d9d4164fc084baa3ba58', slot: "content" }, this.i18n('addToGroup'))))));
+        return (index.h(index.Host, { key: 'a68c3d42740842126f23645678c22517cd9edece', role: "menuitem" }, index.h("button", { key: 'cd4e711876f96f6df869f7077084898c071f1655', "aria-label": this.i18n('addToGroup'), class: "gux-avatar", tabIndex: -1, type: "button" }, index.h("span", { key: 'e450eb97f98aaccb94970e54a9f9255e542829e7', "aria-hidden": "true" }, "+"), index.h("gux-tooltip-beta", { key: 'b751f9669a2af9592fca015aa4ada5d779cae8b7', "aria-hidden": "true", placement: "top", ref: el => (this.tooltip = el), "visual-only": true }, index.h("div", { key: '023a2f0370d677ee47f6d9d4164fc084baa3ba58', slot: "content" }, this.i18n('addToGroup'))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -193,10 +193,10 @@ const GuxAvatarOverflow = class {
         void nextFocusableElement.focus();
     }
     render() {
-        return (index.h(index.Host, { key: 'f4804af72b2da609c8f7188511cb28237802050a', role: "menuitem" }, index.h("button", { key: 'da9a35ed0f6d2c0ed19381adc3d48b9486ed5640', class: "gux-avatar-overflow", ref: el => (this.overflowButtonElement = el), onClick: () => this.toggleOverflowMenu(), tabIndex: -1, "aria-haspopup": "true", "aria-expanded": assignAriaBoolean.assignAriaStateBoolean(this.expanded) }, index.h("span", { key: '3ad49afe15fee821f22ea03eefa03f7779bdff86', class: "gux-avatar-overflow-wrapper" }, index.h("span", { key: '55772852874f772dbabd4bca192691f487167744', class: "gux-avatar-overflow-content" }, " +", this.getCount()))), index.h("div", { key: 'b2cbd4e0e4d113e533549734d5c0f42efef56be0', class: {
+        return (index.h(index.Host, { key: 'f4804af72b2da609c8f7188511cb28237802050a', role: "menuitem" }, index.h("button", { key: 'da9a35ed0f6d2c0ed19381adc3d48b9486ed5640', "aria-expanded": assignAriaBoolean.assignAriaStateBoolean(this.expanded), "aria-haspopup": "true", class: "gux-avatar-overflow", onClick: () => this.toggleOverflowMenu(), ref: el => (this.overflowButtonElement = el), tabIndex: -1 }, index.h("span", { key: '3ad49afe15fee821f22ea03eefa03f7779bdff86', class: "gux-avatar-overflow-wrapper" }, index.h("span", { key: '55772852874f772dbabd4bca192691f487167744', class: "gux-avatar-overflow-content" }, " +", this.getCount()))), index.h("div", { key: 'b2cbd4e0e4d113e533549734d5c0f42efef56be0', class: {
                 'gux-menu-wrapper': true,
                 'gux-shown': this.expanded
-            }, ref: el => (this.menuElement = el) }, index.h("div", { key: '44a384a37d74336e12635b8f4cac72993d01eaec', role: "menu", class: "gux-menu-content" }, index.h("slot", { key: '08c54a685b2b13caeb9031c3c2f56b10240639b7' })))));
+            }, ref: el => (this.menuElement = el) }, index.h("div", { key: '44a384a37d74336e12635b8f4cac72993d01eaec', class: "gux-menu-content", role: "menu" }, index.h("slot", { key: '08c54a685b2b13caeb9031c3c2f56b10240639b7' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -306,10 +306,10 @@ const GuxAvatarOverflowItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '1a525adc394a6af38e6d8a3cd19cdcdbcbfc1caa', role: "menuitem" }, index.h("button", { key: 'bac9ce992ed887d78356f109950b01b8771f452b', type: "button", "aria-label": this.name, tabIndex: -1 }, index.h("span", { key: '98d36ae5c66d76f4d88746026a9cfaa6b328db4f', class: {
+        return (index.h(index.Host, { key: '1a525adc394a6af38e6d8a3cd19cdcdbcbfc1caa', role: "menuitem" }, index.h("button", { key: 'bac9ce992ed887d78356f109950b01b8771f452b', "aria-label": this.name, tabIndex: -1, type: "button" }, index.h("span", { key: '98d36ae5c66d76f4d88746026a9cfaa6b328db4f', class: {
                 'gux-avatar': true,
                 [guxAvatar_service.getAvatarAccentClass(this.accent, this.name)]: true
-            } }, index.h("slot", { key: '996b9a1996be041a08237eddbef5e7ef718c0589', name: "image" }, index.h("span", { key: '9d9c44a9811ccfb3b3937ebae4831b4d28f56f26', class: "gux-avatar-initials", "aria-hidden": "true" }, guxAvatar_service.generateInitials(this.name)))), index.h("span", { key: '70aad474fbb19b7279d82d4149d07864371b60a8' }, this.name))));
+            } }, index.h("slot", { key: '996b9a1996be041a08237eddbef5e7ef718c0589', name: "image" }, index.h("span", { key: '9d9c44a9811ccfb3b3937ebae4831b4d28f56f26', "aria-hidden": "true", class: "gux-avatar-initials" }, guxAvatar_service.generateInitials(this.name)))), index.h("span", { key: '70aad474fbb19b7279d82d4149d07864371b60a8' }, this.name))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CrYIBC5D.js');
-var usage = require('./usage-BADom5jB.js');
+var usage = require('./usage-BQN4GB4X.js');
 var logError = require('./log-error-nWO_o1C3.js');
 var guxAvatarGroup_service = require('./gux-avatar-group.service-DGyuhdV8.js');
 require('./get-closest-element-D_ECDbYK.js');
@@ -95,7 +95,7 @@ const GuxAvatarGroup = class {
                 item.groupItem.tagName === 'GUX-AVATAR-GROUP-ITEM-BETA');
             return (index.h("gux-avatar-overflow-beta", null, overflowItems.map(item => {
                 var _a, _b;
-                return (index.h("gux-avatar-overflow-item-beta", { name: item.name, accent: item.accent, onClick: () => item.groupItem.click() }, item.img ? (index.h("img", { slot: "image", src: (_a = item.img) === null || _a === void 0 ? void 0 : _a.src, alt: (_b = item.img) === null || _b === void 0 ? void 0 : _b.alt })) : null));
+                return (index.h("gux-avatar-overflow-item-beta", { accent: item.accent, name: item.name, onClick: () => item.groupItem.click() }, item.img ? (index.h("img", { alt: (_a = item.img) === null || _a === void 0 ? void 0 : _a.alt, slot: "image", src: (_b = item.img) === null || _b === void 0 ? void 0 : _b.src })) : null));
             })));
         }
         else {
@@ -112,7 +112,7 @@ const GuxAvatarGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'a26c020d722e6ff14d3064d9b3cabe6359ab56c9', role: "menu", onClick: this.handleClick.bind(this) }, index.h("slot", { key: 'e9dd8e29f5ce95c1feed2ef5c32427d729ac543c' }), this.renderOverflowMenu(), this.renderAddToGroup()));
+        return (index.h(index.Host, { key: 'a26c020d722e6ff14d3064d9b3cabe6359ab56c9', onClick: this.handleClick.bind(this), role: "menu" }, index.h("slot", { key: 'e9dd8e29f5ce95c1feed2ef5c32427d729ac543c' }), this.renderOverflowMenu(), this.renderAddToGroup()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CrYIBC5D.js');
-var usage = require('./usage-BADom5jB.js');
+var usage = require('./usage-BQN4GB4X.js');
 var logError = require('./log-error-nWO_o1C3.js');
 var guxAvatarGroup_service = require('./gux-avatar-group.service-DGyuhdV8.js');
 var guxAvatar_service = require('./gux-avatar.service-DEe_Kgyk.js');
@@ -48,11 +48,11 @@ const GuxAvatarGroupItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '8c3063302b4c137d7e71fe3d64a8c1599494690e', role: "menuitem" }, index.h("button", { key: '037405d6de7ffb8d05f65167508edd0150c0392d', type: "button", "aria-label": this.name, tabIndex: -1, class: {
+        return (index.h(index.Host, { key: '8c3063302b4c137d7e71fe3d64a8c1599494690e', role: "menuitem" }, index.h("button", { key: '037405d6de7ffb8d05f65167508edd0150c0392d', "aria-label": this.name, class: {
                 'gux-avatar': true,
                 [guxAvatar_service.getAvatarAccentClass(this.accent, this.name)]: true,
                 'gux-last-item': this.isLastItemInGroup()
-            } }, index.h("slot", { key: '263ed60b9035af84d3aa84f207accae7795d85c1', name: "image" }, index.h("span", { key: 'dbda02b5926c302d8eda926118d6b55719ffd9a4', class: "gux-avatar-initials", "aria-hidden": "true" }, guxAvatar_service.generateInitials(this.name))), index.h("gux-tooltip-beta", { key: '85ce93058e8f2d6957eacad01708eca774180826', "aria-hidden": "true", "visual-only": true, placement: "top", ref: el => (this.tooltip = el) }, index.h("div", { key: '94566fc9bb328522588b45fff319a15f1f3ba672', slot: "content" }, this.name)))));
+            }, tabIndex: -1, type: "button" }, index.h("slot", { key: '263ed60b9035af84d3aa84f207accae7795d85c1', name: "image" }, index.h("span", { key: 'dbda02b5926c302d8eda926118d6b55719ffd9a4', "aria-hidden": "true", class: "gux-avatar-initials" }, guxAvatar_service.generateInitials(this.name))), index.h("gux-tooltip-beta", { key: '85ce93058e8f2d6957eacad01708eca774180826', "aria-hidden": "true", placement: "top", ref: el => (this.tooltip = el), "visual-only": true }, index.h("div", { key: '94566fc9bb328522588b45fff319a15f1f3ba672', slot: "content" }, this.name)))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CrYIBC5D.js');
-var usage = require('./usage-BADom5jB.js');
+var usage = require('./usage-BQN4GB4X.js');
 var index$1 = require('./index-BfNqKWQC.js');
 var onMutation = require('./on-mutation-B2CA0zbE.js');
 require('./get-closest-element-D_ECDbYK.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-CrYIBC5D.js');
-var usage = require('./usage-BADom5jB.js');
+var usage = require('./usage-BQN4GB4X.js');
 var onMutation = require('./on-mutation-B2CA0zbE.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-CrYIBC5D.js');
-var usage = require('./usage-BADom5jB.js');
+var usage = require('./usage-BQN4GB4X.js');
 var onMutation = require('./on-mutation-B2CA0zbE.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 

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

@@ -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: '2232fd47c5e049f925f49f3cc4c9cf68b61b8456', class: "gux-node" }, index.h("div", { key: 'db017d721560858ede6b2920712874acdbd74967', class: "gux-selected-bookmark" }), index.h("div", { key: '6f2714e4df1dc3b3a13093f12625d9160f231727', class: "gux-tree-item" }, this.renderBranchIndicator('start'), index.h("div", { key: '9b92d4805021d2231d068f954f2b488579b4ffd9', class: "gux-selection-target" }, index.h("div", { key: '1b6406c6eb59711bb631ef13c119fa065058e2c8', class: "gux-checkbox-container" }, index.h("input", { key: '5ce988e58c869cfd204c13ef9b24caa1bbbd9c29', type: "checkbox", tabIndex: -1, checked: this.selected, disabled: this.disabled, "aria-labelledby": this.labelId, ref: el => {
+            } }, index.h("div", { key: '2232fd47c5e049f925f49f3cc4c9cf68b61b8456', class: "gux-node" }, index.h("div", { key: 'db017d721560858ede6b2920712874acdbd74967', class: "gux-selected-bookmark" }), index.h("div", { key: '6f2714e4df1dc3b3a13093f12625d9160f231727', class: "gux-tree-item" }, this.renderBranchIndicator('start'), index.h("div", { key: '9b92d4805021d2231d068f954f2b488579b4ffd9', class: "gux-selection-target" }, index.h("div", { key: '1b6406c6eb59711bb631ef13c119fa065058e2c8', class: "gux-checkbox-container" }, index.h("input", { key: '5ce988e58c869cfd204c13ef9b24caa1bbbd9c29', "aria-labelledby": this.labelId, checked: this.selected, disabled: this.disabled, ref: el => {
                 if (el) {
                     el.indeterminate = this.indeterminate;
                 }
-            } })), index.h("div", { key: '32ccd9b89e88ea784408ce5a787f784b3a90047e', class: "gux-icon" }, index.h("slot", { key: 'f39395c8c526f5c31f88475bf26b3abfea4ddb48', name: "icon" })), index.h("div", { key: 'f136c3917babb1ad682fd982b7569ef7be3d0a45', class: "gux-label", id: this.labelId }, index.h("slot", { key: '5e81a6c64963b12b346044f50ee1062ae4e88694', name: "label" }))), this.renderBranchIndicator('end'))), index.h("div", { key: 'f0b924d20df793abbe14a367fe42296a4d32519a', role: "group", class: "gux-treeitems" }, index.h("slot", { key: '0d3deee78098341fa9cf2d67735dffd83198be2c' }))));
+            }, tabIndex: -1, type: "checkbox" })), index.h("div", { key: '32ccd9b89e88ea784408ce5a787f784b3a90047e', class: "gux-icon" }, index.h("slot", { key: 'f39395c8c526f5c31f88475bf26b3abfea4ddb48', name: "icon" })), index.h("div", { key: 'f136c3917babb1ad682fd982b7569ef7be3d0a45', class: "gux-label", id: this.labelId }, index.h("slot", { key: '5e81a6c64963b12b346044f50ee1062ae4e88694', name: "label" }))), this.renderBranchIndicator('end'))), index.h("div", { key: 'f0b924d20df793abbe14a367fe42296a4d32519a', class: "gux-treeitems", role: "group" }, index.h("slot", { key: '0d3deee78098341fa9cf2d67735dffd83198be2c' }))));
     }
     static get formAssociated() { return true; }
     get root() { return index.getElement(this); }

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

@@ -86,7 +86,7 @@ const GuxBranch = class {
                 'gux-loading': this.loading,
                 'gux-selected': this.selected,
                 'gux-child-selected': guxTree_service.hasChildSelected(this.root)
-            } }, index.h("div", { key: '916ae77c31e4a422a579a32371d9c0c653a92e34', class: "gux-node" }, index.h("div", { key: 'd9be033cecc35567fa9b2fa0450336b5f4d1d167', class: "gux-selected-bookmark" }), index.h("div", { key: '4d8bb6b43954953f3b4e0ad0ce94ffd6396e90c4', class: "gux-tree-item" }, this.renderBranchIndicator('start'), index.h("div", { key: '8eca42dc1bfcd6df6c1e2b5d3248ef2e67633609', class: "gux-selection-target" }, index.h("div", { key: '46bc81cc720601e2f8b1ac468dc6a4c102d4152a', class: "gux-icon" }, index.h("slot", { key: 'ba9c1a706c33cc89898fc4ed9bb01efd01af772b', name: "icon" })), index.h("gux-truncate", { key: '14ea421a5a841cc04b353f8476e5cd42a4032269', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'f94f1b72985df7d394d3425f4d77280bc0158417', name: "label" }))), this.renderLoadingIndicator(), this.renderBranchIndicator('end'))), index.h("div", { key: '4f58126644a0a97380003fff2b8a8ba1fecd0557', role: "group", class: "gux-treeitems" }, index.h("slot", { key: '94b974921834e7e1c862607570bac5ffdb4597f3' }))));
+            } }, index.h("div", { key: '916ae77c31e4a422a579a32371d9c0c653a92e34', class: "gux-node" }, index.h("div", { key: 'd9be033cecc35567fa9b2fa0450336b5f4d1d167', class: "gux-selected-bookmark" }), index.h("div", { key: '4d8bb6b43954953f3b4e0ad0ce94ffd6396e90c4', class: "gux-tree-item" }, this.renderBranchIndicator('start'), index.h("div", { key: '8eca42dc1bfcd6df6c1e2b5d3248ef2e67633609', class: "gux-selection-target" }, index.h("div", { key: '46bc81cc720601e2f8b1ac468dc6a4c102d4152a', class: "gux-icon" }, index.h("slot", { key: 'ba9c1a706c33cc89898fc4ed9bb01efd01af772b', name: "icon" })), index.h("gux-truncate", { key: '14ea421a5a841cc04b353f8476e5cd42a4032269', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'f94f1b72985df7d394d3425f4d77280bc0158417', name: "label" }))), this.renderLoadingIndicator(), this.renderBranchIndicator('end'))), index.h("div", { key: '4f58126644a0a97380003fff2b8a8ba1fecd0557', class: "gux-treeitems", role: "group" }, index.h("slot", { key: '94b974921834e7e1c862607570bac5ffdb4597f3' }))));
     }
     static get formAssociated() { return true; }
     get root() { return index.getElement(this); }

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

@@ -25,7 +25,7 @@ const GuxBreadcrumbItem = class {
     }
     getBreadcrumb(accent) {
         if (this.isActiveBreadcrumb()) {
-            return (index.h("span", { class: "gux-breadcrumb-content gux-active", "aria-current": "page" }, index.h("slot", null)));
+            return (index.h("span", { "aria-current": "page", class: "gux-breadcrumb-content gux-active" }, index.h("slot", null)));
         }
         if (this.href) {
             return (index.h("gux-link-beta", { size: accent === 'secondary' ? 'small' : 'medium', standalone: true }, index.h("a", { href: this.href }, index.h("slot", null))));
@@ -36,7 +36,7 @@ const GuxBreadcrumbItem = class {
         if (this.isActiveBreadcrumb()) {
             return null;
         }
-        return (index.h("span", { class: "gux-breadcrumb-separator", "aria-hidden": "true" }, "/"));
+        return (index.h("span", { "aria-hidden": "true", class: "gux-breadcrumb-separator" }, "/"));
     }
     render() {
         const accent = this.getAccent();

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-CrYIBC5D.js');
 var index$1 = require('./index-BfNqKWQC.js');
-var usage = require('./usage-BADom5jB.js');
+var usage = require('./usage-BQN4GB4X.js');
 require('./get-closest-element-D_ECDbYK.js');
 
 const breadcrumbs = "Breadcrumbs";