genesys-spark-components 4.29.0 → 4.30.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-b71d6ba7.js');
+const usage = require('./usage-a14aaf71.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: 'a9b03481523ddd2a8689558b50da4633f5c049d2', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("slot", { key: 'e2ad7c457a4da3c3efb1fd027912da9d4e0aa9f3' })));
+            } }, index.h("slot", { key: '2cc95a5205840c038dc8d70dd5ad467dd05ce243' })));
     }
     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: 'e7cb0456cdc63c36b12b84a6fc8b04e23ef9ac41', draggable: "true" }, index.h("div", { key: 'ab853bb9c91354d62a53e6a9385d31876bcf0de9', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, index.h("button", { key: '48e18dd9d872cdf5ea88267aceba3d5a7619d9ab', class: {
+            } }, index.h("button", { key: '86b752c952d7d5b22cce7ac720cf7eadbdee2592', 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: '5a062d29e3468607057bc2d19164f339eef61dd2', "icon-name": "grab-vertical", decorative: true }), index.h("span", { key: '9409796ccfe03a2a60a6d21f877780bf085abd36', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: '9cb6d4b0c04b963ebd6a0088be63e3d84a349b5f', class: "gux-select" }, index.h("slot", { key: '85d445d17dbd08b74e2efc93344630b212a59f87', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: '63e4752fa9189f8a782a36c19b0d17aade783687', 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-b71d6ba7.js');
+const usage = require('./usage-a14aaf71.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: '9503f7dacb275c894d3ba157dbf1a8e75f923c1f', class: "gux-container" }, index.h("div", { key: '8c22d9e0459606c010cc782e90c7eb4ce84550e1', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '697f9bd8bd79e1ffd9d112e7b9f25d0ad0119439', class: "gux-search" }, index.h("gux-content-search", { key: '0955fedec73d446d8863a0b1b22551dd501387e6', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: 'b24470c33acdc7f7447b8ce45ceab80e3b701e1e', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: '716b5ed689f3d02ad1667cac1f45f2326bf042e0', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: '2468fa9584859f8e2c2b0529490cebd1dfea7a49' }, index.h("input", { key: 'a59752e36a0a2beb60f85401a2f983e622a360b2', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '129071db1777d9c011d0cd5f80bb6c0454f898e6', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '72fea5393a72ecd0c507e021fec10b3df73c8f8b', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: '3b67278503f48b34c93e2e9d4eab47cd7a8e3b20', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '4fce43062fb49045706ae55be7b72991fe9233e6', 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-b71d6ba7.js');
+const usage = require('./usage-a14aaf71.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: '7f59a720c59e512815adb39378ac6e821f820845', 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: '43d17425e7a64696ecff3360aec97f5e9c5cb7f0', class: "gux-search-icon" }, index.h("gux-icon", { key: '2660a96539730ed8fa9705e2fbd676e57e626d64', decorative: true, "icon-name": "search" })), index.h("gux-truncate", { key: 'ec9eff770ecf37975aca76edd72667ad73ebef9c', "max-lines": "1" }, index.h("slot", { key: '70f50f90d2a8fbc6b077ae27a23fb100ad2a2c44' })), 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-b71d6ba7.js');
+const usage = require('./usage-a14aaf71.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: 'f78e967950ecbe08165dfdf04b2d8c955c30d331' }, index.h("gux-popup", { key: '8b6a158b74b030f8ef0dec41b14a9639c41d4558', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: 'b1a2f01fff46a264300c3d812dd915312cefb443', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: 'c967a4611821bb8093b85eab64dcce072e11aa48', accent: "ghost" }, index.h("button", { key: 'e552d0e0f6db5425cf0d98756ce327640d84acfd', 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: '2ee801974642ed0359ea5c0bcf41b1b921e2a7de', "icon-name": "menu-kebab-vertical", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), index.h("div", { key: 'ea83b5a77d586251814277249a9f2497646782a5', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: '0f2915e48af34a4f7aa020b3835156947b3dabb9', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '8d262d9b74876f870dc97a094b655c52bcbdc217' }))))));
     }
     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-b71d6ba7.js');
+const usage = require('./usage-a14aaf71.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: 'ada63bc9a03fd3304691048d427751baa2aac47a', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, index.h("div", { key: 'b30852b50fbd085821b5b46cf9ea82d808cc16e1', class: "gux-copy-content" }, index.h("slot", { key: '2be97148dc2b10bfdb48a6a9eab582d18ca9605a', name: "content" }), index.h("gux-icon", { key: '7179197bdf4d761753ba77d894dc9ae9fcd54742', "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: '50613ee38defc2f64ebc5216b4b77caf409bdc62', 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: '7c5e1c49b44b4f758000963d9b41016a9487f2ec', class: "gux-option" }, index.h("gux-icon", { key: '74b961acb44fc0083b902b86ab328fbe8c8ce633', decorative: true, iconName: "add" }), index.h("div", { key: 'f5edff64f6a9664383ae7ec402d5033368e6197e', 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-b71d6ba7.js');
+const usage = require('./usage-a14aaf71.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-b71d6ba7.js');
+const usage = require('./usage-a14aaf71.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-b71d6ba7.js');
+const usage = require('./usage-a14aaf71.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: 'c7a97f65d500b5a7a5229298dd89257abce2ecc7', 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-b71d6ba7.js');
+const usage = require('./usage-a14aaf71.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: '652baa3062ea3dfeefafcfece24140605359eea4', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: 'd55fe76c03c68c855c1226cd416f10a06a2812ab', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, index.h("gux-icon", { key: '9aa2ba2d010dfaa397ca0252d596d4af302efe11', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: 'ff5bb0284dce2b88350709ecdd55f491b8d8c16d', 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: '5ffc186bf0a4e3745421ed5477ccdd27147f1fc4', 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-b71d6ba7.js');
+const usage = require('./usage-a14aaf71.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: '5870577c1528513eec24954eee1d7c005f7d0c7a', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, index.h("button", { key: '6135c1d86c03cdbcb1b3deb74e7ce4c37a7ac95b', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: 'a069f0e58314da0c59a16d2b6e8aee702649c3f3', class: "gux-icon-container" }, index.h("gux-icon", { key: 'ee451b79135da83609f6c1c97d0f63f7118368ee', "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: '43f10bdaf3b95e6ae9b267cc8fadce6f9a082359', 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-b71d6ba7.js');
+const usage = require('./usage-a14aaf71.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: '6665aa1a8573ec525b5dcf585c2bc46bca7042e8', class: "gux-dropdown-container" }, index.h("gux-popup", { key: 'e3191659a393e1751efea051ab99436e016a3197', 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: '79855cf947e5e904c072daff3ab24b5abcd9e3b3', 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-b71d6ba7.js');
+const usage = require('./usage-a14aaf71.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: 'e6e4700f25ea9b999de2f010681ba38cc31b3810', 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: '8e83f49da4102f88feffd51bdd674d79eeefd610', 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: 'ac9a0faffc7df878b1f93dc9939d2761872a62c7', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '9ef10d952115322507b0cc2faed9eeca76d4a879', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '5ce9c08b8d48e7e592f5da3f83ce10e2a5a68bae' })), index.h("slot", { key: '519ea22e4dcc7e9db88b254e6b6fe7cd21d43851', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {