@sanidesk/site-kit 0.1.0

package/dist/index.js

@@ -0,0 +1,1083 @@
+import { ref as S, onMounted as Z, defineComponent as C, renderSlot as N, unref as u, computed as g, useId as Te, openBlock as E, createElementBlock as T, normalizeStyle as X, toDisplayString as K, createCommentVNode as J, createElementVNode as I, reactive as ve, watch as Q, Fragment as L, renderList as U, normalizeClass as Be } from "vue";
+const Ae = () => (/* @__PURE__ */ new Date()).getDay();
+function Ie(e, a) {
+  return !e.weekdays || e.weekdays.length === 0 ? !0 : e.weekdays.includes(a);
+}
+function Fe(e, a) {
+  const l = Ae(), r = [];
+  for (const i of e)
+    for (const d of i.items)
+      if (d.item_id && Ie(d, l) && (r.push(d), a != null && r.length >= a))
+        return r;
+  return r;
+}
+function je(e) {
+  const a = S([]), l = S([]), r = S(!0), i = S(null), d = S(`/order?slug=${encodeURIComponent(e.slug)}`), b = e.apiBase ?? "/api", o = e.fetcher ?? globalThis.fetch.bind(globalThis);
+  async function t() {
+    r.value = !0, i.value = null;
+    try {
+      const f = await o(`${b}/menu/public/${encodeURIComponent(e.slug)}`);
+      if (!f.ok) throw new Error(`Menu fetch failed (${f.status})`);
+      const _ = await f.json(), v = Array.isArray(_) ? _ : _.data ?? [];
+      l.value = v, a.value = Fe(v, e.limit);
+    } catch (f) {
+      i.value = f instanceof Error ? f : new Error(String(f)), l.value = [], a.value = [];
+    } finally {
+      r.value = !1;
+    }
+  }
+  return Z(() => {
+    t();
+  }), { items: a, menus: l, loading: r, error: i, orderHref: d, refresh: t };
+}
+const vt = /* @__PURE__ */ C({
+  __name: "MenuPreview",
+  props: {
+    slug: {},
+    apiBase: {},
+    limit: {}
+  },
+  setup(e) {
+    const a = e, { items: l, menus: r, loading: i, error: d, orderHref: b, refresh: o } = je({
+      slug: a.slug,
+      apiBase: a.apiBase,
+      limit: a.limit
+    });
+    return (t, f) => N(t.$slots, "default", {
+      items: u(l),
+      menus: u(r),
+      loading: u(i),
+      error: u(d),
+      orderHref: u(b),
+      refresh: u(o)
+    });
+  }
+});
+function De(e) {
+  const a = S([]), l = S(!0), r = S(null), i = e.apiBase ?? "/api", d = e.fetcher ?? globalThis.fetch.bind(globalThis);
+  async function b() {
+    l.value = !0, r.value = null;
+    try {
+      const o = new URLSearchParams();
+      e.tag && o.set("tag", e.tag), e.limit != null && o.set("limit", String(e.limit));
+      const t = o.toString(), f = `${i}/public/tenants/${encodeURIComponent(e.slug)}/items${t ? "?" + t : ""}`, _ = await d(f);
+      if (!_.ok) throw new Error(`Items fetch failed (${_.status})`);
+      const v = await _.json();
+      a.value = Array.isArray(v) ? v : v.data ?? [];
+    } catch (o) {
+      r.value = o instanceof Error ? o : new Error(String(o)), a.value = [];
+    } finally {
+      l.value = !1;
+    }
+  }
+  return Z(() => {
+    b();
+  }), { items: a, loading: l, error: r, refresh: b };
+}
+const gt = /* @__PURE__ */ C({
+  __name: "FeaturedItems",
+  props: {
+    slug: {},
+    tag: {},
+    limit: {},
+    apiBase: {}
+  },
+  setup(e) {
+    const a = e, { items: l, loading: r, error: i, refresh: d } = De({
+      slug: a.slug,
+      tag: a.tag,
+      limit: a.limit,
+      apiBase: a.apiBase
+    });
+    return (b, o) => N(b.$slots, "default", {
+      items: u(l),
+      loading: u(r),
+      error: u(i),
+      refresh: u(d)
+    });
+  }
+}), bt = /* @__PURE__ */ C({
+  __name: "AddressBlock",
+  props: {
+    info: {}
+  },
+  setup(e) {
+    const a = e, l = g(() => {
+      var _, v, B;
+      const o = a.info;
+      if (!o) return [];
+      const t = ((_ = o.street) == null ? void 0 : _.trim()) ?? "", f = [(v = o.postal_code) == null ? void 0 : v.trim(), (B = o.city) == null ? void 0 : B.trim()].filter((m) => m && m.length > 0).join(" ");
+      return [t, f].filter((m) => m.length > 0);
+    }), r = g(() => {
+      const o = l.value;
+      return o.length ? o.join(", ") : null;
+    }), i = g(() => {
+      const o = r.value;
+      return o ? `https://maps.google.com/maps?q=${encodeURIComponent(o)}&output=embed` : null;
+    }), d = g(() => {
+      var t, f;
+      const o = ((f = (t = a.info) == null ? void 0 : t.phone) == null ? void 0 : f.replace(/\s+/g, "")) ?? null;
+      return o ? `tel:${o}` : null;
+    }), b = g(() => {
+      var t;
+      const o = ((t = a.info) == null ? void 0 : t.email) ?? null;
+      return o ? `mailto:${o}` : null;
+    });
+    return (o, t) => {
+      var f, _, v, B, m, w, c;
+      return N(o.$slots, "default", {
+        legalName: ((f = e.info) == null ? void 0 : f.legal_name) ?? null,
+        street: ((_ = e.info) == null ? void 0 : _.street) ?? null,
+        postalCode: ((v = e.info) == null ? void 0 : v.postal_code) ?? null,
+        city: ((B = e.info) == null ? void 0 : B.city) ?? null,
+        country: ((m = e.info) == null ? void 0 : m.country) ?? "CH",
+        fullAddress: r.value,
+        addressLines: l.value,
+        phone: ((w = e.info) == null ? void 0 : w.phone) ?? null,
+        email: ((c = e.info) == null ? void 0 : c.email) ?? null,
+        mapsUrl: i.value,
+        telHref: d.value,
+        mailHref: b.value
+      });
+    };
+  }
+}), wt = /* @__PURE__ */ C({
+  __name: "SocialLinks",
+  props: {
+    links: {},
+    platformOrder: {}
+  },
+  setup(e) {
+    const a = [
+      "instagram",
+      "facebook",
+      "whatsapp",
+      "tiktok",
+      "youtube",
+      "x",
+      "twitter",
+      "linkedin",
+      "website"
+    ], l = e, r = g(() => {
+      const i = l.links ?? {}, d = Object.entries(i).filter(([, t]) => typeof t == "string" && t.trim().length > 0);
+      if (d.length === 0) return [];
+      const b = l.platformOrder ?? a, o = new Map(b.map((t, f) => [t, f]));
+      return [...d].sort(([t], [f]) => {
+        const _ = o.get(t) ?? Number.MAX_SAFE_INTEGER, v = o.get(f) ?? Number.MAX_SAFE_INTEGER;
+        return _ - v;
+      }).map(([t, f]) => ({ platform: t, url: f }));
+    });
+    return (i, d) => N(i.$slots, "default", {
+      entries: r.value,
+      hasLinks: r.value.length > 0
+    });
+  }
+}), Oe = [
+  "monday",
+  "tuesday",
+  "wednesday",
+  "thursday",
+  "friday",
+  "saturday",
+  "sunday"
+], Ce = { enabled: !1, periods: [] };
+function Me(e) {
+  const a = S(null), l = S(!0), r = S(null), i = e.apiBase ?? "/api", d = e.fetcher ?? globalThis.fetch.bind(globalThis);
+  async function b() {
+    l.value = !0, r.value = null;
+    try {
+      const m = await d(`${i}/public/tenants/${encodeURIComponent(e.slug)}/hours`);
+      if (!m.ok) throw new Error(`Hours fetch failed (${m.status})`);
+      const w = await m.json();
+      a.value = "data" in w && w.data ? w.data : w;
+    } catch (m) {
+      r.value = m instanceof Error ? m : new Error(String(m)), a.value = null;
+    } finally {
+      l.value = !1;
+    }
+  }
+  const o = g(() => {
+    var w;
+    const m = ((w = a.value) == null ? void 0 : w.schedule) ?? {};
+    return Oe.map((c) => ({ key: c, schedule: m[c] ?? Ce }));
+  }), t = g(() => Pe(o.value)), f = g(() => {
+    var m;
+    return ((m = a.value) == null ? void 0 : m.upcoming_overrides) ?? [];
+  }), _ = g(() => {
+    var m;
+    return ((m = a.value) == null ? void 0 : m.is_open_now) ?? !1;
+  }), v = g(() => {
+    var m;
+    return ((m = a.value) == null ? void 0 : m.next_open_slot) ?? null;
+  }), B = g(() => {
+    var m;
+    return ((m = a.value) == null ? void 0 : m.timezone) ?? "Europe/Zurich";
+  });
+  return Z(() => {
+    b();
+  }), { week: o, weekCompact: t, upcomingOverrides: f, isOpenNow: _, nextOpenSlot: v, timezone: B, loading: l, error: r, refresh: b };
+}
+function he(e) {
+  return e.map((a) => `${a.open}-${a.close}`).join("|");
+}
+function ze(e, a) {
+  return e.enabled !== a.enabled ? !1 : e.enabled ? he(e.periods) === he(a.periods) : !0;
+}
+function Pe(e) {
+  const a = [];
+  let l = 0;
+  for (; l < e.length; ) {
+    const r = e[l];
+    let i = l;
+    for (; i + 1 < e.length && ze(e[i + 1].schedule, r.schedule); )
+      i++;
+    a.push({
+      startKey: r.key,
+      endKey: e[i].key,
+      days: i - l + 1,
+      schedule: r.schedule
+    }), l = i + 1;
+  }
+  return a;
+}
+const kt = /* @__PURE__ */ C({
+  __name: "HoursBlock",
+  props: {
+    slug: {},
+    apiBase: {}
+  },
+  setup(e) {
+    const a = e, {
+      week: l,
+      weekCompact: r,
+      upcomingOverrides: i,
+      isOpenNow: d,
+      nextOpenSlot: b,
+      timezone: o,
+      loading: t,
+      error: f,
+      refresh: _
+    } = Me({ slug: a.slug, apiBase: a.apiBase });
+    return (v, B) => N(v.$slots, "default", {
+      week: u(l),
+      weekCompact: u(r),
+      upcomingOverrides: u(i),
+      isOpenNow: u(d),
+      nextOpenSlot: u(b),
+      timezone: u(o),
+      loading: u(t),
+      error: u(f),
+      refresh: u(_)
+    });
+  }
+}), Re = ["href"], Le = { key: 0 }, Ue = ["fill"], Ne = ["fill"], _e = '"DM Sans", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif', xt = /* @__PURE__ */ C({
+  __name: "PoweredBy",
+  props: {
+    variant: { default: "wordmark" },
+    size: { default: "md" },
+    theme: { default: "light" },
+    label: { default: "powered by" },
+    hideLabel: { type: Boolean, default: !1 },
+    href: { default: "https://sanidesk.ch" }
+  },
+  setup(e) {
+    const a = e, l = {
+      sm: { icon: 14, text: "0.78rem", label: "0.62rem" },
+      md: { icon: 18, text: "0.95rem", label: "0.68rem" },
+      lg: { icon: 24, text: "1.2rem", label: "0.75rem" }
+    }, r = g(() => l[a.size]), i = g(() => a.theme === "dark" ? "#ffffff" : "#1a1a1a"), d = g(() => ({
+      display: "inline-flex",
+      alignItems: "center",
+      gap: "0.245rem",
+      fontFamily: _e,
+      fontSize: r.value.label,
+      letterSpacing: "0.02em",
+      textTransform: "lowercase",
+      textDecoration: "none",
+      opacity: "0.9",
+      transition: "opacity 0.2s ease",
+      color: i.value,
+      whiteSpace: "nowrap",
+      flexShrink: 0
+    })), b = {
+      display: "inline-flex",
+      alignItems: "center",
+      gap: "0.245rem"
+    }, o = g(() => ({
+      display: "block",
+      width: `${r.value.icon}px`,
+      height: `${r.value.icon}px`,
+      flexShrink: 0
+    })), t = g(() => ({
+      fontSize: r.value.text,
+      fontWeight: 700,
+      letterSpacing: "-0.01em",
+      textTransform: "none",
+      fontFamily: _e,
+      lineHeight: 1,
+      display: "inline-flex",
+      alignItems: "baseline"
+    })), f = g(() => ({
+      color: i.value
+    })), _ = {
+      background: "linear-gradient(90deg, #FF8C42 0%, #FF6B6B 50%, #D65D7A 100%)",
+      backgroundClip: "text",
+      WebkitBackgroundClip: "text",
+      color: "transparent",
+      WebkitTextFillColor: "transparent"
+    }, v = `sd-pb-grad-${Te()}`;
+    return (B, m) => (E(), T("a", {
+      style: X(d.value),
+      href: a.href,
+      target: "_blank",
+      rel: "noopener nofollow",
+      "aria-label": "Powered by SaniDesk",
+      onMouseenter: m[0] || (m[0] = (w) => w.currentTarget.style.opacity = "1"),
+      onMouseleave: m[1] || (m[1] = (w) => w.currentTarget.style.opacity = "0.9")
+    }, [
+      a.hideLabel ? J("", !0) : (E(), T("span", Le, K(a.label), 1)),
+      I("span", { style: b }, [
+        (E(), T("svg", {
+          style: X(o.value),
+          viewBox: "267.3 246 95.4 121.8",
+          "aria-hidden": "true",
+          focusable: "false"
+        }, [
+          I("defs", null, [
+            I("linearGradient", {
+              id: v,
+              gradientUnits: "userSpaceOnUse",
+              x1: "267.3",
+              y1: "306.9",
+              x2: "362.7",
+              y2: "306.9"
+            }, [...m[2] || (m[2] = [
+              I("stop", {
+                offset: "0%",
+                "stop-color": "#FF8C42"
+              }, null, -1),
+              I("stop", {
+                offset: "50%",
+                "stop-color": "#FF6B6B"
+              }, null, -1),
+              I("stop", {
+                offset: "100%",
+                "stop-color": "#D65D7A"
+              }, null, -1)
+            ])])
+          ]),
+          I("path", {
+            fill: `url(#${v})`,
+            d: "M282.1,311l1,1.5l1.1,1.5c7.1,9.4,17.9,15.1,29.7,15.6l1.8,0l0.8,0c5.5-0.6,8.7-6.3,6.3-11.3l-0.4-0.7l-0.5-0.6l-0.5-0.6l-0.6-0.6l-0.6-0.5l-0.7-0.4l-0.7-0.3c-2.3-1.1-4.7-0.4-7.3-1l-1.4-0.3l-1.4-0.4c-3.6-1.1-6.9-3-9.6-5.7l-1-1l-0.9-1.1l-0.9-1.1c-5.3-7.4-5.9-17.2-1.5-25.2l0.7-1.2l0.8-1.2l0.9-1.1l0.9-1.1l1-1c2.3-2.3,5.2-4.1,8.2-5.2l1.3-0.4l1.4-0.4l1.4-0.3l1.4-0.2l1.4-0.1l1.4,0l0.8-0.1l0.8-0.1l0.8-0.2l0.8-0.3l0.7-0.4l0.7-0.4l0.6-0.5c4.4-3.8,3.3-10.9-2-13.2l-0.8-0.3l-0.8-0.2l-0.8-0.1l-0.8,0l-1.8,0L312,251l-1.8,0.2c-27.5,4-42.4,33.9-29,58.3L282.1,311z"
+          }, null, 8, Ue),
+          I("path", {
+            fill: `url(#${v})`,
+            d: "M314.8,282.4l-0.8,0.1l-0.8,0.2c-4.6,1.4-6.9,6.7-4.7,11l0.4,0.7l0.4,0.7l0.5,0.6c1.3,1.4,3.1,2.3,4.9,2.4l0.8,0.1l1.4,0c3.2,0.1,6.6,1.1,9.4,2.5l1.3,0.7l1.2,0.8l1.1,0.8l1.1,0.9l1.1,0.9c6.2,6.1,8.7,14.9,6.4,23.3l-0.4,1.3l-0.5,1.3c-3.3,8-10.6,13.6-19.3,14.6l-1.4,0.1l-1.4,0l-0.8,0.1l-0.8,0.1l-0.8,0.2l-0.8,0.3c-4.8,2.1-6.3,8-3.1,12.1l0.5,0.6l0.6,0.6l0.6,0.5c2,1.4,3.9,1.5,6.3,1.4l1.8-0.1l1.8-0.2c4.3-0.6,8.2-1.8,12.1-3.8l1.6-0.8l1.6-0.9l1.5-1l1.5-1.1l1.4-1.1c8.5-7.1,13.6-17.4,14.1-28.5l0.1-1.8v-23.7c0.1-6.9-4.5-13.2-11.2-15.1l-1.1-0.3l-1.1-0.2l-1.1-0.1l-1.1,0h-23.6L314.8,282.4z"
+          }, null, 8, Ne)
+        ], 4)),
+        a.variant === "wordmark" ? (E(), T("span", {
+          key: 0,
+          style: X(t.value)
+        }, [
+          I("span", {
+            style: X(f.value)
+          }, "Sani", 4),
+          I("span", { style: _ }, "Desk")
+        ], 4)) : J("", !0)
+      ])
+    ], 44, Re));
+  }
+}), ee = {
+  name: "",
+  email: "",
+  phone: "",
+  subject: "",
+  message: "",
+  website: ""
+};
+function Ve(e) {
+  var w, c;
+  const a = e.apiBase ?? "/api", l = e.fetcher ?? globalThis.fetch.bind(globalThis), r = ((w = e.messages) == null ? void 0 : w.required) ?? "Required", i = ((c = e.messages) == null ? void 0 : c.invalidEmail) ?? "Invalid email address", d = ve({ ...ee }), b = S({}), o = S(!1), t = S(!1), f = S(null);
+  function _() {
+    const p = {};
+    return d.name.trim() || (p.name = r), d.email.trim() ? /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/.test(d.email.trim()) || (p.email = i) : p.email = r, d.message.trim() || (p.message = r), p;
+  }
+  const v = g(() => Object.keys(_()).length === 0);
+  function B() {
+    Object.assign(d, ee), b.value = {}, t.value = !1, f.value = null;
+  }
+  async function m() {
+    var s;
+    const p = _();
+    if (b.value = p, Object.keys(p).length > 0) return !1;
+    o.value = !0, f.value = null;
+    try {
+      const k = await l(
+        `${a}/public/tenants/${encodeURIComponent(e.slug)}/contact`,
+        {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            to: e.toEmail,
+            name: d.name.trim(),
+            email: d.email.trim(),
+            phone: d.phone.trim() || void 0,
+            subject: d.subject.trim() || void 0,
+            message: d.message.trim(),
+            website: d.website
+          })
+        }
+      );
+      if (!k.ok && k.status !== 204) {
+        const j = await k.json().catch(() => null);
+        throw new Error(((s = j == null ? void 0 : j.error) == null ? void 0 : s.message) ?? `Send failed (${k.status})`);
+      }
+      return t.value = !0, Object.assign(d, ee), !0;
+    } catch (k) {
+      return f.value = k instanceof Error ? k.message : String(k), !1;
+    } finally {
+      o.value = !1;
+    }
+  }
+  return { form: d, errors: b, submitting: o, submitted: t, serverError: f, isValid: v, submit: m, reset: B };
+}
+const St = /* @__PURE__ */ C({
+  __name: "ContactForm",
+  props: {
+    slug: {},
+    toEmail: {},
+    apiBase: {},
+    messages: {}
+  },
+  setup(e) {
+    const a = e, {
+      form: l,
+      errors: r,
+      submitting: i,
+      submitted: d,
+      serverError: b,
+      isValid: o,
+      submit: t,
+      reset: f
+    } = Ve({
+      slug: a.slug,
+      toEmail: a.toEmail,
+      apiBase: a.apiBase,
+      messages: a.messages
+    });
+    return (_, v) => N(_.$slots, "default", {
+      form: u(l),
+      errors: u(r),
+      submitting: u(i),
+      submitted: u(d),
+      serverError: u(b),
+      isValid: u(o),
+      submit: u(t),
+      reset: u(f)
+    });
+  }
+});
+function te() {
+  const e = /* @__PURE__ */ new Date();
+  return [
+    e.getFullYear(),
+    String(e.getMonth() + 1).padStart(2, "0"),
+    String(e.getDate()).padStart(2, "0")
+  ].join("-");
+}
+const ye = {
+  step: "when",
+  starts_at: "",
+  tableMode: "auto",
+  picked_table_id: "",
+  customer_first_name: "",
+  customer_last_name: "",
+  customer_phone: "",
+  customer_email: "",
+  occasion: "",
+  notes: "",
+  website: "",
+  newsletter_opt_in: !1
+};
+function He(e) {
+  var ne, le, re, ie, oe, ce, ue, de, fe, me;
+  const a = e.apiBase ?? "/api", l = e.fetcher ?? globalThis.fetch.bind(globalThis), r = ((ne = e.messages) == null ? void 0 : ne.requiredField) ?? "Required", i = ((le = e.messages) == null ? void 0 : le.invalidEmail) ?? "Invalid email address";
+  (re = e.messages) == null || re.phoneOrEmail;
+  const d = ((ie = e.messages) == null ? void 0 : ie.invalidPhone) ?? "Invalid phone number", b = ((oe = e.messages) == null ? void 0 : oe.pastDate) ?? "Booking cannot be in the past", o = ((ce = e.messages) == null ? void 0 : ce.pickTable) ?? "Please pick a table or switch to auto-select", t = ve({
+    ...ye,
+    date: e.initialDate ?? te(),
+    party_size: e.initialPartySize ?? 2,
+    customer_first_name: ((ue = e.initialContact) == null ? void 0 : ue.first_name) ?? "",
+    customer_last_name: ((de = e.initialContact) == null ? void 0 : de.last_name) ?? "",
+    customer_email: ((fe = e.initialContact) == null ? void 0 : fe.email) ?? "",
+    customer_phone: ((me = e.initialContact) == null ? void 0 : me.phone) ?? ""
+  }), f = S({}), _ = S(null), v = S(!1), B = S(!1), m = S(null), w = S([]), c = S([]), p = S(null), s = S(null), k = S(null);
+  function j(n) {
+    const y = new Date(Date.now() + n * 24 * 3600 * 1e3);
+    return [
+      y.getFullYear(),
+      String(y.getMonth() + 1).padStart(2, "0"),
+      String(y.getDate()).padStart(2, "0")
+    ].join("-");
+  }
+  const M = g(() => te()), W = g(() => {
+    var y;
+    const n = ((y = k.value) == null ? void 0 : y.max_advance_days) ?? 120;
+    return j(n);
+  }), V = g(() => {
+    var y;
+    const n = ((y = k.value) == null ? void 0 : y.max_party_size) ?? 0;
+    return n > 0 && t.party_size > n;
+  }), R = g(() => {
+    var x;
+    const n = ((x = p.value) == null ? void 0 : x.floor_plans) ?? [];
+    if (n.length === 0) return null;
+    const y = s.value;
+    return n.find(($) => $.id === y) ?? n[0] ?? null;
+  }), H = g(() => {
+    var x;
+    const n = R.value, y = ((x = p.value) == null ? void 0 : x.tables) ?? [];
+    return n ? y.filter(
+      ($) => $.floor_plan_id == null || $.floor_plan_id === n.id
+    ) : y;
+  }), h = g(() => {
+    if (!t.starts_at) return [];
+    const n = w.value.find((y) => y.starts_at === t.starts_at);
+    return (n == null ? void 0 : n.fitting_table_ids) ?? [];
+  }), F = g(() => w.value.length > 0);
+  function z(n) {
+    var x;
+    (((x = p.value) == null ? void 0 : x.floor_plans) ?? []).some(($) => $.id === n) && s.value !== n && (s.value = n, t.picked_table_id && (H.value.some(
+      (O) => O.id === t.picked_table_id
+    ) || (t.picked_table_id = "")));
+  }
+  function A(n) {
+    return `${a}/public/reservations/${encodeURIComponent(e.slug)}${n}`;
+  }
+  async function q() {
+    if (!(!t.date || !t.party_size)) {
+      v.value = !0, _.value = null;
+      try {
+        const n = await l(
+          A(`/availability?date=${encodeURIComponent(t.date)}&party=${t.party_size}`)
+        );
+        if (!n.ok) throw new Error(`Slot fetch failed (${n.status})`);
+        const y = await n.json();
+        w.value = y.data, t.starts_at && !w.value.some((x) => x.starts_at === t.starts_at) && (t.starts_at = "");
+      } catch (n) {
+        _.value = n instanceof Error ? n.message : String(n);
+      } finally {
+        v.value = !1;
+      }
+    }
+  }
+  async function D() {
+    if (!(!t.starts_at || !t.party_size))
+      try {
+        const n = await l(
+          A(`/alternatives?starts_at=${encodeURIComponent(t.starts_at)}&party=${t.party_size}`)
+        );
+        if (!n.ok) throw new Error(`Alternatives fetch failed (${n.status})`);
+        const y = await n.json();
+        c.value = y.data;
+      } catch {
+        c.value = [];
+      }
+  }
+  async function Y() {
+    try {
+      const n = await l(A("/spec"));
+      if (!n.ok) return;
+      const y = await n.json();
+      k.value = y.data;
+    } catch {
+    }
+  }
+  async function ge() {
+    try {
+      const n = await l(A("/floorplan"));
+      if (!n.ok) throw new Error(`Floorplan fetch failed (${n.status})`);
+      const y = await n.json();
+      p.value = y.data;
+      const x = y.data.floor_plans ?? [], $ = x.find((O) => O.is_default) ?? x[0];
+      s.value = ($ == null ? void 0 : $.id) ?? null;
+    } catch {
+      p.value = null, s.value = null;
+    }
+  }
+  function be() {
+    var y;
+    const n = {};
+    if (t.date || (n.date = r), t.starts_at || (n.starts_at = r), (!t.party_size || t.party_size < 1) && (n.party_size = r), t.starts_at) {
+      const x = new Date(t.starts_at).getTime();
+      if (x < Date.now() - 6e4)
+        n.starts_at = b;
+      else if ((y = k.value) != null && y.lead_time_minutes) {
+        const $ = Date.now() + k.value.lead_time_minutes * 6e4;
+        x < $ && (n.starts_at = b);
+      }
+    }
+    return n;
+  }
+  function we() {
+    const n = {};
+    return t.tableMode === "pick" && !t.picked_table_id && (n.picked_table_id = o), n;
+  }
+  function ke() {
+    var pe;
+    const n = {}, y = t.customer_first_name.trim(), x = t.customer_last_name.trim(), $ = t.customer_phone.trim(), O = t.customer_email.trim(), P = new Set(((pe = k.value) == null ? void 0 : pe.required_fields) ?? ["first_name", "phone"]);
+    return P.has("first_name") && !y && (n.customer_first_name = r), P.has("last_name") && !x && (n.customer_last_name = r), P.has("phone") ? $ ? se($) || (n.customer_phone = d) : n.customer_phone = r : $ && !se($) && (n.customer_phone = d), P.has("email") && !O ? n.customer_email = r : O && !/^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/.test(O) && (n.customer_email = i), n;
+  }
+  function se(n) {
+    if (!/^[+\d\s\-()]+$/.test(n)) return !1;
+    const y = n.replace(/[^\d]/g, "");
+    return y.length >= 7 && y.length <= 15;
+  }
+  function xe(n) {
+    t.step = n;
+  }
+  async function Se() {
+    if (t.step === "when") {
+      const n = be();
+      return f.value = n, Object.keys(n).length > 0 ? !1 : (t.step = "table", !0);
+    }
+    if (t.step === "table") {
+      const n = we();
+      return f.value = n, Object.keys(n).length > 0 ? !1 : (t.step = "contact", !0);
+    }
+    return t.step === "contact" ? ae() : !1;
+  }
+  function $e() {
+    t.step === "table" ? t.step = "when" : t.step === "contact" && (t.step = "table");
+  }
+  async function ae() {
+    var y;
+    const n = ke();
+    if (f.value = n, Object.keys(n).length > 0) return !1;
+    B.value = !0, _.value = null;
+    try {
+      const x = [];
+      t.tableMode === "pick" && t.picked_table_id && x.push(t.picked_table_id);
+      const $ = await l(A(""), {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          starts_at: t.starts_at,
+          party_size: t.party_size,
+          table_ids: x.length > 0 ? x : void 0,
+          customer_first_name: t.customer_first_name.trim() || void 0,
+          customer_last_name: t.customer_last_name.trim() || void 0,
+          customer_phone: t.customer_phone.trim() || void 0,
+          customer_email: t.customer_email.trim() || void 0,
+          notes: t.notes.trim() || void 0,
+          occasion: t.occasion.trim() || void 0,
+          customer_locale: e.customerLocale ?? (typeof navigator < "u" ? navigator.language : void 0),
+          newsletter_opt_in: t.newsletter_opt_in,
+          // Honeypot — server reads `company_url` per R2 contract.
+          company_url: t.website
+        })
+      });
+      if (!$.ok) {
+        const P = await $.json().catch(() => null);
+        throw new Error(((y = P == null ? void 0 : P.error) == null ? void 0 : y.message) ?? `Submit failed (${$.status})`);
+      }
+      const O = await $.json();
+      return m.value = O.data, t.step = O.data.status === "confirmed" ? "confirmed" : "pending", !0;
+    } catch (x) {
+      return _.value = x instanceof Error ? x.message : String(x), !1;
+    } finally {
+      B.value = !1;
+    }
+  }
+  function Ee() {
+    Object.assign(t, ye, {
+      date: e.initialDate ?? te(),
+      party_size: e.initialPartySize ?? 2
+    }), f.value = {}, _.value = null, m.value = null, w.value = [], c.value = [];
+  }
+  return Y(), {
+    state: t,
+    errors: f,
+    serverError: _,
+    loading: v,
+    submitting: B,
+    result: m,
+    slots: w,
+    alternatives: c,
+    floorplan: p,
+    activeFloorPlanId: s,
+    activeFloorPlan: R,
+    activeTables: H,
+    fittingTableIds: h,
+    hasAnyAvailability: F,
+    spec: k,
+    minDate: M,
+    maxDate: W,
+    isPartyOversized: V,
+    loadSlots: q,
+    loadAlternatives: D,
+    loadFloorplan: ge,
+    setActiveFloorPlan: z,
+    goToStep: xe,
+    next: Se,
+    back: $e,
+    submit: ae,
+    reset: Ee
+  };
+}
+const $t = /* @__PURE__ */ C({
+  __name: "ReservationForm",
+  props: {
+    slug: {},
+    apiBase: {},
+    initialPartySize: {},
+    initialDate: {},
+    initialContact: {},
+    customerLocale: {},
+    messages: {}
+  },
+  emits: ["submitted"],
+  setup(e, { emit: a }) {
+    const l = e, r = a, {
+      state: i,
+      errors: d,
+      serverError: b,
+      loading: o,
+      submitting: t,
+      result: f,
+      slots: _,
+      alternatives: v,
+      floorplan: B,
+      activeFloorPlanId: m,
+      activeFloorPlan: w,
+      activeTables: c,
+      fittingTableIds: p,
+      hasAnyAvailability: s,
+      spec: k,
+      minDate: j,
+      maxDate: M,
+      isPartyOversized: W,
+      loadSlots: V,
+      loadFloorplan: R,
+      setActiveFloorPlan: H,
+      goToStep: h,
+      next: F,
+      back: z,
+      submit: A,
+      reset: q
+    } = He({
+      slug: l.slug,
+      apiBase: l.apiBase,
+      initialPartySize: l.initialPartySize,
+      initialDate: l.initialDate,
+      initialContact: l.initialContact,
+      customerLocale: l.customerLocale,
+      messages: l.messages
+    });
+    return Q(f, (D, Y) => {
+      D && !Y && r("submitted", {
+        first_name: i.customer_first_name,
+        last_name: i.customer_last_name,
+        email: i.customer_email,
+        phone: i.customer_phone
+      });
+    }), Q(
+      () => [i.date, i.party_size],
+      () => {
+        V();
+      }
+    ), Q(
+      () => [i.step, i.tableMode],
+      ([D, Y]) => {
+        D === "table" && Y === "pick" && !B.value && R();
+      }
+    ), Z(() => {
+      V();
+    }), (D, Y) => N(D.$slots, "default", {
+      state: u(i),
+      errors: u(d),
+      serverError: u(b),
+      loading: u(o),
+      submitting: u(t),
+      result: u(f),
+      slots: u(_),
+      alternatives: u(v),
+      floorplan: u(B),
+      activeFloorPlanId: u(m),
+      activeFloorPlan: u(w),
+      activeTables: u(c),
+      fittingTableIds: u(p),
+      hasAnyAvailability: u(s),
+      spec: u(k),
+      minDate: u(j),
+      maxDate: u(M),
+      isPartyOversized: u(W),
+      goToStep: u(h),
+      next: u(F),
+      back: u(z),
+      submit: u(A),
+      reset: u(q),
+      loadFloorplan: u(R),
+      setActiveFloorPlan: u(H)
+    });
+  }
+}), qe = ["viewBox"], Ye = { class: "pf-zones" }, We = ["x", "y", "width", "height"], Ke = ["x", "y"], Xe = { class: "pf-walls" }, Ge = ["x1", "y1", "x2", "y2", "stroke-width"], Je = { class: "pf-fixtures" }, Ze = ["transform"], Qe = ["x", "y", "width", "height"], et = ["x", "y"], tt = { class: "pf-labels" }, st = ["x", "y", "font-size"], at = { class: "pf-tables" }, nt = ["transform", "onClick"], lt = ["x", "y", "width", "height"], rt = ["rx", "ry"], it = ["r"], ot = ["cx", "cy"], ct = {
+  class: "pf-table-label",
+  "text-anchor": "middle",
+  y: "0",
+  "dominant-baseline": "central"
+}, G = 30, ut = 25, Et = /* @__PURE__ */ C({
+  __name: "PublicFloorplanViewer",
+  props: {
+    data: {},
+    tables: {},
+    pickedTableId: {},
+    fittingTableIds: {},
+    tappable: { type: Boolean, default: !0 }
+  },
+  emits: ["select"],
+  setup(e, { emit: a }) {
+    const l = e, r = a, i = g(() => {
+      const c = l.data;
+      return !c || typeof c != "object" || typeof c.width != "number" || typeof c.height != "number" || !Array.isArray(c.objects) ? null : c;
+    }), d = g(() => {
+      const c = i.value;
+      if (!c) return "0 0 100 100";
+      let p = 1 / 0, s = 1 / 0, k = -1 / 0, j = -1 / 0;
+      const M = (h, F, z, A) => {
+        h < p && (p = h), F < s && (s = F), z > k && (k = z), A > j && (j = A);
+      };
+      for (const h of c.objects)
+        if (h.type === "wall") {
+          const F = h.thickness ?? 4;
+          M(
+            Math.min(h.x1, h.x2) - F / 2,
+            Math.min(h.y1, h.y2) - F / 2,
+            Math.max(h.x1, h.x2) + F / 2,
+            Math.max(h.y1, h.y2) + F / 2
+          );
+        } else if (h.type === "fixture" || h.type === "zone")
+          M(h.x, h.y, h.x + (h.width ?? 0), h.y + (h.height ?? 0));
+        else if (h.type === "label") {
+          const F = h.fontSize ?? 14;
+          M(h.x, h.y - F, h.x + F * 2, h.y);
+        } else if (h.type === "table") {
+          const F = h.shape === "circle" ? h.radius ?? 50 : (h.width ?? 80) / 2, z = h.shape === "circle" ? h.radius ?? 50 : (h.height ?? 80) / 2;
+          let A = Math.hypot(F, z);
+          for (const q of h.seats ?? []) {
+            const D = Math.hypot(q.x, q.y) + ut;
+            D > A && (A = D);
+          }
+          M(h.x - A, h.y - A, h.x + A, h.y + A);
+        }
+      if (!isFinite(p))
+        return `0 0 ${c.width} ${c.height}`;
+      const W = p - G, V = s - G, R = k - p + G * 2, H = j - s + G * 2;
+      return `${W} ${V} ${R} ${H}`;
+    }), b = g(
+      () => {
+        var c;
+        return (((c = i.value) == null ? void 0 : c.objects) ?? []).filter((p) => p.type === "table");
+      }
+    ), o = g(
+      () => {
+        var c;
+        return (((c = i.value) == null ? void 0 : c.objects) ?? []).filter((p) => p.type === "wall");
+      }
+    ), t = g(
+      () => {
+        var c;
+        return (((c = i.value) == null ? void 0 : c.objects) ?? []).filter((p) => p.type === "fixture");
+      }
+    ), f = g(
+      () => {
+        var c;
+        return (((c = i.value) == null ? void 0 : c.objects) ?? []).filter((p) => p.type === "label");
+      }
+    ), _ = g(
+      () => {
+        var c;
+        return (((c = i.value) == null ? void 0 : c.objects) ?? []).filter((p) => p.type === "zone");
+      }
+    ), v = g(() => {
+      const c = /* @__PURE__ */ new Map();
+      for (const p of l.tables)
+        p.object_id && c.set(p.object_id, p);
+      return c;
+    });
+    function B(c) {
+      const p = v.value.get(c);
+      return p ? p.id === l.pickedTableId ? "selected" : l.fittingTableIds.includes(p.id) ? "available" : "unavailable" : "unavailable";
+    }
+    function m(c) {
+      if (!l.tappable) return;
+      const p = B(c);
+      if (p === "unavailable") return;
+      const s = v.value.get(c);
+      s && r("select", p === "selected" ? "" : s.id);
+    }
+    function w(c) {
+      return `pf-table pf-table--${B(c)}`;
+    }
+    return (c, p) => i.value ? (E(), T("svg", {
+      key: 0,
+      class: "pf-root",
+      viewBox: d.value,
+      preserveAspectRatio: "xMidYMid meet",
+      role: "img",
+      "aria-label": "Floorplan"
+    }, [
+      I("g", Ye, [
+        (E(!0), T(L, null, U(_.value, (s) => (E(), T("rect", {
+          key: s.id,
+          class: "pf-zone",
+          x: s.x,
+          y: s.y,
+          width: s.width,
+          height: s.height,
+          rx: "8"
+        }, null, 8, We))), 128)),
+        (E(!0), T(L, null, U(_.value, (s) => (E(), T("text", {
+          key: `${s.id}-label`,
+          class: "pf-zone-label",
+          x: s.x + 10,
+          y: s.y + 20
+        }, K(s.name), 9, Ke))), 128))
+      ]),
+      I("g", Xe, [
+        (E(!0), T(L, null, U(o.value, (s) => (E(), T("line", {
+          key: s.id,
+          class: "pf-wall",
+          x1: s.x1,
+          y1: s.y1,
+          x2: s.x2,
+          y2: s.y2,
+          "stroke-width": s.thickness,
+          "stroke-linecap": "round"
+        }, null, 8, Ge))), 128))
+      ]),
+      I("g", Je, [
+        (E(!0), T(L, null, U(t.value, (s) => (E(), T("g", {
+          key: s.id,
+          transform: s.rotation ? `rotate(${s.rotation} ${s.x + s.width / 2} ${s.y + s.height / 2})` : void 0
+        }, [
+          I("rect", {
+            class: "pf-fixture",
+            x: s.x,
+            y: s.y,
+            width: s.width,
+            height: s.height,
+            rx: "4"
+          }, null, 8, Qe),
+          s.label ? (E(), T("text", {
+            key: 0,
+            class: "pf-fixture-label",
+            x: s.x + s.width / 2,
+            y: s.y + s.height / 2 + 4,
+            "text-anchor": "middle"
+          }, K(s.label), 9, et)) : J("", !0)
+        ], 8, Ze))), 128))
+      ]),
+      I("g", tt, [
+        (E(!0), T(L, null, U(f.value, (s) => (E(), T("text", {
+          key: s.id,
+          class: "pf-label",
+          x: s.x,
+          y: s.y,
+          "font-size": s.fontSize
+        }, K(s.text), 9, st))), 128))
+      ]),
+      I("g", at, [
+        (E(!0), T(L, null, U(b.value, (s) => (E(), T("g", {
+          key: s.id,
+          class: Be(w(s.id)),
+          transform: `translate(${s.x}, ${s.y})${s.rotation ? ` rotate(${s.rotation})` : ""}`,
+          onClick: (k) => m(s.id)
+        }, [
+          s.shape === "rect" ? (E(), T("rect", {
+            key: 0,
+            class: "pf-table-shape",
+            x: -(s.width ?? 80) / 2,
+            y: -(s.height ?? 80) / 2,
+            width: s.width ?? 80,
+            height: s.height ?? 80,
+            rx: "6"
+          }, null, 8, lt)) : s.shape === "oval" ? (E(), T("ellipse", {
+            key: 1,
+            class: "pf-table-shape",
+            rx: (s.width ?? 80) / 2,
+            ry: (s.height ?? 80) / 2
+          }, null, 8, rt)) : (E(), T("circle", {
+            key: 2,
+            class: "pf-table-shape",
+            r: s.radius ?? 50
+          }, null, 8, it)),
+          (E(!0), T(L, null, U(s.seats ?? [], (k, j) => (E(), T("circle", {
+            key: `${s.id}-seat-${j}`,
+            class: "pf-seat",
+            cx: k.x,
+            cy: k.y,
+            r: "25"
+          }, null, 8, ot))), 128)),
+          I("text", ct, K(s.label), 1)
+        ], 10, nt))), 128))
+      ])
+    ], 8, qe)) : J("", !0);
+  }
+}), dt = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, ft = "https://cdn.sanidesk.ch", mt = /^[a-z][a-z0-9+.-]*:/i;
+function pt() {
+  let e = {};
+  try {
+    e = dt ?? {};
+  } catch {
+  }
+  const a = e.VITE_TEMPLATE_VERSIONS;
+  let l;
+  if (a)
+    try {
+      const r = JSON.parse(a);
+      r && typeof r == "object" && !Array.isArray(r) && (l = r);
+    } catch {
+    }
+  return {
+    local: e.VITE_TEMPLATE_LOCAL === "true",
+    versions: l,
+    cdnBase: e.VITE_CDN_BASE || void 0
+  };
+}
+function ht(e) {
+  return e.replace(/^\/+/, "");
+}
+function _t(e, a, l) {
+  var d;
+  if (typeof a != "string" || a.length === 0)
+    throw new Error("[site-kit] asset(): path must be a non-empty string");
+  if (mt.test(a)) return a;
+  const r = ht(a);
+  if (l.local) return `/assets/${r}`;
+  const i = (d = l.versions) == null ? void 0 : d[e];
+  return i ? `${l.cdnBase || ft}/templates/${e}/${i}/assets/${r}` : `/templates/${e}/assets/${r}`;
+}
+function Tt(e, a) {
+  if (!e || typeof e != "string")
+    throw new Error(`[site-kit] createAssetFn: slug must be a non-empty string (got ${typeof e})`);
+  const l = a ?? pt();
+  return (r) => _t(e, r, l);
+}
+export {
+  bt as AddressBlock,
+  St as ContactForm,
+  gt as FeaturedItems,
+  kt as HoursBlock,
+  vt as MenuPreview,
+  xt as PoweredBy,
+  Et as PublicFloorplanViewer,
+  $t as ReservationForm,
+  wt as SocialLinks,
+  Tt as createAssetFn,
+  Ve as useContactForm,
+  De as useFeaturedItems,
+  Me as useHoursBlock,
+  je as useMenuPreview,
+  He as useReservationForm
+};