cally 0.2.0

package/LICENSE

@@ -0,0 +1,7 @@
+Copyright 2024-present Nick Williams
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,38 @@
+# Cally
+
+Small, feature-rich of calendar components
+
+- **Small bundle size** - less than 9kb min/gzip
+- **Full feature set** - single dates, ranges, display multiple months
+- **HTML-friendly** - easy to author, framework-independent
+- **Minimal dependencies** - just one
+- **Accessible** - keyboard and screen reader
+- **Localizable** - `Intl.DateTimeFormat`, CSS logical properties, RTL support
+- **Themeable** - CSS parts and custom properties to offer flexibility and power
+- **Composable** - impose no DOM specific structure, play well with others
+
+## Installation
+
+```bash
+npm install cally
+```
+
+## Usage
+
+```js
+import "cally";
+```
+
+## Usage with CDN
+
+```html
+<script src="https://unpkg.com/cally"></script>
+```
+
+## Docs
+
+Coming soon.
+
+## License
+
+MIT

package/dist/cally.js

@@ -0,0 +1,1163 @@
+class ne {
+  /**
+   * @type {T}
+   */
+  #t;
+  #e = /* @__PURE__ */ new Set();
+  /**
+   * @param {T} current
+   */
+  constructor(t) {
+    this.#t = t;
+  }
+  /**
+   * @return {T}
+   */
+  get current() {
+    return this.#t;
+  }
+  /**
+   * @param {T} value
+   */
+  set current(t) {
+    this.#t != t && (this.#t = t, this.#e.forEach((n) => n(t)));
+  }
+  /**
+   * @type {import("hooks").Ref["on"]}
+   */
+  on(t) {
+    return this.#e.add(t), () => this.#e.delete(t);
+  }
+}
+const Ct = (e) => new ne(e), Q = Symbol.for("atomico.hooks");
+globalThis[Q] = globalThis[Q] || {};
+let M = globalThis[Q];
+const se = Symbol.for("Atomico.suspense"), Nt = Symbol.for("Atomico.effect"), oe = Symbol.for("Atomico.layoutEffect"), Pt = Symbol.for("Atomico.insertionEffect"), A = (e, t, n) => {
+  const { i: s, hooks: o } = M.c, r = o[s] = o[s] || {};
+  return r.value = e(r.value), r.effect = t, r.tag = n, M.c.i++, o[s].value;
+}, re = (e) => A((t = Ct(e)) => t), I = () => A((e = Ct(M.c.host)) => e), Mt = () => M.c.update, ie = (e, t, n = 0) => {
+  let s = {}, o = !1;
+  const r = () => o, i = (f, u) => {
+    for (const d in s) {
+      const c = s[d];
+      c.effect && c.tag === f && (c.value = c.effect(c.value, u));
+    }
+  };
+  return { load: (f) => {
+    M.c = { host: t, hooks: s, update: e, i: 0, id: n };
+    let u;
+    try {
+      o = !1, u = f();
+    } catch (d) {
+      if (d !== se)
+        throw d;
+      o = !0;
+    } finally {
+      M.c = null;
+    }
+    return u;
+  }, cleanEffects: (f) => (i(Pt, f), () => (i(oe, f), () => {
+    i(Nt, f);
+  })), isSuspense: r };
+}, R = Symbol.for;
+function At(e, t) {
+  const n = e.length;
+  if (n !== t.length)
+    return !1;
+  for (let s = 0; s < n; s++) {
+    let o = e[s], r = t[s];
+    if (o !== r)
+      return !1;
+  }
+  return !0;
+}
+const S = (e) => typeof e == "function", k = (e) => typeof e == "object", { isArray: ce } = Array, V = (e, t) => (t ? e instanceof HTMLStyleElement : !0) && "hydrate" in (e?.dataset || {});
+function Rt(e, t) {
+  let n;
+  const s = (o) => {
+    let { length: r } = o;
+    for (let i = 0; i < r; i++) {
+      const a = o[i];
+      if (a && Array.isArray(a))
+        s(a);
+      else {
+        const l = typeof a;
+        if (a == null || l === "function" || l === "boolean")
+          continue;
+        l === "string" || l === "number" ? (n == null && (n = ""), n += a) : (n != null && (t(n), n = null), t(a));
+      }
+    }
+  };
+  s(e), n != null && t(n);
+}
+const Ft = (e, t, n) => (e.addEventListener(t, n), () => e.removeEventListener(t, n));
+class Ot {
+  /**
+   *
+   * @param {HTMLElement} target
+   * @param {string} message
+   * @param {string} value
+   */
+  constructor(t, n, s) {
+    this.message = n, this.target = t, this.value = s;
+  }
+}
+class kt extends Ot {
+}
+class ae extends Ot {
+}
+const Y = "Custom", ue = null, le = { true: 1, "": 1, 1: 1 };
+function fe(e, t, n, s, o) {
+  const {
+    type: r,
+    reflect: i,
+    event: a,
+    value: l,
+    attr: f = de(t)
+  } = n?.name != Y && k(n) && n != ue ? n : { type: n }, u = r?.name === Y && r.map, d = l != null ? r == Function || !S(l) ? () => l : l : null;
+  Object.defineProperty(e, t, {
+    configurable: !0,
+    /**
+     * @this {import("dom").AtomicoThisInternal}
+     * @param {any} newValue
+     */
+    set(c) {
+      const h = this[t];
+      d && r != Boolean && c == null && (c = d());
+      const { error: y, value: m } = (u ? ye : be)(
+        r,
+        c
+      );
+      if (y && m != null)
+        throw new kt(
+          this,
+          `The value defined for prop '${t}' must be of type '${r.name}'`,
+          m
+        );
+      h != m && (this._props[t] = m ?? void 0, this.update(), a && Ut(this, a), this.updated.then(() => {
+        i && (this._ignoreAttr = f, he(this, r, f, this[t]), this._ignoreAttr = null);
+      }));
+    },
+    /**
+     * @this {import("dom").AtomicoThisInternal}
+     */
+    get() {
+      return this._props[t];
+    }
+  }), d && (o[t] = d()), s[f] = { prop: t, type: r };
+}
+const Ut = (e, { type: t, base: n = CustomEvent, ...s }) => e.dispatchEvent(new n(t, s)), de = (e) => e.replace(/([A-Z])/g, "-$1").toLowerCase(), he = (e, t, n, s) => s == null || t == Boolean && !s ? e.removeAttribute(n) : e.setAttribute(
+  n,
+  t?.name === Y && t?.serialize ? t?.serialize(s) : k(s) ? JSON.stringify(s) : t == Boolean ? "" : s
+), me = (e, t) => e == Boolean ? !!le[t] : e == Number ? Number(t) : e == String ? t : e == Array || e == Object ? JSON.parse(t) : e.name == Y ? t : (
+  // TODO: If when defining reflect the prop can also be of type string?
+  new e(t)
+), ye = ({ map: e }, t) => {
+  try {
+    return { value: e(t), error: !1 };
+  } catch {
+    return { value: t, error: !0 };
+  }
+}, be = (e, t) => e == null || t == null ? { value: t, error: !1 } : e != String && t === "" ? { value: void 0, error: !1 } : e == Object || e == Array || e == Symbol ? {
+  value: t,
+  error: {}.toString.call(t) !== `[object ${e.name}]`
+} : t instanceof e ? {
+  value: t,
+  error: e == Number && Number.isNaN(t.valueOf())
+} : e == String || e == Number || e == Boolean ? {
+  value: t,
+  error: e == Number ? typeof t != "number" ? !0 : Number.isNaN(t) : e == String ? typeof t != "string" : typeof t != "boolean"
+} : { value: t, error: !0 };
+let pe = 0;
+const ge = (e) => {
+  const t = (e?.dataset || {})?.hydrate || "";
+  return t || "c" + pe++;
+}, $ = (e, t = HTMLElement) => {
+  const n = {}, s = {}, o = "prototype" in t && t.prototype instanceof Element, r = o ? t : "base" in t ? t.base : HTMLElement, { props: i, styles: a } = o ? e : t;
+  class l extends r {
+    constructor() {
+      super(), this._setup(), this._render = () => e({ ...this._props });
+      for (const u in s)
+        this[u] = s[u];
+    }
+    /**
+     * @returns {import("core").Sheets[]}
+     */
+    static get styles() {
+      return [super.styles, a];
+    }
+    async _setup() {
+      if (this._props)
+        return;
+      this._props = {};
+      let u, d;
+      this.mounted = new Promise(
+        (D) => this.mount = () => {
+          D(), u != this.parentNode && (d != u ? this.unmounted.then(this.update) : this.update()), u = this.parentNode;
+        }
+      ), this.unmounted = new Promise(
+        (D) => this.unmount = () => {
+          D(), (u != this.parentNode || !this.isConnected) && (c.cleanEffects(!0)()(), d = this.parentNode, u = null);
+        }
+      ), this.symbolId = this.symbolId || Symbol(), this.symbolIdParent = Symbol();
+      const c = ie(
+        () => this.update(),
+        this,
+        ge(this)
+      );
+      let h, y = !0;
+      const m = V(this);
+      this.update = () => (h || (h = !0, this.updated = (this.updated || this.mounted).then(() => {
+        try {
+          const D = c.load(this._render), w = c.cleanEffects();
+          return D && //@ts-ignore
+          D.render(this, this.symbolId, m), h = !1, y && !c.isSuspense() && (y = !1, !m && De(this)), w();
+        } finally {
+          h = !1;
+        }
+      }).then(
+        /**
+         * @param {import("internal/hooks.js").CleanUseEffects} [cleanUseEffect]
+         */
+        (D) => {
+          D && D();
+        }
+      )), this.updated), this.update();
+    }
+    connectedCallback() {
+      this.mount(), super.connectedCallback && super.connectedCallback();
+    }
+    disconnectedCallback() {
+      super.disconnectedCallback && super.disconnectedCallback(), this.unmount();
+    }
+    /**
+     * @this {import("dom").AtomicoThisInternal}
+     * @param {string} attr
+     * @param {(string|null)} oldValue
+     * @param {(string|null)} value
+     */
+    attributeChangedCallback(u, d, c) {
+      if (n[u]) {
+        if (u === this._ignoreAttr || d === c)
+          return;
+        const { prop: h, type: y } = n[u];
+        try {
+          this[h] = me(y, c);
+        } catch {
+          throw new ae(
+            this,
+            `The value defined as attr '${u}' cannot be parsed by type '${y.name}'`,
+            c
+          );
+        }
+      } else
+        super.attributeChangedCallback(u, d, c);
+    }
+    static get props() {
+      return { ...super.props, ...i };
+    }
+    static get observedAttributes() {
+      const u = super.observedAttributes || [];
+      for (const d in i)
+        fe(this.prototype, d, i[d], n, s);
+      return Object.keys(n).concat(u);
+    }
+  }
+  return l;
+};
+function De(e) {
+  const { styles: t } = e.constructor, { shadowRoot: n } = e;
+  if (n && t.length) {
+    const s = [];
+    Rt(t, (o) => {
+      o && (o instanceof Element ? n.appendChild(o.cloneNode(!0)) : s.push(o));
+    }), s.length && (n.adoptedStyleSheets = s);
+  }
+}
+const It = (e) => (t, n) => {
+  A(
+    /**
+     * Clean the effect hook
+     * @type {import("internal/hooks.js").CollectorEffect}
+     */
+    ([s, o] = []) => ((o || !o) && (o && At(o, n) ? s = s || !0 : (S(s) && s(), s = null)), [s, n]),
+    /**
+     * @returns {any}
+     */
+    ([s, o], r) => r ? (S(s) && s(), []) : [s || t(), o],
+    e
+  );
+}, j = It(Nt), we = It(Pt);
+class xt extends Array {
+  /**
+   *
+   * @param {any} initialState
+   * @param {(nextState: any, state:any[], mount: boolean )=>void} mapState
+   */
+  constructor(t, n) {
+    let s = !0;
+    const o = (r) => {
+      try {
+        n(r, this, s);
+      } finally {
+        s = !1;
+      }
+    };
+    super(void 0, o, n), o(t);
+  }
+  /**
+   * The following code allows a mutable approach to useState
+   * and useProp this with the idea of allowing an alternative
+   * approach similar to Vue or Qwik of state management
+   * @todo pending review with the community
+   */
+  // get value() {
+  //     return this[0];
+  // }
+  // set value(nextState) {
+  //     this[2](nextState, this);
+  // }
+}
+const it = (e) => {
+  const t = Mt();
+  return A(
+    (n = new xt(e, (s, o, r) => {
+      s = S(s) ? s(o[0]) : s, s !== o[0] && (o[0] = s, r || t());
+    })) => n
+  );
+}, P = (e, t) => {
+  const [n] = A(([s, o, r = 0] = []) => ((!o || o && !At(o, t)) && (s = e()), [s, t, r]));
+  return n;
+}, Lt = (e) => {
+  const { current: t } = I();
+  if (!(e in t))
+    throw new kt(
+      t,
+      `For useProp("${e}"), the prop does not exist on the host.`,
+      e
+    );
+  return A(
+    (n = new xt(t[e], (s, o) => {
+      s = S(s) ? s(t[e]) : s, t[e] = s;
+    })) => (n[0] = t[e], n)
+  );
+}, N = (e, t = {}) => {
+  const n = I();
+  return n[e] || (n[e] = (s = t.detail) => Ut(n.current, {
+    type: e,
+    ...t,
+    detail: s
+  })), n[e];
+}, tt = R("atomico/options");
+globalThis[tt] = globalThis[tt] || {
+  sheet: !!document.adoptedStyleSheets
+};
+const Yt = globalThis[tt], Ee = {
+  checked: 1,
+  value: 1,
+  selected: 1
+}, Se = {
+  list: 1,
+  type: 1,
+  size: 1,
+  form: 1,
+  width: 1,
+  height: 1,
+  src: 1,
+  href: 1,
+  slot: 1
+}, Te = {
+  shadowDom: 1,
+  staticNode: 1,
+  cloneNode: 1,
+  children: 1,
+  key: 1
+}, L = {}, et = [];
+class nt extends Text {
+}
+const ve = R("atomico/id"), U = R("atomico/type"), J = R("atomico/ref"), _t = R("atomico/vnode"), $t = () => {
+};
+function Ce(e, t, n) {
+  return qt(this, e, t, n);
+}
+const jt = (e, t, ...n) => {
+  const s = t || L;
+  let { children: o } = s;
+  if (o = o ?? (n.length ? n : et), e === $t)
+    return o;
+  const r = e ? e instanceof Node ? 1 : (
+    //@ts-ignore
+    e.prototype instanceof HTMLElement && 2
+  ) : 0;
+  if (r === !1 && e instanceof Function)
+    return e(
+      o != et ? { children: o, ...s } : s
+    );
+  const i = Yt.render || Ce;
+  return {
+    [U]: _t,
+    type: e,
+    props: s,
+    children: o,
+    key: s.key,
+    // key for lists by keys
+    // define if the node declares its shadowDom
+    shadow: s.shadowDom,
+    // allows renderings to run only once
+    static: s.staticNode,
+    // defines whether the type is a childNode `1` or a constructor `2`
+    raw: r,
+    // defines whether to use the second parameter for document.createElement
+    is: s.is,
+    // clone the node if it comes from a reference
+    clone: s.cloneNode,
+    render: i
+  };
+};
+function qt(e, t, n = ve, s, o) {
+  let r;
+  if (t && t[n] && t[n].vnode == e || e[U] != _t)
+    return t;
+  (e || !t) && (o = o || e.type == "svg", r = e.type != "host" && (e.raw == 1 ? (t && e.clone ? t[J] : t) != e.type : e.raw == 2 ? !(t instanceof e.type) : t ? t[J] || t.localName != e.type : !t), r && e.type != null && (e.raw == 1 && e.clone ? (s = !0, t = e.type.cloneNode(!0), t[J] = 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[n] ? t[n] : L, { vnode: a = L, cycle: l = 0 } = i;
+  let { fragment: f, handlers: u } = i;
+  const { children: d = et, props: c = L } = a;
+  if (u = r ? {} : u || {}, e.static && !r)
+    return t;
+  if (e.shadow && !t.shadowRoot && // @ts-ignore
+  t.attachShadow({ mode: "open", ...e.shadow }), e.props != c && Me(t, c, e.props, u, o), e.children !== d) {
+    const h = e.shadow ? t.shadowRoot : t;
+    f = Pe(
+      e.children,
+      /**
+       * @todo for hydration use attribute and send childNodes
+       */
+      f,
+      h,
+      n,
+      // add support to foreignObject, children will escape from svg
+      !l && s,
+      o && e.type == "foreignObject" ? !1 : o
+    );
+  }
+  return t[n] = { vnode: e, handlers: u, fragment: f, cycle: l + 1 }, t;
+}
+function Ne(e, t) {
+  const n = new nt(""), s = new nt("");
+  let o;
+  if (e[t ? "prepend" : "append"](n), t) {
+    let { lastElementChild: r } = e;
+    for (; r; ) {
+      const { previousElementSibling: i } = r;
+      if (V(r, !0) && !V(i, !0)) {
+        o = r;
+        break;
+      }
+      r = i;
+    }
+  }
+  return o ? o.before(s) : e.append(s), {
+    markStart: n,
+    markEnd: s
+  };
+}
+function Pe(e, t, n, s, o, r) {
+  e = e == null ? null : ce(e) ? e : [e];
+  const i = t || Ne(n, o), { markStart: a, markEnd: l, keyes: f } = i;
+  let u;
+  const d = f && /* @__PURE__ */ new Set();
+  let c = a;
+  if (e && Rt(e, (h) => {
+    if (typeof h == "object" && !h[U])
+      return;
+    const y = h[U] && h.key, m = f && y != null && f.get(y);
+    c != l && c === m ? d.delete(c) : c = c == l ? l : c.nextSibling;
+    const D = f ? m : c;
+    let w = D;
+    if (h[U])
+      w = qt(h, D, s, o, r);
+    else {
+      const F = h + "";
+      !(w instanceof Text) || w instanceof nt ? w = new Text(F) : w.data != F && (w.data = F);
+    }
+    w != c && (f && d.delete(w), !D || f ? (n.insertBefore(w, c), f && c != l && d.add(c)) : D == l ? n.insertBefore(w, l) : (n.replaceChild(w, D), c = w)), y != null && (u = u || /* @__PURE__ */ new Map(), u.set(y, w));
+  }), c = c == l ? l : c.nextSibling, t && c != l)
+    for (; c != l; ) {
+      const h = c;
+      c = c.nextSibling, h.remove();
+    }
+  return d && d.forEach((h) => h.remove()), i.keyes = u, i;
+}
+function Me(e, t, n, s, o) {
+  for (const r in t)
+    !(r in n) && pt(e, r, t[r], null, o, s);
+  for (const r in n)
+    pt(e, r, t[r], n[r], o, s);
+}
+function pt(e, t, n, s, o, r) {
+  if (t = t == "class" && !o ? "className" : t, n = n ?? null, s = s ?? null, t in e && Ee[t] && (n = e[t]), !(s === n || Te[t] || t[0] == "_"))
+    if (t[0] == "o" && t[1] == "n" && (S(s) || S(n)))
+      Ae(e, t.slice(2), s, r);
+    else if (t == "ref")
+      s && (S(s) ? s(e) : s.current = e);
+    else if (t == "style") {
+      const { style: i } = e;
+      n = n || "", s = s || "";
+      const a = k(n), l = k(s);
+      if (a)
+        for (const f in n)
+          if (l)
+            !(f in s) && gt(i, f, null);
+          else
+            break;
+      if (l)
+        for (const f in s) {
+          const u = s[f];
+          a && n[f] === u || gt(i, f, u);
+        }
+      else
+        i.cssText = s;
+    } else {
+      const i = t[0] == "$" ? t.slice(1) : t;
+      i === t && (!o && !Se[t] && t in e || S(s) || S(n)) ? e[t] = s ?? "" : s == null ? e.removeAttribute(i) : e.setAttribute(
+        i,
+        k(s) ? JSON.stringify(s) : s
+      );
+    }
+}
+function Ae(e, t, n, s) {
+  if (s.handleEvent || (s.handleEvent = (o) => s[o.type].call(e, o)), n) {
+    if (!s[t]) {
+      const o = n.capture || n.once || n.passive ? Object.assign({}, n) : null;
+      e.addEventListener(t, s, o);
+    }
+    s[t] = n;
+  } else
+    s[t] && (e.removeEventListener(t, s), delete s[t]);
+}
+function gt(e, t, n) {
+  let s = "setProperty";
+  n == null && (s = "removeProperty", n = null), ~t.indexOf("-") ? e[s](t, n) : e[t] = n;
+}
+const Dt = {};
+function ct(e, ...t) {
+  const n = (e.raw || e).reduce(
+    (s, o, r) => s + o + (t[r] || ""),
+    ""
+  );
+  return Dt[n] = Dt[n] || Re(n);
+}
+function Re(e) {
+  if (Yt.sheet) {
+    const t = new CSSStyleSheet();
+    return t.replaceSync(e), t;
+  } else {
+    const t = document.createElement("style");
+    return t.textContent = e, t;
+  }
+}
+const Fe = jt("host", { style: "display: contents" }), X = R("atomico/context"), Oe = (e, t) => {
+  const n = I();
+  we(
+    () => Ft(
+      n.current,
+      "ConnectContext",
+      /**
+       * @param {CustomEvent<import("context").DetailConnectContext>} event
+       */
+      (s) => {
+        e === s.detail.id && (s.stopPropagation(), s.detail.connect(t));
+      }
+    ),
+    [e]
+  );
+}, ke = (e) => {
+  const t = N("ConnectContext", {
+    bubbles: !0,
+    composed: !0
+  }), n = () => {
+    let r;
+    return t({
+      id: e,
+      connect(i) {
+        r = i;
+      }
+    }), r;
+  }, [s, o] = it(
+    n
+  );
+  return j(() => {
+    s || (e[X] || (e[X] = customElements.whenDefined(
+      new e().localName
+    )), e[X].then(
+      () => o(n)
+    ));
+  }, [e]), s;
+}, Ue = (e) => {
+  const t = ke(e), n = Mt();
+  return j(() => {
+    if (t)
+      return Ft(t, "UpdatedValue", n);
+  }, [t]), (t || e).value;
+}, Ie = (e) => {
+  const t = $(
+    () => (Oe(t, I().current), Fe),
+    {
+      props: {
+        value: {
+          type: Object,
+          event: { type: "UpdatedValue" },
+          value: () => e
+        }
+      }
+    }
+  );
+  return t.value = e, t;
+}, p = (e, t, n) => (t == null ? t = { key: n } : t.key = n, jt(e, t)), _ = p, Bt = ct`*,*:before,*:after{box-sizing:border-box}`;
+function q() {
+  const e = new Date(Date.now());
+  return new b(e.getUTCFullYear(), e.getUTCMonth() + 1, e.getUTCDate());
+}
+function at(e, t = 0) {
+  const n = e.toDate(), s = n.getUTCDay(), o = (s < t ? 7 : 0) + s - t;
+  return n.setUTCDate(n.getUTCDate() - o), b.from(n);
+}
+function Ht(e, t = 0) {
+  const n = e.toDate(), s = n.getUTCDay(), o = (s < t ? -7 : 0) + 6 - (s - t);
+  return n.setUTCDate(n.getUTCDate() + o), b.from(n);
+}
+function ut(e) {
+  return b.from(new Date(Date.UTC(e.year, e.month, 0)));
+}
+function zt(e, t) {
+  return e < t ? -1 : e > t ? 1 : 0;
+}
+function B(e, t, n) {
+  return t && b.compare(e, t) < 0 ? t : n && b.compare(e, n) > 0 ? n : e;
+}
+function st(e, t, n) {
+  return B(e, t, n) === e;
+}
+function xe(e, t) {
+  const n = { days: 1 }, s = [e];
+  for (; !e.equals(t); )
+    e = e.add(n), s.push(e);
+  return s;
+}
+function Le(e, t) {
+  const n = [];
+  for (let s = 0; s < e.length; s += t)
+    n.push(e.slice(s, s + t));
+  return n;
+}
+function Ye(e, t = 0) {
+  const n = at(e.toPlainDate(), t), s = Ht(ut(e), t);
+  return Le(xe(n, s), 7);
+}
+function _e(e, t, n) {
+  const s = [], o = { weekday: e }, r = at(q(), t).toDate(), i = new Intl.DateTimeFormat(n, o);
+  for (let a = 0; a < 7; a++)
+    s[a] = i.format(r), r.setDate(r.getDate() + 1);
+  return s;
+}
+function wt(e) {
+  return (e.months ?? 0) + (e.years ?? 0) * 12;
+}
+function Et(e, t) {
+  const n = e.toDate();
+  return n.setUTCMonth(n.getUTCMonth() + t), new T(n.getUTCFullYear(), n.getUTCMonth() + 1);
+}
+class T {
+  constructor(t, n) {
+    this.year = t, this.month = n;
+  }
+  add(t) {
+    return Et(this, wt(t));
+  }
+  subtract(t) {
+    return Et(this, -wt(t));
+  }
+  toDate() {
+    return new Date(Date.UTC(this.year, this.month - 1, 1));
+  }
+  equals(t) {
+    return this.year === t.year && this.month === t.month;
+  }
+  toPlainDate() {
+    return new b(this.year, this.month, 1);
+  }
+  static compare(t, n) {
+    const s = t instanceof b ? t.toPlainYearMonth() : t, o = n instanceof b ? n.toPlainYearMonth() : n;
+    return zt(s.toDate(), o.toDate());
+  }
+}
+const $e = /^(\d{4})-(0[1-9]|1[0-2])-(0[1-9]|[12][0-9]|3[0-1])$/, Kt = "years", Wt = "months", Jt = "days";
+function je(e) {
+  if (Kt in e)
+    return { years: -e.years };
+  if (Wt in e)
+    return { months: -e.months };
+  if (Jt in e)
+    return { days: -e.days };
+  throw new TypeError();
+}
+function qe(e, t) {
+  return b.from(new Date(Date.UTC(e.year, e.month - 1, t)));
+}
+function Be(e, t) {
+  const n = new b(t, e.month, 1), s = ut(n), o = e.toDate();
+  return o.setUTCFullYear(t), B(b.from(o), n, s);
+}
+function He(e, t) {
+  const n = new b(e.year, t, 1), s = ut(n), o = e.toDate();
+  return o.setUTCMonth(t - 1), B(b.from(o), n, s);
+}
+function St(e, t) {
+  return Jt in t ? qe(e, e.day + t.days) : Wt in t ? He(e, e.month + t.months) : Kt in t ? Be(e, e.year + t.years) : e;
+}
+const Z = (e, t) => e.toString().padStart(t, "0");
+class b {
+  constructor(t, n, s) {
+    this.year = t, this.month = n, this.day = s;
+  }
+  add(t) {
+    return St(this, t);
+  }
+  subtract(t) {
+    return St(this, je(t));
+  }
+  toString() {
+    const { month: t, year: n, day: s } = this;
+    return `${Z(n, 4)}-${Z(t, 2)}-${Z(s, 2)}`;
+  }
+  toDate() {
+    return new Date(Date.UTC(this.year, this.month - 1, this.day, 0, 0, 0));
+  }
+  toPlainYearMonth() {
+    return new T(this.year, this.month);
+  }
+  equals(t) {
+    return this.year === t.year && this.month === t.month && this.day === t.day;
+  }
+  static compare(t, n) {
+    return zt(t.toDate(), n.toDate());
+  }
+  static from(t) {
+    return typeof t == "string" ? b.fromString(t) : b.fromDate(t);
+  }
+  static fromString(t) {
+    const n = t.match($e);
+    if (!n)
+      throw new TypeError(t);
+    const [, s, o, r] = n;
+    return new b(
+      parseInt(s, 10),
+      parseInt(o, 10),
+      parseInt(r, 10)
+    );
+  }
+  static fromDate(t) {
+    return new b(
+      t.getUTCFullYear(),
+      t.getUTCMonth() + 1,
+      t.getUTCDate()
+    );
+  }
+}
+function ot(e, t) {
+  if (t)
+    try {
+      return e.from(t);
+    } catch {
+    }
+}
+function rt(e) {
+  const [t, n] = Lt(e);
+  return [P(() => ot(b, t), [t]), (r) => n(r.toString())];
+}
+function ze(e) {
+  if (e) {
+    const t = e.split("/"), n = ot(b, t[0]), s = ot(b, t[1]);
+    if (n && s)
+      return { start: n, end: s };
+  }
+  return { start: void 0, end: void 0 };
+}
+function Ke(e, t) {
+  return `${e || ""}/${t || ""}`;
+}
+function We(e) {
+  const [t, n] = Lt(e);
+  return [P(() => ze(t), [t]), (r, i) => n(Ke(r, i))];
+}
+function lt(e, { day: t, month: n, year: s } = {}) {
+  return P(
+    () => new Intl.DateTimeFormat(e, { day: t, month: n, year: s }),
+    [e, t, n, s]
+  );
+}
+function Tt(e, t, n) {
+  return P(
+    () => _e(e, t, n),
+    [e, t, n]
+  );
+}
+function Je(e) {
+  let t = "";
+  for (const n in e)
+    e[n] && (t += ` ${n}`);
+  return t;
+}
+const Xe = { month: "long", day: "numeric" }, G = { bubbles: !0 };
+function Ze({ props: e, context: t }) {
+  const { offset: n } = e, {
+    firstDayOfWeek: s,
+    isDateDisallowed: o,
+    dir: r,
+    min: i,
+    max: a,
+    dateWindow: l,
+    locale: f
+  } = t, u = q(), d = Tt("long", s, f), c = Tt("narrow", s, f), h = lt(f, Xe), { focusedDate: y } = l, m = P(
+    () => l.start.add({ months: n }),
+    [l, n]
+  ), D = P(
+    () => Ye(m, s),
+    [m, s]
+  ), w = N("focusday", G), F = N("selectday", G), Vt = N("hoverday", G);
+  function dt(g) {
+    w(B(g, i, a));
+  }
+  function te(g) {
+    const v = r === "ltr";
+    let E;
+    switch (g.key) {
+      case "ArrowRight":
+        E = y.add({ days: v ? 1 : -1 });
+        break;
+      case "ArrowLeft":
+        E = y.add({ days: v ? -1 : 1 });
+        break;
+      case "ArrowDown":
+        E = y.add({ days: 7 });
+        break;
+      case "ArrowUp":
+        E = y.add({ days: -7 });
+        break;
+      case "PageUp":
+        E = y.add(g.shiftKey ? { years: -1 } : { months: -1 });
+        break;
+      case "PageDown":
+        E = y.add(g.shiftKey ? { years: 1 } : { months: 1 });
+        break;
+      case "Home":
+        E = at(y, s);
+        break;
+      case "End":
+        E = Ht(y, s);
+        break;
+      default:
+        return;
+    }
+    dt(E), g.preventDefault();
+  }
+  function ee(g) {
+    const v = m.equals(g), E = g.equals(y), ht = g.equals(u), mt = g.toDate(), x = o?.(mt), yt = !st(g, i, a);
+    let O = !1, bt = !1, H = !1, z = !1;
+    if ("highlightedRange" in t) {
+      const { start: K, end: W } = t.highlightedRange;
+      bt = !0, H = K?.equals(g) ?? !1, z = W?.equals(g) ?? !1, O = K && W ? st(g, K, W) : !1;
+    } else
+      "value" in t && (O = t.value?.equals(g) ?? !1);
+    return {
+      part: Je({
+        button: !0,
+        day: !0,
+        selected: v && O,
+        today: ht,
+        disallowed: x,
+        outside: !v,
+        "range-start": H,
+        "range-end": z,
+        "range-inner": bt && O && !H && !z
+      }),
+      tabindex: v && E ? 0 : -1,
+      disabled: yt,
+      "aria-disabled": x ? "true" : void 0,
+      "aria-pressed": v && O,
+      "aria-current": ht ? "date" : void 0,
+      "aria-label": h.format(mt),
+      onkeydown: te,
+      onclick() {
+        x || F(g), dt(g);
+      },
+      onmouseover() {
+        !x && !yt && Vt(g);
+      }
+    };
+  }
+  return {
+    weeks: D,
+    yearMonth: m,
+    dayNamesLong: d,
+    dayNamesShort: c,
+    getDayProps: ee
+  };
+}
+class C {
+  constructor(t, n, s) {
+    this.start = t, this.duration = n, this.focusedDate = s, this.end = t.add({ months: n.months - 1 });
+  }
+  end;
+  contains(t) {
+    return T.compare(t, this.start) >= 0 && T.compare(t, this.end) <= 0;
+  }
+  adjust(t) {
+    const { start: n, duration: s } = this, o = T.compare(n, t) > 0;
+    let r = new C(n, s, t);
+    for (; !r.contains(t); )
+      r = new C(
+        o ? r.start.subtract(s) : r.start.add(s),
+        s,
+        t
+      );
+    return r;
+  }
+  next() {
+    return new C(
+      this.start.add(this.duration),
+      this.duration,
+      this.focusedDate.add(this.duration)
+    );
+  }
+  prev() {
+    return new C(
+      this.start.subtract(this.duration),
+      this.duration,
+      this.focusedDate.subtract(this.duration)
+    );
+  }
+}
+const vt = q(), ft = Ie({
+  firstDayOfWeek: 0,
+  highlightedRange: {},
+  isDateDisallowed: () => !1,
+  dir: "ltr",
+  locale: void 0,
+  dateWindow: new C(vt.toPlainYearMonth(), { months: 1 }, vt)
+});
+customElements.define("calendar-month-ctx", ft);
+const Ge = $(
+  (e) => {
+    const t = Ue(ft), n = re(), s = Ze({ props: e, context: t }), o = lt(t.locale, { month: "long" });
+    function r() {
+      n.current.querySelector("button[tabindex='0']")?.focus();
+    }
+    return /* @__PURE__ */ _("host", { shadowDom: !0, focus: r, children: [
+      /* @__PURE__ */ p("div", { id: "heading", part: "heading", children: o.format(s.yearMonth.toDate()) }),
+      /* @__PURE__ */ _("table", { ref: n, "aria-labelledby": "heading", part: "table", children: [
+        /* @__PURE__ */ p("thead", { children: /* @__PURE__ */ p("tr", { part: "tr head", children: s.dayNamesLong.map((i, a) => /* @__PURE__ */ p("th", { part: "th", scope: "col", children: /* @__PURE__ */ p("span", { "aria-label": i, children: s.dayNamesShort[a] }) })) }) }),
+        /* @__PURE__ */ p("tbody", { children: s.weeks.map((i, a) => /* @__PURE__ */ p("tr", { part: "tr week", children: i.map((l, f) => {
+          const u = s.yearMonth.equals(l), d = t.showOutsideDays || u;
+          return /* @__PURE__ */ p("td", { part: "td", children: d && /* @__PURE__ */ p("button", { ...s.getDayProps(l), children: l.day }) }, f);
+        }) }, a)) })
+      ] })
+    ] });
+  },
+  {
+    props: {
+      offset: {
+        type: Number,
+        value: 0
+      }
+    },
+    styles: [
+      Bt,
+      ct`:host{--color-accent: black;--color-text-on-accent: white;display:flex;flex-direction:column;gap:.25rem;text-align:center;inline-size:fit-content}table{border-collapse:collapse;border-spacing:0;table-layout:fixed;inline-size:max-content;font-size:.875rem}th{font-weight:700;block-size:2.25rem}td{padding-inline:0;padding-block:1px}button{color:inherit;background:transparent;border:0;cursor:pointer;font-variant-numeric:tabular-nums;block-size:2.25rem;inline-size:2.25rem}button:hover:where(:not(:disabled)){background:#0000000d}button:is([aria-pressed=true],:focus-visible){background:var(--color-accent);color:var(--color-text-on-accent)}button:focus-visible{outline:1px solid var(--color-text-on-accent);outline-offset:-2px}button:disabled,:host::part(outside),:host::part(disabled){cursor:default;opacity:.5}`
+    ]
+  }
+);
+customElements.define("calendar-month", Ge);
+function Xt(e) {
+  return /* @__PURE__ */ _($t, { children: [
+    /* @__PURE__ */ _("div", { class: "header", children: [
+      /* @__PURE__ */ p(
+        "button",
+        {
+          part: `button previous ${e.previous ? "" : "disabled"}`,
+          onclick: e.previous,
+          "aria-disabled": e.previous ? null : "true",
+          children: /* @__PURE__ */ p("slot", { name: "button-previous", children: "Previous" })
+        }
+      ),
+      /* @__PURE__ */ p("h2", { part: "heading", "aria-live": "polite", "aria-atomic": "true", children: e.formatter.formatRange(
+        e.dateWindow.start.toDate(),
+        e.dateWindow.end.toDate()
+      ) }),
+      /* @__PURE__ */ p(
+        "button",
+        {
+          part: `button next ${e.next ? "" : "disabled"}`,
+          onclick: e.next,
+          "aria-disabled": e.next ? null : "true",
+          children: /* @__PURE__ */ p("slot", { name: "button-next", children: "Next" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ p(
+      ft,
+      {
+        value: e,
+        onselectday: e.onSelect,
+        onfocusday: e.onFocus,
+        onhoverday: e.onHover,
+        children: /* @__PURE__ */ p("slot", {})
+      }
+    )
+  ] });
+}
+const Zt = {
+  value: {
+    type: String,
+    value: ""
+  },
+  min: {
+    type: String,
+    value: ""
+  },
+  max: {
+    type: String,
+    value: ""
+  },
+  dir: {
+    type: String,
+    value: () => "ltr"
+  },
+  isDateDisallowed: {
+    type: Function,
+    value: (e) => !1
+  },
+  firstDayOfWeek: {
+    type: Number,
+    value: () => 0
+  },
+  showOutsideDays: {
+    type: Boolean,
+    value: () => !1
+  },
+  locale: {
+    type: String,
+    value: () => {
+    }
+  },
+  months: {
+    type: Number,
+    value: 1
+  }
+}, Gt = [
+  Bt,
+  ct`:host{display:flex;flex-direction:column;gap:1em}.header{display:flex;align-items:center;justify-content:space-between}h2{margin:0;font-size:1.25em;text-align:center}button{cursor:pointer;user-select:none;display:flex;align-items:center;justify-content:center}button[aria-disabled]{cursor:default;opacity:.4}`
+];
+function Qt({ months: e, locale: t }) {
+  const [n] = rt("min"), [s] = rt("max"), o = N("focusday"), r = q(), i = r.toPlainYearMonth(), [a, l] = it(
+    new C(
+      e === 12 ? new T(i.year, 1) : i,
+      { months: e },
+      r
+    )
+  );
+  function f() {
+    const m = a.next();
+    l(m), o(m.focusedDate.toString());
+  }
+  function u() {
+    const m = a.prev();
+    l(m), o(m.focusedDate.toString());
+  }
+  const d = I(), c = lt(t, { year: "numeric" }), h = s == null || T.compare(s, a.end) > 0, y = n == null || T.compare(n, a.start) < 0;
+  return {
+    formatter: c,
+    dateWindow: a,
+    setFocusedDate(m) {
+      l(a.adjust(m));
+    },
+    min: n,
+    max: s,
+    next: h ? f : void 0,
+    previous: y ? u : void 0,
+    focus() {
+      d.current.querySelectorAll("calendar-month").forEach((m) => m.focus());
+    }
+  };
+}
+const Qe = $(
+  (e) => {
+    const [t, n] = rt("value"), s = N("change"), o = Qt(e);
+    j(() => {
+      t && o.setFocusedDate(t);
+    }, [t]);
+    async function r(a) {
+      o.setFocusedDate(a.detail), setTimeout(() => o.focus());
+    }
+    function i(a) {
+      n(a.detail), s();
+    }
+    return /* @__PURE__ */ p("host", { shadowDom: !0, focus: o.focus, children: /* @__PURE__ */ p(
+      Xt,
+      {
+        ...e,
+        ...o,
+        value: t,
+        onFocus: r,
+        onSelect: i
+      }
+    ) });
+  },
+  { props: Zt, styles: Gt }
+);
+customElements.define("calendar-date", Qe);
+const Ve = $(
+  (e) => {
+    const [t, n] = We("value"), s = N("change"), o = Qt(e), [r, i] = it(), a = P(() => {
+      if (r)
+        return [r.first, r.second].sort(b.compare);
+    }, [r]);
+    j(() => {
+      t.end && !st(o.dateWindow.focusedDate, t.start, t.end) && o.setFocusedDate(t.end);
+    }, [t]);
+    async function l(c) {
+      o.setFocusedDate(c.detail), f(c), setTimeout(() => o.focus());
+    }
+    function f(c) {
+      i((h) => h && { ...h, second: c.detail });
+    }
+    function u(c) {
+      a ? (n(a[0], a[1]), i(void 0), s()) : i({ first: c.detail, second: c.detail });
+    }
+    const d = a ? { start: a[0], end: a[1] } : t;
+    return /* @__PURE__ */ p("host", { shadowDom: !0, focus: o.focus, children: /* @__PURE__ */ p(
+      Xt,
+      {
+        ...e,
+        ...o,
+        highlightedRange: d,
+        onFocus: l,
+        onHover: f,
+        onSelect: u
+      }
+    ) });
+  },
+  { props: Zt, styles: Gt }
+);
+customElements.define("calendar-range", Ve);
+export {
+  Qe as CalendarDate,
+  Ge as CalendarMonth,
+  Ve as CalendarRange
+};

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "cally",
+  "version": "0.2.0",
+  "description": "small, feature-rich calendar components",
+  "module": "dist/cally.js",
+  "type": "module",
+  "license": "MIT",
+  "files": [
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/WickyNilliams/cally"
+  },
+  "scripts": {
+    "start": "vite",
+    "build": "vite build && npm run astro:build",
+    "test": "wtr",
+    "astro:dev": "astro dev --root ./docs",
+    "preastro:build": "rm -rf ./docs/dist",
+    "astro:build": "astro check --root ./docs && astro build --root ./docs",
+    "astro:preview": "astro preview --root ./docs",
+    "preversion": "npm test",
+    "version": "npm run build",
+    "postversion": "git push origin main --tags && npm publish"
+  },
+  "devDependencies": {
+    "@astrojs/check": "^0.5.9",
+    "@atomico/tsconfig": "^1.1.2",
+    "@atomico/vite": "^2.17.8",
+    "@open-wc/testing": "^4.0.0",
+    "@types/mocha": "^10.0.6",
+    "@web/dev-server-esbuild": "^1.0.2",
+    "@web/test-runner": "^0.18.0",
+    "@web/test-runner-commands": "^0.9.0",
+    "@web/test-runner-playwright": "^0.11.0",
+    "@web/test-runner-visual-regression": "^0.9.0",
+    "astro": "^4.5.3",
+    "atomico": "^1.76.1",
+    "prettier": "^3.2.5",
+    "typescript": "^5.3.3",
+    "vite": "^5.1.4"
+  }
+}