genesys-spark-components 4.145.0 → 4.146.0

package/dist/collection/components/legacy/gux-modal-legacy/tests/gux-modal-legacy.common.js

@@ -0,0 +1,125 @@
+export const renderConfigs = [
+    {
+        description: 'should render small modal',
+        html: `
+          <gux-modal-legacy size="small">
+            <div slot="title">Modal Title</div>
+            <div slot="content">This contains the modal content.</div>
+            <div slot="left-align-buttons">
+                <gux-button>Cancel</gux-button>
+            </div>
+            <div slot="right-align-buttons">
+              <gux-button accent='primary'>Accept</gux-button>
+            </div>
+          </gux-modal-legacy>
+        `
+    },
+    {
+        description: 'should render medium modal',
+        html: `
+          <gux-modal-legacy size="medium">
+            <div slot="title">Modal Title</div>
+            <div slot="content">This contains the modal content.</div>
+            <div slot="left-align-buttons">
+                <gux-button>Cancel</gux-button>
+            </div>
+            <div slot="right-align-buttons">
+              <gux-button accent='primary'>Accept</gux-button>
+            </div>
+          </gux-modal-legacy>
+        `
+    },
+    {
+        description: 'should render large modal',
+        html: `
+          <gux-modal-legacy size="large">
+            <div slot="title">Modal Title</div>
+            <div slot="content">This contains the modal content.</div>
+            <div slot="left-align-buttons">
+                <gux-button>Cancel</gux-button>
+            </div>
+            <div slot="right-align-buttons">
+              <gux-button accent='primary'>Accept</gux-button>
+            </div>
+          </gux-modal-legacy>
+        `
+    },
+    {
+        description: 'should render modal without a title',
+        html: `
+          <gux-modal-legacy size="large">
+            <div slot="content">This contains the modal content.</div>
+            <div slot="left-align-buttons">
+                <gux-button>Cancel</gux-button>
+            </div>
+            <div slot="right-align-buttons">
+              <gux-button accent='primary'>Accept</gux-button>
+            </div>
+          </gux-modal-legacy>
+        `
+    },
+    {
+        description: 'should render modal without buttons',
+        html: `
+          <gux-modal-legacy size="small">
+            <div slot="title">Modal Title</div>
+            <div slot="content">This contains the modal content.</div>
+          </gux-modal-legacy>
+        `
+    },
+    {
+        description: 'should render modal with just left align buttons',
+        html: `
+          <gux-modal-legacy size="small">
+            <div slot="title">Modal Title</div>
+            <div slot="content">This contains the modal content.</div>
+            <div slot="left-align-buttons">
+                <gux-button>Cancel</gux-button>
+            </div>
+          </gux-modal-legacy>
+        `
+    },
+    {
+        description: 'should render modal with just right align buttons',
+        html: `
+          <gux-modal-legacy size="small">
+            <div slot="title">Modal Title</div>
+            <div slot="content">This contains the modal content.</div>
+            <div slot="right-align-buttons">
+              <gux-button accent='primary'>Accept</gux-button>
+            </div>
+          </gux-modal-legacy>
+        `
+    },
+    {
+        description: 'should render modal with a specified initial focus element',
+        html: `
+          <gux-modal-legacy initial-focus="#cancelButton">
+            <div slot="title">Modal Title</div>
+            <div slot="content">This contains the modal content.</div>
+            <div slot="left-align-buttons">
+                <gux-button id="cancelButton">Cancel</gux-button>
+            </div>
+            <div slot="right-align-buttons">
+              <gux-button accent='primary'>Accept</gux-button>
+            </div>
+          </gux-modal-legacy>
+        `
+    },
+    {
+        description: 'should render small modal by default',
+        html: `
+          <gux-modal-legacy>
+            <div slot="title">Modal Title</div>
+            <div slot="content">This contains the modal content.</div>
+            <div slot="left-align-buttons">
+                <gux-button>Cancel</gux-button>
+            </div>
+            <div slot="right-align-buttons">
+              <gux-button accent='primary'>Accept</gux-button>
+            </div>
+          </gux-modal-legacy>
+        `
+    }
+];
+export const renderConfig = renderConfigs[0];

package/dist/collection/components/legacy/gux-notification-toast-legacy/tests/gux-notification-toast.common.js

