genesys-spark-components 4.29.1-beta.0 → 4.31.0

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-9db4cf68.js');
+const usage = require('./usage-018c2cda.js');
 
 const guxCardCss = ":host{display:block;width: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-x) var(--gse-ui-card-raised-boxShadow-y) var(--gse-ui-card-raised-boxShadow-blur) var(--gse-ui-card-raised-boxShadow-spread) var(--gse-ui-card-raised-boxShadow-color)}.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: 'f11557950e9016dd7055b96466e16673f393c349', class: {
+        return (index.h("div", { key: 'b84fbe6776b384375e30951a8ab2869de31ebce9', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("slot", { key: 'e2ad7c457a4da3c3efb1fd027912da9d4e0aa9f3' })));
+            } }, index.h("slot", { key: 'b20a4f68c4a3d66e96d1cba8547f83555b3d61bf' })));
     }
     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: '2e6036ce62295305c9f2ce122dbf96a64b01d3ac', draggable: "true" }, index.h("div", { key: 'a50454cf1c74ce6d362c52b0aeb74819fd663afe', class: {
+        return (index.h(index.Host, { key: 'f8f5f862f7f66fa2e460b3a092dcb95841dbd591', draggable: "true" }, index.h("div", { key: '8086b1ccee8c509cd05bae2a98d3a36b26da089d', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, index.h("button", { key: '48e18dd9d872cdf5ea88267aceba3d5a7619d9ab', class: {
+            } }, index.h("button", { key: 'b383d445f243ec562670176c434af73555b649c4', 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: '198b9ed8d7e54c27f7302163742c2a77fc653c2e', "icon-name": "grab-vertical", decorative: true }), index.h("span", { key: 'ed386384b692bb94923a3dd7f0dcd7b8c639bbd1', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: '191a214d11d3305728e6b854d77eb1084db93fdf', class: "gux-select" }, index.h("slot", { key: '5e3ad52036cba74bbcb6e791c6c77f72b762e164', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: '068f74d48f0eea344a53b88ccafbb5bd2f78d79b', 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: 'f9a8ba084f0e81f03a33864d0a86054c53a48937', "icon-name": "grab-vertical", decorative: true }), index.h("span", { key: 'a488d2269557f1f9f815ea3597dbaa7739cc5dd1', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: '2ea12f2d4b5281df6ab101af26cbde2ad5621156', class: "gux-select" }, index.h("slot", { key: '4b9974e277372dc34386f8bc0e014eed75729e95', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: '2e7646de2ca2e2145861e83cd35eb5ab720b00fd', 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-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-9db4cf68.js');
+const usage = require('./usage-018c2cda.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: '3742571bd0c7bab7234029ceb8500f4b6c4d1dc7', class: "gux-container" }, index.h("div", { key: '31e0fd83fabe23012f2e0bd0bf68c47f22ce1dc4', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '147db15465fc72989269b30083baf509733bc336', class: "gux-search" }, index.h("gux-content-search", { key: '7c618c11f2d6406d15b7941be3715b432884fb1f', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: 'ec506ba4978c395150bfc84c0e62244b4120b796', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: '08d559cc550885aeeb91c27b01df996577aae96c', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: 'fde8a773f706e7f5b5d65b743e9f3abd2643408f' }, index.h("input", { key: '5233f5f8c8bc36641030b04f8e1c98ea521564bd', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: 'af897414d7fdc7a2c4d31b00b0cd24cf3a2d59df', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '99df009248e4ab1b5554b7bfc2cd71a79fc88ed0', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: '260514ab3a1ca904cc24d680fc9497a0e7dcf27c', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: 'a23ee71df379804fd652e91b4cf2f1b05b93a33b', ref: el => (this.announceElement = el) })));
+        return (index.h("div", { key: '8d82266d374edd4eb33182037e177c90f2145faf', class: "gux-container" }, index.h("div", { key: '23fd11224c510896079914a36f91ec22dd1072bd', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: 'ac5d0220e8fe0bf429b3ca41e8353d5714f59e56', class: "gux-search" }, index.h("gux-content-search", { key: '94ece55f012535aebbb359e33798ffe25e394fd7', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: '961603f9a2791b99f625173681326aed4ad6bac2', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: '2b675503caf6e0f7f459bee18b1bbbca7ce63bff', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: '5a6469d504207e0f041a4f09d8eaa8509dbd8822' }, index.h("input", { key: '5c42aed702e472dfb8a3ed35d724bb7a132e46a2', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '9ddd01c649b91ed2bbc6e08195b777e356b73ee0', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '4b9b1797e5f097b845b9b36c35c4222871610552', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: '0e16dba06dcc44142619230dd71d76e67e061af3', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '1897bf802e8449ae627074c0478b536f3cd827e4', 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-7fb02c8c.js');
-const usage = require('./usage-9db4cf68.js');
+const usage = require('./usage-018c2cda.js');
 const index$1 = require('./index-a1a48d79.js');
 const onAttributeChange = require('./on-attribute-change-321d434b.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -65,10 +65,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (index.h("div", { key: '1877397fb569c3482c0bc8c93bae1bc3310ffb1e', class: {
+        return (index.h("div", { key: '2486d4f685573a7279a04784f05d08a5edf02449', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '704155bcf1d7d53d6892977ca3887b257004da4b', class: "gux-search-icon" }, index.h("gux-icon", { key: 'c4b2ec238dbb1423363a2c124a7d74012aca51ca', decorative: true, "icon-name": "search" })), index.h("gux-truncate", { key: 'e9fff396d5eb2b40856009dfcea05dbe8b6a18b2', "max-lines": "1" }, index.h("slot", { key: 'd571b5abc5997fe21a76ad278717486d24badcbd' })), this.getNavigationPanel()));
+            } }, index.h("div", { key: 'c2e501fafb01e4dedfe6301ac18a91402a2d3c50', class: "gux-search-icon" }, index.h("gux-icon", { key: 'a6bcb3588b1c3a1fbdadbde3e3eceb2b14e861bd', decorative: true, "icon-name": "search" })), index.h("gux-truncate", { key: '64730a899b6023e41b5730edb51ec848f3ab6f52', "max-lines": "1" }, index.h("slot", { key: 'b37ec70a121c9fe2602e0dc8dd338e958179042b' })), 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-7fb02c8c.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-9db4cf68.js');
+const usage = require('./usage-018c2cda.js');
 const index$1 = require('./index-a1a48d79.js');
 const onClickOutside = require('./on-click-outside-f7acdd1d.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: '63f520be2d59958b0f633f2ef84504df511a84e7' }, index.h("gux-popup", { key: '5ba8f4f26320b7bd82414701d84ad5898e257920', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: '5c19a5ce3f72809522b08938a4c18a3b47de2666', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: '7aa8ab17950d8d8f87ad79f3eb9167e254695b72', accent: "ghost" }, index.h("button", { key: '715fb03a6b9b806cd928df35edccddfcfd6952a2', 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: '32f6b67396aa255c372e35d2c1f9b28d52893264', "icon-name": "menu-kebab-vertical", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), index.h("div", { key: '46b535b72697c780a4a523c0df012d1cdbc29f5a', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: 'd99c0a1ea7cd6b6555c616bb266cbe200bb03cea', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'bf8ca64f67b3e79c173bf8611f081c54d99c3dbb' }))))));
+        return (index.h(index.Host, { key: '133a2f813af1163f54ebcde8fbff2f257f080df9' }, index.h("gux-popup", { key: 'fd8240f8e6e7c62daabd49cf3a0eddd5e8157312', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: '38e71e614a49550c57444b9440ff71b079fef280', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: 'f9a3d3ec596c438d41ed9e798c68dc239b3a5adc', accent: "ghost" }, index.h("button", { key: '0898765f4b4eeb4f1af845b2e0d1590c75f6c1de', 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: '9001656fcf3cd2b7c9581d0f773bcfe9543b89b5', "icon-name": "menu-kebab-vertical", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), index.h("div", { key: 'b1e5a31b9e9b8e38462b47e0d472749cbce57a89', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: '31263aa59c8e69fb850bc88c3f9030deea74946b', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'f31957f8d664a01f2b17b06835addd97b7cab3ee' }))))));
     }
     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-7fb02c8c.js');
-const usage = require('./usage-9db4cf68.js');
+const usage = require('./usage-018c2cda.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -74,7 +74,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: '26b39fba27a6ddf32d4c289a4bc10a1ae1549283', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, index.h("div", { key: '0bf3d5e14558b68a3831d28748eac830dc8e1b0d', class: "gux-copy-content" }, index.h("slot", { key: '42697ce02ccca2a33cd6707e4385e8184b973f41', name: "content" }), index.h("gux-icon", { key: '4d2791bcc2f55eb13c6c956c83a56d3eb8cade8c', "icon-name": "copy", decorative: true })), this.renderTooltip()));
+        return (index.h("button", { key: '416b6b71765b98f5d1962cfb8804fba3538c8d0b', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, index.h("div", { key: '17ff0c705da123ce14d053208f0c5662b4d0bfbc', class: "gux-copy-content" }, index.h("slot", { key: 'c92b82e90aa8913f49ca0165745251f4eb5cf89a', name: "content" }), index.h("gux-icon", { key: '7d6ccc0837fda3faeed6920ffe76be521e487854', "icon-name": "copy", 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: '44c29c82895286648083b295c265500d0689ee32', role: "option", "aria-selected": false, class: {
+        return (index.h(index.Host, { key: '1a250b55fc5de25f37a38b5fd32757ec2afc763c', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, index.h("div", { key: 'a3e59e3b4dc75010289bf2a0589872903865f9f7', class: "gux-option" }, index.h("gux-icon", { key: 'ae483318062c29935de2515fb582cd1e40203875', decorative: true, iconName: "add" }), index.h("div", { key: 'b13563bcd632467585b57ff8803ee6e651ecb72c', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, index.h("div", { key: '6fbaeddb1cfe58e06d7c6ce5e42889c41b2f0512', class: "gux-option" }, index.h("gux-icon", { key: 'fbfcbb2d0d751ef61ef94bbd6c9965834e1f474a', decorative: true, iconName: "add" }), index.h("div", { key: 'b5243ee548c26052d3b2e34b941bd44d572abc7b', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

package/dist/cjs/gux-cta-group.cjs.entry.js

@@ -71,7 +71,7 @@ const GuxCTAGroup = class {
         this.validateDismissSlot(this.root.querySelector('[slot=dismiss]'));
     }
     render() {
-        return (index.h("div", { key: '6f38ce57bc2624989e08f8f03b4b7a2a4273cbae', class: `gux-cta-group gux-${this.align}-align` }, index.h("slot", { key: '65299a5ff5d99f42afc8940d02114ff87dcfe59e', name: "primary" }), index.h("slot", { key: '778a140e6aeac6fc47ceb9694ed714d3e2326cc8', name: "secondary" }), index.h("slot", { key: '176142e469341facd9e85dd4934587b0b4380b7c', name: "dismiss" })));
+        return (index.h("div", { key: 'b016ee7bdd8aa8f9137b5f005d826908a192c570', class: `gux-cta-group gux-${this.align}-align` }, index.h("slot", { key: 'a90406043d4c7d232de8054a3bd45a3c43b1cdf6', name: "primary" }), index.h("slot", { key: '6b710696e87676444c61d6337f02077b674cd6f6', name: "secondary" }), index.h("slot", { key: '5b66c14ef3fa4844c0a361418bd08289b387480c', name: "dismiss" })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-9db4cf68.js');
+const usage = require('./usage-018c2cda.js');
 const getValidTimezone = require('./get-valid-timezone-52eac7fa.js');
 const checkRegionalDatesCookie = require('./check-regional-dates-cookie-406e21e2.js');
 const index$1 = require('./index-a1a48d79.js');
@@ -41,7 +41,7 @@ const GuxDate = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'b0360c06209de4af12013c4ea7c6df46fb7d4521' }, this.renderDate()));
+        return (index.h(index.Host, { key: '7c5dba8ed657b7602e7b2664221cf618beee57af' }, this.renderDate()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-9db4cf68.js');
+const usage = require('./usage-018c2cda.js');
 const getValidTimezone = require('./get-valid-timezone-52eac7fa.js');
 const checkRegionalDatesCookie = require('./check-regional-dates-cookie-406e21e2.js');
 const index$1 = require('./index-a1a48d79.js');
@@ -42,7 +42,7 @@ const GuxDateTime = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '6f45c10105254b26470400e9b165fa572d3d52ee' }, this.renderDateTime()));
+        return (index.h(index.Host, { key: '34356448ca74d00976bf00d92651712b3e228c7b' }, this.renderDateTime()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -8,7 +8,7 @@ const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const isoDates = require('./iso-dates-2daf4199.js');
 const onClickOutside = require('./on-click-outside-f7acdd1d.js');
-const usage = require('./usage-9db4cf68.js');
+const usage = require('./usage-018c2cda.js');
 const index$1 = require('./index-a1a48d79.js');
 const checkRegionalDatesCookie = require('./check-regional-dates-cookie-406e21e2.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -647,7 +647,7 @@ const GuxDatepicker = class {
             } }, index.h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), index.h("div", { class: "gux-datepicker-field-input" }, index.h("div", { class: "gux-datepicker-field-text-input" }, index.h("input", { id: this.endInputId, type: "text", ref: (el) => (this.toInputElement = el), onMouseUp: e => this.onInputMouseUp(e), onFocusin: e => this.onInputFocusIn(e), onFocusout: () => this.onInputFocusOut(), value: this.toFormattedValue, disabled: this.disabled }), this.renderCalendarToggleButton()))));
     }
     render() {
-        return (index.h("div", { key: 'e99ed591c4bcdc3188adb870164bf8265b6622c3', class: {
+        return (index.h("div", { key: '9a5133ae23cc05e38037189fc68e04a6bff4e66d', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-9db4cf68.js');
+const usage = require('./usage-018c2cda.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -50,10 +50,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (index.h("div", { key: '15b10ad5c1f7946bfccdb7e749d83478d36f3f5f', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: '052548f09eebe4441b065dcb2a89badaa02061e9', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, index.h("gux-icon", { key: 'edf41195a343a13d5d5111e4cc5e13f28e4b1c2c', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: '3cde9229f9888e7c8a568ae3bb86520c3be00559', id: this.panelId, class: {
+        return (index.h("div", { key: 'ecaeb9b6177112f93a7ef4a5aed6eeac64d0831c', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: '90f906915e1eb1f28f114fc4ee8a547d44f80e5c', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, index.h("gux-icon", { key: '84fcd4c68d75a1649af1961c973760fe6dc2272f', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: 'a6ccee9a2b12d007db687c46217b6a2c59a01bc5', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, index.h("slot", { key: 'dd4faafd96de6a8af8605631935b146b5113bd57', name: "panel-content" }))));
+            }, role: "region" }, index.h("slot", { key: 'c23678ee2c8a7bf59277e1a8efce641d9586b2c6', name: "panel-content" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-9db4cf68.js');
+const usage = require('./usage-018c2cda.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -25,7 +25,7 @@ const GuxDismissButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("gux-button-slot", { key: '3bbb394758e88d98acb171a8cdf9aa70f1b27021', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, index.h("button", { key: '7145acc36de55c00392f2416747aa9d6efdc4a54', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: '8ed99bd23d259c383acb8b39d03852f5364f840a', class: "gux-icon-container" }, index.h("gux-icon", { key: '3acbdbcea86e6195bbf2b52026b2380501086a00', "icon-name": "close", decorative: true })))));
+        return (index.h("gux-button-slot", { key: '09f9627dc86c100480ac2006250294363b1df755', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, index.h("button", { key: 'b5ff7f967e395bf534cf5e12368e2713ffc2afcb', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: '87273ad16040eaa9b6848536808aaa2ef6053de8', class: "gux-icon-container" }, index.h("gux-icon", { key: 'd4070762f52af366609dd2cdb647270b42ad8b7f', "icon-name": "close", decorative: true })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -44,7 +44,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '94b028f1ea1edfb1f26d66056b58166793525c12', class: {
+        return (index.h("div", { key: '803a49271669c35c488496c5eeb58e078a287248', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

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

@@ -8,7 +8,7 @@ const index$1 = require('./index-a1a48d79.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
-const usage = require('./usage-9db4cf68.js');
+const usage = require('./usage-018c2cda.js');
 const guxListbox_service = require('./gux-listbox.service-a91f8bd2.js');
 const onMutation = require('./on-mutation-3d294d15.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -391,7 +391,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            index.h("div", { key: 'e8cad6a11da54d4180fc99a793f8a64d2b314990', class: "gux-dropdown-container" }, index.h("gux-popup", { key: '0b4441fe0ab16c87117fcb905a5b0762aed22f5c', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()))
+            index.h("div", { key: 'a56ff37c913a03d6e3cb69541c6b920e40733cf8', class: "gux-dropdown-container" }, index.h("gux-popup", { key: '9801d928d3b0e5eb45635ee52e4c003616985629', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get delegatesFocus() { return true; }

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

@@ -68,7 +68,7 @@ const GuxDropdownOption = class {
         };
     }
     __stencil_render() {
-        return (index.h("div", { key: 'c4bd82294e9c39d9f167bedcc04f1fc4680cb35c', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (index.h("div", { key: 'a1aa77e7480ad8fbe82cc98abae5e087b54238dd', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

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

@@ -8,7 +8,7 @@ const index$1 = require('./index-a1a48d79.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-9db4cf68.js');
+const usage = require('./usage-018c2cda.js');
 const onMutation = require('./on-mutation-3d294d15.js');
 const guxListbox_service = require('./gux-listbox.service-a91f8bd2.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
@@ -344,7 +344,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (index.h("gux-popup", { key: '4931b1c7a2e91786bed44bc46789d2f9863c16da', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: '4f1176555389775664bcd912c3384eeffe7502c1', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -565,13 +565,13 @@ const GuxOption = class {
         return this.selected ? 'true' : 'false';
     }
     render() {
-        return (index.h(index.Host, { key: 'd5290f15c26e946ab84bf4b8a3b66fdfc63c84ed', role: "option", class: {
+        return (index.h(index.Host, { key: 'fabee33fc575f13c96d745447338ad0f630ba439', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("div", { key: 'a1e0f487f75ce7bb361e53a46654d029945bf719', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '90730750cdfbed531ecaf1ccd969d86a1a450548', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '6e8c555dadb6830b99b3b3b6aa9630b423ff9c29' })), index.h("slot", { key: '41729c019ba908d95192b04f8c73fd47ec4f3d9b', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("div", { key: 'c001777ea65e42db4f59a6b577f87d03c9cb43ac', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'c60da0eec7002d2786f8d6442ac528c90707fb8c', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'ed8505eab5790967f5161c88dfdeb9dc291b4218' })), index.h("slot", { key: 'fba46212c08d55351028e06da944bc99e10a31a1', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {