@k2b/ui 0.28.0 → 0.30.0

package/dist/ssr/content/CalendarWeekView.js

@@ -7,25 +7,27 @@ import { escape as _$escape } from "solid-js/web";
 var _tmpl$ = ["<span class=\"k2b-calendar-week__now-time\" style=\"", "\" aria-hidden=\"true\">", "</span>"],
   _tmpl$2 = ["<span class=\"k2b-calendar-night\" style=\"", "\"></span>"],
   _tmpl$3 = ["<span class=\"k2b-calendar-week__now-line\" style=\"", "\"></span>"],
-  _tmpl$4 = ["<div class=\"k2b-calendar-week\" data-view=\"week\"", "><div class=\"k2b-calendar-week__scroll k2b-detail-trail\" role=\"group\"", " style=\"", "\"><div class=\"k2b-calendar-week__grid\"><div class=\"k2b-calendar-week__top\"><div class=\"k2b-calendar-week__corner\" aria-hidden=\"true\">", "</div>", "<div class=\"k2b-calendar-week__all-day-label\" aria-hidden=\"true\"><span class=\"k2b-calendar-week__all-day-long\">", "</span><span class=\"k2b-calendar-week__all-day-short\">", "</span></div><div class=\"k2b-calendar-week__all-day\" role=\"group\"", " style=\"", "\">", "", "</div></div><div class=\"k2b-calendar-week__body\" style=\"", "\"><div class=\"k2b-calendar-week__gutter\">", "", "<button type=\"button\" class=\"k2b-calendar-week__moon\"", " style=\"", "\"><i class=\"ti ti-moon\" aria-hidden=\"true\"></i><i class=\"", "\" aria-hidden=\"true\"></i></button>", "</div><div class=\"k2b-calendar-week__lines\" aria-hidden=\"true\">", "", "", "</div>", "</div></div></div><p class=\"k2b-calendar-sr\"", ">", "</p>", "</div>"],
+  _tmpl$4 = ["<div class=\"k2b-calendar-week\" data-view=\"week\"", "><div class=\"k2b-calendar-week__scroll k2b-detail-trail\" role=\"group\"", " style=\"", "\"><div class=\"k2b-calendar-week__grid\"><div class=\"k2b-calendar-week__top\"><div class=\"k2b-calendar-week__corner\" aria-hidden=\"true\">", "</div>", "<div class=\"k2b-calendar-week__all-day-label\" aria-hidden=\"true\"><span class=\"k2b-calendar-week__all-day-long\">", "</span><span class=\"k2b-calendar-week__all-day-short\">", "</span></div><div class=\"k2b-calendar-week__all-day\" role=\"group\"", " style=\"", "\">", "", "", "</div></div><div class=\"k2b-calendar-week__body\" style=\"", "\"><div class=\"k2b-calendar-week__gutter\">", "", "<button type=\"button\" class=\"k2b-calendar-week__moon\"", " style=\"", "\"><i class=\"ti ti-moon\" aria-hidden=\"true\"></i><i class=\"", "\" aria-hidden=\"true\"></i></button>", "</div><div class=\"k2b-calendar-week__lines\" aria-hidden=\"true\">", "", "", "</div>", "</div></div></div><p class=\"k2b-calendar-sr\"", ">", "</p>", "</div>"],
   _tmpl$5 = ["<button type=\"button\" class=\"k2b-calendar-week__head\"", " data-stop=\"", "\"", " data-minute=\"-2\"", " style=\"", "\"><span class=\"k2b-calendar-week__weekday\">", "</span><span class=\"k2b-calendar-week__number\">", "</span><span class=\"k2b-calendar-week__extra\">", "</span><span class=\"k2b-calendar-week__load\" aria-hidden=\"true\">", "</span><span class=\"k2b-calendar-week__cheer\" aria-hidden=\"true\"><i class=\"ti ti-confetti\" aria-hidden=\"true\"></i><span class=\"k2b-calendar-week__cheer-long\">", "</span><span class=\"k2b-calendar-week__cheer-short\">", "</span></span></button>"],
   _tmpl$6 = ["<span class=\"k2b-calendar-week__badge\">", "", "</span>"],
   _tmpl$7 = ["<i class=\"", "\" aria-hidden=\"true\"></i>"],
   _tmpl$8 = ["<span style=\"", "\"></span>"],
-  _tmpl$9 = ["<div class=\"k2b-calendar-week__range\" style=\"", "\" aria-hidden=\"true\"></div>"],
-  _tmpl$0 = ["<div class=\"k2b-calendar-week__slot\"", " style=\"", "\">", "", "</div>"],
-  _tmpl$1 = ["<span class=\"k2b-calendar-week__hour\"", " style=\"", "\" aria-hidden=\"true\">", "</span>"],
-  _tmpl$10 = ["<span class=\"k2b-calendar-week__hour\" data-night=\"true\" style=\"", "\" aria-hidden=\"true\">", "</span>"],
-  _tmpl$11 = ["<span class=\"k2b-calendar-week__line\" style=\"", "\"></span>"],
-  _tmpl$12 = ["<span class=\"k2b-calendar-week__fold\" style=\"", "\"></span>"],
-  _tmpl$13 = ["<span class=\"k2b-calendar-week__line\"", " style=\"", "\"></span>"],
-  _tmpl$14 = ["<div class=\"k2b-calendar-week__fold-cell\" style=\"", "\"><ul class=\"k2b-calendar-fold__chips\">", "</ul></div>"],
-  _tmpl$15 = ["<span class=\"k2b-calendar-hover\" style=\"", "\" aria-hidden=\"true\">", "</span>"],
-  _tmpl$16 = ["<div class=\"k2b-calendar-now\" style=\"", "\" aria-hidden=\"true\"></div>"],
-  _tmpl$17 = ["<div class=\"k2b-calendar-week__column\" data-calendar-column", " role=\"group\"", " style=\"", "\">", "", "", "", "", "</div>"],
-  _tmpl$18 = ["<li", " style=\"", "\">", "", "</li>"];
+  _tmpl$9 = ["<span class=\"k2b-calendar-week__weekend\" style=\"", "\" aria-hidden=\"true\"></span>"],
+  _tmpl$0 = ["<div class=\"k2b-calendar-week__range\" style=\"", "\" aria-hidden=\"true\"></div>"],
+  _tmpl$1 = ["<div class=\"k2b-calendar-week__slot\"", " style=\"", "\">", "", "</div>"],
+  _tmpl$10 = ["<span class=\"k2b-calendar-week__hour\"", " style=\"", "\" aria-hidden=\"true\">", "</span>"],
+  _tmpl$11 = ["<span class=\"k2b-calendar-week__hour\" data-night=\"true\" style=\"", "\" aria-hidden=\"true\">", "</span>"],
+  _tmpl$12 = ["<span class=\"k2b-calendar-week__line\" style=\"", "\"></span>"],
+  _tmpl$13 = ["<span class=\"k2b-calendar-week__fold\" style=\"", "\"></span>"],
+  _tmpl$14 = ["<span class=\"k2b-calendar-week__line\"", " style=\"", "\"></span>"],
+  _tmpl$15 = ["<div class=\"k2b-calendar-week__fold-cell\" style=\"", "\"><ul class=\"k2b-calendar-fold__chips\">", "</ul></div>"],
+  _tmpl$16 = ["<span class=\"k2b-calendar-hover\" style=\"", "\" aria-hidden=\"true\">", "</span>"],
+  _tmpl$17 = ["<div class=\"k2b-calendar-now\" style=\"", "\" aria-hidden=\"true\"></div>"],
+  _tmpl$18 = ["<div class=\"k2b-calendar-week__column\" data-calendar-column", " role=\"group\"", " style=\"", "\">", "", "", "", "", "</div>"],
+  _tmpl$19 = ["<li", " style=\"", "\">", "", "</li>"];
 import { dates as calendar } from "@k2b/stdlib";
 import { createComputed, createEffect, createMemo, createSignal, createUniqueId, For, on, onCleanup, onMount, Show, untrack } from "solid-js";
+import { isWeekendKey } from "../intl/weekend";
 import { prefersReducedMotion } from "../motion";
 import { GESTURE_GAP_MS, snapToColumn, wheelAxis, wheelDelta, wheelPixels } from "./calendar-day-scroll";
 import { addDayKeys, DAY_MINUTES, dayHeightTerms, dayKeyNumber, dayKeyRange, dayMinuteAt, dayY, dayYTerms, markerLanes, readDayGeometry, termsCss } from "./calendar-days";