@@ -0,0 +1,43 @@
+export const renderConfigs = [
+    {
+        description: 'should render neutral notification toast',
+        html: `
+          <gux-notification-toast-legacy lang="en" accent="neutral">
+            <gux-icon slot="icon" icon-name="user-add" decorative></gux-icon>
+            <div slot="title">Title</div>
+            <div slot="message">This is the message</div>
+          </gux-notification-toast-legacy>
+        `
+    },
+    {
+        description: 'should render positive notification toast',
+        html: `
+          <gux-notification-toast-legacy lang="en" accent="positive">
+            <gux-icon slot="icon" icon-name="user-add" decorative></gux-icon>
+            <div slot="title">Title</div>
+            <div slot="message">This is the message</div>
+          </gux-notification-toast-legacy>
+        `
+    },
+    {
+        description: 'should render alert notification toast',
+        html: `
+          <gux-notification-toast-legacy lang="en" accent="alert">
+            <gux-icon slot="icon" icon-name="user-add" decorative></gux-icon>
+            <div slot="title">Title</div>
+            <div slot="message">This is the message</div>
+          </gux-notification-toast-legacy>
+        `
+    },
+    {
+        description: 'should render warning notification toast',
+        html: `
+          <gux-notification-toast-legacy lang="en" accent="warning">
+            <gux-icon slot="icon" icon-name="user-add" decorative></gux-icon>
+            <div slot="title">Title</div>
+            <div slot="message">This is the message</div>
+          </gux-notification-toast-legacy>
+        `
+    }
+];
+export const renderConfig = renderConfigs[0];

package/dist/collection/components/legacy/gux-pagination-legacy/tests/gux-pagination.common.js

@@ -0,0 +1,26 @@
+export const renderConfigs = [
+    { currentPage: 1, totalItems: 1000, itemsPerPage: 25, layout: 'full' },
+    { currentPage: 1, totalItems: 1000, itemsPerPage: 50, layout: 'full' },
+    { currentPage: 1, totalItems: 1000, itemsPerPage: 75, layout: 'full' },
+    { currentPage: 1, totalItems: 1000, itemsPerPage: 100, layout: 'full' },
+    { currentPage: 1, totalItems: 1000, itemsPerPage: 25, layout: 'full' },
+    { currentPage: 10, totalItems: 1000, itemsPerPage: 25, layout: 'full' },
+    { currentPage: 10, totalItems: 1000, itemsPerPage: 50, layout: 'full' },
+    { currentPage: 10, totalItems: 1000, itemsPerPage: 75, layout: 'full' },
+    { currentPage: 10, totalItems: 1000, itemsPerPage: 100, layout: 'full' },
+    { currentPage: 1, totalItems: 1000, itemsPerPage: 25, layout: 'small' },
+    { currentPage: 1, totalItems: 1000, itemsPerPage: 25, layout: 'expanded' },
+    { currentPage: -3, totalItems: 1000, itemsPerPage: 25, layout: 'full' },
+    { currentPage: -3, totalItems: 1, itemsPerPage: 25, layout: 'full' },
+    { currentPage: 1, totalItems: 0, itemsPerPage: 25, layout: 'full' }
+].map(({ currentPage, totalItems, itemsPerPage, layout }) => {
+    return {
+        html: `
+    <gux-pagination-legacy
+      current-page="${currentPage}"
+      total-items="${totalItems}"
+      items-per-page="${itemsPerPage}"
+      layout="${layout}"
+    ></gux-pagination-legacy>`
+    };
+});

package/dist/collection/components/legacy/gux-simple-toast-legacy/tests/gux-simple-toast.common.js

