npm - genesys-spark-components - Versions diffs - 4.186.1 → 4.187.0 - Mend

genesys-spark-components 4.186.1 → 4.187.0

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

Files changed (760) hide show

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, f as forceUpdate, h, a as getElement } from './index-CjVJoR6g.js';
 import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import './get-closest-element-Cd4R0amv.js';
 const breadcrumbs = "Breadcrumbs";
@@ -25,7 +25,7 @@ const GuxBreadcrumbs = class {
         Array.from(this.root.children).forEach(child => forceUpdate(child));
     }
     render() {
-        return (h("nav", { key: '9c5f5a9f99b9d45af99bf1eb8016881f387d904c', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '7b8232f93afdf54cfef667dc9457edc269ec285b' }, h("slot", { key: '3c06ad7d0d7fe0b5f0b96903036951e707bfae94', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: 'f88e1453059c33d40490b89dd34cc3a8e33ea923', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '26b822edbc6d93eabb4dc97db340e4155ad02678' }, h("slot", { key: '2fab33cf5d08f62d8b4b215a3484094b2afef601', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, a as getElement } from './i
 import { O as OnClickOutside } from './on-click-outside-CQ9-ZPII.js';
 import { w as whenEventIsFrom } from './when-event-is-from-kLXvN2m9.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {
@@ -136,7 +136,7 @@ const GuxButtonMulti = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '0fe548008674fb471b4649a1cdf9d40e2199509b', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'c135a999850eb1a8979006c68e93db2084b92726', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '97deeb0b96dd9475d3ed60a5e7b8c58a39fca924', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, 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 }, h("slot", { key: '93627529753698fad726e17b31e9c08acbe432a4', name: "title" }), h("gux-icon", { key: 'dcc4e9f1cc0b881c530022faa07b579cc9a0cfa3', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'e2555a57679a2eb6e0dedcc20d265064ba55a3a0', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'd982c02c29f7a2f147dbbca9d0ca8bd414ee6874', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'bc6da95f60f3cba8bb9d8161c9208c67aada56ad' })))));
+        return (h("gux-popup", { key: '81151ec4803c66a856f2ae63a4abd1fd914e9c18', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '763aa8765d6456ced163b16392f28152cdfbec5b', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'a0d770793d6a522e9d11ebfe4869bb9fc2166f06', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, 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 }, h("slot", { key: 'b8a1d7d212b3aa69b9d2707a5f268d4ef047f68e', name: "title" }), h("gux-icon", { key: 'a0c2d0ffb219e64bcfb5d9cb89a75e489a322619', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'c8df9601b7a0ca07a6a66688ec7f5b8689d96533', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '58768f2f58d1d1099c199efedf94aac619617077', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'ce515bb2d9336172e274e7fbcdf8930a8032322b' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-CjVJoR6g.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { a as logError } from './log-error-DxtJDeL9.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)}";
@@ -32,7 +32,7 @@ const GuxButtonSlot = class {
         this.validateSlotContent();
     }
     render() {
-        return (h(Host, { key: '31ca4b09af9bb76bd9a4a15f7fd2ee9e640c759a', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '16ee328a47ab75d0d4ccecf70c57f373d83c3d92' })));
+        return (h(Host, { key: '837210124f055e9ba137a070bbbf62f9b6546e73', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: 'eccd0b293d0b86e1733d8abff4cb07f6e37b1600' })));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement, c as createEvent } from './index-CjVJoR6g.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom-C8aV-TzO.js';
 import { O as OnClickOutside } from './on-click-outside-CQ9-ZPII.js';
@@ -31,10 +31,10 @@ const GuxButton = class {
     }
     render() {
         return [
-            h("button", { key: '45e0647c35e44a15d33a7491b1a5748317b91c3e', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            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 }, h("slot", { key: 'd6a726b5e60186346d8755d1cd2821299d584a11', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: 'c5a9a2400f8cc04a2074e5e76cc4a2f7fe1dddbb', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }
@@ -261,10 +261,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (h("div", { key: 'e91df0309d9197961051a592c3bb7233f67a7b91', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'bc04c0c2945c14426e7ff1cf87f4a760df930948', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '639b69837577566eb79e3c0da634d5a26dac0fa9', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'b8b5821bb0be8b9ae81b533254dd15d6a3eab984', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '24750da13cc583892ffe68142d278d6e0b474994', onClick: this.dismiss.bind(this) })), h("div", { key: 'bd18a614588cabc971a966fff90f537aef855df6', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '4ddbc7c988cdc88a5edd9e618b5767039cb603bf', name: "title" })), h("div", { key: '08f0d5e38d79863b6c261c297a1ec0761e55e82e', class: "gux-popover-content" }, h("slot", { key: '034d01bb92a642698b8b386c3ddd0a6e91c30a78' })), h("div", { key: '11383d7b8c700114616fbcb2864a442f3ac8a610', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: '49c830761fca2f8fe1e3a0ce3ffb64da3a065b96', name: "footer" }))));
+            }, "data-placement": true }, h("div", { key: 'ce2454d1e80b152b8ff2d21ba175496e79f03b2a', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '584c7f56ee99f6236718e56f5c9513f0965e659b', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '4f5a96eb0153eaf417fd8d63ead049f02f77517f', onClick: this.dismiss.bind(this) })), h("div", { key: '9332706ed1b4d0c2a0ebb6a37a79b4b4ac430147', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '88d1e4173cd77b7ce449b8ed6bb54a868b1b3ad7', name: "title" })), h("div", { key: 'ce3635566e8ec64605a5a2945569b2e1167bb1cb', class: "gux-popover-content" }, h("slot", { key: 'e2004b3f52ce0ef90bc6dae85665a5454013b4e7' })), h("div", { key: '87544441c6ed5a867bdb5a79375a292eb0db8c02', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: '25e63d3f83160bfde5c25c9c976719205646c184', name: "footer" }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,9 +1,8 @@
-import { r as registerInstance, f as forceUpdate, h, a as getElement } from './index-CjVJoR6g.js';
+import { r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
 import { q as qi } from './index.esm-ByC1Z2e8.js';
-import { g as getDesiredLocale, a as getFirstDayOfWeek, b as buildI18nForComponent } from './index-BcJFUYIV.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { a as logError } from './log-error-DxtJDeL9.js';
 import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
+import { g as getDesiredLocale, a as getFirstDayOfWeek, b as buildI18nForComponent } from './index-BcJFUYIV.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './get-closest-element-Cd4R0amv.js';
@@ -28,10 +27,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',
@@ -55,53 +50,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 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}";
@@ -111,11 +68,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) {
         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
@@ -123,57 +93,95 @@ const GuxCalendar = class {
          * may be on other parts of the component.
          */
         this.focusDate = 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() {
-        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) || qi.Now.plainDateISO();
+        this.focusOnFocusDate();
+        simulateNativeEvent(this.root, 'input');
+        if (oldValue !== newValue) {
+            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(this.root, 'You must slot a date input element like so: input[type="date"].');
-        }
+        var _a;
         this.locale = getDesiredLocale(this.root);
-        // Set start day of week
         this.startDayOfWeek = this.startDayOfWeek || getFirstDayOfWeek(this.locale);
         this.i18n = await 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 ? qi.PlainDate.from(val) : undefined;
-                },
-                max: (val) => {
-                    return val ? 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 = qi.PlainDate.from(dayElement.day);
-        this.selectDate(selectedDate);
-        event.stopPropagation();
     }
     /**
      * Finds the `gux-day` element corresponding to the provided
@@ -183,32 +191,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(this.root, 'input');
-        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 = qi.Duration.from(interval);
         let newFocusedValue = this.focusDate.add(shiftInterval);
         // Clamp to the valid range
         if (this.min &&
-            qi.PlainDate.compare(newFocusedValue, this.min) == -1) {
-            newFocusedValue = this.min;
+            qi.PlainDate.compare(newFocusedValue, isoToTemporalDate(this.min)) == -1) {
+            newFocusedValue = isoToTemporalDate(this.min);
         }
         else if (this.max &&
-            qi.PlainDate.compare(newFocusedValue, this.max) == 1) {
-            newFocusedValue = this.max;
+            qi.PlainDate.compare(newFocusedValue, isoToTemporalDate(this.max)) == 1) {
+            newFocusedValue = isoToTemporalDate(this.max);
         }
         this.focusDate = newFocusedValue;
     }
@@ -225,42 +225,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
      */
@@ -270,12 +234,12 @@ const GuxCalendar = class {
     }
     getMonthDays() {
         const today = 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) {
@@ -289,8 +253,8 @@ const GuxCalendar = class {
                 date: 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;
@@ -298,37 +262,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 (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 }) }, h("gux-icon", { size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })));
     }
