npm - genesys-spark-components - Versions diffs - 4.42.0 → 4.44.0 - Mend

genesys-spark-components 4.42.0 → 4.44.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (522) hide show

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-4a59909a.js';
+import { t as trackComponent } from './usage-abb55973.js';
 const guxButtonCss = ":host{display:inline-block;pointer-events:none;-webkit-user-select:none;user-select:none}:host(:focus){outline:none}:host(:focus) button{outline:none}::slotted(gux-icon){inline-size:var(--gse-ui-button-icon-size);block-size:var(--gse-ui-button-icon-size)}::slotted(*){padding-inline-start:var(--gse-core-spacing-3xs);vertical-align:middle}::slotted(*:first-child){padding:0}button{font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-icon-only-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;color:var(--gse-ui-button-secondary-default-foregroundColor);text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:pointer;background-color:var(--gse-ui-button-secondary-default-backgroundColor);border:none;border-radius:var(--gse-ui-button-borderRadius)}button.gux-icon-only{display:inline-flex;padding:var(--gse-ui-button-default-paddingIconOnly)}button[disabled]{cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}button:hover:enabled{color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}button:active:enabled{color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}button:focus-visible:enabled{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}button.gux-primary{color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}button.gux-primary:hover:enabled{color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}button.gux-primary:active:enabled{color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}button.gux-tertiary{color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width)}button.gux-tertiary.gux-icon-only{padding:calc(var(--gse-ui-button-default-paddingIconOnly) - var(--gse-ui-button-tertiary-default-border-width))}button.gux-tertiary:hover:enabled{color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}button.gux-tertiary:active:enabled{color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}button.gux-ghost{color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}button.gux-ghost:hover:enabled{color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}button.gux-ghost:active:enabled{color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}button.gux-danger{color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}button.gux-danger:hover:enabled{color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}button.gux-danger:active:enabled{color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}button.gux-inline{min-inline-size:initial;block-size:initial;padding:0;color:var(--gse-ui-link-default-foregroundColor);background:none;border:none}button.gux-inline[disabled]{color:var(--gse-ui-link-disabled-foregroundColor)}button.gux-inline:hover:enabled{color:var(--gse-ui-link-hover-foregroundColor);text-decoration:underline;background:none}button.gux-inline:active:enabled{color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}";
 const GuxButtonStyle0 = guxButtonCss;
