genesys-spark-components 4.105.5 → 4.106.0

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-79505d14.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-block-size:var(--gse-ui-breadcrumbs-secondary-height)}.gux-breadcrumb-generation .gux-breadcrumb-content{font-family:var(--gse-ui-links-inLine-small-text-fontFamily);font-size:var(--gse-ui-links-inLine-small-text-fontSize);font-weight:var(--gse-ui-links-inLine-small-text-fontWeight);line-height:var(--gse-ui-links-inLine-small-text-lineHeight);text-decoration:none;color:var(--gse-ui-links-default-foregroundColor);pointer-events:none}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-active{color:var(--gse-ui-links-active-foregroundColor)}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-link{color:var(--gse-ui-links-default-foregroundColor);pointer-events:initial}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-link:visited{color:var(--gse-ui-links-visited-foregroundColor)}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-link:hover{font-family:var(--gse-ui-links-inLine-small-underlinedText-fontFamily);font-size:var(--gse-ui-links-inLine-small-underlinedText-fontSize);font-weight:var(--gse-ui-links-inLine-small-underlinedText-fontWeight);line-height:var(--gse-ui-links-inLine-small-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-inLine-small-underlinedText-textDecoration);color:var(--gse-ui-links-hover-foregroundColor)}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-link:active{color:var(--gse-ui-links-active-foregroundColor)}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-link:focus-visible{outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}.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-block-size:var(--gse-ui-breadcrumbs-primary-height)}.gux-breadcrumb-generation.gux-primary .gux-breadcrumb-content{font-family:var(--gse-ui-links-inLine-medium-text-fontFamily);font-size:var(--gse-ui-links-inLine-medium-text-fontSize);font-weight:var(--gse-ui-links-inLine-medium-text-fontWeight);line-height:var(--gse-ui-links-inLine-medium-text-lineHeight);text-decoration:none}.gux-breadcrumb-generation.gux-primary .gux-breadcrumb-content.gux-link:hover{font-family:var(--gse-ui-links-inLine-medium-underlinedText-fontFamily);font-size:var(--gse-ui-links-inLine-medium-underlinedText-fontSize);font-weight:var(--gse-ui-links-inLine-medium-underlinedText-fontWeight);line-height:var(--gse-ui-links-inLine-medium-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-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)}";
+const guxBreadcrumbItemCss = ".gux-breadcrumb-generation{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:flex-start flex-start;align-items:center;min-block-size:var(--gse-ui-breadcrumbs-secondary-height)}.gux-breadcrumb-generation .gux-breadcrumb-content{font-family:var(--gse-ui-links-inLine-small-text-fontFamily);font-size:var(--gse-ui-links-inLine-small-text-fontSize);font-weight:var(--gse-ui-links-inLine-small-text-fontWeight);line-height:var(--gse-ui-links-inLine-small-text-lineHeight);text-decoration:none;color:var(--gse-ui-links-default-foregroundColor);pointer-events:none}.gux-breadcrumb-generation .gux-breadcrumb-content.gux-active{color:var(--gse-ui-links-active-foregroundColor)}.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-block-size:var(--gse-ui-breadcrumbs-primary-height)}.gux-breadcrumb-generation.gux-primary .gux-breadcrumb-content{font-family:var(--gse-ui-links-inLine-medium-text-fontFamily);font-size:var(--gse-ui-links-inLine-medium-text-fontSize);font-weight:var(--gse-ui-links-inLine-medium-text-fontWeight);line-height:var(--gse-ui-links-inLine-medium-text-lineHeight);text-decoration:none}.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)}";
 const GuxBreadcrumbItemStyle0 = guxBreadcrumbItemCss;
 
 const GuxBreadcrumbItem = class {
@@ -27,12 +27,12 @@ const GuxBreadcrumbItem = class {
         const children = parentNode.children;
         return children[children.length - 1] === this.root;
     }
-    getBreadcrumb() {
+    getBreadcrumb(accent) {
         if (this.isActiveBreadcrumb()) {
             return (index.h("span", { class: "gux-breadcrumb-content gux-active", "aria-current": "page" }, index.h("slot", null)));
         }
         if (this.href) {
-            return (index.h("a", { class: "gux-breadcrumb-content gux-link", href: this.href }, index.h("slot", null)));
+            return (index.h("gux-link-beta", { size: accent === 'secondary' ? 'small' : 'medium', standalone: true }, index.h("a", { href: this.href }, index.h("slot", null))));
         }
         return (index.h("span", { class: "gux-breadcrumb-content" }, index.h("slot", null)));
     }
@@ -44,7 +44,7 @@ const GuxBreadcrumbItem = class {
     }
     render() {
         const accent = this.getAccent();
-        return (index.h(index.Host, { key: '791a7a75b4c62e094b0434d6b41f4cea450b180d', role: "listitem" }, index.h("span", { key: '616caad073f0658056d2d9d12dc57a8bccf21672', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
+        return (index.h(index.Host, { key: '6ab548f108375f82868773e85c3d3c67823a770a', role: "listitem" }, index.h("span", { key: '919eb454009208296318bd05f1522df270da9b02', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const index$1 = require('./index-16a4179e.js');
-const usage = require('./usage-43072083.js');
+const index$1 = require('./index-643c40f5.js');
+const usage = require('./usage-7cad50c2.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: 'f5769aedf82faca026a12e7c2541e9e0ae7932fc', "aria-label": this.i18n('breadcrumbs') }, index.h("ol", { key: '698acb022dd77e1a9b8ad2e810621269d455d2f7' }, index.h("slot", { key: 'dc1a815e052129fcc91befb3eb548ef2361a19a0', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (index.h("nav", { key: 'd465de206b51c598f3686261b6d60f295d37f44e', "aria-label": this.i18n('breadcrumbs') }, index.h("ol", { key: '223e45249ccb39f9d53b37291480effacc5a4d4f' }, index.h("slot", { key: 'a51465700d9d015985c30af4eadbcb9905c439c7', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -6,7 +6,7 @@ const index = require('./index-79505d14.js');
 const onClickOutside = require('./on-click-outside-31073d32.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-7cad50c2.js');
 
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {
@@ -119,7 +119,7 @@ const GuxButtonMulti = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h("gux-popup", { key: '8c41d551ae693edc1937f51f1949227aa385d353', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, index.h("div", { key: '43ab558d781d3171e0707e112b6978f1a75bbbf7', slot: "target", class: "gux-button-multi-container" }, index.h("gux-button-slot", { key: 'f867b5116e05b7c1e9a704b23c189a5ed5cf5c34', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, index.h("button", { key: 'fe10450696f73f6503ceb44b26ea6f147920e033', 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: 'e0601bbc2ceb98d13c9f3366205e0299b030f6c5', name: "title" }), index.h("gux-icon", { key: 'd64efeace5792a6c2a92e92af42b967376f445d3', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), index.h("div", { key: 'e9868c6e1bb10f20fd253a6cd7ebaa35016c06a9', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: 'fffdb8a6dd00f4e0c18255a659fec4bbdb2651c5', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '8294c06dbc706f1c33cb614dab6d4762f17c4986' })))));
+        return (index.h("gux-popup", { key: '1fc2fbcfd03b75849c022f9b92e64c2a4e3f3131', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, index.h("div", { key: '5aa42e210e1a43958413e3225b6d922ed37a7f7e', slot: "target", class: "gux-button-multi-container" }, index.h("gux-button-slot", { key: 'f20f0b9023f2d92afc105e0bd0c89b235cc0f746', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, index.h("button", { key: 'b73b7a97d166fbd1ad87aa09211d5fc27badc13f', 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: 'e0f36249c5263cff97eb49480bf7497cb6371e2c', name: "title" }), index.h("gux-icon", { key: '3a1fb0a88459dcab0142b963371b28c137be11fb', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), index.h("div", { key: '26803bc53c7fcdea897f34ae48f77ef26886f798', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '5034fde39e012c5698d4c38780f7764ce69b8d34', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '09d5e9751cca73e8bb1bac1cfc3f0b913db25897' })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-7cad50c2.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-iconOnly-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-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(input[type=button]:hover:enabled),::slotted(input[type=submit]:hover:enabled),::slotted(button:hover:enabled){color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}::slotted(input[type=button]:active:enabled),::slotted(input[type=submit]:active:enabled),::slotted(button:active:enabled){color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]),:host([accent=primary]) ::slotted(input[type=submit]),:host([accent=primary]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:hover:enabled),:host([accent=primary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=primary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:active:enabled),:host([accent=primary]) ::slotted(input[type=submit]:active:enabled),:host([accent=primary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]),:host([accent=tertiary]) ::slotted(input[type=submit]),:host([accent=tertiary]) ::slotted(button){color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width)}:host([accent=tertiary]) ::slotted(input[type=button]:hover:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=tertiary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]:active:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:active:enabled),:host([accent=tertiary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]),:host([accent=ghost]) ::slotted(input[type=submit]),:host([accent=ghost]) ::slotted(button){color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:hover:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:hover:enabled),:host([accent=ghost]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:active:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:active:enabled),:host([accent=ghost]) ::slotted(button:active:enabled){color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]),:host([accent=danger]) ::slotted(input[type=submit]),:host([accent=danger]) ::slotted(button){color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:hover:enabled),:host([accent=danger]) ::slotted(input[type=submit]:hover:enabled),:host([accent=danger]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:active:enabled),:host([accent=danger]) ::slotted(input[type=submit]:active:enabled),:host([accent=danger]) ::slotted(button:active:enabled){color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}:host([accent=inline]){min-inline-size:initial}:host([accent=inline]) ::slotted(input[type=button]),:host([accent=inline]) ::slotted(input[type=submit]),:host([accent=inline]) ::slotted(button){block-size:initial;padding:0;color:var(--gse-ui-links-default-foregroundColor);background:none;border:none}:host([accent=inline]) ::slotted(input[type=button][disabled]),:host([accent=inline]) ::slotted(input[type=submit][disabled]),:host([accent=inline]) ::slotted(button[disabled]){color:var(--gse-ui-links-disabled-foregroundColor)}:host([accent=inline]) ::slotted(input[type=button]:hover:enabled),:host([accent=inline]) ::slotted(input[type=submit]:hover:enabled),:host([accent=inline]) ::slotted(button:hover:enabled){color:var(--gse-ui-links-hover-foregroundColor);text-decoration:underline;background:none}:host([accent=inline]) ::slotted(input[type=button]:active:enabled),:host([accent=inline]) ::slotted(input[type=submit]:active:enabled),:host([accent=inline]) ::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}";
+const guxButtonSlotCss = ":host{display:inline-block;pointer-events:none}::slotted(input[type=button]),::slotted(input[type=submit]),::slotted(button){font-family:var(--gse-ui-button-text-fontFamily);font-size:var(--gse-ui-button-text-fontSize);font-weight:var(--gse-ui-button-text-fontWeight);line-height:var(--gse-ui-button-text-lineHeight);inline-size:100%;min-inline-size:var(--gse-ui-button-iconOnly-width);block-size:var(--gse-ui-button-default-height);padding:var(--gse-ui-button-default-padding);overflow:hidden;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-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}::slotted(input[type=button]:hover:enabled),::slotted(input[type=submit]:hover:enabled),::slotted(button:hover:enabled){color:var(--gse-ui-button-secondary-hover-foregroundColor);background-color:var(--gse-ui-button-secondary-hover-backgroundColor)}::slotted(input[type=button]:active:enabled),::slotted(input[type=submit]:active:enabled),::slotted(button:active:enabled){color:var(--gse-ui-button-secondary-active-foregroundColor);background-color:var(--gse-ui-button-secondary-active-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]),:host([accent=primary]) ::slotted(input[type=submit]),:host([accent=primary]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background-color:var(--gse-ui-button-primary-default-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:hover:enabled),:host([accent=primary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=primary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background-color:var(--gse-ui-button-primary-hover-backgroundColor)}:host([accent=primary]) ::slotted(input[type=button]:active:enabled),:host([accent=primary]) ::slotted(input[type=submit]:active:enabled),:host([accent=primary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background-color:var(--gse-ui-button-primary-active-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]),:host([accent=tertiary]) ::slotted(input[type=submit]),:host([accent=tertiary]) ::slotted(button){color:var(--gse-ui-button-tertiary-default-foregroundColor);background-color:var(--gse-ui-button-tertiary-default-backgroundColor);border-color:var(--gse-ui-button-tertiary-default-border-color);border-style:var(--gse-ui-button-tertiary-default-border-style);border-width:var(--gse-ui-button-tertiary-default-border-width)}:host([accent=tertiary]) ::slotted(input[type=button]:hover:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:hover:enabled),:host([accent=tertiary]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-tertiary-hover-foregroundColor);background-color:var(--gse-ui-button-tertiary-hover-backgroundColor)}:host([accent=tertiary]) ::slotted(input[type=button]:active:enabled),:host([accent=tertiary]) ::slotted(input[type=submit]:active:enabled),:host([accent=tertiary]) ::slotted(button:active:enabled){color:var(--gse-ui-button-tertiary-active-foregroundColor);background-color:var(--gse-ui-button-tertiary-active-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]),:host([accent=ghost]) ::slotted(input[type=submit]),:host([accent=ghost]) ::slotted(button){color:var(--gse-ui-button-ghost-default-foregroundColor);background-color:var(--gse-ui-button-ghost-default-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:hover:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:hover:enabled),:host([accent=ghost]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-ghost-hover-foregroundColor);background-color:var(--gse-ui-button-ghost-hover-backgroundColor)}:host([accent=ghost]) ::slotted(input[type=button]:active:enabled),:host([accent=ghost]) ::slotted(input[type=submit]:active:enabled),:host([accent=ghost]) ::slotted(button:active:enabled){color:var(--gse-ui-button-ghost-active-foregroundColor);background-color:var(--gse-ui-button-ghost-active-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]),:host([accent=danger]) ::slotted(input[type=submit]),:host([accent=danger]) ::slotted(button){color:var(--gse-ui-button-danger-default-foregroundColor);background-color:var(--gse-ui-button-danger-default-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:hover:enabled),:host([accent=danger]) ::slotted(input[type=submit]:hover:enabled),:host([accent=danger]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-danger-hover-foregroundColor);background-color:var(--gse-ui-button-danger-hover-backgroundColor)}:host([accent=danger]) ::slotted(input[type=button]:active:enabled),:host([accent=danger]) ::slotted(input[type=submit]:active:enabled),:host([accent=danger]) ::slotted(button:active:enabled){color:var(--gse-ui-button-danger-active-foregroundColor);background-color:var(--gse-ui-button-danger-active-backgroundColor)}:host([accent=inline]){min-inline-size:initial}:host([accent=inline]) ::slotted(input[type=button]),:host([accent=inline]) ::slotted(input[type=submit]),:host([accent=inline]) ::slotted(button){block-size:initial;padding:0;color:var(--gse-ui-links-default-foregroundColor);background:none;border:none}:host([accent=inline]) ::slotted(input[type=button][disabled]),:host([accent=inline]) ::slotted(input[type=submit][disabled]),:host([accent=inline]) ::slotted(button[disabled]){color:var(--gse-ui-links-disabled-foregroundColor)}:host([accent=inline]) ::slotted(input[type=button]:hover:enabled),:host([accent=inline]) ::slotted(input[type=submit]:hover:enabled),:host([accent=inline]) ::slotted(button:hover:enabled){color:var(--gse-ui-links-hover-foregroundColor);text-decoration:underline;background:none}:host([accent=inline]) ::slotted(input[type=button]:active:enabled),:host([accent=inline]) ::slotted(input[type=submit]:active:enabled),:host([accent=inline]) ::slotted(button:active:enabled){color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}";
 const GuxButtonSlotStyle0 = guxButtonSlotCss;
 
 const GuxButtonSlot = class {
@@ -38,7 +38,7 @@ const GuxButtonSlot = class {
         this.validateSlotContent();
     }
     render() {
-        return (index.h(index.Host, { key: '10e7d27d0574eec6e2d388fa050300b53758d8aa', accent: this.accent, "icon-only": this.iconOnly }, index.h("slot", { key: '600b25d04fe7de3ac879c1aa5c03cb838ff7aa1c' })));
+        return (index.h(index.Host, { key: '4699b0c94c1438b438d3d0af3a619eed470d972a', accent: this.accent, "icon-only": this.iconOnly }, index.h("slot", { key: 'bbaafbfd06069ef30b06c2e2454a1bd1aa82ce8a' })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-button_4.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-7cad50c2.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
 const onMutation = require('./on-mutation-9b997891.js');
 const onAttributeChange = require('./on-attribute-change-321d434b.js');
@@ -25,7 +25,7 @@ const findElementById = require('./find-element-by-id-fde17c92.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./log-error-7b9d4b57.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:8px;vertical-align:middle}::slotted(gux-tooltip),::slotted(gux-tooltip-beta){padding-inline-start:0}::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-iconOnly-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]{pointer-events:none;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-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}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-links-default-foregroundColor);background:none;border:none;border-radius:0}button.gux-inline[disabled]{color:var(--gse-ui-links-disabled-foregroundColor)}button.gux-inline:hover:enabled{color:var(--gse-ui-links-hover-foregroundColor);text-decoration:underline;background:none}button.gux-inline:active:enabled{color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}";
+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:8px;vertical-align:middle}::slotted(gux-tooltip),::slotted(gux-tooltip-beta){padding-inline-start:0}::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-iconOnly-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]{pointer-events:none;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-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}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-links-default-foregroundColor);background:none;border:none;border-radius:0}button.gux-inline[disabled]{color:var(--gse-ui-links-disabled-foregroundColor)}button.gux-inline:hover:enabled{color:var(--gse-ui-links-hover-foregroundColor);text-decoration:underline;background:none}button.gux-inline:active:enabled{color:var(--gse-ui-links-active-foregroundColor);text-decoration:underline;background:none}";
 const GuxButtonStyle0 = guxButtonCss;
 
 const GuxButton = class {
@@ -46,10 +46,10 @@ const GuxButton = class {
     }
     render() {
         return [
-            index.h("button", { key: '12210a0c4552359ba40fa3eadc84c1ae9e73db25', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            index.h("button", { key: 'd146c87036f53d21c9936f3c8704f89975acb10d', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle }, index.h("slot", { key: '63c98885b95820843c89af0e259fc88549901e11', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle }, index.h("slot", { key: 'ea93ad931802e11cc5186a2b6ecda0e4cec95476', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }
@@ -186,14 +186,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'ab631101b6862833e2c36644483a01e93af96e11', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '934dbd86950aa929dabb795de000169fc1b97b06', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'a57ffbfe28f88e99a15834b817ea40661b1b1476', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '5eedcd2bdd038b398b734b797ba7dff90c42a471', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '704429fdbbdad84d05fd70025e5a0f4f760f73f4', name: "label-info" })), index.h("div", { key: '7e89f5546fa6c6613251a10b8bfda27e875e6f0f', class: "gux-input-and-error-container" }, index.h("div", { key: 'f2dc3bca6b6abd12cfa0a324513d9623bb9e5f92', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '49ed3e1102b18b0afd80fa7f2dbdbe650183d7b5', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '49b896abc67f8daf23f39cfdb538bd0bfd24f5a3', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '07b6bb0098735cdb93670bdd4239f70c87a4c403', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '2846f8347b8bfb90982fb7c8a286f9dc28db6db8', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '5ff63629608ee4c64b5c93b8ea2f591ed992403b', name: "label-info" })), index.h("div", { key: 'a63425de0f0116dc85790e8377e45605273ce18b', class: "gux-input-and-error-container" }, index.h("div", { key: 'd67c396e117112b44e028d189ba6b6a45e2142b1', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, index.h("div", { key: '9863349de6753b26f0a37429d7c1c6bd653701b9', class: {
+            }, part: "input-section" }, index.h("div", { key: '7ecb0947167b2c51672754448517d757238047d6', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: 'c711c9315d0629cdeaed280a656f78a54ef44a5c', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: 'dfe3f36ceafd98c58f3770544923f530642c0548', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: '7a5a9f6fea2d993fc2b98bcabbf32d9bcd374095', show: this.hasError }, index.h("slot", { key: 'c7cd9f47e048ff9603078e9892db21cb9228929c', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '13467ce79ee98eeab2bde6abb192ba5866f05345', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '7be48e2d899c945e1a5d8a8f9167e5c90e564289', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '56ca0045044f88985e4505ce00627fadbe816291', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: '2ada074e5e27e541104a746d2b1e55c2dfee850b', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: '8e3b2c7c8f93b4a2e9eaaa57872876541b938f75', show: this.hasError }, index.h("slot", { key: 'fe815006fe7e240c834d021e3c0058fe7bcb2688', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '0a648c9e9a1b238439f414ec7977f7e2b307f382', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '7c39e14dd4d8715b99fa8f07bf44157e24f61e04', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -354,10 +354,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            index.h("gux-button", { key: '3e9818df1bad5f5eeb9e5e9ce7907fd65579452e', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, index.h("gux-icon", { key: 'cfc10fafdde3b3a8d4fda8d4120c49c12469218c', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
-            index.h("gux-tooltip", { key: '5dadba2357736506d891904053c2a8d563634633', for: "popover-target" }, index.h("div", { key: '8c8c9de8993b6fd484bef7e7579e065d49226e52', slot: "content" }, this.i18n('goToPage'))),
-            index.h("gux-popover", { key: '46c98643af3ebaa7165f138e417354e87cce0114', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: '99d6a20af3addbb77f54096165a6ba457c7afbe8', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: 'df2cc7cc3ebc1f6e9cf5f945090bdeb2b4ea3326' }, index.h("input", { key: '28b7e5d1a2600197e37db557932647df119838f5', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
-                    evt.preventDefault() }), index.h("label", { key: 'c9aa0c7996d0a796852b5361f13eaf4d86fa319c', slot: "label" })))
+            index.h("gux-button", { key: '79a4948c8592bd3c1c5e3b5e14e95f7e12b37000', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, index.h("gux-icon", { key: 'ffc5926c1509895c262f6d76c42b3c769c5c5ab7', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
+            index.h("gux-tooltip", { key: '6a88654b0c0c301eac58834528cf2d6e7d0b9e21', for: "popover-target" }, index.h("div", { key: '9e7b0d62ade18fd7763f4ac724c50c3a9254187e', slot: "content" }, this.i18n('goToPage'))),
+            index.h("gux-popover", { key: '01cb8d263f49370950e9aa8f5e3e450a440771cf', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: '02b0525f7e9e680d423e0ab7fe6a8052ce960cea', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: 'dcdc71ea7b41e4d7e784219827f8a0fe8402fd8c' }, index.h("input", { key: 'df5141479f7734a6b7722c94717a7f356fffd3ff', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
+                    evt.preventDefault() }), index.h("label", { key: '6e69eafad13b5dcce4b051557a0e1a8d4c149e68', slot: "label" })))
         ];
     }
     get root() { return index.getElement(this); }
@@ -540,10 +540,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'fb36dd93ac4f4d5a6726de51067d2a60a96cf6c8', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '7f9fccc133020af77cf5c074773c89a4b2f20c37', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: '4dab55d40f0ce2b29dbf427d46c41b71121fbc1e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '90c0945fb240e3ba4b92268752e9327b869a31c2', class: "gux-arrow-caret" })), index.h("div", { key: '05744632fe1f364ec682f0e47f644aac0f96b665', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: 'b2bc10b8c13e2860745c0d43258b6afed0b9cb8a', name: "title" }), this.renderDismissButton()), index.h("div", { key: 'bad43003c6af1bc477c66f7a6fe419687a3909bd', class: "gux-popover-content" }, index.h("slot", { key: '9cfb5ee253dddc2e2454b1495380172a8f9f93b0' }))));
+            }, "data-placement": true }, index.h("div", { key: '6a74b4ba58750b8cda24aea578976f131bf41b13', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: 'e7dd29cb3df94fa9fc8db003aa0bec5383a68aff', class: "gux-arrow-caret" })), index.h("div", { key: 'c2406a2c1dbc68ce7b23bb8d951ff389ec0640ee', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: '247552e8de2da3b30d616bad7931ea97f8856887', name: "title" }), this.renderDismissButton()), index.h("div", { key: '62e5ae2b86329d8d9ac78a04673a5378db57f4b4', class: "gux-popover-content" }, index.h("slot", { key: 'd292319ee8b6f4f8965e64cb2cf0211bfa65dcdf' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-79505d14.js');
 const isoDates = require('./iso-dates-2daf4199.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const logError = require('./log-error-7b9d4b57.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
@@ -48,7 +48,7 @@ const translationResources = {
 	nextMonth: nextMonth
 };
 
-const guxCalendarCss = ".gux-calendar-beta{box-sizing:border-box;display:inline-flex;flex-direction:column;font-family:var(--gse-ui-calendarMenu-month-defaultText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-defaultText-fontSize);background:var(--gse-ui-calendarMenu-date-selected-foregroundColor);border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius);box-shadow:rgba(34, 37, 41, 0.24) 0 2px 4px}.gux-calendar-beta .gux-header{display:flex;align-items:center;justify-content:space-between;block-size:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);font-style:normal;font-weight:var(--gse-ui-calendarMenu-month-currentText-fontWeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);text-align:center;background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-calendar-beta .gux-header .gux-header-month-and-year{inline-size:var(--gse-ui-calendarMenu-month-single-header-textWidth);font-family:var(--gse-ui-calendarMenu-month-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-headerText-fontSize);line-height:var(--gse-ui-calendarMenu-month-headerText-lineHeight);color:var(--gse-ui-calendarMenu-month-selected-foregroundColor)}.gux-calendar-beta .gux-header .gux-left,.gux-calendar-beta .gux-header .gux-right{color:var(--gse-ui-calendarMenu-header-foregroundColor);cursor:pointer;background:none;border:none;outline:none}.gux-calendar-beta .gux-header .gux-left:focus-visible,.gux-calendar-beta .gux-header .gux-right:focus-visible{outline:2px solid #aac9ff;outline-offset:1px}.gux-calendar-beta .gux-header .gux-left gux-icon,.gux-calendar-beta .gux-header .gux-right gux-icon{inline-size:16px;block-size:16px}.gux-calendar-beta .gux-week-days{padding-block-start:24px;padding-inline:24px;font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-day-headerText-fontSize);font-weight:var(--gse-ui-calendarMenu-day-headerText-fontWeight);color:var(--gse-ui-calendarMenu-month-default-foregroundColor);text-align:center}.gux-calendar-beta .gux-week-days .gux-week-day{display:inline-block;inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:16px}.gux-calendar-beta .gux-content{padding:var(--gse-ui-calendarMenu-dateBody-padding);color:var(--gse-ui-calendarMenu-month-default-foregroundColor);background-color:var(--gse-ui-calendarMenu-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius)}.gux-calendar-beta .gux-content-week .gux-content-date{display:inline-block;inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-input-height);font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-defaultText-fontSize);font-style:normal;font-weight:var(--gse-ui-calendarMenu-date-defaultText-fontWeight);line-height:32px;color:#626e84;text-align:center;vertical-align:middle;border:none;outline:none;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar-beta .gux-content-week .gux-content-date.gux-current-month{color:var(--gse-ui-calendarMenu-month-default-foregroundColor);opacity:1}.gux-calendar-beta .gux-content-week .gux-content-date.gux-hidden{display:none}.gux-calendar-beta .gux-content-week .gux-content-date.gux-disabled{pointer-events:none}.gux-calendar-beta .gux-content-week .gux-content-date.gux-selected{color:var(--gse-ui-calendarMenu-date-selected-foregroundColor);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border:none;border-radius:var(--gse-ui-calendarMenu-month-borderRadius);outline:none}.gux-calendar-beta .gux-content-week .gux-content-date.gux-selected:hover{background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar-beta .gux-content-week .gux-content-date:hover{cursor:pointer;background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar-beta .gux-content-week .gux-content-date:focus-visible{border-radius:var(--gse-ui-calendarMenu-month-focusBorderRadius);outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus)}.gux-calendar-beta .gux-content-week .gux-content-date .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-calendar-beta .gux-content-week .gux-content-date.gux-current-date{font-family:var(--gse-ui-calendarMenu-month-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-currentText-fontWeight)}";
+const guxCalendarCss = ".gux-calendar-beta{box-sizing:border-box;display:inline-flex;flex-direction:column;font-family:var(--gse-ui-calendarMenu-month-defaultText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-defaultText-fontSize);background:var(--gse-ui-calendarMenu-date-selected-foregroundColor);border-radius:8px;box-shadow:var(--gse-ui-calendarMenu-boxShadow-offsetX) var(--gse-ui-calendarMenu-boxShadow-offsetY) var(--gse-ui-calendarMenu-boxShadow-blur) var(--gse-ui-calendarMenu-boxShadow-spread) var(--gse-ui-calendarMenu-boxShadow-color)}.gux-calendar-beta .gux-header{display:flex;align-items:center;justify-content:space-between;block-size:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);font-style:normal;font-weight:var(--gse-ui-calendarMenu-month-currentText-fontWeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);text-align:center;background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-calendar-beta .gux-header .gux-header-month-and-year{inline-size:var(--gse-ui-calendarMenu-month-single-header-textWidth);font-family:var(--gse-ui-calendarMenu-month-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-headerText-fontSize);line-height:var(--gse-ui-calendarMenu-month-headerText-lineHeight);color:var(--gse-ui-calendarMenu-month-selected-foregroundColor)}.gux-calendar-beta .gux-header .gux-left,.gux-calendar-beta .gux-header .gux-right{block-size:100%;color:var(--gse-ui-calendarMenu-header-foregroundColor);cursor:pointer;background:none;border:none;outline:none}.gux-calendar-beta .gux-header .gux-left:focus-visible,.gux-calendar-beta .gux-header .gux-right:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-calendar-beta .gux-content{display:flex;flex-direction:column;gap:var(--gse-ui-calendarMenu-dateBody-gap);padding:var(--gse-ui-calendarMenu-dateBody-padding);color:var(--gse-ui-calendarMenu-date-default-foregroundColor);background-color:var(--gse-ui-calendarMenu-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius)}.gux-calendar-beta .gux-content .gux-week-days{font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-day-headerText-fontSize);font-weight:var(--gse-ui-calendarMenu-day-headerText-fontWeight);color:var(--gse-ui-calendarMenu-month-default-foregroundColor);text-align:center}.gux-calendar-beta .gux-content .gux-week-days .gux-week-day{display:inline-block;inline-size:var(--gse-ui-calendarMenu-day-range-height);block-size:var(--gse-ui-calendarMenu-day-range-width)}.gux-calendar-beta .gux-content .gux-content-week .gux-content-date{display:inline-block;inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-input-height);font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-defaultText-fontSize);font-style:normal;font-weight:var(--gse-ui-calendarMenu-date-defaultText-fontWeight);line-height:32px;text-align:center;vertical-align:middle;border:none;outline:none;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar-beta .gux-content .gux-content-week .gux-content-date.gux-current-month{color:var(--gse-ui-calendarMenu-month-default-foregroundColor);opacity:1}.gux-calendar-beta .gux-content .gux-content-week .gux-content-date.gux-hidden{display:none}.gux-calendar-beta .gux-content .gux-content-week .gux-content-date.gux-disabled{pointer-events:none}.gux-calendar-beta .gux-content .gux-content-week .gux-content-date.gux-selected{color:var(--gse-ui-calendarMenu-date-selected-foregroundColor);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border:none;border-radius:var(--gse-ui-calendarMenu-month-borderRadius);outline:none}.gux-calendar-beta .gux-content .gux-content-week .gux-content-date.gux-selected:hover{background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar-beta .gux-content .gux-content-week .gux-content-date:hover{cursor:pointer;background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar-beta .gux-content .gux-content-week .gux-content-date:focus-visible{border-radius:var(--gse-ui-calendarMenu-month-focusBorderRadius);outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-calendar-beta .gux-content .gux-content-week .gux-content-date .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-calendar-beta .gux-content .gux-content-week .gux-content-date.gux-current-date{font-family:var(--gse-ui-calendarMenu-month-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-currentText-fontWeight)}";
 const GuxCalendarBetaStyle0 = guxCalendarCss;
 
 const GuxCalendar = class {
@@ -221,12 +221,12 @@ const GuxCalendar = class {
     renderHeader() {
         return (index.h("div", { class: "gux-header" }, index.h("button", { type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth', {
                 localizedPreviousMonthAndYear: getDateAsMonthYear(this.changeMonth(-1), this.locale)
-            }), onClick: () => this.setNewFocusedMonth(-1) }, index.h("gux-icon", { decorative: true, "icon-name": "custom/chevron-left-small-regular" })), index.h("span", { class: "gux-header-month-and-year" }, getDateAsMonthYear(this.getFocusedValue(), this.locale)), index.h("button", { type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth', {
+            }), onClick: () => this.setNewFocusedMonth(-1) }, index.h("gux-icon", { size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), index.h("span", { class: "gux-header-month-and-year" }, getDateAsMonthYear(this.getFocusedValue(), this.locale)), index.h("button", { type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth', {
                 localizedNextMonthAndYear: getDateAsMonthYear(this.changeMonth(1), this.locale)
-            }), onClick: () => this.setNewFocusedMonth(1) }, index.h("gux-icon", { decorative: true, "icon-name": "custom/chevron-right-small-regular" }))));
+            }), onClick: () => this.setNewFocusedMonth(1) }, index.h("gux-icon", { size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))));
     }
     renderContent() {
-        return (index.h("div", null, index.h("div", { class: "gux-week-days" }, getWeekdays(this.locale, this.startDayOfWeek).map(day => (index.h("div", { class: "gux-week-day" }, day)))), index.h("div", { class: "gux-content" }, this.getMonthDays().map(week => (index.h("div", { class: "gux-content-week" }, week.dates.map(day => (index.h("div", { "data-date": day.date.getTime(), onClick: () => this.onDateClick(day.date), role: "button", "aria-current": day.selected ? 'true' : 'false', tabindex: day.selected || day.focused ? '0' : '-1', onKeyDown: e => void this.onKeyDown(e), "aria-disabled": day.disabled ? 'true' : 'false', class: {
+        return (index.h("div", { class: "gux-content" }, index.h("div", { class: "gux-week-days" }, getWeekdays(this.locale, this.startDayOfWeek).map(day => (index.h("div", { class: "gux-week-day" }, day)))), index.h("div", null, this.getMonthDays().map(week => (index.h("div", { class: "gux-content-week" }, week.dates.map(day => (index.h("div", { "data-date": day.date.getTime(), onClick: () => this.onDateClick(day.date), role: "button", "aria-current": day.selected ? 'true' : 'false', tabindex: day.selected || day.focused ? '0' : '-1', onKeyDown: e => void this.onKeyDown(e), "aria-disabled": day.disabled ? 'true' : 'false', class: {
                 'gux-content-date': true,
                 'gux-disabled': day.disabled,
                 'gux-current-month': day.inCurrentMonth,
@@ -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: '4810ec697a88feab92ed7bb5f0deb725755de699', class: "gux-calendar-beta" }, index.h("slot", { key: 'cfde02db14b9d5d3fc68905f86ed4718828e0364' }), this.renderHeader(), this.renderContent()));
+        return (index.h("div", { key: 'e0bc6441c51d12d1c5d82409309c0a57b119873a', class: "gux-calendar-beta" }, index.h("slot", { key: '082c6a0fde9e2c37eeb08a8584bc7e195541ae00' }), this.renderHeader(), this.renderContent()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-79505d14.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const isoDates = require('./iso-dates-2daf4199.js');
-const usage = require('./usage-43072083.js');
-const index$1 = require('./index-16a4179e.js');
+const usage = require('./usage-7cad50c2.js');
+const index$1 = require('./index-643c40f5.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -65,7 +65,7 @@ function getDateMonthAndYearString(date, locale) {
     }
 }
 
-const guxCalendarCss = ":host{display:inline-block}.gux-calendar{margin-block-start:2px;border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius);box-shadow:var(--gse-ui-calendarMenu-boxShadow-offsetX) var(--gse-ui-calendarMenu-boxShadow-offsetY) var(--gse-ui-calendarMenu-boxShadow-blur) var(--gse-ui-calendarMenu-boxShadow-spread) var(--gse-ui-calendarMenu-boxShadow-color)}.gux-calendar .gux-header{position:relative;display:flex;gap:var(--gse-ui-calendarMenu-header-gap);align-items:center;justify-content:space-between;block-size:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);font-weight:var(--gse-ui-calendarMenu-month-currentText-fontWeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-calendar .gux-header button{position:absolute;color:var(--gse-ui-calendarMenu-header-foregroundColor);cursor:pointer;background:none;border:none;outline:none}.gux-calendar .gux-header button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color)}.gux-calendar .gux-header button.gux-left{inset-inline-start:18px}.gux-calendar .gux-header button.gux-right{inset-inline-end:18px}.gux-calendar .gux-header button gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);pointer-events:none}.gux-calendar .gux-header .gux-month-list{display:flex;justify-content:space-between;inline-size:100%;font-family:var(--gse-ui-calendarMenu-month-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-headerText-fontSize);line-height:var(--gse-ui-calendarMenu-month-headerText-lineHeight)}.gux-calendar .gux-header .gux-month-list label{inline-size:100%;text-align:center}.gux-calendar .gux-content{display:flex;align-items:flex-start;block-size:var(--gse-ui-calendarMenu-height);padding:var(--gse-ui-calendarMenu-dateBody-padding);color:var(--gse-ui-calendarMenu-month-default-foregroundColor);background-color:var(--gse-ui-calendarMenu-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius)}.gux-calendar .gux-content table{inline-size:var(--gse-ui-calendarMenu-day-input-width);text-align:start;table-layout:fixed;border-spacing:0;-ms-user-select:none;user-select:none}.gux-calendar .gux-content table:not(:last-child){padding-inline-end:24px}.gux-calendar .gux-content table tr{block-size:var(--gse-ui-calendarMenu-day-input-height)}.gux-calendar .gux-content table tr:empty{display:none}.gux-calendar .gux-content table tr th,.gux-calendar .gux-content table tr td{inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-date-size);padding:0;margin:0;text-align:center}.gux-calendar .gux-content table tr th{font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-day-headerText-fontSize);font-weight:var(--gse-ui-calendarMenu-day-headerText-fontWeight);line-height:var(--gse-ui-calendarMenu-day-headerText-lineHeight)}.gux-calendar .gux-content table tr td{font-family:var(--gse-ui-calendarMenu-date-defaultText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-defaultText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-defaultText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-defaultText-lineHeight);color:var(--gse-ui-calendarMenu-date-default-foregroundColor);cursor:pointer}.gux-calendar .gux-content table tr td.gux-hovered{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-selected{color:var(--gse-ui-calendarMenu-date-selected-foregroundColor);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-selected:hover:not(.gux-calendar .gux-content table tr td.gux-selected.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-selected.gux-end-date){background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date,.gux-calendar .gux-content table tr td.gux-end-date{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date,.gux-calendar .gux-content table tr td.gux-end-date .gux-date{display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-date-size);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date:hover,.gux-calendar .gux-content table tr td.gux-end-date .gux-date:hover{background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date{border-radius:16px 0 0 16px}.gux-calendar .gux-content table tr td.gux-end-date{border-radius:0 16px 16px 0}.gux-calendar .gux-content table tr td:hover:not(.gux-calendar .gux-content table tr td.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-end-date):not(.gux-calendar .gux-content table tr td.gux-hovered):not(.gux-calendar .gux-content table tr td.gux-selected){background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-disabled{pointer-events:none;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month{opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month:hover{background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor)}.gux-calendar .gux-content table tr td.gux-not-in-month.gux-hidden{visibility:hidden}.gux-calendar .gux-content table tr td.gux-current-date{font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-currentText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-currentText-lineHeight)}.gux-calendar .gux-content table tr td:focus-visible{border-radius:var(--gse-ui-calendarMenu-month-focusBorderRadius);outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus)}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";
+const guxCalendarCss = ":host{display:inline-block}.gux-calendar{margin-block-start:2px;border-radius:8px;box-shadow:var(--gse-ui-calendarMenu-boxShadow-offsetX) var(--gse-ui-calendarMenu-boxShadow-offsetY) var(--gse-ui-calendarMenu-boxShadow-blur) var(--gse-ui-calendarMenu-boxShadow-spread) var(--gse-ui-calendarMenu-boxShadow-color)}.gux-calendar .gux-header{position:relative;display:flex;gap:var(--gse-ui-calendarMenu-header-gap);align-items:center;justify-content:space-between;block-size:var(--gse-ui-calendarMenu-month-single-header-height);padding:var(--gse-ui-calendarMenu-header-padding);font-weight:var(--gse-ui-calendarMenu-month-currentText-fontWeight);color:var(--gse-ui-calendarMenu-header-foregroundColor);background-color:var(--gse-ui-calendarMenu-header-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-header-borderRadius)}.gux-calendar .gux-header button{position:absolute;color:var(--gse-ui-calendarMenu-header-foregroundColor);cursor:pointer;background:none;border:none;outline:none}.gux-calendar .gux-header button:focus-visible{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color)}.gux-calendar .gux-header button.gux-left{inset-inline-start:18px}.gux-calendar .gux-header button.gux-right{inset-inline-end:18px}.gux-calendar .gux-header button gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size);pointer-events:none}.gux-calendar .gux-header .gux-month-list{display:flex;justify-content:space-between;inline-size:100%;font-family:var(--gse-ui-calendarMenu-month-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-month-headerText-fontSize);line-height:var(--gse-ui-calendarMenu-month-headerText-lineHeight)}.gux-calendar .gux-header .gux-month-list label{inline-size:100%;text-align:center}.gux-calendar .gux-content{display:flex;align-items:flex-start;block-size:var(--gse-ui-calendarMenu-height);padding:var(--gse-ui-calendarMenu-dateBody-padding);color:var(--gse-ui-calendarMenu-month-default-foregroundColor);background-color:var(--gse-ui-calendarMenu-backgroundColor);border-radius:var(--gse-ui-calendarMenu-single-body-borderRadius)}.gux-calendar .gux-content table{inline-size:var(--gse-ui-calendarMenu-day-input-width);text-align:start;table-layout:fixed;border-spacing:0;-ms-user-select:none;user-select:none}.gux-calendar .gux-content table:not(:last-child){padding-inline-end:24px}.gux-calendar .gux-content table tr{block-size:var(--gse-ui-calendarMenu-day-input-height)}.gux-calendar .gux-content table tr:empty{display:none}.gux-calendar .gux-content table tr th,.gux-calendar .gux-content table tr td{inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-date-size);padding:0;margin:0;text-align:center}.gux-calendar .gux-content table tr th{font-family:var(--gse-ui-calendarMenu-day-headerText-fontFamily);font-size:var(--gse-ui-calendarMenu-day-headerText-fontSize);font-weight:var(--gse-ui-calendarMenu-day-headerText-fontWeight);line-height:var(--gse-ui-calendarMenu-day-headerText-lineHeight)}.gux-calendar .gux-content table tr td{font-family:var(--gse-ui-calendarMenu-date-defaultText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-defaultText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-defaultText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-defaultText-lineHeight);color:var(--gse-ui-calendarMenu-date-default-foregroundColor);cursor:pointer}.gux-calendar .gux-content table tr td.gux-hovered{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-selected{color:var(--gse-ui-calendarMenu-date-selected-foregroundColor);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-selected:hover:not(.gux-calendar .gux-content table tr td.gux-selected.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-selected.gux-end-date){background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date,.gux-calendar .gux-content table tr td.gux-end-date{background-color:var(--gse-ui-calendarMenu-date-range-backgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date,.gux-calendar .gux-content table tr td.gux-end-date .gux-date{display:flex;align-items:center;justify-content:center;inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-date-size);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-start-date .gux-date:hover,.gux-calendar .gux-content table tr td.gux-end-date .gux-date:hover{background-color:var(--gse-ui-calendarMenu-date-selected-hoverBackgroundColor)}.gux-calendar .gux-content table tr td.gux-start-date{border-radius:var(--gse-ui-calendarMenu-range-date-startDate-borderRadius)}.gux-calendar .gux-content table tr td.gux-end-date{border-radius:var(--gse-ui-calendarMenu-range-date-endDate-borderRadius)}.gux-calendar .gux-content table tr td:hover:not(.gux-calendar .gux-content table tr td.gux-start-date):not(.gux-calendar .gux-content table tr td.gux-end-date):not(.gux-calendar .gux-content table tr td.gux-hovered):not(.gux-calendar .gux-content table tr td.gux-selected){background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor);border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}.gux-calendar .gux-content table tr td.gux-disabled{pointer-events:none;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month{opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar .gux-content table tr td.gux-not-in-month:hover{background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor)}.gux-calendar .gux-content table tr td.gux-not-in-month.gux-hidden{visibility:hidden}.gux-calendar .gux-content table tr td.gux-current-date{font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-currentText-fontSize);font-weight:var(--gse-ui-calendarMenu-date-currentText-fontWeight);line-height:var(--gse-ui-calendarMenu-date-currentText-lineHeight)}.gux-calendar .gux-content table tr td:focus-visible{border-radius:var(--gse-ui-calendarMenu-month-focusBorderRadius);outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-sr-only{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";
 const GuxCalendarStyle0 = guxCalendarCss;
 
 const GuxCalendar = class {
@@ -387,7 +387,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: 'd3dcdcdbb9e10c287322be124420eac5f18d9098', class: "gux-calendar" }, index.h("div", { key: 'b2cabe10bc824f1b894dbf0c1c1fa20c16849689', class: "gux-header" }, index.h("button", { key: '2b619e938756b804459f4b3b78c79d7b86c6f6b3', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: '36bf5f3c6e4475b5812acc689e17de373063df46', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: 'e31ee4fe2e5909549222da39639ab6dca2341f39', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: '0d28d29a5a16921f08c034e1959079ba4bffc387', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: '6a43e658ac95cf0af6b0a329fca6851f5fe0bbfe', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (index.h("div", { key: '1081675c937bc86f2ac5fc23146305305e1393c5', class: "gux-calendar" }, index.h("div", { key: '47fd67422c1a627c37f48b7053cd7052835378f1', class: "gux-header" }, index.h("button", { key: 'b5e9a93cf23b6834e673d0eaca72820cbf9639e1', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: '408ad65782ceb75bfd1917b9cf173eea5129ba79', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: '0c4cbc33ee1318472440c3127f43f4e13d37e317', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, index.h("gux-icon", { key: '7b1a3691f3047b6fb21e528e41626701a36f9fd9', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: '1d93725fddadd36cc89d28effd2b5d15cfdead8c', 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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-7cad50c2.js');
 
 const guxCardCss = ":host{display:block;inline-size:fit-content}.gux-card{box-sizing:border-box;padding:var(--gse-ui-card-padding);background-color:var(--gse-ui-card-backgroundColor);border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color);border-radius:var(--gse-ui-card-borderRadius)}.gux-card.gux-bordered{border:var(--gse-ui-card-default-border-width) var(--gse-ui-card-default-border-style) var(--gse-ui-card-default-border-color)}.gux-card.gux-raised{border:var(--gse-ui-card-raised-border-width) var(--gse-ui-card-raised-border-style) var(--gse-ui-card-raised-border-color);box-shadow:var(--gse-ui-card-raised-boxShadow-offsetX) var(--gse-ui-card-raised-boxShadow-offsetY) 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: 'b3cd41d0628aa3810cb86a87563102572eaebe27', class: {
+        return (index.h("div", { key: '10dd232bf731c61aa431999f32a7a8aa68a4f51f', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("slot", { key: '961411eb67625b6326c5a46ba6bc13e48d3c4605' })));
+            } }, index.h("slot", { key: '897f58d36d1f391e54da8098aa6d5fe2e4dd7aa9' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.js');
 const guxColumnManager_service = require('./gux-column-manager.service-6eaeedb0.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./clamp-e86a226e.js');
@@ -27,7 +27,7 @@ const translationResources = {
 	activateReordering: activateReordering
 };
 
-const guxColumnManagerItemCss = ":host([gs-reorder-indicator=above]) .gux-container{border-block-start-color:#aac9ff}:host([gs-reorder-indicator=below]) .gux-container{border-block-end-color:#aac9ff}.gux-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-editColumn-editColumnItem-gap);place-content:stretch flex-start;align-items:center;margin-block-end:-2px;border-block-start:2px solid transparent;border-block-end:2px solid transparent}.gux-container.gux-drop-above{border-block-start-color:#aac9ff}.gux-container.gux-drop-below{border-block-end-color:#aac9ff}.gux-container.gux-dragging{border-block-start-color:transparent;border-block-end-color:transparent;opacity:0.4}.gux-container .gux-reorder{all:unset;display:flex;flex:0 1 auto;align-self:auto;order:0;color:#596373;cursor:grab;border-radius:4px}.gux-container .gux-reorder gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}.gux-container .gux-reorder.gux-reordering:focus-visible gux-icon{color:#2a60c8}.gux-container .gux-reorder:active{pointer-events:none;cursor:grabbing !important}.gux-container .gux-reorder:hover,.gux-container .gux-reorder:focus-visible{outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-sm-borderWidth)}.gux-container .gux-reorder:hover gux-icon,.gux-container .gux-reorder:focus-visible gux-icon{color:#2a60c8}.gux-container .gux-select{position:relative;flex:1 1 auto;align-self:auto;order:1}.gux-container .gux-select gux-text-highlight{position:absolute;inset-block-start:1px;inset-inline-start:calc(var(--gse-ui-icon-small-size) + var(--gse-ui-checkbox-gap));color:transparent;pointer-events:none}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";
+const guxColumnManagerItemCss = ":host([gs-reorder-indicator=above]) .gux-container{border-block-start-color:#aac9ff}:host([gs-reorder-indicator=below]) .gux-container{border-block-end-color:#aac9ff}.gux-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-editColumn-editColumnItem-gap);place-content:stretch flex-start;align-items:center;margin-block-end:-2px;border-block-start:2px solid transparent;border-block-end:2px solid transparent}.gux-container.gux-drop-above{border-block-start-color:#aac9ff}.gux-container.gux-drop-below{border-block-end-color:#aac9ff}.gux-container.gux-dragging{border-block-start-color:transparent;border-block-end-color:transparent;opacity:0.4}.gux-container .gux-reorder{all:unset;display:flex;flex:0 1 auto;align-self:auto;order:0;color:#596373;cursor:grab;border-radius:4px}.gux-container .gux-reorder gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}.gux-container .gux-reorder.gux-reordering:focus-visible gux-icon{color:#2a60c8}.gux-container .gux-reorder:active{pointer-events:none;cursor:grabbing !important}.gux-container .gux-reorder:hover,.gux-container .gux-reorder:focus-visible{outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus)}.gux-container .gux-reorder:hover gux-icon,.gux-container .gux-reorder:focus-visible gux-icon{color:#2a60c8}.gux-container .gux-select{position:relative;flex:1 1 auto;align-self:auto;order:1}.gux-container .gux-select gux-text-highlight{position:absolute;inset-block-start:1px;inset-inline-start:calc(var(--gse-ui-icon-small-size) + var(--gse-ui-checkbox-gap));color:transparent;pointer-events:none}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";
 const GuxColumnManagerItemStyle0 = guxColumnManagerItemCss;
 
 const GuxColumnManagerItem = class {
@@ -158,14 +158,14 @@ const GuxColumnManagerItem = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: '5dc6f7ed7b4519cfb0de84c7256b14e428581f55', draggable: "true" }, index.h("div", { key: '79a1c858dcdf36333aff6fee4565399acb2664a3', class: {
+        return (index.h(index.Host, { key: '892af3387d4bb3c378206b5e8eaf880787c0fc17', draggable: "true" }, index.h("div", { key: 'efc8b9402edd0683ccbdbf9ea44ef9c2bc2a19a5', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, index.h("button", { key: 'd93341dbd8b97a47f9345afa070ad8a4451ccac7', class: {
+            } }, index.h("button", { key: '4c21051caa7741bef3485f049f1d4c42cde4dbc7', 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: '183cfc4b9af0da0c05232f8a4f8636ad255594ed', "icon-name": "fa/grip-vertical-solid", decorative: true }), index.h("span", { key: '3bd5898e5e994db4e4c96111f0f02abcb812166b', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: 'b2c2fa955c139666cb557d5db7e11100abd94b74', class: "gux-select" }, index.h("slot", { key: 'cf7485c4d7ddd3c835e87e5a8e072259ec9166b9', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: 'ce5d20268a8dabc32c1f0695739fea6ce00010bb', 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: 'a8e6fa32dc4051355fee172ad5ff141dd3a132a1', "icon-name": "fa/grip-vertical-solid", decorative: true }), index.h("span", { key: '27d871772ff2c214ef0983a31abeb2f782650ccc', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), index.h("div", { key: '89779579af0e2bc3bd38183210345bad09bc9f27', class: "gux-select" }, index.h("slot", { key: '82e1bbd0ab2108eb5eaecb6999e2f5694e20b6f6', onSlotchange: () => this.onSlotChange() }), index.h("gux-text-highlight", { key: '0b27bf3db28265743415050c7d9c408a95917b7f', 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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const index$1 = require('./index-16a4179e.js');
-const usage = require('./usage-43072083.js');
+const index$1 = require('./index-643c40f5.js');
+const usage = require('./usage-7cad50c2.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: '5d2379b2779ef315e6aebe99440a9c7de885a33b', class: "gux-container" }, index.h("div", { key: '84aee51a7b8cfc0efbd6c45ee7aba13adb2a1a0c', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '5d3b183b751b9e6b93b7d5ccb89e40d491bf4317', class: "gux-search" }, index.h("gux-content-search", { key: 'f61c1871ef70be9e2f65e76c8d0de0272e767316', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: 'a25f9159c18f06d034a3dd9cf68e70c31dc7ac30', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: 'fd2e2b6c1ec8085ef079bc4f2a426952e897c534', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: '6a6ff508ecfbf15fab71237123e9db74a64754c1' }, index.h("input", { key: '4a1bff9f2ef916cea3a1665e9c020f0b72c38df5', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '39c5c0dbdd6da3537eb3a72c3d0a07288949c5aa', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '893fcdd57ed481e34a7f5688b076a5a28ad2a116', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: '9fea231f3efc3bc1292efef9534cdc33e91ba786', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '0e0451becdeec7d7ae0bf51dcfded6762d9411ef', ref: el => (this.announceElement = el) })));
+        return (index.h("div", { key: 'cab3928e7e032c29aa09bd6d82320685dca6613d', class: "gux-container" }, index.h("div", { key: '6516e2799e02c4b17f614005572efc7f01e4408f', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), index.h("div", { key: '1126784248c21042c9c151a5cdc1b39c4407e97a', class: "gux-search" }, index.h("gux-content-search", { key: 'd1ecd06bc846b16ba5ad772e9f6ca049d9a2ff37', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, index.h("input", { key: 'ace557a59adad774ecb47fbb63374e45d6f58ded', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), index.h("div", { key: '9fbf026de4e479fd5ea4b9bc16cec4ab4913f793', class: "gux-select" }, index.h("gux-form-field-checkbox", { key: '3411d77733038640a7d494babc409ee5a104cf20' }, index.h("input", { key: 'b7aeb9ad3b34d67a22775dd0ced09caed487f24c', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), index.h("label", { key: '66e66bb5873e5c6f5cd67fcceba9827c1ef67f37', slot: "label" }, this.renderSelectedColumnCount()))), index.h("div", { key: '6948b31d070f1e251366451c333820cb7b8b346e', class: "gux-list", onChange: () => this.onListChange() }, index.h("slot", { key: 'eafebaf4eaf4f7ff1210fe6a1bda0ce8bbc0b424', onSlotchange: () => this.onSlotChange() })), index.h("gux-announce-beta", { key: '4c2de44fb81a9acb3b01868918716b1151f15736', ref: el => (this.announceElement = el) })));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-43072083.js');
-const index$1 = require('./index-16a4179e.js');
+const usage = require('./usage-7cad50c2.js');
+const index$1 = require('./index-643c40f5.js');
 const onAttributeChange = require('./on-attribute-change-321d434b.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -22,7 +22,7 @@ const contentSearchResources = {
 	clear: clear
 };
 
-const guxContentSearchCss = ":host{display:inline-block;inline-size:var(--gse-ui-search-width);min-inline-size:var(--gse-ui-search-width)}::slotted(input[disabled]){opacity:var(--gse-ui-formControl-input-disabled-opacity)}::slotted(input){box-sizing:border-box;flex-shrink:1;flex-basis:100%;inline-size:100%;overflow:hidden;font-family:var(--gse-ui-search-counter-text-fontFamily);font-size:var(--gse-ui-search-counter-text-fontSize);font-weight:var(--gse-ui-search-counter-text-fontWeight);line-height:var(--gse-ui-search-counter-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);text-overflow:ellipsis;white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:0;border-radius:0;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-populatedColor)}::slotted(input).gux-focused,::slotted(input):focus,::slotted(input):focus-visible{border:0;outline:none;box-shadow:none}.gux-content-search{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-formControl-input-gap);inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-textarea-padding);cursor:text;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-content-search gux-truncate{display:flex;align-items:center}.gux-content-search.gux-disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search:focus-visible,.gux-content-search:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-content-search:not(:disabled):not(.gux-disabled):hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-content-search .gux-search-icon{display:flex;flex-shrink:0;align-items:center}.gux-content-search .gux-search-icon:disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-search-icon gux-icon{inline-size:var(--gse-ui-search-counter-icon-width);block-size:var(--gse-ui-search-counter-icon-height);color:var(--gse-ui-formControl-input-inputIcon-defaultColor)}.gux-content-search .gux-content-control-panel{box-sizing:border-box;display:flex;flex-grow:1;flex-shrink:0;gap:var(--gse-ui-formControl-input-gap);place-content:center flex-end;align-items:center;padding:0}.gux-content-search .gux-content-control-panel gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}.gux-content-search .gux-content-control-panel button{display:block;align-items:center;block-size:var(--gse-ui-search-counter-icon-height);padding:0;overflow:hidden;color:var(--gse-ui-search-counter-default-foregroundColor);cursor:pointer;background:none;border:none;border-radius:var(--gse-ui-button-borderRadius);outline:none}.gux-content-search .gux-content-control-panel button:disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-content-control-panel button:not(:disabled):hover,.gux-content-search .gux-content-control-panel button:not(:disabled):focus-visible{color:var(--gse-ui-search-counter-hover-foregroundColor)}.gux-content-search .gux-content-control-panel button:not(.gux-clear-button):focus-visible:enabled{outline:var(--gse-semantic-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-content-search .gux-content-control-panel button.gux-clear-button{flex-shrink:0;align-items:center}.gux-content-search .gux-content-control-panel button.gux-clear-button gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}.gux-content-search .gux-content-control-panel .gux-navigation-disabled{pointer-events:auto;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-content-control-panel .gux-navigation-panel{display:flex;gap:var(--gse-ui-search-counter-gap);align-items:center}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-divider{box-sizing:border-box;align-self:center;block-size:var(--gse-ui-search-counter-divider-height);color:var(--gse-ui-search-counter-default-foregroundColor);border:var(--gse-ui-search-counter-divider-border-width) var(--gse-ui-search-counter-divider-border-style) var(--gse-ui-search-counter-divider-border-color)}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-buttons{display:flex;flex-direction:row}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-result{align-items:center;color:var(--gse-ui-search-counter-default-foregroundColor);white-space:nowrap}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-previous-button{flex-shrink:0;align-items:center}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-next-button{flex-shrink:0;align-items:center}";
+const guxContentSearchCss = ":host{display:inline-block;inline-size:var(--gse-ui-search-width);min-inline-size:var(--gse-ui-search-width)}::slotted(input[disabled]){opacity:var(--gse-ui-formControl-input-disabled-opacity)}::slotted(input){box-sizing:border-box;flex-shrink:1;flex-basis:100%;inline-size:100%;overflow:hidden;font-family:var(--gse-ui-search-counter-text-fontFamily);font-size:var(--gse-ui-search-counter-text-fontSize);font-weight:var(--gse-ui-search-counter-text-fontWeight);line-height:var(--gse-ui-search-counter-text-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);text-overflow:ellipsis;white-space:nowrap;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:0;border-radius:0;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-populatedColor)}::slotted(input).gux-focused,::slotted(input):focus,::slotted(input):focus-visible{border:0;outline:none;box-shadow:none}.gux-content-search{box-sizing:border-box;display:flex;flex-direction:row;gap:var(--gse-ui-formControl-input-gap);inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-textarea-padding);cursor:text;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-content-search gux-truncate{display:flex;align-items:center}.gux-content-search.gux-disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search:focus-visible,.gux-content-search:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-content-search:not(:disabled):not(.gux-disabled):hover{border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-content-search .gux-search-icon{display:flex;flex-shrink:0;align-items:center}.gux-content-search .gux-search-icon:disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-search-icon gux-icon{inline-size:var(--gse-ui-search-counter-icon-width);block-size:var(--gse-ui-search-counter-icon-height);color:var(--gse-ui-formControl-input-inputIcon-defaultColor)}.gux-content-search .gux-content-control-panel{box-sizing:border-box;display:flex;flex-grow:1;flex-shrink:0;gap:var(--gse-ui-formControl-input-gap);place-content:center flex-end;align-items:center;padding:0}.gux-content-search .gux-content-control-panel gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}.gux-content-search .gux-content-control-panel button{display:block;align-items:center;block-size:var(--gse-ui-search-counter-icon-height);padding:0;overflow:hidden;color:var(--gse-ui-search-counter-default-foregroundColor);cursor:pointer;background:none;border:none;border-radius:var(--gse-ui-button-borderRadius);outline:none}.gux-content-search .gux-content-control-panel button:disabled{pointer-events:none;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-content-control-panel button:not(:disabled):hover,.gux-content-search .gux-content-control-panel button:not(:disabled):focus-visible{color:var(--gse-ui-search-counter-hover-foregroundColor)}.gux-content-search .gux-content-control-panel button:not(.gux-clear-button):focus-visible:enabled{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-content-search .gux-content-control-panel button.gux-clear-button{flex-shrink:0;align-items:center}.gux-content-search .gux-content-control-panel button.gux-clear-button gux-icon{inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}.gux-content-search .gux-content-control-panel .gux-navigation-disabled{pointer-events:auto;cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-content-search .gux-content-control-panel .gux-navigation-panel{display:flex;gap:var(--gse-ui-search-counter-gap);align-items:center}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-divider{box-sizing:border-box;align-self:center;block-size:var(--gse-ui-search-counter-divider-height);color:var(--gse-ui-search-counter-default-foregroundColor);border:var(--gse-ui-search-counter-divider-border-width) var(--gse-ui-search-counter-divider-border-style) var(--gse-ui-search-counter-divider-border-color)}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-buttons{display:flex;flex-direction:row}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-navigation-result{align-items:center;color:var(--gse-ui-search-counter-default-foregroundColor);white-space:nowrap}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-previous-button{flex-shrink:0;align-items:center}.gux-content-search .gux-content-control-panel .gux-navigation-panel .gux-next-button{flex-shrink:0;align-items:center}";
 const GuxContentSearchStyle0 = guxContentSearchCss;
 
 const GuxContentSearch = class {
@@ -66,10 +66,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (index.h("div", { key: '0aea0845cbe9caa7b3e178e38592ec356b79d9d4', class: {
+        return (index.h("div", { key: '5dc7e4559bfa5daf0027cd672fec75bc9e2c2795', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: '1baa20bf6e2fcf60950a042e9461dac55a64804c', class: "gux-search-icon" }, index.h("gux-icon", { key: '053f94c32a0f7807394d926b0182da6e7e75579f', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: 'f03de63d874eb65a68bb38557daa9d0d6266f5b7' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement.focusInputElement(this.inputSlottedElement) }, index.h("div", { key: '432c498645ffda373751954064ca4854091732a6', class: "gux-search-icon" }, index.h("gux-icon", { key: '27b6eda62cbb7363054c761ec65905938ea944f2', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), index.h("slot", { key: '5bf2081b6bf607d80ec599acd6e6e717116f8618' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-43072083.js');
-const index$1 = require('./index-16a4179e.js');
+const usage = require('./usage-7cad50c2.js');
+const index$1 = require('./index-643c40f5.js');
 const onClickOutside = require('./on-click-outside-31073d32.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
@@ -121,8 +121,8 @@ const GuxContextMenu = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h(index.Host, { key: 'dfd3618ebf7c142a0597dfb34e44673a9f3ef4fa' }, index.h("gux-popup", { key: '4f047a9706898a6b33fda61c4ac867a7f594ba4a', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: '57a4a20d2f53200db206f6716d178388e37c7c54', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: '0d0762b28cbac04a57bb08f6f9482dfc1d7c34c7', accent: "ghost" }, index.h("button", { key: 'a83ddc1b121318f92b1f90459b9d8175c0f6b29a', 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: '82ec6e3d272ac1dd957727e6ec5097a18d68e878', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), index.h("div", { key: 'e76befbef4f43252ff3cd2e5e780fd0ae992cb64', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: '358c5014aaf990e2e593a68f54cb2373883832a0', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '8534997c8624516bf51040f615c97568f5b52bf0' }))))));
+        return (index.h(index.Host, { key: '30d3effa7f34773087052996e02adc07d613d297' }, index.h("gux-popup", { key: '0199d1690de78d1658bfd4c65a8332ac220d8c96', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, index.h("div", { key: '252cd6f0d516574a62b92578101e3ad0e14bccfb', slot: "target", class: "gux-button-container" }, index.h("gux-button-slot", { key: '2a51266d55cf2f976112b05ceef9406165913992', accent: "ghost" }, index.h("button", { key: 'c4d4460fbd6524b17a97f0afc4d43054cfeacaf0', 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: 'cf2aa92ccb96271392fb176d60fb9abd35a2c11c', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), index.h("div", { key: 'db85b74d05e15961bab03be97cbd784bdb5a93e6', slot: "popup", class: "gux-list-container" }, index.h("gux-list", { key: '447097c037726eea44da16c519219650aadab1b2', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: '7fd25310dc677d9444a229f0ff252b30cb34bac9' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }