genesys-spark-components 4.30.0 → 4.31.0

package/dist/cjs/gux-table-toolbar.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const onResize = require('./on-resize-da1477df.js');
 const onMutation = require('./on-mutation-3d294d15.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-018c2cda.js');
 const getSlot = require('./get-slot-676aebf2.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 
@@ -200,9 +200,9 @@ const GuxTableToolbar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '650b52a15c846fa431f39f1e89d87efa649f323f', role: "toolbar", "aria-orientation": "horizontal" }, index.h("div", { key: '068dfd96eb39bbd5769c447d55bc031157d177cb', class: "search-filter-container" }, index.h("slot", { key: 'ac7bdd50596e7bd0de470bd1cd422488d839878a', name: "search-and-filter" })), index.h("div", { key: '4046092cd462e39f56088da62229155ddcacf710', class: "section-spacing" }), index.h("div", { key: '468820b8a6c182927f00e01047e8f7ddb2c402b6', class: "gux-contextual-permanent-primary" }, index.h("div", { key: '563e980b8cba3e486e92991e842c49fbbefbc98f', class: {
+        return (index.h(index.Host, { key: 'eaab2742c135fb0310eabb8721393f5fb825cbae', role: "toolbar", "aria-orientation": "horizontal" }, index.h("div", { key: '6a64ee6a920ad16f9ac03f94b5e20b92d0c685e2', class: "search-filter-container" }, index.h("slot", { key: '6e71fa16bd89e00079d2c16fd3b2c0ce27412862', name: "search-and-filter" })), index.h("div", { key: 'e1a102bcc0574d2d29e229d571d3e72d89110e8d', class: "section-spacing" }), index.h("div", { key: '9273f730a013084ac58d502370f3bee15afb3a56', class: "gux-contextual-permanent-primary" }, index.h("div", { key: '821e1c2df99d8b088b05a00a14d7b2c3aac4ca17', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, index.h("slot", { key: 'b4ff8502630a23c7dd38915231d8bd8375c0eb2e', name: "contextual-actions" })), index.h("div", { key: '502be155ad656dd906b00675ad8732b28f8de313', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: '77087514023dd455867222dfcf2bb494b5939511', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: '8eb34e646850b079feae429e77fc0ba95b1947a7', "show-menu": this.renderMenu() }, index.h("slot", { key: 'fda4b7d04133ec177fae803c5abbf53aa157daff', name: "menu-actions" })), index.h("slot", { key: '6aab50089fac2f4e8dfeed2f323d05944b193694', name: "primary-action" })))));
+            } }, index.h("slot", { key: 'eb75f8319c6deafe800fbf8ca8e3da74d612b36e', name: "contextual-actions" })), index.h("div", { key: 'adbe14c3effc9b04daf8a439562d5b50ef4cb6b2', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: '39889e675b73c22cc9bd8a98be20aa2fd64d3c06', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: 'd69f3f1087c900c8307889597a6f7157cea1fd71', "show-menu": this.renderMenu() }, index.h("slot", { key: '7a94a21df6a669956c925af1ae7d91c78a1af0fe', name: "menu-actions" })), index.h("slot", { key: '66b21fc26de2140993c548dc969e230574fe26f9', name: "primary-action" })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -6,7 +6,7 @@ const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-018c2cda.js');
 const en = require('./en-807a354e.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -278,7 +278,7 @@ const GuxTable = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '77617cceb9c55085c4a47fed16a40c477ad13186', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: 'b7501899b0eed580b709c28de18f9745aecf718c', class: "gux-table" }, index.h("div", { key: 'd7776224e7d1efb8eadf5f5d03738170f866148d', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: '216f8e375803cc8ac1c88e186a3136c2dd6be0d1', name: "data" })), this.isTableEmpty && (index.h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (index.h(index.Host, { key: '7809ceda2ec03d11367acbfd533c2d96cd08bb0f', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: 'b8c0ebf87f5f280e8fa865fef87961d498b57bd6', class: "gux-table" }, index.h("div", { key: 'aee92a77c9681177e12226388b54a8f1f122e063', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: '285f91c63db2f99d0f883ab3934e8cc3b0ec9d65', name: "data" })), this.isTableEmpty && (index.h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-a14aaf71.js');
+const usage = require('./usage-018c2cda.js');
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {
@@ -49,7 +49,7 @@ const GuxTabsAdvanced = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '4419b76678c9a92819efaa508826bc7b8ffec03d' }, index.h("slot", { key: 'f0f8ceda4f688264bcf5ef7f08e8a43671dff99b', name: "tab-list" }), index.h("slot", { key: '44607242b2e1c469440d681045fd458eea79ac40', onSlotchange: this.onSlotchange.bind(this) })));
+        return (index.h(index.Host, { key: '3f1c2e5bbf7f28b3938cc3de89964df3183397ed' }, index.h("slot", { key: '0bdcd37a70df0a25b93f21d39231e32ccf2f33ae', name: "tab-list" }), index.h("slot", { key: '42b3ce2d9b6dc4810edf8779191bcb005357c699', onSlotchange: this.onSlotchange.bind(this) })));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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-a14aaf71.js');
+const usage = require('./usage-018c2cda.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: '6ec66fb353e459319d91fa4d4de1af7b8513248f' }, index.h("div", { key: 'baa6a68c97049a01b874e556a659ed1ce6468826', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: '8c73169498e82670a8d054ed5803e22b499b2a46', name: "tab-list" }), index.h("div", { key: '84ba7f6b258d9a848a4729876dcf1e47dacfda17', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: 'f8661d973cb4a302ed7dac5ad43e5752375be8a4', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (index.h(index.Host, { key: 'e784dea971a7e34e7fc6a3f7dc0af818dd5de6bd' }, index.h("div", { key: 'b69c81cfecba4d17146aa9322ac36662fef08469', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: '2722cdd4c8923144c0e54eb077b670ed395ef18e', name: "tab-list" }), index.h("div", { key: 'd4b0520f5c917aecb354409d869353e50cbfec32', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: 'fa4b925d41ff0b950d7204e4f6d22f74dbe75b67', 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-a14aaf71.js');
+const usage = require('./usage-018c2cda.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: '86a5067f5b1513029fe4908309d49c0106959a2a', class: {
+        return (index.h("div", { key: 'a9e80dca64518fac2748aeff058558974b20c9f2', 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-a14aaf71.js');
+const usage = require('./usage-018c2cda.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-a14aaf71.js');
+const usage = require('./usage-018c2cda.js');
 const getValidTimezone = require('./get-valid-timezone-52eac7fa.js');
 const checkRegionalDatesCookie = require('./check-regional-dates-cookie-406e21e2.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-a14aaf71.js');
+const usage = require('./usage-018c2cda.js');
 const checkRegionalDatesCookie = require('./check-regional-dates-cookie-406e21e2.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: 'e878a6225dc01d0054b58624fbec76912b8b7bb4', class: {
+        return (index$1.h("gux-popup", { key: '6a8dd6b428a2cc27d425990bdca8175651f99d50', 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-a14aaf71.js');
+const usage = require('./usage-018c2cda.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-a14aaf71.js');
+const usage = require('./usage-018c2cda.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: '6a04bc78689fa230f52ed9eb98bc51451e5e4ff4', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: 'fbc94fb9fa3700e6c747fb6d1dee95fa33a8260a', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: '187a63e31770164aa47a92a7677a491c7d196e5c', class: "gux-content" }, index.h("div", { key: 'a818314a76f360829ed6278ac7796960092b8b67', class: "gux-message" }, index.h("gux-truncate", { key: 'af8467afab8ea372df2a13c895b0d77bb46dcc79', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: 'd8aaec646f8189996572026f1f9c62954f261a13', name: "title" })), index.h("gux-truncate", { key: '4163f477c975c96b9d3e83267383e0145568c95e', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: '905ce30634e35ce4f693e6f535a059da5a0384c1', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (index.h("div", { key: '70ce82813516ab788cdbf9979376715dd846291a', class: `gux-toast gux-toast-${this.toastType}` }, index.h("div", { key: '9cea6047f1347a85cf938d37646ee63be90230bb', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), index.h("div", { key: '2ebba1824d10154e69279fff1de2c6782b0b3164', class: "gux-content" }, index.h("div", { key: 'cf1055d00179f7e681e0391b5de9fec791f18b7e', class: "gux-message" }, index.h("gux-truncate", { key: '4c1cf45ccf887e4e31b614f3129f4e695cef7c18', class: "gux-message-title", "max-lines": 1 }, index.h("slot", { key: '0c18744db78dce99b7be8208e75259d986c1d82f', name: "title" })), index.h("gux-truncate", { key: '8358fab98d512e469b325f66caaf4250720d56e2', class: "gux-message-body", "max-lines": 2 }, index.h("slot", { key: '76aa5682291d47e7f1a7f9776835e597d19db24a', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), index.h("gux-dismiss-button", { key: 'bd97346794fea0bae39354f772ec5c0a43434e67', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), index.h("gux-dismiss-button", { key: 'd13b26bde86e80a0534d4bc8093994082023f597', 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: '18e46a03cf16eac966f41ae7fee60cb1b5221d3c', class: {
+        return (index.h("div", { key: '3aabfe59d59b37b67a8c804b7f3e4e94b3747c35', 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: '998077167e20ceb10e3920db39058b4593eb4b36', class: "gux-slider" }, index.h("div", { key: 'be372eda45f87a4b6149333beee1b67a23fc0fba', 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: '0f668d9e4f2dc934410597f71db52cfb95b27d19', class: "gux-slider" }, index.h("div", { key: '5df5f4fb4e0f25cb6430f8712e07765397d482c9', 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-a14aaf71.js');
+const usage = require('./usage-018c2cda.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: '35da8c63192f9be915a8c9f509a6717adee7690b', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: 'b04ec2cf1e98d653e27b140e534aee3a73db231c', class: {
+        return (index.h(index.Host, { key: '9a1bfd046845e58e34808e5a07d51ea2f2708bad', class: { 'gux-display-inline': this.displayInline } }, index.h("div", { key: 'bb633001a57dbe3b924b4abac93f71da063c9407', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, index.h("div", { key: 'd6ab743bcc87168f4b591b7da46ba05b78b79c61', class: "gux-toggle-input" }, index.h("gux-toggle-slider", { key: 'b500db91292af76c4970825fd8af32662b7f7642', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), onClick: this.toggle.bind(this), onKeyDown: this.onKeydown.bind(this), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), index.h("gux-announce-beta", { key: '6c5978a4aa505a0d32b36e343907394397bfcbb4', ref: el => (this.announceElement = el) })));
+            } }, index.h("div", { key: '2d8613ca85b453f548e35a88d89b004308d3644d', class: "gux-toggle-input" }, index.h("gux-toggle-slider", { key: '6ad36b6f27693aacadfbc1a1b135f13421a4eb04', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), onClick: this.toggle.bind(this), onKeyDown: this.onKeydown.bind(this), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), index.h("gux-announce-beta", { key: 'c985e8c13220f364cd255fe5db0166407fc819b9', 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,10 +5,10 @@ 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-a14aaf71.js');
+const usage = require('./usage-018c2cda.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;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.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}}";
+const guxTooltipBaseCss = ":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;width:max-content;max-width:250px;pointer-events:none;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}}";
 const GuxTooltipBaseBetaStyle0 = guxTooltipBaseCss;
 
 const GuxTooltipBase = class {
@@ -119,10 +119,10 @@ const GuxTooltipBase = class {
         this.disconnectForElement();
     }
     render() {
-        return (index.h(index.Host, { key: '83a3b30d2144f854b71bd4b509dc58d504554360', id: this.tooltipId ? undefined : this.id, role: this.tooltipId ? undefined : 'tooltip', class: { 'gux-show': this.isShown } }, index.h("div", { key: '8f1e9045521965fe9a9a979b00224c8182fe0fc0', class: {
+        return (index.h(index.Host, { key: 'abbcb96d4a8a301908c1ad20df7770a89cbd4077', id: this.tooltipId ? undefined : this.id, role: this.tooltipId ? undefined : 'tooltip', class: { 'gux-show': this.isShown } }, index.h("div", { key: '17d69f7175afef1eea4af211140af6ff2cd9a4ae', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, index.h("slot", { key: '076ffa4ba3338d0a874b5ae85a364deb431e7e3b' }))));
+            }, "data-placement": this.placement }, index.h("slot", { key: '3eef93b4b81a750e2edb0981871eb2ece4d3df0b', name: "content" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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-a14aaf71.js');
+const usage = require('./usage-018c2cda.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 
@@ -19,14 +19,12 @@ const GuxTooltip = class {
     /*
      * Show tooltip
      */
-    // eslint-disable-next-line @typescript-eslint/require-await
     async showTooltip() {
         return await this.baseTooltip.showTooltip();
     }
     /*
      * Hide tooltip
      */
-    // eslint-disable-next-line @typescript-eslint/require-await
     async hideTooltip() {
         return await this.baseTooltip.hideTooltip();
     }
@@ -37,7 +35,7 @@ const GuxTooltip = class {
         usage.trackComponent(this.root, { variant: this.placement });
     }
     connectedCallback() {
-        this.forElement = this.getForElement();
+        this.updateForElement();
     }
     getForElement() {
         if (this.for) {
@@ -57,7 +55,7 @@ const GuxTooltip = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '68219dab51bcd01d964fbc31b08e97e810ae06fd', id: this.id, role: "tooltip" }, index.h("gux-tooltip-base-beta", { key: '5fbceb9b87c5fef1c8d2790f02ed632036c62972', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, ref: el => (this.baseTooltip = el) }, index.h("slot", { key: '74964f4914cfe76784bdc429a796a5b87b298347' }))));
+        return (index.h(index.Host, { key: 'c81ca418dde78ddb79559a4ee5e393575a2b7818', id: this.id, role: "tooltip" }, index.h("gux-tooltip-base-beta", { key: 'cad04556d134af962ed372806aab159689dfcdc2', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, ref: el => (this.baseTooltip = el) }, index.h("span", { key: 'b3e16443ffe8e434b2d73600fad227495fbcb01e', slot: "content" }, index.h("slot", { key: 'e73ac2ffde960015e4e3dd2235a7ab3be935c2ac', name: "content" }, index.h("slot", { key: '3153ce33ca8c8a48999e29437d1df0d402992abb' }))))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -129,10 +129,10 @@ const GuxTooltipTitle = class {
     }
     render() {
         return [
-            index.h("span", { key: '2d7bd2fac49e5b8751afd60410ad1c9eaf65aa7b', class: {
+            index.h("span", { key: '63cabf5baef49325dc3527738be21616938dfd09', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, index.h("slot", { key: '69d36326589475d9691bf6a67b655acb6b1e31bd' })),
+                } }, index.h("slot", { key: '7f175125cf4629c53133a76176982088a2dfc3e9' })),
             this.renderTooltip()
         ];
     }

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

@@ -5,11 +5,11 @@ 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-a14aaf71.js');
+const usage = require('./usage-018c2cda.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 
-const guxTooltipCss = ":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;width:max-content;max-width:250px;pointer-events:none;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.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}}";
+const guxTooltipCss = ":host{position:fixed;z-index:var(--gse-semantic-zIndex-tooltip);display:none;width:max-content;max-width:250px;pointer-events:none;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}}";
 const GuxTooltipStyle0 = guxTooltipCss;
 
 const GuxTooltip = class {
@@ -133,10 +133,10 @@ const GuxTooltip = class {
         this.disconnectForElement();
     }
     render() {
-        return (index.h(index.Host, { key: '721ba0cf909169ed7d34e494d5952539a79a612c', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, index.h("div", { key: '3e37f7340fd139cabd13e743395e025926aca796', class: {
+        return (index.h(index.Host, { key: '3d6491b37b06c6045effa858c720f4b9dcabd470', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, index.h("div", { key: 'd3fa5aa8194982548bd43a28b2826ac70ec170f5', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, index.h("slot", { key: 'b0f0ebdaf1b508b103aa54bf79116260a9dcd6a0' }))));
+            }, "data-placement": this.placement }, index.h("slot", { key: '82f26748711ed81e4220a0b0dd58d4821af69c6d', name: "content" }, index.h("slot", { key: 'fef4f172ffa440763b285b590ccb3a9b70ccc446' })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -67,9 +67,9 @@ const GuxTruncate = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: '3137d2ca2e8167b473e4ef2e1c28e138186443ec', class: {
+        return (index.h("div", { key: '56773af1e30c19b9b0ce6d3615aa193a55c7b6c5', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, index.h("span", { key: '23ae028bd3c1f2d70289ff6581ff278f5cfb02b1', class: "gux-truncate-slot-container", style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, index.h("slot", { key: '00e72af61e32d45b8f00b3d535d980150686e613' })), this.renderTooltip()));
+            } }, index.h("span", { key: 'dccca6be1b65de956758ad9e417bf3969bcfbacd', class: "gux-truncate-slot-container", style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, index.h("slot", { key: '935ff06379a8856ebe14ff4b64ad496a59b035de' })), this.renderTooltip()));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/{usage-a14aaf71.js → usage-018c2cda.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const name = "genesys-spark-components";
-const version = "4.30.0";
+const version = "4.31.0";
 const description = "Common webcomponents";
 const license = "MIT";
 const main = "dist/stencil-wrapper.js";
@@ -73,7 +73,6 @@ const devDependencies = {
 	"@stencil/core": "^4.12.6",
 	"@stencil/react-output-target": "^0.5.3",
 	"@stencil/sass": "^3.0.10",
-	"@stencil/utils": "0.0.5",
 	"@types/google-libphonenumber": "^7.4.30",
 	"@types/jest": "^27.5.2",
 	"@types/new-relic-browser": "^0.1118.2",

package/dist/collection/components/beta/gux-tooltip-base/gux-tooltip-base.css

@@ -39,6 +39,11 @@
   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);

package/dist/collection/components/beta/gux-tooltip-base/gux-tooltip-base.js

@@ -4,7 +4,7 @@ import { randomHTMLId } from "../../../utils/dom/random-html-";
 import { trackComponent } from "../../../utils/tracking/usage";
 import { afterNextRender } from "../../../utils/dom/after-next-render";
 /**
- * @slot - Content of the tooltip
+ * @slot content - Slot for content
  */
 export class GuxTooltipBase {
     constructor() {
@@ -113,10 +113,10 @@ export class GuxTooltipBase {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: '83a3b30d2144f854b71bd4b509dc58d504554360', id: this.tooltipId ? undefined : this.id, role: this.tooltipId ? undefined : 'tooltip', class: { 'gux-show': this.isShown } }, h("div", { key: '8f1e9045521965fe9a9a979b00224c8182fe0fc0', class: {
+        return (h(Host, { key: 'abbcb96d4a8a301908c1ad20df7770a89cbd4077', id: this.tooltipId ? undefined : this.id, role: this.tooltipId ? undefined : 'tooltip', class: { 'gux-show': this.isShown } }, h("div", { key: '17d69f7175afef1eea4af211140af6ff2cd9a4ae', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '076ffa4ba3338d0a874b5ae85a364deb431e7e3b' }))));
+            }, "data-placement": this.placement }, h("slot", { key: '3eef93b4b81a750e2edb0981871eb2ece4d3df0b', name: "content" }))));
     }
     static get is() { return "gux-tooltip-base-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -3,7 +3,7 @@ import { trackComponent } from "../../../utils/tracking/usage";
 import { findElementById } from "../../../utils/dom/find-element-by-";
 import { randomHTMLId } from "../../../utils/dom/random-html-";
 /**
- * @slot - Content of the tooltip
+ * @slot content - Slot for content
  */
 export class GuxTooltip {
     constructor() {
@@ -16,14 +16,12 @@ export class GuxTooltip {
     /*
      * Show tooltip
      */
-    // eslint-disable-next-line @typescript-eslint/require-await
     async showTooltip() {
         return await this.baseTooltip.showTooltip();
     }
     /*
      * Hide tooltip
      */
-    // eslint-disable-next-line @typescript-eslint/require-await
     async hideTooltip() {
         return await this.baseTooltip.hideTooltip();
     }
@@ -34,7 +32,7 @@ export class GuxTooltip {
         trackComponent(this.root, { variant: this.placement });
     }
     connectedCallback() {
-        this.forElement = this.getForElement();
+        this.updateForElement();
     }
     getForElement() {
         if (this.for) {
@@ -54,7 +52,7 @@ export class GuxTooltip {
         }
     }
     render() {
-        return (h(Host, { key: '68219dab51bcd01d964fbc31b08e97e810ae06fd', id: this.id, role: "tooltip" }, h("gux-tooltip-base-beta", { key: '5fbceb9b87c5fef1c8d2790f02ed632036c62972', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, ref: el => (this.baseTooltip = el) }, h("slot", { key: '74964f4914cfe76784bdc429a796a5b87b298347' }))));
+        return (h(Host, { key: 'c81ca418dde78ddb79559a4ee5e393575a2b7818', id: this.id, role: "tooltip" }, h("gux-tooltip-base-beta", { key: 'cad04556d134af962ed372806aab159689dfcdc2', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, ref: el => (this.baseTooltip = el) }, h("span", { key: 'b3e16443ffe8e434b2d73600fad227495fbcb01e', slot: "content" }, h("slot", { key: 'e73ac2ffde960015e4e3dd2235a7ab3be935c2ac', name: "content" }, h("slot", { key: '3153ce33ca8c8a48999e29437d1df0d402992abb' }))))));
     }
     static get is() { return "gux-tooltip-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/legacy/gux-action-toast-legacy/gux-action-toast.js

@@ -12,7 +12,7 @@ export class GuxActionToast {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '47b2597ede062b8d619e14accf7639ef8f829564' }, h("div", { key: '6f93ee09cae0fbd3a2514ff53bba17461122c7c4', class: "gux-header" }, h("div", { key: 'dc4a76acfceabd11f07fa4a034cbe353550e21e1', class: "gux-icon" }, h("slot", { key: '074f501439a2b7565c830459bfb9d4c488198139', name: "icon" })), h("div", { key: 'ebe347ab51c18661e1cce4914dede92f17298fb3', class: "gux-title" }, h("slot", { key: '6c2e7f297b654435cc8714485217d11f0826dd26', name: "title" }))), h("div", { key: 'df3e4b0cdedbf220d8a0be2633f21afda14fe11c', class: "gux-message" }, h("slot", { key: '88043629c2f7171fa2c33edfdc934403d05af081', name: "message" })), h("div", { key: '4890ceaf36b5c30e47fc799aa98e8594e4c5fa43', class: "gux-action-buttons" }, h("div", { key: 'ad7e3f04565b4ed5ab2a6d6f604fb7681458f992', class: "gux-positive-button" }, h("slot", { key: 'b2e5951c656f4fdb104d5132e11a3a1d24eb9cad', name: "positive-button" })), h("div", { key: '211ba0d6999fcdbdf985d11b37e224261030ee5b', class: "gux-negative-button" }, h("slot", { key: '840839dbe5452950097628d9e5abcfd61600c314', name: "negative-button" })))));
+        return (h(Host, { key: 'a883201df82ed095d8f4574357860659c77de0a4' }, h("div", { key: 'f8969f402900c487450fd08839f1840c962c210d', class: "gux-header" }, h("div", { key: '25f23f87e75fddd152605c147a07ab3a72921a99', class: "gux-icon" }, h("slot", { key: '568b7b930316116f2d1f3c714936dfe64a71030c', name: "icon" })), h("div", { key: '117c561b75c723a67f9c1a7edec46eae8dd753b9', class: "gux-title" }, h("slot", { key: 'ecd58a9eaa0610a457ccf78789ac5ef9838e51bc', name: "title" }))), h("div", { key: '3fe48963895187a3e30650e8fbba8bc4fdef75aa', class: "gux-message" }, h("slot", { key: '19122ad4a9fb9d97339fc1535acb52927e5f305d', name: "message" })), h("div", { key: 'c9d5c108ea1e03e7ea7697442a0013111b4a8b45', class: "gux-action-buttons" }, h("div", { key: '550222cac63f7276091d615a28a0a07bdb625952', class: "gux-positive-button" }, h("slot", { key: 'd571476a0f87e1ded3183c889381b68827fe9af5', name: "positive-button" })), h("div", { key: 'c9cc6adb9aeada53685b7e70722be9d49d8506e7', class: "gux-negative-button" }, h("slot", { key: '49a77b6df4e82c317ed63d52a8c73f405fc13a6f', name: "negative-button" })))));
     }
     static get is() { return "gux-action-toast-legacy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/legacy/gux-advanced-dropdown-legacy/dropdown-option/gux-dropdown-option.js

@@ -58,7 +58,7 @@ export class GuxDropdownOption {
         };
     }
     render() {
-        return (h("div", { key: '79855cf947e5e904c072daff3ab24b5abcd9e3b3', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: 'a1aa77e7480ad8fbe82cc98abae5e087b54238dd', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

package/dist/collection/components/legacy/gux-advanced-dropdown-legacy/gux-advanced-dropdown.js

@@ -70,9 +70,9 @@ export class GuxAdvancedDropdownLegacy {
         }
     }
     render() {
-        return (h("gux-popup", { key: '5ef657e931686ec569584376e7ca2aae95205049', expanded: this.opened, disabled: this.disabled }, h("div", { key: '0ca27adeee1a90d159b5f23dc1e27fb8558a16df', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '210c4975206e8672d7eb8af085c5174da0a290fe', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '80ee73ef27f02c8c7fbb379cf911923249e91447', class: "gux-icon-wrapper" }, h("gux-icon", { key: '789071330182c6d55c77fe61e4d39bdf4fd3431d', decorative: true, "icon-name": "chevron-small-down" }))), h("div", { key: 'ee6310dcec867336ada37e630a17e0f837463f37', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '14d31b611446466c50f2efebf1dca0ca5ab77ec1', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '3465eb69ff167aa9034066b44df8b7b769b34f61', "label-position": "screenreader" }, h("label", { key: 'ce1a9bfaadef3747e7e10647749d541bf500192e', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'd5f964e4fba7854318c60c2981a4e7ecdfbcaecb', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: '7d6550e43465dcecdaa8560fccaa48703fb3a246', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'f6d162c0806acbe6dbe6214d8267a5f8ceb16814', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '6fc7f49f786923c00586fb3ebe85cda68fa942bc', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { class: "gux-select-value", title: this.value }, this.value))), h("div", { key: 'df3caded426e1177383a17232fe733a04f8ac916', class: "gux-icon-wrapper" }, h("gux-icon", { key: '2da44035092380b04da9c929b55454c0bd21012d', decorative: true, "icon-name": "chevron-small-down" }))), h("div", { key: '804f1957aeb4e6c828206ad7244f6acbff076657', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'f03db98d2bc26a2f5959c1541f53a645544bac49', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: 'c2a21c00fd512ebaa7672fb54f5e8feda1092842', "label-position": "screenreader" }, h("label", { key: '77449ec906555a731e34dabd60c90efa6bd30b97', slot: "label" }, this.i18n('searchAria')), h("input", { key: '899c695d2c89133a4da37ad9093a54624857c1c6', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: '5e9bd252e07ca4d1bcce6997e315b70074d42b16', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '144ea7dbb8bb411e67e9d5f87ba5e69755b9fe62' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: '5516540295957b8a8390fe10897daf476b578893', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'd69777e377dff0df4c0851384369c35c57026f5a' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

package/dist/collection/components/legacy/gux-disclosure-button-legacy/gux-disclosure-button.js

@@ -38,10 +38,10 @@ export class GuxDisclosureButtonLegacy {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: '652baa3062ea3dfeefafcfece24140605359eea4', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'd55fe76c03c68c855c1226cd416f10a06a2812ab', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: '9aa2ba2d010dfaa397ca0252d596d4af302efe11', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'ff5bb0284dce2b88350709ecdd55f491b8d8c16d', id: this.panelId, class: {
+        return (h("div", { key: 'ecaeb9b6177112f93a7ef4a5aed6eeac64d0831c', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '90f906915e1eb1f28f114fc4ee8a547d44f80e5c', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: '84fcd4c68d75a1649af1961c973760fe6dc2272f', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'a6ccee9a2b12d007db687c46217b6a2c59a01bc5', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '5ffc186bf0a4e3745421ed5477ccdd27147f1fc4', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: 'c23678ee2c8a7bf59277e1a8efce641d9586b2c6', name: "panel-content" }))));
     }
     static get is() { return "gux-disclosure-button-legacy"; }
     static get encapsulation() { return "shadow"; }

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

@@ -42,10 +42,10 @@ export class GuxModalLegacy {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("div", { key: '4f6aa228da982ec9c989d897d0fe7c1700313bad', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '7f3cd94ba2aef4b4047a693cb3b9475261a5a9ef', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" }))), h("gux-dismiss-button", { key: '6b736a5ead8c2fdc8d617e4ffd3a73e8750a629e', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'fd018c98424131ba411a0e1c35cfbaf271c71fce', class: {
+        return (h("div", { key: 'bf5aa99c17196583643a091cadc4ac61af4e95d5', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'd13021f74577d221681404037749b2fa11a49f7c', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" }))), h("gux-dismiss-button", { key: 'cfa6569a483402546a6c02d82eb299532eeda09c', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'ffcb7df17b6096b63cf4c7f7a54a363ea9e3822a', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '6a6934dbee9ed80f99526693beae3b84d11e1974' }, h("slot", { key: 'c802f05c579addf526fb0ae44e003caa954532f7', name: "content" }))), hasFooterButtons && (h("div", { class: "gux-button-footer" }, h("div", { class: "gux-left-align-buttons" }, h("slot", { name: "left-align-buttons" })), h("div", { class: "gux-right-align-buttons" }, h("slot", { name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: '8abb233f4af9528d456bcaa50884f426f274c14b' }, h("slot", { key: 'a5a7e272a776c515e6719cd45d6473ebea19b970', name: "content" }))), hasFooterButtons && (h("div", { class: "gux-button-footer" }, h("div", { class: "gux-left-align-buttons" }, h("slot", { name: "left-align-buttons" })), h("div", { class: "gux-right-align-buttons" }, h("slot", { name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
     }
     // When trap-focus is enabled, focusing this element
     // will immediately redirect focus back to the dismiss button at the top of the modal.

package/dist/collection/components/legacy/gux-notification-toast-legacy/gux-notification-toast.js

@@ -13,7 +13,7 @@ export class GuxNotificationToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: '20faa0a33a3f8081c936499c4e6b1e119c7bd987' }, h("div", { key: '959416493e3ce2457b092b425e1cc2885137cd92', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '7b00486c44a46a2803988b33ed56a7023b217a6a', name: "icon" })), h("div", { key: '0dab31caaeb88ec32109e4b4f9ce25607436eee1', class: "gux-content" }, h("gux-truncate", { key: '37a6a5ada174d481df0b6f07fb5165282032ec7a', class: "gux-title", "max-lines": 1 }, h("slot", { key: '88e6e507bec7b2af0208adcbd39a4cb565cca59a', name: "title" })), h("gux-truncate", { key: '26a5a66629cd361b1b5d4845515465bb30fcea39', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'b03dde7b210131c4659c40f74cdb95571520d488', name: "message" }))), h("gux-dismiss-button", { key: 'cd061a1aae2a319e757cc273a2096e5a834b3764', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '95f0699e6fa45841e5d1c9cbf93469776739706b' }, h("div", { key: '40f8dc61690012e3d0f9332c259b33229da0b978', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '046d5e3ca767cd3169ac5d467c881f6440c1cf24', name: "icon" })), h("div", { key: '7e92e95c11ee47b97867e79bf2071ff094eb7896', class: "gux-content" }, h("gux-truncate", { key: 'c2f72cd81ce25da5254689c83f80f3c8115de6bb', class: "gux-title", "max-lines": 1 }, h("slot", { key: '70d07f64b0bebb2e3b52e6710862897e702edfdb', name: "title" })), h("gux-truncate", { key: 'e6abb2d9a7ef823549b144590382c426097d9b1f', class: "gux-message", "max-lines": 2 }, h("slot", { key: '2d7941c85956f06d7d039f9b40a0caf8f6f0b6d5', name: "message" }))), h("gux-dismiss-button", { key: 'd994890293510eac8732ca3ee85cbc21c110d434', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-buttons-legacy/gux-pagination-buttons.js

@@ -71,7 +71,7 @@ export class GuxPaginationButtonsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: 'd5ebe9d21e497bffef96ad60a9b294ad3f1f5959', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '7b1c8456a7c02a636f95e3d0c0e9e57f567a93ee', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '33e8479869959b163a457fadb1d01b4240efaa4f', accent: "ghost" }, h("button", { key: 'f690873d17d85566525f0ae454e7def3b3cbe1da', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '6c1adfd5d38099e4dc8c6a43534fe32b4fb17785', decorative: true, "icon-name": "chevron-double-left" }))), h("gux-button-slot", { key: '2e260c6af4d80e650ed586377f17f158831a67ae', accent: "ghost" }, h("button", { key: '357586dd2c48fa8fa5a187b6096139048c20b697', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '215cb8dd44adf155321e20100da68568d37ef1f5', decorative: true, "icon-name": "chevron-small-left" })))), this.getPagePicker(this.layout), h("div", { key: '992b1e5177f9218a50fa8b02ba009c37c5b39a03', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '0d7c2456fbc4a0fb6105cb5feebf390f4aa1706e', accent: "ghost" }, h("button", { key: '2e8857af4cf2d0918c218e2b41b832309267bbc2', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '17bfe316027e004ae9e10f746ab75e5b1e771c77', decorative: true, "icon-name": "chevron-small-right" }))), h("gux-button-slot", { key: '6286278638dd991e04f046f20ce6737711250c42', accent: "ghost" }, h("button", { key: 'c9c26b916fa353b353c1a06e75f65062c6a1113c', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '44d9409edecf3b08e71aee30a202a993a5aa8ee5', decorative: true, "icon-name": "chevron-double-right" }))))));
+        return (h("div", { key: '65f5df113fcff5352c78aae19e64e1cf3aa0529d', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '342290ddf38c6ff15c96ceee1bf85856c39d1b33', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'df7a7a8f79872afc4b07bb770b17cbca146ed8ca', accent: "ghost" }, h("button", { key: '405bda85171a8954521414f02705e7be01f8346c', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '6af6ef74821a2328799c8da454d7fcbd717e71f9', decorative: true, "icon-name": "chevron-double-left" }))), h("gux-button-slot", { key: '8638a3c1fff12fd027ff9257c429784a62dbfe89', accent: "ghost" }, h("button", { key: '079e9784e585a182c73b7f08e65a8709db4403cb', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '1d12b4830af8429f39b7a331a5d585255f9fdf02', decorative: true, "icon-name": "chevron-small-left" })))), this.getPagePicker(this.layout), h("div", { key: 'c3ee4d1d35a8c4f097bf744f3471ee79d01fdf71', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'f2cdc9899f705c318927c2c1f3e58f35716bea2a', accent: "ghost" }, h("button", { key: 'b51edb7cb1a86dbc7b6d4740a9cef5cf45df97f4', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '5495c3f4f6247b6c05e89909956dfd38a28aed06', decorative: true, "icon-name": "chevron-small-right" }))), h("gux-button-slot", { key: 'd29e779b6180d2a48fc56e0996c67c1630672ee5', accent: "ghost" }, h("button", { key: '11ce9c30b2f4b25af5a392864df4bc8509a43a54', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '2eea5b1f7b945763fb442c577c6e40d5d2bbf6be', decorative: true, "icon-name": "chevron-double-right" }))))));
     }
     static get is() { return "gux-pagination-buttons-legacy"; }
     static get originalStyleUrls() {

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

@@ -23,10 +23,10 @@ export class GuxPaginationItemCountsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: 'b86c180e1dc5890dfb177e8a6f9fc7f691efc3a0', class: "gux-pagination-item-counts-container" }, h("span", { key: '9e7310b7dba66fe80357501eeb916807db8caea0', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '476ed762cb8b6a4b17cf1c25d358e57ac7e0e086', class: "gux-pagination-item-counts-container" }, h("span", { key: 'dff28dbb1df977ca0064f5ac7ba7bf9f4814b040', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'c64d6bb945a6f0c94ad3204aaf880a684b2b2741' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: '52d1d6453d903c85ba44aa39dddc2b7a534cfb75' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     static get is() { return "gux-pagination-item-counts-legacy"; }
     static get originalStyleUrls() {