genesys-spark-components 4.186.1 → 4.187.0

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

@@ -57,7 +57,7 @@ const GuxBranch = class {
         }
     }
     render() {
-        return (index.h("div", { key: '5930096f60c13b5c0f3969cfb2b33b7d280c51ab', class: {
+        return (index.h("div", { key: '1595b9c9e52ba5c2ab7b5b65dbf6c782f8b9e7c9', class: {
                 'gux-wrapper': true,
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end',
@@ -65,7 +65,7 @@ const GuxBranch = class {
                 'gux-disabled': this.disabled,
                 'gux-selected': this.selected,
                 'gux-child-selected': guxTree_service.hasChildSelected(this.root)
-            } }, index.h("div", { key: 'fd696f27e3768e392887216ea532d30ef7584ebe', class: "gux-node" }, index.h("div", { key: 'd205b90bd7b7ced36ff7c88d47773a7acac2bbff', class: "gux-selected-bookmark" }), index.h("div", { key: '8e2bed756f765e664fd066e6806754de8304ec06', class: "gux-tree-item" }, this.renderBranchIndicator('start'), index.h("div", { key: 'e55cae0ee1a18e7fb48e5bf6716486a99a99f94a', class: "gux-selection-target" }, index.h("div", { key: '979caece7d537dcf83526bf3b964c26a616fc4d5', class: "gux-icon" }, index.h("slot", { key: 'a2fcc15293a02904a49a189756664a188ddd8e0b', name: "icon" })), index.h("div", { key: 'fe7d0003299e263b5fb653384ee6514bf2c02455', class: "gux-label" }, index.h("slot", { key: 'a554537a452e5db64a5832f2dc87928d376388e0', name: "label" }))), this.renderBranchIndicator('end'))), index.h("div", { key: '01efd44b1db1580a33ea3beca2bff55945231b09', role: "group", class: "gux-treeitems" }, index.h("slot", { key: 'a0beb615024c99f290095a009876281030e70a41' }))));
+            } }, index.h("div", { key: '1dc7e2fad6847362714a3b5239dc1b480398cfa0', class: "gux-node" }, index.h("div", { key: 'f0ff2f4bad4be216685549fe4e2fac7f4f0caea9', class: "gux-selected-bookmark" }), index.h("div", { key: '48ecee7bb00c68dc6c106c5b92503c57842b1c81', class: "gux-tree-item" }, this.renderBranchIndicator('start'), index.h("div", { key: '67b875a73e6a60422fce7e7e550b25333e680b9b', class: "gux-selection-target" }, index.h("div", { key: '722e7bb65f9fae0ffb3dc7574ca6ed7e14ea1cf3', class: "gux-icon" }, index.h("slot", { key: '62ab2163b1102be48d9bbd902f79e5051b72f233', name: "icon" })), index.h("div", { key: '6c46f12353794772e1d148fc3a35164e7744cf0b', class: "gux-label" }, index.h("slot", { key: '4e5bfa5da8ad19a79988a41030ba885b0255839e', name: "label" }))), this.renderBranchIndicator('end'))), index.h("div", { key: '5f03fe5f7c38958586d82cd0488d0e1221a606ec', role: "group", class: "gux-treeitems" }, index.h("slot", { key: 'a4903f7f0e5b2e5301b71f814a16ebbc83394f95' }))));
     }
     static get formAssociated() { return true; }
     get root() { return index.getElement(this); }

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

@@ -40,7 +40,7 @@ const GuxBreadcrumbItem = class {
     }
     render() {
         const accent = this.getAccent();
-        return (index.h(index.Host, { key: '357d0819c8848eee39f617f5618d94e1ad3f6777', role: "listitem" }, index.h("span", { key: 'd741cd79b32a7caf22ec3fd1c15777e45cf93f05', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (index.h(index.Host, { key: '84ef978533d902cabc1264d4641a17a52da1ac61', role: "listitem" }, index.h("span", { key: '7afb53b4249c8c194a65472a50b817265351afc3', 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

@@ -2,7 +2,7 @@
 
 var index = require('./index-C1LZ-Zd8.js');
 var index$1 = require('./index-CjUBUVCO.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-AjULwro2.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const breadcrumbs = "Breadcrumbs";
@@ -27,7 +27,7 @@ const GuxBreadcrumbs = class {
         Array.from(this.root.children).forEach(child => index.forceUpdate(child));
     }
     render() {
-        return (index.h("nav", { key: '9c5f5a9f99b9d45af99bf1eb8016881f387d904c', "aria-label": this.i18n('breadcrumbs') }, index.h("ol", { key: '7b8232f93afdf54cfef667dc9457edc269ec285b' }, index.h("slot", { key: '3c06ad7d0d7fe0b5f0b96903036951e707bfae94', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (index.h("nav", { key: 'f88e1453059c33d40490b89dd34cc3a8e33ea923', "aria-label": this.i18n('breadcrumbs') }, index.h("ol", { key: '26b822edbc6d93eabb4dc97db340e4155ad02678' }, index.h("slot", { key: '2fab33cf5d08f62d8b4b215a3484094b2afef601', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@ var index = require('./index-C1LZ-Zd8.js');
 var onClickOutside = require('./on-click-outside-CXDzyPsA.js');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-AjULwro2.js');
 
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {
@@ -138,7 +138,7 @@ const GuxButtonMulti = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h("gux-popup", { key: '0fe548008674fb471b4649a1cdf9d40e2199509b', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, index.h("div", { key: 'c135a999850eb1a8979006c68e93db2084b92726', slot: "target", class: "gux-button-multi-container" }, index.h("gux-button-slot", { key: '97deeb0b96dd9475d3ed60a5e7b8c58a39fca924', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, index.h("button", { key: '8f44a4bd2467c39c40a9974fd71940b36713d74c', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.guxAriaLabel }, index.h("slot", { key: '93627529753698fad726e17b31e9c08acbe432a4', name: "title" }), index.h("gux-icon", { key: 'dcc4e9f1cc0b881c530022faa07b579cc9a0cfa3', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), index.h("div", { key: 'e2555a57679a2eb6e0dedcc20d265064ba55a3a0', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: 'd982c02c29f7a2f147dbbca9d0ca8bd414ee6874', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'bc6da95f60f3cba8bb9d8161c9208c67aada56ad' })))));
+        return (index.h("gux-popup", { key: '81151ec4803c66a856f2ae63a4abd1fd914e9c18', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, index.h("div", { key: '763aa8765d6456ced163b16392f28152cdfbec5b', slot: "target", class: "gux-button-multi-container" }, index.h("gux-button-slot", { key: 'a0d770793d6a522e9d11ebfe4869bb9fc2166f06', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, index.h("button", { key: '16ed22bf8400f1813c205bf690b8527e10083243', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.guxAriaLabel }, index.h("slot", { key: 'b8a1d7d212b3aa69b9d2707a5f268d4ef047f68e', name: "title" }), index.h("gux-icon", { key: 'a0c2d0ffb219e64bcfb5d9cb89a75e489a322619', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), index.h("div", { key: 'c8df9601b7a0ca07a6a66688ec7f5b8689d96533', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '58768f2f58d1d1099c199efedf94aac619617077', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", { key: 'ce515bb2d9336172e274e7fbcdf8930a8032322b' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-C1LZ-Zd8.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-AjULwro2.js');
 var logError = require('./log-error-nWO_o1C3.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;text-overflow:ellipsis;color:var(--gse-ui-button-secondary-default-foregroundColor);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]) ::slotted(input[type=button]),:host([accent=inline]) ::slotted(input[type=submit]),:host([accent=inline]) ::slotted(button){min-inline-size:initial;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}:host([accent=copilot]) ::slotted(input[type=button]),:host([accent=copilot]) ::slotted(input[type=submit]),:host([accent=copilot]) ::slotted(button){color:var(--gse-ui-button-primary-default-foregroundColor);background:linear-gradient(64deg, var(--gse-ui-copilotButton-default-backgroundColor-bottomLeft) 5.51%, var(--gse-ui-copilotButton-default-backgroundColor-middle) 48.28%, var(--gse-ui-copilotButton-default-backgroundColor-topRight) 88.65%);border:none;box-shadow:var(--gse-ui-copilotButton-glow-default)}:host([accent=copilot]) ::slotted(input[type=button]:hover:enabled),:host([accent=copilot]) ::slotted(input[type=submit]:hover:enabled),:host([accent=copilot]) ::slotted(button:hover:enabled){color:var(--gse-ui-button-primary-hover-foregroundColor);background:linear-gradient(54deg, var(--gse-ui-copilotButton-hover-backgroundColor-bottomLeft) 7.09%, var(--gse-ui-copilotButton-hover-backgroundColor-middle) 47.64%, var(--gse-ui-copilotButton-hover-backgroundColor-topRight) 103.51%);box-shadow:var(--gse-ui-copilotButton-glow-hover)}:host([accent=copilot]) ::slotted(input[type=button]:active:enabled),:host([accent=copilot]) ::slotted(input[type=submit]:active:enabled),:host([accent=copilot]) ::slotted(button:active:enabled){color:var(--gse-ui-button-primary-active-foregroundColor);background:linear-gradient(54deg, var(--gse-ui-copilotButton-active-backgroundColor-bottomLeft) 7.17%, var(--gse-ui-copilotButton-active-backgroundColor-middle) 46.7%, var(--gse-ui-copilotButton-active-backgroundColor-topRight) 83.3%);box-shadow:var(--gse-ui-copilotButton-glow-active)}";
@@ -34,7 +34,7 @@ const GuxButtonSlot = class {
         this.validateSlotContent();
     }
     render() {
-        return (index.h(index.Host, { key: '31ca4b09af9bb76bd9a4a15f7fd2ee9e640c759a', accent: this.accent, "icon-only": this.iconOnly }, index.h("slot", { key: '16ee328a47ab75d0d4ccecf70c57f373d83c3d92' })));
+        return (index.h(index.Host, { key: '837210124f055e9ba137a070bbbf62f9b6546e73', accent: this.accent, "icon-only": this.iconOnly }, index.h("slot", { key: 'eccd0b293d0b86e1733d8abff4cb07f6e37b1600' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-C1LZ-Zd8.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-AjULwro2.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var floatingUi_dom = require('./floating-ui.dom-BRbjfoUo.js');
 var onClickOutside = require('./on-click-outside-CXDzyPsA.js');
@@ -33,10 +33,10 @@ const GuxButton = class {
     }
     render() {
         return [
-            index.h("button", { key: '45e0647c35e44a15d33a7491b1a5748317b91c3e', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            index.h("button", { key: 'a655b1884a2e2114d912ac8af0310d106c546a80', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, index.h("slot", { key: 'd6a726b5e60186346d8755d1cd2821299d584a11', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, index.h("slot", { key: 'c5a9a2400f8cc04a2074e5e76cc4a2f7fe1dddbb', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }
@@ -263,10 +263,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'e91df0309d9197961051a592c3bb7233f67a7b91', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: 'bc04c0c2945c14426e7ff1cf87f4a760df930948', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: '639b69837577566eb79e3c0da634d5a26dac0fa9', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: 'b8b5821bb0be8b9ae81b533254dd15d6a3eab984', class: "gux-arrow-caret" })), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '24750da13cc583892ffe68142d278d6e0b474994', onClick: this.dismiss.bind(this) })), index.h("div", { key: 'bd18a614588cabc971a966fff90f537aef855df6', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: '4ddbc7c988cdc88a5edd9e618b5767039cb603bf', name: "title" })), index.h("div", { key: '08f0d5e38d79863b6c261c297a1ec0761e55e82e', class: "gux-popover-content" }, index.h("slot", { key: '034d01bb92a642698b8b386c3ddd0a6e91c30a78' })), index.h("div", { key: '11383d7b8c700114616fbcb2864a442f3ac8a610', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, index.h("slot", { key: '49c830761fca2f8fe1e3a0ce3ffb64da3a065b96', name: "footer" }))));
+            }, "data-placement": true }, index.h("div", { key: 'ce2454d1e80b152b8ff2d21ba175496e79f03b2a', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '584c7f56ee99f6236718e56f5c9513f0965e659b', class: "gux-arrow-caret" })), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '4f5a96eb0153eaf417fd8d63ead049f02f77517f', onClick: this.dismiss.bind(this) })), index.h("div", { key: '9332706ed1b4d0c2a0ebb6a37a79b4b4ac430147', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, index.h("slot", { key: '88d1e4173cd77b7ce449b8ed6bb54a868b1b3ad7', name: "title" })), index.h("div", { key: 'ce3635566e8ec64605a5a2945569b2e1167bb1cb', class: "gux-popover-content" }, index.h("slot", { key: 'e2004b3f52ce0ef90bc6dae85665a5454013b4e7' })), index.h("div", { key: '87544441c6ed5a867bdb5a79375a292eb0db8c02', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, index.h("slot", { key: '25e63d3f83160bfde5c25c9c976719205646c184', name: "footer" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,10 +2,9 @@
 
 var index = require('./index-C1LZ-Zd8.js');
 var index_esm = require('./index.esm-CO-IlDkX.js');
-var index$1 = require('./index-CjUBUVCO.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var logError = require('./log-error-nWO_o1C3.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
+var index$1 = require('./index-CjUBUVCO.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./get-closest-element-CfyZl7i7.js');
 
@@ -30,10 +29,6 @@ function getWeekdays(locale, startDayOfWeek) {
     }
     return rotateArray(days, startDayOfWeek);
 }
-function rotateArray(arr, n) {
-    const times = n % arr.length;
-    return arr.concat(arr.splice(0, times));
-}
 function localizedYearMonth(date, locale) {
     return date.toLocaleString(locale, {
         calendar: 'gregory',
@@ -57,53 +52,15 @@ function firstDateInWeek(date, startDayOfWeek) {
     }
     return date.add({ days: dayDelta });
 }
-class AttributeSynchronizer {
-    constructor(options) {
-        this.writeTarget = options.writeTo;
-        this.mappings = options.mappings;
-        this.observer = new MutationObserver(changes => {
-            changes.forEach(change => {
-                const name = change.attributeName;
-                this.syncAttribute(name);
-            });
-        });
-        this.setSourceElement(options.readFrom);
-    }
-    /**
-     * Changes the source element attributes are copied from. Usually called in
-     * response to a `slotchange` event.
-     * @param sourceElement
-     */
-    setSourceElement(sourceElement) {
-        this.observer.disconnect(); // Stop observing any previously observed element
-        this.sourceElement = sourceElement; // Start reading from the new source
-        this.syncAll(); // Sync data from the new source
-        // Start the observer back up with the new source
-        this.observer.observe(sourceElement, {
-            attributes: true,
-            attributeFilter: Object.keys(this.mappings)
-        });
-    }
-    /**
-     * Disconnects the synchronization between the source and destination elements.
-     * Should be called to clean up when the relationship is no longer needed,
-     * typically on `disconnectedCallback`.
-     */
-    disconnect() {
-        this.observer.disconnect();
-    }
-    syncAll() {
-        Object.keys(this.mappings).forEach(name => {
-            if (Object.prototype.hasOwnProperty.call(this.mappings, name)) {
-                this.writeTarget[name] = this.mappings[name](this.sourceElement[name]);
-            }
-        });
-    }
-    syncAttribute(name) {
-        if (Object.prototype.hasOwnProperty.call(this.mappings, name)) {
-            this.writeTarget[name] = this.mappings[name](this.sourceElement[name]);
-        }
+function isoToTemporalDate(iso) {
+    if (iso) {
+        return index_esm.qi.PlainDate.from(iso);
     }
+    return null;
+}
+function rotateArray(arr, n) {
+    const times = n % arr.length;
+    return arr.concat(arr.splice(0, times));
 }
 
 const previousMonth = "Previous month: {localizedPreviousMonthAndYear}";
@@ -113,11 +70,24 @@ var translationResources = {
 	nextMonth: nextMonth
 };
 
-const guxCalendarCss = ".gux-calendar-beta.gux-disabled{pointer-events:none;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.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-backgroundColor);border-radius:8px;box-shadow:var(--gse-ui-calendarMenu-boxShadow)}.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;outline:none;background:none;border: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-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-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)}";
+const guxCalendarCss = ":host{display:inline-block}.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-backgroundColor);border-radius:8px;box-shadow:var(--gse-ui-calendarMenu-boxShadow)}.gux-calendar-beta.gux-disabled{pointer-events:none;opacity:var(--gse-ui-calendarMenu-disabled-opacity)}.gux-calendar-beta .gux-header{display:flex;align-items:center;justify-content:center;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{flex:1 1 auto;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;outline:none;background:none;border: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-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-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)}";
 
 const GuxCalendar = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        if (hostRef.$hostElement$["s-ei"]) {
+            this.internals = hostRef.$hostElement$["s-ei"];
+        }
+        else {
+            this.internals = hostRef.$hostElement$.attachInternals();
+            hostRef.$hostElement$["s-ei"] = this.internals;
+        }
+        this.locale = 'en';
+        this.MONTH_DATE_COUNT = 42; // Total number of dates that will display for each month in the calendar
+        this.defaultValue = undefined;
+        this.disabled = false;
+        this.readonly = false;
+        this.formDisabled = false;
         /**
          * The date that receives focus when selecting a specific day. This also
          * determines what month is currently displayed. The corresponding element
@@ -125,57 +95,95 @@ const GuxCalendar = class {
          * may be on other parts of the component.
          */
         this.focusDate = index_esm.qi.Now.plainDateISO();
-        this.disabled = false;
-        this.locale = 'en';
-        // Total number of dates that will display for each month in the calendar
-        this.MONTH_DATE_COUNT = 42;
     }
-    async guxForceUpdate() {
-        index.forceUpdate(this.root);
+    onValueChange(newValue, oldValue) {
+        var _a;
+        if (this.isInvalidDate(newValue)) {
+            return;
+        }
+        if ((_a = this.internals) === null || _a === void 0 ? void 0 : _a.setFormValue) {
+            this.internals.setFormValue(newValue);
+        }
+        this.focusDate = isoToTemporalDate(newValue) || index_esm.qi.Now.plainDateISO();
+        this.focusOnFocusDate();
+        simulateNativeEvent.simulateNativeEvent(this.root, 'input');
+        if (oldValue !== newValue) {
+            simulateNativeEvent.simulateNativeEvent(this.root, 'change');
+        }
+    }
+    formAssociatedCallback(form) {
+        console.info('Form associated:', form);
+    }
+    formDisabledCallback(disabled) {
+        this.formDisabled = disabled;
+    }
+    formResetCallback() {
+        this.value = this.defaultValue;
     }
-    get slottedInput() {
-        return this.root.querySelector('input[type="date"]');
+    formStateRestoreCallback(state
+    // mode: 'restore' | 'autocomplete' // eslint-disable-line @typescript-eslint/no-unused-vars
+    ) {
+        this.value = state;
+    }
+    connectedCallback() {
+        this.defaultValue = this.value;
     }
     async componentWillLoad() {
-        if (!this.slottedInput) {
-            logError.logError(this.root, 'You must slot a date input element like so: input[type="date"].');
-        }
+        var _a;
         this.locale = index$1.getDesiredLocale(this.root);
-        // Set start day of week
         this.startDayOfWeek = this.startDayOfWeek || index$1.getFirstDayOfWeek(this.locale);
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
-        const selectedDate = this.getSelectedDate();
-        if (selectedDate) {
-            this.focusDate = selectedDate;
+        if ((_a = this.internals) === null || _a === void 0 ? void 0 : _a.setFormValue) {
+            this.internals.setFormValue(this.value);
+        }
+        const valueDate = isoToTemporalDate(this.value);
+        if (valueDate) {
+            this.focusDate = valueDate;
         }
-        this.attributeSynchronizer = new AttributeSynchronizer({
-            readFrom: this.slottedInput,
-            writeTo: this,
-            mappings: {
-                min: (val) => {
-                    return val ? index_esm.qi.PlainDate.from(val) : undefined;
-                },
-                max: (val) => {
-                    return val ? index_esm.qi.PlainDate.from(val) : undefined;
-                },
-                disabled: val => val
-            }
-        });
-    }
-    onSlotChange() {
-        this.attributeSynchronizer.setSourceElement(this.slottedInput);
     }
-    async disconnectedCallback() {
-        this.attributeSynchronizer.disconnect();
+    onDayKeyDown(event) {
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                this.shiftFocusDate({ weeks: 1 });
+                this.focusOnFocusDate();
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                this.shiftFocusDate({ weeks: -1 });
+                this.focusOnFocusDate();
+                break;
+            case 'ArrowLeft':
+                event.preventDefault();
+                this.shiftFocusDate({ days: -1 });
+                this.focusOnFocusDate();
+                break;
+            case 'ArrowRight':
+                event.preventDefault();
+                this.shiftFocusDate({ days: 1 });
+                this.focusOnFocusDate();
+                break;
+            case 'PageUp':
+                event.preventDefault();
+                this.shiftFocusDate({ months: 1 });
+                this.focusOnFocusDate();
+                break;
+            case 'PageDown':
+                event.preventDefault();
+                this.shiftFocusDate({ months: -1 });
+                this.focusOnFocusDate();
+                break;
+        }
     }
-    detectDayClick(event) {
-        if (!(event.target.tagName === 'GUX-DAY-BETA')) {
-            return;
+    onDayClick(event) {
+        if (event.target.tagName === 'GUX-DAY-BETA') {
+            if (this.readonly) {
+                return;
+            }
+            const dayElement = event.target;
+            this.value = dayElement.day;
+            event.stopPropagation();
         }
-        const dayElement = event.target;
-        const selectedDate = index_esm.qi.PlainDate.from(dayElement.day);
-        this.selectDate(selectedDate);
-        event.stopPropagation();
     }
     /**
      * Finds the `gux-day` element corresponding to the provided
@@ -185,32 +193,24 @@ const GuxCalendar = class {
     getGuxDayForDate(dateStr) {
         return this.root.shadowRoot.querySelector(`.day-${dateStr}`);
     }
-    selectDate(date) {
-        if (this.isInvalidDate(date)) {
-            return;
-        }
-        const newDateStr = date.toString();
-        this.slottedInput.value = newDateStr;
-        this.focusDate = date;
-        this.focusOnFocusDate();
-        simulateNativeEvent.simulateNativeEvent(this.root, 'input');
-        simulateNativeEvent.simulateNativeEvent(this.root, 'change');
-    }
     /**
      * Shifts the focused date by the provided interval
      * @param interval A Temporal-compatible interval definition
      */
     shiftFocusDate(interval) {
+        if (this.readonly) {
+            return;
+        }
         const shiftInterval = index_esm.qi.Duration.from(interval);
         let newFocusedValue = this.focusDate.add(shiftInterval);
         // Clamp to the valid range
         if (this.min &&
-            index_esm.qi.PlainDate.compare(newFocusedValue, this.min) == -1) {
-            newFocusedValue = this.min;
+            index_esm.qi.PlainDate.compare(newFocusedValue, isoToTemporalDate(this.min)) == -1) {
+            newFocusedValue = isoToTemporalDate(this.min);
         }
         else if (this.max &&
-            index_esm.qi.PlainDate.compare(newFocusedValue, this.max) == 1) {
-            newFocusedValue = this.max;
+            index_esm.qi.PlainDate.compare(newFocusedValue, isoToTemporalDate(this.max)) == 1) {
+            newFocusedValue = isoToTemporalDate(this.max);
         }
         this.focusDate = newFocusedValue;
     }
@@ -227,42 +227,6 @@ const GuxCalendar = class {
             }
         });
     }
-    onKeyDown(event) {
-        switch (event.key) {
-            case ' ':
-                break;
-            case 'ArrowDown':
-                event.preventDefault();
-                this.shiftFocusDate({ weeks: 1 });
-                this.focusOnFocusDate();
-                break;
-            case 'ArrowUp':
-                event.preventDefault();
-                this.shiftFocusDate({ weeks: -1 });
-                this.focusOnFocusDate();
-                break;
-            case 'ArrowLeft':
-                event.preventDefault();
-                this.shiftFocusDate({ days: -1 });
-                this.focusOnFocusDate();
-                break;
-            case 'ArrowRight':
-                event.preventDefault();
-                this.shiftFocusDate({ days: 1 });
-                this.focusOnFocusDate();
-                break;
-            case 'PageUp':
-                event.preventDefault();
-                this.shiftFocusDate({ months: 1 });
-                this.focusOnFocusDate();
-                break;
-            case 'PageDown':
-                event.preventDefault();
-                this.shiftFocusDate({ months: -1 });
-                this.focusOnFocusDate();
-                break;
-        }
-    }
     /**
      * Returns true if the date is less than the min date or greater than the max date
      */
@@ -272,12 +236,12 @@ const GuxCalendar = class {
     }
     getMonthDays() {
         const today = index_esm.qi.Now.plainDateISO();
-        const firstOfMonth = getFirstOfMonth(this.getFocusDate());
+        const firstOfMonth = getFirstOfMonth(this.focusDate);
         const weeks = [];
         let currentWeek = { dates: [] };
         let weekDayIndex = 0;
         const currentMonth = firstOfMonth.month;
-        const selectedValue = this.getSelectedDate();
+        const valueDate = isoToTemporalDate(this.value);
         let currentDate = firstDateInWeek(firstOfMonth, this.startDayOfWeek);
         // Generate all of the dates in the current month
         for (let d = 0; d < this.MONTH_DATE_COUNT + 1; d += 1) {
@@ -291,8 +255,8 @@ const GuxCalendar = class {
                 date: index_esm.qi.PlainDate.from(currentDate),
                 disabled: this.isInvalidDate(currentDate),
                 inCurrentMonth: currentMonth === currentDate.month,
-                selected: selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.equals(currentDate),
-                focused: this.getFocusDate().equals(currentDate),
+                selected: valueDate === null || valueDate === void 0 ? void 0 : valueDate.equals(currentDate),
+                focused: this.focusDate.equals(currentDate),
                 isCurrentDate: currentDate.equals(today)
             });
             weekDayIndex += 1;
@@ -300,37 +264,51 @@ const GuxCalendar = class {
         }
         return weeks;
     }
-    getFocusDate() {
-        return this.focusDate;
+    isFocusableDay(day) {
+        return (day.selected || day.focused) && !this.disabled;
+    }
+    renderPreviousButton() {
+        if (this.readonly) {
+            return null;
+        }
+        return (index.h("button", { type: "button", class: "gux-left", disabled: this.disabled || this.formDisabled, "aria-label": this.i18n('previousMonth', {
+                localizedPreviousMonthAndYear: localizedYearMonth(this.focusDate.add({ months: -1 }), this.locale)
+            }), onClick: () => this.shiftFocusDate({ months: -1 }) }, index.h("gux-icon", { size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })));
     }
-    getSelectedDate() {
-        if (this.slottedInput.value) {
-            return index_esm.qi.PlainDate.from(this.slottedInput.value);
+    renderNextButton() {
+        if (this.readonly) {
+            return null;
         }
-        return null;
+        return (index.h("button", { type: "button", class: "gux-right", disabled: this.disabled || this.formDisabled || this.readonly, "aria-label": this.i18n('nextMonth', {
+                localizedNextMonthAndYear: localizedYearMonth(this.focusDate.add({ months: 1 }), this.locale)
+            }), onClick: () => this.shiftFocusDate({ months: 1 }) }, index.h("gux-icon", { size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" })));
     }
     renderHeader() {
-        return (index.h("div", { class: "gux-header" }, index.h("button", { type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth', {
-                localizedPreviousMonthAndYear: localizedYearMonth(this.getFocusDate().add({ months: -1 }), this.locale)
-            }), onClick: () => this.shiftFocusDate({ months: -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" }, localizedYearMonth(this.getFocusDate(), this.locale)), index.h("button", { type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth', {
-                localizedNextMonthAndYear: localizedYearMonth(this.getFocusDate().add({ months: 1 }), this.locale)
-            }), onClick: () => this.shiftFocusDate({ months: 1 }) }, index.h("gux-icon", { size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))));
+        return (index.h("div", { class: "gux-header" }, this.renderPreviousButton(), index.h("div", { class: "gux-header-month-and-year" }, localizedYearMonth(this.focusDate, this.locale)), this.renderNextButton()));
     }
     renderContent() {
-        return (index.h("div", { onKeyDown: e => void this.onKeyDown(e), onClick: e => void this.detectDayClick(e) }, 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 => {
+        return (index.h("div", { onKeyDown: e => void this.onDayKeyDown(e), onClick: e => void this.onDayClick(e) }, 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 => {
             const isoDateStr = day.date.toString();
-            return (index.h("gux-day-beta", { day: isoDateStr, "aria-current": day.selected ? 'true' : 'false', disabled: day.disabled ? true : false, tabindex: day.selected || day.focused ? '0' : '-1', class: `
+            return (index.h("gux-day-beta", { day: isoDateStr, "aria-current": day.selected ? 'true' : 'false', "aria-disabled": !day.inCurrentMonth || day.disabled || this.disabled
+                    ? 'true'
+                    : 'false', disabled: day.disabled ? true : false, tabindex: this.isFocusableDay(day) ? '2' : '-1', class: `
                             ${!day.inCurrentMonth || day.disabled ? 'gux-muted' : ''}
-                            day-${isoDateStr}  
+                            day-${isoDateStr}
                           ` }));
         }))))))));
     }
     render() {
-        return (index.h("div", { key: 'fe73d841f223be6ddca2961f70218cc3eb670ae2', class: `gux-calendar-beta ${this.disabled ? 'gux-disabled' : ''}` }, index.h("slot", { key: '963de79dccf6552e1861f47543992f11d0078e32', onSlotchange: () => {
-                this.onSlotChange();
-            } }), this.renderHeader(), this.renderContent()));
+        return (index.h("div", { key: '7bb2da3e23376149f773b686150d73d443199117', class: {
+                'gux-calendar-beta': true,
+                'gux-disabled': this.disabled || this.formDisabled
+            }, "aria-disabled": this.disabled || this.formDisabled ? 'true' : 'false' }, this.renderHeader(), this.renderContent()));
     }
+    static get delegatesFocus() { return true; }
+    static get formAssociated() { return true; }
     get root() { return index.getElement(this); }
+    static get watchers() { return {
+        "value": ["onValueChange"]
+    }; }
 };
 GuxCalendar.style = guxCalendarCss;
 

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

@@ -3,7 +3,7 @@
 var index = require('./index-C1LZ-Zd8.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var isoDates = require('./iso-dates-B-hZmvim.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-AjULwro2.js');
 var index$1 = require('./index-CjUBUVCO.js');
 var capitalizeFirstLetter = require('./capitalize-first-letter-mZPrUEI2.js');
 var sparkIntl = require('./spark-intl-DbMn-aKP.js');
@@ -417,7 +417,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: '0306246dfcce32aabad2d001c20669cbe69fe280', class: "gux-calendar" }, index.h("div", { key: 'e5324dfe443431f5a28ddd5420625d664c24b0e3', class: "gux-header" }, index.h("button", { key: '8c55a02accf37620a169b0cf3f879a61945d8d58', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, index.h("gux-icon", { key: '392607efecf36bab5a3efcba1c1f3059d5a6aa59', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: '62efa4a387829b89452430c48772ab412aa6d1f7', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, index.h("gux-icon", { key: '1b2991888a3d39799f0994b9d4594405632871bd', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: '288d3d25c4c9a4b97b07de9a5273932892689d30', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (index.h("div", { key: '067cd81bad66f5a4dba8242370a3bae746ed77e8', class: "gux-calendar" }, index.h("div", { key: 'f903f7f60cccc0a3f6623e466fd0e124d3b093de', class: "gux-header" }, index.h("button", { key: '87ebd73f2815a7057c6f06864a32544ea8a91729', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, index.h("gux-icon", { key: 'ba43661694f71dc600850afe21f78b96bed476d7', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), index.h("button", { key: 'cdcddaf9162eab54a9263295dfd54d7a0cdbb87a', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, index.h("gux-icon", { key: 'e0a2b4cd4b4454fe2fca83ebdb94a67cdeceacf2', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), index.h("div", { key: '8c3009f3e688993ba95bd8f96ecb79188ad04d98', 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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-C1LZ-Zd8.js');
-var usage = require('./usage-o6I3mOuO.js');
+var usage = require('./usage-AjULwro2.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)}.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)}";
 
@@ -17,10 +17,10 @@ const GuxCard = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h("div", { key: '6a95ced5f017e5981bc34d8b78e0d0a7430878df', class: {
+        return (index.h("div", { key: '551f8cf1bdf66e559a5d5b69e0f81f9b66781efe', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("slot", { key: '3d8fa3f0b2586a8a4aff7b3995905f66ca506919' })));
+            } }, index.h("slot", { key: 'd5839084d0fb89fc99a50a9edba6395deea8a455' })));
     }
     get root() { return index.getElement(this); }
 };