@@ -0,0 +1,39 @@
+export const renderConfigs = [
+    {
+        description: 'should render neutral simple toast',
+        html: `
+      <gux-simple-toast-legacy accent="neutral">
+        <gux-icon slot="icon" icon-name="user-add" decorative></gux-icon>
+        <div slot="message">This is the message</div>
+      </gux-simple-toast-legacy>
+    `
+    },
+    {
+        description: 'should render positive simple toast',
+        html: `
+      <gux-simple-toast-legacy accent="positive">
+        <gux-icon slot="icon" icon-name="user-add" decorative></gux-icon>
+        <div slot="message">This is the message</div>
+      </gux-simple-toast-legacy>
+    `
+    },
+    {
+        description: 'should render alert simple toast',
+        html: `
+      <gux-simple-toast-legacy accent="alert">
+        <gux-icon slot="icon" icon-name="user-add" decorative></gux-icon>
+        <div slot="message">This is the message</div>
+      </gux-simple-toast-legacy>
+    `
+    },
+    {
+        description: 'should render warning simple toast',
+        html: `
+      <gux-simple-toast-legacy accent="warning">
+        <gux-icon slot="icon" icon-name="user-add" decorative></gux-icon>
+        <div slot="message">This is the message</div>
+      </gux-simple-toast-legacy>
+    `
+    }
+];
+export const renderConfig = renderConfigs[0];

package/dist/collection/components/legacy/gux-switch-legacy/tests/gux-switch.common.js

@@ -0,0 +1,11 @@
+export const renderConfig = {
+    html: `
+  <gux-switch-legacy layout="small" value="day">
+    <gux-switch-item value="month">Month</gux-switch-item>
+    <gux-switch-item value="week">Week</gux-switch-item>
+    <gux-switch-item value="day">Day</gux-switch-item>
+    <gux-switch-item value="hour" disabled>Hour</gux-switch-item>
+    <gux-switch-item value="minute">Minute</gux-switch-item>
+  </gux-switch-legacy>
+`
+};

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

