genesys-spark-components 4.0.0-beta.26 → 4.0.0-beta.27

package/dist/esm/{gux-pagination-buttons-beta_2.entry.js → gux-pagination-buttons_3.entry.js}

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-0b66fe2c.js';
 import { b as buildI18nForComponent } from './index-694d55cf.js';
-import { t as translationResources } from './en-5d726a81.js';
+import { t as translationResources } from './en-6c4aef39.js';
 import { b as afterNextRender } from './after-next-render-ed0f7dcd.js';
 import './get-closest-element-1597503c.js';
 
@@ -139,9 +139,9 @@ function getSimpleList(currentPage, totalPages) {
   }
 }
 
-const guxPaginationButtonsBetaCss = "gux-pagination-buttons-beta .gux-pagination-buttons-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);justify-content:flex-end;margin-left:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap)}gux-pagination-buttons-beta .gux-pagination-buttons-container>div{flex:0 1 auto;align-self:auto;order:0}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-group{display:flex;flex-direction:row;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);white-space:nowrap}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container{display:flex;flex-direction:row;flex-shrink:0;flex-wrap:nowrap;align-content:stretch;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);align-items:center;justify-content:center}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-current,gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target{min-width:28px;min-height:24px;padding-left:var(--gse-ui-dataTableItems-tablePagination-padding);padding-right:var(--gse-ui-dataTableItems-tablePagination-padding);margin:0;background:inherit;border:none;font-family:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontFamily);color:var(--gse-ui-dataTableItems-tablePagination-foregroundColor);font-size:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontSize);line-height:var(--gse-ui-dataTableItems-tablePagination-defaultText-lineHeight);font-weight:var(--gse-ui-dataTableItems-tablePagination-currentResultText-fontWeight)}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-current:focus-visible,gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target:focus-visible{outline:var(--gse-semantic-focusRing-width) solid var(--gse-semantic-color-focus);outline-offset:var(--gse-semantic-focusRing-offset);border-radius:calc(var(--gse-semantic-focusRing-cornerRadius) - var(--gse-semantic-focusRing-offset))}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-current{background-color:var(--gse-ui-button-ghost-active-backgroundColor);border-radius:var(--gse-ui-button-borderRadius)}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target{color:var(--gse-ui-button-ghost-default-foregroundColor);cursor:pointer}gux-pagination-buttons-beta .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target:hover{color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor);border-radius:var(--gse-ui-button-borderRadius)}";
+const guxPaginationButtonsCss = "gux-pagination-buttons .gux-pagination-buttons-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);justify-content:flex-end;margin-left:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap)}gux-pagination-buttons .gux-pagination-buttons-container>div{flex:0 1 auto;align-self:auto;order:0}gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-group{display:flex;flex-direction:row;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);white-space:nowrap}gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-list-container{display:flex;flex-direction:row;flex-shrink:0;flex-wrap:nowrap;align-content:stretch;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);align-items:center;justify-content:center}gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-current,gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target{min-width:28px;min-height:24px;padding-left:var(--gse-ui-dataTableItems-tablePagination-padding);padding-right:var(--gse-ui-dataTableItems-tablePagination-padding);margin:0;background:inherit;border:none;font-family:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontFamily);color:var(--gse-ui-dataTableItems-tablePagination-foregroundColor);font-size:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontSize);line-height:var(--gse-ui-dataTableItems-tablePagination-defaultText-lineHeight);font-weight:var(--gse-ui-dataTableItems-tablePagination-currentResultText-fontWeight)}gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-current:focus-visible,gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target:focus-visible{outline:var(--gse-semantic-focusRing-width) solid var(--gse-semantic-color-focus);outline-offset:var(--gse-semantic-focusRing-offset);border-radius:calc(var(--gse-semantic-focusRing-cornerRadius) - var(--gse-semantic-focusRing-offset))}gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-current{background-color:var(--gse-ui-button-ghost-active-backgroundColor);border-radius:var(--gse-ui-button-borderRadius)}gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target{color:var(--gse-ui-button-ghost-default-foregroundColor);cursor:pointer}gux-pagination-buttons .gux-pagination-buttons-container .gux-pagination-buttons-list-container .gux-pagination-buttons-list-target:hover{color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor);border-radius:var(--gse-ui-button-borderRadius)}";
 
-const GuxPaginationButtonsBeta = class {
+const GuxPaginationButtons = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.internalcurrentpagechange = createEvent(this, "internalcurrentpagechange", 3);
@@ -199,18 +199,18 @@ const GuxPaginationButtonsBeta = class {
   }
   get root() { return getElement(this); }
 };
-GuxPaginationButtonsBeta.style = guxPaginationButtonsBetaCss;
+GuxPaginationButtons.style = guxPaginationButtonsCss;
 
 const itemCountDisplay = "{firstItem, number} - {lastItem, number}";
 const totalItems = " of {totalItems, number}";
