genesys-spark-components 4.108.3 → 4.109.1

package/dist/cjs/gux-form-field-textarea.cjs.entry.js

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-c55f1055.js');
 const guxFormFieldContainer = require('./gux-form-field-container-ad5588d7.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -93,12 +93,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '5b34e63a46e08d10f6ebeb0adffc4abd6c5a3316', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '41d08e265a0c6686565b73954a8ff3ef32bc7ada', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'eea924a17613c05b476eed2ab63f8d14300cc194', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '4aab859ba4d3aa0d14515088c952b6143c09e967', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '06917fe2c3762228680974025a7f5e96f3aeaef8', name: "label-info" })), index.h("div", { key: '1e8a15c09b26292e96ba0383b9394f84e34c1783', class: "gux-input-and-error-container" }, index.h("div", { key: '25642be5f42cf493be10d5f4605498709c52e43b', ref: el => (this.textareaContainerElement = el), class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '01bef1490b74cfc0573527f20fbe41886c81cad1', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '4dd3c20e4c7fd0e08c8ed78f98b4d978f7351fca', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '56956cd3dbc29f34a3eabe4f8cfe9340e866cbe7', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'f86a5006a49118e4057c73376025cfac784732ad', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'c64f7d90b550c65b715fb1c7d1fed0f73317364a', name: "label-info" })), index.h("div", { key: 'a5481ba72ef7f47de843a03d53dddcdf61ff8c3b', class: "gux-input-and-error-container" }, index.h("div", { key: '7ef26ac30117405ac72de88d362ed6aae6525bb8', ref: el => (this.textareaContainerElement = el), class: {
                 'gux-input': true,
                 [`gux-resize-${this.resize}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-input-error': this.hasError
-            } }, index.h("slot", { key: '1e26b96af64062705a868d7f955329f88476bab9', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '20110fdd5362b4609e174e4b06a160a67279e705', show: this.hasError }, index.h("slot", { key: '2576e35ea5b98b138dd26d48aa4014fcd7b9de9a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '4064c18cec6fb21db59a8198e387cd729b0a53a0', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'b7e2865905fc2c37dbc8f84d7a1406756cf0458c', name: "help" })))));
+            } }, index.h("slot", { key: '0674de8316eaf0926887854defbe49c4c35bef2f', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '84d25ef2bf84e2994c47777a02b34bdc3d1cafaf', show: this.hasError }, index.h("slot", { key: 'a14d5c5108d774c252d3b62df03e3517a869c319', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '380322397f97cf0952adb31c5cd610f436da4a8e', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '1073edf152ede2aae06c1e55b8edf38c8f30f3fa', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -11,7 +11,7 @@ const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormFieldError = require('./gux-form-field-error-c55f1055.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-48d63d04.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -104,14 +104,14 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'e0d005546fc236e48253b7a60ba7f2f06a87e01f', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'af36d71fc2935031209502122e62d3abfea194e4' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'e2f28c1ce391f60927935424b19b4b3efa3092d3', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '1d14f473ba0b168308e4477d776fe0ae387810e3', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3138164f5645e1cad9ab99985875c5dd86c9837f', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'fb893658b774944a45287f6ffc3ec6aaf52eabc1', name: "label-info" })), index.h("div", { key: '3a067b1088e58ccdc7a69eed3caac2968fcee041', class: "gux-input-and-error-container" }, index.h("div", { key: '77d0a872f46fb8d14e35c8524053ccede8d5db94', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'eda1dd81cd04bdd89447915e676f18ca10815dbb', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'ee035b1d1652d44ba6bca554c2d08634c5422c4b' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '9ee5c2c79410273410eff6b452517fc2ca70154a', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '54ef83b00194548c8613736d9f2389c7f9634b0f', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3df58519075f48bc04f24a8e1952d7ff260e6763', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '52e0c164133845d66ad6c40e3a8693c021240254', name: "label-info" })), index.h("div", { key: 'ae9f161b2a206f6408534f3a8af3fb2998917e63', class: "gux-input-and-error-container" }, index.h("div", { key: '94d3663ef475b11f4f9cb2b4b9b277c7d2116aa8', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'cad69e2af1d02afd89d5b62499795cff2b096390', class: {
+            } }, index.h("div", { key: 'add3567a77a2e4467cc327414e4b69f8387a46e1', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '01334d392a9a831356dd8214ff166cccd98657c9' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '1bd038f5ba05f3b5f47cafe712bf053851495a2b', show: this.hasError }, index.h("slot", { key: '4acc3c861298a007455eaa49d29999da5a0d0d75', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '8f773c3a3e35f431aaaedae563f0e2568fc8404c', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'ba238f4f3007537411dfe30d57eee0ec307e37a1', name: "help" })))));
+            } }, index.h("slot", { key: '6f21d12547c976616ab18d85d91327239fdee521' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'b133de407bdd2e7db110faa61fe02874fbcd0e68', show: this.hasError }, index.h("slot", { key: '826a45c3855bb275d1c8b9e10bde036a36529c7a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f5501f9922164999e55b16780aae18f0bd758d5c', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '76d4b1075561bd32991d951d349ee7db939c9fbf', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -11,7 +11,7 @@ const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormFieldError = require('./gux-form-field-error-c55f1055.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-48d63d04.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -105,13 +105,13 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '42f7ebc381db15071fa8e6faad227a5f02393d3f', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '51c7f93eb094716bcc457a1eaf7f3bb7d7d3287b' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'ad28ec82848231933e86796157bd789cb9dbf5dd', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '7609740404e43588769075e27e7754e3d1408c38', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '459ffa4c5f903d951a92b408d1ebd006a5958ad1', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '2f1806a66fa82be3129499f11b956ba18bbdcd70', name: "label-info" })), index.h("slot", { key: '89eedb5f9d37f38b8f7d8cb363c88c5f30a49705', name: "label-info" }), index.h("div", { key: 'b6b72691ea2882e3c305e083e1381063b92756fe', class: "gux-input-and-error-container" }, index.h("div", { key: '3d389c68f5307b677f76ddeda7c4b2031f3285a2', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '54d05ac5281c25fc1b4fd7503f55e7a194b43894', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '079cc18b8b3cbaee2535664d5d2629c2e34e715b' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'eac7bbe779cc226ab1e2733f1372d2fc9aa37b7f', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '28d94f19ee7211c3ddcd6e52eede7300f2f78908', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'e98ac7bfcfb14500cb59ce0c38ce2ad7709426d1', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '26c52b69aa513a5b72b930a33c9645a81c8d7339', name: "label-info" })), index.h("slot", { key: '0d3ee1b9a54ebc20850070a661a02201613d8a71', name: "label-info" }), index.h("div", { key: '89e9a1a2bdc22af7c4d27ea700142cf7a976fb13', class: "gux-input-and-error-container" }, index.h("div", { key: '635ffdff9cc4056c5738229737a6167decf93369', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'f201693077d200cbea7c323454a6bced4368f01a' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '2180d2e795377b53b65c7fdc23eb6562747c2a96', show: this.hasError }, index.h("slot", { key: 'c6be8739f12fd2fb7c2aa206d459044cf4b40e36', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7df6b7566d1396b6771096cfeecc0826b7477bdd', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '8da0b676330cdc738214557bdceaadacea88f7e6', name: "help" })))));
+            } }, index.h("slot", { key: 'ba205b80cb374bb242abd83d027ed823c5137b9e' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '35bf770d670cb5401478529ff752750dd04610a8', show: this.hasError }, index.h("slot", { key: 'f85ab182d91aa10eba0e7d9dcb99f8a70aa44bb1', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '370990f813ab2d4218826d87bb3756be2e0ce462', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '7383559941872249ebff59c82e827f6e3ed452b8', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.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-2dd05ef3.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.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-2dd05ef3.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.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: '87ff7772eeec1a4b2de860e8891731fcf01b71f2', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (index.h("div", { key: '5c02a486e4a6d4cb13f0859613272c88389a2654', 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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
 const index$1 = require('./index-d7208697.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.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: '4ccd88a94449d5394908da79c06d3fcb7614585f', class: {
+        return (index.h("div", { key: '924f1e2e1f8146db495142658c9a0b03443f2ed9', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, 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' }))))));
+            } }, index.h("div", { key: '114f51b2611e0640ce569117722ec8725fdb14f1', class: "gux-message-wrapper" }, index.h("gux-icon", { key: 'f6695a60f49fac2de89e426a435a9b18cc7ba2d2', "icon-name": this.getIcon(this.accent), decorative: true }), index.h("div", { key: '7856e052e19cc916c1c038588ee4453a1c52ce5f', class: "gux-sr-only" }, this.i18n(this.accent)), index.h("div", { key: 'be3b78b6b4c5a2e89eddf1f204aebe14d4fe7995', class: "gux-content" }, index.h("slot", { key: 'f77dc1f1143ddfbbd4a64ebdd8a4d58e1c6af625', name: "content" }, index.h("slot", { key: 'a8bf89abc99f5389b513bc8669a0d96bbb632b3d' }))))));
     }
     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-2dd05ef3.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.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}";

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: 'a46b63152eea2e7c5d771b2fb751eacffb9bf27d', role: "presentation" }));
+        return (index.h(index.Host, { key: '99ab618bc89b46fff8379275840bdd3cccd73e31', 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: '640b7b741d24ae8e3aed710c60844d1016bb48af', role: "listitem" }, index.h("button", { key: '9bf043cd5c07e4d37cc61e50080992697bdaaaa0', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '4431356fff2ea50b0858abbca178673c32557f4c' }))));
+        return (index.h(index.Host, { key: '64cfb1bab3d1a1eb5b45efd78df2a5c2016a2573', role: "listitem" }, index.h("button", { key: 'e4555ac230d4556d84e9f9cdef6b70d54ed6d278', type: "button", tabIndex: -1, disabled: this.disabled }, index.h("slot", { key: '8972f84901e6f817e1c8d53831d900ba7ca4d651' }))));
     }
     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-2dd05ef3.js');
 const guxList_service = require('./gux-list.service-cf8447cb.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.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: '1ded5bf94c9eb48b4d9ed2e9a088ffd018ed392e', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: '0da0b7d786344469976279f6790a4209f7b9be16' })));
+        return (index.h(index.Host, { key: 'ca079dbbf47d931b2eb12fc82a70c1c6f37ba03a', role: "list" }, this.renderFocusTarget(), index.h("slot", { key: '90e341958351a216f8d21a8af1ed4d7c98319e4b' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -7,7 +7,7 @@ const guxListbox_service = require('./gux-listbox.service-a91f8bd2.js');
 const index$1 = require('./index-d7208697.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.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-2dd05ef3.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.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: '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" }))));
+        return (index.h("div", { key: '4b12b3c8b022a1f116a7dd3601097371d19f3889', class: "gux-container", role: "alert", "aria-live": "assertive" }, index.h("div", { key: 'ba493e2e7050722ca5d77caecec28912bf181f77', class: "gux-progress" }, index.h("slot", { key: '6fe7c3097da09e76ef5d52900708a8ef13fb1c82', name: "progress" })), index.h("div", { key: '58515f01ddb6a0d92e89bd48188d6d0bcf71fbd2', class: "gux-primary-message" }, index.h("slot", { key: '50d9e8e1e3e93d1b37090dfa3e28e1a41b1c7bbd', name: "primary-message" })), index.h("div", { key: '74a9e17d4b230057a089cb4190e40b0889b128d7', class: "gux-additional-guidance" }, index.h("slot", { key: '0c1b6b4682a5949dd881d79e18462a44c0951214', 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: '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' }))));
+        return (index.h("button", { key: '76424597e8566687209f9344e0bd43ebadac87fa', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, index.h("span", { key: '3e3722b03d2a88679eef2aa1ea264dfedb6d3bb7', class: "gux-menu-option-button-text" }, index.h("slot", { key: 'ca078a98830dce7486156d28e46af332327bac83' }))));
     }
     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: 'f1845a190e1b54ad6cfd1f371e70b819c1613ecc', role: "menu" }, index.h("slot", { key: '45fa4c2c63ca630d8fd518fa1394948d03e50587' })));
+        return (index.h(index.Host, { key: '706bb2954a711ab17aee8080966ac6d37e4b48fe', role: "menu" }, index.h("slot", { key: 'b66a8fc779b5f89a74794287a26e3810ac1a5311' })));
     }
 };
 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-2dd05ef3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.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: '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: {
+        return (index.h("div", { key: 'eaae3d027ff2b1314c3c6d908e816066553700e5', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: 'bacd0a0a27b0a3d1a27cd68c5ca67b0dc066d08b', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (index.h("h1", { key: '3bee386ab001311941d3bfead54ab479a6ac931f', class: "gux-modal-header", id: titleID }, index.h("slot", { key: '21c919f92ef76ca5df2d062965014482f4db361a', name: "title" }))), index.h("gux-dismiss-button", { key: '8ed3553bf27eb05adcda1dfb537db8b0a414cace', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), index.h("div", { key: 'c09cf3055650c509e8f09008ec0c355020693a0a', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, 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())));
+            } }, index.h("p", { key: 'd74fe135f19a93bcfc4a459730706d553d3ab692' }, index.h("slot", { key: 'b77e4c21a4e9edfb77e5882b90bcb975aefff210', name: "content" }))), hasFooterButtons && (index.h("div", { key: 'afe99d7aa7daf1a4574e8641845e1340b568f5df', class: "gux-button-footer" }, index.h("div", { key: '9fac5fb1025e9649498c82ea3d8eb717994af927', class: "gux-left-align-buttons" }, index.h("slot", { key: '8157a225e0a27bf6ae0b02252838b71aa05625df', name: "left-align-buttons" })), index.h("div", { key: '5b10ffe3a26d275afacded21701a8e56bf13a4ac', class: "gux-right-align-buttons" }, index.h("slot", { key: 'a44422f4ded57f03c318fa9fd31f5db0329b7aff', 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-2dd05ef3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const hasSlot = require('./has-slot-3edae188.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.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: '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" })))));
+        return (index.h("dialog", { key: 'a042d52c8c52e8b20433cd50eb16eb9ad1ca903a', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, index.h("gux-side-panel-beta", { key: '443af3aa0cf374dff1ab2473f68b2b250d400e49', size: this.size }, index.h("div", { key: '7760524151fc29f97378790c663739b622fb4202', slot: "heading", id: titleID }, index.h("slot", { key: 'f179879278ca143a8aeec5b67c0b0b7b4e2aa039', name: "heading" })), hasSlot.hasSlot(this.root, 'description') && (index.h("div", { key: 'e7a557c185cfb02635b85ba6f180739d7d7f0aba', slot: "description" }, index.h("slot", { key: '0abc48e56d6fbad1ceb6e82fdc0fdbec349ef543', name: "description" }))), index.h("div", { key: '84ffb0d9772db212974c5e64291bd665a8320334', slot: "content" }, index.h("slot", { key: '3ab18e6239389e79f7af652e20402530b7c7595b', name: "content" })), index.h("div", { key: 'aa9df45e4d3cd5fc05ac3fd2890f4073bfd200ce', slot: "footer" }, index.h("slot", { key: 'dad47d95365f2c00451bc95c23fcf55f2bca563d', 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-2dd05ef3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.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: '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())));
+        return (index.h("dialog", { key: '55412691ba47251b6fad739025db5c67674fca2d', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, index.h("div", { key: '172b9ed449637a14364af17e1baac8719407127a', class: `gux-modal-container gux-${this.size}` }, index.h("gux-dismiss-button", { key: '7565d24614ba6d9a7c224cbf6540f757499a1958', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), index.h("div", { key: '1c99adf99aecdff20647a100d9924386c00ed64a', class: "gux-modal-content" }, index.h("p", { key: 'f546c26e88b119934aa4bee721375c2a8b9242f9' }, index.h("slot", { key: '9553eaf3971edf7c19625e55da3a8155ac93de6b', 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-picker-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.js');
 const onClickOutside = require('./on-click-outside-bb55ad5e.js');
 const index$1 = require('./index-d7208697.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.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: '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) })));
+        return (index.h(index.Host, { key: '33d359780243876e2f51c3b02a3aaee55ee9c365' }, index.h("div", { key: '8cc8012cb88e54d1f52fd74659f269eabff6fb12', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '66963e36d3e7b4d394c734b2b0bbbfbac4b5847f', name: "icon" })), index.h("div", { key: '24162748c68b78bdb1ee0f17ec2a58f5b533065d', class: "gux-content" }, index.h("gux-truncate", { key: '31a5876a10e4600e8fea903f7b08f12f59db3a5c', class: "gux-title", "max-lines": 1 }, index.h("slot", { key: 'b0ff23b2b70fef69d2a42f644ac2f89feae366ed', name: "title" })), index.h("gux-truncate", { key: '55dacfe0f14df4832c799f96b0b67ef84c4e1259', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '61f893b6cd88585bb23f260ba0d8a8c6ecc6d581', name: "message" }))), index.h("gux-dismiss-button", { key: 'f50d78cb4f25d427cc5f824fd01a16e2e7dc0d0a', 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: '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())));
+        return (index.h(index.Host, { key: '78ede61d65e0a92177b52f15a6df69727fefa4bf', class: { 'gux-filtered': this.filtered } }, index.h("div", { key: 'a50bdad2c02234ddc2455bf9347bf2bd52c8784b', class: "gux-option-group" }, index.h("div", { key: 'f9b25388e6cfbc9cd361fb55ba4a0c182a7ae2d7', class: "gux-option-group-label", role: "presentation" }, this.label), index.h("div", { key: '1044d6cf5b2b93eff8d52acb72665a1ecee310bd', role: "group" }, index.h("slot", { key: '3b1d6033a6c89dec4f4c2df6bd52ba6b9434af69' })), 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: '10add6d7002533d2591f3efdb374dd43c3c46b31', role: "option", class: {
+        return (index.h(index.Host, { key: '6a354dde42fe74081f2f5790d45c057f664a9549', 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: '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" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("gux-icon", { key: 'd06b945e633e96d24e00113f35d75c5cfe38bd39', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), index.h("div", { key: '82c255c51361f68eb37985b055fbc34fa754a34c', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '226656bfee639af210dfaa13d7046e0c858240e6', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '1ac8f25b27a33b0c718db045c8e726e606fddc08' })), index.h("slot", { key: 'fc33785258cc1ffd4488fdfb7b511555ba8a1ffa', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -70,13 +70,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '6d5378c2e2a1e2721f1b3f822aab1e450b8eea6f', role: "option", class: {
+        return (index.h(index.Host, { key: '292965492111e8eb245a1757faefa83d9360fe22', 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: '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()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), index.h("div", { key: 'a2fc75365c60061ce98aaea408010e92aed83475', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '884fbcaf39deaa8ebc7e3bdc84ebaf5362fb8453', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '5a4e7613aa24072c16683d4be7098f11c3f6d607' })), index.h("slot", { key: '5d77e53570b86e9d4119c78038e0777c8b6ffe28', 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-2dd05ef3.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.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: '297fc377b0080a63bce840dd932082caed920800', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (index.h("gux-radial-loading", { key: '733888e2a735b0a2593a3aa97f0032cfb3b0487d', 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

@@ -189,7 +189,7 @@ const GuxPaginationButtonsLegacy = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, paginationResources$2);
     }
     render() {
-        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" }))))));
+        return (index.h("div", { key: '9f2bd9649f9dbf1adad5c2e5af2ae4cc517e7b0b', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: '784acf253d8110f96ce36216a7f3ed60769f5c26', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '2139a1acc7bdc41b8f5506f50864e473f6ee5c52', accent: "ghost" }, index.h("button", { key: 'ac642652b7b15e214e51fdf25ff36156776640a2', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '5c2c571d8a39f434155ff71e0e3a22ceb2515116', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '68aa9a87fcf3affd4a4b8111e543f8bf502dce56', accent: "ghost" }, index.h("button", { key: '841e0e44daffd0b28ae66df8d72f159334e4ebba', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: 'd71bc0104eedb84b08a993211f92e37cc45b354a', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), index.h("div", { key: '7aa70c174d4fd2746011887cacacfd8901c09511', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: 'be952617540e24a113b21152bc09a348dcc15b3a', accent: "ghost" }, index.h("button", { key: 'e328a6ae3f1bf760089efa72b8e37259b761c402', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: '95289e49f374425aec8eb83b192df5df51c52d48', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: 'a82ce1f47ba4b3f9e618dd8e8227b7d5236acd53', accent: "ghost" }, index.h("button", { key: '21952e434281d5a6c458f9b94217b5042331c4e4', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: 'b9d1beab1f81d6554fb331f2d0ebb31ae2552a37', 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: 'b884a3c5a783eec13b00896998b839df9ae0872c', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '6a35e9fc607abfe5bf65f8ad1011b939f5cfd403', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: '186d0333cabb408b04b55af543ed8524521a8319', class: "gux-pagination-item-counts-container" }, index.h("span", { key: '2f7388cc5aa3f7430ce2176b1228917e2ea531f2', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: '2e7dfee4cd840dff1e75196a8fa8f5cb6e484c21' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), index.h("span", { key: 'ea59f281231bbb159e1c41e8d3bc0f191ed859be' }, 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: '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'))));
+        return (index.h("div", { key: 'd7ac2f5b5d16d16051ddb415f5d0a8ee8198ce32', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: 'b0ed2f2d4209b6ae9135a1889a30be358a51f21e', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '489251a5f5ebb706944cc9dabdc2e6169a85fc56', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -224,7 +224,7 @@ const GuxPaginationButtons = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.translationResources);
     }
     render() {
-        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" }))))));
+        return (index.h("div", { key: 'f136efc5e4e2428917e020f009bcc27012829863', class: `gux-pagination-buttons-container gux-${this.layout}` }, index.h("div", { key: 'a50a02b462cc8af3aeb465af1ed5470fcdf55335', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '1672afcbbd87b321259f35efcd7624cf4cc24a41', accent: "ghost", "icon-only": true }, index.h("button", { key: '809be8325727b9f99b2430bce9f72461ca76b0bb', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, index.h("gux-icon", { key: '38e26da6b076685f3cb3c180cf2732ae4f4658c1', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), index.h("gux-button-slot", { key: '2301f9b6e0088f41ab453e9b3a34d0c87ca87229', accent: "ghost", "icon-only": true }, index.h("button", { key: '121b3c0869d91170cb3853cd1d2d97a9b162ffaa', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, index.h("gux-icon", { key: '86958703102b1d1931551e441dbd4c7136b9b6b2', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), index.h("div", { key: '96d12c7c39919f4160a153d3c1d81d009edd6194', class: "gux-pagination-buttons-group" }, index.h("gux-button-slot", { key: '09226d2024970aa0a4e9fadb075a57c2e97f539a', accent: "ghost", "icon-only": true }, index.h("button", { key: '647cee752a388d32b4986c9d79ae4a1b9592b66b', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, index.h("gux-icon", { key: 'ea3492cc608e6a7d02fd9d8225f686d1dd395632', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("gux-button-slot", { key: '2009b594d3e1edebf92d9a490529ab1cd1ac94b9', accent: "ghost", "icon-only": true }, index.h("button", { key: '8929f393068a199b1d1d92e656707501a7f9978b', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, index.h("gux-icon", { key: '971845b5c71d211c23b427289117a16dfd36cdd9', 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: '044293b0a682f391853ae27c5e9f9e8ffbd21707', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'b69fddec13c6e23301a27e740fff918a3f22d6d5', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (index.h("div", { key: '273d594267806e03cf5c4741a6ec6bcf4b9273d0', class: "gux-pagination-item-counts-container" }, index.h("span", { key: 'cdb9d9be956f536e1d481df968ca6811bcac480d', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), index.h("span", { key: '689cc9a803488c967bee5009be885fdfd847c357', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), index.h("span", { key: '06e75dc14233846a839a37f55d45897da42aee9b', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-2aa8471e.js');
+const usage = require('./usage-069a2035.js');
 const index$1 = require('./index-d7208697.js');
 require('./get-closest-element-9e41d6b9.js');
 

package/dist/cjs/gux-pagination-items-per-page.cjs.entry.js

@@ -39,7 +39,7 @@ const GuxPaginationItemsPerPage = 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: '9643a2c4d28712a2de1e62b15503a6106b6471c2', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: '9a7796264866788bcb2fa818e7c7aebed9882fc1', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '12785493c3b5174b10a7a1e7e49b7ed81517a47d', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (index.h("div", { key: '958de6096cf113efd66d0fb2c88f8166dbf6ee20', class: "gux-pagination-items-per-page-container" }, index.h("div", { key: 'b6b9bf11a5aa2115abe9df1de3f6b5939f8bb61b', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), index.h("div", { key: '960a64d02e86fe9f1de1912f156f344dcb164fd8', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return index.getElement(this); }
 };