npm - genesys-spark-components - Versions diffs - 4.186.0 → 4.187.0 - Mend

genesys-spark-components 4.186.0 → 4.187.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (803) hide show

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

@@ -1,9 +1,9 @@
 'use strict';
-var index = require('./index-Bfx8AGPj.js');
-var usage = require('./usage-CIw4kGaR.js');
-var index$1 = require('./index-C2XfGATp.js');
-var onMutation = require('./on-mutation-C-pkBYfu.js');
+var index = require('./index-C1LZ-Zd8.js');
+var usage = require('./usage-AjULwro2.js');
+var index$1 = require('./index-CjUBUVCO.js');
+var onMutation = require('./on-mutation-Bpt2qL-s.js');
 require('./get-closest-element-CfyZl7i7.js');
 const info = "badge with label: {label}, accent: info";
@@ -73,7 +73,7 @@ const GuxBadge = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '6f54efc99bfd2d04e2c361ff6fc8fc6b45357900', class: {
+        return (index.h("div", { key: '1ae7ee1b9230d602745befe14c414a63cae92b21', class: {
                 'gux-badge': true,
                 [`gux-${this.accent}`]: true,
                 'gux-bold': this.bold

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

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-Bfx8AGPj.js');
-var usage = require('./usage-CIw4kGaR.js');
-var onMutation = require('./on-mutation-C-pkBYfu.js');
+var index = require('./index-C1LZ-Zd8.js');
+var usage = require('./usage-AjULwro2.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 CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-Bfx8AGPj.js');
-var usage = require('./usage-CIw4kGaR.js');
-var onMutation = require('./on-mutation-C-pkBYfu.js');
+var index = require('./index-C1LZ-Zd8.js');
+var usage = require('./usage-AjULwro2.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: '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()));
+        return (index.h("div", { key: 'e0b4592db9432b7d81863d0dbd9f5520d3b695dc', class: "gux-container" }, index.h("div", { key: '4f7c1f730096c27c0e356d92976f78a499f2cc74', class: "gux-image" }, index.h("slot", { key: '4c1a86ce0c49c0a17688bec2f26e61952ca0448b', name: "image" })), index.h("div", { key: '2ee832ec2d5d5a299582824617264e77a84e3dc0', class: "gux-message" }, index.h("slot", { key: 'eb97d58adfb206c09360028a81b49c75dc224447', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,8 +1,8 @@
 '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 guxTreeMulti_service = require('./gux-tree-multi.service-SP7ZA2lB.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}";
@@ -60,7 +60,7 @@ const GuxBranchMulti = class {
         }
     }
     render() {
-        return (index.h("div", { key: '33af54e7beaa31958080ad6f3370cbed53989774', class: {
+        return (index.h("div", { key: '7fb93c4bb639bc5ce887fc0222c966a2cec077f3', class: {
                 'gux-wrapper': true,
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end',
@@ -68,11 +68,11 @@ const GuxBranchMulti = class {
                 'gux-disabled': this.disabled,
                 'gux-selected': this.selected,
                 'gux-child-selected': guxTreeMulti_service.hasChildSelected(this.root)
-            } }, index.h("div", { key: '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 => {
+            } }, index.h("div", { key: '0da397c4b327ba4ae1d0b74a1aaa10d2cfa5ac11', class: "gux-node" }, index.h("div", { key: 'c126fe7c1455a0305aee5b9d8c9065990c76dd64', class: "gux-selected-bookmark" }), index.h("div", { key: '3ff32f1bad50173a71461ee0f3b33dcf42b0a4f0', class: "gux-tree-item" }, this.renderBranchIndicator('start'), index.h("div", { key: 'bbd5fa067cae2d16111ea51d35bed39f7adad7e0', class: "gux-selection-target" }, index.h("div", { key: '2df1326a07287e7aa3f51fe417470021d5b76550', class: "gux-checkbox-container" }, index.h("input", { key: 'aa2e61da2f553e157635772a185eca90110ffbb3', 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' }))));
+            } })), index.h("div", { key: 'f8f2a59d37a813aaf32c8f46411c08980c1645bd', class: "gux-icon" }, index.h("slot", { key: '5a79411d11cd2bbc88404a32bcd3a87b62890792', name: "icon" })), index.h("div", { key: '282980c8f071d9dd170c4948fcc5fb77aaf65a8a', class: "gux-label", id: this.labelId }, index.h("slot", { key: '293cd9ca47e447c01817c77bf48cc7ed47d648d6', name: "label" }))), this.renderBranchIndicator('end'))), index.h("div", { key: '9f69a61b11c8a9b53bea3a19a6370569bc5f7c7d', role: "group", class: "gux-treeitems" }, index.h("slot", { key: 'a66ff73e7527c020fa33bebb1673d54702cff19c' }))));
     }
     static get formAssociated() { return true; }
     get root() { return index.getElement(this); }

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

@@ -1,7 +1,7 @@
 'use strict';
-var index = require('./index-Bfx8AGPj.js');
-var guxTree_service = require('./gux-tree.service-w78yRmzF.js');
+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}";
@@ -57,7 +57,7 @@ const GuxBranch = class {
         }
     }
     render() {
-        return (index.h("div", { key: '5930096f60c13b5c0f3969cfb2b33b7d280c51ab', class: {
+        return (index.h("div", { key: '1595b9c9e52ba5c2ab7b5b65dbf6c782f8b9e7c9', class: {
                 'gux-wrapper': true,
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end',
@@ -65,7 +65,7 @@ const GuxBranch = class {
                 'gux-disabled': this.disabled,
                 'gux-selected': this.selected,
                 'gux-child-selected': guxTree_service.hasChildSelected(this.root)
-            } }, index.h("div", { key: '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' }))));
+            } }, index.h("div", { key: '1dc7e2fad6847362714a3b5239dc1b480398cfa0', class: "gux-node" }, index.h("div", { key: 'f0ff2f4bad4be216685549fe4e2fac7f4f0caea9', class: "gux-selected-bookmark" }), index.h("div", { key: '48ecee7bb00c68dc6c106c5b92503c57842b1c81', class: "gux-tree-item" }, this.renderBranchIndicator('start'), index.h("div", { key: '67b875a73e6a60422fce7e7e550b25333e680b9b', class: "gux-selection-target" }, index.h("div", { key: '722e7bb65f9fae0ffb3dc7574ca6ed7e14ea1cf3', class: "gux-icon" }, index.h("slot", { key: '62ab2163b1102be48d9bbd902f79e5051b72f233', name: "icon" })), index.h("div", { key: '6c46f12353794772e1d148fc3a35164e7744cf0b', class: "gux-label" }, index.h("slot", { key: '4e5bfa5da8ad19a79988a41030ba885b0255839e', name: "label" }))), this.renderBranchIndicator('end'))), index.h("div", { key: '5f03fe5f7c38958586d82cd0488d0e1221a606ec', role: "group", class: "gux-treeitems" }, index.h("slot", { key: 'a4903f7f0e5b2e5301b71f814a16ebbc83394f95' }))));
     }
     static get formAssociated() { return true; }
     get root() { return index.getElement(this); }

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

@@ -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: '357d0819c8848eee39f617f5618d94e1ad3f6777', role: "listitem" }, index.h("span", { key: 'd741cd79b32a7caf22ec3fd1c15777e45cf93f05', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (index.h(index.Host, { key: '84ef978533d902cabc1264d4641a17a52da1ac61', role: "listitem" }, index.h("span", { key: '7afb53b4249c8c194a65472a50b817265351afc3', 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 CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-Bfx8AGPj.js');
-var index$1 = require('./index-C2XfGATp.js');
-var usage = require('./usage-CIw4kGaR.js');
+var index = require('./index-C1LZ-Zd8.js');
+var index$1 = require('./index-CjUBUVCO.js');
+var usage = require('./usage-AjULwro2.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: '9c5f5a9f99b9d45af99bf1eb8016881f387d904c', "aria-label": this.i18n('breadcrumbs') }, index.h("ol", { key: '7b8232f93afdf54cfef667dc9457edc269ec285b' }, index.h("slot", { key: '3c06ad7d0d7fe0b5f0b96903036951e707bfae94', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (index.h("nav", { key: 'f88e1453059c33d40490b89dd34cc3a8e33ea923', "aria-label": this.i18n('breadcrumbs') }, index.h("ol", { key: '26b822edbc6d93eabb4dc97db340e4155ad02678' }, index.h("slot", { key: '2fab33cf5d08f62d8b4b215a3484094b2afef601', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -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-CIw4kGaR.js');
+var usage = require('./usage-AjULwro2.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: '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' })))));
+        return (index.h("gux-popup", { key: '81151ec4803c66a856f2ae63a4abd1fd914e9c18', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, index.h("div", { key: '763aa8765d6456ced163b16392f28152cdfbec5b', slot: "target", class: "gux-button-multi-container" }, index.h("gux-button-slot", { key: 'a0d770793d6a522e9d11ebfe4869bb9fc2166f06', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, index.h("button", { key: '16ed22bf8400f1813c205bf690b8527e10083243', 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: 'b8a1d7d212b3aa69b9d2707a5f268d4ef047f68e', name: "title" }), index.h("gux-icon", { key: 'a0c2d0ffb219e64bcfb5d9cb89a75e489a322619', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), index.h("div", { key: 'c8df9601b7a0ca07a6a66688ec7f5b8689d96533', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '58768f2f58d1d1099c199efedf94aac619617077', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'ce515bb2d9336172e274e7fbcdf8930a8032322b' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -1,7 +1,7 @@
 'use strict';
-var index = require('./index-Bfx8AGPj.js');
-var usage = require('./usage-CIw4kGaR.js');
+var index = require('./index-C1LZ-Zd8.js');
+var usage = require('./usage-AjULwro2.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: '31ca4b09af9bb76bd9a4a15f7fd2ee9e640c759a', accent: this.accent, "icon-only": this.iconOnly }, index.h("slot", { key: '16ee328a47ab75d0d4ccecf70c57f373d83c3d92' })));
+        return (index.h(index.Host, { key: '837210124f055e9ba137a070bbbf62f9b6546e73', accent: this.accent, "icon-only": this.iconOnly }, index.h("slot", { key: 'eccd0b293d0b86e1733d8abff4cb07f6e37b1600' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,10 +1,10 @@
 'use strict';
-var index = require('./index-Bfx8AGPj.js');
-var usage = require('./usage-CIw4kGaR.js');
+var index = require('./index-C1LZ-Zd8.js');
+var usage = require('./usage-AjULwro2.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: '45e0647c35e44a15d33a7491b1a5748317b91c3e', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            index.h("button", { key: 'a655b1884a2e2114d912ac8af0310d106c546a80', 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: 'd6a726b5e60186346d8755d1cd2821299d584a11', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, index.h("slot", { key: 'c5a9a2400f8cc04a2074e5e76cc4a2f7fe1dddbb', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }
@@ -263,10 +263,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'e91df0309d9197961051a592c3bb7233f67a7b91', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: 'bc04c0c2945c14426e7ff1cf87f4a760df930948', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "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" }))));
+            }, "data-placement": true }, index.h("div", { key: 'ce2454d1e80b152b8ff2d21ba175496e79f03b2a', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '584c7f56ee99f6236718e56f5c9513f0965e659b', class: "gux-arrow-caret" })), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '4f5a96eb0153eaf417fd8d63ead049f02f77517f', onClick: this.dismiss.bind(this) })), index.h("div", { key: '9332706ed1b4d0c2a0ebb6a37a79b4b4ac430147', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: '88d1e4173cd77b7ce449b8ed6bb54a868b1b3ad7', name: "title" })), index.h("div", { key: 'ce3635566e8ec64605a5a2945569b2e1167bb1cb', class: "gux-popover-content" }, index.h("slot", { key: 'e2004b3f52ce0ef90bc6dae85665a5454013b4e7' })), index.h("div", { key: '87544441c6ed5a867bdb5a79375a292eb0db8c02', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, index.h("slot", { key: '25e63d3f83160bfde5c25c9c976719205646c184', name: "footer" }))));
     }
     get root() { return index.getElement(this); }
 };