genesys-spark-components 4.49.0 → 4.50.0

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-512f8bcc.js');
+const usage = require('./usage-24431b69.js');
 
 const guxTabsCss = ":host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;height:100%}:host .gux-tabs:not(.gux-vertical){flex-direction:column}:host .gux-panel-container{display:flex;flex-direction:column;height:100%;min-height:0}";
 const GuxTabsStyle0 = guxTabsCss;
@@ -51,7 +51,7 @@ const GuxTabs = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: 'd64b428cb36866449acf3945dd7b009032c85384' }, index.h("div", { key: '943bb8074be91602a2fcb137877ad1c924ed22f7', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: '18bc96dc083417b25e3c5ba8d9b44f23be9f2355', name: "tab-list" }), index.h("div", { key: 'e1692564163138d61cd95cf897ec784253c2abad', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: '2da458388789cf4fb2e4eff0f885fecc3ac3224d', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (index.h(index.Host, { key: '202594f5087b11ecfabdd781f6f5d96577a75886' }, index.h("div", { key: '28ae208f311499e63f938b75de6d1a0f1c95045d', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: '02eace35fa55f7c5c30010cff9101fb2899f9e8c', name: "tab-list" }), index.h("div", { key: 'a042331855cf167b9fa783c4a2162cf558781f91', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: '4eaab57979d84c2490320e42d0ed966031a463ca', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-512f8bcc.js');
+const usage = require('./usage-24431b69.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const tag = "tag with label: {label}";
@@ -67,7 +67,7 @@ const GuxTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (index.h("div", { key: '704a31293cdbb184a6f4f82ebad8395d1220af5e', class: {
+        return (index.h("div", { key: 'f1fc17b9b9531c2c2995e0e5b486fcb2ca0dced9', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled

package/dist/cjs/gux-text-highlight.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-512f8bcc.js');
+const usage = require('./usage-24431b69.js');
 
 const conversion = /[ +]/g;
 const expressions = new Map();

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-512f8bcc.js');
+const usage = require('./usage-24431b69.js');
 const getValidTimezone = require('./get-valid-timezone-52eac7fa.js');
 const useRegionalDates = require('./use-regional-dates-7be0e7b5.js');
 const index$1 = require('./index-a1a48d79.js');

package/dist/cjs/gux-time-picker.cjs.entry.js

@@ -7,7 +7,7 @@ const onClickOutside = require('./on-click-outside-f7acdd1d.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const index = require('./index-a1a48d79.js');
-const usage = require('./usage-512f8bcc.js');
+const usage = require('./usage-24431b69.js');
 const useRegionalDates = require('./use-regional-dates-7be0e7b5.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -386,7 +386,7 @@ const GuxTimePicker = class {
         return (index$1.h("div", { slot: "popup", class: "gux-list-container", onKeyDown: (e) => this.onListKeyDown(e) }, index$1.h("gux-list", { ref: el => (this.listElement = el) }, this.renderTimeListItems())));
     }
     render() {
-        return (index$1.h("gux-popup", { key: 'bdb3a57f2a256e6144e6865487a0a63441732dd5', class: {
+        return (index$1.h("gux-popup", { key: '399d67b28a378c96c233c32ff18b325994d00ba6', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));

package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-512f8bcc.js');
+const usage = require('./usage-24431b69.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-512f8bcc.js');
+const usage = require('./usage-24431b69.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
 const guxToastCss = ".gux-toast{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-gap);place-content:stretch flex-start;align-items:flex-start;width:var(--gse-ui-toast-wrappingWidth);padding:var(--gse-ui-toast-margin);margin-bottom:var(--gse-ui-toast-stacking-gap);border-radius:var(--gse-ui-toast-borderRadius);box-shadow:var(--gse-ui-toast-boxShadow-x) var(--gse-ui-toast-boxShadow-y) var(--gse-ui-toast-boxShadow-blur) var(--gse-ui-toast-boxShadow-spread) var(--gse-ui-toast-boxShadow-color)}.gux-toast .gux-icon ::slotted(gux-icon){width:var(--gse-ui-toast-icon) !important;height:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon gux-icon{width:var(--gse-ui-toast-icon) !important;height:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon.gux-icon-error{color:var(--gse-ui-toast-error-iconColor)}.gux-toast .gux-icon.gux-icon-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-toast .gux-icon.gux-icon-success{color:var(--gse-ui-toast-success-iconColor)}.gux-toast .gux-icon.gux-icon-info{color:var(--gse-ui-toast-info-iconColor)}.gux-toast .gux-icon.gux-icon-action{color:var(--gse-ui-toast-action-iconColor)}.gux-toast .gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-toast-gapButton);place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0}.gux-toast .gux-content .gux-message{display:flex;flex-direction:column;gap:var(--gse-ui-toast-gapText)}.gux-toast .gux-content .gux-message .gux-message-title{font-family:var(--gse-ui-toast-heading-fontFamily);font-size:var(--gse-ui-toast-heading-fontSize);font-weight:var(--gse-ui-toast-heading-fontWeight);line-height:var(--gse-ui-toast-heading-lineHeight)}.gux-toast .gux-content .gux-message .gux-message-body{font-family:var(--gse-ui-toast-text-fontFamily);font-size:var(--gse-ui-toast-text-fontSize);line-height:var(--gse-ui-toast-text-lineHeight)}.gux-toast .gux-content .gux-buttons-bar{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-toast-buttonBar-gap);justify-content:flex-start}.gux-toast .gux-content .gux-buttons-bar ::slotted(a){font-family:var(--gse-ui-link-inLine-medium-underlinedText-fontFamily);font-size:var(--gse-ui-link-inLine-medium-underlinedText-fontSize);font-weight:var(--gse-ui-link-inLine-medium-underlinedText-fontWeight);line-height:var(--gse-ui-link-inLine-medium-underlinedText-lineHeight)}.gux-toast.gux-toast-success{background-color:var(--gse-ui-toast-success-backgroundColor)}.gux-toast.gux-toast-success .gux-message{color:var(--gse-ui-toast-success-foregroundColor)}.gux-toast.gux-toast-warning{background-color:var(--gse-ui-toast-warning-backgroundColor)}.gux-toast.gux-toast-warning .gux-message{color:var(--gse-ui-toast-warning-foregroundColor)}.gux-toast.gux-toast-error{background-color:var(--gse-ui-toast-error-backgroundColor)}.gux-toast.gux-toast-error .gux-message{color:var(--gse-ui-toast-error-foregroundColor)}.gux-toast.gux-toast-info{background-color:var(--gse-ui-toast-info-backgroundColor)}.gux-toast.gux-toast-info .gux-message{color:var(--gse-ui-toast-info-foregroundColor)}.gux-toast.gux-toast-action{background-color:var(--gse-ui-toast-action-backgroundColor)}.gux-toast.gux-toast-action .gux-message{color:var(--gse-ui-toast-action-foregroundColor)}";
@@ -45,9 +45,9 @@ const GuxToast = class {
         return (index.h("div", { class: "gux-buttons-bar" }, this.hasSecondaryButton && (index.h("gux-button-slot", null, index.h("slot", { name: "secondary-button" }))), index.h("gux-button-slot", { accent: this.hasSecondaryButton ? 'primary' : 'tertiary' }, index.h("slot", { name: "primary-button" }))));
     }
     render() {
-        return (index.h("div", { key: '95feae686a189f5b3f5e59c436c3eff6323e2932', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: 'c16f8d5455815e00c884c7f527dfcd0c8dc60342', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: '2ad3acdf7d4845ec1ac007f720b69cf348f91dfd', class: "gux-content" }, index.h("div", { key: '056d175281392ecbac303c458f73b0ad28bca9b5', class: "gux-message" }, index.h("gux-truncate", { key: 'c5b5ad3fbf4015d2ad4e75d7a7dd559cbba22851', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: 'd4b6bbc4f1df7572a9e9d10ff17e08cd77195d48', name: "title" })), index.h("gux-truncate", { key: 'dbe8a00284fa798f6435f5ae0e66c7d751e01fb6', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: 'a678b8bf811f80bf6ef8bcd65d4ae1bed567f415', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (index.h("div", { key: '4147c8bf91fcd5b41d3dca2ec3b94a99a95cecc4', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: 'bbcbdd8edbc09054313a9776ec332859b847b926', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: '6d0a3537852904874c357d5610c4127e1b42dfec', class: "gux-content" }, index.h("div", { key: '4bf4d6bebc58852e09d86d221051c749f9edc8f4', class: "gux-message" }, index.h("gux-truncate", { key: '1bb9d3e5bb5430e03a202d8c5783cbed3fa0cea9', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: '9f050ac52cf4c8881c4d403747149aba8e6a3639', name: "title" })), index.h("gux-truncate", { key: '45897b12e305b03ac8253a5c3473c17cc4d7bcdb', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: 'e74e0bee23e72fdc2956cff14facfc4fa9679da4', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), index.h("gux-dismiss-button", { key: 'fad38838ab8f981c5708e71625096ac5f5a47b85', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), index.h("gux-dismiss-button", { key: '2ef8ac0da6a8dc1e08e2a09f8ddd26cc72d6eda0', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/cjs/gux-toggle-slider.cjs.entry.js

@@ -30,12 +30,12 @@ const GuxToggleSlider = class {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (index.h("div", { key: '442a3e5cf06989a1f881b74cae15de52b9093ba4', class: {
+        return (index.h("div", { key: '5791b57be9262903ca54386f9326bec171aacf7f', class: {
                 'gux-toggle-slider': true,
                 'gux-checked': this.checked,
                 'gux-disabled': this.disabled,
                 'gux-error': isError
-            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, index.h("div", { key: 'dd607d535d132131f0a97b57c7c5d249fc250fd9', class: "gux-slider" }, index.h("div", { key: '8882f0730b95de5c5487327ee91b220aa4de81a9', class: "gux-switch" }, !isError && (index.h("gux-icon", { "icon-name": "fa/check-solid", decorative: true }))))));
+            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, index.h("div", { key: '203ecb97c85740a8924a59021d9372aed9b076a4', class: "gux-slider" }, index.h("div", { key: '212b75d843fa82e24df381cfa6a2ba83988469bd', class: "gux-switch" }, !isError && (index.h("gux-icon", { "icon-name": "fa/check-solid", decorative: true }))))));
     }
 };
 GuxToggleSlider.style = GuxToggleSliderStyle0;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-512f8bcc.js');
+const usage = require('./usage-24431b69.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -85,11 +85,11 @@ const GuxToggle = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '278dd6b9c4e6c380c7a6ed531332196e143f5d81', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: '07224afa970034c5fa93948408affc57583855a6', class: {
+        return (index.h(index.Host, { key: 'de84a3159c36135bc7c2a0db04e6eb093003900d', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: '221739cab7db28196621d648dea0e3e67445e742', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, index.h("div", { key: '1476bf2bf407622ffed947508d26804a65145a5f', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, index.h("gux-toggle-slider", { key: '4438ff0b9cd28f17f9334a94befd6b4714798ed5', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), index.h("gux-announce-beta", { key: '7f5a2431308abca83768b595c1eeba1a3db9b439', ref: el => (this.announceElement = el) })));
+            } }, index.h("div", { key: '92dc48fda10407fa1c04992ba9a64310183cdb93', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, index.h("gux-toggle-slider", { key: '0a09b03079e767d27e31168e64b1102ce587501c', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), index.h("gux-announce-beta", { key: '6c2c348dafb5fb653b1c005d9784f17753a62a56', ref: el => (this.announceElement = el) })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-tooltip-base-beta.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-f8b4cd90.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-512f8bcc.js');
+const usage = require('./usage-24431b69.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 
 const guxTooltipBaseCss = ":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;width:max-content;max-width:250px;pointer-events:none;border-radius:var(--gse-ui-tooltip-borderRadius);box-shadow:var(--gse-ui-tooltip-boxShadow-x) var(--gse-ui-tooltip-boxShadow-y) var(--gse-ui-tooltip-boxShadow-blur) var(--gse-ui-tooltip-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color);opacity:0}:host(.gux-show){display:block;animation-name:fade-in;animation-duration:250ms;animation-delay:1s;animation-fill-mode:forwards}.gux-container{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-tooltip-gap);place-content:center flex-start;padding:var(--gse-ui-tooltip-padding);font-family:var(--gse-ui-tooltip-text-fontFamily);font-size:var(--gse-ui-tooltip-text-fontSize);font-weight:var(--gse-ui-tooltip-text-fontWeight);line-height:var(--gse-ui-tooltip-text-lineHeight);color:var(--gse-ui-tooltip-light-foregroundColor);background-color:var(--gse-ui-tooltip-light-backgroundColor);border:var(--gse-ui-tooltip-light-border-width) var(--gse-ui-tooltip-light-border-style) var(--gse-ui-tooltip-light-border-color);border-radius:var(--gse-ui-tooltip-borderRadius)}.gux-container ::slotted(gux-icon){align-self:center;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-tooltip-light-iconColor)}.gux-container ::slotted(*){width:100%;overflow-wrap:break-word;white-space:normal}.gux-container.gux-dark{color:var(--gse-ui-tooltip-dark-foregroundColor);background-color:var(--gse-ui-tooltip-dark-backgroundColor);border-color:var(--gse-ui-tooltip-dark-border-color)}.gux-container.gux-dark ::slotted(gux-icon){align-self:center;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);color:var(--gse-ui-tooltip-dark-iconColor)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-512f8bcc.js');
+const usage = require('./usage-24431b69.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 

package/dist/cjs/gux-tooltip-title.cjs.entry.js

@@ -129,16 +129,16 @@ const GuxTooltipTitle = class {
     }
     render() {
         return [
-            index.h("span", { key: 'e6f55ce7334f048f035a680f4e043ef5707833c0', class: {
+            index.h("span", { key: '77aa0535ef0ca5b5b17158a31853133920fe9674', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, index.h("slot", { key: 'e55afdd4ca6ec655c299cfca6dc2326f792c56d2' })),
+                } }, index.h("slot", { key: 'f350da922ee1d58853799fe8d79ffc4b4a9216bc' })),
             this.renderTooltip()
         ];
     }
     renderTooltip() {
         if (this.hasTooltip) {
-            return (index.h("gux-tooltip", { "aria-hidden": "true", ref: el => (this.tooltipElement = el), hidden: !this.showTooltip }, this.titleName));
+            return (index.h("gux-tooltip", { "aria-hidden": "true", ref: el => (this.tooltipElement = el), hidden: !this.showTooltip }, index.h("div", { slot: "content" }, this.titleName)));
         }
     }
     get root() { return index.getElement(this); }

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-f8b4cd90.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-512f8bcc.js');
+const usage = require('./usage-24431b69.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 
@@ -133,10 +133,10 @@ const GuxTooltip = class {
         this.disconnectForElement();
     }
     render() {
-        return (index.h(index.Host, { key: '23477d4e689c177e2a88bdf7e03368e065d6bd0f', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, index.h("div", { key: 'f7fef2a6277330f90e7bd95751cc7b0c3fe6edd6', class: {
+        return (index.h(index.Host, { key: 'c6ef6e85ec518439109511c3e28f34360a8fc2ab', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, index.h("div", { key: '3282e99f1d5bac18f1fa92b4fa4db274f5637289', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, index.h("slot", { key: '79342f9b083f94aedbfc60105005e558727291b7', name: "content" }, index.h("slot", { key: 'e85e4ff53d5180d542cf7275e294cfdf54c7fbd1' })))));
+            }, "data-placement": this.placement }, index.h("slot", { key: 'adadbd260a0178eeeb0db1d2f0050460a3b622b9', name: "content" }, index.h("slot", { key: '428309be9885b36bc97eb80d16b9de2bf98825d7' })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -61,15 +61,15 @@ const GuxTruncate = class {
     }
     renderTooltip() {
         if (this.needsTruncation()) {
-            return (index.h("gux-tooltip", { "aria-hidden": "true", ref: el => (this.tooltipElement = el) }, this.getTooltipContent()));
+            return (index.h("gux-tooltip", { "aria-hidden": "true", ref: el => (this.tooltipElement = el) }, index.h("div", { slot: "content" }, this.getTooltipContent())));
         }
         return null;
     }
     render() {
         var _a;
-        return (index.h("div", { key: 'cd82a9936f957f963e4e8eff3687d2d52929a1bb', class: {
+        return (index.h("div", { key: '7fa91b7c19dded106b243b38ec8856c8b4c5ce53', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, index.h("span", { key: '1a2f3da941b16627846edc145aaf26ee51a2ebe1', class: "gux-truncate-slot-container", style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, index.h("slot", { key: '8c60adfe89266e25c51bf57523835e8bd700d43c' })), this.renderTooltip()));
+            } }, index.h("span", { key: '4b287dfde87039d509a513b64b23300743c6c3fa', class: "gux-truncate-slot-container", style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, index.h("slot", { key: 'e2c3ab17bb095e7fa89fe56f7ebe29e2226d6cb7' })), this.renderTooltip()));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/{usage-512f8bcc.js → usage-24431b69.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const name = "genesys-spark-components";
-const version = "4.49.0";
+const version = "4.50.0";
 const description = "Common webcomponents";
 const license = "MIT";
 const main = "dist/stencil-wrapper.js";

package/dist/collection/components/beta/gux-segmented-control/gux-segmented-control-item/gux-segmented-control-item.js

@@ -33,7 +33,7 @@ export class GuxSegmentedControlItem {
     }
     renderTooltip() {
         if (this.iconOnly) {
-            return (h("gux-tooltip", null, getSlotTextContent(this.root, 'text')));
+            return (h("gux-tooltip", null, h("div", { slot: "content" }, getSlotTextContent(this.root, 'text'))));
         }
     }
     renderIconSlot() {
@@ -45,18 +45,18 @@ export class GuxSegmentedControlItem {
         }
     }
     render() {
-        return (h("div", { key: 'd91ef096989c854b0a65713c1102b94a842caaeb', class: {
+        return (h("div", { key: '99ca10f1505b6c7febda6f8a728450d3e47bddc4', class: {
                 'gux-container': true,
                 'gux-start': this.isInStartPosition(this.root),
                 'gux-end': this.isInEndPosition(this.root)
-            } }, h("button", { key: '96d54e7dce6661d3c7749f0fc3325529d00d2ac2', class: {
+            } }, h("button", { key: '0ec79b3df9b6d395dd01b7cf5acbc7b88debf789', class: {
                 'gux-segmented-control-item': true,
                 'gux-icon-only': this.iconOnly,
                 'gux-selected': this.selected
-            }, type: "button", disabled: this.disabled }, this.renderIconSlot(), h("div", { key: 'a6c5baf28bee4abf89ce7665e88b456492bd2dc0', class: {
+            }, type: "button", disabled: this.disabled }, this.renderIconSlot(), h("div", { key: '6c520a2b9dbdb5894d3f9a233730a19d4c850950', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: '4a52bfeae2a62f8c097fb322afc427574df6445f', name: "text" }))), this.renderTooltip()));
+            } }, h("slot", { key: 'ff26f8670d4b066d7999c020798913e4642b6042', name: "text" }))), this.renderTooltip()));
     }
     static get is() { return "gux-segmented-control-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tooltip-beta/tests/gux-tooltip.e2e.js

@@ -5,13 +5,17 @@ describe('gux-tooltip-beta', () => {
             `
         <div id="element" lang="en">
           <div>Element</div>
-          <gux-tooltip-beta>Tooltip</gux-tooltip-beta>
+          <gux-tooltip-beta>
+            <div slot="content">Tooltip</div>
+          </gux-tooltip-beta>
         </div>
       `,
             `
         <div lang="en">
           <div id="element">Element</div>
-          <gux-tooltip-beta for="element">Tooltip</gux-tooltip-beta>
+          <gux-tooltip-beta for="element">
+            <div slot="content">Tooltip</div>
+          </gux-tooltip-beta>
         </div>
       `
         ].forEach((html, index) => {

package/dist/collection/components/beta/gux-tooltip-beta/tests/gux-tooltip.spec.js

@@ -13,13 +13,17 @@ describe('gux-tooltip-beta', () => {
             `
         <div>
           <div>Element</div>
-          <gux-tooltip-beta>Tooltip</gux-tooltip-beta>
+          <gux-tooltip-beta>
+            <div slot="content">Tooltip</div>
+          </gux-tooltip-beta>
         </div>
       `,
             `
         <div>
           <div id="element">Element</div>
-          <gux-tooltip-beta for="element">Tooltip</gux-tooltip-beta>
+          <gux-tooltip-beta for="element">
+            <div slot="content">Tooltip</div>
+          </gux-tooltip-beta>
         </div>
       `
         ].forEach((html, index) => {
@@ -34,13 +38,17 @@ describe('gux-tooltip-beta', () => {
             `
         <div>
           <div>Element</div>
-          <gux-tooltip-beta>Tooltip</gux-tooltip-beta>
+          <gux-tooltip-beta>
+            <div slot="content">Tooltip</div>
+          </gux-tooltip-beta>
         </div>
       `,
             `
         <div>
           <div id="element">Element</div>
-          <gux-tooltip-beta for="element">Tooltip</gux-tooltip-beta>
+          <gux-tooltip-beta for="element">
+            <div slot="content">Tooltip</div>
+          </gux-tooltip-beta>
         </div>
       `
         ].forEach((html, index) => {

package/dist/collection/components/stable/gux-button/gux-button.css

@@ -64,6 +64,7 @@ button:active:enabled {
 button:focus-visible:enabled {
   outline: var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);
   outline-offset: var(--gse-semantic-focusRing-offset);
+  border-radius: var(--gse-semantic-focusRing-cornerRadius);
 }
 button.gux-primary {
   color: var(--gse-ui-button-primary-default-foregroundColor);
@@ -126,6 +127,7 @@ button.gux-inline {
   color: var(--gse-ui-link-default-foregroundColor);
   background: none;
   border: none;
+  border-radius: 0;
 }
 button.gux-inline[disabled] {
   color: var(--gse-ui-link-disabled-foregroundColor);

package/dist/collection/components/stable/gux-copy-to-clipboard/gux-copy-to-clipboard.css

@@ -50,9 +50,6 @@ button {
   display: inline-flex;
   align-items: center;
 }
-.gux-copy-to-clipboard-wrapper gux-tooltip .gux-tooltip-content > * {
-  vertical-align: middle;
-}
 .gux-copy-to-clipboard-wrapper gux-tooltip gux-icon {
   width: var(--gse-ui-icon-size-sm);
   height: var(--gse-ui-icon-size-sm);

package/dist/collection/components/stable/gux-copy-to-clipboard/gux-copy-to-clipboard.js

@@ -50,14 +50,14 @@ export class GuxCopyToClipboard {
         }
     }
     renderTooltip() {
-        return (h("gux-tooltip", { placement: "bottom-end" }, h("div", { class: "gux-tooltip-content" }, this.renderTooltipIcon(), h("span", null, this.i18n(this.tooltipContent)))));
+        return (h("gux-tooltip", { placement: "bottom-end" }, h("div", { slot: "content" }, this.renderTooltipIcon(), h("span", null, this.i18n(this.tooltipContent)))));
     }
     async componentWillLoad() {
         trackComponent(this.root);
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: 'f5625826126c249bd9a72d25932114287b6d34b8', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '58b397ebef31117597a142eb981c0eedefa62542', class: "gux-copy-content" }, h("slot", { key: '9a981366d109a3553131b204095bbef5a7209bfa', name: "content" }), h("gux-icon", { key: '7be0b55c634f057336ff459e2febc5740635bfab', "icon-name": "fa/copy-regular", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '44a5d72f48a5ae3f61efdd8fb0d5a6b4a94cca01', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'efb174d98e3f69e2c599703e44e4074598663070', class: "gux-copy-content" }, h("slot", { key: 'e287d43bcac5f3a09ef4bce02ef0dfb0ca9472e5', name: "content" }), h("gux-icon", { key: '6ee5929df43b450919a3c9bed98ab863712d24df', "icon-name": "fa/copy-regular", decorative: true })), this.renderTooltip()));
     }
     static get is() { return "gux-copy-to-clipboard"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-modal/gux-modal.css

@@ -74,17 +74,17 @@ slot[name=start-align-buttons]::slotted(:not(button, gux-button-slot)) {
   padding-right: var(--gse-ui-modal-padding);
   padding-left: var(--gse-ui-modal-padding);
   margin-top: var(--gse-ui-modal-gap);
-  margin-bottom: var(--gse-ui-modal-gap);
   overflow-y: auto;
 }
-:host dialog .gux-modal-container .gux-modal-content.gux-no-buttons {
-  margin-bottom: 0;
-}
 :host dialog .gux-modal-container .gux-button-footer {
   display: flex;
   justify-content: space-between;
   padding-right: var(--gse-ui-modal-padding);
   padding-left: var(--gse-ui-modal-padding);
+  margin-top: var(--gse-ui-modal-gap);
+}
+:host dialog .gux-modal-container .gux-button-footer.gux-no-buttons {
+  display: none;
 }
 @media (max-width: 416px) {
   :host dialog .gux-modal-container.gux-small, :host dialog .gux-modal-container.gux-medium, :host dialog .gux-modal-container.gux-large {

package/dist/collection/components/stable/gux-modal/gux-modal.js

@@ -50,23 +50,26 @@ export class GuxModal {
         return Boolean(this.root.querySelector('[slot="title"]'));
     }
     hasFooterButtons() {
-        return (Boolean(this.root.querySelector('[slot="start-align-buttons"]')) ||
-            Boolean(this.root.querySelector('[slot="end-align-buttons"]')));
+        var _a, _b;
+        const startAlignButtonsSlot = this.root.querySelector('[slot="start-align-buttons"]');
+        const endAlignButtonsSlot = this.root.querySelector('[slot="end-align-buttons"]');
+        return (Boolean((_a = startAlignButtonsSlot === null || startAlignButtonsSlot === void 0 ? void 0 : startAlignButtonsSlot.textContent) === null || _a === void 0 ? void 0 : _a.trim()) ||
+            Boolean((_b = endAlignButtonsSlot === null || endAlignButtonsSlot === void 0 ? void 0 : endAlignButtonsSlot.textContent) === null || _b === void 0 ? void 0 : _b.trim()));
     }
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
-        const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '26d5277c5f4873955b21cd4d14d0bd12cfbe8d2a', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '0a8f664358fca4bc4ffa434b2e5c2dd7e5644fb0', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '59323a947e1f0c8d007cd61708962e89023aa25a', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '0206c7b2fd10730ff08f6b25b43824666159e6dc', class: {
-                'gux-modal-content': true,
-                'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: 'a7a514847b4e1c6275d92fe0e0f4f984fd224ff3' }, h("slot", { key: 'f2c88de369d5b35122251bba209ad6dd46be5bdb', name: "content" }))), hasFooterButtons && this.renderButtonFooter())));
+        return (h("dialog", { key: 'ac1115c2f1f82756df5d91c3d5659fa3d5dd781a', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'bfcfd0f73112b008ef2cf3202076598a87de3f26', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '200698852414120c36c9ec52edde4674fa78c66b', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '6b0fbadcd779f6b71e919a8e1e09bf6a1cbb8bd2', class: "gux-modal-content" }, h("p", { key: '9a526f2eadad360a889850a1f0e4bda2d7c88997' }, h("slot", { key: '2c11aa392f022ba9752c783d309bbb04dd91c46b', name: "content" }))), this.renderButtonFooter())));
     }
     renderTitle(titleID) {
         return (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" })));
     }
     renderButtonFooter() {
-        return (h("div", { class: "gux-button-footer" }, h("div", { class: "gux-start-align-buttons" }, h("slot", { name: "start-align-buttons" })), h("div", { class: "gux-end-align-buttons" }, h("slot", { name: "end-align-buttons" }))));
+        const hasFooterButtons = this.hasFooterButtons();
+        return (h("div", { class: {
+                'gux-button-footer': true,
+                'gux-no-buttons': !hasFooterButtons
+            } }, h("div", { class: "gux-start-align-buttons" }, h("slot", { name: "start-align-buttons" })), h("div", { class: "gux-end-align-buttons" }, h("slot", { name: "end-align-buttons" }))));
     }
     onCloseHandler() {
         this.guxdismiss.emit();

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-ellipsis-button/gux-pagination-ellipsis-button.js

@@ -84,7 +84,7 @@ export class GuxPaginationEllipsisButton {
         this.applyInputListener();
     }
     render() {
-        return (h(Host, { key: '5979c0eb8f14e6ef6f8116f32fb9767bfbb8afa2' }, h("button", { key: '39050d70fbad9934bfb716147bb6b34b8d93fe7a', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '1b770c24d315059b532fc0461d38a96b723a09bd', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: '5edec81da9f5d2cf5b6462faa22a2bcb6b244e15', for: "popover-target" }, this.i18n('goToPage')), h("gux-popover", { key: '4ccc2d6b8e33062c289f613c813170223f6c3624', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'd3714a5a950e76c3b3d656a720e0e6d7b99caa3e', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'a437be9f072bc4494bf48d546d4593a4232c2000' }, h("input", { key: '8d380175646958355bbad4784a03752c3f12d45e', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), h("label", { key: 'dcbcb9eee1968bbe0c1a76e847cc745271ebfe5e', slot: "label" })))));
+        return (h(Host, { key: '5979c0eb8f14e6ef6f8116f32fb9767bfbb8afa2' }, h("button", { key: '39050d70fbad9934bfb716147bb6b34b8d93fe7a', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '1b770c24d315059b532fc0461d38a96b723a09bd', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: '5edec81da9f5d2cf5b6462faa22a2bcb6b244e15', for: "popover-target" }, h("div", { key: '6b35b456eeed78feae1d5dee1d94f7937d607a0d', slot: "content" }, this.i18n('goToPage'))), h("gux-popover", { key: '1575c0d1573a88ec4c6f6258851bebde33832706', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '51a98e4b06d6f5ab850cdb6fc2c71aa2f4b9cb0c', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'e0fe05c1bf3eb004cadd637467027d6244a4d86f' }, h("input", { key: '99144f1f90e7ba16e00710da268df21645ae456d', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), h("label", { key: 'dd72b30cad5eaf7fdabe8279c512dd118e4f64a0', slot: "label" })))));
     }
     static get is() { return "gux-pagination-ellipsis-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-pagination/gux-pagination-item-counts/gux-pagination-item-counts.js

@@ -28,7 +28,7 @@ export class GuxPaginationItemCounts {
         }
     }
     render() {
-        return (h("div", { key: 'f4398ee2d8d7ca6873eff4d05a8e2f18f0d05723', class: "gux-pagination-item-counts-container" }, h("span", { key: '563ca9b8a7a726cc83922af84d2183de6d8f7814', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '0405f2cb234fc32e8bc39f68f0e0565ed22fb88c', class: "gux-pagination-item-counts-container" }, h("span", { key: '22a37b896e4868d7a1de646c1a51beaefd0f9088', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
         })), this.getPaginationItemCountsRange()));

package/dist/collection/components/stable/gux-pagination/gux-pagination-items-per-page/gux-pagination-items-per-page.js

@@ -19,7 +19,7 @@ export class GuxPaginationItemsPerPage {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: 'c4502412829ea603167742d74ec0535a1897ffa6', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'e2c95e3ba45c052537e8e6d6f617e1b75a10209d', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '9c5dc9f8ba0010794021f07be64746a8ed045d34', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '67c09cd61fc1fb7b8235efdac9203baea373995e', class: "gux-pagination-items-per-page-container" }, h("div", { key: '362a8df1b349f2e7ea3feaff922a703454219691', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'c1f30f957e7f7da2c907c64548e6617e8f870db7', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     static get is() { return "gux-pagination-items-per-page"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-popover/gux-popover.js

@@ -146,10 +146,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: '1480dd2172bfa62a2b8aa552985d8e86a7e9f019', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '7bf5f65da1df65ddfca8f8d6f3edc5981a4b8368', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '5997baac0cc1197432784b33daa27549eb765257', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '7f83cdcd650b6a3b0bf655a458a48f41061a41a4', class: "gux-arrow-caret" })), h("div", { key: '6335e2f83e504b226b13f2435be073b834fea9e2', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'b0ec5ef26ba41fed994a9830fbebbf9ca2bc370e', name: "title" }), this.renderDismissButton()), h("div", { key: 'bc76ae69856b8f00caa741fb287a1aeafd7881ae', class: "gux-popover-content" }, h("slot", { key: 'c0327f47b92aaf50f118d465f84a05d713ef5c9f' }))));
+            }, "data-placement": true }, h("div", { key: '6fb89e7413e82843c5bb6df5047ce5693049ad7f', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'da4a064505c3e8a3e48405bce24bb41a2e7cb789', class: "gux-arrow-caret" })), h("div", { key: 'f25f43e3417e8789808cd2b328a6555472d5678c', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '6af3160507024501dd9942322bcde72f758d9e29', name: "title" }), this.renderDismissButton()), h("div", { key: 'bafb5459b541fccd4ce87f7ad25802d9b694d89e', class: "gux-popover-content" }, h("slot", { key: 'c806ef946192d874f8fbab8fe87a8efdf46d74b6' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-popover-list/gux-popover-list.js

@@ -126,10 +126,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: '4b22830c9691287be3680ce64fc6a96e2ab7b832', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '424ec49a8df793d4e3ef4c68aaca9794c761248e', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '7a59fc5797068f3f8aa48e91d831526371430f12', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: '42baad2bbe3cc57010d48ff284257e2382975f47', class: "gux-popover-content" }, h("slot", { key: 'bde18d210dcd0c3889ad55fdfc4e6a6e9b89f49a' }))));
+            }, "data-placement": true }, h("div", { key: '3273e0f5b407ebecfe67dff9d44340d83e15cf24', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: 'a3a3ef85f2a84a285d68f94def1e8a4bb72a009e', class: "gux-popover-content" }, h("slot", { key: '36427e39777c5734ebcfffe4812172ff755661ea' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-popup/gux-popup.js

@@ -89,13 +89,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: '18794d9d8b14859efc6d78c285acf9d28d85ab6e', class: {
+        return (h("div", { key: 'd92f08e650bdaa7f3b592b5df0a396c2ee9e4933', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'd30465b0718ba7770892b466349b89e37476889f', name: "target" }), h("div", { key: '8d923e571ed44c599eebe8f48776dd06ed76f664', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '879b091cc4ca2a7e29c1fbb8fb82c63c4fa51781', name: "target" }), h("div", { key: '7502a88402da33b4fd2340f61a0ab4f09c2af305', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'c20c24e3f91118cc3ff72f3622eeb24ebcd0d199', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '2797b1d969cfe3ac464b8c72833dda6db34ac21e', name: "popup" }))));
     }
     static get is() { return "gux-popup"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-radial-loading/gux-radial-loading.js

@@ -13,7 +13,7 @@ export class GuxRadialLoading {
         this.getI18nValue = await buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (h(GuxSpinnerState, { key: 'eb7b2fd11fe4302cd48acb030cb779058e73e22d', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: 'd161bde7c2650393d25832c93afe72563ee0b173', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     static get is() { return "gux-radial-loading"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-rating/gux-rating.js

@@ -99,7 +99,7 @@ export class GuxRating {
         }
     }
     render() {
-        return (h(Host, { key: '6b4a6bea9a678cc02dd93a948bb1f5a780b64c53', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'e12d9c8e2e24cdc8d594bb7adf35ac2227e398a3', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '624f8d79c2dc38f29d4236a12cd6c2489f497cf8', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '7a272f8c57ad78f2836e4e86a76c7ed6f0cc190c', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-item/gux-skip-navigation-item.js

@@ -4,7 +4,7 @@ import { Host, h } from "@stencil/core";
  */
 export class GuxSkipNavigationItem {
     render() {
-        return (h(Host, { key: 'a5497d8e9a929b6e24979254a27ff850d8c8fe63', role: "listitem" }, h("slot", { key: '6e17d9dfa6fbd85f2df554f6cb5d7cd6ff27ae44' })));
+        return (h(Host, { key: '5394ed7959d46e0134f1629285e8109d18a227a0', role: "listitem" }, h("slot", { key: 'c9f02719eeb6fe344acec077022d471a83f58699' })));
     }
     static get is() { return "gux-skip-navigation-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-list.js

@@ -11,7 +11,7 @@ export class GuxSkipNavigationList {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '6479f8c55652769e3b8c1519bead02955ae0b624', class: "gux-container" }, h("nav", { key: '85cc343ab6f58f38fdc1b5cc6760c2b7c531d7ea', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'd08c77f0a5c2fda3ed4fad2b6fc5510b65762c28', role: "list" }, h("slot", { key: '29642f178e95889c809d622d6b74929a8763643e' })))));
+        return (h("div", { key: 'ddcdcd8ed1cd480c0a9be1a624c5a125c9f35646', class: "gux-container" }, h("nav", { key: 'df1b23ccef8f13de493324fb7db74c706ca6b34f', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'a32bac57ef8cfb718efa563c20af6d5adb13529a', role: "list" }, h("slot", { key: 'f860149204467c0054b42b4dc471f0cc4c78608f' })))));
     }
     static get is() { return "gux-skip-navigation-list"; }
     static get encapsulation() { return "shadow"; }