genesys-spark-components 4.185.4 → 4.186.1

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-Bfx8AGPj.js');
-var usage = require('./usage-D2AUYEBS.js');
-var onMutation = require('./on-mutation-C-pkBYfu.js');
+var index = require('./index-C1LZ-Zd8.js');
+var usage = require('./usage-o6I3mOuO.js');
+var onMutation = require('./on-mutation-Bpt2qL-s.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 
 const guxBlankStateCss = ":host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: var(--gse-ui-blankState-padding);\n  color: var(--gse-ui-blankState-foregroundColor);\n}\n.gux-container.gux-no-padding {\n  padding: 0;\n}\n.gux-container .gux-call-to-actions {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gse-ui-blankState-gapCtaGroup);\n  padding-block-start: var(--gse-ui-blankState-gapContent);\n}\n.gux-container .gux-image {\n  padding-block-end: var(--gse-ui-blankState-gapMain);\n}\n.gux-container .gux-message {\n  padding-block-end: var(--gse-ui-blankState-gapMessage);\n}\n.gux-container .gux-guidance {\n  text-align: center;\n}\n.gux-container ::slotted(gux-icon) {\n  inline-size: var(--gse-ui-blankState-icon-size-lg);\n  block-size: var(--gse-ui-blankState-icon-size-lg);\n  color: var(--gse-ui-blankState-iconColor);\n}\n.gux-container slot[name=primary-message] {\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-header-fontFamily);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-header-fontSize);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-header-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-header-lineHeight);\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n}\n.gux-container slot[name=additional-guidance] {\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontFamily);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontSize);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-subheader-lineHeight);\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n}\n.gux-container.gux-alignment-left {\n  align-items: flex-start;\n}\n.gux-container.gux-alignment-left slot[name=primary-message],\n.gux-container.gux-alignment-left slot[name=additional-guidance] {\n  text-align: start;\n}\n.gux-container.gux-alignment-left .gux-guidance {\n  text-align: start;\n}\n\n@container (width < 570px) {\n  .gux-container ::slotted(gux-icon) {\n    inline-size: var(--gse-ui-blankState-icon-size-sm);\n    block-size: var(--gse-ui-blankState-icon-size-sm);\n  }\n  .gux-container slot[name=primary-message] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-header-lineHeight);\n  }\n  .gux-container slot[name=additional-guidance] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-subheader-lineHeight);\n  }\n}";

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-Bfx8AGPj.js');
-var usage = require('./usage-D2AUYEBS.js');
-var onMutation = require('./on-mutation-C-pkBYfu.js');
+var index = require('./index-C1LZ-Zd8.js');
+var usage = require('./usage-o6I3mOuO.js');
+var onMutation = require('./on-mutation-Bpt2qL-s.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 
 const guxBlankStateCss = ":host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: var(--gse-ui-blankState-padding);\n  color: var(--gse-ui-blankState-foregroundColor);\n}\n.gux-container .gux-image {\n  padding-block-end: var(--gse-ui-blankState-gapMain);\n}\n.gux-container .gux-message {\n  padding-block-end: var(--gse-ui-blankState-gapMessage);\n}\n.gux-container .gux-guidance {\n  padding-block-end: var(--gse-ui-blankState-gapContent);\n}\n.gux-container ::slotted(gux-icon) {\n  inline-size: var(--gse-ui-blankState-icon-size-lg);\n  block-size: var(--gse-ui-blankState-icon-size-lg);\n  color: var(--gse-ui-blankState-iconColor);\n}\n.gux-container slot[name=primary-message] {\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-header-fontFamily);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-header-fontSize);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-header-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-header-lineHeight);\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n}\n.gux-container slot[name=additional-guidance] {\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontFamily);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontSize);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-subheader-lineHeight);\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n}\n\n@container (width < 570px) {\n  .gux-container ::slotted(gux-icon) {\n    inline-size: var(--gse-ui-blankState-icon-size-sm);\n    block-size: var(--gse-ui-blankState-icon-size-sm);\n  }\n  .gux-container slot[name=primary-message] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-header-lineHeight);\n  }\n  .gux-container slot[name=additional-guidance] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-subheader-lineHeight);\n  }\n}";
@@ -43,7 +43,7 @@ const GuxBlankState = class {
         this.hasGuidance = hasSlot.hasSlot(this.root, 'additional-guidance');
     }
     render() {
-        return (index.h("div", { key: '1972904b2ed5339269cdc36567d15e653117a374', class: "gux-container" }, index.h("div", { key: '833a2f5229bdb45bb6805f3bfe1feafba7fabd7c', class: "gux-image" }, index.h("slot", { key: '452887ee580c168993a3daba42219fad0aa16d4f', name: "image" })), index.h("div", { key: 'eb4600de623ba6958621a054ce4fbd46aa56889b', class: "gux-message" }, index.h("slot", { key: '0a08f39a647d7a4cd2845b87034ecd38fbd99730', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
+        return (index.h("div", { key: '029f0c6dfffc6396393ce69af30f4e426b8534d5', class: "gux-container" }, index.h("div", { key: '67e6a1625a80432a3dcb7b73d904b022c2728c20', class: "gux-image" }, index.h("slot", { key: '249b5e49bc3c176e88c5d4acd4268c75e3bea6be', name: "image" })), index.h("div", { key: 'd81484ecb3e482caa1de9d35e30c7914051bef17', class: "gux-message" }, index.h("slot", { key: 'a59823e9f73c58dde4a8ffa4ee358cf139fc6297', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -0,0 +1,85 @@
+'use strict';
+
+var index = require('./index-C1LZ-Zd8.js');
+var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
+var guxTreeMulti_service = require('./gux-tree-multi.service-BFBspBvZ.js');
+require('./when-event-is-from-C6TjNoqM.js');
+
+const guxBranchMultiCss = ":host{display:block}:host(:focus-visible){outline:none}:host(:focus-visible) .gux-node{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}:host(:focus-visible) .gux-tree-item{background-color:var(--gse-ui-treeView-background-hover)}.gux-wrapper{display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-treeView-item-internalGap);place-content:stretch flex-start;align-items:stretch}.gux-wrapper .gux-node{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-semantic-interactive-sm-gap);place-content:stretch flex-start;align-items:stretch}.gux-wrapper .gux-node .gux-selected-bookmark{flex:0 1 auto;align-self:auto;inline-size:6px;background:transparent;border-radius:var(--gse-semantic-interactive-sm-borderRadius)}.gux-wrapper .gux-node .gux-tree-item{display:flex;flex:1 1 auto;gap:var(--gse-ui-treeView-item-internalGap);align-items:center;align-self:auto;padding:var(--gse-ui-treeView-group-comfy-padding);border-radius:var(--gse-semantic-interactive-sm-borderRadius)}.gux-wrapper .gux-node .gux-tree-item:hover{background-color:var(--gse-ui-treeView-background-hover)}.gux-wrapper .gux-node .gux-tree-item .gux-selection-target{display:flex;flex:0 0 auto;gap:var(--gse-semantic-interactive-lg-gap);align-items:center;align-self:auto}.gux-wrapper .gux-node .gux-tree-item .gux-selection-target .gux-checkbox-container{display:flex;align-items:center}.gux-wrapper .gux-node .gux-tree-item .gux-selection-target .gux-icon{display:flex;align-items:center}.gux-wrapper.gux-compact .gux-tree-item{padding:var(--gse-ui-treeView-group-compact-padding)}.gux-wrapper.gux-compact.gux-end .gux-tree-item{justify-content:space-between;padding:var(--gse-ui-treeView-item-compact-rightAligned-padding)}.gux-wrapper.gux-end .gux-tree-item{justify-content:space-between;padding:var(--gse-ui-treeView-item-comfy-rightAligned-padding)}.gux-wrapper.gux-selected .gux-selected-bookmark{background:var(--gse-semantic-background-interactive-primary-default)}.gux-wrapper.gux-selected .gux-tree-item{background-color:var(--gse-ui-treeView-background-selected)}.gux-wrapper.gux-child-selected .gux-selected-bookmark{background:var(--gse-ui-treeView-selectionBookmark-midEmphasis)}.gux-wrapper.gux-disabled .gux-node{opacity:var(--gse-ui-treeView-disableOpacity)}.gux-wrapper.gux-disabled{pointer-events:none;cursor:default}.gux-wrapper .gux-treeitems{display:none;padding-inline-start:20px}.gux-wrapper.gux-expanded .gux-branch-indicator gux-icon{rotate:90deg}.gux-wrapper.gux-expanded .gux-treeitems{display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-treeView-item-internalGap);place-content:stretch flex-start;align-items:stretch}.gux-wrapper .gux-branch-indicator{display:flex;align-items:center}.gux-wrapper .gux-branch-indicator gux-icon{inline-size:16px;block-size:16px}::slotted(gux-icon[slot=icon]){display:flex;align-items:center;inline-size:16px;block-size:16px}";
+
+const GuxBranchMulti = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        if (hostRef.$hostElement$["s-ei"]) {
+            this.internals = hostRef.$hostElement$["s-ei"];
+        }
+        else {
+            this.internals = hostRef.$hostElement$.attachInternals();
+            hostRef.$hostElement$["s-ei"] = this.internals;
+        }
+        this.expanded = false;
+        this._disabled = false;
+        this.filtered = false;
+        this.active = false;
+        this.selected = false;
+        this.indeterminate = false;
+        this.size = 'comfy';
+        this.alignment = 'start';
+    }
+    get disabled() {
+        return this._disabled || guxTreeMulti_service.hasParentDisabled(this.root);
+    }
+    set disabled(value) {
+        this._disabled = value;
+    }
+    handleActiveChange(active) {
+        this.root.setAttribute('tabIndex', active ? '0' : '');
+        if (active) {
+            this.root.focus();
+        }
+    }
+    componentWillLoad() {
+        this.labelId = randomHtmlId.randomHTMLId('gux-branch-label');
+        this.internals.role = 'treeitem';
+        this.root.setAttribute('role', 'treeitem');
+        this.root.setAttribute('tabIndex', this.active ? '0' : '');
+        this.size = guxTreeMulti_service.getTreeSize(this.root);
+        this.alignment = guxTreeMulti_service.getTreeAlignment(this.root);
+    }
+    componentWillRender() {
+        this.internals.ariaDisabled = String(this.disabled);
+        this.root.setAttribute('aria-disabled', String(this.disabled));
+        this.internals.ariaSelected = String(this.selected);
+        this.root.setAttribute('aria-selected', String(this.selected));
+        this.internals.ariaExpanded = String(this.expanded);
+        this.root.setAttribute('aria-expanded', String(this.expanded));
+    }
+    renderBranchIndicator(alignment) {
+        if (this.alignment === alignment) {
+            return (index.h("div", { class: "gux-branch-indicator" }, index.h("gux-icon", { class: "gux-arrow-icon", decorative: true, "icon-name": "fa/caret-right-solid" })));
+        }
+    }
+    render() {
+        return (index.h("div", { key: '33af54e7beaa31958080ad6f3370cbed53989774', class: {
+                'gux-wrapper': true,
+                'gux-compact': this.size === 'compact',
+                'gux-end': this.alignment === 'end',
+                'gux-expanded': this.expanded,
+                'gux-disabled': this.disabled,
+                'gux-selected': this.selected,
+                'gux-child-selected': guxTreeMulti_service.hasChildSelected(this.root)
+            } }, index.h("div", { key: '2966f26c4a1b46f4a29f9a7c3ae5a626971795fe', class: "gux-node" }, index.h("div", { key: 'b5de3c189e2adb7edb0b67591a09cd5a80398080', class: "gux-selected-bookmark" }), index.h("div", { key: '3660189eb276f6101a60c84c749b304893cca77b', class: "gux-tree-item" }, this.renderBranchIndicator('start'), index.h("div", { key: 'bd278808b47889e3c569438fe1edd2ec382ae722', class: "gux-selection-target" }, index.h("div", { key: '339b1e434db480a7bd9196248628ee96990df5f6', class: "gux-checkbox-container" }, index.h("input", { key: 'e4158932f3bd68f24b02bf5f13aefc6492e8fd16', 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: '1dac97a5f7d691e1366c1002523c23a523e7c6d3', class: "gux-icon" }, index.h("slot", { key: '6e9ae563a183ef94d52fa07b98b741b00453fbd7', name: "icon" })), index.h("div", { key: '014dec453ecaed7c34b78a3d325f9090c7c1ee47', class: "gux-label", id: this.labelId }, index.h("slot", { key: 'a73ed670d8e0bab2a92aa4c1ef5f03e152baca7b', name: "label" }))), this.renderBranchIndicator('end'))), index.h("div", { key: 'd8502c699dd9f834ae9ef326d2de973bda52f0cd', role: "group", class: "gux-treeitems" }, index.h("slot", { key: '50d35cbb506d71cece65d5d42e01e6c20873ef7a' }))));
+    }
+    static get formAssociated() { return true; }
+    get root() { return index.getElement(this); }
+    static get watchers() { return {
+        "active": ["handleActiveChange"]
+    }; }
+};
+GuxBranchMulti.style = guxBranchMultiCss;
+
+exports.gux_branch_multi = GuxBranchMulti;

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

@@ -0,0 +1,78 @@
+'use strict';
+
+var index = require('./index-C1LZ-Zd8.js');
+var guxTree_service = require('./gux-tree.service-DM6q_PoD.js');
+require('./when-event-is-from-C6TjNoqM.js');
+
+const guxBranchCss = ":host{display:block}:host(:focus-visible){outline:none}:host(:focus-visible) .gux-node{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}:host(:focus-visible) .gux-tree-item{background-color:var(--gse-ui-treeView-background-hover)}.gux-wrapper{display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-treeView-item-internalGap);place-content:stretch flex-start;align-items:stretch}.gux-wrapper .gux-node{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-semantic-interactive-sm-gap);place-content:stretch flex-start;align-items:stretch}.gux-wrapper .gux-node .gux-selected-bookmark{flex:0 1 auto;align-self:auto;inline-size:6px;background:transparent;border-radius:var(--gse-semantic-interactive-sm-borderRadius)}.gux-wrapper .gux-node .gux-tree-item{display:flex;flex:1 1 auto;gap:var(--gse-ui-treeView-item-internalGap);align-items:center;align-self:auto;padding:var(--gse-ui-treeView-item-comfy-rightAligned-padding);border-radius:var(--gse-semantic-interactive-sm-borderRadius)}.gux-wrapper .gux-node .gux-tree-item:hover{background-color:var(--gse-ui-treeView-background-hover)}.gux-wrapper .gux-node .gux-tree-item .gux-selection-target{display:flex;flex:1 1 auto;gap:var(--gse-semantic-interactive-lg-gap);align-items:center;align-self:auto}.gux-wrapper .gux-node .gux-tree-item .gux-selection-target .gux-icon{display:flex;align-items:center}.gux-wrapper.gux-compact .gux-tree-item{padding:var(--gse-ui-treeView-item-compact-leftAligned-padding)}.gux-wrapper.gux-compact.gux-end .gux-tree-item{padding:var(--gse-ui-treeView-item-compact-rightAligned-padding)}.gux-wrapper.gux-end .gux-tree-item{padding:var(--gse-ui-treeView-item-comfy-rightAligned-padding)}.gux-wrapper.gux-selected .gux-selected-bookmark{background:var(--gse-semantic-background-interactive-primary-default)}.gux-wrapper.gux-selected .gux-tree-item{background-color:var(--gse-ui-treeView-background-selected)}.gux-wrapper.gux-child-selected .gux-selected-bookmark{background:var(--gse-ui-treeView-selectionBookmark-midEmphasis)}.gux-wrapper.gux-disabled{opacity:var(--gse-ui-treeView-disableOpacity);pointer-events:none;cursor:default}.gux-wrapper .gux-treeitems{display:none;padding-inline-start:20px}.gux-wrapper.gux-expanded .gux-branch-indicator gux-icon{rotate:90deg}.gux-wrapper.gux-expanded .gux-treeitems{display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-treeView-item-internalGap);place-content:stretch flex-start;align-items:stretch}.gux-wrapper .gux-branch-indicator{display:flex;align-items:center}.gux-wrapper .gux-branch-indicator gux-icon{inline-size:16px;block-size:16px}::slotted(gux-icon[slot=icon]){display:flex;align-items:center;inline-size:16px;block-size:16px}";
+
+const GuxBranch = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        if (hostRef.$hostElement$["s-ei"]) {
+            this.internals = hostRef.$hostElement$["s-ei"];
+        }
+        else {
+            this.internals = hostRef.$hostElement$.attachInternals();
+            hostRef.$hostElement$["s-ei"] = this.internals;
+        }
+        this.expanded = false;
+        this._disabled = false;
+        this.filtered = false;
+        this.active = false;
+        this.selected = false;
+        this.size = 'comfy';
+        this.alignment = 'start';
+    }
+    get disabled() {
+        return this._disabled || guxTree_service.hasParentDisabled(this.root);
+    }
+    set disabled(value) {
+        this._disabled = value;
+    }
+    handleActiveChange(active) {
+        this.root.setAttribute('tabIndex', active ? '0' : '');
+        if (active) {
+            this.root.focus();
+        }
+    }
+    componentWillLoad() {
+        this.internals.role = 'treeitem';
+        this.root.setAttribute('role', 'treeitem');
+        this.root.setAttribute('tabIndex', this.active ? '0' : '');
+        this.size = guxTree_service.getTreeSize(this.root);
+        this.alignment = guxTree_service.getTreeAlignment(this.root);
+    }
+    componentWillRender() {
+        this.internals.ariaDisabled = String(this.disabled);
+        this.root.setAttribute('aria-disabled', String(this.disabled));
+        this.internals.ariaSelected = String(this.selected);
+        this.root.setAttribute('aria-selected', String(this.selected));
+        this.internals.ariaExpanded = String(this.expanded);
+        this.root.setAttribute('aria-expanded', String(this.expanded));
+    }
+    renderBranchIndicator(alignment) {
+        if (this.alignment === alignment) {
+            return (index.h("div", { class: "gux-branch-indicator" }, index.h("gux-icon", { class: "gux-arrow-icon", decorative: true, "icon-name": "fa/caret-right-solid" })));
+        }
+    }
+    render() {
+        return (index.h("div", { key: '5930096f60c13b5c0f3969cfb2b33b7d280c51ab', class: {
+                'gux-wrapper': true,
+                'gux-compact': this.size === 'compact',
+                'gux-end': this.alignment === 'end',
+                'gux-expanded': this.expanded,
+                'gux-disabled': this.disabled,
+                'gux-selected': this.selected,
+                'gux-child-selected': guxTree_service.hasChildSelected(this.root)
+            } }, index.h("div", { key: 'fd696f27e3768e392887216ea532d30ef7584ebe', class: "gux-node" }, index.h("div", { key: 'd205b90bd7b7ced36ff7c88d47773a7acac2bbff', class: "gux-selected-bookmark" }), index.h("div", { key: '8e2bed756f765e664fd066e6806754de8304ec06', class: "gux-tree-item" }, this.renderBranchIndicator('start'), index.h("div", { key: 'e55cae0ee1a18e7fb48e5bf6716486a99a99f94a', class: "gux-selection-target" }, index.h("div", { key: '979caece7d537dcf83526bf3b964c26a616fc4d5', class: "gux-icon" }, index.h("slot", { key: 'a2fcc15293a02904a49a189756664a188ddd8e0b', name: "icon" })), index.h("div", { key: 'fe7d0003299e263b5fb653384ee6514bf2c02455', class: "gux-label" }, index.h("slot", { key: 'a554537a452e5db64a5832f2dc87928d376388e0', name: "label" }))), this.renderBranchIndicator('end'))), index.h("div", { key: '01efd44b1db1580a33ea3beca2bff55945231b09', role: "group", class: "gux-treeitems" }, index.h("slot", { key: 'a0beb615024c99f290095a009876281030e70a41' }))));
+    }
+    static get formAssociated() { return true; }
+    get root() { return index.getElement(this); }
+    static get watchers() { return {
+        "active": ["handleActiveChange"]
+    }; }
+};
+GuxBranch.style = guxBranchCss;
+
+exports.gux_branch = GuxBranch;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bfx8AGPj.js');
+var index = require('./index-C1LZ-Zd8.js');
 var logError = require('./log-error-nWO_o1C3.js');
 
 const guxBreadcrumbItemCss = ".gux-breadcrumb-generation{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center;min-block-size:var(--gse-ui-breadcrumbs-secondary-height)}.gux-breadcrumb-generation .gux-breadcrumb-content{font-family:var(--gse-ui-links-inLine-small-text-fontFamily);font-size:var(--gse-ui-links-inLine-small-text-fontSize);font-weight:var(--gse-ui-links-inLine-small-text-fontWeight);line-height:var(--gse-ui-links-inLine-small-text-lineHeight);text-decoration:none;color:var(--gse-ui-links-default-foregroundColor);pointer-events:none}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-active{color:var(--gse-ui-links-active-foregroundColor)}.gux-breadcrumb-generation .gux-breadcrumb-separator{padding:var(--gse-ui-breadcrumbs-secondary-separator-padding);font-family:var(--gse-ui-breadcrumbs-secondary-separator-typography-fontFamily);font-size:var(--gse-ui-breadcrumbs-secondary-separator-typography-fontSize);font-weight:var(--gse-ui-breadcrumbs-secondary-separator-typography-fontWeight);line-height:var(--gse-ui-breadcrumbs-secondary-separator-typography-lineHeight);color:var(--gse-ui-breadcrumbs-separator-color)}.gux-breadcrumb-generation.gux-primary{min-block-size:var(--gse-ui-breadcrumbs-primary-height)}.gux-breadcrumb-generation.gux-primary .gux-breadcrumb-content{font-family:var(--gse-ui-links-inLine-medium-text-fontFamily);font-size:var(--gse-ui-links-inLine-medium-text-fontSize);font-weight:var(--gse-ui-links-inLine-medium-text-fontWeight);line-height:var(--gse-ui-links-inLine-medium-text-lineHeight);text-decoration:none}.gux-breadcrumb-generation.gux-primary .gux-breadcrumb-separator{padding:var(--gse-ui-breadcrumbs-primary-separator-padding);font-family:var(--gse-ui-breadcrumbs-primary-separator-typography-fontFamily);font-size:var(--gse-ui-breadcrumbs-primary-separator-typography-fontSize);font-weight:var(--gse-ui-breadcrumbs-primary-separator-typography-fontWeight);line-height:var(--gse-ui-breadcrumbs-primary-separator-typography-lineHeight)}";
@@ -40,7 +40,7 @@ const GuxBreadcrumbItem = class {
     }
     render() {
         const accent = this.getAccent();
-        return (index.h(index.Host, { key: '7c33e15cc35b7e9ff86100d72a837f74434053e1', role: "listitem" }, index.h("span", { key: 'a341c104941c79d7da214d3db11265fc9cdd72aa', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (index.h(index.Host, { key: '357d0819c8848eee39f617f5618d94e1ad3f6777', role: "listitem" }, index.h("span", { key: 'd741cd79b32a7caf22ec3fd1c15777e45cf93f05', 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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-Bfx8AGPj.js');
-var index$1 = require('./index-C2XfGATp.js');
-var usage = require('./usage-D2AUYEBS.js');
+var index = require('./index-C1LZ-Zd8.js');
+var index$1 = require('./index-CjUBUVCO.js');
+var usage = require('./usage-o6I3mOuO.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const breadcrumbs = "Breadcrumbs";
@@ -27,7 +27,7 @@ const GuxBreadcrumbs = class {
         Array.from(this.root.children).forEach(child => index.forceUpdate(child));
     }
     render() {
-        return (index.h("nav", { key: 'f28644755d2c5053a1b7756621d2e0ddd076a64f', "aria-label": this.i18n('breadcrumbs') }, index.h("ol", { key: 'd6e42de86f1addddcb45b08005085e615fcebc00' }, index.h("slot", { key: 'be51087d4684d64424a91de44e3d19fe2eeeb6f6', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (index.h("nav", { key: '9c5f5a9f99b9d45af99bf1eb8016881f387d904c', "aria-label": this.i18n('breadcrumbs') }, index.h("ol", { key: '7b8232f93afdf54cfef667dc9457edc269ec285b' }, index.h("slot", { key: '3c06ad7d0d7fe0b5f0b96903036951e707bfae94', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-Bfx8AGPj.js');
-var onClickOutside = require('./on-click-outside-DSTNdYO6.js');
+var index = require('./index-C1LZ-Zd8.js');
+var onClickOutside = require('./on-click-outside-CXDzyPsA.js');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-D2AUYEBS.js');
+var usage = require('./usage-o6I3mOuO.js');
 
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {
@@ -138,7 +138,7 @@ const GuxButtonMulti = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h("gux-popup", { key: '9335022666f4bf62554b07c71ecc6033b72ec51b', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, index.h("div", { key: 'f30a437da78d6c15baf849ddc881522817cf837c', slot: "target", class: "gux-button-multi-container" }, index.h("gux-button-slot", { key: '9110eaee7a7f9f17956219f021981276245a2a5a', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, index.h("button", { key: '8307b6bf45eebc6cdf82cdcfdb305f8e969dc577', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.guxAriaLabel }, index.h("slot", { key: 'e076a5c0a56a09b4defa331d5a28b6e6fd0fb290', name: "title" }), index.h("gux-icon", { key: 'a0293fd96c998a280a4bfa598c2db61c340afe1f', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), index.h("div", { key: '10449da16b04469d7689cee9b9ad51222876fa50', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: 'f63a7d5f11e4cd77e0fff571da7c71c94f26d176', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '98e3e87d640ee321b8f6ce378c817f5872a42ee9' })))));
+        return (index.h("gux-popup", { key: '0fe548008674fb471b4649a1cdf9d40e2199509b', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, index.h("div", { key: 'c135a999850eb1a8979006c68e93db2084b92726', slot: "target", class: "gux-button-multi-container" }, index.h("gux-button-slot", { key: '97deeb0b96dd9475d3ed60a5e7b8c58a39fca924', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, index.h("button", { key: '8f44a4bd2467c39c40a9974fd71940b36713d74c', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.guxAriaLabel }, index.h("slot", { key: '93627529753698fad726e17b31e9c08acbe432a4', name: "title" }), index.h("gux-icon", { key: 'dcc4e9f1cc0b881c530022faa07b579cc9a0cfa3', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), index.h("div", { key: 'e2555a57679a2eb6e0dedcc20d265064ba55a3a0', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: 'd982c02c29f7a2f147dbbca9d0ca8bd414ee6874', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'bc6da95f60f3cba8bb9d8161c9208c67aada56ad' })))));
     }
     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-Bfx8AGPj.js');
-var usage = require('./usage-D2AUYEBS.js');
+var index = require('./index-C1LZ-Zd8.js');
+var usage = require('./usage-o6I3mOuO.js');
 var logError = require('./log-error-nWO_o1C3.js');
 
 const guxButtonSlotCss = ":host{display:inline-block;pointer-events:none}::slotted(input[type=button]),::slotted(input[type=submit]),::slotted(button){font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;text-overflow:ellipsis;color:var(--gse-ui-button-secondary-default-foregroundColor);white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}:host([icon-only]) ::slotted(input[type=button]),:host([icon-only]) ::slotted(input[type=submit]),:host([icon-only]) ::slotted(button){padding:var(--gse-ui-button-default-paddingIconOnly)}::slotted(input[type=button][disabled]),::slotted(input[type=submit][disabled]),::slotted(button[disabled]){cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}::slotted(input[type=button]:focus),::slotted(input[type=submit]:focus),::slotted(button:focus){outline:none}::slotted(input[type=button]:focus-visible:enabled),::slotted(input[type=submit]:focus-visible:enabled),::slotted(button:focus-visible:enabled){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(input[type=button]:hover:enabled),::slotted(input[type=submit]:hover:enabled),::slotted(button:hover:enabled){color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}::slotted(input[type=button]:active:enabled),::slotted(input[type=submit]:active:enabled),::slotted(button:active:enabled){color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]),:host([accent=primary]) ::slotted(input[type=submit]),:host([accent=primary]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:hover:enabled),:host([accent=primary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=primary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:active:enabled),:host([accent=primary]) ::slotted(input[type=submit]:active:enabled),:host([accent=primary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]),:host([accent=tertiary]) ::slotted(input[type=submit]),:host([accent=tertiary]) ::slotted(button){color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width)}:host([accent=tertiary]) ::slotted(input[type=button]:hover:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=tertiary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]:active:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:active:enabled),:host([accent=tertiary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]),:host([accent=ghost]) ::slotted(input[type=submit]),:host([accent=ghost]) ::slotted(button){color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:hover:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:hover:enabled),:host([accent=ghost]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:active:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:active:enabled),:host([accent=ghost]) ::slotted(button:active:enabled){color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]),:host([accent=danger]) ::slotted(input[type=submit]),:host([accent=danger]) ::slotted(button){color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:hover:enabled),:host([accent=danger]) ::slotted(input[type=submit]:hover:enabled),:host([accent=danger]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:active:enabled),:host([accent=danger]) ::slotted(input[type=submit]:active:enabled),:host([accent=danger]) ::slotted(button:active:enabled){color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}:host([accent=inline]) ::slotted(input[type=button]),:host([accent=inline]) ::slotted(input[type=submit]),:host([accent=inline]) ::slotted(button){min-inline-size:initial;block-size:initial;padding:0;color:var(--gse-ui-links-default-foregroundColor);background:none;border:none}:host([accent=inline]) ::slotted(input[type=button][disabled]),:host([accent=inline]) ::slotted(input[type=submit][disabled]),:host([accent=inline]) ::slotted(button[disabled]){color:var(--gse-ui-links-disabled-foregroundColor)}:host([accent=inline]) ::slotted(input[type=button]:hover:enabled),:host([accent=inline]) ::slotted(input[type=submit]:hover:enabled),:host([accent=inline]) ::slotted(button:hover:enabled){color:var(--gse-ui-links-hover-foregroundColor);text-decoration:underline;background:none}:host([accent=inline]) ::slotted(input[type=button]:active:enabled),:host([accent=inline]) ::slotted(input[type=submit]:active:enabled),:host([accent=inline]) ::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}:host([accent=copilot]) ::slotted(input[type=button]),:host([accent=copilot]) ::slotted(input[type=submit]),:host([accent=copilot]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background:linear-gradient(64deg, var(--gse-ui-copilotButton-default-backgroundColor-bottomLeft) 5.51%, var(--gse-ui-copilotButton-default-backgroundColor-middle) 48.28%, var(--gse-ui-copilotButton-default-backgroundColor-topRight) 88.65%);border:none;box-shadow:var(--gse-ui-copilotButton-glow-default)}:host([accent=copilot]) ::slotted(input[type=button]:hover:enabled),:host([accent=copilot]) ::slotted(input[type=submit]:hover:enabled),:host([accent=copilot]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background:linear-gradient(54deg, var(--gse-ui-copilotButton-hover-backgroundColor-bottomLeft) 7.09%, var(--gse-ui-copilotButton-hover-backgroundColor-middle) 47.64%, var(--gse-ui-copilotButton-hover-backgroundColor-topRight) 103.51%);box-shadow:var(--gse-ui-copilotButton-glow-hover)}:host([accent=copilot]) ::slotted(input[type=button]:active:enabled),:host([accent=copilot]) ::slotted(input[type=submit]:active:enabled),:host([accent=copilot]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background:linear-gradient(54deg, var(--gse-ui-copilotButton-active-backgroundColor-bottomLeft) 7.17%, var(--gse-ui-copilotButton-active-backgroundColor-middle) 46.7%, var(--gse-ui-copilotButton-active-backgroundColor-topRight) 83.3%);box-shadow:var(--gse-ui-copilotButton-glow-active)}";
@@ -34,7 +34,7 @@ const GuxButtonSlot = class {
         this.validateSlotContent();
     }
     render() {
-        return (index.h(index.Host, { key: 'dd85e7b2e61d8a311d861faa2e56075fc7c81748', accent: this.accent, "icon-only": this.iconOnly }, index.h("slot", { key: '30d12e7075b5476c40bb4fa65910bd3cb0d079c7' })));
+        return (index.h(index.Host, { key: '31ca4b09af9bb76bd9a4a15f7fd2ee9e640c759a', accent: this.accent, "icon-only": this.iconOnly }, index.h("slot", { key: '16ee328a47ab75d0d4ccecf70c57f373d83c3d92' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-Bfx8AGPj.js');
-var usage = require('./usage-D2AUYEBS.js');
+var index = require('./index-C1LZ-Zd8.js');
+var usage = require('./usage-o6I3mOuO.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var floatingUi_dom = require('./floating-ui.dom-BRbjfoUo.js');
-var onClickOutside = require('./on-click-outside-DSTNdYO6.js');
+var onClickOutside = require('./on-click-outside-CXDzyPsA.js');
 var getSlot = require('./get-slot-EZYuUuno.js');
 var findElementById = require('./find-element-by-id-BmYnM3YU.js');
 
@@ -33,10 +33,10 @@ const GuxButton = class {
     }
     render() {
         return [
-            index.h("button", { key: '5f14032087d6595e0db541a39ac6f24c6d937e50', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            index.h("button", { key: '45e0647c35e44a15d33a7491b1a5748317b91c3e', 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: '157bc4883613d08916f3db528eedd6c24a35d962', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, index.h("slot", { key: 'd6a726b5e60186346d8755d1cd2821299d584a11', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }
@@ -263,10 +263,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'd39381f2339e503d7caa1df3d5a49e0c84929666', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: 'e91df0309d9197961051a592c3bb7233f67a7b91', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: '24eb2729b0b32aa303724585d2db15e106e09989', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '7241c98e5998ea8646972fda4b9c6535336e978b', class: "gux-arrow-caret" })), this.displayDismissButton && (index.h("gux-dismiss-button", { key: 'd30fd8b754eb3921d9853804869816d96c615489', onClick: this.dismiss.bind(this) })), index.h("div", { key: 'c87a218894f377225916028e4b38fde0f7e8802b', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: '42cc1956bbdfef21fbf7d6db6ff145b7b8245545', name: "title" })), index.h("div", { key: 'b15673b3916fe3d5262f33326e04007caf899513', class: "gux-popover-content" }, index.h("slot", { key: 'f0d7097e894ba6b14594c0f43151013ad4f635ff' })), index.h("div", { key: 'ae80a565daf3404f225a4009bb3ef5268f89bef2', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, index.h("slot", { key: 'e09b54fa2375db71a5dbdceb7937975436a44b7d', name: "footer" }))));
+            }, "data-placement": true }, index.h("div", { key: '639b69837577566eb79e3c0da634d5a26dac0fa9', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: 'b8b5821bb0be8b9ae81b533254dd15d6a3eab984', class: "gux-arrow-caret" })), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '24750da13cc583892ffe68142d278d6e0b474994', onClick: this.dismiss.bind(this) })), index.h("div", { key: 'bd18a614588cabc971a966fff90f537aef855df6', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: '4ddbc7c988cdc88a5edd9e618b5767039cb603bf', name: "title" })), index.h("div", { key: '08f0d5e38d79863b6c261c297a1ec0761e55e82e', class: "gux-popover-content" }, index.h("slot", { key: '034d01bb92a642698b8b386c3ddd0a6e91c30a78' })), index.h("div", { key: '11383d7b8c700114616fbcb2864a442f3ac8a610', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, index.h("slot", { key: '49c830761fca2f8fe1e3a0ce3ffb64da3a065b96', name: "footer" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-Bfx8AGPj.js');
+var index = require('./index-C1LZ-Zd8.js');
 var index_esm = require('./index.esm-CO-IlDkX.js');
-var index$1 = require('./index-C2XfGATp.js');
+var index$1 = require('./index-CjUBUVCO.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var logError = require('./log-error-nWO_o1C3.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-Bfx8AGPj.js');
+var index = require('./index-C1LZ-Zd8.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var isoDates = require('./iso-dates-B-hZmvim.js');
-var usage = require('./usage-D2AUYEBS.js');
-var index$1 = require('./index-C2XfGATp.js');
+var usage = require('./usage-o6I3mOuO.js');
+var index$1 = require('./index-CjUBUVCO.js');
 var capitalizeFirstLetter = require('./capitalize-first-letter-mZPrUEI2.js');
 var sparkIntl = require('./spark-intl-DbMn-aKP.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');
@@ -417,7 +417,7 @@ const GuxCalendar = class {
         return (index.h("table", null, index.h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (index.h("th", null, day)))), this.getMonthDays(index$1).map(week => (index.h("tr", null, week.map(day => (index.h("td", { tabindex: this.isFocusableDate(day) ? '0' : '-1', class: day.class, "aria-hidden": day.hidden ? 'true' : 'false', "aria-disabled": day.disabled ? 'true' : 'false', "data-date": day.date.getTime(), onClick: () => void this.onDateClick(day.date), onMouseEnter: () => this.onDateMouseEnter(day.date), onKeyDown: e => void this.onKeyDown(e) }, index.h("div", { class: "gux-date" }, day.date.getDate(), index.h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (index.h("div", { key: 'cd6c50d851d8410f3843c68f1a5f0be54f8d7460', class: "gux-calendar" }, index.h("div", { key: 'c95ab41b3d438fd45c2d60d614355343691f0eb6', class: "gux-header" }, index.h("button", { key: 'b28c6d87ac010da89aa96e4d1c3402b64c23ed46', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, index.h("gux-icon", { key: 'fec29d9097028b81d78c7df2f74f9cfa16773745', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: '55deb6a23f78e55b54eb8e3a1cb810acb0a2c33b', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, index.h("gux-icon", { key: 'ca9ea22a8ef0a0f9caa3ae3c035b293730ddf256', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: '6350ba215eaefa732bab29346dd98ecf3b1acf09', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (index.h("div", { key: '0306246dfcce32aabad2d001c20669cbe69fe280', class: "gux-calendar" }, index.h("div", { key: 'e5324dfe443431f5a28ddd5420625d664c24b0e3', class: "gux-header" }, index.h("button", { key: '8c55a02accf37620a169b0cf3f879a61945d8d58', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, index.h("gux-icon", { key: '392607efecf36bab5a3efcba1c1f3059d5a6aa59', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: '62efa4a387829b89452430c48772ab412aa6d1f7', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, index.h("gux-icon", { key: '1b2991888a3d39799f0994b9d4594405632871bd', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: '288d3d25c4c9a4b97b07de9a5273932892689d30', 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-Bfx8AGPj.js');
-var usage = require('./usage-D2AUYEBS.js');
+var index = require('./index-C1LZ-Zd8.js');
+var usage = require('./usage-o6I3mOuO.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: 'c01aa0504b534e5b00ab38daaf678c28d0be9504', class: {
+        return (index.h("div", { key: '6a95ced5f017e5981bc34d8b78e0d0a7430878df', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("slot", { key: '7928067234ae701d43d3f787e76d8f807446804d' })));
+            } }, index.h("slot", { key: '3d8fa3f0b2586a8a4aff7b3995905f66ca506919' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-Bfx8AGPj.js');
-var usage = require('./usage-D2AUYEBS.js');
-var index$1 = require('./index-C2XfGATp.js');
+var index = require('./index-C1LZ-Zd8.js');
+var usage = require('./usage-o6I3mOuO.js');
+var index$1 = require('./index-CjUBUVCO.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const genesysCloudLogo = "Genesys Cloud Logo";

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-Bfx8AGPj.js');
-var usage = require('./usage-D2AUYEBS.js');
-var index$1 = require('./index-C2XfGATp.js');
+var index = require('./index-C1LZ-Zd8.js');
+var usage = require('./usage-o6I3mOuO.js');
+var index$1 = require('./index-CjUBUVCO.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const genesysCloudLogomark = "Genesys Cloud Logomark";

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-Bfx8AGPj.js');
-var index$1 = require('./index-C2XfGATp.js');
+var index = require('./index-C1LZ-Zd8.js');
+var index$1 = require('./index-CjUBUVCO.js');
 var guxColumnManager_service = require('./gux-column-manager.service-BdAzD8uK.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./clamp-BlDLYO0F.js');
@@ -151,14 +151,14 @@ const GuxColumnManagerItem = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: '687c4fc45d59ca06d16683961465655a75849c52', draggable: "true" }, index.h("div", { key: '21b54e7a2e87a9cf6ff6776d6a34d4789364209f', class: {
+        return (index.h(index.Host, { key: '6d9407f9a83665ad211578bd71092c8819bcb399', draggable: "true" }, index.h("div", { key: '7de5359beff1e462dd133d31a4c778204b0a3f5f', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, index.h("button", { key: '193d3ab6448edf31c1bd19060ab7e57b6694249d', class: {
+            } }, index.h("button", { key: '6dfe4fc21eada9b5374ccb94cdb2473e52256b22', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, index.h("gux-icon", { key: '85093ea77551d05accb214035901160079a8e8f7', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), index.h("span", { key: 'ae1b5af40bcf22bc122666aa8ee4609c4d9388ba', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: '2f68568a761d3dfa99c4d3035f106876ddc6d05e', class: "gux-select" }, index.h("slot", { key: '6d825a44cac14c34e4cbeb6097864469a7bedc07', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: '84ece8fa3dc2967ce2893631b1be9439adfcc3c2', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, index.h("gux-icon", { key: 'cddbf4d959270062c6b43190eed5c6124484253a', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), index.h("span", { key: '28875a8fcf4d8e03734afbac8379be76916ac236', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: 'c2c96def2a01df9922a2a5009fad8fec49442775', class: "gux-select" }, index.h("slot", { key: '1cbae9f6ab0aa51925b5a96300d3e88f92ce067b', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: 'b8e550c27b37e7fda2abf7e74489b8d72058fd91', 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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-Bfx8AGPj.js');
-var index$1 = require('./index-C2XfGATp.js');
-var usage = require('./usage-D2AUYEBS.js');
+var index = require('./index-C1LZ-Zd8.js');
+var index$1 = require('./index-CjUBUVCO.js');
+var usage = require('./usage-o6I3mOuO.js');
 var guxColumnManager_service = require('./gux-column-manager.service-BdAzD8uK.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./clamp-BlDLYO0F.js');
@@ -112,7 +112,7 @@ const GuxColumnManager = class {
         return (index.h("div", null, index.h("span", { "aria-hidden": "true" }, this.i18n('selectedColumnCount', { count, total })), index.h("span", { class: "gux-sr-only" }, count === total ? (index.h("span", null, ": ", this.i18n('unselectAllColumnsScreenReader', { count, total }))) : (index.h("span", null, ": ", this.i18n('selectAllColumnsScreenReader', { count, total }))))));
     }
     render() {
-        return (index.h("div", { key: 'ec62e7dca4e952ee2ff9f24096e8d8ab58ddebcb', class: "gux-container" }, index.h("div", { key: '9cc756a41d6cb27773eb73e5a2b0d6e13f494457', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '366f89222f45124eeee50b4cf84c3fe6e67df905', class: "gux-search" }, index.h("gux-content-search", { key: '9336b96f0681f3a014ed950439f45326677787e7', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: '83881361b6a2339213f03c726b95dc5c2efc2796', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: '66fff64c2242bd34b4c4e47574dd234574ede6a6', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: 'a1786d994eb7a1a87e0a4bd838694dba570284fd' }, index.h("input", { key: 'cbb33c97393adfbc7500ee39a2422a54b2c8bf5c', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: 'c1cd5cc6d9fc5ffbe680d0ceb9e4aa6ee41526d3', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '2f4e12af3991e9a161fc0de86883364eab110ec1', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: 'ab0751734003d7dc26387e4f88d46d31de6e8d59', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: 'a36c42516b7b13942da965d59596fd51c68935ef', ref: el => (this.announceElement = el) })));
+        return (index.h("div", { key: '40b00dccbbc3b9dd2d79f0a7e558a592e7a647c3', class: "gux-container" }, index.h("div", { key: 'b5fb241078d0acb83118b016e3b667fc54e2f31b', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '2eb3f96dc3f109dcca02466eff1d9038ea2dceae', class: "gux-search" }, index.h("gux-content-search", { key: '8c86cce49bb3ef53bc548c60bd80d1ca648f1a11', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: '3d9a303ef7e13e3bf049009616d78ac03fd268f3', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: '2fe55a8bc3f231ee7901723912c6e2f439ea27f6', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: 'd5460b9363adb42f5a59b03771850aecdfa9ae08' }, index.h("input", { key: '93d46d6f32a95b9e38046e95ac419b238ce0cec2', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '2bf04216379485802176367913dfb3943a7f7aaf', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '77332327dddcdbd52f4d4fdfd7779b2eb86dd347', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: '1afc970e4de08ab42a607d790a3ad25c4f816c8b', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '5923c285545fe76641d276e51e7f257914912b7a', 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,8 +1,8 @@
 'use strict';
 
-var index = require('./index-Bfx8AGPj.js');
-var usage = require('./usage-D2AUYEBS.js');
-var index$1 = require('./index-C2XfGATp.js');
+var index = require('./index-C1LZ-Zd8.js');
+var usage = require('./usage-o6I3mOuO.js');
+var index$1 = require('./index-CjUBUVCO.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
 require('./get-closest-element-CfyZl7i7.js');
@@ -67,10 +67,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'b1095eb5f404dd6ff9d82641117564e65c2a8881', class: {
+        return (index.h("div", { key: '63572ad234bac3b3b9f681995e91adf7eb54f414', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: '1c68f401ee69616bae41abb219f3faa4693145ed', class: "gux-search-icon" }, index.h("gux-icon", { key: '0bf0e24bdf1c199ea29df18d606f2ec6f59eba0f', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: 'cf5612881f120a6cbac32eb011c17477395736f3' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: '3cd33bc529e14d1ffbbadcbdcab3f26a7195033f', class: "gux-search-icon" }, index.h("gux-icon", { key: 'c1b2f73a5bbc7e8e860f5dfa7738c61ff08d023c', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: 'b2b977e60fb69886ff85be6911d212513cc3afd1' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-Bfx8AGPj.js');
+var index = require('./index-C1LZ-Zd8.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-D2AUYEBS.js');
-var index$1 = require('./index-C2XfGATp.js');
-var onClickOutside = require('./on-click-outside-DSTNdYO6.js');
+var usage = require('./usage-o6I3mOuO.js');
+var index$1 = require('./index-CjUBUVCO.js');
+var onClickOutside = require('./on-click-outside-CXDzyPsA.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');
 require('./get-closest-element-CfyZl7i7.js');
@@ -146,8 +146,8 @@ const GuxContextMenu = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: '785461b14d3fd3289ad83f982a25be58859babda' }, index.h("gux-popup", { key: 'dd8f0b8ec360afc61a49cf747094d53c7810fb15', placement: this.placement, expanded: this.isOpen, offset: parsePxValue(uiTokens.dropdown['gap']), "exceed-target-width": true }, index.h("div", { key: '0118990af3ad9099d1507c45285c08fbc7172cd1', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: 'fdea4d3a1e703e1e4b8d75e034038c3b7a04ebb2', accent: "ghost" }, index.h("button", { key: '57a21e1acb8dcfa172bfc8331160785fef995bfe', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, index.h("gux-screen-reader-beta", { key: 'd8e4e61c3b1ee16e579e573cbefdfc500c7ebeec' }, this.screenreaderText ||
-            this.i18n('contextMenuScreenreaderText')), index.h("gux-icon", { key: '022c545cd37f68bdb5a20e5a8184dcf65c619d77', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), index.h("div", { key: 'a2ae5d7d9df4181078159932ac3c22914b5a10eb', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: '0100bf7b6dfb08e746e9114c5b41ec7df6e5ea88', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '46bc9c7f26bbd771dc63e1033c031531b7abc246' }))))));
+        return (index.h(index.Host, { key: 'bd1eaa8a09307fe0b60382908b6979863bab69a7' }, index.h("gux-popup", { key: 'b421a91f27fc08d60b560bc25f5a5a003257c9b4', placement: this.placement, expanded: this.isOpen, offset: parsePxValue(uiTokens.dropdown['gap']), "exceed-target-width": true }, index.h("div", { key: '123af2600cfa9c9a75fc58be7c660b66bd38aaf1', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: '5057daf882f0fb9e9c1c68f58ee0508322b75df0', accent: "ghost" }, index.h("button", { key: '82fe5034eb87923ec8be7e0bfbc87a0f55f392ef', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, index.h("gux-screen-reader-beta", { key: '14793aafd38222372bc11ae85a08a259b6e35cd3' }, this.screenreaderText ||
+            this.i18n('contextMenuScreenreaderText')), index.h("gux-icon", { key: 'e18167df43a3c760b67f0333f1ab22cf94141f1f', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), index.h("div", { key: '26e208572fbc62b91feab22d7e77e7365105c6a0', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: '282dcf2e475722ce1612ac45ad371cc0618f164c', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'a2d238931c1e69fb371fa1bcf31cba104dfe7833' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }