genesys-spark-components 4.105.4 → 4.106.0

package/dist/cjs/gux-form-footer.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-2ca86a7f.js');
+const usage = require('./usage-7cad50c2.js');
 
 const guxFormFooterCss = ":host ::slotted(footer){display:flex;align-items:center;justify-content:flex-start;margin-block-start:var(--gse-semantic-formControl-formBody-paddingBottom);border-block-start:var(--gse-ui-formFooter-separator-width) var(--gse-ui-formFooter-separator-style) var(--gse-ui-formFooter-separator-color)}:host(.gux-form-footer-page-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-page-desktop-gap);padding-block:var(--gse-ui-formFooter-page-desktop-topPadding) var(--gse-ui-formFooter-page-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-desktop-horizontalPadding) var(--gse-ui-formFooter-page-desktop-horizontalPadding)}:host(.gux-form-footer-page-mobile) ::slotted(footer){flex-direction:column;gap:var(--gse-ui-formFooter-page-mobile-gap);align-items:stretch;justify-content:center;padding-block:var(--gse-ui-formFooter-page-mobile-topPadding) var(--gse-ui-formFooter-page-mobile-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-mobile-horizontalPadding) var(--gse-ui-formFooter-page-mobile-horizontalPadding)}:host(.gux-form-footer-side-sheet-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-sideSheet-desktop-gap);padding-block:var(--gse-ui-formFooter-sideSheet-desktop-topPadding) var(--gse-ui-formFooter-sideSheet-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding) var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding)}";
 const GuxFormFooterStyle0 = guxFormFooterCss;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-2ca86a7f.js');
