@k2b/ui 0.32.0 → 0.34.0

package/dist/browser/content/CalendarDayView.js

@@ -17,24 +17,23 @@ var _tmpl$ = /*#__PURE__*/_$template(`<p class=k2b-calendar-days__more>`),
   _tmpl$3 = /*#__PURE__*/_$template(`<span class=k2b-calendar-days__today>`),
   _tmpl$4 = /*#__PURE__*/_$template(`<i class="ti ti-clock"aria-hidden=true>`),
   _tmpl$5 = /*#__PURE__*/_$template(`<span>`),
-  _tmpl$6 = /*#__PURE__*/_$template(`<div class=k2b-calendar-days__all-day role=group>`),
-  _tmpl$7 = /*#__PURE__*/_$template(`<span class=k2b-calendar-night aria-hidden=true>`),
-  _tmpl$8 = /*#__PURE__*/_$template(`<button type=button class=k2b-calendar-night__bar aria-expanded=true><i class="ti ti-moon"aria-hidden=true></i><span></span><span class=k2b-calendar-night__action><!$><!/><i class="ti ti-chevron-up"aria-hidden=true>`),
-  _tmpl$9 = /*#__PURE__*/_$template(`<div class=k2b-calendar-now aria-hidden=true><span class=k2b-calendar-now__time>`),
-  _tmpl$0 = /*#__PURE__*/_$template(`<section class=k2b-calendar-days__day data-calendar-group><header class=k2b-calendar-days__head><h2 class=k2b-calendar-days__title><button type=button class=k2b-calendar-days__title-button><!$><!/><span class=k2b-calendar-days__long></span><span class=k2b-calendar-days__short></span></button></h2><span class=k2b-calendar-days__note><span class=k2b-calendar-days__soon></span><span class=k2b-calendar-days__cheer aria-hidden=true><i class="ti ti-confetti"aria-hidden=true></i><!$><!/></span></span><!$><!/><span class=k2b-calendar-days__summary></span></header><!$><!/><div class=k2b-calendar-days__body><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/>`),
-  _tmpl$1 = /*#__PURE__*/_$template(`<span class=k2b-calendar-days__badge><!$><!/><!$><!/>`),
-  _tmpl$10 = /*#__PURE__*/_$template(`<i aria-hidden=true>`),
-  _tmpl$11 = /*#__PURE__*/_$template(`<span class=k2b-calendar-days__line aria-hidden=true>`),
-  _tmpl$12 = /*#__PURE__*/_$template(`<span class=k2b-calendar-days__hour aria-hidden=true>`),
-  _tmpl$13 = /*#__PURE__*/_$template(`<ul class=k2b-calendar-fold__chips>`),
-  _tmpl$14 = /*#__PURE__*/_$template(`<div class=k2b-calendar-fold><button type=button class=k2b-calendar-fold__toggle aria-expanded=false><i class="ti ti-moon"aria-hidden=true></i><span></span><i class="ti ti-chevron-down"aria-hidden=true></i></button><!$><!/>`),
-  _tmpl$15 = /*#__PURE__*/_$template(`<li><!$><!/><!$><!/>`),
-  _tmpl$16 = /*#__PURE__*/_$template(`<span class=k2b-calendar-days__hour data-night=true aria-hidden=true>`),
-  _tmpl$17 = /*#__PURE__*/_$template(`<span class=k2b-calendar-days__midnight aria-hidden=true>`),
-  _tmpl$18 = /*#__PURE__*/_$template(`<span class=k2b-calendar-hover aria-hidden=true>`),
-  _tmpl$19 = /*#__PURE__*/_$template(`<section class=k2b-calendar-days__day data-calendar-group data-empty=true><header class=k2b-calendar-days__head><h2 class=k2b-calendar-days__title><span class=k2b-calendar-days__run></span></h2><span class=k2b-calendar-days__note></span><!$><!/><span class=k2b-calendar-days__summary></span></header><button type=button class=k2b-calendar-days__empty data-calendar-unfold><span></span><span class=k2b-calendar-days__empty-action><i class="ti ti-arrows-vertical"aria-hidden=true></i><!$><!/>`),
-  _tmpl$20 = /*#__PURE__*/_$template(`<span class=k2b-calendar-days__badge-day>`),
-  _tmpl$21 = /*#__PURE__*/_$template(`<span class=k2b-calendar-days__badge data-run=true><!$><!/><!$><!/><!$><!/>`);
+  _tmpl$6 = /*#__PURE__*/_$template(`<span class=k2b-calendar-night aria-hidden=true>`),
+  _tmpl$7 = /*#__PURE__*/_$template(`<button type=button class=k2b-calendar-night__bar aria-expanded=true><i class="ti ti-moon"aria-hidden=true></i><span></span><span class=k2b-calendar-night__action><!$><!/><i class="ti ti-chevron-up"aria-hidden=true>`),
+  _tmpl$8 = /*#__PURE__*/_$template(`<div class=k2b-calendar-now aria-hidden=true><span class=k2b-calendar-now__time>`),
+  _tmpl$9 = /*#__PURE__*/_$template(`<section class=k2b-calendar-days__day data-calendar-group><header class=k2b-calendar-days__head><h2 class=k2b-calendar-days__title><button type=button class=k2b-calendar-days__title-button><!$><!/><span class=k2b-calendar-days__long></span><span class=k2b-calendar-days__short></span></button></h2><span class=k2b-calendar-days__note><span class=k2b-calendar-days__soon></span><span class=k2b-calendar-days__cheer aria-hidden=true><i class="ti ti-confetti"aria-hidden=true></i><!$><!/></span></span><!$><!/><span class=k2b-calendar-days__summary></span></header><div class=k2b-calendar-days__all-day role=group></div><div class=k2b-calendar-days__body><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/><!$><!/>`),
+  _tmpl$0 = /*#__PURE__*/_$template(`<span class=k2b-calendar-days__badge><!$><!/><!$><!/>`),
+  _tmpl$1 = /*#__PURE__*/_$template(`<i aria-hidden=true>`),
+  _tmpl$10 = /*#__PURE__*/_$template(`<span class=k2b-calendar-days__line aria-hidden=true>`),
+  _tmpl$11 = /*#__PURE__*/_$template(`<span class=k2b-calendar-days__hour aria-hidden=true>`),
+  _tmpl$12 = /*#__PURE__*/_$template(`<ul class=k2b-calendar-fold__chips>`),
+  _tmpl$13 = /*#__PURE__*/_$template(`<div class=k2b-calendar-fold><button type=button class=k2b-calendar-fold__toggle aria-expanded=false><i class="ti ti-moon"aria-hidden=true></i><span></span><i class="ti ti-chevron-down"aria-hidden=true></i></button><!$><!/>`),
+  _tmpl$14 = /*#__PURE__*/_$template(`<li><!$><!/><!$><!/>`),
+  _tmpl$15 = /*#__PURE__*/_$template(`<span class=k2b-calendar-days__hour data-night=true aria-hidden=true>`),
+  _tmpl$16 = /*#__PURE__*/_$template(`<span class=k2b-calendar-days__midnight aria-hidden=true>`),
+  _tmpl$17 = /*#__PURE__*/_$template(`<span class=k2b-calendar-hover aria-hidden=true>`),
+  _tmpl$18 = /*#__PURE__*/_$template(`<section class=k2b-calendar-days__day data-calendar-group data-empty=true><header class=k2b-calendar-days__head><h2 class=k2b-calendar-days__title><span class=k2b-calendar-days__run></span></h2><span class=k2b-calendar-days__note></span><!$><!/><span class=k2b-calendar-days__summary></span></header><button type=button class=k2b-calendar-days__empty data-calendar-unfold><span></span><span class=k2b-calendar-days__empty-action><i class="ti ti-arrows-vertical"aria-hidden=true></i><!$><!/>`),
+  _tmpl$19 = /*#__PURE__*/_$template(`<span class=k2b-calendar-days__badge-day>`),
+  _tmpl$20 = /*#__PURE__*/_$template(`<span class=k2b-calendar-days__badge data-run=true><!$><!/><!$><!/><!$><!/>`);
 import { createComputed, createEffect, createMemo, createSignal, createUniqueId, For, on, onCleanup, onMount, Show, untrack } from "solid-js";
 import { prefersReducedMotion } from "../motion";
 import { brakedScroll, GESTURE_GAP_MS, SETTLE_RADIUS, settleTarget, stopCrossing, stopIndexAt, wheelPixels } from "./calendar-day-scroll";