-const paginationResources = {
+const paginationResources$1 = {
 	itemCountDisplay: itemCountDisplay,
 	totalItems: totalItems
 };
 
-const guxPaginationItemCountsBetaCss = "gux-pagination-item-counts-beta .gux-pagination-item-counts-container{display:flex;flex-direction:row;gap:var(--gse-ui-dataTableItems-tablePagination-countDisplay-gap);white-space:nowrap;font-family:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontFamily);color:var(--gse-ui-dataTableItems-tablePagination-foregroundColor);font-size:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontSize);line-height:var(--gse-ui-dataTableItems-tablePagination-defaultText-lineHeight);font-weight:var(--gse-ui-dataTableItems-tablePagination-currentResultText-fontWeight)}gux-pagination-item-counts-beta .gux-pagination-item-counts-container .gux-pagination-item-counts-range{font-weight:bold}";
+const guxPaginationItemCountsCss = "gux-pagination-item-counts .gux-pagination-item-counts-container{display:flex;flex-direction:row;gap:var(--gse-ui-dataTableItems-tablePagination-countDisplay-gap);white-space:nowrap;font-family:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontFamily);color:var(--gse-ui-dataTableItems-tablePagination-foregroundColor);font-size:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontSize);line-height:var(--gse-ui-dataTableItems-tablePagination-defaultText-lineHeight);font-weight:var(--gse-ui-dataTableItems-tablePagination-currentResultText-fontWeight)}";
 
-const GuxPaginationItemCountsBeta = class {
+const GuxPaginationItemCounts = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.totalItems = 0;
@@ -230,7 +230,7 @@ const GuxPaginationItemCountsBeta = class {
     return Math.min(this.currentPage * this.itemsPerPage, this.totalItems);
   }
   async componentWillLoad() {
-    this.i18n = await buildI18nForComponent(this.root, paginationResources);
+    this.i18n = await buildI18nForComponent(this.root, paginationResources$1);
   }
   getPaginationItemCountsRange() {
     if (this.totalItems) {
@@ -245,6 +245,43 @@ const GuxPaginationItemCountsBeta = class {
   }
   get root() { return getElement(this); }
 };
-GuxPaginationItemCountsBeta.style = guxPaginationItemCountsBetaCss;
+GuxPaginationItemCounts.style = guxPaginationItemCountsCss;
+
+const perPage = "per page";
+const itemsPerPage = "Items per page";
+const rangeSelected = "Items per page dropdown, {range} selected";
+const paginationResources = {
+	perPage: perPage,
+	itemsPerPage: itemsPerPage,
+	rangeSelected: rangeSelected
+};
+
+const guxPaginationItemsPerPageCss = "gux-pagination-items-per-page .gux-pagination-items-per-page-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);align-items:center;justify-content:center}gux-pagination-items-per-page .gux-pagination-items-per-page-container>div{flex:0 1 auto;align-self:auto;order:0;white-space:nowrap}gux-pagination-items-per-page .gux-pagination-items-per-page-container .gux-pagination-items-per-page-picker gux-dropdown{display:inline-block;width:64px}gux-pagination-items-per-page .gux-pagination-items-per-page-container gux-dropdown div.gux-dropdown .gux-options.gux-opened{bottom:100%;display:flex;flex-direction:column-reverse}gux-pagination-items-per-page .gux-pagination-items-per-page-container .gux-pagination-per-page{font-family:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontFamily);color:var(--gse-ui-dataTableItems-tablePagination-foregroundColor);font-size:var(--gse-ui-dataTableItems-tablePagination-defaultText-fontSize);line-height:var(--gse-ui-dataTableItems-tablePagination-defaultText-lineHeight);font-weight:var(--gse-ui-dataTableItems-tablePagination-currentResultText-fontWeight)}";
+
+const GuxPaginationItemsPerPage = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.internalitemsperpagechange = createEvent(this, "internalitemsperpagechange", 3);
+    this.itemsPerPage = 25;
+  }
+  handleChange(event) {
+    event.stopPropagation();
+    const newItemsPerPageValue = parseInt(this.dropdownElement.value, 10);
+    this.internalitemsperpagechange.emit(newItemsPerPageValue);
+  }
+  async componentWillLoad() {
+    this.i18n = await buildI18nForComponent(this.root, paginationResources);
+  }
+  getDropdown() {
+    return (h("gux-dropdown", { ref: el => (this.dropdownElement = el), value: `${this.itemsPerPage}`, "aria-label": this.i18n('rangeSelected', {
+        range: this.itemsPerPage
+      }) }, 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", { class: "gux-pagination-items-per-page-container" }, h("div", { class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+  }
+  get root() { return getElement(this); }
+};
+GuxPaginationItemsPerPage.style = guxPaginationItemsPerPageCss;
 
-export { GuxPaginationButtonsBeta as gux_pagination_buttons_beta, GuxPaginationItemCountsBeta as gux_pagination_item_counts_beta };
+export { GuxPaginationButtons as gux_pagination_buttons, GuxPaginationItemCounts as gux_pagination_item_counts, GuxPaginationItemsPerPage as gux_pagination_items_per_page };

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-0b66fe2c.js';
-import { t as trackComponent } from './usage-f03a9e96.js';
+import { t as trackComponent } from './usage-4e7ef844.js';
 import { b as buildI18nForComponent } from './index-694d55cf.js';
 import './get-closest-element-1597503c.js';
 

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-0b66fe2c.js';
-import { t as trackComponent } from './usage-f03a9e96.js';
+import { t as trackComponent } from './usage-4e7ef844.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;align-content:stretch;align-items:center;justify-content:space-between;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;align-content:stretch;align-items:center;align-self:auto;justify-content:flex-start;order:0;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap)}.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}";
 

package/dist/esm/{gux-pagination-beta.entry.js → gux-pagination.entry.js}

@@ -1,11 +1,11 @@
 import { r as registerInstance, c as createEvent, d as readTask, h, g as getElement } from './index-0b66fe2c.js';
 import { a as afterNextRenderTimeout } from './after-next-render-ed0f7dcd.js';
-import { t as trackComponent } from './usage-f03a9e96.js';
+import { t as trackComponent } from './usage-4e7ef844.js';
 
-const guxPaginationBetaCss = ":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;align-content:stretch;align-items:center;justify-content:space-between;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:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);justify-content:flex-start;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 guxPaginationCss = ":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;align-content:stretch;align-items:center;justify-content:space-between;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:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;align-self:auto;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);justify-content:flex-start;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 minAdvancedSpacerWidth = 24;
-const GuxPaginationBeta = class {
+const GuxPagination = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.guxpaginationchange = createEvent(this, "guxpaginationchange", 7);
@@ -88,10 +88,10 @@ const GuxPaginationBeta = class {
     }, 500);
   }
   render() {
-    return (h("div", { class: "gux-pagination-container" }, h("div", { class: "gux-pagination-info" }, h("gux-pagination-item-counts-beta", { "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page-beta", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { class: "gux-pagination-spacer" }), h("div", { class: "gux-pagination-change" }, h("gux-pagination-buttons-beta", { layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+    return (h("div", { class: "gux-pagination-container" }, h("div", { class: "gux-pagination-info" }, h("gux-pagination-item-counts", { "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { class: "gux-pagination-spacer" }), h("div", { class: "gux-pagination-change" }, h("gux-pagination-buttons", { layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
   }
   get root() { return getElement(this); }
 };
-GuxPaginationBeta.style = guxPaginationBetaCss;
+GuxPagination.style = guxPaginationCss;
 
-export { GuxPaginationBeta as gux_pagination_beta };
+export { GuxPagination as gux_pagination };

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-0b66fe2c.js';
-import { t as trackComponent } from './usage-f03a9e96.js';
+import { t as trackComponent } from './usage-4e7ef844.js';
 import { b as buildI18nForComponent, g as getDesiredLocale } from './index-694d55cf.js';
 import { O as OnClickOutside } from './on-click-outside-bc432a79.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-d16c3f4c.js';

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-0b66fe2c.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-c86d3efa.js';
 import { O as OnClickOutside } from './on-click-outside-bc432a79.js';
-import { t as trackComponent } from './usage-f03a9e96.js';
+import { t as trackComponent } from './usage-4e7ef844.js';
 import { f as findElementById } from './find-element-by-id-7c5f4fbf.js';
 
-const guxPopoverListCss = ".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gux-zindex-popover, 2);display:inline-block;padding:8px 0;color:#2e394c;background-color:#fdfdfd;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:10px;height:10px;background:inherit}.gux-popover-wrapper[data-placement='bottom'] .gux-arrow,.gux-popover-wrapper[data-placement='bottom-start'] .gux-arrow,.gux-popover-wrapper[data-placement='bottom-end'] .gux-arrow{border-top:1px solid #b4bccb;border-left:1px solid #b4bccb}.gux-popover-wrapper[data-placement='top'] .gux-arrow,.gux-popover-wrapper[data-placement='top-start'] .gux-arrow,.gux-popover-wrapper[data-placement='top-end'] .gux-arrow{border-right:1px solid #b4bccb;border-bottom:1px solid #b4bccb}.gux-popover-wrapper[data-placement='left'] .gux-arrow,.gux-popover-wrapper[data-placement='left-start'] .gux-arrow,.gux-popover-wrapper[data-placement='left-end'] .gux-arrow{border-top:1px solid #b4bccb;border-right:1px solid #b4bccb}.gux-popover-wrapper[data-placement='right'] .gux-arrow,.gux-popover-wrapper[data-placement='right-start'] .gux-arrow,.gux-popover-wrapper[data-placement='right-end'] .gux-arrow{border-bottom:1px solid #b4bccb;border-left:1px solid #b4bccb}";
+const guxPopoverListCss = ".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gux-zindex-popover, 2);display:inline-block;padding:8px 0px;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-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)}";
 
 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;

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

@@ -6,7 +6,7 @@ function hasParentElement(selector, baseElement = this) {
   return Boolean(getClosestElement(selector, baseElement));
 }
 
-const guxPopupCss = ".gux-target-container.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-popup-container{position:fixed;background-color:white;width:max-content;visibility:hidden}.gux-popup-container.gux-expanded{visibility:visible}.gux-sr-only-clip: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 guxPopupCss = ".gux-target-container.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-popup-container{position:fixed;background-color:white;z-index:var(--gux-zindex-popup, 1);width:max-content;visibility:hidden}.gux-popup-container.gux-expanded{visibility:visible}.gux-sr-only-clip: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 GuxPopup = class {
   constructor(hostRef) {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-0b66fe2c.js';
 import { b as buildI18nForComponent } from './index-694d55cf.js';
-import { t as trackComponent } from './usage-f03a9e96.js';
+import { t as trackComponent } from './usage-4e7ef844.js';
 import './get-closest-element-1597503c.js';
 
 const loading = "Loading";

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

@@ -1,5 +1,5 @@
 import { h, r as registerInstance, g as getElement } from './index-0b66fe2c.js';
-import { t as trackComponent } from './usage-f03a9e96.js';
+import { t as trackComponent } from './usage-4e7ef844.js';
 import { a as logWarn } from './log-error-e0bbd04a.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-0b66fe2c.js';
 import { s as simulateNativeEvent } from './simulate-native-event-ac69961f.js';
 import { c as clamp } from './clamp-6bdb0367.js';
-import { t as trackComponent } from './usage-f03a9e96.js';
+import { t as trackComponent } from './usage-4e7ef844.js';
 import { a as logWarn } from './log-error-e0bbd04a.js';
 
 const guxRatingCss = ":host{display:inline-flex;user-select:none}:host(:host:focus-visible){outline:var(--gse-ui-focus-width) var(--gse-ui-focus-style) var(--gse-ui-focus-color);outline-offset:1px;box-shadow:0 0 0 1px var(--gse-ui-focus-style)}.gux-rating-star-container{color:var(--gse-ui-ui--rating-default-color)}.gux-rating-star-container.gux-disabled{pointer-events:none;color:var(--gse-ui-rating-disabled-color);opacity:var(--gse-ui-rating-disabled-opacity)}.gux-rating-star-container gux-icon{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)}";

package/dist/esm/gux-region-icon.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, a as getAssetPath, h, g as getElement } from './index-0b66fe2c.js';
-import { t as trackComponent } from './usage-f03a9e96.js';
+import { t as trackComponent } from './usage-4e7ef844.js';
 
 const regionFlagsCss = ".flag-ad{background-image:url();background-position:0px 0px;width:24px;height:24px}.flag-ae{background-image:url();background-position:-24px 0px;width:24px;height:24px}.flag-af{background-image:url();background-position:0px -24px;width:24px;height:24px}.flag-ag{background-image:url();background-position:-24px -24px;width:24px;height:24px}.flag-ai{background-image:url();background-position:-48px 0px;width:24px;height:24px}.flag-al{background-image:url();background-position:-48px -24px;width:24px;height:24px}.flag-am{background-image:url();background-position:0px -48px;width:24px;height:24px}.flag-ao{background-image:url();background-position:-24px -48px;width:24px;height:24px}.flag-ar{background-image:url();background-position:-48px -48px;width:24px;height:24px}.flag-as{background-image:url();background-position:-72px 0px;width:24px;height:24px}.flag-at{background-image:url();background-position:-72px -24px;width:24px;height:24px}.flag-au{background-image:url();background-position:-72px -48px;width:24px;height:24px}.flag-aw{background-image:url();background-position:0px -72px;width:24px;height:24px}.flag-ax{background-image:url();background-position:-24px -72px;width:24px;height:24px}.flag-az{background-image:url();background-position:-48px -72px;width:24px;height:24px}.flag-ba{background-image:url();background-position:-72px -72px;width:24px;height:24px}.flag-bb{background-image:url();background-position:-96px 0px;width:24px;height:24px}.flag-bd{background-image:url();background-position:-96px -24px;width:24px;height:24px}.flag-be{background-image:url();background-position:-96px -48px;width:24px;height:24px}.flag-bf{background-image:url();background-position:-96px -72px;width:24px;height:24px}.flag-bg{background-image:url();background-position:0px -96px;width:24px;height:24px}.flag-bh{background-image:url();background-position:-24px -96px;width:24px;height:24px}.flag-bi{background-image:url();background-position:-48px -96px;width:24px;height:24px}.flag-bj{background-image:url();background-position:-72px -96px;width:24px;height:24px}.flag-bl{background-image:url();background-position:-96px -96px;width:24px;height:24px}.flag-bm{background-image:url();background-position:-120px 0px;width:24px;height:24px}.flag-bn{background-image:url();background-position:-120px -24px;width:24px;height:24px}.flag-bo{background-image:url();background-position:-120px -48px;width:24px;height:24px}.flag-bq{background-image:url();background-position:-120px -72px;width:24px;height:24px}.flag-br{background-image:url();background-position:-120px -96px;width:24px;height:24px}.flag-bs{background-image:url();background-position:0px -120px;width:24px;height:24px}.flag-bt{background-image:url();background-position:-24px -120px;width:24px;height:24px}.flag-bv{background-image:url();background-position:-48px -120px;width:24px;height:24px}.flag-bw{background-image:url();background-position:-72px -120px;width:24px;height:24px}.flag-by{background-image:url();background-position:-96px -120px;width:24px;height:24px}.flag-bz{background-image:url();background-position:-120px -120px;width:24px;height:24px}.flag-ca{background-image:url();background-position:-144px 0px;width:24px;height:24px}.flag-cc{background-image:url();background-position:-144px -24px;width:24px;height:24px}.flag-cd{background-image:url();background-position:-144px -48px;width:24px;height:24px}.flag-cf{background-image:url();background-position:-144px -72px;width:24px;height:24px}.flag-cg{background-image:url();background-position:-144px -96px;width:24px;height:24px}.flag-ch{background-image:url();background-position:-144px -120px;width:24px;height:24px}.flag-ci{background-image:url();background-position:0px -144px;width:24px;height:24px}.flag-ck{background-image:url();background-position:-24px -144px;width:24px;height:24px}.flag-cl{background-image:url();background-position:-48px -144px;width:24px;height:24px}.flag-cm{background-image:url();background-position:-72px -144px;width:24px;height:24px}.flag-cn{background-image:url();background-position:-96px -144px;width:24px;height:24px}.flag-co{background-image:url();background-position:-120px -144px;width:24px;height:24px}.flag-cr{background-image:url();background-position:-144px -144px;width:24px;height:24px}.flag-cu{background-image:url();background-position:-168px 0px;width:24px;height:24px}.flag-cv{background-image:url();background-position:-168px -24px;width:24px;height:24px}.flag-cw{background-image:url();background-position:-168px -48px;width:24px;height:24px}.flag-cx{background-image:url();background-position:-168px -72px;width:24px;height:24px}.flag-cy{background-image:url();background-position:-168px -96px;width:24px;height:24px}.flag-cz{background-image:url();background-position:-168px -120px;width:24px;height:24px}.flag-de{background-image:url();background-position:-168px -144px;width:24px;height:24px}.flag-dj{background-image:url();background-position:0px -168px;width:24px;height:24px}.flag-dk{background-image:url();background-position:-24px -168px;width:24px;height:24px}.flag-dm{background-image:url();background-position:-48px -168px;width:24px;height:24px}.flag-do{background-image:url();background-position:-72px -168px;width:24px;height:24px}.flag-dz{background-image:url();background-position:-96px -168px;width:24px;height:24px}.flag-ec{background-image:url();background-position:-120px -168px;width:24px;height:24px}.flag-ee{background-image:url();background-position:-144px -168px;width:24px;height:24px}.flag-eg{background-image:url();background-position:-168px -168px;width:24px;height:24px}.flag-eh{background-image:url();background-position:-192px 0px;width:24px;height:24px}.flag-er{background-image:url();background-position:-192px -24px;width:24px;height:24px}.flag-es{background-image:url();background-position:-192px -48px;width:24px;height:24px}.flag-et{background-image:url();background-position:-192px -72px;width:24px;height:24px}.flag-fi{background-image:url();background-position:-192px -96px;width:24px;height:24px}.flag-fj{background-image:url();background-position:-192px -120px;width:24px;height:24px}.flag-fk{background-image:url();background-position:-192px -144px;width:24px;height:24px}.flag-fm{background-image:url();background-position:-192px -168px;width:24px;height:24px}.flag-fo{background-image:url();background-position:0px -192px;width:24px;height:24px}.flag-fr{background-image:url();background-position:-24px -192px;width:24px;height:24px}.flag-ga{background-image:url();background-position:-48px -192px;width:24px;height:24px}.flag-gb{background-image:url();background-position:-72px -192px;width:24px;height:24px}.flag-gd{background-image:url();background-position:-96px -192px;width:24px;height:24px}.flag-ge{background-image:url();background-position:-120px -192px;width:24px;height:24px}.flag-gf{background-image:url();background-position:-144px -192px;width:24px;height:24px}.flag-gg{background-image:url();background-position:-168px -192px;width:24px;height:24px}.flag-gh{background-image:url();background-position:-192px -192px;width:24px;height:24px}.flag-gi{background-image:url();background-position:-216px 0px;width:24px;height:24px}.flag-gl{background-image:url();background-position:-216px -24px;width:24px;height:24px}.flag-gm{background-image:url();background-position:-216px -48px;width:24px;height:24px}.flag-gn{background-image:url();background-position:-216px -72px;width:24px;height:24px}.flag-gp{background-image:url();background-position:-216px -96px;width:24px;height:24px}.flag-gq{background-image:url();background-position:-216px -120px;width:24px;height:24px}.flag-gr{background-image:url();background-position:-216px -144px;width:24px;height:24px}.flag-gs{background-image:url();background-position:-216px -168px;width:24px;height:24px}.flag-gt{background-image:url();background-position:-216px -192px;width:24px;height:24px}.flag-gu{background-image:url();background-position:0px -216px;width:24px;height:24px}.flag-gw{background-image:url();background-position:-24px -216px;width:24px;height:24px}.flag-gy{background-image:url();background-position:-48px -216px;width:24px;height:24px}.flag-hk{background-image:url();background-position:-72px -216px;width:24px;height:24px}.flag-hn{background-image:url();background-position:-96px -216px;width:24px;height:24px}.flag-hr{background-image:url();background-position:-120px -216px;width:24px;height:24px}.flag-ht{background-image:url();background-position:-144px -216px;width:24px;height:24px}.flag-hu{background-image:url();background-position:-168px -216px;width:24px;height:24px}.flag-id{background-image:url();background-position:-192px -216px;width:24px;height:24px}.flag-ie{background-image:url();background-position:-216px -216px;width:24px;height:24px}.flag-il{background-image:url();background-position:-240px 0px;width:24px;height:24px}.flag-im{background-image:url();background-position:-240px -24px;width:24px;height:24px}.flag-in{background-image:url();background-position:-240px -48px;width:24px;height:24px}.flag-io{background-image:url();background-position:-240px -72px;width:24px;height:24px}.flag-iq{background-image:url();background-position:-240px -96px;width:24px;height:24px}.flag-ir{background-image:url();background-position:-240px -120px;width:24px;height:24px}.flag-is{background-image:url();background-position:-240px -144px;width:24px;height:24px}.flag-it{background-image:url();background-position:-240px -168px;width:24px;height:24px}.flag-je{background-image:url();background-position:-240px -192px;width:24px;height:24px}.flag-jm{background-image:url();background-position:-240px -216px;width:24px;height:24px}.flag-jo{background-image:url();background-position:0px -240px;width:24px;height:24px}.flag-jp{background-image:url();background-position:-24px -240px;width:24px;height:24px}.flag-ke{background-image:url();background-position:-48px -240px;width:24px;height:24px}.flag-kg{background-image:url();background-position:-72px -240px;width:24px;height:24px}.flag-kh{background-image:url();background-position:-96px -240px;width:24px;height:24px}.flag-ki{background-image:url();background-position:-120px -240px;width:24px;height:24px}.flag-km{background-image:url();background-position:-144px -240px;width:24px;height:24px}.flag-kn{background-image:url();background-position:-168px -240px;width:24px;height:24px}.flag-kp{background-image:url();background-position:-192px -240px;width:24px;height:24px}.flag-kr{background-image:url();background-position:-216px -240px;width:24px;height:24px}.flag-kw{background-image:url();background-position:-240px -240px;width:24px;height:24px}.flag-ky{background-image:url();background-position:-264px 0px;width:24px;height:24px}.flag-kz{background-image:url();background-position:-264px -24px;width:24px;height:24px}.flag-la{background-image:url();background-position:-264px -48px;width:24px;height:24px}.flag-lb{background-image:url();background-position:-264px -72px;width:24px;height:24px}.flag-lc{background-image:url();background-position:-264px -96px;width:24px;height:24px}.flag-li{background-image:url();background-position:-264px -120px;width:24px;height:24px}.flag-lk{background-image:url();background-position:-264px -144px;width:24px;height:24px}.flag-lr{background-image:url();background-position:-264px -168px;width:24px;height:24px}.flag-ls{background-image:url();background-position:-264px -192px;width:24px;height:24px}.flag-lt{background-image:url();background-position:-264px -216px;width:24px;height:24px}.flag-lu{background-image:url();background-position:-264px -240px;width:24px;height:24px}.flag-lv{background-image:url();background-position:0px -264px;width:24px;height:24px}.flag-ly{background-image:url();background-position:-24px -264px;width:24px;height:24px}.flag-ma{background-image:url();background-position:-48px -264px;width:24px;height:24px}.flag-mc{background-image:url();background-position:-72px -264px;width:24px;height:24px}.flag-md{background-image:url();background-position:-96px -264px;width:24px;height:24px}.flag-me{background-image:url();background-position:-120px -264px;width:24px;height:24px}.flag-mf{background-image:url();background-position:-144px -264px;width:24px;height:24px}.flag-mg{background-image:url();background-position:-168px -264px;width:24px;height:24px}.flag-mh{background-image:url();background-position:-192px -264px;width:24px;height:24px}.flag-mk{background-image:url();background-position:-216px -264px;width:24px;height:24px}.flag-ml{background-image:url();background-position:-240px -264px;width:24px;height:24px}.flag-mm{background-image:url();background-position:-264px -264px;width:24px;height:24px}.flag-mn{background-image:url();background-position:-288px 0px;width:24px;height:24px}.flag-mo{background-image:url();background-position:-288px -24px;width:24px;height:24px}.flag-mp{background-image:url();background-position:-288px -48px;width:24px;height:24px}.flag-mq{background-image:url();background-position:-288px -72px;width:24px;height:24px}.flag-mr{background-image:url();background-position:-288px -96px;width:24px;height:24px}.flag-ms{background-image:url();background-position:-288px -120px;width:24px;height:24px}.flag-mt{background-image:url();background-position:-288px -144px;width:24px;height:24px}.flag-mu{background-image:url();background-position:-288px -168px;width:24px;height:24px}.flag-mv{background-image:url();background-position:-288px -192px;width:24px;height:24px}.flag-mw{background-image:url();background-position:-288px -216px;width:24px;height:24px}.flag-mx{background-image:url();background-position:-288px -240px;width:24px;height:24px}.flag-my{background-image:url();background-position:-288px -264px;width:24px;height:24px}.flag-mz{background-image:url();background-position:0px -288px;width:24px;height:24px}.flag-na{background-image:url();background-position:-24px -288px;width:24px;height:24px}.flag-nc{background-image:url();background-position:-48px -288px;width:24px;height:24px}.flag-ne{background-image:url();background-position:-72px -288px;width:24px;height:24px}.flag-nf{background-image:url();background-position:-96px -288px;width:24px;height:24px}.flag-ng{background-image:url();background-position:-120px -288px;width:24px;height:24px}.flag-ni{background-image:url();background-position:-144px -288px;width:24px;height:24px}.flag-nl{background-image:url();background-position:-168px -288px;width:24px;height:24px}.flag-no{background-image:url();background-position:-192px -288px;width:24px;height:24px}.flag-np{background-image:url();background-position:-216px -288px;width:24px;height:24px}.flag-nr{background-image:url();background-position:-240px -288px;width:24px;height:24px}.flag-nu{background-image:url();background-position:-264px -288px;width:24px;height:24px}.flag-nz{background-image:url();background-position:-288px -288px;width:24px;height:24px}.flag-om{background-image:url();background-position:-312px 0px;width:24px;height:24px}.flag-pa{background-image:url();background-position:-312px -24px;width:24px;height:24px}.flag-pe{background-image:url();background-position:-312px -48px;width:24px;height:24px}.flag-pf{background-image:url();background-position:-312px -72px;width:24px;height:24px}.flag-pg{background-image:url();background-position:-312px -96px;width:24px;height:24px}.flag-ph{background-image:url();background-position:-312px -120px;width:24px;height:24px}.flag-pk{background-image:url();background-position:-312px -144px;width:24px;height:24px}.flag-pl{background-image:url();background-position:-312px -168px;width:24px;height:24px}.flag-pm{background-image:url();background-position:-312px -192px;width:24px;height:24px}.flag-pn{background-image:url();background-position:-312px -216px;width:24px;height:24px}.flag-pr{background-image:url();background-position:-312px -240px;width:24px;height:24px}.flag-ps{background-image:url();background-position:-312px -264px;width:24px;height:24px}.flag-pt{background-image:url();background-position:-312px -288px;width:24px;height:24px}.flag-pw{background-image:url();background-position:0px -312px;width:24px;height:24px}.flag-py{background-image:url();background-position:-24px -312px;width:24px;height:24px}.flag-qa{background-image:url();background-position:-48px -312px;width:24px;height:24px}.flag-re{background-image:url();background-position:-72px -312px;width:24px;height:24px}.flag-ro{background-image:url();background-position:-96px -312px;width:24px;height:24px}.flag-rs{background-image:url();background-position:-120px -312px;width:24px;height:24px}.flag-ru{background-image:url();background-position:-144px -312px;width:24px;height:24px}.flag-rw{background-image:url();background-position:-168px -312px;width:24px;height:24px}.flag-sa{background-image:url();background-position:-192px -312px;width:24px;height:24px}.flag-sb{background-image:url();background-position:-216px -312px;width:24px;height:24px}.flag-sc{background-image:url();background-position:-240px -312px;width:24px;height:24px}.flag-sd{background-image:url();background-position:-264px -312px;width:24px;height:24px}.flag-se{background-image:url();background-position:-288px -312px;width:24px;height:24px}.flag-sg{background-image:url();background-position:-312px -312px;width:24px;height:24px}.flag-sh{background-image:url();background-position:-336px 0px;width:24px;height:24px}.flag-si{background-image:url();background-position:-336px -24px;width:24px;height:24px}.flag-sj{background-image:url();background-position:-336px -48px;width:24px;height:24px}.flag-sk{background-image:url();background-position:-336px -72px;width:24px;height:24px}.flag-sl{background-image:url();background-position:-336px -96px;width:24px;height:24px}.flag-sm{background-image:url();background-position:-336px -120px;width:24px;height:24px}.flag-sn{background-image:url();background-position:-336px -144px;width:24px;height:24px}.flag-so{background-image:url();background-position:-336px -168px;width:24px;height:24px}.flag-sr{background-image:url();background-position:-336px -192px;width:24px;height:24px}.flag-ss{background-image:url();background-position:-336px -216px;width:24px;height:24px}.flag-st{background-image:url();background-position:-336px -240px;width:24px;height:24px}.flag-sv{background-image:url();background-position:-336px -264px;width:24px;height:24px}.flag-sx{background-image:url();background-position:-336px -288px;width:24px;height:24px}.flag-sy{background-image:url();background-position:-336px -312px;width:24px;height:24px}.flag-sz{background-image:url();background-position:0px -336px;width:24px;height:24px}.flag-tc{background-image:url();background-position:-24px -336px;width:24px;height:24px}.flag-td{background-image:url();background-position:-48px -336px;width:24px;height:24px}.flag-tg{background-image:url();background-position:-72px -336px;width:24px;height:24px}.flag-th{background-image:url();background-position:-96px -336px;width:24px;height:24px}.flag-tj{background-image:url();background-position:-120px -336px;width:24px;height:24px}.flag-tk{background-image:url();background-position:-144px -336px;width:24px;height:24px}.flag-tl{background-image:url();background-position:-168px -336px;width:24px;height:24px}.flag-tm{background-image:url();background-position:-192px -336px;width:24px;height:24px}.flag-tn{background-image:url();background-position:-216px -336px;width:24px;height:24px}.flag-to{background-image:url();background-position:-240px -336px;width:24px;height:24px}.flag-tr{background-image:url();background-position:-264px -336px;width:24px;height:24px}.flag-tt{background-image:url();background-position:-288px -336px;width:24px;height:24px}.flag-tv{background-image:url();background-position:-312px -336px;width:24px;height:24px}.flag-tw{background-image:url();background-position:-336px -336px;width:24px;height:24px}.flag-tz{background-image:url();background-position:-360px 0px;width:24px;height:24px}.flag-ua{background-image:url();background-position:-360px -24px;width:24px;height:24px}.flag-ug{background-image:url();background-position:-360px -48px;width:24px;height:24px}.flag-us{background-image:url();background-position:-360px -72px;width:24px;height:24px}.flag-uy{background-image:url();background-position:-360px -96px;width:24px;height:24px}.flag-uz{background-image:url();background-position:-360px -120px;width:24px;height:24px}.flag-va{background-image:url();background-position:-360px -144px;width:24px;height:24px}.flag-vc{background-image:url();background-position:-360px -168px;width:24px;height:24px}.flag-ve{background-image:url();background-position:-360px -192px;width:24px;height:24px}.flag-vg{background-image:url();background-position:-360px -216px;width:24px;height:24px}.flag-vi{background-image:url();background-position:-360px -240px;width:24px;height:24px}.flag-vn{background-image:url();background-position:-360px -264px;width:24px;height:24px}.flag-vu{background-image:url();background-position:-360px -288px;width:24px;height:24px}.flag-wf{background-image:url();background-position:-360px -312px;width:24px;height:24px}.flag-ws{background-image:url();background-position:-360px -336px;width:24px;height:24px}.flag-xk{background-image:url();background-position:0px -360px;width:24px;height:24px}.flag-ye{background-image:url();background-position:-24px -360px;width:24px;height:24px}.flag-yt{background-image:url();background-position:-48px -360px;width:24px;height:24px}.flag-za{background-image:url();background-position:-72px -360px;width:24px;height:24px}.flag-zm{background-image:url();background-position:-96px -360px;width:24px;height:24px}.flag-zw{background-image:url();background-position:-120px -360px;width:24px;height:24px}.flag{display:inline-block}";
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-0b66fe2c.js';
-import { t as trackComponent } from './usage-f03a9e96.js';
+import { t as trackComponent } from './usage-4e7ef844.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}";
 

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-0b66fe2c.js';
-import { t as trackComponent } from './usage-f03a9e96.js';
+import { t as trackComponent } from './usage-4e7ef844.js';
 
 const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content: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}";
 

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-0b66fe2c.js';
 
-const guxSkipNavigationItemCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host(:focus-within){position:inherit;top:inherit;left:inherit;width:inherit;height:inherit;overflow:inherit}::slotted(a){padding:12px;font-size:2rem;background-color:#fdfdfd;box-shadow:0 8px 24px rgba(32, 41, 55, 0.4), 0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff !important}";
+const guxSkipNavigationItemCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host(:focus-within){position:inherit;top:inherit;left:inherit;width:inherit;height:inherit;overflow:inherit}::slotted(a){padding:12px;font-size:2rem;background-color:#fdfdfd;box-shadow:0 8px 24px fade(#202937, 40%), 0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff !important}";
 
 const GuxSkipNavigationItem = class {
   constructor(hostRef) {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-0b66fe2c.js';
 import { b as buildI18nForComponent } from './index-694d55cf.js';
-import { t as trackComponent } from './usage-f03a9e96.js';
+import { t as trackComponent } from './usage-4e7ef844.js';
 import './get-closest-element-1597503c.js';
 
 const navigationName = "Skip links navigation";

package/dist/esm/gux-sort-control.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-0b66fe2c.js';
 import { b as buildI18nForComponent } from './index-694d55cf.js';
-import { t as trackComponent } from './usage-f03a9e96.js';
+import { t as trackComponent } from './usage-4e7ef844.js';
 import { g as getClosestElement } from './get-closest-element-1597503c.js';
 import { o as onMutation } from './on-mutation-d500715c.js';
 import { t as tableResources } from './en-5ed282a0.js';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-0b66fe2c.js';
 
-const guxSwitchItemCss = "gux-switch-item>.gux-switch-item{font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;font:unset;color:#2e394c;text-align:center;background:none;border:none;outline:none}gux-switch-item>.gux-switch-item>gux-icon svg{fill:#99a4b8}gux-switch-item[disabled]{pointer-events:none;opacity:0.5}gux-switch-item.gux-selected{font-family:Roboto, sans-serif;font-weight:400;font-weight:700}gux-switch>gux-switch-item .gux-switch-item{padding:0 8px 4px;border-bottom:1px solid #e2e6ee}gux-switch>gux-switch-item .gux-switch-item:focus-visible,gux-switch>gux-switch-item .gux-switch-item:hover{padding:0 8px 1px;border-bottom:4px solid #2a60c8;outline:none}gux-switch>gux-switch-item .gux-switch-item:focus-visible>gux-icon svg,gux-switch>gux-switch-item .gux-switch-item:hover>gux-icon svg{fill:#2e394c}gux-switch>gux-switch-item .gux-switch-item>gux-icon{width:32px;height:32px}gux-switch>gux-switch-item.gux-selected .gux-switch-item{padding:0 8px 1px;border-bottom:4px solid #2a60c8}gux-switch>gux-switch-item.gux-selected .gux-switch-item>gux-icon svg{fill:#2e394c}gux-switch.gux-small>gux-switch-item .gux-switch-item{font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px;padding:0 4px;border-bottom:1px solid #e2e6ee}gux-switch.gux-small>gux-switch-item .gux-switch-item:focus-visible,gux-switch.gux-small>gux-switch-item .gux-switch-item:hover{border-bottom-color:#2e394c}gux-switch.gux-small>gux-switch-item .gux-switch-item>gux-icon{width:24px;height:24px}gux-switch.gux-small>gux-switch-item.gux-selected .gux-switch-item{border-bottom-color:#2e394c}";
+const guxSwitchItemCss = ".gux-focus-ring-focused:focus{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-focused-within:focus-within{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-focused-visible:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-small-focused:focus{outline:2px solid #aac9ff;outline-offset:0}.gux-focus-ring-small-focused-within:focus-within{outline:2px solid #aac9ff;outline-offset:0}.gux-focus-ring-small-focused-visible:focus-visible{outline:2px solid #aac9ff;outline-offset:0}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:url(\"./fonts/roboto-v20-latin-300.eot\");src:local(\"Roboto Light\"), local(\"Roboto-Light\"), url(\"./fonts/roboto-v20-latin-300.eot?#iefix\") format(\"embedded-opentype\"), url(\"./fonts/roboto-v20-latin-300.woff2\") format(\"woff2\"), url(\"./fonts/roboto-v20-latin-300.woff\") format(\"woff\"), url(\"./fonts/roboto-v20-latin-300.ttf\") format(\"truetype\"), url(\"./fonts/roboto-v20-latin-300.svg#Roboto\") format(\"svg\");}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(\"./fonts/roboto-v20-latin-regular.eot\");src:local(\"Roboto\"), local(\"Roboto-Regular\"), url(\"./fonts/roboto-v20-latin-regular.eot?#iefix\") format(\"embedded-opentype\"), url(\"./fonts/roboto-v20-latin-regular.woff2\") format(\"woff2\"), url(\"./fonts/roboto-v20-latin-regular.woff\") format(\"woff\"), url(\"./fonts/roboto-v20-latin-regular.ttf\") format(\"truetype\"), url(\"./fonts/roboto-v20-latin-regular.svg#Roboto\") format(\"svg\");}@font-face{font-family:Roboto;font-style:italic;font-weight:400;src:url(\"./fonts/roboto-v20-latin-italic.eot\");src:local(\"Roboto Italic\"), local(\"Roboto-Italic\"), url(\"./fonts/roboto-v20-latin-italic.eot?#iefix\") format(\"embedded-opentype\"), url(\"./fonts/roboto-v20-latin-italic.woff2\") format(\"woff2\"), url(\"./fonts/roboto-v20-latin-italic.woff\") format(\"woff\"), url(\"./fonts/roboto-v20-latin-italic.ttf\") format(\"truetype\"), url(\"./fonts/roboto-v20-latin-italic.svg#Roboto\") format(\"svg\");}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url(\"./fonts/roboto-v20-latin-700.eot\");src:local(\"Roboto Bold\"), local(\"Roboto-Bold\"), url(\"./fonts/roboto-v20-latin-700.eot?#iefix\") format(\"embedded-opentype\"), url(\"./fonts/roboto-v20-latin-700.woff2\") format(\"woff2\"), url(\"./fonts/roboto-v20-latin-700.woff\") format(\"woff\"), url(\"./fonts/roboto-v20-latin-700.ttf\") format(\"truetype\"), url(\"./fonts/roboto-v20-latin-700.svg#Roboto\") format(\"svg\");}body{font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px}h1{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:24px;line-height:32px}h2{font-family:Roboto, sans-serif;font-weight:400;font-weight:300;font-size:18px;line-height:24px}h3{font-family:Roboto, sans-serif;font-weight:400;font-weight:700;font-size:14px;line-height:20px}h4,h5,h6{font-family:Roboto, sans-serif;font-weight:400;font-size:14px;line-height:20px}.gux-icon-anchor gux-icon{padding-right:2px}a{color:#2a60c8;text-decoration:underline;border-radius:2px}a:hover{color:#2754ac}a:active{color:#23478f}a:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}table a{color:#2a60c8;text-decoration:underline;border-radius:2px;text-decoration:none}table a:hover{color:#2754ac}table a:active{color:#23478f}table a:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}gux-switch-item>.gux-switch-item{font-family:Roboto, sans-serif;font-weight:400;font-size:12px;line-height:20px;font:unset;color:#2e394c;text-align:center;background:none;border:none;outline:none}gux-switch-item>.gux-switch-item>gux-icon svg{fill:#99a4b8}gux-switch-item[disabled]{pointer-events:none;opacity:0.5}gux-switch-item.gux-selected{font-family:Roboto, sans-serif;font-weight:400;font-weight:700}gux-switch>gux-switch-item .gux-switch-item{padding:0 8px 4px;border-bottom:1px solid #e2e6ee}gux-switch>gux-switch-item .gux-switch-item:focus-visible,gux-switch>gux-switch-item .gux-switch-item:hover{padding:0 8px 1px;border-bottom:4px solid #2a60c8;outline:none}gux-switch>gux-switch-item .gux-switch-item:focus-visible>gux-icon svg,gux-switch>gux-switch-item .gux-switch-item:hover>gux-icon svg{fill:#2e394c}gux-switch>gux-switch-item .gux-switch-item>gux-icon{width:32px;height:32px}gux-switch>gux-switch-item.gux-selected .gux-switch-item{padding:0 8px 1px;border-bottom:4px solid #2a60c8}gux-switch>gux-switch-item.gux-selected .gux-switch-item>gux-icon svg{fill:#2e394c}gux-switch.gux-small>gux-switch-item .gux-switch-item{font-family:Roboto, sans-serif;font-weight:400;font-size:11px;line-height:16px;padding:0 4px;border-bottom:1px solid #e2e6ee}gux-switch.gux-small>gux-switch-item .gux-switch-item:focus-visible,gux-switch.gux-small>gux-switch-item .gux-switch-item:hover{border-bottom-color:#2e394c}gux-switch.gux-small>gux-switch-item .gux-switch-item>gux-icon{width:24px;height:24px}gux-switch.gux-small>gux-switch-item.gux-selected .gux-switch-item{border-bottom-color:#2e394c}";
 
 const GuxSwitchItem = class {
   constructor(hostRef) {

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-0b66fe2c.js';
 import { s as simulateNativeEvent } from './simulate-native-event-ac69961f.js';
-import { t as trackComponent } from './usage-f03a9e96.js';
+import { t as trackComponent } from './usage-4e7ef844.js';
 
-const guxSwitchCss = "gux-switch{display:flex;align-items:flex-end}";
+const guxSwitchCss = ":host{display:flex;align-items:flex-end}";
 
 const GuxSwitch = class {
   constructor(hostRef) {

package/dist/esm/gux-tab-panel.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h } from './index-0b66fe2c.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-0b66fe2c.js';
 
-const guxTabPanelCss = "gux-tab-panel div[role='tabpanel']:focus{outline:none}gux-tab-panel div[role='tabpanel']:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}";
+const guxTabPanelCss = ".gux-focus-ring-focused:focus{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-focused-within:focus-within{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-focused-visible:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-focus-ring-small-focused:focus{outline:2px solid #aac9ff;outline-offset:0}.gux-focus-ring-small-focused-within:focus-within{outline:2px solid #aac9ff;outline-offset:0}.gux-focus-ring-small-focused-visible:focus-visible{outline:2px solid #aac9ff;outline-offset:0}:host{height:calc(100% - 57px)}:host(:not([hidden])){display:flex;flex-grow:1}:host(:focus){outline:none}:host(:focus-visible){outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}";
 
 const GuxTabPanel = class {
   constructor(hostRef) {
@@ -19,7 +19,7 @@ const GuxTabPanel = class {
     }
   }
   render() {
-    return (h("div", { id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", null)));
+    return (h(Host, { id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", null)));
   }
   static get watchers() { return {
     "active": ["watchActivePanel"]

package/dist/esm/gux-table-toolbar-action.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-0b66fe2c.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-d2512ec0.js';
-import { t as trackComponent } from './usage-f03a9e96.js';
+import { t as trackComponent } from './usage-4e7ef844.js';
 import { b as buildI18nForComponent } from './index-694d55cf.js';
 import './get-closest-element-1597503c.js';
 

package/dist/esm/gux-table-toolbar-custom-action.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-0b66fe2c.js';
-import { t as trackComponent } from './usage-f03a9e96.js';
+import { t as trackComponent } from './usage-4e7ef844.js';
 import { g as getSlotTextContent } from './get-slot-text-content-2e086993.js';
 
 const guxTableToolbarCustomActionCss = ":host([disabled]),button[disabled]{pointer-events:none}.gux-sr-only{display:flex}.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}.gux-action-title{display:flex;flex-direction:row;gap:var(--gse-ui-button-gap);align-items:center}.gux-action-title slot[name=icon]::slotted(gux-icon){width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}";

package/dist/esm/gux-table-toolbar-menu-button.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-0b66fe2c.js';
-import { t as trackComponent } from './usage-f03a9e96.js';
+import { t as trackComponent } from './usage-4e7ef844.js';
 import { O as OnClickOutside } from './on-click-outside-bc432a79.js';
 import { b as buildI18nForComponent } from './index-694d55cf.js';
 import { b as afterNextRender } from './after-next-render-ed0f7dcd.js';

package/dist/esm/gux-table-toolbar.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, d as readTask, h, H as Host, g as getElement } from './index-0b66fe2c.js';
 import { O as OnResize } from './on-resize-7177429a.js';
 import { O as OnMutation } from './on-mutation-8c8b2331.js';
-import { t as trackComponent } from './usage-f03a9e96.js';
+import { t as trackComponent } from './usage-4e7ef844.js';
 import { g as getSlot } from './get-slot-52d073f3.js';
 
 /**

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, f as forceUpdate, d as readTas
 import { b as buildI18nForComponent } from './index-694d55cf.js';
 import { w as whenEventIsFrom } from './when-event-is-from-18667084.js';
 import { r as randomHTMLId } from './random-html-id-8e3f658c.js';
-import { t as trackComponent } from './usage-f03a9e96.js';
+import { t as trackComponent } from './usage-4e7ef844.js';
 import { t as tableResources } from './en-5ed282a0.js';
 import './get-closest-element-1597503c.js';
 

package/dist/esm/gux-tabs-advanced.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0b66fe2c.js';
-import { t as trackComponent } from './usage-f03a9e96.js';
+import { t as trackComponent } from './usage-4e7ef844.js';
 
 const guxTabsAdvancedCss = "gux-tabs-advanced{-custom-noop:noop}";
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0b66fe2c.js';
-import { t as trackComponent } from './usage-f03a9e96.js';
+import { t as trackComponent } from './usage-4e7ef844.js';
 
 const guxTabsCss = ":host(.gux-flex){display:flex;flex-direction:column}:host(.gux-flex) .gux-tabs{display:flex;flex-direction:column;height:100%}:host(.gux-flex) .gux-panel-container{display:flex;flex-direction:column;height:100%}.gux-tabs.gux-vertical{display:flex;height:100%}";
 

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

@@ -0,0 +1,76 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-0b66fe2c.js';
+import { b as buildI18nForComponent } from './index-694d55cf.js';
+import { t as trackComponent } from './usage-4e7ef844.js';
+import './get-closest-element-1597503c.js';
+
+const tag = "tag with label: {label}";
+const tagResources = {
+	tag: tag,
+	"tag-disabled": "disabled tag with label: {label}",
+	"remove-tag": "Remove tag with label: {label}"
+};
+
+const guxTagCss = ":host{display:inline-block;border-radius:var(--gse-ui-tag-height)}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;justify-content:flex-start;font-family:var(--gse-ui-tag-text-fontFamily);font-weight:var(--gse-ui-tag-text-fontWeight, 600);line-height:var(--gse-ui-tag-text-lineHeight);font-size:var(--gse-ui-tag-text-fontSize);background-color:var(--gse-ui-tag-default-backgroundColor);color:var(--gse-ui-tag-default-foregroundColor);border-radius:var(--gse-ui-tag-height);gap:var(--gse-ui-tag-removable-gap);height:var(--gse-ui-tag-height);padding:var(--gse-ui-tag-padding)}.gux-tag.gux-disabled{position:relative}.gux-tag.gux-disabled::before{position:absolute;bottom:0;top:0;left:0;right:0;opacity:0.5;background-color:#ffffff;border-radius:var(--gse-ui-tag-height);content:\"\"}.gux-tag gux-tooltip-title{white-space:nowrap;cursor:default}.gux-tag gux-tooltip-title ::slotted(gux-icon){font-size:var(--gse-ui-tag-button-size)}.gux-tag .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}.gux-tag .gux-tag-remove-button{all:unset;display:flex;align-content:center;align-items:center;justify-content:center}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button .gux-tag-remove-icon{width:var(--gse-ui-tag-button-size);height:var(--gse-ui-tag-button-size);margin-right:-4px}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline:2px solid #7b88f7;outline-offset:0;border-radius:4px}.gux-tag.gux-accent-default{background-color:var(--gse-ui-tag-default-backgroundColor);color:var(--gse-ui-tag-default-foregroundColor)}.gux-tag.gux-accent-1{background-color:var(--gse-ui-tag-accent1-backgroundColor);color:var(--gse-ui-tag-accent1-foregroundColor)}.gux-tag.gux-accent-2{background-color:var(--gse-ui-tag-accent2-backgroundColor);color:var(--gse-ui-tag-accent2-foregroundColor)}.gux-tag.gux-accent-3{background-color:var(--gse-ui-tag-accent3-backgroundColor);color:var(--gse-ui-tag-accent3-foregroundColor)}.gux-tag.gux-accent-4{background-color:var(--gse-ui-tag-accent4-backgroundColor);color:var(--gse-ui-tag-accent4-foregroundColor)}.gux-tag.gux-accent-5{background-color:var(--gse-ui-tag-accent5-backgroundColor);color:var(--gse-ui-tag-accent5-foregroundColor)}.gux-tag.gux-accent-6{background-color:var(--gse-ui-tag-accent6-backgroundColor);color:var(--gse-ui-tag-accent6-foregroundColor)}.gux-tag.gux-accent-7{background-color:var(--gse-ui-tag-accent7-backgroundColor);color:var(--gse-ui-tag-accent7-foregroundColor)}.gux-tag.gux-accent-8{background-color:var(--gse-ui-tag-accent8-backgroundColor);color:var(--gse-ui-tag-accent8-foregroundColor)}.gux-tag.gux-accent-9{background-color:var(--gse-ui-tag-accent9-backgroundColor);color:var(--gse-ui-tag-accent9-foregroundColor)}.gux-tag.gux-accent-10{background-color:var(--gse-ui-tag-accent10-backgroundColor);color:var(--gse-ui-tag-accent10-foregroundColor)}.gux-tag.gux-accent-inherit{background-color:inherit;color:inherit}";
+
+const GuxTag = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.guxdelete = createEvent(this, "guxdelete", 7);
+    this.value = undefined;
+    this.accent = 'default';
+    this.disabled = false;
+    this.removable = false;
+    this.label = undefined;
+  }
+  onKeyDown(event) {
+    switch (event.key) {
+      case 'Backspace':
+      case 'Delete':
+        this.removeTag();
+    }
+  }
+  removeTag() {
+    if (this.disabled || !this.removable) {
+      return;
+    }
+    this.guxdelete.emit(this.value);
+  }
+  onSlotChange(event) {
+    const slotAssignedNodes = event.composedPath()[0].assignedNodes();
+    this.label = slotAssignedNodes
+      .map(nodeItem => nodeItem.textContent)
+      .join('');
+  }
+  renderTagTitle() {
+    return (h("gux-tooltip-title", null, h("span", null, h("slot", { "aria-hidden": "true", onSlotchange: this.onSlotChange.bind(this) }))));
+  }
+  renderSrText() {
+    return (h("div", { class: "gux-sr-only" }, this.disabled
+      ? this.i18n('tag-disabled', { label: this.label })
+      : this.i18n('tag', { label: this.label })));
+  }
+  renderRemoveButton() {
+    if (this.removable) {
+      return (h("button", { class: "gux-tag-remove-button", onClick: this.removeTag.bind(this), type: "button", disabled: this.disabled }, h("gux-icon", { class: "gux-tag-remove-icon", "icon-name": "close", "screenreader-text": this.i18n('remove-tag', { label: this.label }) })));
+    }
+  }
+  componentWillLoad() {
+    trackComponent(this.root, {
+      variant: this.removable ? 'removable' : 'permenant'
+    });
+  }
+  async componentWillRender() {
+    this.i18n = await buildI18nForComponent(this.root, tagResources);
+  }
+  render() {
+    return (h("div", { class: {
+        'gux-tag': true,
+        [`gux-accent-${this.accent}`]: true,
+        'gux-disabled': this.disabled
+      }, "aria-disabled": this.disabled.toString() }, this.renderTagTitle(), this.renderSrText(), this.renderRemoveButton()));
+  }
+  get root() { return getElement(this); }
+};
+GuxTag.style = guxTagCss;
+
+export { GuxTag as gux_tag };

package/dist/esm/gux-text-highlight.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-0b66fe2c.js';
-import { t as trackComponent } from './usage-f03a9e96.js';
+import { t as trackComponent } from './usage-4e7ef844.js';
 
 const conversion = /[ +]/g;
 const expressions = new Map();

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-0b66fe2c.js';
-import { t as trackComponent } from './usage-f03a9e96.js';
+import { t as trackComponent } from './usage-4e7ef844.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-4b39f118.js';
 import { g as getDesiredLocale } from './index-694d55cf.js';
 import './get-closest-element-1597503c.js';

package/dist/esm/gux-time-picker.entry.js

@@ -3,7 +3,7 @@ import { O as OnClickOutside } from './on-click-outside-bc432a79.js';
 import { s as simulateNativeEvent } from './simulate-native-event-ac69961f.js';
 import { b as afterNextRender } from './after-next-render-ed0f7dcd.js';
 import { g as getDesiredLocale, b as buildI18nForComponent } from './index-694d55cf.js';
-import { t as trackComponent } from './usage-f03a9e96.js';
+import { t as trackComponent } from './usage-4e7ef844.js';
 import './get-closest-element-1597503c.js';
 
 const am = "AM";

package/dist/esm/gux-time-zone-picker-beta.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-0b66fe2c.js';
 import { b as buildI18nForComponent } from './index-694d55cf.js';
-import { t as trackComponent } from './usage-f03a9e96.js';
+import { t as trackComponent } from './usage-4e7ef844.js';
 import { s as simulateNativeEvent } from './simulate-native-event-ac69961f.js';
 import './get-closest-element-1597503c.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-0b66fe2c.js';
-import { t as trackComponent } from './usage-f03a9e96.js';
+import { t as trackComponent } from './usage-4e7ef844.js';
 import { h as hasSlot } from './has-slot-062ae63a.js';
 
 const guxToastCss = ".gux-toast{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;gap:var(--gse-ui-toast-gap);width:var(--gse-ui-toast-wrappingWidth);padding:var(--gse-ui-toast-margin);margin-bottom:var(--gse-ui-toast-stacking-gap);border-radius:var(--gse-ui-toast-borderRadius);box-shadow:var(--gse-ui-toast-boxShadow-x) var(--gse-ui-toast-boxShadow-y) var(--gse-ui-toast-boxShadow-blur) var(--gse-ui-toast-boxShadow-spread) var(--gse-ui-toast-boxShadow-color)}.gux-toast .gux-icon ::slotted(gux-icon){width:var(--gse-ui-toast-icon) !important;height:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon gux-icon{width:var(--gse-ui-toast-icon) !important;height:var(--gse-ui-toast-icon) !important}.gux-toast .gux-icon.gux-icon-error{color:var(--gse-ui-toast-error-iconColor)}.gux-toast .gux-icon.gux-icon-warning{color:var(--gse-ui-toast-warning-iconColor)}.gux-toast .gux-icon.gux-icon-success{color:var(--gse-ui-toast-success-iconColor)}.gux-toast .gux-icon.gux-icon-info{color:var(--gse-ui-toast-info-iconColor)}.gux-toast .gux-icon.gux-icon-action{color:var(--gse-ui-toast-action-iconColor)}.gux-toast .gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-content:stretch;align-items:flex-start;align-self:auto;justify-content:flex-start;order:0;gap:var(--gse-ui-toast-gapButton)}.gux-toast .gux-content .gux-message{display:flex;flex-direction:column;gap:var(--gse-ui-toast-gapText)}.gux-toast .gux-content .gux-message .gux-message-title{font-family:var(--gse-ui-toast-heading-fontFamily);line-height:var(--gse-ui-toast-heading-lineHeight);font-size:var(--gse-ui-toast-heading-fontSize);font-weight:var(--gse-ui-toast-heading-fontWeight)}.gux-toast .gux-content .gux-message .gux-message-body{font-family:var(--gse-ui-toast-text-fontFamily);line-height:var(--gse-ui-toast-text-lineHeight);font-size:var(--gse-ui-toast-text-fontSize)}.gux-toast .gux-content .gux-buttons-bar{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;gap:var(--gse-ui-toast-buttonBar-gap)}.gux-toast.gux-toast-success{background-color:var(--gse-ui-toast-success-backgroundColor)}.gux-toast.gux-toast-success .gux-message{color:var(--gse-ui-toast-success-foregroundColor)}.gux-toast.gux-toast-warning{background-color:var(--gse-ui-toast-warning-backgroundColor)}.gux-toast.gux-toast-warning .gux-message{color:var(--gse-ui-toast-warning-foregroundColor)}.gux-toast.gux-toast-error{background-color:var(--gse-ui-toast-error-backgroundColor)}.gux-toast.gux-toast-error .gux-message{color:var(--gse-ui-toast-error-foregroundColor)}.gux-toast.gux-toast-info{background-color:var(--gse-ui-toast-info-backgroundColor)}.gux-toast.gux-toast-info .gux-message{color:var(--gse-ui-toast-info-foregroundColor)}.gux-toast.gux-toast-action{background-color:var(--gse-ui-toast-action-backgroundColor)}.gux-toast.gux-toast-action .gux-message{color:var(--gse-ui-toast-action-foregroundColor)}";