+const usage = require('./usage-7cad50c2.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
 const guxIconTooltipCss = ".gux-icon-tooltip{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-icon-tooltip gux-tooltip{padding-inline-start:0}.gux-icon-tooltip gux-icon{color:var(--gse-ui-formControl-label-tooltipTrigger-color);vertical-align:bottom}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-2ca86a7f.js');
+const usage = require('./usage-7cad50c2.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const legacyIconNames = [
@@ -549,7 +549,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (index.h("div", { key: '809c02a03fc5ea0700b87b89568d3201f7aa28c2', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (index.h("div", { key: '87ff7772eeec1a4b2de860e8891731fcf01b71f2', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get assetsDirs() { return ["icons"]; }
     get root() { return index.getElement(this); }

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const index$1 = require('./index-16a4179e.js');
-const usage = require('./usage-2ca86a7f.js');
+const index$1 = require('./index-643c40f5.js');
+const usage = require('./usage-7cad50c2.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const info = "Information alert with message";
@@ -45,10 +45,10 @@ const GuxAlert = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '2f0523ce7f4d20a0fe43df892f35c008de7c1134', class: {
+        return (index.h("div", { key: '4ccd88a94449d5394908da79c06d3fcb7614585f', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("div", { key: '9e2d4d208fb807eb5f2e97d7aefac5bbfc6b4f19', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '6719dda9c9cd9142090e4f1adc2a3aba6e7dc1ee', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: '0ed8669259dd444152720f26515fe8206a633601', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("div", { key: '41095fd413afdbd5b8f84f5b97be6b5355be9fed', class: "gux-content" }, index.h("slot", { key: '97d128b16d89350b50e96b6588653f1eea932d9a', name: "content" }, index.h("slot", { key: 'f077fa4b12a0bf1b649bb0eab4409640f4e179dc' }))))));
+            } }, index.h("div", { key: '113c82495c8e3bc9a25620b1dbcc17d108667965', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '9f157bceae2bc633046e4bb5b21b68c76a5dee43', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: '07403449af71e9b847e28e7c5b8e2f83ee5e24c5', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("div", { key: '30cb77eb7e132a27f9a57774eac7d9366ef38d10', class: "gux-content" }, index.h("slot", { key: '82a486b03b896127b95d9a8ded8605eac182ca6f', name: "content" }, index.h("slot", { key: 'd765e6ea05a585574527b3bfe4de2cbab86ad684' }))))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-label-info-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-2ca86a7f.js');
+const usage = require('./usage-7cad50c2.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
 const guxLabelInfoCss = ".gux-label-info{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-label-info gux-tooltip{padding-inline-start:0}.gux-label-info gux-icon{color:var(--gse-ui-formControl-label-tooltipTrigger-color);vertical-align:bottom}";

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

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-79505d14.js');
+const usage = require('./usage-7cad50c2.js');
+const getClosestElement = require('./get-closest-element-9e41d6b9.js');
+
+const guxLinkCss = ":host{padding-block:var(--gse-ui-links-inLine-padding)}:host ::slotted(a){inline-size:fit-content;font-family:var(--gse-ui-links-inLine-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-medium-text-fontSize);font-weight:var(--gse-ui-links-inLine-medium-text-fontWeight);line-height:var(--gse-ui-links-inLine-medium-text-lineHeight);color:var(--gse-ui-links-default-foregroundColor) !important;border-radius:var(--gse-ui-links-focusOutline-borderRadius) !important}:host ::slotted(a:hover){color:var(--gse-ui-links-hover-foregroundColor) !important}:host ::slotted(a:active){color:var(--gse-ui-links-active-foregroundColor) !important}:host ::slotted(a:visited){color:var(--gse-ui-links-visited-foregroundColor) !important}:host ::slotted(a:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}:host([size=small]) ::slotted(a){font-family:var(--gse-ui-links-inLine-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-small-text-fontSize);font-weight:var(--gse-ui-links-inLine-small-text-fontWeight);line-height:var(--gse-ui-links-inLine-small-text-lineHeight)}:host([standalone]){display:block;padding-block:var(--gse-ui-links-standalone-padding)}:host([standalone]) ::slotted(a){display:flex;gap:var(--gse-ui-links-standalone-gap);align-items:center;inline-size:fit-content;font-family:var(--gse-ui-links-standalone-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-text-fontSize);font-weight:var(--gse-ui-links-standalone-medium-text-fontWeight);line-height:var(--gse-ui-links-standalone-medium-text-lineHeight);text-decoration:none !important}:host([standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-medium-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-medium-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-medium-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-medium-underlinedText-textDecoration) !important}:host([standalone]) ::slotted(a:active){text-decoration:none !important}:host([size=small][standalone]) ::slotted(a){font-family:var(--gse-ui-links-standalone-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-text-fontSize);font-weight:var(--gse-ui-links-standalone-small-text-fontWeight);line-height:var(--gse-ui-links-standalone-small-text-lineHeight)}:host([size=small][standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-small-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-small-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-small-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-small-underlinedText-textDecoration) !important}:host([standalone][class=gux-breadcrumb-link]){padding:0}";
+const GuxLinkBetaStyle0 = guxLinkCss;
+
+const GuxLink = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.size = 'medium';
+        this.standalone = false;
+    }
+    componentWillLoad() {
+        usage.trackComponent(this.root, {
+            variant: this.size + (this.standalone ? '-standalone' : '')
+        });
+    }
+    checkBreadcrumbParent() {
+        return !!getClosestElement.getClosestElement('.gux-breadcrumb-generation', this.root);
+    }
+    render() {
+        return (index.h(index.Host, { key: 'ff833826e421c0388207abc54ae059a5d703303c', size: this.size, standalone: this.standalone, class: { 'gux-breadcrumb-link': this.checkBreadcrumbParent() } }, index.h("slot", { key: '1987d0a30c61e2061882070faf0ee92078f786d3' })));
+    }
+    get root() { return index.getElement(this); }
+};
+GuxLink.style = GuxLinkBetaStyle0;
+
+exports.gux_link_beta = GuxLink;

package/dist/cjs/gux-list-divider.cjs.entry.js

@@ -12,7 +12,7 @@ const GuxListDivider = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '62cb4c846f693ac1c424d238e41d936b55e76c3c', role: "presentation" }));
+        return (index.h(index.Host, { key: 'a46b63152eea2e7c5d771b2fb751eacffb9bf27d', role: "presentation" }));
     }
 };
 GuxListDivider.style = GuxListDividerStyle0;

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

@@ -29,7 +29,7 @@ const GuxListItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'cb8ae8d2ce0c34f8a4c562728dd5165911a6bdc3', role: "listitem" }, index.h("button", { key: '33c2c3849bdbfabbc7f2e409cfd5665e93a057b5', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: 'b8a77addb549f33091b052e9074d21359ec7f49b' }))));
+        return (index.h(index.Host, { key: '640b7b741d24ae8e3aed710c60844d1016bb48af', role: "listitem" }, index.h("button", { key: '9bf043cd5c07e4d37cc61e50080992697bdaaaa0', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '4431356fff2ea50b0858abbca178673c32557f4c' }))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const guxList_service = require('./gux-list.service-cf8447cb.js');
-const usage = require('./usage-2ca86a7f.js');
+const usage = require('./usage-7cad50c2.js');
 
 const guxListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;padding:var(--gse-ui-menu-padding)}";
 const GuxListStyle0 = guxListCss;
@@ -60,7 +60,7 @@ const GuxList = class {
         return (index.h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (index.h(index.Host, { key: '88907889b939ce642ff32e7e49a64e55588cb6a3', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: 'c476d045ce9fbee866fb834064ee064fb27e6d1f' })));
+        return (index.h(index.Host, { key: '1ded5bf94c9eb48b4d9ed2e9a088ffd018ed392e', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: '0da0b7d786344469976279f6790a4209f7b9be16' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const guxListbox_service = require('./gux-listbox.service-a91f8bd2.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-2ca86a7f.js');
+const usage = require('./usage-7cad50c2.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 require('./get-closest-element-9e41d6b9.js');
 

package/dist/cjs/gux-loading-message.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-2ca86a7f.js');
+const usage = require('./usage-7cad50c2.js');
 
 const guxLoadingMessageCss = ":host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  max-inline-size: var(--gse-ui-progressAndLoading-loadingState-large-width);\n  color: var(--gse-ui-progressAndLoading-textColor);\n  text-align: center;\n}\n\n@container (width > 400px) {\n  .gux-container .gux-primary-message {\n    margin-block-start: var(--gse-ui-progressAndLoading-large-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-block-start: var(--gse-ui-progressAndLoading-large-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-subheader-lineHeight);\n  }\n}\n@container (width > 200px) and (width <=400px) {\n  .gux-container .gux-primary-message {\n    margin-block-start: var(--gse-ui-progressAndLoading-medium-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-block-start: var(--gse-ui-progressAndLoading-medium-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-lineHeight);\n  }\n}\n@container (width <=200px) {\n  .gux-container .gux-primary-message {\n    margin-block-start: var(--gse-ui-progressAndLoading-small-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-block-start: var(--gse-ui-progressAndLoading-small-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-subheader-lineHeight);\n  }\n}";
 const GuxLoadingMessageStyle0 = guxLoadingMessageCss;
@@ -16,7 +16,7 @@ const GuxLoadingMessage = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: '875bfb677ca143fa5a95de8eaf491fc3638b8246', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '83cbb7b48b21f7a7f4af9a774633d862ed276f35', class: "gux-progress" }, index.h("slot", { key: 'dd03641751d6ac315a4e1416c683c4d6e54185ef', name: "progress" })), index.h("div", { key: '91963b1e6fa9f59bfa88d4c1a553dbb80ea79b18', class: "gux-primary-message" }, index.h("slot", { key: 'e6367c6beb4f9e7a87aa6a6daf595da6d52140a6', name: "primary-message" })), index.h("div", { key: '4102e148e147336ef78655c2e19b3747da169698', class: "gux-additional-guidance" }, index.h("slot", { key: 'b84f73db23d1ba18cc5de5ed5ab92113d860d323', name: "additional-guidance" }))));
+        return (index.h("div", { key: 'b2b1c3969bd049a683850dc05296a95a47b173b4', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: '59d4b760d81e731a8803a4d34792027a37e6c12f', class: "gux-progress" }, index.h("slot", { key: '64e1df37cdf6af5da4ddccd7786cc6ef9c7510d6', name: "progress" })), index.h("div", { key: '49442100c2247f61933e995faf4571d72695507c', class: "gux-primary-message" }, index.h("slot", { key: '4076e26f5b5c6ccf9063a3185ab21f3bbf03ffa2', name: "primary-message" })), index.h("div", { key: '3a07cf4d57a5e05e042a38356f0481ea6dc359a6', class: "gux-additional-guidance" }, index.h("slot", { key: '7dfe32c0ad70138c8459c1f50caea7c189b81ffd', name: "additional-guidance" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -36,7 +36,7 @@ const GuxMenuOption = class {
         }
     }
     render() {
-        return (index.h("button", { key: '2e52fa99bda1e8f36a98912b9bdbd163f5c71ebd', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '686bfb87087f9724f6392f4baf5cf762751a00a2', class: "gux-menu-option-button-text" }, index.h("slot", { key: 'f44322c5ff7c4f269ef1a0932437a846bbd22b76' }))));
+        return (index.h("button", { key: '98d60a5773a526df8bbe40992c292faf6ea64fec', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '979fbec602630bf375659f28bf206fcf6995d3ca', class: "gux-menu-option-button-text" }, index.h("slot", { key: '5ba41bc43f96a2e941c8f5378a0ad2f5433ce642' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -12,7 +12,7 @@ const GuxMenu = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '5601f1b2d378a742ffa1008dd4ff5b80f3a16e92', role: "menu" }, index.h("slot", { key: '1bc149fc20a308903962de2e11631b5a23807db4' })));
+        return (index.h(index.Host, { key: 'f1845a190e1b54ad6cfd1f371e70b819c1613ecc', role: "menu" }, index.h("slot", { key: '45fa4c2c63ca630d8fd518fa1394948d03e50587' })));
     }
 };
 GuxMenu.style = GuxMenuStyle0;

package/dist/cjs/gux-modal-legacy.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-2ca86a7f.js');
+const usage = require('./usage-7cad50c2.js');
 
 const guxModalLegacyCss = "::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=left-align-buttons]::slotted(:not(button,gux-button)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host .gux-modal{position:fixed;inset:0;z-index:var(--gse-semantic-zIndex-modal);display:flex;align-items:center;justify-content:center;color:#2e394c;background:var(--gse-ui-modal-shroudColor)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gse-ui-modal-padding) 0;background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-offsetX) var(--gse-ui-modal-boxShadow-offsetY) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host .gux-modal .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{padding:0 var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);font-family:var(--gse-semantic-heading-xl-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-xl-bold-fontSize);line-height:var(--gse-semantic-heading-xl-bold-lineHeight);font-weight:var(--gse-semantic-heading-xl-bold-fontWeight)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;padding:0 var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding:0 var(--gse-ui-modal-padding)}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";
 const GuxModalLegacyStyle0 = guxModalLegacyCss;
@@ -46,10 +46,10 @@ const GuxModalLegacy = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("div", { key: '8131ebff5ca91165e921f126e7c33baa0bd5e4fe', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '84673ad7905960184b2052d2ad65f0b578fb1d24', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: 'd1d28f2a3b913dc883eef1b66d9f639023dd3980', class: "gux-modal-header", id: titleID }, index.h("slot", { key: '0925c387697025dea83893fbd10884148c954bb6', name: "title" }))), index.h("gux-dismiss-button", { key: '22e15b96062d765e0305874edcf942717c62337a', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: '9086b3bbff6220cc2c663595cb4fb9f78d21a13d', class: {
+        return (index.h("div", { key: 'fcb5c9825a80078a9bedb17241205d713a1c1518', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '5e27267cb945432824ec55af62f34d797251000d', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: '1f228f537574196b590c93c7827e34bc4b0349a6', class: "gux-modal-header", id: titleID }, index.h("slot", { key: '16529cf4bcc18842f35c0685dbba801d9fbc651d', name: "title" }))), index.h("gux-dismiss-button", { key: 'ed3d9a9875699383dcec3dc0ef3a665acc95d47d', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: '5e58352aeae39a7df42069a120b19ee0b4d30c42', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, index.h("p", { key: '99829f5c3adb21a0924a3f470f1a84f259614713' }, index.h("slot", { key: '1947d582974957af7b7b19c64e9c00063a607a8e', name: "content" }))), hasFooterButtons && (index.h("div", { key: '361c98808ef1b974f5eaf4c22fe139b81f5c2268', class: "gux-button-footer" }, index.h("div", { key: '9dbfac91d614f194661cbf18bfab2065fd488cec', class: "gux-left-align-buttons" }, index.h("slot", { key: 'b2513d2ea2433178b9c2b654b5f1bef8b8203d22', name: "left-align-buttons" })), index.h("div", { key: '2b306aabe6c6c4c848170c036c78e2bc4898e0aa', class: "gux-right-align-buttons" }, index.h("slot", { key: '1f302b2a7b311c45499c59ae8ddfd7e9bc0a57bb', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, index.h("p", { key: '6f843e6ba16704d67215260e170fad8af74f4d7e' }, index.h("slot", { key: '31239c69e4b06313f81e8c1439801723969f1693', name: "content" }))), hasFooterButtons && (index.h("div", { key: 'a47c6992faf31e19b1ecaadaec3970803e050028', class: "gux-button-footer" }, index.h("div", { key: '9d53a6d0464f6f06e8fd9603281a0d35de0e29ad', class: "gux-left-align-buttons" }, index.h("slot", { key: '642e3ab4adf79b9bfa90c972ed1dd0d18e102ee0', name: "left-align-buttons" })), index.h("div", { key: '53a4a8e4f2d826c68f6dc0994fe9b8081dac8cd7', class: "gux-right-align-buttons" }, index.h("slot", { key: '19bacae31bd9230d7babd550ed22874c2546a572', 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/cjs/gux-modal-side-panel-beta.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-79505d14.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const hasSlot = require('./has-slot-3edae188.js');
-const usage = require('./usage-2ca86a7f.js');
+const usage = require('./usage-7cad50c2.js');
 
 const guxModalSidePanelCss = "dialog{inset-inline-start:auto;block-size:100%;min-block-size:100%;padding:0;margin:unset;border:none}dialog::backdrop{background:var(--gse-ui-sidePanel-shroudColor);opacity:var(--gse-ui-sidePanel-shroud-opacity)}slot[name=description]::slotted(*){margin:0;font-family:var(--gse-ui-sidePanel-description-text-fontFamily) !important;font-size:var(--gse-ui-sidePanel-description-text-fontSize) !important;font-weight:var(--gse-ui-sidePanel-description-text-fontWeight) !important;line-height:var(--gse-ui-sidePanel-description-text-lineHeight) !important;color:var(--gse-ui-sidePanel-descriptionColor) !important}";
 const GuxModalSidePanelBetaStyle0 = guxModalSidePanelCss;
@@ -50,7 +50,7 @@ const GuxModalSidePanel = class {
     }
     render() {
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: '8f79c2b869b7a2123134635bc91d65bff7fc0135', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, index.h("gux-side-panel-beta", { key: 'd90f4ac9c5cb49de67a437bfbf6fc9bd330084c2', size: this.size }, index.h("div", { key: '391c93e5cb2332946a03a9505303a9138c3a2655', slot: "heading", id: titleID }, index.h("slot", { key: 'bc80c7adf65537d0af02c1d3610a925ebb68c097', name: "heading" })), hasSlot.hasSlot(this.root, 'description') && (index.h("div", { key: '38e37b49d4198e9e49716d483e57086919f26570', slot: "description" }, index.h("slot", { key: '54c6c8a3fc20f555c1ef55afad732e275eb33c47', name: "description" }))), index.h("div", { key: 'ae5a604b3fc4d7cff1d62a085a5c4674b853a540', slot: "content" }, index.h("slot", { key: '1febb658c1a4269a67ff8b3498eb6a5819e8312d', name: "content" })), index.h("div", { key: 'd3fa093a57aadbdd6d93bad564031fd6513e05c9', slot: "footer" }, index.h("slot", { key: 'ffcd30d1d2c0ebfed9131a682a443e54e100feef', name: "footer" })))));
+        return (index.h("dialog", { key: 'c992d49593c00ce7335f19954d13ab66338d315d', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, index.h("gux-side-panel-beta", { key: '7dfc2eeb59dbc0c45878805586319a58e88599a4', size: this.size }, index.h("div", { key: 'e7427a86193c56d0f1200df4cc48d7c326e7dd3e', slot: "heading", id: titleID }, index.h("slot", { key: 'af4c30fec90f887da6f834d3573126e0990645b8', name: "heading" })), hasSlot.hasSlot(this.root, 'description') && (index.h("div", { key: 'b4296be7e5b393872c5d17db83d9cea3ae0f53c0', slot: "description" }, index.h("slot", { key: '5817ef5d3c7b0dbaafae7159ec5f8f38e8d682fb', name: "description" }))), index.h("div", { key: '716cdbaf3f5cf43b4b965a44aceecb69a050d41f', slot: "content" }, index.h("slot", { key: 'e22c441441f5ece23b3dde8548b4523382370aa9', name: "content" })), index.h("div", { key: 'f36f2f216e59539333f3026aeeb781742e333c8a', slot: "footer" }, index.h("slot", { key: '6811443efe597acf31b78e739c94be88e8ea3614', name: "footer" })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-2ca86a7f.js');
+const usage = require('./usage-7cad50c2.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
 const guxModalCss = "::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}slot[name=start-align-buttons]::slotted(:not(button,gux-button-slot)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host dialog{box-sizing:border-box;justify-content:space-between;padding:0;overflow:hidden;border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-offsetX) var(--gse-ui-modal-boxShadow-offsetY) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host dialog::backdrop{background:rgba(77, 97, 130, 0.8)}:host dialog .gux-modal-container{display:flex;flex-direction:column}:host dialog .gux-modal-container.gux-small{inline-size:var(--gse-ui-modal-small-width);max-block-size:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{inline-size:min(var(--gse-ui-modal-medium-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{inline-size:min(var(--gse-ui-modal-large-width), 100vw - 48px);max-block-size:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-inline-size:calc(100vw - 48px);max-block-size:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-block-size:none}:host dialog .gux-modal-container .gux-modal-header{padding-block-start:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-lineHeight);color:var(--gse-ui-modal-headerColor)}:host dialog .gux-modal-container .gux-modal-content{max-block-size:432px;padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap);overflow-y:auto}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}:host dialog .gux-modal-container .gux-button-footer.gux-no-buttons{display:none}:host dialog .gux-modal-container footer{padding-block-end:var(--gse-ui-modal-padding);padding-inline:var(--gse-ui-modal-padding);margin-block-start:var(--gse-ui-modal-gap)}@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{inline-size:100%;block-size:100%}}";
@@ -78,7 +78,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHtmlId.randomHTMLId();
-        return (index.h("dialog", { key: '62ce228cb99fe52b4f9d1b108da11c59bf494084', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '7986092a5aa4d908f3f22cb57a17fa5852b825b8', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: 'c26391c43c7f7777cea2e611b2f13c1a2c9057f4', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'be85d8c105aa1b367411503ee5ea5a802068e7f2', class: "gux-modal-content" }, index.h("p", { key: '96caa7e29cfae1cf98ab5a54a21c44f422c25298' }, index.h("slot", { key: 'cc23b697d36fe06e954ab8f49514223338bbb266', name: "content" }))), this.renderFooter())));
+        return (index.h("dialog", { key: 'c0501cff8f424b5a55410df00c8aaf3253245fd6', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '94802cf3554b266ef2f6ab2cf71fbe9c849cbd7e', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: 'f165b887e117fd1820a4903328f71ab136b1702e', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: 'f580cbc123e426631f443d20fcdd4341fc7e9f10', class: "gux-modal-content" }, index.h("p", { key: '1278d1b719a81de1ccbdefffe7b46f6231392d68' }, index.h("slot", { key: 'ffa4eba5ba0d6365ac77bbf81e82b57ff1c208a3', name: "content" }))), this.renderFooter())));
     }
     renderTitle(titleID) {
         return (index.h("h1", { class: "gux-modal-header", id: titleID }, index.h("slot", { name: "title" })));

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
@@ -179,7 +179,7 @@ const GuxMonthCalendar = class {
         return (index.h("gux-month-list", null, monthButtons));
     }
     render() {
-        return (index.h("div", { key: '9caf15653919c98d027292a800265c18ad663ed6', class: {
+        return (index.h("div", { key: '483d249a808cbd5d6e073ba12f0650cb5597f734', class: {
                 'gux-hidden': !this.expanded,
                 'gux-month-calendar': true
             } }, this.renderHeader(), this.renderMonths()));

package/dist/cjs/gux-month-list_2.cjs.entry.js

@@ -47,7 +47,7 @@ const GuxMonthList = class {
         guxList_service.first(this.root, validFocusableItems);
     }
     render() {
-        return (index.h(index.Host, { key: '73337930f8168b2cf3ea19e758840c4d73ede824', role: "list" }, index.h("slot", { key: '4cb56de3a3999f681f8706eecf1a8311d9aca3f0' })));
+        return (index.h(index.Host, { key: 'c134a4b9abc1d870e010a86857f9933012216737', role: "list" }, index.h("slot", { key: '343ffdf8fd2978166a9ef2a13748534fa5aaf1a9' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -80,7 +80,7 @@ const GuxMonthListItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '83c6451801cc01f11916968c5a7fbf8268e7fdaa', role: "listitem", value: this.value }, index.h("div", { key: 'd60137a28ca16e4cbb4750d7e4352da99645b146', class: "gux-container" }, index.h("button", { key: '2087bf628ae2c59cf72b4507ce1bba3deaf5484b', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '2271fc3159882a272ca830df30ec18b521867b11' })))));
+        return (index.h(index.Host, { key: '9926fc852f8d9d32a5870cce6531d79c65886f33', role: "listitem", value: this.value }, index.h("div", { key: '554da394b223e1940ec31c22cc2a0f1640c4b1dc', class: "gux-container" }, index.h("button", { key: '7b7147ed8676d54702728769eb83bcbaf6d766dc', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '59592a31eaef4f03df031cc655209d3c570021ca' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-month-picker-beta.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-2ca86a7f.js');
+const usage = require('./usage-7cad50c2.js');
 const onClickOutside = require('./on-click-outside-31073d32.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
@@ -219,7 +219,7 @@ const GuxMonthPicker = class {
         return (index.h("gux-month-calendar", { slot: "popup", ref: (el) => (this.monthCalendarElement = el), onInput: () => this.onMonthCalendarInput(), value: this.value, min: this.min, max: this.max }));
     }
     render() {
-        return (index.h("gux-popup", { key: '3e874f28af6bae4dd53e4f805751401fa48b2fb3', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: '974641d1f4e0867788a64f41fc72a76688260f37', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-2ca86a7f.js');
+const usage = require('./usage-7cad50c2.js');
 
 const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0;margin:0 12px 0 8px;color:#2e394c}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:var(--gse-semantic-heading-sm-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-sm-bold-fontSize);line-height:var(--gse-semantic-heading-sm-bold-lineHeight);font-weight:var(--gse-semantic-heading-sm-bold-fontWeight)}";
 const GuxNotificationToastLegacyStyle0 = guxNotificationToastCss;
@@ -18,7 +18,7 @@ const GuxNotificationToast = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: 'f297c56319dfc9f4895fdf5a1b08b4065c721db5' }, index.h("div", { key: '40c8c0f65cb3bfd8f5c916e75702f74f74abedec', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '46134600bb228490827cfecc90dfbcefb86e33eb', name: "icon" })), index.h("div", { key: 'a2deeaf2e36d6fd5e5971ff3ef46e9ae285d90a0', class: "gux-content" }, index.h("gux-truncate", { key: '89317a1a0b8b9f86f5868c0531c98db64c28d0eb', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: '3d4e934f981ffbf8a75ece185586a64e1000da6d', name: "title" })), index.h("gux-truncate", { key: '088e5d0ea116c418cdaae85335d0511d3b3971b1', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '9d01e51a12423b8bb0b155aaf9093377b49283e1', name: "message" }))), index.h("gux-dismiss-button", { key: '5e2eeffd5093411d30ffc5d704fc12a3145ef979', onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: '31d0c5d681802c64a1e749b9cc949295d68afd51' }, index.h("div", { key: '389db0e03b54d217b56bdc4cd3a48958d426b835', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '145296993a81312a71ca52cea0c3147c57bcc8fa', name: "icon" })), index.h("div", { key: 'fc891d72f38af203b80e58203fcf64fab30b6ee0', class: "gux-content" }, index.h("gux-truncate", { key: 'ccdfb33c8b032c1677145c549776cedd2ca893a8', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: 'a0348791c2dca5229c3f3ea4e24bd1e4ebca4638', name: "title" })), index.h("gux-truncate", { key: '04ae61deae7908e60c509ee0b4e338666a9e9230', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '89656871688dbf65aec6d9099630e44fa8c123dd', name: "message" }))), index.h("gux-dismiss-button", { key: '3ee8b89c9f091f33454d18880c0a3006e4e94dce', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -54,7 +54,7 @@ const GuxOptionGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'ee295b806a4b4684d07ddb8050ac68078e7081fb', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: 'c5d2e233f9fa85e8298d021d63c901d29c27e1dd', class: "gux-option-group" }, index.h("div", { key: 'd687f2ee801f05322e619fc7b88395bea4c5c1ca', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '8b9eb79c0f9b416686b9a6a8fb14697ff531c5a2', role: "group" }, index.h("slot", { key: '1dc003e175f8235226e4201bd7aa39223f1f0ff1' })), this.renderDivider())));
+        return (index.h(index.Host, { key: 'bca647e58d74e7467e9079fde409ea578117d0bb', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: 'f3075e33f5c57b4cad8ba65c816e45ef2b09130b', class: "gux-option-group" }, index.h("div", { key: '90c311310df4a3dc3310aa6cfebfc7e54aa33981', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: 'dbba07f02aac560f8b7be7a10e1de9f78f5ee294', role: "group" }, index.h("slot", { key: '55ab3a740365629cb415ec87f1342a4a86320977' })), this.renderDivider())));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-option-icon.cjs.entry.js

@@ -63,14 +63,14 @@ const GuxOptionIcon = class {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (index.h(index.Host, { key: 'd06bcea5d7c70c36774f03a7cd66306daac39d49', role: "option", class: {
+        return (index.h(index.Host, { key: '10add6d7002533d2591f3efdb374dd43c3c46b31', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("gux-icon", { key: '90a2eb77040c87448eaffe2be2d936a19ae619cb', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { key: '5cbfba15082263285e391cf0832146f932badd59', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '4865d9da21aa19a6ea2e45b2f7aee3489f2f2bef', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '15241b89cbdfc0c812f6470a6e65316f13087fcc' })), index.h("slot", { key: '2988840ddb55c9d627f27950b1fcddb828f327a0', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("gux-icon", { key: 'c024e6235da12b00e1d9f56c5043401e34402215', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { key: 'e9260a4251577ee13044172fcc4af748e0339a91', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '00c4117867cdd9277b0e9bc0ec3c6957b8b060b7', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '7fe997952d9a9f65b18cb6415f5f96d12c8bba44' })), index.h("slot", { key: '36451668502b06f3cd717ce65a9d852ba5c6a9e2', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-79505d14.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
 const removeCustomElementInstructions = ", unselecting this custom option will remove it from the list";
@@ -70,13 +70,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'a12903f7963e118b818b089eac34ff2afe62b64b', role: "option", class: {
+        return (index.h(index.Host, { key: '6d5378c2e2a1e2721f1b3f822aab1e450b8eea6f', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: '23a592975ef957bc82279cf04259592e0d0dab06', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'ab6704ea332207891eaf9d31710be7eb9067cc7a', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '922a520a910f020647830866a1700fd555e76c5b' })), index.h("slot", { key: 'a35588c66a83e614b92601a5887b5f95e50f8de3', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: '2265d61a2894633e19f1d3c874263de9899cb87f', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'aae2b70f061dfe4a6fea45d2c284b9faaa32b29d', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '926f3d5753c64cb5fcb3b275b9bb7c3bd7ff755c' })), index.h("slot", { key: '4f05856cd8645779f5863ad9286c7b2cf7b1a3c9', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-page-loading-spinner.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-2ca86a7f.js');
+const usage = require('./usage-7cad50c2.js');
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 const GuxPageLoadingSpinnerStyle0 = guxPageLoadingSpinnerCss;
@@ -17,7 +17,7 @@ const GuxPageLoadingSpinner = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("gux-radial-loading", { key: 'a5a26b54bd335539a6b99e34033aff3eb631e9ae', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (index.h("gux-radial-loading", { key: '297fc377b0080a63bce840dd932082caed920800', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-pagination-buttons-legacy_3.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const page = "Page";
@@ -189,7 +189,7 @@ const GuxPaginationButtonsLegacy = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources$2);
     }
     render() {
-        return (index.h("div", { key: '1e5c5b2a72af2944a3a14745fc9082f333f5e517', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'f934bdb6eb50eff65da1b9de484240d58594c698', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '17e58810c4484a3f7e3afdf3f3e6bc9e4069b92b', accent: "ghost" }, index.h("button", { key: '1de61001603db04572b8de8fb836104da4a85554', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'e358f879cb0fc61b650b7190a1cadaaa9db47ea7', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'a3b5ce6dc1ff697fdc2271a9b606680f8c765fd8', accent: "ghost" }, index.h("button", { key: 'c8fa9837a13a2c73884639603516362ca5c59b22', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '02d4c4184a2754eaaf322b118adfadd6b3f3b162', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '3732720aa26a1e936f1459888c5e94d82511a1ad', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'bb18de93354b00b15d65b6a77eeec34a557608e5', accent: "ghost" }, index.h("button", { key: '06b5906d24f4cd38586328fbe539fea6f7924bf6', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'b411ffc0d8d516dd896f1df83bb596d308f93dfd', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'ca15f46d8d5fbd55a3461b59560ee680b70645a5', accent: "ghost" }, index.h("button", { key: '4ad0e3b8e8e150c8965b0ee8271b7f7386437d34', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '5ce7805f596be04c4e9bc40c161d359e42f91a52', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: 'f39f10361d66d9c309d32ac2aba1fb4e2fd1b134', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '76edc2ee36e9de7b2cd4103adb16bd25df871cca', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '696021251277e5b6ec456584bf32d605c1857d9d', accent: "ghost" }, index.h("button", { key: 'cbbeeb85657534e2043e146e8783e36b75235fd5', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: 'ef8b8b9f5024ecc51e96d35ec394aaf229fbd991', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '09e05fa8ceadea0989a04ad2d2bdf67dbab1e832', accent: "ghost" }, index.h("button", { key: 'cca3029ee096aaeac52fa9fc977f93369b835e7f', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'b2559b6704da0832e8f7b2cf89806c08de9e825e', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '92a011f46c811e0f3a726418107a16dbe61ef58a', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '024d52a8f859fa2ed2782449bae1130cffe6f018', accent: "ghost" }, index.h("button", { key: '2a5783cadf131fc80a7bc21dc9b259f5afd73539', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '93b6f2791dc5756fd3ab8dd5d98315223a001b8c', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '13d38a876115838e1d081873b7abfba4c1cc75b9', accent: "ghost" }, index.h("button", { key: '7cfc10702afa3f3e1ef6e5d70a06f4657e0e41f2', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '46849c18e990d1464e0f98190e287466c1aa4b09', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -228,10 +228,10 @@ const GuxPaginationItemCountsLegacy = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources$1);
     }
     render() {
-        return (index.h("div", { key: '53604aed7721b62395e6eee2a3658b750cd6080c', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '0b498502bcf3a6e3271d47fc0c4c3a04f29e60e7', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: 'b884a3c5a783eec13b00896998b839df9ae0872c', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '6a35e9fc607abfe5bf65f8ad1011b939f5cfd403', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: 'c52b058ab08122ef54db772c215b1df4a29c6d4a' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), index.h("span", { key: '2e7dfee4cd840dff1e75196a8fa8f5cb6e484c21' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     get root() { return index.getElement(this); }
 };
@@ -269,7 +269,7 @@ const GuxPaginationItemsPerPageLegacy = class {
             }) }, index.h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, index.h("gux-option", { value: "25" }, "25"), index.h("gux-option", { value: "50" }, "50"), index.h("gux-option", { value: "75" }, "75"), index.h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (index.h("div", { key: '57cc57dd92345cfc43dbe46a349777e31dac5c3a', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: 'ca34a03a34faabaa54abd545cbf16febe1f95331', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '50199ccd3c887fd695433a71476deed2fa7e9bfa', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: 'c57046ad9ddf63bc4b209806380f369d83df316c', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: 'a07d5c6aaba0c862859b58ceebb9b2eef208275a', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '4465c707fb1f8474941671de84f09fd4ccd47cbe', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-pagination-buttons_2.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.js');
 const en = require('./en-66d2b744.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -224,7 +224,7 @@ const GuxPaginationButtons = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.translationResources);
     }
     render() {
-        return (index.h("div", { key: '72b66db1cbc26688e815dc782b0b5a28b759879d', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '17bc0dc108aa05afac2c3050e45017bc1fc69cbd', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '969ca6e7227dae0669d99fea285fbf375492b02f', accent: "ghost", "icon-only": true }, index.h("button", { key: '3662f442b719187fc86446016b27cafb22ce494c', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '6e03327be2a73b32ca6c544b1b3b246a3f161ea1', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: 'f3d9835f8aa4b3fa68f246736370c72d1b390a1a', accent: "ghost", "icon-only": true }, index.h("button", { key: '4ea8c4df47a919397b4b1373e7651a28bc5e6378', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'bd86ff2eac3caf867bcd1b8c3f005a363c6bad1a', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: '35ba6f5915d4370c89111e74e8eeba70b0c4ea03', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '2b0e96ba9184c98f8330f4bac7bba3be60a760b1', accent: "ghost", "icon-only": true }, index.h("button", { key: '934b6d5ea44d4379d5c11d54f93a1837155b6ab8', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'f4b31131e7a6a9b8fa7f784125625f75651b2a0a', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'fec4b9d51505922b372590d1a662ccbd77ab29fb', accent: "ghost", "icon-only": true }, index.h("button", { key: '6977753e1fa976906af6165ef1f512c5bc3b92a8', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '8de80526c818f209fc6fe42aa74d363e1ed60aed', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (index.h("div", { key: '14e2cb197b8f3a1703d6333eeb7ff8417bcefab3', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'ae06b3ef2b3bb4a750707ada7b2b006e2da08f84', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '4acc6a849ec328f1ee87d46904e81131fde51ae7', accent: "ghost", "icon-only": true }, index.h("button", { key: '20d2a336f9c6b41806dd408b1ccae46f2ec320be', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '025c7fb0362a36a399d4adbe99c4b5c39b3b0067', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '0d132964ff31001ddd3e4f20083ec7ba359b3b65', accent: "ghost", "icon-only": true }, index.h("button", { key: '30217658c71785063f1eeaf91c8b6871671b84c0', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '63492bebd681d7511522d9364f5544d46d03de96', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: '1ada7b9ad943d2bbb738f0ebbdddfad4b2920b8d', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '3c683c3d73a07f7cbdb4db057512b07f8aa8ff61', accent: "ghost", "icon-only": true }, index.h("button", { key: '4e34b6fe95628a03cc820279ac4702d1f75a0ba5', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'b8864e980129846584356d13739743378f32e0f3', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '8a7f66ddae73f9ddfa09f90da9cdffefc856729a', accent: "ghost", "icon-only": true }, index.h("button", { key: 'f9194a9b13674a987ca2b95f80a2c4e185366792', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'ee3943f6e5cc0da3d9e8a45db4e050789ec9af63', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return index.getElement(this); }
 };
@@ -268,10 +268,10 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (index.h("div", { key: '3074bfecfee49de818823df5699d7ea4043c0a2a', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'd8335788be0aacfe6461a2f8af1e7fd5130b2653', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: '044293b0a682f391853ae27c5e9f9e8ffbd21707', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'b69fddec13c6e23301a27e740fff918a3f22d6d5', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: '9457155bbf26b5def8c1533e8361bbddcca761f7', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), index.h("span", { key: '689cc9a803488c967bee5009be885fdfd847c357', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-pagination-cursor.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-2ca86a7f.js');
-const index$1 = require('./index-16a4179e.js');
+const usage = require('./usage-7cad50c2.js');
+const index$1 = require('./index-643c40f5.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const previous = "Previous";