@@ -635,7 +634,7 @@ const DaySection = props => {
   };
   let lastPointer = "mouse";
   return (() => {
-    var _el$10 = _$getNextElement(_tmpl$0),
+    var _el$10 = _$getNextElement(_tmpl$9),
       _el$11 = _el$10.firstChild,
       _el$12 = _el$11.firstChild,
       _el$13 = _el$12.firstChild,
@@ -652,9 +651,8 @@ const DaySection = props => {
       _el$28 = _el$19.nextSibling,
       [_el$29, _co$6] = _$getNextMarker(_el$28.nextSibling),
       _el$27 = _el$29.nextSibling,
-      _el$54 = _el$11.nextSibling,
-      [_el$55, _co$12] = _$getNextMarker(_el$54.nextSibling),
-      _el$31 = _el$55.nextSibling,
+      _el$30 = _el$11.nextSibling,
+      _el$31 = _el$30.nextSibling,
       _el$42 = _el$31.firstChild,
       [_el$43, _co$8] = _$getNextMarker(_el$42.nextSibling),
       _el$44 = _el$43.nextSibling,
@@ -705,45 +703,35 @@ const DaySection = props => {
         return badge();
       },
       children: current => (() => {
-        var _el$56 = _$getNextElement(_tmpl$1),
-          _el$57 = _el$56.firstChild,
-          [_el$58, _co$13] = _$getNextMarker(_el$57.nextSibling),
-          _el$59 = _el$58.nextSibling,
-          [_el$60, _co$14] = _$getNextMarker(_el$59.nextSibling);
-        _$insert(_el$56, _$createComponent(Show, {
+        var _el$54 = _$getNextElement(_tmpl$0),
+          _el$55 = _el$54.firstChild,
+          [_el$56, _co$12] = _$getNextMarker(_el$55.nextSibling),
+          _el$57 = _el$56.nextSibling,
+          [_el$58, _co$13] = _$getNextMarker(_el$57.nextSibling);
+        _$insert(_el$54, _$createComponent(Show, {
           get when() {
             return current().icon;
           },
           children: icon => (() => {
-            var _el$61 = _$getNextElement(_tmpl$10);
-            _$effect(() => _$className(_el$61, `ti ti-${icon()}`));
-            return _el$61;
+            var _el$59 = _$getNextElement(_tmpl$1);
+            _$effect(() => _$className(_el$59, `ti ti-${icon()}`));
+            return _el$59;
           })()
-        }), _el$58, _co$13);
-        _$insert(_el$56, () => current().label, _el$60, _co$14);
-        return _el$56;
+        }), _el$56, _co$12);
+        _$insert(_el$54, () => current().label, _el$58, _co$13);
+        return _el$54;
       })()
     }), _el$29, _co$6);
     _$insert(_el$27, () => daySummary(view, props.dayKey));
-    _$insert(_el$10, _$createComponent(Show, {
-      get when() {
-        return model().spans.length > 0;
+    _$insert(_el$30, _$createComponent(AllDayChips, {
+      view: view,
+      get dayKey() {
+        return props.dayKey;
       },
-      get children() {
-        var _el$30 = _$getNextElement(_tmpl$6);
-        _$insert(_el$30, _$createComponent(AllDayChips, {
-          view: view,
-          get dayKey() {
-            return props.dayKey;
-          },
-          get spans() {
-            return model().spans;
-          }
-        }));
-        _$effect(() => _$setAttribute(_el$30, "aria-label", view.messages().calendarAllDayAndDue));
-        return _el$30;
+      get spans() {
+        return model().spans;
       }
-    }), _el$55, _co$12);
+    }));
     _el$31.addEventListener("pointerleave", () => {
       if (props.hover()?.key === props.dayKey) props.setHover(null);
     });
@@ -803,23 +791,23 @@ const DaySection = props => {
         }, (_, index) => index * 60);
       },
       children: minute => [(() => {
-        var _el$62 = _$getNextElement(_tmpl$11);
-        _$effect(_$p => _$setStyleProperty(_el$62, "top", termsCss(dayYTerms(wake(), expanded(), minute))));
-        return _el$62;
+        var _el$60 = _$getNextElement(_tmpl$10);
+        _$effect(_$p => _$setStyleProperty(_el$60, "top", termsCss(dayYTerms(wake(), expanded(), minute))));
+        return _el$60;
       })(), (() => {
-        var _el$63 = _$getNextElement(_tmpl$12);
-        _$insert(_el$63, () => view.clock(minute));
+        var _el$61 = _$getNextElement(_tmpl$11);
+        _$insert(_el$61, () => view.clock(minute));
         _$effect(_p$ => {
-          var _v$10 = isNearNow(view, props.dayKey, minute) ? "true" : undefined,
-            _v$11 = termsCss(dayYTerms(wake(), expanded(), minute));
-          _v$10 !== _p$.e && _$setAttribute(_el$63, "data-near-now", _p$.e = _v$10);
-          _v$11 !== _p$.t && _$setStyleProperty(_el$63, "top", _p$.t = _v$11);
+          var _v$12 = isNearNow(view, props.dayKey, minute) ? "true" : undefined,
+            _v$13 = termsCss(dayYTerms(wake(), expanded(), minute));
+          _v$12 !== _p$.e && _$setAttribute(_el$61, "data-near-now", _p$.e = _v$12);
+          _v$13 !== _p$.t && _$setStyleProperty(_el$61, "top", _p$.t = _v$13);
           return _p$;
         }, {
           e: undefined,
           t: undefined
         });
-        return _el$63;
+        return _el$61;
       })()]
     }), _el$43, _co$8);
     _$insert(_el$31, _$createComponent(Show, {
@@ -828,33 +816,33 @@ const DaySection = props => {
       },
       get fallback() {
         return (() => {
-          var _el$64 = _$getNextElement(_tmpl$14),
-            _el$65 = _el$64.firstChild,
-            _el$66 = _el$65.firstChild,
-            _el$67 = _el$66.nextSibling,
-            _el$69 = _el$65.nextSibling,
-            [_el$70, _co$15] = _$getNextMarker(_el$69.nextSibling);
-          _el$65.$$click = () => view.setNight(props.dayKey, true);
-          _$insert(_el$67, foldLabel);
-          _$insert(_el$64, _$createComponent(Show, {
+          var _el$62 = _$getNextElement(_tmpl$13),
+            _el$63 = _el$62.firstChild,
+            _el$64 = _el$63.firstChild,
+            _el$65 = _el$64.nextSibling,
+            _el$67 = _el$63.nextSibling,
+            [_el$68, _co$14] = _$getNextMarker(_el$67.nextSibling);
+          _el$63.$$click = () => view.setNight(props.dayKey, true);
+          _$insert(_el$65, foldLabel);
+          _$insert(_el$62, _$createComponent(Show, {
             get when() {
               return folded().length > 0;
             },
             get children() {
-              var _el$68 = _$getNextElement(_tmpl$13);
-              _$insert(_el$68, _$createComponent(For, {
+              var _el$66 = _$getNextElement(_tmpl$12);
+              _$insert(_el$66, _$createComponent(For, {
                 get each() {
                   return folded();
                 },
                 children: entry => {
                   const checked = () => view.checkedOf(entry.event);
                   return (() => {
-                    var _el$71 = _$getNextElement(_tmpl$15),
-                      _el$72 = _el$71.firstChild,
-                      [_el$73, _co$16] = _$getNextMarker(_el$72.nextSibling),
-                      _el$74 = _el$73.nextSibling,
-                      [_el$75, _co$17] = _$getNextMarker(_el$74.nextSibling);
-                    _$insert(_el$71, _$createComponent(Show, {
+                    var _el$69 = _$getNextElement(_tmpl$14),
+                      _el$70 = _el$69.firstChild,
+                      [_el$71, _co$15] = _$getNextMarker(_el$70.nextSibling),
+                      _el$72 = _el$71.nextSibling,
+                      [_el$73, _co$16] = _$getNextMarker(_el$72.nextSibling);
+                    _$insert(_el$69, _$createComponent(Show, {
                       get when() {
                         return checked() !== undefined;
                       },
@@ -866,8 +854,8 @@ const DaySection = props => {
                           }
                         });
                       }
-                    }), _el$73, _co$16);
-                    _$insert(_el$71, _$createComponent(EventChip, {
+                    }), _el$71, _co$15);
+                    _$insert(_el$69, _$createComponent(EventChip, {
                       get event() {
                         return view.normalized(entry.event, props.dayKey);
                       },
@@ -888,44 +876,44 @@ const DaySection = props => {
                       get onCheck() {
                         return view.checkOf(entry.event);
                       }
-                    }), _el$75, _co$17);
+                    }), _el$73, _co$16);
                     _$effect(_p$ => {
-                      var _v$14 = checked() !== undefined ? "true" : undefined,
-                        _v$15 = checked() ? "true" : undefined,
-                        _v$16 = eventAccent(entry.event);
-                      _v$14 !== _p$.e && _$setAttribute(_el$71, "data-checkbox", _p$.e = _v$14);
-                      _v$15 !== _p$.t && _$setAttribute(_el$71, "data-checked", _p$.t = _v$15);
-                      _v$16 !== _p$.a && _$setStyleProperty(_el$71, "--k2b-calendar-accent", _p$.a = _v$16);
+                      var _v$16 = checked() !== undefined ? "true" : undefined,
+                        _v$17 = checked() ? "true" : undefined,
+                        _v$18 = eventAccent(entry.event);
+                      _v$16 !== _p$.e && _$setAttribute(_el$69, "data-checkbox", _p$.e = _v$16);
+                      _v$17 !== _p$.t && _$setAttribute(_el$69, "data-checked", _p$.t = _v$17);
+                      _v$18 !== _p$.a && _$setStyleProperty(_el$69, "--k2b-calendar-accent", _p$.a = _v$18);
                       return _p$;
                     }, {
                       e: undefined,
                       t: undefined,
                       a: undefined
                     });
-                    return _el$71;
+                    return _el$69;
                   })();
                 }
               }));
-              return _el$68;
+              return _el$66;
             }
-          }), _el$70, _co$15);
+          }), _el$68, _co$14);
           _$effect(_p$ => {
-            var _v$12 = `calc(${termsCss(dayYTerms(wake(), false, wake()))} + 3px)`,
-              _v$13 = view.messages().calendarOpenNight;
-            _v$12 !== _p$.e && _$setStyleProperty(_el$64, "top", _p$.e = _v$12);
-            _v$13 !== _p$.t && _$setAttribute(_el$65, "aria-label", _p$.t = _v$13);
+            var _v$14 = `calc(${termsCss(dayYTerms(wake(), false, wake()))} + 3px)`,
+              _v$15 = view.messages().calendarOpenNight;
+            _v$14 !== _p$.e && _$setStyleProperty(_el$62, "top", _p$.e = _v$14);
+            _v$15 !== _p$.t && _$setAttribute(_el$63, "aria-label", _p$.t = _v$15);
             return _p$;
           }, {
             e: undefined,
             t: undefined
           });
           _$runHydrationEvents();
-          return _el$64;
+          return _el$62;
         })();
       },
       get children() {
         return [(() => {
-          var _el$32 = _$getNextElement(_tmpl$7);
+          var _el$32 = _$getNextElement(_tmpl$6);
           _$effect(_p$ => {
             var _v$ = termsCss(dayYTerms(wake(), true, wake())),
               _v$2 = termsCss(dayHeightTermsNight(wake()));
@@ -938,7 +926,7 @@ const DaySection = props => {
           });
           return _el$32;
         })(), (() => {
-          var _el$33 = _$getNextElement(_tmpl$8),
+          var _el$33 = _$getNextElement(_tmpl$7),
             _el$34 = _el$33.firstChild,
             _el$35 = _el$34.nextSibling,
             _el$36 = _el$35.nextSibling,
@@ -956,32 +944,32 @@ const DaySection = props => {
             return nightHours(wake());
           },
           children: minute => [(() => {
-            var _el$76 = _$getNextElement(_tmpl$11);
+            var _el$74 = _$getNextElement(_tmpl$10);
             _$effect(_p$ => {
-              var _v$17 = view.clock(minute) === "00:00" ? "true" : undefined,
-                _v$18 = termsCss(dayYTerms(wake(), true, minute));
-              _v$17 !== _p$.e && _$setAttribute(_el$76, "data-midnight", _p$.e = _v$17);
-              _v$18 !== _p$.t && _$setStyleProperty(_el$76, "top", _p$.t = _v$18);
+              var _v$19 = view.clock(minute) === "00:00" ? "true" : undefined,
+                _v$20 = termsCss(dayYTerms(wake(), true, minute));
+              _v$19 !== _p$.e && _$setAttribute(_el$74, "data-midnight", _p$.e = _v$19);
+              _v$20 !== _p$.t && _$setStyleProperty(_el$74, "top", _p$.t = _v$20);
               return _p$;
             }, {
               e: undefined,
               t: undefined
             });
-            return _el$76;
+            return _el$74;
           })(), (() => {
-            var _el$77 = _$getNextElement(_tmpl$16);
-            _$insert(_el$77, () => view.clock(minute));
-            _$effect(_$p => _$setStyleProperty(_el$77, "top", termsCss(dayYTerms(wake(), true, minute))));
-            return _el$77;
+            var _el$75 = _$getNextElement(_tmpl$15);
+            _$insert(_el$75, () => view.clock(minute));
+            _$effect(_$p => _$setStyleProperty(_el$75, "top", termsCss(dayYTerms(wake(), true, minute))));
+            return _el$75;
           })(), _$createComponent(Show, {
             get when() {
               return view.clock(minute) === "00:00";
             },
             get children() {
-              var _el$78 = _$getNextElement(_tmpl$17);
-              _$insert(_el$78, () => shortDay(view, addDayKeys(props.dayKey, 1), true));
-              _$effect(_$p => _$setStyleProperty(_el$78, "top", termsCss(dayYTerms(wake(), true, minute))));
-              return _el$78;
+              var _el$76 = _$getNextElement(_tmpl$16);
+              _$insert(_el$76, () => shortDay(view, addDayKeys(props.dayKey, 1), true));
+              _$effect(_$p => _$setStyleProperty(_el$76, "top", termsCss(dayYTerms(wake(), true, minute))));
+              return _el$76;
             }
           })]
         })];
@@ -1064,10 +1052,10 @@ const DaySection = props => {
         return _$memo(() => props.hover()?.key === props.dayKey)() && props.hover();
       },
       children: current => (() => {
-        var _el$79 = _$getNextElement(_tmpl$18);
-        _$insert(_el$79, () => view.clock(current().minute));
-        _$effect(_$p => _$setStyleProperty(_el$79, "top", termsCss(dayYTerms(wake(), expanded(), current().minute))));
-        return _el$79;
+        var _el$77 = _$getNextElement(_tmpl$17);
+        _$insert(_el$77, () => view.clock(current().minute));
+        _$effect(_$p => _$setStyleProperty(_el$77, "top", termsCss(dayYTerms(wake(), expanded(), current().minute))));
+        return _el$77;
       })()
     }), _el$51, _co$10);
     _$insert(_el$31, _$createComponent(Show, {
@@ -1075,7 +1063,7 @@ const DaySection = props => {
         return _$memo(() => !!(nowMinute() !== null && nowMinute() >= 0))() && nowMinute() < (expanded() ? DAY_MINUTES : wake());
       },
       get children() {
-        var _el$40 = _$getNextElement(_tmpl$9),
+        var _el$40 = _$getNextElement(_tmpl$8),
           _el$41 = _el$40.firstChild;
         _$insert(_el$41, () => view.clock(nowMinute()));
         _$effect(_$p => _$setStyleProperty(_el$40, "top", termsCss(dayYTerms(wake(), expanded(), nowMinute()))));
@@ -1089,18 +1077,22 @@ const DaySection = props => {
         _v$6 = selectedDay() ? "true" : undefined,
         _v$7 = selectedDay() ? "true" : "false",
         _v$8 = view.cheered() === props.dayKey ? "true" : undefined,
-        _v$9 = props.dayKey,
-        _v$0 = expanded() ? "true" : "false",
-        _v$1 = termsCss(dayHeightTerms(wake(), expanded()));
+        _v$9 = view.messages().calendarAllDayAndDue,
+        _v$0 = model().spans.length === 0 ? "true" : undefined,
+        _v$1 = props.dayKey,
+        _v$10 = expanded() ? "true" : "false",
+        _v$11 = termsCss(dayHeightTerms(wake(), expanded()));
       _v$3 !== _p$.e && _$setAttribute(_el$10, "data-calendar-keys", _p$.e = _v$3);
       _v$4 !== _p$.t && _$setAttribute(_el$10, "data-today", _p$.t = _v$4);
       _v$5 !== _p$.a && _$setAttribute(_el$10, "data-past", _p$.a = _v$5);
       _v$6 !== _p$.o && _$setAttribute(_el$10, "data-selected", _p$.o = _v$6);
       _v$7 !== _p$.i && _$setAttribute(_el$13, "aria-pressed", _p$.i = _v$7);
       _v$8 !== _p$.n && _$setAttribute(_el$19, "data-cheer", _p$.n = _v$8);
-      _v$9 !== _p$.s && _$setAttribute(_el$31, "data-calendar-body", _p$.s = _v$9);
-      _v$0 !== _p$.h && _$setAttribute(_el$31, "data-expanded", _p$.h = _v$0);
-      _v$1 !== _p$.r && _$setStyleProperty(_el$31, "height", _p$.r = _v$1);
+      _v$9 !== _p$.s && _$setAttribute(_el$30, "aria-label", _p$.s = _v$9);
+      _v$0 !== _p$.h && _$setAttribute(_el$30, "aria-hidden", _p$.h = _v$0);
+      _v$1 !== _p$.r && _$setAttribute(_el$31, "data-calendar-body", _p$.r = _v$1);
+      _v$10 !== _p$.d && _$setAttribute(_el$31, "data-expanded", _p$.d = _v$10);
+      _v$11 !== _p$.l && _$setStyleProperty(_el$31, "height", _p$.l = _v$11);
       return _p$;
     }, {
       e: undefined,
@@ -1111,7 +1103,9 @@ const DaySection = props => {
       n: undefined,
       s: undefined,
       h: undefined,
-      r: undefined
+      r: undefined,
+      d: undefined,
+      l: undefined
     });
     _$runHydrationEvents();
     return _el$10;
@@ -1128,85 +1122,85 @@ const EmptyRun = props => {
   const last = () => props.keys[props.keys.length - 1];
   const title = () => props.keys.length === 1 ? longDay(view, first()) : `${shortDay(view, first())} – ${shortDay(view, last(), true)}`;
   return (() => {
-    var _el$80 = _$getNextElement(_tmpl$19),
+    var _el$78 = _$getNextElement(_tmpl$18),
+      _el$79 = _el$78.firstChild,
+      _el$80 = _el$79.firstChild,
       _el$81 = _el$80.firstChild,
-      _el$82 = _el$81.firstChild,
-      _el$83 = _el$82.firstChild,
+      _el$82 = _el$80.nextSibling,
       _el$84 = _el$82.nextSibling,
-      _el$86 = _el$84.nextSibling,
-      [_el$87, _co$18] = _$getNextMarker(_el$86.nextSibling),
-      _el$85 = _el$87.nextSibling,
-      _el$88 = _el$81.nextSibling,
+      [_el$85, _co$17] = _$getNextMarker(_el$84.nextSibling),
+      _el$83 = _el$85.nextSibling,
+      _el$86 = _el$79.nextSibling,
+      _el$87 = _el$86.firstChild,
+      _el$88 = _el$87.nextSibling,
       _el$89 = _el$88.firstChild,
       _el$90 = _el$89.nextSibling,
-      _el$91 = _el$90.firstChild,
-      _el$92 = _el$91.nextSibling,
-      [_el$93, _co$19] = _$getNextMarker(_el$92.nextSibling);
-    _$setAttribute(_el$80, "aria-labelledby", headingId);
-    _$setAttribute(_el$82, "id", headingId);
-    _$insert(_el$83, title);
-    _$insert(_el$81, _$createComponent(For, {
+      [_el$91, _co$18] = _$getNextMarker(_el$90.nextSibling);
+    _$setAttribute(_el$78, "aria-labelledby", headingId);
+    _$setAttribute(_el$80, "id", headingId);
+    _$insert(_el$81, title);
+    _$insert(_el$79, _$createComponent(For, {
       get each() {
         return props.keys.filter(key => view.props.owner.dayBadges?.[key]);
       },
       children: key => {
         const badge = view.props.owner.dayBadges[key];
         return (() => {
-          var _el$94 = _$getNextElement(_tmpl$21),
-            _el$96 = _el$94.firstChild,
+          var _el$92 = _$getNextElement(_tmpl$20),
+            _el$94 = _el$92.firstChild,
+            [_el$95, _co$19] = _$getNextMarker(_el$94.nextSibling),
+            _el$96 = _el$95.nextSibling,
             [_el$97, _co$20] = _$getNextMarker(_el$96.nextSibling),
             _el$98 = _el$97.nextSibling,
-            [_el$99, _co$21] = _$getNextMarker(_el$98.nextSibling),
-            _el$100 = _el$99.nextSibling,
-            [_el$101, _co$22] = _$getNextMarker(_el$100.nextSibling);
-          _$insert(_el$94, _$createComponent(Show, {
+            [_el$99, _co$21] = _$getNextMarker(_el$98.nextSibling);
+          _$insert(_el$92, _$createComponent(Show, {
             get when() {
               return props.keys.length > 1;
             },
             get children() {
-              var _el$95 = _$getNextElement(_tmpl$20);
-              _$insert(_el$95, () => shortDay(view, key).split(/[\s,.]/)[0]);
-              return _el$95;
+              var _el$93 = _$getNextElement(_tmpl$19);
+              _$insert(_el$93, () => shortDay(view, key).split(/[\s,.]/)[0]);
+              return _el$93;
             }
-          }), _el$97, _co$20);
-          _$insert(_el$94, _$createComponent(Show, {
+          }), _el$95, _co$19);
+          _$insert(_el$92, _$createComponent(Show, {
             get when() {
               return badge.icon;
             },
             children: icon => (() => {
-              var _el$102 = _$getNextElement(_tmpl$10);
-              _$effect(() => _$className(_el$102, `ti ti-${icon()}`));
-              return _el$102;
+              var _el$100 = _$getNextElement(_tmpl$1);
+              _$effect(() => _$className(_el$100, `ti ti-${icon()}`));
+              return _el$100;
             })()
-          }), _el$99, _co$21);
-          _$insert(_el$94, () => badge.label, _el$101, _co$22);
-          return _el$94;
+          }), _el$97, _co$20);
+          _$insert(_el$92, () => badge.label, _el$99, _co$21);
+          return _el$92;
         })();
       }
-    }), _el$87, _co$18);
-    _$insert(_el$85, (() => {
+    }), _el$85, _co$17);
+    _$insert(_el$83, (() => {
       var _c$ = _$memo(() => props.keys.length > 1);
       return () => _c$() ? view.messages().calendarDayCount({
         count: props.keys.length
       }) : "";
     })());
-    _el$88.$$click = () => props.onUnfold(props.keys);
-    _$insert(_el$89, () => view.messages().calendarNothingPlannedShort);
-    _$insert(_el$90, () => view.messages().calendarUnfoldDays({
+    _el$86.$$click = () => props.onUnfold(props.keys);
+    _$insert(_el$87, () => view.messages().calendarNothingPlannedShort);
+    _$insert(_el$88, () => view.messages().calendarUnfoldDays({
       count: props.keys.length
-    }), _el$93, _co$19);
+    }), _el$91, _co$18);
     _$effect(_p$ => {
-      var _v$19 = props.keys.join(","),
-        _v$20 = last() < view.nowKey() ? "true" : undefined;
-      _v$19 !== _p$.e && _$setAttribute(_el$80, "data-calendar-keys", _p$.e = _v$19);
-      _v$20 !== _p$.t && _$setAttribute(_el$80, "data-past", _p$.t = _v$20);
+      var _v$21 = props.keys.join(","),
+        _v$22 = last() < view.nowKey() ? "true" : undefined;
+      _v$21 !== _p$.e && _$setAttribute(_el$78, "data-calendar-keys", _p$.e = _v$21);
+      _v$22 !== _p$.t && _$setAttribute(_el$78, "data-past", _p$.t = _v$22);
       return _p$;
     }, {
       e: undefined,
       t: undefined
     });
     _$runHydrationEvents();
-    return _el$80;
+    return _el$78;
   })();
 };
 _$delegateEvents(["touchstart", "touchend", "focusin", "click", "pointerdown", "dblclick", "pointermove"]);