genesys-spark-components 4.164.3 → 4.165.0

package/dist/cjs/{index-C-67VReE.js → index-Dm6j88gi.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DZE_PIE4.js');
+var index = require('./index-BKvQer5W.js');
 var getClosestElement = require('./get-closest-element-CfyZl7i7.js');
 
 /******************************************************************************

package/dist/cjs/loader.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DZE_PIE4.js');
+var index = require('./index-BKvQer5W.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/cjs/{on-click-outside-B0quTFZb.js → on-click-outside-B3SDdOGP.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DZE_PIE4.js');
+var index = require('./index-BKvQer5W.js');
 
 /* eslint-disable @typescript-eslint/no-unsafe-argument */
 /* eslint-disable @typescript-eslint/no-unsafe-return */

package/dist/cjs/{on-mutation-DSf0pEx0.js → on-mutation-JiNdh60d.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DZE_PIE4.js');
+var index = require('./index-BKvQer5W.js');
 
 /* eslint-disable @typescript-eslint/no-unsafe-argument */
 /* eslint-disable @typescript-eslint/no-unsafe-return */

package/dist/cjs/{on-resize-CnhIR5tq.js → on-resize-B7kgDKlB.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DZE_PIE4.js');
+var index = require('./index-BKvQer5W.js');
 
 /* eslint-disable @typescript-eslint/no-unsafe-argument */
 /* eslint-disable @typescript-eslint/no-unsafe-return */

package/dist/cjs/{usage-oWGIWSfR.js → usage-taKJPEhl.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const version = "4.164.3";
+const version = "4.165.0";
 var packageInfo = {
 	version: version};
 

package/dist/collection/components/stable/gux-dropdown-multi/gux-dropdown-multi.css

@@ -7,17 +7,17 @@
   position: relative;
 }
 
-.gux-error.gux-target-container-collapsed .gux-field-button, .gux-error.gux-target-container-expanded {
+.gux-error.gux-target-container-not-filterable .gux-field-button, .gux-error.gux-target-container-filterable {
   border: var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color);
 }
 
-.gux-disabled.gux-target-container-collapsed .gux-field-button, .gux-disabled.gux-target-container-expanded {
+.gux-disabled.gux-target-container-not-filterable .gux-field-button, .gux-disabled.gux-target-container-filterable {
   user-select: none;
   border: var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color);
 }
 
 .gux-field,
-.gux-target-container-expanded {
+.gux-target-container-filterable {
   all: unset;
   box-sizing: border-box;
   display: flex;
@@ -35,13 +35,13 @@
   background-color: var(--gse-ui-formControl-input-backgroundColor);
 }
 
-.gux-target-container-expanded,
-.gux-target-container-collapsed .gux-field {
+.gux-target-container-filterable,
+.gux-target-container-not-filterable .gux-field {
   padding: var(--gse-ui-formControl-input-padding);
 }
 
-.gux-target-container-collapsed .gux-field-button:hover,
-.gux-target-container-expanded:hover {
+.gux-target-container-not-filterable .gux-field-button:hover,
+.gux-target-container-filterable:hover {
   border: var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color);
 }
 
@@ -67,7 +67,6 @@
   order: 0;
   overflow: hidden;
   text-overflow: ellipsis;
-  white-space: nowrap;
 }
 .gux-field .gux-field-content .gux-filter .gux-sr-only:not(:focus):not(:active),
 .gux-field .gux-field-content .gux-selected-option .gux-sr-only:not(:focus):not(:active),
@@ -118,27 +117,31 @@
   color: var(--gse-ui-formControl-input-inputIcon-iconEndColor);
 }
 
-.gux-target-container-expanded {
-  border: var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);
+.gux-target-container-filterable {
+  border: var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);
   border-radius: var(--gse-ui-formControl-input-borderRadius);
 }
-.gux-target-container-expanded:focus-visible {
+.gux-target-container-filterable:focus-visible {
   outline: var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);
   outline-offset: var(--gse-semantic-focusOutline-offset);
 }
-.gux-target-container-expanded:focus-within:has(:focus-visible) {
+.gux-target-container-filterable:focus-within:has(:focus-visible) {
   outline: var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);
   outline-offset: var(--gse-semantic-focusOutline-offset);
 }
-.gux-target-container-expanded .gux-filter-input {
+.gux-target-container-filterable.gux-target-container-filterable-active {
+  border: var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);
+  border-radius: var(--gse-ui-formControl-input-borderRadius);
+}
+.gux-target-container-filterable .gux-filter-input {
   background-color: inherit;
   border: none;
 }
-.gux-target-container-expanded .gux-filter-input:focus {
+.gux-target-container-filterable .gux-filter-input:focus {
   outline: none;
   border: none;
 }
-.gux-target-container-expanded .gux-field-button {
+.gux-target-container-filterable .gux-field-button {
   inline-size: auto;
   block-size: var(--gse-ui-formControl-input-contentText-lineHeight);
   margin: 0;
@@ -147,23 +150,27 @@
   border: none;
   box-shadow: none;
 }
-.gux-target-container-expanded .gux-field-button:focus {
+.gux-target-container-filterable .gux-field-button:focus {
   outline: none;
 }
 
-.gux-target-container-collapsed .gux-field-button {
+.gux-target-container-not-filterable .gux-field-button {
   border: var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);
   border-radius: var(--gse-ui-formControl-input-borderRadius);
 }
-.gux-target-container-collapsed .gux-field-button:focus-visible {
+.gux-target-container-not-filterable .gux-field-button:focus-visible {
   outline: var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);
   outline-offset: var(--gse-semantic-focusOutline-offset);
 }
-.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible) {
+.gux-target-container-not-filterable .gux-field-button:focus-within:has(:focus-visible) {
   outline: var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);
   outline-offset: var(--gse-semantic-focusOutline-offset);
 }
 
+.gux-target-container-not-filterable .gux-field-content .gux-placeholder {
+  white-space: pre;
+}
+
 .gux-listbox-container {
   box-sizing: border-box;
   margin: 0;

package/dist/collection/components/stable/gux-dropdown-multi/gux-dropdown-multi.js

@@ -76,6 +76,7 @@ export class GuxDropdownMulti {
         }
         if (!expanded) {
             this.textInput = '';
+            this.textInputElement.value = '';
         }
     }
     watchDisabled(disabled) {
@@ -179,6 +180,10 @@ export class GuxDropdownMulti {
     }
     onFocusin(event) {
         this.stopPropagationOfInternalFocusEvents(event);
+        if (this.isFilterable &&
+            !this.root.contains(event === null || event === void 0 ? void 0 : event.relatedTarget)) {
+            this.textInputElement.focus();
+        }
     }
     onClickOutside() {
         this.collapseListbox('noFocusChange');
@@ -334,7 +339,7 @@ export class GuxDropdownMulti {
         }
     }
     renderTargetDisplay() {
-        return (h("div", { class: "gux-placeholder" }, this.getSrSelectedText(), this.getSelectedOptionText() ||
+        return (h("span", { class: "gux-placeholder" }, this.getSrSelectedText(), this.getSelectedOptionText() ||
             this.placeholder ||
             this.i18n('noSelection')));
     }
@@ -343,7 +348,7 @@ export class GuxDropdownMulti {
         return selectedElementString
             ? [
                 selectedElementString,
-                h("div", { class: "gux-sr-only" }, this.placeholder)
+                h("span", { class: "gux-sr-only" }, this.placeholder)
             ]
             : false;
     }
@@ -379,10 +384,10 @@ export class GuxDropdownMulti {
         }
     }
     renderFilterInputField() {
-        if (this.expanded && this.hasTextInput()) {
+        if (this.hasTextInput()) {
             return (h("div", { class: "gux-field gux-input-field" }, h("div", { class: "gux-field-content" }, h("div", { class: "gux-filter" }, h("div", { class: "gux-filter-display" }, h("span", { class: "gux-filter-text" }, this.textInput), h("span", { class: "gux-filter-suggestion" }, this.getTypeaheadText(this.textInput))), h("div", { class: "input-and-dropdown-button" }, h("input", { onClick: this.fieldButtonInputClick.bind(this), placeholder: this.getSelectedOptionValueString() ||
                     this.placeholder ||
-                    this.i18n('noSelection'), class: "gux-filter-input", type: "text", "aria-label": this.getInputAriaLabel(), ref: el => (this.textInputElement = el), onInput: this.filterInput.bind(this), onKeyDown: this.filterKeydown.bind(this), onKeyUp: this.filterKeyup.bind(this), disabled: this.disabled }))))));
+                    this.i18n('noSelection'), class: "gux-filter-input", type: "text", "aria-label": this.getInputAriaLabel(), ref: el => (this.textInputElement = el), onInput: this.filterInput.bind(this), onKeyDown: this.filterKeydown.bind(this), onKeyUp: this.filterKeyup.bind(this), onFocus: () => (this.expanded = true), disabled: this.disabled }), this.renderTargetContent())))));
         }
     }
     renderPopup() {
@@ -391,17 +396,18 @@ export class GuxDropdownMulti {
     renderTarget() {
         return (h("div", { class: {
                 'gux-target-container': true,
-                'gux-target-container-expanded': this.expanded && this.hasTextInput(),
-                'gux-target-container-collapsed': !(this.expanded && this.hasTextInput()),
+                'gux-target-container-filterable': this.hasTextInput(),
+                'gux-target-container-filterable-active': this.expanded && this.hasTextInput(),
+                'gux-target-container-not-filterable': !this.hasTextInput(),
                 'gux-error': this.hasError,
                 'gux-disabled': this.disabled
-            }, slot: "target" }, this.renderFilterInputField(), h("button", { type: "button", class: "gux-field gux-field-button", disabled: this.disabled, onClick: this.fieldButtonClick.bind(this), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString() }, this.renderTargetContent(), this.renderTag(), this.renderRadialLoading(), h("gux-icon", { class: {
+            }, slot: "target" }, this.renderFilterInputField(), h("button", { type: "button", class: "gux-field gux-field-button", disabled: this.disabled, onClick: this.fieldButtonClick.bind(this), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString() }, !this.hasTextInput() && this.renderTargetContent(), this.renderTag(), this.renderRadialLoading(), h("gux-icon", { class: {
                 'gux-expand-icon': true
             }, size: "small", "screenreader-text": this.i18n('dropdown'), iconName: "custom/chevron-down-small-regular" }))));
     }
     renderTargetContent() {
         if (!(this.expanded && this.hasTextInput())) {
-            return (h("div", { class: "gux-field-content" }, this.renderTargetDisplay()));
+            return (h("span", { class: "gux-field-content" }, this.renderTargetDisplay()));
         }
     }
     renderRadialLoading() {
@@ -411,7 +417,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: '77af726ed59699d5345b7d14113f0a0658445846', class: "gux-dropdown-container" }, h("gux-popup", { key: 'e380f2e179078ce3622a29af20bc63735c11a0a4', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '6d52aa3af5b64d5f38f4ebca4bef6260a0453a74', class: "gux-dropdown-container" }, h("gux-popup", { key: 'd25c447e474aeed977e3782e8eab607dc89f34fa', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get is() { return "gux-dropdown-multi"; }

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

@@ -0,0 +1,10 @@
+export const renderConfigs = [
+    {
+        description: 'should render tooltip with long text to truncate',
+        html: '<div style="max-width: 40px"><gux-tooltip-title><span><slot aria-hidden="true" onSlotchange={this.onSlotChange.bind(this)}>Some long text to truncate and use a tooltip</slot></span></gux-tooltip-title></div>'
+    },
+    {
+        description: 'should render tooltip with short text',
+        html: '<gux-tooltip-title><div style="max-width: 200px">Some short text</div></gux-tooltip-title>'
+    }
+];

package/dist/collection/test/playwrightTestUtils.js

@@ -1,3 +1,35 @@
+var __asyncValues = (this && this.__asyncValues) || function (o) {
+    if (!Symbol.asyncIterator)
+        throw new TypeError("Symbol.asyncIterator is not defined.");
+    var m = o[Symbol.asyncIterator], i;
+    return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
+};
+var __await = (this && this.__await) || function (v) { return this instanceof __await ? (this.v = v, this) : new __await(v); };
+var __asyncGenerator = (this && this.__asyncGenerator) || function (thisArg, _arguments, generator) {
+    if (!Symbol.asyncIterator)
+        throw new TypeError("Symbol.asyncIterator is not defined.");
+    var g = generator.apply(thisArg, _arguments || []), i, q = [];
+    return i = {}, verb("next"), verb("throw"), verb("return", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;
+    function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }
+    function verb(n, f) { if (g[n]) {
+        i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); };
+        if (f)
+            i[n] = f(i[n]);
+    } }
+    function resume(n, v) { try {
+        step(g[n](v));
+    }
+    catch (e) {
+        settle(q[0][3], e);
+    } }
+    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+    function fulfill(value) { resume("next", value); }
+    function reject(value) { resume("throw", value); }
+    function settle(f, v) { if (f(v), q.shift(), q.length)
+        resume(q[0][0], q[0][1]); }
+};
 import { expect as baseExpect } from "@playwright/test";
 import { test } from "@stencil/playwright";
 import AxeBuilder from "@axe-core/playwright";
@@ -32,7 +64,7 @@ export async function snap(page, element, performA11yCheck = true, disableAnimat
         expect((await runAxe(page)).violations).toHaveNoViolations(axeScanDetails);
     }
     const animations = disableAnimations ? 'disabled' : 'allow';
-    if (await page.locator('gux-tooltip').isVisible()) {
+    if (await anyVisible(page.locator('gux-tooltip'))) {
         expect(await page.screenshot({ animations })).toMatchSnapshot();
     }
     else if (element && (await page.locator(element).isVisible())) {
@@ -42,6 +74,40 @@ export async function snap(page, element, performA11yCheck = true, disableAnimat
         expect(await page.screenshot({ animations })).toMatchSnapshot();
     }
 }
+async function anyVisible(locator) {
+    var _a, e_1, _b, _c;
+    try {
+        for (var _d = true, _e = __asyncValues(iterateLocator(locator)), _f; _f = await _e.next(), _a = _f.done, !_a; _d = true) {
+            _c = _f.value;
+            _d = false;
+            const l = _c;
+            if (await l.isVisible()) {
+                return true;
+            }
+        }
+    }
+    catch (e_1_1) {
+        e_1 = { error: e_1_1 };
+    }
+    finally {
+        try {
+            if (!_d && !_a && (_b = _e.return))
+                await _b.call(_e);
+        }
+        finally {
+            if (e_1)
+                throw e_1.error;
+        }
+    }
+    return false;
+}
+function iterateLocator(locator) {
+    return __asyncGenerator(this, arguments, function* iterateLocator_1() {
+        for (let index = 0; index < (yield __await(locator.count())); index++) {
+            yield yield __await(locator.nth(index));
+        }
+    });
+}
 async function setupPage(page) {
     await Promise.all([
         page.addStyleTag({

package/dist/esm/genesys-webcomponents.js

@@ -1,5 +1,5 @@
-import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-BfVNunZv.js';
-export { s as setNonce } from './index-BfVNunZv.js';
+import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-3ovPLhTT.js';
+export { s as setNonce } from './index-3ovPLhTT.js';
 
 /*
  Stencil Client Patch Browser v4.36.2 | MIT Licensed | https://stenciljs.com

package/dist/esm/{get-valid-timezone-BiLLtea3.js → get-valid-timezone-D1FTR3kG.js}

@@ -1,4 +1,4 @@
-import { l as locales } from './index-BKz1U0mT.js';
+import { l as locales } from './index-CJKn2_MZ.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, a as getElement } from './index-BfVNunZv.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-3ovPLhTT.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
 import { a as logError } from './log-error-DxtJDeL9.js';
 

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, a as getElement } from './index-BfVNunZv.js';
-import { t as trackComponent } from './usage-hBWBXweO.js';
+import { r as registerInstance, h, a as getElement } from './index-3ovPLhTT.js';
+import { t as trackComponent } from './usage-DUZNJocv.js';
 
 const guxAccordionCss = "gux-accordion{-custom-noop:noop}";
 

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BfVNunZv.js';
-import { O as OnClickOutside } from './on-click-outside-D91y48dm.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-3ovPLhTT.js';
+import { O as OnClickOutside } from './on-click-outside-DswqNKpw.js';
 import { w as whenEventIsFrom } from './when-event-is-from-kLXvN2m9.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-hBWBXweO.js';
-import { b as buildI18nForComponent } from './index-BKz1U0mT.js';
+import { t as trackComponent } from './usage-DUZNJocv.js';
+import { b as buildI18nForComponent } from './index-CJKn2_MZ.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const moreOptions = "More options";

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BfVNunZv.js';
-import { t as trackComponent } from './usage-hBWBXweO.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-3ovPLhTT.js';
+import { t as trackComponent } from './usage-DUZNJocv.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:var(--gse-ui-toast-success-foregroundColor);background:var(--gse-ui-toast-success-backgroundColor);border:1px solid var(--gse-ui-card-default-border-color);border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;align-self:auto;order:0;font-family:var(--gse-semantic-heading-lg-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-lg-bold-fontSize);line-height:var(--gse-semantic-heading-lg-bold-lineHeight);font-weight:var(--gse-semantic-heading-lg-bold-fontWeight)}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:var(--gse-core-colorLegacy-secondary-aquaGreen)}.gux-header .gux-icon ::slotted(gux-icon){width:32px !important;height:32px !important}.gux-header .gux-title{flex:1 1 auto;align-self:auto;order:0;margin:0 0 0 8px}.gux-message{flex:0 1 auto;align-self:auto;order:0;margin:16px 0;font-family:var(--gse-semantic-body-sm-regular-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-semantic-body-sm-regular-fontSize);line-height:var(--gse-semantic-body-sm-regular-lineHeight);font-weight:var(--gse-semantic-body-sm-regular-fontWeight)}.gux-message ::slotted(dl){display:flex;flex-direction:row;flex-wrap:wrap;place-content:stretch flex-start;align-items:flex-start;margin:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}";
 

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BfVNunZv.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-3ovPLhTT.js';
 import { o as onMutation } from './on-mutation-CF55kYjc.js';
-import { O as OnClickOutside } from './on-click-outside-D91y48dm.js';
+import { O as OnClickOutside } from './on-click-outside-DswqNKpw.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-hBWBXweO.js';
-import { b as buildI18nForComponent } from './index-BKz1U0mT.js';
+import { t as trackComponent } from './usage-DUZNJocv.js';
+import { b as buildI18nForComponent } from './index-CJKn2_MZ.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const searchAria = "Search";

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BfVNunZv.js';
-import { b as buildI18nForComponent } from './index-BKz1U0mT.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-3ovPLhTT.js';
+import { b as buildI18nForComponent } from './index-CJKn2_MZ.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
 import { t as tableResources } from './en-BIx814vt.js';
 import './get-closest-element-Cd4R0amv.js';

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BfVNunZv.js';
-import { t as trackComponent } from './usage-hBWBXweO.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-3ovPLhTT.js';
+import { t as trackComponent } from './usage-DUZNJocv.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.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, a as getElement } from './index-BfVNunZv.js';
-import { t as trackComponent } from './usage-hBWBXweO.js';
+import { h, r as registerInstance, a as getElement } from './index-3ovPLhTT.js';
+import { t as trackComponent } from './usage-DUZNJocv.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
-import { b as buildI18nForComponent } from './index-BKz1U0mT.js';
+import { b as buildI18nForComponent } from './index-CJKn2_MZ.js';
 import { a as generateInitials, g as getAvatarAccentClass } from './gux-avatar.service-BV03_Ljp.js';
 import './get-closest-element-Cd4R0amv.js';
 

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BfVNunZv.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-3ovPLhTT.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
-import { b as buildI18nForComponent } from './index-BKz1U0mT.js';
-import { t as trackComponent } from './usage-hBWBXweO.js';
+import { b as buildI18nForComponent } from './index-CJKn2_MZ.js';
+import { t as trackComponent } from './usage-DUZNJocv.js';
 import './get-closest-element-Cd4R0amv.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, a as getElement } from './index-BfVNunZv.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-3ovPLhTT.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
 
 const GuxAvatarFocusable = class {

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BfVNunZv.js';
-import { t as trackComponent } from './usage-hBWBXweO.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-3ovPLhTT.js';
+import { t as trackComponent } from './usage-DUZNJocv.js';
 import { g as groupKeyboardNavigation } from './gux-avatar-group.service-DMpkGO63.js';
-import { b as buildI18nForComponent } from './index-BKz1U0mT.js';
+import { b as buildI18nForComponent } from './index-CJKn2_MZ.js';
 import { a as autoUpdate, c as computePosition, o as offset } from './floating-ui.dom-CqNXdaSr.js';
-import { O as OnClickOutside } from './on-click-outside-D91y48dm.js';
+import { O as OnClickOutside } from './on-click-outside-DswqNKpw.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
 import { g as getAvatarAccentClass, a as generateInitials } from './gux-avatar.service-BV03_Ljp.js';

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BfVNunZv.js';
-import { t as trackComponent } from './usage-hBWBXweO.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-3ovPLhTT.js';
+import { t as trackComponent } from './usage-DUZNJocv.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
 import { s as setFocusTarget, r as resetFocusableSibling } from './gux-avatar-group.service-DMpkGO63.js';
 import './get-closest-element-Cd4R0amv.js';

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BfVNunZv.js';
-import { t as trackComponent } from './usage-hBWBXweO.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-3ovPLhTT.js';
+import { t as trackComponent } from './usage-DUZNJocv.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
 import { g as groupKeyboardNavigation } from './gux-avatar-group.service-DMpkGO63.js';
 import { g as getAvatarAccentClass, a as generateInitials } from './gux-avatar.service-BV03_Ljp.js';

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, a as getElement } from './index-BfVNunZv.js';
-import { t as trackComponent } from './usage-hBWBXweO.js';
-import { b as buildI18nForComponent } from './index-BKz1U0mT.js';
-import { O as OnMutation } from './on-mutation-DLktF44C.js';
+import { r as registerInstance, h, a as getElement } from './index-3ovPLhTT.js';
+import { t as trackComponent } from './usage-DUZNJocv.js';
+import { b as buildI18nForComponent } from './index-CJKn2_MZ.js';
+import { O as OnMutation } from './on-mutation-BA6Rw6BY.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const info = "badge with label: {label}, accent: info";

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, a as getElement } from './index-BfVNunZv.js';
-import { t as trackComponent } from './usage-hBWBXweO.js';
-import { O as OnMutation } from './on-mutation-DLktF44C.js';
+import { r as registerInstance, h, a as getElement } from './index-3ovPLhTT.js';
+import { t as trackComponent } from './usage-DUZNJocv.js';
+import { O as OnMutation } from './on-mutation-BA6Rw6BY.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.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}\n.gux-container .gux-image {\n  padding-block-end: var(--gse-ui-blankState-gapMain);\n}\n.gux-container .gux-message {\n  padding-block-end: var(--gse-ui-blankState-gapMessage);\n}\n.gux-container .gux-guidance {\n  padding-block-end: var(--gse-ui-blankState-gapContent);\n}\n.gux-container ::slotted(gux-icon) {\n  inline-size: var(--gse-ui-blankState-icon-size-lg);\n  block-size: 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    inline-size: var(--gse-ui-blankState-icon-size-sm);\n    block-size: 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}";

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BfVNunZv.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-3ovPLhTT.js';
 import { a as logError } from './log-error-DxtJDeL9.js';
 
 const guxBreadcrumbItemCss = ".gux-breadcrumb-generation{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center;min-block-size:var(--gse-ui-breadcrumbs-secondary-height)}.gux-breadcrumb-generation .gux-breadcrumb-content{font-family:var(--gse-ui-links-inLine-small-text-fontFamily);font-size:var(--gse-ui-links-inLine-small-text-fontSize);font-weight:var(--gse-ui-links-inLine-small-text-fontWeight);line-height:var(--gse-ui-links-inLine-small-text-lineHeight);text-decoration:none;color:var(--gse-ui-links-default-foregroundColor);pointer-events:none}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-active{color:var(--gse-ui-links-active-foregroundColor)}.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-block-size:var(--gse-ui-breadcrumbs-primary-height)}.gux-breadcrumb-generation.gux-primary .gux-breadcrumb-content{font-family:var(--gse-ui-links-inLine-medium-text-fontFamily);font-size:var(--gse-ui-links-inLine-medium-text-fontSize);font-weight:var(--gse-ui-links-inLine-medium-text-fontWeight);line-height:var(--gse-ui-links-inLine-medium-text-lineHeight);text-decoration:none}.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)}";

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, f as forceUpdate, h, a as getElement } from './index-BfVNunZv.js';
-import { b as buildI18nForComponent } from './index-BKz1U0mT.js';
-import { t as trackComponent } from './usage-hBWBXweO.js';
+import { r as registerInstance, f as forceUpdate, h, a as getElement } from './index-3ovPLhTT.js';
+import { b as buildI18nForComponent } from './index-CJKn2_MZ.js';
+import { t as trackComponent } from './usage-DUZNJocv.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const breadcrumbs = "Breadcrumbs";

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BfVNunZv.js';
-import { O as OnClickOutside } from './on-click-outside-D91y48dm.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-3ovPLhTT.js';
+import { O as OnClickOutside } from './on-click-outside-DswqNKpw.js';
 import { w as whenEventIsFrom } from './when-event-is-from-kLXvN2m9.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-hBWBXweO.js';
+import { t as trackComponent } from './usage-DUZNJocv.js';
 
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BfVNunZv.js';
-import { t as trackComponent } from './usage-hBWBXweO.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-3ovPLhTT.js';
+import { t as trackComponent } from './usage-DUZNJocv.js';
 import { a as logError } from './log-error-DxtJDeL9.js';
 
 const guxButtonSlotCss = ":host{display:inline-block;pointer-events:none}::slotted(input[type=button]),::slotted(input[type=submit]),::slotted(button){font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;text-overflow:ellipsis;color:var(--gse-ui-button-secondary-default-foregroundColor);white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}:host([icon-only]) ::slotted(input[type=button]),:host([icon-only]) ::slotted(input[type=submit]),:host([icon-only]) ::slotted(button){padding:var(--gse-ui-button-default-paddingIconOnly)}::slotted(input[type=button][disabled]),::slotted(input[type=submit][disabled]),::slotted(button[disabled]){cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}::slotted(input[type=button]:focus),::slotted(input[type=submit]:focus),::slotted(button:focus){outline:none}::slotted(input[type=button]:focus-visible:enabled),::slotted(input[type=submit]:focus-visible:enabled),::slotted(button:focus-visible:enabled){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(input[type=button]:hover:enabled),::slotted(input[type=submit]:hover:enabled),::slotted(button:hover:enabled){color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}::slotted(input[type=button]:active:enabled),::slotted(input[type=submit]:active:enabled),::slotted(button:active:enabled){color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]),:host([accent=primary]) ::slotted(input[type=submit]),:host([accent=primary]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:hover:enabled),:host([accent=primary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=primary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:active:enabled),:host([accent=primary]) ::slotted(input[type=submit]:active:enabled),:host([accent=primary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]),:host([accent=tertiary]) ::slotted(input[type=submit]),:host([accent=tertiary]) ::slotted(button){color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width)}:host([accent=tertiary]) ::slotted(input[type=button]:hover:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=tertiary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]:active:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:active:enabled),:host([accent=tertiary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]),:host([accent=ghost]) ::slotted(input[type=submit]),:host([accent=ghost]) ::slotted(button){color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:hover:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:hover:enabled),:host([accent=ghost]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:active:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:active:enabled),:host([accent=ghost]) ::slotted(button:active:enabled){color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]),:host([accent=danger]) ::slotted(input[type=submit]),:host([accent=danger]) ::slotted(button){color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:hover:enabled),:host([accent=danger]) ::slotted(input[type=submit]:hover:enabled),:host([accent=danger]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:active:enabled),:host([accent=danger]) ::slotted(input[type=submit]:active:enabled),:host([accent=danger]) ::slotted(button:active:enabled){color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}:host([accent=inline]){min-inline-size:initial}:host([accent=inline]) ::slotted(input[type=button]),:host([accent=inline]) ::slotted(input[type=submit]),:host([accent=inline]) ::slotted(button){block-size:initial;padding:0;color:var(--gse-ui-links-default-foregroundColor);background:none;border:none}:host([accent=inline]) ::slotted(input[type=button][disabled]),:host([accent=inline]) ::slotted(input[type=submit][disabled]),:host([accent=inline]) ::slotted(button[disabled]){color:var(--gse-ui-links-disabled-foregroundColor)}:host([accent=inline]) ::slotted(input[type=button]:hover:enabled),:host([accent=inline]) ::slotted(input[type=submit]:hover:enabled),:host([accent=inline]) ::slotted(button:hover:enabled){color:var(--gse-ui-links-hover-foregroundColor);text-decoration:underline;background:none}:host([accent=inline]) ::slotted(input[type=button]:active:enabled),:host([accent=inline]) ::slotted(input[type=submit]:active:enabled),:host([accent=inline]) ::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}";

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, a as getElement, c as createEvent } from './index-BfVNunZv.js';
-import { t as trackComponent } from './usage-hBWBXweO.js';
+import { r as registerInstance, h, a as getElement, c as createEvent } from './index-3ovPLhTT.js';
+import { t as trackComponent } from './usage-DUZNJocv.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom-CqNXdaSr.js';
-import { O as OnClickOutside } from './on-click-outside-D91y48dm.js';
+import { O as OnClickOutside } from './on-click-outside-DswqNKpw.js';
 import { g as getSlot } from './get-slot-BBpQG81s.js';
 import { f as findElementById } from './find-element-by-id-Cr5bTKWF.js';