@oneb/ui-vue 0.3.32 → 0.4.1

package/dist/errorsPage/index.js

@@ -1,6 +1,10 @@
-import { defineComponent as d, resolveComponent as i, openBlock as r, createElementBlock as o, createElementVNode as e, toDisplayString as s, createCommentVNode as a, createTextVNode as n, createVNode as p, withCtx as _ } from "vue";
-import { _ as m } from "../_plugin-vue_export-helper-dad06003.js";
-const E = {
+import { defineComponent as T, computed as b, resolveComponent as N, openBlock as n, createElementBlock as u, createElementVNode as t, toDisplayString as r, createCommentVNode as h, createTextVNode as C, createVNode as I, withCtx as q, useSlots as re, normalizeClass as G, renderSlot as z, createBlock as Q, ref as x, onMounted as ae, onUnmounted as ne, normalizeStyle as le, Fragment as ue, renderList as ie, createSlots as W, onBeforeUnmount as X, watch as ce, unref as de } from "vue";
+import { useOnebI18n as L } from "../i18n/index.js";
+import { _ as Y } from "../_plugin-vue_export-helper-dad06003.js";
+import { useRouter as me } from "vue-router";
+import { L as ve } from "../LogoOneb-ddb388a4.js";
+import { c as fe } from "../clipboard-733b79a1.js";
+const ge = {
   statusMessage: {
     type: String,
     required: !1
@@ -16,48 +20,559 @@ const E = {
   statusCode: {
     type: String,
     default: "403"
+  },
+  t: {
+    type: Function,
+    default: void 0
   }
-}, g = d({
+}, ye = T({
   name: "ErrorPage",
-  props: E
+  props: ge,
+  setup(e) {
+    const o = L();
+    return { t: b(() => e.t ?? o) };
+  }
 });
-const f = { class: "error-container" }, c = { class: "text-8xl text-secondary-content" }, y = { key: 0 }, b = {
+const pe = { class: "error-container" }, xe = { class: "text-8xl text-secondary-content" }, he = { key: 0 }, _e = {
   key: 1,
   class: "pt-5"
-}, k = { class: "request-info hidden" };
-function C(t, u, D, q, v, x) {
-  const l = i("router-link");
-  return r(), o("div", f, [
-    e("h1", c, s(t.statusCode), 1),
-    t.statusMessage ? (r(), o("p", y, s(t.statusMessage), 1)) : a("", !0),
-    u[4] || (u[4] = e("div", { class: "border-b border-secondary-stroke w-full pt-10" }, null, -1)),
-    t.statusText ? (r(), o("p", b, s(t.statusText), 1)) : a("", !0),
-    e("div", k, [
-      e("p", null, [
-        u[0] || (u[0] = e("strong", null, "Request ID:", -1)),
-        n(" " + s(t.requestId), 1)
+}, be = { class: "request-info hidden" };
+function ke(e, o, g, s, v, f) {
+  const i = N("router-link");
+  return n(), u("div", pe, [
+    t("h1", xe, r(e.statusCode), 1),
+    e.statusMessage ? (n(), u("p", he, r(e.statusMessage), 1)) : h("", !0),
+    o[3] || (o[3] = t("div", { class: "border-b border-secondary-stroke w-full pt-10" }, null, -1)),
+    e.statusText ? (n(), u("p", _e, r(e.statusText), 1)) : h("", !0),
+    t("div", be, [
+      t("p", null, [
+        o[0] || (o[0] = t("strong", null, "Request ID:", -1)),
+        C(" " + r(e.requestId), 1)
       ]),
-      u[1] || (u[1] = e("button", { class: "copy-btn" }, "Скопіювати", -1)),
-      u[2] || (u[2] = e("p", null, [
-        n(" Передайте цю інформацію розробнику або напишіть в "),
-        e("a", {
+      o[1] || (o[1] = t("button", { class: "copy-btn" }, "Скопіювати", -1)),
+      o[2] || (o[2] = t("p", null, [
+        C(" Передайте цю інформацію розробнику або напишіть в "),
+        t("a", {
           href: "https://t.me/telegram_bot",
           target: "_blank"
         }, "Telegram-бот")
       ], -1))
     ]),
-    p(l, {
+    I(i, {
       to: "/",
       class: "home-link"
     }, {
-      default: _(() => [...u[3] || (u[3] = [
-        n("Перейти на головну сторінку", -1)
-      ])]),
+      default: q(() => [
+        C(r(e.t("ui.errors.go_home")), 1)
+      ]),
       _: 1
     })
   ]);
 }
-const F = /* @__PURE__ */ m(g, [["render", C], ["__scopeId", "data-v-41b3a0e1"]]);
+const gt = /* @__PURE__ */ Y(ye, [["render", ke], ["__scopeId", "data-v-4ac01274"]]), we = { class: "flex items-center justify-center gap-2 sm:gap-4" }, Se = { class: "relative" }, $e = { class: "one-error-logo-bounce" }, Ce = ["src"], Ee = {
+  key: 0,
+  class: "absolute inset-0 animate-ping opacity-20",
+  "aria-hidden": "true"
+}, Te = ["src"], J = "text-[100px] sm:text-[160px] font-bold text-slate-200 leading-none select-none", Oe = /* @__PURE__ */ T({
+  __name: "OneErrorHero",
+  props: {
+    left: {
+      type: String,
+      required: !0
+    },
+    right: {
+      type: String,
+      required: !0
+    },
+    logoSrc: {
+      type: String,
+      default: void 0
+    }
+  },
+  setup(e) {
+    const o = re(), g = b(() => !!o.default);
+    return (s, v) => (n(), u("div", we, [
+      t("span", {
+        class: G(J)
+      }, r(e.left), 1),
+      t("div", Se, [
+        t("div", $e, [
+          z(s.$slots, "default", {}, () => [
+            e.logoSrc ? (n(), u("img", {
+              key: 0,
+              src: e.logoSrc,
+              class: "w-24 h-24 sm:w-36 sm:h-36",
+              alt: "Logo"
+            }, null, 8, Ce)) : (n(), Q(ve, {
+              key: 1,
+              class: "w-24 h-24 sm:w-36 sm:h-36"
+            }))
+          ], !0)
+        ]),
+        e.logoSrc && !g.value ? (n(), u("div", Ee, [
+          t("img", {
+            src: e.logoSrc,
+            class: "w-24 h-24 sm:w-36 sm:h-36",
+            alt: ""
+          }, null, 8, Te)
+        ])) : h("", !0)
+      ]),
+      t("span", {
+        class: G(J)
+      }, r(e.right), 1)
+    ]));
+  }
+});
+const Z = /* @__PURE__ */ Y(Oe, [["__scopeId", "data-v-957a8a83"]]), Ie = { class: "w-full" }, qe = { class: "flex items-center justify-between mb-4" }, ze = { class: "flex items-center gap-4" }, Le = { class: "text-sm text-slate-600" }, Fe = {
+  class: "text-emerald-700",
+  "data-test": "snake-score"
+}, je = {
+  key: 0,
+  class: "text-sm text-rose-600 font-medium",
+  "data-test": "snake-status"
+}, Re = {
+  key: 1,
+  class: "text-sm text-emerald-700",
+  "data-test": "snake-status"
+}, Me = {
+  key: 2,
+  class: "text-sm text-slate-500",
+  "data-test": "snake-status"
+}, Be = { class: "flex gap-2" }, Ge = { class: "bg-slate-50 border border-slate-200 rounded-2xl p-4 shadow-sm" }, Ne = ["data-snake"], De = {
+  key: 0,
+  class: "absolute inset-1 rounded-md border border-emerald-800/40"
+}, He = {
+  key: 1,
+  class: "absolute inset-2 rounded-sm bg-rose-600"
+}, Pe = { class: "text-xs text-slate-500 text-center mt-3" }, Ue = /* @__PURE__ */ T({
+  __name: "OneSnakeGame",
+  props: {
+    gridSize: {
+      type: Number,
+      default: 15
+    },
+    tickMs: {
+      type: Number,
+      default: 170
+    },
+    t: {
+      type: Function,
+      default: void 0
+    }
+  },
+  emits: ["score", "game-over"],
+  setup(e, { expose: o, emit: g }) {
+    const s = e, v = g, f = L(), i = b(() => s.t ?? f), m = x([]), y = x({ x: 1, y: 0 }), k = x({ x: 1, y: 0 }), p = x({ x: 0, y: 0 }), w = x(0), _ = x(!1), d = x(!1);
+    let E = null;
+    const te = b(
+      () => Array.from({ length: s.gridSize * s.gridSize }, (l, a) => ({
+        x: a % s.gridSize,
+        y: Math.floor(a / s.gridSize)
+      }))
+    ), R = (l) => {
+      var a, c;
+      return ((a = m.value[0]) == null ? void 0 : a.x) === l.x && ((c = m.value[0]) == null ? void 0 : c.y) === l.y;
+    }, D = (l) => m.value.some((a, c) => c !== 0 && a.x === l.x && a.y === l.y), M = (l) => p.value.x === l.x && p.value.y === l.y, H = (l) => {
+      const a = [];
+      for (let S = 0; S < s.gridSize; S += 1)
+        for (let $ = 0; $ < s.gridSize; $ += 1)
+          l.some((K) => K.x === $ && K.y === S) || a.push({ x: $, y: S });
+      if (a.length === 0)
+        return { x: 0, y: 0 };
+      const c = Math.floor(Math.random() * a.length);
+      return a[c];
+    }, F = () => {
+      E != null && (clearInterval(E), E = null), _.value = !1;
+    }, P = () => {
+      F(), d.value = !0, v("game-over", w.value);
+    }, O = () => {
+      F(), m.value = [
+        {
+          x: Math.floor(s.gridSize / 2),
+          y: Math.floor(s.gridSize / 2)
+        }
+      ], y.value = { x: 1, y: 0 }, k.value = { x: 1, y: 0 }, p.value = H(m.value), w.value = 0, d.value = !1;
+    }, se = (l) => {
+      y.value.x + l.x === 0 && y.value.y + l.y === 0 || (k.value = l);
+    }, oe = () => {
+      y.value = k.value;
+      const l = m.value[0], a = { x: l.x + y.value.x, y: l.y + y.value.y };
+      if (a.x < 0 || a.x >= s.gridSize || a.y < 0 || a.y >= s.gridSize) {
+        P();
+        return;
+      }
+      if (m.value.some(($) => $.x === a.x && $.y === a.y)) {
+        P();
+        return;
+      }
+      const S = [a, ...m.value];
+      a.x === p.value.x && a.y === p.value.y ? (w.value += 1, v("score", w.value), p.value = H(S)) : S.pop(), m.value = S;
+    }, U = () => {
+      E != null || d.value || (_.value = !0, E = setInterval(oe, s.tickMs));
+    }, A = () => {
+      if (d.value) {
+        O();
+        return;
+      }
+      _.value ? F() : U();
+    }, V = (l) => {
+      const a = l.key.toLowerCase(), c = {
+        arrowup: { x: 0, y: -1 },
+        w: { x: 0, y: -1 },
+        arrowdown: { x: 0, y: 1 },
+        s: { x: 0, y: 1 },
+        arrowleft: { x: -1, y: 0 },
+        a: { x: -1, y: 0 },
+        arrowright: { x: 1, y: 0 },
+        d: { x: 1, y: 0 }
+      };
+      c[a] ? (se(c[a]), !_.value && !d.value && U()) : a === " " ? (l.preventDefault(), d.value || A()) : a === "enter" && d.value && O();
+    };
+    return ae(() => {
+      O(), window.addEventListener("keydown", V);
+    }), ne(() => {
+      F(), window.removeEventListener("keydown", V);
+    }), o({ score: w, isRunning: _, isGameOver: d, resetGame: O }), (l, a) => (n(), u("div", Ie, [
+      t("div", qe, [
+        t("div", ze, [
+          t("span", Le, [
+            C(r(i.value("ui.errors.snake_score")) + ": ", 1),
+            t("strong", Fe, r(w.value), 1)
+          ]),
+          d.value ? (n(), u("span", je, r(i.value("ui.errors.snake_game_over")), 1)) : _.value ? (n(), u("span", Re, r(i.value("ui.errors.snake_running")), 1)) : (n(), u("span", Me, r(i.value("ui.errors.snake_paused")), 1))
+        ]),
+        t("div", Be, [
+          t("button", {
+            type: "button",
+            class: "px-3 py-1.5 rounded-lg text-sm text-white bg-emerald-600 hover:bg-emerald-700 transition",
+            "data-test": "snake-toggle",
+            onClick: A
+          }, r(d.value ? i.value("ui.errors.snake_restart") : _.value ? i.value("ui.errors.snake_pause") : i.value("ui.errors.snake_start")), 1),
+          t("button", {
+            type: "button",
+            class: "px-3 py-1.5 rounded-lg text-sm border border-slate-300 text-slate-700 hover:bg-slate-50 transition",
+            "data-test": "snake-reset",
+            onClick: O
+          }, r(i.value("ui.errors.snake_reset")), 1)
+        ])
+      ]),
+      t("div", Ge, [
+        t("div", {
+          class: "w-full mx-auto",
+          style: le({ display: "grid", gridTemplateColumns: `repeat(${e.gridSize}, minmax(0, 1fr))` })
+        }, [
+          (n(!0), u(ue, null, ie(te.value, (c) => (n(), u("div", {
+            key: `${c.x}-${c.y}`,
+            class: G(["relative aspect-square border border-slate-200/60", [
+              R(c) ? "bg-emerald-600 shadow-inner" : D(c) ? "bg-emerald-300" : M(c) ? "bg-rose-400" : "bg-white"
+            ]]),
+            "data-test": "snake-cell",
+            "data-snake": R(c) ? "head" : D(c) ? "body" : M(c) ? "food" : void 0
+          }, [
+            R(c) ? (n(), u("div", De)) : M(c) ? (n(), u("div", He)) : h("", !0)
+          ], 10, Ne))), 128))
+        ], 4)
+      ]),
+      t("p", Pe, r(i.value("ui.errors.snake_instructions")), 1)
+    ]));
+  }
+}), Ae = { class: "min-h-screen flex flex-col items-center justify-center bg-gray-100 p-4" }, Ve = { class: "text-center mb-8" }, Ke = { class: "text-xl text-gray-600 mt-2" }, Je = { class: "flex gap-4 mt-4" }, yt = /* @__PURE__ */ T({
+  __name: "OneNotFoundPage",
+  props: {
+    /** App logo shown between the digits; the #logo slot takes priority. */
+    logoSrc: {
+      type: String,
+      default: void 0
+    },
+    homeTo: {
+      type: [String, Object],
+      default: "/"
+    },
+    withGame: {
+      type: Boolean,
+      default: !0
+    },
+    t: {
+      type: Function,
+      default: void 0
+    }
+  },
+  setup(e) {
+    const o = e, g = L(), s = b(() => o.t ?? g), v = me(), f = x(!1), i = () => {
+      v ? v.back() : typeof window < "u" && window.history.back();
+    };
+    return (m, y) => {
+      const k = N("RouterLink");
+      return n(), u("div", Ae, [
+        t("div", Ve, [
+          I(Z, {
+            left: "4",
+            right: "4",
+            "logo-src": e.logoSrc
+          }, W({ _: 2 }, [
+            m.$slots.logo ? {
+              name: "default",
+              fn: q(() => [
+                z(m.$slots, "logo")
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["logo-src"]),
+          t("p", Ke, r(s.value("ui.errors.page_not_found")), 1)
+        ]),
+        e.withGame && !f.value ? (n(), u("button", {
+          key: 0,
+          type: "button",
+          class: "px-6 py-2.5 rounded-xl text-white bg-emerald-600 hover:bg-emerald-700 transition font-medium shadow-lg",
+          "data-test": "nf-play",
+          onClick: y[0] || (y[0] = (p) => f.value = !0)
+        }, r(s.value("ui.errors.play_snake")), 1)) : h("", !0),
+        f.value ? (n(), Q(Ue, {
+          key: 1,
+          class: "max-w-2xl",
+          t: s.value
+        }, null, 8, ["t"])) : h("", !0),
+        t("div", Je, [
+          I(k, {
+            to: e.homeTo,
+            class: "text-blue-600 hover:text-blue-700 underline text-sm",
+            "data-test": "nf-home"
+          }, {
+            default: q(() => [
+              C(r(s.value("ui.errors.go_home")), 1)
+            ]),
+            _: 1
+          }, 8, ["to"]),
+          t("button", {
+            type: "button",
+            class: "text-gray-600 hover:text-gray-700 underline text-sm",
+            "data-test": "nf-back",
+            onClick: i
+          }, r(s.value("ui.errors.go_back")), 1)
+        ])
+      ]);
+    };
+  }
+}), Qe = { class: "min-h-screen flex flex-col items-center justify-center bg-gray-100 p-4" }, We = { class: "text-center mb-8" }, Xe = { class: "text-xl text-gray-600 mt-2" }, Ye = { class: "text-sm text-gray-500 mt-2 max-w-md mx-auto" }, Ze = {
+  key: 0,
+  class: "mb-6 text-sm text-gray-600 text-center",
+  "data-test": "se-request"
+}, et = { class: "flex flex-col items-center gap-4" }, pt = /* @__PURE__ */ T({
+  __name: "OneServerErrorPage",
+  props: {
+    /** App logo shown between the digits; the #logo slot takes priority. */
+    logoSrc: {
+      type: String,
+      default: void 0
+    },
+    homeTo: {
+      type: [String, Object],
+      default: "/"
+    },
+    /** Backend request/trace id — shows the «Код запиту» block with a copy button. */
+    requestId: {
+      type: String,
+      default: void 0
+    },
+    t: {
+      type: Function,
+      default: void 0
+    }
+  },
+  setup(e) {
+    const o = e, g = L(), s = b(() => o.t ?? g), v = x(!1);
+    let f = null;
+    const i = async () => {
+      !o.requestId || !await fe(o.requestId) || (v.value = !0, f != null && clearTimeout(f), f = setTimeout(() => {
+        v.value = !1, f = null;
+      }, 2e3));
+    }, m = () => {
+      window.location.reload();
+    };
+    return X(() => {
+      f != null && clearTimeout(f);
+    }), (y, k) => {
+      const p = N("RouterLink");
+      return n(), u("div", Qe, [
+        t("div", We, [
+          I(Z, {
+            left: "5",
+            right: "0",
+            "logo-src": e.logoSrc
+          }, W({ _: 2 }, [
+            y.$slots.logo ? {
+              name: "default",
+              fn: q(() => [
+                z(y.$slots, "logo")
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["logo-src"]),
+          t("p", Xe, r(s.value("ui.errors.server_error")), 1),
+          t("p", Ye, r(s.value("ui.errors.server_error_hint")), 1)
+        ]),
+        e.requestId ? (n(), u("div", Ze, [
+          C(r(s.value("ui.errors.request_id")) + ": ", 1),
+          t("strong", null, r(e.requestId), 1),
+          t("button", {
+            type: "button",
+            class: "ml-2 text-blue-600 hover:text-blue-700 underline",
+            "data-test": "se-copy",
+            onClick: i
+          }, r(v.value ? s.value("ui.errors.copied") : s.value("ui.errors.copy")), 1)
+        ])) : h("", !0),
+        t("div", et, [
+          t("button", {
+            type: "button",
+            class: "px-6 py-3 rounded-xl text-white bg-emerald-600 hover:bg-emerald-700 transition text-lg font-medium shadow-lg",
+            "data-test": "se-reload",
+            onClick: m
+          }, r(s.value("ui.errors.reload_page")), 1),
+          z(y.$slots, "support"),
+          I(p, {
+            to: e.homeTo,
+            class: "text-blue-600 hover:text-blue-700 underline text-sm",
+            "data-test": "se-home"
+          }, {
+            default: q(() => [
+              C(r(s.value("ui.errors.go_home")), 1)
+            ]),
+            _: 1
+          }, 8, ["to"])
+        ])
+      ]);
+    };
+  }
+}), j = x(!1), B = x(null);
+function ee() {
+  return { show: j, error: B, trigger: (g) => {
+    j.value || (B.value = g, j.value = !0);
+  }, dismiss: () => {
+    j.value = !1, B.value = null;
+  } };
+}
+const tt = {
+  key: 0,
+  class: "fixed inset-0 z-[10000] flex items-center justify-center bg-[#f5f7fb] p-6",
+  role: "alert",
+  "aria-live": "assertive",
+  "data-test": "crash-screen"
+}, st = { class: "flex w-full max-w-[480px] flex-col items-center text-center" }, ot = {
+  key: 0,
+  class: "mb-6"
+}, rt = ["src"], at = { class: "mb-3 text-2xl font-semibold text-gray-900" }, nt = {
+  class: "mb-8 text-base text-gray-600",
+  "data-test": "crash-message"
+}, lt = {
+  key: 2,
+  "data-test": "crash-details",
+  class: "mt-6 text-xs text-gray-400"
+}, xt = /* @__PURE__ */ T({
+  __name: "OneCrashScreen",
+  props: {
+    /** App logo above the title; the #logo slot takes priority. */
+    logoSrc: {
+      type: String,
+      default: void 0
+    },
+    /** Account portal URL — the second button shows only when set. */
+    accountUrl: {
+      type: String,
+      default: void 0
+    },
+    autoReloadSeconds: {
+      type: Number,
+      default: 10
+    },
+    /**
+     * Disables auto-reload («Перезавантажте сторінку вручну») — e.g. when the
+     * app counted too many reload attempts (invoice MAX_AUTO_RELOAD_ATTEMPTS).
+     */
+    persistent: {
+      type: Boolean,
+      default: !1
+    },
+    /** Shows `err.name: err.message` under the buttons (debug builds). */
+    showDetails: {
+      type: Boolean,
+      default: !1
+    },
+    t: {
+      type: Function,
+      default: void 0
+    }
+  },
+  setup(e) {
+    const o = e, g = L(), s = b(() => o.t ?? g), { show: v, error: f } = ee(), i = x(o.autoReloadSeconds);
+    let m = null;
+    const y = b(() => {
+      const d = f.value;
+      return d instanceof Error ? `${d.name}: ${d.message}` : String(d ?? "Unknown error");
+    }), k = b(() => o.persistent ? s.value("ui.crash.persistent") : i.value > 0 ? s.value("ui.crash.countdown", { n: i.value }) : s.value("ui.crash.reloading")), p = () => {
+      m != null && (clearInterval(m), m = null);
+    }, w = () => {
+      p(), window.location.reload();
+    }, _ = () => {
+      o.accountUrl && (p(), window.location.href = o.accountUrl);
+    };
+    return ce(
+      v,
+      (d) => {
+        p(), d && (i.value = o.autoReloadSeconds, !o.persistent && (m = setInterval(() => {
+          i.value -= 1, i.value <= 0 && (p(), window.location.reload());
+        }, 1e3)));
+      },
+      { immediate: !0 }
+    ), X(() => {
+      p();
+    }), (d, E) => de(v) ? (n(), u("div", tt, [
+      t("div", st, [
+        e.logoSrc || d.$slots.logo ? (n(), u("div", ot, [
+          z(d.$slots, "logo", {}, () => [
+            t("img", {
+              src: e.logoSrc,
+              alt: "",
+              class: "h-20 w-20"
+            }, null, 8, rt)
+          ])
+        ])) : h("", !0),
+        t("h1", at, r(s.value("ui.crash.title")), 1),
+        t("p", nt, r(k.value), 1),
+        t("button", {
+          type: "button",
+          class: "mb-3 w-full rounded-lg bg-gradient-to-r from-[#E1A508] to-[#E04040] px-6 py-3 text-base font-medium text-white transition hover:opacity-90",
+          "data-test": "crash-reload",
+          onClick: w
+        }, r(s.value("ui.crash.reload_now")), 1),
+        e.accountUrl ? (n(), u("button", {
+          key: 1,
+          type: "button",
+          class: "w-full rounded-lg border border-gray-300 bg-white px-6 py-3 text-base font-medium text-gray-700 transition hover:bg-gray-50",
+          "data-test": "crash-account",
+          onClick: _
+        }, r(s.value("ui.crash.open_account")), 1)) : h("", !0),
+        e.showDetails ? (n(), u("p", lt, r(y.value), 1)) : h("", !0)
+      ])
+    ])) : h("", !0);
+  }
+});
+function ht(e = {}) {
+  const o = e.criticalInfos ?? ["setup function", "render function"];
+  return (g, s, v) => {
+    var f;
+    try {
+      (f = e.onError) == null || f.call(e, g, v);
+    } catch {
+    }
+    console.error("[Vue Error]", g, v), o.includes(v) && (e.onCritical ?? ee().trigger)(g);
+  };
+}
 export {
-  F as OneErrorPage
+  xt as OneCrashScreen,
+  gt as OneErrorPage,
+  yt as OneNotFoundPage,
+  pt as OneServerErrorPage,
+  Ue as OneSnakeGame,
+  ht as createAppErrorHandler,
+  ee as useCrashState
 };

package/dist/errorsPage/useCrashState.d.ts

@@ -0,0 +1,10 @@
+import type { Ref } from 'vue';
+export interface CrashState {
+    show: Ref<boolean>;
+    error: Ref<unknown>;
+    /** Shows the crash screen. Ignored while one is already shown (first error wins). */
+    trigger: (err: unknown) => void;
+    /** Hides the crash screen and clears the stored error. */
+    dismiss: () => void;
+}
+export declare function useCrashState(): CrashState;

package/dist/fileUpload/OneDropzone.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/fileUpload/OneFileUpload.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/fileUpload/fileUpload.d.ts

@@ -0,0 +1,17 @@
+export interface FileUploadError {
+    code: 'size' | 'type';
+    file: File;
+}
+export interface FileValidationOptions {
+    accept?: string;
+    maxSizeMb?: number;
+    multiple?: boolean;
+}
+/**
+ * Validates picked/dropped files against accept + maxSizeMb, shared by
+ * OneFileUpload and OneDropzone. Returns accepted files and typed errors.
+ */
+export declare const validateFiles: (files: File[], opts: FileValidationOptions) => {
+    accepted: File[];
+    errors: FileUploadError[];
+};

package/dist/fileUpload/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("../useFileUpload-f47622bb.cjs"),e=require("vue"),S=require("../spinner/index.cjs"),x=require("../i18n/index.cjs"),z=require("../button/index.cjs");require("../SpinnerIcon-01be39fe.cjs");require("../_plugin-vue_export-helper-f246444f.cjs");function D(t,o){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5"})])}const w=(t,o)=>o?o.split(",").map(l=>l.trim().toLowerCase()).some(l=>l?l.startsWith(".")?t.name.toLowerCase().endsWith(l):l.endsWith("/*")?t.type.toLowerCase().startsWith(l.slice(0,-1)):t.type.toLowerCase()===l:!1):!0,v=(t,o)=>{const l=[],r=[],u=o.multiple?t:t.slice(0,1);for(const n of u){if(!w(n,o.accept)){r.push({code:"type",file:n});continue}if(o.maxSizeMb!=null&&n.size>o.maxSizeMb*1024*1024){r.push({code:"size",file:n});continue}l.push(n)}return{accepted:l,errors:r}},C={key:2,class:"text-[#525B66] font-medium"},E={key:3,class:"text-[#525B66]"},N=["accept","multiple","disabled"],F=e.defineComponent({__name:"OneFileUpload",props:{label:{type:String,default:""},accept:{type:String,default:void 0},multiple:{type:Boolean,default:!1},maxSizeMb:{type:Number,default:void 0},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},t:{type:Function,default:void 0}},emits:["files","error"],setup(t,{emit:o}){const l=t,r=o,u=x.useOnebI18n(),n=e.computed(()=>l.t??u),s=c=>{const d=c.target,p=Array.from(d.files??[]);if(d.value="",p.length===0)return;const{accepted:f,errors:b}=v(p,{accept:l.accept,maxSizeMb:l.maxSizeMb,multiple:l.multiple});b.forEach(g=>r("error",g)),f.length>0&&r("files",f)};return(c,d)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(["hover:text-blue-500 cursor-pointer text-sm w-full h-full flex items-center border hover:bg-gray-50 px-3 py-2 rounded-md gap-3",{"opacity-60 cursor-not-allowed pointer-events-none":t.disabled}])},[t.loading?(e.openBlock(),e.createBlock(e.unref(S.OneSpinner),{key:0,size:"sm"})):(e.openBlock(),e.createBlock(e.unref(D),{key:1,class:"w-4 h-4 text-[#525B66]"})),t.loading?(e.openBlock(),e.createElementBlock("span",E,e.toDisplayString(n.value("ui.file_upload.uploading"))+"...",1)):(e.openBlock(),e.createElementBlock("span",C,e.toDisplayString(t.label||n.value("ui.file_upload.select")),1)),e.createElementVNode("input",{class:"hidden",type:"file",accept:t.accept,multiple:t.multiple,disabled:t.disabled,onChange:s},null,40,N)],2))}}),M=["accept","multiple","disabled"],V={class:"text-base font-medium text-gray-900"},O={class:"text-xs text-gray-500"},q={key:0,class:"mt-4 text-sm text-gray-700"},L={class:"font-semibold"},j=e.defineComponent({__name:"OneDropzone",props:{accept:{type:String,default:void 0},multiple:{type:Boolean,default:!1},maxSizeMb:{type:Number,default:void 0},disabled:{type:Boolean,default:!1},hint:{type:String,default:""},help:{type:String,default:""},buttonLabel:{type:String,default:""},t:{type:Function,default:void 0}},emits:["files","error"],setup(t,{emit:o}){const l=t,r=o,u=x.useOnebI18n(),n=e.computed(()=>l.t??u),s=e.ref(!1),c=e.ref([]),d=e.ref(null),p=a=>{const i=Array.from(a??[]);if(i.length===0)return;const{accepted:m,errors:B}=v(i,{accept:l.accept,maxSizeMb:l.maxSizeMb,multiple:l.multiple});B.forEach(y=>r("error",y)),m.length>0&&(c.value=m.map(y=>y.name),r("files",m))},f=a=>{var i;a.preventDefault(),s.value=!1,!l.disabled&&p(((i=a.dataTransfer)==null?void 0:i.files)??null)},b=a=>{a.preventDefault(),!l.disabled&&(s.value=!0)},g=a=>{if(l.disabled)return;const i=a.target;p(i.files),i.value=""},h=()=>{var a;l.disabled||(a=d.value)==null||a.click()};return(a,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["border-2 border-dashed rounded-xl bg-white p-6 flex flex-col items-center justify-center text-center transition-colors",{"border-blue-500 bg-blue-50":s.value&&!t.disabled,"border-gray-300":!s.value||t.disabled,"opacity-60 cursor-not-allowed":t.disabled}]),"data-test":"dropzone",onDrop:f,onDragover:b,onDragleave:i[0]||(i[0]=m=>s.value=!1)},[e.createElementVNode("input",{ref_key:"inputRef",ref:d,type:"file",accept:t.accept,multiple:t.multiple,class:"hidden",disabled:t.disabled,onChange:g},null,40,M),e.renderSlot(a.$slots,"default",{isDragging:s.value,openPicker:h},()=>[e.createElementVNode("div",{class:"cursor-pointer flex flex-col items-center gap-2",onClick:h},[e.createElementVNode("span",V,e.toDisplayString(t.hint||n.value("ui.dropzone.hint")),1),e.createElementVNode("span",O,e.toDisplayString(t.help||n.value("ui.dropzone.help")),1)]),e.createVNode(e.unref(z.OneButton),{type:"button",variant:"primary",class:"mt-3",label:t.buttonLabel||n.value("ui.dropzone.choose"),disabled:t.disabled,onClick:h},null,8,["label","disabled"]),c.value.length?(e.openBlock(),e.createElementBlock("div",q,[e.createTextVNode(e.toDisplayString(n.value("ui.dropzone.selected"))+": ",1),e.createElementVNode("span",L,e.toDisplayString(c.value.join(", ")),1)])):e.createCommentVNode("",!0)])],34))}});exports.useFileUpload=k.useFileUpload;exports.OneDropzone=j;exports.OneFileUpload=F;exports.validateFiles=v;

package/dist/fileUpload/index.d.ts

@@ -0,0 +1,6 @@
+export { default as OneFileUpload } from './OneFileUpload.vue';
+export { default as OneDropzone } from './OneDropzone.vue';
+export { validateFiles } from './fileUpload';
+export type { FileUploadError, FileValidationOptions } from './fileUpload';
+export { useFileUpload } from '../composables/useFileUpload';
+export type { UseFileUploadOptions, UseFileUploadReturn } from '../composables/useFileUpload';