npm - genesys-spark-components - Versions diffs - 4.81.3 → 4.83.0 - Mend

genesys-spark-components 4.81.3 → 4.83.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 (882) hide show

package/dist/cjs/gux-avatar-focusable-beta.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-7fb02c8c.js');
+const index = require('./index-9fe2464a.js');
 const logError = require('./log-error-7b9d4b57.js');
 const GuxAvatarFocusable = class {
@@ -14,9 +14,10 @@ const GuxAvatarFocusable = class {
         this.validateSlot();
     }
     validateSlot() {
-        const slottedElement = this.root.querySelector('a, button, gux-avatar-change-photo-beta');
-        if (slottedElement) {
-            this.avatarElement = slottedElement.querySelector('gux-avatar-beta');
+        var _a;
+        this.slottedElement = this.root.querySelector('a, button, gux-avatar-change-photo-beta');
+        if (this.slottedElement) {
+            this.avatarElement = this.slottedElement.querySelector('gux-avatar-beta');
             if (!this.avatarElement) {
                 logError.logWarn(this.root, 'Slotted element must contain a gux-avatar');
             }
@@ -24,10 +25,54 @@ const GuxAvatarFocusable = class {
         else {
             logError.logWarn(this.root, 'An anchor tag, gux-avatar-change-photo-beta tag or button tag must be slotted into gux-avatar-focusable');
         }
+        if (['A', 'BUTTON'].includes((_a = this.slottedElement) === null || _a === void 0 ? void 0 : _a.tagName)) {
+            this.slottedElement.addEventListener('keyup', (event) => {
+                this.handleKeyEvent(event);
+            });
+            this.slottedElement.addEventListener('focusout', () => {
+                this.handleFocusOut();
+            });
+        }
+    }
+    disconnectedCallback() {
+        var _a, _b, _c;
+        if (['A', 'BUTTON'].includes((_a = this.slottedElement) === null || _a === void 0 ? void 0 : _a.tagName)) {
+            (_b = this.slottedElement) === null || _b === void 0 ? void 0 : _b.removeEventListener('keyup', (event) => this.handleKeyEvent(event));
+            (_c = this.slottedElement) === null || _c === void 0 ? void 0 : _c.removeEventListener('focusout', () => this.handleFocusOut());
+        }
+    }
+    handleKeyEvent(event) {
+        var _a, _b;
+        switch (event.key) {
+            case 'Tab': {
+                if (this.slottedElement.matches(':focus-visible') &&
+                    this.avatarElement) {
+                    void ((_a = this.avatarElement) === null || _a === void 0 ? void 0 : _a.showTooltip());
+                    this.hideTooltipTimeout = setTimeout(() => {
+                        var _a;
+                        void ((_a = this.avatarElement) === null || _a === void 0 ? void 0 : _a.hideTooltip());
+                    }, 6000);
+                }
+                break;
+            }
+            default: {
+                if (this.slottedElement.matches(':focus-visible') &&
+                    this.avatarElement) {
+                    void ((_b = this.avatarElement) === null || _b === void 0 ? void 0 : _b.hideTooltip());
+                    clearTimeout(this.hideTooltipTimeout);
+                }
+                break;
+            }
+        }
+    }
+    handleFocusOut() {
+        var _a;
+        void ((_a = this.avatarElement) === null || _a === void 0 ? void 0 : _a.hideTooltip());
+        clearTimeout(this.hideTooltipTimeout);
     }
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: '294d7069610101ba31483a12230293a10f9ddb04', "gs-avatar-size": (_b = (_a = this.avatarElement) === null || _a === void 0 ? void 0 : _a.size) !== null && _b !== void 0 ? _b : 'large' }, index.h("slot", { key: 'd72dac1ad291288f87358f4348430e7a37d9e7c8' })));
+        return (index.h(index.Host, { key: '5a714928e48d84896fcefc7d4fc3d94077b736b1', "gs-avatar-size": (_b = (_a = this.avatarElement) === null || _a === void 0 ? void 0 : _a.size) !== null && _b !== void 0 ? _b : 'large' }, index.h("slot", { key: 'c2a04e76f9c917c495ba8e8de660472884c6c864' })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-badge.cjs.entry.js CHANGED Viewed

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-294d5ea4.js');
-const index$1 = require('./index-71d01472.js');
+const index = require('./index-9fe2464a.js');
+const usage = require('./usage-b34c8cf8.js');
+const index$1 = require('./index-0dfe7f6f.js');
 require('./get-closest-element-9e41d6b9.js');
 const info = "badge with label: {label}, accent: info";
@@ -57,7 +57,7 @@ const GuxBadge = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '8686dd40d813d74bfc362e442fe3621040b1142c', class: {
+        return (index.h("div", { key: '3155274a9d8cb85f35b0b4b02095cad8b0025afb', class: {
                 'gux-badge': true,
                 [`gux-${this.accent}`]: true,
                 'gux-bold': this.bold

package/dist/cjs/gux-blank-state.cjs.entry.js CHANGED Viewed

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-294d5ea4.js');
-const onMutation = require('./on-mutation-3d294d15.js');
+const index = require('./index-9fe2464a.js');
+const usage = require('./usage-b34c8cf8.js');
+const onMutation = require('./on-mutation-c819498e.js');
 const hasSlot = require('./has-slot-3edae188.js');
 const guxBlankStateCss = ":host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: var(--gse-ui-blankState-padding);\n  color: var(--gse-ui-blankState-foregroundColor);\n  background-color: var(--gse-ui-blankState-backgroundColor);\n  border-radius: var(--gse-ui-blankState-borderRadius);\n}\n.gux-container .gux-image {\n  padding-bottom: var(--gse-ui-blankState-gapMain);\n}\n.gux-container .gux-message {\n  padding-bottom: var(--gse-ui-blankState-gapMessage);\n}\n.gux-container .gux-guidance {\n  padding-bottom: var(--gse-ui-blankState-gapContent);\n}\n.gux-container ::slotted(gux-icon) {\n  width: var(--gse-ui-blankState-icon-size-lg);\n  height: var(--gse-ui-blankState-icon-size-lg);\n  color: var(--gse-ui-blankState-iconColor);\n}\n.gux-container slot[name=primary-message] {\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-header-fontFamily);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-header-fontSize);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-header-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-header-lineHeight);\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n}\n.gux-container slot[name=additional-guidance] {\n  font-family: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontFamily);\n  font-size: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontSize);\n  font-weight: var(--gse-ui-progressAndLoading-blankState-large-subheader-fontWeight);\n  line-height: var(--gse-ui-progressAndLoading-blankState-large-subheader-lineHeight);\n  color: var(--gse-ui-blankState-foregroundColor);\n  text-align: center;\n}\n\n@container (width < 570px) {\n  .gux-container ::slotted(gux-icon) {\n    width: var(--gse-ui-blankState-icon-size-sm);\n    height: var(--gse-ui-blankState-icon-size-sm);\n  }\n  .gux-container slot[name=primary-message] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-header-lineHeight);\n  }\n  .gux-container slot[name=additional-guidance] {\n    font-family: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-blankState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-blankState-small-subheader-lineHeight);\n  }\n}";
@@ -38,7 +38,7 @@ const GuxBlankState = class {
         this.hasCallToAction = hasSlot.hasSlot(this.root, 'call-to-action');
     }
     render() {
-        return (index.h("div", { key: '7e514e368c4267dafeeb7f1c6da8db6dd496ffd1', class: "gux-container" }, index.h("div", { key: '40b07cb4856fe789cb2f004cdaa94bee58ec9470', class: "gux-image" }, index.h("slot", { key: '34c73b345f050cf759202b45bffb2517aec83f4b', name: "image" })), index.h("div", { key: 'c13519b747979f6a449750896991e492948c57e8', class: "gux-message" }, index.h("slot", { key: '9265e265ff286653cd0205f2222d0859a131787e', name: "primary-message" })), index.h("div", { key: '329205bee7cf4be7315ec6f7ac63ee43285b30b6', class: "gux-guidance" }, index.h("slot", { key: 'e0a927b555b4b079fb927925bb5756c6ba93e300', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (index.h("div", { key: '254441873ee0abf26d07d86c0ff8d5088e20af3e', class: "gux-container" }, index.h("div", { key: '20407d4a5b30eb1eaf708fca4e2ff88c42b675ad', class: "gux-image" }, index.h("slot", { key: 'c4cf1bf58136803b63dd1a5b84a4b2be0fc54f03', name: "image" })), index.h("div", { key: 'eff3d73f052dc07a3102b0b135d2109cc39c7d6d', class: "gux-message" }, index.h("slot", { key: '75dc59294d001562307f4cbd9989fdbb34acfe3f', name: "primary-message" })), index.h("div", { key: 'c886609987a4837739b4de66b8300b107909328f', class: "gux-guidance" }, index.h("slot", { key: 'a797a544aba20ad2d3c123d9c746f3a004dff711', name: "additional-guidance" })), this.renderCallToActionSlot()));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-breadcrumb-item.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-7fb02c8c.js');
+const index = require('./index-9fe2464a.js');
 const logError = require('./log-error-7b9d4b57.js');
 const guxBreadcrumbItemCss = ".gux-breadcrumb-generation{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center;min-height:var(--gse-ui-breadcrumbs-secondary-height)}.gux-breadcrumb-generation .gux-breadcrumb-content{font-family:var(--gse-ui-link-inLine-small-text-fontFamily);font-size:var(--gse-ui-link-inLine-small-text-fontSize);font-weight:var(--gse-ui-link-inLine-small-text-fontWeight);line-height:var(--gse-ui-link-inLine-small-text-lineHeight);text-decoration:none;color:var(--gse-ui-link-default-foregroundColor);pointer-events:none}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-active{color:var(--gse-ui-link-active-foregroundColor)}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-link{color:var(--gse-ui-link-default-foregroundColor);pointer-events:initial}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-link:visited{color:var(--gse-ui-link-visited-foregroundColor)}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-link:hover{font-family:var(--gse-ui-link-inLine-small-underlinedText-fontFamily);font-size:var(--gse-ui-link-inLine-small-underlinedText-fontSize);font-weight:var(--gse-ui-link-inLine-small-underlinedText-fontWeight);line-height:var(--gse-ui-link-inLine-small-underlinedText-lineHeight);text-decoration:var(--gse-ui-link-inLine-small-underlinedText-textDecoration);color:var(--gse-ui-link-hover-foregroundColor)}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-link:active{color:var(--gse-ui-link-active-foregroundColor)}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-link:focus-visible{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);border-radius:var(--gse-semantic-focusRing-cornerRadius)}.gux-breadcrumb-generation .gux-breadcrumb-separator{padding:var(--gse-ui-breadcrumbs-secondary-separator-padding);font-family:var(--gse-ui-breadcrumbs-secondary-separator-typography-fontFamily);font-size:var(--gse-ui-breadcrumbs-secondary-separator-typography-fontSize);font-weight:var(--gse-ui-breadcrumbs-secondary-separator-typography-fontWeight);line-height:var(--gse-ui-breadcrumbs-secondary-separator-typography-lineHeight);color:var(--gse-ui-breadcrumbs-separator-color)}.gux-breadcrumb-generation.gux-primary{min-height:var(--gse-ui-breadcrumbs-primary-height)}.gux-breadcrumb-generation.gux-primary .gux-breadcrumb-content{font-family:var(--gse-ui-link-inLine-medium-text-fontFamily);font-size:var(--gse-ui-link-inLine-medium-text-fontSize);font-weight:var(--gse-ui-link-inLine-medium-text-fontWeight);line-height:var(--gse-ui-link-inLine-medium-text-lineHeight);text-decoration:none}.gux-breadcrumb-generation.gux-primary .gux-breadcrumb-content.gux-link:hover{font-family:var(--gse-ui-link-inLine-medium-underlinedText-fontFamily);font-size:var(--gse-ui-link-inLine-medium-underlinedText-fontSize);font-weight:var(--gse-ui-link-inLine-medium-underlinedText-fontWeight);line-height:var(--gse-ui-link-inLine-medium-underlinedText-lineHeight);text-decoration:var(--gse-ui-link-inLine-medium-underlinedText-textDecoration)}.gux-breadcrumb-generation.gux-primary .gux-breadcrumb-separator{padding:var(--gse-ui-breadcrumbs-primary-separator-padding);font-family:var(--gse-ui-breadcrumbs-primary-separator-typography-fontFamily);font-size:var(--gse-ui-breadcrumbs-primary-separator-typography-fontSize);font-weight:var(--gse-ui-breadcrumbs-primary-separator-typography-fontWeight);line-height:var(--gse-ui-breadcrumbs-primary-separator-typography-lineHeight)}";
@@ -44,7 +44,7 @@ const GuxBreadcrumbItem = class {
     }
     render() {
         const accent = this.getAccent();
-        return (index.h(index.Host, { key: 'bbc8f9fdbeb85138ed1127c77c8132d6d93134a6', role: "listitem" }, index.h("span", { key: 'a021d9e878b526c243d52adcaecd6dfc477fef6c', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
+        return (index.h(index.Host, { key: '62b04f1d5f6081415b79e232248b56cf5bb138f0', role: "listitem" }, index.h("span", { key: '32486b4280826d41e4397c0452683038c011aae5', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-breadcrumbs.cjs.entry.js CHANGED Viewed

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-7fb02c8c.js');
-const index$1 = require('./index-71d01472.js');
-const usage = require('./usage-294d5ea4.js');
+const index = require('./index-9fe2464a.js');
+const index$1 = require('./index-0dfe7f6f.js');
+const usage = require('./usage-b34c8cf8.js');
 require('./get-closest-element-9e41d6b9.js');
 const breadcrumbs = "Breadcrumbs";
@@ -30,7 +30,7 @@ const GuxBreadcrumbs = class {
         Array.from(this.root.children).forEach(child => index.forceUpdate(child));
     }
     render() {
-        return (index.h("nav", { key: 'cd80398b510699e4106c23d9ff371d6cb1ccd7cc', "aria-label": this.i18n('breadcrumbs') }, index.h("ol", { key: 'fc9defd6e0b44c64c2d42646a01f5e6a8ab0f2c5' }, index.h("slot", { key: 'f7c68255a50ce75964be0e7ad9b3ff79f655a606', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (index.h("nav", { key: '3263182d9af07fd63e2103fd1b075d404d109c3e', "aria-label": this.i18n('breadcrumbs') }, index.h("ol", { key: '887ad432cd8024d589449252c07d575c2d8362f0' }, index.h("slot", { key: '3f8b7efac73e4f54b741cc95bb2788033069c515', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-button-multi.cjs.entry.js CHANGED Viewed

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-7fb02c8c.js');
-const onClickOutside = require('./on-click-outside-6db914c3.js');
+const index = require('./index-9fe2464a.js');
+const onClickOutside = require('./on-click-outside-a38fafee.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-294d5ea4.js');
+const usage = require('./usage-b34c8cf8.js');
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {
@@ -118,7 +118,7 @@ const GuxButtonMulti = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h("gux-popup", { key: 'c5bff9ec22f1f9b87b45600f5654a1cf0fcafe51', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, index.h("div", { key: '80b6f9a032b040e47ae6d7f62c2a64273179b738', slot: "target", class: "gux-button-multi-container" }, index.h("gux-button-slot", { key: '8ce0f7fb565580bb9db0df017e7ce39cc953654e', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, index.h("button", { key: '8cb57fea5032cc6df4064b00f3470adb61361553', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, index.h("slot", { key: '9cf9f66424ee42c4b1c265fc4fa73c79803b4cbf', name: "title" }), index.h("gux-icon", { key: '23e4f1982d77aa9cef3aaa3ec660444cd19fa83f', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), index.h("div", { key: '52a9e7902518c1e7668ffa65e725d80828389dcd', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: 'bc5c701390a617885cbd58a63b1c3c91609b50bd', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '3f8f51d4703fc878f72ffbcbbe81b789425969ad' })))));
+        return (index.h("gux-popup", { key: '8e419baad644a9be505b21e035aad20bc12329e0', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, index.h("div", { key: '42661fad38d139edcc9a1047295f4585039a92f0', slot: "target", class: "gux-button-multi-container" }, index.h("gux-button-slot", { key: '075dcab6ce9658ff658e3dbda228af8d4be7467f', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, index.h("button", { key: '1977e4a4b32038b7865a314146ac62daf56fb928', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, index.h("slot", { key: 'd3d2fb4d9234fbee37dc305bb9fc44f95d80b18b', name: "title" }), index.h("gux-icon", { key: '8375ddf3638ff596d60bdec30b64c74c1234d8de', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), index.h("div", { key: '2e892d919b075cd97e45cdb7c39221b111de29dc', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '347bab5c297ccf54baf433e5a9fa5d882056faf1', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'fcdabae8844cfcc18a38d100d7a67e87ba7947a3' })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-button-slot.cjs.entry.js CHANGED Viewed

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-294d5ea4.js');
+const index = require('./index-9fe2464a.js');
+const usage = require('./usage-b34c8cf8.js');
 const logError = require('./log-error-7b9d4b57.js');
 const guxButtonSlotCss = ":host{display:inline-block;pointer-events:none}::slotted(input[type=button]),::slotted(input[type=submit]),::slotted(button){font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-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)}:host([icon-only]) ::slotted(input[type=button]),:host([icon-only]) ::slotted(input[type=submit]),:host([icon-only]) ::slotted(button){padding:var(--gse-ui-button-default-paddingIconOnly)}::slotted(input[type=button][disabled]),::slotted(input[type=submit][disabled]),::slotted(button[disabled]){cursor:default;opacity:var(--gse-ui-button-disabled-opacity)}::slotted(input[type=button]:focus),::slotted(input[type=submit]:focus),::slotted(button:focus){outline:none}::slotted(input[type=button]:focus-visible:enabled),::slotted(input[type=submit]:focus-visible:enabled),::slotted(button:focus-visible:enabled){outline:var(--gse-semantic-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)}::slotted(input[type=button]:hover:enabled),::slotted(input[type=submit]:hover:enabled),::slotted(button:hover:enabled){color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}::slotted(input[type=button]:active:enabled),::slotted(input[type=submit]:active:enabled),::slotted(button:active:enabled){color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]),:host([accent=primary]) ::slotted(input[type=submit]),:host([accent=primary]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:hover:enabled),:host([accent=primary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=primary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:active:enabled),:host([accent=primary]) ::slotted(input[type=submit]:active:enabled),:host([accent=primary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]),:host([accent=tertiary]) ::slotted(input[type=submit]),:host([accent=tertiary]) ::slotted(button){color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width)}:host([accent=tertiary]) ::slotted(input[type=button]:hover:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=tertiary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]:active:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:active:enabled),:host([accent=tertiary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]),:host([accent=ghost]) ::slotted(input[type=submit]),:host([accent=ghost]) ::slotted(button){color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:hover:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:hover:enabled),:host([accent=ghost]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:active:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:active:enabled),:host([accent=ghost]) ::slotted(button:active:enabled){color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]),:host([accent=danger]) ::slotted(input[type=submit]),:host([accent=danger]) ::slotted(button){color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:hover:enabled),:host([accent=danger]) ::slotted(input[type=submit]:hover:enabled),:host([accent=danger]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:active:enabled),:host([accent=danger]) ::slotted(input[type=submit]:active:enabled),:host([accent=danger]) ::slotted(button:active:enabled){color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}:host([accent=inline]){min-inline-size:initial}:host([accent=inline]) ::slotted(input[type=button]),:host([accent=inline]) ::slotted(input[type=submit]),:host([accent=inline]) ::slotted(button){block-size:initial;padding:0;color:var(--gse-ui-link-default-foregroundColor);background:none;border:none}:host([accent=inline]) ::slotted(input[type=button][disabled]),:host([accent=inline]) ::slotted(input[type=submit][disabled]),:host([accent=inline]) ::slotted(button[disabled]){color:var(--gse-ui-link-disabled-foregroundColor)}:host([accent=inline]) ::slotted(input[type=button]:hover:enabled),:host([accent=inline]) ::slotted(input[type=submit]:hover:enabled),:host([accent=inline]) ::slotted(button:hover:enabled){color:var(--gse-ui-link-hover-foregroundColor);text-decoration:underline;background:none}:host([accent=inline]) ::slotted(input[type=button]:active:enabled),:host([accent=inline]) ::slotted(input[type=submit]:active:enabled),:host([accent=inline]) ::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}";
@@ -38,7 +38,7 @@ const GuxButtonSlot = class {
         this.validateSlotContent();
     }
     render() {
-        return (index.h(index.Host, { key: '15befd891876930e277175d8194d081ea3982e92', accent: this.accent, "icon-only": this.iconOnly }, index.h("slot", { key: '6731523f4cd52fce0da588d7558ba2e100993032' })));
+        return (index.h(index.Host, { key: '97327f6adb2afbf3f3964ac7088fe5144252f852', accent: this.accent, "icon-only": this.iconOnly }, index.h("slot", { key: '38f6916560f245944646846aa9e9e2cf78a9fb1e' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-294d5ea4.js');
+const index = require('./index-9fe2464a.js');
+const usage = require('./usage-b34c8cf8.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);border-radius:var(--gse-semantic-focusRing-cornerRadius)}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;border-radius:0}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;
@@ -24,10 +24,10 @@ const GuxButton = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h("button", { key: '3022bc5ad8034a69266e8fccbac8a0415574cdba', type: this.type, title: this.guxTitle, disabled: this.disabled, class: {
+        return (index.h("button", { key: '3040bad442f39bc2809fe0cf4d65b321a3d80e56', type: this.type, title: this.guxTitle, disabled: this.disabled, class: {
                 [`gux-${this.accent}`]: true,
                 'gux-icon-only': this.iconOnly
-            } }, index.h("slot", { key: '02525623e91c00c0a57c3261e5f01854e4f4ecb5', onSlotchange: this.slotChanged.bind(this) })));
+            } }, index.h("slot", { key: '59907df8032ac3ee4fa0021e80511c62d63fc755', onSlotchange: this.slotChanged.bind(this) })));
     }
     stopEventIfDisabled(event) {
         if (this.disabled) {

package/dist/cjs/gux-calendar-beta.cjs.entry.js CHANGED Viewed

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-7fb02c8c.js');
+const index = require('./index-9fe2464a.js');
 const isoDates = require('./iso-dates-2daf4199.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
-const index$1 = require('./index-71d01472.js');
+const index$1 = require('./index-0dfe7f6f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const logError = require('./log-error-7b9d4b57.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
@@ -235,7 +235,7 @@ const GuxCalendar = class {
             } }, index.h("span", { class: "gux-non-sr", "aria-hidden": "true" }, day.date.getDate()), index.h("span", { class: "gux-sr-only" }, index.h("gux-date-beta", { datetime: day.date.toISOString(), format: "long" })))))))))));
     }
     render() {
-        return (index.h("div", { key: 'e2f9a107ee91621f919e080a6c10341ded7389be', class: "gux-calendar-beta" }, index.h("slot", { key: 'f773c2600908c44ff26b2e89e61e1d9afedf4337' }), this.renderHeader(), this.renderContent()));
+        return (index.h("div", { key: '06cea2ee177e04b06cbeb787c5e4d9ca146a120d', class: "gux-calendar-beta" }, index.h("slot", { key: 'bee83ea56f4f17c14376528fabe878e287e66d4b' }), this.renderHeader(), this.renderContent()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-7fb02c8c.js');
+const index = require('./index-9fe2464a.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const isoDates = require('./iso-dates-2daf4199.js');
-const usage = require('./usage-294d5ea4.js');
-const index$1 = require('./index-71d01472.js');
+const usage = require('./usage-b34c8cf8.js');
+const index$1 = require('./index-0dfe7f6f.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
-const useRegionalDates = require('./use-regional-dates-34243a86.js');
+const useRegionalDates = require('./use-regional-dates-44835a16.js');
 require('./get-closest-element-9e41d6b9.js');
 function addClassToElements(elements, className) {
@@ -386,7 +386,7 @@ const GuxCalendar = class {
         return (index.h("table", null, index.h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (index.h("th", null, day)))), this.getMonthDays(index$1).map(week => (index.h("tr", null, week.map(day => (index.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) }, index.h("div", { class: "gux-date" }, day.date.getDate(), index.h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (index.h("div", { key: '9ab737ccca49fede337ff7bcad0e617e0553aa5d', class: "gux-calendar" }, index.h("div", { key: 'a1fd0990b64c72cf52ea46a2f44eedbc2cd9c307', class: "gux-header" }, index.h("button", { key: '1e1d001bcad30918bf35cab7bf75a631f3e219d1', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: 'b361c20900a9cdd8161a2b0023b8cac62bb5673d', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: 'faa2fc7104de023f321701f15a6faf3e6c60b338', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: '5fbe742618df07732a9d86174a9b97b43c5bf235', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: 'e3326d9316145ec86a36efa504fd7457cb144a03', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (index.h("div", { key: '50e4c8fa12b58729f64382043e68142b2a6bff39', class: "gux-calendar" }, index.h("div", { key: '79524dce607d1a2d8e63cd9ab85d688493afb547', class: "gux-header" }, index.h("button", { key: 'a09787131208775edcb9e670f2c0aa1ed6ccdf1c', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: '217f95a36e44378abaec97921f2851708be77648', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: '4b484360c1d4c905d6c24f1eeee2a201e72e6fe5', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: 'ee922f97949c7a2897bca65fd7093eb1224d2082', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: '7b3c7da612a2aa066ffed6425c982502dededaa2', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-294d5ea4.js');
+const index = require('./index-9fe2464a.js');
+const usage = require('./usage-b34c8cf8.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;
@@ -17,10 +17,10 @@ const GuxCard = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h("div", { key: '0c05e098f388e13aacae17ad423b402099450178', class: {
+        return (index.h("div", { key: '5e84b027dcff30a7cbdf502f0266e6ce1fafa063', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("slot", { key: '1d3d4dd1b4cbc6f731e15ee57da145eb05aec161' })));
+            } }, index.h("slot", { key: 'c4b5f89a0f7e66c6a29da8f295972b0f8d04fb6f' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-7fb02c8c.js');
-const index$1 = require('./index-71d01472.js');
+const index = require('./index-9fe2464a.js');
+const index$1 = require('./index-0dfe7f6f.js');
 const guxColumnManager_service = require('./gux-column-manager.service-6eaeedb0.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./clamp-e86a226e.js');
@@ -158,14 +158,14 @@ const GuxColumnManagerItem = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: '902f78713070a291444827e1181568de0212a30a', draggable: "true" }, index.h("div", { key: '902b3c834a5df69ca1aa578008b1153a03625e61', class: {
+        return (index.h(index.Host, { key: '5f78448224d699382c613e4967793af115acee53', draggable: "true" }, index.h("div", { key: 'bfb206922c32cfc86e1ab9d58bbfbd964993fe38', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, index.h("button", { key: '3356448b3902ca0407af3f579a890a02bbfe9546', class: {
+            } }, index.h("button", { key: '29f9dec15ed10934894afba83f66f0fba94d1ba2', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, index.h("gux-icon", { key: '06e5774368aa8b202ba002186e3fba8ce0ec4c86', "icon-name": "fa/grip-vertical-solid", decorative: true }), index.h("span", { key: '6212b59e731edca8c314229f7658eb0cb66cf7d5', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: 'e3a3ce1c39a10160984f5bb931543f013cbbc8d3', class: "gux-select" }, index.h("slot", { key: 'a82b618fb073ca687886838b0271243752ffb184', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: '46f91dc56c94ce70602c860e9a740536d3bccba5', 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) }, index.h("gux-icon", { key: '8a86b73119466abf7b9bdf44ff6d8cbc6c07fb44', "icon-name": "fa/grip-vertical-solid", decorative: true }), index.h("span", { key: '688e1ee0d67223800d062c6f0a2782e527e63968', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: '4c915195cc11d21d657ebf4f76f0e30cd20e7f3b', class: "gux-select" }, index.h("slot", { key: 'd5e0e53225d2c9264b3acc1c4c276e69eb54ba47', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: '3a3a5d6d8167f3000d248d9ce4de9fb084bc5080', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-7fb02c8c.js');
-const index$1 = require('./index-71d01472.js');
-const usage = require('./usage-294d5ea4.js');
+const index = require('./index-9fe2464a.js');
+const index$1 = require('./index-0dfe7f6f.js');
+const usage = require('./usage-b34c8cf8.js');
 const guxColumnManager_service = require('./gux-column-manager.service-6eaeedb0.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./clamp-e86a226e.js');
@@ -115,7 +115,7 @@ const GuxColumnManager = class {
         return (index.h("div", null, index.h("span", { "aria-hidden": "true" }, this.i18n('selectedColumnCount', { count, total })), index.h("span", { class: "gux-sr-only" }, count === total ? (index.h("span", null, ": ", this.i18n('unselectAllColumnsScreenReader', { count, total }))) : (index.h("span", null, ": ", this.i18n('selectAllColumnsScreenReader', { count, total }))))));
     }
     render() {
-        return (index.h("div", { key: 'a79f94223dfd05de4086c68a9e95a089597a23b8', class: "gux-container" }, index.h("div", { key: '8a5e5e45a677ee290644ab4fece23a70ee47513c', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: 'faa3b45bb92e71068bd7036be071a75461caf81d', class: "gux-search" }, index.h("gux-content-search", { key: '2638adad20f101d380e140b0b9c09489cb93168f', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: 'b34328155244f85924d2f488a481b4f01607b1f9', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: 'afbf7d485a17fd173f5d85024fcbae79c1095361', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: '2909936c012cdb2372cbc4c2a3373d19549bf82e' }, index.h("input", { key: 'e5043db01ee15496864fb661134c7e77c77fa0ef', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: 'd2e3287f9b845184783af6f51b4d70f814334627', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '322428c1b9df9e375e757174b0993a607e9f45a2', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: '5c6091ca95e652757781382bb371c44781406f06', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '3c851aa820d225f72edd28103d65b923ae19b50a', ref: el => (this.announceElement = el) })));
+        return (index.h("div", { key: 'daf90d23ce5f11f2d370bfc9d83fbdeeb29a0889', class: "gux-container" }, index.h("div", { key: '8fd77ca38f5903d81897a705a4466edf676da481', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: 'b5cbabcf5999a3f566b0425bd0531713bbb671d6', class: "gux-search" }, index.h("gux-content-search", { key: '59a0b2c694434ce42b3a193a85966942e42a5848', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: 'b741c081072bb2a0576d1dba0d24729d0e5ac85e', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: 'eadfc9285283da226b33cbbe039e33ead748e030', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: '3de970296c09ad4b0e5b2df9f494189083f82d39' }, index.h("input", { key: '45825441d53b786122917f935c8fabc0aaaa5347', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '985cb6788363595904c56e444abf96458da5e4b6', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: 'b77c01091b9ea5792bd772539b3b80d1100f8def', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: 'e79a7e4c9609f4a776f73391661310294f9ce77a', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: 'aab5f007f481e3c158ba3c5f677a1692dcfd5968', ref: el => (this.announceElement = el) })));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-294d5ea4.js');
-const index$1 = require('./index-71d01472.js');
+const index = require('./index-9fe2464a.js');
+const usage = require('./usage-b34c8cf8.js');
+const index$1 = require('./index-0dfe7f6f.js');
 const onAttributeChange = require('./on-attribute-change-321d434b.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -66,10 +66,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (index.h("div", { key: '379064dc575df48d6cf8dd7b2ea9fb872ab3fccb', class: {
+        return (index.h("div", { key: 'fef06863d22d958f0f8f480676e367f12318b19c', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: '4d91c35178172878704367ac06bd8316086402a1', class: "gux-search-icon" }, index.h("gux-icon", { key: '975b3efd1088c3713735963790c7406cfdfd2547', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: '8a497ae9c2165e1e7f4fa8b395e35e6e484ccb4d' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: 'fb6d1378037b6afe85c8308f1c627e87a692b66d', class: "gux-search-icon" }, index.h("gux-icon", { key: '7b4a0a4c06f32a5f5a6745ae7d389263aafdb011', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: 'c2025793b2211750d0274f4f55d20f7de9fb6b3f' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-7fb02c8c.js');
+const index = require('./index-9fe2464a.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-294d5ea4.js');
-const index$1 = require('./index-71d01472.js');
-const onClickOutside = require('./on-click-outside-6db914c3.js');
+const usage = require('./usage-b34c8cf8.js');
+const index$1 = require('./index-0dfe7f6f.js');
+const onClickOutside = require('./on-click-outside-a38fafee.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -121,8 +121,8 @@ const GuxContextMenu = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: '7bd4676ce89563db9af6381d86dbb99d7a3c7203' }, index.h("gux-popup", { key: '10b26375517aaa0c565b6ee3f0eaf6bf0f9d620c', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: '42afaf086475d662a5b51827900706de0d7a6f60', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: '3c1b34e246856987ec2b686d6cdd169010adccc2', accent: "ghost" }, index.h("button", { key: '677ecfb4b3ae5a55330c3c6483e8c9594f4eb1dc', 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 }, index.h("gux-icon", { key: '6df382d6fd22e732c9846205a1579b08f6fd3573', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), index.h("div", { key: '51d4ad61c218d8622f2f8c5f7599004153b7b2f0', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: '76a8bfa5a52a7c5316a576f13cd4e13d1dcff3a6', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'dc1b4c42a238ce71dc9048efafb6b22e4eafe657' }))))));
+        return (index.h(index.Host, { key: '77a15f64c03a59b3b1d019fcafd38ebcbb5e530d' }, index.h("gux-popup", { key: '29475f2535fbaf1bdb4b6cfbbfcc7543ef16b8aa', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: 'ce880d5a7ab2da29687748cbcb63a4076496dc22', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: '0cedacad52253441dcae2b26859c8c5640b35750', accent: "ghost" }, index.h("button", { key: '542c161191b5d5057af2f0a2b49d4280a2c2293f', 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 }, index.h("gux-icon", { key: 'ff66a2c99687cb244b443cf1fc4646904629f843', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), index.h("div", { key: '121c12498c435aff8a99a4a2858dba22876466a6', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: '9982173f4aafbcf12780d2a46aaa2040695839fb', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '46dfd69b18277889c391bef912321aba190ba51e' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-294d5ea4.js');
-const index$1 = require('./index-71d01472.js');
+const index = require('./index-9fe2464a.js');
+const usage = require('./usage-b34c8cf8.js');
+const index$1 = require('./index-0dfe7f6f.js');
 require('./get-closest-element-9e41d6b9.js');
 const clickToCopy = "Click to Copy";
@@ -74,7 +74,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: '0f359f58cd0ea98ff17daa26467b5d34431674f3', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, index.h("div", { key: '36af97357f9da1c29c4f5abcbb28d98e8ed36eb6', class: "gux-copy-content" }, index.h("slot", { key: '000d41e39725975e82e94495c7646e973d171480', name: "content" }), index.h("gux-icon", { key: 'c99f7cbec96cf644b36cfe08609765b79a61fb15', "icon-name": "fa/copy-regular", decorative: true })), this.renderTooltip()));
+        return (index.h("button", { key: '519aef0cb46320762e2ef6e094159f095e7cf6af', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, index.h("div", { key: 'b5eec192b1774c16aca02bc80e0dbb1fd0e27b3c', class: "gux-copy-content" }, index.h("slot", { key: '56a5095cba2d918ce70c24afcc6d2c033f50f795', name: "content" }), index.h("gux-icon", { key: 'f000e295eccd5e535b5793ebeddee58063f6fba3', "icon-name": "fa/copy-regular", decorative: true })), this.renderTooltip()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-7fb02c8c.js');
+const index = require('./index-9fe2464a.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const index$1 = require('./index-71d01472.js');
+const index$1 = require('./index-0dfe7f6f.js');
 require('./get-closest-element-9e41d6b9.js');
 const createCustomOptionInstructions = ", select to create a new custom option";
@@ -48,11 +48,11 @@ const GuxCreateOption = class {
         return (index.h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (index.h(index.Host, { key: '0dcbc012615babc051ac2f898c055428a16d9eff', role: "option", "aria-selected": false, class: {
+        return (index.h(index.Host, { key: '56d9ed4affeb1eb6138577df406ad5ddb397b2b2', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, index.h("div", { key: '4fa9b0e2fd24f366c8b443e0bacce9a45d76213c', class: "gux-option" }, index.h("gux-icon", { key: '7c02200aa0207ac3848e92497b87e412da63a9f0', decorative: true, "icon-name": "fa/plus-regular" }), index.h("div", { key: 'b2e4084e125e3f6fff832f0177334b69b2b53d49', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, index.h("div", { key: '96245daaf7f95ac89cf1179b4f5a3ab52f65aa20', class: "gux-option" }, index.h("gux-icon", { key: 'ab7121b9be86575ab6fd7f4b826ae5e062e73df3', decorative: true, "icon-name": "fa/plus-regular" }), index.h("div", { key: '0e66206f686c355d0e49827728174ab90024e540', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

package/dist/cjs/gux-cta-group.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-7fb02c8c.js');
+const index = require('./index-9fe2464a.js');
 const logError = require('./log-error-7b9d4b57.js');
 const guxCtaGroupCss = ".gux-cta-group{display:flex;gap:var(--gse-ui-ctaGroup-gap)}.gux-cta-group.gux-end-align{flex-direction:row-reverse;align-items:flex-end}";
@@ -71,7 +71,7 @@ const GuxCTAGroup = class {
         this.validateDismissSlot(this.root.querySelector('[slot=dismiss]'));
     }
     render() {
-        return (index.h("div", { key: '8173069370a108be86e6ece1bb2d9883ff5aa881', class: `gux-cta-group gux-${this.align}-align` }, index.h("slot", { key: '864f1941fa2a66ff658cdd56d5e0c5082709333b', name: "primary" }), index.h("slot", { key: '74d7d31bb9f327577ce1f639231a79ce84b759ce', name: "secondary" }), index.h("slot", { key: '3d97c644a3911d97cdb23469347ac898ac141a08', name: "dismiss" })));
+        return (index.h("div", { key: 'ea48cb42883a8e129c88d39bc26430bb998f7e6d', class: `gux-cta-group gux-${this.align}-align` }, index.h("slot", { key: 'b3a420b15d08d01b9f640891228c443f93197497', name: "primary" }), index.h("slot", { key: 'bb98fe2475fb716dda62cfb887a63c3042a10be3', name: "secondary" }), index.h("slot", { key: '6bf8a3c8152cda870f7d3036c837918f83dee8e1', name: "dismiss" })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-294d5ea4.js');
-const getValidTimezone = require('./get-valid-timezone-c248443a.js');
-const useRegionalDates = require('./use-regional-dates-34243a86.js');
-const index$1 = require('./index-71d01472.js');
+const index = require('./index-9fe2464a.js');
+const usage = require('./usage-b34c8cf8.js');
+const getValidTimezone = require('./get-valid-timezone-a670d106.js');
+const useRegionalDates = require('./use-regional-dates-44835a16.js');
+const index$1 = require('./index-0dfe7f6f.js');
 require('./get-closest-element-9e41d6b9.js');
 const GuxDate = class {
@@ -41,7 +41,7 @@ const GuxDate = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '79f6d22c05b5530f617b7db412af44f0e2a374b7' }, this.renderDate()));
+        return (index.h(index.Host, { key: '9385c8d0c79a8839c2eb3624d17dbb7aa66f0949' }, this.renderDate()));
     }
     get root() { return index.getElement(this); }
 };