@@ -602,7 +604,7 @@ export const CalendarWeekView = props => {
       const badge = () => props.owner.dayBadges?.[key];
       const load = () => dayLoad(view, key);
       const date = () => view.parseKey(key);
-      return _$ssr(_tmpl$5, _$ssrAttribute("data-calendar-head", _$escape(key, true), false), `h:${_$escape(key, true)}`, _$ssrAttribute("data-col", _$escape(indexOf(key), true), false), _$ssrAttribute("tabindex", _$escape(tabOf(`h:${key}`), true), false) + _$ssrAttribute("aria-pressed", selected() ? "true" : "false", false) + _$ssrAttribute("aria-label", _$escape([longDay(view, key), today() ? view.props.labels.today : "", badge()?.label ?? ""].filter(Boolean).join(", "), true), false) + _$ssrAttribute("data-today", today() ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-past", key < view.calendarToday() ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-cheer", view.cheered() === key ? "true" : _$escape(undefined, true), false), _$ssrStyleProperty("grid-column:", _$escape(String(indexOf(key) + 2), true)), _$escape(date().toLocaleDateString(view.dateConfig().locale ?? "en", {
+      return _$ssr(_tmpl$5, _$ssrAttribute("data-calendar-head", _$escape(key, true), false), `h:${_$escape(key, true)}`, _$ssrAttribute("data-col", _$escape(indexOf(key), true), false), _$ssrAttribute("tabindex", _$escape(tabOf(`h:${key}`), true), false) + _$ssrAttribute("aria-pressed", selected() ? "true" : "false", false) + _$ssrAttribute("aria-label", _$escape([longDay(view, key), today() ? view.props.labels.today : "", badge()?.label ?? ""].filter(Boolean).join(", "), true), false) + _$ssrAttribute("data-today", today() ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-weekend", isWeekendKey(key, view.dateConfig().locale) ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-past", key < view.calendarToday() ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-cheer", view.cheered() === key ? "true" : _$escape(undefined, true), false), _$ssrStyleProperty("grid-column:", _$escape(String(indexOf(key) + 2), true)), _$escape(date().toLocaleDateString(view.dateConfig().locale ?? "en", {
         weekday: "short",
         timeZone: view.dateConfig().timeZone
       }).replace(/\.$/, "")), _$escape(calendar.formatDayNumber(date(), view.dateConfig())), _$escape(_$createComponent(Show, {
@@ -622,11 +624,23 @@ export const CalendarWeekView = props => {
         children: piece => _$ssr(_tmpl$8, _$ssrStyleProperty("width:", `${(_$escape(piece.end, true) - _$escape(piece.start, true)) / _$escape(wake(), true) * 100}%`) + _$ssrStyleProperty(";background:", _$escape(piece.color, true)))
       })), _$escape(view.messages().calendarAllDone), _$escape(view.messages().calendarAllDoneShort));
     }
-  })), _$escape(view.messages().calendarAllDayRow), _$escape(view.messages().calendarAllDayRowShort), _$ssrAttribute("aria-label", _$escape(view.messages().calendarAllDayAndDue, true), false), _$ssrStyleProperty("grid-template-rows:", `repeat(${_$escape(allDayRows(), true)}, var(--k2b-calendar-all-day-row))`), _$escape(_$createComponent(Show, {
+  })), _$escape(view.messages().calendarAllDayRow), _$escape(view.messages().calendarAllDayRowShort), _$ssrAttribute("aria-label", _$escape(view.messages().calendarAllDayAndDue, true), false), _$ssrStyleProperty("grid-template-rows:", `repeat(${_$escape(allDayRows(), true)}, var(--k2b-calendar-all-day-row))`), _$escape(_$createComponent(For, {
+    get each() {
+      return keys();
+    },
+    children: (key, index) => _$createComponent(Show, {
+      get when() {
+        return isWeekendKey(key, view.dateConfig().locale);
+      },
+      get children() {
+        return _$ssr(_tmpl$9, _$ssrStyleProperty("grid-column:", `${_$escape(index(), true) + 1} / span 1`));
+      }
+    })
+  })), _$escape(_$createComponent(Show, {
     get when() {
       return rangeSelection();
     },
-    children: range => _$ssr(_tmpl$9, _$ssrStyleProperty("grid-column:", `${_$escape(indexOf(range().first), true) + 1} / ${_$escape(indexOf(range().last), true) + 2}`) + _$ssrStyleProperty(";grid-row:", "1 / -1"))
+    children: range => _$ssr(_tmpl$0, _$ssrStyleProperty("grid-column:", `${_$escape(indexOf(range().first), true) + 1} / ${_$escape(indexOf(range().last), true) + 2}`) + _$ssrStyleProperty(";grid-row:", "1 / -1"))
   })), _$escape(_$createComponent(For, {
     get each() {
       return allDay();
@@ -646,7 +660,7 @@ export const CalendarWeekView = props => {
         };
         const start = () => bar.continuesBefore ? hint(bar.item.firstKey, "from") : undefined;
         const end = () => bar.continuesAfter ? hint(bar.item.lastKey, "until", start() ?? "") : undefined;
-        return _$ssr(_tmpl$0, _$ssrAttribute("data-checkbox", checked() !== undefined ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-checked", checked() ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-just-checked", view.justChecked().has(event.id) ? "true" : _$escape(undefined, true), false), _$ssrStyleProperty("grid-column:", `${_$escape(week.offset, true) + _$escape(bar.startColumn, true) + 1} / ${_$escape(week.offset, true) + _$escape(bar.endColumn, true) + 2}`) + _$ssrStyleProperty(";grid-row:", _$escape(String(bar.lane + 1), true)) + _$ssrStyleProperty(";--k2b-calendar-accent:", _$escape(eventAccent(event), true)) + _$ssrStyleProperty(";display:", bar.lane + 1 > allDayRows() ? "none" : _$escape(undefined, true)), _$escape(_$createComponent(Show, {
+        return _$ssr(_tmpl$1, _$ssrAttribute("data-checkbox", checked() !== undefined ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-checked", checked() ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-just-checked", view.justChecked().has(event.id) ? "true" : _$escape(undefined, true), false), _$ssrStyleProperty("grid-column:", `${_$escape(week.offset, true) + _$escape(bar.startColumn, true) + 1} / ${_$escape(week.offset, true) + _$escape(bar.endColumn, true) + 2}`) + _$ssrStyleProperty(";grid-row:", _$escape(String(bar.lane + 1), true)) + _$ssrStyleProperty(";--k2b-calendar-accent:", _$escape(eventAccent(event), true)) + _$ssrStyleProperty(";display:", bar.lane + 1 > allDayRows() ? "none" : _$escape(undefined, true)), _$escape(_$createComponent(Show, {
           get when() {
             return checked() !== undefined;
           },
@@ -715,7 +729,7 @@ export const CalendarWeekView = props => {
             const event = span.item;
             const checked = () => view.checkedOf(event);
             const id = `a:${event.id}:${week.offset}`;
-            return _$ssr(_tmpl$0, _$ssrAttribute("data-checkbox", checked() !== undefined ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-checked", checked() ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-just-checked", view.justChecked().has(event.id) ? "true" : _$escape(undefined, true), false), _$ssrStyleProperty("grid-column:", _$escape(String(week.offset + column() + 1), true)) + _$ssrStyleProperty(";grid-row:", _$escape(String(lanes() + row() + 1), true)) + _$ssrStyleProperty(";--k2b-calendar-accent:", _$escape(eventAccent(event), true)) + _$ssrStyleProperty(";display:", lanes() + row() + 1 > allDayRows() ? "none" : _$escape(undefined, true)), _$escape(_$createComponent(Show, {
+            return _$ssr(_tmpl$1, _$ssrAttribute("data-checkbox", checked() !== undefined ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-checked", checked() ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-just-checked", view.justChecked().has(event.id) ? "true" : _$escape(undefined, true), false), _$ssrStyleProperty("grid-column:", _$escape(String(week.offset + column() + 1), true)) + _$ssrStyleProperty(";grid-row:", _$escape(String(lanes() + row() + 1), true)) + _$ssrStyleProperty(";--k2b-calendar-accent:", _$escape(eventAccent(event), true)) + _$ssrStyleProperty(";display:", lanes() + row() + 1 > allDayRows() ? "none" : _$escape(undefined, true)), _$escape(_$createComponent(Show, {
               get when() {
                 return checked() !== undefined;
               },
@@ -765,7 +779,7 @@ export const CalendarWeekView = props => {
         length: wake() / 60 + 1
       }, (_, index) => index * 60);
     },
-    children: minute => _$ssr(_tmpl$1, _$ssrAttribute("data-near-now", nowShown() && isNearNow(view, view.nowKey(), minute) ? "true" : _$escape(undefined, true), false), _$ssrStyleProperty("top:", _$escape(termsCss(dayYTerms(wake(), nightsOpen(), minute)), true)), _$escape(view.clock(minute)))
+    children: minute => _$ssr(_tmpl$10, _$ssrAttribute("data-near-now", nowShown() && isNearNow(view, view.nowKey(), minute) ? "true" : _$escape(undefined, true), false), _$ssrStyleProperty("top:", _$escape(termsCss(dayYTerms(wake(), nightsOpen(), minute)), true)), _$escape(view.clock(minute)))
   })), _$escape(_$createComponent(Show, {
     get when() {
       return nightsOpen();
@@ -775,7 +789,7 @@ export const CalendarWeekView = props => {
         get each() {
           return nightHours(wake());
         },
-        children: minute => _$ssr(_tmpl$10, _$ssrStyleProperty("top:", _$escape(termsCss(dayYTerms(wake(), true, minute)), true)), _$escape(view.clock(minute)))
+        children: minute => _$ssr(_tmpl$11, _$ssrStyleProperty("top:", _$escape(termsCss(dayYTerms(wake(), true, minute)), true)), _$escape(view.clock(minute)))
       });
     }
   })), _$ssrAttribute("aria-expanded", nightsOpen() ? "true" : "false", false) + _$ssrAttribute("aria-label", nightsOpen() ? _$escape(view.messages().calendarFoldNights, true) : _$escape(view.messages().calendarOpenNights({
@@ -797,20 +811,20 @@ export const CalendarWeekView = props => {
         length: wake() / 60 + 1
       }, (_, index) => index * 60);
     },
-    children: minute => _$ssr(_tmpl$11, _$ssrStyleProperty("top:", _$escape(termsCss(dayYTerms(wake(), nightsOpen(), minute)), true)))
+    children: minute => _$ssr(_tmpl$12, _$ssrStyleProperty("top:", _$escape(termsCss(dayYTerms(wake(), nightsOpen(), minute)), true)))
   })), _$escape(_$createComponent(Show, {
     get when() {
       return nightsOpen();
     },
     get fallback() {
-      return _$ssr(_tmpl$12, _$ssrStyleProperty("top:", `calc(${_$escape(termsCss(dayYTerms(wake(), false, wake())), true)} + 3px)`));
+      return _$ssr(_tmpl$13, _$ssrStyleProperty("top:", `calc(${_$escape(termsCss(dayYTerms(wake(), false, wake())), true)} + 3px)`));
     },
     get children() {
       return [_$ssr(_tmpl$2, _$ssrStyleProperty("top:", _$escape(termsCss(dayYTerms(wake(), true, wake())), true)) + _$ssrStyleProperty(";height:", _$escape(termsCss([0, (DAY_MINUTES - wake()) / 60, 1, 0]), true))), _$createComponent(For, {
         get each() {
           return nightHours(wake());
         },
-        children: minute => _$ssr(_tmpl$13, _$ssrAttribute("data-midnight", view.clock(minute) === "00:00" ? "true" : _$escape(undefined, true), false), _$ssrStyleProperty("top:", _$escape(termsCss(dayYTerms(wake(), true, minute)), true)))
+        children: minute => _$ssr(_tmpl$14, _$ssrAttribute("data-midnight", view.clock(minute) === "00:00" ? "true" : _$escape(undefined, true), false), _$ssrStyleProperty("top:", _$escape(termsCss(dayYTerms(wake(), true, minute)), true)))
       })];
     }
   })), _$escape(_$createComponent(Show, {
@@ -881,7 +895,7 @@ const WeekColumn = props => {
     kind: "marker",
     marker
   }))].sort((left, right) => left.at - right.at));
-  return _$ssr(_tmpl$17, _$ssrAttribute("data-calendar-body", _$escape(props.dayKey, true), false) + _$ssrAttribute("data-expanded", props.expanded ? "true" : "false", false) + _$ssrAttribute("data-today", props.dayKey === view.calendarToday() ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-selected", selected() ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-active", view.activeKey() === props.dayKey ? "true" : _$escape(undefined, true), false), _$ssrAttribute("aria-label", _$escape(longDay(view, props.dayKey), true), false), _$ssrStyleProperty("grid-column:", _$escape(String(props.column + 2), true)) + _$ssrStyleProperty(";height:", _$escape(termsCss(dayHeightTerms(wake(), props.expanded)), true)), _$escape(_$createComponent(For, {
+  return _$ssr(_tmpl$18, _$ssrAttribute("data-calendar-body", _$escape(props.dayKey, true), false) + _$ssrAttribute("data-expanded", props.expanded ? "true" : "false", false) + _$ssrAttribute("data-today", props.dayKey === view.calendarToday() ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-weekend", isWeekendKey(props.dayKey, view.dateConfig().locale) ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-selected", selected() ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-active", view.activeKey() === props.dayKey ? "true" : _$escape(undefined, true), false), _$ssrAttribute("aria-label", _$escape(longDay(view, props.dayKey), true), false), _$ssrStyleProperty("grid-column:", _$escape(String(props.column + 2), true)) + _$ssrStyleProperty(";height:", _$escape(termsCss(dayHeightTerms(wake(), props.expanded)), true)), _$escape(_$createComponent(For, {
     get each() {
       return timeline();
     },
@@ -977,13 +991,13 @@ const WeekColumn = props => {
       return _$memo(() => !!!props.expanded)() && folded().length > 0;
     },
     get children() {
-      return _$ssr(_tmpl$14, _$ssrStyleProperty("top:", `calc(${_$escape(termsCss(dayYTerms(wake(), false, wake())), true)} + 3px)`), _$escape(_$createComponent(For, {
+      return _$ssr(_tmpl$15, _$ssrStyleProperty("top:", `calc(${_$escape(termsCss(dayYTerms(wake(), false, wake())), true)} + 3px)`), _$escape(_$createComponent(For, {
         get each() {
           return folded();
         },
         children: (entry, index) => {
           const checked = () => view.checkedOf(entry.event);
-          return _$ssr(_tmpl$18, _$ssrAttribute("data-checkbox", checked() !== undefined ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-checked", checked() ? "true" : _$escape(undefined, true), false), _$ssrStyleProperty("--k2b-calendar-accent:", _$escape(eventAccent(entry.event), true)), _$escape(_$createComponent(Show, {
+          return _$ssr(_tmpl$19, _$ssrAttribute("data-checkbox", checked() !== undefined ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-checked", checked() ? "true" : _$escape(undefined, true), false), _$ssrStyleProperty("--k2b-calendar-accent:", _$escape(eventAccent(entry.event), true)), _$escape(_$createComponent(Show, {
             get when() {
               return checked() !== undefined;
             },
@@ -1044,14 +1058,14 @@ const WeekColumn = props => {
       return hover() !== null;
     },
     get children() {
-      return _$ssr(_tmpl$15, _$ssrStyleProperty("top:", _$escape(termsCss(dayYTerms(wake(), props.expanded, hover())), true)), _$escape(view.clock(hover())));
+      return _$ssr(_tmpl$16, _$ssrStyleProperty("top:", _$escape(termsCss(dayYTerms(wake(), props.expanded, hover())), true)), _$escape(view.clock(hover())));
     }
   })), _$escape(_$createComponent(Show, {
     get when() {
       return _$memo(() => !!(nowMinute() !== null && nowMinute() >= 0))() && nowMinute() < (props.expanded ? DAY_MINUTES : wake());
     },
     get children() {
-      return _$ssr(_tmpl$16, _$ssrStyleProperty("top:", _$escape(termsCss(dayYTerms(wake(), props.expanded, nowMinute())), true)));
+      return _$ssr(_tmpl$17, _$ssrStyleProperty("top:", _$escape(termsCss(dayYTerms(wake(), props.expanded, nowMinute())), true)));
     }
   })));
 };