genesys-spark-components 4.95.0 → 4.96.1

package/dist/esm/gux-pagination-buttons_2.entry.js

@@ -220,7 +220,7 @@ const GuxPaginationButtons = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'ad49608b2ea02a57f41724891f68ccfeb8c7b5e0', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '6e643e0caeffbd06398927ef2a31464dd22c7dd5', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '824bb6ba6cf9a66a7299bd1b6e53e4d067ac4c5a', accent: "ghost", "icon-only": true }, h("button", { key: '7583965f2973fe64ca19f492aa8c9909d354d0e1', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'ed414f342691a2057e48614b225a672063ff5268', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '04b5d4a065a073dd589372907c50b3ad40b08704', accent: "ghost", "icon-only": true }, h("button", { key: '78a6d67254bb359b354f19f87b723792ca60f2af', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '3f0209c358dcbd7e88554eaa834d7e32c5b1b004', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '034813608d18a7479376bcda17c552c1844ac421', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '215bb2bb8bc5474a3391ced80181c6c3a608b1db', accent: "ghost", "icon-only": true }, h("button", { key: 'b7c0e5c224cea90a0b1c3149567e21e1684fe731', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'c19c1be4e6af1279cba0793d3910e92e7fa4bf48', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '962d729f13f125060b004363eb8270ef6f3e084c', accent: "ghost", "icon-only": true }, h("button", { key: '058ee93145ce11d55d2cfb62c91edbd9be765636', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'b8f887fceb1f301118dee9b7a719857612c9f858', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'b952c4e31b202553a16b90bcc19d002f578c6542', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '370290db7475ae95cefe1cbfb5f6055c641afb95', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'bb7fdbfbd4a594c40a2d69a2a6efb0f4ec06b4c8', accent: "ghost", "icon-only": true }, h("button", { key: '0c5876e559c9ec1aac03feba1145f5288beb14d6', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '85efe9217bd9c1bf21a48a0be01aef8004030938', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '12d97fb88b464b109399d24318db8e8a3184d4bd', accent: "ghost", "icon-only": true }, h("button", { key: '609647b156e22f7ed497f559ea3494aadffe748f', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '936da1deb961e5d3c783e98265a73e39f69a5500', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '91e82d3cf6ed8cf0f5567ff585ff4223a061b65e', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '9e74913ef314c5c3890e4a58c9a9e1e0824eee9c', accent: "ghost", "icon-only": true }, h("button", { key: '240736ebf7dcf2c6bb4c9d2454628c44c9d8bcff', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'cba0c07811627ce62d55cbdcaf9d6c87c754b99c', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '943ce7038ac7cb018369f0635812800484f2bf48', accent: "ghost", "icon-only": true }, h("button", { key: '56fcaed1e7b4d44764d9864eed2899b3fb045a16', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '932bfafcdc1f86a3e8ffc37a2577534db4a2078a', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     get root() { return getElement(this); }
 };
@@ -264,10 +264,10 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (h("div", { key: 'b043a4388aa0484d7c5512d72e74bf1ba7f3a1e0', class: "gux-pagination-item-counts-container" }, h("span", { key: '9c046fa30823211990425bac7bc43be6a900c1f4', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '3cd160bf18fac085a65877246c4425626a2d5655', class: "gux-pagination-item-counts-container" }, h("span", { key: 'b2d2a5941688c5d50c4245d635a7b427198b9c2d', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'ea3b4611c390e6ff669a28a01ecdcc2d43b6e71a', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '7004e25837f5233341e7870a16dfdb4af1e638a7', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-pagination-cursor.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-3fc1a6db.js';
+import { t as trackComponent } from './usage-c8be28f5.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import './get-closest-element-728b9f18.js';
 

package/dist/esm/gux-pagination-items-per-page.entry.js

@@ -35,7 +35,7 @@ const GuxPaginationItemsPerPage = class {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: '3ddfe4aa794271ffe873da851d8471f08033b9a9', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'd9b19dec9c231b55d2a4044334dc34edb89c76d1', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '7c8ccb0a9df636675d6d76da5a0e15905509dfe8', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '90030397903afe20d13202559729d51c29d65160', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'e9d11af64a4c878750183e626af2a6918b42c17e', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '2703346134649a760c6531e85f2f56bdbc7e492a', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-pagination-legacy.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-3fc1a6db.js';
+import { t as trackComponent } from './usage-c8be28f5.js';
 
 const guxPaginationLegacyCss = ":host{display:block;border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:center;height:var(--gse-ui-dataTableItems-cell-tablePagination-height);padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-start;align-items:center;align-self:auto;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";
 const GuxPaginationLegacyStyle0 = guxPaginationLegacyCss;
@@ -64,7 +64,7 @@ const GuxPaginationLegacy = class {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (h("div", { key: '06f25d9a1bd5e7dff491f97443ccafe7aedbc77c', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '730fc84ecd17032eda0c17b237c8e223d729791b', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'ebf17a5d4e899d5aadd9d2953040f55e1f348a7c', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '79450755765b35044a39f45e8214f4b9f1a04b4e', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '1bf63c813df44b2eb622b2cac0ddcd15f6335d7d', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'acdba6e6ebacf3f31f75fb50441fe2ad56c620d9', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, d as readTask, h, g as getElement } from './index-b6ca2adc.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-3fc1a6db.js';
+import { t as trackComponent } from './usage-c8be28f5.js';
 
 const guxPaginationCss = ":host{display:block;height:var(--gse-ui-dataTableItems-cell-tablePagination-height);border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:center;padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-start;align-items:center;align-self:auto;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-spacer{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";
 const GuxPaginationStyle0 = guxPaginationCss;
@@ -90,7 +90,7 @@ const GuxPagination = class {
         }, 500);
     }
     render() {
-        return (h("div", { key: '023b61228931881b67fa4e3aebca22931c3a13ce', class: "gux-pagination-container" }, h("div", { key: 'c2e19af81605e7a4037abbd171c9dd031d7fd099', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '14d22e92567986078b40cb319fde6028c2f07222', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '29f7fbac76fb22cf1a9ce858c80030d1a1418047', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '9e085123bd8ae74f23cbcd75780a42088b86cb4b', class: "gux-pagination-spacer" }), h("div", { key: 'd00ae54367898621c03fd27629f51f83dccac42f', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '2842ffe1c90e8cd150a0300fcb66eb61d26137f9', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'c212e0c8707b2e92a89435bb343cda33beae6dc4', class: "gux-pagination-container" }, h("div", { key: '48e3e35673fceeacbed050de622f03cf30eebf58', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '9065c19128d6f5f4d1e5ff520965fbd67c93ed25', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'a230b99ce6bce6f7368d4929ff64ab0cf7ead81a', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'c8074a09276813a5dc1656a0780db42e1641ab08', class: "gux-pagination-spacer" }), h("div", { key: '7e540f154abedfd84e7498bbee80b01c9d2efe97', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '32fb448ddceeacfe1f0df1b102056ebea0575788', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-phone-input-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-3fc1a6db.js';
+import { t as trackComponent } from './usage-c8be28f5.js';
 import { b as buildI18nForComponent, g as getDesiredLocale } from './index-44765751.js';
 import { O as OnClickOutside } from './on-click-outside-edcae419.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';

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

@@ -0,0 +1,217 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b6ca2adc.js';
+import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, h as hide, b as arrow } from './floating-ui.dom.esm-3bade7ba.js';
+import { O as OnClickOutside } from './on-click-outside-edcae419.js';
+import { t as trackComponent } from './usage-c8be28f5.js';
+import { g as getSlot } from './get-slot-c26d3ab0.js';
+import { f as findElementById } from './find-element-by-id-d0ce6208.js';
+
+const guxPopoverCss = ":popover-open{position:absolute;inset:unset}.gux-popover-wrapper{position:absolute;inset-block-start:0;inset-inline-start:0;min-inline-size:280px;padding:var(--gse-ui-popover-gap);overflow:hidden;background-color:var(--gse-ui-popover-backgroundColor);border:none;border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color);}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-popover-wrapper .gux-arrow-caret{inline-size:0;block-size:0;filter:drop-shadow(var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) calc(var(--gse-ui-popover-boxShadow-blur) / 2) var(--gse-ui-tooltip-boxShadow-color));border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent}.gux-popover-wrapper .gux-popover-header{display:flex;flex-direction:row;place-content:center space-between;align-items:center;padding-block-end:var(--gse-ui-popover-gap);font-family:var(--gse-ui-popover-title-text-fontFamily);font-size:var(--gse-ui-popover-title-text-fontSize);font-weight:var(--gse-ui-popover-title-text-fontWeight);line-height:var(--gse-ui-popover-title-text-lineHeight);color:var(--gse-ui-popover-headerColor)}.gux-popover-wrapper gux-dismiss-button{float:inline-end}";
+const GuxPopoverBetaStyle0 = guxPopoverCss;
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const GuxPopover = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.guxdismiss = createEvent(this, "guxdismiss", 7);
+        this.for = undefined;
+        this.position = 'bottom';
+        this.displayDismissButton = undefined;
+        this.closeOnClickOutside = false;
+        this.isOpen = false;
+        this.forElement = undefined;
+    }
+    updateForElement() {
+        this.forElement = this.getForElement();
+    }
+    onKeyDown(event) {
+        switch (event.key) {
+            case 'Escape':
+                this.dismiss();
+                break;
+        }
+    }
+    onFocusout(event) {
+        if (!this.closeOnClickOutside && this.displayDismissButton) {
+            return;
+        }
+        const focusIsOutsidePopover = event.relatedTarget && !this.root.contains(event.relatedTarget);
+        if (focusIsOutsidePopover) {
+            this.dismiss();
+        }
+    }
+    checkForClickOutside(event) {
+        const clickPath = event.composedPath();
+        const forElement = findElementById(this.root, this.for);
+        const clickedForElement = clickPath.includes(forElement);
+        if ((this.closeOnClickOutside || !this.displayDismissButton) &&
+            this.isOpen &&
+            !clickedForElement) {
+            this.dismiss();
+        }
+        if (clickedForElement) {
+            this.popupElement.togglePopover();
+            this.isOpen = !this.isOpen;
+            this.runUpdatePosition();
+        }
+    }
+    get titleSlot() {
+        return getSlot(this.root, 'title');
+    }
+    getForElement() {
+        if (this.for) {
+            const forElement = findElementById(this.root, this.for);
+            if (!forElement) {
+                this.logForAttributeError();
+            }
+            return forElement;
+        }
+        else {
+            this.logForAttributeError();
+        }
+    }
+    runUpdatePosition() {
+        if (this.root.isConnected) {
+            this.cleanupUpdatePosition = autoUpdate(findElementById(this.root, this.for), this.popupElement, () => this.updatePosition(), {
+                ancestorScroll: true,
+                elementResize: true,
+                animationFrame: true,
+                ancestorResize: true
+            });
+        }
+        else {
+            this.disconnectedCallback();
+        }
+    }
+    updatePosition() {
+        const forElement = findElementById(this.root, this.for);
+        if (this.popupElement && forElement) {
+            void computePosition(forElement, this.popupElement, {
+                placement: this.position,
+                middleware: [
+                    offset(7),
+                    flip(),
+                    shift(),
+                    hide(),
+                    arrow({
+                        element: this.arrowElement,
+                        padding: 16
+                    })
+                ]
+            }).then(({ x, y, middlewareData, placement }) => {
+                Object.assign(this.popupElement.style, {
+                    left: `${x}px`,
+                    top: `${y}px`
+                });
+                const side = placement.split('-')[0];
+                const staticSide = {
+                    top: 'bottom',
+                    right: 'left',
+                    bottom: 'top',
+                    left: 'right'
+                }[side];
+                const arrowRotation = {
+                    top: 0,
+                    right: 90,
+                    bottom: 180,
+                    left: -90
+                }[side];
+                // This is 13 because this makes the arrow look aligned when horizontal
+                // or 15 if vertical due to extra padding needed to show the shadow.
+                const arrowLen = side === 'left' || side === 'right' ? 15 : 13;
+                if (middlewareData.arrow) {
+                    let x = middlewareData.arrow.x;
+                    const y = middlewareData.arrow.y;
+                    if (side === 'left' || side === 'right') {
+                        x = x + 4;
+                    }
+                    this.popupElement.setAttribute('data-placement', placement);
+                    // TODO: COMUI-3210 - Arrow currently does not show
+                    Object.assign(this.arrowElement.style, {
+                        left: x != null ? `${x}px` : '',
+                        top: y != null ? `${y}px` : '',
+                        right: '',
+                        bottom: '',
+                        [staticSide]: `${-arrowLen}px`,
+                        transform: `rotate(${arrowRotation}deg)`
+                    });
+                }
+                if (middlewareData.hide) {
+                    Object.assign(this.popupElement.style, {
+                        visibility: middlewareData.hide.referenceHidden
+                            ? 'hidden'
+                            : 'visible'
+                    });
+                }
+            });
+        }
+    }
+    dismiss() {
+        const dismissEvent = this.guxdismiss.emit();
+        if (!dismissEvent.defaultPrevented) {
+            this.isOpen = false;
+            this.popupElement.togglePopover();
+        }
+    }
+    logForAttributeError() {
+        if (this.root.isConnected) {
+            console.error(`gux-popover: invalid element supplied to 'for': "${this.for}"`);
+        }
+    }
+    connectedCallback() {
+        this.updateForElement();
+        trackComponent(this.root, { variant: this.position });
+    }
+    componentDidLoad() {
+        if (!this.forElement) {
+            return;
+        }
+        this.forElement.popoverTargetElement = this.popupElement;
+        if (this.isOpen) {
+            this.popupElement.togglePopover();
+            this.runUpdatePosition();
+        }
+    }
+    componentDidUpdate() {
+        if (this.isOpen) {
+            this.runUpdatePosition();
+        }
+        else if (this.cleanupUpdatePosition) {
+            this.cleanupUpdatePosition();
+        }
+    }
+    disconnectedCallback() {
+        if (this.cleanupUpdatePosition) {
+            this.cleanupUpdatePosition();
+        }
+    }
+    renderDismissButton() {
+        if (this.displayDismissButton) {
+            return (h("gux-dismiss-button", { onClick: this.dismiss.bind(this), position: "inherit" }));
+        }
+    }
+    render() {
+        return (h("div", { key: 'aa737a1566ca572ee66663bf93f81d0dcb2ab54a', ref: (el) => (this.popupElement = el), class: {
+                'gux-popover-wrapper': true,
+                'gux-hidden': !this.isOpen
+            }, "data-placement": true, popover: "manual" }, h("div", { key: '141277d4fc16931fbd2ce4215db969c8e4cbbd78', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '1f4076917f0f571a418c2c81473169915d9291ec', class: "gux-arrow-caret" })), h("div", { key: '0c85ed77802e827622dac9d51d9655018109248b', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '20498249bda585885a11d9dabcbb84068620bb4f', name: "title" }), this.renderDismissButton()), h("div", { key: 'dbef79c1b5844410788a8099a7eb8b1873af48bd', class: "gux-popover-content" }, h("slot", { key: 'dfe962454dadc3b1b7a1456cffae656ddebe7ff4' }))));
+    }
+    get root() { return getElement(this); }
+    static get watchers() { return {
+        "for": ["updateForElement"]
+    }; }
+};
+__decorate([
+    OnClickOutside({ triggerEvents: 'mousedown' })
+], GuxPopover.prototype, "checkForClickOutside", null);
+GuxPopover.style = GuxPopoverBetaStyle0;
+
+export { GuxPopover as gux_popover_beta };

package/dist/esm/gux-popover-list.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b6ca2adc.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-3bade7ba.js';
 import { O as OnClickOutside } from './on-click-outside-edcae419.js';
-import { t as trackComponent } from './usage-3fc1a6db.js';
+import { t as trackComponent } from './usage-c8be28f5.js';
 import { f as findElementById } from './find-element-by-id-d0ce6208.js';
 
 const guxPopoverListCss = ".gux-popover-wrapper{position:fixed;top:0;left:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:8px 0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-popover-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";
@@ -130,10 +130,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (h("div", { key: '942cdc77e366d69a5e18d004630454a80f5cd72d', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'd40217d896d54115c9ebcd029518d1931295f4b3', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'd79638b2b0fd4492694b78b64fc366f53e247174', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '7b221e18cce12600da0e536f46df6cf854983c7f', onClick: this.dismiss.bind(this) })), h("div", { key: '9c1ffcd0c9e94d0e630f684146783b721f5f87d1', class: "gux-popover-content" }, h("slot", { key: '39f19975e08a9172d11c826cf2db5112482f0e38' }))));
+            }, "data-placement": true }, h("div", { key: 'df0b6457d972eaf1734e556261bfefba4f2d57f0', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'd51eaa971f007209c3d33a4e28d982db9dad29ea', onClick: this.dismiss.bind(this) })), h("div", { key: 'f783fe66ae1cdb4e99acc91d4f04f1f4738a22d2', class: "gux-popover-content" }, h("slot", { key: '122a7e6636ba3453055c5990fdbc20022f479912' }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -106,13 +106,13 @@ const GuxPopup = class {
         }
     }
     render() {
-        return (h("div", { key: '6e814f683b6f9b2d596c26c3b50d56c3af71008a', class: {
+        return (h("div", { key: '2118b5c51c045d81d9cbffe7cb83a3f3dfd3f694', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '612113a9aa91257c0c1d11a0b2493008046262b1', name: "target" }), h("div", { key: '1f629ddce3a2ace528a8d59455cda76481bbea8d', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '2ae80bb71738bf6603155633c6d8eb82c62e173f', name: "target" }), h("div", { key: '76a829687678ae3ad3de3ff0f9c8096e26f0098d', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'c7cc27e3f1432f8b053d3fb878574dfdd6293e20', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'dbaf8b0a26bf52a4fea90f1e8619aee978a7b9ae', name: "popup" }))));
     }
     static get watchers() { return {
         "expanded": ["onExpandedChange"]

package/dist/esm/gux-radial-loading.entry.js

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, g as getElement } from './index-b6ca2adc.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
-import { t as trackComponent } from './usage-3fc1a6db.js';
+import { t as trackComponent } from './usage-c8be28f5.js';
 import './get-closest-element-728b9f18.js';
 
 const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large
@@ -41,7 +41,7 @@ const GuxRadialLoading = class {
         this.getI18nValue = await buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (h(GuxSpinnerState, { key: 'a2cc651b0fb979751d897b6bac27eea6413451d0', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '0fc0bb1598dbf863e468e813603bad04bba48125', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-radial-progress.entry.js

@@ -1,5 +1,5 @@
 import { h, r as registerInstance, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-3fc1a6db.js';
+import { t as trackComponent } from './usage-c8be28f5.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 
 const OVERALL_SIZE = 48; // Linked to --gse-ui-progressAndLoading-spinner-large

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-b6ca2adc.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { c as clamp } from './clamp-1fc36648.js';
-import { t as trackComponent } from './usage-3fc1a6db.js';
+import { t as trackComponent } from './usage-c8be28f5.js';
 import { a as logWarn } from './log-error-274efeb7.js';
 
 const guxRatingCss = ":host{display:inline-block;min-width:fit-content;user-select:none}:host(:host:focus-visible){outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-sm-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset);box-shadow:0 0 0 1px var(--gse-semantic-border-focus)}.gux-rating-star-container{display:flex;gap:var(--gse-ui-rating-star-gap);justify-content:space-between;color:var(--gse-ui-rating-default-color)}.gux-rating-star-container.gux-disabled{color:var(--gse-ui-rating-disabled-color);pointer-events:none;opacity:var(--gse-ui-rating-disabled-opacity)}.gux-rating-star-container gux-icon{flex:0 0 auto;width:var(--gse-ui-rating-size);height:var(--gse-ui-rating-size);color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";
@@ -104,7 +104,7 @@ const GuxRating = class {
         }
     }
     render() {
-        return (h(Host, { key: '94e7534f125946fbc1134f543146c2fd0fedaa79', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '69bc5d95a2a64eb82c18570866884435beccd035', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '228676971abfdcd7a2985ce942ef12f696f26371', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '1074566e6788a45511c60c8a859ba520d74dc277', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

package/dist/esm/gux-rich-text-editor-action-group.entry.js

@@ -20,7 +20,7 @@ const GuxRichTextEditorActionGroup = class {
         }
     }
     render() {
-        return (h(Host, { key: '71f1f627972a0fe4506b8a855debc8d33d33a9c9' }, h("div", { key: '5a74851c3855d4632b585f0d75fc0d3398ddff69', class: "gux-action-group-container" }, h("slot", { key: '0f5d4503a0e1743f26cbea14b4a1bdafae3cee81' })), this.renderActionGroupDivider()));
+        return (h(Host, { key: 'a5e18d4a8720c312e815ddf55114cef0b4e2e306' }, h("div", { key: '0554a4949eacc8b108b581db576ce4f65ea98f6e', class: "gux-action-group-container" }, h("slot", { key: '89e6d6befcb318cf7ad6ea1c5793da91022f278e' })), this.renderActionGroupDivider()));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-rich-text-editor-action.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-3fc1a6db.js';
+import { t as trackComponent } from './usage-c8be28f5.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import { g as getClosestElement } from './get-closest-element-7b2f7d5b.js';
 import './get-closest-element-728b9f18.js';

package/dist/esm/gux-rich-text-editor-beta.entry.js

@@ -31,10 +31,10 @@ const GuxRichTextEditor = class {
         return this.renderSlot('global-actions', 'gux-global-actions-container');
     }
     render() {
-        return (h("div", { key: 'd2f0c7e3760d33d1a162e25091fb38600b551713', class: {
+        return (h("div", { key: 'c8b7d0e895d041a9365af8e9fc7bb50bb5917213', class: {
                 'gux-rich-text-editor-container': true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '6cb5313df385ff2eaf578d1f04f90160165446d4', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderGlobalActions()), h("slot", { key: '34b06313c8c5fc7c0d1aca06fab3e222688c8a78', name: "editor" })));
+            } }, h("div", { key: 'c12eb84731abc0392bc7f8beed93f6e8d682d555', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderGlobalActions()), h("slot", { key: '4be2b4e5e259e2f5510c4bdb64da8505e5a009f1', name: "editor" })));
     }
     get root() { return getElement(this); }
 };

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

@@ -24,7 +24,7 @@ const GuxRowSelect = class {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: 'a7f932cb28e264ed7ef52de679a4ce15bb8547df', "label-position": "screenreader" }, h("input", { key: '9e3ba2d0ac10ca7d63de2afe8cc0dfa11264c49b', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'd53bf44f3486b99f6287ead2ce55136d0c445f52', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'daa20f2fee0514ec67d4738a6e4a937eb51374fe' }, this.i18n('selectTableRow')))));
+        return (h("gux-form-field-checkbox", { key: 'da272e5e8512d2ee689e6bf0e5f077b221b43b7c', "label-position": "screenreader" }, h("input", { key: 'a9fbcf5076077e89c5adf4153ee42576111691eb', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'f9fa7849c5abb31eb19cc3719f3cba55f668c11b', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '1d6e594323a71f9a87f89dfee6cbea2c09e423dd' }, this.i18n('selectTableRow')))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-screen-reader-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-3fc1a6db.js';
+import { t as trackComponent } from './usage-c8be28f5.js';
 
 const guxScreenReaderCss = ".gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";
 const GuxScreenReaderBetaStyle0 = guxScreenReaderCss;
@@ -12,7 +12,7 @@ const GuxScreenReader = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("span", { key: '5faa66e55e3ebc5882090df54f1588aaf80d5979', class: "gux-sr-only" }, h("slot", { key: 'f6d6c305eef26c0f6f78e072b55e7cc1511fe3ac' })));
+        return (h("span", { key: '8fb432d7388caa1a6cd218f8912e0ebf2a5740a2', class: "gux-sr-only" }, h("slot", { key: 'e45f4cbc43482f66d29d413625e2c85e64d34240' })));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-segmented-control-beta.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-b6ca2adc.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
-import { t as trackComponent } from './usage-3fc1a6db.js';
+import { t as trackComponent } from './usage-c8be28f5.js';
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;
@@ -32,7 +32,7 @@ const GuxSegmentedControl = class {
         });
     }
     render() {
-        return (h(Host, { key: '734e7af66b54ad7ec3ea4ebbff4c112776ea7640', role: "group" }, h("slot", { key: 'c1ed62ed43011977f22a7847feec542f1e054148', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'd92279de25eca923eb4a937b43285e72fe01e6db', role: "group" }, h("slot", { key: 'b31f4db1c171864b25aa09fa3b771f170ebd1862', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-segmented-control-item.entry.js

@@ -46,18 +46,18 @@ const GuxSegmentedControlItem = class {
         }
     }
     render() {
-        return (h("div", { key: '62adb0bf4159700506cd14b99153260f784cb551', class: {
+        return (h("div", { key: 'dc46906606d50c91ab22416895539fee3c4b2aad', class: {
                 'gux-container': true,
                 'gux-start': this.isInStartPosition(this.root),
                 'gux-end': this.isInEndPosition(this.root)
-            } }, h("button", { key: '18af6a0c4c057a307374e40cdde031234c67603a', class: {
+            } }, h("button", { key: 'd523cd1a0bffee8bd4089a4818f89c59f8730e65', class: {
                 'gux-segmented-control-item': true,
                 'gux-icon-only': this.iconOnly,
                 'gux-selected': this.selected
-            }, type: "button", disabled: this.disabled }, this.renderIconSlot(), h("div", { key: '082eeacb9d0298b9eef16d9d6d6e7f1744208d85', class: {
+            }, type: "button", disabled: this.disabled }, this.renderIconSlot(), h("div", { key: '14fa53716ca35297ada5a9123df90b450ced14c9', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: 'c4ceb7a0b24bd0157dd40e025ea3d5626a4c2942', name: "text" }))), this.renderTooltip()));
+            } }, h("slot", { key: 'cabd8871458da9377daa62dea1d31662721f82f7', name: "text" }))), this.renderTooltip()));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-3fc1a6db.js';
+import { t as trackComponent } from './usage-c8be28f5.js';
 import { g as getSlottedInput, b as setSlotAriaDescribedby, v as validateFormIds } from './gux-form-field.service-986d3f3f.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
@@ -50,11 +50,11 @@ const GuxSelectorCard = class {
         }
     }
     render() {
-        return (h("div", { key: '5b60d7ada3e594a681fd3f68e9f0cc2c731e0d93', class: {
+        return (h("div", { key: '36e9854a9b1596985a14344e5d382a70b26a3865', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '9e139a97ef02724adfc45b71f76ff9074e9aee00', class: "gux-content" }, h("div", { key: '0b37efa740903195268a61ec36ca7b32cf5b9ec9', class: "gux-icon" }, h("slot", { key: 'f794d384a4037f67b1e8038a97116d122fe20306', name: "icon" })), h("div", { key: '392b31d49762af5949c300d88e7254571fb8e3e1', class: "gux-label-container" }, h("slot", { key: '13d20dfc17e19b98d8e837e7f3e9ce7fa2d6d371', name: "label" })), h("slot", { key: '469ac58ab46d2e1c746f2f593c812f48d0d7b467', name: "input" }), this.renderDescription(), this.renderBadge())));
+            } }, h("div", { key: 'd5c1f7a75deb3cd6e53d29cb8522f69553250fd0', class: "gux-content" }, h("div", { key: '97cc1be3d41db54b76c27f3e243b842efb6915d1', class: "gux-icon" }, h("slot", { key: '260bef000e3a08d67a89aa1cd684df2a06ffec0f', name: "icon" })), h("div", { key: 'adbdd6b5f7149cda9cf5c42dd77e1f6b41a7c68a', class: "gux-label-container" }, h("slot", { key: '1ee7d7e8b6957ba13eaf1c6a573601cdabfe5654', name: "label" })), h("slot", { key: 'd0e27ba586008b9e3bd1fbb970ccf9fabb24b838', name: "input" }), this.renderDescription(), this.renderBadge())));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-selector-cards-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-3fc1a6db.js';
+import { t as trackComponent } from './usage-c8be28f5.js';
 
 const guxSelectorCardsCss = ".gux-selector-cards{display:flex;flex-wrap:wrap;gap:var(--gse-ui-selectorCard-simple-gap)}";
 const GuxSelectorCardsBetaStyle0 = guxSelectorCardsCss;
@@ -12,7 +12,7 @@ const GuxSelectorCards = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '03a212b20ed023ca41a667190c0737888abe881f', class: "gux-selector-cards" }, h("slot", { key: '4915402317cfb8da294e69c6b2724e9618616827' })));
+        return (h("div", { key: 'a344a19a4d45e0a02e4fc305ada701ee8a218ea4', class: "gux-selector-cards" }, h("slot", { key: '42711c8d6c3b618baa9f15de853064348ea01d7d' })));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-3fc1a6db.js';
+import { t as trackComponent } from './usage-c8be28f5.js';
 
 const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:286px;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-icon{flex:0 1 auto;align-self:auto;order:0;padding:8px 12px 8px 16px;margin:2px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon ::slotted(gux-icon){width:16px;height:16px}.gux-message{flex:1 1 auto;align-self:center;order:0;margin:8px 0}.gux-dismiss{margin:4px 0}";
 const GuxSimpleToastLegacyStyle0 = guxSimpleToastCss;
@@ -14,7 +14,7 @@ const GuxSimpleToast = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: 'dfecd2f12bd23315876634dee83edd5e796abcbd' }, h("div", { key: 'deab3d4065b4b8f20a0dee2fd619d2fa5eb4b44b', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '2bb878268d53b5807fb6f9b1601ab38913486a93', name: "icon" })), h("gux-truncate", { key: 'bd8b37abc0270c6fc44ece12ac2e85217dff610e', class: "gux-message", "max-lines": 2 }, h("slot", { key: '8189aa5199fd3057af47d6d8f31d6046ac0f341c', name: "message" })), h("gux-dismiss-button", { key: '344653867fef5264468c2cf91bab6f30eb2fff48', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '25121cb61bea23511d7d6be1b8edc3604a83f993' }, h("div", { key: '927aae1436f6bcae529195d8e2b93c8ef0fda0f8', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '1a1da0bcf07f441c36acd1c98f43d1829c11ae84', name: "icon" })), h("gux-truncate", { key: '075f28ca8032ba31a38da7e852ac40c140bb3d22', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'ddb1ca729b67b482abf6c9efb8291ff2587a3b28', name: "message" })), h("gux-dismiss-button", { key: '1a5702f57280dfdfa46f886500d5086f6d3fddda', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/esm/gux-skip-navigation-item.entry.js

@@ -8,7 +8,7 @@ const GuxSkipNavigationItem = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '7ab0a910f72cdcc0f53efab93812df41b93e3f58', role: "listitem" }, h("slot", { key: '1a0b575cba575a627f166e6a255a1327e0d95a73' })));
+        return (h(Host, { key: '70021d0b28000f24c7ccac622637adef3631efae', role: "listitem" }, h("slot", { key: 'f978c0dbf5fc78d2ef7c9938201f5e3cfc9a9d9d' })));
     }
     static get delegatesFocus() { return true; }
 };

package/dist/esm/gux-skip-navigation-list.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
-import { t as trackComponent } from './usage-3fc1a6db.js';
+import { t as trackComponent } from './usage-c8be28f5.js';
 import './get-closest-element-728b9f18.js';
 
 const navigationName = "Skip links navigation";
@@ -20,7 +20,7 @@ const GuxSkipNavigationList = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '72fa9eed6aa91601b97fee8141af6e99adfc6f4a', class: "gux-container" }, h("nav", { key: '4800af8da6e41d9c8a5ced66d1418fe6a1471adf', "aria-label": this.i18n('navigationName') }, h("ul", { key: '94f535e0cb1ef4f282273311ed4e498c80fe48a2', role: "list" }, h("slot", { key: '8cf87fd337123de70f7243bc51756c1e73a08f43' })))));
+        return (h("div", { key: 'f022a6b85057328d13a1a551115eead682bb2667', class: "gux-container" }, h("nav", { key: '3a4179f19467b9bbc37be9de22de21abe0b419f6', "aria-label": this.i18n('navigationName') }, h("ul", { key: '63c8eed49c9e1d5c83494e03a2a060a7ee06b02b', role: "list" }, h("slot", { key: 'ed9d73ea17dc83467409284a236eb33ed362c3ca' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }