@maggioli-design-system/magma 2.0.0-beta.2 → 2.0.0-beta.3

package/dist/esm/mds-calendar_2.entry.js

@@ -8,7 +8,7 @@ var miBaselineForwardIos = `<svg xmlns="http://www.w3.org/2000/svg" width="24" h
 
 var miBaselineBackIosNew = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17.77 3.77L16 2L6 12l10 10l1.77-1.77L9.54 12z"/></svg>`;
 
-const mdsCalendarCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-calendar-day-number-other-month-color:rgb(var(--tone-neutral-07,134 134 134));--mds-calendar-day-number-color:rgb(var(--tone-neutral-01,255 255 255));--mds-calendar-cell-gap:var(--gap-50);--mds-calendar-cell-other-month-visibility:visible;--mds-calendar-border-radius:var(--radius-lg,16px);--mds-calendar-background:rgb(var(--tone-neutral,0 0 0));--mds-calendar-padding:calc(var(--spacing,.0025rem)*400);--mds-calendar-select-month-or-year-height:calc(var(--spacing,.0025rem)*900);--mds-calendar-select-month-or-year-width:14rem}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-calendar-cell):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-calendar-cell-other-month-visibility{syntax:"visible|hidden";inherits:false;initial-value:visible}@property --mds-calendar-select-month-or-year-width{syntax:"<length>";inherits:false;initial-value:14rem}:host{--mds-calendar-day-number-other-month-color:rgb(var(--tone-neutral-07,134 134 134));--mds-calendar-day-number-color:rgb(var(--tone-neutral-01,255 255 255));--mds-calendar-cell-gap:calc(var(--spacing,.0025rem)*50);--mds-calendar-cell-other-month-visibility:visible;--mds-calendar-border-radius:var(--radius-lg,16px);--mds-calendar-background:rgb(var(--tone-neutral,0 0 0));--mds-calendar-padding:calc(var(--spacing,.0025rem)*400);--mds-calendar-select-month-or-year-height:calc(var(--spacing,.0025rem)*900);--mds-calendar-select-month-or-year-width:14rem;--mds-calendar-max-width:480px;--mds-calendar-min-width:280px;background-color:rgb(var(--tone-neutral-09,76 76 76));border-radius:var(--mds-calendar-border-radius,var(--radius-lg,16px));cursor:auto;display:inline-flex;max-width:var(--mds-calendar-max-width);min-width:max-content;overflow:hidden}.calendar-view{background-color:var(--mds-calendar-background,rgb(var(--tone-neutral,0 0 0)));border-radius:inherit;box-sizing:border-box;display:grid;flex:auto;width:100%}.calendar-preselection,.calendar-view{padding:var(--mds-calendar-padding,calc(var(--spacing,.0025rem)*400))}.calendar-preselection{display:none;gap:calc(var(--spacing,.0025rem)*50);grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content}.calendar-preselection--has-preselection{display:grid}nav{display:flex;gap:calc(var(--spacing,.0025rem)*200);justify-content:space-between;min-width:0}.action{-ms-flex-pack:left;justify-content:left;min-width:min-content;padding-left:calc(var(--spacing,.0025rem)*200);padding-right:calc(var(--spacing,.0025rem)*200)}.action-back,.action-forward{flex-shrink:0}.select-month-or-year{align-items:stretch;background-color:rgb(var(--tone-neutral-09,76 76 76));block-size:var(--mds-calendar-select-month-or-year-height,calc(var(--spacing,.0025rem)*900));border-radius:var(--mds-calendar-border-radius,var(--radius-lg,16px));box-sizing:border-box;display:flex;-ms-flex:0 0 var(--mds-calendar-select-month-or-year-width,14rem);flex:0 0 var(--mds-calendar-select-month-or-year-width,14rem);height:var(--mds-calendar-select-month-or-year-height,calc(var(--spacing,.0025rem)*900));inline-size:var(--mds-calendar-select-month-or-year-width,14rem);justify-content:flex-start;max-block-size:var(--mds-calendar-select-month-or-year-height,calc(var(--spacing,.0025rem)*900));max-height:var(--mds-calendar-select-month-or-year-height,calc(var(--spacing,.0025rem)*900));max-inline-size:var(--mds-calendar-select-month-or-year-width,14rem);min-block-size:var(--mds-calendar-select-month-or-year-height,calc(var(--spacing,.0025rem)*900));min-height:var(--mds-calendar-select-month-or-year-height,calc(var(--spacing,.0025rem)*900));min-inline-size:var(--mds-calendar-select-month-or-year-width,14rem);overflow:hidden}.action-month,.action-year{--mds-button-radius:0;align-self:stretch;block-size:100%;box-sizing:border-box;cursor:default;height:100%;max-block-size:100%;max-height:100%;min-block-size:0;min-height:0;padding-left:calc(var(--spacing,.0025rem)*200);padding-right:calc(var(--spacing,.0025rem)*200)}.action-month{flex:auto;min-width:0}.action-year{flex:0 0 4.5rem}.action-month::part(label),.action-year::part(label){overflow:visible;text-overflow:clip;white-space:nowrap}.week-day-name{align-items:center;aspect-ratio:1;min-height:auto;padding:0}.month-view__cells,.month-view__days-names{display:grid;gap:var(--mds-calendar-cell-gap,var(--gap-50));grid-template-columns:repeat(7,minmax(1px,100%));min-width:0}.month-view{display:grid}.month-view__month-names,.month-view__years{display:grid;gap:var(--mds-calendar-cell-gap,var(--gap-50));grid-template-columns:repeat(3,minmax(1px,100%));min-width:0}`;
+const mdsCalendarCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-calendar-day-number-other-month-color:rgb(var(--tone-neutral-07,134 134 134));--mds-calendar-day-number-color:rgb(var(--tone-neutral-01,255 255 255));--mds-calendar-cell-gap:var(--gap-50);--mds-calendar-cell-other-month-visibility:visible;--mds-calendar-border-radius:var(--radius-lg,16px);--mds-calendar-background:rgb(var(--tone-neutral,0 0 0));--mds-calendar-padding:calc(var(--spacing,.0025rem)*400);--mds-calendar-select-month-or-year-height:calc(var(--spacing,.0025rem)*900);--mds-calendar-select-month-or-year-width:14rem}}}:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-calendar-cell):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-calendar-cell-other-month-visibility{syntax:"visible|hidden";inherits:false;initial-value:visible}@property --mds-calendar-select-month-or-year-width{syntax:"<length>";inherits:false;initial-value:14rem}:host{--mds-calendar-day-number-other-month-color:rgb(var(--tone-neutral-07,134 134 134));--mds-calendar-day-number-color:rgb(var(--tone-neutral-01,255 255 255));--mds-calendar-cell-gap:calc(var(--spacing,.0025rem)*50);--mds-calendar-cell-other-month-visibility:visible;--mds-calendar-border-radius:var(--radius-lg,16px);--mds-calendar-background:rgb(var(--tone-neutral,0 0 0));--mds-calendar-padding:calc(var(--spacing,.0025rem)*400);--mds-calendar-select-month-or-year-height:calc(var(--spacing,.0025rem)*900);--mds-calendar-select-month-or-year-width:14rem;--mds-calendar-max-width:480px;--mds-calendar-min-width:280px;background-color:rgb(var(--tone-neutral-09,76 76 76));border-radius:var(--mds-calendar-border-radius,var(--radius-lg,16px));cursor:auto;display:inline-flex;max-width:var(--mds-calendar-max-width);min-width:max-content;overflow:hidden}.calendar-view{background-color:var(--mds-calendar-background,rgb(var(--tone-neutral,0 0 0)));border-radius:inherit;box-sizing:border-box;display:grid;flex:auto;width:100%}.calendar-preselection,.calendar-view{padding:var(--mds-calendar-padding,calc(var(--spacing,.0025rem)*400))}.calendar-preselection{display:none;gap:calc(var(--spacing,.0025rem)*50);grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content}.calendar-preselection--has-preselection{display:grid}nav{display:flex;gap:calc(var(--spacing,.0025rem)*200);justify-content:space-between;min-width:0}.action{-ms-flex-pack:left;justify-content:left;min-width:min-content;padding-left:calc(var(--spacing,.0025rem)*200);padding-right:calc(var(--spacing,.0025rem)*200)}.action-back,.action-forward{flex-shrink:0}.select-month-or-year{align-items:stretch;background-color:rgb(var(--tone-neutral-09,76 76 76));block-size:var(--mds-calendar-select-month-or-year-height,calc(var(--spacing,.0025rem)*900));border-radius:var(--mds-calendar-border-radius,var(--radius-lg,16px));box-sizing:border-box;display:flex;-ms-flex:0 0 var(--mds-calendar-select-month-or-year-width,14rem);flex:0 0 var(--mds-calendar-select-month-or-year-width,14rem);height:var(--mds-calendar-select-month-or-year-height,calc(var(--spacing,.0025rem)*900));inline-size:var(--mds-calendar-select-month-or-year-width,14rem);justify-content:flex-start;max-block-size:var(--mds-calendar-select-month-or-year-height,calc(var(--spacing,.0025rem)*900));max-height:var(--mds-calendar-select-month-or-year-height,calc(var(--spacing,.0025rem)*900));max-inline-size:var(--mds-calendar-select-month-or-year-width,14rem);min-block-size:var(--mds-calendar-select-month-or-year-height,calc(var(--spacing,.0025rem)*900));min-height:var(--mds-calendar-select-month-or-year-height,calc(var(--spacing,.0025rem)*900));min-inline-size:var(--mds-calendar-select-month-or-year-width,14rem);overflow:hidden}.action-month,.action-year{--mds-button-radius:0;align-self:stretch;block-size:100%;box-sizing:border-box;cursor:default;height:100%;max-block-size:100%;max-height:100%;min-block-size:0;min-height:0;padding-left:calc(var(--spacing,.0025rem)*200);padding-right:calc(var(--spacing,.0025rem)*200)}.action-month{flex:auto;min-width:0}.action-year{flex:0 0 4.5rem}.action-month::part(label),.action-year::part(label){overflow:visible;text-overflow:clip;white-space:nowrap}.week-day-name{align-items:center;aspect-ratio:1;min-height:auto;padding:0}.month-view__cells,.month-view__days-names{display:grid;gap:var(--mds-calendar-cell-gap,var(--gap-50));grid-template-columns:repeat(7,minmax(1px,100%));min-width:0}.month-view{display:grid}.month-view__month-names,.month-view__years{display:grid;gap:var(--mds-calendar-cell-gap,var(--gap-50));grid-template-columns:repeat(3,minmax(1px,100%));min-width:0}`;
 
 const MdsCalendar = class {
     constructor(hostRef) {
@@ -139,6 +139,58 @@ const MdsCalendar = class {
                 this.updateCalendar().then(() => this.setDates());
             });
         };
+        this.handlePrev = (event) => {
+            if (this.currentView === 'calendar') {
+                event.stopPropagation();
+                this.changeMonth(-1);
+            }
+            else if (this.currentView === 'years') {
+                event.stopPropagation();
+                this.selectedYear -= 10;
+            }
+            else {
+                event.stopPropagation();
+            }
+        };
+        this.handleNext = (event) => {
+            if (this.currentView === 'calendar') {
+                event.stopPropagation();
+                this.changeMonth(1);
+            }
+            else if (this.currentView === 'years') {
+                event.stopPropagation();
+                this.selectedYear += 10;
+            }
+            else {
+                event.stopPropagation();
+            }
+        };
+        this.handleCellClick = (dayInfo) => (event) => {
+            event.stopPropagation();
+            const target = event.currentTarget;
+            if (this.rangePicker)
+                this.handleRange(target, dayInfo);
+            else
+                this.handleSingleSelection(target, dayInfo);
+        };
+        this.handleMonthSelect = (month) => (event) => {
+            event.stopPropagation();
+            this.currentDate = this.currentDate.set({ month });
+            this.currentMonth = this.currentDate.toFormat('MMMM');
+            this.currentView = 'calendar';
+            this.updateCalendar().then(() => {
+                requestAnimationFrame(() => this.setDates());
+            });
+        };
+        this.handleYearSelect = (year) => (event) => {
+            event.stopPropagation();
+            this.currentDate = this.currentDate.set({ year });
+            this.currentYear = year.toString();
+            this.currentView = 'calendar';
+            this.updateCalendar().then(() => {
+                requestAnimationFrame(() => this.setDates());
+            });
+        };
     }
     /**
      * Updates the component's texts to the locale currently set on the host element.
@@ -551,79 +603,29 @@ const MdsCalendar = class {
             this.datesEmitter.emit({ startDate: this.internalStartDate });
         }
     }
+    isDateDisabled(date) {
+        if (this.min !== null && this.min !== '' && date < DateTime.fromISO(this.min)) {
+            return true;
+        }
+        if (this.max !== null && this.max !== '' && date > DateTime.fromISO(this.max)) {
+            return true;
+        }
+        return undefined;
+    }
     render() {
-        return (h(Host, { key: '1eb387ba6abf7eca71b0fc607c7005ce29a61ead' }, h("div", { key: '0119ec58bd3b3787c855c37d23330213f2f451dd', class: clsx('calendar-preselection', (this.showPreselection || this.hasPreselection) &&
-                'calendar-preselection--has-preselection') }, h("slot", { key: '0d14d1aedf9fc330bbc5378e9be16d870f46e46f', name: "preselection" })), h("div", { key: '2ad32a9c10cf82522611857dc2024b0e725c686b', class: "calendar-view" }, h("nav", { key: 'e99cd48ef3430e3681fe95bbccebc44516218bd9' }, this.showPreviousButton && (h("mds-button", { key: '21286c151fd2cb5b4c48f633d7889a439099510c', class: "action-back", icon: miBaselineBackIosNew, variant: "dark", tone: "text", onClick: (event) => {
-                if (this.currentView === 'calendar') {
-                    event.stopPropagation();
-                    this.changeMonth(-1);
-                }
-                else if (this.currentView === 'years') {
-                    event.stopPropagation();
-                    this.selectedYear -= 10;
-                }
-                else {
-                    event.stopPropagation();
-                }
-            } })), h("div", { key: 'fa9ca6714345f63863ff8311b0890872a26c21a5', class: "select-month-or-year" }, (this.currentView === 'calendar' || this.currentView === 'months') && (h("mds-button", { key: 'e0d20e39741b9434fb970fc384a0e18ac77f34bb', class: "action-month", truncate: "none", variant: "dark", tone: "text", label: this.currentMonth, onClick: this.handleMonthActionClick })), (this.currentView === 'calendar' || this.currentView === 'years') && (h("mds-button", { key: 'c8046b37184632df0dc142bbe25efd0e5b95373c', class: "action-year", truncate: "none", variant: "dark", tone: "text", label: this.currentYear, onClick: this.handleYearActionClick }))), this.showNextButton && (h("mds-button", { key: '4b93409bdf7f775af4f42f8f160f663ec6fcd970', class: "action-forward", icon: miBaselineForwardIos, variant: "dark", tone: "text", onClick: (event) => {
-                if (this.currentView === 'calendar') {
-                    event.stopPropagation();
-                    this.changeMonth(1);
-                }
-                else if (this.currentView === 'years') {
-                    event.stopPropagation();
-                    this.selectedYear += 10;
-                }
-                else {
-                    event.stopPropagation();
-                }
-            } }))), this.currentView === 'calendar' && (h("section", { key: '0ac4fb2d6b5099b675a4b07c4dbcd0e839e05721', class: "month-view" }, h("header", { key: 'dbb841edaa6435521e128eef973db34cbe98568f', class: "month-view__days-names" }, this.weekdays.map((day) => (h("mds-button", { class: "week-day-name", variant: "dark", tone: "text", label: day })))), h("div", { key: '211d488ff233741097cf28ca5039a0591da999e3', class: "month-view__cells" }, this.weekDaysinMonth.map((dayInfo, index) => (h("mds-calendar-cell", { key: index, today: DateTime.now().toFormat('yyyy-MM-dd') === dayInfo.date.toFormat('yyyy-MM-dd'), date: dayInfo.date.toFormat('yyyy-MM-dd'), month: dayInfo.isCurrentMonth ? 'current' : 'other', disabled: (() => {
-                if (this.min !== null &&
-                    this.min !== '' &&
-                    dayInfo.date < DateTime.fromISO(this.min)) {
-                    return true;
-                }
-                if (this.max !== null &&
-                    this.max !== '' &&
-                    dayInfo.date > DateTime.fromISO(this.max)) {
-                    return true;
-                }
-                return undefined;
-            })(), onClick: (event) => {
-                event.stopPropagation();
-                const target = event.currentTarget;
-                if (this.rangePicker)
-                    this.handleRange(target, dayInfo.date);
-                else
-                    this.handleSingleSelection(target, dayInfo.date);
-            }, title: dayInfo.date
+        return (h(Host, { key: 'eae79a23fef07ad0c39289138c1d9d201d01fdb8' }, h("div", { key: '981c8f338f2bb75ae160ed026964df32519cf7da', class: clsx('calendar-preselection', (this.showPreselection || this.hasPreselection) &&
+                'calendar-preselection--has-preselection') }, h("slot", { key: '5603f44dbaeea662b8717633333fad6ec82e7fd3', name: "preselection" })), h("div", { key: '666c4a41d8ea01c0dd4ec23f58c6cefbd077a6d8', class: "calendar-view" }, h("nav", { key: 'f5a49d71045f85a8d816fdd933a12a16f7da81d2' }, this.showPreviousButton && (h("mds-button", { key: 'f2d618d0030437a32224eccc60a44c975dc118d6', class: "action-back", icon: miBaselineBackIosNew, variant: "dark", tone: "text", onClick: this.handlePrev })), h("div", { key: '67e29dee62c2c500b30cb3b9efa480c28ba2f212', class: "select-month-or-year" }, (this.currentView === 'calendar' || this.currentView === 'months') && (h("mds-button", { key: '0e9df902f7d565f412fa9d3d443b5f93e142ce20', class: "action-month", truncate: "none", variant: "dark", tone: "text", label: this.currentMonth, onClick: this.handleMonthActionClick })), (this.currentView === 'calendar' || this.currentView === 'years') && (h("mds-button", { key: '1ae69a19bbdd472220d3c638f00549626875684c', class: "action-year", truncate: "none", variant: "dark", tone: "text", label: this.currentYear, onClick: this.handleYearActionClick }))), this.showNextButton && (h("mds-button", { key: 'c47a07e2eee26da908658c8038a3855c13a4dcdc', class: "action-forward", icon: miBaselineForwardIos, variant: "dark", tone: "text", onClick: this.handleNext }))), this.currentView === 'calendar' && (h("section", { key: 'e346703e4efa4251a3277bf1fbabf5686337797a', class: "month-view" }, h("header", { key: 'c14e9f373b6296e22fc80b361f2235a20aaa5ddc', class: "month-view__days-names" }, this.weekdays.map((day) => (h("mds-button", { class: "week-day-name", variant: "dark", tone: "text", label: day })))), h("div", { key: '4a80ca577d0c84b538e18ddff65eac0feccdef1d', class: "month-view__cells" }, this.weekDaysinMonth.map((dayInfo, index) => (h("mds-calendar-cell", { key: index, today: DateTime.now().toFormat('yyyy-MM-dd') === dayInfo.date.toFormat('yyyy-MM-dd'), date: dayInfo.date.toFormat('yyyy-MM-dd'), month: dayInfo.isCurrentMonth ? 'current' : 'other', disabled: this.isDateDisabled(dayInfo.date), onClick: this.handleCellClick(dayInfo.date), title: dayInfo.date
                 .setLocale(this.language)
                 .toFormat('cccc d LLLL')
-                .replace(/^./, (char) => char.toUpperCase()), label: dayInfo.date.toFormat('dd') })))))), this.currentView === 'months' && (h("section", { key: '4676197c1020dc31d126ca3dd25c018d5fd4531d', class: "month-selection" }, h("header", { key: '19efaa277ef13ccb5b04896c9d93a4c2a71df374', class: "month-view__month-names" }, Array.from({ length: 12 }).map((_, index) => {
+                .replace(/^./, (char) => char.toUpperCase()), label: dayInfo.date.toFormat('dd') })))))), this.currentView === 'months' && (h("section", { key: '605c67fd9b2f4dab967a2d0d2f59a3a1f8c3d970', class: "month-selection" }, h("header", { key: '1e6a1edf56452ad68ab75740a99dfcb858905199', class: "month-view__month-names" }, Array.from({ length: 12 }).map((_, index) => {
             const monthName = DateTime.local()
                 .set({ month: index + 1 })
                 .setLocale(this.language)
                 .toFormat('MMMM');
-            return (h("mds-button", { class: "action", variant: "dark", tone: "text", label: monthName, onClick: (event) => {
-                    event.stopPropagation();
-                    this.currentDate = this.currentDate.set({ month: index + 1 });
-                    this.currentMonth = this.currentDate.toFormat('MMMM');
-                    this.currentView = 'calendar';
-                    this.updateCalendar().then(() => {
-                        requestAnimationFrame(() => this.setDates());
-                    });
-                } }));
-        })))), this.currentView === 'years' && (h("section", { key: 'e854ef954fd530baa48a5044de94ac8389853a12', class: "year-selection" }, h("header", { key: '7175d42c0853411c9a0b70be855f49e1cdc1ec60', class: "month-view__years" }, Array.from({ length: 12 }).map((_, index) => {
+            return (h("mds-button", { class: "action", variant: "dark", tone: "text", label: monthName, onClick: this.handleMonthSelect(index + 1) }));
+        })))), this.currentView === 'years' && (h("section", { key: 'd58540f61197bee490b93d9097913d54cb7d7468', class: "year-selection" }, h("header", { key: '24a0f2cb86888f412e19053d64815173e82570a8', class: "month-view__years" }, Array.from({ length: 12 }).map((_, index) => {
             const year = this.selectedYear + index;
-            return (h("mds-button", { class: "action", variant: "dark", tone: "text", label: `${year}`, onClick: (event) => {
-                    event.stopPropagation();
-                    this.currentDate = this.currentDate.set({ year });
-                    this.currentYear = year.toString();
-                    this.currentView = 'calendar';
-                    this.updateCalendar().then(() => {
-                        requestAnimationFrame(() => this.setDates());
-                    });
-                } }));
+            return (h("mds-button", { class: "action", variant: "dark", tone: "text", label: `${year}`, onClick: this.handleYearSelect(year) }));
         })))))));
     }
     get host() { return getElement(this); }
@@ -644,7 +646,7 @@ const MdsCalendar = class {
 };
 MdsCalendar.style = mdsCalendarCss();
 
-const mdsCalendarCellCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-calendar-cell-background:transparent;--mds-calendar-cell-boundaries-background:transparent;--mds-calendar-cell-boundaries-color:rgb(var(--tone-neutral-01,255 255 255));--mds-calendar-cell-boundaries-padding:.25rem;--mds-calendar-cell-color:rgb(var(--tone-neutral-01,255 255 255));--mds-calendar-cell-other-month-background:transparent;--mds-calendar-cell-other-month-color:rgb(var(--tone-neutral-07,134 134 134));--mds-calendar-cell-disabled-background:transparent;--mds-calendar-cell-disabled-color:rgb(var(--tone-neutral-07,134 134 134));--mds-calendar-cell-weekend-background:transparent;--mds-calendar-cell-weekend-color:rgb(var(--tone-neutral-06,158 158 158));--mds-calendar-cell-size:3rem;--mds-calendar-cell-selection-boundaries-border-radius:1.5rem;--mds-calendar-cell-selection-week-boundaries-border-radius:1.5rem;--mds-calendar-cell-preselection-today-background:rgb(var(--variant-primary-09,0 58 168));--mds-calendar-cell-preselection-today-color:rgb(var(--variant-primary-03,211 226 255));--mds-calendar-cell-preselection-current-month-background:rgb(var(--variant-primary-08,0 83 239));--mds-calendar-cell-preselection-current-month-color:rgb(var(--tone-neutral-05,197 197 197));--mds-calendar-cell-preselection-current-month-boundaries-color:rgb(var(--tone-neutral-05,197 197 197));--mds-calendar-cell-preselection-current-month-boundaries-background:rgb(var(--variant-primary-10,0 49 142));--mds-calendar-cell-preselection-other-month-background:rgb(var(--variant-primary-09,0 58 168));--mds-calendar-cell-preselection-other-month-color:rgb(var(--tone-neutral-05,197 197 197));--mds-calendar-cell-preselection-other-month-boundaries-color:rgb(var(--tone-neutral-05,197 197 197));--mds-calendar-cell-preselection-other-month-boundaries-background:rgb(var(--tone-neutral,0 0 0));--mds-calendar-cell-selection-current-month-background:rgb(var(--variant-primary-04,184 208 255));--mds-calendar-cell-selection-current-month-color:rgb(var(--tone-neutral,0 0 0));--mds-calendar-cell-selection-current-month-boundaries-background:rgb(var(--tone-neutral,0 0 0));--mds-calendar-cell-selection-current-month-boundaries-color:rgb(var(--tone-neutral-03,233 233 233));--mds-calendar-cell-selection-current-month-weekend-background:rgb(var(--variant-primary-03,211 226 255));--mds-calendar-cell-selection-current-month-weekend-color:rgb(var(--variant-primary-07,44 117 255));--mds-calendar-cell-selection-current-month-weekend-boundaries-background:rgb(var(--variant-primary-03,211 226 255));--mds-calendar-cell-selection-current-month-weekend-boundaries-color:rgb(var(--tone-neutral-03,233 233 233));--mds-calendar-cell-selection-other-month-background:rgb(var(--variant-primary-07,44 117 255));--mds-calendar-cell-selection-other-month-color:rgb(var(--tone-neutral-04,218 218 218));--mds-calendar-cell-selection-other-month-boundaries-background:rgb(var(--variant-primary-10,0 49 142));--mds-calendar-cell-selection-other-month-boundaries-color:rgb(var(--tone-neutral-05,197 197 197))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-calendar-cell-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-calendar-cell-boundaries-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-calendar-cell-boundaries-padding{syntax:"<length>";inherits:false;initial-value:.25rem}@property --mds-calendar-cell-other-month-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-calendar-cell-disabled-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-calendar-cell-weekend-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-calendar-cell-size{syntax:"<length>";inherits:false;initial-value:3rem}@property --mds-calendar-cell-selection-boundaries-border-radius{syntax:"<length>";inherits:false;initial-value:1.5rem}@property --mds-calendar-cell-selection-week-boundaries-border-radius{syntax:"<length>";inherits:false;initial-value:1.5rem}:host{--mds-calendar-cell-background:transparent;--mds-calendar-cell-boundaries-background:transparent;--mds-calendar-cell-boundaries-color:rgb(var(--tone-neutral-01,255 255 255));--mds-calendar-cell-boundaries-padding:calc(var(--spacing,.0025rem)*100);--mds-calendar-cell-color:rgb(var(--tone-neutral-01,255 255 255));--mds-calendar-cell-other-month-background:transparent;--mds-calendar-cell-other-month-color:rgb(var(--tone-neutral-07,134 134 134));--mds-calendar-cell-disabled-background:transparent;--mds-calendar-cell-disabled-color:rgb(var(--tone-neutral-07,134 134 134));--mds-calendar-cell-weekend-background:transparent;--mds-calendar-cell-weekend-color:rgb(var(--tone-neutral-06,158 158 158));--mds-calendar-cell-size:calc(var(--spacing,.0025rem)*1200);--mds-calendar-cell-selection-boundaries-border-radius:200px;--mds-calendar-cell-selection-week-boundaries-border-radius:200px;--mds-calendar-cell-preselection-today-background:rgb(var(--variant-primary-09,0 58 168));--mds-calendar-cell-preselection-today-color:rgb(var(--variant-primary-03,211 226 255));--mds-calendar-cell-preselection-current-month-background:rgb(var(--variant-primary-08,0 83 239));--mds-calendar-cell-preselection-current-month-color:rgb(var(--tone-neutral-05,197 197 197));--mds-calendar-cell-preselection-current-month-boundaries-color:rgb(var(--tone-neutral-05,197 197 197));--mds-calendar-cell-preselection-current-month-boundaries-background:rgb(var(--variant-primary-10,0 49 142));--mds-calendar-cell-preselection-other-month-background:rgb(var(--variant-primary-09,0 58 168));--mds-calendar-cell-preselection-other-month-color:rgb(var(--tone-neutral-05,197 197 197));--mds-calendar-cell-preselection-other-month-boundaries-color:rgb(var(--tone-neutral-05,197 197 197));--mds-calendar-cell-preselection-other-month-boundaries-background:rgb(var(--tone-neutral,0 0 0));--mds-calendar-cell-selection-current-month-background:rgb(var(--variant-primary-04,184 208 255));--mds-calendar-cell-selection-current-month-color:rgb(var(--tone-neutral,0 0 0));--mds-calendar-cell-selection-current-month-boundaries-background:rgb(var(--tone-neutral,0 0 0));--mds-calendar-cell-selection-current-month-boundaries-color:rgb(var(--tone-neutral-03,233 233 233));--mds-calendar-cell-selection-current-month-weekend-background:rgb(var(--variant-primary-03,211 226 255));--mds-calendar-cell-selection-current-month-weekend-color:rgb(var(--variant-primary-07,44 117 255));--mds-calendar-cell-selection-current-month-weekend-boundaries-background:rgb(var(--variant-primary-03,211 226 255));--mds-calendar-cell-selection-current-month-weekend-boundaries-color:rgb(var(--tone-neutral-03,233 233 233));--mds-calendar-cell-selection-other-month-background:rgb(var(--variant-primary-07,44 117 255));--mds-calendar-cell-selection-other-month-color:rgb(var(--tone-neutral-04,218 218 218));--mds-calendar-cell-selection-other-month-boundaries-background:rgb(var(--variant-primary-10,0 49 142));--mds-calendar-cell-selection-other-month-boundaries-color:rgb(var(--tone-neutral-05,197 197 197));align-items:center;aspect-ratio:1;display:flex;justify-content:center;padding:var(--mds-calendar-cell-boundaries-padding,.25rem);position:relative}:host([month=other]){visibility:var(--mds-calendar-cell-other-month-visibility,hidden)}.inner-dot{aspect-ratio:1;background-color:var(--mds-calendar-cell-inner-background);border-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem);display:flex;min-height:0;min-width:0;width:100%;z-index:1}.area-background{background-color:var(--mds-calendar-cell-background,transparent);inset:0;z-index:0}.action,.area-background{color:var(--mds-calendar-cell-color,rgb(var(--tone-neutral-01,255 255 255)));position:absolute}.action{align-items:center;aspect-ratio:1;background-color:#0000;border-radius:0;display:flex;inset:calc(var(--mds-calendar-cell-gap,var(--gap-50))*-1);justify-content:center;min-height:0;min-width:0;padding:0;width:auto;z-index:2}:host([selection][orientation=horizontal]) .area-background{margin-left:calc(var(--mds-calendar-cell-gap,var(--gap-50))*-1);margin-right:calc(var(--mds-calendar-cell-gap,var(--gap-50))*-1)}:host([selection=start][orientation=horizontal]) .area-background{border-bottom-left-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem);border-top-left-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem);margin-left:0}:host([selection=end][orientation=horizontal]) .area-background{border-bottom-right-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem);border-top-right-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem);margin-right:0}:host([selection][orientation=vertical]) .area-background{margin-bottom:calc(var(--mds-calendar-cell-gap,var(--gap-50))*-1);margin-top:calc(var(--mds-calendar-cell-gap,var(--gap-50))*-1)}:host([selection=start][orientation=vertical]) .area-background{border-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem) var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem) 0 0;margin-top:0}:host([selection=end][orientation=vertical]) .area-background{border-radius:0 0 var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem) var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem);margin-bottom:0}:host([orientation=vertical]:not([selection=start],[selection=end])) .area-background{border-radius:0}:host(:nth-child(7n-6)) .area-background,:host([selection=end][orientation=horizontal]:nth-child(7n-6)) .area-background{border-bottom-left-radius:var(--mds-calendar-cell-selection-week-boundaries-border-radius,1.5rem);border-top-left-radius:var(--mds-calendar-cell-selection-week-boundaries-border-radius,1.5rem)}:host(:nth-child(7n)) .area-background,:host([selection=end][orientation=horizontal]:nth-child(7n)) .area-background{border-bottom-right-radius:var(--mds-calendar-cell-selection-week-boundaries-border-radius,1.5rem);border-top-right-radius:var(--mds-calendar-cell-selection-week-boundaries-border-radius,1.5rem)}:host([selection=end][orientation=horizontal]:nth-child(7n)) .area-background{border-bottom-right-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem);border-top-right-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem)}:host([selection][orientation=horizontal]:nth-child(7n-6)) .area-background{margin-left:0}:host([selection][orientation=horizontal]:nth-child(7n)) .area-background{margin-right:0}:host([selection=single][orientation=horizontal]) .area-background{border-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem);margin-left:0;margin-right:0}:host(:nth-child(7n)),:host(:nth-child(7n-1)){--mds-calendar-cell-color:var(--mds-calendar-cell-weekend-color,rgb(var(--tone-neutral-06,158 158 158)));--mds-calendar-cell-background:var(--mds-calendar-cell-weekend-background,transparent)}:host([month=other]:not([selection])){--mds-calendar-cell-color:var(--mds-calendar-cell-other-month-color,rgb(var(--tone-neutral-07,134 134 134)));--mds-calendar-cell-background:var(--mds-calendar-cell-other-month-background,transparent)}:host([disabled]){--mds-calendar-cell-color:var(--mds-calendar-cell-disabled-color,rgb(var(--tone-neutral-07,134 134 134)));--mds-calendar-cell-background:var(--mds-calendar-cell-disabled-background,transparent);cursor:auto;pointer-events:none}:host(:not([selection])[today]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-today-background,rgb(var(--variant-primary-09,0 58 168)));--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-today-color,rgb(var(--variant-primary-03,211 226 255)))}:host([selection][month=current]){--mds-calendar-cell-background:var(--mds-calendar-cell-selection-current-month-background,rgb(var(--variant-primary-04,184 208 255)));--mds-calendar-cell-color:var(--mds-calendar-cell-selection-current-month-color,rgb(var(--tone-neutral,0 0 0)))}:host([selection][month=current]:nth-child(7n)),:host([selection][month=current]:nth-child(7n-1)){--mds-calendar-cell-background:var(--mds-calendar-cell-selection-current-month-weekend-background,rgb(var(--variant-primary-03,211 226 255)));--mds-calendar-cell-color:var(--mds-calendar-cell-selection-current-month-weekend-color,rgb(var(--variant-primary-07,44 117 255)))}:host([selection=end][month=current]:nth-child(7n)),:host([selection=end][month=current]:nth-child(7n-1)),:host([selection=start][month=current]:nth-child(7n)),:host([selection=start][month=current]:nth-child(7n-1)){--mds-calendar-cell-background:var(--mds-calendar-cell-selection-current-month-weekend-boundaries-background,rgb(var(--variant-primary-03,211 226 255)));--mds-calendar-cell-color:var(--mds-calendar-cell-selection-current-month-weekend-boundaries-color,rgb(var(--tone-neutral-03,233 233 233)))}:host([selection][month=other]){--mds-calendar-cell-background:var(--mds-calendar-cell-selection-other-month-background,rgb(var(--variant-primary-07,44 117 255)));--mds-calendar-cell-color:var(--mds-calendar-cell-selection-other-month-color,rgb(var(--tone-neutral-04,218 218 218)))}:host([selection=end][month=current]),:host([selection=start][month=current]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-selection-current-month-boundaries-background,rgb(var(--tone-neutral,0 0 0)));--mds-calendar-cell-color:var(--mds-calendar-cell-selection-current-month-boundaries-color,rgb(var(--tone-neutral-03,233 233 233)))}:host([selection=end][month=other]),:host([selection=start][month=other]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-selection-other-month-boundaries-background,rgb(var(--variant-primary-10,0 49 142)));--mds-calendar-cell-color:var(--mds-calendar-cell-selection-other-month-boundaries-color,rgb(var(--tone-neutral-05,197 197 197)))}:host([selection][month=current][preview]:not([preview=false])){--mds-calendar-cell-background:var(--mds-calendar-cell-preselection-current-month-background,rgb(var(--variant-primary-08,0 83 239)));--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-current-month-color,rgb(var(--tone-neutral-05,197 197 197)))}:host([selection][month=other][preview]:not([preview=false])){--mds-calendar-cell-background:var(--mds-calendar-cell-preselection-other-month-background,rgb(var(--variant-primary-09,0 58 168)));--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-other-month-color,rgb(var(--tone-neutral-05,197 197 197)))}:host([selection=end][month=current][preview]:not([preview=false])),:host([selection=start][month=current][preview]:not([preview=false])){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-current-month-boundaries-background,rgb(var(--variant-primary-10,0 49 142)));--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-current-month-boundaries-color,rgb(var(--tone-neutral-05,197 197 197)))}:host([selection=end][month=other][preview]:not([preview=false])),:host([selection=start][month=other][preview]:not([preview=false])){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-other-month-boundaries-background,rgb(var(--tone-neutral,0 0 0)));--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-other-month-boundaries-color,rgb(var(--tone-neutral-05,197 197 197)))}:host([selection=single][month=current]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-current-month-boundaries-background,rgb(var(--variant-primary-10,0 49 142)));--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-current-month-boundaries-color,rgb(var(--tone-neutral-05,197 197 197)))}:host([selection=single][month=other]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-other-month-boundaries-background,rgb(var(--tone-neutral,0 0 0)));--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-other-month-boundaries-color,rgb(var(--tone-neutral-05,197 197 197)))}`;
+const mdsCalendarCellCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-calendar-cell-background:#0000;--mds-calendar-cell-boundaries-background:#0000;--mds-calendar-cell-boundaries-color:rgb(var(--tone-neutral-01,255 255 255));--mds-calendar-cell-boundaries-padding:.25rem;--mds-calendar-cell-color:rgb(var(--tone-neutral-01,255 255 255));--mds-calendar-cell-other-month-background:#0000;--mds-calendar-cell-other-month-color:rgb(var(--tone-neutral-07,134 134 134));--mds-calendar-cell-disabled-background:#0000;--mds-calendar-cell-disabled-color:rgb(var(--tone-neutral-07,134 134 134));--mds-calendar-cell-weekend-background:#0000;--mds-calendar-cell-weekend-color:rgb(var(--tone-neutral-06,158 158 158));--mds-calendar-cell-size:3rem;--mds-calendar-cell-selection-boundaries-border-radius:1.5rem;--mds-calendar-cell-selection-week-boundaries-border-radius:1.5rem;--mds-calendar-cell-preselection-today-background:rgb(var(--variant-primary-09,0 58 168));--mds-calendar-cell-preselection-today-color:rgb(var(--variant-primary-03,211 226 255));--mds-calendar-cell-preselection-current-month-background:rgb(var(--variant-primary-08,0 83 239));--mds-calendar-cell-preselection-current-month-color:rgb(var(--tone-neutral-05,197 197 197));--mds-calendar-cell-preselection-current-month-boundaries-color:rgb(var(--tone-neutral-05,197 197 197));--mds-calendar-cell-preselection-current-month-boundaries-background:rgb(var(--variant-primary-10,0 49 142));--mds-calendar-cell-preselection-other-month-background:rgb(var(--variant-primary-09,0 58 168));--mds-calendar-cell-preselection-other-month-color:rgb(var(--tone-neutral-05,197 197 197));--mds-calendar-cell-preselection-other-month-boundaries-color:rgb(var(--tone-neutral-05,197 197 197));--mds-calendar-cell-preselection-other-month-boundaries-background:rgb(var(--tone-neutral,0 0 0));--mds-calendar-cell-selection-current-month-background:rgb(var(--variant-primary-04,184 208 255));--mds-calendar-cell-selection-current-month-color:rgb(var(--tone-neutral,0 0 0));--mds-calendar-cell-selection-current-month-boundaries-background:rgb(var(--tone-neutral,0 0 0));--mds-calendar-cell-selection-current-month-boundaries-color:rgb(var(--tone-neutral-03,233 233 233));--mds-calendar-cell-selection-current-month-weekend-background:rgb(var(--variant-primary-03,211 226 255));--mds-calendar-cell-selection-current-month-weekend-color:rgb(var(--variant-primary-07,44 117 255));--mds-calendar-cell-selection-current-month-weekend-boundaries-background:rgb(var(--variant-primary-03,211 226 255));--mds-calendar-cell-selection-current-month-weekend-boundaries-color:rgb(var(--tone-neutral-03,233 233 233));--mds-calendar-cell-selection-other-month-background:rgb(var(--variant-primary-07,44 117 255));--mds-calendar-cell-selection-other-month-color:rgb(var(--tone-neutral-04,218 218 218));--mds-calendar-cell-selection-other-month-boundaries-background:rgb(var(--variant-primary-10,0 49 142));--mds-calendar-cell-selection-other-month-boundaries-color:rgb(var(--tone-neutral-05,197 197 197))}}}:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-calendar-cell-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-calendar-cell-boundaries-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-calendar-cell-boundaries-padding{syntax:"<length>";inherits:false;initial-value:.25rem}@property --mds-calendar-cell-other-month-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-calendar-cell-disabled-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-calendar-cell-weekend-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-calendar-cell-size{syntax:"<length>";inherits:false;initial-value:3rem}@property --mds-calendar-cell-selection-boundaries-border-radius{syntax:"<length>";inherits:false;initial-value:1.5rem}@property --mds-calendar-cell-selection-week-boundaries-border-radius{syntax:"<length>";inherits:false;initial-value:1.5rem}:host{--mds-calendar-cell-background:#0000;--mds-calendar-cell-boundaries-background:#0000;--mds-calendar-cell-boundaries-color:rgb(var(--tone-neutral-01,255 255 255));--mds-calendar-cell-boundaries-padding:calc(var(--spacing,.0025rem)*100);--mds-calendar-cell-color:rgb(var(--tone-neutral-01,255 255 255));--mds-calendar-cell-other-month-background:#0000;--mds-calendar-cell-other-month-color:rgb(var(--tone-neutral-07,134 134 134));--mds-calendar-cell-disabled-background:#0000;--mds-calendar-cell-disabled-color:rgb(var(--tone-neutral-07,134 134 134));--mds-calendar-cell-weekend-background:#0000;--mds-calendar-cell-weekend-color:rgb(var(--tone-neutral-06,158 158 158));--mds-calendar-cell-size:calc(var(--spacing,.0025rem)*1200);--mds-calendar-cell-selection-boundaries-border-radius:200px;--mds-calendar-cell-selection-week-boundaries-border-radius:200px;--mds-calendar-cell-preselection-today-background:rgb(var(--variant-primary-09,0 58 168));--mds-calendar-cell-preselection-today-color:rgb(var(--variant-primary-03,211 226 255));--mds-calendar-cell-preselection-current-month-background:rgb(var(--variant-primary-08,0 83 239));--mds-calendar-cell-preselection-current-month-color:rgb(var(--tone-neutral-05,197 197 197));--mds-calendar-cell-preselection-current-month-boundaries-color:rgb(var(--tone-neutral-05,197 197 197));--mds-calendar-cell-preselection-current-month-boundaries-background:rgb(var(--variant-primary-10,0 49 142));--mds-calendar-cell-preselection-other-month-background:rgb(var(--variant-primary-09,0 58 168));--mds-calendar-cell-preselection-other-month-color:rgb(var(--tone-neutral-05,197 197 197));--mds-calendar-cell-preselection-other-month-boundaries-color:rgb(var(--tone-neutral-05,197 197 197));--mds-calendar-cell-preselection-other-month-boundaries-background:rgb(var(--tone-neutral,0 0 0));--mds-calendar-cell-selection-current-month-background:rgb(var(--variant-primary-04,184 208 255));--mds-calendar-cell-selection-current-month-color:rgb(var(--tone-neutral,0 0 0));--mds-calendar-cell-selection-current-month-boundaries-background:rgb(var(--tone-neutral,0 0 0));--mds-calendar-cell-selection-current-month-boundaries-color:rgb(var(--tone-neutral-03,233 233 233));--mds-calendar-cell-selection-current-month-weekend-background:rgb(var(--variant-primary-03,211 226 255));--mds-calendar-cell-selection-current-month-weekend-color:rgb(var(--variant-primary-07,44 117 255));--mds-calendar-cell-selection-current-month-weekend-boundaries-background:rgb(var(--variant-primary-03,211 226 255));--mds-calendar-cell-selection-current-month-weekend-boundaries-color:rgb(var(--tone-neutral-03,233 233 233));--mds-calendar-cell-selection-other-month-background:rgb(var(--variant-primary-07,44 117 255));--mds-calendar-cell-selection-other-month-color:rgb(var(--tone-neutral-04,218 218 218));--mds-calendar-cell-selection-other-month-boundaries-background:rgb(var(--variant-primary-10,0 49 142));--mds-calendar-cell-selection-other-month-boundaries-color:rgb(var(--tone-neutral-05,197 197 197));align-items:center;aspect-ratio:1;display:flex;justify-content:center;padding:var(--mds-calendar-cell-boundaries-padding,.25rem);position:relative}:host([month=other]){visibility:var(--mds-calendar-cell-other-month-visibility,hidden)}.inner-dot{aspect-ratio:1;background-color:var(--mds-calendar-cell-inner-background);border-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem);display:flex;min-height:0;min-width:0;width:100%;z-index:1}.area-background{background-color:var(--mds-calendar-cell-background,#0000);inset:0;z-index:0}.action,.area-background{color:var(--mds-calendar-cell-color,rgb(var(--tone-neutral-01,255 255 255)));position:absolute}.action{align-items:center;aspect-ratio:1;background-color:#0000;border-radius:0;display:flex;inset:calc(var(--mds-calendar-cell-gap,var(--gap-50))*-1);justify-content:center;min-height:0;min-width:0;padding:0;width:auto;z-index:2}:host([selection][orientation=horizontal]) .area-background{margin-left:calc(var(--mds-calendar-cell-gap,var(--gap-50))*-1);margin-right:calc(var(--mds-calendar-cell-gap,var(--gap-50))*-1)}:host([selection=start][orientation=horizontal]) .area-background{border-bottom-left-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem);border-top-left-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem);margin-left:0}:host([selection=end][orientation=horizontal]) .area-background{border-bottom-right-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem);border-top-right-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem);margin-right:0}:host([selection][orientation=vertical]) .area-background{margin-bottom:calc(var(--mds-calendar-cell-gap,var(--gap-50))*-1);margin-top:calc(var(--mds-calendar-cell-gap,var(--gap-50))*-1)}:host([selection=start][orientation=vertical]) .area-background{border-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem) var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem) 0 0;margin-top:0}:host([selection=end][orientation=vertical]) .area-background{border-radius:0 0 var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem) var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem);margin-bottom:0}:host([orientation=vertical]:not([selection=start],[selection=end])) .area-background{border-radius:0}:host(:nth-child(7n-6)) .area-background,:host([selection=end][orientation=horizontal]:nth-child(7n-6)) .area-background{border-bottom-left-radius:var(--mds-calendar-cell-selection-week-boundaries-border-radius,1.5rem);border-top-left-radius:var(--mds-calendar-cell-selection-week-boundaries-border-radius,1.5rem)}:host(:nth-child(7n)) .area-background,:host([selection=end][orientation=horizontal]:nth-child(7n)) .area-background{border-bottom-right-radius:var(--mds-calendar-cell-selection-week-boundaries-border-radius,1.5rem);border-top-right-radius:var(--mds-calendar-cell-selection-week-boundaries-border-radius,1.5rem)}:host([selection=end][orientation=horizontal]:nth-child(7n)) .area-background{border-bottom-right-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem);border-top-right-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem)}:host([selection][orientation=horizontal]:nth-child(7n-6)) .area-background{margin-left:0}:host([selection][orientation=horizontal]:nth-child(7n)) .area-background{margin-right:0}:host([selection=single][orientation=horizontal]) .area-background{border-radius:var(--mds-calendar-cell-selection-boundaries-border-radius,1.5rem);margin-left:0;margin-right:0}:host(:nth-child(7n)),:host(:nth-child(7n-1)){--mds-calendar-cell-color:var(--mds-calendar-cell-weekend-color,rgb(var(--tone-neutral-06,158 158 158)));--mds-calendar-cell-background:var(--mds-calendar-cell-weekend-background,#0000)}:host([month=other]:not([selection])){--mds-calendar-cell-color:var(--mds-calendar-cell-other-month-color,rgb(var(--tone-neutral-07,134 134 134)));--mds-calendar-cell-background:var(--mds-calendar-cell-other-month-background,#0000)}:host([disabled]){--mds-calendar-cell-color:var(--mds-calendar-cell-disabled-color,rgb(var(--tone-neutral-07,134 134 134)));--mds-calendar-cell-background:var(--mds-calendar-cell-disabled-background,#0000);cursor:auto;pointer-events:none}:host(:not([selection])[today]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-today-background,rgb(var(--variant-primary-09,0 58 168)));--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-today-color,rgb(var(--variant-primary-03,211 226 255)))}:host([selection][month=current]){--mds-calendar-cell-background:var(--mds-calendar-cell-selection-current-month-background,rgb(var(--variant-primary-04,184 208 255)));--mds-calendar-cell-color:var(--mds-calendar-cell-selection-current-month-color,rgb(var(--tone-neutral,0 0 0)))}:host([selection][month=current]:nth-child(7n)),:host([selection][month=current]:nth-child(7n-1)){--mds-calendar-cell-background:var(--mds-calendar-cell-selection-current-month-weekend-background,rgb(var(--variant-primary-03,211 226 255)));--mds-calendar-cell-color:var(--mds-calendar-cell-selection-current-month-weekend-color,rgb(var(--variant-primary-07,44 117 255)))}:host([selection=end][month=current]:nth-child(7n)),:host([selection=end][month=current]:nth-child(7n-1)),:host([selection=start][month=current]:nth-child(7n)),:host([selection=start][month=current]:nth-child(7n-1)){--mds-calendar-cell-background:var(--mds-calendar-cell-selection-current-month-weekend-boundaries-background,rgb(var(--variant-primary-03,211 226 255)));--mds-calendar-cell-color:var(--mds-calendar-cell-selection-current-month-weekend-boundaries-color,rgb(var(--tone-neutral-03,233 233 233)))}:host([selection][month=other]){--mds-calendar-cell-background:var(--mds-calendar-cell-selection-other-month-background,rgb(var(--variant-primary-07,44 117 255)));--mds-calendar-cell-color:var(--mds-calendar-cell-selection-other-month-color,rgb(var(--tone-neutral-04,218 218 218)))}:host([selection=end][month=current]),:host([selection=start][month=current]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-selection-current-month-boundaries-background,rgb(var(--tone-neutral,0 0 0)));--mds-calendar-cell-color:var(--mds-calendar-cell-selection-current-month-boundaries-color,rgb(var(--tone-neutral-03,233 233 233)))}:host([selection=end][month=other]),:host([selection=start][month=other]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-selection-other-month-boundaries-background,rgb(var(--variant-primary-10,0 49 142)));--mds-calendar-cell-color:var(--mds-calendar-cell-selection-other-month-boundaries-color,rgb(var(--tone-neutral-05,197 197 197)))}:host([selection][month=current][preview]:not([preview=false])){--mds-calendar-cell-background:var(--mds-calendar-cell-preselection-current-month-background,rgb(var(--variant-primary-08,0 83 239)));--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-current-month-color,rgb(var(--tone-neutral-05,197 197 197)))}:host([selection][month=other][preview]:not([preview=false])){--mds-calendar-cell-background:var(--mds-calendar-cell-preselection-other-month-background,rgb(var(--variant-primary-09,0 58 168)));--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-other-month-color,rgb(var(--tone-neutral-05,197 197 197)))}:host([selection=end][month=current][preview]:not([preview=false])),:host([selection=start][month=current][preview]:not([preview=false])){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-current-month-boundaries-background,rgb(var(--variant-primary-10,0 49 142)));--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-current-month-boundaries-color,rgb(var(--tone-neutral-05,197 197 197)))}:host([selection=end][month=other][preview]:not([preview=false])),:host([selection=start][month=other][preview]:not([preview=false])){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-other-month-boundaries-background,rgb(var(--tone-neutral,0 0 0)));--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-other-month-boundaries-color,rgb(var(--tone-neutral-05,197 197 197)))}:host([selection=single][month=current]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-current-month-boundaries-background,rgb(var(--variant-primary-10,0 49 142)));--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-current-month-boundaries-color,rgb(var(--tone-neutral-05,197 197 197)))}:host([selection=single][month=other]){--mds-calendar-cell-inner-background:var(--mds-calendar-cell-preselection-other-month-boundaries-background,rgb(var(--tone-neutral,0 0 0)));--mds-calendar-cell-color:var(--mds-calendar-cell-preselection-other-month-boundaries-color,rgb(var(--tone-neutral-05,197 197 197)))}`;
 
 const MdsCalendarCell = class {
     constructor(hostRef) {

package/dist/esm/mds-card-content.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-CAd5312P.js';
 
-const mdsCardContentCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:grid;gap:calc(var(--spacing,.0025rem)*400);grid-template-columns:repeat(auto-fit,minmax(1px,100%));min-width:0;padding:calc(var(--spacing,.0025rem)*400)}`;
+const mdsCardContentCss = () => `@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:grid;gap:calc(var(--spacing,.0025rem)*400);grid-template-columns:repeat(auto-fit,minmax(1px,100%));min-width:0;padding:calc(var(--spacing,.0025rem)*400)}`;
 
 const MdsCardContent = class {
     constructor(hostRef) {

package/dist/esm/mds-card-footer.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-CAd5312P.js';
 
-const mdsCardFooterCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{align-items:center;display:flex;flex-grow:1;gap:calc(var(--spacing,.0025rem)*400);justify-content:flex-end;min-width:0;padding:calc(var(--spacing,.0025rem)*400)}`;
+const mdsCardFooterCss = () => `@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{align-items:center;display:flex;flex-grow:1;gap:calc(var(--spacing,.0025rem)*400);justify-content:flex-end;min-width:0;padding:calc(var(--spacing,.0025rem)*400)}`;
 
 const MdsCardFooter = class {
     constructor(hostRef) {

package/dist/esm/mds-card-header.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-CAd5312P.js';
 
-const mdsCardHeaderCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{align-items:center;display:flex;flex-grow:1;gap:calc(var(--spacing,.0025rem)*400);justify-content:space-between;min-width:0;padding:calc(var(--spacing,.0025rem)*400)}`;
+const mdsCardHeaderCss = () => `@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{align-items:center;display:flex;flex-grow:1;gap:calc(var(--spacing,.0025rem)*400);justify-content:space-between;min-width:0;padding:calc(var(--spacing,.0025rem)*400)}`;
 
 const MdsCardHeader = class {
     constructor(hostRef) {

package/dist/esm/mds-card-media.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-CAd5312P.js';
 
-const mdsCardMediaCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{background-color:rgb(var(--tone-neutral-09,76 76 76));display:grid;min-width:0;position:relative}.content{align-items:flex-end;display:flex;gap:calc(var(--spacing,.0025rem)*200);inset:0;justify-content:center;padding:calc(var(--spacing,.0025rem)*400);position:absolute}.img{-o-object-fit:contain;object-fit:contain}`;
+const mdsCardMediaCss = () => `@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{background-color:rgb(var(--tone-neutral-09,76 76 76));display:grid;min-width:0;position:relative}.content{align-items:flex-end;display:flex;gap:calc(var(--spacing,.0025rem)*200);inset:0;justify-content:center;padding:calc(var(--spacing,.0025rem)*400);position:absolute}.img{-o-object-fit:contain;object-fit:contain}`;
 
 const MdsCardMedia = class {
     constructor(hostRef) {

package/dist/esm/mds-card.entry.js

@@ -1,15 +1,33 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-CAd5312P.js';
+import { s as subscribePreference } from './preference-fMwnXhio.js';
 import { c as clsx } from './clsx-ChV9xqsO.js';
 
-const mdsCardCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-card-gap:0;--mds-card-padding:0}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-card-content,mds-card-footer,mds-card-header,mds-card-media):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-card-gap{syntax:"<length>";inherits:false;initial-value:0}@property --mds-card-padding{syntax:"<length>";inherits:false;initial-value:0}:host{--mds-card-gap:0;--mds-card-padding:0;background-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-2xl,24px);-webkit-box-shadow:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);box-shadow:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);corner-shape:var(--magma-corner-shape,round);container:mds-card/inline-size;display:grid;min-height:calc(var(--spacing,.0025rem)*400);overflow:hidden}.layout:not(.layout--disabled) ::slotted([slot=media]){grid-area:media}.layout:not(.layout--disabled) ::slotted([slot=header]){grid-area:header}.layout:not(.layout--disabled) ::slotted([slot=content]){grid-area:content}.layout:not(.layout--disabled) ::slotted([slot=footer]){grid-area:footer}.layout{display:grid;gap:var(--mds-card-gap,0);grid-template-columns:repeat(auto-fit,minmax(1px,100%));padding:var(--mds-card-padding,0)}.layout--cfhm:not(.layout--disabled){grid-template-areas:"header""media""content""footer";grid-template-rows:-webkit-min-content -webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content min-content 1fr min-content}.layout--chm:not(.layout--disabled){grid-template-areas:"header""media""content";grid-template-rows:-webkit-min-content -webkit-min-content 1fr;grid-template-rows:min-content min-content 1fr}.layout--cfm:not(.layout--disabled){grid-template-areas:"media""content""footer"}.layout--cfm:not(.layout--disabled),.layout--fhm:not(.layout--disabled){grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.layout--fhm:not(.layout--disabled){grid-template-areas:"header""media""footer"}.layout--cfh:not(.layout--disabled){grid-template-areas:"header""content""footer";grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.layout--hm:not(.layout--disabled){grid-template-areas:"header""media";grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--fm:not(.layout--disabled){grid-template-areas:"media""footer";grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}.layout--cm:not(.layout--disabled){grid-template-areas:"media""content"}.layout--cm:not(.layout--disabled),.layout--fh:not(.layout--disabled){grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--fh:not(.layout--disabled){grid-template-areas:"header""footer"}.layout--ch:not(.layout--disabled){grid-template-areas:"header""content";grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--cf:not(.layout--disabled){grid-template-areas:"content""footer";grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}.layout--h:not(.layout--disabled){grid-template-areas:"header";grid-template-rows:1fr}.layout--m:not(.layout--disabled){grid-template-areas:"media";grid-template-rows:1fr}.layout--c:not(.layout--disabled){grid-template-areas:"content";grid-template-rows:1fr}.layout--f:not(.layout--disabled){grid-template-areas:"footer";grid-template-rows:1fr}@container mds-card not (max-width:30em){.layout--cfhm:not(.layout--disabled){grid-template-areas:"media header""media content""media footer";grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.layout--chm:not(.layout--disabled){grid-template-areas:"media header""media content""media content";grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:-webkit-min-content 1fr 1fr;grid-template-rows:min-content 1fr 1fr}.layout--fhm:not(.layout--disabled){grid-template-areas:"media header""media footer";grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--cfm:not(.layout--disabled){grid-template-areas:"media content""media footer"}.layout--cfm:not(.layout--disabled),.layout--cm:not(.layout--disabled){grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}.layout--cm:not(.layout--disabled){grid-template-areas:"media content"}}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){background-color:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}:host-context(:root.pref-contrast-more){-webkit-box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){background-color:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}}`;
+const mdsCardCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-card-gap:0;--mds-card-padding:0}}}:host(:not(:is([hydrated],.hydrated))),:is(mds-card-content,mds-card-footer,mds-card-header,mds-card-media):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-card-gap{syntax:"<length>";inherits:false;initial-value:0}@property --mds-card-padding{syntax:"<length>";inherits:false;initial-value:0}:host{--mds-card-gap:0;--mds-card-padding:0;background-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-2xl,24px);-webkit-box-shadow:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);box-shadow:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);corner-shape:var(--magma-corner-shape,round);container:mds-card/inline-size;display:grid;min-height:calc(var(--spacing,.0025rem)*400);overflow:hidden}.layout:not(.layout--disabled) ::slotted([slot=media]){grid-area:media}.layout:not(.layout--disabled) ::slotted([slot=header]){grid-area:header}.layout:not(.layout--disabled) ::slotted([slot=content]){grid-area:content}.layout:not(.layout--disabled) ::slotted([slot=footer]){grid-area:footer}.layout{display:grid;gap:var(--mds-card-gap,0);grid-template-columns:repeat(auto-fit,minmax(1px,100%));padding:var(--mds-card-padding,0)}.layout--cfhm:not(.layout--disabled){grid-template-areas:"header""media""content""footer";grid-template-rows:-webkit-min-content -webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content min-content 1fr min-content}.layout--chm:not(.layout--disabled){grid-template-areas:"header""media""content";grid-template-rows:-webkit-min-content -webkit-min-content 1fr;grid-template-rows:min-content min-content 1fr}.layout--cfm:not(.layout--disabled){grid-template-areas:"media""content""footer"}.layout--cfm:not(.layout--disabled),.layout--fhm:not(.layout--disabled){grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.layout--fhm:not(.layout--disabled){grid-template-areas:"header""media""footer"}.layout--cfh:not(.layout--disabled){grid-template-areas:"header""content""footer";grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.layout--hm:not(.layout--disabled){grid-template-areas:"header""media";grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--fm:not(.layout--disabled){grid-template-areas:"media""footer";grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}.layout--cm:not(.layout--disabled){grid-template-areas:"media""content"}.layout--cm:not(.layout--disabled),.layout--fh:not(.layout--disabled){grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--fh:not(.layout--disabled){grid-template-areas:"header""footer"}.layout--ch:not(.layout--disabled){grid-template-areas:"header""content";grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--cf:not(.layout--disabled){grid-template-areas:"content""footer";grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}.layout--h:not(.layout--disabled){grid-template-areas:"header";grid-template-rows:1fr}.layout--m:not(.layout--disabled){grid-template-areas:"media";grid-template-rows:1fr}.layout--c:not(.layout--disabled){grid-template-areas:"content";grid-template-rows:1fr}.layout--f:not(.layout--disabled){grid-template-areas:"footer";grid-template-rows:1fr}@container mds-card not (max-width:30em){.layout--cfhm:not(.layout--disabled){grid-template-areas:"media header""media content""media footer";grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.layout--chm:not(.layout--disabled){grid-template-areas:"media header""media content""media content";grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:-webkit-min-content 1fr 1fr;grid-template-rows:min-content 1fr 1fr}.layout--fhm:not(.layout--disabled){grid-template-areas:"media header""media footer";grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--cfm:not(.layout--disabled){grid-template-areas:"media content""media footer"}.layout--cfm:not(.layout--disabled),.layout--cm:not(.layout--disabled){grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}.layout--cm:not(.layout--disabled){grid-template-areas:"media content"}}:host([pref-theme=dark]:not([pref-theme-scheme=light])){background-color:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}:host([pref-contrast=more]){-webkit-box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){background-color:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){-webkit-box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}}`;
 
 const MdsCard = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         /**
-         * Enables automatic responsive behavior based on container queries
+         * Disables the automatic responsive behavior based on container queries
          */
