cally 0.4.0 → 0.4.2

package/dist/cally.js

@@ -37,17 +37,17 @@ const re = Symbol.for("Atomico.suspense"), Pt = Symbol.for("Atomico.effect"), ie
   return r.value = e(r.value), r.effect = t, r.tag = s, N.c.i++, o[n].value;
 }, ae = (e) => O((t = Nt(e)) => t), U = () => O((e = Nt(N.c.host)) => e), Ft = () => N.c.update, ce = (e, t, s = 0) => {
   let n = {}, o = !1;
-  const r = () => o, i = (u, c) => {
+  const r = () => o, i = (l, c) => {
     for (const h in n) {
       const a = n[h];
-      a.effect && a.tag === u && (a.value = a.effect(a.value, c));
+      a.effect && a.tag === l && (a.value = a.effect(a.value, c));
     }
   };
-  return { load: (u) => {
+  return { load: (l) => {
     N.c = { host: t, hooks: n, update: e, i: 0, id: s };
     let c;
     try {
-      o = !1, c = u();
+      o = !1, c = l();
     } catch (h) {
       if (h !== re)
         throw h;
@@ -56,8 +56,8 @@ const re = Symbol.for("Atomico.suspense"), Pt = Symbol.for("Atomico.effect"), ie
       N.c = null;
     }
     return c;
-  }, cleanEffects: (u) => (i(Ot, u), () => (i(ie, u), () => {
-    i(Pt, u);
+  }, cleanEffects: (l) => (i(Ot, l), () => (i(ie, l), () => {
+    i(Pt, l);
   })), isSuspense: r };
 }, F = Symbol.for;
 function Mt(e, t) {
@@ -71,7 +71,7 @@ function Mt(e, t) {
   }
   return !0;
 }
-const S = (e) => typeof e == "function", A = (e) => typeof e == "object", { isArray: le } = Array, et = (e, t) => (t ? e instanceof HTMLStyleElement : !0) && "hydrate" in (e?.dataset || {});
+const S = (e) => typeof e == "function", A = (e) => typeof e == "object", { isArray: ue } = Array, et = (e, t) => (t ? e instanceof HTMLStyleElement : !0) && "hydrate" in (e?.dataset || {});
 function kt(e, t) {
   let s;
   const n = (o) => {
@@ -81,10 +81,10 @@ function kt(e, t) {
       if (f && Array.isArray(f))
         n(f);
       else {
-        const l = typeof f;
-        if (f == null || l === "function" || l === "boolean")
+        const u = typeof f;
+        if (f == null || u === "function" || u === "boolean")
           continue;
-        l === "string" || l === "number" ? (s == null && (s = ""), s += f) : (s != null && (t(s), s = null), t(f));
+        u === "string" || u === "number" ? (s == null && (s = ""), s += f) : (s != null && (t(s), s = null), t(f));
       }
     }
   };
@@ -104,7 +104,7 @@ class Rt {
 }
 class It extends Rt {
 }
-class ue extends Rt {
+class le extends Rt {
 }
 const L = "Custom", fe = null, de = { true: 1, "": 1, 1: 1 };
 function he(e, t, s, n, o) {
@@ -112,9 +112,9 @@ function he(e, t, s, n, o) {
     type: r,
     reflect: i,
     event: f,
-    value: l,
-    attr: u = me(t)
-  } = s?.name != L && A(s) && s != fe ? s : { type: s }, c = r?.name === L && r.map, h = l != null ? r == Function || !S(l) ? () => l : l : null;
+    value: u,
+    attr: l = me(t)
+  } = s?.name != L && A(s) && s != fe ? s : { type: s }, c = r?.name === L && r.map, h = u != null ? r == Function || !S(u) ? () => u : u : null;
   Object.defineProperty(e, t, {
     configurable: !0,
     /**
@@ -135,7 +135,7 @@ function he(e, t, s, n, o) {
           D
         );
       d != D && (this._props[t] = D ?? void 0, this.update(), f && Ut(this, f), this.updated.then(() => {
-        i && (this._ignoreAttr = u, ye(this, r, u, this[t]), this._ignoreAttr = null);
+        i && (this._ignoreAttr = l, ye(this, r, l, this[t]), this._ignoreAttr = null);
       }));
     },
     /**
@@ -144,7 +144,7 @@ function he(e, t, s, n, o) {
     get() {
       return this._props[t];
     }
-  }), h && (o[t] = h()), n[u] = { prop: t, type: r };
+  }), h && (o[t] = h()), n[l] = { prop: t, type: r };
 }
 const Ut = (e, { type: t, base: s = CustomEvent, ...n }) => e.dispatchEvent(new s(t, n)), me = (e) => e.replace(/([A-Z])/g, "-$1").toLowerCase(), ye = (e, t, s, n) => n == null || t == Boolean && !n ? e.removeAttribute(s) : e.setAttribute(
   s,
@@ -174,7 +174,7 @@ const we = (e) => {
   return t || "c" + De++;
 }, $ = (e, t = HTMLElement) => {
   const s = {}, n = {}, o = "prototype" in t && t.prototype instanceof Element, r = o ? t : "base" in t ? t.base : HTMLElement, { props: i, styles: f } = o ? e : t;
-  class l extends r {
+  class u extends r {
     constructor() {
       super(), this._setup(), this._render = () => e({ ...this._props });
       for (const c in n)
@@ -244,7 +244,7 @@ const we = (e) => {
         try {
           this[d] = be(y, a);
         } catch {
-          throw new ue(
+          throw new le(
             this,
             `The value defined as attr '${c}' cannot be parsed by type '${y.name}'`,
             a
@@ -263,7 +263,7 @@ const we = (e) => {
       return Object.keys(s).concat(c);
     }
   }
-  return l;
+  return u;
 };
 function Ee(e) {
   const { styles: t } = e.constructor, { shadowRoot: s } = e;
@@ -375,7 +375,7 @@ const Yt = globalThis[nt], ve = {
 }, _ = {}, st = [];
 class ot extends Text {
 }
-const Ne = F("atomico/id"), R = F("atomico/type"), Z = F("atomico/ref"), $t = F("atomico/vnode"), Pe = () => {
+const Ne = F("atomico/id"), R = F("atomico/type"), X = F("atomico/ref"), $t = F("atomico/vnode"), Pe = () => {
 };
 function Oe(e, t, s) {
   return qt(this, e, t, s);
@@ -418,35 +418,35 @@ function qt(e, t, s = Ne, n, o) {
   let r;
   if (t && t[s] && t[s].vnode == e || e[R] != $t)
     return t;
-  (e || !t) && (o = o || e.type == "svg", r = e.type != "host" && (e.raw == 1 ? (t && e.clone ? t[Z] : t) != e.type : e.raw == 2 ? !(t instanceof e.type) : t ? t[Z] || t.localName != e.type : !t), r && e.type != null && (e.raw == 1 && e.clone ? (n = !0, t = e.type.cloneNode(!0), t[Z] = e.type) : t = e.raw == 1 ? e.type : e.raw == 2 ? new e.type() : o ? document.createElementNS(
+  (e || !t) && (o = o || e.type == "svg", r = e.type != "host" && (e.raw == 1 ? (t && e.clone ? t[X] : t) != e.type : e.raw == 2 ? !(t instanceof e.type) : t ? t[X] || t.localName != e.type : !t), r && e.type != null && (e.raw == 1 && e.clone ? (n = !0, t = e.type.cloneNode(!0), t[X] = e.type) : t = e.raw == 1 ? e.type : e.raw == 2 ? new e.type() : o ? document.createElementNS(
     "http://www.w3.org/2000/svg",
     e.type
   ) : document.createElement(
     e.type,
     e.is ? { is: e.is } : void 0
   )));
-  const i = t[s] ? t[s] : _, { vnode: f = _, cycle: l = 0 } = i;
-  let { fragment: u, handlers: c } = i;
+  const i = t[s] ? t[s] : _, { vnode: f = _, cycle: u = 0 } = i;
+  let { fragment: l, handlers: c } = i;
   const { children: h = st, props: a = _ } = f;
   if (c = r ? {} : c || {}, e.static && !r)
     return t;
   if (e.shadow && !t.shadowRoot && // @ts-ignore
   t.attachShadow({ mode: "open", ...e.shadow }), e.props != a && ke(t, a, e.props, c, o), e.children !== h) {
     const d = e.shadow ? t.shadowRoot : t;
-    u = Me(
+    l = Me(
       e.children,
       /**
        * @todo for hydration use attribute and send childNodes
        */
-      u,
+      l,
       d,
       s,
       // add support to foreignObject, children will escape from svg
-      !l && n,
+      !u && n,
       o && e.type == "foreignObject" ? !1 : o
     );
   }
-  return t[s] = { vnode: e, handlers: c, fragment: u, cycle: l + 1 }, t;
+  return t[s] = { vnode: e, handlers: c, fragment: l, cycle: u + 1 }, t;
 }
 function Fe(e, t) {
   const s = new ot(""), n = new ot("");
@@ -468,17 +468,17 @@ function Fe(e, t) {
   };
 }
 function Me(e, t, s, n, o, r) {
-  e = e == null ? null : le(e) ? e : [e];
-  const i = t || Fe(s, o), { markStart: f, markEnd: l, keyes: u } = i;
+  e = e == null ? null : ue(e) ? e : [e];
+  const i = t || Fe(s, o), { markStart: f, markEnd: u, keyes: l } = i;
   let c;
-  const h = u && /* @__PURE__ */ new Set();
+  const h = l && /* @__PURE__ */ new Set();
   let a = f;
   if (e && kt(e, (d) => {
     if (typeof d == "object" && !d[R])
       return;
-    const y = d[R] && d.key, D = u && y != null && u.get(y);
-    a != l && a === D ? h.delete(a) : a = a == l ? l : a.nextSibling;
-    const m = u ? D : a;
+    const y = d[R] && d.key, D = l && y != null && l.get(y);
+    a != u && a === D ? h.delete(a) : a = a == u ? u : a.nextSibling;
+    const m = l ? D : a;
     let w = m;
     if (d[R])
       w = qt(d, m, n, o, r);
@@ -486,9 +486,9 @@ function Me(e, t, s, n, o, r) {
       const M = d + "";
       !(w instanceof Text) || w instanceof ot ? w = new Text(M) : w.data != M && (w.data = M);
     }
-    w != a && (u && h.delete(w), !m || u ? (s.insertBefore(w, a), u && a != l && h.add(a)) : m == l ? s.insertBefore(w, l) : (s.replaceChild(w, m), a = w)), y != null && (c = c || /* @__PURE__ */ new Map(), c.set(y, w));
-  }), a = a == l ? l : a.nextSibling, t && a != l)
-    for (; a != l; ) {
+    w != a && (l && h.delete(w), !m || l ? (s.insertBefore(w, a), l && a != u && h.add(a)) : m == u ? s.insertBefore(w, u) : (s.replaceChild(w, m), a = w)), y != null && (c = c || /* @__PURE__ */ new Map(), c.set(y, w));
+  }), a = a == u ? u : a.nextSibling, t && a != u)
+    for (; a != u; ) {
       const d = a;
       a = a.nextSibling, d.remove();
     }
@@ -509,17 +509,17 @@ function bt(e, t, s, n, o, r) {
     else if (t == "style") {
       const { style: i } = e;
       s = s || "", n = n || "";
-      const f = A(s), l = A(n);
+      const f = A(s), u = A(n);
       if (f)
-        for (const u in s)
-          if (l)
-            !(u in n) && pt(i, u, null);
+        for (const l in s)
+          if (u)
+            !(l in n) && pt(i, l, null);
           else
             break;
-      if (l)
-        for (const u in n) {
-          const c = n[u];
-          f && s[u] === c || pt(i, u, c);
+      if (u)
+        for (const l in n) {
+          const c = n[l];
+          f && s[l] === c || pt(i, l, c);
         }
       else
         i.cssText = n;
@@ -619,7 +619,7 @@ const Ie = jt("host", { style: "display: contents" }), G = F("atomico/context"),
     }
   );
   return t.value = e, t;
-}, b = (e, t, s) => (t == null ? t = { key: s } : t.key = s, jt(e, t)), I = b, zt = q`*,*:before,*:after{box-sizing:border-box}`, Bt = q`.vh{position:absolute;transform:scale(0)}`;
+}, b = (e, t, s) => (t == null ? t = { key: s } : t.key = s, jt(e, t)), I = b, zt = q`*,*:before,*:after{box-sizing:border-box}button{padding:0;touch-action:manipulation}`, Bt = q`.vh{position:absolute;transform:scale(0)}`;
 function z() {
   const e = new Date(Date.now());
   return new g(e.getUTCFullYear(), e.getUTCMonth() + 1, e.getUTCDate());
@@ -631,7 +631,7 @@ function B(e, t = 0) {
 function Ht(e, t = 0) {
   return B(e, t).add({ days: 6 });
 }
-function lt(e) {
+function ut(e) {
   return g.from(new Date(Date.UTC(e.year, e.month, 0)));
 }
 function Wt(e, t) {
@@ -657,7 +657,7 @@ function $e(e, t) {
   return s;
 }
 function je(e, t = 0) {
-  const s = B(e.toPlainDate(), t), n = Ht(lt(e), t);
+  const s = B(e.toPlainDate(), t), n = Ht(ut(e), t);
   return $e(Ye(s, n), 7);
 }
 function qe(e, t, s) {
@@ -666,13 +666,13 @@ function qe(e, t, s) {
     n[f] = i.format(r), r.setDate(r.getDate() + 1);
   return n;
 }
-const ze = /^(\d{4})-(0[1-9]|1[0-2])-(0[1-9]|[12][0-9]|3[0-1])$/, Kt = "years", Jt = "months", Xt = "days";
+const ze = /^(\d{4})-(0[1-9]|1[0-2])-(0[1-9]|[12][0-9]|3[0-1])$/, Kt = "years", Jt = "months", Zt = "days";
 function Be(e) {
   if (Kt in e)
     return { years: -e.years };
   if (Jt in e)
     return { months: -e.months };
-  if (Xt in e)
+  if (Zt in e)
     return { days: -e.days };
   throw new TypeError();
 }
@@ -680,15 +680,15 @@ function He(e, t) {
   return g.from(new Date(Date.UTC(e.year, e.month - 1, t)));
 }
 function We(e, t) {
-  const s = new g(t, e.month, 1), n = lt(s), o = e.toDate();
+  const s = new g(t, e.month, 1), n = ut(s), o = e.toDate();
   return o.setUTCFullYear(t), H(g.from(o), s, n);
 }
 function Ke(e, t) {
-  const s = new g(e.year, t, 1), n = lt(s), o = e.toDate();
+  const s = new g(e.year, t, 1), n = ut(s), o = e.toDate();
   return o.setUTCMonth(t - 1), H(g.from(o), s, n);
 }
 function Dt(e, t) {
-  return Xt in t ? He(e, e.day + t.days) : Jt in t ? Ke(e, e.month + t.months) : Kt in t ? We(e, e.year + t.years) : e;
+  return Zt in t ? He(e, e.day + t.days) : Jt in t ? Ke(e, e.month + t.months) : Kt in t ? We(e, e.year + t.years) : e;
 }
 const Q = (e, t) => e.toString().padStart(t, "0");
 class g {
@@ -788,16 +788,16 @@ function Je(e) {
   }
   return [];
 }
-function Xe(e, t) {
+function Ze(e, t) {
   return `${e}/${t}`;
 }
-function Ze(e) {
+function Xe(e) {
   const [t, s] = Lt(e);
-  return [P(() => Je(t), [t]), (r) => s(Xe(r[0], r[1]))];
+  return [P(() => Je(t), [t]), (r) => s(Ze(r[0], r[1]))];
 }
 function Y(e, t) {
   return P(
-    () => new Intl.DateTimeFormat(t, e),
+    () => new Intl.DateTimeFormat(t, { timeZone: "UTC", ...e }),
     [t, e]
   );
 }
@@ -815,7 +815,7 @@ function Ge(e) {
 }
 const vt = (e) => e.target.matches(":dir(ltr)"), Qe = { month: "long", day: "numeric" }, Ve = { month: "long" }, V = { bubbles: !0 };
 function tn({ props: e, context: t }) {
-  const { offset: s } = e, { firstDayOfWeek: n, isDateDisallowed: o, min: r, max: i, dateWindow: f, locale: l } = t, u = z(), c = St("long", n, l), h = St("narrow", n, l), a = Y(Qe, l), d = Y(Ve, l), { focusedDate: y } = f, D = P(
+  const { offset: s } = e, { firstDayOfWeek: n, isDateDisallowed: o, min: r, max: i, dateWindow: f, locale: u } = t, l = z(), c = St("long", n, u), h = St("narrow", n, u), a = Y(Qe, u), d = Y(Ve, u), { focusedDate: y } = f, D = P(
     () => f.start.add({ months: s }),
     [f, s]
   ), m = P(
@@ -858,11 +858,11 @@ function tn({ props: e, context: t }) {
     ft(E), p.preventDefault();
   }
   function ne(p) {
-    const E = D.equals(p), se = p.equals(y), dt = p.equals(u), ht = p.toDate(), x = o?.(ht), mt = !rt(p, r, i);
+    const E = D.equals(p), se = p.equals(y), dt = p.equals(l), ht = p.toDate(), x = o?.(ht), mt = !rt(p, r, i);
     let k = !1, yt = !1, W = !1, K = !1;
     if ("highlightedRange" in t) {
-      const [J, X] = t.highlightedRange;
-      yt = !0, W = J?.equals(p) ?? !1, K = X?.equals(p) ?? !1, k = J && X ? rt(p, J, X) : !1;
+      const [J, Z] = t.highlightedRange;
+      yt = !0, W = J?.equals(p) ?? !1, K = Z?.equals(p) ?? !1, k = J && Z ? rt(p, J, Z) : !1;
     } else
       "value" in t && (k = t.value?.equals(p) ?? !1);
     return {
@@ -935,15 +935,15 @@ class T {
     );
   }
 }
-const Tt = z(), ut = Le({
+const Tt = z(), lt = Le({
   firstDayOfWeek: 0,
   isDateDisallowed: () => !1,
   dateWindow: new T(Tt.toPlainYearMonth(), { months: 1 }, Tt)
 });
-customElements.define("calendar-month-ctx", ut);
+customElements.define("calendar-month-ctx", lt);
 const en = $(
   (e) => {
-    const t = _e(ut), s = ae(), n = tn({ props: e, context: t });
+    const t = _e(lt), s = ae(), n = tn({ props: e, context: t });
     function o() {
       s.current.querySelector("button[tabindex='0']")?.focus();
     }
@@ -954,9 +954,9 @@ const en = $(
           /* @__PURE__ */ b("span", { class: "vh", children: r }),
           /* @__PURE__ */ b("span", { "aria-hidden": "true", children: n.dayNamesShort[i] })
         ] })) }) }),
-        /* @__PURE__ */ b("tbody", { children: n.weeks.map((r, i) => /* @__PURE__ */ b("tr", { part: "tr week", children: r.map((f, l) => {
-          const u = n.yearMonth.equals(f), c = t.showOutsideDays || u;
-          return /* @__PURE__ */ b("td", { part: "td", children: c && /* @__PURE__ */ b("button", { ...n.getDayProps(f), children: f.day }) }, l);
+        /* @__PURE__ */ b("tbody", { children: n.weeks.map((r, i) => /* @__PURE__ */ b("tr", { part: "tr week", children: r.map((f, u) => {
+          const l = n.yearMonth.equals(f), c = t.showOutsideDays || l;
+          return /* @__PURE__ */ b("td", { part: "td", children: c && /* @__PURE__ */ b("button", { ...n.getDayProps(f), children: f.day }) }, u);
         }) }, i)) })
       ] })
     ] });
@@ -976,7 +976,7 @@ const en = $(
   }
 );
 customElements.define("calendar-month", en);
-function Zt(e) {
+function Xt(e) {
   const t = e.dateWindow.start.toDate(), s = e.dateWindow.end.toDate();
   return /* @__PURE__ */ I("div", { role: "group", "aria-labelledby": "label", part: "container", children: [
     /* @__PURE__ */ b("div", { id: "label", class: "vh", "aria-live": "polite", "aria-atomic": "true", children: e.formatVerbose.formatRange(t, s) }),
@@ -1002,7 +1002,7 @@ function Zt(e) {
       )
     ] }),
     /* @__PURE__ */ b(
-      ut,
+      lt,
       {
         value: e,
         onselectday: e.onSelect,
@@ -1057,10 +1057,10 @@ function Vt({ months: e, locale: t }) {
     const m = z(), w = e === 12 ? new C(m.year, 1) : m.toPlainYearMonth();
     return new T(w, { months: e }, m);
   });
-  function l(m) {
+  function u(m) {
     f(m), o(m.focusedDate.toDate());
   }
-  function u(m) {
+  function l(m) {
     f(i.adjust(m));
   }
   const c = U();
@@ -1074,13 +1074,13 @@ function Vt({ months: e, locale: t }) {
     dateWindow: i,
     dispatch: r,
     handleFocus(m) {
-      m.stopPropagation(), u(m.detail), o(m.detail.toDate()), setTimeout(h);
+      m.stopPropagation(), l(m.detail), o(m.detail.toDate()), setTimeout(h);
     },
-    setFocusedDate: u,
+    setFocusedDate: l,
     min: s,
     max: n,
-    next: y ? () => l(i.next()) : void 0,
-    previous: D ? () => l(i.prev()) : void 0,
+    next: y ? () => u(i.next()) : void 0,
+    previous: D ? () => u(i.prev()) : void 0,
     focus: h
   };
 }
@@ -1094,7 +1094,7 @@ const on = $(
       s(r.detail), n.dispatch();
     }
     return /* @__PURE__ */ b("host", { shadowDom: !0, focus: n.focus, children: /* @__PURE__ */ b(
-      Zt,
+      Xt,
       {
         ...e,
         ...n,
@@ -1109,14 +1109,14 @@ const on = $(
 customElements.define("calendar-date", on);
 const Ct = (e, t) => g.compare(e, t) < 0 ? [e, t] : [t, e], rn = $(
   (e) => {
-    const [t, s] = Ze("value"), n = Vt(e), o = v("rangestart"), r = v("rangeend"), [i, f] = ct();
+    const [t, s] = Xe("value"), n = Vt(e), o = v("rangestart"), r = v("rangeend"), [i, f] = ct();
     j(() => {
       t.length && !rt(n.dateWindow.focusedDate, t[0], t[1]) && n.setFocusedDate(t[1]);
     }, [t]);
-    async function l(a) {
-      n.handleFocus(a), u(a);
+    async function u(a) {
+      n.handleFocus(a), l(a);
     }
-    function u(a) {
+    function l(a) {
       a.stopPropagation(), f((d) => d && { ...d, second: a.detail });
     }
     function c(a) {
@@ -1125,13 +1125,13 @@ const Ct = (e, t) => g.compare(e, t) < 0 ? [e, t] : [t, e], rn = $(
     }
     const h = i ? Ct(i.first, i.second) : t;
     return /* @__PURE__ */ b("host", { shadowDom: !0, focus: n.focus, children: /* @__PURE__ */ b(
-      Zt,
+      Xt,
       {
         ...e,
         ...n,
         highlightedRange: h,
-        onFocus: l,
-        onHover: u,
+        onFocus: u,
+        onHover: l,
         onSelect: c
       }
     ) });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cally",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "description": "small, feature-rich calendar components",
   "license": "MIT",
   "type": "module",
@@ -48,6 +48,7 @@
     "@web/test-runner-playwright": "^0.11.0",
     "@web/test-runner-visual-regression": "^0.9.0",
     "astro": "^4.5.10",
+    "postcss-nesting": "^12.1.1",
     "prettier": "^3.2.5",
     "typescript": "^5.3.3",
     "vite": "^5.1.4",