@@ -20,10 +20,10 @@ const GuxButton = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("button", { key: '1b96afabe4c1a626fa72e0103f1aded1ed0f7e9f', type: this.type, title: this.guxTitle, disabled: this.disabled, class: {
+        return (h("button", { key: 'a158ec6525941e165da26d57851cd424570be10a', type: this.type, title: this.guxTitle, disabled: this.disabled, class: {
                 [`gux-${this.accent}`]: true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: '6ada1c9f3489543dd61b32ee0728a2b91cef2709', onSlotchange: this.slotChanged.bind(this) })));
+            } }, h("slot", { key: '01227c88db1d73012aac7869c0694d7aa254848c', onSlotchange: this.slotChanged.bind(this) })));
     }
     stopEventIfDisabled(event) {
         if (this.disabled) {

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { b as asIsoDateRange, c as fromIsoDateRange, a as asIsoDate, f as fromIsoDate } from './iso-dates-8d3f106d.js';
-import { t as trackComponent } from './usage-4a59909a.js';
+import { t as trackComponent } from './usage-abb55973.js';
 import { g as getDesiredLocale, a as getStartOfWeek } from './index-3f1e5ba8.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-404638dd.js';
 import { u as useRegionalDates, d as dateTimeFormat } from './use-regional-dates-ef65cb1d.js';
@@ -382,7 +382,7 @@ const GuxCalendar = class {
         return (h("table", null, h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (h("th", null, day)))), this.getMonthDays(index).map(week => (h("tr", null, week.map(day => (h("td", { tabindex: this.isFocusableDate(day) ? '0' : '-1', class: day.class, "aria-hidden": day.hidden ? 'true' : 'false', "aria-disabled": day.disabled ? 'true' : 'false', "data-date": day.date.getTime(), onClick: () => void this.onDateClick(day.date), onMouseEnter: () => this.onDateMouseEnter(day.date), onKeyDown: e => void this.onKeyDown(e) }, h("div", { class: "gux-date" }, day.date.getDate(), h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (h("div", { key: 'fdb66f9c9001233c551cc713975fb03bbf7c329c', class: "gux-calendar" }, h("div", { key: '9f7b27d786bff99443cefc719918ef3f0852610a', class: "gux-header" }, h("button", { key: 'c26743ded590131da4dd42deb4db41aa88135c09', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'f3bc9dea97ef2c24fa25c9583404164203f53d80', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'b916098786e80af0ffc8021c5fa0a2f3efd1fecb', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'd71086601c65b90dd8eb7eae49dce3b8f518e5ec', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '266207d49fb850d57ae4b05f99f78431180decb4', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '78dcd6c1611b43c00866ab252ca7f3e12fbdd31d', class: "gux-calendar" }, h("div", { key: 'db52b803f9c409dee234f4e57752e190d56a1a3f', class: "gux-header" }, h("button", { key: '498732f8152ef0c17c967a94ba11254c10bf6311', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '9a40471fc32e25fc7dac510deb78e2cc9d6305c9', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'ec4dd5ef298ade5d0da4bfe8cdbf82530fcbcb92', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '09a6f80c4b1ec95322e34f243c744eb6a40b680d', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '755b85ebaf4009451415070971babccf641f2997', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-4a59909a.js';
+import { t as trackComponent } from './usage-abb55973.js';
 const guxCardCss = ":host{display:block;width:fit-content}.gux-card{box-sizing:border-box;padding:var(--gse-ui-card-padding);background-color:var(--gse-ui-card-backgroundColor);border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color);border-radius:var(--gse-ui-card-borderRadius)}.gux-card.gux-bordered{border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color)}.gux-card.gux-raised{border:var(--gse-ui-card-raised-border-width) var(--gse-ui-card-raised-border-style) var(--gse-ui-card-raised-border-color);box-shadow:var(--gse-ui-card-raised-boxShadow-x) var(--gse-ui-card-raised-boxShadow-y) var(--gse-ui-card-raised-boxShadow-blur) var(--gse-ui-card-raised-boxShadow-spread) var(--gse-ui-card-raised-boxShadow-color)}.gux-card.gux-borderless{border:var(--gse-ui-card-borderless-border-width) var(--gse-ui-card-borderless-border-style) var(--gse-ui-card-borderless-border-color)}";
 const GuxCardStyle0 = guxCardCss;
@@ -13,10 +13,10 @@ const GuxCard = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: '0d27561ac8006f1cc0f2518522accb8b65e626a1', class: {
+        return (h("div", { key: '85c28fc7e23553e59ceed2d3c6df7a01484ece43', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '8ff16124b72ec1226b3e472905abeb216aaf7250' })));
+            } }, h("slot", { key: 'c7c49050f468116a6837365543c0d31adc7e42df' })));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-column-manager-item.entry.js CHANGED Viewed

@@ -154,14 +154,14 @@ const GuxColumnManagerItem = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '239dbe5bb1216da232a78c598c8e3c39ef7d9544', draggable: "true" }, h("div", { key: '63627889cfa3c16b1a41b3a579cbb7f89f26ab36', class: {
+        return (h(Host, { key: '19e04ad673a04b589d5a6a5a47d0e3b1c60cc106', draggable: "true" }, h("div", { key: '07f33956d45d21bf6e364a5672ffc838540e173c', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '388327b0cebba89d1f7aab0a675e7c689019603c', class: {
+            } }, h("button", { key: '128d146619325aa29b98eaeff0f58860c464e98f', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: 'dc5f00c81e60090e3b13329e56a94d4ce1fc6200', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '07143e8210d78e4cd4b59455517f5a3ab7d0fa16', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '1635da3c62c4f002e9c66ce714492c0bf4da352f', class: "gux-select" }, h("slot", { key: 'ed8246b7c87fa42c59101a883114f61bf467eb3d', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '881a0bfe491faeb4da33f1f7c7cdd4e332fd1e89', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: '2b4eda9f6491167dd33dc6d332e4fd39a1919557', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '706f0eea0b56cdb3f75d571e8777f3ac847220b4', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '5ac36eb4c29956d4e819a5de1247ff042ff8b2c9', class: "gux-select" }, h("slot", { key: 'e336631b5dab80b251ba6893012f0feb1addfb63', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'df463e7bbb64088bea9ff105d074661b7ee495d0', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-da21b737.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
-import { t as trackComponent } from './usage-4a59909a.js';
+import { t as trackComponent } from './usage-abb55973.js';
 import { g as getEmptyKeyboardOrderChange, s as setKeyboardReorderPositionIndicator, a as setMainCheckboxElementCheckedState, b as getNewOrder, c as getIndexInParent, d as getNewKeyboardOrderChange, e as setHighlights, f as setAllCheckboxInputs, h as getSelectedColumnCount } from './gux-column-manager.service-90a02975.js';
 import './get-closest-element-728b9f18.js';
 import './clamp-1fc36648.js';
@@ -111,7 +111,7 @@ const GuxColumnManager = class {
         return (h("div", null, h("span", { "aria-hidden": "true" }, this.i18n('selectedColumnCount', { count, total })), h("span", { class: "gux-sr-only" }, count === total ? (h("span", null, ": ", this.i18n('unselectAllColumnsScreenReader', { count, total }))) : (h("span", null, ": ", this.i18n('selectAllColumnsScreenReader', { count, total }))))));
     }
     render() {
-        return (h("div", { key: '0028f87bea8d5962d551710199c95cfb6e0ed0fb', class: "gux-container" }, h("div", { key: '25090ac71a783bee05c4cef141c2bb51193e0783', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'ba0e6c46ce5c2af64eca40cb2624fb45182dde9a', class: "gux-search" }, h("gux-content-search", { key: '229b81ca309dd493d3fa130759e56fdb503b2e25', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '48448ef55e008db2744be11bc87f054c89ed5836', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '2795ea2054f4482a8a6d846d2b756eb42379cffe', class: "gux-select" }, h("gux-form-field-checkbox", { key: '4baa86b40e99b8b537c62daa81c941e9b6b11358' }, h("input", { key: '087038e4b616d17600a7f41d088ea181d0813319', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '8dfd4a8c3e0e03e403cd23ef67acc6af618cee84', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '0a9ce0f17b6166180ee64af8715999dcde44cdc8', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '337c5218ff2c5df14049e0e8e17565aeae9e4819', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'f78760b3855321190508368081b98383d1b328b2', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '9e1f26db2435caa8d5296db7158514684ec7dcf4', class: "gux-container" }, h("div", { key: 'dde308417a67d62bd864216a2ba174cd54b65681', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '3b9432eb853c7d50ca312850945eb08d4af69d73', class: "gux-search" }, h("gux-content-search", { key: '3b00f9c9d0bb2c97cef119502040cc736ac82428', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '1a3bfbd4aebbd3d2fada56bb626e9dbaa3368d5d', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '614d197c44335c9b25279712145d1da65bf98e13', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'd71186290ebbccc8736b4dce8f89d46fa4e595f3' }, h("input", { key: '95f8406c17d50838641be426c5c6f4f6b0f49d3a', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '50252c685aca4ec17a3f01f30e6182d91d642180', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'c13bdddd46573b8184673f6e44bb20a50d3ad394', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '7b2052d98a33aac03b05ccb02733eb68746ccedd', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'cf288b8c131da4b8343ada68c93c11c2671589ba', ref: el => (this.announceElement = el) })));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-4a59909a.js';
+import { t as trackComponent } from './usage-abb55973.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import { a as onDisabledChange } from './on-attribute-change-f42eabee.js';
 import './get-closest-element-728b9f18.js';
@@ -61,10 +61,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (h("div", { key: '3a1ff88775801b255d7035397f67c28a7e17bcb4', class: {
+        return (h("div", { key: 'eccc1f48dc7f667f0492f89eb15da3855877221a', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'b584b8c8529ae5e728346467fd1f56575436034b', class: "gux-search-icon" }, h("gux-icon", { key: 'ecff7d207365163d26ad5fad6bbcd97478d24964', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '6dd03e8bd7cd587681e444ae3098999f65717de7' }), this.getNavigationPanel()));
+            } }, h("div", { key: '197f06268af175aefa6cb44e0c0282cb34fb7f4d', class: "gux-search-icon" }, h("gux-icon", { key: 'd9747d2b0c45d22045998eefdd12061cbffc5dd2', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '39641fb0fb6f9d14b3907b78cf19c3427ddd0cc2' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

package/dist/esm/gux-context-menu.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-4a59909a.js';
+import { t as trackComponent } from './usage-abb55973.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import { O as OnClickOutside } from './on-click-outside-6d6f4463.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
@@ -117,8 +117,8 @@ const GuxContextMenu = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '0d7a170037cf75787431afd98aca5531f1f82547' }, h("gux-popup", { key: '2cc047c2a0d82e58e2257f86f37c1c5a3c4c1107', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '26f10b2c2795df0d8e3a9ed69661dd03894edfb2', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'f90f9828f8af73b02e4f2f984f6bff956ebf7db4', accent: "ghost" }, h("button", { key: '02e8dce61304bc99d9d5b733691e8bbc0433b32e', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: '02f655b7d2fd4e9ad0bd77fb7d95ef047062f8a8', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: '25ab6470d234434365f0a0afff138143f2ac5d29', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '5089427192d2f764c339aca3a0f77d5c1417257d', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'b4f3ca1ae74f43abb9b1dc125300d0789dd3c483' }))))));
+        return (h(Host, { key: 'f602a3217882eacf9b230c985bc708cc423a20c0' }, h("gux-popup", { key: 'b917ef1ff7dce073e603a63736398a06f167f27d', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'f0a393b3a46816f57d497d258498c3b153f592bc', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'a099bb616c8305688edb0ee15536bc8cf0755b78', accent: "ghost" }, h("button", { key: '285e1e8a43bb160416103778ab6f595e277f5c4b', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: 'b0ab119928b0a2cd16385bc2a3b5f5f25e2f4d42', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: '2019a801e2471d3f83edf591a66a21cdb2755a0e', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '7f61963b9ade46c6e645e6528b01073929c15ac7', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'b927659947b3edb14c55494b2ccbba16a7352d22' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-copy-to-clipboard.entry.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-4a59909a.js';
+import { t as trackComponent } from './usage-abb55973.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';
@@ -70,7 +70,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '999ee07a48cd3d9d1369d204af767997c73f16be', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '27bd5e847b21682aa2ebe939844db4d36daa764a', class: "gux-copy-content" }, h("slot", { key: '51b127d5a83ee1868f4ecf43009b1950cf06c26c', name: "content" }), h("gux-icon", { key: '22d9e44fe2864e5aaeb0d28b7e726da385b373bb', "icon-name": "fa/copy-regular", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: 'f379ffe50cad2bbe1ffc661fe4d0155a4a9e12fd', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '595c0f4c4b86c93b05bb73a85a43a24b13bd7a3f', class: "gux-copy-content" }, h("slot", { key: 'a39d63a8aad5c9ccb33b0a82ee785063b00fbff0', name: "content" }), h("gux-icon", { key: '4ef0e3546e56b52d3e376cc3b244c08edd5f0a93', "icon-name": "fa/copy-regular", decorative: true })), this.renderTooltip()));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-create-option.entry.js CHANGED Viewed

@@ -44,11 +44,11 @@ const GuxCreateOption = class {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '432569335df044f19d37817e351e06559e320a47', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '1e59ddbdd1b1b376e04c41a6de3d5b73fbc87c33', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '010490efcd0974fc7335af5f52173573aa1ed418', class: "gux-option" }, h("gux-icon", { key: 'be5552d5076bdefb608e9ed4f608164bfcb91433', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '0bf47ba74f284d024600e9a87a07f09cb8f87d04', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '93c736f0b8b407534b0c363843c021668304358e', class: "gux-option" }, h("gux-icon", { key: 'cd7d8b22840d4cc0535b5aa5c4ab3ab3c4902b6e', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '9d49e0ed96b010a08099264111167be278957b2f', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

package/dist/esm/gux-date-beta.entry.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-4a59909a.js';
+import { t as trackComponent } from './usage-abb55973.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-daff1c0b.js';
 import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-ef65cb1d.js';
 import { g as getDesiredLocale } from './index-3f1e5ba8.js';

package/dist/esm/gux-date-time-beta.entry.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-4a59909a.js';
+import { t as trackComponent } from './usage-abb55973.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-daff1c0b.js';
 import { u as useRegionalDates, d as dateTimeFormat, a as determineDisplayLocale } from './use-regional-dates-ef65cb1d.js';
 import { g as getDesiredLocale } from './index-3f1e5ba8.js';

package/dist/esm/gux-datepicker.entry.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { f as fromIsoDate, b as asIsoDateRange, a as asIsoDate, c as fromIsoDateRange } from './iso-dates-8d3f106d.js';
 import { O as OnClickOutside } from './on-click-outside-6d6f4463.js';
-import { t as trackComponent } from './usage-4a59909a.js';
+import { t as trackComponent } from './usage-abb55973.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import { u as useRegionalDates, g as getFormat, a as determineDisplayLocale } from './use-regional-dates-ef65cb1d.js';
 import './get-closest-element-728b9f18.js';
@@ -643,7 +643,7 @@ const GuxDatepicker = class {
             } }, h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), h("div", { class: "gux-datepicker-field-input" }, h("div", { class: "gux-datepicker-field-text-input" }, h("input", { id: this.endInputId, type: "text", ref: (el) => (this.toInputElement = el), onMouseUp: e => this.onInputMouseUp(e), onFocusin: e => this.onInputFocusIn(e), onFocusout: () => this.onInputFocusOut(), value: this.toFormattedValue, disabled: this.disabled }), this.renderCalendarToggleButton()))));
     }
     render() {
-        return (h("div", { key: '5d0d6160f9357c8d56c3a149dccab47c3d0489aa', class: {
+        return (h("div", { key: '327ae0465bb0b771554474c77cb73e145e3f7405', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

package/dist/esm/gux-disclosure-button-legacy.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-4a59909a.js';
+import { t as trackComponent } from './usage-abb55973.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';
@@ -46,10 +46,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: '2a1d7b0588e7ff029f87e765808b3a701b170aa5', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '583e0a88f3a14882dd4399ac9c534fb2a8be3b28', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: '4d699da2c5798be7633d946c251c4c75d583b405', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'f2d493e7dc165d26b0e86bf5694a99a4fbe5165b', id: this.panelId, class: {
+        return (h("div", { key: '9b9903ca0dfd1e3fbeabc1b9b9607a9c094009bc', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '5a6829c262527a1b5ae536a889cab088dc9a344d', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: '9d75de34b455fadaf60c34f18a86aa089bd719ff', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'f5232a707d127b6a530798e38d6d0585b1a07d3d', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '849c4e45698715568d3f08bc5bdaf8ed6d5732aa', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '66368dc382c4792f9b424013a06a95b6a6b148ca', name: "panel-content" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-dismiss-button.entry.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-4a59909a.js';
+import { t as trackComponent } from './usage-abb55973.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';
@@ -21,7 +21,7 @@ const GuxDismissButton = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: 'b28ff8d18a4827884ffb2096b640d05ec939b2f6', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, h("button", { key: '8c078c4d5cb54bbf1407ab262df72683671dd1bf', type: "button", title: this.i18n('dismiss') }, h("div", { key: '69f0671d9a5c72de15b351b633d298f1dffa1135', class: "gux-icon-container" }, h("gux-icon", { key: '38533d23d86f3c6ee8597de747cce46133cf1040', "icon-name": "fa/xmark-large-regular", decorative: true })))));
+        return (h("gux-button-slot", { key: '7431cc65db5f0a1cfc4406cfb7666f39b1509e6a', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, h("button", { key: 'ce8c82345ed631a8a09a50d5eedd22d8122cfdd8', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'cf19680cedd830127816fa68647639656203d760', class: "gux-icon-container" }, h("gux-icon", { key: '23e58712f8eacebc481d7c1d1ce472a6b78a7037', "icon-name": "fa/xmark-large-regular", decorative: true })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-dropdown-multi-tag.entry.js CHANGED Viewed

@@ -40,7 +40,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '09a25c5a93afc76d984406f3ec76c91cdffa56c1', class: {
+        return (h("div", { key: '26e1cb4417fb5939d78cf84642065cdc7d915a95', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

package/dist/esm/gux-dropdown-multi.entry.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import { o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
-import { t as trackComponent } from './usage-4a59909a.js';
+import { t as trackComponent } from './usage-abb55973.js';
 import { s as setInitialActiveOption, g as getSearchOption } from './gux-listbox.service-28ef1770.js';
 import { O as OnMutation } from './on-mutation-1355c534.js';
 import './get-closest-element-728b9f18.js';
@@ -387,7 +387,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            h("div", { key: '38d98aae2b91518227f9986995274730c1d56fd0', class: "gux-dropdown-container" }, h("gux-popup", { key: '86b9d2c5d3d683cb51e911554a8e288563b2f146', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: 'fe300e1a15427c0353e143c1246745d2ad4b1dcd', class: "gux-dropdown-container" }, h("gux-popup", { key: '92f6cf7714aebdc97866fd1a24e40610cfe65c62', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get delegatesFocus() { return true; }

package/dist/esm/gux-dropdown-option.entry.js CHANGED Viewed

@@ -64,7 +64,7 @@ const GuxDropdownOption = class {
         };
     }
     __stencil_render() {
-        return (h("div", { key: '849ebec1b1404f17630ea5fca72cc2e184583637', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: 'e8706421766004cf60788ea1a2f0b17d592cdbfb', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

package/dist/esm/gux-dropdown_3.entry.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { o as onInputDisabledStateChange, c as calculateInputDisabledState } from './on-input-disabled-state-change-27395154.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-4a59909a.js';
+import { t as trackComponent } from './usage-abb55973.js';
 import { O as OnMutation } from './on-mutation-1355c534.js';
 import { s as setInitialActiveOption, l as getListOptions, g as getSearchOption, c as clearActiveOptions, h as hasActiveOption, a as setLastOptionActive, b as setFirstOptionActive, d as hasPreviousOption, e as setPreviousOptionActive, f as hasNextOption, i as setNextOptionActive, j as actOnActiveOption, k as goToOption, m as matchOption, o as onClickedOption } from './gux-listbox.service-28ef1770.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
@@ -342,7 +342,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'e472adf706a6ade11a7cef0055457dc5329d962d', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'c949ccda49dea1fd7ddf878b4516aa633cd66653', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled }, this.renderTarget(), this.renderPopup()));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }
@@ -563,13 +563,13 @@ const GuxOption = class {
         return this.selected ? 'true' : 'false';
     }
     render() {
-        return (h(Host, { key: '1c591279c2ba98403887a45cfabf49f943183bbd', role: "option", class: {
+        return (h(Host, { key: 'caed5a5e8c09f6e354a04b633dfac99eae52df76', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '04278101c42efb140ef3267796e28468e07a031e', class: "gux-option-wrapper" }, h("gux-truncate", { key: '4699e053f1e2913b29034a4a3582f2c09da6bf77', ref: el => (this.truncateElement = el) }, h("slot", { key: '40d5ad86bb7a3cf7746b07de42ad1ee8081fd372' })), h("slot", { key: '3e450b678e4567cdeb4810111cf63003e1a977fe', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '14688b8a47bf9aeb4d09a6b796bee697f2ae047c', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'c83a1961e8ccc001dc8d89fdc05dc8f7c6c8d4ad', ref: el => (this.truncateElement = el) }, h("slot", { key: '85521876c96b67929cf028a6bd9e8e5f86dcac6f' })), h("slot", { key: '3aabfb3425e370797fa70e2fd9d15230808b45fc', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {