genesys-spark-components 4.127.0 → 4.128.0

package/dist/cjs/gux-accordion-section.cjs.entry.js

@@ -50,20 +50,20 @@ const GuxAccordionSection = class {
         this.hasIconSlot = !!this.root.querySelector('[slot="icon"]');
     }
     render() {
-        return (index.h("section", { key: '2305475e51f562a30b1246ce5d1d1ec0954eab5e', class: { 'gux-disabled': this.disabled } }, index.h("div", { key: '744e300976932f9078fd6a410a57c2a1f5f3932f', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, index.h("button", { key: '6383d7ddaffe8e2a1e84ff7513ed544d82c73aaa', class: {
+        return (index.h("section", { key: '60458f7c684a01e90b2454d5d7db37a3eb3c9209', class: { 'gux-disabled': this.disabled } }, index.h("div", { key: 'db177914ed36c1f76345e97772c9a5d678318fda', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, index.h("button", { key: '4d9c2fd33726b9a7a2d387ca5940fc87a71098fb', class: {
                 'gux-header': true,
                 'gux-reverse-headings': this.reverseHeadings
-            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && index.h("slot", { key: 'f915b86168677bdda21bc25fe038f56906882495', name: "icon" }), index.h("div", { key: 'd8e83083c047ad459c997684851d89fae5f4c01c', class: {
+            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && index.h("slot", { key: '9690ae130c9edf3ec733045e10567d7e74fbb1a3', name: "icon" }), index.h("div", { key: '8549a4179094c09c7933ba09a769b5d469744733', class: {
                 'gux-header-text': true
-            } }, index.h("slot", { key: '36b4dc4ac67478ac022bcdc36097706293a9082e', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), index.h("slot", { key: 'c9e9d5a8bd2c2d42ed5b68949897f2a435cf20cc', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), index.h("div", { key: 'fc9a334d32e72d377111e85b620ae47420d96434', class: {
+            } }, index.h("slot", { key: '6909cf18bb06c44c80e5e32374a57211b71cc58f', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), index.h("slot", { key: '42484e23bb53040264f120fccf95f66f488d8230', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), index.h("div", { key: '579e2d84fa1ebe31d56f9fd325638de81c72b0b2', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, index.h("gux-icon", { key: 'b34445a85f3bd9af9f718755a9f84742fe1bca18', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), index.h("div", { key: 'cadc569961f8d9497e2a4ee27d1e8e4a318bfc09', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, index.h("gux-icon", { key: '4903f070983b83f8bcf6a4bc1cc237829e2f3fb8', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), index.h("div", { key: '14f66b95d1d1d57b7e0286f78987a4af29c8baea', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
                 'gux-content': true,
                 'gux-expanded': this.open,
                 'gux-text-content-layout': this.contentLayout === 'text'
-            } }, index.h("slot", { key: '52e4adb0ba63433b4c7ee33c11f0d2c5a2c0d79c', name: "content" }))));
+            } }, index.h("slot", { key: 'e0d382ad9cd6fa4fa780f38706df5750ba34c656', name: "content" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 
 const guxAccordionCss = "gux-accordion{-custom-noop:noop}";
 const GuxAccordionStyle0 = guxAccordionCss;
@@ -42,7 +42,7 @@ const GuxAccordion = class {
         }
     }
     render() {
-        return (index.h("slot", { key: '3ae9c26587b4e858dc9b99802dc0b9fdc524f328' }));
+        return (index.h("slot", { key: 'd8b360269e10ce8ec48dede3c7789fac31be8582' }));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-action-button.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-1337610f.js');
 const onClickOutside = require('./on-click-outside-bfd599ca.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 const index$1 = require('./index-c7d87150.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -143,7 +143,7 @@ const GuxActionButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (index.h("div", { key: '89fd4be8f1273c162804dd23300b4864121c5ac4', class: "gux-action-button-container" }, index.h("gux-popup", { key: '4cd48945f00592a1262a88051201ff2092293582', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, index.h("div", { key: '9fe6750d29e5d868023a73537c74bff65eba6b44', slot: "target", class: "gux-action-button-container" }, index.h("gux-button-slot", { key: '27f2f05a2283f659f17bdff6f6688480adba342b', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, index.h("button", { key: '56e31ba2181ffc5a32ed3f958bb9aea1d085f645', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, index.h("slot", { key: 'badbe7763a696be1c1e2856765dbc34a6371beb8', name: "title" }))), index.h("gux-button-slot", { key: 'b87dc8eb56871ba638a777b0bed2a8c9291f68b5', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, index.h("button", { key: 'bfa61a4734f307924606b190812994f143409a2f', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions') }, index.h("gux-icon", { key: '6cfbd1ed584fb1c655190637a82c582b3cec8e8f', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), index.h("div", { key: '8892145f30e1d3772bd6bd2a909839f04019eb39', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '058359e5b95d40601857fc2294084d040bc212de', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'e3c30d28795358c6eb2b27445e73eb980482b26f' }))))));
+        return (index.h("div", { key: '255a522fb405fb5c940775bf079c3ef8952caf7e', class: "gux-action-button-container" }, index.h("gux-popup", { key: '6c705bb9c682defc8003547e8ebb80d75fb13431', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, index.h("div", { key: '402af0569c2776cc6f82e8a66ce5cda5591bf279', slot: "target", class: "gux-action-button-container" }, index.h("gux-button-slot", { key: '0f99908a0469de87ab25d55d04ea1493e2449f67', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, index.h("button", { key: 'c95d2befa817719b0f87002bca795e2a8f718c1a', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, index.h("slot", { key: '2e0e9adbf753bfc5f5c3581f96993a4cdf4e3471', name: "title" }))), index.h("gux-button-slot", { key: '5188f5b2e5c3d4cc910b299e32d8f99e6479eddc', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, index.h("button", { key: 'cdc0a14b97292c65a178acbde2556abf14d6dd53', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions') }, index.h("gux-icon", { key: '1b438103210dcf24ff0561c27e127b38f8e6fba6', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), index.h("div", { key: 'f939d948a7d95c32f982ddf4295fe22d8072e4c8', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: 'b6ecef22da0049c06d1a214507cfbdee737502ed', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '4b65d9dc0b05119092f97c96b187fcde2fe99db6' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 
 const guxActionToastCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:stretch;width:270px;padding:20px 24px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;align-self:auto;order:0;font-family:var(--gse-semantic-heading-lg-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-lg-bold-fontSize);line-height:var(--gse-semantic-heading-lg-bold-lineHeight);font-weight:var(--gse-semantic-heading-lg-bold-fontWeight)}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:#1da8b3}.gux-header .gux-icon ::slotted(gux-icon){width:32px !important;height:32px !important}.gux-header .gux-title{flex:1 1 auto;align-self:auto;order:0;margin:0 0 0 8px}.gux-message{flex:0 1 auto;align-self:auto;order:0;margin:16px 0;font-family:var(--gse-semantic-body-sm-regular-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-semantic-body-sm-regular-fontSize);line-height:var(--gse-semantic-body-sm-regular-lineHeight);font-weight:var(--gse-semantic-body-sm-regular-fontWeight)}.gux-message ::slotted(dl){display:flex;flex-direction:row;flex-wrap:wrap;place-content:stretch flex-start;align-items:flex-start;margin:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}";
 const GuxActionToastLegacyStyle0 = guxActionToastCss;
@@ -16,7 +16,7 @@ const GuxActionToast = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '0180bddfa19067e03e2a87857a27aea31a9f6a8f' }, index.h("div", { key: '5c046bfa75b940290c65098dfb444131c0da52bc', class: "gux-header" }, index.h("div", { key: '6b6a42028760fe6c1733c7f0cf0348e30ba9d5bb', class: "gux-icon" }, index.h("slot", { key: 'a77bf654121756eeb2a1e559aa4d41f52e9033a3', name: "icon" })), index.h("div", { key: 'fabf04859072cd94d2e0b565f7f5623d5eb87276', class: "gux-title" }, index.h("slot", { key: 'ad10f9dc0dcb496deb47514b762347666b18538a', name: "title" }))), index.h("div", { key: '4d8fea88890be08e1bfda92f7d834c0f3a6c526b', class: "gux-message" }, index.h("slot", { key: 'e0d295d4dc1f66846023eb4f3137d092d7ee4670', name: "message" })), index.h("div", { key: '8a0fb0dcf21eaa53f17dd11af9448f7c5cb3de6d', class: "gux-action-buttons" }, index.h("div", { key: 'd3cf23b4c81306f7892b136fe7a278995863f91e', class: "gux-positive-button" }, index.h("slot", { key: '969087a593fb570a633b655577a8f533f7309d73', name: "positive-button" })), index.h("div", { key: '7b42d4b73f1d95e580143138886429af41ebf3af', class: "gux-negative-button" }, index.h("slot", { key: 'b9daa348ac3111b03d4a5247e036e6fdf7b6949a', name: "negative-button" })))));
+        return (index.h(index.Host, { key: '1f9a024e9fc7311a9d17fbc3051f9bf2ab08957f' }, index.h("div", { key: '12d1d8ab1554c18fb61a931ddb32f0273623474f', class: "gux-header" }, index.h("div", { key: 'e3941013e1fda705b9162f63ea0fa67d5117cada', class: "gux-icon" }, index.h("slot", { key: 'f762f1093279049d338e159c6ea51e08c1e1bf26', name: "icon" })), index.h("div", { key: '74240e60cc41fc5549a049bfab1973ee46b1278b', class: "gux-title" }, index.h("slot", { key: '1962c619bd581b82d00b8ba2f3c6fa1c690737db', name: "title" }))), index.h("div", { key: 'e306de45dcde9134177a891164164f6fc2447901', class: "gux-message" }, index.h("slot", { key: 'bfb3755509c0b3132c011a90ea6c96f18690e3b6', name: "message" })), index.h("div", { key: 'cf20ae80e0d9f4299ef4f39b8be946fb44029860', class: "gux-action-buttons" }, index.h("div", { key: '46c0363d0c4214696966cc2196c2f121c6052aa7', class: "gux-positive-button" }, index.h("slot", { key: 'd78dad51eba1a86386fd9f21bf3957a03f941c37', name: "positive-button" })), index.h("div", { key: '0e573f2ce2510d8c1d2b05d1944066b22207725f', class: "gux-negative-button" }, index.h("slot", { key: '37acf4eef3aec626ede337826179adb629523b00', name: "negative-button" })))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-advanced-dropdown-legacy.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-1337610f.js');
 const onMutation = require('./on-mutation-d800434a.js');
 const onClickOutside = require('./on-click-outside-bfd599ca.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 const index$1 = require('./index-c7d87150.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -83,9 +83,9 @@ const GuxAdvancedDropdownLegacy = class {
         }
     }
     render() {
-        return (index.h("gux-popup", { key: 'c944093eb307f6a3355f865b815b12d3de080378', expanded: this.opened, disabled: this.disabled }, index.h("div", { key: 'c94b4d9436e4621bea33e06824aa6d930f13d907', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, index.h("a", { key: 'a492105382407607813648edce5c9b6edc06b257', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (index.h("span", { key: '71c0e91daf846d825fea3be742bfd0ff9042a231', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (index.h("span", { key: '3e1e5a223fbcc5247cceebb6c8e9cec548a04659', class: "gux-select-value", title: this.value }, this.value))), index.h("div", { key: '52fc09c51f9401418bf5de14f14760f2af1cd343', class: "gux-icon-wrapper" }, index.h("gux-icon", { key: '183dd97e8f1adaa46a6309b3e0016c4f5bef58dc', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), index.h("div", { key: 'b111b6d8a3ea31dac3da91fd7c75e342c67f87c9', slot: "popup", class: "gux-advanced-dropdown-menu" }, index.h("div", { key: 'c15b4d84749a404b0ecb37f3a1dfc725a85cf3dd', class: "gux-dropdown-menu-container" }, index.h("gux-form-field-search", { key: '4d01119df28a603467c9768b2c7925b328a5a448', "label-position": "screenreader" }, index.h("label", { key: '22e23e3c02f46badd679e2587face6070b031d57', slot: "label" }, this.i18n('searchAria')), index.h("input", { key: 'b6952561bc2b3c3195c390cef80b8d99ffa8ae9e', slot: "input", type: "search", onInput: (event) => {
+        return (index.h("gux-popup", { key: '17c509e61c5c222d4e3c6c3a2577940de0aba65e', expanded: this.opened, disabled: this.disabled }, index.h("div", { key: 'b31a7a0c8312b952dce0c996589fe0b122207a8e', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, index.h("a", { key: 'e189f7e54d6da9f24c08ac21e2f01a4d3a574389', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (index.h("span", { key: 'af2bb84da475bb26792fee81f6a1d711108800f1', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (index.h("span", { key: '0a84724b33ad1b42b2df4f37e33fa9b38cb3ea1e', class: "gux-select-value", title: this.value }, this.value))), index.h("div", { key: '9ffa6eb13e9938b5a87b36650ba3ab04d9ea0037', class: "gux-icon-wrapper" }, index.h("gux-icon", { key: '521ba8e4d54e97a372c9451b945d8fd4e282a2c3', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), index.h("div", { key: '345bc04f5e4192a11b50d053b02d7bf35528dc8c', slot: "popup", class: "gux-advanced-dropdown-menu" }, index.h("div", { key: 'feea25638719d836804ef86fe3258768f9477a27', class: "gux-dropdown-menu-container" }, index.h("gux-form-field-search", { key: 'e7a7fd48537b7f584cb77a3fa8baa218bba28688', "label-position": "screenreader" }, index.h("label", { key: '01845b3784034260a12bb389601de48dade23c5a', slot: "label" }, this.i18n('searchAria')), index.h("input", { key: '50a0945ca83c5e3f875ca2d6298bddbf7ff0c326', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), index.h("div", { key: 'db0ad6dc0d97e4aac0c72fe39a3c004a1df56cc5', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, index.h("slot", { key: '33129990bdb0f547cd1b3ace89189e51b5c4b66c' }))))));
+            }, ref: el => (this.searchInput = el) })), index.h("div", { key: '84db02a501ab6b991221c455e7d9f10284d41a46', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, index.h("slot", { key: '9b92e1595a91dfb0527bf67680aa18c0bb1dc121' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

package/dist/cjs/gux-all-row-select.cjs.entry.js

@@ -32,7 +32,7 @@ const GuxAllRowSelect = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.tableResources, 'gux-table');
     }
     render() {
-        return (index.h("gux-form-field-checkbox", { key: '7f0c7fd7e928c7349b199c8fc73da677f08e809d', "label-position": "screenreader" }, index.h("input", { key: '60d02617191365ff4f066e00c426bc6ae2576d62', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: 'ea35b2aeff6a05ba0013698419b509f23b6fdecc', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: 'a09d19fd12f445833c746b2e06ba38851130373e' }, this.i18n('selectAllTableRows')))));
+        return (index.h("gux-form-field-checkbox", { key: 'f2312319e6bb60e7295ec5ec61699187aaea6e62', "label-position": "screenreader" }, index.h("input", { key: '0faea60134dd2823f799fddafdc663aaf7dc4a57', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: '14eea5f59ec824b889bfd96af65af4bcdd58f9ac', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: 'c6f032748066ed07ae29c0d4748d7b3853dfe5cd' }, this.i18n('selectAllTableRows')))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 
 const guxAnnounceCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 const logError = require('./log-error-7b9d4b57.js');
 const index$1 = require('./index-c7d87150.js');
 const guxAvatar_service = require('./gux-avatar.service-b4dcfcab.js');

package/dist/cjs/gux-avatar-change-photo-beta.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1337610f.js');
 const logError = require('./log-error-7b9d4b57.js');
 const index$1 = require('./index-c7d87150.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const changePhoto = "Change profile photo";

package/dist/cjs/gux-avatar-group-add-item-beta_3.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 const guxAvatarGroup_service = require('./gux-avatar-group.service-ee60ea24.js');
 const index$1 = require('./index-c7d87150.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 const logError = require('./log-error-7b9d4b57.js');
 const guxAvatarGroup_service = require('./gux-avatar-group.service-ee60ea24.js');
 require('./get-closest-element-9e41d6b9.js');

package/dist/cjs/gux-avatar-group-item-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 const logError = require('./log-error-7b9d4b57.js');
 const guxAvatarGroup_service = require('./gux-avatar-group.service-ee60ea24.js');
 const guxAvatar_service = require('./gux-avatar.service-b4dcfcab.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 const index$1 = require('./index-c7d87150.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -63,7 +63,7 @@ const GuxBadge = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: 'ea08be4080713b30a014ad3726a80d793ec87211', class: {
+        return (index.h("div", { key: '102fa8e8e09e03558d338c9a02ad4cd779a403e4', class: {
                 'gux-badge': true,
                 [`gux-${this.accent}`]: true,
                 'gux-bold': this.bold

package/dist/cjs/gux-blank-state.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 const onMutation = require('./on-mutation-7c046081.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
@@ -46,7 +46,7 @@ const GuxBlankState = class {
         this.hasGuidance = hasSlot.hasSlot(this.root, 'additional-guidance');
     }
     render() {
-        return (index.h("div", { key: 'f22d2726711ab1030d61f96e9274b6087db74091', class: "gux-container" }, index.h("div", { key: 'f84c1fc4c024e78f73e9dc8882ef73a6370398f3', class: "gux-image" }, index.h("slot", { key: '216137119e76305546971bd1885332b05356900d', name: "image" })), index.h("div", { key: 'cac6a83dd8f8cee2295fab320d0ffd0985c9a48b', class: "gux-message" }, index.h("slot", { key: '36b71ab3abde8120f6d0528f59b2823307ac1b0c', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
+        return (index.h("div", { key: '761e3d38781b7f10c444b52f16feefcaef7591a9', class: "gux-container" }, index.h("div", { key: '9e166ea09c11c2c59193da15521d63a3461651e5', class: "gux-image" }, index.h("slot", { key: '0c5762d1375451f2c8528721a04f319fee03cc81', name: "image" })), index.h("div", { key: 'f1060ef6636b673d0e55d105b2a425f4ccc49987', class: "gux-message" }, index.h("slot", { key: 'f377b70b59ff6520667d9efa4c70196187931fc2', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -44,7 +44,7 @@ const GuxBreadcrumbItem = class {
     }
     render() {
         const accent = this.getAccent();
-        return (index.h(index.Host, { key: 'bb343a9e5a7a32e6f77d2216003fb98b6907cc87', role: "listitem" }, index.h("span", { key: '9d6298cc45d449aaa19e682a62238814f139bb22', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (index.h(index.Host, { key: '4519a8262aace9389cab8619fbfec7f49a84bbd7', role: "listitem" }, index.h("span", { key: '11bc7d9e5e43d91d1a90bf4aff0477c914f0626c', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
 const index$1 = require('./index-c7d87150.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const breadcrumbs = "Breadcrumbs";
@@ -30,7 +30,7 @@ const GuxBreadcrumbs = class {
         Array.from(this.root.children).forEach(child => index.forceUpdate(child));
     }
     render() {
-        return (index.h("nav", { key: 'c195a8e5a5258c0555380cf296bc5ad90bbccff8', "aria-label": this.i18n('breadcrumbs') }, index.h("ol", { key: 'df17f9dfdbba7f13b2a1dc8d1e1c70464008d80f' }, index.h("slot", { key: 'ec080f9e4804b35d233b1705c563550ae0b6ef82', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (index.h("nav", { key: '338ef4b8908f8d4432dbfb87e2336f21f657b2ae', "aria-label": this.i18n('breadcrumbs') }, index.h("ol", { key: '812f622e42591e0c12729aa60abd9417e69a8984' }, index.h("slot", { key: '08ab69eb7af7bc2ec611e98f058d8c549be17a0a', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -6,7 +6,7 @@ const index = require('./index-1337610f.js');
 const onClickOutside = require('./on-click-outside-bfd599ca.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {
@@ -111,7 +111,7 @@ const GuxButtonMulti = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h("gux-popup", { key: '9cbbd5f1f6fd39b00e5239326e4feb64b3128716', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, index.h("div", { key: 'e8165568a5d5140125f7779567d52ed4b99f1a25', slot: "target", class: "gux-button-multi-container" }, index.h("gux-button-slot", { key: '033673a57b3eb49fb6f446277ee0924f4822c165', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, index.h("button", { key: '2abc387051a51ef4f44c5542279a3be4b242b4a1', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, index.h("slot", { key: '44c67df9f60b165edd27f92692ffa3c00d09c529', name: "title" }), index.h("gux-icon", { key: '9fc7e11c62b7d8d7a975f77a877b1c047a57e8cc', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), index.h("div", { key: '5f633bc969b36fec7a3b4cfd3cd6b540d585c2de', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '97064d13bb28ff7e05a743160082c26189e471a9', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '81a4639257cb9378fcb25e7beb3b2d1aaa86e781' })))));
+        return (index.h("gux-popup", { key: 'b93c218e443b7708675aecf20b5d4b2965a4ae0f', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, index.h("div", { key: '71544f057474bfa38d99eab121ae7873f08d0c9c', slot: "target", class: "gux-button-multi-container" }, index.h("gux-button-slot", { key: '52cd56065cd383def92e7cc56a852707360e5ff5', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, index.h("button", { key: 'cfac597b81a709fd3be4b439414a116e4abc4f5c', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, index.h("slot", { key: 'b33d0ab04060158058b68936c1a1b3414814b5b3', name: "title" }), index.h("gux-icon", { key: 'e33e7b198e6e5c5b9a64c3a562ca66c27234a18e', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), index.h("div", { key: 'efaf834bfe079d12f87726dd891fc5e0ba466b21', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: 'bf3ece40db97ea59634fbdd73a454ea10d59bdd9', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'c3bb4fb2aadee21dc89a5968130a3ffe1af7c648' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const guxButtonSlotCss = ":host{display:inline-block;pointer-events:none}::slotted(input[type=button]),::slotted(input[type=submit]),::slotted(button){font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;text-overflow:ellipsis;color:var(--gse-ui-button-secondary-default-foregroundColor);white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}:host([icon-only]) ::slotted(input[type=button]),:host([icon-only]) ::slotted(input[type=submit]),:host([icon-only]) ::slotted(button){padding:var(--gse-ui-button-default-paddingIconOnly)}::slotted(input[type=button][disabled]),::slotted(input[type=submit][disabled]),::slotted(button[disabled]){cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}::slotted(input[type=button]:focus),::slotted(input[type=submit]:focus),::slotted(button:focus){outline:none}::slotted(input[type=button]:focus-visible:enabled),::slotted(input[type=submit]:focus-visible:enabled),::slotted(button:focus-visible:enabled){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(input[type=button]:hover:enabled),::slotted(input[type=submit]:hover:enabled),::slotted(button:hover:enabled){color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}::slotted(input[type=button]:active:enabled),::slotted(input[type=submit]:active:enabled),::slotted(button:active:enabled){color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]),:host([accent=primary]) ::slotted(input[type=submit]),:host([accent=primary]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:hover:enabled),:host([accent=primary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=primary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:active:enabled),:host([accent=primary]) ::slotted(input[type=submit]:active:enabled),:host([accent=primary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]),:host([accent=tertiary]) ::slotted(input[type=submit]),:host([accent=tertiary]) ::slotted(button){color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width)}:host([accent=tertiary]) ::slotted(input[type=button]:hover:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=tertiary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]:active:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:active:enabled),:host([accent=tertiary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]),:host([accent=ghost]) ::slotted(input[type=submit]),:host([accent=ghost]) ::slotted(button){color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:hover:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:hover:enabled),:host([accent=ghost]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:active:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:active:enabled),:host([accent=ghost]) ::slotted(button:active:enabled){color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]),:host([accent=danger]) ::slotted(input[type=submit]),:host([accent=danger]) ::slotted(button){color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:hover:enabled),:host([accent=danger]) ::slotted(input[type=submit]:hover:enabled),:host([accent=danger]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:active:enabled),:host([accent=danger]) ::slotted(input[type=submit]:active:enabled),:host([accent=danger]) ::slotted(button:active:enabled){color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}:host([accent=inline]){min-inline-size:initial}:host([accent=inline]) ::slotted(input[type=button]),:host([accent=inline]) ::slotted(input[type=submit]),:host([accent=inline]) ::slotted(button){block-size:initial;padding:0;color:var(--gse-ui-links-default-foregroundColor);background:none;border:none}:host([accent=inline]) ::slotted(input[type=button][disabled]),:host([accent=inline]) ::slotted(input[type=submit][disabled]),:host([accent=inline]) ::slotted(button[disabled]){color:var(--gse-ui-links-disabled-foregroundColor)}:host([accent=inline]) ::slotted(input[type=button]:hover:enabled),:host([accent=inline]) ::slotted(input[type=submit]:hover:enabled),:host([accent=inline]) ::slotted(button:hover:enabled){color:var(--gse-ui-links-hover-foregroundColor);text-decoration:underline;background:none}:host([accent=inline]) ::slotted(input[type=button]:active:enabled),:host([accent=inline]) ::slotted(input[type=submit]:active:enabled),:host([accent=inline]) ::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}";
@@ -38,7 +38,7 @@ const GuxButtonSlot = class {
         this.validateSlotContent();
     }
     render() {
-        return (index.h(index.Host, { key: '3820fc16489b71e35951b764cde3f316d88b364a', accent: this.accent, "icon-only": this.iconOnly }, index.h("slot", { key: 'c08f3359c188fd0d6e7a5da3db400ae1f7cff14f' })));
+        return (index.h(index.Host, { key: '427a1d34e7b47ed888ff59ec452655c1fb40f468', accent: this.accent, "icon-only": this.iconOnly }, index.h("slot", { key: '333a16b4e6b114ba5ab7ef50ebd348661c73fe18' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const onClickOutside = require('./on-click-outside-bfd599ca.js');
@@ -32,10 +32,10 @@ const GuxButton = class {
     }
     render() {
         return [
-            index.h("button", { key: '9c064f7a47d8a4b4deaa4e60af5756a030d716af', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            index.h("button", { key: '24dbbdfe3e039dea0cbdc2d452cb0cf5da7f9d9b', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, index.h("slot", { key: 'ee0e8501a4cd24a1fac1cb4c29c452b03bf434bf', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, index.h("slot", { key: '3cdf6222d210ad14536037885d5d6b54f684a209', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }
@@ -251,10 +251,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'c7c325dd268a103724a239223269f3c5b3ea80a8', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: 'c4bfd77abb067dcae0d1f094b0712f35c815fdb3', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: '6720d3333dc97df058a14f3842ebc2bf8a4c0628', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '555b6abf14a6855c7bb03d92e644a8ded7be07f6', class: "gux-arrow-caret" })), index.h("div", { key: '17eaeb24bfd93779025539ad759e0ae3c77a0bab', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: '6a10577c268b0d158bf41d0ef86a429b77520fed', name: "title" }), this.renderDismissButton()), index.h("div", { key: '58947f12697322416d3675f0f15d2ec11ec1454c', class: "gux-popover-content" }, index.h("slot", { key: '7e630b5805bc05e89ca62d22e1e991afb6ae5c51' }))));
+            }, "data-placement": true }, index.h("div", { key: 'a56b913b26c27f0a0835a93b3846ad7317e745cb', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: 'bf3ecb5c4b79718ef837c17bc4c69c6e77d5a38b', class: "gux-arrow-caret" })), index.h("div", { key: '409baad16d39c69eeeda3f6949548f5ba0803960', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: 'd7669798b13b6404aac1ba55b782d8d035c25ba3', name: "title" }), this.renderDismissButton()), index.h("div", { key: '9e55d48c7d09edd4e5850165049debd9fe974414', class: "gux-popover-content" }, index.h("slot", { key: '1527c1af2b9ed34dd3e976e44d2f4c6f1f848cef' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1337610f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const isoDates = require('./iso-dates-2daf4199.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 const index$1 = require('./index-c7d87150.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
@@ -387,7 +387,7 @@ const GuxCalendar = class {
         return (index.h("table", null, index.h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (index.h("th", null, day)))), this.getMonthDays(index$1).map(week => (index.h("tr", null, week.map(day => (index.h("td", { tabindex: this.isFocusableDate(day) ? '0' : '-1', class: day.class, "aria-hidden": day.hidden ? 'true' : 'false', "aria-disabled": day.disabled ? 'true' : 'false', "data-date": day.date.getTime(), onClick: () => void this.onDateClick(day.date), onMouseEnter: () => this.onDateMouseEnter(day.date), onKeyDown: e => void this.onKeyDown(e) }, index.h("div", { class: "gux-date" }, day.date.getDate(), index.h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (index.h("div", { key: '9756cfb11cbf1a5e63ca85915b8c15c39e4d3ccc', class: "gux-calendar" }, index.h("div", { key: '2d49f9cedd837018d0046e9113dab75cb8a815c2', class: "gux-header" }, index.h("button", { key: 'b63c42a8d52d7afa94e0f9363a973acbea6e9269', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: 'e21cf4b6c2ff9d73f12f01911596e6cb9186fd4a', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: '7e6e248f327cced7dee6dba7661c844625b1f8a7', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: 'edcbc1a62574b62e1c0c611bdb5c35ecc300ac9e', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: '621ed70abfb997d502bb521fe797f98abf36aade', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (index.h("div", { key: '8c2735faadd06a9810b3b0f48abc0d2be8c29c6f', class: "gux-calendar" }, index.h("div", { key: 'ded34ebeead1c0a4df65cf51906e9c7d514fa93e', class: "gux-header" }, index.h("button", { key: 'cedfad47d44db1003806ed47a32b9fd4327751fc', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: '36e0f9d505339ae11bbb6b7f2548cde68abc7741', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: 'f56e6ff0c1261e7c51e0639b26680a70f5205e3d', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: '959ebaa13f1a7e435782d38bdde87e4e4f56a2c0', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: '4c63e229090bcd6eab870ea8dac3bead564744a5', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 
 const guxCardCss = ":host{display:block;inline-size:fit-content}.gux-card{box-sizing:border-box;padding:var(--gse-ui-card-padding);background-color:var(--gse-ui-card-backgroundColor);border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color);border-radius:var(--gse-ui-card-borderRadius)}.gux-card.gux-bordered{border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color)}.gux-card.gux-raised{border:var(--gse-ui-card-raised-border-width) var(--gse-ui-card-raised-border-style) var(--gse-ui-card-raised-border-color);box-shadow:var(--gse-ui-card-raised-boxShadow)}.gux-card.gux-borderless{border:var(--gse-ui-card-borderless-border-width) var(--gse-ui-card-borderless-border-style) var(--gse-ui-card-borderless-border-color)}";
 const GuxCardStyle0 = guxCardCss;
@@ -17,10 +17,10 @@ const GuxCard = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h("div", { key: '711321ab19eb090bcf3f113ef04e221e87ceb7f1', class: {
+        return (index.h("div", { key: '1a85dcf2fa992904b3e187d0bd6f3f6d5219db0b', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("slot", { key: '27f8d86f140965871db17e4497821cb30a91b320' })));
+            } }, index.h("slot", { key: '1675843012bddd80e09c7e5adcc636609fb7465a' })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-column-manager-item.cjs.entry.js

@@ -158,14 +158,14 @@ const GuxColumnManagerItem = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: 'ce1e492fa59d2528c1f46eb6ef374b08c45f1cab', draggable: "true" }, index.h("div", { key: '865de5c7b735d616c69af0fe78abf436249bedd1', class: {
+        return (index.h(index.Host, { key: '6be3063ad0a69ae45e4682c1b9c5bc66ff574bd5', draggable: "true" }, index.h("div", { key: '5a273f0517b5bdc68d1ec2cd418a5c5eee1ef869', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, index.h("button", { key: '0b3cee32eb1ee396e8415b9d832d1e229ace7d94', class: {
+            } }, index.h("button", { key: '2c7b628ce020d2e7e6005733084c81fd5749ee11', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, index.h("gux-icon", { key: 'a5f81dca5e9cab01720344772feab18a004940b5', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), index.h("span", { key: '6ebd4d11790a6ef4e966e63fe08f9cfc23ca7faa', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: 'b5ec685bd8ca953222d7cd77a15b5b5661085d53', class: "gux-select" }, index.h("slot", { key: 'cbf50779742ef28d8d8a1416e0ab86cc74bca45c', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: '603a44c15bdd4f75ce3f3aca231b6dc6a43f105d', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, index.h("gux-icon", { key: 'a683ab3efa22a3824d025407fd44883e98cac45e', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), index.h("span", { key: '7f3295e9287a273ad7811d4363fd982743074460', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: 'bb4c3a8d0dd4631ae3266255e7b6edb6c138292a', class: "gux-select" }, index.h("slot", { key: '722f5b21b773c98142af421aa1a95e3870b77089', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: 'de641c2e91df2d8932805051bec285d2090d54ac', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-column-manager.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
 const index$1 = require('./index-c7d87150.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 const guxColumnManager_service = require('./gux-column-manager.service-6eaeedb0.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./clamp-e86a226e.js');
@@ -115,7 +115,7 @@ const GuxColumnManager = class {
         return (index.h("div", null, index.h("span", { "aria-hidden": "true" }, this.i18n('selectedColumnCount', { count, total })), index.h("span", { class: "gux-sr-only" }, count === total ? (index.h("span", null, ": ", this.i18n('unselectAllColumnsScreenReader', { count, total }))) : (index.h("span", null, ": ", this.i18n('selectAllColumnsScreenReader', { count, total }))))));
     }
     render() {
-        return (index.h("div", { key: '0cc23598dde034cb03cc6c6fc5a381c91acf657f', class: "gux-container" }, index.h("div", { key: '40fed526bb4ad40001eab9e5d74f8dfa32d098d1', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '57f05475c912e324f62d909bbb2b75b92e3524b7', class: "gux-search" }, index.h("gux-content-search", { key: 'c39d2b109726a4b105a27d8aa032ad546c10d5f7', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: '4f3f97e1c3affc85d51d67fe4a63c3ba490b65f9', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: 'f7472f9d153b8de1c9ef3158309890c0bcf1a974', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: '774c0f4e7a50db67ba3f55a75ceaf0f94644cdf7' }, index.h("input", { key: '874352997ab778da3488b8eea6553d0f476acbb3', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: 'a3a9b95f4df52b3d6caee07b4223e7aca4758dee', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: 'bd8454187eae0e01a2634cb514d885eec8285c4f', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: '26cd7ff48db01eb192d1a31946145cd50d54613f', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '2140cb7ad8ce976b41b106274c3bb7a7f7eb27b8', ref: el => (this.announceElement = el) })));
+        return (index.h("div", { key: '588a7749ceb5225beab4e6f6c8854e7206dcfb62', class: "gux-container" }, index.h("div", { key: '2577108819c7e2b49e888f43b34be71a9b79e5f1', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '41dbb2f7e5ca5aead3d2494422881ca8c047bc04', class: "gux-search" }, index.h("gux-content-search", { key: '586507db8dbc9f38b366251a571dc8bf4e79b051', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: '67f962601312dd05c764cff58504b5386349e6c9', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: '217124e4fd40398e23af83e1262c1b4cfbd98d02', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: '66508f1c526387454feb3ffebb0b42b75ddad617' }, index.h("input", { key: 'd85acd01ea437964e19a4147146f009844bac744', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '8cceb8729d69f32c9f5cd08935956eed977ad0f9', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '4c34dd2fb5be20ff366b13997a489ad4a6abb825', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: 'ad1d214cffdbff873d219f8da6d9ecf0a2ccaf5e', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '42a0dbcb02a631ea7bd7909b35aef127e7c3f53f', ref: el => (this.announceElement = el) })));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-content-search.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 const index$1 = require('./index-c7d87150.js');
 const onAttributeChange = require('./on-attribute-change-a9f44523.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
@@ -66,10 +66,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'd85d17c24ead428597f2c973644b080e2b778466', class: {
+        return (index.h("div", { key: '28ec59442bce21b9a8aa6e4daa02f6dde82b79ba', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: '3119e47e3da9276359ad9b2c0ae9215f712aded2', class: "gux-search-icon" }, index.h("gux-icon", { key: 'ef796175a494bc30d234cc2a79b4ab24c85c7510', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: '98855be493a40b519cbe9f4366eb8ade53297e54' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: '9244399df101651725be2f5b9bc709b23dca0fde', class: "gux-search-icon" }, index.h("gux-icon", { key: 'fbdfa696f3adfc2635d447ad439212ebf3f45a76', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: '3c23110a115935660ae418a18d100776ca841099' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 const index$1 = require('./index-c7d87150.js');
 const onClickOutside = require('./on-click-outside-bfd599ca.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
@@ -121,8 +121,8 @@ const GuxContextMenu = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: 'b191c422bc7f399b8124d7a151d18ed13f54d0c2' }, index.h("gux-popup", { key: '870757febfec9a70a5fa30334687c77891abe3b1', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: '788045750569a15d4657afa9cbb4de8bfc20b625', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: 'c72dbf0647ff64f6609802f48a6b38bff9040854', accent: "ghost" }, index.h("button", { key: '143fe2240fdc722ce2dd6d41d0084fa2324f2874', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, index.h("gux-icon", { key: '0a218befa8f176c73ae1eada6c75713fb48b6f05', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText'), size: "small" })))), index.h("div", { key: 'b89ed6447b3d462ba1f17d5da40c48bd13849a5d', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: '9f24962dd20f6f7b6ec9bc8b718f432a121a0436', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'e15de5777f867c5e221cfc01db925c3b6c154fc6' }))))));
+        return (index.h(index.Host, { key: '3812af7f3ac6d559d0ceb3ce4239e2b94be5c317' }, index.h("gux-popup", { key: 'af4635a52b673c6879cf2f3465ff02bf9409925d', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: '88c187df2686f134574837f8854cc89fbe7ccbdd', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: '2385316ab43bdf67de78193c24de831d50f89c44', accent: "ghost" }, index.h("button", { key: '1f95a842319566e043e45ac081d7b7fa22b13dac', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, index.h("gux-icon", { key: '12f5ab149bf0664bc42c5272a60f8596035b6386', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText'), size: "small" })))), index.h("div", { key: 'f8ac9e69cc2ace9b2c6820be11fb976d40fc153b', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: '5140951d1197327eafe1409aa879ec0895011b34', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'a8c019bd13be6fce15ffb2191eb38cbf2bf543fa' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-copy-to-clipboard.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 const index$1 = require('./index-c7d87150.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -66,7 +66,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: '844989a98e1c490e20f2ec1ae4d3f24b2a917178', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, index.h("div", { key: '0cf08a655bef7d85fba772004b6c6ce4f583fb11', class: "gux-copy-content" }, index.h("slot", { key: '5591ea04e2a25294e921a3ca75b8e5d23db15bb1', name: "content" }), index.h("gux-icon", { key: '910e8b4e9ce9299ce0016ab10d0049ac4d716326', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (index.h("button", { key: '37bd43b34710ec3d226b0c8607b5822c02b530ec', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, index.h("div", { key: '9d6c196c3b96fcb2473a7df3caa450ae637eb16d', class: "gux-copy-content" }, index.h("slot", { key: '73dffc9fadfcc909e1fcb997c78ce5c13cedf44d', name: "content" }), index.h("gux-icon", { key: '2213aca0c23c555a0ff8ceafa64191798f5b3b14', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -48,11 +48,11 @@ const GuxCreateOption = class {
         return (index.h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (index.h(index.Host, { key: 'b187d5960eef36734480be15faace6b1079783d0', role: "option", "aria-selected": false, class: {
+        return (index.h(index.Host, { key: '64e9565cf92379bf56993bc21302f4d9648ce7aa', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, index.h("div", { key: '9ec59d6f440e2f1561657550f1bad767fb4129ba', class: "gux-option" }, index.h("gux-icon", { key: '0cbc724c40a9a23bba99ea1275065c7144ee7d3b', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), index.h("div", { key: '5f4de4aaa90c7d3b9dc82160e1f7c8b740c5dff0', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, index.h("div", { key: '194c55a30f11edbbe69bd44b41d84fb3a33dd1b5', class: "gux-option" }, index.h("gux-icon", { key: '371a485c9cc6793e55ddb38185328bdf0f764391', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), index.h("div", { key: '3c2705c597ebeb979ca5fd95beeb904b775da7ee', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 const getValidTimezone = require('./get-valid-timezone-e419d38e.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 const index$1 = require('./index-c7d87150.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 const getValidTimezone = require('./get-valid-timezone-e419d38e.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 const index$1 = require('./index-c7d87150.js');