genesys-spark-components 4.82.0 → 4.83.0

package/dist/collection/components/stable/gux-toggle/gux-toggle.js

@@ -66,11 +66,11 @@ export class GuxToggle {
         }
     }
     render() {
-        return (h(Host, { key: 'e749d63c0e7fe3812cd7e355a9807f7e5ad4a05a', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '1fb255cefa7e57eb4a53ced3d4fcf179ce7a4e5c', class: {
+        return (h(Host, { key: '7eced00f08c1bc6dfc21a51663c215cc15154c6e', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '79dba8367f6c421809f0c13f08bf3b4f1a5bf474', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, h("div", { key: '9f69161dcba29f19f6669ffdedf13c8a3b830582', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: 'c7c14bce6836f290275de25c263bec11e4812fc8', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: '9cd603320638e4ace0ab08953132ef4ff5b96acd', ref: el => (this.announceElement = el) })));
+            } }, h("div", { key: '1ce05af0f360feb5a959515608485cab517dc4b8', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '75c6467228164512b96b03d12bd709b01064f203', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: '14d8814a92b176c00707baa870e46ba892ec9bc0', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-toggle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tooltip/gux-tooltip.js

@@ -127,10 +127,10 @@ export class GuxTooltip {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: '630d4a649e06f19b7b00227931e50f018c2ae557', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: 'cdf27f385b839fa628dca3e379466003e6a339e1', class: {
+        return (h(Host, { key: '3f81fdb6a0d2d242d2263f5212afc6aeb31d852a', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '4f386390d1c2cc7980af439d669320ed26679f8d', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '73efbba375391679215a2eaeb5fa44b9a9925bca', name: "content" }, h("slot", { key: 'ee490230b17e6da6a19061b0ef006aa3656c5973' })))));
+            }, "data-placement": this.placement }, h("slot", { key: 'e0563bdfa7c6ed922f1e84a832dd94590938f4d8', name: "content" }, h("slot", { key: '682dd6e152023e0e27854c105806757018a9dcd9' })))));
     }
     static get is() { return "gux-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tooltip-title/gux-tooltip-title.js

@@ -120,10 +120,10 @@ export class GuxTooltipTitle {
     }
     render() {
         return [
-            h("span", { key: '762fa438bd5d73243b3a1959824106236e84623f', class: {
+            h("span", { key: '1263c82895e14a86625aba1937223b34b71c840d', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: '4ad82bf63e6e3188d7d87950d65d246cfed53fc1' })),
+                } }, h("slot", { key: '119f23339daca6046e83fb6e3d77d2b0ee89594d' })),
             this.renderTooltip()
         ];
     }

package/dist/collection/components/stable/gux-truncate/gux-truncate.js