@@ -26,10 +26,10 @@ export class GuxButton {
     }
     render() {
         return [
-            h("button", { key: '0affca8740033516c6999453f8911af97b74ac6b', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: '15b89e11c02ebf2ef4b366354ec9ffdee24854ec', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: '35600b8801921ec77c9bd5e7728f0b457188ab65', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: 'f08e752335b5148df4218894b773c67e79f2bf4e', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }

package/dist/collection/components/stable/gux-context-menu/gux-context-menu.css

@@ -15,6 +15,7 @@ button {
 }
 
 button.gux-compact {
+  min-inline-size: var(--gse-ui-contextMenu-button-compact);
   block-size: var(--gse-ui-button-compact-height);
   padding: var(--gse-ui-button-compact-paddingIconOnly);
 }

package/dist/collection/components/stable/gux-form-field/functional-components/gux-form-field-error/gux-form-field-error.js

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core";
 export const GuxFormFieldError = ({ show }, children) => {
-    return (h("div", { class: {
+    return (h("div", { role: "alert", class: {
             'gux-form-field-error': true,
             'gux-show': show
         } }, h("gux-icon", { "icon-name": "fa/hexagon-exclamation-solid", decorative: true, size: "small" }), h("div", { class: "gux-message" }, children)));

package/dist/collection/components/stable/gux-listbox/options/gux-option/gux-option.js

@@ -47,7 +47,7 @@ export class GuxOption {
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '87c672e88483ae9dc4dd6cd64a04567bbd446939', class: "gux-option-wrapper" }, h("gux-truncate", { key: '6186ff08a6380a1e6b302e0c78070b8a65cf36c4', ref: el => (this.truncateElement = el) }, h("slot", { key: 'e7650c156cb40cfc152bb0c9d54453a458de9e35' })), h("slot", { key: 'd88ff0a3695c5f945bbde0c7aa2f33cf8cdf1091', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '87c672e88483ae9dc4dd6cd64a04567bbd446939', class: "gux-option-wrapper" }, h("gux-truncate", { key: '3970b2ea200bc36e770febe6f5abb3d9dcb854b2', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '0d86bc8df257a6053a71929aba3eaf415ed3740e' })), h("slot", { key: 'fe4ded065030acbabe8b22cc9162b627e16e2cc4', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     static get is() { return "gux-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox/options/gux-option-icon/gux-option-icon.js

@@ -68,7 +68,7 @@ export class GuxOptionIcon {
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: 'be2e4e44c6fd636f16d48dfc37a5c5a3364d9cae', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'c448187250a816f85d03732c1f0c3a02f3712044', ref: el => (this.truncateElement = el) }, h("slot", { key: '1a3ddc12c336456801ba07dd610da78f0ef6f23e' })), h("slot", { key: '62f51b0c10a820762ddd9f323929a11f2aa8baf3', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: 'be2e4e44c6fd636f16d48dfc37a5c5a3364d9cae', class: "gux-option-wrapper" }, h("gux-truncate", { key: '0bf8b783a696e197181468b888c94a38611a97f5', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '1bf08c9890567b3a0376819013f28dcecace9c57' })), h("slot", { key: 'd297f77cfc3fea8d41f9b782143c5f21cab4d083', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
     }
     static get is() { return "gux-option-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.js

@@ -64,7 +64,7 @@ export class GuxOptionMulti {
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '4e7cd620ca6615aaa9a3f92b80e2182a244eb6e7', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'e7a99a4e0dbe35f631bd2f6a19781415ad22fb67', ref: el => (this.truncateElement = el) }, h("slot", { key: 'e155d9b080eb93b3f987418c9259f45112b81f18' })), h("slot", { key: 'cbf899cb89471e60303f9b2ada6d4815d95c4c54', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '4e7cd620ca6615aaa9a3f92b80e2182a244eb6e7', class: "gux-option-wrapper" }, h("gux-truncate", { key: '12e3104da04cc16ea23361e687ed05941b029743', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'de53a68f939034e20d6c8a4e85e08e35bd99687b' })), h("slot", { key: '984f40f30d42b60118e1f1387afa8ccab15ffd17', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     static get is() { return "gux-option-multi"; }
     static get encapsulation() { return "shadow"; }

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

@@ -67,7 +67,10 @@ export class GuxTooltip {
     updatePosition() {
         const middleware = [
             offset(12),
-            flip(),
+            flip({
+                fallbackAxisSideDirection: 'start',
+                crossAxis: false
+            }),
             shift(),
             hide(),
             overflowDetection()
@@ -148,10 +151,10 @@ export class GuxTooltip {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: '5e28c22b9eb87374d34c903cce9adf86632356a3', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: 'd3590c61b6c7b6abbe17e03faa3823bfe2c1a12d', class: {
+        return (h(Host, { key: 'a8554693b752111d128fcb927edb1f80c535d085', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '554c1ba3b49cf929981705045167f7744db6e292', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '7bf73d66589589748f6eba7c4e55217f7921d7f2', name: "content" }, h("slot", { key: '9030d8fda742c3e815ac948fe1084b84d22a65a2' })))));
+            }, "data-placement": this.placement }, h("slot", { key: 'e9aa9ad7f1180d1ba38f41d175aace40c0c90b52', name: "content" }, h("slot", { key: '4475c18445033f7e3ed4ffdde0117da103d4757b' })))));
     }
     static get is() { return "gux-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/test/playwrightTestUtils.js

@@ -18,7 +18,7 @@ async function runAxe(page) {
     ])
         .analyze();
 }
-export async function analyze(page, extraActions = () => Promise.resolve(), element) {
+export async function analyze(page, element, extraActions = () => Promise.resolve()) {
     for (const mode of modes) {
         await setMode(page, mode);
         await extraActions(page);
@@ -30,9 +30,12 @@ export async function snap(page, element) {
     if (await page.locator('gux-tooltip').isVisible()) {
         expect(await page.screenshot()).toMatchSnapshot();
     }
-    else {
+    else if (element && (await page.locator(element).isVisible())) {
         expect(await page.locator(element).screenshot()).toMatchSnapshot();
     }
+    else {
+        expect(await page.screenshot()).toMatchSnapshot();
+    }
 }
 async function setupPage(page) {
     await Promise.all([
@@ -63,7 +66,7 @@ export async function checkRenders(renderConfigs, element, extraActions = () =>
     renderConfigs.forEach(({ description, html }, index) => {
         test(description || `should render component as expected (${index + 1})`, async ({ page }) => {
             await setContent(page, html);
-            await analyze(page, extraActions, element);
+            await analyze(page, element, extraActions);
         });
     });
 }

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-dc790228.js';
+import { t as trackComponent } from './usage-5a897033.js';
 
 const guxAccordionCss = "gux-accordion{-custom-noop:noop}";
 const GuxAccordionStyle0 = guxAccordionCss;

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 import { O as OnClickOutside } from './on-click-outside-6c2e399b.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-dc790228.js';
+import { t as trackComponent } from './usage-5a897033.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import './get-closest-element-728b9f18.js';
 

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-1f4f2f77.js';
-import { t as trackComponent } from './usage-dc790228.js';
+import { t as trackComponent } from './usage-5a897033.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}";
 const GuxActionToastLegacyStyle0 = guxActionToastCss;

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 import { o as onMutation } from './on-mutation-a222fe93.js';
 import { O as OnClickOutside } from './on-click-outside-6c2e399b.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-dc790228.js';
+import { t as trackComponent } from './usage-5a897033.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import './get-closest-element-728b9f18.js';
 
@@ -86,9 +86,9 @@ const GuxAdvancedDropdownLegacy = class {
         }
     }
     render() {
-        return (h("gux-popup", { key: '95c1be2855a91332bc5d21372a0131477aab732a', expanded: this.opened, disabled: this.disabled }, h("div", { key: '44344207156522323c85cae25f75f69582e3ac66', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '4879396addf0b69cb9143a5fed6c47176b922aba', 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: '6174d0d76b052185d9e2c610475c86d97fcf4ded', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: 'db7b8ab39631d6de84eb42572e16ba4a332551aa', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '1f93dc6cb2a8f1b82d92c98f23915f1c2e130209', class: "gux-icon-wrapper" }, h("gux-icon", { key: '004f7992dfeb38aac8253fe515274d294abace25', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: 'fd2720d2a7fe2a8ee1d178a83ae692913761558d', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '7ddd01095cc126429bbde148197186494b375e54', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '3bb1b2ec33d55d65880e8dcb748dc624ae486bfa', "label-position": "screenreader" }, h("label", { key: '05e2742e14e503667705fb635ee761ccbac8a4eb', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'bef017748388966f3d7a0793fc31eb9dba739bcc', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: '4947b997e0c4cf2fa0697bb6b5e76bcad59fe506', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'a506bbe771787907741b05e2ffc45d64f5f61d58', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '75b662805ce1aabb518616093391977c1bb04cb8', 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: 'a355b8d95cebc494db5f98a460b2cf22ccd67339', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: 'a0984e104432d64562835f890eeba99d3abb0de0', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '02e3459995c75e94512eb4dc2f2ad430a42f4176', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'bd38fbe5026b2b74a8792723a2e1b1860ebf3d4d', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '25444cf37c66399a1e78e4e97a030486cedf0a09', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '74417ddcaf9a88996d3525701474235041f8727b', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: 'f4d02316cb59dc8431d30c56cfee8141d6e16bea', "label-position": "screenreader" }, h("label", { key: '901ffe3d5f11a5c464337d12db7d5ef653c41956', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'fce20548f41e15d50da1a7e7309a5573920cb493', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: '64de7a7e413c48e928ac23014e76a64d332075ae', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'e363353c12560a849e706a2b706f990fb9d137df' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: '05ac66751074363457e06f934dbcb19056fbec98', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '7cd11640cd374f0f9ee2c548ea479a7495c94e68' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

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-1f4f2f77.js';
-import { t as trackComponent } from './usage-dc790228.js';
+import { t as trackComponent } from './usage-5a897033.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,5 +1,5 @@
 import { h, r as registerInstance, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-dc790228.js';
+import { t as trackComponent } from './usage-5a897033.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { g as generateInitials, a as getAvatarAccentClass } from './gux-avatar.service-43c1b4e1.js';

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-1f4f2f77.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
-import { t as trackComponent } from './usage-dc790228.js';
+import { t as trackComponent } from './usage-5a897033.js';
 import './get-closest-element-728b9f18.js';
 
 const changePhoto = "Change profile photo";

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-dc790228.js';
+import { t as trackComponent } from './usage-5a897033.js';
 import { g as groupKeyboardNavigation } from './gux-avatar-group.service-0e62fde4.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { a as autoUpdate, c as computePosition, o as offset } from './floating-ui.dom.esm-a44d7688.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-dc790228.js';
+import { t as trackComponent } from './usage-5a897033.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 import { s as setFocusTarget, r as resetFocusableSibling } from './gux-avatar-group.service-0e62fde4.js';
 import './get-closest-element-728b9f18.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-dc790228.js';
+import { t as trackComponent } from './usage-5a897033.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 import { g as groupKeyboardNavigation } from './gux-avatar-group.service-0e62fde4.js';
 import { a as getAvatarAccentClass, g as generateInitials } from './gux-avatar.service-43c1b4e1.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-dc790228.js';
+import { t as trackComponent } from './usage-5a897033.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import './get-closest-element-728b9f18.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-dc790228.js';
+import { t as trackComponent } from './usage-5a897033.js';
 import { O as OnMutation } from './on-mutation-751e68e4.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-1f4f2f77.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
-import { t as trackComponent } from './usage-dc790228.js';
+import { t as trackComponent } from './usage-5a897033.js';
 import './get-closest-element-728b9f18.js';
 
 const breadcrumbs = "Breadcrumbs";

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, g as getElement } from './i
 import { O as OnClickOutside } from './on-click-outside-6c2e399b.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-dc790228.js';
+import { t as trackComponent } from './usage-5a897033.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, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-dc790228.js';
+import { t as trackComponent } from './usage-5a897033.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-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,5 +1,5 @@
 import { r as registerInstance, h, g as getElement, c as createEvent } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-dc790228.js';
+import { t as trackComponent } from './usage-5a897033.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom.esm-a44d7688.js';
 import { O as OnClickOutside } from './on-click-outside-6c2e399b.js';
@@ -32,10 +32,10 @@ const GuxButton = class {
     }
     render() {
         return [
-            h("button", { key: '0affca8740033516c6999453f8911af97b74ac6b', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: '15b89e11c02ebf2ef4b366354ec9ffdee24854ec', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: '35600b8801921ec77c9bd5e7728f0b457188ab65', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: 'f08e752335b5148df4218894b773c67e79f2bf4e', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-1f4f2f77.js';
-import { i as index_umd } from './index.umd-5550c901.js';
+import { i as index_umd } from './index.umd-df2b486d.js';
 import { g as getDesiredLocale, a as getFirstDayOfWeek, b as buildI18nForComponent } from './index-4f1356d9.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { l as logError } from './log-error-274efeb7.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { a as asIsoDateRange, c as fromIsoDateRange, b as asIsoDate, f as fromIsoDate } from './iso-dates-c6c7180d.js';
-import { t as trackComponent } from './usage-dc790228.js';
+import { t as trackComponent } from './usage-5a897033.js';
 import { g as getDesiredLocale, c as getStartOfWeek } from './index-4f1356d9.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-404638dd.js';
 import { d as dateTimeFormat } from './intl-93dbfa3b.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-dc790228.js';
+import { t as trackComponent } from './usage-5a897033.js';
 
 const guxCardCss = ":host{display:block;inline-size:fit-content}.gux-card{box-sizing:border-box;padding:var(--gse-ui-card-padding);background-color:var(--gse-ui-card-backgroundColor);border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color);border-radius:var(--gse-ui-card-borderRadius)}.gux-card.gux-bordered{border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color)}.gux-card.gux-raised{border:var(--gse-ui-card-raised-border-width) var(--gse-ui-card-raised-border-style) var(--gse-ui-card-raised-border-color);box-shadow:var(--gse-ui-card-raised-boxShadow)}.gux-card.gux-borderless{border:var(--gse-ui-card-borderless-border-width) var(--gse-ui-card-borderless-border-style) var(--gse-ui-card-borderless-border-color)}";
 const GuxCardStyle0 = guxCardCss;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-1f4f2f77.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
-import { t as trackComponent } from './usage-dc790228.js';
+import { t as trackComponent } from './usage-5a897033.js';
 import { g as getEmptyKeyboardOrderChange, s as setKeyboardReorderPositionIndicator, a as setMainCheckboxElementCheckedState, b as getNewOrder, c as getIndexInParent, d as getNewKeyboardOrderChange, e as setHighlights, f as setAllCheckboxInputs, h as getSelectedColumnCount } from './gux-column-manager.service-90a02975.js';
 import './get-closest-element-728b9f18.js';
 import './clamp-1fc36648.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-dc790228.js';
+import { t as trackComponent } from './usage-5a897033.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { a as onDisabledChange } from './on-attribute-change-33919964.js';
 import { f as focusInputElement } from './focus-input-element-8a137b12.js';