-    getSelectedDate() {
-        if (this.slottedInput.value) {
-            return qi.PlainDate.from(this.slottedInput.value);
+    renderNextButton() {
+        if (this.readonly) {
+            return null;
         }
-        return null;
+        return (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 }) }, h("gux-icon", { size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" })));
     }
     renderHeader() {
-        return (h("div", { class: "gux-header" }, 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 }) }, h("gux-icon", { size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), h("span", { class: "gux-header-month-and-year" }, localizedYearMonth(this.getFocusDate(), this.locale)), 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 }) }, h("gux-icon", { size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))));
+        return (h("div", { class: "gux-header" }, this.renderPreviousButton(), h("div", { class: "gux-header-month-and-year" }, localizedYearMonth(this.focusDate, this.locale)), this.renderNextButton()));
     }
     renderContent() {
-        return (h("div", { onKeyDown: e => void this.onKeyDown(e), onClick: e => void this.detectDayClick(e) }, h("div", { class: "gux-content" }, h("div", { class: "gux-week-days" }, getWeekdays(this.locale, this.startDayOfWeek).map(day => (h("div", { class: "gux-week-day" }, day)))), h("div", null, this.getMonthDays().map(week => (h("div", { class: "gux-content-week" }, week.dates.map(day => {
+        return (h("div", { onKeyDown: e => void this.onDayKeyDown(e), onClick: e => void this.onDayClick(e) }, h("div", { class: "gux-content" }, h("div", { class: "gux-week-days" }, getWeekdays(this.locale, this.startDayOfWeek).map(day => (h("div", { class: "gux-week-day" }, day)))), h("div", null, this.getMonthDays().map(week => (h("div", { class: "gux-content-week" }, week.dates.map(day => {
             const isoDateStr = day.date.toString();
-            return (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 (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 (h("div", { key: 'fe73d841f223be6ddca2961f70218cc3eb670ae2', class: `gux-calendar-beta ${this.disabled ? 'gux-disabled' : ''}` }, h("slot", { key: '963de79dccf6552e1861f47543992f11d0078e32', onSlotchange: () => {
-                this.onSlotChange();
-            } }), this.renderHeader(), this.renderContent()));
+        return (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 getElement(this); }
+    static get watchers() { return {
+        "value": ["onValueChange"]
+    }; }
 };
 GuxCalendar.style = guxCalendarCss;

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CjVJoR6g.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
 import { a as asIsoDateRange, c as fromIsoDateRange, b as asIsoDate, f as fromIsoDate } from './iso-dates-aKaDsw_5.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { b as buildI18nForComponent, g as getDesiredLocale, c as getStartOfWeek } from './index-BcJFUYIV.js';
 import { c as capitalizeFirstLetter } from './capitalize-first-letter-Cf6_BoFM.js';
 import { d as dateTimeFormat } from './spark-intl-BnH2RPHP.js';
@@ -415,7 +415,7 @@ const GuxCalendar = class {
         return (h("table", null, h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (h("th", null, day)))), this.getMonthDays(index).map(week => (h("tr", null, week.map(day => (h("td", { tabindex: this.isFocusableDate(day) ? '0' : '-1', class: day.class, "aria-hidden": day.hidden ? 'true' : 'false', "aria-disabled": day.disabled ? 'true' : 'false', "data-date": day.date.getTime(), onClick: () => void this.onDateClick(day.date), onMouseEnter: () => this.onDateMouseEnter(day.date), onKeyDown: e => void this.onKeyDown(e) }, h("div", { class: "gux-date" }, day.date.getDate(), h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (h("div", { key: '0306246dfcce32aabad2d001c20669cbe69fe280', class: "gux-calendar" }, h("div", { key: 'e5324dfe443431f5a28ddd5420625d664c24b0e3', class: "gux-header" }, h("button", { key: '8c55a02accf37620a169b0cf3f879a61945d8d58', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: '392607efecf36bab5a3efcba1c1f3059d5a6aa59', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '62efa4a387829b89452430c48772ab412aa6d1f7', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: '1b2991888a3d39799f0994b9d4594405632871bd', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '288d3d25c4c9a4b97b07de9a5273932892689d30', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '067cd81bad66f5a4dba8242370a3bae746ed77e8', class: "gux-calendar" }, h("div", { key: 'f903f7f60cccc0a3f6623e466fd0e124d3b093de', class: "gux-header" }, h("button", { key: '87ebd73f2815a7057c6f06864a32544ea8a91729', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: 'ba43661694f71dc600850afe21f78b96bed476d7', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'cdcddaf9162eab54a9263295dfd54d7a0cdbb87a', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: 'e0a2b4cd4b4454fe2fca83ebdb94a67cdeceacf2', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '8c3009f3e688993ba95bd8f96ecb79188ad04d98', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.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)}";
@@ -15,10 +15,10 @@ const GuxCard = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: '6a95ced5f017e5981bc34d8b78e0d0a7430878df', class: {
+        return (h("div", { key: '551f8cf1bdf66e559a5d5b69e0f81f9b66781efe', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '3d8fa3f0b2586a8a4aff7b3995905f66ca506919' })));
+            } }, h("slot", { key: 'd5839084d0fb89fc99a50a9edba6395deea8a455' })));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
 import './get-closest-element-Cd4R0amv.js';
@@ -32,7 +32,7 @@ const GuxCloudLogo = class {
         }
     }
     render() {
-        return (h("svg", { key: 'e45930fad4a8a94336b45da49e102817b66e4945', class: {
+        return (h("svg", { key: '7804dd5d41a17ef3253b55d45206433182c22654', class: {
                 'gux-monotone': this.type === 'monotone'
             }, xmlns: "http://www.w3.org/2000/svg", viewBox: this.viewBox, "aria-label": this.i18n('genesysCloudLogo'), role: "img" }, this.renderPaths(this.layout)));
     }

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
 import './get-closest-element-Cd4R0amv.js';
@@ -20,7 +20,7 @@ const GuxCloudLogomark = class {
         trackComponent(this.root, { variant: this.variant });
     }
     render() {
-        return (h("svg", { key: 'f309da3d69edee9695957393a982dd7a7807d253', class: `gux-${this.variant}`, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 50 50", "aria-label": this.i18n('genesysCloudLogomark'), role: "img" }, h("path", { key: '3ba9f456fb76011caed0b9ad31b71046b74297b6', class: "gux-background", d: "M50 0H0V50H50V0Z" }), h("path", { key: '8e2429fcabb75a5456453e2f64014983e35f4cb2', class: "gux-foreground", d: "M29.283 11.5234H20.6388C17.1517 11.5234 14.325 14.3502 14.325 17.8372V17.8967C14.325 21.3838 17.1517 24.2105 20.6388 24.2105H29.283C32.77 24.2105 35.5968 21.3838 35.5968 17.8967V17.8372C35.5968 14.3502 32.77 11.5234 29.283 11.5234Z" }), h("path", { key: '52441fac21628323ca6c6f15430d08e23f3aab28', class: "gux-foreground", d: "M23.4827 32.6137C23.4827 29.3995 26.0884 26.7937 29.3027 26.7937H39.878C43.0922 26.7937 45.698 29.3995 45.698 32.6137C45.698 35.828 43.0922 38.4337 39.878 38.4337H29.3027C26.0884 38.4337 23.4827 35.828 23.4827 32.6137Z" }), h("path", { key: '7cd3748bb675c32828abf4d42b915857d49a3256', class: "gux-foreground", d: "M4.29688 32.6137C4.29688 29.3995 6.90258 26.7937 10.1168 26.7937H15.0798C18.2942 26.7937 20.8999 29.3995 20.8999 32.6137C20.8999 35.828 18.2942 38.4337 15.0798 38.4337H10.1168C6.90258 38.4337 4.29688 35.828 4.29688 32.6137Z" })));
+        return (h("svg", { key: '78cdf127598bb5fdf5f391339ca49754252049d8', class: `gux-${this.variant}`, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 50 50", "aria-label": this.i18n('genesysCloudLogomark'), role: "img" }, h("path", { key: '6d6e8ce118a5ca657e24bc1c93e75a200c858739', class: "gux-background", d: "M50 0H0V50H50V0Z" }), h("path", { key: '96982a4121bce6f87d87b661e092164794005a2f', class: "gux-foreground", d: "M29.283 11.5234H20.6388C17.1517 11.5234 14.325 14.3502 14.325 17.8372V17.8967C14.325 21.3838 17.1517 24.2105 20.6388 24.2105H29.283C32.77 24.2105 35.5968 21.3838 35.5968 17.8967V17.8372C35.5968 14.3502 32.77 11.5234 29.283 11.5234Z" }), h("path", { key: '5f0af376c355137068301f7de450de9964e58654', class: "gux-foreground", d: "M23.4827 32.6137C23.4827 29.3995 26.0884 26.7937 29.3027 26.7937H39.878C43.0922 26.7937 45.698 29.3995 45.698 32.6137C45.698 35.828 43.0922 38.4337 39.878 38.4337H29.3027C26.0884 38.4337 23.4827 35.828 23.4827 32.6137Z" }), h("path", { key: '5985c6c8ce040826181fb24d7a7f4c4c86d68101', class: "gux-foreground", d: "M4.29688 32.6137C4.29688 29.3995 6.90258 26.7937 10.1168 26.7937H15.0798C18.2942 26.7937 20.8999 29.3995 20.8999 32.6137C20.8999 35.828 18.2942 38.4337 15.0798 38.4337H10.1168C6.90258 38.4337 4.29688 35.828 4.29688 32.6137Z" })));
     }
     get root() { return getElement(this); }
 };