@@ -49,12 +49,12 @@ export class GuxTruncate {
     }
     render() {
         var _a;
-        return (h("div", { key: 'e433566e02076ad6791092247814c38aad3bc1e8', class: {
+        return (h("div", { key: '2ea64a10f733dd5e4da5d1338fa5e4231c6e266c', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, h("span", { key: '8b08da999793ccca518c56f02c5f8d90008ecb6d', class: {
+            } }, h("span", { key: 'c2d118c2ba2f28d865d00c282beb83439970538f', class: {
                 'gux-overflow-hidden': this.needsTruncation(),
                 'gux-truncate-slot-container': true
-            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: 'af3749b12ea447b4f53698c1e386e06dfcb8dafd' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: 'b92634310403fcac3157335b1dcf6c6ecb95620c' })), this.renderTooltip()));
     }
     static get is() { return "gux-truncate"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/genesys-spark-utils/intl.js

@@ -77,8 +77,20 @@ export function determineDisplayLocale(element = document.body) {
  */
 function browserHasRegionData(localeString) {
     var _a;
-    return (localeString.length == 2 &&
-        ((_a = navigator.language) === null || _a === void 0 ? void 0 : _a.startsWith(`${localeString}-`)));
+    return (browserLocaleOverride(localeString) ||
+        (localeString.length == 2 &&
+            ((_a = navigator.language) === null || _a === void 0 ? void 0 : _a.startsWith(`${localeString}-`))));
+}
+function browserLocaleOverride(localeString) {
+    var _a, _b;
+    switch (localeString.toLowerCase()) {
+        case 'zh-cn':
+            return Boolean((_a = navigator.language) === null || _a === void 0 ? void 0 : _a.toLowerCase().startsWith('zh-sg'));
+        case 'zh-tw':
+            return Boolean((_b = navigator.language) === null || _b === void 0 ? void 0 : _b.toLowerCase().startsWith('zh-hk'));
+        default:
+            return false;
+    }
 }
 export function getFormat(locale) {
     const date = new Date('July 5, 2000 15:00:00 UTC+00:00');

package/dist/collection/test/setupAxeTests.js

@@ -1,11 +1,3 @@
-/* eslint-env jest, node */
-
-/* eslint-disable @typescript-eslint/no-unsafe-return */
-/* eslint-disable @typescript-eslint/restrict-template-expressions */
-/* eslint-disable @typescript-eslint/no-unsafe-call */
-/* eslint-disable @typescript-eslint/no-unsafe-member-access */
-/* eslint-disable @typescript-eslint/typedef */
-
 global.beforeEach(() => {
   expect.extend({
     toHaveNoViolations(axeViolations, axeScanDetails) {
@@ -15,10 +7,10 @@ global.beforeEach(() => {
 });
 
 function toHaveNoViolations(axeViolations, axeScanDetails) {
-  let violations = [];
+  const violations = [];
 
   axeViolations.forEach(violation => {
-    let violationTargets = [];
+    const violationTargets = [];
     violation.nodes.forEach(violationInstance => {
       let excludedElement = false;
       axeScanDetails.axeExclusions.forEach(exclusion => {
@@ -46,7 +38,7 @@ function toHaveNoViolations(axeViolations, axeScanDetails) {
 function createViolationMessage(violations, axeScanDetails) {
   let violationMessage = '';
   let elementMessage = '';
-  let axeContextMessage = axeScanDetails.axeScanContext
+  const axeContextMessage = axeScanDetails.axeScanContext
     ? `Axe scan context:\n${axeScanDetails.axeScanContext}\n`
     : '';
   violations.forEach(violation => {

package/dist/esm/genesys-webcomponents.js

@@ -1,17 +1,17 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-da21b737.js';
-export { s as setNonce } from './index-da21b737.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-a9821ed9.js';
+export { s as setNonce } from './index-a9821ed9.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
- Stencil Client Patch Browser v4.12.6 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
  */
-const patchBrowser = () => {
-    const importMeta = import.meta.url;
-    const opts = {};
-    if (importMeta !== '') {
-        opts.resourcesUrl = new URL('.', importMeta).href;
-    }
-    return promiseResolve(opts);
+var patchBrowser = () => {
+  const importMeta = import.meta.url;
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return promiseResolve(opts);
 };
 
 patchBrowser().then(async (options) => {

package/dist/esm/{get-valid-timezone-6faa4c47.js → get-valid-timezone-3e8bbe2d.js}

@@ -1,4 +1,4 @@
-import { l as locales } from './index-ad321c23.js';
+import { l as locales } from './index-23f79584.js';
 
 /**
  * @class A class that implements the method needed to format dates and times depending on locales

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a9821ed9.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { l as logError } from './log-error-274efeb7.js';
 
@@ -46,20 +46,20 @@ const GuxAccordionSection = class {
         this.hasIconSlot = !!this.root.querySelector('[slot="icon"]');
     }
     render() {
-        return (h("section", { key: '1ed07508ba53ac2d36123f0087ccba3d87e942bb', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'f003f9e6a03009e3de0e1f186fc1e62c5664f468', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '4c23181b16adbb94655928f6efd305502c1637a8', class: {
+        return (h("section", { key: '74b6698435d09c5e2edaa317894edec8a530611a', class: { 'gux-disabled': this.disabled } }, h("div", { key: '9a66466592d0a8d6fcbdd6d59f176312fc588e44', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '7993a5161d82b7ddb9de1d15d47f7586c5482ad9', 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 && h("slot", { name: "icon" }), h("div", { key: 'd1805f9a33d34942c17361c0b56cc0149b852461', class: {
+            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { key: '25713267cdb169a5fe0d824fde324cf082aacfca', name: "icon" }), h("div", { key: '6add7215ea7104353c6eddc5ba05fe3bcd5c25a0', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: '4b6d507356307d0c2e632b80ba17304b093657ae', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '0588e85a8612ec12e5f5675b83449567e43fef53', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '7046322c3d8adf48372be62318dd24466c30f81d', class: {
+            } }, h("slot", { key: '0956d79b0352213f9e42828d551850ac8473fc30', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '8059013b1895be1f76bd1c021ce16ec4c116aaaf', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '2c5102f896a089c1e53bca2bf21d3bf2dfcb7736', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: '9328fcf4913a875e79177e57efb2058edaa77bda', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'bd84c6fc7e5a5d57c96b930d89dbe8abc56e6e1e', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: 'e2ee822f08fe9f4247896b8d9a3a27fd23ee26c6', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'a20da5b716b908598a2d5f50a3b8cd1d0406301f', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
                 'gux-content': true,
                 'gux-expanded': this.open,
                 'gux-text-content-layout': this.contentLayout === 'text'
-            } }, h("slot", { key: '1755b49c0f0e65af27cfe8cb3a362b63d9a92bf2', name: "content" }))));
+            } }, h("slot", { key: '09a5895fcb817f30838c16bc975464569150d6f2', name: "content" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-3d6b4b20.js';
+import { r as registerInstance, h, g as getElement } from './index-a9821ed9.js';
+import { t as trackComponent } from './usage-3aade09b.js';
 
 const guxAccordionCss = "gux-accordion{-custom-noop:noop}";
 const GuxAccordionStyle0 = guxAccordionCss;
@@ -38,7 +38,7 @@ const GuxAccordion = class {
         }
     }
     render() {
-        return (h("slot", { key: '6bdd42cf388b84db92ec30990e8ea77fc808b60e' }));
+        return (h("slot", { key: '72852efdafc204b706f7efc44b26b7b187eefdf7' }));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
-import { O as OnClickOutside } from './on-click-outside-21dd269e.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a9821ed9.js';
+import { O as OnClickOutside } from './on-click-outside-e10242ab.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-3d6b4b20.js';
-import { b as buildI18nForComponent } from './index-ad321c23.js';
+import { t as trackComponent } from './usage-3aade09b.js';
+import { b as buildI18nForComponent } from './index-23f79584.js';
 import './get-closest-element-728b9f18.js';
 
 const moreOptions = "More options";
@@ -138,7 +138,7 @@ const GuxActionButton = class {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: 'c1408579edced9e9f3c1b829b4cb808d5e9b9b9e', class: "gux-action-button-container" }, h("gux-popup", { key: '7a4b2c56a76818ea8500ad12dba190b62c5361b0', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'f5b5e49b12415aa43eec4d682af9eb1d0fb03061', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '1ddcb367eeff792114d0abab3e36ffc53a592701', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '06ab70d274f1880c33d3a3c4af401123fd4bcbb0', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '97d69f03df222cdb90b88cb77e95940f8436e48d', name: "title" }))), h("gux-button-slot", { key: '76bd0c828dc11b94167e724891c96038366d2c92', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '9b6666d19923a4e98b8c6f20c5f892d775f9b4d9', 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') }, h("gux-icon", { key: '6183de703a1a9439ff46c6fca659083fc52214f8', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'f5125fbf4e74c7e253c435b5c056f3d048930955', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '67f19e15f9d44a30f6aa572ed0cc4959dd5c15a3', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'c47852567cb25b801a2a58c646b1252a24324c42' }))))));
+        return (h("div", { key: '6ddcba4924dfedc3214c34ff2b1b0c02b896aa89', class: "gux-action-button-container" }, h("gux-popup", { key: 'e0ec31739c588fd5406a250fb1dd55926debb322', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '78d08a590d6a22d5c0bfaca1d05f6bfbc149e4cb', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'a49f468fa8b7e5942cafd1dfd5930cfb0270299f', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '93b1c251d3ca226ac809f47100ed211c48313980', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: 'e688794838173c12210ed0af28c216544f7e7158', name: "title" }))), h("gux-button-slot", { key: 'ca63abb681212fb721eaacef3831a1945a05a26c', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '2b69b963ac164128df0dec4de997ae1e348b49c9', 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') }, h("gux-icon", { key: '89819f60a6f61d35ca2668cbba60d8b61a1d838a', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '6733338ac23a0f88a3d31defc9e17e12fe57d5ef', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '1e649cf1a770bfa59dde175a8bbcd25857a9d3d7', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '9eda4b80054a2fd335d4727e526ee8a3d02e7d03' }))))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-3d6b4b20.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-a9821ed9.js';
+import { t as trackComponent } from './usage-3aade09b.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-core-typography-heading-lg-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-lg-fontSize);line-height:var(--gse-core-typography-heading-lg-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}.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-core-typography-body-sm-fontFamily), var(--gse-core-fontFamily-body), sans-serif;font-size:var(--gse-core-typography-body-sm-fontSize);line-height:var(--gse-core-typography-body-sm-lineHeight);font-weight:var(--gse-core-fontWeight-regular)}.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;

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a9821ed9.js';
 import { o as onMutation } from './on-mutation-a222fe93.js';
-import { O as OnClickOutside } from './on-click-outside-21dd269e.js';
+import { O as OnClickOutside } from './on-click-outside-e10242ab.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-3d6b4b20.js';
-import { b as buildI18nForComponent } from './index-ad321c23.js';
+import { t as trackComponent } from './usage-3aade09b.js';
+import { b as buildI18nForComponent } from './index-23f79584.js';
 import './get-closest-element-728b9f18.js';
 
 const searchAria = "Search";
@@ -79,9 +79,9 @@ const GuxAdvancedDropdownLegacy = class {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'ee5c16f4c77893a49fdcfee110f55f87d0d2aa10', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'd73c0142821e13a834f43ac5d554a21207e81f12', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '244aa0d713714afa58a3154516eaef22dfe06be2', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '3b958f37d8aaa0ba10c10a6ab8f7bc8b5f7270c1', class: "gux-icon-wrapper" }, h("gux-icon", { key: '22118096f927427a4bcec513a99f64b41db6e27b', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '0ee259c181476fa1d025bb1b7b806fab01e63aee', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '296623604068b59f4e3d4fdd254980a393938500', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: 'f43cee08b92052631e282ded496b04944c11d6b8', "label-position": "screenreader" }, h("label", { key: 'ec6d17e7015a1c6ff4accdc0fb056bfd05c90daa', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'f56f7a3f51e1250e33f209dab8ff56d9eae1857d', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: 'ee5c16f4c77893a49fdcfee110f55f87d0d2aa10', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'd73c0142821e13a834f43ac5d554a21207e81f12', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '244aa0d713714afa58a3154516eaef22dfe06be2', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { key: 'dc0b57749111c9669aa0c2ffaade0725a7248a53', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: 'b68334ab57d49c1272f3f45788643f95c4fba3d3', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '767c891def8f989a9a65810734e0c5563463451c', class: "gux-icon-wrapper" }, h("gux-icon", { key: '5cc7199ca49a1f3a437bb9925d06ea7a0a5574d1', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: 'b8ad4b1c20b3f710d9134a514c0873d5207e6e99', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '626f236c6be21b5941110be7167496a89ddf148a', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '9ca1b73419e9b34d30e073e88800ea05054f1f1c', "label-position": "screenreader" }, h("label", { key: '3cdcf80eebb02572b853e9508f12b5f7422baa1c', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'bdaa57712f58868af0036202ff3e7a690f6ab9be', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: 'a36196b823ce3ae0d9f047c4d0fbfd3caa7b2485', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '1aa13fb4de321eb9db0a6275b8cb7736ef55d34c' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: '247587c21dbc641349fa43be774373cc2b5f01d9', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '965c438738384011cf8a0793be1298145b23649a' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
-import { b as buildI18nForComponent } from './index-ad321c23.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a9821ed9.js';
+import { b as buildI18nForComponent } from './index-23f79584.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { t as tableResources } from './en-1f9d79e6.js';
 import './get-closest-element-728b9f18.js';
@@ -28,7 +28,7 @@ const GuxAllRowSelect = class {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: 'd5b8fcf75692e2eee9220659da2c5fc2fb56db95', "label-position": "screenreader" }, h("input", { key: '3b9de53de7c3d11ac7a69831a490f3698faae694', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'e78064062424f38d6a7b55300054ee1a90e63e01', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'a77b69154831b1d9c7ecf5812b7d2a05ce6fd6ef' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: 'e567d3cb596406fc49b11370c47c762b81488b4f', "label-position": "screenreader" }, h("input", { key: 'b3779bc461a1b6c3a4bfd485460f970c5d1e43f6', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '8b3d73af70112d7d2ce827f92c817a6b144be633', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'd54901441be5cad5c2583f71c2f31e6d324233e9' }, this.i18n('selectAllTableRows')))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-3d6b4b20.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-a9821ed9.js';
+import { t as trackComponent } from './usage-3aade09b.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 
 const guxAnnounceCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";

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

@@ -1,7 +1,7 @@
-import { h, r as registerInstance, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-3d6b4b20.js';
+import { h, r as registerInstance, g as getElement } from './index-a9821ed9.js';
+import { t as trackComponent } from './usage-3aade09b.js';
 import { a as logWarn } from './log-error-274efeb7.js';
-import { b as buildI18nForComponent } from './index-ad321c23.js';
+import { b as buildI18nForComponent } from './index-23f79584.js';
 import './get-closest-element-728b9f18.js';
 
 function renderZoomSVG() {

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a9821ed9.js';
 import { a as logWarn } from './log-error-274efeb7.js';
-import { b as buildI18nForComponent } from './index-ad321c23.js';
-import { t as trackComponent } from './usage-3d6b4b20.js';
+import { b as buildI18nForComponent } from './index-23f79584.js';
+import { t as trackComponent } from './usage-3aade09b.js';
 import './get-closest-element-728b9f18.js';
 
 const changePhoto = "Change profile photo";

package/dist/esm/gux-avatar-focusable-beta.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-a9821ed9.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 
 const GuxAvatarFocusable = class {

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-3d6b4b20.js';
-import { b as buildI18nForComponent } from './index-ad321c23.js';
+import { r as registerInstance, h, g as getElement } from './index-a9821ed9.js';
+import { t as trackComponent } from './usage-3aade09b.js';
+import { b as buildI18nForComponent } from './index-23f79584.js';
 import './get-closest-element-728b9f18.js';
 
 const info = "badge with label: {label}, accent: info";
@@ -53,7 +53,7 @@ const GuxBadge = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '121519b92ff5c32eb3a648016504c94c27d00946', class: {
+        return (h("div", { key: '3155274a9d8cb85f35b0b4b02095cad8b0025afb', class: {
                 'gux-badge': true,
                 [`gux-${this.accent}`]: true,
                 'gux-bold': this.bold

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-3d6b4b20.js';
-import { O as OnMutation } from './on-mutation-1355c534.js';
+import { r as registerInstance, h, g as getElement } from './index-a9821ed9.js';
+import { t as trackComponent } from './usage-3aade09b.js';
+import { O as OnMutation } from './on-mutation-8eed4e0c.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 
 const guxBlankStateCss = ":host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: var(--gse-ui-blankState-padding);\n  color: var(--gse-ui-blankState-foregroundColor);\n  background-color: var(--gse-ui-blankState-backgroundColor);\n  border-radius: var(--gse-ui-blankState-borderRadius);\n}\n.gux-container .gux-image {\n  padding-bottom: var(--gse-ui-blankState-gapMain);\n}\n.gux-container .gux-message {\n  padding-bottom: var(--gse-ui-blankState-gapMessage);\n}\n.gux-container .gux-guidance {\n  padding-bottom: var(--gse-ui-blankState-gapContent);\n}\n.gux-container ::slotted(gux-icon) {\n  width: var(--gse-ui-blankState-icon-size-lg);\n  height: var(--gse-ui-blankState-icon-size-lg);\n  color: var(--gse-ui-blankState-iconColor);\n}\n.gux-container slot[name=primary-message] {\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-header-fontFamily);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-header-fontSize);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-header-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-header-lineHeight);\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n}\n.gux-container slot[name=additional-guidance] {\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontFamily);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontSize);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-subheader-lineHeight);\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n}\n\n@container (width < 570px) {\n  .gux-container ::slotted(gux-icon) {\n    width: var(--gse-ui-blankState-icon-size-sm);\n    height: var(--gse-ui-blankState-icon-size-sm);\n  }\n  .gux-container slot[name=primary-message] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-header-lineHeight);\n  }\n  .gux-container slot[name=additional-guidance] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-subheader-lineHeight);\n  }\n}";
@@ -34,7 +34,7 @@ const GuxBlankState = class {
         this.hasCallToAction = hasSlot(this.root, 'call-to-action');
     }
     render() {
-        return (h("div", { key: '60b9053b2eb12387cd682732a2c51711fd3310f6', class: "gux-container" }, h("div", { key: '9c0e56560bf5b8bdce0695dcab7378f1075b7c85', class: "gux-image" }, h("slot", { key: '2f8769cc0b2f3fe90ff5f1f6e5b0d3a91a6c7b4b', name: "image" })), h("div", { key: '8bbe882159ae9c353415e855317f6cead6a2401e', class: "gux-message" }, h("slot", { key: '17dab6997720511fb33b6fecefb6a94a6f8fd32b', name: "primary-message" })), h("div", { key: '202a1508cd888dfdd099da918230259b09d5da79', class: "gux-guidance" }, h("slot", { key: '7205e5f9deae1f1cee7670da7bd2b2951cee3846', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (h("div", { key: '254441873ee0abf26d07d86c0ff8d5088e20af3e', class: "gux-container" }, h("div", { key: '20407d4a5b30eb1eaf708fca4e2ff88c42b675ad', class: "gux-image" }, h("slot", { key: 'c4cf1bf58136803b63dd1a5b84a4b2be0fc54f03', name: "image" })), h("div", { key: 'eff3d73f052dc07a3102b0b135d2109cc39c7d6d', class: "gux-message" }, h("slot", { key: '75dc59294d001562307f4cbd9989fdbb34acfe3f', name: "primary-message" })), h("div", { key: 'c886609987a4837739b4de66b8300b107909328f', class: "gux-guidance" }, h("slot", { key: 'a797a544aba20ad2d3c123d9c746f3a004dff711', name: "additional-guidance" })), this.renderCallToActionSlot()));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-a9821ed9.js';
 import { l as logError } from './log-error-274efeb7.js';
 
 const guxBreadcrumbItemCss = ".gux-breadcrumb-generation{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center;min-height:var(--gse-ui-breadcrumbs-secondary-height)}.gux-breadcrumb-generation .gux-breadcrumb-content{font-family:var(--gse-ui-link-inLine-small-text-fontFamily);font-size:var(--gse-ui-link-inLine-small-text-fontSize);font-weight:var(--gse-ui-link-inLine-small-text-fontWeight);line-height:var(--gse-ui-link-inLine-small-text-lineHeight);text-decoration:none;color:var(--gse-ui-link-default-foregroundColor);pointer-events:none}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-active{color:var(--gse-ui-link-active-foregroundColor)}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-link{color:var(--gse-ui-link-default-foregroundColor);pointer-events:initial}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-link:visited{color:var(--gse-ui-link-visited-foregroundColor)}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-link:hover{font-family:var(--gse-ui-link-inLine-small-underlinedText-fontFamily);font-size:var(--gse-ui-link-inLine-small-underlinedText-fontSize);font-weight:var(--gse-ui-link-inLine-small-underlinedText-fontWeight);line-height:var(--gse-ui-link-inLine-small-underlinedText-lineHeight);text-decoration:var(--gse-ui-link-inLine-small-underlinedText-textDecoration);color:var(--gse-ui-link-hover-foregroundColor)}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-link:active{color:var(--gse-ui-link-active-foregroundColor)}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-link:focus-visible{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset);border-radius:var(--gse-semantic-focusRing-cornerRadius)}.gux-breadcrumb-generation .gux-breadcrumb-separator{padding:var(--gse-ui-breadcrumbs-secondary-separator-padding);font-family:var(--gse-ui-breadcrumbs-secondary-separator-typography-fontFamily);font-size:var(--gse-ui-breadcrumbs-secondary-separator-typography-fontSize);font-weight:var(--gse-ui-breadcrumbs-secondary-separator-typography-fontWeight);line-height:var(--gse-ui-breadcrumbs-secondary-separator-typography-lineHeight);color:var(--gse-ui-breadcrumbs-separator-color)}.gux-breadcrumb-generation.gux-primary{min-height:var(--gse-ui-breadcrumbs-primary-height)}.gux-breadcrumb-generation.gux-primary .gux-breadcrumb-content{font-family:var(--gse-ui-link-inLine-medium-text-fontFamily);font-size:var(--gse-ui-link-inLine-medium-text-fontSize);font-weight:var(--gse-ui-link-inLine-medium-text-fontWeight);line-height:var(--gse-ui-link-inLine-medium-text-lineHeight);text-decoration:none}.gux-breadcrumb-generation.gux-primary .gux-breadcrumb-content.gux-link:hover{font-family:var(--gse-ui-link-inLine-medium-underlinedText-fontFamily);font-size:var(--gse-ui-link-inLine-medium-underlinedText-fontSize);font-weight:var(--gse-ui-link-inLine-medium-underlinedText-fontWeight);line-height:var(--gse-ui-link-inLine-medium-underlinedText-lineHeight);text-decoration:var(--gse-ui-link-inLine-medium-underlinedText-textDecoration)}.gux-breadcrumb-generation.gux-primary .gux-breadcrumb-separator{padding:var(--gse-ui-breadcrumbs-primary-separator-padding);font-family:var(--gse-ui-breadcrumbs-primary-separator-typography-fontFamily);font-size:var(--gse-ui-breadcrumbs-primary-separator-typography-fontSize);font-weight:var(--gse-ui-breadcrumbs-primary-separator-typography-fontWeight);line-height:var(--gse-ui-breadcrumbs-primary-separator-typography-lineHeight)}";
@@ -40,7 +40,7 @@ const GuxBreadcrumbItem = class {
     }
     render() {
         const accent = this.getAccent();
-        return (h(Host, { key: '1d5cae678a0b5d314bee36e6f458eac8e8966acd', role: "listitem" }, h("span", { key: '113d53334b25ade061f5fe86692cdf6aadb55554', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
+        return (h(Host, { key: '62b04f1d5f6081415b79e232248b56cf5bb138f0', role: "listitem" }, h("span", { key: '32486b4280826d41e4397c0452683038c011aae5', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-da21b737.js';
-import { b as buildI18nForComponent } from './index-ad321c23.js';
-import { t as trackComponent } from './usage-3d6b4b20.js';
+import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-a9821ed9.js';
+import { b as buildI18nForComponent } from './index-23f79584.js';
+import { t as trackComponent } from './usage-3aade09b.js';
 import './get-closest-element-728b9f18.js';
 
 const breadcrumbs = "Breadcrumbs";
@@ -26,7 +26,7 @@ const GuxBreadcrumbs = class {
         Array.from(this.root.children).forEach(child => forceUpdate(child));
     }
     render() {
-        return (h("nav", { key: '4a444456133b2f90801206796a869be5a08c398f', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '2c44164688e95237f3b41aba3dd5d623521e2987' }, h("slot", { key: 'd57a186a03566a8d76988e898c7ffbac25db5c32', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: '3263182d9af07fd63e2103fd1b075d404d109c3e', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '887ad432cd8024d589449252c07d575c2d8362f0' }, h("slot", { key: '3f8b7efac73e4f54b741cc95bb2788033069c515', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
-import { O as OnClickOutside } from './on-click-outside-21dd269e.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a9821ed9.js';
+import { O as OnClickOutside } from './on-click-outside-e10242ab.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-3d6b4b20.js';
+import { t as trackComponent } from './usage-3aade09b.js';
 
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {
@@ -114,7 +114,7 @@ const GuxButtonMulti = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: 'f3f420db93ea266a7aa1746e255d5bd7b004554d', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '1a058d1e3e61c01e6631894023b0f75bbd924054', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'b70ff83cb6e5f88c5fb998cb025f8559f67840b1', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'cb3ec04ddaec97d2ed9cc027ed4f747928562324', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'd7a0779fc1c00c1ef1753da06673b68b845d5a69', name: "title" }), h("gux-icon", { key: '8ad04259c5d45b1460eb82dec7b0a580ad2ceb1a', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'bff9da84ee30ed492a44a2e5737af7fdf0d6ce6b', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '9a0295f7ad34362b341095912e12d087994654ac', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'a7c09fb86803d390a21a106e9afd1555358b3d07' })))));
+        return (h("gux-popup", { key: '8e419baad644a9be505b21e035aad20bc12329e0', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '42661fad38d139edcc9a1047295f4585039a92f0', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '075dcab6ce9658ff658e3dbda228af8d4be7467f', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '1977e4a4b32038b7865a314146ac62daf56fb928', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'd3d2fb4d9234fbee37dc305bb9fc44f95d80b18b', name: "title" }), h("gux-icon", { key: '8375ddf3638ff596d60bdec30b64c74c1234d8de', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '2e892d919b075cd97e45cdb7c39221b111de29dc', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '347bab5c297ccf54baf433e5a9fa5d882056faf1', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'fcdabae8844cfcc18a38d100d7a67e87ba7947a3' })))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-3d6b4b20.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-a9821ed9.js';
+import { t as trackComponent } from './usage-3aade09b.js';
 import { l as logError } from './log-error-274efeb7.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-icon-only-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;color:var(--gse-ui-button-secondary-default-foregroundColor);text-overflow:ellipsis;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-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-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-link-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-link-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-link-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-link-active-foregroundColor);text-decoration:underline;background:none}";
@@ -34,7 +34,7 @@ const GuxButtonSlot = class {
         this.validateSlotContent();
     }
     render() {
-        return (h(Host, { key: '03debb27057e7f2fe3514941e6e722c9696cbcd4', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: 'add32b27a5b0dcbce8e869f2eb3d5324a006f66e' })));
+        return (h(Host, { key: '97327f6adb2afbf3f3964ac7088fe5144252f852', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '38f6916560f245944646846aa9e9e2cf78a9fb1e' })));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-button.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-3d6b4b20.js';
+import { r as registerInstance, h, g as getElement } from './index-a9821ed9.js';
+import { t as trackComponent } from './usage-3aade09b.js';
 
 const guxButtonCss = ":host{display:inline-block;pointer-events:none;-webkit-user-select:none;user-select:none}:host(:focus){outline:none}:host(:focus) button{outline:none}::slotted(gux-icon){inline-size:var(--gse-ui-button-icon-size);block-size:var(--gse-ui-button-icon-size)}::slotted(*){padding-inline-start:var(--gse-core-spacing-3xs);vertical-align:middle}::slotted(*:first-child){padding:0}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-icon-only-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;color:var(--gse-ui-button-secondary-default-foregroundColor);text-overflow:ellipsis;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)}button.gux-icon-only{display:inline-flex;padding:var(--gse-ui-button-default-paddingIconOnly)}button[disabled]{cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}button:hover:enabled{color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}button:active:enabled{color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}button:focus-visible:enabled{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset);border-radius:var(--gse-semantic-focusRing-cornerRadius)}button.gux-primary{color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}button.gux-primary:hover:enabled{color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}button.gux-primary:active:enabled{color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}button.gux-tertiary{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)}button.gux-tertiary.gux-icon-only{padding:calc(var(--gse-ui-button-default-paddingIconOnly) - var(--gse-ui-button-tertiary-default-border-width))}button.gux-tertiary:hover:enabled{color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}button.gux-tertiary:active:enabled{color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}button.gux-ghost{color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}button.gux-ghost:hover:enabled{color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}button.gux-ghost:active:enabled{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}button.gux-danger{color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}button.gux-danger:hover:enabled{color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}button.gux-danger:active:enabled{color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}button.gux-inline{min-inline-size:initial;block-size:initial;padding:0;color:var(--gse-ui-link-default-foregroundColor);background:none;border:none;border-radius:0}button.gux-inline[disabled]{color:var(--gse-ui-link-disabled-foregroundColor)}button.gux-inline:hover:enabled{color:var(--gse-ui-link-hover-foregroundColor);text-decoration:underline;background:none}button.gux-inline:active:enabled{color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}";
 const GuxButtonStyle0 = guxButtonCss;
@@ -20,10 +20,10 @@ const GuxButton = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("button", { key: '1feacd33ee60f68ae1d3a1ee82c469e6d8dd3518', type: this.type, title: this.guxTitle, disabled: this.disabled, class: {
+        return (h("button", { key: '3040bad442f39bc2809fe0cf4d65b321a3d80e56', type: this.type, title: this.guxTitle, disabled: this.disabled, class: {
                 [`gux-${this.accent}`]: true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: '33834ece334ef1a11aac31f06b88f5a5f84422b9', onSlotchange: this.slotChanged.bind(this) })));
+            } }, h("slot", { key: '59907df8032ac3ee4fa0021e80511c62d63fc755', onSlotchange: this.slotChanged.bind(this) })));
     }
     stopEventIfDisabled(event) {
         if (this.disabled) {

package/dist/esm/gux-calendar-beta.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
+import { r as registerInstance, h, g as getElement } from './index-a9821ed9.js';
 import { f as fromIsoDate, a as asIsoDate } from './iso-dates-8d3f106d.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-404638dd.js';
-import { g as getDesiredLocale, a as getStartOfWeek, b as buildI18nForComponent } from './index-ad321c23.js';
+import { g as getDesiredLocale, a as getStartOfWeek, b as buildI18nForComponent } from './index-23f79584.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { l as logError } from './log-error-274efeb7.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';

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

@@ -1,10 +1,10 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a9821ed9.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { b as asIsoDateRange, c as fromIsoDateRange, a as asIsoDate, f as fromIsoDate } from './iso-dates-8d3f106d.js';
-import { t as trackComponent } from './usage-3d6b4b20.js';
-import { g as getDesiredLocale, a as getStartOfWeek } from './index-ad321c23.js';
+import { t as trackComponent } from './usage-3aade09b.js';
+import { g as getDesiredLocale, a as getStartOfWeek } from './index-23f79584.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-404638dd.js';
-import { u as useRegionalDates, d as dateTimeFormat } from './use-regional-dates-a47e74e6.js';
+import { u as useRegionalDates, d as dateTimeFormat } from './use-regional-dates-dd987b2d.js';
 import './get-closest-element-728b9f18.js';
 
 function addClassToElements(elements, className) {
@@ -382,7 +382,7 @@ const GuxCalendar = class {
         return (h("table", null, h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (h("th", null, day)))), this.getMonthDays(index).map(week => (h("tr", null, week.map(day => (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) }, h("div", { class: "gux-date" }, day.date.getDate(), h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (h("div", { key: '94034889201ffba0d8363e586289006765379c84', class: "gux-calendar" }, h("div", { key: '98effec54051bc215f1bfaa2cc84c18048486222', class: "gux-header" }, h("button", { key: 'cf98ee02fbb418293b3a8e8783369de575cb6576', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'bdc5af198f48fc901e67d441d3af397ee286fa2f', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '72f5ffde3b32dbbf143132223cbc049b3728adc2', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '48b21068c2e3e2f469a1b64a34bc5e9a78452419', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'e03214171b78be5413bdda71007368d9b3b42143', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '50e4c8fa12b58729f64382043e68142b2a6bff39', class: "gux-calendar" }, h("div", { key: '79524dce607d1a2d8e63cd9ab85d688493afb547', class: "gux-header" }, h("button", { key: 'a09787131208775edcb9e670f2c0aa1ed6ccdf1c', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '217f95a36e44378abaec97921f2851708be77648', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '4b484360c1d4c905d6c24f1eeee2a201e72e6fe5', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'ee922f97949c7a2897bca65fd7093eb1224d2082', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '7b3c7da612a2aa066ffed6425c982502dededaa2', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     get root() { return getElement(this); }
 };