-        this.autoGrid = true;
+        this.disableAutoGrid = false;
+    }
+    connectedCallback() {
+        this.unsubscribePrefContrast = subscribePreference('contrast', (value) => {
+            this.prefContrast = value;
+        });
+        this.unsubscribePrefTheme = subscribePreference('theme', (value) => {
+            this.prefTheme = value;
+        });
+        this.unsubscribePrefThemeScheme = subscribePreference('theme-scheme', (value) => {
+            this.prefThemeScheme = value;
+        });
+    }
+    disconnectedCallback() {
+        var _a, _b, _c;
+        (_a = this.unsubscribePrefContrast) === null || _a === void 0 ? void 0 : _a.call(this);
+        (_b = this.unsubscribePrefTheme) === null || _b === void 0 ? void 0 : _b.call(this);
+        (_c = this.unsubscribePrefThemeScheme) === null || _c === void 0 ? void 0 : _c.call(this);
     }
     componentWillLoad() {
         this.layout = Array.from(this.host.children)
@@ -26,7 +44,7 @@ const MdsCard = class {
             .reduce((prev, curr) => prev + curr.charAt(0), '');
     }
     render() {
-        return (h(Host, { key: '29ed24cfe97cc5d2cc898cf26df0e4251ed4555f' }, h("div", { key: '10c741aefac2067595b80c88879700af7c088824', class: clsx('layout', this.layout && `layout--${this.layout}`, !this.autoGrid ? 'layout--disabled' : ''), part: "layout" }, h("slot", { key: 'ee1956eefa0e1a1715592db6b7790a6120e8fb34', name: "media" }), h("slot", { key: '8aefb8b2cb53dfc9ecfa45183988ec7a8db45524', name: "header" }), h("slot", { key: '3cb04f02b82f2fd314a5e20f169c4efea628985c', name: "content" }), h("slot", { key: 'e87dd33aae38437af938120c2de966d361032228', name: "footer" }))));
+        return (h(Host, { key: 'fd15480d244339417b806f9d9e574f746a48ad6c', "pref-contrast": this.prefContrast, "pref-theme": this.prefTheme, "pref-theme-scheme": this.prefThemeScheme }, h("div", { key: '2b71e79d7281a5031b58493b704d77dfb9e5997c', class: clsx('layout', this.layout && `layout--${this.layout}`, this.disableAutoGrid ? 'layout--disabled' : ''), part: "layout" }, h("slot", { key: '8c96dc8a8bf67be1a26c54f6d29b518ffa5fe26f', name: "media" }), h("slot", { key: '613c5960554f6bfdceef39e71c45ca32ecf2d923', name: "header" }), h("slot", { key: 'ce4373aaf5f1811ade4e1a840e8cf44ddc3bbfa1', name: "content" }), h("slot", { key: '72bc28eded2e0f4c000e14cdf2f5ad28a3bf4f10', name: "footer" }))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/mds-details.entry.js

@@ -2,8 +2,9 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 import { c as clsx } from './clsx-ChV9xqsO.js';
 import { m as miBaselineKeyboardArrowRight } from './keyboard-arrow-right-DFyAGAnn.js';
 import { K as KeyboardManager } from './keyboard-manager-BudfaWhu.js';
+import { s as subscribePreference } from './preference-fMwnXhio.js';
 
-const mdsDetailsCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-details-duration:.3s;--mds-details-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-details-helper-icon-color:rgb(var(--tone-neutral-03,233 233 233))}}}@layer reset,vendor,theme,base,components,utilities;@keyframes focus-bounce{0%,75%,to{outline-offset:var(--magma-outline-focus-offset,6px)}50%{outline-offset:var(--magma-outline-blur-offset,2px)}}:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-details-duration{syntax:"<time>";inherits:false;initial-value:.3s}:host{--mds-details-duration:.3s;--mds-details-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-details-helper-icon-color:rgb(var(--tone-neutral-03,233 233 233));align-items:flex-start;display:flex;gap:calc(var(--spacing,.0025rem)*200)}.content{animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));display:grid;outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out}.content:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.details{display:grid;gap:calc(var(--spacing,.0025rem)*400);grid-template-rows:0fr;opacity:0;overflow:hidden;padding-top:0;pointer-events:none;-webkit-transition-duration:var(--mds-details-duration,.3s);transition-duration:var(--mds-details-duration,.3s);transition-property:grid-template-rows,opacity,padding,-ms-grid-rows}.content-expander{display:grid;gap:calc(var(--spacing,.0025rem)*500);min-height:0}.details.opened{grid-template-rows:1fr;opacity:1;overflow:visible;padding-top:calc(var(--spacing,.0025rem)*300);pointer-events:auto}.header{align-items:center;animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));border-radius:var(--radius-xs,8px);display:inline-flex;gap:calc(var(--spacing,.0025rem)*200);outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out}.header:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.icon{cursor:pointer;fill:var(--mds-details-icon-color,rgb(var(--variant-primary-04,184 208 255)))}.icon--hidden{display:none}.helper-icon,.title{cursor:pointer}.helper-icon{display:flex;fill:var(--mds-details-helper-icon-color,rgb(var(--tone-neutral-03,233 233 233)));flex-shrink:0;rotate:0deg;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:rotate;-webkit-transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1))}.helper-icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}.helper-icon.opened{rotate:90deg}.actions{display:flex;gap:calc(var(--spacing,.0025rem)*400)}:host-context(:root.pref-animation-reduce){--mds-details-duration:0s}:host-context(:root.pref-contrast-more){--mds-details-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-details-helper-icon-color:rgb(var(--tone-neutral-02,244 244 244))}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-details-duration:0s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-details-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-details-helper-icon-color:rgb(var(--tone-neutral-02,244 244 244))}}`;
+const mdsDetailsCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-details-duration:.3s;--mds-details-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-details-helper-icon-color:rgb(var(--tone-neutral-03,233 233 233))}}}@keyframes focus-bounce{0%,75%,to{outline-offset:var(--magma-outline-focus-offset,6px)}50%{outline-offset:var(--magma-outline-blur-offset,2px)}}:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-details-duration{syntax:"<time>";inherits:false;initial-value:.3s}:host{--mds-details-duration:.3s;--private-details-duration:var(--mds-details-duration,.3s);--mds-details-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-details-helper-icon-color:rgb(var(--tone-neutral-03,233 233 233));align-items:flex-start;display:flex;gap:calc(var(--spacing,.0025rem)*200)}.content{animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));display:grid;outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out}.content:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.details{display:grid;gap:calc(var(--spacing,.0025rem)*400);grid-template-rows:0fr;opacity:0;overflow:hidden;padding-top:0;pointer-events:none;-webkit-transition-duration:var(--private-details-duration);transition-duration:var(--private-details-duration);transition-property:grid-template-rows,opacity,padding,-ms-grid-rows}.content-expander{display:grid;gap:calc(var(--spacing,.0025rem)*500);min-height:0}.details.opened{grid-template-rows:1fr;opacity:1;overflow:visible;padding-top:calc(var(--spacing,.0025rem)*300);pointer-events:auto}.header{align-items:center;animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));border-radius:var(--radius-xs,8px);display:inline-flex;gap:calc(var(--spacing,.0025rem)*200);outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out}.header:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.icon{cursor:pointer;fill:var(--mds-details-icon-color,rgb(var(--variant-primary-04,184 208 255)))}.icon--hidden{display:none}.helper-icon,.title{cursor:pointer}.helper-icon{display:flex;fill:var(--mds-details-helper-icon-color,rgb(var(--tone-neutral-03,233 233 233)));flex-shrink:0;rotate:0deg;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:rotate;-webkit-transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1))}.helper-icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}.helper-icon.opened{rotate:90deg}.actions{display:flex;gap:calc(var(--spacing,.0025rem)*400)}:host([pref-animation=reduce]){--private-details-duration:0s}:host([pref-contrast=more]){--mds-details-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-details-helper-icon-color:rgb(var(--tone-neutral-02,244 244 244))}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-details-duration:0s}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){--mds-details-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-details-helper-icon-color:rgb(var(--tone-neutral-02,244 244 244))}}`;
 
 const MdsDetails = class {
     constructor(hostRef) {
@@ -39,11 +40,22 @@ const MdsDetails = class {
         this.km.addElement(header);
         this.km.attachClickBehavior();
     }
+    connectedCallback() {
+        this.unsubscribePrefAnimation = subscribePreference('animation', (value) => {
+            this.prefAnimation = value;
+        });
+        this.unsubscribePrefContrast = subscribePreference('contrast', (value) => {
+            this.prefContrast = value;
+        });
+    }
     disconnectedCallback() {
+        var _a, _b;
+        (_a = this.unsubscribePrefAnimation) === null || _a === void 0 ? void 0 : _a.call(this);
+        (_b = this.unsubscribePrefContrast) === null || _b === void 0 ? void 0 : _b.call(this);
         this.km.detachClickBehavior();
     }
     render() {
-        return (h(Host, { key: 'd74c147e767625599ead47337938ca8314758dac' }, h("div", { key: '6d0b01f008d95f0eafee89d026fc7131008c521e', class: clsx('icon', this.hasIcon ? '' : 'icon--hidden'), onClick: this.toggle }, h("slot", { key: 'da0be4d9fca3fff84841b8ac56c7969103299a8f', name: "icon", onSlotchange: this.onSlotChangeHandler })), h("div", { key: 'dfb7b13ef7a28539c1cc50419887c50e3d2ee3fd', class: "content" }, h("header", { key: '4209585b8554c8aca288f813849446da4b72d532', class: "header", part: "header", tabindex: "0", onClick: this.toggle }, h("div", { key: '825c05b8282b143bf555cf3724a4c61e96fe680d', class: "title", part: "title" }, h("slot", { key: '9d339db4c240c11a334105ee8a3c35eba01497a4', name: "title" })), h("i", { key: '2eff776b4d94546fa56c2c744c03d58d453df89b', class: clsx('helper-icon', this.isOpened && 'opened'), innerHTML: miBaselineKeyboardArrowRight })), h("div", { key: 'cabc3ad3fcb39ca665c73300daf4baad7559fe33', class: clsx('details', this.isOpened && 'opened') }, h("div", { key: 'c0522330a06abb1ad0fa336ab1574da972643840', class: "content-expander", part: "content" }, h("slot", { key: '6f02ec01d42f17bd88733308c3fd4523ea1e14bd' }), h("div", { key: '64590622875aac471b094064cc20591356f5046b', class: "actions" }, h("slot", { key: 'daa26ab68c2421e84f4a25634b264376a3874171', name: "action" })))))));
+        return (h(Host, { key: '9c099aa13a4869198ae511c8722abbc1d9b684ce', "pref-animation": this.prefAnimation, "pref-contrast": this.prefContrast }, h("div", { key: '5b0b549081842677565c7aea5ca8602346857f9e', class: clsx('icon', this.hasIcon ? '' : 'icon--hidden'), onClick: this.toggle }, h("slot", { key: 'e3a9dbba4bd5a574ef97d8051377b9f989f2d8b5', name: "icon", onSlotchange: this.onSlotChangeHandler })), h("div", { key: '444e1882f988f27944faa438ef6a0ba15c33c153', class: "content" }, h("header", { key: '269d60a72fe939e091b9e73f4a59f9bce7e6d55a', class: "header", part: "header", tabindex: "0", onClick: this.toggle }, h("div", { key: 'c0ab49608685d0e362da26363b86a44f1a0e54b1', class: "title", part: "title" }, h("slot", { key: 'd6cdcf48b1a6c7326f2d5db71bc42a89090e850c', name: "title" })), h("i", { key: 'bb3b55b3cc3c390b7044e57176a0f907535cf872', class: clsx('helper-icon', this.isOpened && 'opened'), innerHTML: miBaselineKeyboardArrowRight })), h("div", { key: 'a63bcb71bf9adcff3a2ff5b1b0dfe9637e67805c', class: clsx('details', this.isOpened && 'opened') }, h("div", { key: 'a3d08ebdcd8b594b6a370f86d8f306b48135f091', class: "content-expander", part: "content" }, h("slot", { key: '3f050900d9ad1973313788f77079023927d4ac84' }), h("div", { key: 'b94d54d4954f58699f7292b7aad178f869b0f75a', class: "actions" }, h("slot", { key: '286ba37e510969dcdea48f6e31239fc09d816a04', name: "action" })))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {