@oneb/ui-vue 0.4.2 → 0.4.5

package/dist/dropdown/index.js

@@ -1,12 +1,12 @@
-import { openBlock as l, createElementBlock as s, defineComponent as ae, computed as I, ref as A, createBlock as G, withCtx as S, createElementVNode as t, normalizeClass as h, createVNode as U, unref as v, normalizeStyle as H, toDisplayString as u, Fragment as x, renderList as B, createCommentVNode as p, onMounted as ce, onUnmounted as ve, watch as me, renderSlot as K, normalizeProps as ee, guardReactiveProps as te, withDirectives as oe, vModelText as le, mergeProps as P, createTextVNode as se, nextTick as N } from "vue";
-import { _ as he } from "../_plugin-vue_export-helper-dad06003.js";
-import { d as ye, _ as fe, r as we } from "../OneHelpMenu-2a2051d7.js";
-import { O as Xt, a as Yt, c as Zt, b as Qt } from "../OneHelpMenu-2a2051d7.js";
-import { _ as ke } from "../OneDropdownAuto.vue_vue_type_script_setup_true_lang-2c508e8a.js";
+import { openBlock as l, createElementBlock as s, defineComponent as ae, computed as I, ref as A, createBlock as G, withCtx as S, createElementVNode as t, normalizeClass as y, createVNode as U, unref as v, normalizeStyle as H, toDisplayString as u, Fragment as x, renderList as B, createCommentVNode as p, onMounted as ce, onUnmounted as ve, watch as me, renderSlot as K, normalizeProps as ee, guardReactiveProps as te, withDirectives as oe, vModelText as le, mergeProps as P, createTextVNode as se, nextTick as N } from "vue";
+import { _ as ye } from "../_plugin-vue_export-helper-dad06003.js";
+import { d as he, _ as fe, r as we } from "../OneHelpMenu-485d8bff.js";
+import { O as Xt, a as Yt, c as Zt, b as Qt } from "../OneHelpMenu-485d8bff.js";
+import { _ as be } from "../OneDropdownAuto.vue_vue_type_script_setup_true_lang-2c508e8a.js";
 import { _ as re } from "../OneAvatar.vue_vue_type_script_setup_true_lang-08ab80dd.js";
 import { useOnebI18n as ie } from "../i18n/index.js";
-import { b as ge } from "../dropdown-c81fb945.js";
-import { O as be } from "../OneModal-02a9a173.js";
+import { b as ke } from "../dropdown-c81fb945.js";
+import { O as ge } from "../OneModal-02a9a173.js";
 import { u as xe } from "../useModal-6a5d870b.js";
 import "@floating-ui/dom";
 import "@floating-ui/vue";
@@ -19,10 +19,10 @@ import "../SpinnerIcon-516264ba.js";
 import "../useIsMobile-98fc0cf9.js";
 import "../useMediaQuery-77a19b18.js";
 const Ce = {}, _e = { class: "border-t border-secondary-stroke my-1" };
-function $e(D, k) {
+function $e(D, b) {
   return l(), s("div", _e);
 }
-const Gt = /* @__PURE__ */ he(Ce, [["render", $e]]), Me = ["onClick"], Ve = { class: "grid" }, Ke = { class: "font-semibold px-3" }, Ae = { class: "rounded-lg m-3 border" }, Ie = {
+const Gt = /* @__PURE__ */ ye(Ce, [["render", $e]]), Me = ["onClick"], Ve = { class: "grid" }, Ke = { class: "font-semibold px-3" }, Ae = { class: "rounded-lg m-3 border" }, Ie = {
   class: "space-x-2 flex items-center px-3 py-2",
   style: { width: "300px" }
 }, je = { class: "flex-shrink-0" }, Oe = { class: "w-full text-left" }, Be = { class: "flex-shrink-0" }, Le = { class: "px-3 py-2" }, Se = { class: "text-secondary-content text-left pb-1 text-sm uppercase" }, De = {
@@ -30,20 +30,21 @@ const Gt = /* @__PURE__ */ he(Ce, [["render", $e]]), Me = ["onClick"], Ve = { cl
   class: "space-y-2"
 }, ze = ["onClick"], Ee = { class: "pl-2" }, Fe = { class: "text-sm mt-1" }, Re = { class: "text-xs mt-1" }, ne = 3, Ht = /* @__PURE__ */ ae({
   __name: "OneBrowserMenuGrid",
-  props: ye,
+  props: he,
   setup(D) {
-    const k = D, n = ie(), y = I(() => k.t ?? n), C = () => {
-      typeof k.onChange == "function" && k.onChange();
-    }, $ = A(!1), M = I(() => k.apps ? $.value ? k.apps : k.apps.slice(0, ne) : []), g = () => {
+    const b = D, n = ie(), h = I(() => b.t ?? n), C = () => {
+      typeof b.onChange == "function" && b.onChange();
+    }, $ = A(!1), M = I(() => b.apps ? $.value ? b.apps : b.apps.slice(0, ne) : []), k = () => {
       $.value = !$.value;
     }, z = (m) => {
-      typeof k.onApp == "function" && k.onApp(m);
+      typeof b.onApp == "function" && b.onApp(m);
     };
     return (m, c) => (l(), G(fe, { stick: "right" }, {
       button: S(({ onToggle: i, isExpanded: j }) => [
         t("button", {
+          type: "button",
           onClick: i,
-          class: h(["p-1 rounded-md hover:bg-secondary-10", [j ? "bg-secondary-25" : ""]])
+          class: y(["p-1 rounded-md hover:bg-secondary-10", [j ? "bg-secondary-25" : ""]])
         }, [
           U(v(we), {
             class: "text-secondary-base",
@@ -55,7 +56,7 @@ const Gt = /* @__PURE__ */ he(Ce, [["render", $e]]), Me = ["onClick"], Ve = { cl
         var i, j, E;
         return [
           t("div", Ve, [
-            t("div", Ke, u(y.value("ui.layout.workspaces")), 1),
+            t("div", Ke, u(h.value("ui.layout.workspaces")), 1),
             t("div", Ae, [
               t("div", Ie, [
                 t("div", je, [
@@ -70,16 +71,17 @@ const Gt = /* @__PURE__ */ he(Ce, [["render", $e]]), Me = ["onClick"], Ve = { cl
                 t("div", Oe, u((E = m.workspace) == null ? void 0 : E.name), 1),
                 t("div", Be, [
                   t("button", {
+                    type: "button",
                     class: "text-sm border border-secondary-stroke rounded px-2 py-0.5 text-secondary-content hover:text-primary-content",
                     onClick: C
-                  }, u(y.value("ui.layout.change_workspace")), 1)
+                  }, u(h.value("ui.layout.change_workspace")), 1)
                 ])
               ]),
               c[0] || (c[0] = t("hr", null, null, -1))
             ])
           ]),
           t("div", Le, [
-            t("div", Se, u(y.value("ui.layout.apps")), 1),
+            t("div", Se, u(h.value("ui.layout.apps")), 1),
             t("div", null, [
               m.apps && m.apps.length ? (l(), s("div", De, [
                 (l(!0), s(x, null, B(M.value, (_) => (l(), s("div", {
@@ -101,9 +103,10 @@ const Gt = /* @__PURE__ */ he(Ce, [["render", $e]]), Me = ["onClick"], Ve = { cl
               ])) : p("", !0),
               m.apps && m.apps.length > ne ? (l(), s("button", {
                 key: 1,
-                onClick: g,
+                type: "button",
+                onClick: k,
                 class: "mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs"
-              }, u($.value ? y.value("ui.layout.hide") : y.value("ui.layout.view_all")), 1)) : p("", !0)
+              }, u($.value ? h.value("ui.layout.hide") : h.value("ui.layout.view_all")), 1)) : p("", !0)
             ])
           ])
         ];
@@ -178,7 +181,7 @@ const Gt = /* @__PURE__ */ he(Ce, [["render", $e]]), Me = ["onClick"], Ve = { cl
   key: 4,
   class: "overflow-auto h-[60dvh] divide-y",
   role: "listbox"
-}, ht = ["aria-selected"], yt = {
+}, yt = ["aria-selected"], ht = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -192,7 +195,7 @@ const Gt = /* @__PURE__ */ he(Ce, [["render", $e]]), Me = ["onClick"], Ve = { cl
 }, wt = {
   key: 0,
   class: "px-3 pt-3 pb-2 text-xs font-semibold text-gray-400 uppercase tracking-wide"
-}, kt = ["aria-selected", "onClick"], gt = {
+}, bt = ["aria-selected", "onClick"], kt = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
@@ -200,7 +203,7 @@ const Gt = /* @__PURE__ */ he(Ce, [["render", $e]]), Me = ["onClick"], Ve = { cl
   "stroke-width": "1.5",
   stroke: "currentColor",
   class: "w-5 h-5 text-blue-600 shrink-0"
-}, bt = {
+}, gt = {
   key: 1,
   class: "w-5 h-5 shrink-0"
 }, xt = ["aria-selected", "onClick"], Ct = {
@@ -219,10 +222,10 @@ const Gt = /* @__PURE__ */ he(Ce, [["render", $e]]), Me = ["onClick"], Ve = { cl
   class: "px-3 py-8 text-sm text-gray-500 text-center"
 }, qt = /* @__PURE__ */ ae({
   __name: "OneDropdownSelect",
-  props: ge,
+  props: ke,
   emits: ["update:modelValue", "search", "create"],
-  setup(D, { emit: k }) {
-    const n = D, y = ie(), C = k, $ = A(!1);
+  setup(D, { emit: b }) {
+    const n = D, h = ie(), C = b, $ = A(!1);
     let M = null;
     ce(() => {
       M = window.matchMedia("(max-width: 767px)"), $.value = M.matches;
@@ -233,8 +236,8 @@ const Gt = /* @__PURE__ */ he(Ce, [["render", $e]]), Me = ["onClick"], Ve = { cl
         M == null || M.removeEventListener("change", e);
       });
     });
-    const g = xe(), z = A(null), m = () => {
-      c.value = "", i.value = -1, g.open(), N(() => {
+    const k = xe(), z = A(null), m = () => {
+      c.value = "", i.value = -1, k.open(), N(() => {
         var e;
         (e = z.value) == null || e.focus();
       });
@@ -258,7 +261,7 @@ const Gt = /* @__PURE__ */ he(Ce, [["render", $e]]), Me = ["onClick"], Ve = { cl
         d || (d = { label: w, entries: [] }, o.set(w, d), e.push(d)), d.entries.push({ item: r, flatIndex: a }), a++;
       }
       return e;
-    }), b = I(() => n.multiple ? (n.modelValue ?? []).length > 0 : n.modelValue !== null && n.modelValue !== void 0), R = I(() => {
+    }), g = I(() => n.multiple ? (n.modelValue ?? []).length > 0 : n.modelValue !== null && n.modelValue !== void 0), R = I(() => {
       if (n.multiple) {
         const e = n.modelValue ?? [];
         return e.length === 0 ? n.placeholder : e.length === 1 ? e[0][n.labelKey] ?? n.placeholder : `${e[0][n.labelKey]} +${e.length - 1}`;
@@ -321,16 +324,17 @@ const Gt = /* @__PURE__ */ he(Ce, [["render", $e]]), Me = ["onClick"], Ve = { cl
     return me(c, () => {
       i.value = 0;
     }), (e, o) => $.value ? (l(), s(x, { key: 1 }, [
-      K(e.$slots, "button", ee(te({ onToggle: m, isExpanded: v(g).isOpened.value, selectedLabel: R.value })), () => [
+      K(e.$slots, "button", ee(te({ onToggle: m, isExpanded: v(k).isOpened.value, selectedLabel: R.value })), () => [
         t("button", {
-          class: h(["inline-flex items-center justify-between gap-2 text-sm transition-colors", [
+          type: "button",
+          class: y(["inline-flex items-center justify-between gap-2 text-sm transition-colors", [
             e.view === "pill" ? "rounded-full bg-gray-100 px-3.5 py-1.5 hover:bg-gray-200 text-gray-700" : "rounded-lg border border-gray-300 bg-white px-3 py-2 hover:bg-gray-50 min-w-[180px]"
           ]]),
           style: H(e.maxWidth ? { maxWidth: e.maxWidth } : void 0),
           onClick: m
         }, [
           t("span", {
-            class: h(["truncate", e.view === "pill" ? "" : b.value ? "text-gray-900" : "text-gray-500"])
+            class: y(["truncate", e.view === "pill" ? "" : g.value ? "text-gray-900" : "text-gray-500"])
           }, u(R.value), 3),
           o[12] || (o[12] = t("svg", {
             xmlns: "http://www.w3.org/2000/svg",
@@ -348,9 +352,9 @@ const Gt = /* @__PURE__ */ he(Ce, [["render", $e]]), Me = ["onClick"], Ve = { cl
           ], -1))
         ], 6)
       ]),
-      v(g).isOpened.value ? (l(), G(v(be), {
+      v(k).isOpened.value ? (l(), G(v(ge), {
         key: 0,
-        useModal: v(g),
+        useModal: v(k),
         title: e.title || e.placeholder,
         size: "sm",
         classModal: !0,
@@ -389,8 +393,9 @@ const Gt = /* @__PURE__ */ he(Ce, [["render", $e]]), Me = ["onClick"], Ve = { cl
             ])) : p("", !0),
             e.createLabel ? (l(), s("div", pt, [
               t("button", {
+                type: "button",
                 class: "w-full flex items-center justify-center gap-2 py-2 text-sm text-blue-700 hover:text-blue-500",
-                onClick: o[3] || (o[3] = (a) => Y(() => v(g).close()))
+                onClick: o[3] || (o[3] = (a) => Y(() => v(k).close()))
               }, [
                 o[14] || (o[14] = t("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
@@ -411,26 +416,29 @@ const Gt = /* @__PURE__ */ he(Ce, [["render", $e]]), Me = ["onClick"], Ve = { cl
             ])) : p("", !0),
             e.multiple ? (l(), s("div", ct, [
               t("button", {
+                type: "button",
                 class: "text-sm text-blue-600 hover:text-blue-800 transition-colors",
                 onClick: T
-              }, u(v(y)("ui.dropdown.selectAll")), 1),
-              b.value ? (l(), s("button", {
+              }, u(v(h)("ui.dropdown.selectAll")), 1),
+              g.value ? (l(), s("button", {
                 key: 0,
+                type: "button",
                 class: "text-sm text-gray-500 hover:text-gray-700 transition-colors",
                 onClick: X
-              }, u(v(y)("ui.dropdown.clear")), 1)) : p("", !0)
+              }, u(v(h)("ui.dropdown.clear")), 1)) : p("", !0)
             ])) : p("", !0),
             e.isLoading ? (l(), s("div", vt, [...o[15] || (o[15] = [
               t("div", { class: "animate-spin w-6 h-6 border-2 border-blue-500 border-t-transparent rounded-full" }, null, -1)
             ])])) : (l(), s("div", mt, [
               e.allowEmpty ? (l(), s("button", {
                 key: 0,
-                class: h(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors", b.value ? "" : "bg-gray-50 font-medium"]),
+                type: "button",
+                class: y(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors", g.value ? "" : "bg-gray-50 font-medium"]),
                 role: "option",
-                "aria-selected": !b.value,
-                onClick: o[4] || (o[4] = (a) => V(null, () => v(g).close()))
+                "aria-selected": !g.value,
+                onClick: o[4] || (o[4] = (a) => V(null, () => v(k).close()))
               }, [
-                b.value ? (l(), s("span", ft)) : (l(), s("svg", yt, [...o[16] || (o[16] = [
+                g.value ? (l(), s("span", ft)) : (l(), s("svg", ht, [...o[16] || (o[16] = [
                   t("path", {
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
@@ -438,35 +446,37 @@ const Gt = /* @__PURE__ */ he(Ce, [["render", $e]]), Me = ["onClick"], Ve = { cl
                   }, null, -1)
                 ])])),
                 t("span", null, u(e.emptyLabel ?? e.placeholder), 1)
-              ], 10, ht)) : p("", !0),
+              ], 10, yt)) : p("", !0),
               e.groupKey ? (l(!0), s(x, { key: 1 }, B(q.value, (a) => (l(), s(x, {
                 key: a.label
               }, [
                 a.label ? (l(), s("div", wt, u(a.label), 1)) : p("", !0),
                 (l(!0), s(x, null, B(a.entries, (r) => (l(), s("button", {
+                  type: "button",
                   key: r.item[e.valueKey],
-                  class: h(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors break-words", f(r.item) ? "bg-gray-50 font-medium" : ""]),
+                  class: y(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors break-words", f(r.item) ? "bg-gray-50 font-medium" : ""]),
                   role: "option",
                   "aria-selected": f(r.item),
-                  onClick: (w) => V(r.item, () => v(g).close())
+                  onClick: (w) => V(r.item, () => v(k).close())
                 }, [
-                  f(r.item) ? (l(), s("svg", gt, [...o[17] || (o[17] = [
+                  f(r.item) ? (l(), s("svg", kt, [...o[17] || (o[17] = [
                     t("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       d: "M4.5 12.75l6 6 9-13.5"
                     }, null, -1)
-                  ])])) : (l(), s("span", bt)),
+                  ])])) : (l(), s("span", gt)),
                   K(e.$slots, "item", P({ ref_for: !0 }, { item: r.item }), () => [
                     t("span", null, u(r.item[e.labelKey]), 1)
                   ])
-                ], 10, kt))), 128))
+                ], 10, bt))), 128))
               ], 64))), 128)) : (l(!0), s(x, { key: 2 }, B(O.value, (a) => (l(), s("button", {
+                type: "button",
                 key: a[e.valueKey],
-                class: h(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors break-words", f(a) ? "bg-gray-50 font-medium" : ""]),
+                class: y(["flex items-center gap-3 w-full px-3 py-3 text-sm text-left hover:bg-gray-50 transition-colors break-words", f(a) ? "bg-gray-50 font-medium" : ""]),
                 role: "option",
                 "aria-selected": f(a),
-                onClick: (r) => V(a, () => v(g).close())
+                onClick: (r) => V(a, () => v(k).close())
               }, [
                 f(a) ? (l(), s("svg", Ct, [...o[18] || (o[18] = [
                   t("path", {
@@ -481,7 +491,7 @@ const Gt = /* @__PURE__ */ he(Ce, [["render", $e]]), Me = ["onClick"], Ve = { cl
               ], 10, xt))), 128)),
               O.value.length === 0 && !e.allowEmpty ? (l(), s("div", $t, [
                 K(e.$slots, "empty", {}, () => [
-                  se(u(v(y)("ui.dropdown.nothingFound")), 1)
+                  se(u(v(h)("ui.dropdown.nothingFound")), 1)
                 ])
               ])) : p("", !0)
             ]))
@@ -489,7 +499,7 @@ const Gt = /* @__PURE__ */ he(Ce, [["render", $e]]), Me = ["onClick"], Ve = { cl
         ]),
         _: 3
       }, 8, ["useModal", "title"])) : p("", !0)
-    ], 64)) : (l(), G(ke, {
+    ], 64)) : (l(), G(be, {
       key: 0,
       stick: e.stick,
       onOpen: ue,
@@ -498,7 +508,8 @@ const Gt = /* @__PURE__ */ he(Ce, [["render", $e]]), Me = ["onClick"], Ve = { cl
       button: S(({ onToggle: a, isExpanded: r }) => [
         K(e.$slots, "button", ee(te({ onToggle: a, isExpanded: r, selectedLabel: R.value })), () => [
           t("button", {
-            class: h(["inline-flex items-center justify-between gap-2 text-sm transition-colors", [
+            type: "button",
+            class: y(["inline-flex items-center justify-between gap-2 text-sm transition-colors", [
               e.view === "pill" ? "rounded-full bg-gray-100 px-3.5 py-1.5 hover:bg-gray-200 text-gray-700" : "rounded-lg border border-gray-300 bg-white px-3 py-2 hover:bg-gray-50 min-w-[180px]",
               e.view === "default" && r ? "ring-1 ring-blue-500 border-blue-500" : ""
             ]]),
@@ -506,7 +517,7 @@ const Gt = /* @__PURE__ */ he(Ce, [["render", $e]]), Me = ["onClick"], Ve = { cl
             onClick: a
           }, [
             t("span", {
-              class: h(["truncate", e.view === "pill" ? "" : b.value ? "text-gray-900" : "text-gray-500"])
+              class: y(["truncate", e.view === "pill" ? "" : g.value ? "text-gray-900" : "text-gray-500"])
             }, u(R.value), 3),
             (l(), s("svg", {
               xmlns: "http://www.w3.org/2000/svg",
@@ -514,7 +525,7 @@ const Gt = /* @__PURE__ */ he(Ce, [["render", $e]]), Me = ["onClick"], Ve = { cl
               viewBox: "0 0 24 24",
               "stroke-width": "1.5",
               stroke: "currentColor",
-              class: h(["w-4 h-4 text-gray-400 transition-transform shrink-0", r ? "rotate-180" : ""])
+              class: y(["w-4 h-4 text-gray-400 transition-transform shrink-0", r ? "rotate-180" : ""])
             }, [...o[5] || (o[5] = [
               t("path", {
                 "stroke-linecap": "round",
@@ -562,6 +573,7 @@ const Gt = /* @__PURE__ */ he(Ce, [["render", $e]]), Me = ["onClick"], Ve = { cl
           ])) : p("", !0),
           e.createLabel ? (l(), s("div", qe, [
             t("button", {
+              type: "button",
               class: "flex items-center gap-2 w-full px-3 py-2 text-sm text-blue-700 hover:bg-gray-50 transition-colors",
               onClick: (r) => Y(a)
             }, [
@@ -584,14 +596,16 @@ const Gt = /* @__PURE__ */ he(Ce, [["render", $e]]), Me = ["onClick"], Ve = { cl
           ])) : p("", !0),
           e.multiple ? (l(), s("div", Te, [
             t("button", {
+              type: "button",
               class: "text-xs text-blue-600 hover:text-blue-800 transition-colors",
               onClick: T
-            }, u(v(y)("ui.dropdown.selectAll")), 1),
-            b.value ? (l(), s("button", {
+            }, u(v(h)("ui.dropdown.selectAll")), 1),
+            g.value ? (l(), s("button", {
               key: 0,
+              type: "button",
               class: "text-xs text-gray-500 hover:text-gray-700 transition-colors",
               onClick: X
-            }, u(v(y)("ui.dropdown.clear")), 1)) : p("", !0)
+            }, u(v(h)("ui.dropdown.clear")), 1)) : p("", !0)
           ])) : p("", !0),
           e.isLoading ? (l(), s("div", Xe, [...o[8] || (o[8] = [
             t("svg", {
@@ -623,17 +637,18 @@ const Gt = /* @__PURE__ */ he(Ce, [["render", $e]]), Me = ["onClick"], Ve = { cl
           }, [
             e.allowEmpty ? (l(), s("button", {
               key: 0,
+              type: "button",
               ref: (r) => F(r, 0),
-              class: h(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors", [
-                b.value ? "hover:bg-gray-50" : "bg-gray-100 font-medium",
+              class: y(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors", [
+                g.value ? "hover:bg-gray-50" : "bg-gray-100 font-medium",
                 i.value === 0 ? "bg-gray-50" : ""
               ]]),
               role: "option",
-              "aria-selected": !b.value,
+              "aria-selected": !g.value,
               onClick: (r) => V(null, a),
               onMouseenter: o[1] || (o[1] = (r) => i.value = 0)
             }, [
-              b.value ? (l(), s("span", Qe)) : (l(), s("svg", Ze, [...o[9] || (o[9] = [
+              g.value ? (l(), s("span", Qe)) : (l(), s("svg", Ze, [...o[9] || (o[9] = [
                 t("path", {
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round",
@@ -647,13 +662,14 @@ const Gt = /* @__PURE__ */ he(Ce, [["render", $e]]), Me = ["onClick"], Ve = { cl
             }, [
               r.label ? (l(), s("div", {
                 key: 0,
-                class: h(["px-3 pt-2 pb-1 text-xs font-semibold text-gray-500 uppercase tracking-wide", w > 0 ? "border-t border-gray-100 mt-1" : ""])
+                class: y(["px-3 pt-2 pb-1 text-xs font-semibold text-gray-500 uppercase tracking-wide", w > 0 ? "border-t border-gray-100 mt-1" : ""])
               }, u(r.label), 3)) : p("", !0),
               (l(!0), s(x, null, B(r.entries, (d) => (l(), s("button", {
+                type: "button",
                 key: d.item[e.valueKey],
                 ref_for: !0,
                 ref: (W) => F(W, d.flatIndex),
-                class: h(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors break-words", [
+                class: y(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors break-words", [
                   f(d.item) ? "bg-gray-100 font-medium" : "hover:bg-gray-50",
                   i.value === d.flatIndex ? "bg-gray-50" : ""
                 ]]),
@@ -674,10 +690,11 @@ const Gt = /* @__PURE__ */ he(Ce, [["render", $e]]), Me = ["onClick"], Ve = { cl
                 ])
               ], 42, et))), 128))
             ], 64))), 128)) : (l(!0), s(x, { key: 2 }, B(O.value, (r, w) => (l(), s("button", {
+              type: "button",
               key: r[e.valueKey],
               ref_for: !0,
               ref: (d) => F(d, L.value + w),
-              class: h(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors break-words", [
+              class: y(["flex items-center gap-2 w-full px-3 py-2 text-sm text-left transition-colors break-words", [
                 f(r) ? "bg-gray-100 font-medium" : "hover:bg-gray-50",
                 i.value === L.value + w ? "bg-gray-50" : ""
               ]]),
@@ -699,7 +716,7 @@ const Gt = /* @__PURE__ */ he(Ce, [["render", $e]]), Me = ["onClick"], Ve = { cl
             ], 42, lt))), 128)),
             O.value.length === 0 && !e.allowEmpty ? (l(), s("div", nt, [
               K(e.$slots, "empty", {}, () => [
-                se(u(v(y)("ui.dropdown.nothingFound")), 1)
+                se(u(v(h)("ui.dropdown.nothingFound")), 1)
               ])
             ])) : p("", !0)
           ], 512))
@@ -713,7 +730,7 @@ export {
   Xt as OneBrowserMenu,
   Ht as OneBrowserMenuGrid,
   fe as OneDropdown,
-  ke as OneDropdownAuto,
+  be as OneDropdownAuto,
   Gt as OneDropdownDivider,
   Yt as OneDropdownItem,
   qt as OneDropdownSelect,

package/dist/errorsPage/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),b=require("../i18n/index.cjs"),L=require("../_plugin-vue_export-helper-f246444f.cjs"),P=require("vue-router"),G=require("../LogoOneb-b6ac382e.cjs"),U=require("../clipboard-494e1513.cjs"),A={statusMessage:{type:String,required:!1},statusText:{type:String,required:!1},requestId:{type:String,required:!1},statusCode:{type:String,default:"403"},t:{type:Function,default:void 0}},K=e.defineComponent({name:"ErrorPage",props:A,setup(t){const r=b.useOnebI18n();return{t:e.computed(()=>t.t??r)}}});const J={class:"error-container"},Q={class:"text-8xl text-secondary-content"},W={key:0},X={key:1,class:"pt-5"},Y={class:"request-info hidden"};function Z(t,r,m,o,u,d){const a=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("div",J,[e.createElementVNode("h1",Q,e.toDisplayString(t.statusCode),1),t.statusMessage?(e.openBlock(),e.createElementBlock("p",W,e.toDisplayString(t.statusMessage),1)):e.createCommentVNode("",!0),r[3]||(r[3]=e.createElementVNode("div",{class:"border-b border-secondary-stroke w-full pt-10"},null,-1)),t.statusText?(e.openBlock(),e.createElementBlock("p",X,e.toDisplayString(t.statusText),1)):e.createCommentVNode("",!0),e.createElementVNode("div",Y,[e.createElementVNode("p",null,[r[0]||(r[0]=e.createElementVNode("strong",null,"Request ID:",-1)),e.createTextVNode(" "+e.toDisplayString(t.requestId),1)]),r[1]||(r[1]=e.createElementVNode("button",{class:"copy-btn"},"Скопіювати",-1)),r[2]||(r[2]=e.createElementVNode("p",null,[e.createTextVNode(" Передайте цю інформацію розробнику або напишіть в "),e.createElementVNode("a",{href:"https://t.me/telegram_bot",target:"_blank"},"Telegram-бот")],-1))]),e.createVNode(a,{to:"/",class:"home-link"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.t("ui.errors.go_home")),1)]),_:1})])}const ee=L._export_sfc(K,[["render",Z],["__scopeId","data-v-4ac01274"]]),te={class:"flex items-center justify-center gap-2 sm:gap-4"},oe={class:"relative"},re={class:"one-error-logo-bounce"},ne=["src"],se={key:0,class:"absolute inset-0 animate-ping opacity-20","aria-hidden":"true"},ae=["src"],z="text-[100px] sm:text-[160px] font-bold text-slate-200 leading-none select-none",le=e.defineComponent({__name:"OneErrorHero",props:{left:{type:String,required:!0},right:{type:String,required:!0},logoSrc:{type:String,default:void 0}},setup(t){const r=e.useSlots(),m=e.computed(()=>!!r.default);return(o,u)=>(e.openBlock(),e.createElementBlock("div",te,[e.createElementVNode("span",{class:e.normalizeClass(z)},e.toDisplayString(t.left),1),e.createElementVNode("div",oe,[e.createElementVNode("div",re,[e.renderSlot(o.$slots,"default",{},()=>[t.logoSrc?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.logoSrc,class:"w-24 h-24 sm:w-36 sm:h-36",alt:"Logo"},null,8,ne)):(e.openBlock(),e.createBlock(G.LogoOneb,{key:1,class:"w-24 h-24 sm:w-36 sm:h-36"}))],!0)]),t.logoSrc&&!m.value?(e.openBlock(),e.createElementBlock("div",se,[e.createElementVNode("img",{src:t.logoSrc,class:"w-24 h-24 sm:w-36 sm:h-36",alt:""},null,8,ae)])):e.createCommentVNode("",!0)]),e.createElementVNode("span",{class:e.normalizeClass(z)},e.toDisplayString(t.right),1)]))}});const j=L._export_sfc(le,[["__scopeId","data-v-957a8a83"]]),ce={class:"w-full"},ie={class:"flex items-center justify-between mb-4"},ue={class:"flex items-center gap-4"},de={class:"text-sm text-slate-600"},me={class:"text-emerald-700","data-test":"snake-score"},pe={key:0,class:"text-sm text-rose-600 font-medium","data-test":"snake-status"},ge={key:1,class:"text-sm text-emerald-700","data-test":"snake-status"},ye={key:2,class:"text-sm text-slate-500","data-test":"snake-status"},fe={class:"flex gap-2"},ve={class:"bg-slate-50 border border-slate-200 rounded-2xl p-4 shadow-sm"},xe=["data-snake"],he={key:0,class:"absolute inset-1 rounded-md border border-emerald-800/40"},_e={key:1,class:"absolute inset-2 rounded-sm bg-rose-600"},ke={class:"text-xs text-slate-500 text-center mt-3"},F=e.defineComponent({__name:"OneSnakeGame",props:{gridSize:{type:Number,default:15},tickMs:{type:Number,default:170},t:{type:Function,default:void 0}},emits:["score","game-over"],setup(t,{expose:r,emit:m}){const o=t,u=m,d=b.useOnebI18n(),a=e.computed(()=>o.t??d),i=e.ref([]),p=e.ref({x:1,y:0}),f=e.ref({x:1,y:0}),g=e.ref({x:0,y:0}),v=e.ref(0),y=e.ref(!1),c=e.ref(!1);let _=null;const R=e.computed(()=>Array.from({length:o.gridSize*o.gridSize},(s,n)=>({x:n%o.gridSize,y:Math.floor(n/o.gridSize)}))),w=s=>{var n,l;return((n=i.value[0])==null?void 0:n.x)===s.x&&((l=i.value[0])==null?void 0:l.y)===s.y},C=s=>i.value.some((n,l)=>l!==0&&n.x===s.x&&n.y===s.y),N=s=>g.value.x===s.x&&g.value.y===s.y,$=s=>{const n=[];for(let x=0;x<o.gridSize;x+=1)for(let h=0;h<o.gridSize;h+=1)s.some(I=>I.x===h&&I.y===x)||n.push({x:h,y:x});if(n.length===0)return{x:0,y:0};const l=Math.floor(Math.random()*n.length);return n[l]},S=()=>{_!=null&&(clearInterval(_),_=null),y.value=!1},D=()=>{S(),c.value=!0,u("game-over",v.value)},k=()=>{S(),i.value=[{x:Math.floor(o.gridSize/2),y:Math.floor(o.gridSize/2)}],p.value={x:1,y:0},f.value={x:1,y:0},g.value=$(i.value),v.value=0,c.value=!1},M=s=>{p.value.x+s.x===0&&p.value.y+s.y===0||(f.value=s)},H=()=>{p.value=f.value;const s=i.value[0],n={x:s.x+p.value.x,y:s.y+p.value.y};if(n.x<0||n.x>=o.gridSize||n.y<0||n.y>=o.gridSize){D();return}if(i.value.some(h=>h.x===n.x&&h.y===n.y)){D();return}const x=[n,...i.value];n.x===g.value.x&&n.y===g.value.y?(v.value+=1,u("score",v.value),g.value=$(x)):x.pop(),i.value=x},T=()=>{_!=null||c.value||(y.value=!0,_=setInterval(H,o.tickMs))},O=()=>{if(c.value){k();return}y.value?S():T()},q=s=>{const n=s.key.toLowerCase(),l={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}};l[n]?(M(l[n]),!y.value&&!c.value&&T()):n===" "?(s.preventDefault(),c.value||O()):n==="enter"&&c.value&&k()};return e.onMounted(()=>{k(),window.addEventListener("keydown",q)}),e.onUnmounted(()=>{S(),window.removeEventListener("keydown",q)}),r({score:v,isRunning:y,isGameOver:c,resetGame:k}),(s,n)=>(e.openBlock(),e.createElementBlock("div",ce,[e.createElementVNode("div",ie,[e.createElementVNode("div",ue,[e.createElementVNode("span",de,[e.createTextVNode(e.toDisplayString(a.value("ui.errors.snake_score"))+": ",1),e.createElementVNode("strong",me,e.toDisplayString(v.value),1)]),c.value?(e.openBlock(),e.createElementBlock("span",pe,e.toDisplayString(a.value("ui.errors.snake_game_over")),1)):y.value?(e.openBlock(),e.createElementBlock("span",ge,e.toDisplayString(a.value("ui.errors.snake_running")),1)):(e.openBlock(),e.createElementBlock("span",ye,e.toDisplayString(a.value("ui.errors.snake_paused")),1))]),e.createElementVNode("div",fe,[e.createElementVNode("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:O},e.toDisplayString(c.value?a.value("ui.errors.snake_restart"):y.value?a.value("ui.errors.snake_pause"):a.value("ui.errors.snake_start")),1),e.createElementVNode("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:k},e.toDisplayString(a.value("ui.errors.snake_reset")),1)])]),e.createElementVNode("div",ve,[e.createElementVNode("div",{class:"w-full mx-auto",style:e.normalizeStyle({display:"grid",gridTemplateColumns:`repeat(${t.gridSize}, minmax(0, 1fr))`})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.value,l=>(e.openBlock(),e.createElementBlock("div",{key:`${l.x}-${l.y}`,class:e.normalizeClass(["relative aspect-square border border-slate-200/60",[w(l)?"bg-emerald-600 shadow-inner":C(l)?"bg-emerald-300":N(l)?"bg-rose-400":"bg-white"]]),"data-test":"snake-cell","data-snake":w(l)?"head":C(l)?"body":N(l)?"food":void 0},[w(l)?(e.openBlock(),e.createElementBlock("div",he)):N(l)?(e.openBlock(),e.createElementBlock("div",_e)):e.createCommentVNode("",!0)],10,xe))),128))],4)]),e.createElementVNode("p",ke,e.toDisplayString(a.value("ui.errors.snake_instructions")),1)]))}}),be={class:"min-h-screen flex flex-col items-center justify-center bg-gray-100 p-4"},Se={class:"text-center mb-8"},Ee={class:"text-xl text-gray-600 mt-2"},we={class:"flex gap-4 mt-4"},Ne=e.defineComponent({__name:"OneNotFoundPage",props:{logoSrc:{type:String,default:void 0},homeTo:{type:[String,Object],default:"/"},withGame:{type:Boolean,default:!0},t:{type:Function,default:void 0}},setup(t){const r=t,m=b.useOnebI18n(),o=e.computed(()=>r.t??m),u=P.useRouter(),d=e.ref(!1),a=()=>{u?u.back():typeof window<"u"&&window.history.back()};return(i,p)=>{const f=e.resolveComponent("RouterLink");return e.openBlock(),e.createElementBlock("div",be,[e.createElementVNode("div",Se,[e.createVNode(j,{left:"4",right:"4","logo-src":t.logoSrc},e.createSlots({_:2},[i.$slots.logo?{name:"default",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"logo")]),key:"0"}:void 0]),1032,["logo-src"]),e.createElementVNode("p",Ee,e.toDisplayString(o.value("ui.errors.page_not_found")),1)]),t.withGame&&!d.value?(e.openBlock(),e.createElementBlock("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:p[0]||(p[0]=g=>d.value=!0)},e.toDisplayString(o.value("ui.errors.play_snake")),1)):e.createCommentVNode("",!0),d.value?(e.openBlock(),e.createBlock(F,{key:1,class:"max-w-2xl",t:o.value},null,8,["t"])):e.createCommentVNode("",!0),e.createElementVNode("div",we,[e.createVNode(f,{to:t.homeTo,class:"text-blue-600 hover:text-blue-700 underline text-sm","data-test":"nf-home"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.value("ui.errors.go_home")),1)]),_:1},8,["to"]),e.createElementVNode("button",{type:"button",class:"text-gray-600 hover:text-gray-700 underline text-sm","data-test":"nf-back",onClick:a},e.toDisplayString(o.value("ui.errors.go_back")),1)])])}}}),Ve={class:"min-h-screen flex flex-col items-center justify-center bg-gray-100 p-4"},Be={class:"text-center mb-8"},Ce={class:"text-xl text-gray-600 mt-2"},$e={class:"text-sm text-gray-500 mt-2 max-w-md mx-auto"},De={key:0,class:"mb-6 text-sm text-gray-600 text-center","data-test":"se-request"},Te={class:"flex flex-col items-center gap-4"},Oe=e.defineComponent({__name:"OneServerErrorPage",props:{logoSrc:{type:String,default:void 0},homeTo:{type:[String,Object],default:"/"},requestId:{type:String,default:void 0},t:{type:Function,default:void 0}},setup(t){const r=t,m=b.useOnebI18n(),o=e.computed(()=>r.t??m),u=e.ref(!1);let d=null;const a=async()=>{!r.requestId||!await U.copyToClipboard(r.requestId)||(u.value=!0,d!=null&&clearTimeout(d),d=setTimeout(()=>{u.value=!1,d=null},2e3))},i=()=>{window.location.reload()};return e.onBeforeUnmount(()=>{d!=null&&clearTimeout(d)}),(p,f)=>{const g=e.resolveComponent("RouterLink");return e.openBlock(),e.createElementBlock("div",Ve,[e.createElementVNode("div",Be,[e.createVNode(j,{left:"5",right:"0","logo-src":t.logoSrc},e.createSlots({_:2},[p.$slots.logo?{name:"default",fn:e.withCtx(()=>[e.renderSlot(p.$slots,"logo")]),key:"0"}:void 0]),1032,["logo-src"]),e.createElementVNode("p",Ce,e.toDisplayString(o.value("ui.errors.server_error")),1),e.createElementVNode("p",$e,e.toDisplayString(o.value("ui.errors.server_error_hint")),1)]),t.requestId?(e.openBlock(),e.createElementBlock("div",De,[e.createTextVNode(e.toDisplayString(o.value("ui.errors.request_id"))+": ",1),e.createElementVNode("strong",null,e.toDisplayString(t.requestId),1),e.createElementVNode("button",{type:"button",class:"ml-2 text-blue-600 hover:text-blue-700 underline","data-test":"se-copy",onClick:a},e.toDisplayString(u.value?o.value("ui.errors.copied"):o.value("ui.errors.copy")),1)])):e.createCommentVNode("",!0),e.createElementVNode("div",Te,[e.createElementVNode("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:i},e.toDisplayString(o.value("ui.errors.reload_page")),1),e.renderSlot(p.$slots,"support"),e.createVNode(g,{to:t.homeTo,class:"text-blue-600 hover:text-blue-700 underline text-sm","data-test":"se-home"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.value("ui.errors.go_home")),1)]),_:1},8,["to"])])])}}}),E=e.ref(!1),V=e.ref(null);function B(){return{show:E,error:V,trigger:m=>{E.value||(V.value=m,E.value=!0)},dismiss:()=>{E.value=!1,V.value=null}}}const qe={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"},Ie={class:"flex w-full max-w-[480px] flex-col items-center text-center"},ze={key:0,class:"mb-6"},Le=["src"],je={class:"mb-3 text-2xl font-semibold text-gray-900"},Fe={class:"mb-8 text-base text-gray-600","data-test":"crash-message"},Re={key:2,"data-test":"crash-details",class:"mt-6 text-xs text-gray-400"},Me=e.defineComponent({__name:"OneCrashScreen",props:{logoSrc:{type:String,default:void 0},accountUrl:{type:String,default:void 0},autoReloadSeconds:{type:Number,default:10},persistent:{type:Boolean,default:!1},showDetails:{type:Boolean,default:!1},t:{type:Function,default:void 0}},setup(t){const r=t,m=b.useOnebI18n(),o=e.computed(()=>r.t??m),{show:u,error:d}=B(),a=e.ref(r.autoReloadSeconds);let i=null;const p=e.computed(()=>{const c=d.value;return c instanceof Error?`${c.name}: ${c.message}`:String(c??"Unknown error")}),f=e.computed(()=>r.persistent?o.value("ui.crash.persistent"):a.value>0?o.value("ui.crash.countdown",{n:a.value}):o.value("ui.crash.reloading")),g=()=>{i!=null&&(clearInterval(i),i=null)},v=()=>{g(),window.location.reload()},y=()=>{r.accountUrl&&(g(),window.location.href=r.accountUrl)};return e.watch(u,c=>{g(),c&&(a.value=r.autoReloadSeconds,!r.persistent&&(i=setInterval(()=>{a.value-=1,a.value<=0&&(g(),window.location.reload())},1e3)))},{immediate:!0}),e.onBeforeUnmount(()=>{g()}),(c,_)=>e.unref(u)?(e.openBlock(),e.createElementBlock("div",qe,[e.createElementVNode("div",Ie,[t.logoSrc||c.$slots.logo?(e.openBlock(),e.createElementBlock("div",ze,[e.renderSlot(c.$slots,"logo",{},()=>[e.createElementVNode("img",{src:t.logoSrc,alt:"",class:"h-20 w-20"},null,8,Le)])])):e.createCommentVNode("",!0),e.createElementVNode("h1",je,e.toDisplayString(o.value("ui.crash.title")),1),e.createElementVNode("p",Fe,e.toDisplayString(f.value),1),e.createElementVNode("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:v},e.toDisplayString(o.value("ui.crash.reload_now")),1),t.accountUrl?(e.openBlock(),e.createElementBlock("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:y},e.toDisplayString(o.value("ui.crash.open_account")),1)):e.createCommentVNode("",!0),t.showDetails?(e.openBlock(),e.createElementBlock("p",Re,e.toDisplayString(p.value),1)):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)}});function He(t={}){const r=t.criticalInfos??["setup function","render function"];return(m,o,u)=>{var d;try{(d=t.onError)==null||d.call(t,m,u)}catch{}console.error("[Vue Error]",m,u),r.includes(u)&&(t.onCritical??B().trigger)(m)}}exports.OneCrashScreen=Me;exports.OneErrorPage=ee;exports.OneNotFoundPage=Ne;exports.OneServerErrorPage=Oe;exports.OneSnakeGame=F;exports.createAppErrorHandler=He;exports.useCrashState=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),b=require("../i18n/index.cjs"),L=require("../_plugin-vue_export-helper-f246444f.cjs"),P=require("vue-router"),G=require("../LogoOneb-b6ac382e.cjs"),U=require("../clipboard-494e1513.cjs"),A={statusMessage:{type:String,required:!1},statusText:{type:String,required:!1},requestId:{type:String,required:!1},statusCode:{type:String,default:"403"},t:{type:Function,default:void 0}},K=e.defineComponent({name:"ErrorPage",props:A,setup(t){const r=b.useOnebI18n();return{t:e.computed(()=>t.t??r)}}});const J={class:"error-container"},Q={class:"text-8xl text-secondary-content"},W={key:0},X={key:1,class:"pt-5"},Y={class:"request-info hidden"};function Z(t,r,m,o,u,d){const a=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("div",J,[e.createElementVNode("h1",Q,e.toDisplayString(t.statusCode),1),t.statusMessage?(e.openBlock(),e.createElementBlock("p",W,e.toDisplayString(t.statusMessage),1)):e.createCommentVNode("",!0),r[3]||(r[3]=e.createElementVNode("div",{class:"border-b border-secondary-stroke w-full pt-10"},null,-1)),t.statusText?(e.openBlock(),e.createElementBlock("p",X,e.toDisplayString(t.statusText),1)):e.createCommentVNode("",!0),e.createElementVNode("div",Y,[e.createElementVNode("p",null,[r[0]||(r[0]=e.createElementVNode("strong",null,"Request ID:",-1)),e.createTextVNode(" "+e.toDisplayString(t.requestId),1)]),r[1]||(r[1]=e.createElementVNode("button",{type:"button",class:"copy-btn"},"Скопіювати",-1)),r[2]||(r[2]=e.createElementVNode("p",null,[e.createTextVNode(" Передайте цю інформацію розробнику або напишіть в "),e.createElementVNode("a",{href:"https://t.me/telegram_bot",target:"_blank"},"Telegram-бот")],-1))]),e.createVNode(a,{to:"/",class:"home-link"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.t("ui.errors.go_home")),1)]),_:1})])}const ee=L._export_sfc(K,[["render",Z],["__scopeId","data-v-e59dc5d9"]]),te={class:"flex items-center justify-center gap-2 sm:gap-4"},oe={class:"relative"},re={class:"one-error-logo-bounce"},ne=["src"],se={key:0,class:"absolute inset-0 animate-ping opacity-20","aria-hidden":"true"},ae=["src"],z="text-[100px] sm:text-[160px] font-bold text-slate-200 leading-none select-none",le=e.defineComponent({__name:"OneErrorHero",props:{left:{type:String,required:!0},right:{type:String,required:!0},logoSrc:{type:String,default:void 0}},setup(t){const r=e.useSlots(),m=e.computed(()=>!!r.default);return(o,u)=>(e.openBlock(),e.createElementBlock("div",te,[e.createElementVNode("span",{class:e.normalizeClass(z)},e.toDisplayString(t.left),1),e.createElementVNode("div",oe,[e.createElementVNode("div",re,[e.renderSlot(o.$slots,"default",{},()=>[t.logoSrc?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.logoSrc,class:"w-24 h-24 sm:w-36 sm:h-36",alt:"Logo"},null,8,ne)):(e.openBlock(),e.createBlock(G.LogoOneb,{key:1,class:"w-24 h-24 sm:w-36 sm:h-36"}))],!0)]),t.logoSrc&&!m.value?(e.openBlock(),e.createElementBlock("div",se,[e.createElementVNode("img",{src:t.logoSrc,class:"w-24 h-24 sm:w-36 sm:h-36",alt:""},null,8,ae)])):e.createCommentVNode("",!0)]),e.createElementVNode("span",{class:e.normalizeClass(z)},e.toDisplayString(t.right),1)]))}});const j=L._export_sfc(le,[["__scopeId","data-v-957a8a83"]]),ce={class:"w-full"},ie={class:"flex items-center justify-between mb-4"},ue={class:"flex items-center gap-4"},de={class:"text-sm text-slate-600"},me={class:"text-emerald-700","data-test":"snake-score"},pe={key:0,class:"text-sm text-rose-600 font-medium","data-test":"snake-status"},ge={key:1,class:"text-sm text-emerald-700","data-test":"snake-status"},ye={key:2,class:"text-sm text-slate-500","data-test":"snake-status"},fe={class:"flex gap-2"},ve={class:"bg-slate-50 border border-slate-200 rounded-2xl p-4 shadow-sm"},xe=["data-snake"],he={key:0,class:"absolute inset-1 rounded-md border border-emerald-800/40"},_e={key:1,class:"absolute inset-2 rounded-sm bg-rose-600"},ke={class:"text-xs text-slate-500 text-center mt-3"},F=e.defineComponent({__name:"OneSnakeGame",props:{gridSize:{type:Number,default:15},tickMs:{type:Number,default:170},t:{type:Function,default:void 0}},emits:["score","game-over"],setup(t,{expose:r,emit:m}){const o=t,u=m,d=b.useOnebI18n(),a=e.computed(()=>o.t??d),i=e.ref([]),p=e.ref({x:1,y:0}),f=e.ref({x:1,y:0}),g=e.ref({x:0,y:0}),v=e.ref(0),y=e.ref(!1),c=e.ref(!1);let _=null;const R=e.computed(()=>Array.from({length:o.gridSize*o.gridSize},(s,n)=>({x:n%o.gridSize,y:Math.floor(n/o.gridSize)}))),w=s=>{var n,l;return((n=i.value[0])==null?void 0:n.x)===s.x&&((l=i.value[0])==null?void 0:l.y)===s.y},C=s=>i.value.some((n,l)=>l!==0&&n.x===s.x&&n.y===s.y),N=s=>g.value.x===s.x&&g.value.y===s.y,$=s=>{const n=[];for(let x=0;x<o.gridSize;x+=1)for(let h=0;h<o.gridSize;h+=1)s.some(I=>I.x===h&&I.y===x)||n.push({x:h,y:x});if(n.length===0)return{x:0,y:0};const l=Math.floor(Math.random()*n.length);return n[l]},S=()=>{_!=null&&(clearInterval(_),_=null),y.value=!1},D=()=>{S(),c.value=!0,u("game-over",v.value)},k=()=>{S(),i.value=[{x:Math.floor(o.gridSize/2),y:Math.floor(o.gridSize/2)}],p.value={x:1,y:0},f.value={x:1,y:0},g.value=$(i.value),v.value=0,c.value=!1},M=s=>{p.value.x+s.x===0&&p.value.y+s.y===0||(f.value=s)},H=()=>{p.value=f.value;const s=i.value[0],n={x:s.x+p.value.x,y:s.y+p.value.y};if(n.x<0||n.x>=o.gridSize||n.y<0||n.y>=o.gridSize){D();return}if(i.value.some(h=>h.x===n.x&&h.y===n.y)){D();return}const x=[n,...i.value];n.x===g.value.x&&n.y===g.value.y?(v.value+=1,u("score",v.value),g.value=$(x)):x.pop(),i.value=x},T=()=>{_!=null||c.value||(y.value=!0,_=setInterval(H,o.tickMs))},O=()=>{if(c.value){k();return}y.value?S():T()},q=s=>{const n=s.key.toLowerCase(),l={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}};l[n]?(M(l[n]),!y.value&&!c.value&&T()):n===" "?(s.preventDefault(),c.value||O()):n==="enter"&&c.value&&k()};return e.onMounted(()=>{k(),window.addEventListener("keydown",q)}),e.onUnmounted(()=>{S(),window.removeEventListener("keydown",q)}),r({score:v,isRunning:y,isGameOver:c,resetGame:k}),(s,n)=>(e.openBlock(),e.createElementBlock("div",ce,[e.createElementVNode("div",ie,[e.createElementVNode("div",ue,[e.createElementVNode("span",de,[e.createTextVNode(e.toDisplayString(a.value("ui.errors.snake_score"))+": ",1),e.createElementVNode("strong",me,e.toDisplayString(v.value),1)]),c.value?(e.openBlock(),e.createElementBlock("span",pe,e.toDisplayString(a.value("ui.errors.snake_game_over")),1)):y.value?(e.openBlock(),e.createElementBlock("span",ge,e.toDisplayString(a.value("ui.errors.snake_running")),1)):(e.openBlock(),e.createElementBlock("span",ye,e.toDisplayString(a.value("ui.errors.snake_paused")),1))]),e.createElementVNode("div",fe,[e.createElementVNode("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:O},e.toDisplayString(c.value?a.value("ui.errors.snake_restart"):y.value?a.value("ui.errors.snake_pause"):a.value("ui.errors.snake_start")),1),e.createElementVNode("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:k},e.toDisplayString(a.value("ui.errors.snake_reset")),1)])]),e.createElementVNode("div",ve,[e.createElementVNode("div",{class:"w-full mx-auto",style:e.normalizeStyle({display:"grid",gridTemplateColumns:`repeat(${t.gridSize}, minmax(0, 1fr))`})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.value,l=>(e.openBlock(),e.createElementBlock("div",{key:`${l.x}-${l.y}`,class:e.normalizeClass(["relative aspect-square border border-slate-200/60",[w(l)?"bg-emerald-600 shadow-inner":C(l)?"bg-emerald-300":N(l)?"bg-rose-400":"bg-white"]]),"data-test":"snake-cell","data-snake":w(l)?"head":C(l)?"body":N(l)?"food":void 0},[w(l)?(e.openBlock(),e.createElementBlock("div",he)):N(l)?(e.openBlock(),e.createElementBlock("div",_e)):e.createCommentVNode("",!0)],10,xe))),128))],4)]),e.createElementVNode("p",ke,e.toDisplayString(a.value("ui.errors.snake_instructions")),1)]))}}),be={class:"min-h-screen flex flex-col items-center justify-center bg-gray-100 p-4"},Se={class:"text-center mb-8"},Ee={class:"text-xl text-gray-600 mt-2"},we={class:"flex gap-4 mt-4"},Ne=e.defineComponent({__name:"OneNotFoundPage",props:{logoSrc:{type:String,default:void 0},homeTo:{type:[String,Object],default:"/"},withGame:{type:Boolean,default:!0},t:{type:Function,default:void 0}},setup(t){const r=t,m=b.useOnebI18n(),o=e.computed(()=>r.t??m),u=P.useRouter(),d=e.ref(!1),a=()=>{u?u.back():typeof window<"u"&&window.history.back()};return(i,p)=>{const f=e.resolveComponent("RouterLink");return e.openBlock(),e.createElementBlock("div",be,[e.createElementVNode("div",Se,[e.createVNode(j,{left:"4",right:"4","logo-src":t.logoSrc},e.createSlots({_:2},[i.$slots.logo?{name:"default",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"logo")]),key:"0"}:void 0]),1032,["logo-src"]),e.createElementVNode("p",Ee,e.toDisplayString(o.value("ui.errors.page_not_found")),1)]),t.withGame&&!d.value?(e.openBlock(),e.createElementBlock("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:p[0]||(p[0]=g=>d.value=!0)},e.toDisplayString(o.value("ui.errors.play_snake")),1)):e.createCommentVNode("",!0),d.value?(e.openBlock(),e.createBlock(F,{key:1,class:"max-w-2xl",t:o.value},null,8,["t"])):e.createCommentVNode("",!0),e.createElementVNode("div",we,[e.createVNode(f,{to:t.homeTo,class:"text-blue-600 hover:text-blue-700 underline text-sm","data-test":"nf-home"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.value("ui.errors.go_home")),1)]),_:1},8,["to"]),e.createElementVNode("button",{type:"button",class:"text-gray-600 hover:text-gray-700 underline text-sm","data-test":"nf-back",onClick:a},e.toDisplayString(o.value("ui.errors.go_back")),1)])])}}}),Ve={class:"min-h-screen flex flex-col items-center justify-center bg-gray-100 p-4"},Be={class:"text-center mb-8"},Ce={class:"text-xl text-gray-600 mt-2"},$e={class:"text-sm text-gray-500 mt-2 max-w-md mx-auto"},De={key:0,class:"mb-6 text-sm text-gray-600 text-center","data-test":"se-request"},Te={class:"flex flex-col items-center gap-4"},Oe=e.defineComponent({__name:"OneServerErrorPage",props:{logoSrc:{type:String,default:void 0},homeTo:{type:[String,Object],default:"/"},requestId:{type:String,default:void 0},t:{type:Function,default:void 0}},setup(t){const r=t,m=b.useOnebI18n(),o=e.computed(()=>r.t??m),u=e.ref(!1);let d=null;const a=async()=>{!r.requestId||!await U.copyToClipboard(r.requestId)||(u.value=!0,d!=null&&clearTimeout(d),d=setTimeout(()=>{u.value=!1,d=null},2e3))},i=()=>{window.location.reload()};return e.onBeforeUnmount(()=>{d!=null&&clearTimeout(d)}),(p,f)=>{const g=e.resolveComponent("RouterLink");return e.openBlock(),e.createElementBlock("div",Ve,[e.createElementVNode("div",Be,[e.createVNode(j,{left:"5",right:"0","logo-src":t.logoSrc},e.createSlots({_:2},[p.$slots.logo?{name:"default",fn:e.withCtx(()=>[e.renderSlot(p.$slots,"logo")]),key:"0"}:void 0]),1032,["logo-src"]),e.createElementVNode("p",Ce,e.toDisplayString(o.value("ui.errors.server_error")),1),e.createElementVNode("p",$e,e.toDisplayString(o.value("ui.errors.server_error_hint")),1)]),t.requestId?(e.openBlock(),e.createElementBlock("div",De,[e.createTextVNode(e.toDisplayString(o.value("ui.errors.request_id"))+": ",1),e.createElementVNode("strong",null,e.toDisplayString(t.requestId),1),e.createElementVNode("button",{type:"button",class:"ml-2 text-blue-600 hover:text-blue-700 underline","data-test":"se-copy",onClick:a},e.toDisplayString(u.value?o.value("ui.errors.copied"):o.value("ui.errors.copy")),1)])):e.createCommentVNode("",!0),e.createElementVNode("div",Te,[e.createElementVNode("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:i},e.toDisplayString(o.value("ui.errors.reload_page")),1),e.renderSlot(p.$slots,"support"),e.createVNode(g,{to:t.homeTo,class:"text-blue-600 hover:text-blue-700 underline text-sm","data-test":"se-home"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.value("ui.errors.go_home")),1)]),_:1},8,["to"])])])}}}),E=e.ref(!1),V=e.ref(null);function B(){return{show:E,error:V,trigger:m=>{E.value||(V.value=m,E.value=!0)},dismiss:()=>{E.value=!1,V.value=null}}}const qe={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"},Ie={class:"flex w-full max-w-[480px] flex-col items-center text-center"},ze={key:0,class:"mb-6"},Le=["src"],je={class:"mb-3 text-2xl font-semibold text-gray-900"},Fe={class:"mb-8 text-base text-gray-600","data-test":"crash-message"},Re={key:2,"data-test":"crash-details",class:"mt-6 text-xs text-gray-400"},Me=e.defineComponent({__name:"OneCrashScreen",props:{logoSrc:{type:String,default:void 0},accountUrl:{type:String,default:void 0},autoReloadSeconds:{type:Number,default:10},persistent:{type:Boolean,default:!1},showDetails:{type:Boolean,default:!1},t:{type:Function,default:void 0}},setup(t){const r=t,m=b.useOnebI18n(),o=e.computed(()=>r.t??m),{show:u,error:d}=B(),a=e.ref(r.autoReloadSeconds);let i=null;const p=e.computed(()=>{const c=d.value;return c instanceof Error?`${c.name}: ${c.message}`:String(c??"Unknown error")}),f=e.computed(()=>r.persistent?o.value("ui.crash.persistent"):a.value>0?o.value("ui.crash.countdown",{n:a.value}):o.value("ui.crash.reloading")),g=()=>{i!=null&&(clearInterval(i),i=null)},v=()=>{g(),window.location.reload()},y=()=>{r.accountUrl&&(g(),window.location.href=r.accountUrl)};return e.watch(u,c=>{g(),c&&(a.value=r.autoReloadSeconds,!r.persistent&&(i=setInterval(()=>{a.value-=1,a.value<=0&&(g(),window.location.reload())},1e3)))},{immediate:!0}),e.onBeforeUnmount(()=>{g()}),(c,_)=>e.unref(u)?(e.openBlock(),e.createElementBlock("div",qe,[e.createElementVNode("div",Ie,[t.logoSrc||c.$slots.logo?(e.openBlock(),e.createElementBlock("div",ze,[e.renderSlot(c.$slots,"logo",{},()=>[e.createElementVNode("img",{src:t.logoSrc,alt:"",class:"h-20 w-20"},null,8,Le)])])):e.createCommentVNode("",!0),e.createElementVNode("h1",je,e.toDisplayString(o.value("ui.crash.title")),1),e.createElementVNode("p",Fe,e.toDisplayString(f.value),1),e.createElementVNode("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:v},e.toDisplayString(o.value("ui.crash.reload_now")),1),t.accountUrl?(e.openBlock(),e.createElementBlock("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:y},e.toDisplayString(o.value("ui.crash.open_account")),1)):e.createCommentVNode("",!0),t.showDetails?(e.openBlock(),e.createElementBlock("p",Re,e.toDisplayString(p.value),1)):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)}});function He(t={}){const r=t.criticalInfos??["setup function","render function"];return(m,o,u)=>{var d;try{(d=t.onError)==null||d.call(t,m,u)}catch{}console.error("[Vue Error]",m,u),r.includes(u)&&(t.onCritical??B().trigger)(m)}}exports.OneCrashScreen=Me;exports.OneErrorPage=ee;exports.OneNotFoundPage=Ne;exports.OneServerErrorPage=Oe;exports.OneSnakeGame=F;exports.createAppErrorHandler=He;exports.useCrashState=B;