@stachelock/ui 0.3.0 → 0.4.0

package/dist/calendars/WeekCalendar.js

@@ -1,5 +1,5 @@
-import { defineComponent as Ts, ref as k, computed as g, onMounted as Is, nextTick as Es, watch as Ss, onUnmounted as Cs, createElementBlock as r, openBlock as a, createElementVNode as n, createCommentVNode as w, Fragment as m, renderList as x, createTextVNode as E, toDisplayString as c, normalizeClass as y, normalizeStyle as S, unref as D } from "vue";
-import { s as Ps, e as As, d as ss, f as $ } from "../calendar-DyIP7WGv.js";
+import { defineComponent as Ts, ref as k, computed as g, onMounted as Is, nextTick as Es, watch as Ss, onUnmounted as Cs, createElementBlock as r, openBlock as a, createElementVNode as n, createCommentVNode as w, Fragment as m, renderList as x, createTextVNode as S, toDisplayString as c, normalizeClass as y, normalizeStyle as C, unref as D } from "vue";
+import { s as Ps, e as As, d as ts, f as z } from "../calendar-BlSSD4nO.js";
 import { u as $s, c as zs } from "../useEventSegments-B-r_8zCW.js";
 import { _ as Hs } from "../_plugin-vue_export-helper-CHgC5LLL.js";
 const Ls = { class: "sl-isolate sl-flex sl-h-full sl-min-h-0 sl-flex-col sl-bg-white dark:sl-bg-slate-900" }, Ns = { class: "sl-flex sl-max-w-full sl-flex-1 sl-min-h-0 sl-flex-col sl-overflow-x-auto" }, Ws = {
@@ -14,26 +14,26 @@ const Ls = { class: "sl-isolate sl-flex sl-h-full sl-min-h-0 sl-flex-col sl-bg-w
 }, Fs = { class: "sl-flex sl-flex-auto" }, Zs = { class: "sl-grid sl-flex-auto sl-grid-cols-1 sl-grid-rows-1 sl-relative" }, Ks = {
   class: "sl-col-start-1 sl-col-end-2 sl-row-start-1 sl-grid sl-divide-y sl-divide-gray-100 dark:sl-divide-slate-800",
   style: { "grid-template-rows": "repeat(48, minmax(3.5rem, 1fr))" }
-}, Xs = { class: "sl-relative" }, Ys = { class: "sl-sticky sl-left-0 sl-z-20 sl--ml-14 sl--mt-2.5 sl-w-14 sl-pr-2 sl-text-right sl-text-xs sl-leading-5 sl-text-gray-400 dark:sl-text-slate-500" }, qs = { class: "sl-col-start-1 sl-col-end-2 sl-row-start-1 sl-hidden sl-grid-cols-7 sl-grid-rows-1 sl-divide-x sl-divide-gray-100 dark:sl-divide-slate-800 sm:sl-grid sm:sl-grid-cols-7" }, Js = { class: "sl-relative sl-flex sl-items-center" }, Qs = { class: "sl-absolute sl--left-14 sl--top-2.5 sl-flex sl-items-center sl-justify-end sl-w-14 sl-pr-1" }, se = { class: "sl-bg-red-500 sl-text-white sl-text-[10px] sl-font-medium sl-px-1.5 sl-py-0.5 sl-rounded-full sl-shadow-sm" }, ee = {
+}, Xs = { class: "sl-relative" }, Ys = { class: "sl-sticky sl-left-0 sl-z-20 sl--ml-14 sl--mt-2.5 sl-w-14 sl-pr-2 sl-text-right sl-text-xs sl-leading-5 sl-text-gray-400 dark:sl-text-slate-500" }, qs = { class: "sl-col-start-1 sl-col-end-2 sl-row-start-1 sl-hidden sl-grid-cols-7 sl-grid-rows-1 sl-divide-x sl-divide-gray-100 dark:sl-divide-slate-800 sm:sl-grid sm:sl-grid-cols-7" }, Js = { class: "sl-relative sl-flex sl-items-center" }, Qs = { class: "sl-absolute sl--left-14 sl--top-2.5 sl-flex sl-items-center sl-justify-end sl-w-14 sl-pr-1" }, st = { class: "sl-bg-red-500 sl-text-white sl-text-[10px] sl-font-medium sl-px-1.5 sl-py-0.5 sl-rounded-full sl-shadow-sm" }, tt = {
   class: "sl-col-end-2 sl-row-start-1 sl-grid sl-grid-cols-1 sm:sl-grid-cols-7 sm:sl-pr-8 sl-overflow-hidden",
   style: { "grid-template-rows": "1.75rem repeat(288, minmax(0, 1fr)) auto" }
-}, te = ["onClick", "title"], le = { class: "sl-relative sl-pt-2" }, ne = { class: "sl-order-1 sl-font-semibold sl-text-blue-700 dark:sl-text-blue-300 sl-pr-4" }, oe = {
+}, et = ["onClick", "title"], lt = { class: "sl-relative sl-pt-2" }, nt = { class: "sl-order-1 sl-font-semibold sl-text-blue-700 dark:sl-text-blue-300 sl-pr-4" }, ot = {
   key: 0,
   class: "sl-text-blue-500 dark:sl-text-blue-400 group-hover:sl-text-blue-700 dark:group-hover:sl-text-blue-300"
-}, re = ["datetime"], ae = ["datetime"], ie = {
+}, rt = ["datetime"], at = ["datetime"], it = {
   key: 1,
   class: "sl-text-blue-500 dark:sl-text-blue-400 group-hover:sl-text-blue-700 dark:group-hover:sl-text-blue-300"
-}, de = ["datetime"], ce = {
+}, dt = ["datetime"], ct = {
   key: 2,
   class: "sl-text-blue-500 dark:sl-text-blue-400 group-hover:sl-text-blue-700 dark:group-hover:sl-text-blue-300"
-}, ue = ["datetime"], me = ["title", "onClick"], ve = /* @__PURE__ */ Ts({
+}, ut = ["datetime"], mt = ["title", "onClick"], vt = /* @__PURE__ */ Ts({
   __name: "WeekCalendar",
   props: {
     days: {}
   },
   emits: ["selectDay", "select:event"],
-  setup(es, { emit: ts }) {
-    const C = es, V = k(null), B = k(null), ls = k(null), ns = k(null), P = k(null), p = k(/* @__PURE__ */ new Date());
+  setup(T, { emit: es }) {
+    const P = T, B = k(null), G = k(null), ls = k(null), ns = k(null), A = k(null), p = k(/* @__PURE__ */ new Date());
     let b = null;
     const os = [
       "12AM",
@@ -60,19 +60,19 @@ const Ls = { class: "sl-isolate sl-flex sl-h-full sl-min-h-0 sl-flex-col sl-bg-w
       "9PM",
       "10PM",
       "11PM"
-    ], G = ts, { getSegment: z } = $s(), rs = g(() => {
-      const e = [], l = /* @__PURE__ */ new Set();
-      return C.days.forEach((s) => {
+    ], F = es, { getSegment: H } = $s(), rs = g(() => {
+      const l = [], e = /* @__PURE__ */ new Set();
+      return P.days.forEach((s) => {
         s.events?.forEach((o) => {
           const t = o.id || String(o.name);
-          l.has(t) || (e.push(o), l.add(t));
+          e.has(t) || (l.push(o), e.add(t));
         });
-      }), e;
-    }), as = g(() => Ps(rs.value)), H = g(() => as.value.allDay), is = g(() => H.value.length > 0), ds = g(() => C.days.map((e) => e.date)), L = g(() => zs(ds.value, H.value)), cs = g(() => L.value.size === 0 ? 0 : Math.max(...Array.from(L.value.values())) + 1), us = (e, l) => H.value.filter((o) => z(e, o) !== "none").filter((o) => {
+      }), l;
+    }), as = g(() => Ps(rs.value)), L = g(() => as.value.allDay), is = g(() => L.value.length > 0), ds = g(() => P.days.map((l) => l.date)), N = g(() => zs(ds.value, L.value)), cs = g(() => N.value.size === 0 ? 0 : Math.max(...Array.from(N.value.values())) + 1), us = (l, e) => L.value.filter((o) => H(l, o) !== "none").filter((o) => {
       const t = o.id || String(o.name);
-      return L.value.get(t) === l;
-    }), ms = (e, l) => {
-      const s = z(e, l);
+      return N.value.get(t) === e;
+    }), ms = (l, e) => {
+      const s = H(l, e);
       if (s === "none") return "";
       const o = "sl-relative sl-h-5 sl-flex sl-items-center sl-px-1";
       switch (s) {
@@ -87,42 +87,42 @@ const Ls = { class: "sl-isolate sl-flex sl-h-full sl-min-h-0 sl-flex-col sl-bg-w
         default:
           return "";
       }
-    }, vs = (e, l) => {
-      const s = z(e, l);
+    }, vs = (l, e) => {
+      const s = H(l, e);
       return s === "start" || s === "single";
-    }, _ = (e) => {
-      const l = /* @__PURE__ */ new Date(), s = `${l.getFullYear()}-${String(l.getMonth() + 1).padStart(2, "0")}-${String(l.getDate()).padStart(2, "0")}`;
-      return e.date === s;
-    }, F = (e) => P.value === e, gs = g(() => C.days.some((e) => _(e))), fs = g(() => gs.value), hs = g(() => {
-      const e = p.value.getHours(), l = p.value.getMinutes();
-      return `${e % 12 || 12}:${String(l).padStart(2, "0")}`;
+    }, _ = (l) => {
+      const e = /* @__PURE__ */ new Date(), s = `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
+      return l.date === s;
+    }, Z = (l) => A.value === l, gs = g(() => P.days.some((l) => _(l))), fs = g(() => gs.value), hs = g(() => {
+      const l = p.value.getHours(), e = p.value.getMinutes();
+      return `${l % 12 || 12}:${String(e).padStart(2, "0")}`;
     }), xs = g(() => {
-      const e = p.value, l = e.getHours() * 60 + e.getMinutes(), s = 28, o = 3.5, t = 48, d = l / 1440;
+      const l = p.value, e = l.getHours() * 60 + l.getMinutes(), s = 28, o = 3.5, t = 48, d = e / 1440;
       return {
         top: `calc(${s}px + ${d} * ${t} * ${o}rem)`
       };
-    }), N = k(typeof window < "u" ? window.innerWidth < 768 : !1), Z = () => {
-      N.value = window.innerWidth < 768;
-    }, K = g(() => N.value && P.value ? [P.value] : C.days || []), W = (e) => {
-      P.value = e;
-    }, X = () => {
+    }), W = k(typeof window < "u" ? window.innerWidth < 768 : !1), K = () => {
+      W.value = window.innerWidth < 768;
+    }, X = g(() => W.value && A.value ? [A.value] : P.days || []), j = (l) => {
+      A.value = l;
+    }, Y = () => {
       if (typeof window > "u") return 3;
-      const e = window.innerWidth;
-      return e >= 1280 ? 3 : e >= 1024 ? 2 : 1;
-    }, j = k(X()), Y = () => j.value = X(), O = (e) => {
-      if (!e) return 0;
-      const l = new Date(e);
-      return l.getHours() * 60 + l.getMinutes();
-    }, ks = (e, l) => {
-      const s = l.startTime?.dateTime || l.datetime, o = l.endTime?.dateTime || l.datetime, t = new Date(s), d = o ? new Date(o) : void 0, [h, T, I] = e.split("-").map((U) => Number(U)), i = new Date(h, T - 1, I, 0, 0, 0, 0), v = new Date(h, T - 1, I, 23, 59, 59, 999), u = new Date(Math.max(i.getTime(), t.getTime())), f = d ? new Date(Math.min(v.getTime(), d.getTime())) : new Date(Math.min(v.getTime(), u.getTime() + 30 * 60 * 1e3)), M = u.getTime() === t.getTime(), A = d ? f.getTime() === d.getTime() : !1;
-      return { startIso: u.toISOString(), endIso: f?.toISOString(), isStart: M, isEnd: A };
-    }, R = (e, l) => {
-      const s = (l || []).map((i) => {
-        const { startIso: v, endIso: u, isStart: f, isEnd: M } = ks(e, i);
+      const l = window.innerWidth;
+      return l >= 1280 ? 3 : l >= 1024 ? 2 : 1;
+    }, O = k(Y()), q = () => O.value = Y(), R = (l) => {
+      if (!l) return 0;
+      const e = new Date(l);
+      return e.getHours() * 60 + e.getMinutes();
+    }, ks = (l, e) => {
+      const s = e.startTime?.dateTime || e.datetime, o = e.endTime?.dateTime || e.datetime, t = new Date(s), d = o ? new Date(o) : void 0, [h, I, E] = l.split("-").map((V) => Number(V)), i = new Date(h, I - 1, E, 0, 0, 0, 0), v = new Date(h, I - 1, E, 23, 59, 59, 999), u = new Date(Math.max(i.getTime(), t.getTime())), f = d ? new Date(Math.min(v.getTime(), d.getTime())) : new Date(Math.min(v.getTime(), u.getTime() + 1800 * 1e3)), M = u.getTime() === t.getTime(), $ = d ? f.getTime() === d.getTime() : !1;
+      return { startIso: u.toISOString(), endIso: f?.toISOString(), isStart: M, isEnd: $ };
+    }, U = (l, e) => {
+      const s = (e || []).map((i) => {
+        const { startIso: v, endIso: u, isStart: f, isEnd: M } = ks(l, i);
         return {
           event: i,
-          start: O(v),
-          end: O(u) || O(v) + 30,
+          start: R(v),
+          end: R(u) || R(v) + 30,
           col: 0,
           cluster: 0,
           _startIso: v,
@@ -140,34 +140,34 @@ const Ls = { class: "sl-isolate sl-flex sl-h-full sl-min-h-0 sl-flex-col sl-bg-w
         for (; v.has(u); ) u += 1;
         i.col = u, i.cluster = d, h[d] = Math.max(h[d], u + 1), t.push(i);
       });
-      let T = 0;
-      const I = [];
+      let I = 0;
+      const E = [];
       return s.forEach((i) => {
-        const v = h[i.cluster] || 1, u = Math.min(v, j.value), f = 1.5, M = 1.5, A = (100 - 2 * M - f * Math.max(0, u - 1)) / u;
-        if (i.col >= j.value) {
-          T += 1, I.push(i);
+        const v = h[i.cluster] || 1, u = Math.min(v, O.value), f = 1.5, M = 1.5, $ = (100 - 2 * M - f * Math.max(0, u - 1)) / u;
+        if (i.col >= O.value) {
+          I += 1, E.push(i);
           return;
         }
-        const U = M + i.col * (A + f);
+        const V = M + i.col * ($ + f);
         o.push({
           event: i.event,
-          leftPercent: U,
-          widthPercent: A,
+          leftPercent: V,
+          widthPercent: $,
           startIso: i._startIso,
           endIso: i._endIso,
           isStart: i.isStart,
           isEnd: i.isEnd
         });
-      }), { placed: o, overflow: T, hidden: I };
-    }, ws = (e, l) => R(e, l).placed, q = (e, l) => R(e, l).overflow, ys = (e, l) => R(e, l).hidden.map((s) => String(s.event?.name || "")).filter(Boolean).join(", "), bs = (e, l) => ss(e, l) <= 8, ps = ["sl-col-start-1", "sl-col-start-2", "sl-col-start-3", "sl-col-start-4", "sl-col-start-5", "sl-col-start-6", "sl-col-start-7"], J = (e) => ps[e] || "sl-col-start-1", _s = (e) => {
-      W(e), G("selectDay", e);
-    }, Q = (e) => {
-      G("select:event", e);
+      }), { placed: o, overflow: I, hidden: E };
+    }, ws = (l, e) => U(l, e).placed, J = (l, e) => U(l, e).overflow, ys = (l, e) => U(l, e).hidden.map((s) => String(s.event?.name || "")).filter(Boolean).join(", "), bs = (l, e) => ts(l, e) <= 8, ps = ["sl-col-start-1", "sl-col-start-2", "sl-col-start-3", "sl-col-start-4", "sl-col-start-5", "sl-col-start-6", "sl-col-start-7"], Q = (l) => ps[l] || "sl-col-start-1", _s = (l) => {
+      j(l), F("selectDay", l);
+    }, ss = (l) => {
+      F("select:event", l);
     }, Ms = () => {
-      const e = V.value, l = B.value;
-      if (!e || !l) return;
-      const s = /* @__PURE__ */ new Date(), o = s.getHours() * 60 + s.getMinutes(), d = (e.scrollHeight - l.offsetHeight) * o / 1440, h = e.clientHeight / 3;
-      e.scrollTo({
+      const l = B.value, e = G.value;
+      if (!l || !e) return;
+      const s = /* @__PURE__ */ new Date(), o = s.getHours() * 60 + s.getMinutes(), d = (l.scrollHeight - e.offsetHeight) * o / 1440, h = l.clientHeight / 3;
+      l.scrollTo({
         top: Math.max(0, d - h),
         behavior: "smooth"
       });
@@ -175,58 +175,58 @@ const Ls = { class: "sl-isolate sl-flex sl-h-full sl-min-h-0 sl-flex-col sl-bg-w
       b = setInterval(() => {
         p.value = /* @__PURE__ */ new Date();
       }, 6e4);
-      const e = /* @__PURE__ */ new Date(), l = (60 - e.getSeconds()) * 1e3 - e.getMilliseconds();
+      const l = /* @__PURE__ */ new Date(), e = (60 - l.getSeconds()) * 1e3 - l.getMilliseconds();
       setTimeout(() => {
         p.value = /* @__PURE__ */ new Date(), b && clearInterval(b), b = setInterval(() => {
           p.value = /* @__PURE__ */ new Date();
         }, 6e4);
-      }, l);
+      }, e);
     };
     return Is(async () => {
-      Ds(), window.addEventListener("resize", Z), window.addEventListener("resize", Y), await Es(), setTimeout(() => {
+      Ds(), window.addEventListener("resize", K), window.addEventListener("resize", q), await Es(), setTimeout(() => {
         Ms();
-      }, 100), Ss(N, (e) => {
-        if (!e) {
-          const l = K.value.find((s) => (s.events?.length || 0) > 0);
-          l && W(l);
+      }, 100), Ss(W, (l) => {
+        if (!l) {
+          const e = X.value.find((s) => (s.events?.length || 0) > 0);
+          e && j(e);
         }
       });
     }), Cs(() => {
-      window.removeEventListener("resize", Z), window.removeEventListener("resize", Y), b && (clearInterval(b), b = null);
-    }), (e, l) => (a(), r("div", Ls, [
+      window.removeEventListener("resize", K), window.removeEventListener("resize", q), b && (clearInterval(b), b = null);
+    }), (l, e) => (a(), r("div", Ls, [
       n("div", Ns, [
         n("div", Ws, [
           n("div", {
             ref_key: "containerNav",
-            ref: B,
+            ref: G,
             class: "sl-sticky sl-top-0 sl-z-30 sl-flex-none sl-bg-white dark:sl-bg-slate-900 sl-shadow sl-ring-1 sl-ring-black dark:sl-ring-slate-700 sl-ring-opacity-5 sm:sl-pr-8"
           }, [
             n("div", js, [
-              (a(!0), r(m, null, x(e.days, (s) => (a(), r("button", {
+              (a(!0), r(m, null, x(T.days, (s) => (a(), r("button", {
                 key: s.date,
                 type: "button",
                 class: "sl-flex sl-flex-col sl-items-center sl-pb-3 sl-pt-2",
-                onClick: (o) => W(s)
+                onClick: (o) => j(s)
               }, [
-                E(c(s.shortDay) + " ", 1),
+                S(c(s.shortDay) + " ", 1),
                 n("span", {
                   class: y(["sl-mt-1 sl-flex sl-h-8 sl-w-8 sl-items-center sl-justify-center sl-font-semibold sl-text-gray-800 dark:sl-text-slate-200", [
-                    F(s) ? "sl-rounded-full sl-bg-stachelock-600 sl-font-semibold sl-text-white" : "",
-                    _(s) && !F(s) ? "sl-rounded-full sl-bg-stachelock-100 dark:sl-bg-stachelock-900 sl-text-stachelock-700 dark:sl-text-stachelock-300" : ""
+                    Z(s) ? "sl-rounded-full sl-bg-stachelock-600 sl-font-semibold sl-text-white" : "",
+                    _(s) && !Z(s) ? "sl-rounded-full sl-bg-stachelock-100 dark:sl-bg-stachelock-900 sl-text-stachelock-700 dark:sl-text-stachelock-300" : ""
                   ]])
                 }, c(s.day), 3)
               ], 8, Os))), 128))
             ]),
             n("div", Rs, [
-              l[0] || (l[0] = n("div", { class: "sl-col-end-1 sl-w-14" }, null, -1)),
-              (a(!0), r(m, null, x(e.days, (s) => (a(), r("div", {
+              e[0] || (e[0] = n("div", { class: "sl-col-end-1 sl-w-14" }, null, -1)),
+              (a(!0), r(m, null, x(T.days, (s) => (a(), r("div", {
                 key: s.date,
                 class: y(["sl-flex sl-items-center sl-justify-center sl-py-3", _(s) ? "sl-bg-stachelock-50 dark:sl-bg-stachelock-950" : ""])
               }, [
                 n("span", {
                   class: y(_(s) ? "sl-text-stachelock-700 dark:sl-text-stachelock-400 sl-font-semibold" : "")
                 }, [
-                  E(c(s.longDay) + " ", 1),
+                  S(c(s.longDay) + " ", 1),
                   n("span", {
                     class: y(["sl-items-center sl-justify-center sl-font-semibold", _(s) ? "sl-text-stachelock-700 dark:sl-text-stachelock-400" : "sl-text-gray-800 dark:sl-text-slate-200"])
                   }, c(s.day), 3)
@@ -234,8 +234,8 @@ const Ls = { class: "sl-isolate sl-flex sl-h-full sl-min-h-0 sl-flex-col sl-bg-w
               ], 2))), 128))
             ]),
             is.value ? (a(), r("div", Us, [
-              l[1] || (l[1] = n("div", { class: "sl-col-end-1 sl-w-14 sl-flex sl-items-center sl-justify-end sl-pr-2 sl-text-xs sl-text-gray-400 dark:sl-text-slate-500 sl-bg-white dark:sl-bg-slate-900" }, " All day ", -1)),
-              (a(!0), r(m, null, x(e.days, (s) => (a(), r("div", {
+              e[1] || (e[1] = n("div", { class: "sl-col-end-1 sl-w-14 sl-flex sl-items-center sl-justify-end sl-pr-2 sl-text-xs sl-text-gray-400 dark:sl-text-slate-500 sl-bg-white dark:sl-bg-slate-900" }, " All day ", -1)),
+              (a(!0), r(m, null, x(T.days, (s) => (a(), r("div", {
                 key: "allday-" + s.date,
                 class: y(["sl-relative sl-min-h-[2.5rem] sl-border-r sl-border-gray-100 dark:sl-border-slate-700 sl-py-1 sl-px-0.5", _(s) ? "sl-bg-stachelock-50/50 dark:sl-bg-stachelock-950/50" : "sl-bg-white dark:sl-bg-slate-900"])
               }, [
@@ -245,11 +245,11 @@ const Ls = { class: "sl-isolate sl-flex sl-h-full sl-min-h-0 sl-flex-col sl-bg-w
                   (a(!0), r(m, null, x(us(s.date, o), (t) => (a(), r("button", {
                     key: "allday-" + t.id,
                     class: "sl-w-full sl-mb-0.5",
-                    onClick: (d) => Q(t.id)
+                    onClick: (d) => ss(t.id)
                   }, [
                     n("div", {
                       class: y(ms(s.date, t)),
-                      style: S({ backgroundColor: t.ratePlanColor || "#dbeafe", color: t.ratePlanColor ? "#fff" : "#1e40af" }),
+                      style: C({ backgroundColor: t.ratePlanColor || "#dbeafe", color: t.ratePlanColor ? "#fff" : "#1e40af" }),
                       title: t.name
                     }, [
                       vs(s.date, t) ? (a(), r("span", Gs, c(t.name), 1)) : w("", !0)
@@ -261,11 +261,11 @@ const Ls = { class: "sl-isolate sl-flex sl-h-full sl-min-h-0 sl-flex-col sl-bg-w
           ], 512),
           n("div", {
             ref_key: "container",
-            ref: V,
+            ref: B,
             class: "sl-flex-1 sl-min-h-0 sl-overflow-y-auto"
           }, [
             n("div", Fs, [
-              l[8] || (l[8] = n("div", { class: "sl-sticky sl-left-0 sl-z-10 sl-w-14 sl-flex-none sl-bg-white dark:sl-bg-slate-900 sl-ring-1 sl-ring-gray-100 dark:sl-ring-slate-700" }, null, -1)),
+              e[8] || (e[8] = n("div", { class: "sl-sticky sl-left-0 sl-z-10 sl-w-14 sl-flex-none sl-bg-white dark:sl-bg-slate-900 sl-ring-1 sl-ring-gray-100 dark:sl-ring-slate-700" }, null, -1)),
               n("div", Zs, [
                 n("div", Ks, [
                   n("div", {
@@ -277,11 +277,11 @@ const Ls = { class: "sl-isolate sl-flex sl-h-full sl-min-h-0 sl-flex-col sl-bg-w
                     n("div", Xs, [
                       n("div", Ys, c(s), 1)
                     ]),
-                    l[2] || (l[2] = n("div", null, null, -1))
+                    e[2] || (e[2] = n("div", null, null, -1))
                   ], 64))), 64))
                 ]),
                 n("div", qs, [
-                  (a(!0), r(m, null, x(e.days, (s) => (a(), r("div", {
+                  (a(!0), r(m, null, x(T.days, (s) => (a(), r("div", {
                     key: s.date,
                     class: "sl-col-start-1 sl-row-span-full"
                   }))), 128))
@@ -291,76 +291,76 @@ const Ls = { class: "sl-isolate sl-flex sl-h-full sl-min-h-0 sl-flex-col sl-bg-w
                   ref_key: "currentTimeIndicator",
                   ref: ns,
                   class: "sl-absolute sl-left-0 sl-right-0 sl-pointer-events-none sl-z-40",
-                  style: S(xs.value)
+                  style: C(xs.value)
                 }, [
                   n("div", Js, [
                     n("div", Qs, [
-                      n("span", se, c(hs.value), 1)
+                      n("span", st, c(hs.value), 1)
                     ]),
-                    l[3] || (l[3] = n("div", { class: "sl-w-2.5 sl-h-2.5 sl-bg-red-500 sl-rounded-full sl--ml-1 sl-shadow-sm" }, null, -1)),
-                    l[4] || (l[4] = n("div", { class: "sl-flex-1 sl-h-0.5 sl-bg-red-500 sl-shadow-sm" }, null, -1))
+                    e[3] || (e[3] = n("div", { class: "sl-w-2.5 sl-h-2.5 sl-bg-red-500 sl-rounded-full sl--ml-1 sl-shadow-sm" }, null, -1)),
+                    e[4] || (e[4] = n("div", { class: "sl-flex-1 sl-h-0.5 sl-bg-red-500 sl-shadow-sm" }, null, -1))
                   ])
                 ], 4)) : w("", !0),
-                n("ol", ee, [
-                  (a(!0), r(m, null, x(K.value, (s, o) => (a(), r(m, {
+                n("ol", tt, [
+                  (a(!0), r(m, null, x(X.value, (s, o) => (a(), r(m, {
                     key: s.date
                   }, [
                     s.events && s.events.length && s.longDay ? (a(), r(m, { key: 0 }, [
                       (a(!0), r(m, null, x(ws(s.date, s.events), (t) => (a(), r("li", {
                         key: t.event.id + "-" + (t.startIso || s.date),
-                        class: y(["sl-relative sl-mt-px sl-flex", J(o)]),
-                        style: S(`grid-row: ${D(As)(t.startIso)} / span ${D(ss)(t.startIso, t.endIso)}`)
+                        class: y(["sl-relative sl-mt-px sl-flex", Q(o)]),
+                        style: C(`grid-row: ${D(As)(t.startIso)} / span ${D(ts)(t.startIso, t.endIso)}`)
                       }, [
                         n("button", {
-                          onClick: (d) => Q(t.event.id),
+                          onClick: (d) => ss(t.event.id),
                           class: "sl-group sl-absolute sl-inset-y-1 sl-flex sl-flex-col sl-overflow-hidden sl-rounded-lg sl-bg-blue-50 dark:sl-bg-blue-950 sl-p-2 sl-text-xs sl-leading-5 hover:sl-bg-blue-100 dark:hover:sl-bg-blue-900",
-                          style: S(`left: ${t.leftPercent}%; right: auto; width: ${t.widthPercent}%;`),
+                          style: C(`left: ${t.leftPercent}%; right: auto; width: ${t.widthPercent}%;`),
                           title: t.event.ratePlanCode ? `Rate plan: ${t.event.ratePlanCode}${t.event.ratePlanName ? " • " + t.event.ratePlanName : ""}` : ""
                         }, [
-                          n("div", le, [
-                            n("p", ne, c(t.event.name), 1),
+                          n("div", lt, [
+                            n("p", nt, c(t.event.name), 1),
                             bs(t.startIso, t.endIso) ? w("", !0) : (a(), r(m, { key: 0 }, [
-                              t.isStart && t.isEnd ? (a(), r("p", oe, [
+                              t.isStart && t.isEnd ? (a(), r("p", ot, [
                                 n("time", {
                                   datetime: t.startIso
-                                }, c(D($)(t.startIso)), 9, re),
-                                l[5] || (l[5] = E(" – ", -1)),
+                                }, c(D(z)(t.startIso)), 9, rt),
+                                e[5] || (e[5] = S(" – ", -1)),
                                 n("time", {
                                   datetime: t.endIso
-                                }, c(D($)(t.endIso)), 9, ae),
+                                }, c(D(z)(t.endIso)), 9, at),
                                 n("span", null, c(t.event.startTime?.shortTimeZone || t.event.endTime?.shortTimeZone), 1)
-                              ])) : t.isStart ? (a(), r("p", ie, [
-                                l[6] || (l[6] = E(" Start ", -1)),
+                              ])) : t.isStart ? (a(), r("p", it, [
+                                e[6] || (e[6] = S(" Start ", -1)),
                                 n("time", {
                                   datetime: t.startIso
-                                }, c(D($)(t.startIso)), 9, de),
+                                }, c(D(z)(t.startIso)), 9, dt),
                                 n("span", null, c(t.event.startTime?.shortTimeZone), 1)
-                              ])) : t.isEnd ? (a(), r("p", ce, [
-                                l[7] || (l[7] = E(" End ", -1)),
+                              ])) : t.isEnd ? (a(), r("p", ct, [
+                                e[7] || (e[7] = S(" End ", -1)),
                                 n("time", {
                                   datetime: t.endIso
-                                }, c(D($)(t.endIso)), 9, ue),
+                                }, c(D(z)(t.endIso)), 9, ut),
                                 n("span", null, c(t.event.endTime?.shortTimeZone), 1)
                               ])) : w("", !0)
                             ], 64)),
                             t.event.ratePlanColor ? (a(), r("span", {
                               key: 1,
                               class: "sl-absolute sl--top-1 sl--right-1 sl-inline-block sl-h-2.5 sl-w-2.5 sl-rounded-full sl-ring-1 sl-ring-white dark:sl-ring-slate-800",
-                              style: S({ backgroundColor: t.event.ratePlanColor })
+                              style: C({ backgroundColor: t.event.ratePlanColor })
                             }, null, 4)) : w("", !0)
                           ])
-                        ], 12, te)
+                        ], 12, et)
                       ], 6))), 128)),
-                      q(s.date, s.events) > 0 ? (a(), r("li", {
+                      J(s.date, s.events) > 0 ? (a(), r("li", {
                         key: 0,
-                        class: y([J(o), "sl-relative"]),
+                        class: y([Q(o), "sl-relative"]),
                         style: { "grid-row": "2 / span 1" }
                       }, [
                         n("button", {
                           class: "sl-absolute sl-right-1 sl-top-1 sl-text-[11px] sl-font-medium sl-text-stachelock-700 dark:sl-text-stachelock-400 hover:sl-text-stachelock-900 dark:hover:sl-text-stachelock-300 sl-underline sl-bg-white/70 dark:sl-bg-slate-800/70 sl-rounded sl-px-1",
                           title: ys(s.date, s.events),
                           onClick: (t) => _s(s)
-                        }, " +" + c(q(s.date, s.events)) + " more ", 9, me)
+                        }, " +" + c(J(s.date, s.events)) + " more ", 9, mt)
                       ], 2)) : w("", !0)
                     ], 64)) : w("", !0)
                   ], 64))), 128))
@@ -372,8 +372,8 @@ const Ls = { class: "sl-isolate sl-flex sl-h-full sl-min-h-0 sl-flex-col sl-bg-w
       ])
     ]));
   }
-}), ke = /* @__PURE__ */ Hs(ve, [["__scopeId", "data-v-9d5b5c9f"]]);
+}), kt = /* @__PURE__ */ Hs(vt, [["__scopeId", "data-v-9d5b5c9f"]]);
 export {
-  ke as default
+  kt as default
 };
 //# sourceMappingURL=WeekCalendar.js.map