import {
    f as F,
    b as V1
} from "./numbers.js";
import {
    aF as sr,
    er as H1,
    Z as Mn,
    $ as Pn,
    a0 as An,
    a1 as Dn,
    a2 as Ln,
    a3 as xn,
    a4 as On,
    a5 as Bn,
    cV as si,
    bi as $n,
    bj as Nn,
    bk as Rn,
    bl as Vn,
    bm as Hn,
    bn as Un,
    bo as Yn,
    bp as Kn,
    bq as Gn,
    br as Fn,
    bs as zn,
    bt as Zn,
    bu as qn,
    bv as Wn,
    bw as jn,
    bx as Xn,
    by as Qn,
    bz as Jn,
    bA as ea,
    bB as ta,
    bC as sa,
    bD as ia,
    bE as na,
    bF as aa,
    bG as oa,
    bH as ra,
    bI as la,
    bJ as ca,
    bK as ma,
    bL as _a,
    bM as da,
    d3 as ii,
    cP as U1,
    cQ as ua,
    cR as ha,
    cS as ni,
    cT as pa,
    cU as ai,
    cW as ga,
    cX as oi,
    cY as ks,
    cZ as ba,
    c_ as va,
    c$ as Ca,
    d0 as ya,
    d1 as ri,
    d2 as fa,
    d4 as li,
    d5 as Ta,
    d6 as ci,
    d9 as Y1,
    da as K1,
    db as G1,
    d7 as F1,
    cM as z1,
    d8 as Z1,
    cO as q1,
    cN as W1,
    ae as ir,
    af as nr,
    ag as ar,
    ah as or,
    ai as rr,
    aj as lr,
    ak as cr,
    al as mr,
    am as _r,
    an as dr,
    ao as ur,
    ap as hr,
    aa as ze,
    A as Qe,
    ad as Je,
    h as kt,
    i as It,
    j as wt,
    k as St,
    l as Mt,
    m as Pt,
    n as At,
    o as Dt,
    p as et,
    q as tt,
    w as Lt,
    z as xt,
    L as Ot,
    M as st,
    R as Bt,
    S as $t,
    U as Nt,
    W as Rt,
    X as it,
    Y as Vt,
    ac as Ht,
    at as Ut,
    av as Yt,
    az as Kt,
    t as Ea,
    u as pr,
    v as gr,
    s as ka,
    r as mi,
    D as _i,
    V as di,
    ab as Is,
    au as ui,
    aw as hi,
    ax as pi,
    ay as Gt,
    I as gi,
    aq as br,
    ar as vr,
    as as Cr,
    x as j1,
    y as X1,
    B as yr,
    C as fr,
    E as Ia,
    F as wa,
    G as Sa,
    H as Ma,
    J as Pa,
    K as Aa,
    N as Tr,
    O as Er,
    P as kr,
    Q as Ir,
    T as Q1,
    a6 as J1,
    a7 as ec,
    a8 as tc,
    a9 as sc,
    dF as bi,
    cj as ic,
    ck as nc,
    cl as ac,
    cm as oc,
    cn as rc,
    co as lc,
    cp as cc,
    cq as mc,
    cr as _c,
    cs as dc,
    ct as uc,
    cu as hc,
    cv as pc,
    cw as gc,
    cx as bc,
    cy as vc,
    cz as Cc,
    cA as yc,
    cB as fc,
    cC as Tc,
    cD as Ec,
    cE as kc,
    cF as Ic,
    cG as wc,
    cH as Sc,
    cI as Mc,
    cJ as Pc,
    cK as Ac,
    cL as Dc,
    c0 as Lc,
    en as wr,
    eo as Sr,
    ep as Mr,
    eq as Pr,
    bP as Ar,
    c1 as xc,
    c2 as Dr,
    bW as Da,
    cg as Oc,
    ch as Bc,
    ci as $c,
    cf as Nc,
    cb as La,
    ca as Rc,
    cc as Vc,
    cd as Hc,
    ce as Uc,
    c9 as Yc,
    dS as vi,
    dT as Ci,
    dU as yi,
    dV as fi,
    dW as Ti,
    dX as Ei,
    dY as ki,
    d_ as Ii,
    d$ as wi,
    e0 as Si,
    e1 as Mi,
    e2 as Pi,
    e3 as Ai,
    e4 as Di,
    e5 as Li,
    e6 as xi,
    e7 as Oi,
    e8 as Bi,
    e9 as $i,
    ea as Ni,
    eb as Ri,
    ec as Vi,
    ed as Hi,
    ee as Ui,
    ef as Yi,
    eg as Ki,
    dZ as Lr,
    dE as xr,
    el as Or,
    _ as Kc,
    a as Gc,
    b as Fc,
    c as zc,
    d as Zc,
    e as qc,
    f as Wc,
    g as jc,
    dN as Gi,
    dO as Fi,
    dP as zi,
    dQ as Zi,
    dR as qi,
    dw as Wi,
    dg as xa,
    dh as Oa,
    di as Ba,
    dj as $a,
    dk as Na,
    dl as Ra,
    dm as Va,
    dn as Ha,
    dp as Ua,
    dq as Ya,
    dr as Ka,
    ds as Ga,
    dt as Fa,
    du as za,
    dv as Za,
    dx as qa,
    dy as Wa,
    dz as ja,
    dA as Xa,
    dB as Qa,
    dC as Ja,
    dD as eo,
    ek as Br,
    ej as $r,
    dK as Nr,
    dc as Xc,
    dd as Qc,
    de as Jc,
    df as em,
    dG as tm,
    dH as Rr,
    dI as Vr,
    dJ as Hr,
    dL as sm,
    dM as im,
    eh as nm,
    ei as am,
    em as om,
    bO as Ur,
    bb as rm,
    bc as lm,
    bd as cm,
    be as mm,
    bf as _m,
    bg as dm,
    bh as um,
    b9 as hm,
    ba as pm,
    bN as bm,
    bV as Yr,
    bU as Kr,
    bZ as Gr,
    bR as Fr,
    bQ as vm,
    bS as Cm,
    bT as ym,
    bX as fm,
    bY as Tm,
    c8 as Em,
    c4 as km,
    c3 as Im,
    c6 as wm,
    c7 as Sm,
    c5 as Mm,
    b_ as Pm,
    b$ as Am,
    aA as Dm,
    aB as Lm,
    aC as xm,
    aD as Om,
    aE as zr,
    aG as Zr,
    aH as Bm,
    aI as qr,
    aJ as $m,
    aK as Nm,
    aL as Rm,
    aM as Vm,
    aN as Hm,
    aO as Um,
    aP as Ym,
    aQ as Km,
    aR as Gm,
    aS as Fm,
    aT as zm,
    aU as Zm,
    aV as qm,
    aW as Wm,
    aX as jm,
    aY as Xm,
    aZ as Qm,
    a_ as Jm,
    a$ as e_,
    b0 as t_,
    b1 as s_,
    b2 as i_,
    b3 as n_,
    b4 as a_,
    b5 as o_,
    b6 as r_,
    b7 as l_,
    b8 as c_
} from "./icon-story.js";
import {
    o as a,
    c as r,
    a as n,
    t as C,
    n as T,
    _ as v,
    r as c,
    b as d,
    p as D,
    g as L,
    d as x,
    h as p,
    w as E,
    m as z,
    e as w,
    f as h,
    F as I,
    i as M,
    ad as Ce,
    a1 as m_,
    W as __,
    j as fe,
    A as Oo,
    ae as d_,
    T as ae,
    q as ji,
    af as ge,
    k as Ts,
    v as Es,
    V as to,
    Q as Xi,
    y as ei,
    H as u_,
    R as h_,
    ag as A,
    ah as vt,
    ai as Bo,
    aj as $o,
    ak as p_,
    al as In,
    am as xe,
    an as g_,
    ao as ye,
    ap as Fe,
    x as b_,
    a6 as No,
    N as v_,
    ac as Me,
    aq as bn
} from "./index.js";
import {
    B as q,
    W as so,
    T as Ft
} from "./Button3.js";
import {
    C as H,
    b as ws,
    c as Ss,
    d as Ms,
    e as Ps,
    a as As,
    f as Ds,
    g as Ls,
    h as xs,
    i as Os,
    j as Bs,
    k as $s,
    l as Ns,
    m as Rs,
    n as at,
    _ as zt,
    o as ot,
    p as Vs,
    q as Hs,
    r as Us,
    s as Ys,
    t as Ks
} from "./Button.js";
import {
    B as Pe
} from "./ButtonContainer.js";
import {
    C as rt
} from "./Close.js";
import {
    i as Ue,
    M as Zt,
    S as C_,
    H as y_,
    _ as f_
} from "./MenuMobileParamsMixin.js";
import {
    M as T_
} from "./MarkCounter.js";
import {
    w as j
} from "./dom.js";
import {
    _ as qt,
    a as Wt,
    b as jt,
    c as Xt,
    d as Qt,
    e as Jt,
    f as es,
    g as ts,
    h as ss,
    i as Ye,
    j as is,
    k as lt,
    l as ns,
    m as as,
    n as ct,
    o as Te,
    p as mt,
    q as os,
    r as _t,
    s as rs,
    t as ls
} from "./warning-icon.js";
import {
    _ as cs
} from "./icon-info.js";
import {
    M as Q,
    a as io,
    c as vn,
    d as Qs,
    b as Ve,
    e as E_
} from "./Modal.js";
import {
    C as W
} from "./ContaineredButton.js";
import {
    S as U,
    O as k_
} from "./ScrollableContainer.js";
import {
    _ as Ze
} from "./donate.js";
import {
    _ as Ae
} from "./money.js";
import {
    j as Wr,
    c as Cs,
    g as I_,
    f as jr,
    i as w_
} from "./time4.js";
import {
    M as S_,
    f as M_,
    R as P_,
    I as A_,
    a as D_
} from "./text.js";
import {
    I as Qi
} from "./InfoTooltip.js";
import {
    _ as Xr,
    a as Qr,
    b as Jr,
    c as el
} from "./unusual.js";
import {
    A as dt
} from "./AnimatedLogo.js";
import {
    _ as L_,
    a as x_,
    b as O_,
    c as B_,
    d as $_,
    e as N_,
    f as R_,
    g as V_,
    h as H_,
    i as U_,
    j as Y_,
    k as K_,
    l as G_,
    m as F_,
    n as z_,
    o as Z_,
    p as q_,
    q as W_,
    r as j_,
    s as X_,
    t as Q_,
    u as J_,
    v as ed,
    w as td,
    x as sd,
    y as id,
    z as nd,
    A as ad,
    B as od,
    C as rd,
    D as ld
} from "./gold_battle_pass.js";
import {
    r as Ro
} from "./carBrands.js";
import {
    P as cd
} from "./ProgressTimer.js";
import {
    U as Ji
} from "./UnitsTime.js";
import {
    M as De
} from "./ModalMobileButtons.js";
import {
    D as nt,
    p as ys,
    a as md
} from "./DailyRewardsPrizes.js";
import {
    c as tl
} from "./timeZone.js";
import {
    I as Ie
} from "./InputField.js";
import {
    T as Ke
} from "./TextHint.js";
import {
    G as en
} from "./GraffitiPattern.js";
import {
    _ as _d,
    a as dd,
    b as ud,
    c as hd,
    d as pd,
    e as gd,
    f as bd,
    g as vd,
    h as Cd,
    i as yd,
    j as fd,
    k as Td
} from "./emblem.js";
import {
    P as Ed,
    L as kd,
    M as Id,
    I as wd,
    C as Sd,
    p as Md,
    a as Pd,
    b as Ad,
    c as ds,
    d as Cn,
    h as Dd
} from "./IdentityCardTK.js";
import {
    L as Ld,
    D as te
} from "./IdentityCardMed.vue_vue_type_style_index_0_scoped_5223c197_lang.js";
import {
    _ as sl,
    a as il,
    b as nl,
    c as al,
    d as ol,
    e as rl,
    f as ll,
    g as cl,
    h as ml,
    i as _l,
    j as dl,
    k as ul,
    l as hl,
    m as pl,
    n as gl,
    o as bl,
    p as vl,
    q as Cl,
    r as yl,
    s as fl,
    t as Tl
} from "./telegram-authenticator.js";
import {
    _ as El
} from "./close2.js";
import {
    Q as Vo
} from "./QuestsInfo.js";
import {
    p as xd,
    C as no,
    R as Od
} from "./CheckboxRange.js";
import {
    _ as Bd,
    a as $d,
    b as Nd,
    c as Rd,
    d as Vd
} from "./yandex.js";
import {
    R as Hd
} from "./RangeSlider.js";
import {
    s as yn
} from "./colors.js";
import {
    _ as Ud,
    a as Yd,
    b as Kd,
    c as Gd,
    d as Fd,
    e as zd,
    f as Zd,
    g as qd
} from "./icon-silver-vip.js";
import {
    _ as Wd,
    a as jd,
    b as Xd,
    c as Qd,
    d as Jd,
    e as eu,
    f as tu,
    g as su,
    h as iu,
    i as nu,
    j as au,
    k as ou,
    l as ru,
    m as lu,
    n as cu,
    o as mu,
    p as _u,
    q as du,
    r as uu,
    s as hu,
    t as pu,
    u as gu,
    v as bu,
    w as vu,
    x as Cu,
    y as yu,
    z as fu,
    A as Tu,
    B as Eu,
    C as ku
} from "./92.js";
import {
    _ as Iu,
    a as wu
} from "./logo_radmir.js";
import {
    _ as Su
} from "./Map.vue_vue_type_style_index_0_scoped_787f71be_lang.js";
import {
    _ as Mu
} from "./icon-zoom.js";
import {
    _ as Pu
} from "./DefaultMapMarkerOverwrite.js";
import {
    c as Au,
    P as Oe,
    a as Ho,
    g as Du,
    b as fn
} from "./MainMap.js";
import {
    U as Lu
} from "./Button4.js";
import {
    M as xu
} from "./Point.js";
import {
    I as Ou
} from "./Back3.js";
import {
    O as Bu
} from "./Onboarding.js";
import {
    _ as $u
} from "./icon-warning_white.js"; /* empty css                                                      */ /* empty css                                                               */ /* empty css                                                           */
import "./CarShopInfo.js";
import "./ProgressTimerView.js";
import "./useTimer.js";
import "./line-pattern.js";
import "./ItemInfo.js";
import "./globals.js"; /* empty css                                          */
import "./ArrowButton.js"; /* empty css                                           */
import "./mod-mark.js";
import "./phoneSharingCar.js";
import "./array.js"; /* empty css                                                      */
import "./SpotlightOverlay.js";
const Nu = n("img", {
        class: "main-menu-tab-draw-members__icon",
        src: sr
    }, null, -1),
    Ru = {
        class: "main-menu-tab-draw-members__count"
    },
    Vu = n("div", {
        class: "main-menu-tab-draw-members__text"
    }, "УЧАСТНИКОВ", -1);

function Hu(e, t, s, l, o, i) {
    return a(), r("div", {
        class: T(["main-menu-tab-draw-members", {
            "main-menu-tab-draw-members_hidden": s.count <= 0
        }])
    }, [Nu, n("div", Ru, C(i.formatNumberWithSpaces(s.count)), 1), Vu], 2)
}
const Uu = {
        props: ["count"],
        methods: {
            formatNumberWithSpaces: F
        }
    },
    tn = v(Uu, [
        ["render", Hu]
    ]),
    kl = e => (D("data-v-b7fbfc3e"), e = e(), L(), e),
    Yu = {
        class: "main-menu-draw__content"
    },
    Ku = kl(() => n("div", {
        class: "main-menu-draw__title"
    }, "НОВОГОДНИЙ РОЗЫГРЫШ", -1)),
    Gu = kl(() => n("div", {
        class: "main-menu-draw__subtitle"
    }, "В честь дня рождения проекта и новогодних праздников мы подготовили грандиозный конкурс на 300 призовых мест!", -1)),
    Fu = {
        class: "main-menu-draw__buttons"
    };

function zu(e, t, s, l, o, i) {
    const m = c("DrawMembers"),
        _ = c("Button");
    return a(), r("div", {
        class: T(["main-menu-draw", {
            "main-menu-draw_mobile": i.isMobile
        }])
    }, [n("div", Yu, [d(m, {
        count: s.membersCount
    }, null, 8, ["count"]), Ku, Gu, n("div", Fu, [d(_, {
        class: "main-menu-draw__button",
        type: "white",
        text: "БАЛАНС БИЛЕТОВ",
        onClick: i.gotoTickets
    }, null, 8, ["onClick"]), d(_, {
        class: "main-menu-draw__button",
        type: "transparent",
        text: "Понятно",
        onClick: i.close
    }, null, 8, ["onClick"])])])], 2)
}
const Zu = {
        props: ["membersCount"],
        components: {
            DrawMembers: tn,
            Button: q
        },
        data() {
            return {}
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            }
        },
        methods: {
            close() {
                this.$emit("close")
            },
            gotoTickets() {
                this.$emit("goto:tickets")
            }
        }
    },
    qu = v(Zu, [
        ["render", zu],
        ["__scopeId", "data-v-b7fbfc3e"]
    ]);

function Wu(e, t, s, l, o, i) {
    return a(), r("div", {
        class: "main-menu-selected-tab-line",
        style: x(i.lineStyles)
    }, null, 4)
}
const ju = {
        props: {
            activeTabRef: Object
        },
        data() {
            return {
                lineWidth: 0,
                lineLeft: 0
            }
        },
        computed: {
            lineStyles() {
                return {
                    width: `${this.lineWidth}px`,
                    transform: `translateX(${this.lineLeft}px)`
                }
            }
        },
        methods: {
            updateLine(e) {
                if (!e) {
                    this.lineWidth = 0, this.lineLeft = 0;
                    return
                }
                this.lineWidth = e.offsetWidth, this.lineLeft = e.offsetLeft
            }
        }
    },
    Il = v(ju, [
        ["render", Wu],
        ["__scopeId", "data-v-6cf6d9ce"]
    ]),
    Xu = {
        mixins: [Ue]
    },
    Qu = {
        width: "16",
        height: "16",
        viewBox: "0 0 16 16",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    Ju = ["fill", "fill-opacity"];

function e2(e, t, s, l, o, i) {
    return a(), r("svg", Qu, [n("path", {
        d: "M8 8C6.9 8 5.95833 7.60833 5.175 6.825C4.39167 6.04167 4 5.1 4 4C4 2.9 4.39167 1.95833 5.175 1.175C5.95833 0.391667 6.9 0 8 0C9.1 0 10.0417 0.391667 10.825 1.175C11.6083 1.95833 12 2.9 12 4C12 5.1 11.6083 6.04167 10.825 6.825C10.0417 7.60833 9.1 8 8 8ZM2.8 16C1.2536 16 0 14.7464 0 13.2C0 12.6333 0.145833 12.1125 0.4375 11.6375C0.729167 11.1625 1.11667 10.8 1.6 10.55C2.63333 10.0333 3.68333 9.64583 4.75 9.3875C5.81667 9.12917 6.9 9 8 9C9.1 9 10.1833 9.12917 11.25 9.3875C12.3167 9.64583 13.3667 10.0333 14.4 10.55C14.8833 10.8 15.2708 11.1625 15.5625 11.6375C15.8542 12.1125 16 12.6333 16 13.2C16 14.7464 14.7464 16 13.2 16H2.8Z",
        fill: e.fillColor,
        "fill-opacity": e.fillOpacity
    }, null, 8, Ju)])
}
const t2 = v(Xu, [
        ["render", e2]
    ]),
    s2 = {
        mixins: [Ue]
    },
    i2 = {
        width: "18",
        height: "18",
        viewBox: "0 0 18 18",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    n2 = ["fill", "fill-opacity"];

function a2(e, t, s, l, o, i) {
    return a(), r("svg", i2, [n("path", {
        d: "M12 18L6 15.9L4.08396 16.6425C2.11787 17.4043 0 15.9537 0 13.8451V4.19527C0 2.91224 0.815926 1.77123 2.03005 1.3564L6 0L12 2.1L13.916 1.35754C15.8821 0.595674 18 2.04632 18 4.15486V13.8047C18 15.0878 17.1841 16.2288 15.9699 16.6436L12 18ZM11 15.55V3.85L7 2.45V14.15L11 15.55Z",
        fill: e.fillColor,
        "fill-opacity": e.fillOpacity
    }, null, 8, n2)])
}
const o2 = v(s2, [
        ["render", a2]
    ]),
    r2 = {
        mixins: [Ue]
    },
    l2 = {
        width: "20",
        height: "20",
        viewBox: "0 0 20 20",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    c2 = ["fill", "fill-opacity"];

function m2(e, t, s, l, o, i) {
    return a(), r("svg", l2, [n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M7.57812 1.00292C8.91583 -0.334303 11.0842 -0.334312 12.4219 1.00292L18.9971 7.57812C20.3343 8.91582 20.3343 11.0842 18.9971 12.4219L12.4219 18.9971C11.0842 20.3343 8.91582 20.3343 7.57812 18.9971L1.00292 12.4219C-0.334311 11.0842 -0.334305 8.91583 1.00292 7.57812L7.57812 1.00292ZM9.99999 13C9.17157 13 8.49999 13.6716 8.49999 14.5C8.49999 15.3284 9.17157 16 9.99999 16C10.8284 16 11.5 15.3284 11.5 14.5C11.5 13.6716 10.8284 13 9.99999 13ZM9.99999 3.99999C8.94453 3.99999 8.13414 4.93465 8.2832 5.97949L8.99999 11H11L11.7168 5.97949C11.8658 4.93466 11.0555 4 9.99999 3.99999Z",
        fill: e.fillColor,
        "fill-opacity": e.fillOpacity
    }, null, 8, c2)])
}
const _2 = v(r2, [
        ["render", m2]
    ]),
    d2 = {
        mixins: [Ue]
    },
    u2 = {
        width: "18",
        height: "20",
        viewBox: "0 0 18 20",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    h2 = ["fill", "fill-opacity"];

function p2(e, t, s, l, o, i) {
    return a(), r("svg", u2, [n("path", {
        d: "M3 20C1.34315 20 0 18.6569 0 17V5C0 3.34315 1.34315 2 3 2V1C3 0.447715 3.44772 0 4 0C4.55228 0 5 0.447715 5 1V2H13V1C13 0.447715 13.4477 0 14 0C14.5523 0 15 0.447715 15 1V2C16.6569 2 18 3.34315 18 5V17C18 18.6569 16.6569 20 15 20H3ZM2 18H16V8H2V18Z",
        fill: e.fillColor,
        "fill-opacity": e.fillOpacity
    }, null, 8, h2)])
}
const g2 = v(d2, [
        ["render", p2]
    ]),
    b2 = {
        mixins: [Ue]
    },
    v2 = {
        width: "20",
        height: "16",
        viewBox: "0 0 20 16",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    C2 = ["fill", "fill-opacity"];

function y2(e, t, s, l, o, i) {
    return a(), r("svg", v2, [n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M17 0C18.6569 0 20 1.34315 20 3V5C18.3431 5 17 6.34315 17 8C17 9.65685 18.3431 11 20 11V13C20 14.6569 18.6569 16 17 16H3C1.34315 16 0 14.6569 0 13V11C1.65685 11 3 9.65685 3 8C3 6.34315 1.65685 5 0 5V3C0 1.34315 1.34315 0 3 0H17ZM10.4355 2.79297C10.2764 2.40218 9.72358 2.40218 9.56445 2.79297L8.38867 5.68164L5.42871 5.94922C5.02068 5.98603 4.85161 6.49193 5.15527 6.76758L7.42969 8.83203L6.75098 11.9268C6.66165 12.3357 7.10916 12.6492 7.46191 12.4248L10 10.8105L12.5381 12.4248C12.8908 12.6492 13.3383 12.3357 13.249 11.9268L12.5703 8.83203L14.8447 6.76758C15.1484 6.49193 14.9793 5.98603 14.5713 5.94922L11.6113 5.68164L10.4355 2.79297Z",
        fill: e.fillColor,
        "fill-opacity": e.fillOpacity
    }, null, 8, C2)])
}
const f2 = v(b2, [
        ["render", y2]
    ]),
    T2 = {
        mixins: [Ue]
    },
    E2 = {
        width: "19",
        height: "19",
        viewBox: "0 0 19 19",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    k2 = ["fill", "fill-opacity"];

function I2(e, t, s, l, o, i) {
    return a(), r("svg", E2, [n("path", {
        d: "M9.12083 14.6667C9.44167 14.6667 9.71285 14.5559 9.93438 14.3344C10.1559 14.1128 10.2667 13.8417 10.2667 13.5208C10.2667 13.2 10.1559 12.9288 9.93438 12.7073C9.71285 12.4858 9.44167 12.375 9.12083 12.375C8.8 12.375 8.52882 12.4858 8.30729 12.7073C8.08576 12.9288 7.975 13.2 7.975 13.5208C7.975 13.8417 8.08576 14.1128 8.30729 14.3344C8.52882 14.5559 8.8 14.6667 9.12083 14.6667ZM8.33213 10.2906C8.28561 10.7565 8.67546 11.1375 9.14375 11.1375C9.61204 11.1375 9.97057 10.7529 10.0635 10.2939C10.0897 10.1645 10.123 10.0485 10.1635 9.94583C10.2781 9.65556 10.6028 9.25833 11.1375 8.75417C11.5347 8.35694 11.8479 7.97882 12.0771 7.61979C12.3063 7.26076 12.4208 6.82917 12.4208 6.325C12.4208 5.46944 12.1076 4.8125 11.4813 4.35417C10.8549 3.89583 10.1139 3.66667 9.25833 3.66667C8.3875 3.66667 7.6809 3.89583 7.13854 4.35417C6.79878 4.64129 6.52348 4.96438 6.31262 5.32344C6.10003 5.68546 6.31016 6.12471 6.70077 6.27859C7.13694 6.45041 7.64499 6.20465 7.93071 5.833C7.96289 5.79116 7.99674 5.74891 8.03229 5.70625C8.29965 5.38542 8.70833 5.225 9.25833 5.225C9.74722 5.225 10.1139 5.35868 10.3583 5.62604C10.6028 5.8934 10.725 6.1875 10.725 6.50833C10.725 6.81389 10.6333 7.10035 10.45 7.36771C10.2667 7.63507 10.0375 7.88333 9.7625 8.1125C9.09028 8.70833 8.67778 9.15903 8.525 9.46458C8.43302 9.64854 8.36873 9.92387 8.33213 10.2906ZM9.16667 18.3333C7.89861 18.3333 6.70694 18.0927 5.59167 17.6115C4.47639 17.1302 3.50625 16.4771 2.68125 15.6521C1.85625 14.8271 1.20313 13.8569 0.721875 12.7417C0.240625 11.6264 0 10.4347 0 9.16667C0 7.89861 0.240625 6.70694 0.721875 5.59167C1.20313 4.47639 1.85625 3.50625 2.68125 2.68125C3.50625 1.85625 4.47639 1.20313 5.59167 0.721875C6.70694 0.240625 7.89861 0 9.16667 0C10.4347 0 11.6264 0.240625 12.7417 0.721875C13.8569 1.20313 14.8271 1.85625 15.6521 2.68125C16.4771 3.50625 17.1302 4.47639 17.6115 5.59167C18.0927 6.70694 18.3333 7.89861 18.3333 9.16667C18.3333 10.4347 18.0927 11.6264 17.6115 12.7417C17.1302 13.8569 16.4771 14.8271 15.6521 15.6521C14.8271 16.4771 13.8569 17.1302 12.7417 17.6115C11.6264 18.0927 10.4347 18.3333 9.16667 18.3333Z",
        fill: e.fillColor,
        "fill-opacity": e.fillOpacity
    }, null, 8, k2)])
}
const w2 = v(T2, [
        ["render", I2]
    ]),
    S2 = {},
    M2 = {
        width: "42",
        height: "42",
        viewBox: "0 0 42 42",
        fill: "white",
        xmlns: "http://www.w3.org/2000/svg"
    },
    P2 = n("path", {
        d: "M7.29129 27.0171C7.74112 25.2426 9.33809 24 11.1686 24H30.8314C32.6619 24 34.2589 25.2426 34.7087 27.0171L36.7368 35.0171C37.3776 37.5448 35.4672 40 32.8594 40H9.14057C6.53283 40 4.62241 37.5448 5.26322 35.0171L7.29129 27.0171Z"
    }, null, -1),
    A2 = n("circle", {
        cx: "21",
        cy: "10",
        r: "8"
    }, null, -1),
    D2 = [P2, A2];

function L2(e, t) {
    return a(), r("svg", M2, D2)
}
const x2 = v(S2, [
        ["render", L2]
    ]),
    O2 = {
        mixins: [Ue]
    },
    B2 = {
        width: "18",
        height: "17",
        viewBox: "0 0 18 17",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    $2 = ["fill", "fill-opacity"];

function N2(e, t, s, l, o, i) {
    return a(), r("svg", B2, [n("path", {
        d: "M12.2274 16.833C11.6118 17.0604 11 16.5706 11 15.9144C11 15.4585 11.3048 15.0649 11.7274 14.894C12.8956 14.4218 13.8615 13.672 14.625 12.6447C15.5417 11.4114 16 10.0114 16 8.44474C16 6.87807 15.5417 5.47807 14.625 4.24474C13.8615 3.21747 12.8956 2.4677 11.7274 1.99544C11.3048 1.82459 11 1.43093 11 0.975085C11 0.318889 11.6118 -0.170877 12.2274 0.0564858C13.7433 0.616442 15.0176 1.54169 16.05 2.83224C17.35 4.45724 18 6.32807 18 8.44474C18 10.5614 17.35 12.4322 16.05 14.0572C15.0176 15.3478 13.7433 16.273 12.2274 16.833ZM3 11.4697C1.34315 11.4697 0 10.1266 0 8.46974C0 6.81289 1.34315 5.46974 3 5.46974H4L6.43934 3.0304C7.38429 2.08545 9 2.7547 9 4.09106V12.8484C9 14.1848 7.38429 14.854 6.43934 13.9091L4 11.4697H3ZM11 12.4697V4.41974C11.7833 4.78641 12.3958 5.33641 12.8375 6.06974C13.2792 6.80307 13.5 7.60307 13.5 8.46974C13.5 9.31974 13.2792 10.1072 12.8375 10.8322C12.3958 11.5572 11.7833 12.1031 11 12.4697Z",
        fill: e.fillColor,
        "fill-opacity": e.fillOpacity
    }, null, 8, $2)])
}
const R2 = v(O2, [
        ["render", N2]
    ]),
    V2 = {
        mixins: [Ue]
    },
    H2 = {
        width: "20",
        height: "20",
        viewBox: "0 0 20 20",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    U2 = ["fill", "fill-opacity"];

function Y2(e, t, s, l, o, i) {
    return a(), r("svg", H2, [n("path", {
        d: "M10 20C8.63333 20 7.34167 19.7375 6.125 19.2125C4.90833 18.6875 3.84583 17.9708 2.9375 17.0625C2.02917 16.1542 1.3125 15.0917 0.7875 13.875C0.2625 12.6583 0 11.3667 0 10C0 8.61667 0.270833 7.31667 0.8125 6.1C1.35417 4.88333 2.0875 3.825 3.0125 2.925C3.9375 2.025 5.01667 1.3125 6.25 0.7875C7.48333 0.2625 8.8 0 10.2 0C11.5333 0 12.7917 0.229167 13.975 0.6875C15.1583 1.14583 16.1958 1.77917 17.0875 2.5875C17.9792 3.39583 18.6875 4.35417 19.2125 5.4625C19.7375 6.57083 20 7.76667 20 9.05C20 10.9667 19.4167 12.4375 18.25 13.4625C17.0833 14.4875 15.6667 15 14 15H12.15C12 15 11.8958 15.0417 11.8375 15.125C11.7792 15.2083 11.75 15.3 11.75 15.4C11.75 15.6 11.875 15.8875 12.125 16.2625C12.375 16.6375 12.5 17.0667 12.5 17.55C12.5 18.3833 12.2708 19 11.8125 19.4C11.3542 19.8 10.75 20 10 20ZM4.5 11C4.93333 11 5.29167 10.8583 5.575 10.575C5.85833 10.2917 6 9.93333 6 9.5C6 9.06667 5.85833 8.70833 5.575 8.425C5.29167 8.14167 4.93333 8 4.5 8C4.06667 8 3.70833 8.14167 3.425 8.425C3.14167 8.70833 3 9.06667 3 9.5C3 9.93333 3.14167 10.2917 3.425 10.575C3.70833 10.8583 4.06667 11 4.5 11ZM7.5 7C7.93333 7 8.29167 6.85833 8.575 6.575C8.85833 6.29167 9 5.93333 9 5.5C9 5.06667 8.85833 4.70833 8.575 4.425C8.29167 4.14167 7.93333 4 7.5 4C7.06667 4 6.70833 4.14167 6.425 4.425C6.14167 4.70833 6 5.06667 6 5.5C6 5.93333 6.14167 6.29167 6.425 6.575C6.70833 6.85833 7.06667 7 7.5 7ZM12.5 7C12.9333 7 13.2917 6.85833 13.575 6.575C13.8583 6.29167 14 5.93333 14 5.5C14 5.06667 13.8583 4.70833 13.575 4.425C13.2917 4.14167 12.9333 4 12.5 4C12.0667 4 11.7083 4.14167 11.425 4.425C11.1417 4.70833 11 5.06667 11 5.5C11 5.93333 11.1417 6.29167 11.425 6.575C11.7083 6.85833 12.0667 7 12.5 7ZM15.5 11C15.9333 11 16.2917 10.8583 16.575 10.575C16.8583 10.2917 17 9.93333 17 9.5C17 9.06667 16.8583 8.70833 16.575 8.425C16.2917 8.14167 15.9333 8 15.5 8C15.0667 8 14.7083 8.14167 14.425 8.425C14.1417 8.70833 14 9.06667 14 9.5C14 9.93333 14.1417 10.2917 14.425 10.575C14.7083 10.8583 15.0667 11 15.5 11Z",
        fill: e.fillColor,
        "fill-opacity": e.fillOpacity
    }, null, 8, U2)])
}
const K2 = v(V2, [
        ["render", Y2]
    ]),
    G2 = {
        mixins: [Ue]
    },
    F2 = {
        width: "20",
        height: "12",
        viewBox: "0 0 20 12",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    z2 = ["fill", "fill-opacity"];

function Z2(e, t, s, l, o, i) {
    return a(), r("svg", F2, [n("path", {
        d: "M3 12C1.34315 12 0 10.6569 0 9V3C0 1.34315 1.34315 0 3 0H17C18.6569 0 20 1.34315 20 3V9C20 10.6569 18.6569 12 17 12H3ZM5 8C5 8.55228 5.44772 9 6 9C6.55228 9 7 8.55228 7 8V7H8C8.55228 7 9 6.55228 9 6C9 5.44772 8.55228 5 8 5H7V4C7 3.44772 6.55228 3 6 3C5.44772 3 5 3.44772 5 4V5H4C3.44772 5 3 5.44772 3 6C3 6.55228 3.44772 7 4 7H5V8ZM12.5 9C12.9167 9 13.2708 8.85417 13.5625 8.5625C13.8542 8.27083 14 7.91667 14 7.5C14 7.08333 13.8542 6.72917 13.5625 6.4375C13.2708 6.14583 12.9167 6 12.5 6C12.0833 6 11.7292 6.14583 11.4375 6.4375C11.1458 6.72917 11 7.08333 11 7.5C11 7.91667 11.1458 8.27083 11.4375 8.5625C11.7292 8.85417 12.0833 9 12.5 9ZM15.5 6C15.9167 6 16.2708 5.85417 16.5625 5.5625C16.8542 5.27083 17 4.91667 17 4.5C17 4.08333 16.8542 3.72917 16.5625 3.4375C16.2708 3.14583 15.9167 3 15.5 3C15.0833 3 14.7292 3.14583 14.4375 3.4375C14.1458 3.72917 14 4.08333 14 4.5C14 4.91667 14.1458 5.27083 14.4375 5.5625C14.7292 5.85417 15.0833 6 15.5 6Z",
        fill: e.fillColor,
        "fill-opacity": e.fillOpacity
    }, null, 8, z2)])
}
const q2 = v(G2, [
        ["render", Z2]
    ]),
    W2 = {
        key: 0,
        class: "main-menu-header__tab-label"
    };

function j2(e, t, s, l, o, i) {
    return a(), p(z(i.hoverComponent), {
        class: T(["main-menu-header__tab", `main-menu-header__tab_${s.tab.name.toLowerCase()}`, i.classes]),
        borderRadiusPx: s.isMobile ? 35 : -1,
        borderWidthPx: s.isMobile ? 2 : -1,
        theme: s.isActive ? "yellow" : "dim-gray",
        isAnimated: i.isSquare,
        isBright: s.isActive,
        disableHover: s.isActive,
        onMouseenter: t[0] || (t[0] = m => o.isHovered = !0),
        onMouseleave: t[1] || (t[1] = m => o.isHovered = !1)
    }, {
        default: E(() => [(a(), p(z(`${s.tab.icon}TabIcon`), {
            class: "main-menu-header__tab-icon",
            isWhite: s.isDesktopSquare || s.isMobile,
            colorActive: s.isActive,
            isHovered: o.isHovered && !s.isActive
        }, null, 8, ["isWhite", "colorActive", "isHovered"])), !i.isSquareMobile && !s.isDesktopSquare && !s.isMobile ? (a(), r("div", W2, [w(C(i.label), 1), i.isShowMark && !s.isMobile && !s.isDesktopSquare ? (a(), p(z(i.markComponent), {
            key: 0,
            class: T(["main-menu-header__tab-mark", {
                "main-menu-header__tab-mark_counter": i.isMarkCounter
            }]),
            isAnimated: s.tab.mark.status,
            count: s.tab.mark.count
        }, null, 8, ["isAnimated", "count", "class"])) : h("", !0)])) : h("", !0), i.isShowMark && (s.isMobile || s.isDesktopSquare) ? (a(), p(z(i.markComponent), {
            key: 1,
            class: T(["main-menu-header__tab-mark main-menu-header__tab-mark_desktop-square", {
                "main-menu-header__tab-mark_counter": i.isMarkCounter
            }]),
            isAnimated: s.tab.mark.status,
            count: s.tab.mark.count
        }, null, 8, ["isAnimated", "count", "class"])) : h("", !0)]),
        _: 1
    }, 40, ["borderRadiusPx", "borderWidthPx", "theme", "isAnimated", "class", "isBright", "disableHover"])
}
const X2 = {
        props: {
            isActive: {
                default: !1
            },
            tab: {
                type: Object,
                required: !0
            },
            isDesktopSquare: {
                default: !1
            },
            isMobile: {
                default: !1
            }
        },
        components: {
            WidgetWrapper: so,
            Mark: Zt,
            MarkCounter: T_,
            StatisticsTabIcon: t2,
            MapTabIcon: o2,
            TasksTabIcon: _2,
            RewardsTabIcon: g2,
            BattlePassTabIcon: f2,
            HelpTabIcon: w2,
            SettingsTabIcon: C_,
            AccountTabIcon: x2,
            SoundTabIcon: R2,
            GraphicsTabIcon: K2,
            ControlsTabIcon: q2
        },
        data() {
            return {
                isHovered: !1
            }
        },
        computed: {
            classes() {
                return {
                    "main-menu-header__tab_active": this.isActive
                }
            },
            isSquare() {
                return this.isDesktopSquare || this.isSquareMobile
            },
            label() {
                return (this.isDesktopSquare || this.isMobile) && this.tab.smallLabel ? this.tab.smallLabel : this.tab.label
            },
            hoverComponent() {
                return this.isDesktopSquare || this.isMobile ? "WidgetWrapper" : "GlobalHoverWrapper"
            },
            markComponent() {
                return this.tab.mark && this.tab.mark.count > 0 ? "MarkCounter" : "Mark"
            },
            isMarkCounter() {
                return this.tab.mark && this.tab.mark.count > 0
            },
            isShowMark() {
                return this.tab.mark && this.tab.mark.status || this.tab.mark && this.tab.mark.count > 0
            },
            isBattlePass() {
                return this.tab.name.toLowerCase() === "battlepass"
            },
            isRewards() {
                return this.tab.name.toLowerCase() === "rewards"
            },
            isSquareMobile() {
                return this.$root.isSquareMobile
            }
        }
    },
    wl = v(X2, [
        ["render", j2],
        ["__scopeId", "data-v-415c2766"]
    ]),
    Q2 = {
        key: 0,
        class: "main-menu-header__bottom-line"
    },
    J2 = {
        class: "main-menu-header__col main-menu-header__col_1"
    },
    e3 = {
        class: "main-menu-header__tabs"
    },
    t3 = {
        class: "main-menu-header__content"
    },
    s3 = {
        class: "main-menu-header__content-wrapper"
    };

function i3(e, t, s, l, o, i) {
    const m = c("ControlsButton"),
        _ = c("ControlsButtonContainer"),
        b = c("ControlsClose"),
        u = c("SelectedTabLine"),
        g = c("HeaderTab"),
        y = c("HeaderRightBlock");
    return a(), r("div", {
        class: T(["main-menu-header", i.classes])
    }, [s.isMobile ? h("", !0) : (a(), r("div", Q2)), n("div", J2, [s.isMobile ? (a(), r("div", {
        key: 1,
        class: T(["main-menu-header__close-mobile", {
            "main-menu-header__close-mobile_hidden": !s.showCloseButton
        }])
    }, [d(b, {
        onClick: t[1] || (t[1] = f => e.$emit("close")),
        isMobile: s.isMobile,
        type: 4
    }, null, 8, ["isMobile"])], 2)) : (a(), p(_, {
        key: 0,
        class: T(["main-menu-header__controls main-menu-header__controls_back", {
            "main-menu-header__controls_hidden": !s.showCloseButton
        }]),
        text: s.canBack ? "Назад" : "Закрыть"
    }, {
        default: E(() => [d(m, {
            onPressed: t[0] || (t[0] = f => e.$emit("close")),
            disabled: s.disabledControlButtons || s.storeModalIsOpened,
            keyCode: o.KEY_CODE_ESC,
            pressSound: "UI/UI_back_esc_1.mp3",
            allowAlternativeKey: s.isAlternativeCloseKeyAllowed
        }, null, 8, ["disabled", "keyCode", "allowAlternativeKey"])]),
        _: 1
    }, 8, ["class", "text"])), n("div", e3, [n("div", t3, [n("div", s3, [!s.isDesktopSquare && !s.isMobile ? (a(), p(u, {
        key: 0,
        class: "main-menu-header__selected-line",
        ref: "tabLine"
    }, null, 512)) : h("", !0), (a(!0), r(I, null, M(s.tabs, (f, k) => (a(), p(g, {
        key: k,
        isActive: f.name === s.currentTabName || s.currentTab && f.name === s.currentTab.target,
        tab: f,
        isDesktopSquare: s.isDesktopSquare,
        isMobile: s.isMobile,
        ref_for: !0,
        ref: "tabs",
        onClick: S => i.selectTab(f.name)
    }, null, 8, ["isActive", "tab", "isDesktopSquare", "isMobile", "onClick"]))), 128))])])])]), s.isPlayerConnected ? (a(), p(y, {
        key: 1,
        class: "main-menu-header__right",
        player: s.player,
        isMobile: s.isMobile,
        isMainMenu: !0,
        isSettings: s.isSettings,
        currentTabName: s.currentTabName,
        disabledControlButtons: s.disabledControlButtons,
        isDesktopSquare: s.isDesktopSquare,
        storeModalIsOpened: s.storeModalIsOpened,
        storeTab: s.allTabs.find(f => f.name === "Store"),
        onOnClickBag: t[2] || (t[2] = f => e.$emit("onClickBag")),
        onOnClickSettings: t[3] || (t[3] = f => e.$emit("onClickSettings")),
        onOnClickHome: t[4] || (t[4] = f => e.$emit("onClickHome")),
        onOnClickMoney: t[5] || (t[5] = f => e.$emit("onClickMoney")),
        onOnClickDonate: t[6] || (t[6] = f => e.$emit("onClickDonate"))
    }, null, 8, ["player", "isMobile", "isSettings", "currentTabName", "disabledControlButtons", "isDesktopSquare", "storeModalIsOpened", "storeTab"])) : h("", !0)], 2)
}
const n3 = {
        props: {
            player: Object,
            isPlayerConnected: Boolean,
            isMobile: Boolean,
            isSettings: Boolean,
            isDesktopSquare: Boolean,
            canBack: Boolean,
            tabs: Array,
            currentTab: Object,
            currentTabName: String,
            disabledControlButtons: Boolean,
            isAlternativeCloseKeyAllowed: {
                type: Boolean,
                default: !0
            },
            storeModalIsOpened: [Boolean, Number],
            showCloseButton: Boolean,
            allTabs: Array
        },
        components: {
            ControlsButton: H,
            ControlsButtonContainer: Pe,
            SelectedTabLine: Il,
            HeaderRightBlock: y_,
            HeaderTab: wl,
            Mark: Zt,
            ControlsClose: rt
        },
        data() {
            return {
                KEY_CODE_ESC: window.KEY_CODE_ESC,
                KEY_CODE_Q: window.KEY_CODE_Q,
                KEY_CODE_E: window.KEY_CODE_E
            }
        },
        computed: {
            classes() {
                return {
                    "main-menu-header_store-modal": this.storeModalIsOpened,
                    "main-menu-header_square": this.isDesktopSquare,
                    "main-menu-header_square-mobile": this.isSquareMobile
                }
            },
            isSquareMobile() {
                return this.$root.isSquareMobile
            }
        },
        mounted() {
            this.updateTabLine()
        },
        methods: {
            selectTab(e) {
                this.$emit("selectTab", e)
            },
            updateTabLine() {
                j(() => {
                    var t;
                    if (!this.$refs.tabs || !this.$refs.tabLine) return;
                    const e = this.tabs.findIndex(s => s.name === this.currentTabName || this.currentTab && s.name === this.currentTab.target);
                    this.$refs.tabLine.updateLine((t = this.$refs.tabs[e]) == null ? void 0 : t.$el)
                })
            }
        },
        watch: {
            currentTab() {
                this.updateTabLine()
            }
        }
    },
    a3 = v(n3, [
        ["render", i3]
    ]),
    X = {
        DEFAULT: 0,
        XL: 1,
        XXL: 2
    },
    fs = {
        DEFAULT: 0,
        OLD: 1
    },
    Z = {
        DONATE: 0,
        CURRENCY: 1,
        USD: 2,
        RUB: 3,
        BATTLE_PASS_GOLD: 4
    },
    o3 = {
        key: 0,
        class: "main-menu-item-price__line"
    },
    r3 = {
        key: 1,
        class: "main-menu-item-price__icon main-menu-item-price__icon_usd"
    };

function l3(e, t, s, l, o, i) {
    return a(), r("div", {
        class: T(["main-menu-item-price", i.classes])
    }, [s.styleType === o.STYLE_TYPES.OLD ? (a(), r("div", o3)) : h("", !0), i.isUsd ? (a(), r("div", r3, "$")) : (a(), r("div", {
        key: 2,
        class: "main-menu-item-price__icon",
        style: x({
            backgroundImage: `url(${i.icon})`
        })
    }, null, 4)), w(C(i.formattedPrice), 1)], 2)
}
const c3 = {
        props: {
            sizeType: {
                type: Number,
                required: !1,
                default: X.DEFAULT
            },
            styleType: {
                type: Number,
                required: !1,
                default: fs.DEFAULT
            },
            type: {
                type: Number,
                required: !1,
                default: Z.DONATE
            },
            price: {
                type: Number,
                required: !1,
                default: 0
            },
            areMillionsShortened: {
                type: Boolean,
                default: !1
            }
        },
        data() {
            return {
                SIZE_TYPES: X,
                STYLE_TYPES: fs,
                images: Object.assign({
                    "/src/assets/images/icons/backspace-icon.png": ws,
                    "/src/assets/images/icons/check.png": Ss,
                    "/src/assets/images/icons/cross.png": Ms,
                    "/src/assets/images/icons/donate.png": Ze,
                    "/src/assets/images/icons/dots.png": Ps,
                    "/src/assets/images/icons/enter-button-icon.png": As,
                    "/src/assets/images/icons/enter-icon.png": Ds,
                    "/src/assets/images/icons/icon-capacity.png": Ls,
                    "/src/assets/images/icons/icon-damage.png": xs,
                    "/src/assets/images/icons/icon-fuel-type.png": Os,
                    "/src/assets/images/icons/icon-max-fuel.png": Bs,
                    "/src/assets/images/icons/icon-max-seats.png": $s,
                    "/src/assets/images/icons/left-mouse.png": Ns,
                    "/src/assets/images/icons/middle-mouse.png": Rs,
                    "/src/assets/images/icons/minus.png": at,
                    "/src/assets/images/icons/money.png": Ae,
                    "/src/assets/images/icons/money_small.png": zt,
                    "/src/assets/images/icons/plus.png": ot,
                    "/src/assets/images/icons/question-mark-glow.png": Vs,
                    "/src/assets/images/icons/question-mark.png": Hs,
                    "/src/assets/images/icons/right-mouse.png": Us,
                    "/src/assets/images/icons/rub.png": Ys,
                    "/src/assets/images/icons/tab-icon.png": Ks
                })
            }
        },
        computed: {
            icon() {
                return this.type === Z.CURRENCY ? this.images["/src/assets/images/icons/money.png"] : this.type === Z.RUB ? this.images["/src/assets/images/icons/rub.png"] : this.type === Z.BATTLE_PASS_GOLD ? Object.assign({
                    "/src/assets/images/main-menu/battle-pass/card/gold.png": H1
                })["/src/assets/images/main-menu/battle-pass/card/gold.png"].default : this.images["/src/assets/images/icons/donate.png"]
            },
            classes() {
                return {
                    "main-menu-item-price_xl": this.sizeType === X.XL,
                    "main-menu-item-price_xxl": this.sizeType === X.XXL,
                    "main-menu-item-price_old": this.styleType === fs.OLD,
                    "main-menu-item-price_currency": this.type === Z.CURRENCY,
                    "main-menu-item-price_usd": this.isUsd,
                    "main-menu-item-price_rub": this.isRub
                }
            },
            isUsd() {
                return this.type === Z.USD
            },
            isRub() {
                return this.type === Z.RUB
            },
            formattedPrice() {
                const e = this.price / 1e6;
                return e >= 1 && this.areMillionsShortened ? `${e} млн` : F(this.price)
            }
        }
    },
    m3 = v(c3, [
        ["render", l3],
        ["__scopeId", "data-v-a4708724"]
    ]),
    _3 = {
        key: 0,
        class: "main-menu-pricing-block__title"
    },
    d3 = {
        class: "main-menu-pricing-block__prices"
    },
    u3 = {
        key: 1,
        class: "main-menu-pricing-block__price-old"
    },
    h3 = {
        key: 1,
        class: "main-menu-pricing-block__discount"
    };

function p3(e, t, s, l, o, i) {
    const m = c("ItemPrice");
    return a(), r("div", {
        class: T(["main-menu-pricing-block", i.classes])
    }, [s.isShowTitle ? (a(), r("div", _3, "ИТОГО К ОПЛАТЕ")) : h("", !0), n("div", d3, [s.price ? (a(), p(m, {
        key: 0,
        style: x({
            opacity: s.priceOpacity
        }),
        price: s.price,
        sizeType: s.sizeType,
        type: s.type,
        areMillionsShortened: s.areMillionsShortened
    }, null, 8, ["style", "price", "sizeType", "type", "areMillionsShortened"])) : h("", !0), s.oldPrice && s.oldPrice > s.price ? (a(), r("div", u3, [s.oldPrice ? (a(), p(m, {
        key: 0,
        price: s.oldPrice,
        styleType: o.STYLE_TYPES.OLD,
        sizeType: s.sizeType,
        type: s.type,
        areMillionsShortened: s.areMillionsShortened
    }, null, 8, ["price", "styleType", "sizeType", "type", "areMillionsShortened"])) : h("", !0), i.discountPercent > 0 ? (a(), r("div", h3, "-" + C(i.discountPercent) + "%", 1)) : h("", !0)])) : h("", !0)])], 2)
}
const g3 = {
        props: {
            isShowTitle: {
                type: Boolean,
                default: !0
            },
            isInline: {
                type: Boolean,
                default: !1
            },
            isBigTitleOffset: {
                type: Boolean,
                default: !1
            },
            sizeType: {
                type: Number,
                default: X.DEFAULT
            },
            type: {
                type: Number,
                default: Z.DONATE
            },
            price: {
                type: Number,
                default: 0
            },
            oldPrice: {
                type: Number,
                default: 0
            },
            areMillionsShortened: {
                type: Boolean,
                default: !1
            },
            priceOpacity: {
                type: Number,
                default: 1
            }
        },
        components: {
            ItemPrice: m3
        },
        data() {
            return {
                SIZE_TYPES: X,
                STYLE_TYPES: fs,
                TYPES: Z
            }
        },
        computed: {
            classes() {
                return {
                    "main-menu-pricing-block_inline": this.isInline,
                    "main-menu-pricing-block_big-title-offset": this.isBigTitleOffset
                }
            },
            discountPercent() {
                return this.oldPrice <= 0 ? 0 : 100 - Math.round(this.price / this.oldPrice * 100)
            }
        }
    },
    pe = v(g3, [
        ["render", p3]
    ]),
    ne = {
        DISCOUNTS: 0,
        DONATE_CURRENCY: 1,
        CURRENCY: 2,
        BUNDLES: 3,
        SPECIAL: 4,
        VIP: 5,
        OTHER: 6
    },
    P = {
        COMMON: 0,
        INPUT: 1,
        TATTOO: 2,
        NUMBER_PLATE: 3,
        CONVERT: 4,
        VIP: 5,
        NICKNAME: 6,
        DONATE: 7,
        CARS: 8,
        CURRENCY: 9,
        SKILL: 10
    },
    b3 = [P.COMMON, P.NUMBER_PLATE, P.VIP, P.CARS, P.CURRENCY],
    V = {
        DEFAULT: 0,
        GREEN: 1,
        YELLOW: 2,
        YELLOW_2: 3,
        BLUE: 4,
        YELLOW_3: 5,
        YELLOW_4: 6
    },
    N = {
        NONE: -1,
        SILVER: 0,
        GOLD: 1,
        PLATINUM: 2
    },
    us = {
        SKIN: 0,
        ACCESSORY: 1,
        INVENTORY_ITEM: 2,
        CARS: 3
    },
    ue = {
        MONTH: 0,
        YEAR: 1
    },
    v3 = [{
        groupType: ne.DONATE_CURRENCY,
        label: "Донат-валюта",
        items: [
            [{
                label: "",
                text: "7500000",
                clientProductId: "",
                image: 22,
                type: P.DONATE,
                colorType: V.YELLOW,
                isNew: !1,
                isShowButtonPrice: !0,
                isAvailableForCart: !1,
                maxQuantity: 1,
                price: {
                    current: 399,
                    old: 0
                },
                data: {
                    description: ""
                }
            }],
            [{
                label: "",
                text: "5800000",
                clientProductId: "",
                image: 22,
                isShowButtonPrice: !0,
                type: P.DONATE,
                colorType: V.YELLOW,
                isNew: !0,
                isAvailableForCart: !1,
                maxQuantity: 1,
                price: {
                    current: 399,
                    old: 0
                },
                data: {
                    description: ""
                }
            }],
            [{
                label: "",
                text: "1950000",
                clientProductId: "",
                image: 22,
                type: P.DONATE,
                colorType: V.YELLOW,
                isNew: !1,
                isShowButtonPrice: !0,
                isAvailableForCart: !1,
                maxQuantity: 1,
                price: {
                    current: 399,
                    old: 0
                },
                data: {
                    description: ""
                }
            }],
            [{
                label: "",
                text: "1950000",
                clientProductId: "",
                image: 23,
                type: P.DONATE,
                colorType: V.YELLOW,
                isNew: !1,
                isShowButtonPrice: !0,
                isAvailableForCart: !1,
                maxQuantity: 1,
                price: {
                    current: 399,
                    old: 0
                },
                data: {
                    description: ""
                }
            }],
            [{
                label: "",
                text: "250000",
                clientProductId: "",
                image: 24,
                type: P.DONATE,
                colorType: V.YELLOW,
                isNew: !1,
                isShowButtonPrice: !0,
                isAvailableForCart: !1,
                maxQuantity: 1,
                price: {
                    current: 60,
                    old: 0
                },
                data: {
                    description: ""
                }
            }],
            [{
                label: "",
                text: "250000",
                clientProductId: "",
                image: 25,
                type: P.DONATE,
                colorType: V.YELLOW,
                isNew: !1,
                isShowButtonPrice: !0,
                isAvailableForCart: !1,
                maxQuantity: 1,
                price: {
                    current: 60,
                    old: 0
                },
                data: {
                    description: ""
                }
            }],
            [{
                label: "",
                text: "250000",
                clientProductId: "",
                image: 26,
                type: P.DONATE,
                colorType: V.YELLOW,
                isNew: !1,
                isShowButtonPrice: !0,
                isAvailableForCart: !1,
                maxQuantity: 1,
                price: {
                    current: 60,
                    old: 0
                },
                data: {
                    description: ""
                }
            }]
        ]
    }, {
        groupType: ne.CURRENCY,
        label: "Валюта",
        items: [
            [{
                label: "Конвертация валюты",
                text: "Конвертация донат монет в игровую валюту",
                image: 15,
                type: P.CONVERT,
                colorType: V.YELLOW_3,
                isNew: !1,
                isShowButtonPrice: !0,
                specialOfferFactor: 3,
                isAvailableForCart: !1,
                maxQuantity: 1,
                price: {
                    current: 0,
                    old: 0
                },
                data: {
                    description: ""
                }
            }],
            [{
                label: "Золотые запасы",
                text: "7500000",
                image: 14,
                type: P.CURRENCY,
                colorType: V.YELLOW_3,
                isNew: !1,
                isShowButtonPrice: !0,
                isAvailableForCart: !0,
                maxQuantity: 1,
                price: {
                    current: 399,
                    old: 0
                },
                data: {
                    description: ""
                }
            }],
            [{
                label: "Воровское",
                text: "5800000",
                image: 13,
                isShowButtonPrice: !0,
                type: P.CURRENCY,
                colorType: V.YELLOW_3,
                isNew: !1,
                isAvailableForCart: !0,
                maxQuantity: 1,
                price: {
                    current: 399,
                    old: 0
                },
                data: {
                    description: ""
                }
            }],
            [{
                label: "Самое то",
                text: "1950000",
                image: 12,
                type: P.CURRENCY,
                colorType: V.YELLOW_3,
                isNew: !1,
                isShowButtonPrice: !0,
                isAvailableForCart: !0,
                maxQuantity: 1,
                price: {
                    current: 399,
                    old: 0
                },
                data: {
                    description: ""
                }
            }],
            [{
                label: "Солидненько",
                text: "1950000",
                image: 11,
                type: P.CURRENCY,
                colorType: V.YELLOW_3,
                isNew: !1,
                isShowButtonPrice: !0,
                isAvailableForCart: !0,
                maxQuantity: 1,
                price: {
                    current: 399,
                    old: 0
                },
                data: {
                    description: ""
                }
            }],
            [{
                label: "Старт для начала",
                text: "250000",
                image: 10,
                type: P.CURRENCY,
                colorType: V.YELLOW_3,
                isNew: !1,
                isShowButtonPrice: !0,
                isAvailableForCart: !0,
                maxQuantity: 1,
                price: {
                    current: 60,
                    old: 0
                },
                data: {
                    description: ""
                }
            }]
        ]
    }, {
        groupType: ne.BUNDLES,
        label: "Наборы",
        items: [
            [{
                label: "Пуля",
                text: "",
                image: 0,
                type: P.CARS,
                colorType: V.DEFAULT,
                isNew: !1,
                specialOfferTime: 4600,
                isTestDrive: !0,
                isAvailableForCart: !0,
                maxQuantity: 1,
                price: {
                    current: 3e3,
                    old: 3600
                },
                data: {
                    description: ""
                },
                description: [],
                entries: []
            }],
            [{
                label: "Candy Shop",
                text: "",
                image: 1,
                type: P.COMMON,
                colorType: V.DEFAULT,
                isNew: !1,
                isTestDrive: !0,
                isAvailableForCart: !0,
                maxQuantity: 1,
                price: {
                    current: 3e3,
                    old: 0
                },
                data: {
                    description: ""
                }
            }],
            [{
                label: "Резидент",
                text: "Стартовый набор",
                image: 9,
                type: P.COMMON,
                colorType: V.DEFAULT,
                isNew: !1,
                isShowButtonPrice: !0,
                isAvailableForCart: !1,
                maxQuantity: 1,
                price: {
                    current: 399,
                    old: 0
                },
                data: {
                    description: ""
                }
            }],
            [{
                label: "Местный",
                text: "Стартовый набор",
                image: 8,
                type: P.COMMON,
                colorType: V.DEFAULT,
                isNew: !0,
                isShowButtonPrice: !0,
                isAvailableForCart: !1,
                maxQuantity: 1,
                price: {
                    current: 399,
                    old: 0
                },
                data: {
                    description: ""
                }
            }],
            [{
                label: "Новичок",
                text: "Стартовый набор",
                image: 7,
                type: P.COMMON,
                colorType: V.DEFAULT,
                isNew: !1,
                isShowButtonPrice: !0,
                isAvailableForCart: !1,
                maxQuantity: 1,
                price: {
                    current: 399,
                    old: 0
                },
                data: {
                    description: ""
                }
            }]
        ]
    }, {
        groupType: ne.SPECIAL,
        label: "EXP",
        items: []
    }, {
        groupType: ne.VIP,
        label: "VIP-Cтатус",
        items: [
            [{
                label: "VIP-СТАТУС",
                image: 6,
                type: P.VIP,
                colorType: V.DEFAULT,
                isNew: !1,
                vipType: N.SILVER,
                isShowButtonPrice: !1,
                isVip: !0,
                isAvailableForCart: !1,
                maxQuantity: 1,
                price: {
                    current: 60,
                    old: 0
                },
                currencyPrice: {
                    current: 4e6,
                    old: 0
                },
                specialPrice: {
                    current: 50,
                    old: 0
                },
                specialCurrencyPrice: {
                    current: 3e6,
                    old: 0
                },
                data: {
                    description: ""
                },
                endDate: new Date
            }],
            [{
                label: "VIP-СТАТУС",
                image: 6,
                type: P.VIP,
                colorType: V.DEFAULT,
                isNew: !1,
                vipType: N.GOLD,
                isVip: !0,
                isAvailableForCart: !1,
                maxQuantity: 1,
                price: {
                    isShowButtonPrice: !1,
                    current: 60,
                    old: 0
                },
                currencyPrice: {
                    current: 8e6,
                    old: 0
                },
                specialPrice: {
                    current: 50,
                    old: 0
                },
                specialCurrencyPrice: {
                    current: 3e6,
                    old: 0
                },
                data: {
                    description: ""
                },
                endDate: new Date
            }],
            [{
                label: "VIP-СТАТУС",
                image: 6,
                type: P.VIP,
                colorType: V.DEFAULT,
                isNew: !1,
                vipType: N.PLATINUM,
                isShowButtonPrice: !1,
                isVip: !0,
                isAvailableForCart: !1,
                maxQuantity: 1,
                price: {
                    current: 399,
                    old: 0
                },
                currencyPrice: {
                    current: 0,
                    old: 0
                },
                specialPrice: {
                    current: 50,
                    old: 0
                },
                specialCurrencyPrice: {
                    current: 3e6,
                    old: 0
                },
                data: {
                    description: ""
                },
                endDate: new Date
            }]
        ]
    }, {
        groupType: ne.OTHER,
        label: "Прочее",
        items: [
            [{
                label: "Все лицензии",
                text: "Все лицензии игры",
                image: 2,
                type: P.COMMON,
                colorType: V.DEFAULT,
                isNew: !1,
                isShowButtonPrice: !0,
                isAvailableForCart: !0,
                maxQuantity: 1,
                price: {
                    current: 60,
                    old: 0
                },
                description: ""
            }],
            [{
                label: "Наколки (Татуировки)",
                text: "Повысьте свой криминальный рейтинг",
                image: 3,
                type: P.TATTOO,
                colorType: V.YELLOW_2,
                isNew: !1,
                isShowButtonPrice: !1,
                isAvailableForCart: !1,
                maxQuantity: 1,
                price: {
                    current: 0,
                    old: 0
                },
                isSelect: !0,
                data: {
                    description: "",
                    options: []
                }
            }],
            [{
                label: "Снять одно предупреждение",
                text: "Снять одно предупреждение",
                image: 4,
                type: P.COMMON,
                colorType: V.DEFAULT,
                isNew: !1,
                isShowButtonPrice: !0,
                isAvailableForCart: !0,
                maxQuantity: 1,
                price: {
                    current: 60,
                    old: 0
                },
                data: {
                    description: ""
                }
            }],
            [{
                label: "Автомобильный номер",
                text: "Купить новый автомобильный номер",
                image: 5,
                type: P.NUMBER_PLATE,
                colorType: V.GREEN,
                isNew: !1,
                isShowButtonPrice: !0,
                isAvailableForCart: !1,
                maxQuantity: 1,
                price: {
                    current: 60,
                    old: 0
                },
                data: {
                    description: "",
                    input: {
                        placeholder: "A000AA"
                    }
                }
            }],
            [{
                label: "Смена игрового никнейма",
                text: "Смена игрового никнейма",
                image: 16,
                type: P.NICKNAME,
                colorType: V.DEFAULT,
                isNew: !1,
                isShowButtonPrice: !0,
                isAvailableForCart: !1,
                maxQuantity: 1,
                price: {
                    current: 60,
                    old: 0
                },
                data: {
                    description: "",
                    input: {
                        placeholder: "Введите новый никнейм"
                    }
                }
            }],
            [{
                label: "+ 10 Законопослушности",
                text: "+ 10 Законопослушности",
                image: 21,
                type: P.COMMON,
                colorType: V.DEFAULT,
                isNew: !0,
                isShowButtonPrice: !0,
                isAvailableForCart: !0,
                maxQuantity: 1,
                price: {
                    current: 0,
                    old: 0
                },
                data: {
                    description: ""
                }
            }],
            [{
                label: "Военный билет",
                text: "Военный билет",
                image: 19,
                type: P.COMMON,
                colorType: V.DEFAULT,
                isNew: !1,
                isShowButtonPrice: !0,
                isAvailableForCart: !0,
                maxQuantity: 1,
                price: {
                    current: 60,
                    old: 0
                },
                data: {
                    description: ""
                }
            }],
            [{
                label: "Навыки на все оружия",
                text: "Навыки на все оружия",
                image: 17,
                type: P.COMMON,
                colorType: V.BLUE,
                isNew: !1,
                isShowButtonPrice: !0,
                isAvailableForCart: !0,
                maxQuantity: 1,
                price: {
                    current: 60,
                    old: 0
                },
                data: {
                    description: ""
                }
            }],
            [{
                label: "Навык на любое оружие",
                text: "Навык на любое оружие",
                image: 18,
                type: P.SKILL,
                colorType: V.BLUE,
                isNew: !1,
                isShowButtonPrice: !0,
                isAvailableForCart: !1,
                maxQuantity: 1,
                price: {
                    current: 60,
                    old: 0
                },
                isSelect: !0,
                data: {
                    description: "",
                    options: []
                }
            }],
            [{
                label: "Новое название семьи",
                text: "Новое название семьи",
                image: 20,
                type: P.INPUT,
                colorType: V.DEFAULT,
                isNew: !1,
                isShowButtonPrice: !0,
                isAvailableForCart: !1,
                maxQuantity: 1,
                price: {
                    current: 60,
                    old: 0
                },
                data: {
                    description: "",
                    input: {
                        placeholder: "Введите название семьи"
                    }
                }
            }]
        ]
    }],
    C3 = {
        STORE_ITEMS: 0,
        BATTLE_PASS: 1,
        VIP: 2,
        TOP_UP: 3,
        GIFT: 4,
        LEVELS_REWARD: 5
    },
    ms = e => (D("data-v-57692ff2"), e = e(), L(), e),
    y3 = {
        class: "main-menu-celebration-modal__content"
    },
    f3 = {
        key: 0,
        class: "main-menu-celebration-modal__icon"
    },
    T3 = ["src"],
    E3 = {
        key: 2,
        class: "main-menu-celebration-modal__subtitle"
    },
    k3 = {
        class: "main-menu-celebration-modal__levels-count"
    },
    I3 = {
        key: 4,
        class: "main-menu-celebration-modal__bought"
    },
    w3 = ms(() => n("div", {
        class: "main-menu-celebration-modal__bought-divider"
    }, null, -1)),
    S3 = ms(() => n("div", {
        class: "main-menu-celebration-modal__bought-text"
    }, "КУПЛЕННЫЕ ПРЕДМЕТЫ", -1)),
    M3 = ms(() => n("div", {
        class: "main-menu-celebration-modal__bought-divider"
    }, null, -1)),
    P3 = [w3, S3, M3],
    A3 = {
        class: "main-menu-celebration-modal__items-wrapper"
    },
    D3 = {
        class: "main-menu-celebration-modal__item-count"
    },
    L3 = {
        class: "main-menu-celebration-modal__item-name"
    },
    x3 = {
        class: "main-menu-celebration-modal__item-name-title"
    },
    O3 = {
        class: "main-menu-celebration-modal__item-name-vip"
    },
    B3 = {
        class: "main-menu-celebration-modal__item-name-vip-date"
    },
    $3 = {
        class: "main-menu-celebration-modal__item-name-vip-months"
    },
    N3 = {
        key: 6,
        class: "main-menu-celebration-modal__pricing"
    },
    R3 = ms(() => n("div", {
        class: "main-menu-celebration-modal__pricing-divider"
    }, null, -1)),
    V3 = {
        key: 0,
        class: "main-menu-celebration-modal__pricing-content"
    },
    H3 = ms(() => n("div", {
        class: "main-menu-celebration-modal__pricing-title"
    }, "ИТОГО ОПЛАЧЕНО", -1)),
    U3 = {
        class: "main-menu-celebration-modal__pricing-price"
    },
    Y3 = {
        key: 7,
        class: "main-menu-celebration-modal__top-up"
    },
    K3 = ms(() => n("div", {
        class: "main-menu-celebration-modal__button"
    }, null, -1));

function G3(e, t, s, l, o, i) {
    const m = c("PricingBlock"),
        _ = c("ScrollableContainer"),
        b = c("ControlsContaineredButton"),
        u = c("Button"),
        g = c("Modal");
    return a(), p(g, {
        class: T(["main-menu-celebration-modal", i.classes]),
        isOpened: s.isOpened,
        overlayAnimationType: i.overlayAnimationTypeValue,
        overlayType: i.overlayType,
        type: o.MODAL_TYPES.OVERLAY_ONLY
    }, {
        default: E(() => [n("div", y3, [o.type !== o.TYPES.LEVELS_REWARD ? (a(), r("div", f3, [n("img", {
            class: "main-menu-celebration-modal__icon-image",
            src: i.icon
        }, null, 8, T3)])) : h("", !0), o.title.length ? (a(), r("div", {
            key: 1,
            class: T(["main-menu-celebration-modal__title", {
                "main-menu-celebration-modal__title_levels": o.type === o.TYPES.LEVELS_REWARD
            }])
        }, C(o.title), 3)) : h("", !0), o.subtitle.length ? (a(), r("div", E3, C(o.subtitle), 1)) : h("", !0), o.type === o.TYPES.LEVELS_REWARD && o.levelsCount > 0 ? (a(), r("div", {
            class: "main-menu-celebration-modal__levels",
            key: i.displayedLevelsValue
        }, [n("div", k3, C(i.displayedLevelsValue), 1)])) : h("", !0), o.type === o.TYPES.STORE_ITEMS || o.type === o.TYPES.GIFT ? (a(), r("div", I3, P3)) : h("", !0), o.items.length ? (a(), p(_, {
            key: 5,
            class: "main-menu-celebration-modal__items",
            type: 9
        }, {
            default: E(() => [n("div", A3, [(a(!0), r(I, null, M(o.items, (y, f) => (a(), r("div", {
                class: "main-menu-celebration-modal__item",
                key: f
            }, [n("div", D3, C(i.isVip ? "" : "x") + C(y.count), 1), n("div", L3, [n("div", x3, C(y.name), 1), n("div", O3, [n("div", B3, C(y.endDate), 1), n("div", $3, C(y.monthsCount), 1)])]), d(m, {
                isShowTitle: !1,
                price: y.price,
                type: y.priceIsDonate ? o.MAIN_MENU_ITEM_PRICE_TYPES.DONATE : o.MAIN_MENU_ITEM_PRICE_TYPES.CURRENCY
            }, null, 8, ["price", "type"])]))), 128))])]),
            _: 1
        })) : h("", !0), o.type !== o.TYPES.BATTLE_PASS && o.type !== o.TYPES.LEVELS_REWARD && o.type !== o.TYPES.TOP_UP ? (a(), r("div", N3, [R3, o.price || o.currencyPrice ? (a(), r("div", V3, [H3, n("div", U3, [o.currencyPrice ? (a(), p(m, {
            key: 0,
            class: "main-menu-celebration-modal__pricing-price-block",
            isShowTitle: !1,
            price: o.currencyPrice,
            type: o.MAIN_MENU_ITEM_PRICE_TYPES.CURRENCY
        }, null, 8, ["price", "type"])) : h("", !0), o.price ? (a(), p(m, {
            key: 1,
            class: "main-menu-celebration-modal__pricing-price-block",
            isShowTitle: !1,
            price: o.price,
            type: o.MAIN_MENU_ITEM_PRICE_TYPES.DONATE
        }, null, 8, ["price", "type"])) : h("", !0)])])) : h("", !0)])) : h("", !0), o.type === o.TYPES.TOP_UP ? (a(), r("div", Y3, [d(m, {
            isShowTitle: !1,
            price: o.price,
            sizeType: o.MAIN_MENU_ITEM_PRICE_SIZE_TYPES.XXL
        }, null, 8, ["price", "sizeType"])])) : h("", !0), K3, !i.isMobile && !i.controlsAreLocked ? (a(), r(I, {
            key: 8
        }, [d(b, {
            containerText: "Далее",
            disabled: i.controlsAreLocked,
            onPressed: i.closeModal,
            keyCode: o.KEY_CODE_ENTER,
            text: "Enter",
            pressSound: "UI/UI_menu_click_03.mp3"
        }, null, 8, ["disabled", "onPressed", "keyCode"]), d(b, {
            class: "main-menu-celebration-modal__button-esc",
            disabled: i.controlsAreLocked,
            onPressed: i.closeModal,
            keyCode: o.KEY_CODE_ESC,
            pressSound: "UI/UI_back_esc_1.mp3"
        }, null, 8, ["disabled", "onPressed", "keyCode"])], 64)) : i.controlsAreLocked ? h("", !0) : (a(), p(u, {
            key: 9,
            class: "main-menu-celebration-modal__button-mobile",
            text: "Далее",
            type: "yellow",
            isDisabled: i.controlsAreLocked,
            onClick: i.closeModal
        }, null, 8, ["isDisabled", "onClick"]))])]),
        _: 1
    }, 8, ["class", "isOpened", "overlayAnimationType", "overlayType", "type"])
}
const J = C3,
    je = {
        TYPE: 0,
        DATA: 1
    },
    F3 = {
        props: ["isOpened", "data"],
        components: {
            Modal: Q,
            ControlsContaineredButton: W,
            ScrollableContainer: U,
            PricingBlock: pe,
            Button: q
        },
        data() {
            return {
                MODAL_TYPES: io,
                MODAL_OVERLAY_ANIMATION_TYPES: vn,
                MODAL_OVERLAY_TYPES: Qs,
                MAIN_MENU_ITEM_PRICE_SIZE_TYPES: X,
                MAIN_MENU_ITEM_PRICE_TYPES: Z,
                KEY_CODE_ENTER: window.KEY_CODE_ENTER,
                KEY_CODE_ESC: window.KEY_CODE_ESC,
                TYPES: J,
                menuIcons: Object.assign({
                    "/src/assets/images/main-menu/EXP.png": qt,
                    "/src/assets/images/main-menu/bank-effect.png": Wt,
                    "/src/assets/images/main-menu/card.png": jt,
                    "/src/assets/images/main-menu/celebration-buy.png": Xt,
                    "/src/assets/images/main-menu/celebration-gift.png": Qt,
                    "/src/assets/images/main-menu/chip-effect.png": Jt,
                    "/src/assets/images/main-menu/chip.png": es,
                    "/src/assets/images/main-menu/dotted-line.png": ts,
                    "/src/assets/images/main-menu/glow.png": ss,
                    "/src/assets/images/main-menu/icon-check.png": Ye,
                    "/src/assets/images/main-menu/icon-gold-vip.png": is,
                    "/src/assets/images/main-menu/icon-info.png": cs,
                    "/src/assets/images/main-menu/icon-new-page.png": lt,
                    "/src/assets/images/main-menu/icon-platinum-vip.png": ns,
                    "/src/assets/images/main-menu/icon-silver-vip.png": as,
                    "/src/assets/images/main-menu/icon-test-drive.png": ct,
                    "/src/assets/images/main-menu/icon-user.png": Te,
                    "/src/assets/images/main-menu/round-icon-check.png": mt,
                    "/src/assets/images/main-menu/round-icon-cross.png": os,
                    "/src/assets/images/main-menu/sad-icon.png": _t,
                    "/src/assets/images/main-menu/star.png": rs,
                    "/src/assets/images/main-menu/warning-icon.png": ls
                }),
                battlePassLogo: Object.assign({
                    "/src/assets/images/main-menu/battle-pass/logo/level-bar.png": Mn,
                    "/src/assets/images/main-menu/battle-pass/logo/level-bar_empty.png": Pn,
                    "/src/assets/images/main-menu/battle-pass/logo/level-bar_mobile.png": An,
                    "/src/assets/images/main-menu/battle-pass/logo/level-bar_mobile_empty.png": Dn,
                    "/src/assets/images/main-menu/battle-pass/logo/level-logo.png": Ln,
                    "/src/assets/images/main-menu/battle-pass/logo/level-logo_gold.png": xn,
                    "/src/assets/images/main-menu/battle-pass/logo/level-logo_mobile.png": On,
                    "/src/assets/images/main-menu/battle-pass/logo/level-logo_mobile_gold.png": Bn
                }),
                title: "",
                subtitle: "",
                items: [],
                price: 0,
                currencyPrice: 0,
                type: -1,
                levelsCount: 0,
                levelsAnimatedValue: 0,
                levelsAnimationFinished: !0,
                levelsAnimationFrame: null
            }
        },
        computed: {
            classes() {
                return {
                    "main-menu-celebration-modal_vip-silver": this.isSilverVip,
                    "main-menu-celebration-modal_vip-gold": this.isGoldVip,
                    "main-menu-celebration-modal_vip-platinum": this.isPlatinumVip,
                    "main-menu-celebration-modal_gift": this.type === J.GIFT,
                    "main-menu-celebration-modal_battle-pass": this.type === J.BATTLE_PASS,
                    "main-menu-celebration-modal_levels": this.type === J.LEVELS_REWARD,
                    "main-menu-celebration-modal_top-up": this.type === J.TOP_UP
                }
            },
            overlayType() {
                return this.type === J.GIFT ? Qs.ORANGE_VIOLET : Qs.ORANGE_GREEN_VIOLET
            },
            overlayAnimationTypeValue() {
                return this.type === J.LEVELS_REWARD && !this.levelsAnimationFinished ? vn.DEFAULT : vn.CONFETTI
            },
            icon() {
                return this.type === J.GIFT ? this.menuIcons["/src/assets/images/main-menu/celebration-gift.png"] : this.type === J.BATTLE_PASS || this.type === J.LEVELS_REWARD ? this.battlePassLogo["/src/assets/images/main-menu/battle-pass/logo/level-logo_gold.png"] : this.isSilverVip ? this.menuIcons["/src/assets/images/main-menu/icon-silver-vip.png"] : this.isGoldVip ? this.menuIcons["/src/assets/images/main-menu/icon-gold-vip.png"] : this.isPlatinumVip ? this.menuIcons["/src/assets/images/main-menu/icon-platinum-vip.png"] : this.menuIcons["/src/assets/images/main-menu/celebration-buy.png"]
            },
            isVip() {
                return this.isSilverVip || this.isGoldVip || this.isPlatinumVip
            },
            isSilverVip() {
                return this.type === J.VIP && this.items[0].type === N.SILVER
            },
            isGoldVip() {
                return this.type === J.VIP && this.items[0].type === N.GOLD
            },
            isPlatinumVip() {
                return this.type === J.VIP && this.items[0].type === N.PLATINUM
            },
            isMobile() {
                return this.$root.isMobile
            },
            displayedLevelsValue() {
                return this.levelsAnimationFinished ? this.levelsCount : this.levelsAnimatedValue
            },
            controlsAreLocked() {
                return this.type === J.LEVELS_REWARD && !this.levelsAnimationFinished
            }
        },
        beforeUnmount() {
            this.stopLevelsAnimation(), this.removeLevelsAnimationListeners()
        },
        methods: {
            closeModal() {
                this.$emit("close")
            },
            setData() {
                this.stopLevelsAnimation(), this.removeLevelsAnimationListeners(), this.levelsAnimationFinished = !0, this.levelsCount = 0, this.levelsAnimatedValue = 0, this.type = this.data[je.TYPE], this.type === J.STORE_ITEMS && this.setStoreItemsData(this.data[je.DATA]), this.type === J.BATTLE_PASS && this.setBattlePassData(this.data[je.DATA]), this.type === J.VIP && this.setVIPData(this.data[je.DATA]), this.type === J.TOP_UP && this.setTopUpData(this.data[je.DATA]), this.type === J.GIFT && this.setGiftData(this.data[je.DATA]), this.type === J.LEVELS_REWARD && this.setLevelsRewardData(this.data[je.DATA])
            },
            setStoreItemsData(e) {
                this.title = "БЛАГОДАРИМ ЗА ПОКУПКУ", this.items = this.parseStoreItems(e), this.price = this.calculateItemsDonatePrice(), this.currencyPrice = this.calculateItemsCurrencyPrice()
            },
            setBattlePassData(e) {
                const t = {
                    TITLE: 0
                };
                this.title = e[t.TITLE], this.subtitle = "Благодарим за покупку, теперь вам доступны все преимущества улучшенного пропуска!"
            },
            setVIPData(e) {
                this.title = "БЛАГОДАРИМ ЗА ПОКУПКУ", this.items = this.parseVip(e), this.price = this.calculateItemsDonatePrice(), this.currencyPrice = this.calculateItemsCurrencyPrice()
            },
            setTopUpData(e) {
                const t = {
                    PRICE: 0
                };
                this.title = "БЛАГОДАРИМ ЗА ПОКУПКУ", this.subtitle = "Ваш счет успешно пополнен!", this.price = e[t.PRICE]
            },
            setGiftData(e) {
                const t = {
                    NAME: 0,
                    ITEMS: 1
                };
                this.title = `ПОДАРОК ДЛЯ ${e[t.NAME].replace("_"," ")} ОТПРАВЛЕН`.toUpperCase(), this.items = this.parseStoreItems(e[t.ITEMS]), this.price = this.calculateItemsDonatePrice(), this.currencyPrice = this.calculateItemsCurrencyPrice()
            },
            setLevelsRewardData(e) {
                const s = Math.max(0, Number(e[{
                    COUNT: 0
                }.COUNT]) || 0);
                this.title = "УРОВНИ ПОЛУЧЕНЫ!", this.subtitle = "", this.levelsCount = s, this.levelsAnimatedValue = 0, this.levelsAnimationFinished = s === 0, this.levelsAnimationFinished || (this.addLevelsAnimationListeners(), this.$nextTick(this.startLevelsAnimation))
            },
            parseStoreItems(e) {
                const t = {
                    COUNT: 0,
                    NAME: 1,
                    PRICE_IS_DONATE: 2,
                    PRICE: 3
                };
                return e.map(s => ({
                    count: s[t.COUNT],
                    name: s[t.NAME],
                    priceIsDonate: s[t.PRICE_IS_DONATE],
                    price: s[t.PRICE]
                }))
            },
            parseVip(e) {
                const t = {
                    TYPE: 0,
                    PRICE_IS_DONATE: 1,
                    PRICE: 2,
                    END_DATE: 3,
                    MOTHS_COUNT: 4
                };
                return [{
                    type: e[t.TYPE],
                    name: this.getVipName(e[t.TYPE]),
                    priceIsDonate: e[t.PRICE_IS_DONATE],
                    price: e[t.PRICE],
                    endDate: e[t.END_DATE],
                    monthsCount: e[t.MOTHS_COUNT]
                }]
            },
            getVipName(e) {
                return e === N.SILVER ? "SILVER VIP" : e === N.GOLD ? "GOLD VIP" : "PLATINUM VIP"
            },
            calculateItemsDonatePrice() {
                return [...this.items].reduce((e, t) => e += t.priceIsDonate ? t.price : 0, 0)
            },
            calculateItemsCurrencyPrice() {
                return [...this.items].reduce((e, t) => e += t.priceIsDonate ? 0 : t.price, 0)
            },
            discardData() {
                this.title = "", this.subtitle = "", this.items = [], this.price = 0, this.currencyPrice = 0, this.type = -1, this.levelsCount = 0, this.levelsAnimatedValue = 0, this.levelsAnimationFinished = !0, this.stopLevelsAnimation(), this.removeLevelsAnimationListeners()
            },
            startLevelsAnimation() {
                this.levelsAnimationFrame && cancelAnimationFrame(this.levelsAnimationFrame);
                const e = performance.now(),
                    t = this.getLevelsAnimationDuration();
                this.levelsAnimatedValue = 0;
                const s = l => {
                    const o = Math.min(1, (l - e) / t),
                        i = this.easeOutCubic(o),
                        m = Math.round(this.levelsCount * i);
                    if (this.levelsAnimatedValue = Math.min(this.levelsCount, Math.max(0, m)), o >= 1) {
                        this.finishLevelsAnimation();
                        return
                    }
                    this.levelsAnimationFrame = requestAnimationFrame(s)
                };
                this.levelsAnimationFrame = requestAnimationFrame(s)
            },
            finishLevelsAnimation() {
                this.stopLevelsAnimation(), this.levelsAnimatedValue = this.levelsCount, this.levelsAnimationFinished = !0, this.removeLevelsAnimationListeners()
            },
            stopLevelsAnimation() {
                this.levelsAnimationFrame && (cancelAnimationFrame(this.levelsAnimationFrame), this.levelsAnimationFrame = null)
            },
            getLevelsAnimationDuration() {
                const l = 1200 + Math.min(this.levelsCount, 200) * 40;
                return Math.min(6e3, l)
            },
            easeOutCubic(e) {
                return 1 - Math.pow(1 - e, 3)
            },
            skipLevelsAnimation() {
                this.finishLevelsAnimation()
            },
            onLevelsAnimationKeydown(e) {
                if (this.levelsAnimationFinished || e.repeat) return;
                const t = e.code || e.key;
                (t === "Enter" || t === "NumpadEnter" || t === "Space" || t === "Spacebar" || e.key === " ") && (e.preventDefault(), this.skipLevelsAnimation())
            },
            addLevelsAnimationListeners() {
                window.addEventListener("keydown", this.onLevelsAnimationKeydown)
            },
            removeLevelsAnimationListeners() {
                window.removeEventListener("keydown", this.onLevelsAnimationKeydown)
            }
        },
        watch: {
            isOpened(e) {
                e ? this.setData() : this.discardData()
            }
        }
    },
    z3 = v(F3, [
        ["render", G3],
        ["__scopeId", "data-v-57692ff2"]
    ]),
    ao = e => (D("data-v-e59397aa"), e = e(), L(), e),
    Z3 = {
        class: "main-menu-rating-notification-modal__content"
    },
    q3 = {
        class: "main-menu-rating-notification-modal__text"
    },
    W3 = ao(() => n("div", {
        class: "top"
    }, "Рейтинг повышен!", -1)),
    j3 = {
        class: "bottom"
    },
    X3 = ao(() => n("div", {
        class: "main-menu-rating-notification-modal__image"
    }, [n("div", {
        class: "main-menu-rating-notification-modal__image-block"
    })], -1)),
    Q3 = {
        class: "main-menu-rating-notification-modal__bottom"
    },
    J3 = {
        class: "main-menu-rating-notification-modal__bottom-score"
    },
    e0 = ao(() => n("div", {
        class: "main-menu-rating-notification-modal__bg"
    }, null, -1));

function t0(e, t, s, l, o, i) {
    const m = c("ControlsButton"),
        _ = c("MainButton"),
        b = c("GlobalHoverWrapper"),
        u = c("Modal");
    return a(), p(u, {
        class: T(["main-menu-rating-notification-modal", i.classes]),
        isOpened: s.isOpened,
        type: o.MODAL_TYPES.OVERLAY_ONLY
    }, {
        default: E(() => [n("div", Z3, [n("div", q3, [W3, n("div", j3, C(i.currentRatingName), 1)]), X3, n("div", Q3, [n("div", J3, C(i.currentRatingScore), 1), d(b, {
            class: "main-menu-rating-notification-modal__bottom-btn",
            clickSound: "UI/UI_menu_click_03.mp3"
        }, {
            default: E(() => [i.isMobile ? h("", !0) : (a(), p(m, {
                key: 0,
                class: "main-menu-rating-notification-modal__bottom-btn-controls",
                text: "Enter",
                keyCode: o.KEY_CODE_ENTER,
                onPressed: i.closeModal
            }, null, 8, ["keyCode", "onPressed"])), d(_, {
                text: "ПРОДОЛЖИТЬ",
                type: "white",
                onClick: i.closeModal
            }, null, 8, ["onClick"])]),
            _: 1
        })])]), e0]),
        _: 1
    }, 8, ["class", "isOpened", "type"])
}
const bt = {
        TYPE: 0,
        SCORE: 1
    },
    s0 = {
        props: ["isOpened", "data"],
        components: {
            Modal: Q,
            MainButton: q,
            ControlsButton: H
        },
        data() {
            return {
                MODAL_TYPES: io,
                KEY_CODE_ENTER: window.KEY_CODE_ENTER
            }
        },
        computed: {
            classes() {
                return this.data[bt.TYPE] === Ce.BRONZE ? "main-menu-rating-notification-modal_bronze" : this.data[bt.TYPE] === Ce.SILVER ? "main-menu-rating-notification-modal_silver" : this.data[bt.TYPE] === Ce.GOLD ? "main-menu-rating-notification-modal_gold" : this.data[bt.TYPE] === Ce.DIAMOND ? "main-menu-rating-notification-modal_diamond" : "main-menu-rating-notification-modal_bronze"
            },
            currentRatingName() {
                return m_[this.data[bt.TYPE]] || "Unknown"
            },
            currentRatingScore() {
                return F(this.data[bt.SCORE])
            },
            isMobile() {
                return this.$root.isMobile
            }
        },
        methods: {
            closeModal() {
                this.$emit("close")
            }
        }
    },
    i0 = v(s0, [
        ["render", t0],
        ["__scopeId", "data-v-e59397aa"]
    ]),
    n0 = ["id"],
    a0 = n("img", {
        src: si
    }, null, -1),
    o0 = [a0];

function r0(e, t, s, l, o, i) {
    const m = c("Tooltip");
    return a(), p(m, {
        class: T({
            "main-menu-geo-btn_hidden": s.hidden
        }),
        text: "Отметить на карте",
        icon: "Link",
        teleportTo: "body"
    }, {
        default: E(() => [n("div", {
            class: T(["main-menu-geo-btn", {
                hovered: !i.isMobile
            }]),
            id: o.uniqueId
        }, o0, 10, n0)]),
        _: 1
    }, 8, ["class"])
}
let l0 = 0;
const c0 = {
        props: {
            hidden: Boolean
        },
        components: {
            Tooltip: Ft
        },
        data() {
            return {
                uniqueId: `main-menu-geo-btn-${++l0}`
            }
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            }
        }
    },
    oo = v(c0, [
        ["render", r0]
    ]),
    m0 = {
        computed: {
            isMobile() {
                return this.$root.isMobile
            }
        }
    },
    _0 = {
        key: 0,
        xmlns: "http://www.w3.org/2000/svg",
        viewBox: "0 0 32 32",
        fill: "none"
    },
    d0 = n("path", {
        d: "M15.9951 26.2853C21.6326 26.2853 26.2858 21.6299 26.2858 15.9996C26.2858 10.3693 21.6227 5.71387 15.9852 5.71387C10.3576 5.71387 5.71436 10.3693 5.71436 15.9996C5.71436 21.6299 10.3675 26.2853 15.9951 26.2853ZM19.2165 18.7152C18.6896 18.7152 18.3515 18.3571 18.3515 17.7802V16.1488L18.4907 14.6666L17.1186 16.1786L13.5393 19.7597C13.3404 19.9587 13.1018 20.0582 12.8134 20.0582C12.2865 20.0582 11.8987 19.6901 11.8987 19.133C11.8987 18.8844 12.0081 18.6357 12.197 18.4566L15.7962 14.8556L17.3175 13.4729L15.9156 13.6321H14.1855C13.6188 13.6321 13.241 13.2939 13.241 12.7666C13.241 12.2394 13.6089 11.9012 14.1756 11.9012H19.0077C19.664 11.9012 20.0716 12.2394 20.0716 12.9656V17.7603C20.0716 18.3273 19.7336 18.7152 19.2165 18.7152Z",
        fill: "#EEEEE6"
    }, null, -1),
    u0 = [d0],
    h0 = {
        key: 1,
        xmlns: "http://www.w3.org/2000/svg",
        viewBox: "0 0 24 24",
        fill: "none"
    },
    p0 = n("path", {
        d: "M18.7952 5.4132C17.9348 4.56116 16.7486 4.38574 15.22 4.38574H8.96336C7.45141 4.38574 6.26524 4.56116 5.40485 5.42155C4.54446 6.27359 4.38574 7.45141 4.38574 8.96336V15.22C4.38574 16.757 4.54446 17.9348 5.40485 18.7869C6.26524 19.6472 7.45141 19.8143 8.98007 19.8143H15.22C16.7486 19.8143 17.9348 19.6472 18.7952 18.7869C19.6556 17.9265 19.8143 16.757 19.8143 15.22V8.98842C19.8143 7.45141 19.6556 6.27359 18.7952 5.4132ZM14.819 14.3847C14.368 14.3847 14.0839 14.0839 14.0839 13.5994V12.2295L14.2092 10.9849L13.0481 12.2546L10.0409 15.2618C9.87387 15.4288 9.68174 15.5124 9.4395 15.5124C8.98842 15.5124 8.66264 15.2033 8.66264 14.7355C8.66264 14.5267 8.76288 14.3178 8.91324 14.1675L11.9371 11.1436L13.2152 9.98246L12.0374 10.1161H10.5923C10.1078 10.1161 9.79869 9.8321 9.79869 9.38938C9.79869 8.94665 10.1078 8.66264 10.5839 8.66264H14.6353C15.1949 8.66264 15.5374 8.94665 15.5374 9.55644V13.5827C15.5374 14.0589 15.2534 14.3847 14.819 14.3847Z",
        fill: "#EEEEE6"
    }, null, -1),
    g0 = [p0];

function b0(e, t, s, l, o, i) {
    return i.isMobile ? (a(), r("svg", _0, u0)) : (a(), r("svg", h0, g0))
}
const ut = v(m0, [
        ["render", b0]
    ]),
    v0 = {
        class: "main-menu-jobs-modal__content"
    },
    C0 = {
        class: "main-menu-jobs-modal__item__body"
    },
    y0 = ["src"],
    f0 = {
        class: "main-menu-jobs-modal__item__lvl"
    };

function T0(e, t, s, l, o, i) {
    const m = c("GeoButton"),
        _ = c("Link"),
        b = c("ControlsContaineredButton"),
        u = c("Modal");
    return a(), p(u, {
        class: "main-menu-jobs-modal",
        title: "Мои профессии",
        colorType: 0,
        isOpened: s.isOpened
    }, {
        default: E(() => [n("div", v0, [(a(!0), r(I, null, M(s.data, (g, y) => (a(), r("div", {
            class: "main-menu-jobs-modal__item",
            key: y
        }, [n("div", C0, [n("img", {
            class: "main-menu-jobs-modal__item__icon",
            src: l.icons[`/src/assets/images/main-menu/improvements/tabs/icons/${g.icon}.svg`]
        }, null, 8, y0), w(C(g.title), 1), n("div", f0, C(g.lvl !== 0 ? `Уровень навыка ${g.lvl}` : ""), 1), d(m, {
            hidden: g.withoutGeo,
            onClick: f => l.onGeoClick(g.id)
        }, null, 8, ["hidden", "onClick"])]), d(_, {
            class: "main-menu-jobs-modal__item-link",
            onClick: f => e.$emit("gotoReport", g.title)
        }, null, 8, ["onClick"])]))), 128))]), n("div", {
            class: "main-menu-jobs-modal__button",
            onClick: t[0] || (t[0] = g => e.$emit("close"))
        }, "Понятно"), d(b, {
            class: "main-menu-jobs-modal__controls-button",
            containerText: "Назад",
            onPressed: t[1] || (t[1] = g => e.$emit("close")),
            keyCode: l.KEY_CODE_ESC,
            pressSound: "UI/UI_back_esc_1.mp3"
        }, null, 8, ["keyCode"])]),
        _: 1
    }, 8, ["isOpened"])
}
const E0 = {
        props: {
            isOpened: Boolean,
            data: Array
        },
        components: {
            Modal: Q,
            GeoButton: oo,
            ControlsContaineredButton: W,
            Link: ut
        },
        setup() {
            return {
                KEY_CODE_ESC: window.KEY_CODE_ESC,
                icons: Object.assign({
                    "/src/assets/images/main-menu/improvements/tabs/icons/bus.svg": $n,
                    "/src/assets/images/main-menu/improvements/tabs/icons/car-sharing.svg": Nn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/casino.svg": Rn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/collector.svg": Vn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/computer.svg": Hn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/dj.svg": Un,
                    "/src/assets/images/main-menu/improvements/tabs/icons/electro.svg": Yn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/farm.svg": Kn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/fb-accuracy.svg": Gn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/fb-goalkeeper.svg": Fn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/fb-power.svg": zn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/fish-boat.svg": Zn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/fish.svg": qn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/forest-driver.svg": Wn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/forest-man.svg": jn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/framer.svg": Xn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/lifeguard.svg": Qn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/mechanic.svg": Jn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/metro.svg": ea,
                    "/src/assets/images/main-menu/improvements/tabs/icons/notary.svg": ta,
                    "/src/assets/images/main-menu/improvements/tabs/icons/plane.svg": sa,
                    "/src/assets/images/main-menu/improvements/tabs/icons/road-repair.svg": ia,
                    "/src/assets/images/main-menu/improvements/tabs/icons/taxi.svg": na,
                    "/src/assets/images/main-menu/improvements/tabs/icons/tire.svg": aa,
                    "/src/assets/images/main-menu/improvements/tabs/icons/ton.svg": oa,
                    "/src/assets/images/main-menu/improvements/tabs/icons/train.svg": ra,
                    "/src/assets/images/main-menu/improvements/tabs/icons/trash.svg": la,
                    "/src/assets/images/main-menu/improvements/tabs/icons/truck.svg": ca,
                    "/src/assets/images/main-menu/improvements/tabs/icons/turbine.svg": ma,
                    "/src/assets/images/main-menu/improvements/tabs/icons/unlocker.svg": _a,
                    "/src/assets/images/main-menu/improvements/tabs/icons/window-cleaner.svg": da
                }),
                onGeoClick: l => sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "MainMenu_OnPlayerJobGPS", l)
            }
        }
    },
    k0 = v(E0, [
        ["render", T0]
    ]),
    I0 = {
        class: "main-menu-statistics-skin"
    };

function w0(e, t, s, l, o, i) {
    return a(), r("div", I0, [n("div", {
        class: "main-menu-statistics-skin__image",
        style: x({
            backgroundImage: `url('/images/skins/${s.skin}.png')`
        })
    }, null, 4)])
}
const S0 = {
        props: ["skin"]
    },
    M0 = v(S0, [
        ["render", w0]
    ]),
    P0 = {},
    A0 = {
        xmlns: "http://www.w3.org/2000/svg",
        viewBox: "0 0 24 24"
    },
    D0 = n("path", {
        d: "M6.17804 6.85742H17.8218C18.9721 6.85742 19.7142 7.47478 19.7142 8.23171C19.7142 8.45718 19.6326 8.68802 19.4693 8.90275L13.6363 16.4399C13.2801 16.9069 12.6419 17.1431 12.0036 17.1431C11.3654 17.1431 10.7198 16.9069 10.3636 16.4399L4.53796 8.90275C4.3747 8.68265 4.28564 8.45718 4.28564 8.23171C4.28564 7.47478 5.02776 6.85742 6.17804 6.85742Z",
        fill: "currentColor"
    }, null, -1),
    L0 = [D0];

function x0(e, t) {
    return a(), r("svg", A0, L0)
}
const O0 = v(P0, [
        ["render", x0]
    ]),
    B0 = {},
    $0 = {
        xmlns: "http://www.w3.org/2000/svg",
        viewBox: "0 0 24 24"
    },
    N0 = n("path", {
        d: "M6.17804 17.1431H17.8218C18.9721 17.1431 19.7142 16.5258 19.7142 15.7688C19.7142 15.5434 19.6326 15.3125 19.4693 15.0978L13.6363 7.56067C13.2801 7.09363 12.6419 6.85742 12.0036 6.85742C11.3654 6.85742 10.7198 7.09363 10.3636 7.56067L4.53796 15.0978C4.3747 15.3179 4.28564 15.5434 4.28564 15.7688C4.28564 16.5258 5.02776 17.1431 6.17804 17.1431Z",
        fill: "currentColor"
    }, null, -1),
    R0 = [N0];

function V0(e, t) {
    return a(), r("svg", $0, R0)
}
const H0 = v(B0, [
        ["render", V0]
    ]),
    U0 = {},
    Y0 = {
        xmlns: "http://www.w3.org/2000/svg",
        viewBox: "0 0 24 24"
    },
    K0 = n("path", {
        d: "M18.3444 7.36811L16.6309 5.65315L17.6087 4.67874C18.1024 4.19153 18.6349 4.15256 19.0705 4.59104L19.3997 4.92234C19.845 5.37057 19.8159 5.9065 19.3222 6.40345L18.3444 7.36811ZM6.93049 18.8272L4.69417 19.6944C4.46182 19.7919 4.21012 19.519 4.30693 19.2852L5.22662 17.1122L15.7983 6.49114L17.4925 8.20611L6.93049 18.8272Z",
        fill: "currentColor"
    }, null, -1),
    G0 = [K0];

function F0(e, t) {
    return a(), r("svg", Y0, G0)
}
const z0 = v(U0, [
        ["render", F0]
    ]),
    Z0 = {},
    q0 = {
        xmlns: "http://www.w3.org/2000/svg",
        viewBox: "0 0 24 24"
    },
    W0 = n("path", {
        d: "M11.4832 5.99497C11.8278 5.70396 12.1724 5.70396 12.5169 5.99497L19.5981 11.8923V18.6883C19.5981 19.2817 19.4258 19.7439 19.0812 20.0749C18.7424 20.4058 18.2714 20.5713 17.6684 20.5713H6.34034C5.73158 20.5713 5.25492 20.4058 4.91034 20.0749C4.5715 19.7439 4.40208 19.2817 4.40208 18.6883V11.8923L11.4832 5.99497ZM10.3375 13.5099C10.1365 13.5099 9.97566 13.5699 9.85506 13.6897C9.73446 13.8095 9.67416 13.9664 9.67416 14.1604V19.1933H14.326V14.1604C14.326 13.9664 14.2657 13.8095 14.1451 13.6897C14.0302 13.5699 13.8723 13.5099 13.6713 13.5099H10.3375Z",
        fill: "currentColor"
    }, null, -1),
    j0 = n("path", {
        d: "M12.0001 2.57129C12.3676 2.57129 12.7122 2.70824 13.0338 2.98213L17.6081 6.79811V5.12193C17.6081 4.93363 17.6655 4.78527 17.7804 4.67685C17.8953 4.56273 18.0446 4.50567 18.2284 4.50567H19.1501C19.3396 4.50567 19.4889 4.56273 19.5981 4.67685C19.7129 4.78527 19.7704 4.93363 19.7704 5.12193V8.60267L22.0101 10.4714C22.1939 10.6198 22.2858 10.8052 22.2858 11.0278C22.2858 11.2047 22.2197 11.3644 22.0877 11.5071C21.9613 11.644 21.7804 11.7125 21.5449 11.7125C21.4243 11.7125 21.3123 11.684 21.209 11.6269C21.1113 11.5699 21.0195 11.5071 20.9333 11.4386L12.3016 4.24033C12.2097 4.16045 12.1092 4.1205 12.0001 4.1205C11.891 4.1205 11.7905 4.16045 11.6986 4.24033L3.07545 11.4386C2.98356 11.5071 2.88593 11.5699 2.78255 11.6269C2.68492 11.684 2.57581 11.7125 2.4552 11.7125C2.22548 11.7125 2.04458 11.644 1.91249 11.5071C1.7804 11.3644 1.71436 11.2047 1.71436 11.0278C1.71436 10.8052 1.80624 10.6198 1.99002 10.4714L10.9663 2.98213C11.2879 2.70824 11.6325 2.57129 12.0001 2.57129Z",
        fill: "currentColor"
    }, null, -1),
    X0 = [W0, j0];

function Q0(e, t) {
    return a(), r("svg", q0, X0)
}
const J0 = v(Z0, [
        ["render", Q0]
    ]),
    e4 = {},
    t4 = {
        xmlns: "http://www.w3.org/2000/svg",
        viewBox: "0 0 24 24"
    },
    s4 = n("path", {
        d: "M2.83955 14.4801C2.11305 15.3895 2.99571 16.2446 3.89874 15.7356L8.8009 12.987L14.4228 16.041C14.7147 16.1971 14.9795 16.2853 15.2307 16.2853C15.6042 16.2853 15.9369 16.1088 16.2492 15.722L21.1921 9.51909C21.8303 8.71149 21.0767 7.72065 20.1125 8.24322L15.2172 11.0121L9.58851 7.95818C9.29655 7.79531 9.02496 7.71387 8.78053 7.71387C8.4071 7.71387 8.0812 7.89032 7.76887 8.27715L2.83955 14.4801Z",
        fill: "currentColor"
    }, null, -1),
    i4 = [s4];

function n4(e, t) {
    return a(), r("svg", t4, i4)
}
const a4 = v(e4, [
        ["render", n4]
    ]),
    o4 = {},
    r4 = {
        xmlns: "http://www.w3.org/2000/svg",
        viewBox: "0 0 24 24"
    },
    l4 = n("path", {
        d: "M18.7952 5.4132C17.9348 4.56116 16.7486 4.38574 15.22 4.38574H8.96336C7.45141 4.38574 6.26524 4.56116 5.40485 5.42155C4.54446 6.27359 4.38574 7.45141 4.38574 8.96336V15.22C4.38574 16.757 4.54446 17.9348 5.40485 18.7869C6.26524 19.6472 7.45141 19.8143 8.98007 19.8143H15.22C16.7486 19.8143 17.9348 19.6472 18.7952 18.7869C19.6556 17.9265 19.8143 16.757 19.8143 15.22V8.98842C19.8143 7.45141 19.6556 6.27359 18.7952 5.4132ZM14.819 14.3847C14.368 14.3847 14.0839 14.0839 14.0839 13.5994V12.2295L14.2092 10.9849L13.0481 12.2546L10.0409 15.2618C9.87387 15.4288 9.68174 15.5124 9.4395 15.5124C8.98842 15.5124 8.66264 15.2033 8.66264 14.7355C8.66264 14.5267 8.76288 14.3178 8.91324 14.1675L11.9371 11.1436L13.2152 9.98246L12.0374 10.1161H10.5923C10.1078 10.1161 9.79869 9.8321 9.79869 9.38938C9.79869 8.94665 10.1078 8.66264 10.5839 8.66264H14.6353C15.1949 8.66264 15.5374 8.94665 15.5374 9.55644V13.5827C15.5374 14.0589 15.2534 14.3847 14.819 14.3847Z",
        fill: "currentColor"
    }, null, -1),
    c4 = [l4];

function m4(e, t) {
    return a(), r("svg", r4, c4)
}
const _4 = v(o4, [
        ["render", m4]
    ]),
    d4 = {},
    u4 = {
        xmlns: "http://www.w3.org/2000/svg",
        viewBox: "0 0 24 24"
    },
    h4 = n("path", {
        d: "M7.15147 5.33951C9.82935 2.79178 14.1709 2.79178 16.8487 5.33951C17.9976 6.43261 18.6536 7.81687 18.8166 9.24269C19.2611 13.1303 15.7115 16.1744 13.4536 19.3702C12.7444 20.3741 11.2559 20.3741 10.5466 19.3702C8.28875 16.1744 4.73916 13.1303 5.18356 9.24269C5.34657 7.81685 6.00258 6.43262 7.15147 5.33951ZM11.9997 6.42851C10.1063 6.42872 8.57111 7.96366 8.57111 9.85708C8.57122 11.7504 10.1064 13.2855 11.9997 13.2857C13.8932 13.2857 15.4281 11.7505 15.4283 9.85708C15.4283 7.96354 13.8932 6.42851 11.9997 6.42851Z",
        fill: "currentColor"
    }, null, -1),
    p4 = [h4];

function g4(e, t) {
    return a(), r("svg", u4, p4)
}
const b4 = v(d4, [
        ["render", g4]
    ]),
    v4 = {},
    C4 = {
        xmlns: "http://www.w3.org/2000/svg",
        viewBox: "0 0 24 24"
    },
    y4 = n("path", {
        d: "M5.87049 17.6829C6.40528 19.3987 8.02962 20.5718 9.87067 20.5718H16.7218C18.3745 20.5718 19.7142 19.2669 19.7142 17.6572C19.7142 13.8811 15.6409 11.4199 12.1675 13.0972L10.1474 14.0727L10.8308 7.8489H11.8759C12.4176 7.8489 12.9319 7.73418 13.3944 7.52833C15.4944 6.59374 13.6621 4.28613 11.3533 4.28613H10.8308L4.80702 10.9506C4.32865 11.4799 4.16551 12.2126 4.37581 12.8873L5.87049 17.6829Z",
        fill: "currentColor"
    }, null, -1),
    f4 = [y4];

function T4(e, t) {
    return a(), r("svg", C4, f4)
}
const E4 = v(v4, [
        ["render", T4]
    ]),
    k4 = {},
    I4 = {
        xmlns: "http://www.w3.org/2000/svg",
        viewBox: "0 0 24 24"
    },
    w4 = n("path", {
        d: "M3.42871 7.33509V5.52718C3.42871 5.2689 3.52023 5.05637 3.70326 4.88957C3.88628 4.71738 4.09892 4.63398 4.34117 4.63936C4.58341 4.63936 4.79605 4.72277 4.97908 4.88957C5.16211 5.05637 5.25362 5.2689 5.25362 5.52718V8.13412H4.25234C4.00472 8.13412 3.80554 8.06148 3.65481 7.9162C3.50408 7.77092 3.42871 7.57722 3.42871 7.33509ZM5.52009 3.42871H16.413C17.2474 3.42871 17.8719 3.64125 18.2864 4.06632C18.7063 4.48602 18.9162 5.11825 18.9162 5.96301V14.6394H11.1402C10.5857 14.6394 10.1793 14.7793 9.92087 15.0591C9.66248 15.3389 9.53328 15.7532 9.53328 16.302V18.5296C9.53328 19.0784 9.39332 19.5035 9.11339 19.8048C8.83346 20.1061 8.46202 20.2568 7.99906 20.2568C7.50381 20.2568 7.10545 20.1008 6.80399 19.7887C6.50253 19.4766 6.3518 19.0354 6.3518 18.465V5.12363C6.3518 4.69317 6.28989 4.34881 6.16608 4.09053C6.04765 3.82688 5.83232 3.60627 5.52009 3.42871ZM9.46868 7.64179C9.46868 7.78168 9.51713 7.90006 9.61403 7.99691C9.71093 8.09376 9.83205 8.14219 9.9774 8.14219H15.5329C15.6782 8.14219 15.7967 8.09376 15.8882 7.99691C15.9851 7.90006 16.0335 7.78168 16.0335 7.64179C16.0335 7.50189 15.9851 7.3862 15.8882 7.29473C15.7967 7.19788 15.6782 7.14945 15.5329 7.14945H9.9774C9.83205 7.14945 9.71093 7.19788 9.61403 7.29473C9.51713 7.3862 9.46868 7.50189 9.46868 7.64179ZM9.46868 10.4747C9.46868 10.6092 9.51713 10.7249 9.61403 10.8218C9.71093 10.9132 9.83205 10.959 9.9774 10.959H12.8763C13.0216 10.959 13.14 10.9132 13.2316 10.8218C13.3284 10.7249 13.3769 10.6092 13.3769 10.4747C13.3769 10.3294 13.3284 10.2084 13.2316 10.1115C13.14 10.0147 13.0216 9.96624 12.8763 9.96624H9.9774C9.83205 9.96624 9.71093 10.0147 9.61403 10.1115C9.51713 10.2084 9.46868 10.3294 9.46868 10.4747ZM9.86435 20.5716C10.1873 20.2218 10.3946 19.8425 10.4861 19.4336C10.583 19.0246 10.6315 18.5888 10.6315 18.126V16.5441C10.6315 16.302 10.7068 16.1083 10.8576 15.963C11.0083 15.8124 11.2102 15.737 11.4632 15.737H19.7479C20.0009 15.737 20.2001 15.8124 20.3455 15.963C20.4962 16.1083 20.5716 16.302 20.5716 16.5441V17.9323C20.5716 18.465 20.4666 18.9278 20.2566 19.3206C20.0467 19.7187 19.7506 20.0254 19.3684 20.2407C18.9862 20.4613 18.5394 20.5716 18.028 20.5716H9.86435Z",
        fill: "currentColor"
    }, null, -1),
    S4 = [w4];

function M4(e, t) {
    return a(), r("svg", I4, S4)
}
const P4 = v(k4, [
        ["render", M4]
    ]),
    A4 = {},
    D4 = {
        xmlns: "http://www.w3.org/2000/svg",
        viewBox: "0 0 24 24"
    },
    L4 = n("path", {
        d: "M8.52354 15.4235C6.09834 13.0091 4.28564 10.1566 4.28564 7.80014C4.28564 6.75834 4.64984 5.8323 5.33684 5.17084C5.81691 4.70781 6.48736 4.28613 7.04193 4.28613C7.48889 4.28613 7.78687 4.62513 8.18417 5.1791L9.57473 7.11388C9.88098 7.55209 9.98859 7.89936 9.98859 8.22182C9.98859 8.50294 9.93065 8.70138 9.71544 9.06519L8.93739 10.3964C8.87117 10.5121 8.81323 10.6031 8.81323 10.7106C8.81323 10.8429 8.8629 10.9752 8.90428 11.0578C9.21881 11.678 9.83132 12.48 10.6176 13.2655C11.404 14.0509 12.2896 14.7455 12.9187 15.0349C13.076 15.101 13.1836 15.1424 13.3408 15.1424C13.4567 15.1424 13.5229 15.1258 13.6802 15.0349L15.0045 14.3073C15.4349 14.0758 15.6501 14.0261 15.9067 14.0261C16.2047 14.0261 16.4282 14.0923 16.9331 14.4478L18.9527 15.8948C19.499 16.2751 19.7142 16.5976 19.7142 16.9448C19.7142 17.3913 19.5073 17.8957 18.9031 18.5737C18.274 19.2765 17.3138 19.7147 16.213 19.7147C13.8706 19.7147 10.957 17.8626 8.52354 15.4235Z",
        fill: "currentColor"
    }, null, -1),
    x4 = [L4];

function O4(e, t) {
    return a(), r("svg", D4, x4)
}
const B4 = v(A4, [
        ["render", O4]
    ]),
    $4 = {},
    N4 = {
        xmlns: "http://www.w3.org/2000/svg",
        viewBox: "0 0 24 24"
    },
    R4 = n("path", {
        d: "M10.2857 20.571V13.7139H3.42852C2.48175 13.7139 1.71423 12.9464 1.71423 11.9996C1.71423 11.0528 2.48175 10.2853 3.42852 10.2853H10.2857V3.42815C10.2857 2.48138 11.0532 1.71387 11.9999 1.71387C12.9467 1.71387 13.7142 2.48138 13.7142 3.42815V10.2853H20.5714C21.5181 10.2853 22.2857 11.0528 22.2857 11.9996C22.2857 12.9464 21.5181 13.7139 20.5714 13.7139H13.7142V20.571C13.7142 21.5178 12.9467 22.2853 11.9999 22.2853C11.0532 22.2853 10.2857 21.5178 10.2857 20.571Z",
        fill: "currentColor"
    }, null, -1),
    V4 = [R4];

function H4(e, t) {
    return a(), r("svg", N4, V4)
}
const U4 = v($4, [
        ["render", H4]
    ]),
    Y4 = {},
    K4 = {
        xmlns: "http://www.w3.org/2000/svg",
        viewBox: "0 0 24 24"
    },
    G4 = n("path", {
        d: "M6.45306 10.7872H17.5545C18.2942 10.7872 18.9605 10.9589 19.539 11.265L17.7303 6.94198C17.247 5.78469 16.2657 5.14258 14.9549 5.14258H9.05268C7.73456 5.14258 6.76062 5.78469 6.27731 6.94198L4.46124 11.2576C5.03974 10.9589 5.71345 10.7872 6.45306 10.7872ZM6.45306 17.9997H17.5545C19.3413 17.9997 20.5716 16.7528 20.5716 14.946C20.5716 13.1316 19.3413 11.8847 17.5545 11.8847H6.45306C4.65895 11.8847 3.42871 13.1316 3.42871 14.946C3.42871 16.7528 4.65895 17.9997 6.45306 17.9997ZM9.79229 15.7001V14.1769C9.79229 13.9231 9.99733 13.714 10.2536 13.714C10.5099 13.714 10.715 13.9231 10.715 14.1769V15.7001C10.715 15.9689 10.5099 16.1779 10.2536 16.1779C9.99733 16.1779 9.79229 15.9689 9.79229 15.7001ZM11.5425 15.7001V14.1769C11.5425 13.9231 11.7475 13.714 12.0038 13.714C12.2601 13.714 12.4651 13.9231 12.4651 14.1769V15.7001C12.4651 15.9689 12.2601 16.1779 12.0038 16.1779C11.7475 16.1779 11.5425 15.9689 11.5425 15.7001ZM13.2926 15.7001V14.1769C13.2926 13.9231 13.4977 13.714 13.754 13.714C14.0103 13.714 14.2153 13.9231 14.2153 14.1769V15.7001C14.2153 15.9689 14.0103 16.1779 13.754 16.1779C13.4977 16.1779 13.2926 15.9689 13.2926 15.7001ZM15.0428 15.7001V14.1769C15.0428 13.9231 15.2478 13.714 15.5041 13.714C15.7604 13.714 15.9655 13.9231 15.9655 14.1769V15.7001C15.9655 15.9689 15.7604 16.1779 15.5041 16.1779C15.2478 16.1779 15.0428 15.9689 15.0428 15.7001ZM16.793 15.7001V14.1769C16.793 13.9231 16.998 13.714 17.2616 13.714C17.5106 13.714 17.7156 13.9231 17.7156 14.1769V15.7001C17.7156 15.9689 17.5106 16.1779 17.2616 16.1779C16.998 16.1779 16.793 15.9689 16.793 15.7001Z",
        fill: "currentColor"
    }, null, -1),
    F4 = [G4];

function z4(e, t) {
    return a(), r("svg", K4, F4)
}
const Z4 = v(Y4, [
        ["render", z4]
    ]),
    q4 = {},
    W4 = {
        xmlns: "http://www.w3.org/2000/svg",
        viewBox: "0 0 24 24"
    },
    j4 = n("path", {
        d: "M7.67067 21.4287C6.82814 21.4287 6.19488 21.2104 5.77089 20.7739C5.35234 20.3373 5.14307 19.6796 5.14307 18.8009V6.0649C5.14307 5.19177 5.35234 4.53412 5.77089 4.09196C6.19488 3.64979 6.82814 3.42871 7.67067 3.42871H13.1172C13.4869 3.42871 13.7994 3.48188 14.0549 3.58823C14.3104 3.68897 14.555 3.86248 14.7887 4.10875L18.254 7.66845C18.4823 7.90912 18.6399 8.15259 18.7269 8.39886C18.8139 8.64513 18.8574 8.97535 18.8574 9.38953V18.8009C18.8574 19.674 18.6454 20.3289 18.2214 20.7655C17.8028 21.2076 17.1723 21.4287 16.3298 21.4287H7.67067ZM8.11096 17.4912C8.11096 17.8494 8.21152 18.1349 8.41264 18.3476C8.6192 18.5546 8.89642 18.6582 9.24431 18.6582H10.3532V14.494C10.3532 14.4101 10.3097 14.3681 10.2227 14.3681H8.11096V17.4912ZM8.11096 13.4362H10.7609C10.9185 13.4362 11.0408 13.481 11.1278 13.5705C11.2148 13.6601 11.2582 13.7832 11.2582 13.9399V18.6582H12.8156V11.2114H9.24431C8.89642 11.2114 8.6192 11.3177 8.41264 11.5304C8.21152 11.7375 8.11096 12.0229 8.11096 12.3867V13.4362ZM13.7206 18.6582H14.7806C15.123 18.6582 15.3948 18.5546 15.5959 18.3476C15.8025 18.1349 15.9058 17.8494 15.9058 17.4912V12.3867C15.9058 12.0229 15.8025 11.7375 15.5959 11.5304C15.3948 11.3177 15.123 11.2114 14.7806 11.2114H13.7206V18.6582Z",
        fill: "currentColor"
    }, null, -1),
    X4 = [j4];

function Q4(e, t) {
    return a(), r("svg", W4, X4)
}
const J4 = v(q4, [
        ["render", Q4]
    ]),
    e8 = {},
    t8 = {
        xmlns: "http://www.w3.org/2000/svg",
        viewBox: "0 0 24 24"
    },
    s8 = n("path", {
        d: "M11.9999 20.1429C7.78733 20.1429 4.28564 16.6026 4.28564 12.3437C4.28564 8.36001 7.33354 5.00331 11.1831 4.59042V3.84109C11.1831 3.38231 11.5537 3 11.9924 3C12.4461 3 12.8016 3.38231 12.8016 3.84109V4.59042C14.3747 4.75863 15.8193 5.41621 16.9688 6.41022L17.5436 5.8444C17.7251 5.66854 17.9067 5.59207 18.1638 5.59207C18.6024 5.59207 18.9428 5.93615 18.9428 6.36434C18.9428 6.57079 18.8445 6.80782 18.6705 6.98369L18.0806 7.58774C19.1016 8.91054 19.7142 10.5621 19.7142 12.3437C19.7142 16.6026 16.2201 20.1429 11.9999 20.1429ZM11.9999 13.5824C12.673 13.5824 13.2176 13.0319 13.2176 12.3513C13.2176 11.8696 12.9453 11.4491 12.5218 11.2426V7.44246C12.5218 7.14426 12.2873 6.91487 11.9924 6.91487C11.6974 6.91487 11.4705 7.14426 11.4705 7.44246V11.235C11.0546 11.4567 10.7823 11.8696 10.7823 12.3513C10.7823 13.0319 11.3193 13.5824 11.9999 13.5824Z",
        fill: "currentColor"
    }, null, -1),
    i8 = [s8];

function n8(e, t) {
    return a(), r("svg", t8, i8)
}
const a8 = v(e8, [
        ["render", n8]
    ]),
    o8 = {},
    r8 = {
        xmlns: "http://www.w3.org/2000/svg",
        viewBox: "0 0 24 24"
    },
    l8 = n("path", {
        d: "M5.77318 20.5716C5.28654 20.5716 4.8686 20.4633 4.51936 20.2468C4.17012 20.0302 3.90104 19.7355 3.71211 19.3625C3.52318 18.9956 3.42871 18.5836 3.42871 18.1265C3.42871 17.6874 3.54035 17.2663 3.76363 16.8633L10.4278 4.6648C10.6453 4.25578 10.9344 3.94901 11.2951 3.7445C11.6558 3.53397 12.0337 3.42871 12.4287 3.42871C12.8237 3.42871 13.1987 3.53397 13.5537 3.7445C13.9144 3.94901 14.2064 4.25578 14.4297 4.6648L21.0938 16.8633C21.2026 17.0618 21.2856 17.2693 21.3428 17.4859C21.4001 17.7024 21.4287 17.9159 21.4287 18.1265C21.4287 18.5836 21.3342 18.9956 21.1453 19.3625C20.9564 19.7355 20.6873 20.0302 20.3381 20.2468C19.9888 20.4633 19.5709 20.5716 19.0842 20.5716H5.77318ZM12.4373 14.5355C12.8839 14.5355 13.11 14.2889 13.1157 13.7956L13.2446 8.88736C13.2503 8.65277 13.173 8.45728 13.0127 8.30089C12.8581 8.13848 12.6634 8.05728 12.4287 8.05728C12.1883 8.05728 11.9907 8.13548 11.8362 8.29187C11.6873 8.44826 11.6157 8.64375 11.6215 8.87833L11.7331 13.7956C11.7446 14.2889 11.9793 14.5355 12.4373 14.5355ZM12.4373 17.558C12.6949 17.558 12.9182 17.4648 13.1071 17.2783C13.3018 17.0919 13.3991 16.8633 13.3991 16.5926C13.3991 16.3219 13.3018 16.0934 13.1071 15.9069C12.9182 15.7144 12.6949 15.6182 12.4373 15.6182C12.1739 15.6182 11.9478 15.7144 11.7589 15.9069C11.5699 16.0994 11.4755 16.328 11.4755 16.5926C11.4755 16.8633 11.5699 17.0919 11.7589 17.2783C11.9535 17.4648 12.1797 17.558 12.4373 17.558Z",
        fill: "currentColor"
    }, null, -1),
    c8 = [l8];

function m8(e, t) {
    return a(), r("svg", r8, c8)
}
const _8 = v(o8, [
    ["render", m8]
]);

function d8(e, t, s, l, o, i) {
    return o.iconComponent ? (a(), p(z(o.iconComponent), {
        key: 0
    })) : h("", !0)
}
const u8 = {
        name: "SvgIcon",
        props: {
            name: {
                type: String,
                required: !0
            }
        },
        data() {
            return {
                icons: Object.assign({
                    "./icons/ChevronDown.vue": O0,
                    "./icons/ChevronUp.vue": H0,
                    "./icons/Edit.vue": z0,
                    "./icons/Home.vue": J0,
                    "./icons/Lighting.vue": a4,
                    "./icons/Link.vue": _4,
                    "./icons/MapPin.vue": b4,
                    "./icons/Muscle.vue": E4,
                    "./icons/Payroll.vue": P4,
                    "./icons/Phone.vue": B4,
                    "./icons/Plus.vue": U4,
                    "./icons/Server.vue": Z4,
                    "./icons/SimCard.vue": J4,
                    "./icons/Timer.vue": a8,
                    "./icons/Warning.vue": _8
                }),
                iconComponent: null
            }
        },
        watch: {
            name: {
                immediate: !0,
                handler(e) {
                    const t = `./icons/${e}.vue`;
                    this.icons[t] ? this.iconComponent = __(this.icons[t]) : (console.warn(`Icon "${e}" not found`), this.iconComponent = null)
                }
            }
        }
    },
    sn = v(u8, [
        ["render", d8]
    ]),
    h8 = {
        class: "main-menu-statistics-vip__body"
    },
    p8 = n("div", {
        class: "main-menu-statistics-vip__logo"
    }, null, -1),
    g8 = {
        class: "main-menu-statistics-vip__text"
    },
    b8 = {
        key: 0
    },
    v8 = n("span", null, "Активен", -1),
    C8 = {
        class: "main-menu-statistics-vip__plus"
    };

function y8(e, t, s, l, o, i) {
    const m = c("ControlsButton"),
        _ = c("SvgIcon"),
        b = c("GlobalHoverWrapper");
    return a(), p(b, {
        class: T(["main-menu-statistics-vip pressable", [`main-menu-statistics-vip_${s.data.type}`, {
            hovered: !i.isMobile
        }]]),
        clickSound: "UI/UI_menu_click_03.mp3",
        onClick: i.gotoVips
    }, {
        default: E(() => [i.isMobile ? h("", !0) : (a(), p(m, {
            key: 0,
            isSmall: "",
            isYellow: "",
            onPressed: i.gotoVips,
            text: "V",
            pressSound: "UI/UI_menu_click_03.mp3",
            keyCode: o.KEY_CODE_V
        }, null, 8, ["onPressed", "keyCode"])), n("div", h8, [p8, n("div", g8, [n("div", null, C(i.vipName), 1), i.label ? (a(), r("small", b8, [v8, d(_, {
            class: "main-menu-statistics-vip__text-icon",
            name: "Timer"
        }), n("span", null, C(i.label), 1)])) : h("", !0)])]), n("div", C8, [d(_, {
            class: "main-menu-statistics-vip__plus-icon",
            name: "Plus"
        })])]),
        _: 1
    }, 8, ["class", "onClick"])
}
const f8 = {
        props: ["data", "isSquareMobile"],
        components: {
            ControlsButton: H,
            SvgIcon: sn
        },
        data() {
            return {
                KEY_CODE_V: window.KEY_CODE_V
            }
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            },
            vipName() {
                return {
                    none: "СТАТЬ VIP",
                    silver: "SILVER VIP",
                    gold: "GOLDEN VIP",
                    platinum: "PLATINUM VIP"
                } [this.data.type]
            },
            label() {
                const {
                    type: e,
                    period: t
                } = this.data;
                return e === "none" ? "" : `${t} ${Wr(t)}`
            }
        },
        methods: {
            gotoVips() {
                this.$emit("goto:vip")
            }
        }
    },
    T8 = v(f8, [
        ["render", y8]
    ]),
    E8 = {
        class: "main-menu-statistics-buff__count"
    },
    k8 = {
        class: "main-menu-statistics-buff__timer"
    };

function I8(e, t, s, l, o, i) {
    const m = c("SvgIcon");
    return a(), r("div", {
        class: T(["main-menu-statistics-buff", {
            "main-menu-statistics-buff_debuff": s.data.debuff
        }])
    }, [n("div", E8, [s.data.debuff ? (a(), p(m, {
        key: 0,
        class: "main-menu-statistics-buff__icon-direction",
        name: "ChevronDown"
    })) : (a(), p(m, {
        key: 1,
        class: "main-menu-statistics-buff__icon-direction",
        name: "ChevronUp"
    })), n("span", null, C(s.data.text), 1)]), n("div", k8, [d(m, {
        class: "main-menu-statistics-buff__icon-timer",
        name: "Timer"
    }), w(C(i.formattedTime), 1)])], 2)
}
const w8 = {
        props: ["data", "isSquareMobile"],
        emits: ["expired"],
        components: {
            SvgIcon: sn
        },
        data() {
            return {
                endTime: 0,
                endTimeInterval: null
            }
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            },
            formattedTime() {
                return window.getTimeFormatSeconds(this.endTime, !1, !1)
            }
        },
        unmounted() {
            clearInterval(this.endTimeInterval)
        },
        methods: {
            setEndTime(e) {
                this.endTime = e, clearInterval(this.endTimeInterval), this.endTimeInterval = setInterval(() => {
                    this.endTime -= 1, this.endTime <= 0 && (clearInterval(this.endTimeInterval), this.$emit("expired", this.data.text))
                }, 1e3)
            }
        },
        watch: {
            "data.leftTime": {
                handler(e) {
                    this.setEndTime(e)
                },
                immediate: !0
            }
        }
    },
    ro = v(w8, [
        ["render", I8]
    ]);

function S8(e, t, s, l, o, i) {
    const m = c("SvgIcon"),
        _ = c("GlobalHoverWrapper"),
        b = c("Tooltip");
    return a(), p(b, {
        class: "main-menu-statistics-change-nick-button_tooltip",
        text: "Смена никнейма",
        icon: "Link"
    }, {
        default: E(() => [d(_, {
            class: T(["main-menu-statistics-change-nick-button", {
                hovered: !i.isMobile
            }]),
            clickSound: "UI/UI_menu_click_03.mp3"
        }, {
            default: E(() => [d(m, {
                name: "Edit"
            })]),
            _: 1
        }, 8, ["class"])]),
        _: 1
    })
}
const M8 = {
        components: {
            Tooltip: Ft,
            SvgIcon: sn
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            }
        }
    },
    P8 = v(M8, [
        ["render", S8]
    ]),
    A8 = {
        class: "main-menu-statistics-info__vertical-devider"
    },
    D8 = n("div", {
        class: "main-menu-statistics-info__vertical-devider__dot"
    }, null, -1),
    L8 = n("div", {
        class: "main-menu-statistics-info__vertical-devider__line"
    }, null, -1),
    x8 = [D8, L8];

function O8(e, t) {
    return a(), r("div", A8, x8)
}
const B8 = {},
    $8 = v(B8, [
        ["render", O8]
    ]),
    N8 = {
        class: "main-menu-statistics-info-rating"
    },
    R8 = {
        class: "main-menu-statistics-info-rating__icon-score"
    },
    V8 = {
        key: 0,
        class: "main-menu-statistics-info-rating__tooltip"
    };

function H8(e, t, s, l, o, i) {
    const m = c("InfoTooltip");
    return a(), r("div", N8, [n("div", {
        class: T(["main-menu-statistics-info-rating__icon", i.classes])
    }, [n("div", R8, C(i.currentScore), 1)], 2), n("div", {
        class: "main-menu-statistics-info-rating__trigger",
        onMouseenter: t[0] || (t[0] = (..._) => i.onMouseEnter && i.onMouseEnter(..._)),
        onMouseleave: t[1] || (t[1] = (..._) => i.onMouseLeave && i.onMouseLeave(..._)),
        onClick: t[2] || (t[2] = (..._) => i.onClick && i.onClick(..._))
    }, null, 32), o.isShowTooltip ? (a(), r("div", V8, [d(m, {
        title: o.MMR_TEXT.TITLE,
        colorHex: i.rankColor
    }, {
        default: E(() => [w(C(o.MMR_TEXT.DESCRIPTION), 1)]),
        _: 1
    }, 8, ["title", "colorHex"])])) : h("", !0)])
}
const U8 = {
        props: {
            statistics: {
                type: Object,
                required: !0,
                default: () => ({})
            },
            isMobile: {
                type: Boolean,
                default: !1
            }
        },
        components: {
            InfoTooltip: Qi
        },
        data() {
            return {
                MMR_TEXT: S_,
                isShowTooltip: !1
            }
        },
        computed: {
            currentScore() {
                return this.statistics.ratingScore <= 0 ? "БЕЗ РАНГА" : F(this.statistics.ratingScore)
            },
            classes() {
                return this.statistics.ratingType === Ce.BRONZE ? "main-menu-statistics-info-rating__icon_bronze" : this.statistics.ratingType === Ce.SILVER ? "main-menu-statistics-info-rating__icon_silver" : this.statistics.ratingType === Ce.GOLD ? "main-menu-statistics-info-rating__icon_gold" : this.statistics.ratingType === Ce.DIAMOND ? "main-menu-statistics-info-rating__icon_diamond" : "main-menu-statistics-info-rating__icon_no-rating"
            },
            rankColor() {
                return this.statistics.ratingType === Ce.BRONZE ? "#9C7054" : this.statistics.ratingType === Ce.SILVER ? "#D8D4CC" : this.statistics.ratingType === Ce.GOLD ? "#FFB110" : this.statistics.ratingType === Ce.DIAMOND ? "#9849E8" : null
            }
        },
        methods: {
            onMouseEnter() {
                this.isMobile || (this.isShowTooltip = !0)
            },
            onMouseLeave() {
                this.isShowTooltip = !1
            },
            onClick(e) {
                this.isMobile && (e.stopPropagation(), e.preventDefault(), this.isShowTooltip = !this.isShowTooltip)
            }
        }
    },
    Y8 = v(U8, [
        ["render", H8]
    ]),
    K8 = {
        class: "main-menu-statistics-info"
    },
    G8 = {
        class: "main-menu-statistics-info__server"
    },
    F8 = n("img", {
        src: ii
    }, null, -1),
    z8 = {
        class: "main-menu-statistics-info__data"
    },
    Z8 = {
        class: "main-menu-statistics-info__data-user"
    },
    q8 = n("div", {
        class: "main-menu-statistics-info__data-user-light"
    }, null, -1),
    W8 = {
        class: "main-menu-statistics-info__data-user-lvl"
    },
    j8 = {
        class: "main-menu-statistics-info__data-user-name"
    },
    X8 = {
        class: "main-menu-statistics-info__data-user-name-nick"
    },
    Q8 = {
        class: "main-menu-statistics-info__data-user-name-lvl-exp"
    },
    J8 = n("img", {
        src: U1
    }, null, -1),
    e5 = {
        class: "main-menu-statistics-info__data-user-name-lvl-exp-cur"
    },
    t5 = {
        class: "main-menu-statistics-info__data-user-name-lvl-exp-need"
    },
    s5 = {
        class: "main-menu-statistics-info__widgets-container"
    },
    i5 = {
        class: "main-menu-statistics-info__data-widgets"
    },
    n5 = n("div", {
        class: "main-menu-statistics-info__bottom-line"
    }, null, -1);

function a5(e, t, s, l, o, i) {
    const m = c("Rating"),
        _ = c("ChangeNickButton"),
        b = c("VerticalDevider"),
        u = c("VipWidget"),
        g = c("BuffWidget");
    return a(), r("div", K8, [n("div", G8, [F8, w(C(i.server) + " СЕРВЕР", 1)]), d(m, {
        statistics: s.statistics,
        isMobile: i.isMobile
    }, null, 8, ["statistics", "isMobile"]), n("div", z8, [n("div", Z8, [q8, n("div", W8, C(s.statistics.level.value), 1), n("div", j8, [n("div", X8, [w(C(i.nickName.replace("_", " ")), 1), d(_, {
        onClick: i.changeNick
    }, null, 8, ["onClick"])]), n("div", Q8, [J8, n("span", e5, C(s.statistics.level.score.current), 1), n("span", t5, "/" + C(s.statistics.level.score.target), 1)])])]), n("div", s5, [n("div", i5, [i.isMobile ? (a(), p(b, {
        key: 0,
        class: "main-menu-statistics-info__data-widgets-divider"
    })) : h("", !0), d(u, {
        data: s.statistics.info.subscribe,
        "onGoto:vip": i.goToVip
    }, null, 8, ["data", "onGoto:vip"]), d(b, {
        class: "main-menu-statistics-info__data-widgets-divider"
    }), (a(!0), r(I, null, M(i.statisticsBuffs, y => (a(), p(g, {
        key: y.text,
        data: y,
        onExpired: i.onBuffExpired
    }, null, 8, ["data", "onExpired"]))), 128))]), s.localBuffs.length > 1 && i.isMobile ? (a(), r("div", {
        key: 0,
        class: "main-menu-statistics-info__data-widgets-more",
        onClick: t[0] || (t[0] = y => e.$emit("openBuffsSidebar"))
    }, C(`+${s.localBuffs.length-1}`), 1)) : s.localBuffs.length > 3 ? (a(), r("div", {
        key: 1,
        class: "main-menu-statistics-info__data-widgets-more",
        onClick: t[1] || (t[1] = y => e.$emit("openBuffsSidebar"))
    }, C(`+${s.localBuffs.length-3}`), 1)) : h("", !0)])]), n5])
}
const o5 = {
        props: ["statistics", "localBuffs"],
        emits: ["goto:changeNick", "goto:vips", "openBuffsSidebar", "buffExpired"],
        components: {
            VipWidget: T8,
            BuffWidget: ro,
            ChangeNickButton: P8,
            VerticalDevider: $8,
            Rating: Y8
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            },
            nickName() {
                return this.$store.getters["player/nickName"]
            },
            server() {
                return this.$store.getters["player/serverId"]
            },
            statisticsBuffs() {
                return this.isMobile ? this.localBuffs.slice(0, 1) : this.localBuffs.slice(0, 3)
            }
        },
        methods: {
            changeNick() {
                this.$emit("goto:changeNick")
            },
            goToVip() {
                this.$emit("goto:vips")
            },
            onBuffExpired(e) {
                this.$emit("buffExpired", e)
            }
        }
    },
    r5 = v(o5, [
        ["render", a5]
    ]),
    l5 = {
        class: "main-menu-statistics-bg"
    },
    c5 = n("div", {
        class: "main-menu-statistics-bg__pattern"
    }, null, -1),
    m5 = n("div", {
        class: "main-menu-statistics-bg__gradient"
    }, null, -1),
    _5 = n("div", {
        class: "main-menu-statistics-bg__gradient-bottom"
    }, null, -1),
    d5 = n("div", {
        class: "main-menu-statistics-bg__gradient-bottom-radial"
    }, null, -1),
    u5 = [c5, m5, _5, d5];

function h5(e, t) {
    return a(), r("div", l5, u5)
}
const p5 = {},
    g5 = v(p5, [
        ["render", h5]
    ]),
    b5 = {
        0: "house",
        1: "business",
        2: "car",
        3: "stamine",
        4: "muscle",
        5: "mask",
        6: "heart",
        7: "phone",
        8: "sim",
        9: "pistol",
        10: "drug"
    },
    v5 = {},
    C5 = {
        xmlns: "http://www.w3.org/2000/svg",
        width: "22",
        height: "22",
        viewBox: "0 0 22 22",
        fill: "none"
    },
    y5 = n("path", {
        d: "M15.1403 15.7402V12.1302C15.1403 11.2808 15.0112 10.5563 14.3227 9.85051L10.831 6.30917C10.1425 5.60965 9.44785 5.40978 8.58722 5.40978H7.69584V5.05378C7.69584 3.80463 8.35362 3.14258 9.60154 3.14258H12.8781V6.83381C12.8781 7.48337 13.2408 7.85187 13.8863 7.85187H17.2858V13.7791C17.2858 15.0782 16.6403 15.7402 15.3801 15.7402H15.1403ZM14.0031 7.07115C13.751 7.07115 13.6588 6.96497 13.6588 6.7089L13.6527 3.39865C13.8432 3.42364 14.0215 3.56104 14.2305 3.78589L16.8309 6.4778C17.046 6.69641 17.1813 6.87129 17.212 7.07115H14.0031ZM6.62005 18.8569C5.34754 18.8569 4.71436 18.2011 4.71436 16.8957V8.22037C4.71436 6.91501 5.35368 6.2592 6.62005 6.2592H8.85155V10.7811C8.85155 11.5806 9.2204 11.9616 10.0134 11.9616H14.3043V16.8957C14.3043 18.1948 13.6711 18.8569 12.3986 18.8569H6.62005ZM10.0073 11.1059C9.79825 11.1059 9.6876 10.9997 9.6876 10.7874V6.41535C9.92735 6.48405 10.161 6.67142 10.4314 6.95248L13.7141 10.3502C13.9908 10.6375 14.1322 10.8623 14.1936 11.1059H10.0073Z"
    }, null, -1),
    f5 = [y5];

function T5(e, t) {
    return a(), r("svg", C5, f5)
}
const E5 = v(v5, [
    ["render", T5]
]);

function k5(e, t, s, l, o, i) {
    const m = c("IconCopy"),
        _ = c("Tooltip");
    return a(), p(_, {
        text: "Скопировать в буфер обмена",
        icon: "Copy"
    }, {
        default: E(() => [n("button", {
            class: T(["main-menu-copy-btn", {
                "main-menu-copy-btn_copied": o.isCopied
            }]),
            onClick: t[0] || (t[0] = b => i.copy())
        }, [d(m)], 2)]),
        _: 1
    })
}
const I5 = {
        props: ["value"],
        components: {
            IconCopy: E5,
            Tooltip: Ft
        },
        data() {
            return {
                timerID: 0,
                isCopied: !1
            }
        },
        beforeUnmount() {
            clearTimeout(this.timerID)
        },
        methods: {
            copy() {
                window.setClipboardText(this.value.replace(/\D/g, "")), this.isCopied = !0, this.timerID = setTimeout(() => {
                    this.isCopied = !1
                }, 1e3)
            }
        }
    },
    Sl = v(I5, [
        ["render", k5]
    ]),
    w5 = {
        class: "main-menu-statistics-player-item__left"
    },
    S5 = ["src"],
    M5 = {
        class: "main-menu-statistics-player-item__label"
    },
    P5 = n("div", {
        class: "main-menu-statistics-player-item__dots"
    }, null, -1),
    A5 = {
        key: 1,
        src: Ae
    };

function D5(e, t, s, l, o, i) {
    const m = c("CopyButton");
    return a(), r("div", {
        class: T(["main-menu-statistics-player-item", i.classes])
    }, [n("div", w5, [n("img", {
        src: o.icons[`/src/assets/images/main-menu/statistics/icons/${o.ICONS[s.data.icon]}.svg`]
    }, null, 8, S5), n("div", M5, C(s.data.label), 1)]), P5, n("div", {
        class: "main-menu-statistics-player-item__right",
        onClick: t[1] || (t[1] = _ => s.data.copy && i.copy(s.data.value))
    }, [s.data.copy ? (a(), p(m, {
        key: 0,
        onClick: t[0] || (t[0] = _ => i.copy(s.data.value))
    })) : h("", !0), s.data.rubl ? (a(), r("img", A5)) : h("", !0), n("div", {
        class: T(["main-menu-statistics-player-item__value", {
            "main-menu-statistics-player-item__value_copied": o.copied
        }])
    }, C(s.data.value), 3)])], 2)
}
const L5 = {
        props: ["data"],
        components: {
            CopyButton: Sl
        },
        data() {
            return {
                ICONS: b5,
                copied: !1,
                icons: Object.assign({
                    "/src/assets/images/main-menu/statistics/icons/business.svg": ua,
                    "/src/assets/images/main-menu/statistics/icons/car.svg": ha,
                    "/src/assets/images/main-menu/statistics/icons/docs.svg": ni,
                    "/src/assets/images/main-menu/statistics/icons/drug.svg": pa,
                    "/src/assets/images/main-menu/statistics/icons/geo-blue.svg": ai,
                    "/src/assets/images/main-menu/statistics/icons/geo.svg": si,
                    "/src/assets/images/main-menu/statistics/icons/heart.svg": ga,
                    "/src/assets/images/main-menu/statistics/icons/house-slash.svg": oi,
                    "/src/assets/images/main-menu/statistics/icons/house.svg": ks,
                    "/src/assets/images/main-menu/statistics/icons/lighting.svg": ba,
                    "/src/assets/images/main-menu/statistics/icons/mask.svg": va,
                    "/src/assets/images/main-menu/statistics/icons/muscle.svg": Ca,
                    "/src/assets/images/main-menu/statistics/icons/payroll.svg": ya,
                    "/src/assets/images/main-menu/statistics/icons/phone.svg": ri,
                    "/src/assets/images/main-menu/statistics/icons/pistol.svg": fa,
                    "/src/assets/images/main-menu/statistics/icons/server.svg": ii,
                    "/src/assets/images/main-menu/statistics/icons/sim.svg": li,
                    "/src/assets/images/main-menu/statistics/icons/stamine.svg": Ta,
                    "/src/assets/images/main-menu/statistics/icons/warning.svg": ci
                })
            }
        },
        computed: {
            classes() {
                return {
                    "main-menu-statistics-player-item_disabled": this.data.value === 0
                }
            }
        },
        methods: {
            copy(e) {
                window.setClipboardText(e.replace(/\D/g, "")), this.copied = !0
            }
        }
    },
    x5 = v(L5, [
        ["render", D5]
    ]),
    O5 = {
        class: "main-menu-statistics-player__title"
    },
    B5 = n("div", {
        class: "main-menu-statistics-player__line"
    }, null, -1);

function $5(e, t, s, l, o, i) {
    return a(), r(I, null, [n("div", O5, [fe(e.$slots, "default")]), B5], 64)
}
const N5 = {
        props: {
            withoutTopLine: {
                type: Boolean,
                default: !1
            }
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            }
        }
    },
    R5 = v(N5, [
        ["render", $5]
    ]),
    V5 = {
        class: "vertical-slider"
    },
    H5 = {
        key: 0,
        class: "vertical-slider__dots"
    },
    U5 = ["onClick"],
    Y5 = {
        class: "vertical-slider__content"
    };

function K5(e, t, s, l, o, i) {
    return a(), r("div", V5, [s.items && s.items.length > 1 ? (a(), r("div", H5, [(a(!0), r(I, null, M(s.items, (m, _) => (a(), r("div", {
        class: T(["vertical-slider__dots-item", {
            "vertical-slider__dots-item_active": _ === o.currentIndex
        }]),
        key: _,
        onClick: b => i.goTo(_)
    }, null, 10, U5))), 128))])) : h("", !0), n("div", Y5, [n("div", {
        class: "vertical-slider__container",
        style: x({
            height: `${i.itemHeight}vh`,
            transform: `translateY(-${o.currentIndex*i.itemHeight}vh)`
        })
    }, [(a(!0), r(I, null, M(s.items, (m, _) => (a(), r("div", {
        class: T(["vertical-slider__item", {
            "vertical-slider__item_active": o.currentIndex === _
        }]),
        key: _
    }, [fe(e.$slots, "default", {
        item: m,
        isActive: o.currentIndex === _
    })], 2))), 128))], 4)])])
}
const G5 = {
        props: {
            items: {
                type: Array,
                required: !0
            },
            auto: {
                type: Boolean,
                default: !0
            },
            interval: {
                type: Number,
                default: 8e3
            },
            height: {
                type: Object,
                default: () => ({
                    mobile: 13.98,
                    desktop: 8.98
                })
            }
        },
        data() {
            return {
                currentIndex: 0,
                intervalId: null,
                touchStartY: 0,
                touchEndY: 0,
                isScrolling: !1
            }
        },
        computed: {
            itemHeight() {
                var e;
                return (e = this.$root) != null && e.isMobile ? this.height.mobile : this.height.desktop
            }
        },
        mounted() {
            this.items && this.items.length > 1 && this.auto && this.startAutoSlider(), this.addScrollListeners()
        },
        unmounted() {
            this.stopAutoSlider(), this.removeScrollListeners()
        },
        methods: {
            startSlider() {
                this.currentIndex = this.currentIndex === this.items.length - 1 ? 0 : this.currentIndex + 1
            },
            startAutoSlider() {
                this.intervalId = setInterval(this.startSlider, this.interval)
            },
            stopAutoSlider() {
                this.intervalId && (clearInterval(this.intervalId), this.intervalId = null)
            },
            goTo(e) {
                this.currentIndex = e
            },
            addScrollListeners() {
                const e = this.$el;
                e && (e.addEventListener("wheel", this.handleWheel, {
                    passive: !1
                }), e.addEventListener("touchstart", this.handleTouchStart, {
                    passive: !0
                }), e.addEventListener("touchend", this.handleTouchEnd, {
                    passive: !0
                }))
            },
            removeScrollListeners() {
                const e = this.$el;
                e && (e.removeEventListener("wheel", this.handleWheel), e.removeEventListener("touchstart", this.handleTouchStart), e.removeEventListener("touchend", this.handleTouchEnd))
            },
            handleWheel(e) {
                if (this.isScrolling || !this.items || this.items.length <= 1) return;
                e.preventDefault(), this.isScrolling = !0, e.deltaY > 0 ? this.currentIndex = this.currentIndex === this.items.length - 1 ? 0 : this.currentIndex + 1 : this.currentIndex = this.currentIndex === 0 ? this.items.length - 1 : this.currentIndex - 1, setTimeout(() => {
                    this.isScrolling = !1
                }, 300)
            },
            handleTouchStart(e) {
                this.touchStartY = e.touches[0].clientY
            },
            handleTouchEnd(e) {
                if (!this.items || this.items.length <= 1 || this.isScrolling) return;
                this.touchEndY = e.changedTouches[0].clientY;
                const t = this.touchStartY - this.touchEndY,
                    s = 50;
                Math.abs(t) > s && (this.isScrolling = !0, t > 0 ? this.currentIndex = this.currentIndex === this.items.length - 1 ? 0 : this.currentIndex + 1 : this.currentIndex = this.currentIndex === 0 ? this.items.length - 1 : this.currentIndex - 1, setTimeout(() => {
                    this.isScrolling = !1
                }, 300))
            }
        }
    },
    Ml = v(G5, [
        ["render", K5]
    ]),
    F5 = {
        class: "progress-widget__text"
    },
    z5 = ["src"],
    Z5 = {
        key: 0,
        class: "progress-widget__percent"
    },
    q5 = n("small", null, "%", -1),
    W5 = {
        class: "progress-widget__line"
    },
    j5 = n("div", {
        class: "progress-widget__line-bg-border"
    }, null, -1),
    X5 = [j5];

function Q5(e, t, s, l, o, i) {
    const m = c("SvgIcon");
    return a(), r("div", {
        class: T(["progress-widget", i.classes])
    }, [n("div", F5, [s.data.icon ? (a(), p(m, {
        key: 0,
        class: "progress-widget__text-icon",
        name: s.data.icon
    }, null, 8, ["name"])) : s.data.imageUrl ? (a(), r("img", {
        key: 1,
        class: "progress-widget__text-image",
        src: s.data.imageUrl
    }, null, 8, z5)) : h("", !0), w(C(s.data.title), 1)]), s.isNoPercent ? h("", !0) : (a(), r("div", Z5, [w(C(s.data.percent), 1), q5])), n("div", W5, [n("div", {
        class: "progress-widget__line-bg",
        style: x({
            width: `${s.data.percent>100?100:s.data.percent}%`
        })
    }, X5, 4)])], 2)
}
const J5 = {
        props: ["data", "isNoPercent"],
        components: {
            SvgIcon: sn
        },
        computed: {
            classes() {
                return {
                    [`progress-widget_${this.data.type}`]: !0,
                    "progress-widget_no-percent": this.isNoPercent
                }
            }
        }
    },
    Pl = v(J5, [
        ["render", Q5]
    ]),
    e7 = {
        class: "main-menu-statistics-home"
    },
    t7 = {
        key: 0,
        class: "main-menu-statistics-home__item-bg-danger"
    },
    s7 = {
        class: "main-menu-statistics-home__item-top"
    },
    i7 = ["src"],
    n7 = {
        key: 0
    },
    a7 = n("img", {
        src: ci
    }, null, -1),
    o7 = [a7],
    r7 = {
        class: "main-menu-statistics-home__item-bottom"
    },
    l7 = {
        key: 1,
        class: "main-menu-statistics-home__item main-menu-statistics-home__item_empty"
    },
    c7 = n("img", {
        src: oi
    }, null, -1);

function m7(e, t, s, l, o, i) {
    var b;
    const m = c("ProgressWidget"),
        _ = c("VerticalSlider");
    return a(), r("div", e7, [(b = i.preparingData) != null && b.length ? (a(), p(_, {
        key: 0,
        items: i.preparingData,
        height: {
            mobile: 15.37,
            desktop: 8.98
        }
    }, {
        default: E(({
            item: u
        }) => {
            var g, y, f;
            return [n("div", {
                class: T(["main-menu-statistics-home__item", {
                    "main-menu-statistics-home__item_danger": (g = u.days) == null ? void 0 : g.isDanger
                }])
            }, [(y = u.days) != null && y.isDanger ? (a(), r("div", t7)) : h("", !0), n("div", s7, [n("div", null, [n("img", {
                src: u.imageUrl
            }, null, 8, i7), w(C(u.name), 1)]), (f = u.days) != null && f.isDanger ? (a(), r("div", n7, o7)) : h("", !0)]), n("div", r7, [d(m, {
                data: u.progress,
                isNoPercent: !0
            }, null, 8, ["data"])])], 2)]
        }),
        _: 1
    }, 8, ["items"])) : (a(), r("div", l7, [c7, w("У вас пока нет недвижимости")]))])
}
const _7 = {
        props: ["data"],
        components: {
            VerticalSlider: Ml,
            ProgressWidget: Pl
        },
        data() {
            return {
                KEY_CODE_C: window.KEY_CODE_C,
                icons: Object.assign({
                    "/src/assets/images/main-menu/statistics/icons/business.svg": ua,
                    "/src/assets/images/main-menu/statistics/icons/car.svg": ha,
                    "/src/assets/images/main-menu/statistics/icons/docs.svg": ni,
                    "/src/assets/images/main-menu/statistics/icons/drug.svg": pa,
                    "/src/assets/images/main-menu/statistics/icons/geo-blue.svg": ai,
                    "/src/assets/images/main-menu/statistics/icons/geo.svg": si,
                    "/src/assets/images/main-menu/statistics/icons/heart.svg": ga,
                    "/src/assets/images/main-menu/statistics/icons/house-slash.svg": oi,
                    "/src/assets/images/main-menu/statistics/icons/house.svg": ks,
                    "/src/assets/images/main-menu/statistics/icons/lighting.svg": ba,
                    "/src/assets/images/main-menu/statistics/icons/mask.svg": va,
                    "/src/assets/images/main-menu/statistics/icons/muscle.svg": Ca,
                    "/src/assets/images/main-menu/statistics/icons/payroll.svg": ya,
                    "/src/assets/images/main-menu/statistics/icons/phone.svg": ri,
                    "/src/assets/images/main-menu/statistics/icons/pistol.svg": fa,
                    "/src/assets/images/main-menu/statistics/icons/server.svg": ii,
                    "/src/assets/images/main-menu/statistics/icons/sim.svg": li,
                    "/src/assets/images/main-menu/statistics/icons/stamine.svg": Ta,
                    "/src/assets/images/main-menu/statistics/icons/warning.svg": ci
                })
            }
        },
        computed: {
            preparingData() {
                var e;
                return ((e = this.data) == null ? void 0 : e.map(t => {
                    var o;
                    const s = t.days.max - t.days.current,
                        l = Math.round(s / t.days.max * 100);
                    return {
                        ...t,
                        imageUrl: this.icons[`/src/assets/images/main-menu/statistics/icons/${t.icon}.svg`],
                        progress: {
                            title: `${s??0} ${Wr(t.days.current)} до оплаты`,
                            imageUrl: this.icons["/src/assets/images/main-menu/statistics/icons/payroll.svg"],
                            type: (o = t.days) != null && o.isDanger ? "red-full" : "black-full",
                            percent: l
                        }
                    }
                })) || []
            }
        }
    },
    d7 = v(_7, [
        ["render", m7]
    ]),
    Al = e => (D("data-v-467165f3"), e = e(), L(), e),
    u7 = {
        class: "main-menu-statistics-jobs__item-left"
    },
    h7 = {
        class: "main-menu-statistics-jobs__item-left-tag"
    },
    p7 = ["src"],
    g7 = {
        class: "main-menu-statistics-jobs__item-left-job"
    },
    b7 = {
        class: "main-menu-statistics-jobs__item-right"
    },
    v7 = {
        class: "main-menu-statistics-jobs__item-left"
    },
    C7 = Al(() => n("div", {
        class: "main-menu-statistics-jobs__item-left-top"
    }, "Вы пока не устроены на работу", -1)),
    y7 = {
        class: "main-menu-statistics-jobs__item-left-bottom"
    },
    f7 = Al(() => n("div", null, [n("img", {
        src: ai
    }), w("Центр занятости на карте")], -1));

function T7(e, t, s, l, o, i) {
    var g, y;
    const m = c("GeoButton"),
        _ = c("Link"),
        b = c("GlobalHoverWrapper"),
        u = c("VerticalSlider");
    return a(), r("div", {
        class: T(["main-menu-statistics-jobs", {
            "main-menu-statistics-jobs_has-data": (g = s.data) == null ? void 0 : g.length
        }])
    }, [(y = s.data) != null && y.length ? (a(), p(u, {
        key: 0,
        items: s.data
    }, {
        default: E(({
            item: f,
            isActive: k
        }) => [d(b, {
            class: T(["main-menu-statistics-jobs__item pressable", {
                hovered: !i.isMobile
            }]),
            clickSound: "UI/UI_menu_click_03.mp3"
        }, {
            default: E(() => [n("div", u7, [n("div", h7, [n("img", {
                src: o.icons[`/src/assets/images/main-menu/improvements/tabs/icons/${f.icon}.svg`]
            }, null, 8, p7), w("Трудоустроен")]), n("div", g7, C(f.title), 1)]), n("div", b7, [d(m, {
                class: "main-menu-statistics-jobs__item-right-geo",
                hidden: f.withoutGeo,
                onClick: Oo(S => i.onGeoClick(f.id), ["stop"])
            }, null, 8, ["hidden", "onClick"]), d(_, {
                class: "main-menu-statistics-jobs__item-right-link"
            })]), n("div", {
                class: "main-menu-statistics-jobs__item-bg",
                style: x({
                    backgroundImage: `url('${i.jobsImagesUrl}/${f.bgName}')`
                })
            }, null, 4)]),
            _: 2
        }, 1032, ["class"])]),
        _: 1
    }, 8, ["items"])) : (a(), r("div", {
        key: 1,
        class: "main-menu-statistics-jobs__item",
        onClick: t[0] || (t[0] = Oo(f => i.onGeoClick(0), ["stop"]))
    }, [n("div", v7, [C7, n("div", y7, [f7, d(_, {
        class: "main-menu-statistics-jobs__item-right-link"
    })])])]))], 2)
}
const E7 = {
        props: ["data"],
        components: {
            Link: ut,
            GeoButton: oo,
            VerticalSlider: Ml
        },
        data() {
            return {
                icons: Object.assign({
                    "/src/assets/images/main-menu/improvements/tabs/icons/bus.svg": $n,
                    "/src/assets/images/main-menu/improvements/tabs/icons/car-sharing.svg": Nn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/casino.svg": Rn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/collector.svg": Vn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/computer.svg": Hn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/dj.svg": Un,
                    "/src/assets/images/main-menu/improvements/tabs/icons/electro.svg": Yn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/farm.svg": Kn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/fb-accuracy.svg": Gn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/fb-goalkeeper.svg": Fn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/fb-power.svg": zn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/fish-boat.svg": Zn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/fish.svg": qn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/forest-driver.svg": Wn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/forest-man.svg": jn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/framer.svg": Xn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/lifeguard.svg": Qn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/mechanic.svg": Jn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/metro.svg": ea,
                    "/src/assets/images/main-menu/improvements/tabs/icons/notary.svg": ta,
                    "/src/assets/images/main-menu/improvements/tabs/icons/plane.svg": sa,
                    "/src/assets/images/main-menu/improvements/tabs/icons/road-repair.svg": ia,
                    "/src/assets/images/main-menu/improvements/tabs/icons/taxi.svg": na,
                    "/src/assets/images/main-menu/improvements/tabs/icons/tire.svg": aa,
                    "/src/assets/images/main-menu/improvements/tabs/icons/ton.svg": oa,
                    "/src/assets/images/main-menu/improvements/tabs/icons/train.svg": ra,
                    "/src/assets/images/main-menu/improvements/tabs/icons/trash.svg": la,
                    "/src/assets/images/main-menu/improvements/tabs/icons/truck.svg": ca,
                    "/src/assets/images/main-menu/improvements/tabs/icons/turbine.svg": ma,
                    "/src/assets/images/main-menu/improvements/tabs/icons/unlocker.svg": _a,
                    "/src/assets/images/main-menu/improvements/tabs/icons/window-cleaner.svg": da
                }),
                currentJobIndex: 0,
                intervalId: null
            }
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            },
            currentJob() {
                return this.data[this.currentJobIndex]
            },
            jobsImagesUrl() {
                return `${this.$store.getters["cdnLinks/baseCdnUrl"]}${d_}`
            }
        },
        methods: {
            onGeoClick(e) {
                sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "MainMenu_OnPlayerJobGPS", e)
            }
        }
    },
    k7 = v(E7, [
        ["render", T7],
        ["__scopeId", "data-v-467165f3"]
    ]),
    I7 = e => (D("data-v-6a10d053"), e = e(), L(), e),
    w7 = {
        key: 0,
        class: "main-menu-statistics-rang__empty-top"
    },
    S7 = {
        class: "main-menu-statistics-rang__empty-bottom"
    },
    M7 = I7(() => n("div", {
        class: "main-menu-statistics-rang__empty-bottom-text"
    }, [n("img", {
        src: Y1
    }), w("Об организациях в Базе Знаний")], -1)),
    P7 = {
        class: "main-menu-statistics-rang__rang"
    },
    A7 = {
        class: "main-menu-statistics-rang__rang-tag main-menu-statistics-rang__rang-tag_dark"
    },
    D7 = {
        class: "main-menu-statistics-rang__rang-tag main-menu-statistics-rang__rang-tag_blue"
    },
    L7 = {
        class: "main-menu-statistics-rang__org"
    };

function x7(e, t, s, l, o, i) {
    const m = c("Link"),
        _ = c("GlobalHoverWrapper");
    return a(), p(_, {
        class: T(["main-menu-statistics-rang", {
            pressable: i.isUnemployed,
            hovered: !i.isMobile
        }]),
        clickSound: "UI/UI_menu_click_03.mp3",
        onClick: i.aboutOrgs
    }, {
        default: E(() => [i.isUnemployed ? (a(), r(I, {
            key: 0
        }, [i.isUnemployed ? (a(), r("div", w7, "Вы пока не устроены в организацию")) : h("", !0), n("div", S7, [M7, d(m, {
            class: "main-menu-statistics-rang__empty-bottom-icon"
        })])], 64)) : (a(), r(I, {
            key: 1
        }, [n("div", {
            class: "main-menu-statistics-rang__pattern",
            style: x({
                backgroundImage: `url(${i.bgImage})`
            })
        }, null, 4), n("div", P7, [n("div", A7, "Ранг " + C(s.data.rang), 1), n("div", D7, C(s.data.rangName), 1)]), n("div", L7, C(s.data.title), 1)], 64))]),
        _: 1
    }, 8, ["class", "onClick"])
}
const O7 = {
        props: ["data"],
        components: {
            Link: ut
        },
        data() {
            return {
                images: Object.assign({
                    "/src/assets/images/main-menu/statistics/organizations/org-1.png": K1,
                    "/src/assets/images/main-menu/statistics/organizations/org-2.png": G1
                })
            }
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            },
            isUnemployed() {
                return this.data.rang === void 0
            },
            bgImage() {
                return this.images[`/src/assets/images/main-menu/statistics/organizations/${this.data.bgName}.png`]
            }
        },
        methods: {
            aboutOrgs() {}
        }
    },
    B7 = v(O7, [
        ["render", x7],
        ["__scopeId", "data-v-6a10d053"]
    ]),
    $7 = n("img", {
        src: ni
    }, null, -1),
    N7 = {
        class: "main-menu-statistics-player-docs__label"
    };

function R7(e, t, s, l, o, i) {
    const m = c("ControlsButton"),
        _ = c("Link"),
        b = c("GlobalHoverWrapper");
    return a(), p(b, {
        class: T(["main-menu-statistics-player-docs pressable", {
            hovered: !i.isMobile
        }]),
        onClick: i.gotoDocs,
        clickSound: "UI/UI_menu_click_03.mp3"
    }, {
        default: E(() => [i.isMobile ? h("", !0) : (a(), p(m, {
            key: 0,
            isSmall: "",
            onPressed: i.gotoDocs,
            text: "G",
            pressSound: "UI/UI_menu_click_03.mp3",
            keyCode: o.KEY_CODE_G
        }, null, 8, ["onPressed", "keyCode"])), $7, n("div", N7, [w("Документы"), d(_)])]),
        _: 1
    }, 8, ["class", "onClick"])
}
const V7 = {
        components: {
            ControlsButton: H,
            Link: ut
        },
        data() {
            return {
                KEY_CODE_G: window.KEY_CODE_G
            }
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            }
        },
        methods: {
            gotoDocs() {
                this.$emit("goto:docs")
            }
        }
    },
    H7 = v(V7, [
        ["render", R7]
    ]),
    U7 = {
        key: 1,
        class: "main-menu-statistics-player-property__img",
        src: ks
    },
    Y7 = {
        class: "main-menu-statistics-player-property__label"
    },
    K7 = {
        key: 0,
        src: ks
    };

function G7(e, t, s, l, o, i) {
    const m = c("ControlsButton"),
        _ = c("Link"),
        b = c("GlobalHoverWrapper");
    return a(), p(b, {
        class: T(["main-menu-statistics-player-property pressable", {
            hovered: !i.isMobile
        }]),
        onClick: i.gotoProperty,
        clickSound: "UI/UI_menu_click_03.mp3"
    }, {
        default: E(() => [i.isMobile ? h("", !0) : (a(), p(m, {
            key: 0,
            isSmall: "",
            onPressed: i.gotoProperty,
            text: "Z",
            pressSound: "UI/UI_menu_click_03.mp3",
            keyCode: o.KEY_CODE_Z
        }, null, 8, ["onPressed", "keyCode"])), i.isMobile ? (a(), r("img", U7)) : h("", !0), n("div", Y7, [i.isMobile ? h("", !0) : (a(), r("img", K7)), w("Имущество"), i.isMobile ? (a(), p(_, {
            key: 1
        })) : h("", !0)]), i.isMobile ? h("", !0) : (a(), p(_, {
            key: 2
        }))]),
        _: 1
    }, 8, ["class", "onClick"])
}
const F7 = {
        components: {
            ControlsButton: H,
            Link: ut
        },
        data() {
            return {
                KEY_CODE_Z: window.KEY_CODE_Z
            }
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            }
        },
        methods: {
            gotoProperty() {
                this.$emit("goto:property")
            }
        }
    },
    z7 = v(F7, [
        ["render", G7]
    ]),
    Z7 = n("div", {
        class: "main-menu-statistics-player-improvement__body"
    }, [n("div", {
        class: "main-menu-statistics-player-improvement__light_top"
    }), n("div", {
        class: "main-menu-statistics-player-improvement__light_bottom"
    }), n("img", {
        src: F1
    }), n("div", {
        class: "main-menu-statistics-player-improvement__text"
    }, "НАВЫКИ И УЛУЧШЕНИЯ ПЕРСОНАЖА")], -1);

function q7(e, t, s, l, o, i) {
    const m = c("ControlsButton"),
        _ = c("Link"),
        b = c("GlobalHoverWrapper");
    return a(), p(b, {
        class: T(["main-menu-statistics-player-improvement pressable", {
            hovered: !i.isMobile
        }]),
        onClick: i.gotoImprovements,
        clickSound: "UI/UI_menu_click_03.mp3"
    }, {
        default: E(() => [i.isMobile ? h("", !0) : (a(), p(m, {
            key: 0,
            isSmall: "",
            onPressed: i.gotoImprovements,
            text: "U",
            pressSound: "UI/UI_menu_click_03.mp3",
            keyCode: o.KEY_CODE_U
        }, null, 8, ["onPressed", "keyCode"])), Z7, d(_)]),
        _: 1
    }, 8, ["class", "onClick"])
}
const W7 = {
        components: {
            ControlsButton: H,
            Link: ut
        },
        data() {
            return {
                KEY_CODE_U: window.KEY_CODE_U
            }
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            }
        },
        methods: {
            gotoImprovements() {
                this.$emit("goto:improvements")
            }
        }
    },
    j7 = v(W7, [
        ["render", q7]
    ]);
const X7 = {
        props: ["max", "value"]
    },
    Dl = e => (D("data-v-db2334be"), e = e(), L(), e),
    Q7 = Dl(() => n("div", {
        class: "achievement-progress-bar__border"
    }, " ", -1)),
    J7 = {
        xmlns: "http://www.w3.org/2000/svg",
        width: "62",
        height: "62",
        viewBox: "0 0 66 66",
        fill: "none"
    },
    e6 = Dl(() => n("circle", {
        opacity: "0.2",
        cx: "33",
        cy: "33",
        r: "31",
        stroke: "#EEEEE6",
        "stroke-width": "2"
    }, null, -1)),
    t6 = ["stroke-dashoffset"];

function s6(e, t, s, l, o, i) {
    return a(), r("div", {
        class: T(["achievement-progress-bar", {
            "achievement-progress-bar_green": s.value >= s.max
        }])
    }, [Q7, (a(), r("svg", J7, [e6, n("path", {
        d: "M2,33a31,31 0 1,0 62,0a31,31 0 1,0 -62,0",
        stroke: "#0A9947",
        "stroke-width": "2",
        "stroke-dasharray": 400,
        "stroke-dashoffset": 400 - s.value / s.max * 200
    }, null, 8, t6)]))], 2)
}
const i6 = v(X7, [
        ["render", s6],
        ["__scopeId", "data-v-db2334be"]
    ]),
    n6 = {
        key: 0,
        class: "main-menu-achievement__check",
        src: z1
    },
    a6 = {
        class: "main-menu-achievement__progress"
    },
    o6 = ["src"],
    r6 = {
        class: "main-menu-achievement__body"
    },
    l6 = {
        class: "main-menu-achievement__title"
    },
    c6 = {
        class: "main-menu-achievement__text"
    },
    m6 = {
        class: "main-menu-achievement__reward"
    },
    _6 = n("img", {
        src: Z1
    }, null, -1);

function d6(e, t, s, l, o, i) {
    const m = c("ArchievementProgressBar");
    return a(), r("div", {
        class: T(["main-menu-achievement", {
            "main-menu-achievement_ready": i.isReady
        }])
    }, [i.isReady ? (a(), r("img", n6)) : h("", !0), n("div", a6, [n("img", {
        src: i.getIcon
    }, null, 8, o6), d(m, {
        class: "main-menu-achievement__progress-bar",
        max: s.data.value.max,
        value: s.data.value.current
    }, null, 8, ["max", "value"])]), n("div", r6, [n("div", {
        class: T(["main-menu-achievement__progress-value", {
            "main-menu-achievement__progress-value_completed": i.isReady
        }])
    }, [n("span", null, C(i.formatNumberWithSpaces(s.data.value.current)), 1), w("/" + C(i.formatNumberWithSpaces(s.data.value.max)) + " завершено", 1)], 2), n("div", l6, C(s.data.name), 1), n("div", c6, C(i.formattedText), 1)]), n("div", m6, [_6, w(C(i.formatNumberWithSpaces(s.data.reward)), 1)])], 2)
}
const u6 = {
        props: ["data"],
        components: {
            ArchievementProgressBar: i6
        },
        data() {
            return {
                icons: Object.assign({
                    "/src/assets/images/main-menu/statistics/achievements/icons/achive.svg": Xr,
                    "/src/assets/images/main-menu/statistics/achievements/icons/classical.svg": Qr,
                    "/src/assets/images/main-menu/statistics/achievements/icons/rare.svg": Jr,
                    "/src/assets/images/main-menu/statistics/achievements/icons/unusual.svg": el
                })
            }
        },
        computed: {
            isReady() {
                return this.data.value.current >= this.data.value.max
            },
            formattedText() {
                return this.data.text.split("{value}")
                    .join(` ${F(this.data.value.max)} `)
            },
            getIcon() {
                const e = ["classical", "unusual", "rare"],
                    t = this.icons[`/src/assets/images/main-menu/statistics/achievements/icons/${e[this.data.type]}.svg`];
                return t || this.icons["/src/assets/images/main-menu/statistics/achievements/icons/achive.svg"]
            }
        },
        methods: {
            formatNumberWithSpaces: F
        }
    },
    Ll = v(u6, [
        ["render", d6]
    ]),
    h6 = n("div", {
        class: "main-menu-achievements-unavailable__light"
    }, null, -1),
    p6 = n("img", {
        class: "main-menu-achievements-unavailable__lock",
        src: q1
    }, null, -1),
    g6 = n("div", {
        class: "main-menu-achievements-unavailable__text"
    }, [w("Необходимый"), n("div", {
        class: "main-menu-achievements-unavailable__text-level"
    }, "5"), w("уровень, для получения достижений")], -1),
    b6 = {
        key: 1,
        class: "main-menu-achievements-unavailable__text"
    },
    v6 = n("img", {
        class: "main-menu-achievements-unavailable__lock",
        src: W1
    }, null, -1),
    C6 = n("div", {
        class: "main-menu-achievements-unavailable__text-level"
    }, "5", -1);

function y6(e, t, s, l, o, i) {
    return a(), r("div", {
        class: T(["main-menu-achievements-unavailable", i.typeClass])
    }, [i.isPage ? (a(), r(I, {
        key: 0
    }, [h6, p6, g6], 64)) : (a(), r("div", b6, [v6, w("Необходимый"), C6, w("уровень, для получения достижений")]))], 2)
}
const f6 = {
        name: "MainMenuAchievementsUnavailable",
        props: {
            type: {
                type: String,
                default: "page"
            }
        },
        computed: {
            isPage() {
                return this.type === "page"
            },
            typeClass() {
                return [`main-menu-achievements-unavailable_${this.type}`]
            }
        }
    },
    xl = v(f6, [
        ["render", y6]
    ]),
    T6 = n("div", {
        class: "main-menu-statistics-achievements__title"
    }, "Достижения", -1),
    E6 = n("div", {
        class: "main-menu-statistics-achievements__line"
    }, null, -1),
    k6 = {
        class: "main-menu-statistics-achievements__items"
    },
    I6 = {
        class: "main-menu-statistics-achievements__achievements-container"
    },
    w6 = n("div", {
        class: "main-menu-statistics-achievements__all-img"
    }, null, -1);

function S6(e, t, s, l, o, i) {
    const m = c("Achievement"),
        _ = c("Unavailable"),
        b = c("ControlsButton"),
        u = c("GlobalHoverWrapper");
    return a(), r("div", {
        class: T(["main-menu-statistics-achievements", {
            hovered: !i.isMobile
        }])
    }, [T6, E6, n("div", k6, [n("div", I6, [n("div", {
        class: T(["main-menu-statistics-achievements__achievements-content", {
            "main-menu-statistics-achievements__achievements-content_unavailable": s.isUnavailableAchievements
        }])
    }, [(a(!0), r(I, null, M(s.achievements, (g, y) => (a(), p(m, {
        key: g.id,
        data: g
    }, null, 8, ["data"]))), 128))], 2), s.isUnavailableAchievements ? (a(), p(_, {
        key: 0,
        type: "line"
    })) : h("", !0)]), d(u, {
        class: "main-menu-statistics-achievements__all pressable",
        onClick: i.gotoAchievements,
        clickSound: "UI/UI_menu_click_03.mp3"
    }, {
        default: E(() => [d(b, {
            isSmall: "",
            text: "H",
            keyCode: o.KEY_CODE_H,
            pressSound: "UI/UI_menu_click_03.mp3",
            onPressed: i.gotoAchievements
        }, null, 8, ["keyCode", "onPressed"]), w6, w("Достижения")]),
        _: 1
    }, 8, ["onClick"])])], 2)
}
const M6 = {
        props: ["achievements", "userLevel", "isUnavailableAchievements"],
        components: {
            ControlsButton: H,
            Achievement: Ll,
            Unavailable: xl
        },
        data() {
            return {
                KEY_CODE_H: window.KEY_CODE_H
            }
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            }
        },
        methods: {
            gotoAchievements() {
                this.$emit("goto:achievements")
            }
        }
    },
    Ol = v(M6, [
        ["render", S6]
    ]),
    P6 = [{
        icon: 0,
        label: "Дома"
    }, {
        icon: 1,
        label: "Бизнесы"
    }, {
        icon: 2,
        label: "Автомобили"
    }],
    A6 = [{
        icon: 5,
        label: "Законопослушность"
    }, {
        icon: 10,
        label: "Наркозависимость"
    }],
    Uo = [{
        icon: 3,
        label: "Выносливость"
    }, {
        icon: 4,
        label: "Мускулатура"
    }],
    Re = ["none", "silver", "gold", "platinum"],
    nn = e => (D("data-v-c6068938"), e = e(), L(), e),
    D6 = {
        class: "main-menu-statistics-player"
    },
    L6 = {
        class: "main-menu-statistics-player__main"
    },
    x6 = {
        class: "main-menu-statistics-player__blocks"
    },
    O6 = {
        class: "main-menu-statistics-player__block main-menu-statistics-player__block_about"
    },
    B6 = {
        class: "main-menu-statistics-player__progress"
    },
    $6 = {
        class: "main-menu-statistics-player__contacts"
    },
    N6 = {
        class: "main-menu-statistics-player__contacts-item"
    },
    R6 = nn(() => n("div", null, [n("span", null, [n("img", {
        src: ri
    })]), n("span", null, "Телефон")], -1)),
    V6 = {
        class: "main-menu-statistics-player__contacts-item-phone"
    },
    H6 = {
        class: "main-menu-statistics-player__contacts-item-phone-number"
    },
    U6 = {
        class: "main-menu-statistics-player__contacts-item"
    },
    Y6 = nn(() => n("div", null, [n("span", null, [n("img", {
        src: li
    })]), n("span", null, "Баланс сим-карты")], -1)),
    K6 = {
        class: "main-menu-statistics-player__contacts-item-money"
    },
    G6 = nn(() => n("span", null, [n("img", {
        src: zt
    })], -1)),
    F6 = {
        class: "main-menu-statistics-player__items"
    },
    z6 = {
        class: "main-menu-statistics-player__block main-menu-statistics-player__block_jobs"
    },
    Z6 = {
        class: "main-menu-statistics-player__items"
    },
    q6 = nn(() => n("div", {
        class: "main-menu-statistics-player__achievements-img"
    }, null, -1)),
    W6 = {
        class: "main-menu-statistics-player__achievements-text"
    },
    j6 = {
        class: "main-menu-statistics-player__block main-menu-statistics-player__block_property"
    },
    X6 = {
        class: "main-menu-statistics-player__items"
    },
    Q6 = {
        class: "main-menu-statistics-player__properties"
    },
    J6 = {
        key: 0,
        class: "main-menu-statistics-player__block main-menu-statistics-player__block_docs"
    };

function e9(e, t, s, l, o, i) {
    const m = c("BlockTitle"),
        _ = c("ProgressWidget"),
        b = c("CopyButton"),
        u = c("BlockItem"),
        g = c("DocsButton"),
        y = c("ImprovementButton"),
        f = c("OrganizationWidget"),
        k = c("JobsWidget"),
        S = c("Link"),
        O = c("GlobalHoverWrapper"),
        B = c("PropertyWidget"),
        K = c("PropertyButton");
    return a(), r("div", D6, [n("div", L6, [n("div", x6, [n("div", O6, [d(m, null, {
        default: E(() => [w("О персонаже")]),
        _: 1
    }), n("div", B6, [d(_, {
        data: i.progress.stamina,
        isNoPercent: !1
    }, null, 8, ["data"]), d(_, {
        data: i.progress.musculature,
        isNoPercent: !1
    }, null, 8, ["data"])]), n("div", $6, [n("div", N6, [R6, n("div", V6, [n("div", H6, C(i.phoneNumber), 1), d(b, {
        value: i.phoneNumber
    }, null, 8, ["value"])])]), n("div", U6, [Y6, n("div", K6, [G6, n("span", null, C(i.phoneBalance), 1)])])]), n("div", F6, [(a(!0), r(I, null, M(i.about, R => (a(), p(u, {
        key: R.label,
        data: R
    }, null, 8, ["data"]))), 128))]), i.isMobile ? (a(), r(I, {
        key: 0
    }, [d(g, {
        "onGoto:docs": t[0] || (t[0] = R => e.$emit("goto:docs"))
    }), d(y, {
        "onGoto:improvements": t[1] || (t[1] = R => e.$emit("goto:improvements"))
    })], 64)) : h("", !0)]), n("div", z6, [d(m, null, {
        default: E(() => [w("О работе")]),
        _: 1
    }), n("div", Z6, [d(f, {
        data: s.statistics.organization,
        onClick: t[2] || (t[2] = R => e.$emit("goto:report"))
    }, null, 8, ["data"]), d(k, {
        data: s.statistics.jobs,
        onClick: t[3] || (t[3] = R => s.statistics.jobs.length > 1 ? e.$emit("openJobs") : e.$emit("goto:report", s.statistics.jobs.length ? s.statistics.jobs[0].title : ""))
    }, null, 8, ["data"]), i.isMobile ? (a(), p(O, {
        key: 0,
        class: "main-menu-statistics-player__achievements pressable",
        onClick: t[4] || (t[4] = R => e.$emit("goto:achievements")),
        clickSound: "UI/UI_menu_click_03.mp3"
    }, {
        default: E(() => [q6, n("div", W6, [w("Достижения"), d(S)])]),
        _: 1
    })) : h("", !0)])])]), i.isMobile ? h("", !0) : (a(), p(y, {
        key: 0,
        "onGoto:improvements": t[5] || (t[5] = R => e.$emit("goto:improvements"))
    }))]), n("div", j6, [d(m, null, {
        default: E(() => [w("Имущество")]),
        _: 1
    }), n("div", X6, [(a(!0), r(I, null, M(i.properties, R => (a(), p(u, {
        key: R.label,
        data: R
    }, null, 8, ["data"]))), 128))]), n("div", Q6, [d(B, {
        data: s.statistics.properties
    }, null, 8, ["data"])]), d(K, {
        "onGoto:property": t[6] || (t[6] = R => e.$emit("goto:property"))
    })]), i.isMobile ? h("", !0) : (a(), r("div", J6, [d(m, {
        withoutTopLine: ""
    }, {
        default: E(() => [w("Документы")]),
        _: 1
    }), d(g, {
        "onGoto:docs": t[7] || (t[7] = R => e.$emit("goto:docs"))
    })]))])
}
const t9 = {
        props: ["statistics", "achievements"],
        components: {
            BlockItem: x5,
            BlockTitle: R5,
            PropertyWidget: d7,
            JobsWidget: k7,
            OrganizationWidget: B7,
            ProgressWidget: Pl,
            DocsButton: H7,
            PropertyButton: z7,
            ImprovementButton: j7,
            PlayerAchievements: Ol,
            CopyButton: Sl,
            Link: ut
        },
        data: () => ({
            activePropertyIndex: 0,
            intervalId: null,
            icons: Object.assign({
                "/src/assets/images/main-menu/statistics/icons/business.svg": ua,
                "/src/assets/images/main-menu/statistics/icons/car.svg": ha,
                "/src/assets/images/main-menu/statistics/icons/docs.svg": ni,
                "/src/assets/images/main-menu/statistics/icons/drug.svg": pa,
                "/src/assets/images/main-menu/statistics/icons/geo-blue.svg": ai,
                "/src/assets/images/main-menu/statistics/icons/geo.svg": si,
                "/src/assets/images/main-menu/statistics/icons/heart.svg": ga,
                "/src/assets/images/main-menu/statistics/icons/house-slash.svg": oi,
                "/src/assets/images/main-menu/statistics/icons/house.svg": ks,
                "/src/assets/images/main-menu/statistics/icons/lighting.svg": ba,
                "/src/assets/images/main-menu/statistics/icons/mask.svg": va,
                "/src/assets/images/main-menu/statistics/icons/muscle.svg": Ca,
                "/src/assets/images/main-menu/statistics/icons/payroll.svg": ya,
                "/src/assets/images/main-menu/statistics/icons/phone.svg": ri,
                "/src/assets/images/main-menu/statistics/icons/pistol.svg": fa,
                "/src/assets/images/main-menu/statistics/icons/server.svg": ii,
                "/src/assets/images/main-menu/statistics/icons/sim.svg": li,
                "/src/assets/images/main-menu/statistics/icons/stamine.svg": Ta,
                "/src/assets/images/main-menu/statistics/icons/warning.svg": ci
            })
        }),
        computed: {
            isMobile() {
                return this.$root.isMobile
            },
            properties() {
                const e = Object.values(this.statistics.property);
                return P6.map(({
                    icon: t,
                    label: s
                }, l) => ({
                    label: s,
                    icon: t,
                    value: e[l]
                }))
            },
            about() {
                const e = this.statistics.about;
                return A6.map(({
                    icon: t,
                    label: s
                }, l) => ({
                    label: s,
                    icon: t,
                    value: e[l].format ? e[l].format(e[l].value) : e[l].value,
                    copy: e[l].copy,
                    rubl: e[l].rubl
                }))
            },
            phoneNumber() {
                const e = this.statistics.contacts.phone;
                return e.format ? e.format(e.value) : e.value
            },
            phoneBalance() {
                const e = this.statistics.contacts.simBalance;
                return e.format ? e.format(e.value) : e.value
            },
            progress() {
                const e = Uo.find(s => s.label === "Выносливость"),
                    t = Uo.find(s => s.label === "Мускулатура");
                return {
                    stamina: {
                        ...this.statistics.progress.stamina,
                        imageUrl: this.icons["/src/assets/images/main-menu/statistics/icons/lighting.svg"],
                        data: e
                    },
                    musculature: {
                        ...this.statistics.progress.musculature,
                        imageUrl: this.icons["/src/assets/images/main-menu/statistics/icons/muscle.svg"],
                        data: t
                    }
                }
            }
        }
    },
    s9 = v(t9, [
        ["render", e9],
        ["__scopeId", "data-v-c6068938"]
    ]),
    i9 = {
        class: "main-menu-statistics-draw-button"
    },
    n9 = {
        class: "main-menu-statistics-draw-button__content"
    },
    a9 = n("div", {
        class: "main-menu-statistics-draw-button__title"
    }, "НОВОГОДНИЙ РОЗЫГРЫШ", -1);

function o9(e, t, s, l, o, i) {
    const m = c("Button");
    return a(), r("div", i9, [n("div", n9, [a9, d(m, {
        class: "main-menu-statistics-draw-button__button",
        type: "white",
        text: "ПЕРЕЙТИ К РОЗЫГРЫШУ",
        onClick: i.gotoDraw
    }, null, 8, ["onClick"])])])
}
const r9 = {
        components: {
            Button: q
        },
        data() {
            return {}
        },
        methods: {
            gotoDraw() {
                this.$emit("gotoDraw")
            }
        }
    },
    l9 = v(r9, [
        ["render", o9]
    ]),
    c9 = {
        class: "main-menu-statistics-easter"
    },
    m9 = n("div", {
        class: "main-menu-statistics-easter__title"
    }, [n("div", {
        class: "main-menu-statistics-easter__title-icon"
    }), n("div", {
        class: "main-menu-statistics-easter__title-text"
    }, "Пасхальное событие")], -1);

function _9(e, t, s, l, o, i) {
    return a(), r("div", c9, [m9, n("div", {
        class: "main-menu-statistics-easter__button",
        onClick: t[0] || (t[0] = (...m) => i.gotoEaster && i.gotoEaster(...m))
    }, "Перейти к событию")])
}
const d9 = {
        props: [],
        data: () => ({}),
        computed: {
            isMobile() {
                return this.$root.isMobile
            }
        },
        methods: {
            gotoEaster() {
                this.$emit("goto:easter")
            }
        }
    },
    u9 = v(d9, [
        ["render", _9]
    ]),
    Bl = e => (D("data-v-f904f3ff"), e = e(), L(), e),
    h9 = {
        key: 0,
        class: "buffs-sidebar"
    },
    p9 = {
        key: 0,
        class: "buffs-sidebar__close"
    },
    g9 = Bl(() => n("div", {
        class: "buffs-sidebar__item-empty"
    }, null, -1)),
    b9 = Bl(() => n("div", {
        class: "buffs-sidebar__item-empty"
    }, null, -1));

function v9(e, t, s, l, o, i) {
    const m = c("ControlsClose"),
        _ = c("ControlsButton"),
        b = c("BuffWidget"),
        u = c("ScrollableContainer");
    return a(), p(ae, {
        name: "slide-to-left"
    }, {
        default: E(() => [s.isOpened ? (a(), r("div", h9, [i.isMobile ? (a(), r("div", p9, [d(m, {
            type: 6,
            onClose: t[0] || (t[0] = g => e.$emit("close"))
        })])) : (a(), p(_, {
            key: 1,
            class: "buffs-sidebar__close",
            onPressed: t[1] || (t[1] = g => e.$emit("close")),
            keyCode: o.KEY_CODE_ESC,
            pressSound: "UI/UI_back_esc_1.mp3"
        }, null, 8, ["keyCode"])), d(u, {
            class: "buffs-sidebar__content",
            type: 9,
            useMask: !0
        }, {
            default: E(() => [g9, (a(!0), r(I, null, M(s.data, g => (a(), p(b, {
                class: "buffs-sidebar__item",
                key: g.text,
                data: g,
                onExpired: t[2] || (t[2] = y => e.$emit("buffExpired", y))
            }, null, 8, ["data"]))), 128)), b9]),
            _: 1
        })])) : h("", !0)]),
        _: 1
    })
}
const C9 = {
        name: "BuffsSidebar",
        props: {
            isOpened: {
                type: Boolean,
                required: !0
            },
            data: {
                type: Array,
                required: !0
            }
        },
        emits: ["close", "buffExpired"],
        components: {
            BuffWidget: ro,
            ScrollableContainer: U,
            ControlsButton: H,
            ControlsClose: rt
        },
        data() {
            return {
                KEY_CODE_ESC: window.KEY_CODE_ESC
            }
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            }
        }
    },
    y9 = v(C9, [
        ["render", v9],
        ["__scopeId", "data-v-f904f3ff"]
    ]),
    f9 = {
        class: "main-menu-statistics__skin"
    },
    T9 = {
        class: "main-menu-statistics__content"
    };

function E9(e, t, s, l, o, i) {
    const m = c("PlayerPattern");
    c("AnimatedLogo");
    const _ = c("JobsModal"),
        b = c("BuffsSidebar"),
        u = c("PlayerSkin"),
        g = c("PlayerInfo"),
        y = c("PlayerStatistics"),
        f = c("PlayerAchievements");
    return a(), r("div", {
        class: T(["main-menu-statistics", {
            "main-menu-statistics_square-mobile": s.isSquareMobile
        }])
    }, [d(m), (a(), r(I, {
        key: 1
    }, [d(_, {
        isOpened: o.isJobsModalOpened,
        data: s.statistics.jobs,
        onClose: i.closeJobsModal,
        onGotoReport: i.gotoReport
    }, null, 8, ["isOpened", "data", "onClose", "onGotoReport"]), d(b, {
        isOpened: o.isBuffsSidebarOpened,
        data: o.localBuffs,
        onClose: i.closeBuffsSidebar,
        onBuffExpired: i.onBuffExpired
    }, null, 8, ["isOpened", "data", "onClose", "onBuffExpired"]), n("div", f9, [d(u, {
        skin: i.skin
    }, null, 8, ["skin"])]), n("div", T9, [d(g, {
        statistics: s.statistics,
        localBuffs: o.localBuffs,
        "onGoto:vips": i.gotoVips,
        "onGoto:changeNick": i.gotoChangeNick,
        onOpenBuffsSidebar: i.openBuffsSidebar,
        onBuffExpired: i.onBuffExpired
    }, null, 8, ["statistics", "localBuffs", "onGoto:vips", "onGoto:changeNick", "onOpenBuffsSidebar", "onBuffExpired"]), d(y, {
        statistics: s.statistics,
        "onGoto:docs": i.gotoDocs,
        "onGoto:report": i.gotoReport,
        "onGoto:improvements": i.gotoImprovements,
        "onGoto:property": i.gotoProperty,
        "onGoto:achievements": i.gotoAchievements,
        onOpenJobs: i.openJobsModal
    }, null, 8, ["statistics", "onGoto:docs", "onGoto:report", "onGoto:improvements", "onGoto:property", "onGoto:achievements", "onOpenJobs"]), i.isMobile ? h("", !0) : (a(), p(f, {
        key: 0,
        achievements: s.statistics.achievements,
        isUnavailableAchievements: s.isUnavailableAchievements,
        "onGoto:achievements": i.gotoAchievements
    }, null, 8, ["achievements", "isUnavailableAchievements", "onGoto:achievements"]))])], 64))], 2)
}
const k9 = {
        props: ["statistics", "isSquareMobile", "easterEnabled", "isUnavailableAchievements"],
        components: {
            JobsModal: k0,
            PlayerInfo: r5,
            PlayerSkin: M0,
            PlayerPattern: g5,
            PlayerStatistics: s9,
            PlayerAchievements: Ol,
            ScrollableContainer: U,
            BuffWidget: ro,
            DrawButton: l9,
            Easter: u9,
            BuffsSidebar: y9,
            AnimatedLogo: dt
        },
        data() {
            return {
                isJobsModalOpened: !1,
                isBuffsSidebarOpened: !1,
                localBuffs: []
            }
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            },
            skin() {
                return this.$store.getters["player/skinId"]
            }
        },
        methods: {
            openJobsModal() {
                this.isJobsModalOpened = !0, this.$emit("setControlButtonsDisabledStatus", !0)
            },
            closeJobsModal() {
                this.isJobsModalOpened = !1, this.$emit("setControlButtonsDisabledStatus", !1)
            },
            openBuffsSidebar() {
                this.isBuffsSidebarOpened = !0, this.$emit("setControlButtonsDisabledStatus", !0)
            },
            closeBuffsSidebar() {
                this.isBuffsSidebarOpened = !1, this.$emit("setControlButtonsDisabledStatus", !1)
            },
            gotoAchievements() {
                this.$emit("goto:achievements")
            },
            gotoDocs() {
                this.$emit("goto:docs")
            },
            gotoImprovements() {
                this.$emit("goto:improvements")
            },
            gotoVips() {
                this.$emit("goto:vips")
            },
            gotoChangeNick() {
                this.$emit("goto:changeNick")
            },
            gotoProperty() {
                this.$emit("goto:property")
            },
            gotoReport(e = "") {
                this.$emit("goto:report", e)
            },
            gotoDraw() {
                this.$emit("goto:draw")
            },
            gotoEaster() {
                this.$emit("goto:easter")
            },
            onBuffExpired(e) {
                this.localBuffs = this.localBuffs.filter(t => t.text !== e)
            }
        },
        watch: {
            "statistics.buffs": {
                handler(e) {
                    this.localBuffs = [...e || []]
                },
                immediate: !0,
                deep: !0
            }
        }
    },
    I9 = v(k9, [
        ["render", E9]
    ]),
    G = {
        CLASSICAL: 0,
        UNUSUAL: 1,
        RARE: 2
    },
    Yo = {
        [Re[0]]: N.NONE,
        [Re[1]]: N.SILVER,
        [Re[2]]: N.GOLD,
        [Re[3]]: N.PLATINUM
    },
    w9 = 3,
    S9 = {
        data: () => ({
            statistics: {
                info: {
                    nickname: "Nick Name",
                    status: "Опер уполномоченный",
                    subscribe: {
                        type: Re[0],
                        period: 3,
                        storeType: N.NONE
                    }
                },
                level: {
                    value: 0,
                    score: {
                        current: 0,
                        target: 1
                    }
                },
                property: {
                    houses: 22,
                    businesses: 0,
                    cars: 12
                },
                about: [{
                    value: 2600,
                    format: e => `${F(e)}`
                }, {
                    value: 23500,
                    format: e => `${F(e)}`
                }],
                properties: [{
                    icon: "house",
                    name: "Дом №200",
                    days: {
                        current: 10,
                        max: 20,
                        isDanger: !0
                    }
                }, {
                    icon: "house",
                    name: "Дом #12",
                    days: {
                        current: 5,
                        max: 20,
                        isDanger: !1
                    }
                }],
                organization: {
                    rang: 2,
                    rangName: "Officer",
                    title: "Police departament",
                    bgName: "org-2"
                },
                jobs: [{
                    id: 1,
                    title: "Машинист метрополитена",
                    icon: "metro",
                    lvl: 2,
                    bgName: "previews/1.png"
                }, {
                    id: 2,
                    title: "Полицейский",
                    icon: "notary",
                    lvl: 0,
                    withoutGeo: !0,
                    bgName: "previews/2.png"
                }, {
                    id: 3,
                    title: "Мент",
                    icon: "notary",
                    lvl: 3,
                    bgName: "previews/3.png"
                }, {
                    id: 4,
                    title: "Коп",
                    icon: "notary",
                    lvl: 4,
                    bgName: "previews/4.png"
                }, {
                    id: 5,
                    title: "Пилот",
                    icon: "notary",
                    lvl: 5,
                    bgName: "previews/5.png"
                }],
                buffs: [{
                    text: "Личный х2",
                    leftTime: 60
                }, {
                    text: "Личный х3",
                    leftTime: 10920
                }, {
                    text: "Понижание",
                    leftTime: 10980,
                    debuff: !0
                }, {
                    text: "Личный х2",
                    leftTime: 10800
                }, {
                    text: "Личный х3",
                    leftTime: 10920
                }, {
                    text: "Понижание",
                    leftTime: 10980,
                    debuff: !0
                }, {
                    text: "Личный х2",
                    leftTime: 10800
                }, {
                    text: "Личный х3",
                    leftTime: 10920
                }, {
                    text: "Понижание",
                    leftTime: 10980,
                    debuff: !0
                }, {
                    text: "Понижание",
                    leftTime: 10980,
                    debuff: !0
                }, {
                    text: "Личный х2",
                    leftTime: 10800
                }, {
                    text: "Личный х3",
                    leftTime: 10920
                }, {
                    text: "Понижание",
                    leftTime: 10980,
                    debuff: !0
                }, {
                    text: "Личный х2",
                    leftTime: 10800
                }, {
                    text: "Личный х3",
                    leftTime: 10920
                }, {
                    text: "Понижание",
                    leftTime: 10980,
                    debuff: !0
                }],
                achievements: [{
                    id: 0,
                    type: G.CLASSICAL,
                    reward: 1300,
                    value: {
                        current: 100,
                        max: 100
                    },
                    name: "",
                    text: ""
                }, {
                    id: 1,
                    type: G.UNUSUAL,
                    reward: 4300,
                    value: {
                        current: 25,
                        max: 100
                    },
                    name: "",
                    text: ""
                }, {
                    id: 2,
                    type: G.RARE,
                    reward: 5500,
                    value: {
                        current: 50,
                        max: 100
                    },
                    name: "",
                    text: ""
                }],
                ratingType: Ce.NONE,
                ratingScore: 0,
                isLoading: !0,
                progress: {
                    stamina: {
                        title: "Выносливость",
                        type: "green",
                        percent: 35
                    },
                    musculature: {
                        title: "Мускулатура",
                        type: "red",
                        percent: 78
                    }
                },
                physicalStats: {
                    stamina: {
                        value: 56,
                        format: e => `${e}%`
                    },
                    strength: {
                        value: 56,
                        format: e => `${e}%`
                    }
                },
                contacts: {
                    phone: {
                        value: 3486421,
                        format: e => `${M_(e)}`
                    },
                    simBalance: {
                        value: 34800,
                        format: e => `${F(e)}`
                    }
                }
            }
        }),
        methods: {
            updateMainStats(e) {
                this.statistics.jobs = [], this.statistics.buffs = [], this.statistics.achievements = [];
                let [t, s, l, o, i, m, _, b, u, g, y, f, k] = e;
                this.statistics.info.status = s;
                const [S, O] = l;
                this.statistics.info.subscribe.type = Re[S], this.statistics.info.subscribe.period = O, this.statistics.info.subscribe.storeType = Yo[Re[S]];
                const [B, K, R] = o;
                this.statistics.level.value = B, this.statistics.level.score.current = K, this.statistics.level.score.target = R;
                const [oe, me, We] = i;
                this.statistics.property.houses = oe, this.statistics.property.businesses = me, this.statistics.property.cars = We;
                const [se, Le, gt, _e, x1, O1] = m;
                this.statistics.physicalStats.stamina.value = se, this.statistics.physicalStats.strength.value = Le, this.statistics.about[0].value = gt, this.statistics.about[1].value = _e, this.statistics.about[1].format = null, this.statistics.contacts.phone.value = x1, this.statistics.contacts.simBalance.value = O1;
                const xo = _.map(ie => ({
                    icon: ie[0],
                    name: ie[1],
                    days: {
                        current: ie[2],
                        max: ie[3],
                        isDanger: !!ie[4]
                    }
                }));
                xo.sort((ie, Ee) => ie.isDanger === Ee.isDanger ? ie.days.current - Ee.days.current : ie.isDanger ? -1 : 1), this.statistics.properties = xo, b.forEach(ie => {
                        const [Ee, we, Se] = ie;
                        this.statistics.buffs.push({
                            text: Ee,
                            leftTime: we,
                            debuff: Se
                        })
                    }), u = u.map(([ie, Ee, we, Se, pn, gn, R1]) => ({
                        id: ie,
                        type: pn,
                        reward: Se,
                        value: {
                            current: Ee,
                            max: we
                        },
                        name: gn,
                        text: R1
                    }))
                    .sort((ie, Ee) => {
                        const we = ie.value.current / ie.value.max,
                            Se = Ee.value.current / Ee.value.max;
                        return we === 1 && Se > 0 && Se < 1 ? 1 : Se === 1 && we > 0 && we < 1 ? -1 : Se - we
                    }), this.statistics.achievements = u == null ? void 0 : u.slice(0, w9);
                const [B1, $1, N1] = g;
                this.statistics.organization.rang = B1, this.statistics.organization.rangName = $1, this.statistics.organization.title = N1, y.forEach(ie => {
                    const [Ee, we, Se, pn, gn] = ie;
                    this.statistics.jobs.push({
                        id: Ee,
                        title: we,
                        icon: Se,
                        lvl: pn,
                        withoutGeo: gn
                    })
                }), this.statistics.ratingType = f, this.statistics.ratingScore = k, this.statistics.progress.stamina.percent = this.statistics.physicalStats.stamina.value, this.statistics.progress.musculature.percent = this.statistics.physicalStats.strength.value, this.statistics.isLoading = !1
            },
            updateSubscription(e, t) {
                this.statistics.info.subscribe.type = Re[e], this.statistics.info.subscribe.period = t, this.statistics.info.subscribe.storeType = Yo[Re[e]]
            }
        }
    },
    M9 = Object.assign({
        "/src/assets/images/main-menu/battle-pass/prizes/0.png": ir,
        "/src/assets/images/main-menu/battle-pass/prizes/1.png": nr,
        "/src/assets/images/main-menu/battle-pass/prizes/15138.png": ar,
        "/src/assets/images/main-menu/battle-pass/prizes/17449.png": or,
        "/src/assets/images/main-menu/battle-pass/prizes/17450.png": rr,
        "/src/assets/images/main-menu/battle-pass/prizes/2.png": lr,
        "/src/assets/images/main-menu/battle-pass/prizes/257.png": cr,
        "/src/assets/images/main-menu/battle-pass/prizes/3.png": mr,
        "/src/assets/images/main-menu/battle-pass/prizes/4.png": _r,
        "/src/assets/images/main-menu/battle-pass/prizes/5.png": dr,
        "/src/assets/images/main-menu/battle-pass/prizes/6.png": ur,
        "/src/assets/images/main-menu/battle-pass/prizes/7.png": hr
    }),
    P9 = Object.assign({
        "/src/assets/images/main-menu/rewards/items/0-content.png": L_,
        "/src/assets/images/main-menu/rewards/items/0.png": x_,
        "/src/assets/images/main-menu/rewards/items/1.png": O_,
        "/src/assets/images/main-menu/rewards/items/10.png": B_,
        "/src/assets/images/main-menu/rewards/items/11.png": $_,
        "/src/assets/images/main-menu/rewards/items/12.png": N_,
        "/src/assets/images/main-menu/rewards/items/13.png": R_,
        "/src/assets/images/main-menu/rewards/items/15.png": V_,
        "/src/assets/images/main-menu/rewards/items/15174.png": H_,
        "/src/assets/images/main-menu/rewards/items/15294.png": U_,
        "/src/assets/images/main-menu/rewards/items/15621.png": Y_,
        "/src/assets/images/main-menu/rewards/items/15661.png": K_,
        "/src/assets/images/main-menu/rewards/items/15688.png": G_,
        "/src/assets/images/main-menu/rewards/items/16.png": F_,
        "/src/assets/images/main-menu/rewards/items/17.png": z_,
        "/src/assets/images/main-menu/rewards/items/17426.png": Z_,
        "/src/assets/images/main-menu/rewards/items/18.png": q_,
        "/src/assets/images/main-menu/rewards/items/19.png": W_,
        "/src/assets/images/main-menu/rewards/items/2.png": j_,
        "/src/assets/images/main-menu/rewards/items/20.png": X_,
        "/src/assets/images/main-menu/rewards/items/21.png": Q_,
        "/src/assets/images/main-menu/rewards/items/22.png": J_,
        "/src/assets/images/main-menu/rewards/items/24.png": ed,
        "/src/assets/images/main-menu/rewards/items/26.png": td,
        "/src/assets/images/main-menu/rewards/items/3.png": sd,
        "/src/assets/images/main-menu/rewards/items/4.png": id,
        "/src/assets/images/main-menu/rewards/items/5.png": nd,
        "/src/assets/images/main-menu/rewards/items/6.png": ad,
        "/src/assets/images/main-menu/rewards/items/7.png": od,
        "/src/assets/images/main-menu/rewards/items/9.png": rd,
        "/src/assets/images/main-menu/rewards/items/gold_battle_pass.png": ld
    }),
    ke = [{
        type: "prizes",
        icon: e => {
            try {
                return M9[`/src/assets/images/main-menu/battle-pass/prizes/${e}.png`]
            } catch {
                return ""
            }
        }
    }, {
        type: "inventoryItems",
        icon: e => {
            try {
                return `/images/inventoryItems/${e}.png`
            } catch {
                return ""
            }
        }
    }, {
        type: "accessories",
        icon: e => {
            try {
                return `/images/accessories/${e}.png`
            } catch {
                return ""
            }
        }
    }, {
        type: "drinks",
        icon: e => {
            try {
                return `/images/drinks/${e}.png`
            } catch {
                return ""
            }
        }
    }, {
        type: "anims",
        icon: e => {
            try {
                return `/images/anims/${e}.png`
            } catch {
                return ""
            }
        }
    }, {
        type: "skins",
        icon: e => {
            try {
                return `/images/skins/${e}.png`
            } catch {
                return ""
            }
        }
    }, {
        type: "spray",
        icon: e => {
            try {
                return `/images/spray/${e}.png`
            } catch {
                return ""
            }
        }
    }, {
        type: "propertyAccessories",
        icon: e => {
            try {
                return `/images/poperty_accessories/${e}.png`
            } catch {
                return ""
            }
        }
    }, {
        type: "casesOpen",
        icon: e => {
            try {
                return `/images/cases/open/${e}.png`
            } catch {
                return ""
            }
        }
    }, {
        type: "certificates",
        icon: e => {
            try {
                return `/images/certificates/${e}.png`
            } catch {
                return ""
            }
        }
    }, {
        type: "dailyRewards",
        icon: e => {
            try {
                return P9[`/src/assets/images/main-menu/rewards/items/${e}.png`]
            } catch {
                return ""
            }
        }
    }, {
        type: "roosters",
        icon: e => {
            try {
                return `/images/roosters/${e}.png`
            } catch {
                return ""
            }
        }
    }, {
        type: "cats",
        icon: e => {
            try {
                return `/images/cats/${e}.png`
            } catch {
                return ""
            }
        }
    }],
    A9 = '[["Лотерейный билет",1,0,1,3,0,257],["Деньги 100.000.000",2,1,1,5,0,0],["Ключ от кейса 3 шт",3,0,1,3,0,259],["Аксессуар Оперативная сумка",4,1,2,20,18144,18144],["Деньги 25.000.000",5,0,1,5,0,0],["Ключ от кейса 5 шт",6,1,1,3,0,259],["Деньги 50.000.000",7,0,1,5,0,0],["Аксессуар Жилетка рабочего",8,1,2,20,18127,18127],["Ключ от кейса 3 шт",9,0,1,3,0,259],["Транспорт Volkswagen T6",10,1,0,50,865,17450],["Кейс Бандитский 5 шт",11,0,1,3,0,385],["Внешность Девушки в кожанке",12,1,5,30,8748,8748],["Деньги 75.000.000",13,0,1,5,0,0],["Ключ от кейса 5 шт",14,1,1,3,0,259],["Кейс Клоунский 5 шт",15,0,1,3,0,386],["Аксессуар Сумка Jordan",16,1,2,20,18143,18143],["Ключ от кейса 3 шт",17,0,1,3,0,259],["Внешность Пост Малоне",18,1,5,35,17007,17007],["Деньги 100.000.000",19,0,1,5,0,0],["Рюкзак Порше",20,1,2,20,18126,18126],["Кейс Бандитский 5 шт",21,0,1,3,0,385],["Аксессуар на транспорт Букет роз",22,1,2,20,18146,18146],["Ключ от кейса 5 шт",23,0,1,3,0,259],["Петух для дома",24,1,11,25,1,19078],["Деньги 125.000.000",25,0,1,5,0,0],["Рюкзак Кейс биткоин",26,1,2,20,18145,18145],["Ключ от кейса 5 шт",27,0,1,3,0,259],["Ключ от кейса 10 шт",28,1,1,3,0,259],["Кейс Оперской 5 шт",29,0,1,3,0,278],["Транспорт BMW S1000RR",30,1,0,50,-1,15138],["Деньги 150.000.000",31,0,1,5,0,0],["Внешность Ким Кардашьян",32,1,5,35,8750,8750],["Ключ от кейса 5 шт",33,0,1,3,0,259],["Аксессуар Кобура на ногу",34,1,2,5,18129,18129],["Кейс Темные дела 5 шт",35,0,1,3,0,261],["Бронежилет Dev`a Christ`a",36,1,2,30,18142,18142],["Кейс Бандитский 5 шт",37,0,1,3,0,385],["Внешность Чиф Киф",38,1,5,35,8689,8689],["Ключ от кейса 5 шт",39,0,1,3,0,259],["Кот для дома",40,1,12,35,1,18155],["Ключ от кейса 5 шт",41,0,1,3,0,259],["Внешность Лил Рэпера",42,1,5,35,8690,8690],["Lambo Fenomeno",43,1,0,0,-1,17449]]',
    $ = {
        SKIP_TASK: 0,
        BUY: 1,
        PRIZE: 2,
        BUY_LEVEL: 3,
        BUY_STORE: 4
    },
    hs = {
        [$.SKIP_TASK]: {
            type: $.SKIP_TASK,
            title: "пропустить задание?",
            value: 150,
            description: "После пропуска задания оно будет автоматически выполнено.",
            action: "Пропустить задание",
            closed: "Закрыть"
        },
        [$.BUY]: {
            type: $.BUY,
            title: "Купить пропуск",
            value: 800,
            description: "После покупки пропуска - вам откроются <br/> дополнительные уровни и ФИНАЛЬНАЯ НАГРАДА",
            action: "Купить",
            gift: "Подарить",
            mobileAction: "Купить себе",
            mobileGift: "Купить в подарок"
        },
        [$.PRIZE]: {
            type: $.PRIZE,
            title: "что сделать с предметом?",
            action: "Забрать",
            cancel: {
                label: "Распылить на",
                image: "points.svg",
                value: 19e3
            },
            mobileLabel: "Распылить"
        },
        [$.BUY_LEVEL]: {
            type: $.BUY_LEVEL,
            title: "Покупка уровней",
            description: "50 уровней",
            value: 800,
            action: "Купить",
            gift: "Подарить",
            mobileAction: "Купить себе",
            mobileGift: "Купить в подарок"
        },
        [$.BUY_STORE]: {
            type: $.BUY_STORE,
            title: "купить {{value}}?",
            action: "Купить",
            closed: "Закрыть"
        }
    },
    Js = {
        DAILY: 0,
        WEEKLY: 1
    },
    D9 = {
        class: "main-menu-battle-pass-logo__content"
    };

function L9(e, t, s, l, o, i) {
    return a(), r("div", {
        class: T(["main-menu-battle-pass-logo", {
            "main-menu-battle-pass-logo_small": s.isSmall
        }])
    }, [n("div", D9, [this.season ? (a(), r("div", {
        key: 0,
        class: "main-menu-battle-pass-logo__text",
        style: x({
            color: s.seasonColor
        })
    }, "СЕЗОН " + C(i.seasonSymbol), 5)) : h("", !0)])], 2)
}
const x9 = {
        props: ["season", "isSmall", "seasonColor"],
        computed: {
            seasonSymbol() {
                return this.season === 13 ? "XIII" : this.season
            },
            isMobile() {
                return this.$root.isMobile
            }
        }
    },
    _s = v(x9, [
        ["render", L9],
        ["__scopeId", "data-v-0cd54e63"]
    ]),
    O9 = {
        class: "main-menu-battle-pass-level-logo-bar"
    },
    B9 = {
        class: "main-menu-battle-pass-level-logo-bar__progress"
    },
    $9 = ["src"],
    N9 = ["src"],
    R9 = {
        class: "main-menu-battle-pass-level-logo-bar__logo"
    },
    V9 = ["src"],
    H9 = {
        key: 1,
        class: "main-menu-battle-pass-level-logo-bar__image main-menu-battle-pass-level-logo-bar__image_gold"
    },
    U9 = ["src"];

function Y9(e, t, s, l, o, i) {
    return a(), r("div", O9, [s.isGold ? (a(), r("div", H9, [n("img", {
        class: "main-menu-battle-pass-level-logo-bar__image-img",
        src: o.icons[`/src/assets/images/main-menu/battle-pass/logo/level-logo${i.isMobile?"_mobile":""}_gold.png`]
    }, null, 8, U9)])) : (a(), r(I, {
        key: 0
    }, [n("div", B9, [n("img", {
        class: "main-menu-battle-pass-level-logo-bar__progress-img",
        src: o.icons[`/src/assets/images/main-menu/battle-pass/logo/level-bar${i.isMobile?"_mobile":""}_empty.png`]
    }, null, 8, $9)]), n("div", {
        class: "main-menu-battle-pass-level-logo-bar__progress main-menu-battle-pass-level-logo-bar__progress_filled",
        style: x({
            height: `${Math.min(100,s.progressPercent)}%`
        })
    }, [n("img", {
        class: "main-menu-battle-pass-level-logo-bar__progress-img",
        src: o.icons[`/src/assets/images/main-menu/battle-pass/logo/level-bar${i.isMobile?"_mobile":""}.png`]
    }, null, 8, N9)], 4), n("div", R9, [n("img", {
        class: "main-menu-battle-pass-level-logo-bar__logo-img",
        src: o.icons[`/src/assets/images/main-menu/battle-pass/logo/level-logo${i.isMobile?"_mobile":""}.png`]
    }, null, 8, V9)])], 64))])
}
const K9 = {
        props: ["progressPercent", "isGold"],
        data() {
            return {
                icons: Object.assign({
                    "/src/assets/images/main-menu/battle-pass/logo/level-bar.png": Mn,
                    "/src/assets/images/main-menu/battle-pass/logo/level-bar_empty.png": Pn,
                    "/src/assets/images/main-menu/battle-pass/logo/level-bar_mobile.png": An,
                    "/src/assets/images/main-menu/battle-pass/logo/level-bar_mobile_empty.png": Dn,
                    "/src/assets/images/main-menu/battle-pass/logo/level-logo.png": Ln,
                    "/src/assets/images/main-menu/battle-pass/logo/level-logo_gold.png": xn,
                    "/src/assets/images/main-menu/battle-pass/logo/level-logo_mobile.png": On,
                    "/src/assets/images/main-menu/battle-pass/logo/level-logo_mobile_gold.png": Bn
                })
            }
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            }
        }
    },
    G9 = v(K9, [
        ["render", Y9],
        ["__scopeId", "data-v-19bc978d"]
    ]),
    F9 = {
        class: "main-menu-battle-pass-rewards-level__logo"
    },
    z9 = {
        class: "main-menu-battle-pass-rewards-level__points"
    },
    Z9 = {
        class: "main-menu-battle-pass-rewards-level__content"
    },
    q9 = {
        class: "main-menu-battle-pass-rewards-level__value"
    },
    W9 = n("div", {
        class: "main-menu-battle-pass-rewards-level__text"
    }, "УРОВЕНЬ", -1),
    j9 = {
        class: "main-menu-battle-pass-rewards-level__timer"
    },
    X9 = n("img", {
        src: ze
    }, null, -1),
    Q9 = {
        class: "main-menu-battle-pass-rewards-level__timer-points"
    },
    J9 = {
        class: "main-menu-battle-pass-rewards-level__timer__selection_gray"
    };

function eh(e, t, s, l, o, i) {
    const m = c("LevelLogoBar");
    return a(), r("div", {
        class: T(["main-menu-battle-pass-rewards-level", {
            "main-menu-battle-pass-rewards-level_mobile": i.isMobile
        }])
    }, [n("div", F9, [d(m, {
        progressPercent: i.progressPercent
    }, null, 8, ["progressPercent"]), n("div", z9, C(s.battlepass.points.current) + "/" + C(s.battlepass.points.max), 1)]), n("div", Z9, [n("div", q9, [w(C(s.battlepass.level.current), 1), W9]), n("div", j9, [X9, n("div", Q9, "+" + C(s.battlepass.newPrize.amount), 1), w("Бонусных очков"), n("div", J9, "/ " + C(s.formatedNewPrizeTime), 1)])])], 2)
}
const th = {
        props: ["battlepass", "formatedNewPrizeTime"],
        components: {
            LevelLogoBar: G9
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            },
            progressPercent() {
                return this.battlepass.points.current / this.battlepass.points.max * 100
            }
        }
    },
    sh = v(th, [
        ["render", eh]
    ]),
    ih = {
        class: "main-menu-battle-pass-button__content"
    },
    nh = {
        class: "main-menu-battle-pass-button__text"
    },
    ah = {
        key: 1,
        class: "main-menu-battle-pass-button__discount"
    },
    oh = {
        class: "main-menu-battle-pass-button__discount-percent"
    },
    rh = {
        class: "main-menu-battle-pass-button__discount-time"
    },
    lh = n("img", {
        class: "main-menu-battle-pass-button__discount-time_img",
        src: Qe
    }, null, -1);

function ch(e, t, s, l, o, i) {
    const m = c("ControlsButton"),
        _ = c("GlobalHoverWrapper");
    return a(), p(_, {
        class: T(["main-menu-battle-pass-button", i.classes]),
        isBright: s.isBuy,
        clickSound: "UI/UI_menu_click_03.mp3"
    }, {
        default: E(() => [n("div", ih, [fe(e.$slots, "default"), n("div", nh, C(s.text), 1)]), !i.isMobile && !s.isActivated ? (a(), p(m, {
            key: 0,
            class: "main-menu-battle-pass-button__controls",
            text: i.keyText,
            keyCode: i.keyCode,
            isGold: s.isBuy || s.isSecondaryBuy,
            isSmall: "",
            pressSound: i.pressSound,
            onPressed: t[0] || (t[0] = b => e.$emit("pressed"))
        }, null, 8, ["text", "keyCode", "isGold", "pressSound"])) : h("", !0), i.showDiscount ? (a(), r("div", ah, [n("div", oh, "-" + C(s.discount) + "%", 1), n("div", rh, [lh, n("span", null, C(s.formatedEndDiscountTime), 1)])])) : h("", !0)]),
        _: 3
    }, 8, ["class", "isBright"])
}
const mh = {
        props: ["text", "discount", "formatedEndDiscountTime", "isDiscount", "isBuy", "isSecondaryBuy", "isActivated", "isSkipped"],
        components: {
            ControlsButton: H
        },
        data() {
            return {
                KEY_CODE_SPACE: window.KEY_CODE_SPACE,
                KEY_CODE_ALT: window.KEY_CODE_ALT
            }
        },
        computed: {
            classes() {
                return {
                    "main-menu-battle-pass-button_buy": this.isBuy,
                    "main-menu-battle-pass-button_secondary-buy": this.isSecondaryBuy,
                    "main-menu-battle-pass-button_activated": this.isActivated,
                    "main-menu-battle-pass-button_mobile": this.isMobile,
                    "main-menu-battle-pass-button_skip": this.isSkipped
                }
            },
            pressSound() {
                return this.keyCode === this.KEY_CODE_SPACE ? "UI_character_click01" : "UI/UI_menu_click_03.mp3"
            },
            keyCode() {
                return this.isBuy ? this.KEY_CODE_SPACE : this.KEY_CODE_ALT
            },
            keyText() {
                return this.keyCode === this.KEY_CODE_ALT ? "ALT" : "SPACE"
            },
            isMobile() {
                return this.$root.isMobile
            },
            showDiscount() {
                return this.isDiscount && (!this.isMobile || this.isBuy)
            }
        }
    },
    lo = v(mh, [
        ["render", ch]
    ]),
    _h = {},
    dh = {
        xmlns: "http://www.w3.org/2000/svg",
        width: "22",
        height: "22",
        viewBox: "0 0 22 22",
        fill: "#EEEEE6"
    },
    uh = ji('<path d="M17.8471 18.7647C16.0221 20.3753 13.6253 21.353 10.9999 21.353C8.37453 21.353 5.97771 20.3753 4.15272 18.7647H17.8471Z"></path><path d="M19.5602 16.8236C19.1614 17.4086 18.7044 17.9506 18.1972 18.4412H3.80265C3.29547 17.9506 2.83842 17.4086 2.43965 16.8236H19.5602Z"></path><path d="M20.7248 14.5589C20.5183 15.1227 20.2639 15.6634 19.9671 16.1765H2.03271C1.73589 15.6634 1.48149 15.1227 1.27507 14.5589H20.7248Z"></path><path d="M21.272 12.2942C21.2029 12.8482 21.0895 13.3885 20.9364 13.9118H1.06339C0.910287 13.3885 0.796958 12.8482 0.727855 12.2942H21.272Z"></path><path d="M10.9999 0.647095C16.7177 0.647095 21.3529 5.28226 21.3529 11H14.8627C15.4879 9.99479 15.8312 8.43837 13.4352 7.09493C13.4434 7.09449 15.4426 6.98759 16.7868 8.44908C16.7933 8.41784 17.322 5.84641 14.1322 5.49561C14.1402 5.48214 14.5264 4.83956 16.0614 4.64192C16.0468 4.62408 14.5873 2.84608 12.1898 4.72976C11.0487 1.89163 8.90875 2.68869 8.88181 2.69885C10.1271 3.65469 10.1292 4.41318 10.1292 4.41318C7.17582 3.09782 6.36877 5.62957 6.36877 5.62957C8.25535 5.04381 9.93034 6.1427 9.94086 6.14962C5.47742 6.07374 7.02715 10.1595 7.03415 10.1779C9.08071 7.06608 11.4068 7.61281 11.4239 7.61688C11.4278 7.61804 13.2805 8.17825 13.827 11H10.083C10.4199 10.0987 10.8479 9.22901 11.3633 8.42002C11.3046 8.39016 11.2576 8.36922 11.2293 8.35872C11.1869 8.35207 11.1005 8.34166 10.981 8.34166C10.7715 8.34166 10.4991 8.37025 10.186 8.46488C10.0802 8.62457 9.97094 8.78163 9.87072 8.94322C9.57463 9.41681 9.30272 9.90537 9.05558 10.4061C8.95859 10.6021 8.86776 10.8007 8.77944 11H0.646973C0.646973 5.28226 5.28214 0.647095 10.9999 0.647095Z"></path>', 5),
    hh = [uh];

function ph(e, t) {
    return a(), r("svg", dh, hh)
}
const gh = v(_h, [
        ["render", ph]
    ]),
    bh = e => (D("data-v-8132bb1b"), e = e(), L(), e),
    vh = {
        class: "main-menu-battle-pass-light-animation"
    },
    Ch = bh(() => n("div", {
        class: "main-menu-battle-pass-light-animation__container"
    }, [n("div", {
        class: "main-menu-battle-pass-light-animation__flame-left"
    }), n("div", {
        class: "main-menu-battle-pass-light-animation__flame-right"
    })], -1)),
    yh = [Ch];

function fh(e, t, s, l, o, i) {
    return a(), r("div", vh, yh)
}
const Th = {
        name: "BattlePassLightAnimation"
    },
    Eh = v(Th, [
        ["render", fh],
        ["__scopeId", "data-v-8132bb1b"]
    ]),
    kh = n("img", {
        class: "main-menu-battle-pass-rewards-level-status__button_lvl-img",
        src: Je
    }, null, -1),
    Ih = ["src"];

function wh(e, t, s, l, o, i) {
    const m = c("BattlePassButton");
    return a(), r("div", {
        class: T(["main-menu-battle-pass-rewards-level-status", {
            "main-menu-battle-pass-rewards-level-status_mobile": s.isMobile
        }])
    }, [d(m, {
        class: "main-menu-battle-pass-rewards-level-status__button main-menu-battle-pass-rewards-level-status__button_lvl",
        text: "Купить уровни",
        isSecondaryBuy: !0,
        onClick: i.buyLevel,
        onPressed: i.buyLevel
    }, {
        default: E(() => [kh]),
        _: 1
    }, 8, ["onClick", "onPressed"]), d(m, {
        class: "main-menu-battle-pass-rewards-level-status__button main-menu-battle-pass-rewards-level-status__button_bp",
        text: s.accessType ? "Подарить пропуск" : "Купить пропуск",
        isBuy: !0,
        discount: s.battlePassDiscount,
        isDiscount: s.battlePassDiscount && s.formatedEndDiscountTime !== "end",
        formatedEndDiscountTime: s.formatedEndDiscountTime,
        onClick: i.improve,
        onPressed: i.improve
    }, {
        default: E(() => [n("img", {
            class: "main-menu-battle-pass-rewards-level-status__button_bp-img",
            src: o.icons["/src/assets/images/main-menu/battle-pass/buy-bp-icon.png"]
        }, null, 8, Ih)]),
        _: 1
    }, 8, ["text", "discount", "isDiscount", "formatedEndDiscountTime", "onClick", "onPressed"])], 2)
}
const Sh = {
        props: {
            isMobile: Boolean,
            accessType: Boolean,
            battlePassDiscount: Number,
            formatedEndDiscountTime: String,
            isHideOnSquare: {
                type: Boolean,
                default: !1
            }
        },
        components: {
            BattlePassButton: lo,
            BuyLevel: gh,
            LightAnimation: Eh
        },
        data() {
            return {
                icons: Object.assign({
                    "/src/assets/images/main-menu/battle-pass/ad-bg.png": kt,
                    "/src/assets/images/main-menu/battle-pass/ad-bg_mobile.png": It,
                    "/src/assets/images/main-menu/battle-pass/bg-particles-down.png": wt,
                    "/src/assets/images/main-menu/battle-pass/bg-particles-up.png": St,
                    "/src/assets/images/main-menu/battle-pass/bg.png": Mt,
                    "/src/assets/images/main-menu/battle-pass/bg_alternative.png": Pt,
                    "/src/assets/images/main-menu/battle-pass/bg_buy.png": At,
                    "/src/assets/images/main-menu/battle-pass/bg_store.png": Dt,
                    "/src/assets/images/main-menu/battle-pass/buy-bp-icon.png": et,
                    "/src/assets/images/main-menu/battle-pass/buy-bp-icon_active.png": tt,
                    "/src/assets/images/main-menu/battle-pass/delete.png": Lt,
                    "/src/assets/images/main-menu/battle-pass/end-cross.png": xt,
                    "/src/assets/images/main-menu/battle-pass/end-timer.png": Qe,
                    "/src/assets/images/main-menu/battle-pass/info-bg.png": Ot,
                    "/src/assets/images/main-menu/battle-pass/info-icon.png": st,
                    "/src/assets/images/main-menu/battle-pass/last-prize-preview.png": Bt,
                    "/src/assets/images/main-menu/battle-pass/last-prize.png": $t,
                    "/src/assets/images/main-menu/battle-pass/light.png": Nt,
                    "/src/assets/images/main-menu/battle-pass/lock.png": Rt,
                    "/src/assets/images/main-menu/battle-pass/lock_black.png": it,
                    "/src/assets/images/main-menu/battle-pass/logo.png": Vt,
                    "/src/assets/images/main-menu/battle-pass/points.png": ze,
                    "/src/assets/images/main-menu/battle-pass/points_white.png": Ht,
                    "/src/assets/images/main-menu/battle-pass/points_yellow.png": Je,
                    "/src/assets/images/main-menu/battle-pass/skip-task.png": Ut,
                    "/src/assets/images/main-menu/battle-pass/statistics-info-bg.png": Yt,
                    "/src/assets/images/main-menu/battle-pass/upgrade.png": Kt
                })
            }
        },
        methods: {
            improve() {
                this.$emit("improve")
            },
            buyLevel() {
                this.$emit("buyLevel")
            }
        }
    },
    $l = v(Sh, [
        ["render", wh]
    ]),
    Nl = e => (D("data-v-a5d6df5d"), e = e(), L(), e),
    Mh = {
        class: "main-menu-battle-pass-card-name-price"
    },
    Ph = Nl(() => n("img", {
        class: "main-menu-battle-pass-card-name-price-icon",
        src: Ea
    }, null, -1)),
    Ah = {
        class: "main-menu-battle-pass-card-name-title"
    },
    Dh = Nl(() => n("img", {
        class: "main-menu-battle-pass-card-name-title-lock-icon",
        src: pr
    }, null, -1));

function Lh(e, t, s, l, o, i) {
    return a(), r("div", {
        class: T(["main-menu-battle-pass-card-name", i.classes])
    }, [n("div", Mh, [Ph, w(C(i.formatNumberWithSpaces(s.price)), 1)]), n("div", Ah, [Dh, w(C(s.name), 1)])], 2)
}
const xh = {
        props: {
            isPremium: {
                default: !1
            },
            isUnavailable: {
                default: !1
            },
            isGotten: {
                default: !1
            },
            isBest: {
                default: !1
            },
            isProduct: {
                default: !1
            },
            name: {
                default: ""
            },
            price: {
                type: Number,
                default: 0
            }
        },
        computed: {
            classes() {
                return {
                    "main-menu-battle-pass-card-name_premium": this.isPremium,
                    "main-menu-battle-pass-card-name_unavailable": this.isUnavailable,
                    "main-menu-battle-pass-card-name_gotten": this.isGotten,
                    "main-menu-battle-pass-card-name_best": this.isBest,
                    "main-menu-battle-pass-card-name_product": this.isProduct
                }
            }
        },
        methods: {
            formatNumberWithSpaces: F
        }
    },
    Oh = v(xh, [
        ["render", Lh],
        ["__scopeId", "data-v-a5d6df5d"]
    ]),
    Gs = e => (D("data-v-d550ee83"), e = e(), L(), e),
    Bh = Gs(() => n("div", {
        class: "main-menu-battle-pass-card__content-light"
    }, null, -1)),
    $h = {
        class: "main-menu-battle-pass-card__content-wrapper"
    },
    Nh = {
        class: "main-menu-battle-pass-card__content-header"
    },
    Rh = {
        key: 0,
        class: "main-menu-battle-pass-card__content-badge-wrapper"
    },
    Vh = Gs(() => n("div", {
        class: "main-menu-battle-pass-card__content-badge"
    }, [n("img", {
        class: "main-menu-battle-pass-card__content-badge-icon",
        src: gr
    }), n("div", {
        class: "main-menu-battle-pass-card__content-badge-text"
    }, "НЕЛЬЗЯ ПЕРЕДАТЬ ИЛИ ПРОДАТЬ")], -1)),
    Hh = [Vh],
    Uh = {
        class: "main-menu-battle-pass-card__items"
    },
    Yh = Gs(() => n("div", {
        class: "main-menu-battle-pass-card__item-divider"
    }, null, -1)),
    Kh = {
        class: "main-menu-battle-pass-card__status"
    },
    Gh = Gs(() => n("div", {
        class: "main-menu-battle-pass-card__status-divider"
    }, null, -1)),
    Fh = {
        class: "main-menu-battle-pass-card__status-text"
    },
    zh = Gs(() => n("div", {
        class: "main-menu-battle-pass-card__gotten"
    }, [n("img", {
        class: "main-menu-battle-pass-card__gotten-icon",
        src: ka
    }), n("div", {
        class: "main-menu-battle-pass-card__gotten-text"
    }, "ПОЛУЧЕНО")], -1)),
    Zh = {
        key: 0,
        class: "main-menu-battle-pass-card__progress"
    },
    qh = {
        key: 0,
        class: "main-menu-battle-pass-card__progress-line-decor"
    };

function Wh(e, t, s, l, o, i) {
    const m = c("BattlePassCardName"),
        _ = c("Button");
    return a(), r("div", {
        class: T(["main-menu-battle-pass-card", i.classes]),
        style: x(i.cssVars)
    }, [(a(), p(z(i.isHoverable ? "GlobalHoverWrapper" : "div"), {
        class: "main-menu-battle-pass-card__content"
    }, {
        default: E(() => [Bh, n("div", $h, [n("div", Nh, C(s.header), 1), s.isNotForSale ? (a(), r("div", Rh, Hh)) : h("", !0), n("div", Uh, [(a(!0), r(I, null, M(i.items, (b, u) => (a(), r("div", {
            class: T(["main-menu-battle-pass-card__item", {
                "main-menu-battle-pass-card__item_skin": i.getIsSkin(b)
            }]),
            key: u
        }, [n("div", {
            class: "main-menu-battle-pass-card__item-image",
            style: x({
                backgroundImage: `url(${b.image})`
            })
        }, null, 4), i.items.length <= 1 ? (a(), p(m, {
            key: 0,
            name: b.name,
            price: b.price,
            isPremium: s.isPremium,
            isUnavailable: s.isUnavailable,
            isGotten: s.isGotten,
            isBest: s.isBest,
            isProduct: s.isProduct
        }, null, 8, ["name", "price", "isPremium", "isUnavailable", "isGotten", "isBest", "isProduct"])) : h("", !0), Yh], 2))), 128))]), i.items.length > 1 ? (a(), p(m, {
            key: 1,
            class: "main-menu-battle-pass-card__name-group",
            name: i.items[0].name,
            price: i.items[0].price,
            isPremium: s.isPremium,
            isUnavailable: s.isUnavailable,
            isGotten: s.isGotten,
            isBest: s.isBest,
            isProduct: s.isProduct
        }, null, 8, ["name", "price", "isPremium", "isUnavailable", "isGotten", "isBest", "isProduct"])) : h("", !0), n("div", Kh, [s.isObtainable ? (a(), p(_, {
            key: 0,
            class: "main-menu-battle-pass-card__status-button",
            text: "ЗАБРАТЬ ПРИЗ",
            "is-full-width": "",
            type: "light_green"
        })) : (a(), r(I, {
            key: 1
        }, [Gh, n("div", Fh, C(i.statusText), 1)], 64))])])]),
        _: 1
    })), zh, s.isInProgress ? (a(), r("div", Zh, [n("div", {
        class: "main-menu-battle-pass-card__progress-line",
        style: x({
            width: `${Math.min(1,s.progress)*100}%`
        })
    }, [s.progress > .01 && s.progress < .99 ? (a(), r("div", qh)) : h("", !0)], 4)])) : h("", !0)], 6)
}
const jh = {
        props: {
            isFinal: {
                default: !1
            },
            isPremium: {
                default: !1
            },
            isUnavailable: {
                default: !1
            },
            isInProgress: {
                default: !1
            },
            isObtainable: {
                default: !1
            },
            isGotten: {
                default: !1
            },
            isBest: {
                default: !1
            },
            isProduct: {
                default: !1
            },
            progress: {
                default: 0
            },
            image: {
                default: ""
            },
            header: {
                default: ""
            },
            name: {
                default: ""
            },
            isNotForSale: {
                default: !1
            },
            price: {
                type: Number,
                default: 0
            },
            isSkin: {
                default: !1
            },
            groupItems: {
                type: Array,
                default: () => []
            }
        },
        components: {
            Button: q,
            BattlePassCardName: Oh
        },
        data: () => ({
            BATTLE_PASS_PRIZE_TYPE: ke
        }),
        computed: {
            classes() {
                return {
                    "main-menu-battle-pass-card_final": this.isFinal,
                    "main-menu-battle-pass-card_premium": this.isPremium,
                    "main-menu-battle-pass-card_unavailable": this.isUnavailable,
                    "main-menu-battle-pass-card_in-progress": this.isInProgress,
                    "main-menu-battle-pass-card_obtainable": this.isObtainable,
                    "main-menu-battle-pass-card_gotten": this.isGotten,
                    "main-menu-battle-pass-card_best": this.isBest,
                    "main-menu-battle-pass-card_product": this.isProduct,
                    "main-menu-battle-pass-card_hoverable": this.isHoverable,
                    "main-menu-battle-pass-card_skin": this.isSkin
                }
            },
            cssVars() {
                return {
                    "--prizes-count": String((this.items && this.items.length) > 0 ? this.items.length : 1)
                }
            },
            isHoverable() {
                return !this.isMobile && (this.isObtainable || this.isProduct && !this.isGotten)
            },
            isMobile() {
                return this.$root.isMobile
            },
            statusText() {
                return this.isPremium ? "УЛУЧШЕННЫЙ ПРОПУСК" : "ОБЫЧНЫЙ ПРОПУСК"
            },
            items() {
                return this.isItemsGroup ? this.groupItems : [{
                    image: this.image,
                    name: this.name,
                    price: this.price
                }]
            },
            isItemsGroup() {
                return this.groupItems && this.groupItems.length > 0
            }
        },
        methods: {
            formatNumberWithSpaces: F,
            getIsSkin(e) {
                return this.isItemsGroup ? e.isSkin : this.isSkin
            }
        }
    },
    an = v(jh, [
        ["render", Wh],
        ["__scopeId", "data-v-d550ee83"]
    ]),
    Xh = {
        key: 0,
        class: "main-menu-battle-pass-prizes__pagination"
    },
    Qh = {
        class: "main-menu-battle-pass-prizes__container-groups"
    };

function Jh(e, t, s, l, o, i) {
    const m = c("ControlsContaineredButton"),
        _ = c("BattlePassCard"),
        b = c("ScrollableContainer");
    return a(), r("div", {
        class: T(["main-menu-battle-pass-prizes", {
            "main-menu-battle-pass-prizes_mobile": i.isMobile
        }]),
        onWheel: t[0] || (t[0] = u => e.$emit("scroll:prizes", u))
    }, [!i.isMobile && s.showControls ? (a(), r("div", Xh, [d(m, {
        containerText: "Перейти к Начальной / Финальной награде",
        disabled: s.controlsAreDisabled,
        keyCode: e.KEY_CODE_ENTER,
        text: "enter",
        pressSound: "UI/UI_menu_click_03.mp3",
        onPressed: i.goto
    }, null, 8, ["disabled", "keyCode", "onPressed"]), d(m, {
        containerText: "Перейти к текущей награде",
        disabled: s.controlsAreDisabled,
        keyCode: e.KEY_CODE_V,
        text: "v",
        pressSound: "UI/UI_menu_click_03.mp3",
        onPressed: i.toCurrentLevel
    }, null, 8, ["disabled", "keyCode", "onPressed"])])) : h("", !0), d(b, {
        class: "main-menu-battle-pass-prizes__container",
        ref: "container",
        orientation: 1,
        type: 9,
        wheelScroll: !0,
        wheelScrollIsSmooth: !0,
        requiredHorizontalScroll: e.requiredScroll,
        showRailOnHover: "",
        initialThumbSize: .05,
        railXOffsetYVh: 0,
        onContentScroll: i.onScroll
    }, {
        default: E(() => [n("div", Qh, [(a(!0), r(I, null, M(i.formattedPrizes, (u, g) => (a(), r("div", {
            class: T(["main-menu-battle-pass-prizes__group", {
                "main-menu-battle-pass-prizes__group_last": g === i.formattedPrizes.length - 1
            }]),
            key: g
        }, [n("div", {
            class: "main-menu-battle-pass-prizes__group__cards",
            ref_for: !0,
            ref: "prizesRefs"
        }, [d(_, {
            class: "main-menu-battle-pass-prizes__card",
            groupItems: u.items,
            isFinal: g === i.formattedPrizes.length - 1 && u.items.length - 1 === 0,
            isPremium: u.isPremium || g === i.formattedPrizes.length - 1 && u.items.length - 1 === 0,
            isUnavailable: u.isUnavailable,
            isInProgress: i.getCurrentItem(u, g),
            isObtainable: u.canGet,
            isGotten: u.items[0].isPassed,
            progress: s.battlepass.points.current / s.battlepass.points.max,
            header: g === i.formattedPrizes.length - 1 && u.items.length - 1 === 0 ? "ФИНАЛ" : g + 1,
            name: u.items[0].name,
            isSkin: u.items[0].isSkin,
            image: u.items[0].image,
            onClick: y => u.canGet && i.takePrize(g, u)
        }, null, 8, ["groupItems", "isFinal", "isPremium", "isUnavailable", "isInProgress", "isObtainable", "isGotten", "progress", "header", "name", "isSkin", "image", "onClick"])], 512)], 2))), 128))])]),
        _: 1
    }, 8, ["requiredHorizontalScroll", "onContentScroll"])], 34)
}
const ep = {
        props: ["battlepass", "prizes", "controlsAreDisabled", "showControls"],
        components: {
            ControlsContaineredButton: W,
            ScrollableContainer: U,
            Button: q,
            BattlePassCard: an
        },
        data: () => ({
            battlepassImages: Object.assign({
                "/src/assets/images/main-menu/battle-pass/ad-bg.png": kt,
                "/src/assets/images/main-menu/battle-pass/ad-bg_mobile.png": It,
                "/src/assets/images/main-menu/battle-pass/bg-particles-down.png": wt,
                "/src/assets/images/main-menu/battle-pass/bg-particles-up.png": St,
                "/src/assets/images/main-menu/battle-pass/bg.png": Mt,
                "/src/assets/images/main-menu/battle-pass/bg_alternative.png": Pt,
                "/src/assets/images/main-menu/battle-pass/bg_buy.png": At,
                "/src/assets/images/main-menu/battle-pass/bg_store.png": Dt,
                "/src/assets/images/main-menu/battle-pass/buy-bp-icon.png": et,
                "/src/assets/images/main-menu/battle-pass/buy-bp-icon_active.png": tt,
                "/src/assets/images/main-menu/battle-pass/delete.png": Lt,
                "/src/assets/images/main-menu/battle-pass/end-cross.png": xt,
                "/src/assets/images/main-menu/battle-pass/end-timer.png": Qe,
                "/src/assets/images/main-menu/battle-pass/info-bg.png": Ot,
                "/src/assets/images/main-menu/battle-pass/info-icon.png": st,
                "/src/assets/images/main-menu/battle-pass/last-prize-preview.png": Bt,
                "/src/assets/images/main-menu/battle-pass/last-prize.png": $t,
                "/src/assets/images/main-menu/battle-pass/light.png": Nt,
                "/src/assets/images/main-menu/battle-pass/lock.png": Rt,
                "/src/assets/images/main-menu/battle-pass/lock_black.png": it,
                "/src/assets/images/main-menu/battle-pass/logo.png": Vt,
                "/src/assets/images/main-menu/battle-pass/points.png": ze,
                "/src/assets/images/main-menu/battle-pass/points_white.png": Ht,
                "/src/assets/images/main-menu/battle-pass/points_yellow.png": Je,
                "/src/assets/images/main-menu/battle-pass/skip-task.png": Ut,
                "/src/assets/images/main-menu/battle-pass/statistics-info-bg.png": Yt,
                "/src/assets/images/main-menu/battle-pass/upgrade.png": Kt
            }),
            images: Object.assign({
                "/src/assets/images/main-menu/battle-pass/ad-bg.png": kt,
                "/src/assets/images/main-menu/battle-pass/ad-bg_mobile.png": It,
                "/src/assets/images/main-menu/battle-pass/bg-particles-down.png": wt,
                "/src/assets/images/main-menu/battle-pass/bg-particles-up.png": St,
                "/src/assets/images/main-menu/battle-pass/bg.png": Mt,
                "/src/assets/images/main-menu/battle-pass/bg_alternative.png": Pt,
                "/src/assets/images/main-menu/battle-pass/bg_buy.png": At,
                "/src/assets/images/main-menu/battle-pass/bg_store.png": Dt,
                "/src/assets/images/main-menu/battle-pass/buy-bp-icon.png": et,
                "/src/assets/images/main-menu/battle-pass/buy-bp-icon_active.png": tt,
                "/src/assets/images/main-menu/battle-pass/card-line.svg": mi,
                "/src/assets/images/main-menu/battle-pass/delete.png": Lt,
                "/src/assets/images/main-menu/battle-pass/end-cross.png": xt,
                "/src/assets/images/main-menu/battle-pass/end-timer.png": Qe,
                "/src/assets/images/main-menu/battle-pass/header-border.svg": _i,
                "/src/assets/images/main-menu/battle-pass/info-bg.png": Ot,
                "/src/assets/images/main-menu/battle-pass/info-icon.png": st,
                "/src/assets/images/main-menu/battle-pass/last-prize-preview.png": Bt,
                "/src/assets/images/main-menu/battle-pass/last-prize.png": $t,
                "/src/assets/images/main-menu/battle-pass/light.png": Nt,
                "/src/assets/images/main-menu/battle-pass/line.svg": di,
                "/src/assets/images/main-menu/battle-pass/lock.png": Rt,
                "/src/assets/images/main-menu/battle-pass/lock_black.png": it,
                "/src/assets/images/main-menu/battle-pass/logo.png": Vt,
                "/src/assets/images/main-menu/battle-pass/points.png": ze,
                "/src/assets/images/main-menu/battle-pass/points.svg": Is,
                "/src/assets/images/main-menu/battle-pass/points_white.png": Ht,
                "/src/assets/images/main-menu/battle-pass/points_yellow.png": Je,
                "/src/assets/images/main-menu/battle-pass/skip-task.png": Ut,
                "/src/assets/images/main-menu/battle-pass/skip-task.svg": ui,
                "/src/assets/images/main-menu/battle-pass/statistics-info-bg.png": Yt,
                "/src/assets/images/main-menu/battle-pass/task-check.svg": hi,
                "/src/assets/images/main-menu/battle-pass/tasks-line.svg": pi,
                "/src/assets/images/main-menu/battle-pass/transparent.svg": Gt,
                "/src/assets/images/main-menu/battle-pass/upgrade.png": Kt
            }),
            KEY_CODE_ENTER: window.KEY_CODE_ENTER,
            KEY_CODE_V: window.KEY_CODE_V,
            BATTLE_PASS_PRIZE_TYPE: ke,
            requiredScroll: 0,
            lastGotoWasStart: !0,
            firstScroll: !0
        }),
        computed: {
            isMobile() {
                return this.$root.isMobile
            },
            availablePrizesCount() {
                return !Array.isArray(this.prizes) || !this.battlepass || !this.battlepass.level ? 0 : this.prizes.reduce((e, t, s) => t && !t.isPassed && !t.isUnavailable && s < this.battlepass.level.current && Array.isArray(t.items) && t.items.length && t.items[0].type !== -1 ? e + 1 : e, 0)
            },
            takeAllButtonDisabled() {
                return this.controlsAreDisabled || this.availablePrizesCount === 0
            },
            formattedPrizes() {
                return this.prizes.map((e, t) => ({
                    ...e,
                    items: e.items.map((s, l) => ({
                        ...s,
                        image: t === this.prizes.length - 1 && l === e.items.length - 1 ? this.images["/src/assets/images/main-menu/battle-pass/last-prize.png"] : ke[s.type].icon(s.icon),
                        name: s.value,
                        isSkin: ke[s.type].type === "skins"
                    }))
                }))
            }
        },
        methods: {
            getCurrentItem(e, t) {
                if (!e.canGet) return t + 1 === this.battlepass.level.current + 1
            },
            goto() {
                this.lastGotoWasStart ? this.gotoEnd() : this.gotoStart()
            },
            gotoStart() {
                this.lastGotoWasStart = !0, this.updateRequiredScroll(0)
            },
            gotoEnd() {
                this.lastGotoWasStart = !1, this.$nextTick(() => {
                    j(() => {
                        this.updateRequiredScroll(this.scrollableWrapper.scrollWidth)
                    })
                })
            },
            toCurrentLevel() {
                const e = this.$refs.container.$el,
                    t = this.$refs.prizesRefs,
                    s = Math.max(Math.min(this.prizes.length, this.battlepass.level.current) - 1, 0),
                    l = this.prizes.findIndex(o => o.canGet);
                this.$nextTick(() => {
                    j(() => {
                        l < 0 && (this.lastGotoWasStart = !1);
                        const o = t[l > -1 ? l : s],
                            i = Math.max(o.offsetLeft - e.offsetLeft + o.offsetWidth / 2 - e.offsetWidth / 2, 0);
                        this.updateRequiredScroll(i)
                    })
                })
            },
            updateRequiredScroll(e) {
                this.requiredScroll = null, this.$nextTick(() => {
                    this.requiredScroll = e
                })
            },
            onScroll(e) {
                this.scrollableWrapper = e.scrollableWrapper, this.firstScroll = !1, this.$emit("scroll")
            },
            takePrize(e, t) {
                this.$emit("take:prize", e, t)
            },
            getPrizeItemStyle(e, t, s, l) {
                return {
                    backgroundImage: `url(${t===this.prizes.length-1&&l===e.items.length-1?this.images["/src/assets/images/main-menu/battle-pass/last-prize.png"]:ke[s.type].icon(s.icon)})`,
                    ...t === this.prizes.length - 1 && l === e.items.length - 1 && this.isMobile && {
                        transform: "scale(1.2) translateY(0.93vh)"
                    }
                }
            }
        }
    },
    Rl = v(ep, [
        ["render", Jh]
    ]),
    tp = {
        class: "main-menu-battle-pass-rewards__level"
    },
    sp = {
        class: "main-menu-battle-pass-rewards__level__container"
    },
    ip = {
        class: "main-menu-battle-pass-rewards__level__status"
    };

function np(e, t, s, l, o, i) {
    const m = c("Level"),
        _ = c("BattlePassLogo"),
        b = c("LevelStatus"),
        u = c("Prizes"),
        g = c("AnimatedLogo");
    return a(), r("div", {
        class: T(["main-menu-battle-pass-rewards", {
            "main-menu-battle-pass-rewards_mobile": i.isMobile,
            "main-menu-battle-pass-rewards_mobile-square": s.isSquareMobile
        }])
    }, [n("div", tp, [n("div", sp, [d(m, {
        battlepass: s.battlepass,
        formatedNewPrizeTime: s.formatedNewPrizeTime,
        isSquareMobile: s.isSquareMobile
    }, null, 8, ["battlepass", "formatedNewPrizeTime", "isSquareMobile"])]), d(_, {
        class: "main-menu-battle-pass-rewards__logo",
        season: s.battlepass.season
    }, null, 8, ["season"]), n("div", ip, [s.controlsAreDisabled ? h("", !0) : (a(), p(b, {
        key: 0,
        isMobile: i.isMobile,
        accessType: s.accessType,
        battlePassDiscount: s.battlePassDiscount,
        formatedEndDiscountTime: s.formatedEndDiscountTime,
        onImprove: i.improve,
        onBuyLevel: i.buyLevel
    }, null, 8, ["isMobile", "accessType", "battlePassDiscount", "formatedEndDiscountTime", "onImprove", "onBuyLevel"]))])]), d(ae, {
        name: "fade",
        mode: "out-in"
    }, {
        default: E(() => [o.isPrizesVisible ? (a(), p(u, {
            key: "prizes",
            prizes: s.prizes,
            battlepass: s.battlepass,
            controlsAreDisabled: s.controlsAreDisabled,
            showControls: !0,
            "onTake:prize": i.takePrize,
            onScroll: i.onScroll
        }, null, 8, ["prizes", "battlepass", "controlsAreDisabled", "onTake:prize", "onScroll"])) : (a(), p(g, {
            class: "main-menu-battle-pass-rewards__loader",
            key: "loader"
        }))]),
        _: 1
    })], 2)
}
const ap = 2e3,
    op = {
        props: ["prizes", "accessType", "battlepass", "battlePassDiscount", "formatedNewPrizeTime", "formatedEndDiscountTime", "isSquareMobile", "controlsAreDisabled"],
        components: {
            Level: sh,
            Prizes: Rl,
            LevelStatus: $l,
            BattlePassLogo: _s,
            AnimatedLogo: dt
        },
        data() {
            return {
                pageIsIdle: !0,
                pageIdleTimeout: null,
                isPrizesVisible: this.battlepass.isLoaded
            }
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            }
        },
        methods: {
            improve() {
                this.$emit("improve")
            },
            buyLevel() {
                this.$emit("buyLevel")
            },
            takePrize(e, t) {
                this.$emit("take:prize", e, t)
            },
            onScroll() {
                this.pageIsIdle = !1, this.setPageIdleTimeout()
            },
            setPageIdleTimeout() {
                this.clearPageIdleTimeout(), this.pageIdleTimeout = setTimeout(() => {
                    this.pageIsIdle = !0
                }, ap)
            },
            clearPageIdleTimeout() {
                clearTimeout(this.pageIdleTimeout)
            }
        },
        watch: {
            pageIsIdle(e) {
                this.$emit("setAnimationStatus", e)
            },
            "battlepass.isLoaded"(e) {
                e ? setTimeout(() => {
                    this.isPrizesVisible = !0
                }, 100) : this.isPrizesVisible = !1
            }
        }
    },
    rp = v(op, [
        ["render", np]
    ]),
    lp = {
        class: "main-menu-battle-pass-tab-switcher"
    },
    cp = {
        class: "main-menu-battle-pass-tab-switcher__content"
    },
    mp = ["onClick"];

function _p(e, t, s, l, o, i) {
    return a(), r("div", lp, [n("div", cp, [(a(!0), r(I, null, M(s.tabs, (m, _) => (a(), r("div", {
        class: T(["main-menu-battle-pass-tab-switcher__tab", {
            "main-menu-battle-pass-tab-switcher__tab_active": s.selectedTabIndex === _
        }]),
        key: _,
        onClick: b => e.$emit("switchTab", _)
    }, C(m.label), 11, mp))), 128))])])
}
const dp = {
        props: {
            tabs: Object,
            selectedTabIndex: Number
        }
    },
    up = v(dp, [
        ["render", _p],
        ["__scopeId", "data-v-3be3dac1"]
    ]),
    hp = {
        class: "main-menu-battle-pass-tasks__header"
    },
    pp = {
        class: "main-menu-battle-pass-tasks__header-content"
    },
    gp = {
        key: 1,
        class: "main-menu-battle-pass-tasks__header-tabs"
    },
    bp = n("div", {
        class: "main-menu-battle-pass-tasks__header-timer-text"
    }, "ОБНОВЛЕНИЕ ЗАДАНИЙ", -1),
    vp = n("div", {
        class: "main-menu-battle-pass-tasks__header-line"
    }, null, -1),
    Cp = {
        class: "main-menu-battle-pass-tasks__cards"
    },
    yp = {
        class: "main-menu-battle-pass-tasks__card__content"
    },
    fp = ["onClick"],
    Tp = {
        class: "main-menu-battle-pass-tasks__card__body"
    },
    Ep = {
        class: "main-menu-battle-pass-tasks__card__title"
    },
    kp = {
        class: "main-menu-battle-pass-tasks__card__text"
    },
    Ip = {
        class: "main-menu-battle-pass-tasks__card__progress__container"
    },
    wp = {
        class: "main-menu-battle-pass-tasks__card__progress"
    },
    Sp = {
        class: "main-menu-battle-pass-tasks__card__progress__text"
    },
    Mp = n("div", {
        class: "main-menu-battle-pass-tasks__card__progress__dots"
    }, null, -1),
    Pp = {
        class: "main-menu-battle-pass-tasks__card__progress__value"
    },
    Ap = {
        class: "main-menu-battle-pass-tasks__card__progress__value__total"
    },
    Dp = {
        class: "main-menu-battle-pass-tasks__card__footer"
    },
    Lp = {
        class: "main-menu-battle-pass-tasks__card__reward"
    },
    xp = n("div", {
        class: "main-menu-battle-pass-tasks__card__reward__text"
    }, "НАГРАДА", -1),
    Op = {
        class: "main-menu-battle-pass-tasks__card__reward__items"
    },
    Bp = {
        key: 0,
        class: "main-menu-battle-pass-tasks__card__reward__value"
    },
    $p = {
        key: 0,
        class: "main-menu-battle-pass-tasks__card__completed"
    },
    Np = n("img", {
        class: "main-menu-battle-pass-tasks__card__completed-icon",
        src: ka
    }, null, -1);

function Rp(e, t, s, l, o, i) {
    const m = c("TabSwitcher"),
        _ = c("SelectedTabLine"),
        b = c("ControlsButton"),
        u = c("HeaderTab"),
        g = c("ProgressTimer"),
        y = c("AnimatedLogo"),
        f = c("BattlePassButton"),
        k = c("ScrollableContainer");
    return a(), r("div", {
        class: T(["main-menu-battle-pass-tasks", {
            "main-menu-battle-pass-tasks_mobile": i.isMobile,
            "main-menu-battle-pass-tasks_square-mobile": s.isSquareMobile
        }])
    }, [n("div", hp, [n("div", pp, [i.isMobile ? (a(), p(m, {
        key: 0,
        class: "main-menu-battle-pass-tasks__header-tabs-switcher",
        tabs: o.tabs,
        selectedTabIndex: o.selectedTabIndex,
        onSwitchTab: t[0] || (t[0] = S => o.selectedTabIndex = S)
    }, null, 8, ["tabs", "selectedTabIndex"])) : (a(), r("div", gp, [d(_, {
        ref: "tabLine"
    }, null, 512), d(b, {
        class: "main-menu-battle-pass-tasks__header-control",
        text: "Z",
        keyCode: o.KEY_CODE_Z,
        disabled: s.controlsAreDisabled,
        pressSound: "UI/UI_menu_click_03.mp3",
        onPressed: i.toPrevTab
    }, null, 8, ["keyCode", "disabled", "onPressed"]), (a(!0), r(I, null, M(o.tabs, (S, O) => (a(), p(u, {
        class: "main-menu-battle-pass-tasks__header-tab",
        key: O,
        tab: S,
        isActive: o.selectedTabIndex === O,
        ref_for: !0,
        ref: "tabs",
        onClick: B => i.selectTab(O)
    }, null, 8, ["tab", "isActive", "onClick"]))), 128)), d(b, {
        class: "main-menu-battle-pass-tasks__header-control",
        text: "C",
        keyCode: o.KEY_CODE_C,
        disabled: s.controlsAreDisabled,
        pressSound: "UI/UI_menu_click_03.mp3",
        onPressed: i.toNextTab
    }, null, 8, ["keyCode", "disabled", "onPressed"])])), (a(), p(g, {
        class: "main-menu-battle-pass-tasks__header-timer",
        type: "rect",
        sizeType: "m",
        key: o.selectedTabIndex,
        currentSeconds: i.currentUpdateTime.current / 1e3,
        startSeconds: i.currentUpdateTime.start / 1e3
    }, {
        default: E(() => [bp]),
        _: 1
    }, 8, ["currentSeconds", "startSeconds"]))]), vp]), s.tasks.length ? h("", !0) : (a(), p(y, {
        key: 0,
        class: "main-menu-battle-pass-tasks__loader"
    })), d(k, {
        class: "main-menu-battle-pass-tasks__content",
        type: 9,
        useMask: !0
    }, {
        default: E(() => [n("div", Cp, [(a(!0), r(I, null, M(i.splittedTasks[o.tabs[o.selectedTabIndex].type], (S, O) => (a(), r("div", {
            class: T(["main-menu-battle-pass-tasks__card", {
                "main-menu-battle-pass-tasks__card_checked": S.isComplete
            }]),
            key: O
        }, [n("div", yp, [!S.isComplete && !i.currentTasksAreWeekly && i.isMobile ? (a(), r("img", {
            key: 0,
            class: "main-menu-battle-pass-tasks__card__skip",
            src: gi,
            onClick: B => i.skipTask(O)
        }, null, 8, fp)) : h("", !0), !S.isComplete && !i.currentTasksAreWeekly && !i.isMobile ? (a(), p(f, {
            key: 1,
            class: "main-menu-battle-pass-tasks__card__skip",
            text: "пропустить",
            onClick: B => i.skipTask(O),
            isSkipped: !0,
            isActivated: !0
        }, null, 8, ["onClick"])) : h("", !0), n("div", Tp, [n("div", Ep, C(S.title.toUpperCase()), 1), n("div", kp, C(S.text), 1)]), n("div", Ip, [n("div", wp, [n("div", Sp, [w(C(S.progress.current >= S.progress.max ? "Выполнено" : "Прогресс"), 1), Mp, n("div", Pp, [w(C(i.formatNumberWithSpaces(S.progress.current)), 1), n("div", Ap, "/" + C(i.formatNumberWithSpaces(S.progress.max)), 1)])])])]), n("div", Dp, [n("div", Lp, [xp, n("div", Op, [(a(!0), r(I, null, M(S.rewards, (B, K) => (a(), r("div", {
            class: "main-menu-battle-pass-tasks__card__reward__item",
            key: K
        }, [B.value ? (a(), r("div", Bp, [n("div", {
            class: "main-menu-battle-pass-tasks__card__reward__value-icon",
            style: x({
                backgroundImage: `url('${i.getRewardIcon(B.type)}')`
            })
        }, null, 4), w(C(B.value), 1)])) : h("", !0)]))), 128))])])])]), S.isComplete ? (a(), r("div", $p, [Np, w(C(i.currentTasksAreWeekly ? "ВСЕ ЗАДАЧИ ВЫПОЛНЕНЫ" : "ЗАДАНИЕ ВЫПОЛНЕНО") + "!", 1)])) : h("", !0)], 2))), 128))])]),
        _: 1
    })], 2)
}
const Vp = {
        props: ["formatedUpdateTasksTime", "tasks", "accessType", "battlePassDiscount", "formatedEndDiscountTime", "battlepass", "controlsAreDisabled", "isSquareMobile"],
        components: {
            ProgressTimer: cd,
            ScrollableContainer: U,
            AnimatedLogo: dt,
            ControlsButton: H,
            HeaderTab: wl,
            SelectedTabLine: Il,
            Timer: Ji,
            TabSwitcher: up,
            BattlePassButton: lo
        },
        data() {
            return {
                KEY_CODE_Z: window.KEY_CODE_Z,
                KEY_CODE_C: window.KEY_CODE_C,
                rewardsImages: Object.assign({
                    "/src/assets/images/main-menu/battle-pass/rewards/0.png": br,
                    "/src/assets/images/main-menu/battle-pass/rewards/1.png": vr,
                    "/src/assets/images/main-menu/battle-pass/rewards/2.png": Cr
                }),
                icons: Object.assign({
                    "/src/assets/images/icons/backspace-icon.png": ws,
                    "/src/assets/images/icons/check.png": Ss,
                    "/src/assets/images/icons/cross.png": Ms,
                    "/src/assets/images/icons/donate.png": Ze,
                    "/src/assets/images/icons/dots.png": Ps,
                    "/src/assets/images/icons/enter-button-icon.png": As,
                    "/src/assets/images/icons/enter-icon.png": Ds,
                    "/src/assets/images/icons/icon-capacity.png": Ls,
                    "/src/assets/images/icons/icon-damage.png": xs,
                    "/src/assets/images/icons/icon-fuel-type.png": Os,
                    "/src/assets/images/icons/icon-max-fuel.png": Bs,
                    "/src/assets/images/icons/icon-max-seats.png": $s,
                    "/src/assets/images/icons/left-mouse.png": Ns,
                    "/src/assets/images/icons/middle-mouse.png": Rs,
                    "/src/assets/images/icons/minus.png": at,
                    "/src/assets/images/icons/money.png": Ae,
                    "/src/assets/images/icons/money_small.png": zt,
                    "/src/assets/images/icons/plus.png": ot,
                    "/src/assets/images/icons/question-mark-glow.png": Vs,
                    "/src/assets/images/icons/question-mark.png": Hs,
                    "/src/assets/images/icons/right-mouse.png": Us,
                    "/src/assets/images/icons/rub.png": Ys,
                    "/src/assets/images/icons/tab-icon.png": Ks
                }),
                tabs: [{
                    name: "Daily",
                    label: "ЕЖЕДНЕВНЫЕ",
                    type: Js.DAILY,
                    mark: {
                        status: !1,
                        count: 0
                    }
                }, {
                    name: "Weekly",
                    label: "ЕЖЕНЕДЕЛЬНЫЕ",
                    type: Js.WEEKLY,
                    mark: {
                        status: !1,
                        count: 0
                    }
                }],
                selectedTabIndex: 0
            }
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            },
            splittedTasks() {
                const e = [];
                for (let t = 0; t < this.tasks.length; t++) {
                    const s = this.tasks[t].type;
                    e[s] || (e[s] = []), e[s].push({
                        ...this.tasks[t],
                        serverIndex: t
                    })
                }
                return e
            },
            currentUpdateTime() {
                return this.formatedUpdateTasksTime[this.tabs[this.selectedTabIndex].type]
            },
            currentTasksAreWeekly() {
                return this.tabs[this.selectedTabIndex].type === Js.WEEKLY
            }
        },
        mounted() {
            this.updateTabLine()
        },
        methods: {
            formatNumberWithSpaces: F,
            skipTask(e) {
                this.$emit("task:skip", e)
            },
            improve() {
                this.$emit("improve")
            },
            buyLevel() {
                this.$emit("buyLevel")
            },
            onScroll(e) {
                e.shiftKey && e.preventDefault();
                const t = this.$refs.container;
                t.scrollLeft += e.deltaY
            },
            getRewardIcon(e) {
                return this.rewardsImages[`/src/assets/images/main-menu/battle-pass/rewards/${e}.png`]
            },
            toNextTab() {
                this.selectTab((this.selectedTabIndex + 1) % this.tabs.length)
            },
            toPrevTab() {
                this.selectTab((this.selectedTabIndex - 1 + this.tabs.length) % this.tabs.length)
            },
            selectTab(e) {
                this.selectedTabIndex = e
            },
            updateTabLine() {
                j(() => {
                    this.$refs.tabs && this.$refs.tabLine.updateLine(this.$refs.tabs[this.selectedTabIndex].$el)
                })
            }
        },
        watch: {
            selectedTabIndex() {
                this.updateTabLine()
            }
        }
    },
    Hp = v(Vp, [
        ["render", Rp]
    ]),
    Vl = e => (D("data-v-7e27365e"), e = e(), L(), e),
    Up = {
        class: "main-menu-battle-pass-modal-buy-levels"
    },
    Yp = {
        class: "main-menu-battle-pass-modal__list"
    },
    Kp = {
        class: "main-menu-battle-pass-modal__list-item_lvl"
    },
    Gp = {
        class: "main-menu-battle-pass-modal__list-item_text"
    },
    Fp = {
        class: "main-menu-battle-pass-modal__list-item_price"
    },
    zp = {
        class: "main-menu-battle-pass-modal__list-item_counter"
    },
    Zp = Vl(() => n("img", {
        src: at
    }, null, -1)),
    qp = {
        class: "main-menu-battle-pass-modal__list-item_count"
    },
    Wp = Vl(() => n("img", {
        src: ot
    }, null, -1));

function jp(e, t, s, l, o, i) {
    const m = c("PricingBlock"),
        _ = c("WidgetWrapper");
    return a(), r("div", Up, [n("div", Yp, [(a(!0), r(I, null, M(i.buyLevelItems, (b, u) => (a(), r("div", {
        class: "main-menu-battle-pass-modal__list-item",
        key: b.id || u
    }, [n("div", Kp, [n("div", Gp, C(b.level), 1)]), n("div", Fp, [d(m, {
        class: "main-menu-battle-pass-modal__list-item_block",
        price: i.getPrice(b),
        oldPrice: i.getOldPrice(b),
        sizeType: o.MAIN_MENU_ITEM_PRICE_SIZE_TYPES.L,
        isShowTitle: !1,
        isInline: !0,
        type: i.priceType
    }, null, 8, ["price", "oldPrice", "sizeType", "type"]), n("div", zp, [d(_, {
        class: T(["main-menu-battle-pass-modal__list-item_button", {
            "main-menu-battle-pass-modal__list-item_button-disabled": i.isDecreaseDisabled(u)
        }]),
        "is-transparent": !0,
        onClick: g => i.decrement(u)
    }, {
        default: E(() => [Zp]),
        _: 2
    }, 1032, ["class", "onClick"]), n("div", qp, C(o.selection[u] || 0), 1), d(_, {
        class: T(["main-menu-battle-pass-modal__list-item_button", {
            "main-menu-battle-pass-modal__list-item_button-disabled": i.isIncreaseDisabled(u)
        }]),
        "is-transparent": !0,
        onClick: g => i.increment(u)
    }, {
        default: E(() => [Wp]),
        _: 2
    }, 1032, ["class", "onClick"])])])]))), 128))])])
}
const Xp = {
        name: "BattlePassBuyLevels",
        props: {
            items: {
                type: Array,
                default: () => []
            },
            isStore: {
                type: Boolean,
                default: !1
            },
            maxLevels: {
                type: Number,
                default: null
            }
        },
        components: {
            PricingBlock: pe,
            WidgetWrapper: so
        },
        data() {
            return {
                MAIN_MENU_ITEM_PRICE_SIZE_TYPES: X,
                MAIN_MENU_ITEM_PRICE_TYPES: Z,
                selection: []
            }
        },
        computed: {
            buyLevelItems() {
                return Array.isArray(this.items) ? this.items : []
            },
            priceType() {
                return this.isStore ? Z.BATTLE_PASS_GOLD : Z.DONATE
            },
            totalLevels() {
                return this.buyLevelItems.reduce((e, t, s) => e + t.level * (this.selection[s] || 0), 0)
            },
            totalPrice() {
                return this.buyLevelItems.reduce((e, t, s) => {
                    const l = this.selection[s] || 0;
                    return l ? e + this.getPrice(t) * l : e
                }, 0)
            },
            oldTotalPrice() {
                return this.buyLevelItems.reduce((e, t, s) => {
                    const l = this.selection[s] || 0,
                        o = this.getOldPrice(t);
                    return !l || !o ? e : e + o * l
                }, 0)
            },
            canPurchase() {
                return this.totalLevels > 0
            }
        },
        methods: {
            getPrice(e) {
                const {
                    price: t,
                    discount: s
                } = e;
                return s || t
            },
            getOldPrice(e) {
                const {
                    price: t,
                    discount: s
                } = e;
                return s && s !== t ? t : 0
            },
            increment(e) {
                if (this.isIncreaseDisabled(e)) return;
                const t = this.selection[e] || 0;
                this.updateSelection(e, t + 1)
            },
            decrement(e) {
                if (this.isDecreaseDisabled(e)) return;
                const t = this.selection[e] || 0;
                this.updateSelection(e, Math.max(0, t - 1))
            },
            updateSelection(e, t) {
                e < 0 || e >= this.selection.length || (this.selection.splice(e, 1, t), this.emitChange())
            },
            isIncreaseDisabled(e) {
                const t = typeof this.maxLevels == "number" ? this.maxLevels : null;
                if (t === null) return !1;
                const s = this.buyLevelItems[e];
                return s ? this.totalLevels + s.level > t : !0
            },
            isDecreaseDisabled(e) {
                return (this.selection[e] || 0) <= 0
            },
            buildSelectionPayload() {
                return this.buyLevelItems.reduce((e, t, s) => {
                    const l = this.selection[s] || 0;
                    return l && e.push({
                        index: typeof t.id == "number" ? t.id : s,
                        count: l,
                        level: t.level
                    }), e
                }, [])
            },
            emitChange() {
                this.$emit("change", {
                    totalPrice: this.totalPrice,
                    oldPrice: this.oldTotalPrice,
                    totalLevels: this.totalLevels,
                    canPurchase: this.canPurchase,
                    selected: this.buildSelectionPayload()
                })
            },
            resetSelection() {
                this.selection = this.buyLevelItems.map(() => 0), this.emitChange()
            }
        },
        watch: {
            items: {
                handler() {
                    this.resetSelection()
                },
                immediate: !0
            }
        }
    },
    Qp = v(Xp, [
        ["render", jp],
        ["__scopeId", "data-v-7e27365e"]
    ]),
    Ge = e => (D("data-v-9ff918ed"), e = e(), L(), e),
    Jp = {
        key: 0,
        class: "main-menu-battle-pass-modal__description"
    },
    eg = {
        key: 2,
        class: "main-menu-battle-pass-modal-buy"
    },
    tg = {
        class: "main-menu-battle-pass-modal-buy__sections"
    },
    sg = {
        class: "main-menu-battle-pass-modal-buy__content"
    },
    ig = {
        class: "main-menu-battle-pass-modal-buy__wrap"
    },
    ng = {
        class: "main-menu-battle-pass-modal__title"
    },
    ag = {
        class: "main-menu-battle-pass-modal__title-text"
    },
    og = {
        key: 0,
        class: "main-menu-battle-pass-modal__description_buy"
    },
    rg = {
        key: 0,
        class: "main-menu-battle-pass-modal-buy__rewards"
    },
    lg = Ge(() => n("div", {
        class: "main-menu-battle-pass-modal-buy__rewards-header"
    }, [n("img", {
        class: "main-menu-battle-pass-modal__title-image",
        src: tt
    }), n("div", {
        class: "main-menu-battle-pass-modal__subtitle"
    }, "Награды улучшенного пропуска")], -1)),
    cg = {
        class: "main-menu-battle-pass-modal-buy__rewards-list"
    },
    mg = Ge(() => n("div", {
        class: "main-menu-battle-pass-modal-buy__reward-final-label"
    }, "Финальная награда", -1)),
    _g = {
        class: "main-menu-battle-pass-modal-buy__reward-level"
    },
    dg = Ge(() => n("img", {
        class: "main-menu-battle-pass-modal__transparent",
        src: Gt
    }, null, -1)),
    ug = {
        class: "main-menu-battle-pass-modal__background"
    },
    hg = {
        key: 0,
        class: "main-menu-battle-pass-modal__payment"
    },
    pg = Ge(() => n("div", {
        class: "main-menu-battle-pass-modal__payment-text"
    }, "итого", -1)),
    gg = {
        key: 1,
        class: "main-menu-battle-pass-modal__buttons"
    },
    bg = {
        key: 2,
        class: "main-menu-battle-pass-modal__cancel"
    },
    vg = {
        class: "main-menu-battle-pass-modal__cancel-text"
    },
    Cg = ["src"],
    yg = {
        key: 2,
        class: "main-menu-battle-pass-modal__mobile-buttons"
    },
    fg = {
        key: 3,
        class: "main-menu-battle-pass-modal__mobile-buttons"
    },
    Tg = {
        key: 4,
        class: "main-menu-battle-pass-modal__mobile-buttons"
    },
    Eg = {
        key: 5,
        class: "main-menu-battle-pass-modal__mobile-buttons"
    },
    kg = {
        key: 6,
        class: "main-menu-battle-pass-modal__mobile-buttons"
    },
    Ig = {
        key: 3,
        class: "main-menu-battle-pass-modal__items"
    },
    wg = {
        class: "main-menu-battle-pass-modal__item-content"
    },
    Sg = Ge(() => n("div", {
        class: "main-menu-battle-pass-modal__item-params"
    }, [n("div", {
        class: "main-menu-battle-pass-modal__item-title"
    }, [n("div", {
        class: "main-menu-battle-pass-modal__item-text"
    }, "Входит в набор")])], -1)),
    Mg = {
        key: 4,
        class: "main-menu-battle-pass-modal__image"
    },
    Pg = {
        key: 5,
        class: "main-menu-battle-pass-modal__content-description"
    },
    Ag = Ge(() => n("div", {
        class: "main-menu-battle-pass-modal__content-text"
    }, "При распылении получите", -1)),
    Dg = {
        class: "main-menu-battle-pass-modal__content-price"
    },
    Lg = Ge(() => n("img", {
        class: "main-menu-battle-pass-modal__content-price_img",
        src: Is
    }, null, -1)),
    xg = {
        class: "main-menu-battle-pass-modal__content-price_text"
    },
    Og = Ge(() => n("img", {
        class: "main-menu-battle-pass-modal__transparent",
        src: Gt
    }, null, -1)),
    Bg = {
        class: "main-menu-battle-pass-modal__background"
    },
    $g = {
        key: 0,
        class: "main-menu-battle-pass-modal__payment"
    },
    Ng = Ge(() => n("div", {
        class: "main-menu-battle-pass-modal__payment-text"
    }, "итого", -1)),
    Rg = {
        key: 1,
        class: "main-menu-battle-pass-modal__buttons"
    },
    Vg = {
        key: 2,
        class: "main-menu-battle-pass-modal__cancel"
    },
    Hg = {
        class: "main-menu-battle-pass-modal__cancel-text"
    },
    Ug = ["src"],
    Yg = {
        key: 2,
        class: "main-menu-battle-pass-modal__mobile-buttons"
    },
    Kg = {
        key: 3,
        class: "main-menu-battle-pass-modal__mobile-buttons"
    },
    Gg = {
        key: 4,
        class: "main-menu-battle-pass-modal__mobile-buttons"
    },
    Fg = {
        key: 5,
        class: "main-menu-battle-pass-modal__mobile-buttons"
    },
    zg = {
        key: 6,
        class: "main-menu-battle-pass-modal__mobile-buttons"
    };

function Zg(e, t, s, l, o, i) {
    const m = c("BattlePassBuyLevels"),
        _ = c("BattlePassLogo"),
        b = c("ScrollableContainer"),
        u = c("PricingBlock"),
        g = c("ControlsContaineredButton"),
        y = c("ControlsButton"),
        f = c("Modal", !0);
    return a(), p(f, {
        class: T(["main-menu-battle-pass-modal", {
            "main-menu-battle-pass-modal_mobile": i.isMobile,
            "main-menu-battle-pass-modal_final-prize": o.data && o.data.isFinal,
            "main-menu-battle-pass-modal_buy": o.data && o.data.type === 1
        }, i.modalType]),
        isOpened: s.isOpened,
        title: o.data && o.data.type !== o.MODAL_TYPE.BUY ? o.data.title : "",
        colorType: i.modalColorType,
        errorText: s.errorText,
        isGraffity: o.data && o.data.type !== o.MODAL_TYPE.BUY,
        isTopBorder: o.data && o.data.type !== o.MODAL_TYPE.BUY
    }, {
        default: E(() => [n("div", {
            class: T(["main-menu-battle-pass-modal__content", {
                "main-menu-battle-pass-modal__content-buy": o.data && o.data.type === 1
            }])
        }, [i.descriptionLines.length && o.data.type !== 3 && o.data.type !== 1 ? (a(), r("div", Jp, [(a(!0), r(I, null, M(i.descriptionLines, (k, S) => (a(), r("span", {
            key: `${k}-${S}`
        }, C(k), 1))), 128))])) : h("", !0), o.data && o.data.type === o.MODAL_TYPE.BUY_LEVEL ? (a(), p(m, {
            key: 1,
            items: o.data.items,
            isStore: i.isStore,
            "max-levels": i.buyLevelMaxLevels,
            onChange: i.onBuyLevelsChange
        }, null, 8, ["items", "isStore", "max-levels", "onChange"])) : h("", !0), o.data && o.data.type === o.MODAL_TYPE.BUY ? (a(), r("div", eg, [n("div", tg, [n("div", {
            class: "main-menu-battle-pass-modal-buy__promo",
            style: x(i.getImageStyle(i.promoBackgroundImage))
        }, [d(_, {
            class: "main-menu-battle-pass-modal-buy__logo",
            season: s.battlepass ? s.battlepass.season : null,
            isSmall: !0
        }, null, 8, ["season"])], 4), n("div", sg, [n("div", ig, [n("div", ng, [n("div", ag, C(o.data.title), 1), i.descriptionLines.length ? (a(), r("div", og, [(a(!0), r(I, null, M(i.descriptionLines, (k, S) => (a(), r("span", {
            key: `${k}-${S}`
        }, C(k), 1))), 128))])) : h("", !0)]), i.shouldShowRewards ? (a(), r("div", rg, [lg, d(b, {
            class: "main-menu-battle-pass-modal-buy__scroll",
            orientation: 1,
            wheelScroll: !0,
            wheelScrollIsSmooth: !0,
            type: 9,
            railXOffsetYVh: -1.2,
            useMask: "",
            showRailOnHover: ""
        }, {
            default: E(() => [n("div", cg, [(a(!0), r(I, null, M(i.premiumRewards, (k, S) => (a(), r("div", {
                class: T(["main-menu-battle-pass-modal-buy__reward", {
                    "main-menu-battle-pass-modal-buy__reward_final": k.isFinal
                }]),
                key: `reward-${k.level}-${S}`
            }, [k.isFinal ? (a(), r(I, {
                key: 0
            }, [mg, n("div", {
                class: "main-menu-battle-pass-modal-buy__reward-final-image",
                style: x(i.getImageStyle(k.image))
            }, null, 4)], 64)) : (a(), r(I, {
                key: 1
            }, [n("div", _g, C(k.level) + " ур.", 1), n("div", {
                class: "main-menu-battle-pass-modal-buy__reward-image",
                style: x(i.getImageStyle(k.image))
            }, null, 4)], 64))], 2))), 128))])]),
            _: 1
        })])) : h("", !0)]), o.data.type === o.MODAL_TYPE.BUY ? (a(), r(I, {
            key: 0
        }, [dg, n("div", ug, [i.isPaymentVisible ? (a(), r("div", hg, [pg, d(u, {
            class: "main-menu-battle-pass-modal__payment-block",
            price: i.paymentPrice,
            oldPrice: i.paymentOldPrice,
            sizeType: o.MAIN_MENU_ITEM_PRICE_SIZE_TYPES.L,
            isShowTitle: !1,
            isInline: !0,
            type: i.isStore ? o.MAIN_MENU_ITEM_PRICE_TYPES.BATTLE_PASS_GOLD : o.MAIN_MENU_ITEM_PRICE_TYPES.DONATE
        }, null, 8, ["price", "oldPrice", "sizeType", "type"])])) : h("", !0), i.isMobile ? o.data.type === 0 ? (a(), r("div", yg, [n("div", {
            class: "main-menu-battle-pass-modal__mobile-button main-menu-battle-pass-modal__mobile-button_cancel",
            onClick: t[0] || (t[0] = (...k) => i.close && i.close(...k))
        }, C(o.data.closed), 1), n("div", {
            class: "main-menu-battle-pass-modal__mobile-button main-menu-battle-pass-modal__mobile-button_action",
            onClick: t[1] || (t[1] = (...k) => i.action && i.action(...k))
        }, C(o.data.action), 1)])) : o.data.type === 1 ? (a(), r("div", fg, [n("div", {
            class: T(["main-menu-battle-pass-modal__mobile-button main-menu-battle-pass-modal__mobile-button_cancel", {
                "main-menu-battle-pass-modal__mobile-button_disabled": i.isGiftDisabled
            }]),
            onClick: t[2] || (t[2] = (...k) => i.gift && i.gift(...k))
        }, C(o.data.mobileGift), 3), i.isAvailableBuy ? (a(), r("div", {
            key: 0,
            class: T(["main-menu-battle-pass-modal__mobile-button main-menu-battle-pass-modal__mobile-button_action", {
                "main-menu-battle-pass-modal__mobile-button_disabled": i.isActionDisabled
            }]),
            onClick: t[3] || (t[3] = (...k) => i.action && i.action(...k))
        }, C(o.data.mobileAction), 3)) : h("", !0)])) : o.data.type === 2 ? (a(), r("div", Tg, [n("div", {
            class: "main-menu-battle-pass-modal__mobile-button main-menu-battle-pass-modal__mobile-button_cancel",
            onClick: t[4] || (t[4] = (...k) => i.cancel && i.cancel(...k))
        }, C(o.data.mobileLabel), 1), n("div", {
            class: "main-menu-battle-pass-modal__mobile-button main-menu-battle-pass-modal__mobile-button_action",
            onClick: t[5] || (t[5] = (...k) => i.action && i.action(...k))
        }, C(o.data.action), 1)])) : o.data.type === 3 ? (a(), r("div", Eg, [n("div", {
            class: T(["main-menu-battle-pass-modal__mobile-button main-menu-battle-pass-modal__mobile-button_cancel", {
                "main-menu-battle-pass-modal__mobile-button_disabled": i.isGiftDisabled
            }]),
            onClick: t[6] || (t[6] = (...k) => i.gift && i.gift(...k))
        }, C(o.data.mobileGift), 3), n("div", {
            class: T(["main-menu-battle-pass-modal__mobile-button main-menu-battle-pass-modal__mobile-button_action", {
                "main-menu-battle-pass-modal__mobile-button_disabled": i.isActionDisabled
            }]),
            onClick: t[7] || (t[7] = (...k) => i.action && i.action(...k))
        }, C(o.data.mobileAction), 3)])) : o.data.type === 4 ? (a(), r("div", kg, [n("div", {
            class: "main-menu-battle-pass-modal__mobile-button main-menu-battle-pass-modal__mobile-button_cancel",
            onClick: t[8] || (t[8] = (...k) => i.close && i.close(...k))
        }, C(o.data.closed), 1), n("div", {
            class: "main-menu-battle-pass-modal__mobile-button main-menu-battle-pass-modal__mobile-button_action",
            onClick: t[9] || (t[9] = (...k) => i.action && i.action(...k)),
            style: "background-color: #EEEEE6"
        }, C(o.data.action), 1)])) : h("", !0) : (a(), r("div", gg, [i.isAvailableBuy ? (a(), p(g, {
            key: 0,
            class: "main-menu-battle-pass-modal__button",
            containerText: o.data.action,
            text: "ENTER",
            keyCode: o.KEY_CODE_ENTER,
            pressSound: "UI/UI_character_click01.mp3",
            holdTime: o.MAIN_MENU_BTN_HOLD_TIME,
            isYellow: i.actionControlIsYellow,
            disabled: i.isActionDisabled,
            onPressed: i.action
        }, null, 8, ["containerText", "keyCode", "holdTime", "isYellow", "disabled", "onPressed"])) : h("", !0), o.data.type !== 0 && o.data.type !== 2 && o.data.type !== 4 ? (a(), p(g, {
            key: 1,
            class: "main-menu-battle-pass-modal__button",
            containerText: o.data.gift,
            text: "X",
            keyCode: o.KEY_CODE_X,
            disabled: i.isGiftDisabled,
            onPressed: i.gift
        }, null, 8, ["containerText", "keyCode", "disabled", "onPressed"])) : h("", !0), o.data.cancel && o.data.cancel.value ? (a(), r("div", bg, [d(y, {
            text: "X",
            keyCode: o.KEY_CODE_X,
            holdTime: o.MAIN_MENU_BTN_HOLD_TIME,
            pressSound: "UI/UI_menu_click_03.mp3",
            disabled: s.isDisabled,
            onPressed: i.cancel
        }, null, 8, ["keyCode", "holdTime", "disabled", "onPressed"]), n("div", vg, [w(C(o.data.cancel.label), 1), n("img", {
            src: o.images[`/src/assets/images/main-menu/battle-pass/${o.data.cancel.image}`]
        }, null, 8, Cg), n("span", null, C(i.formatNumberWithSpaces(o.data.cancel.value)), 1)])])) : h("", !0), d(g, {
            class: "main-menu-battle-pass-modal__button",
            containerText: "Закрыть",
            keyCode: o.KEY_CODE_ESC,
            pressSound: "UI/UI_back_esc_1.mp3",
            disabled: s.isDisabled,
            onPressed: i.close
        }, null, 8, ["keyCode", "disabled", "onPressed"])]))])], 64)) : h("", !0)])])])) : h("", !0), o.data.prizeItems && o.data.prizeItems.length > 1 ? (a(), r("div", Ig, [(a(!0), r(I, null, M(o.data.prizeItems, (k, S) => (a(), r("div", {
            class: "main-menu-battle-pass-modal__item",
            key: S
        }, [n("div", wg, [n("div", {
            class: "main-menu-battle-pass-modal__item-image",
            style: x({
                backgroundImage: `url(${k.image})`
            })
        }, null, 4), Sg])]))), 128))])) : i.imageUrl && i.imageUrl.length ? (a(), r("div", Mg, [n("div", {
            class: "main-menu-battle-pass-modal__image-img",
            style: x({
                backgroundImage: `url(${i.imageUrl})`
            })
        }, null, 4)])) : h("", !0), o.data.type === 2 && i.isMobile && o.data.cancel && o.data.cancel.value ? (a(), r("div", Pg, [Ag, n("div", Dg, [Lg, n("div", xg, "+ " + C(i.formatNumberWithSpaces(o.data.cancel.value)), 1)])])) : h("", !0), o.data.type !== o.MODAL_TYPE.BUY ? (a(), r(I, {
            key: 6
        }, [Og, n("div", Bg, [i.isPaymentVisible ? (a(), r("div", $g, [Ng, d(u, {
            class: "main-menu-battle-pass-modal__payment-block",
            price: i.paymentPrice,
            oldPrice: i.paymentOldPrice,
            sizeType: o.MAIN_MENU_ITEM_PRICE_SIZE_TYPES.L,
            isShowTitle: !1,
            isInline: !0,
            type: i.isStore ? o.MAIN_MENU_ITEM_PRICE_TYPES.BATTLE_PASS_GOLD : o.MAIN_MENU_ITEM_PRICE_TYPES.DONATE
        }, null, 8, ["price", "oldPrice", "sizeType", "type"])])) : h("", !0), i.isMobile ? o.data.type === 0 ? (a(), r("div", Yg, [n("div", {
            class: "main-menu-battle-pass-modal__mobile-button main-menu-battle-pass-modal__mobile-button_cancel",
            onClick: t[10] || (t[10] = (...k) => i.close && i.close(...k))
        }, C(o.data.closed), 1), n("div", {
            class: "main-menu-battle-pass-modal__mobile-button main-menu-battle-pass-modal__mobile-button_action",
            onClick: t[11] || (t[11] = (...k) => i.action && i.action(...k))
        }, C(o.data.action), 1)])) : o.data.type === 1 ? (a(), r("div", Kg, [n("div", {
            class: T(["main-menu-battle-pass-modal__mobile-button main-menu-battle-pass-modal__mobile-button_cancel", {
                "main-menu-battle-pass-modal__mobile-button_disabled": i.isGiftDisabled
            }]),
            onClick: t[12] || (t[12] = (...k) => i.gift && i.gift(...k))
        }, C(o.data.mobileGift), 3), i.isAvailableBuy ? (a(), r("div", {
            key: 0,
            class: T(["main-menu-battle-pass-modal__mobile-button main-menu-battle-pass-modal__mobile-button_action", {
                "main-menu-battle-pass-modal__mobile-button_disabled": i.isActionDisabled
            }]),
            onClick: t[13] || (t[13] = (...k) => i.action && i.action(...k))
        }, C(o.data.mobileAction), 3)) : h("", !0)])) : o.data.type === 2 ? (a(), r("div", Gg, [o.data.cancel && o.data.cancel.value ? (a(), r("div", {
            key: 0,
            class: "main-menu-battle-pass-modal__mobile-button main-menu-battle-pass-modal__mobile-button_cancel",
            onClick: t[14] || (t[14] = (...k) => i.cancel && i.cancel(...k))
        }, C(o.data.mobileLabel), 1)) : h("", !0), n("div", {
            class: "main-menu-battle-pass-modal__mobile-button main-menu-battle-pass-modal__mobile-button_action",
            onClick: t[15] || (t[15] = (...k) => i.action && i.action(...k))
        }, C(o.data.action), 1)])) : o.data.type === 3 ? (a(), r("div", Fg, [n("div", {
            class: T(["main-menu-battle-pass-modal__mobile-button main-menu-battle-pass-modal__mobile-button_cancel", {
                "main-menu-battle-pass-modal__mobile-button_disabled": i.isGiftDisabled
            }]),
            onClick: t[16] || (t[16] = (...k) => i.gift && i.gift(...k))
        }, C(o.data.mobileGift), 3), n("div", {
            class: T(["main-menu-battle-pass-modal__mobile-button main-menu-battle-pass-modal__mobile-button_action", {
                "main-menu-battle-pass-modal__mobile-button_disabled": i.isActionDisabled
            }]),
            onClick: t[17] || (t[17] = (...k) => i.action && i.action(...k))
        }, C(o.data.mobileAction), 3)])) : o.data.type === 4 ? (a(), r("div", zg, [n("div", {
            class: "main-menu-battle-pass-modal__mobile-button main-menu-battle-pass-modal__mobile-button_cancel",
            onClick: t[18] || (t[18] = (...k) => i.close && i.close(...k))
        }, C(o.data.closed), 1), n("div", {
            class: "main-menu-battle-pass-modal__mobile-button main-menu-battle-pass-modal__mobile-button_action",
            onClick: t[19] || (t[19] = (...k) => i.action && i.action(...k)),
            style: "background-color: #EEEEE6"
        }, C(o.data.action), 1)])) : h("", !0) : (a(), r("div", Rg, [i.isAvailableBuy ? (a(), p(g, {
            key: 0,
            class: "main-menu-battle-pass-modal__button",
            containerText: o.data.action,
            text: "ENTER",
            keyCode: o.KEY_CODE_ENTER,
            pressSound: "UI/UI_character_click01.mp3",
            holdTime: o.MAIN_MENU_BTN_HOLD_TIME,
            isYellow: i.actionControlIsYellow,
            disabled: i.isActionDisabled,
            onPressed: i.action
        }, null, 8, ["containerText", "keyCode", "holdTime", "isYellow", "disabled", "onPressed"])) : h("", !0), o.data.type !== 0 && o.data.type !== 2 && o.data.type !== 4 ? (a(), p(g, {
            key: 1,
            class: "main-menu-battle-pass-modal__button",
            containerText: o.data.gift,
            text: "X",
            keyCode: o.KEY_CODE_X,
            disabled: i.isGiftDisabled,
            onPressed: i.gift
        }, null, 8, ["containerText", "keyCode", "disabled", "onPressed"])) : h("", !0), o.data.cancel && o.data.cancel.value ? (a(), r("div", Vg, [d(y, {
            text: "X",
            keyCode: o.KEY_CODE_X,
            holdTime: o.MAIN_MENU_BTN_HOLD_TIME,
            pressSound: "UI/UI_menu_click_03.mp3",
            disabled: s.isDisabled,
            onPressed: i.cancel
        }, null, 8, ["keyCode", "holdTime", "disabled", "onPressed"]), n("div", Hg, [w(C(o.data.cancel.label), 1), n("img", {
            src: o.images[`/src/assets/images/main-menu/battle-pass/${o.data.cancel.image}`]
        }, null, 8, Ug), n("span", null, C(i.formatNumberWithSpaces(o.data.cancel.value)), 1)])])) : h("", !0), d(g, {
            class: "main-menu-battle-pass-modal__button",
            containerText: "Закрыть",
            keyCode: o.KEY_CODE_ESC,
            pressSound: "UI/UI_back_esc_1.mp3",
            disabled: s.isDisabled,
            onPressed: i.close
        }, null, 8, ["keyCode", "disabled", "onPressed"])]))])], 64)) : h("", !0)], 2)]),
        _: 1
    }, 8, ["class", "isOpened", "title", "colorType", "errorText", "isGraffity", "isTopBorder"])
}
const qg = {
        props: ["modalData", "isOpened", "isDisabled", "errorText", "prizes", "battlepass"],
        components: {
            Modal: Q,
            ControlsContaineredButton: W,
            ControlsButton: H,
            ModalMobileButtons: De,
            PricingBlock: pe,
            BattlePassBuyLevels: Qp,
            BattlePassCard: an,
            BattlePassLogo: _s,
            ScrollableContainer: U,
            Button: q
        },
        data() {
            return {
                KEY_CODE_ESC: window.KEY_CODE_ESC,
                KEY_CODE_SPACE: window.KEY_CODE_SPACE,
                KEY_CODE_X: window.KEY_CODE_X,
                KEY_CODE_ENTER: window.KEY_CODE_ENTER,
                MAIN_MENU_BTN_HOLD_TIME: ge,
                MAIN_MENU_ITEM_PRICE_SIZE_TYPES: X,
                MAIN_MENU_ITEM_PRICE_TYPES: Z,
                BATTLE_PASS_PRIZE_TYPE: ke,
                MODAL_TYPE: $,
                ORIENTATION_TYPES: k_,
                data: null,
                buyLevelState: {
                    totalPrice: 0,
                    oldPrice: 0,
                    totalLevels: 0,
                    canPurchase: !1,
                    selected: []
                },
                images: Object.assign({
                    "/src/assets/images/main-menu/battle-pass/ad-bg.png": kt,
                    "/src/assets/images/main-menu/battle-pass/ad-bg_mobile.png": It,
                    "/src/assets/images/main-menu/battle-pass/bg-particles-down.png": wt,
                    "/src/assets/images/main-menu/battle-pass/bg-particles-up.png": St,
                    "/src/assets/images/main-menu/battle-pass/bg.png": Mt,
                    "/src/assets/images/main-menu/battle-pass/bg_alternative.png": Pt,
                    "/src/assets/images/main-menu/battle-pass/bg_buy.png": At,
                    "/src/assets/images/main-menu/battle-pass/bg_store.png": Dt,
                    "/src/assets/images/main-menu/battle-pass/buy-bp-icon.png": et,
                    "/src/assets/images/main-menu/battle-pass/buy-bp-icon_active.png": tt,
                    "/src/assets/images/main-menu/battle-pass/card-line.svg": mi,
                    "/src/assets/images/main-menu/battle-pass/card/check.png": ka,
                    "/src/assets/images/main-menu/battle-pass/card/gold.png": Ea,
                    "/src/assets/images/main-menu/battle-pass/card/lock.png": pr,
                    "/src/assets/images/main-menu/battle-pass/card/minus.png": gr,
                    "/src/assets/images/main-menu/battle-pass/delete.png": Lt,
                    "/src/assets/images/main-menu/battle-pass/encyclopedia/lock.svg": j1,
                    "/src/assets/images/main-menu/battle-pass/encyclopedia/separator.svg": X1,
                    "/src/assets/images/main-menu/battle-pass/end-cross.png": xt,
                    "/src/assets/images/main-menu/battle-pass/end-timer.png": Qe,
                    "/src/assets/images/main-menu/battle-pass/end/clock.svg": yr,
                    "/src/assets/images/main-menu/battle-pass/end/prize.png": fr,
                    "/src/assets/images/main-menu/battle-pass/header-border.svg": _i,
                    "/src/assets/images/main-menu/battle-pass/icons/about.png": Ia,
                    "/src/assets/images/main-menu/battle-pass/icons/best.png": wa,
                    "/src/assets/images/main-menu/battle-pass/icons/rewards.png": Sa,
                    "/src/assets/images/main-menu/battle-pass/icons/skip.png": Ma,
                    "/src/assets/images/main-menu/battle-pass/icons/skip_mobile.png": gi,
                    "/src/assets/images/main-menu/battle-pass/icons/store.png": Pa,
                    "/src/assets/images/main-menu/battle-pass/icons/tasks.png": Aa,
                    "/src/assets/images/main-menu/battle-pass/info-bg.png": Ot,
                    "/src/assets/images/main-menu/battle-pass/info-icon.png": st,
                    "/src/assets/images/main-menu/battle-pass/info/0.png": Tr,
                    "/src/assets/images/main-menu/battle-pass/info/1.png": Er,
                    "/src/assets/images/main-menu/battle-pass/info/2.png": kr,
                    "/src/assets/images/main-menu/battle-pass/info/3.png": Ir,
                    "/src/assets/images/main-menu/battle-pass/last-prize-preview.png": Bt,
                    "/src/assets/images/main-menu/battle-pass/last-prize.png": $t,
                    "/src/assets/images/main-menu/battle-pass/level/arrows.png": Q1,
                    "/src/assets/images/main-menu/battle-pass/light.png": Nt,
                    "/src/assets/images/main-menu/battle-pass/line.svg": di,
                    "/src/assets/images/main-menu/battle-pass/lock.png": Rt,
                    "/src/assets/images/main-menu/battle-pass/lock_black.png": it,
                    "/src/assets/images/main-menu/battle-pass/logo.png": Vt,
                    "/src/assets/images/main-menu/battle-pass/logo/level-bar.png": Mn,
                    "/src/assets/images/main-menu/battle-pass/logo/level-bar_empty.png": Pn,
                    "/src/assets/images/main-menu/battle-pass/logo/level-bar_mobile.png": An,
                    "/src/assets/images/main-menu/battle-pass/logo/level-bar_mobile_empty.png": Dn,
                    "/src/assets/images/main-menu/battle-pass/logo/level-logo.png": Ln,
                    "/src/assets/images/main-menu/battle-pass/logo/level-logo_gold.png": xn,
                    "/src/assets/images/main-menu/battle-pass/logo/level-logo_mobile.png": On,
                    "/src/assets/images/main-menu/battle-pass/logo/level-logo_mobile_gold.png": Bn,
                    "/src/assets/images/main-menu/battle-pass/nav/about.svg": J1,
                    "/src/assets/images/main-menu/battle-pass/nav/encyclopedia.svg": ec,
                    "/src/assets/images/main-menu/battle-pass/nav/rewards.svg": tc,
                    "/src/assets/images/main-menu/battle-pass/nav/tasks.svg": sc,
                    "/src/assets/images/main-menu/battle-pass/points.png": ze,
                    "/src/assets/images/main-menu/battle-pass/points.svg": Is,
                    "/src/assets/images/main-menu/battle-pass/points_white.png": Ht,
                    "/src/assets/images/main-menu/battle-pass/points_yellow.png": Je,
                    "/src/assets/images/main-menu/battle-pass/prizes/0.png": ir,
                    "/src/assets/images/main-menu/battle-pass/prizes/1.png": nr,
                    "/src/assets/images/main-menu/battle-pass/prizes/15138.png": ar,
                    "/src/assets/images/main-menu/battle-pass/prizes/17449.png": or,
                    "/src/assets/images/main-menu/battle-pass/prizes/17450.png": rr,
                    "/src/assets/images/main-menu/battle-pass/prizes/2.png": lr,
                    "/src/assets/images/main-menu/battle-pass/prizes/257.png": cr,
                    "/src/assets/images/main-menu/battle-pass/prizes/3.png": mr,
                    "/src/assets/images/main-menu/battle-pass/prizes/4.png": _r,
                    "/src/assets/images/main-menu/battle-pass/prizes/5.png": dr,
                    "/src/assets/images/main-menu/battle-pass/prizes/6.png": ur,
                    "/src/assets/images/main-menu/battle-pass/prizes/7.png": hr,
                    "/src/assets/images/main-menu/battle-pass/rewards/0.png": br,
                    "/src/assets/images/main-menu/battle-pass/rewards/1.png": vr,
                    "/src/assets/images/main-menu/battle-pass/rewards/2.png": Cr,
                    "/src/assets/images/main-menu/battle-pass/skip-task.png": Ut,
                    "/src/assets/images/main-menu/battle-pass/skip-task.svg": ui,
                    "/src/assets/images/main-menu/battle-pass/statistics-info-bg.png": Yt,
                    "/src/assets/images/main-menu/battle-pass/task-check.svg": hi,
                    "/src/assets/images/main-menu/battle-pass/tasks-line.svg": pi,
                    "/src/assets/images/main-menu/battle-pass/transparent.svg": Gt,
                    "/src/assets/images/main-menu/battle-pass/upgrade.png": Kt
                })
            }
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            },
            isGetPrize() {
                return this.data ? this.data.type === $.PRIZE || this.isStore : !1
            },
            isStore() {
                return this.data.type === $.BUY_STORE
            },
            promoBackgroundImage() {
                return this.images["/src/assets/images/main-menu/battle-pass/upgrade.png"] || ""
            },
            promoCarImage() {
                return this.images["/src/assets/images/main-menu/battle-pass/last-prize-preview.png"] || ""
            },
            descriptionLines() {
                return this.data ? this.data.description ? this.data.description.split("<br/>") : [] : []
            },
            modalType() {
                return this.data ? `main-menu-battle-pass-modal_${Object.keys($)[this.data.type].toLowerCase()}` : ""
            },
            imageUrl() {
                return this.data ? this.isGetPrize ? this.data.image : this.images[this.data.image] : ""
            },
            modalColorType() {
                return !this.data || this.data.type === $.BUY ? -1 : this.data.type === $.BUY_LEVEL ? Ve.ORANGE : this.data.type === $.PRIZE ? Ve.GREEN : Ve.ORANGE
            },
            actionControlIsYellow() {
                return this.data.type === $.BUY || this.data.type === $.BUY_LEVEL || this.data.type === $.SKIP_TASK
            },
            shouldShowRewards() {
                return this.data && this.data.type === $.BUY && this.premiumRewards.length > 0
            },
            premiumRewards() {
                var t;
                if (!this.data || this.data.type !== $.BUY) return [];
                const e = Array.isArray((t = this.battlepass) == null ? void 0 : t.prizes) ? this.battlepass.prizes : [];
                return e.map((s, l) => ({
                        group: s,
                        index: l
                    }))
                    .filter(({
                        group: s
                    }) => s && s.isPremium && Array.isArray(s.items) && s.items.length)
                    .map(({
                        group: s,
                        index: l
                    }) => {
                        const o = s.items[0],
                            i = l === e.length - 1;
                        return {
                            level: l + 1,
                            name: (o == null ? void 0 : o.value) || "",
                            image: this.getRewardImage(o, i),
                            isFinal: i
                        }
                    })
                    .reverse()
            },
            mobileActionButtonType() {
                return this.data.type === $.BUY || this.data.type === $.BUY_LEVEL || this.data.type === $.SKIP_TASK, "yellow"
            },
            isCancel() {
                return this.data.cancel && this.data.cancel.value
            },
            paymentPrice() {
                return this.data ? this.data.type === $.BUY_LEVEL ? this.buyLevelState.totalPrice : this.data.value : 0
            },
            paymentOldPrice() {
                return this.data ? this.data.type === $.BUY_LEVEL ? this.buyLevelState.oldPrice : this.data.oldPrice : 0
            },
            isPaymentVisible() {
                return this.data ? this.data.type === $.BUY_LEVEL ? !0 : !!this.data.value : !1
            },
            isActionDisabled() {
                return this.isDisabled || !this.data ? !0 : this.data.type === $.BUY_LEVEL ? !this.buyLevelState.canPurchase : !1
            },
            isGiftDisabled() {
                return this.isDisabled || !this.data ? !0 : this.data.type === $.BUY_LEVEL ? !this.buyLevelState.canPurchase : this.data.type !== $.BUY
            },
            buyLevelMaxLevels() {
                return !this.data || this.data.type !== $.BUY_LEVEL ? null : typeof this.data.maxAvailableLevels == "number" ? Math.max(0, this.data.maxAvailableLevels) : null
            },
            isAvailableBuy() {
                return this.data.type !== $.BUY || !this.battlepass.type
            }
        },
        methods: {
            formatNumberWithSpaces: F,
            getRewardImage(e, t) {
                if (!e) return "";
                if (t) return this.images["/src/assets/images/main-menu/battle-pass/last-prize-preview.png"] || "";
                const s = ke[e.type];
                if (!s || typeof s.icon != "function") return "";
                try {
                    return s.icon(e.icon)
                } catch {
                    return ""
                }
            },
            getImageStyle(e) {
                return e ? {
                    backgroundImage: `url(${e})`
                } : {}
            },
            getDefaultBuyLevelState() {
                return {
                    totalPrice: 0,
                    oldPrice: 0,
                    totalLevels: 0,
                    canPurchase: !1,
                    selected: []
                }
            },
            resetBuyLevelState() {
                this.buyLevelState = this.getDefaultBuyLevelState()
            },
            onBuyLevelsChange(e = {}) {
                if (!e || typeof e != "object") {
                    this.resetBuyLevelState();
                    return
                }
                const t = Number(e.totalLevels) || 0,
                    s = Number(e.totalPrice) || 0,
                    l = Number(e.oldPrice) || 0,
                    o = Array.isArray(e.selected) ? e.selected : [];
                this.buyLevelState = {
                    totalPrice: s,
                    oldPrice: l,
                    totalLevels: t,
                    canPurchase: e.canPurchase === !0 || t > 0,
                    selected: o
                }
            },
            buildModalPayload(e = !1) {
                if (!this.data) return {
                    type: null,
                    payload: {
                        isGift: e
                    }
                };
                const t = {
                    type: this.data.type,
                    payload: {
                        isGift: e
                    }
                };
                return this.data.type === $.BUY_LEVEL ? t.payload = {
                    isGift: e,
                    selected: this.buyLevelState.selected,
                    totalLevels: this.buyLevelState.totalLevels,
                    totalPrice: this.buyLevelState.totalPrice
                } : this.data.type === $.BUY && (t.payload = {
                    ...t.payload,
                    totalPrice: this.paymentPrice
                }), t
            },
            action() {
                this.isActionDisabled || this.$emit("action", this.buildModalPayload(!1))
            },
            gift() {
                this.isGiftDisabled || this.data && this.$emit("gift", this.buildModalPayload(!0))
            },
            cancel() {
                this.$emit("cancel")
            },
            close() {
                this.$emit("close")
            }
        },
        watch: {
            isOpened(e) {
                var t;
                if (!e) {
                    this.resetBuyLevelState();
                    return
                }
                if (!this.modalData) {
                    this.resetBuyLevelState();
                    return
                }
                if (this.data = {
                        ...this.modalData
                    }, this.resetBuyLevelState(), ((t = this.data) == null ? void 0 : t.type) === $.BUY_LEVEL) {
                    const s = (this.modalData.items || [])
                        .map((l, o) => ({
                            ...l,
                            id: typeof l.id == "number" ? l.id : o
                        }));
                    this.data.items = s
                }
            }
        }
    },
    Wg = v(qg, [
        ["render", Zg],
        ["__scopeId", "data-v-9ff918ed"]
    ]),
    jg = {
        class: "main-menu-battle-pass-about"
    },
    Xg = {
        class: "main-menu-battle-pass-about__items"
    },
    Qg = {
        class: "main-menu-battle-pass-about__item-title"
    },
    Jg = {
        class: "main-menu-battle-pass-about__item-text"
    };

function eb(e, t, s, l, o, i) {
    return a(), r("div", jg, [n("div", Xg, [(a(!0), r(I, null, M(i.rows, (m, _) => (a(), r("div", {
        class: "main-menu-battle-pass-about__items-row",
        key: _
    }, [(a(!0), r(I, null, M(m, (b, u) => (a(), r("div", {
        class: "main-menu-battle-pass-about__item",
        key: u
    }, [n("div", {
        class: "main-menu-battle-pass-about__item-icon",
        style: x({
            backgroundImage: `url('${o.icons[`/src/assets/images/main-menu/battle-pass/icons/${b.icon}.png`]}')`
        })
    }, null, 4), n("div", Qg, C(b.title), 1), n("div", Jg, C(b.text), 1)]))), 128))]))), 128))])])
}
const Ct = {
        TASKS: 0,
        PASS: 1,
        SKIP: 2,
        TIME: 3,
        STORE: 4
    },
    Ko = {
        [Ct.TASKS]: {
            icon: "tasks",
            title: "ЗАДАЧИ И ПРИЗЫ",
            text: "Выполняйте задания и получайте награды! За каждое выполненное задание вы получаете очки пропуска."
        },
        [Ct.PASS]: {
            icon: "rewards",
            title: "УЛУЧШЕННЫЙ ПРОПУСК",
            text: "Больше наград доступно с улучшенным пропуском. Вы можете приобрести его в любое время в течение сезона. С улучшенным пропуском вы зарабатываете вдвое больше опыта."
        },
        [Ct.SKIP]: {
            icon: "skip",
            title: "ПРОПУСК ЗАДАНИЙ",
            text: "Если задание вам не нравится или кажется слишком сложным — вы можете пропустить его, потратив донат-валюту."
        },
        [Ct.TIME]: {
            icon: "about",
            title: "ВРЕМЯ ОГРАНИЧЕНО",
            text: "Когда сезон пропуска закончится, вы больше не сможете зарабатывать уровни и получать награды."
        },
        [Ct.STORE]: {
            icon: "store",
            title: "МАГАЗИН И ЗОЛОТО",
            text: "Золото — универсальная сгораемая валюта сезонных пропусков. Её можно потратить на редкие, уникальные награды, которые нельзя передать или продать другим игрокам."
        }
    },
    tb = {
        data() {
            return {
                ABOUT: Ko,
                icons: Object.assign({
                    "/src/assets/images/main-menu/battle-pass/icons/about.png": Ia,
                    "/src/assets/images/main-menu/battle-pass/icons/best.png": wa,
                    "/src/assets/images/main-menu/battle-pass/icons/rewards.png": Sa,
                    "/src/assets/images/main-menu/battle-pass/icons/skip.png": Ma,
                    "/src/assets/images/main-menu/battle-pass/icons/skip_mobile.png": gi,
                    "/src/assets/images/main-menu/battle-pass/icons/store.png": Pa,
                    "/src/assets/images/main-menu/battle-pass/icons/tasks.png": Aa
                })
            }
        },
        computed: {
            rows() {
                const {
                    TASKS: e,
                    PASS: t,
                    SKIP: s,
                    TIME: l,
                    STORE: o
                } = Ct;
                return [
                    [e, t, s],
                    [l, o]
                ].map(m => m.map(_ => Ko[_]))
            },
            isMobile() {
                return this.$root.isMobile
            }
        }
    },
    sb = v(tb, [
        ["render", eb],
        ["__scopeId", "data-v-9aa93b8f"]
    ]),
    ib = e => (D("data-v-8ccc3bd1"), e = e(), L(), e),
    nb = {
        class: "main-menu-battle-pass-best"
    },
    ab = {
        class: "main-menu-battle-pass-best__prizes"
    },
    ob = {
        class: "main-menu-battle-pass-best__prizes-final"
    },
    rb = ib(() => n("div", {
        class: "main-menu-battle-pass-best__prizes-final-image"
    }, null, -1)),
    lb = {
        class: "main-menu-battle-pass-best__prizes-final-title"
    },
    cb = {
        key: 0,
        class: "main-menu-battle-pass-best__prizes-final-lock-icon",
        src: it
    },
    mb = {
        class: "main-menu-battle-pass-best__prizes-all"
    };

function _b(e, t, s, l, o, i) {
    const m = c("BattlePassCard"),
        _ = c("ScrollableContainer");
    return a(), r("div", nb, [d(_, {
        class: "main-menu-battle-pass-best__container",
        type: 9,
        useMask: !0
    }, {
        default: E(() => [n("div", ab, [n("div", ob, [rb, n("div", lb, [s.accessType ? h("", !0) : (a(), r("img", cb)), w(C(i.finalPrize.value), 1)])]), n("div", mb, [(a(!0), r(I, null, M(i.filteredPrizes, (b, u) => (a(), r("div", {
            class: "main-menu-battle-pass-best__prizes-group",
            key: u
        }, [(a(!0), r(I, null, M(b.items, (g, y) => (a(), p(m, {
            class: "main-menu-battle-pass-best__prizes-prize",
            key: y,
            isPremium: b.isPremium || u === s.prizes.length - 1 && y === b.items.length - 1,
            isUnavailable: b.isUnavailable,
            isGotten: g.isPassed,
            header: u + 1,
            name: g.value,
            isSkin: o.BATTLE_PASS_PRIZE_TYPE[g.type].type === "skins",
            image: o.BATTLE_PASS_PRIZE_TYPE[g.type].icon(g.icon),
            isBest: !0
        }, null, 8, ["isPremium", "isUnavailable", "isGotten", "header", "name", "isSkin", "image"]))), 128))]))), 128))])])]),
        _: 1
    })])
}
const db = {
        props: ["battlepass", "prizes", "accessType"],
        components: {
            ScrollableContainer: U,
            BattlePassCard: an
        },
        data() {
            return {
                BATTLE_PASS_PRIZE_TYPE: ke
            }
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            },
            filteredPrizes() {
                return this.prizes.map((e, t) => ({
                    ...e,
                    items: e.items.filter((s, l) => {
                        if (this.isLastChild(e, t, l)) return;
                        const o = [358, "15079_674", 15138, 17450];
                        return s.type === 2 || s.type === 5 || o.includes(s.icon) || this.isLastChild(e, t, l)
                    })
                }))
            },
            finalPrize() {
                return this.prizes[this.prizes.length - 1].items[this.prizes[this.prizes.length - 1].items.length - 1]
            }
        },
        methods: {
            isLastChild(e, t, s) {
                return t === this.prizes.length - 1 && s === e.items.length - 1
            }
        }
    },
    ub = v(db, [
        ["render", _b],
        ["__scopeId", "data-v-8ccc3bd1"]
    ]),
    Hl = e => (D("data-v-6fd1f33b"), e = e(), L(), e),
    hb = {
        class: "main-menu-battle-pass-store"
    },
    pb = {
        class: "main-menu-battle-pass-store__header"
    },
    gb = {
        class: "main-menu-battle-pass-store__header-currency"
    },
    bb = Hl(() => n("img", {
        class: "main-menu-battle-pass-store__header-currency-img",
        src: Ea
    }, null, -1)),
    vb = {
        class: "main-menu-battle-pass-store__header-currency-text"
    },
    Cb = Hl(() => n("img", {
        class: "main-menu-battle-pass-store__header-currency-hint-button-icon",
        src: st
    }, null, -1)),
    yb = {
        key: 0,
        class: "main-menu-battle-pass-store__header-currency-hint-tooltip"
    },
    fb = {
        class: "main-menu-battle-pass-store__items"
    };

function Tb(e, t, s, l, o, i) {
    const m = c("InfoTooltip"),
        _ = c("Timer"),
        b = c("BattlePassCard"),
        u = c("ScrollableContainer"),
        g = c("AnimatedLogo");
    return a(), r("div", hb, [n("div", pb, [n("div", gb, [bb, n("div", vb, C(i.formatNumberWithSpaces(s.currencyAmount)), 1), n("div", {
        class: "main-menu-battle-pass-store__header-currency-hint-button",
        onMouseenter: t[0] || (t[0] = (...y) => i.onMouseEnter && i.onMouseEnter(...y)),
        onMouseleave: t[1] || (t[1] = (...y) => i.onMouseLeave && i.onMouseLeave(...y)),
        onClick: t[2] || (t[2] = (...y) => i.onClick && i.onClick(...y))
    }, [Cb, o.isShowTooltip ? (a(), r("div", yb, [d(m, {
        title: "МАГАЗИН И ЗОЛОТО",
        colorHex: "#9849E8"
    }, {
        default: E(() => [w("Золото — универсальная сгораемая валюта сезонных пропусков. Её можно потратить на редкие, уникальные награды, которые нельзя передать или продать другим игрокам.")]),
        _: 1
    })])) : h("", !0)], 32)]), d(_, {
        class: "main-menu-battle-pass-store__header-timer",
        title: "Валюта распылится",
        units: s.formattedCurrencySprayTime,
        customIcon: o.images["/src/assets/images/main-menu/battle-pass/delete.png"]
    }, null, 8, ["units", "customIcon"])]), s.goods && s.goods.length ? (a(), p(u, {
        key: 0,
        class: "main-menu-battle-pass-store__container",
        type: 9,
        useMask: !0
    }, {
        default: E(() => [n("div", fb, [(a(!0), r(I, null, M(s.goods, (y, f) => (a(), p(b, {
            class: "main-menu-battle-pass-store__item",
            key: f,
            name: y.name,
            image: o.DAILY_REWARDS_PRIZE_TYPE[y.type].icon(y.itemId),
            isSkin: o.DAILY_REWARDS_PRIZE_TYPE[y.type].type === "skins",
            isProduct: !0,
            isNotForSale: y.notForSale,
            price: y.price,
            isGotten: y.isGotten,
            onClick: k => i.onItemClick(y, f)
        }, null, 8, ["name", "image", "isSkin", "isNotForSale", "price", "isGotten", "onClick"]))), 128))])]),
        _: 1
    })) : (a(), p(g, {
        key: 1,
        class: "main-menu-battle-pass-store__loader"
    }))])
}
const Eb = {
        props: ["battlepass", "goods", "formattedCurrencySprayTime", "currencyAmount"],
        components: {
            ScrollableContainer: U,
            BattlePassCard: an,
            Timer: Ji,
            InfoTooltip: Qi,
            AnimatedLogo: dt
        },
        data() {
            return {
                DAILY_REWARDS_PRIZE_TYPE: nt,
                images: Object.assign({
                    "/src/assets/images/main-menu/battle-pass/ad-bg.png": kt,
                    "/src/assets/images/main-menu/battle-pass/ad-bg_mobile.png": It,
                    "/src/assets/images/main-menu/battle-pass/bg-particles-down.png": wt,
                    "/src/assets/images/main-menu/battle-pass/bg-particles-up.png": St,
                    "/src/assets/images/main-menu/battle-pass/bg.png": Mt,
                    "/src/assets/images/main-menu/battle-pass/bg_alternative.png": Pt,
                    "/src/assets/images/main-menu/battle-pass/bg_buy.png": At,
                    "/src/assets/images/main-menu/battle-pass/bg_store.png": Dt,
                    "/src/assets/images/main-menu/battle-pass/buy-bp-icon.png": et,
                    "/src/assets/images/main-menu/battle-pass/buy-bp-icon_active.png": tt,
                    "/src/assets/images/main-menu/battle-pass/card-line.svg": mi,
                    "/src/assets/images/main-menu/battle-pass/delete.png": Lt,
                    "/src/assets/images/main-menu/battle-pass/end-cross.png": xt,
                    "/src/assets/images/main-menu/battle-pass/end-timer.png": Qe,
                    "/src/assets/images/main-menu/battle-pass/header-border.svg": _i,
                    "/src/assets/images/main-menu/battle-pass/info-bg.png": Ot,
                    "/src/assets/images/main-menu/battle-pass/info-icon.png": st,
                    "/src/assets/images/main-menu/battle-pass/last-prize-preview.png": Bt,
                    "/src/assets/images/main-menu/battle-pass/last-prize.png": $t,
                    "/src/assets/images/main-menu/battle-pass/light.png": Nt,
                    "/src/assets/images/main-menu/battle-pass/line.svg": di,
                    "/src/assets/images/main-menu/battle-pass/lock.png": Rt,
                    "/src/assets/images/main-menu/battle-pass/lock_black.png": it,
                    "/src/assets/images/main-menu/battle-pass/logo.png": Vt,
                    "/src/assets/images/main-menu/battle-pass/points.png": ze,
                    "/src/assets/images/main-menu/battle-pass/points.svg": Is,
                    "/src/assets/images/main-menu/battle-pass/points_white.png": Ht,
                    "/src/assets/images/main-menu/battle-pass/points_yellow.png": Je,
                    "/src/assets/images/main-menu/battle-pass/skip-task.png": Ut,
                    "/src/assets/images/main-menu/battle-pass/skip-task.svg": ui,
                    "/src/assets/images/main-menu/battle-pass/statistics-info-bg.png": Yt,
                    "/src/assets/images/main-menu/battle-pass/task-check.svg": hi,
                    "/src/assets/images/main-menu/battle-pass/tasks-line.svg": pi,
                    "/src/assets/images/main-menu/battle-pass/transparent.svg": Gt,
                    "/src/assets/images/main-menu/battle-pass/upgrade.png": Kt
                }),
                isShowTooltip: !1
            }
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            }
        },
        mounted() {
            document.addEventListener("click", this.onDocClick)
        },
        unmounted() {
            document.removeEventListener("click", this.onDocClick)
        },
        methods: {
            formatNumberWithSpaces: F,
            onDocClick() {
                this.isShowTooltip && this.hideTooltip()
            },
            onClick(e) {
                this.isMobile && (e.stopPropagation(), e.preventDefault(), this.isShowTooltip ? this.hideTooltip() : this.showTooltip())
            },
            onMouseEnter() {
                this.isMobile || this.showTooltip()
            },
            onMouseLeave() {
                this.isMobile || this.hideTooltip()
            },
            showTooltip() {
                this.isShowTooltip = !0
            },
            hideTooltip() {
                this.isShowTooltip = !1
            },
            onItemClick(e, t) {
                e.isGotten || this.$emit("buyItem", e.price, e.name, nt[e.type].icon(e.itemId), t)
            }
        }
    },
    kb = v(Eb, [
        ["render", Tb],
        ["__scopeId", "data-v-6fd1f33b"]
    ]),
    Ul = e => (D("data-v-a8377a52"), e = e(), L(), e),
    Ib = Ul(() => n("div", {
        class: "main-menu-battle-pass-background-particles"
    }, null, -1)),
    wb = Ul(() => n("div", {
        class: "main-menu-battle-pass-background-particles-up"
    }, null, -1));

function Sb(e, t, s, l, o, i) {
    return a(), r("div", {
        class: T(["main-menu-battle-pass-background", `main-menu-battle-pass-background_${s.type}`])
    }, [n("div", {
        class: "main-menu-battle-pass-background-image",
        style: x({
            opacity: s.backgroundOpacity
        })
    }, null, 4), n("div", {
        class: "main-menu-battle-pass-background-color",
        style: x({
            backgroundColor: s.colorOverlay
        })
    }, null, 4), fe(e.$slots, "default", {}, void 0, !0), Ib, wb], 2)
}
const Mb = {
        props: {
            backgroundOpacity: {
                default: 1
            },
            type: {
                default: "default",
                validator: e => ["default", "alt", "buy", "store"].includes(e)
            },
            colorOverlay: {
                default: "transparent"
            }
        }
    },
    co = v(Mb, [
        ["render", Sb],
        ["__scopeId", "data-v-a8377a52"]
    ]),
    Pb = {},
    Ab = {
        width: "8",
        height: "28",
        viewBox: "0 0 8 28",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    Db = n("path", {
        d: "M0 26.0487L0.941229 28L2.82369 23.8503L8 26.0472L6.60331 18.7768L7.05877 14.6271L6.60331 9.84386L1.27237 9.94252L5.00824e-07 14.6286L0.398392 17.8562L0 26.0487Z",
        fill: "#C1E1F9"
    }, null, -1),
    Lb = n("path", {
        d: "M0.398392 3.32058C0.435471 1.52338 2.05669 0.0370066 4.01949 0.000678296C5.98229 -0.03565 7.5434 1.39182 7.50632 3.18902C7.46924 4.98623 5.84802 6.4726 3.88522 6.50893C1.92242 6.54525 0.361313 5.11778 0.398392 3.32058Z",
        fill: "#C1E1F9"
    }, null, -1),
    xb = [Db, Lb];

function Ob(e, t) {
    return a(), r("svg", Ab, xb)
}
const Yl = v(Pb, [
        ["render", Ob]
    ]),
    mo = e => (D("data-v-c6aa555c"), e = e(), L(), e),
    Bb = {
        class: "main-menu-battle-pass-buy__wrapper"
    },
    $b = {
        class: "main-menu-battle-pass-buy__text"
    },
    Nb = {
        key: 0,
        class: "main-menu-battle-pass-buy__text-discount"
    },
    Rb = {
        class: "main-menu-battle-pass-buy__price"
    },
    Vb = {
        key: 0,
        class: "main-menu-battle-pass-buy__price-discount-badge-wrapper"
    },
    Hb = mo(() => n("div", {
        class: "main-menu-battle-pass-buy__price-discount-badge"
    }, "ПРЕДЛОЖЕНИЕ ОГРАНИЧЕНО", -1)),
    Ub = [Hb],
    Yb = {
        class: "main-menu-battle-pass-buy__container"
    },
    Kb = mo(() => n("img", {
        class: "main-menu-battle-pass-buy__container-button_close-buy",
        src: ze
    }, null, -1)),
    Gb = mo(() => n("img", {
        class: "main-menu-battle-pass-buy__container-button_open-buy",
        src: et
    }, null, -1));

function Fb(e, t, s, l, o, i) {
    const m = c("ControlsButton"),
        _ = c("Background"),
        b = c("BattlePassLogo"),
        u = c("PricingBlock"),
        g = c("BattlePassButton");
    return a(), r("div", {
        class: T(["main-menu-battle-pass-buy", {
            "main-menu-battle-pass-buy_mobile": i.isMobile,
            "main-menu-battle-pass-buy_square-mobile": s.isSquareMobile
        }])
    }, [d(m, {
        class: "main-menu-battle-pass-buy__close",
        onPressed: i.close,
        keyCode: e.KEY_CODE_ESC,
        disabled: s.controlsAreDisabled,
        pressSound: "UI/UI_back_esc_1.mp3"
    }, null, 8, ["onPressed", "keyCode", "disabled"]), d(_, {
        type: "buy"
    }), n("div", Bb, [d(b, {
        class: "main-menu-battle-pass-buy__logo",
        isSmall: !0
    }), n("div", $b, [w(C(i.isDiscounted ? "УСПЕЙ УРВАТЬ ПРОПУСК" : "УЛУЧШЕННЫЙ ПРОПУСК"), 1), i.isDiscounted ? (a(), r("div", Nb, "ПО СКИДКЕ")) : h("", !0)]), n("div", Rb, [i.isDiscounted ? (a(), r("div", Vb, Ub)) : h("", !0), d(u, {
        isShowTitle: !1,
        price: s.price,
        oldPrice: i.isDiscounted ? s.oldPrice : 0,
        sizeType: e.MAIN_MENU_ITEM_PRICE_SIZE_TYPES.L
    }, null, 8, ["price", "oldPrice", "sizeType"])]), n("div", Yb, [d(g, {
        class: "main-menu-battle-pass-buy__container-button",
        text: "К пропуску",
        onClick: t[0] || (t[0] = y => i.close()),
        onPressed: t[1] || (t[1] = y => i.close())
    }, {
        default: E(() => [Kb]),
        _: 1
    }), d(g, {
        class: "main-menu-battle-pass-buy__container-button",
        text: s.battlepass.type ? "Подарить пропуск" : "Купить пропуск",
        isBuy: !0,
        onClick: t[2] || (t[2] = y => e.$emit("buy")),
        onPressed: t[3] || (t[3] = y => e.$emit("buy"))
    }, {
        default: E(() => [Gb]),
        _: 1
    }, 8, ["text"])])])], 2)
}
const zb = {
        props: ["battlepass", "price", "oldPrice", "battlePassDiscount", "formatedEndDiscountTime", "controlsAreDisabled", "isSquareMobile"],
        components: {
            IconInfo: Yl,
            ControlsButton: H,
            BattlePassLogo: _s,
            BattlePassButton: lo,
            Background: co,
            PricingBlock: pe
        },
        data: () => ({
            MAIN_MENU_ITEM_PRICE_SIZE_TYPES: X,
            KEY_CODE_ESC: window.KEY_CODE_ESC
        }),
        computed: {
            isMobile() {
                return this.$root.isMobile
            },
            isDiscounted() {
                return this.battlePassDiscount && this.formatedEndDiscountTime !== "end"
            }
        },
        methods: {
            buy() {
                sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "BPd_OnPlayerBuyPremium")
            },
            close() {
                this.$emit("close")
            }
        },
        watch: {
            "battlepass.type"() {
                window.playSound("battle_pass/buy.mp3"), this.close()
            }
        }
    },
    Zb = v(zb, [
        ["render", Fb],
        ["__scopeId", "data-v-c6aa555c"]
    ]),
    qb = {},
    Wb = {
        width: "86",
        height: "14",
        viewBox: "0 0 86 14",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    jb = n("path", {
        d: "M1 6.83591C31 10.3359 40 13.8363 82.4812 5.50112M1.5 12.8359C2.45311 11.8828 3.63145 10.1639 3.98119 8.17107M3.98119 8.17107C4.3042 6.33059 3.92049 4.25642 2 2.33594C1.5586 3.77048 1.65787 6.28633 3.98119 8.17107ZM3.98119 8.17107C5.16692 9.13295 6.93193 9.93045 9.5 10.3359M84.9812 11.5011C84.0281 10.548 82.8497 8.82915 82.5 6.83628M82.5 6.83628C82.177 4.9958 82.5607 2.92163 84.4812 1.00114C84.9226 2.43569 84.8233 4.95154 82.5 6.83628ZM82.5 6.83628C81.3143 7.79816 79.5493 8.59566 76.9812 9.00114",
        stroke: "#FB932E"
    }, null, -1),
    Xb = [jb];

function Qb(e, t) {
    return a(), r("svg", Wb, Xb)
}
const Jb = v(qb, [
        ["render", Qb]
    ]),
    ev = {
        class: "main-menu-battle-pass-info__container"
    },
    tv = {
        class: "main-menu-battle-pass-info__items"
    },
    sv = ["src"],
    iv = {
        class: "main-menu-battle-pass-info__item-title"
    },
    nv = {
        class: "main-menu-battle-pass-info__item-text"
    },
    av = {
        class: "main-menu-battle-pass-info__buttons"
    };

function ov(e, t, s, l, o, i) {
    const m = c("ControlsButton"),
        _ = c("ControlsButtonContainer"),
        b = c("BattlePassLogo"),
        u = c("IconRhombus");
    return a(), r("div", {
        class: T(["main-menu-battle-pass-info", {
            "main-menu-battle-pass-info_mobile": i.isMobile
        }])
    }, [i.isMobile ? (a(), r("div", {
        key: 1,
        class: "main-menu-battle-pass-info__close",
        onTouchend: t[1] || (t[1] = g => i.close())
    }, null, 32)) : (a(), p(_, {
        key: 0,
        class: "main-menu-battle-pass-info__close",
        text: "Назад"
    }, {
        default: E(() => [d(m, {
            keyCode: e.KEY_CODE_ESC,
            onPressed: t[0] || (t[0] = g => i.close()),
            disabled: s.controlsAreDisabled,
            pressSound: "UI/UI_back_esc_1.mp3"
        }, null, 8, ["keyCode", "disabled"])]),
        _: 1
    })), n("div", ev, [d(b, {
        class: "main-menu-battle-pass-info__logo",
        season: s.battlepass.season
    }, null, 8, ["season"]), n("div", tv, [(a(!0), r(I, null, M(e.items, (g, y) => (a(), r("div", {
        class: "main-menu-battle-pass-info__item",
        key: y
    }, [n("img", {
        src: e.images[`/src/assets/images/main-menu/battle-pass/info/${y}.png`]
    }, null, 8, sv), d(u), n("div", iv, C(g.title), 1), n("div", nv, C(g.text), 1)]))), 128))]), n("div", av, [s.battlepass.type ? h("", !0) : (a(), r("div", {
        key: 0,
        class: "main-menu-battle-pass-info__btn main-menu-battle-pass-info__btn_buy",
        onClick: t[2] || (t[2] = g => i.buy())
    }, "Улучшенный пропуск")), n("div", {
        class: "main-menu-battle-pass-info__btn",
        onClick: t[3] || (t[3] = g => i.close())
    }, "Понятно")])])], 2)
}
const rv = {
        props: ["battlepass", "controlsAreDisabled"],
        components: {
            BattlePassLogo: _s,
            IconRhombus: Jb,
            ControlsButton: H,
            ControlsButtonContainer: Pe
        },
        data: () => ({
            KEY_CODE_ESC: window.KEY_CODE_ESC,
            images: Object.assign({
                "/src/assets/images/main-menu/battle-pass/info/0.png": Tr,
                "/src/assets/images/main-menu/battle-pass/info/1.png": Er,
                "/src/assets/images/main-menu/battle-pass/info/2.png": kr,
                "/src/assets/images/main-menu/battle-pass/info/3.png": Ir
            }),
            items: [{
                title: "Задачи и призы",
                text: "Выполняйте поставленные задачи и получайте уникальные награды. За каждую выполненную задачу вы получаете листочки."
            }, {
                title: "Улучшенный пропуск",
                text: "Больше наград можно получить с улучшенным пропуском. Его можно купить в любое время в течении сезона. С улучшением опыт с задач выдается в два раза больше."
            }, {
                title: "Пропуск заданий",
                text: "Если полученное задание Вам не нравится или не хотите выполнять, то его можно пропустить за монеты, но учтите, что новое задание не появится."
            }, {
                title: "Время ограничено",
                text: "Как только сезон пропуска подойдет к концу – вы больше не сможете зарабатывать новые уровни и награды."
            }]
        }),
        computed: {
            isMobile() {
                return this.$root.isMobile
            }
        },
        methods: {
            close() {
                this.$emit("close")
            },
            buy() {
                this.$emit("buy")
            }
        }
    },
    lv = v(rv, [
        ["render", ov]
    ]),
    cv = {
        class: "main-menu-battle-pass-end__timer"
    },
    mv = n("img", {
        src: yr
    }, null, -1),
    _v = {
        class: "main-menu-battle-pass-end__text"
    },
    dv = {
        key: 0,
        class: "main-menu-battle-pass-end__text-prize"
    },
    uv = n("img", {
        src: fr
    }, null, -1),
    hv = {
        class: "main-menu-battle-pass-end__prizes"
    };

function pv(e, t, s, l, o, i) {
    const m = c("BattlePassLogo"),
        _ = c("Background"),
        b = c("BattlePassPrizes"),
        u = c("Button");
    return a(), r("div", {
        class: T(["main-menu-battle-pass-end", {
            "main-menu-battle-pass-end_mobile": i.isMobile
        }])
    }, [i.isMobile ? h("", !0) : (a(), p(m, {
        key: 0,
        class: "main-menu-battle-pass-end__logo",
        season: s.battlepass.season
    }, null, 8, ["season"])), d(_, {
        isAlternative: !0
    }), n("div", cv, [mv, w(C(i.formatDate(s.battlepass.endTime)), 1)]), n("div", _v, [w("ПРОПУСК ПОДОШЕЛ К КОНЦУ"), i.availablePrizesCount ? (a(), r("div", dv, [uv, w(C(i.availablePrizesCount), 1)])) : h("", !0), w(C(i.availablePrizesCount ? "ПРИЗОВ ЖДУТ, ЧТОБЫ ВЫ ИХ ЗАБРАЛИ" : "") + "!", 1)]), n("div", hv, [d(b, {
        ref: "prizes",
        prizes: s.prizes,
        battlepass: s.battlepass,
        "onTake:prize": i.takePrize,
        "onScroll:prizes": i.onScrollPrizes
    }, null, 8, ["prizes", "battlepass", "onTake:prize", "onScroll:prizes"])]), d(u, {
        class: "main-menu-battle-pass-end__button-close",
        type: "white",
        text: "Понятно",
        onClick: t[0] || (t[0] = g => i.close())
    })], 2)
}
const gv = {
        props: ["battlepass", "prizes"],
        components: {
            Button: q,
            BattlePassPrizes: Rl,
            BattlePassLogo: _s,
            Background: co
        },
        data: () => ({}),
        computed: {
            isMobile() {
                return this.$root.isMobile
            },
            availablePrizesCount() {
                const e = this.battlepass.type === 1,
                    t = this.battlepass.gottenPrizes.free + (e ? this.battlepass.gottenPrizes.premium : 0),
                    s = this.battlepass.prizes.slice(0, this.battlepass.level.current)
                    .filter(l => e ? l : !l.isPremium)
                    .length - t;
                return Math.max(0, s)
            }
        },
        methods: {
            formatDate(e) {
                const t = new Date(e + tl(new Date)
                        .getTime()),
                    s = ["января", "февраля", "марта", "апреля", "мая", "июня", "июля", "августа", "сентября", "октября", "ноября", "декабря"],
                    l = t.getDate(),
                    o = t.getMonth();
                return `${l} ${s[o]} 2025`.toUpperCase()
            },
            takePrize(e) {
                this.$emit("take:prize", e)
            },
            onScrollPrizes(e) {
                let t = this.$refs.prizes.$el;
                t.scrollLeft += -e.wheelDelta
            },
            close() {
                this.$emit("close")
            }
        }
    },
    bv = v(gv, [
        ["render", pv]
    ]),
    vv = e => (D("data-v-624ebc01"), e = e(), L(), e),
    Cv = {
        class: "main-menu-battle-pass__aside"
    },
    yv = vv(() => n("div", {
        class: "main-menu-battle-pass__aside-background"
    }, null, -1)),
    fv = {
        class: "main-menu-battle-pass__aside-buttons"
    };

function Tv(e, t, s, l, o, i) {
    const m = c("BattlePassLogo"),
        _ = c("LevelStatus");
    return a(), r("div", Cv, [yv, d(m, {
        class: "main-menu-battle-pass__aside-logo",
        isSmall: !0
    }), n("div", fv, [s.controlsAreDisabled ? h("", !0) : (a(), p(_, {
        key: 0,
        isMobile: s.isMobile,
        accessType: s.battlepass.type,
        battlePassDiscount: s.battlePassDiscount,
        formatedEndDiscountTime: s.formatedEndDiscountTime,
        isHideOnSquare: !0,
        onImprove: t[0] || (t[0] = b => e.$emit("improve")),
        onBuyLevel: t[1] || (t[1] = b => e.$emit("buyLevel"))
    }, null, 8, ["isMobile", "accessType", "battlePassDiscount", "formatedEndDiscountTime"]))])])
}
const Ev = {
        props: ["controlsAreDisabled", "isMobile", "battlepass", "battlePassDiscount", "formatedEndDiscountTime"],
        components: {
            BattlePassLogo: _s,
            LevelStatus: $l
        },
        computed: {
            isSquare() {
                return this.$root.isSquare
            }
        }
    },
    kv = v(Ev, [
        ["render", Tv],
        ["__scopeId", "data-v-624ebc01"]
    ]),
    Iv = {
        class: "sakura-bg"
    },
    wv = {
        class: "petal"
    };

function Sv(e, t) {
    return a(), r("div", Iv, [(a(), r(I, null, M(15, s => n("div", wv)), 64))])
}
const Mv = {},
    Pv = v(Mv, [
        ["render", Sv],
        ["__scopeId", "data-v-841b4d10"]
    ]),
    Av = e => (D("data-v-9aa5f0c5"), e = e(), L(), e),
    Dv = Av(() => n("div", {
        class: "main-menu-checkbox__square"
    }, [n("img", {
        class: "main-menu-checkbox__check",
        src: bi
    })], -1));

function Lv(e, t, s, l, o, i) {
    return a(), r("div", {
        class: T(["main-menu-checkbox", {
            "main-menu-checkbox_active": s.isActive
        }])
    }, [Dv, fe(e.$slots, "default", {}, void 0, !0)], 2)
}
const xv = {
        props: {
            isActive: {
                default: !1
            }
        }
    },
    Kl = v(xv, [
        ["render", Lv],
        ["__scopeId", "data-v-9aa5f0c5"]
    ]),
    on = e => (D("data-v-f86df066"), e = e(), L(), e),
    Ov = {
        class: "main-menu-store-gift-modal__content"
    },
    Bv = {
        class: "main-menu-store-gift-modal__content-field"
    },
    $v = on(() => n("img", {
        class: "main-menu-store-gift-modal__content-field-icon",
        src: mt
    }, null, -1)),
    Nv = on(() => n("img", {
        class: "main-menu-store-gift-modal__content-input-icon",
        src: Te
    }, null, -1)),
    Rv = on(() => n("div", {
        class: "main-menu-store-gift-modal__content-divider"
    }, null, -1)),
    Vv = {
        class: "main-menu-store-gift-modal__content-players-wrapper"
    },
    Hv = ["onClick"],
    Uv = on(() => n("img", {
        class: "main-menu-store-gift-modal__content-player-icon",
        src: Te
    }, null, -1)),
    Yv = {
        class: "main-menu-store-gift-modal__content-player-name"
    },
    Kv = {
        class: "main-menu-store-gift-modal__content-player-id"
    },
    Gv = {
        key: 1,
        class: "main-menu-store-gift-modal__prices"
    },
    Fv = {
        key: 2,
        class: "main-menu-store-gift-modal__buttons"
    };

function zv(e, t, s, l, o, i) {
    const m = c("InputField"),
        _ = c("ScrollableContainer"),
        b = c("TextHint"),
        u = c("Checkbox"),
        g = c("PricingBlock"),
        y = c("ControlsContaineredButton"),
        f = c("ModalMobileButtons"),
        k = c("Modal");
    return a(), p(k, {
        class: T(["main-menu-store-gift-modal", i.classes]),
        isOpened: s.isOpened,
        title: "выберите получателя подарка",
        onClose: i.close,
        colorType: o.MODAL_COLOR_TYPES.VIOLET
    }, {
        default: E(() => [n("div", Ov, [n("div", Bv, [$v, d(m, {
            class: "main-menu-store-gift-modal__content-input",
            data: o.input,
            fastEnterHints: i.fittingPlayersNames,
            onUpdate: t[0] || (t[0] = S => o.input.value = S),
            onFocus: t[1] || (t[1] = S => o.isInputFocusing = !0),
            onBlur: t[2] || (t[2] = S => o.isInputFocusing = !1)
        }, {
            default: E(() => [Nv]),
            _: 1
        }, 8, ["data", "fastEnterHints"])]), i.fittingPlayers.length && o.isHintAvailable ? (a(), r(I, {
            key: 0
        }, [Rv, d(_, {
            class: "main-menu-store-gift-modal__content-players",
            type: 9
        }, {
            default: E(() => [n("div", Vv, [(a(!0), r(I, null, M(i.fittingPlayers, (S, O) => (a(), r("div", {
                class: "main-menu-store-gift-modal__content-player",
                onClick: B => i.selectPlayer(S)
            }, [Uv, n("div", Yv, C(i.formatName(S.name)), 1), n("div", Kv, "ID " + C(S.id), 1)], 8, Hv))), 256))])]),
            _: 1
        })], 64)) : h("", !0)]), d(b, null, {
            default: E(() => [w("Чтобы выбрать игрока - воспользуйтесь поиском")]),
            _: 1
        }), i.isVip && s.item.currencyPrice.current ? (a(), p(u, {
            key: 0,
            class: "main-menu-store-gift-modal__checkbox",
            isActive: o.isCurrency,
            onClick: t[3] || (t[3] = S => o.isCurrency = !o.isCurrency)
        }, {
            default: E(() => [w("Цена в Игровой Валюте")]),
            _: 1
        }, 8, ["isActive"])) : h("", !0), i.isVip ? (a(), r("div", Gv, [d(g, {
            price: i.price,
            oldPrice: i.oldPrice,
            type: i.priceType,
            sizeType: o.MAIN_MENU_ITEM_PRICE_SIZE_TYPES.XL
        }, null, 8, ["price", "oldPrice", "type", "sizeType"])])) : h("", !0), s.isMobile ? (a(), p(f, {
            key: 3,
            confirmText: "Отправить подарок",
            confirmButtonColorType: o.isCurrency ? "white" : "yellow",
            onCancel: i.close,
            onConfirm: i.gift
        }, null, 8, ["confirmButtonColorType", "onCancel", "onConfirm"])) : (a(), r("div", Fv, [d(y, {
            containerText: "Отправить подарок Игроку",
            holdTime: o.MAIN_MENU_BTN_HOLD_TIME,
            onPressed: i.gift,
            disabled: o.isInputFocusing || s.isDisabled,
            text: "Enter",
            keyCode: o.KEY_CODE_ENTER,
            pressSound: "UI/UI_menu_click_03.mp3",
            isYellow: !o.isCurrency
        }, null, 8, ["holdTime", "onPressed", "disabled", "keyCode", "isYellow"]), d(y, {
            containerText: "Закрыть",
            onPressed: i.close,
            disabled: s.isDisabled,
            allowAlternativeKey: !o.isInputFocusing,
            keyCode: o.KEY_CODE_ESC,
            pressSound: "UI/UI_back_esc_1.mp3"
        }, null, 8, ["onPressed", "disabled", "allowAlternativeKey", "keyCode"])]))]),
        _: 1
    }, 8, ["class", "isOpened", "onClose", "colorType"])
}
const Zv = {
        props: ["isOpened", "isDisabled", "availablePlayers", "selectedPlayerName", "item", "vipPeriod", "isMobile", "getVipPrice", "getVipOldPrice"],
        components: {
            Modal: Q,
            InputField: Ie,
            ControlsContaineredButton: W,
            ScrollableContainer: U,
            TextHint: Ke,
            PricingBlock: pe,
            Checkbox: Kl,
            ModalMobileButtons: De
        },
        data() {
            return {
                MAIN_MENU_BTN_HOLD_TIME: ge,
                MODAL_COLOR_TYPES: Ve,
                MAIN_MENU_ITEM_PRICE_SIZE_TYPES: X,
                KEY_CODE_ESC: window.KEY_CODE_ESC,
                KEY_CODE_ENTER: window.KEY_CODE_ENTER,
                input: {
                    type: "text",
                    value: "",
                    icon: !0,
                    placeholder: "Введите Nick Name или ID игрока"
                },
                isInputFocusing: !1,
                isHintAvailable: !1,
                hintClosingIsAvailable: !0,
                isCurrency: !1
            }
        },
        computed: {
            playerIsSelected() {
                return this.selectedPlayerName.length
            },
            classes() {
                return {
                    "main-menu-store-gift-modal_selected": this.playerIsSelected,
                    "main-menu-store-gift-modal_input": this.isInputFocusing
                }
            },
            fittingPlayers() {
                const e = [],
                    t = this.input.value.replace(/\s/g, "")
                    .toLowerCase(),
                    s = new RegExp(t);
                return t.length && this.availablePlayers.forEach(l => {
                    const o = this.formatName(l.name)
                        .replace(/\s/g, "")
                        .toLowerCase();
                    (s.test(o) || s.test(l.id)) && e.push(l)
                }), e
            },
            fittingPlayersNames() {
                return this.fittingPlayers.map(e => this.formatName(e.name))
            },
            isVip() {
                return this.item.type === P.VIP
            },
            price() {
                return this.isVip ? this.getVipPrice(this.item, this.isCurrency, this.vipPeriod) : this.item.price.current
            },
            oldPrice() {
                return this.isVip || this.item.price.old, this.getVipOldPrice(this.item, this.isCurrency, this.vipPeriod)
            },
            priceType() {
                return this.isCurrency ? Z.CURRENCY : Z.DONATE
            }
        },
        methods: {
            formatNumberWithSpaces: F,
            close() {
                this.$emit("close")
            },
            gift() {
                if (this.input.value.length)
                    if (isNaN(parseInt(this.input.value))) this.$emit("gift", this.input.value.replaceAll(" ", "_"), this.isCurrency, this.isVip);
                    else {
                        const e = this.availablePlayers.find(({
                            id: t
                        }) => parseInt(t) === parseInt(this.input.value));
                        this.$emit("gift", e ? e.name : this.input.value.replaceAll(" ", "_"), this.isCurrency, this.isVip)
                    }
            },
            selectPlayer(e) {
                this.$emit("selectPlayer", e.name), this.isHintAvailable = !1
            },
            formatName(e) {
                return e.replace(/_/g, " ")
            }
        },
        watch: {
            isInputFocusing(e) {
                if (!e) {
                    this.fittingPlayers.length === 1 && this.selectPlayer(this.fittingPlayers[0]);
                    return
                }
                this.isHintAvailable = !0, this.$emit("selectPlayer", -1)
            },
            selectedPlayerName(e) {
                e.length && (this.input.value = this.formatName(e))
            },
            isOpened() {
                this.input.value = "", this.isCurrency = !1
            }
        }
    },
    Gl = v(Zv, [
        ["render", zv],
        ["__scopeId", "data-v-f86df066"]
    ]),
    qv = {},
    Wv = {
        width: "8",
        height: "15",
        viewBox: "0 0 8 15",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    jv = n("path", {
        d: "M9.83506e-07 7.5L8 1.04907e-06L5.2 7.5L8 15L9.83506e-07 7.5Z",
        fill: "#C1E1F9",
        "fill-opacity": "0.6"
    }, null, -1),
    Xv = [jv];

function Qv(e, t) {
    return a(), r("svg", Wv, Xv)
}
const Jv = v(qv, [
        ["render", Qv]
    ]),
    eC = {},
    tC = {
        width: "14",
        height: "14",
        viewBox: "0 0 14 14",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    sC = n("path", {
        d: "M6.99999 9.51278L14 14L9.51281 6.99993L13.9999 4.17241e-07L7 4.48715L0.000105144 0L4.4872 6.99992L0 14L6.99999 9.51278Z",
        fill: "#F4F1E1"
    }, null, -1),
    iC = [sC];

function nC(e, t) {
    return a(), r("svg", tC, iC)
}
const aC = v(eC, [
        ["render", nC]
    ]),
    oC = {
        key: 0,
        class: "main-menu-battle-pass__header"
    },
    rC = {
        class: "main-menu-battle-pass__nav"
    },
    lC = {
        class: "main-menu-battle-pass__nav__container"
    },
    cC = ["src"],
    mC = {
        key: 1,
        class: "main-menu-battle-pass__mobile-nav"
    },
    _C = {
        class: "main-menu-battle-pass__mobile-nav__timer"
    },
    dC = n("div", {
        class: "main-menu-battle-pass__mobile-nav__timer__background"
    }, null, -1),
    uC = {
        class: "main-menu-battle-pass__mobile-nav__timer__text"
    },
    hC = n("span", null, "Д.", -1),
    pC = {
        class: "main-menu-battle-pass__mobile-nav__progress",
        xmlns: "http://www.w3.org/2000/svg",
        width: "140",
        height: "139",
        viewBox: "0 0 140 139",
        fill: "none"
    },
    gC = n("path", {
        d: "M4,69.5a66,65.5 0 1,0 132,0a66,65.5 0 1,0 -132,0",
        stroke: "#002A4F",
        "stroke-opacity": "0.6",
        "stroke-width": "8"
    }, null, -1),
    bC = ["stroke-dashoffset"],
    vC = n("defs", null, [n("linearGradient", {
        id: "main-menu-battle-pass__mobile-nav__progress-gradient",
        x1: "22.1509",
        y1: "-7.77358",
        x2: "108",
        y2: "138.906",
        gradientUnits: "userSpaceOnUse"
    }, [n("stop", {
        "stop-color": "#097FE8"
    }), n("stop", {
        offset: "1",
        "stop-color": "#9849E8"
    })])], -1),
    CC = {
        class: "main-menu-battle-pass__mobile-nav__container"
    },
    yC = ["onClick"],
    fC = ["isActive"],
    TC = n("div", {
        class: "main-menu-battle-pass__divider"
    }, [n("div", {
        class: "main-menu-battle-pass__divider-shadow"
    })], -1),
    EC = {
        key: 2,
        class: "main-menu-battle-pass__page"
    };

function kC(e, t, s, l, o, i) {
    const m = c("Modal"),
        _ = c("Background"),
        b = c("SakuraPetals"),
        u = c("Timer"),
        g = c("ControlsButton"),
        y = c("GlobalHoverWrapper"),
        f = c("BattlePassAside"),
        k = c("BattlePassEnd"),
        S = c("BattlePassBuy"),
        O = c("BattlePassInfo"),
        B = c("GiftModal");
    return a(), r("div", {
        class: T(["main-menu-battle-pass", {
            "main-menu-battle-pass_prize": e.isShownPrize,
            "main-menu-battle-pass_mobile": i.isMobile,
            "main-menu-battle-pass_mobile-square": s.isSquareMobile
        }]),
        ref: "iface"
    }, [d(ae, {
        name: "fade"
    }, {
        default: E(() => [d(m, {
            isOpened: !!e.currentModal,
            modalData: e.currentModal,
            isDisabled: i.isBattlePassModalDisabled,
            errorText: s.modal.errorText,
            prizes: e.prizes,
            battlepass: s.battlepass,
            onAction: i.actionModal,
            onGift: i.giftModal,
            onCancel: i.cancelModal,
            onClose: i.closeModal
        }, null, 8, ["isOpened", "modalData", "isDisabled", "errorText", "prizes", "battlepass", "onAction", "onGift", "onCancel", "onClose"])]),
        _: 1
    }), d(_, {
        type: i.backgroundType
    }, null, 8, ["type"]), d(ae, {
        name: "fade"
    }, {
        default: E(() => [e.animationIsAllowed && e.overlayPage === e.OVERLAY_PAGE_TYPE.NONE && !e.currentModal ? (a(), p(b, {
            key: 0,
            class: "main-menu-battle-pass__snowflakes",
            colorHex: "#F585D7"
        })) : h("", !0)]),
        _: 1
    }), !i.isMobile && e.overlayPage !== e.OVERLAY_PAGE_TYPE.BUY ? (a(), r("div", oC, [d(u, {
        class: "main-menu-battle-pass__end-timer",
        title: "До конца пропуска",
        units: i.formatedEndTime
    }, null, 8, ["units"]), n("div", rC, [d(g, {
        text: "A",
        keyCode: e.KEY_CODE_A,
        disabled: i.controlsAreDisabled,
        pressSound: "UI/UI_menu_click_03.mp3",
        onPressed: i.toPrevTab
    }, null, 8, ["keyCode", "disabled", "onPressed"]), n("div", lC, [(a(!0), r(I, null, M(e.tabs, (K, R) => (a(), p(y, {
        class: T(["main-menu-battle-pass__nav__item", {
            "main-menu-battle-pass__nav__item_active": e.currentTabIndex === R && e.overlayPage === e.OVERLAY_PAGE_TYPE.NONE
        }]),
        key: R,
        isBright: e.currentTabIndex === R && e.overlayPage === e.OVERLAY_PAGE_TYPE.NONE,
        clickSound: "UI/UI_menu_click_03.mp3",
        onClick: oe => i.selectTab(R)
    }, {
        default: E(() => [n("img", {
            src: e.icons[`/src/assets/images/main-menu/battle-pass/icons/${K.component.toLowerCase()}.png`]
        }, null, 8, cC), w(C(K.label), 1)]),
        _: 2
    }, 1032, ["isBright", "class", "onClick"]))), 128))]), d(g, {
        text: "D",
        keyCode: e.KEY_CODE_D,
        disabled: i.controlsAreDisabled,
        pressSound: "UI/UI_menu_click_03.mp3",
        onPressed: i.toNextTab
    }, null, 8, ["keyCode", "disabled", "onPressed"])])])) : h("", !0), i.isMobile ? (a(), r("div", mC, [n("div", _C, [dC, n("div", uC, [w(C(i.formatedEndTimeOnlyDay), 1), hC]), (a(), r("svg", pC, [gC, n("path", {
        d: "M4,69.5a66,65.5 0 1,0 132,0a66,65.5 0 1,0 -132,0",
        stroke: "url(#main-menu-battle-pass__mobile-nav__progress-gradient)",
        "stroke-dasharray": "1000",
        "stroke-dashoffset": 1e3 - i.formatedEndTimeOnlyDay / i.getTotalDuration * 415,
        "stroke-width": "8"
    }, null, 8, bC), vC]))]), n("div", CC, [(a(!0), r(I, null, M(e.tabs, (K, R) => (a(), r("div", {
        class: T(["main-menu-battle-pass__mobile-nav__item", {
            "main-menu-battle-pass__mobile-nav__item_active": e.currentTabIndex === R
        }]),
        key: R,
        onClick: oe => i.selectTab(R)
    }, [n("div", {
        class: "main-menu-battle-pass__mobile-nav__item__icon",
        style: x({
            backgroundImage: `url(${e.icons[`/src/assets/images/main-menu/battle-pass/icons/${K.component.toLowerCase()}.png`]})`
        }),
        isActive: e.currentTabIndex === R
    }, null, 12, fC)], 10, yC))), 128))])])) : h("", !0), TC, e.overlayPage === e.OVERLAY_PAGE_TYPE.NONE ? (a(), r("div", EC, [i.isMobile ? h("", !0) : (a(), r(I, {
        key: 0
    }, [i.currentTab.isRewards ? h("", !0) : (a(), p(f, {
        key: 0,
        controlsAreDisabled: e.overlayPage !== e.OVERLAY_PAGE_TYPE.NONE || i.controlsAreDisabled,
        isMobile: i.isMobile,
        battlepass: s.battlepass,
        battlePassDiscount: i.battlePassDiscount,
        formatedEndDiscountTime: i.formatedEndDiscountTime,
        onImprove: i.improve,
        onBuyLevel: i.buyLevel
    }, null, 8, ["controlsAreDisabled", "isMobile", "battlepass", "battlePassDiscount", "formatedEndDiscountTime", "onImprove", "onBuyLevel"]))], 64)), (a(), p(z(i.currentTab.component), {
        controlsAreDisabled: e.overlayPage !== e.OVERLAY_PAGE_TYPE.NONE || i.controlsAreDisabled,
        battlepass: s.battlepass,
        accessType: s.battlepass.type,
        prizes: e.prizes,
        tasks: e.tasks,
        goods: e.goods,
        currencyAmount: e.currencyAmount,
        battlePassDiscount: i.battlePassDiscount,
        formatedNewPrizeTime: i.formatedNewPrizeTime,
        formatedUpdateTasksTime: i.formatedUpdateTasksTime,
        isSquareMobile: s.isSquareMobile,
        formatedEndDiscountTime: i.formatedEndDiscountTime,
        formattedCurrencySprayTime: i.formattedCurrencySprayTime,
        onSetAnimationStatus: i.setAnimationStatus,
        onImprove: i.improve,
        onBuyLevel: i.buyLevel,
        "onTask:skip": i.onSkipTask,
        "onTake:prize": i.onTakePrize,
        onBuyItem: i.buyStoreItem
    }, null, 40, ["controlsAreDisabled", "battlepass", "accessType", "prizes", "tasks", "goods", "currencyAmount", "battlePassDiscount", "formatedNewPrizeTime", "formatedUpdateTasksTime", "isSquareMobile", "formatedEndDiscountTime", "formattedCurrencySprayTime", "onSetAnimationStatus", "onImprove", "onBuyLevel", "onTask:skip", "onTake:prize", "onBuyItem"])), i.isMobile ? (a(), r(I, {
        key: 1
    }, [i.currentTab.isRewards ? h("", !0) : (a(), p(f, {
        key: 0,
        controlsAreDisabled: e.overlayPage !== e.OVERLAY_PAGE_TYPE.NONE || i.controlsAreDisabled,
        isMobile: i.isMobile,
        battlepass: s.battlepass,
        battlePassDiscount: i.battlePassDiscount,
        formatedEndDiscountTime: i.formatedEndDiscountTime,
        onImprove: i.improve,
        onBuyLevel: i.buyLevel
    }, null, 8, ["controlsAreDisabled", "isMobile", "battlepass", "battlePassDiscount", "formatedEndDiscountTime", "onImprove", "onBuyLevel"]))], 64)) : h("", !0)])) : h("", !0), i.isBattlePassEnd ? (a(), p(k, {
        key: 3,
        battlepass: s.battlepass,
        prizes: e.prizes,
        "onTake:prize": i.takePrize,
        onClose: i.close
    }, null, 8, ["battlepass", "prizes", "onTake:prize", "onClose"])) : (a(), r(I, {
        key: 4
    }, [d(ae, {
        name: "fade"
    }, {
        default: E(() => [e.overlayPage === e.OVERLAY_PAGE_TYPE.BUY ? (a(), p(S, {
            key: 0,
            battlepass: s.battlepass,
            price: i.battlePassPrice,
            oldPrice: i.battlePassOldPrice,
            battlePassDiscount: i.battlePassDiscount,
            formatedEndDiscountTime: i.formatedEndDiscountTime,
            controlsAreDisabled: i.controlsAreDisabled,
            isSquareMobile: s.isSquareMobile,
            onBuy: i.buyPremium,
            onClose: t[0] || (t[0] = K => i.setOverlayPage(e.OVERLAY_PAGE_TYPE.NONE)),
            "onShow:more": t[1] || (t[1] = K => i.setOverlayPage(e.OVERLAY_PAGE_TYPE.INFO))
        }, null, 8, ["battlepass", "price", "oldPrice", "battlePassDiscount", "formatedEndDiscountTime", "controlsAreDisabled", "isSquareMobile", "onBuy"])) : h("", !0)]),
        _: 1
    }), d(ae, {
        name: "fade"
    }, {
        default: E(() => [e.overlayPage === e.OVERLAY_PAGE_TYPE.INFO ? (a(), p(O, {
            key: 0,
            controlsAreDisabled: i.controlsAreDisabled,
            battlepass: s.battlepass,
            onClose: t[2] || (t[2] = K => i.setOverlayPage(e.OVERLAY_PAGE_TYPE.NONE)),
            onBuy: t[3] || (t[3] = K => i.setOverlayPage(e.OVERLAY_PAGE_TYPE.BUY))
        }, null, 8, ["controlsAreDisabled", "battlepass"])) : h("", !0)]),
        _: 1
    })], 64)), d(B, {
        isOpened: e.giftModalIsOpened,
        isDisabled: s.isDisabled,
        availablePlayers: s.playerList ? s.playerList.players : [],
        selectedPlayerName: e.giftSelectedPlayerName,
        item: i.giftModalItem,
        vipPeriod: 0,
        isMobile: i.isMobile,
        getVipPrice: () => 0,
        getVipOldPrice: () => 0,
        onClose: i.closeGiftModal,
        onGift: i.onGiftModalGift,
        onSelectPlayer: i.onGiftSelectPlayer
    }, null, 8, ["isOpened", "isDisabled", "availablePlayers", "selectedPlayerName", "item", "isMobile", "onClose", "onGift", "onSelectPlayer"])], 2)
}
const IC = [{
        format: e => `${e} пропуск(-а) задания`
    }, {
        format: e => e.toLocaleString()
            .split(",")
            .join(" ")
    }, {
        format: e => e.toLocaleString()
            .split(",")
            .join(" ")
    }],
    Go = {
        FREE: 0,
        PREMIUM: 1
    },
    Be = {
        NONE: -1,
        BUY: 0,
        INFO: 1,
        LEVEL: 2
    },
    wC = 1e3,
    SC = {
        props: ["battlepass", "isSquareMobile", "isDisabled", "modal", "playerList"],
        components: {
            ControlsButton: H,
            BattlePassBuy: Zb,
            BattlePassInfo: lv,
            BattlePassEnd: bv,
            IconInfo: Yl,
            IconArrow: Jv,
            IconSkip: aC,
            Rewards: rp,
            Tasks: Hp,
            Modal: Wg,
            About: sb,
            Best: ub,
            Store: kb,
            Background: co,
            BattlePassAside: kv,
            Timer: Ji,
            SakuraPetals: Pv,
            GiftModal: Gl
        },
        data: () => ({
            KEY_CODE_A: window.KEY_CODE_A,
            KEY_CODE_D: window.KEY_CODE_D,
            BATTLE_PASS_PRIZE_TYPE: ke,
            OVERLAY_PAGE_TYPE: Be,
            REWARDS: IC,
            images: Object.assign({
                "/src/assets/images/main-menu/battle-pass/ad-bg.png": kt,
                "/src/assets/images/main-menu/battle-pass/ad-bg_mobile.png": It,
                "/src/assets/images/main-menu/battle-pass/bg-particles-down.png": wt,
                "/src/assets/images/main-menu/battle-pass/bg-particles-up.png": St,
                "/src/assets/images/main-menu/battle-pass/bg.png": Mt,
                "/src/assets/images/main-menu/battle-pass/bg_alternative.png": Pt,
                "/src/assets/images/main-menu/battle-pass/bg_buy.png": At,
                "/src/assets/images/main-menu/battle-pass/bg_store.png": Dt,
                "/src/assets/images/main-menu/battle-pass/buy-bp-icon.png": et,
                "/src/assets/images/main-menu/battle-pass/buy-bp-icon_active.png": tt,
                "/src/assets/images/main-menu/battle-pass/card-line.svg": mi,
                "/src/assets/images/main-menu/battle-pass/delete.png": Lt,
                "/src/assets/images/main-menu/battle-pass/end-cross.png": xt,
                "/src/assets/images/main-menu/battle-pass/end-timer.png": Qe,
                "/src/assets/images/main-menu/battle-pass/header-border.svg": _i,
                "/src/assets/images/main-menu/battle-pass/info-bg.png": Ot,
                "/src/assets/images/main-menu/battle-pass/info-icon.png": st,
                "/src/assets/images/main-menu/battle-pass/last-prize-preview.png": Bt,
                "/src/assets/images/main-menu/battle-pass/last-prize.png": $t,
                "/src/assets/images/main-menu/battle-pass/light.png": Nt,
                "/src/assets/images/main-menu/battle-pass/line.svg": di,
                "/src/assets/images/main-menu/battle-pass/lock.png": Rt,
                "/src/assets/images/main-menu/battle-pass/lock_black.png": it,
                "/src/assets/images/main-menu/battle-pass/logo.png": Vt,
                "/src/assets/images/main-menu/battle-pass/points.png": ze,
                "/src/assets/images/main-menu/battle-pass/points.svg": Is,
                "/src/assets/images/main-menu/battle-pass/points_white.png": Ht,
                "/src/assets/images/main-menu/battle-pass/points_yellow.png": Je,
                "/src/assets/images/main-menu/battle-pass/skip-task.png": Ut,
                "/src/assets/images/main-menu/battle-pass/skip-task.svg": ui,
                "/src/assets/images/main-menu/battle-pass/statistics-info-bg.png": Yt,
                "/src/assets/images/main-menu/battle-pass/task-check.svg": hi,
                "/src/assets/images/main-menu/battle-pass/tasks-line.svg": pi,
                "/src/assets/images/main-menu/battle-pass/transparent.svg": Gt,
                "/src/assets/images/main-menu/battle-pass/upgrade.png": Kt
            }),
            icons: Object.assign({
                "/src/assets/images/main-menu/battle-pass/icons/about.png": Ia,
                "/src/assets/images/main-menu/battle-pass/icons/best.png": wa,
                "/src/assets/images/main-menu/battle-pass/icons/rewards.png": Sa,
                "/src/assets/images/main-menu/battle-pass/icons/skip.png": Ma,
                "/src/assets/images/main-menu/battle-pass/icons/skip_mobile.png": gi,
                "/src/assets/images/main-menu/battle-pass/icons/store.png": Pa,
                "/src/assets/images/main-menu/battle-pass/icons/tasks.png": Aa
            }),
            animationIsAllowed: !1,
            tabs: [{
                label: "Награды",
                component: "Rewards",
                isRewards: !0
            }, {
                label: "Задания",
                component: "Tasks",
                isTasks: !0
            }, {
                label: "ЛУЧШЕЕ В СЕЗОНЕ",
                component: "Best",
                isBest: !0
            }, {
                label: "магазин",
                component: "Store",
                isStore: !0
            }, {
                label: "О пропуске",
                component: "About",
                isAbout: !0
            }],
            currentTabIndex: 0,
            currentModal: null,
            overlayPage: Be.NONE,
            isShownPrize: !1,
            myLevelArrowDirection: 0,
            prizes: [],
            tasks: [],
            newPrizeTime: null,
            newPrizeTimeInterval: null,
            endDiscountTime: null,
            endDiscountTimeInterval: null,
            endTime: null,
            endTimeInterval: null,
            endPartTime: null,
            endPartTimeInterval: null,
            updateTasksTime: [],
            updateTasksInterval: null,
            currencySprayTime: null,
            currencyAmount: 0,
            goods: [],
            giftModalIsOpened: !1,
            giftSelectedPlayerName: "",
            giftModalPayload: null
        }),
        computed: {
            backgroundType() {
                return this.currentTab.isRewards ? "default" : this.currentTab.isStore ? "store" : "alt"
            },
            currentTab() {
                return this.tabs[this.currentTabIndex]
            },
            isBattlePassEnd() {
                return this.battlepass.endTime <= 0
            },
            battlePassOldPrice() {
                return this.battlepass.premiumPrice
            },
            battlePassPrice() {
                const {
                    premiumPrice: e,
                    discount: t
                } = this.battlepass;
                return this.formatedEndDiscountTime === "end" ? e : e - t.price ? t.price : e
            },
            battlePassDiscount() {
                const {
                    discount: e,
                    premiumPrice: t
                } = this.battlepass, l = (t - e.price) / t * 100;
                return Math.round(l)
            },
            formatedNewPrizeTime() {
                const e = new Date(this.newPrizeTime),
                    t = e.getUTCHours()
                    .toString()
                    .padStart(2, "0"),
                    s = e.getUTCMinutes()
                    .toString()
                    .padStart(2, "0");
                return `${t}:${s}`
            },
            formatedEndTime() {
                return this.getFormattedTwoUnitsTime(this.endTime)
            },
            formatedEndTimeOnlyDay() {
                const e = Cs(this.endTime);
                return Number(e.days) <= 0 ? 1 : e.days
            },
            formatedEndDiscountTime() {
                const t = new Date(this.endDiscountTime)
                    .getTime();
                if (t <= 0) return "end";
                if (t < 6e4) return "1 м";
                const s = Math.floor(Math.abs(t) / 1e3),
                    l = Math.floor(s / 60),
                    o = Math.floor(l / 60);
                return t >= 864e5 ? `${String(o).padStart(2,"0")} ч` : `${String(o).padStart(2,"0")} ч`
            },
            getTotalDuration() {
                return this.battlepass.totalDuration / 864e5
            },
            formatedEndPartTime() {
                let e = new Date(this.endPartTime);
                const t = 1e3 * 60 * 60 * 24;
                if (e.getTime() >= t) {
                    const s = Math.floor(Math.abs(e.getTime()) / 1e3),
                        l = Math.floor(s / 60),
                        o = Math.floor(l / 60);
                    return `${Math.floor(o/24)} дн. ${o%24} ч. ${l%60} мин.`
                }
                return e.toLocaleTimeString([])
            },
            formatedUpdateTasksTime() {
                return this.updateTasksTime.map((s, l) => ({
                    start: l === Js.DAILY ? 864e5 : 6048e5,
                    current: s
                }))
            },
            formattedCurrencySprayTime() {
                let e = new Date(this.currencySprayTime);
                const t = e.getDate(),
                    s = I_(e.getMonth(), !0),
                    l = e.getFullYear();
                return [{
                    value: t,
                    sign: s
                }, {
                    value: l
                }]
            },
            controlsAreDisabled() {
                return !!this.currentModal || this.isDisabled
            },
            isBattlePassModalDisabled() {
                return this.isDisabled || this.giftModalIsOpened
            },
            giftModalItem() {
                return {
                    type: 0,
                    price: {
                        current: this.giftModalPayload && this.giftModalPayload.totalPrice ? this.giftModalPayload.totalPrice : 0,
                        old: 0
                    },
                    currencyPrice: {
                        current: 0
                    }
                }
            },
            isMobile() {
                return this.$root.isMobile
            }
        },
        created() {
            window.interface("MainMenu")
                .updateBattleCachePrizes(), this.setEndDiscountTime(this.battlepass.discount.leftTime), this.setEndTime(this.battlepass.endTime), this.setEndPartTime(this.battlepass.endPartTime), this.setUpdateTasksTime(this.battlepass.reloadTasksTime), this.setNewPrizeTime(this.battlepass.newPrize.time), this.setCurrencySpayTime(this.battlepass.currencySprayTime), this.matchData()
        },
        mounted() {
            setTimeout(() => this.setAnimationStatus(!0), wC)
        },
        beforeUnmount() {
            clearInterval(this.endDiscountTimeInterval), clearInterval(this.endTimeInterval), clearInterval(this.endPartTimeInterval), clearInterval(this.updateTasksInterval), clearInterval(this.newPrizeTimeInterval), this.tasks && this.tasks.forEach(e => {
                e.reloadTaskInterval && clearInterval(e.reloadTaskInterval)
            })
        },
        methods: {
            getFormattedTwoUnitsTime(e) {
                const {
                    days: t,
                    hours: s,
                    minutes: l,
                    seconds: o
                } = Cs(e);
                return t > 0 ? [{
                    value: t,
                    sign: "д"
                }, {
                    value: s,
                    sign: "ч"
                }] : l > 0 ? [{
                    value: s,
                    sign: "ч"
                }, {
                    value: l,
                    sign: "м"
                }] : o > 0 ? [{
                    value: l,
                    sign: "м"
                }, {
                    value: o,
                    sign: "с"
                }] : [{
                    value: 0,
                    sign: "м"
                }, {
                    value: 0,
                    sign: "с"
                }]
            },
            toPrevTab() {
                --this.currentTabIndex < 0 && (this.currentTabIndex = this.tabs.length - 1)
            },
            toNextTab() {
                ++this.currentTabIndex >= this.tabs.length && (this.currentTabIndex = 0)
            },
            improve() {
                this.setOverlayPage(Be.BUY)
            },
            buyPremium() {
                this.currentModal = hs[$.BUY], this.currentModal.value = this.battlePassPrice, this.currentModal.oldPrice = this.battlepass.premiumPrice
            },
            buyStoreItem(e, t, s, l) {
                this.currentModal = {
                    ...hs[$.BUY_STORE]
                }, this.currentModal.value = e, this.currentModal.title = this.currentModal.title.replace("{{value}}", t), this.currentModal.image = s, this.currentModal.index = l
            },
            buyLevel() {
                const e = {
                        ...hs[$.BUY_LEVEL]
                    },
                    t = (this.battlepass.cardsBuyLevel || [])
                    .map((s, l) => ({
                        id: l,
                        ...s
                    }));
                e.items = t, e.maxAvailableLevels = this.battlepass.level.max, e.description = "", this.setOverlayPage(Be.NONE), this.currentModal = e
            },
            onSkipTask(e) {
                this.currentModal = hs[$.SKIP_TASK], this.currentModal.value = this.battlepass.tasks[e].pass.value, this.currentModal.extra = e
            },
            onTakePrize(e, t) {
                this.currentModal = hs[$.PRIZE], this.currentModal.extra = e, this.currentModal.cancel.value = t.items.reduce((l, o) => l + o.sellPrice, 0), this.currentModal.image = e === this.prizes.length - 1 && t.items.length - 1 === 0 ? this.images["/src/assets/images/main-menu/battle-pass/last-prize-preview.png"] : ke[t.items[0].type].icon(t.items[0].icon), this.currentModal.isFinal = e === this.prizes.length - 1 && t.items.length - 1 === 0, this.currentModal.prizeItems = t.items.map((l, o) => ({
                    ...l,
                    image: e === this.prizes.length - 1 && o === t.items.length - 1 ? this.images["/src/assets/images/main-menu/battle-pass/last-prize-preview.png"] : ke[l.type].icon(l.icon),
                    name: l.value
                })), this.currentModal.title = this.currentModal.prizeItems.length > 1 ? "что сделать с предметами?" : "что сделать с предметом?"
            },
            actionModal(e) {
                this.handleModalEvent(e.type, e.payload || {})
            },
            giftModal(e) {
                const t = e.payload || {};
                if (e.type === $.BUY_LEVEL || e.type === $.BUY) {
                    this.openGiftModal({
                        ...t,
                        type: e.type
                    });
                    return
                }
                this.handleModalEvent(e.type, e.payload || {})
            },
            handleModalEvent(e, t = {}) {
                if (e === $.BUY_LEVEL) {
                    this.handleBuyLevels(t);
                    return
                }
                if (e === $.BUY) {
                    sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "BPd_OnPlayerBuyPremium"), this.setOverlayPage(Be.NONE), this.currentModal = null;
                    return
                }
                if (e === $.SKIP_TASK) {
                    this.passTask(this.currentModal.extra), this.currentModal = null;
                    return
                }
                if (e === $.PRIZE) {
                    this.takePrize(this.currentModal.extra, !1), this.currentModal = null;
                    return
                }
                e === $.BUY_STORE && (this.$emit("setModalAwaitResponse", !0), sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "BPd_OnPlayerBuyItem", this.currentModal.index))
            },
            openGiftModal(e = {}) {
                if (!e) return;
                const t = e.type;
                if (t === $.BUY_LEVEL) {
                    if (!Array.isArray(e.selected) || !e.selected.length) return
                } else if (t === $.BUY) {
                    const s = Number(e.totalPrice);
                    e.totalPrice = Number.isFinite(s) ? s : this.battlePassPrice
                } else return;
                this.giftModalPayload = e, this.giftSelectedPlayerName = "", this.giftModalIsOpened = !0
            },
            closeGiftModal() {
                this.giftModalIsOpened = !1, this.giftModalPayload = null, this.giftSelectedPlayerName = ""
            },
            onGiftSelectPlayer(e) {
                if (typeof e != "string") {
                    this.giftSelectedPlayerName = "";
                    return
                }
                this.giftSelectedPlayerName = e
            },
            onGiftModalGift(e) {
                if (!this.giftModalPayload) return;
                const t = typeof e == "string" && e.length ? e : this.giftSelectedPlayerName;
                if (!t) return;
                const s = {
                    ...this.giftModalPayload,
                    playerName: t,
                    isGift: !0
                };
                s.type === $.BUY_LEVEL ? this.handleBuyLevels(s) : s.type === $.BUY && this.handlePremiumGift(s), this.closeGiftModal()
            },
            handleBuyLevels(e = {}) {
                if (!e.selected.length) return;
                const t = typeof e.playerName == "string" ? e.playerName : "";
                if (e.isGift && !t.length) return;
                const s = e.isGift ? "BPd_OnPlayerGiftLevel" : "BPd_OnPlayerBuyLevel",
                    l = e.selected.reduce((o, i) => (o.push(i.index, i.count), o), []);
                for (; l.length < 6;) l.push(l.length % 2 === 0 ? -1 : 0);
                sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, s, ...e.isGift ? [t] : [], ...l), this.setOverlayPage(Be.NONE), this.currentModal = null
            },
            handlePremiumGift(e = {}) {
                const t = typeof e.playerName == "string" ? e.playerName : "";
                t.length && (sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "BPd_OnPlayerGiftPremium", t), this.setOverlayPage(Be.NONE), this.currentModal = null)
            },
            cancelModal() {
                this.currentModal.type === $.PRIZE && this.takePrize(this.currentModal.extra, !0), this.currentModal = null, this.closeGiftModal()
            },
            closeModal() {
                this.currentModal = null, this.closeGiftModal(), this.$emit("setModalErrorText", "")
            },
            selectTab(e) {
                this.setOverlayPage(Be.NONE), this.currentTabIndex = e
            },
            setEndDiscountTime(e) {
                this.endDiscountTime = e;
                let t = new Date()
                    .getTime();
                clearInterval(this.endDiscountTimeInterval), this.endDiscountTimeInterval = setInterval(() => {
                    const s = Math.round(new Date()
                        .getTime() - t);
                    t = new Date()
                        .getTime(), this.endDiscountTime = Math.max(0, this.endDiscountTime - s), this.endDiscountTime <= 0 && clearInterval(this.endDiscountTimeInterval)
                }, 1e3)
            },
            setEndTime(e) {
                this.endTime = e;
                let t = new Date()
                    .getTime();
                clearInterval(this.endTimeInterval), this.endTimeInterval = setInterval(() => {
                    const s = Math.round(new Date()
                        .getTime() - t);
                    t = new Date()
                        .getTime(), this.endTime = Math.max(0, this.endTime - s), this.endTime <= 0 && clearInterval(this.endTimeInterval)
                }, 1e3)
            },
            setEndPartTime(e) {
                this.endPartTime = e;
                let t = new Date()
                    .getTime();
                clearInterval(this.endPartTimeInterval), this.endPartTimeInterval = setInterval(() => {
                    const s = Math.round(new Date()
                        .getTime() - t);
                    t = new Date()
                        .getTime(), this.endPartTime = Math.max(0, this.endPartTime - s), this.endPartTime <= 0 && clearInterval(this.endPartTimeInterval)
                }, 1e3)
            },
            setUpdateTasksTime(e) {
                this.updateTasksTime = e;
                let t = new Date()
                    .getTime();
                clearInterval(this.updateTasksInterval), this.updateTasksInterval = setInterval(() => {
                    const s = Math.round(new Date()
                        .getTime() - t);
                    t = new Date()
                        .getTime(), this.updateTasksTime = this.updateTasksTime.map(l => Math.max(0, l - s)), this.updateTasksTime.every(l => l <= 0) && clearInterval(this.updateTasksInterval)
                }, 1e3)
            },
            setNewPrizeTime(e) {
                this.newPrizeTime = e;
                let t = new Date()
                    .getTime();
                clearInterval(this.newPrizeTimeInterval), this.newPrizeTimeInterval = setInterval(() => {
                    const s = Math.round(new Date()
                        .getTime() - t);
                    t = new Date()
                        .getTime(), this.newPrizeTime = Math.max(0, this.newPrizeTime - s), this.newPrizeTime <= 0 && clearInterval(this.newPrizeTimeInterval)
                }, 1e3)
            },
            setCurrencySpayTime(e) {
                this.currencySprayTime = e
            },
            matchData() {
                this.matchPrizes(), this.matchTasks(), this.matchStore()
            },
            matchTasks() {
                this.tasks = this.battlepass.tasks.map(e => (e.isSkipConfirmation = !1, this.battlepass.type === Go.FREE && e.isPremium && (e.isImproved = !0), e.reloadTaskTime && (e.reloadTaskInterval && clearInterval(e.reloadTaskInterval), e.reloadTaskInterval = setInterval(() => {
                    e.reloadTaskTime -= 1e3
                }, 1e3)), e))
            },
            matchPrizes() {
                this.prizes = this.battlepass.prizes.map((e, t) => (this.checkGroupPrizeProgress(e, t), this.checkGroupAvailable(e), e.isEmpty = e.items.filter(s => s.type === -1)
                    .length > 0, e.items = e.items.map(s => ({
                        ...s,
                        value: this.isMobile ? Ro(s.value, !0) : s.value
                    })), e)), this.updateGroupPrizePassed(), this.updateGroupPrizeCanGet()
            },
            matchStore() {
                this.currencyAmount = this.battlepass.currencyAmount, this.goods = this.battlepass.goods.map(e => ({
                    ...e,
                    name: Ro(e.name, this.isMobile)
                }))
            },
            checkGroupPrizeProgress(e, t) {
                t < this.battlepass.level.current ? e.progress = {
                    current: 100,
                    max: 100
                } : t === this.battlepass.level.current ? e.progress = this.battlepass.points : e.progress = {
                    current: 0,
                    max: 100
                }
            },
            checkGroupAvailable(e) {
                e.isPremium && this.battlepass.type === Go.FREE ? e.isUnavailable = !0 : e.isUnavailable = !1
            },
            updateGroupPrizePassed() {
                let e = this.prizes.map((l, o) => l.isPremium ? -1 : o)
                    .filter(l => l !== -1),
                    t = this.prizes.map((l, o) => l.isPremium && !l.isUnavailable ? o : -1)
                    .filter(l => l !== -1),
                    s = [{
                        value: this.battlepass.gottenPrizes.free,
                        indexes: e
                    }, {
                        value: this.battlepass.gottenPrizes.premium,
                        indexes: t
                    }];
                this.prizes = this.prizes.map(l => (l.isPassed = !1, l.items = l.items.map(o => ({
                    ...o,
                    isPassed: !1
                })), l));
                for (let l of s) {
                    let o = 0;
                    for (let i = 0; i < l.indexes.length; ++i) {
                        let m = l.indexes[i];
                        for (let _ = 0; _ < this.prizes[m].items.length; ++_) this.prizes[m].items[_].type == -1 ? this.prizes[m].items[_].isPassed = !0 : o++ < l.value && (this.prizes[m].items[_].isPassed = !0);
                        this.prizes[m].items.find(_ => _.isPassed) && (this.prizes[m].isPassed = !0)
                    }
                }
            },
            updateGroupPrizeCanGet() {
                this.prizes = this.prizes.map((e, t) => (e.canGet = !1, e));
                for (let e = 0; e < this.prizes.length; ++e) {
                    let t = this.prizes[e];
                    if (!t.isPassed && !t.isUnavailable && e < this.battlepass.level.current && t.items[0].type != -1) {
                        t.canGet = !0;
                        break
                    }
                }
            },
            onScrollPrizes(e) {
                let t = this.$refs.prizes;
                t.scrollLeft += e.deltaY, t.scrollLeft >= t.scrollWidth - t.offsetWidth ? this.setIsShownPrize(!0) : this.setIsShownPrize(!1);
                let s = t.children[this.battlepass.level.current - 1];
                s && (t.scrollLeft >= s.offsetLeft - t.offsetLeft ? this.myLevelArrowDirection = 0 : this.myLevelArrowDirection = 1)
            },
            getReloadTaskTime(e) {
                return e.reloadTaskTime ? new Date(e.reloadTaskTime)
                    .toLocaleTimeString([]) : null
            },
            setIsShownPrize(e) {
                this.isShownPrize = e
            },
            passTask(e) {
                sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "BPd_OnPlayerSkipTask", e)
            },
            takePrize(e, t) {
                let s = -1;
                for (var l in this.battlepass.prizes)
                    if (s += this.battlepass.prizes[l].items.length, l == e) break;
                window.playSound("battle_pass/take_prize.mp3"), sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "BPd_OnPlayerTakeReward", s, t ? Number(t) : 0)
            },
            toCurrentLevel() {
                this.setIsShownPrize(!1);
                let e = this.$refs.prizes,
                    t = this.prizes.findIndex(s => s.canGet);
                if (t > -1) {
                    const s = e.children[t];
                    s ? e.scrollLeft = s.offsetLeft - e.offsetLeft : e.scrollLeft = 0
                } else {
                    let s = e.children[this.battlepass.level.current - 1];
                    s ? e.scrollLeft = s.offsetLeft - e.offsetLeft : e.scrollLeft = 0
                }
                this.myLevelArrowDirection = 0
            },
            toFinal() {
                this.setIsShownPrize(!0);
                let e = this.$refs.prizes;
                e.scrollLeft = e.scrollWidth
            },
            setOverlayPage(e) {
                this.overlayPage = e
            },
            close() {
                this.$emit("close")
            },
            onScrollTasks(e) {
                e.preventDefault();
                let t = this.$refs.tasksContainer;
                t.scrollLeft += e.deltaY
            },
            setAnimationStatus(e) {
                this.animationIsAllowed = e
            }
        },
        watch: {
            "battlepass.gottenPrizes"() {
                this.matchData()
            },
            "battlepass.tasks"() {
                this.matchData()
            },
            "battlepass.goods"() {
                this.matchData()
            },
            "battlepass.currencyAmount"() {
                this.matchData()
            },
            "battlepass.discount.leftTime"(e) {
                this.setEndDiscountTime(e)
            },
            "battlepass.endTime"(e) {
                this.setEndTime(e)
            },
            "battlepass.endPartTime"(e) {
                this.setEndPartTime(e)
            },
            "battlepass.reloadTasksTime"(e) {
                this.setUpdateTasksTime(e)
            },
            "battlepass.newPrizeTime"(e) {
                this.setNewPrizeTime(e)
            },
            "battlepass.currencySprayTime"(e) {
                this.setCurrencySpayTime(e)
            },
            "battlepass.closeOverlayRequestCounter"() {
                this.setOverlayPage(Be.NONE)
            },
            overlayPage(e) {
                let t = !0;
                e > -1 && (t = !1), window.interface("MainMenu")
                    .setCanClose(t)
            },
            currentModal(e) {
                this.$emit("setControlButtonsDisabledStatus", !!e)
            },
            currentTabIndex(e) {
                this.tabs[e].isRewards || this.setAnimationStatus(!0)
            },
            "modal.closeRequestCounter"() {
                this.closeModal()
            }
        }
    },
    MC = v(SC, [
        ["render", kC]
    ]),
    PC = {
        data: () => ({
            battlepass: {
                closeOverlayRequestCounter: 0,
                type: 0,
                season: 18,
                premiumPrice: 1e3,
                totalDuration: 1e3 * 60 * 60 * 24 * 30,
                endTime: 1e3 * 60 * 60 * 24 * 7,
                endPartTime: 1e3 * 60 * 60 * 24 * 3,
                discount: {
                    price: 800,
                    leftTime: 1e3 * 60 * 60 * 24
                },
                reloadTasksTime: [1e3 * 60 * 60, 1e3 * 60 * 60 * 7 * 7],
                isMale: !0,
                newPrize: {
                    time: 1e3 * 60 * 60,
                    amount: 2
                },
                level: {
                    current: 5,
                    max: 73
                },
                points: {
                    current: 15,
                    max: 20
                },
                gottenPrizes: {
                    free: 0,
                    premium: 0
                },
                prize: {
                    rewards: [{
                        item: 0,
                        value: 8e4
                    }, {
                        item: 0,
                        value: 8e4
                    }]
                },
                cardsBuyLevel: [{
                    level: 1,
                    price: 1,
                    discount: 1
                }, {
                    level: 1,
                    price: 1,
                    discount: 1
                }, {
                    level: 1,
                    price: 1,
                    discount: 1
                }],
                tasks: [],
                prizes: [],
                currencyAmount: 0,
                currencySprayTime: new Date()
                    .getTime() + 1e3 * 60 * 60,
                goods: [],
                isLoaded: !1
            }
        }),
        methods: {
            setDiscount(e) {
                const t = typeof e == "string" ? JSON.parse(e) : e,
                    [s, l] = t;
                this.battlepass.discount = {
                    price: s,
                    leftTime: l
                }
            },
            updateBattleData(e) {
                const t = {
                    ALL_DATA: 0,
                    ITEMS: 1,
                    LEVEL_CURRENT: 0,
                    MAX_LEVEL: 1,
                    IS_PREMIUM: 2,
                    TAKE_REWARDS_FREE: 3,
                    TAKE_REWARDS_PREMIUM: 4,
                    PREMIUM_PRICE: 5,
                    END_TIME: 6,
                    EXP_TO_NEXT_LEVEL: 7,
                    CURRENT_EXP: 8,
                    RELOAD_TASK_TIME: 9,
                    IS_MALE: 10,
                    GIVE_POINT: 11,
                    TIME_LEFT_GIVE_POINT: 12,
                    TIME_NEXT_SEASON: 13,
                    PRICE_WITH_DISCOUNT: 14,
                    PRICE_END_TIME_DISCOUNT: 15,
                    TASKS: 16,
                    BUY_LEVELS: 17,
                    STORE_CURRENCY: 18,
                    STORE_CURRENCY_SPRAY_TIME: 19,
                    GOODS: 20,
                    TASK_NAME: 0,
                    TASK_DESCRIPTION: 1,
                    TASK_PROGRESS: 2,
                    TASK_MAX_PROGRESS: 3,
                    TASK_REWARDS: 4,
                    TASK_SKIP_PRICE: 5,
                    TASK_RELOAD_TIME: 6,
                    TASK_IS_COMPLETE: 7,
                    TASK_TYPE: 8
                };
                e[t.ITEMS] && this.updateBattlePrizes(e[t.ITEMS]), this.battlepass.level.current = e[t.ALL_DATA][t.LEVEL_CURRENT], this.battlepass.endTime = e[t.ALL_DATA][t.END_TIME] * 1e3, this.battlepass.type = e[t.ALL_DATA][t.IS_PREMIUM], this.battlepass.gottenPrizes = {
                        free: e[t.ALL_DATA][t.TAKE_REWARDS_FREE],
                        premium: e[t.ALL_DATA][t.TAKE_REWARDS_PREMIUM]
                    }, this.battlepass.premiumPrice = e[t.ALL_DATA][t.PREMIUM_PRICE], this.battlepass.points.max = e[t.ALL_DATA][t.EXP_TO_NEXT_LEVEL], this.battlepass.points.current = e[t.ALL_DATA][t.CURRENT_EXP], this.battlepass.reloadTasksTime = e[t.ALL_DATA][t.RELOAD_TASK_TIME].map(o => o * 1e3 - new Date()
                        .getTime()), this.battlepass.isMale = e[t.ALL_DATA][t.IS_MALE], this.battlepass.endPartTime = e[t.ALL_DATA][t.TIME_NEXT_SEASON], this.battlepass.newPrize.amount = e[t.ALL_DATA][t.GIVE_POINT], this.battlepass.newPrize.time = e[t.ALL_DATA][t.TIME_LEFT_GIVE_POINT] * 1e3, this.battlepass.newPrizeTime = e[t.ALL_DATA][t.TIME_LEFT_GIVE_POINT] * 1e3, this.battlepass.discount.price = e[t.ALL_DATA][t.PRICE_WITH_DISCOUNT], this.battlepass.discount.leftTime = e[t.ALL_DATA][t.PRICE_END_TIME_DISCOUNT] * 1e3 - new Date()
                    .getTime(), this.battlepass.discount.leftTime < 0 && (this.battlepass.discount.leftTime = 0), this.battlepass.currencyAmount = e[t.ALL_DATA][t.STORE_CURRENCY], this.battlepass.currencySprayTime = e[t.ALL_DATA][t.STORE_CURRENCY_SPRAY_TIME] * 1e3 + new Date()
                    .getTime(), this.battlepass.goods = e[t.ALL_DATA][t.GOODS].map(o => this.parseBattlePassProduct(o)), this.battlepass.tasks = [];
                for (var s = 0; s < e[t.ALL_DATA][t.TASKS].length; s++) {
                    const o = e[t.ALL_DATA][t.TASKS][s];
                    this.battlepass.tasks[s] = {
                        title: o[t.TASK_NAME],
                        text: o[t.TASK_DESCRIPTION],
                        progress: {
                            current: o[t.TASK_PROGRESS],
                            max: o[t.TASK_MAX_PROGRESS]
                        },
                        pass: {
                            item: 3,
                            value: o[t.TASK_SKIP_PRICE]
                        },
                        reloadTaskTime: o[t.TASK_RELOAD_TIME] ? o[t.TASK_RELOAD_TIME] * 1e3 - new Date()
                            .getTime() : 0,
                        rewards: o[t.TASK_REWARDS].map(([i, m]) => ({
                            type: i,
                            value: m
                        })),
                        isComplete: o[t.TASK_IS_COMPLETE],
                        type: o[t.TASK_TYPE]
                    }
                }
                this.battlepass.cardsBuyLevel = [];
                for (var l of e[t.ALL_DATA][t.BUY_LEVELS]) this.battlepass.cardsBuyLevel.push({
                    level: l[0],
                    price: l[1],
                    discount: l[2]
                });
                this.battlepass.isLoaded = !0
            },
            updateBattlePassStoreData(e) {
                e = typeof e == "string" ? JSON.parse(e) : e;
                const [t, s] = e;
                this.battlepass.currencyAmount = t, s.forEach(([l, o]) => {
                    this.battlepass.goods[l] && (this.battlepass.goods[l] = this.parseBattlePassProduct(o))
                })
            },
            updateBattlePrizes(e) {
                const t = {
                    INDEX: 0,
                    VALUE: 1
                };
                for (var s of e) this.battlepass.prizes[s[t.INDEX]].items[index].value = e[t.VALUE]
            },
            parseBattlePassProduct(e) {
                const [t, s, l, o, i, m, _, b] = e, {
                    type: u,
                    itemId: g
                } = ys([
                    [t, s, l, o]
                ])[0];
                return {
                    type: u,
                    itemId: g,
                    name: i,
                    price: m,
                    notForSale: _,
                    isGotten: b
                }
            },
            updateBattleCachePrizes() {
                const e = JSON.parse(A9),
                    t = {
                        NAME: 0,
                        BATTLE_LEVEL: 1,
                        IS_PREMIUM: 2,
                        TYPE: 3,
                        SPRAYING_VALUE: 4,
                        EXTRA_INT: 5,
                        ICON: 6,
                        NOT_FOR_SALE: 7
                    };
                this.battlepass.prizes = [];
                for (var s of e) {
                    let l = this.battlepass.prizes.find((o, i) => s[t.BATTLE_LEVEL] === i + 1);
                    l ? l.items.push({
                        type: s[t.TYPE],
                        icon: s[t.ICON],
                        value: s[t.NAME],
                        sellPrice: s[t.SPRAYING_VALUE],
                        notForSale: s[t.NOT_FOR_SALE]
                    }) : this.battlepass.prizes.push({
                        isPremium: s[t.IS_PREMIUM],
                        items: [{
                            type: s[t.TYPE],
                            icon: s[t.TYPE] == 5 && this.battlepass.isMale ? s[t.EXTRA_INT] : s[t.ICON],
                            value: s[t.NAME],
                            sellPrice: s[t.SPRAYING_VALUE],
                            notForSale: s[t.NOT_FOR_SALE]
                        }]
                    })
                }
                this.battlepass.level.max = this.battlepass.prizes.length
            }
        }
    },
    AC = {
        data: () => ({
            property: {
                status: 50,
                loading: !0,
                cars: [{
                    name: "BMW 3 F30",
                    owner_car_id: 2,
                    number: "AA9999AA",
                    isActive: !0
                }, {
                    name: "BMW 3 G20",
                    owner_car_id: -1,
                    number: ""
                }, {
                    name: "BMW X5 F15",
                    owner_car_id: -1,
                    number: "BT0001BB"
                }, {
                    name: "Запорожец",
                    owner_car_id: -1,
                    number: "BT0002BB"
                }],
                houses: [{
                    number: 4,
                    days: {
                        current: 1,
                        max: 30,
                        isDanger: !1
                    },
                    isApartment: !0
                }, {
                    number: 2496,
                    days: {
                        current: 28,
                        max: 30,
                        isDanger: !0
                    },
                    isApartment: !1
                }],
                businesses: [{
                    name: "Автозаправка",
                    number: 12,
                    days: {
                        current: 13,
                        max: 26,
                        isDanger: !1
                    }
                }],
                oilRigs: [{
                    number: 12,
                    days: {
                        current: 2,
                        max: 20,
                        isDanger: !1
                    }
                }],
                gardens: [{
                    number: 132,
                    days: {
                        current: 7,
                        max: 13,
                        isDanger: !1
                    }
                }],
                garages: [{
                    number: 132,
                    days: {
                        current: 10,
                        max: 14,
                        isDanger: !1
                    }
                }],
                stalls: [{
                    number: 22,
                    days: {
                        current: 7,
                        max: 14,
                        isDanger: !1
                    }
                }, {
                    number: 23,
                    days: {
                        current: 2,
                        max: 5,
                        isDanger: !1
                    }
                }]
            }
        }),
        methods: {
            updatePropertyData(e) {
                this.property.cars = [], this.property.houses = [], this.property.businesses = [], this.property.oilRigs = [], this.property.gardens = [], this.property.garages = [], this.property.stalls = [];
                const [t, s, l, o, i, m, _, b] = e;
                this.property.status = t, s.forEach(u => {
                    const [g, y, f, k] = u;
                    this.property.cars.push({
                        name: g,
                        owner_car_id: y,
                        number: f,
                        isActive: k
                    })
                }), l.forEach(u => {
                    const [g, y, f] = u;
                    this.property.houses.push({
                        number: g,
                        days: {
                            current: y[0],
                            max: y[1],
                            isDanger: !!y[2]
                        },
                        isApartment: !!f
                    })
                }), o.forEach(u => {
                    const [g, y, f] = u;
                    this.property.businesses.push({
                        name: g,
                        number: y,
                        days: {
                            current: f[0],
                            max: f[1],
                            isDanger: !!f[2]
                        }
                    })
                }), i.forEach(u => {
                    const [g, y] = u;
                    this.property.oilRigs.push({
                        number: g,
                        days: {
                            current: y[0],
                            max: y[1],
                            isDanger: !!y[2]
                        }
                    })
                }), m.forEach(u => {
                    const [g, y] = u;
                    this.property.gardens.push({
                        number: g,
                        days: {
                            current: y[0],
                            max: y[1],
                            isDanger: !!y[2]
                        }
                    })
                }), _.forEach(u => {
                    const [g, y] = u;
                    this.property.garages.push({
                        number: g,
                        days: {
                            current: y[0],
                            max: y[1],
                            isDanger: !!y[2]
                        }
                    })
                }), b.forEach(u => {
                    const [g, y] = u;
                    this.property.stalls.push({
                        number: g,
                        days: {
                            current: y[0],
                            max: y[1],
                            isDanger: !!y[2]
                        }
                    })
                }), this.property.loading = !1
            }
        }
    },
    DC = {
        class: "main-menu-achievements-container"
    },
    LC = n("div", {
        class: "main-menu-achievements-container__title-line"
    }, null, -1);

function xC(e, t, s, l, o, i) {
    return a(), r("div", DC, [n("div", {
        class: T(["main-menu-achievements-container__title", {
            "main-menu-achievements-container__title_green": s.type === "green"
        }])
    }, [w(C(s.title), 1), LC], 2)])
}
const OC = {
        props: ["title", "type"]
    },
    Fl = v(OC, [
        ["render", xC]
    ]),
    BC = {
        props: ["danger"]
    },
    $C = {
        key: 0,
        width: "75",
        height: "45",
        viewBox: "0 0 75 45",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    NC = n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M9 8H2C0.895431 8 0 8.89543 0 10V43C0 44.1046 0.895429 45 2 45H73C74.1046 45 75 44.1046 75 43V10C75 8.89543 74.1046 8 73 8H66V10H64V8H38V10H36V8H11V10H9V8Z",
        fill: "#E25544"
    }, null, -1),
    RC = n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M9 6H6V2C6 0.895431 6.89543 0 8 0H67C68.1046 0 69 0.895431 69 2V6H66V4H64V6H38V4H36V6H11V4H9L9 6Z",
        fill: "#E25544",
        "fill-opacity": "0.6"
    }, null, -1),
    VC = [NC, RC],
    HC = {
        key: 1,
        width: "75",
        height: "45",
        viewBox: "0 0 75 45",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    UC = n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M9 8H2C0.895431 8 0 8.89543 0 10V43C0 44.1046 0.895429 45 2 45H73C74.1046 45 75 44.1046 75 43V10C75 8.89543 74.1046 8 73 8H66V10H64V8H38V10H36V8H11V10H9V8Z",
        fill: "white"
    }, null, -1),
    YC = n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M9 6H6V2C6 0.895431 6.89543 0 8 0H67C68.1046 0 69 0.895431 69 2V6H66V4H64V6H38V4H36V6H11V4H9L9 6Z",
        fill: "white",
        "fill-opacity": "0.6"
    }, null, -1),
    KC = [UC, YC];

function GC(e, t, s, l, o, i) {
    return s.danger ? (a(), r("svg", $C, VC)) : (a(), r("svg", HC, KC))
}
const FC = v(BC, [
        ["render", GC]
    ]),
    zC = {},
    ZC = {
        width: "28",
        height: "28",
        viewBox: "0 0 28 28",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    qC = n("circle", {
        render: !0,
        cx: "14",
        cy: "14",
        r: "14",
        fill: "white",
        "fill-opacity": "0.1"
    }, null, -1),
    WC = n("path", {
        render: !0,
        d: "M7 13C7 12.4477 7.44772 12 8 12H8.17563C8.5313 12 8.8602 11.8111 9.03941 11.5039L10.2106 9.49613C10.3898 9.18891 10.7187 9 11.0744 9H14H14.9256C15.2813 9 15.6102 9.18891 15.7894 9.49613L16.9606 11.5039C17.1398 11.8111 17.4687 12 17.8244 12H20C20.5523 12 21 12.4477 21 13V16C21 16.5523 20.5523 17 20 17H8C7.44772 17 7 16.5523 7 16V13Z",
        fill: "white"
    }, null, -1),
    jC = n("path", {
        render: !0,
        d: "M13 18C13 18.5304 12.7893 19.0391 12.4142 19.4142C12.0391 19.7893 11.5304 20 11 20C10.4696 20 9.96086 19.7893 9.58579 19.4142C9.21071 19.0391 9 18.5304 9 18L11 18H13Z",
        fill: "white"
    }, null, -1),
    XC = n("path", {
        render: !0,
        d: "M19 18C19 18.5304 18.7893 19.0391 18.4142 19.4142C18.0391 19.7893 17.5304 20 17 20C16.4696 20 15.9609 19.7893 15.5858 19.4142C15.2107 19.0391 15 18.5304 15 18L17 18H19Z",
        fill: "white"
    }, null, -1),
    QC = n("circle", {
        render: !0,
        cx: "14",
        cy: "14",
        r: "13",
        stroke: "white",
        "stroke-opacity": "0.1",
        "stroke-width": "2"
    }, null, -1),
    JC = [qC, WC, jC, XC, QC];

function ey(e, t) {
    return a(), r("svg", ZC, JC)
}
const ty = v(zC, [
    ["render", ey]
]);
const sy = {
        props: ["days"]
    },
    _o = e => (D("data-v-b05e4202"), e = e(), L(), e),
    iy = {
        width: "28",
        height: "28",
        viewBox: "0 0 28 28",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    ny = _o(() => n("circle", {
        render: !0,
        cx: "14",
        cy: "14",
        r: "14",
        fill: "white",
        "fill-opacity": "0.1"
    }, null, -1)),
    ay = _o(() => n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M20.8571 13.6461V20.8572H22V22H6V20.8572H10.1594L11.9583 15.4608L9.03714 16.8854C8.79943 17.0014 8.544 17.0596 8.28743 17.0596H8.28571V19.143H7.14286V16.6219C6.23657 15.8105 6.44057 14.3369 7.53486 13.8038L15.7471 9.77595L17.25 12.8575L14.4886 14.2272L16.6989 20.8572H19.7154V14.1466C19.6229 14.1346 19.5377 14.0832 19.4937 13.9935L16.2371 7.31662C16.168 7.17434 16.2269 7.00349 16.3686 6.93435L18.1663 6.05781C18.3834 5.9521 18.6491 5.99324 18.8189 6.16581C20.5914 7.97145 21.6583 10.1594 21.9897 12.6678C22.0211 12.9072 21.8897 13.1421 21.6726 13.2484L20.8571 13.6461ZM13.4057 13.8712C13.958 13.8712 14.4057 13.4234 14.4057 12.8712C14.4057 12.3189 13.958 11.8712 13.4057 11.8712C12.8534 11.8712 12.4057 12.3189 12.4057 12.8712C12.4057 13.4234 12.8534 13.8712 13.4057 13.8712Z",
        fill: "white"
    }, null, -1)),
    oy = _o(() => n("circle", {
        render: !0,
        cx: "14",
        cy: "14",
        r: "13",
        stroke: "white",
        "stroke-opacity": "0.1",
        "stroke-width": "2"
    }, null, -1)),
    ry = ["stroke", "stroke-dashoffset"];

function ly(e, t, s, l, o, i) {
    return a(), r("svg", iy, [ny, ay, oy, n("path", {
        render: !0,
        d: "M1,14a13,13 0 1,0 26,0a13,13 0 1,0 -26,0",
        stroke: s.days.isDanger ? "#E25544" : "#0A9947",
        "stroke-dasharray": 150,
        "stroke-dashoffset": 150 - s.days.current / s.days.max * 85,
        "stroke-width": "2"
    }, null, 8, ry)])
}
const cy = v(sy, [
    ["render", ly],
    ["__scopeId", "data-v-b05e4202"]
]);
const my = {
        props: ["days"]
    },
    Fs = e => (D("data-v-1747be96"), e = e(), L(), e),
    _y = {
        width: "28",
        height: "28",
        viewBox: "0 0 28 28",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    dy = Fs(() => n("circle", {
        render: !0,
        cx: "14",
        cy: "14",
        r: "14",
        fill: "white",
        "fill-opacity": "0.1"
    }, null, -1)),
    uy = Fs(() => n("circle", {
        render: !0,
        cx: "14",
        cy: "14",
        r: "13",
        stroke: "white",
        "stroke-opacity": "0.1",
        "stroke-width": "2"
    }, null, -1)),
    hy = Fs(() => n("path", {
        d: "M9 7.25C7.89543 7.25 7 8.14543 7 9.25C7 9.47981 7.04527 9.70738 7.13321 9.9197C7.22116 10.132 7.35006 10.3249 7.51256 10.4874C7.67507 10.6499 7.86798 10.7788 8.0803 10.8668C8.29262 10.9547 8.52019 11 8.75 11C8.97981 11 9.20738 10.9547 9.4197 10.8668C9.63202 10.7788 9.82493 10.6499 9.98744 10.4874C10.1499 10.3249 10.2788 10.132 10.3668 9.9197C10.4547 9.70738 10.5 9.47981 10.5 9.25C10.5 9.47981 10.5453 9.70738 10.6332 9.9197C10.7212 10.132 10.8501 10.3249 11.0126 10.4874C11.1751 10.6499 11.368 10.7788 11.5803 10.8668C11.7926 10.9547 12.0202 11 12.25 11C12.4798 11 12.7074 10.9547 12.9197 10.8668C13.132 10.7788 13.3249 10.6499 13.4874 10.4874C13.6499 10.3249 13.7788 10.132 13.8668 9.9197C13.9547 9.70738 14 9.47981 14 9.25C14 9.47981 14.0453 9.70738 14.1332 9.9197C14.2212 10.132 14.3501 10.3249 14.5126 10.4874C14.6751 10.6499 14.868 10.7788 15.0803 10.8668C15.2926 10.9547 15.5202 11 15.75 11C15.9798 11 16.2074 10.9547 16.4197 10.8668C16.632 10.7788 16.8249 10.6499 16.9874 10.4874C17.1499 10.3249 17.2788 10.132 17.3668 9.9197C17.4547 9.70738 17.5 9.47981 17.5 9.25C17.5 9.47981 17.5453 9.70738 17.6332 9.9197C17.7212 10.132 17.8501 10.3249 18.0126 10.4874C18.1751 10.6499 18.368 10.7788 18.5803 10.8668C18.7926 10.9547 19.0202 11 19.25 11C19.4798 11 19.7074 10.9547 19.9197 10.8668C20.132 10.7788 20.3249 10.6499 20.4874 10.4874C20.6499 10.3249 20.7788 10.132 20.8668 9.9197C20.9547 9.70738 21 9.47981 21 9.25C21 8.14543 20.1046 7.25 19 7.25H9Z",
        fill: "white"
    }, null, -1)),
    py = Fs(() => n("path", {
        d: "M15.5 17.75V14.75H12.5V17.75H15.5Z",
        fill: "white"
    }, null, -1)),
    gy = Fs(() => n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M10.3668 11.4197C10.3898 11.3641 10.4099 11.3075 10.4271 11.25H10.5729C10.5901 11.3075 10.6102 11.3641 10.6332 11.4197C10.7212 11.632 10.8501 11.8249 11.0126 11.9874C11.1751 12.1499 11.368 12.2788 11.5803 12.3668C11.7926 12.4547 12.0202 12.5 12.25 12.5C12.4798 12.5 12.7074 12.4547 12.9197 12.3668C13.132 12.2788 13.3249 12.1499 13.4874 11.9874C13.6499 11.8249 13.7788 11.632 13.8668 11.4197C13.8898 11.3641 13.9099 11.3075 13.9271 11.25H14.0729C14.0901 11.3075 14.1102 11.3641 14.1332 11.4197C14.2212 11.632 14.3501 11.8249 14.5126 11.9874C14.6751 12.1499 14.868 12.2788 15.0803 12.3668C15.2926 12.4547 15.5202 12.5 15.75 12.5C15.9798 12.5 16.2074 12.4547 16.4197 12.3668C16.632 12.2788 16.8249 12.1499 16.9874 11.9874C17.1499 11.8249 17.2788 11.632 17.3668 11.4197C17.3898 11.3641 17.4099 11.3075 17.4271 11.25H17.5729C17.5901 11.3075 17.6102 11.3641 17.6332 11.4197C17.7212 11.632 17.8501 11.8249 18.0126 11.9874C18.1751 12.1499 18.368 12.2788 18.5803 12.3668C18.7926 12.4547 19.0202 12.5 19.25 12.5C19.4798 12.5 19.7074 12.4547 19.9197 12.3668C19.9468 12.3556 19.9736 12.3437 20 12.3311V18.75C20 19.8546 19.1046 20.75 18 20.75H10C8.89543 20.75 8 19.8546 8 18.75V12.3311C8.02644 12.3437 8.05321 12.3556 8.0803 12.3668C8.29262 12.4547 8.52019 12.5 8.75 12.5C8.97981 12.5 9.20738 12.4547 9.4197 12.3668C9.63202 12.2788 9.82493 12.1499 9.98744 11.9874C10.1499 11.8249 10.2788 11.632 10.3668 11.4197ZM11.5 13.75V18.75H16.5V13.75H11.5Z",
        fill: "white"
    }, null, -1)),
    by = ["stroke", "stroke-dashoffset"];

function vy(e, t, s, l, o, i) {
    return a(), r("svg", _y, [dy, uy, hy, py, gy, n("path", {
        render: !0,
        d: "M1,14a13,13 0 1,0 26,0a13,13 0 1,0 -26,0",
        stroke: s.days.isDanger ? "#E25544" : "#0A9947",
        "stroke-dasharray": 150,
        "stroke-dashoffset": 150 - s.days.current / s.days.max * 85,
        "stroke-width": "2"
    }, null, 8, by)])
}
const Cy = v(my, [
    ["render", vy],
    ["__scopeId", "data-v-1747be96"]
]);
const yy = {
        props: ["days"]
    },
    rn = e => (D("data-v-382efedd"), e = e(), L(), e),
    fy = {
        width: "28",
        height: "28",
        viewBox: "0 0 28 28",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    Ty = rn(() => n("circle", {
        render: !0,
        cx: "14",
        cy: "14",
        r: "14",
        fill: "white",
        "fill-opacity": "0.1"
    }, null, -1)),
    Ey = rn(() => n("circle", {
        render: !0,
        cx: "14",
        cy: "14",
        r: "13",
        stroke: "white",
        "stroke-opacity": "0.1",
        "stroke-width": "2"
    }, null, -1)),
    ky = rn(() => n("path", {
        render: !0,
        d: "M13.3492 6.55782L9.05247 10.2407C8.34757 10.8449 8.77485 12 9.70326 12H14H18.2967C19.2251 12 19.6524 10.8449 18.9475 10.2407L14.6508 6.55782C14.2763 6.23683 13.7237 6.23683 13.3492 6.55782Z",
        fill: "white"
    }, null, -1)),
    Iy = rn(() => n("path", {
        render: !0,
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M10 13C8.89543 13 8 13.8954 8 15V19C8 20.1046 8.89543 21 10 21H12V16L16 16V21H18C19.1046 21 20 20.1046 20 19V15C20 13.8954 19.1046 13 18 13H10Z",
        fill: "white"
    }, null, -1)),
    wy = ["stroke", "stroke-dashoffset"];

function Sy(e, t, s, l, o, i) {
    return a(), r("svg", fy, [Ty, Ey, ky, Iy, n("path", {
        render: !0,
        d: "M1,14a13,13 0 1,0 26,0a13,13 0 1,0 -26,0",
        stroke: s.days.isDanger ? "#E25544" : "#0A9947",
        "stroke-dasharray": 150,
        "stroke-dashoffset": 150 - s.days.current / s.days.max * 85,
        "stroke-width": "2"
    }, null, 8, wy)])
}
const My = v(yy, [
    ["render", Sy],
    ["__scopeId", "data-v-382efedd"]
]);
const Py = {
        props: ["days"]
    },
    zs = e => (D("data-v-d630a343"), e = e(), L(), e),
    Ay = {
        width: "28",
        height: "28",
        viewBox: "0 0 28 28",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    Dy = zs(() => n("circle", {
        render: !0,
        cx: "14",
        cy: "14",
        r: "14",
        fill: "white",
        "fill-opacity": "0.1"
    }, null, -1)),
    Ly = zs(() => n("circle", {
        render: !0,
        cx: "14",
        cy: "14",
        r: "13",
        stroke: "white",
        "stroke-opacity": "0.1",
        "stroke-width": "2"
    }, null, -1)),
    xy = zs(() => n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M14 16.1818L13.994 16.1785C13.8774 11.1028 12.1072 8.66721 7.99598 8.12086C6.90103 7.97535 5.98193 8.89878 6.09182 9.99787C6.53653 14.4457 8.62582 16.446 13 16.6989V20H14V16.1818Z",
        fill: "white"
    }, null, -1)),
    Oy = zs(() => n("path", {
        d: "M14 16.0761L14.006 16.0728C14.1226 10.9971 15.8928 8.5615 20.004 8.01515C21.099 7.86964 22.0181 8.79307 21.9082 9.89216C21.4635 14.34 19.3742 16.3403 15 16.5932H14V16.0761Z",
        fill: "white"
    }, null, -1)),
    By = zs(() => n("path", {
        d: "M14 21L14 14",
        stroke: "white",
        "stroke-width": "2"
    }, null, -1)),
    $y = ["stroke", "stroke-dashoffset"];

function Ny(e, t, s, l, o, i) {
    return a(), r("svg", Ay, [Dy, Ly, xy, Oy, By, n("path", {
        render: !0,
        d: "M1,14a13,13 0 1,0 26,0a13,13 0 1,0 -26,0",
        stroke: s.days.isDanger ? "#E25544" : "#0A9947",
        "stroke-dasharray": 150,
        "stroke-dashoffset": 150 - s.days.current / s.days.max * 85,
        "stroke-width": "2"
    }, null, 8, $y)])
}
const Ry = v(Py, [
    ["render", Ny],
    ["__scopeId", "data-v-d630a343"]
]);
const Vy = {
        props: ["days"]
    },
    Zs = e => (D("data-v-90f5b811"), e = e(), L(), e),
    Hy = {
        width: "28",
        height: "28",
        viewBox: "0 0 28 28",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    Uy = Zs(() => n("circle", {
        render: !0,
        cx: "14",
        cy: "14",
        r: "14",
        fill: "white",
        "fill-opacity": "0.1"
    }, null, -1)),
    Yy = Zs(() => n("circle", {
        render: !0,
        cx: "14",
        cy: "14",
        r: "13",
        stroke: "white",
        "stroke-opacity": "0.1",
        "stroke-width": "2"
    }, null, -1)),
    Ky = Zs(() => n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M9 8C7.89543 8 7 8.89543 7 10V18C7 19.1046 7.89543 20 9 20L9 11C9 10.4477 9.44772 10 10 10H18C18.5523 10 19 10.4477 19 11V20C20.1046 20 21 19.1046 21 18V10C21 8.89543 20.1046 8 19 8H9Z",
        fill: "white"
    }, null, -1)),
    Gy = Zs(() => n("rect", {
        x: "10",
        y: "11",
        width: "8",
        height: "2",
        fill: "white"
    }, null, -1)),
    Fy = Zs(() => n("rect", {
        x: "10",
        y: "14",
        width: "8",
        height: "2",
        fill: "white"
    }, null, -1)),
    zy = ["stroke", "stroke-dashoffset"];

function Zy(e, t, s, l, o, i) {
    return a(), r("svg", Hy, [Uy, Yy, Ky, Gy, Fy, n("path", {
        render: !0,
        d: "M1,14a13,13 0 1,0 26,0a13,13 0 1,0 -26,0",
        stroke: s.days.isDanger ? "#E25544" : "#0A9947",
        "stroke-dasharray": 150,
        "stroke-dashoffset": 150 - s.days.current / s.days.max * 85,
        "stroke-width": "2"
    }, null, 8, zy)])
}
const qy = v(Vy, [
        ["render", Zy],
        ["__scopeId", "data-v-90f5b811"]
    ]),
    Wy = {},
    jy = {
        xmlns: "http://www.w3.org/2000/svg",
        width: "22",
        height: "22",
        viewBox: "0 0 22 22",
        fill: "none"
    },
    Xy = n("path", {
        d: "M11 16.5V4",
        stroke: "#0A9947",
        "stroke-width": "2"
    }, null, -1),
    Qy = n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M8 14.1152C7.38531 14.1668 6.89275 14.2284 6.55556 14.2843C3.26285 14.8638 1 16.0673 1 17.458C1 19.4141 5.47715 20.9999 11 20.9999C16.5228 20.9999 21 19.4141 21 17.458C21 16.0673 18.7372 14.8638 15.4444 14.2843C14.9557 14.2213 14.4731 14.1706 14 14.1304V18.4998H8V14.1152Z",
        fill: "#0A9947"
    }, null, -1),
    Jy = n("path", {
        d: "M17.6788 4.07152C18.517 4.40678 18.517 5.59322 17.6788 5.92848L11.3714 8.45144C10.7145 8.71419 10 8.23043 10 7.52297L10 2.47703C10 1.76957 10.7145 1.28581 11.3714 1.54856L17.6788 4.07152Z",
        fill: "#0A9947"
    }, null, -1),
    ef = [Xy, Qy, Jy];

function tf(e, t) {
    return a(), r("svg", jy, ef)
}
const sf = v(Wy, [
    ["render", tf]
]);
const nf = {
        props: ["days"]
    },
    ln = e => (D("data-v-006599e6"), e = e(), L(), e),
    af = {
        width: "28",
        height: "28",
        viewBox: "0 0 28 28",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    of = ln(() => n("circle", {
        render: !0,
        cx: "14",
        cy: "14",
        r: "14",
        fill: "white",
        "fill-opacity": "0.1"
    }, null, -1)),
    rf = ln(() => n("path", {
        render: !0,
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M9 11C7.89543 11 7 11.8954 7 13V14H10V13H12V14H16V13H18V14H21V13C21 11.8954 20.1046 11 19 11H9ZM10 16V17H12V16H16V17H18V16H21V19C21 20.1046 20.1046 21 19 21H9C7.89543 21 7 20.1046 7 19V16H10Z",
        fill: "white"
    }, null, -1)),
    lf = ln(() => n("path", {
        render: !0,
        d: "M11 11L11 10C11 8.89543 11.8954 8 13 8L15 8C16.1046 8 17 8.89543 17 10L17 11",
        stroke: "white",
        "stroke-width": "2"
    }, null, -1)),
    cf = ln(() => n("circle", {
        render: !0,
        cx: "14",
        cy: "14",
        r: "13",
        stroke: "white",
        "stroke-opacity": "0.1",
        "stroke-width": "2"
    }, null, -1)),
    mf = ["stroke", "stroke-dashoffset"];

function _f(e, t, s, l, o, i) {
    return a(), r("svg", af, [of, rf, lf, cf, n("path", {
        render: !0,
        d: "M1,14a13,13 0 1,0 26,0a13,13 0 1,0 -26,0",
        stroke: s.days.isDanger ? "#E25544" : "#0A9947",
        "stroke-dasharray": 150,
        "stroke-dashoffset": 150 - s.days.current / s.days.max * 85,
        "stroke-width": "2"
    }, null, 8, mf)])
}
const df = v(nf, [
        ["render", _f],
        ["__scopeId", "data-v-006599e6"]
    ]),
    uf = {
        class: "main-menu-property-item__body"
    },
    hf = {
        class: "main-menu-property-item__header"
    },
    pf = {
        class: "main-menu-property-item__title"
    },
    gf = {
        class: "main-menu-property-item__map"
    },
    bf = {
        key: 0,
        class: "main-menu-property-item__active-car"
    },
    vf = {
        key: 1,
        class: "main-menu-property-item__days"
    };

function Cf(e, t, s, l, o, i) {
    var u, g;
    const m = c("GeoButton"),
        _ = c("ActiveCar"),
        b = c("Timer");
    return a(), r("div", {
        class: T(["main-menu-property-item", {
            "main-menu-property-item_danger": (u = s.data.days) == null ? void 0 : u.isDanger,
            "main-menu-property-item_square-mobile": s.isSquareMobile
        }])
    }, [n("div", uf, [n("div", hf, [(a(), p(z(i.progressBarComponent), {
        class: "main-menu-property-item__progress",
        days: s.data.days
    }, null, 8, ["days"])), n("div", pf, C(i.title), 1), i.isCar ? (a(), r("div", {
        key: 0,
        class: T(["main-menu-property-item__plate", {
            "main-menu-property-item__plate_none": !s.data.number
        }])
    }, C(s.data.number ? s.data.number : "Нет номера"), 3)) : h("", !0)]), n("div", gf, [d(m, {
        onClick: i.setGeoMark
    }, null, 8, ["onClick"]), w("Показать на карте")])]), i.isCar && s.data.isActive ? (a(), r("div", bf, [d(_), w("Активен")])) : s.data.days !== void 0 ? (a(), r("div", vf, [w(C(s.data.days.current) + " дн", 1), d(b, {
        danger: (g = s.data.days) == null ? void 0 : g.isDanger
    }, null, 8, ["danger"])])) : h("", !0)], 2)
}
const yf = {
        props: ["data", "type", "isSquareMobile"],
        components: {
            Car: ty,
            Oil: cy,
            Stall: Cy,
            House: My,
            Timer: FC,
            Garage: qy,
            Garden: Ry,
            Business: df,
            ActiveCar: sf,
            GeoButton: oo
        },
        computed: {
            progressBarComponent() {
                return this.type[0].toUpperCase() + this.type.substring(1)
            },
            isMobile() {
                return this.$root.isMobile
            },
            isCar() {
                return this.type === "car"
            },
            title() {
                const {
                    data: e,
                    type: t
                } = this;
                return {
                    car: e.name,
                    house: `${e.isApartment?"Квартира":"Дом"} №${e.number}`,
                    business: e.name,
                    oil: `Нефтевышка №${e.number}`,
                    garden: `Огород №${e.number}`,
                    garage: `Гараж №${e.number}`,
                    stall: `Киоск №${e.number}`
                } [t]
            }
        },
        methods: {
            setGeoMark() {
                const {
                    type: e,
                    data: t,
                    isCar: s
                } = this, l = s ? t.owner_car_id : t.number, o = {
                    house: 0,
                    car: 1,
                    business: 2,
                    oil: 3,
                    stall: 4,
                    garden: 5,
                    garage: 6
                };
                sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "PlyrPrprt_SetGPSLabel", o[e], l)
            }
        }
    },
    ff = v(yf, [
        ["render", Cf]
    ]),
    Tf = {
        class: "main-menu-property-items"
    };

function Ef(e, t, s, l, o, i) {
    const m = c("PropertyItem");
    return a(), r("div", Tf, [(a(!0), r(I, null, M(s.items, _ => (a(), p(m, {
        key: _.type,
        data: _,
        type: s.type,
        isSquareMobile: s.isSquareMobile
    }, null, 8, ["data", "type", "isSquareMobile"]))), 128))])
}
const kf = {
        props: ["items", "type", "isSquareMobile"],
        components: {
            PropertyItem: ff
        }
    },
    If = v(kf, [
        ["render", Ef]
    ]),
    wf = {},
    Sf = {
        width: "32",
        height: "32",
        viewBox: "0 0 32 32",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    Mf = n("path", {
        d: "M2 14C2 12.8954 2.89543 12 4 12H4.35126C5.06259 12 5.7204 11.6222 6.07882 11.0077L8.42118 6.99226C8.7796 6.37782 9.43741 6 10.1487 6H16H17.8513C18.5626 6 19.2204 6.37782 19.5788 6.99226L21.9212 11.0077C22.2796 11.6222 22.9374 12 23.6487 12H28C29.1046 12 30 12.8954 30 14V20C30 21.1046 29.1046 22 28 22H4C2.89543 22 2 21.1046 2 20V14Z",
        fill: "white",
        "fill-opacity": "0.6"
    }, null, -1),
    Pf = n("path", {
        d: "M14 24C14 25.0609 13.5786 26.0783 12.8284 26.8284C12.0783 27.5786 11.0609 28 10 28C8.93913 28 7.92172 27.5786 7.17157 26.8284C6.42143 26.0783 6 25.0609 6 24L10 24H14Z",
        fill: "white",
        "fill-opacity": "0.6"
    }, null, -1),
    Af = n("path", {
        d: "M26 24C26 25.0609 25.5786 26.0783 24.8284 26.8284C24.0783 27.5786 23.0609 28 22 28C20.9391 28 19.9217 27.5786 19.1716 26.8284C18.4214 26.0783 18 25.0609 18 24L22 24H26Z",
        fill: "white",
        "fill-opacity": "0.6"
    }, null, -1),
    Df = [Mf, Pf, Af];

function Lf(e, t) {
    return a(), r("svg", Sf, Df)
}
const xf = v(wf, [
        ["render", Lf]
    ]),
    Of = {},
    Bf = {
        width: "32",
        height: "32",
        viewBox: "0 0 32 32",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    $f = n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M29.7143 29.7144V15.2921L31.3451 14.4967C31.7794 14.2842 32.0423 13.8145 31.9794 13.3356C31.3166 8.31871 29.1829 3.94289 25.6377 0.331614C25.2983 -0.0135143 24.7669 -0.0957967 24.3326 0.115623L20.7371 1.86869C20.4537 2.00697 20.336 2.34867 20.4743 2.63323L26.9874 15.987C27.0754 16.1664 27.2457 16.2692 27.4309 16.2932V29.7144H21.3977L16.9771 16.4544L22.5 13.7151L19.4943 7.5519L3.06971 15.6075C0.881143 16.6738 0.473143 19.6211 2.28571 21.2439V26.286H4.57143V22.1193H4.57486C5.088 22.1193 5.59886 22.0027 6.07429 21.7707L11.9166 18.9217L8.31886 29.7144H0V32H32V29.7144H29.7143ZM16.6995 22.8575H13.0137L12.2515 25.1432H17.4617L16.6995 22.8575ZM11.4903 27.4288L10.728 29.7144H18.9863L18.224 27.4288H11.4903ZM16.8114 13.7423C16.8114 14.8469 15.916 15.7423 14.8114 15.7423C13.7068 15.7423 12.8114 14.8469 12.8114 13.7423C12.8114 12.6377 13.7068 11.7423 14.8114 11.7423C15.916 11.7423 16.8114 12.6377 16.8114 13.7423Z",
        fill: "white",
        "fill-opacity": "0.6"
    }, null, -1),
    Nf = [$f];

function Rf(e, t) {
    return a(), r("svg", Bf, Nf)
}
const Vf = v(Of, [
        ["render", Rf]
    ]),
    Hf = {},
    Uf = {
        width: "32",
        height: "32",
        viewBox: "0 0 32 32",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    Yf = n("path", {
        d: "M6 2.5C3.79086 2.5 2 4.29086 2 6.5C2 6.95963 2.09053 7.41475 2.26642 7.83939C2.44231 8.26403 2.70012 8.64987 3.02513 8.97487C3.35013 9.29988 3.73597 9.55769 4.16061 9.73358C4.58525 9.90947 5.04037 10 5.5 10C5.95963 10 6.41475 9.90947 6.83939 9.73358C7.26403 9.55769 7.64987 9.29988 7.97487 8.97487C8.29988 8.64987 8.55769 8.26403 8.73358 7.83939C8.90947 7.41475 9 6.95963 9 6.5C9 6.95963 9.09053 7.41475 9.26642 7.83939C9.44231 8.26403 9.70012 8.64987 10.0251 8.97487C10.3501 9.29988 10.736 9.55769 11.1606 9.73358C11.5852 9.90947 12.0404 10 12.5 10C12.9596 10 13.4148 9.90947 13.8394 9.73358C14.264 9.55769 14.6499 9.29988 14.9749 8.97487C15.2999 8.64987 15.5577 8.26403 15.7336 7.83939C15.9095 7.41475 16 6.95963 16 6.5C16 6.95963 16.0905 7.41475 16.2664 7.83939C16.4423 8.26403 16.7001 8.64987 17.0251 8.97487C17.3501 9.29988 17.736 9.55769 18.1606 9.73358C18.5852 9.90947 19.0404 10 19.5 10C19.9596 10 20.4148 9.90947 20.8394 9.73358C21.264 9.55769 21.6499 9.29988 21.9749 8.97487C22.2999 8.64987 22.5577 8.26403 22.7336 7.83939C22.9095 7.41475 23 6.95963 23 6.5C23 6.95963 23.0905 7.41475 23.2664 7.83939C23.4423 8.26403 23.7001 8.64987 24.0251 8.97487C24.3501 9.29988 24.736 9.55769 25.1606 9.73358C25.5852 9.90947 26.0404 10 26.5 10C26.9596 10 27.4148 9.90947 27.8394 9.73358C28.264 9.55769 28.6499 9.29988 28.9749 8.97487C29.2999 8.64987 29.5577 8.26403 29.7336 7.83939C29.9095 7.41475 30 6.95963 30 6.5C30 4.29086 28.2091 2.5 26 2.5H6Z",
        fill: "white",
        "fill-opacity": "0.6"
    }, null, -1),
    Kf = n("path", {
        d: "M19 23.5V17.5H13V23.5H19Z",
        fill: "white",
        "fill-opacity": "0.6"
    }, null, -1),
    Gf = n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M8.73358 10.8394C8.77964 10.7282 8.81984 10.6149 8.8541 10.5H9.1459C9.18016 10.6149 9.22036 10.7282 9.26642 10.8394C9.44231 11.264 9.70012 11.6499 10.0251 11.9749C10.3501 12.2999 10.736 12.5577 11.1606 12.7336C11.5852 12.9095 12.0404 13 12.5 13C12.9596 13 13.4148 12.9095 13.8394 12.7336C14.264 12.5577 14.6499 12.2999 14.9749 11.9749C15.2999 11.6499 15.5577 11.264 15.7336 10.8394C15.7796 10.7282 15.8198 10.6149 15.8541 10.5H16.1459C16.1802 10.6149 16.2204 10.7282 16.2664 10.8394C16.4423 11.264 16.7001 11.6499 17.0251 11.9749C17.3501 12.2999 17.736 12.5577 18.1606 12.7336C18.5852 12.9095 19.0404 13 19.5 13C19.9596 13 20.4148 12.9095 20.8394 12.7336C21.264 12.5577 21.6499 12.2999 21.9749 11.9749C22.2999 11.6499 22.5577 11.264 22.7336 10.8394C22.7796 10.7282 22.8198 10.6149 22.8541 10.5H23.1459C23.1802 10.6149 23.2204 10.7282 23.2664 10.8394C23.4423 11.264 23.7001 11.6499 24.0251 11.9749C24.3501 12.2999 24.736 12.5577 25.1606 12.7336C25.5852 12.9095 26.0404 13 26.5 13C26.9596 13 27.4148 12.9095 27.8394 12.7336C27.8936 12.7111 27.9471 12.6874 28 12.6623V25.5C28 27.7091 26.2091 29.5 24 29.5H8C5.79086 29.5 4 27.7091 4 25.5V12.6623C4.05287 12.6874 4.10642 12.7111 4.16061 12.7336C4.58525 12.9095 5.04037 13 5.5 13C5.95963 13 6.41475 12.9095 6.83939 12.7336C7.26403 12.5577 7.64987 12.2999 7.97487 11.9749C8.29988 11.6499 8.55769 11.264 8.73358 10.8394ZM11 15.5V25.5H21V15.5H11Z",
        fill: "white",
        "fill-opacity": "0.6"
    }, null, -1),
    Ff = [Yf, Kf, Gf];

function zf(e, t) {
    return a(), r("svg", Uf, Ff)
}
const Zf = v(Hf, [
        ["render", zf]
    ]),
    qf = {},
    Wf = {
        width: "32",
        height: "32",
        viewBox: "0 0 32 32",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    jf = n("path", {
        d: "M14.6984 1.11564L6.10493 8.48149C4.69513 9.68988 5.5497 12 7.40651 12H16H24.5935C26.4503 12 27.3049 9.68988 25.8951 8.48149L17.3016 1.11564C16.5526 0.47366 15.4474 0.473659 14.6984 1.11564Z",
        fill: "white",
        "fill-opacity": "0.6"
    }, null, -1),
    Xf = n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M8 14C5.79086 14 4 15.7909 4 18V26C4 28.2091 5.79086 30 8 30H12V20L20 20V30H24C26.2091 30 28 28.2091 28 26V18C28 15.7909 26.2091 14 24 14H8Z",
        fill: "white",
        "fill-opacity": "0.6"
    }, null, -1),
    Qf = [jf, Xf];

function Jf(e, t) {
    return a(), r("svg", Wf, Qf)
}
const eT = v(qf, [
        ["render", Jf]
    ]),
    tT = {},
    sT = {
        width: "32",
        height: "32",
        viewBox: "0 0 32 32",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    iT = n("path", {
        d: "M16.3345 16H15.6344C14.5412 8.78183 10.9365 5.16363 3.99195 4.24075C1.80207 3.94973 -0.0361364 5.79658 0.183644 7.99476C1.07305 16.8904 5.25165 20.8911 14 21.3968L14 30H18V21.1864C26.7483 20.6807 30.9269 16.6799 31.8163 7.78431C32.0361 5.58613 30.1979 3.73928 28.008 4.0303C20.9963 4.96211 17.3894 8.64162 16.3345 16Z",
        fill: "white",
        "fill-opacity": "0.6"
    }, null, -1),
    nT = [iT];

function aT(e, t) {
    return a(), r("svg", sT, nT)
}
const oT = v(tT, [
        ["render", aT]
    ]),
    rT = {},
    lT = {
        width: "32",
        height: "32",
        viewBox: "0 0 32 32",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    cT = n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M6 4C3.79086 4 2 5.79086 2 8V24C2 26.2091 3.79086 28 6 28L6 10C6 8.89543 6.89543 8 8 8H24C25.1046 8 26 8.89543 26 10V28C28.2091 28 30 26.2091 30 24V8C30 5.79086 28.2091 4 26 4H6Z",
        fill: "white",
        "fill-opacity": "0.6"
    }, null, -1),
    mT = n("rect", {
        x: "8",
        y: "10",
        width: "16",
        height: "4",
        fill: "white",
        "fill-opacity": "0.6"
    }, null, -1),
    _T = n("rect", {
        x: "8",
        y: "16",
        width: "16",
        height: "4",
        fill: "white",
        "fill-opacity": "0.6"
    }, null, -1),
    dT = [cT, mT, _T];

function uT(e, t) {
    return a(), r("svg", lT, dT)
}
const hT = v(rT, [
        ["render", uT]
    ]),
    pT = {},
    gT = {
        width: "32",
        height: "32",
        viewBox: "0 0 32 32",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    bT = n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M6 10C3.79086 10 2 11.7909 2 14V17H9V14H11V17H21V14H23V17H30V14C30 11.7909 28.2091 10 26 10H6ZM9 19V22H11V19H21V22H23V19H30V26C30 28.2091 28.2091 30 26 30H6C3.79086 30 2 28.2091 2 26V19H9Z",
        fill: "white",
        "fill-opacity": "0.6"
    }, null, -1),
    vT = n("path", {
        d: "M10 10L10 8C10 5.79086 11.7909 4 14 4L18 4C20.2091 4 22 5.79086 22 8L22 10",
        stroke: "white",
        "stroke-opacity": "0.6",
        "stroke-width": "4"
    }, null, -1),
    CT = [bT, vT];

function yT(e, t) {
    return a(), r("svg", gT, CT)
}
const fT = v(pT, [
    ["render", yT]
]);
const TT = {},
    zl = e => (D("data-v-73dc0ae1"), e = e(), L(), e),
    ET = {
        xmlns: "http://www.w3.org/2000/svg",
        class: "separator",
        width: "2",
        height: "42",
        viewBox: "0 0 2 42",
        fill: "none"
    },
    kT = zl(() => n("path", {
        render: !0,
        d: "M1 0L0.999998 42",
        stroke: "url(#paint0_linear_4298_48899)",
        "stroke-width": "2"
    }, null, -1)),
    IT = zl(() => n("defs", null, [n("linearGradient", {
        id: "paint0_linear_4298_48899",
        x1: "1.49999",
        y1: "0.33871",
        x2: "1.49999",
        y2: "41.6613",
        gradientUnits: "userSpaceOnUse"
    }, [n("stop", {
        "stop-color": "white",
        "stop-opacity": "0"
    }), n("stop", {
        offset: "0.497938",
        "stop-color": "white",
        "stop-opacity": "0.1"
    }), n("stop", {
        offset: "1",
        "stop-color": "white",
        "stop-opacity": "0"
    })])], -1)),
    wT = [kT, IT];

function ST(e, t) {
    return a(), r("svg", ET, wT)
}
const MT = v(TT, [
        ["render", ST],
        ["__scopeId", "data-v-73dc0ae1"]
    ]),
    PT = {
        class: "main-menu-property-count-list"
    },
    AT = {
        class: "main-menu-property-count-list__count-item"
    },
    DT = {
        key: 0
    };

function LT(e, t, s, l, o, i) {
    const m = c("Separator");
    return a(), r("div", PT, [(a(!0), r(I, null, M(s.items, (_, b) => (a(), r("div", {
        class: "main-menu-property-count-list__count",
        key: _.icon
    }, [n("div", AT, [(a(), p(z(_.icon), {
        style: x({
            opacity: _.count > 0 ? 1 : .25
        })
    }, null, 8, ["style"])), _.count > 0 ? (a(), r("strong", DT, C(_.count), 1)) : h("", !0)]), d(m)]))), 128))])
}
const xT = {
        props: ["items"],
        components: {
            Car: xf,
            Oil: Vf,
            Stall: Zf,
            House: eT,
            Garden: oT,
            Garage: hT,
            Business: fT,
            Separator: MT
        }
    },
    Zl = v(xT, [
        ["render", LT]
    ]),
    OT = {
        class: "main-menu-property-header"
    },
    BT = {
        class: "main-menu-property-header__content"
    },
    $T = {
        class: "main-menu-property-header__left"
    },
    NT = {
        key: 2,
        class: "main-menu-property-header__title"
    },
    RT = n("div", {
        class: "main-menu-property-header__line"
    }, null, -1);

function VT(e, t, s, l, o, i) {
    const m = c("ControlsClose"),
        _ = c("SkeletonLoader"),
        b = c("PropertyCountList");
    return a(), r("div", OT, [n("div", BT, [n("div", $T, [s.isMobile ? (a(), p(m, {
        key: 0,
        isMobile: s.isMobile,
        type: 6,
        onClose: t[0] || (t[0] = u => e.$emit("back"))
    }, null, 8, ["isMobile"])) : h("", !0), s.loading ? (a(), p(_, {
        key: 1,
        class: "skeleton-loader-title"
    })) : (a(), r("div", NT, [w("Вы богаче,"), n("span", null, "чем " + C(s.status) + "% игроков", 1)]))]), s.loading ? (a(), p(_, {
        key: 0,
        class: "skeleton-loader-count-list"
    })) : (a(), p(b, {
        key: 1,
        items: s.countItems
    }, null, 8, ["items"]))]), RT])
}
const HT = {
        props: ["status", "loading", "countItems", "isMobile"],
        components: {
            PropertyCountList: Zl,
            ControlsClose: rt
        }
    },
    UT = v(HT, [
        ["render", VT]
    ]),
    YT = n("div", {
        class: "main-menu-property-light"
    }, null, -1),
    KT = n("div", {
        class: "main-menu-property-pattern"
    }, null, -1);

function GT(e, t) {
    return a(), r(I, null, [YT, KT], 64)
}
const FT = {},
    zT = v(FT, [
        ["render", GT]
    ]),
    ZT = {
        class: "main-menu-property-empty"
    },
    qT = {
        class: "main-menu-property-empty__container"
    },
    WT = n("h1", null, "К сожалению, вы пока ничем не владеете", -1);

function jT(e, t, s, l, o, i) {
    const m = c("PropertyCountList"),
        _ = c("Button");
    return a(), r("div", ZT, [n("div", qT, [d(m, {
        items: s.countItems
    }, null, 8, ["items"]), WT, d(_, {
        type: 3,
        text: "Узнать больше о имуществе",
        onClick: t[0] || (t[0] = b => e.$emit("more"))
    })])])
}
const XT = {
        props: ["countItems"],
        components: {
            Button: q,
            PropertyCountList: Zl
        }
    },
    QT = v(XT, [
        ["render", jT]
    ]),
    JT = {
        class: "main-menu-property"
    };

function eE(e, t, s, l, o, i) {
    const m = c("ControlsClose"),
        _ = c("PropertyPattern"),
        b = c("PropertyHeader"),
        u = c("AnimatedLogo"),
        g = c("BlockTitle"),
        y = c("PropertyItems"),
        f = c("ScrollableContainer"),
        k = c("PropertyEmpty");
    return a(), r("div", JT, [i.isMobile && !i.hasProperty ? (a(), p(m, {
        key: 0,
        isMobile: i.isMobile,
        type: 6,
        onClose: t[0] || (t[0] = S => e.$emit("back"))
    }, null, 8, ["isMobile"])) : h("", !0), i.hasProperty ? (a(), p(_, {
        key: 1
    })) : h("", !0), i.hasProperty ? (a(), p(b, {
        key: 2,
        isMobile: i.isMobile,
        status: s.property.status,
        loading: s.property.loading,
        countItems: i.countItems,
        onBack: t[1] || (t[1] = S => e.$emit("back"))
    }, null, 8, ["isMobile", "status", "loading", "countItems"])) : h("", !0), s.property.loading ? (a(), p(u, {
        key: 3,
        class: "content-loader"
    })) : i.hasProperty ? (a(), p(f, {
        key: 4,
        class: "main-menu-property__content",
        type: 9
    }, {
        default: E(() => [(a(!0), r(I, null, M(i.propertyData, S => (a(), r(I, {
            key: S.title
        }, [S.items.length ? (a(), r(I, {
            key: 0
        }, [d(g, {
            title: S.title
        }, null, 8, ["title"]), d(y, {
            items: S.items,
            type: S.type,
            isSquareMobile: s.isSquareMobile
        }, null, 8, ["items", "type", "isSquareMobile"])], 64)) : h("", !0)], 64))), 128))]),
        _: 1
    })) : (a(), p(k, {
        key: 5,
        countItems: i.countItems,
        onMore: t[2] || (t[2] = S => e.$emit("goto:report"))
    }, null, 8, ["countItems"]))])
}
const tE = {
        props: ["property", "isSquareMobile"],
        components: {
            BlockTitle: Fl,
            PropertyItems: If,
            PropertyHeader: UT,
            PropertyPattern: zT,
            PropertyEmpty: QT,
            ControlsClose: rt,
            AnimatedLogo: dt,
            ScrollableContainer: U
        },
        computed: {
            propertyData() {
                return [{
                    type: "house",
                    title: "Жилая недвижимость",
                    items: this.property.houses
                }, {
                    type: "business",
                    title: "Бизнесы",
                    items: this.property.businesses
                }, {
                    type: "garage",
                    title: "Гаражи",
                    items: this.property.garages
                }, {
                    type: "garden",
                    title: "Огороды",
                    items: this.property.gardens
                }, {
                    type: "stall",
                    title: "Киоски",
                    items: this.property.stalls
                }, {
                    type: "oil",
                    title: "Нефтевышки",
                    items: this.property.oilRigs
                }, {
                    type: "car",
                    title: "Транспорт",
                    items: this.property.cars
                }]
            },
            countItems() {
                return [{
                    icon: "House",
                    count: this.property.houses.length
                }, {
                    icon: "Business",
                    count: this.property.businesses.length
                }, {
                    icon: "Garage",
                    count: this.property.garages.length
                }, {
                    icon: "Garden",
                    count: this.property.gardens.length
                }, {
                    icon: "Stall",
                    count: this.property.stalls.length
                }, {
                    icon: "Oil",
                    count: this.property.oilRigs.length
                }, {
                    icon: "Car",
                    count: this.property.cars.length
                }]
            },
            hasProperty() {
                return this.countItems.some(e => e.count !== 0)
            },
            isMobile() {
                return this.$root.isMobile
            }
        }
    },
    sE = v(tE, [
        ["render", eE]
    ]),
    iE = {
        data: () => ({
            achievementsById: new Map,
            achievements: [{
                id: 0,
                type: G.CLASSICAL,
                reward: 1300,
                value: {
                    current: 100,
                    max: 100
                }
            }, {
                id: 1,
                type: G.CLASSICAL,
                reward: 1300,
                value: {
                    current: 100,
                    max: 100
                }
            }, {
                id: 2,
                type: G.CLASSICAL,
                reward: 1300,
                value: {
                    current: 100,
                    max: 100
                }
            }, {
                id: 3,
                type: G.CLASSICAL,
                reward: 1300,
                value: {
                    current: 20,
                    max: 100
                }
            }, {
                id: 4,
                type: G.CLASSICAL,
                reward: 1300,
                value: {
                    current: 100,
                    max: 100
                }
            }, {
                id: 5,
                type: G.CLASSICAL,
                reward: 1300,
                value: {
                    current: 70,
                    max: 100
                }
            }, {
                id: 6,
                type: G.CLASSICAL,
                reward: 1300,
                value: {
                    current: 70,
                    max: 100
                }
            }, {
                id: 7,
                type: G.CLASSICAL,
                reward: 1300,
                value: {
                    current: 100,
                    max: 100
                }
            }, {
                id: 8,
                type: G.CLASSICAL,
                reward: 2200,
                value: {
                    current: 20,
                    max: 100
                }
            }, {
                type: G.CLASSICAL,
                id: 9,
                reward: 4300,
                value: {
                    current: 0,
                    max: 100
                }
            }, {
                type: G.CLASSICAL,
                id: 10,
                reward: 1300,
                value: {
                    current: 0,
                    max: 100
                }
            }, {
                id: 11,
                type: G.UNUSUAL,
                reward: 1300,
                value: {
                    current: 0,
                    max: 100
                }
            }, {
                id: 12,
                type: G.UNUSUAL,
                reward: 1300,
                value: {
                    current: 0,
                    max: 100
                }
            }, {
                id: 13,
                type: G.UNUSUAL,
                reward: 1300,
                value: {
                    current: 2,
                    max: 100
                }
            }, {
                id: 14,
                type: G.UNUSUAL,
                reward: 1300,
                value: {
                    current: 100,
                    max: 100
                }
            }, {
                id: 15,
                type: G.RARE,
                reward: 5500,
                value: {
                    current: 55,
                    max: 100
                }
            }, {
                id: 16,
                type: G.RARE,
                reward: 5500,
                value: {
                    current: 100,
                    max: 100
                }
            }, {
                id: 17,
                type: G.RARE,
                reward: 5500,
                value: {
                    current: 55,
                    max: 100
                }
            }, {
                id: 18,
                type: G.RARE,
                reward: 5500,
                value: {
                    current: 55,
                    max: 100
                }
            }, {
                id: 19,
                type: G.CLASSICAL,
                reward: 5500,
                value: {
                    current: 55,
                    max: 100
                }
            }, {
                id: 20,
                type: G.CLASSICAL,
                reward: 5500,
                value: {
                    current: 55,
                    max: 100
                }
            }]
        }),
        methods: {
            updateAchivementData(e) {
                e.forEach(t => {
                    const {
                        id: s
                    } = this.mapAchievement(t), l = this.achievementsById.get(s);
                    if (l) Object.assign(l, this.mapAchievement(t));
                    else {
                        const o = this.mapAchievement(t);
                        this.achievements.push(o), this.achievementsById.set(s, o)
                    }
                })
            },
            mapAchievement([e, t, s, l, o, i, m]) {
                return {
                    id: e,
                    type: o,
                    reward: l,
                    value: {
                        current: t,
                        max: s
                    },
                    name: i,
                    text: m
                }
            }
        }
    },
    nE = {
        class: "main-menu-achievements-header"
    },
    aE = {
        class: "main-menu-achievements-header__left"
    },
    oE = n("div", {
        class: "main-menu-achievements-header__title"
    }, "Достижения", -1),
    rE = ["src"],
    lE = {
        class: "main-menu-achievements-header__counter-text"
    },
    cE = {
        key: 1,
        class: "main-menu-achievements-header__count"
    };

function mE(e, t, s, l, o, i) {
    const m = c("ControlsClose");
    return a(), r("div", nE, [n("div", aE, [i.isMobile ? (a(), p(m, {
        key: 0,
        isMobile: i.isMobile,
        type: 6,
        onClose: t[0] || (t[0] = _ => e.$emit("back"))
    }, null, 8, ["isMobile"])) : h("", !0), oE]), i.isMobile ? (a(), r("div", cE, [n("span", null, C(s.completedAchievementsCount), 1), w("/" + C(s.totalAchievementsCount) + " получено", 1)])) : (a(), r("div", {
        key: 0,
        class: T(["main-menu-achievements-header__counters", {
            "main-menu-achievements-header__counters_unavailable": s.isUnavailable
        }])
    }, [(a(!0), r(I, null, M(s.data, _ => (a(), r("div", {
        class: "main-menu-achievements-header__counter",
        key: _.icon
    }, [n("img", {
        src: o.icons[`/src/assets/images/main-menu/statistics/achievements/icons/${_.icon}.svg`]
    }, null, 8, rE), n("div", lE, [w(C(_.total - _.active), 1), n("span", null, "/" + C(_.total), 1)])]))), 128))], 2))])
}
const _E = {
        props: ["data", "totalAchievementsCount", "completedAchievementsCount", "isUnavailable"],
        components: {
            ControlsClose: rt,
            ControlsButton: H,
            ControlsButtonContainer: Pe
        },
        data() {
            return {
                icons: Object.assign({
                    "/src/assets/images/main-menu/statistics/achievements/icons/achive.svg": Xr,
                    "/src/assets/images/main-menu/statistics/achievements/icons/classical.svg": Qr,
                    "/src/assets/images/main-menu/statistics/achievements/icons/rare.svg": Jr,
                    "/src/assets/images/main-menu/statistics/achievements/icons/unusual.svg": el
                })
            }
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            }
        }
    },
    dE = v(_E, [
        ["render", mE]
    ]),
    uE = {
        class: "main-menu-achievements-items"
    };

function hE(e, t, s, l, o, i) {
    const m = c("Achievement");
    return a(), r("div", uE, [(a(!0), r(I, null, M(s.items, (_, b) => (a(), p(m, {
        key: b,
        data: _
    }, null, 8, ["data"]))), 128))])
}
const pE = {
        props: ["items"],
        components: {
            Achievement: Ll
        }
    },
    gE = v(pE, [
        ["render", hE]
    ]),
    bE = {
        class: "main-menu-achievements"
    };

function vE(e, t, s, l, o, i) {
    const m = c("GraffitiPattern"),
        _ = c("Header"),
        b = c("Unavailable"),
        u = c("BlockTitle"),
        g = c("Achievements", !0),
        y = c("ScrollableContainer");
    return a(), r("div", bE, [d(m, {
        class: "main-menu-achievements__pattern",
        opacity: .05,
        rotate: 227,
        maskImage: 65
    }), d(_, {
        data: i.headerData,
        totalAchievementsCount: i.totalAchievementsCount,
        completedAchievementsCount: i.completedAchievements.length,
        isUnavailable: s.isUnavailable,
        onBack: t[0] || (t[0] = f => e.$emit("back"))
    }, null, 8, ["data", "totalAchievementsCount", "completedAchievementsCount", "isUnavailable"]), s.isUnavailable ? (a(), p(b, {
        key: 0
    })) : h("", !0), d(y, {
        class: T(["main-menu-achievements__content", {
            "main-menu-achievements__content_unavailable": s.isUnavailable
        }]),
        type: 9
    }, {
        default: E(() => [(a(!0), r(I, null, M(i.achievementsData, f => (a(), r(I, {
            key: f.title
        }, [f.items.length ? (a(), r(I, {
            key: 0
        }, [d(u, {
            title: f.title,
            type: f.type
        }, null, 8, ["title", "type"]), d(g, {
            items: f.items
        }, null, 8, ["items"])], 64)) : h("", !0)], 64))), 128))]),
        _: 1
    }, 8, ["class"])])
}
const CE = {
        props: ["isUnavailable", "achievements"],
        components: {
            Header: dE,
            BlockTitle: Fl,
            Unavailable: xl,
            Achievements: gE,
            ScrollableContainer: U,
            GraffitiPattern: en
        },
        data() {
            return {
                achievementsImages: Object.assign({
                    "/src/assets/images/main-menu/statistics/achievements/0.png": ic,
                    "/src/assets/images/main-menu/statistics/achievements/1.png": nc,
                    "/src/assets/images/main-menu/statistics/achievements/10.png": ac,
                    "/src/assets/images/main-menu/statistics/achievements/11.png": oc,
                    "/src/assets/images/main-menu/statistics/achievements/12.png": rc,
                    "/src/assets/images/main-menu/statistics/achievements/13.png": lc,
                    "/src/assets/images/main-menu/statistics/achievements/14.png": cc,
                    "/src/assets/images/main-menu/statistics/achievements/15.png": mc,
                    "/src/assets/images/main-menu/statistics/achievements/16.png": _c,
                    "/src/assets/images/main-menu/statistics/achievements/17.png": dc,
                    "/src/assets/images/main-menu/statistics/achievements/18.png": uc,
                    "/src/assets/images/main-menu/statistics/achievements/19.png": hc,
                    "/src/assets/images/main-menu/statistics/achievements/2.png": pc,
                    "/src/assets/images/main-menu/statistics/achievements/20.png": gc,
                    "/src/assets/images/main-menu/statistics/achievements/21.png": bc,
                    "/src/assets/images/main-menu/statistics/achievements/22.png": vc,
                    "/src/assets/images/main-menu/statistics/achievements/23.png": Cc,
                    "/src/assets/images/main-menu/statistics/achievements/24.png": yc,
                    "/src/assets/images/main-menu/statistics/achievements/25.png": fc,
                    "/src/assets/images/main-menu/statistics/achievements/26.png": Tc,
                    "/src/assets/images/main-menu/statistics/achievements/27.png": Ec,
                    "/src/assets/images/main-menu/statistics/achievements/3.png": kc,
                    "/src/assets/images/main-menu/statistics/achievements/4.png": Ic,
                    "/src/assets/images/main-menu/statistics/achievements/5.png": wc,
                    "/src/assets/images/main-menu/statistics/achievements/6.png": Sc,
                    "/src/assets/images/main-menu/statistics/achievements/7.png": Mc,
                    "/src/assets/images/main-menu/statistics/achievements/8.png": Pc,
                    "/src/assets/images/main-menu/statistics/achievements/9.png": Ac,
                    "/src/assets/images/main-menu/statistics/achievements/achievements.png": Dc
                }),
                currentAchievementIndex: 0
            }
        },
        computed: {
            headerData() {
                return [{
                    icon: "classical",
                    total: this.allClassicalAchievements.length,
                    active: this.classicalAchievements.length
                }, {
                    icon: "unusual",
                    total: this.allUnusualAchievements.length,
                    active: this.unusualAchievements.length
                }, {
                    icon: "rare",
                    total: this.allRareAchievements.length,
                    active: this.rareAchievements.length
                }]
            },
            totalAchievementsCount() {
                return this.achievements.length
            },
            achievementsData() {
                return [{
                    title: "Бронзовые",
                    items: this.classicalAchievements
                }, {
                    title: "Золотые",
                    items: this.unusualAchievements
                }, {
                    title: "Платиновые",
                    items: this.rareAchievements
                }, {
                    title: "Выполнено",
                    items: this.completedAchievements,
                    type: "green"
                }]
            },
            completedAchievements() {
                return this.achievements.filter(e => e.value.current >= e.value.max)
            },
            classicalAchievements() {
                return this.achievements.filter(e => e.value.current < e.value.max && e.type === G.CLASSICAL)
            },
            allClassicalAchievements() {
                return this.achievements.filter(e => e.type === G.CLASSICAL)
            },
            unusualAchievements() {
                return this.achievements.filter(e => e.value.current < e.value.max && e.type === G.UNUSUAL)
            },
            allUnusualAchievements() {
                return this.achievements.filter(e => e.type === G.UNUSUAL)
            },
            rareAchievements() {
                return this.achievements.filter(e => e.value.current < e.value.max && e.type === G.RARE)
            },
            allRareAchievements() {
                return this.achievements.filter(e => e.type === G.RARE)
            },
            currentAchievement() {
                return this.currentAchievement[this.currentAchievementIndex]
            }
        },
        methods: {
            getFormatedText(e) {
                var t = this.achievements[e].text.split("{value}");
                return t.join(` ${this.achievements[e].value.max.toLocaleString()} `)
            },
            getAchievementImage(e) {
                const t = this.achievementsImages[`/src/assets/images/main-menu/statistics/achievements/${e}.png`];
                return t || this.achievementsImages["/src/assets/images/main-menu/statistics/achievements/0.png"]
            },
            getAchievementProgress(e) {
                let t = this.achievements.find(s => s.type === e);
                return t ? `${t.value.current}/${t.value.max}` : null
            },
            getAchievementFill(e) {
                let t = this.achievements.find(s => s.type === e);
                return t ? t.value.current / t.value.max * 100 : 0
            }
        }
    },
    yE = v(CE, [
        ["render", vE]
    ]),
    fE = n("div", {
        class: "main-menu-docs-pattern"
    }, null, -1),
    TE = n("div", {
        class: "main-menu-docs-light"
    }, null, -1);

function EE(e, t) {
    return a(), r(I, null, [fE, TE], 64)
}
const kE = {},
    IE = v(kE, [
        ["render", EE]
    ]),
    wE = {
        props: ["active"]
    },
    SE = {
        key: 0,
        width: "24",
        height: "24",
        viewBox: "0 0 24 24",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    ME = n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M24 6C24 4.89543 23.1046 4 22 4H2C0.895431 4 0 4.89543 0 6V18C0 19.1046 0.895429 20 2 20L22 20C23.1046 20 24 19.1046 24 18V6ZM6 10C5.44772 10 5 10.4477 5 11V14C5 14.5523 5.44772 15 6 15H18C18.5523 15 19 14.5523 19 14V11C19 10.4477 18.5523 10 18 10H15.8244C15.4687 10 15.1398 9.81109 14.9606 9.50387L13.7894 7.49613C13.6102 7.18891 13.2813 7 12.9256 7H12H9.07437C8.7187 7 8.3898 7.18891 8.21059 7.49613L7.03941 9.50387C6.8602 9.81109 6.5313 10 6.17563 10H6ZM11 16C11 16.5304 10.7893 17.0391 10.4142 17.4142C10.0391 17.7893 9.53043 18 9 18C8.46957 18 7.96086 17.7893 7.58579 17.4142C7.21071 17.0391 7 16.5304 7 16H9H11ZM16.4142 17.4142C16.7893 17.0391 17 16.5304 17 16H15H13C13 16.5304 13.2107 17.0391 13.5858 17.4142C13.9609 17.7893 14.4696 18 15 18C15.5304 18 16.0391 17.7893 16.4142 17.4142Z",
        fill: "url(#paint0_linear_199_2514)"
    }, null, -1),
    PE = n("defs", null, [n("linearGradient", {
        id: "paint0_linear_199_2514",
        x1: "7.70781",
        y1: "-7.78947",
        x2: "29.3673",
        y2: "30.9181",
        gradientUnits: "userSpaceOnUse"
    }, [n("stop", {
        offset: "0.159199",
        "stop-color": "white"
    }), n("stop", {
        offset: "0.464173",
        "stop-color": "#F9B701"
    })])], -1),
    AE = [ME, PE],
    DE = {
        key: 1,
        width: "24",
        height: "24",
        viewBox: "0 0 24 24",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    LE = n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M24 6C24 4.89543 23.1046 4 22 4H2C0.895431 4 0 4.89543 0 6V18C0 19.1046 0.895429 20 2 20L22 20C23.1046 20 24 19.1046 24 18V6ZM6 10C5.44772 10 5 10.4477 5 11V14C5 14.5523 5.44772 15 6 15H18C18.5523 15 19 14.5523 19 14V11C19 10.4477 18.5523 10 18 10H15.8244C15.4687 10 15.1398 9.81109 14.9606 9.50387L13.7894 7.49613C13.6102 7.18891 13.2813 7 12.9256 7H12H9.07437C8.7187 7 8.3898 7.18891 8.21059 7.49613L7.03941 9.50387C6.8602 9.81109 6.5313 10 6.17563 10H6ZM11 16C11 16.5304 10.7893 17.0391 10.4142 17.4142C10.0391 17.7893 9.53043 18 9 18C8.46957 18 7.96086 17.7893 7.58579 17.4142C7.21071 17.0391 7 16.5304 7 16H9H11ZM16.4142 17.4142C16.7893 17.0391 17 16.5304 17 16H15H13C13 16.5304 13.2107 17.0391 13.5858 17.4142C13.9609 17.7893 14.4696 18 15 18C15.5304 18 16.0391 17.7893 16.4142 17.4142Z",
        fill: "white"
    }, null, -1),
    xE = [LE];

function OE(e, t, s, l, o, i) {
    return s.active ? (a(), r("svg", SE, AE)) : (a(), r("svg", DE, xE))
}
const BE = v(wE, [
        ["render", OE]
    ]),
    $E = {
        props: ["active"]
    },
    NE = {
        key: 0,
        width: "24",
        height: "24",
        viewBox: "0 0 24 24",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    RE = n("g", {
        "clip-path": "url(#clip0_199_2442)"
    }, [n("path", {
        render: !0,
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM11 5V11H5V13H11V19H13V13H19V11H13V5H11Z",
        fill: "url(#paint0_linear_199_2442)"
    })], -1),
    VE = ji('<defs><linearGradient id="paint0_linear_199_2442" x1="7.70781" y1="-17.6842" x2="45.2513" y2="27.0449" gradientUnits="userSpaceOnUse"><stop offset="0.159199" stop-color="white"></stop><stop offset="0.464173" stop-color="#F9B701"></stop></linearGradient><clipPath id="clip0_199_2442"><rect width="24" height="24" fill="white"></rect></clipPath></defs>', 1),
    HE = [RE, VE],
    UE = {
        key: 1,
        xmlns: "http://www.w3.org/2000/svg",
        width: "24",
        height: "24",
        viewBox: "0 0 24 24",
        fill: "none"
    },
    YE = n("g", {
        "clip-path": "url(#clip0_199_2435)"
    }, [n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM11 5V11H5V13H11V19H13V13H19V11H13V5H11Z",
        fill: "white"
    })], -1),
    KE = n("defs", null, [n("clipPath", {
        id: "clip0_199_2435"
    }, [n("rect", {
        width: "24",
        height: "24",
        fill: "white"
    })])], -1),
    GE = [YE, KE];

function FE(e, t, s, l, o, i) {
    return s.active ? (a(), r("svg", NE, HE)) : (a(), r("svg", UE, GE))
}
const zE = v($E, [
        ["render", FE]
    ]),
    ZE = {
        props: ["active"]
    },
    qE = {
        key: 0,
        width: "24",
        height: "24",
        viewBox: "0 0 24 24",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    WE = n("path", {
        render: !0,
        d: "M11 19L19 19C20.1046 19 21 18.1046 21 17L21 7C21 5.89543 20.1046 5 19 5L11 5",
        stroke: "url(#paint0_linear_199_2555)",
        "stroke-width": "2"
    }, null, -1),
    jE = n("mask", {
        id: "path-2-inside-1_199_2555",
        fill: "white"
    }, [n("path", {
        render: !0,
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M18 3C18 1.89543 17.1046 1 16 1H4C2.89543 1 2 1.89543 2 3V21C2 22.1046 2.89543 23 4 23H16C17.1046 23 18 22.1046 18 21L18 3ZM10 14C12.2091 14 14 12.2091 14 10C14 7.79086 12.2091 6 10 6C7.79086 6 6 7.79086 6 10C6 12.2091 7.79086 14 10 14Z"
    })], -1),
    XE = n("path", {
        render: !0,
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M18 3C18 1.89543 17.1046 1 16 1H4C2.89543 1 2 1.89543 2 3V21C2 22.1046 2.89543 23 4 23H16C17.1046 23 18 22.1046 18 21L18 3ZM10 14C12.2091 14 14 12.2091 14 10C14 7.79086 12.2091 6 10 6C7.79086 6 6 7.79086 6 10C6 12.2091 7.79086 14 10 14Z",
        fill: "url(#paint1_linear_199_2555)"
    }, null, -1),
    QE = n("path", {
        render: !0,
        d: "M18 3H19H18ZM18 21H17H18ZM16 2C16.5523 2 17 2.44772 17 3H19C19 1.34315 17.6569 0 16 0V2ZM4 2H16V0H4V2ZM3 3C3 2.44772 3.44772 2 4 2V0C2.34315 0 1 1.34314 1 3H3ZM3 21V3H1V21H3ZM4 22C3.44772 22 3 21.5523 3 21H1C1 22.6569 2.34315 24 4 24V22ZM16 22H4V24H16V22ZM17 21C17 21.5523 16.5523 22 16 22V24C17.6569 24 19 22.6569 19 21H17ZM17 3L17 21H19V3H17ZM13 10C13 11.6569 11.6569 13 10 13V15C12.7614 15 15 12.7614 15 10H13ZM10 7C11.6569 7 13 8.34315 13 10H15C15 7.23858 12.7614 5 10 5V7ZM7 10C7 8.34315 8.34315 7 10 7V5C7.23858 5 5 7.23858 5 10H7ZM10 13C8.34315 13 7 11.6569 7 10H5C5 12.7614 7.23858 15 10 15V13Z",
        fill: "url(#paint2_linear_199_2555)",
        mask: "url(#path-2-inside-1_199_2555)"
    }, null, -1),
    JE = ji('<defs><linearGradient id="paint0_linear_199_2555" x1="28.3684" y1="9.49622" x2="5.00065" y2="23.5061" gradientUnits="userSpaceOnUse"><stop offset="0.159199" stop-color="white"></stop><stop offset="0.464173" stop-color="#F9B701"></stop></linearGradient><linearGradient id="paint1_linear_199_2555" x1="7.13854" y1="-15.2105" x2="41.7266" y2="14.7589" gradientUnits="userSpaceOnUse"><stop offset="0.159199" stop-color="white"></stop><stop offset="0.464173" stop-color="#F9B701"></stop></linearGradient><linearGradient id="paint2_linear_199_2555" x1="7.13854" y1="-15.2105" x2="41.7266" y2="14.7589" gradientUnits="userSpaceOnUse"><stop offset="0.159199" stop-color="white"></stop><stop offset="0.464173" stop-color="#F9B701"></stop></linearGradient></defs>', 1),
    ek = [WE, jE, XE, QE, JE],
    tk = {
        key: 1,
        xmlns: "http://www.w3.org/2000/svg",
        width: "24",
        height: "24",
        viewBox: "0 0 24 24",
        fill: "none"
    },
    sk = n("path", {
        d: "M11 19L19 19C20.1046 19 21 18.1046 21 17L21 7C21 5.89543 20.1046 5 19 5L11 5",
        stroke: "white",
        "stroke-width": "2"
    }, null, -1),
    ik = n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M18 3C18 1.89543 17.1046 1 16 1H4C2.89543 1 2 1.89543 2 3V21C2 22.1046 2.89543 23 4 23H16C17.1046 23 18 22.1046 18 21L18 3ZM10 14C12.2091 14 14 12.2091 14 10C14 7.79086 12.2091 6 10 6C7.79086 6 6 7.79086 6 10C6 12.2091 7.79086 14 10 14Z",
        fill: "white"
    }, null, -1),
    nk = [sk, ik];

function ak(e, t, s, l, o, i) {
    return s.active ? (a(), r("svg", qE, ek)) : (a(), r("svg", tk, nk))
}
const ok = v(ZE, [
        ["render", ak]
    ]),
    rk = {
        props: ["active"]
    },
    lk = {
        key: 0,
        width: "24",
        height: "24",
        viewBox: "0 0 24 24",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    ck = n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M18 1C19.1046 1 20 1.89543 20 3L20 21C20 22.1046 19.1046 23 18 23H6C4.89543 23 4 22.1046 4 21V3C4 1.89543 4.89543 1 6 1H18ZM6.07772 11.1554C5.51768 10.0354 6.11304 8.68199 7.31713 8.33796L11.4506 7.15698C11.8097 7.05438 12.1903 7.05438 12.5494 7.15698L16.6829 8.33796C17.887 8.68199 18.4823 10.0354 17.9223 11.1554L17.5528 11.8944C17.214 12.572 16.5215 13 15.7639 13H8.23607C7.47852 13 6.786 12.572 6.44721 11.8944L6.07772 11.1554ZM16 14H8V16H16V14Z",
        fill: "url(#paint0_linear_199_2588)"
    }, null, -1),
    mk = n("defs", null, [n("linearGradient", {
        id: "paint0_linear_199_2588",
        x1: "9.13854",
        y1: "-15.2105",
        x2: "43.7266",
        y2: "14.7589",
        gradientUnits: "userSpaceOnUse"
    }, [n("stop", {
        offset: "0.159199",
        "stop-color": "white"
    }), n("stop", {
        offset: "0.464173",
        "stop-color": "#F9B701"
    })])], -1),
    _k = [ck, mk],
    dk = {
        key: 1,
        xmlns: "http://www.w3.org/2000/svg",
        width: "24",
        height: "24",
        viewBox: "0 0 24 24",
        fill: "none"
    },
    uk = n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M18 1C19.1046 1 20 1.89543 20 3L20 21C20 22.1046 19.1046 23 18 23H6C4.89543 23 4 22.1046 4 21V3C4 1.89543 4.89543 1 6 1H18ZM6.07772 11.1554C5.51768 10.0354 6.11304 8.68199 7.31713 8.33796L11.4506 7.15698C11.8097 7.05438 12.1903 7.05438 12.5494 7.15698L16.6829 8.33796C17.887 8.68199 18.4823 10.0354 17.9223 11.1554L17.5528 11.8944C17.214 12.572 16.5215 13 15.7639 13H8.23607C7.47852 13 6.786 12.572 6.44721 11.8944L6.07772 11.1554ZM16 14H8V16H16V14Z",
        fill: "white"
    }, null, -1),
    hk = [uk];

function pk(e, t, s, l, o, i) {
    return s.active ? (a(), r("svg", lk, _k)) : (a(), r("svg", dk, hk))
}
const gk = v(rk, [
        ["render", pk]
    ]),
    bk = {
        props: ["active"]
    },
    vk = {
        key: 0,
        xmlns: "http://www.w3.org/2000/svg",
        width: "24",
        height: "24",
        viewBox: "0 0 24 24",
        fill: "none"
    },
    Ck = n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M2 4C0.895431 4 0 4.89543 0 6V15L24 15V6C24 4.89543 23.1046 4 22 4H2ZM24 17L0 17V18C0 19.1046 0.89543 20 2 20H22C23.1046 20 24 19.1046 24 18V17ZM4 9L20 9V7L4 7V9ZM14 13L4 13V11L14 11V13Z",
        fill: "url(#paint0_linear_199_2474)"
    }, null, -1),
    yk = n("defs", null, [n("linearGradient", {
        id: "paint0_linear_199_2474",
        x1: "7.70781",
        y1: "-7.78947",
        x2: "29.3673",
        y2: "30.9181",
        gradientUnits: "userSpaceOnUse"
    }, [n("stop", {
        offset: "0.159199",
        "stop-color": "white"
    }), n("stop", {
        offset: "0.464173",
        "stop-color": "#F9B701"
    })])], -1),
    fk = [Ck, yk],
    Tk = {
        key: 1,
        width: "24",
        height: "24",
        viewBox: "0 0 24 24",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    Ek = n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M2 4C0.895431 4 0 4.89543 0 6V15L24 15V6C24 4.89543 23.1046 4 22 4H2ZM24 17L0 17V18C0 19.1046 0.89543 20 2 20H22C23.1046 20 24 19.1046 24 18V17ZM4 9L20 9V7L4 7V9ZM14 13L4 13V11L14 11V13Z",
        fill: "white"
    }, null, -1),
    kk = [Ek];

function Ik(e, t, s, l, o, i) {
    return s.active ? (a(), r("svg", vk, fk)) : (a(), r("svg", Tk, kk))
}
const wk = v(bk, [
        ["render", Ik]
    ]),
    Sk = {
        class: "main-menu-docs-tab__body"
    },
    Mk = {
        class: "main-menu-docs-tab__label"
    },
    Pk = {
        key: 0,
        class: "main-menu-docs-tab__info"
    };

function Ak(e, t, s, l, o, i) {
    return a(), r("div", {
        class: T(["main-menu-docs-tab pressable", {
            "main-menu-docs-tab_active": s.active,
            "main-menu-docs-tab_disabled": s.absent
        }])
    }, [n("div", Sk, [(a(), p(z(s.doc.icon), {
        class: "main-menu-docs-tab__icon",
        active: s.active
    }, null, 8, ["active"])), n("div", Mk, C(s.doc.title), 1)]), s.absent ? (a(), r("div", Pk, "ОТСУТСТВУЮТ")) : h("", !0)], 2)
}
const Dk = {
        props: ["doc", "absent", "active"],
        components: {
            Car: BE,
            MedCard: zE,
            Passport: ok,
            DriverCard: gk,
            LicensesCertificate: wk
        }
    },
    Lk = v(Dk, [
        ["render", Ak]
    ]),
    xk = {
        class: "main-menu-docs"
    },
    Ok = {
        class: "main-menu-docs__sidebar"
    },
    Bk = {
        class: "main-menu-docs__title"
    },
    $k = n("div", {
        class: "main-menu-docs__line"
    }, null, -1),
    Nk = {
        class: "main-menu-docs__tabs"
    },
    Rk = {
        key: 0,
        class: "main-menu-docs__buttons"
    };

function Vk(e, t, s, l, o, i) {
    const m = c("Pattern"),
        _ = c("ControlsClose"),
        b = c("SidebarTab"),
        u = c("ControlsButton"),
        g = c("ControlsButtonContainer");
    return a(), r("div", xk, [d(m), n("div", Ok, [n("div", Bk, [i.isMobile ? (a(), p(_, {
        key: 0,
        isMobile: i.isMobile,
        type: 6,
        onClose: t[0] || (t[0] = y => e.$emit("back"))
    }, null, 8, ["isMobile"])) : h("", !0), w("Документы")]), $k, n("div", Nk, [(a(!0), r(I, null, M(i.tabs, (y, f) => (a(), p(b, {
        key: y.type,
        doc: y,
        absent: i.isAbsent(y),
        active: i.isActive(y),
        onClick: k => e.currentDocumentIndex = f
    }, null, 8, ["doc", "absent", "active", "onClick"]))), 128))])]), d(ae, {
        name: "gl-page-switch",
        mode: "out-in"
    }, {
        default: E(() => [(a(), r("div", {
            class: "main-menu-docs__content",
            key: i.currentDocument.type
        }, [(a(), p(z(i.currentDocument.component), {
            class: T(["main-menu-docs__card", i.getComponentClass(i.currentDocument)]),
            key: i.currentDocument.type,
            isMobile: i.isMobile,
            data: i.currentDocument.data,
            type: i.currentDocument.type,
            style: x({
                background: `url(${e.backgrounds[`/src/assets/images/docs/backgrounds/${i.currentDocument.background}`]}) center / contain no-repeat`
            })
        }, null, 8, ["isMobile", "data", "type", "class", "style"]))]))]),
        _: 1
    }), i.isMobile ? h("", !0) : (a(), r("div", Rk, [d(g, {
        text: "Смена категории"
    }, {
        default: E(() => [d(u, {
            keyCode: e.KEY_CODE_W,
            text: "W",
            pressSound: "UI/UI_menu_click_03.mp3",
            onPressed: i.prev
        }, null, 8, ["keyCode", "onPressed"]), d(u, {
            keyCode: e.KEY_CODE_S,
            text: "S",
            pressSound: "UI/UI_menu_click_03.mp3",
            style: {
                "margin-left": "1.11vh"
            },
            onPressed: i.next
        }, null, 8, ["keyCode", "onPressed"])]),
        _: 1
    })]))])
}
const Hk = {
        props: ["docs", "havingDocs"],
        components: {
            ControlsClose: rt,
            ControlsButton: H,
            ControlsButtonContainer: Pe,
            Passport: Ed,
            LicensesCertificate: kd,
            MedCard: Id,
            LawEnforcementCard: Ld,
            IdentityCardTK: wd,
            CombinedVehiclePassports: Sd,
            Pattern: IE,
            SidebarTab: Lk
        },
        data: () => ({
            KEY_CODE_W: window.KEY_CODE_W,
            KEY_CODE_S: window.KEY_CODE_S,
            KEY_CODE_A: window.KEY_CODE_A,
            KEY_CODE_D: window.KEY_CODE_D,
            DEFAULT_DOC_TYPES: te,
            backgrounds: Object.assign({
                "/src/assets/images/docs/backgrounds/identity-card-government.png": _d,
                "/src/assets/images/docs/backgrounds/identity-card-med-back.png": dd,
                "/src/assets/images/docs/backgrounds/identity-card-med.png": ud,
                "/src/assets/images/docs/backgrounds/identity-card-rythm.png": hd,
                "/src/assets/images/docs/backgrounds/identity-card-tk-batyrevo.png": pd,
                "/src/assets/images/docs/backgrounds/identity-card-tk-lytkarino.png": gd,
                "/src/assets/images/docs/backgrounds/identity-card-tk-southern.png": bd,
                "/src/assets/images/docs/backgrounds/licenses-certificate.png": vd,
                "/src/assets/images/docs/backgrounds/medcard.png": Cd,
                "/src/assets/images/docs/backgrounds/passport.png": yd,
                "/src/assets/images/docs/backgrounds/tech-passport.png": fd,
                "/src/assets/images/docs/backgrounds/vehicle-passport.png": Td
            }),
            currentDocumentIndex: 0
        }),
        computed: {
            isMobile() {
                return this.$root.isMobile
            },
            filteredDocs() {
                return this.docs.filter(e => this.havingDocs.indexOf(e.type) > -1)
            },
            currentDocument() {
                return this.tabs[this.currentDocumentIndex]
            },
            tabs() {
                return this.docs.filter(e => this.havingDocs.includes(e.type) && e.type !== te.COMBINED_VEHICLE_PASSPORTS)
            }
        },
        methods: {
            getComponentClass(e) {
                return {
                    "main-menu-docs__card_wide": e.type === te.LAW_ENFORCEMENT_CARD_FSB || e.type === te.LAW_ENFORCEMENT_CARD_MIA || e.type === te.LAW_ENFORCEMENT_CARD_MOD || e.type === te.LAW_ENFORCEMENT_CARD_MES || e.type === te.LAW_ENFORCEMENT_CARD_FPS
                }
            },
            isAbsent({
                type: e
            }) {
                return this.havingDocs.indexOf(e) === -1
            },
            isActive({
                type: e
            }) {
                return e === this.currentDocument.type
            },
            prev() {
                do this.currentDocumentIndex-- <= 0 && (this.currentDocumentIndex = this.tabs.length - 1); while (this.isAbsent(this.tabs[this.currentDocumentIndex]))
            },
            next() {
                do this.currentDocumentIndex++ >= this.tabs.length - 1 && (this.currentDocumentIndex = 0); while (this.isAbsent(this.tabs[this.currentDocumentIndex]))
            },
            back() {
                this.$emit("back")
            }
        }
    },
    Uk = v(Hk, [
        ["render", Vk]
    ]),
    Yk = {
        data: () => ({
            havingDocs: Object.values(te),
            docs: [{
                type: te.PASSPORT,
                icon: "Passport",
                background: "passport.png",
                component: "Passport",
                title: "Паспорт",
                parse: Md
            }, {
                type: te.LICENSES_CERTIFICATE,
                icon: "LicensesCertificate",
                background: "licenses-certificate.png",
                component: "LicensesCertificate",
                title: "Лицензии",
                parse: Pd
            }, {
                type: te.MED_CARD,
                icon: "MedCard",
                background: "medcard.png",
                component: "MedCard",
                title: "Мед. карта",
                parse: Ad
            }, {
                type: te.LAW_ENFORCEMENT_CARD_FSB,
                icon: "Passport",
                background: "fsb-identity-card.png",
                component: "LawEnforcementCard",
                title: "Удостоверение",
                parse: ds
            }, {
                type: te.LAW_ENFORCEMENT_CARD_MIA,
                icon: "Passport",
                background: "mia-identity-card.png",
                component: "LawEnforcementCard",
                title: "Удостоверение",
                parse: ds
            }, {
                type: te.LAW_ENFORCEMENT_CARD_MOD,
                icon: "Passport",
                background: "mod-identity-card.png",
                component: "LawEnforcementCard",
                title: "Удостоверение",
                parse: ds
            }, {
                type: te.LAW_ENFORCEMENT_CARD_MES,
                icon: "Passport",
                background: "mes-identity-card.png",
                component: "LawEnforcementCard",
                title: "Удостоверение",
                parse: ds
            }, {
                type: te.LAW_ENFORCEMENT_CARD_FPS,
                icon: "Passport",
                background: "fps-identity-card.png",
                component: "LawEnforcementCard",
                title: "Удостоверение",
                parse: ds
            }, {
                type: te.IDENTITY_CARD_TK_SOUTHERN,
                icon: "DriverCard",
                background: "identity-card-tk-southern.png",
                component: "IdentityCardTK",
                title: "Карта водителя",
                parse: Cn
            }, {
                type: te.IDENTITY_CARD_TK_LYTKARINO,
                icon: "DriverCard",
                background: "identity-card-tk-lytkarino.png",
                component: "IdentityCardTK",
                title: "Карта водителя",
                parse: Cn
            }, {
                type: te.IDENTITY_CARD_TK_BATYREVO,
                icon: "DriverCard",
                background: "identity-card-tk-batyrevo.png",
                component: "IdentityCardTK",
                title: "Карта водителя",
                parse: Cn
            }, {
                type: te.COMBINED_VEHICLE_PASSPORTS,
                icon: "passport.svg",
                background: "tech-passport.png",
                component: "CombinedVehiclePassports",
                title: "Технический паспорт транспорта",
                parse: Dd
            }]
        }),
        methods: {
            updateDocsData(e) {
                this.havingDocs = [];
                for (let t of e) {
                    const s = t[0],
                        l = t[1];
                    this.setDocumentData(s, l), this.havingDocs.push(s)
                }
            },
            setDocumentData(e, t) {
                let s = this.docs.findIndex(l => l.type === e);
                this.docs[s].data = this.parseDocumentData(e, t), this.$forceUpdate()
            },
            parseDocumentData(e, t) {
                let s = typeof t == "string" ? JSON.parse(t) : t,
                    l = this.docs.findIndex(o => o.type === e);
                return this.docs[l].parse(s)
            }
        }
    },
    Fo = {
        UPDATE_BONUS_CODE: 7
    },
    Kk = {
        data: () => ({
            promocodes: {
                errors: {
                    bonuscode: null,
                    promocode: null
                },
                hint: {
                    bonuscode: "",
                    promocode: ""
                }
            }
        }),
        methods: {
            setPromocodesError(e, t) {
                this.promocodes.errors[e] = t
            },
            setPromocodesHint(e, t) {
                this.promocodes.hint[e] = t
            },
            resetPromocodesData() {
                this.promocodes.hint.bonuscode = "", this.promocodes.hint.promocode = ""
            },
            updatePromocodeData(e, t) {
                typeof t[0] == "number" ? e === Fo.UPDATE_BONUS_CODE ? this.promocodes.errors.promocode = t[1] : this.promocodes.errors.bonuscode = t[1] : e === Fo.UPDATE_BONUS_CODE ? this.promocodes.hint.promocode = t[0] : this.promocodes.hint.bonuscode = t.join(", ")
            }
        }
    },
    uo = e => (D("data-v-f77e3fac"), e = e(), L(), e),
    Gk = uo(() => n("div", {
        class: "main-menu-promocodes__image"
    }, [n("img", {
        src: Lc
    })], -1)),
    Fk = uo(() => n("div", {
        class: "main-menu-promocodes__title"
    }, "Активация кодов", -1)),
    zk = uo(() => n("div", {
        class: "main-menu-promocodes__text"
    }, "Введите найденный вами промокод, либо бонус код", -1)),
    Zk = {
        class: "main-menu-promocodes__fields"
    },
    qk = {
        class: "main-menu-promocodes__field"
    },
    Wk = {
        key: 0,
        class: "main-menu-promocodes__input-placeholder"
    },
    jk = {
        key: 0,
        class: "main-menu-promocodes__field-error"
    },
    Xk = {
        key: 1,
        class: "main-menu-promocodes__field-hint"
    },
    Qk = {
        class: "main-menu-promocodes__field"
    },
    Jk = {
        key: 0,
        class: "main-menu-promocodes__input-placeholder"
    },
    eI = {
        key: 0,
        class: "main-menu-promocodes__field-error"
    },
    tI = {
        key: 1,
        class: "main-menu-promocodes__field-hint"
    };

function sI(e, t, s, l, o, i) {
    return a(), r("div", {
        class: T(["main-menu-promocodes", {
            "main-menu-promocodes_mobile": i.isMobile
        }])
    }, [Gk, Fk, zk, n("div", {
        class: "main-menu-promocodes__btn main-menu-promocodes__rewards",
        onClick: t[0] || (t[0] = m => i.gotoRewards())
    }, "Мои награды"), n("div", Zk, [n("div", qk, [n("div", {
        class: T(["main-menu-promocodes__input", {
            "main-menu-promocodes__input_error": !!s.errors.promocode
        }])
    }, [Ts(n("input", {
        "onUpdate:modelValue": t[1] || (t[1] = m => e.promoCode = m)
    }, null, 512), [
        [Es, e.promoCode]
    ]), e.promoCode ? h("", !0) : (a(), r("div", Wk, "Укажите промокод"))], 2), n("div", {
        class: T(["main-menu-promocodes__btn", {
            "main-menu-promocodes__btn_disabled": !i.validateField(e.promoCode)
        }]),
        onClick: t[2] || (t[2] = m => i.onActivatePromoCode())
    }, "Активировать код", 2), s.errors.promocode ? (a(), r("div", jk, C(s.errors.promocode), 1)) : h("", !0), s.hint.promocode && !s.errors.promocode ? (a(), r("div", Xk, C(s.hint.promocode), 1)) : h("", !0)]), n("div", Qk, [n("div", {
        class: T(["main-menu-promocodes__input", {
            "main-menu-promocodes__input_error": !!s.errors.bonuscode
        }])
    }, [Ts(n("input", {
        "onUpdate:modelValue": t[3] || (t[3] = m => e.bonusCode = m)
    }, null, 512), [
        [Es, e.bonusCode]
    ]), e.bonusCode ? h("", !0) : (a(), r("div", Jk, "Укажите бонус код"))], 2), n("div", {
        class: T(["main-menu-promocodes__btn", {
            "main-menu-promocodes__btn_disabled": !i.validateField(e.bonusCode) || !!s.errors.bonuscode
        }]),
        onClick: t[4] || (t[4] = m => i.onActivateBonusCode())
    }, "Активировать код", 2), s.errors.bonuscode ? (a(), r("div", eI, C(s.errors.bonuscode), 1)) : h("", !0), s.hint.bonuscode && !s.errors.bonuscode ? (a(), r("div", tI, C(s.hint.bonuscode), 1)) : h("", !0)])])], 2)
}
const iI = {
        props: ["hint", "errors"],
        data: () => ({
            promoCode: "",
            bonusCode: ""
        }),
        computed: {
            isMobile() {
                return this.$root.isMobile
            }
        },
        methods: {
            gotoRewards() {
                sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "BonusCode_OnPlayerOpenRewards")
            },
            onActivatePromoCode() {
                sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "Promocode_OnPlayerActivate", this.promoCode)
            },
            onActivateBonusCode() {
                sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "BonusCode_OnPlayerActivate", this.bonusCode)
            },
            validateField(e) {
                return e.trim()
                    .length > 0
            }
        },
        watch: {
            promoCode() {
                this.errors.promocode && window.interface("MainMenu")
                    .setPromocodesError("promocode", null), this.bonusCode.length == 0 && (window.interface("MainMenu")
                        .setPromocodesError("promocode", null), window.interface("MainMenu")
                        .resetPromocodesData())
            },
            bonusCode() {
                this.errors.promocode && window.interface("MainMenu")
                    .setPromocodesError("bonuscode", null), this.bonusCode.length == 0 && (window.interface("MainMenu")
                        .setPromocodesError("bonuscode", null), window.interface("MainMenu")
                        .resetPromocodesData())
            }
        }
    },
    nI = v(iI, [
        ["render", sI],
        ["__scopeId", "data-v-f77e3fac"]
    ]),
    he = {
        NEVER_STARTED: 0,
        COMPLETED: 1,
        IN_PROGRESS: 2,
        NOT_ACTIVE: 3
    },
    ql = {
        [he.NEVER_STARTED]: "не начато",
        [he.IN_PROGRESS]: "в процессе",
        [he.COMPLETED]: "выполнено",
        [he.NOT_ACTIVE]: "не начато"
    },
    He = {
        START: 0,
        STORY: 1,
        OTHER: 2
    },
    aI = e => (D("data-v-b29d011e"), e = e(), L(), e),
    oI = aI(() => n("div", {
        class: "main-menu-tasks-sidebar-item__light"
    }, null, -1)),
    rI = {
        class: "main-menu-tasks-sidebar-item__content"
    },
    lI = ["src"],
    cI = {
        class: "main-menu-tasks-sidebar-item__content-text"
    },
    mI = {
        class: "main-menu-tasks-sidebar-item__content-status"
    },
    _I = {
        class: "main-menu-tasks-sidebar-item__content-name"
    };

function dI(e, t, s, l, o, i) {
    const m = c("GlobalHoverWrapper");
    return a(), p(m, {
        class: T(["main-menu-tasks-sidebar-item", i.classes]),
        isBright: s.isSelected,
        clickSound: "UI/UI_menu_click_03.mp3"
    }, {
        default: E(() => [oI, n("div", rI, [n("img", {
            class: "main-menu-tasks-sidebar-item__content-icon",
            src: i.icon
        }, null, 8, lI), n("div", cI, [n("div", mI, C(e.TASK_STATUS_TEXT[s.status]), 1), n("div", _I, C(s.name), 1)])])]),
        _: 1
    }, 8, ["class", "isBright"])
}
const uI = {
        props: ["name", "status", "type", "isSelected"],
        data: () => ({
            TASK_STATUS_TEXT: ql,
            tasksImages: Object.assign({
                "/src/assets/images/main-menu/tasks/dots.png": wr,
                "/src/assets/images/main-menu/tasks/icon-main.png": Sr,
                "/src/assets/images/main-menu/tasks/icon-other.png": Mr,
                "/src/assets/images/main-menu/tasks/icon-story.png": Pr
            }),
            images: Object.assign({
                "/src/assets/images/main-menu/EXP.png": qt,
                "/src/assets/images/main-menu/bank-effect.png": Wt,
                "/src/assets/images/main-menu/card.png": jt,
                "/src/assets/images/main-menu/celebration-buy.png": Xt,
                "/src/assets/images/main-menu/celebration-gift.png": Qt,
                "/src/assets/images/main-menu/chip-effect.png": Jt,
                "/src/assets/images/main-menu/chip.png": es,
                "/src/assets/images/main-menu/dotted-line.png": ts,
                "/src/assets/images/main-menu/glow.png": ss,
                "/src/assets/images/main-menu/icon-check.png": Ye,
                "/src/assets/images/main-menu/icon-gold-vip.png": is,
                "/src/assets/images/main-menu/icon-info.png": cs,
                "/src/assets/images/main-menu/icon-new-page.png": lt,
                "/src/assets/images/main-menu/icon-platinum-vip.png": ns,
                "/src/assets/images/main-menu/icon-silver-vip.png": as,
                "/src/assets/images/main-menu/icon-test-drive.png": ct,
                "/src/assets/images/main-menu/icon-user.png": Te,
                "/src/assets/images/main-menu/level.svg": Ar,
                "/src/assets/images/main-menu/round-icon-check.png": mt,
                "/src/assets/images/main-menu/round-icon-cross.png": os,
                "/src/assets/images/main-menu/sad-icon.png": _t,
                "/src/assets/images/main-menu/star.png": rs,
                "/src/assets/images/main-menu/warning-icon.png": ls
            })
        }),
        computed: {
            classes() {
                return {
                    "main-menu-tasks-sidebar-item_in-progress": this.status === he.IN_PROGRESS,
                    "main-menu-tasks-sidebar-item_completed": this.status === he.COMPLETED,
                    "main-menu-tasks-sidebar-item_selected": this.isSelected,
                    "main-menu-tasks-sidebar-item_hoverable": !this.isMobile
                }
            },
            icon() {
                return this.type === He.STORY ? this.tasksImages["/src/assets/images/main-menu/tasks/icon-story.png"] : this.type === He.OTHER ? this.tasksImages["/src/assets/images/main-menu/tasks/icon-other.png"] : this.status === he.COMPLETED ? this.images["/src/assets/images/main-menu/icon-check.png"] : this.tasksImages["/src/assets/images/main-menu/tasks/icon-main.png"]
            },
            isMobile() {
                return this.$root.isMobile
            }
        }
    },
    hI = v(uI, [
        ["render", dI],
        ["__scopeId", "data-v-b29d011e"]
    ]),
    pI = {
        class: "main-menu-tasks-sidebar-switcher"
    },
    gI = {
        class: "main-menu-tasks-sidebar-switcher__items"
    },
    bI = ["src"],
    vI = {
        class: "main-menu-tasks-sidebar-switcher__item-name"
    };

function CI(e, t, s, l, o, i) {
    const m = c("ControlsButton"),
        _ = c("GlobalHoverWrapper");
    return a(), r("div", pI, [d(m, {
        class: "main-menu-tasks-sidebar-switcher__control",
        keyCode: e.KEY_CODE_A,
        text: "A",
        pressSound: "UI/UI_menu_click_03.mp3",
        onPressed: i.prevTab
    }, null, 8, ["keyCode", "onPressed"]), n("div", gI, [(a(!0), r(I, null, M(s.tabs, (b, u) => (a(), p(_, {
        class: T(["main-menu-tasks-sidebar-switcher__item", {
            "main-menu-tasks-sidebar-switcher__item_selected": u === s.currentTabIndex,
            "main-menu-tasks-sidebar-switcher__item_hoverable": !i.isMobile
        }]),
        key: u,
        isBright: u === s.currentTabIndex,
        clickSound: "UI/UI_menu_click_03.mp3",
        onClick: g => i.selectTab(u)
    }, {
        default: E(() => [n("img", {
            class: "main-menu-tasks-sidebar-switcher__item-icon",
            src: s.getTabIcon(b)
        }, null, 8, bI), n("div", vI, C(b.label), 1)]),
        _: 2
    }, 1032, ["isBright", "class", "onClick"]))), 128))]), d(m, {
        class: "main-menu-tasks-sidebar-switcher__control",
        keyCode: e.KEY_CODE_D,
        text: "D",
        pressSound: "UI/UI_menu_click_03.mp3",
        onPressed: i.nextTab
    }, null, 8, ["keyCode", "onPressed"])])
}
const yI = {
        props: ["tabs", "currentTabIndex", "getTabIcon"],
        components: {
            ControlsButton: H
        },
        data: () => ({
            KEY_CODE_A: window.KEY_CODE_A,
            KEY_CODE_D: window.KEY_CODE_D
        }),
        computed: {
            isMobile() {
                return this.$root.isMobile
            }
        },
        methods: {
            selectTab(e) {
                this.$emit("selectTab", e)
            },
            prevTab() {
                const e = this.currentTabIndex - 1 < 0 ? this.tabs.length - 1 : this.currentTabIndex - 1;
                this.$emit("selectTab", e)
            },
            nextTab() {
                const e = this.currentTabIndex + 1 > this.tabs.length - 1 ? 0 : this.currentTabIndex + 1;
                this.$emit("selectTab", e)
            }
        }
    },
    fI = v(yI, [
        ["render", CI],
        ["__scopeId", "data-v-d654f293"]
    ]),
    ho = e => (D("data-v-84300d98"), e = e(), L(), e),
    TI = {
        class: "main-menu-tasks-sidebar"
    },
    EI = {
        class: "main-menu-tasks-sidebar-header"
    },
    kI = ho(() => n("div", {
        class: "main-menu-tasks-sidebar-header__title"
    }, "Начальные задания", -1)),
    II = ho(() => n("div", {
        class: "main-menu-tasks-sidebar-divider"
    }, null, -1)),
    wI = {
        class: "main-menu-tasks-sidebar-items"
    },
    SI = {
        class: "main-menu-tasks-sidebar-items__wrapper"
    },
    MI = ho(() => n("div", {
        class: "main-menu-tasks-sidebar-divider"
    }, null, -1));

function PI(e, t, s, l, o, i) {
    const m = c("TasksSidebarSwitcher"),
        _ = c("TaskSidebarItem"),
        b = c("ScrollableContainer");
    return a(), r("div", TI, [i.isMobile ? (a(), p(m, {
        key: 0,
        tabs: s.tabs,
        currentTabIndex: s.currentTabIndex,
        getTabIcon: i.getTabIcon,
        onSelectTab: i.selectTab
    }, null, 8, ["tabs", "currentTabIndex", "getTabIcon", "onSelectTab"])) : h("", !0), n("div", EI, [kI, i.isMobile ? h("", !0) : (a(), p(m, {
        key: 0,
        tabs: s.tabs,
        currentTabIndex: s.currentTabIndex,
        getTabIcon: i.getTabIcon,
        onSelectTab: i.selectTab
    }, null, 8, ["tabs", "currentTabIndex", "getTabIcon", "onSelectTab"]))]), II, n("div", wI, [d(b, {
        class: "main-menu-tasks-sidebar-items__container",
        type: 9,
        requiredVerticalScroll: e.requiredScroll,
        onContentScroll: i.onScroll
    }, {
        default: E(() => [n("div", SI, [(a(!0), r(I, null, M(i.currentItems, (u, g) => (a(), r("div", {
            class: "main-menu-tasks-sidebar-item-wrapper",
            key: `${s.currentTabIndex}${g}`
        }, [u.status !== e.TASK_STATUS.NOT_ACTIVE ? (a(), p(_, {
            key: 0,
            class: "main-menu-tasks-sidebar-item",
            ref_for: !0,
            ref: `item-${s.currentTabIndex}-${g}`,
            name: u.name,
            status: u.status,
            type: s.tabs[s.currentTabIndex].type,
            isSelected: i.checkIfItemIsSelected(g),
            onClick: y => i.selectItem(s.currentTabIndex, g)
        }, null, 8, ["name", "status", "type", "isSelected", "onClick"])) : h("", !0)]))), 128))])]),
        _: 1
    }, 8, ["requiredVerticalScroll", "onContentScroll"]), MI])])
}
const AI = {
        props: ["tabs", "currentItem", "currentTabIndex"],
        components: {
            ScrollableContainer: U,
            ControlsButton: H,
            TaskSidebarItem: hI,
            TasksSidebarSwitcher: fI
        },
        data: () => ({
            TASK_STATUS: he,
            images: Object.assign({
                "/src/assets/images/main-menu/tasks/dots.png": wr,
                "/src/assets/images/main-menu/tasks/icon-main.png": Sr,
                "/src/assets/images/main-menu/tasks/icon-other.png": Mr,
                "/src/assets/images/main-menu/tasks/icon-story.png": Pr
            }),
            itemWasSelectedByClick: !1,
            requiredScroll: 0
        }),
        computed: {
            isMobile() {
                return this.$root.isMobile
            },
            currentItems() {
                return this.tabs[this.currentTabIndex].items
            }
        },
        methods: {
            onScroll({
                scrollableWrapper: e
            }) {
                this.scrollableWrapper = e
            },
            selectItem(e, t) {
                t !== this.currentItem.index && (this.$emit("change", e, t), this.itemWasSelectedByClick = !0)
            },
            checkIfItemIsSelected(e) {
                return this.currentTabIndex === this.currentItem.type && e === this.currentItem.index
            },
            getTabIcon(e) {
                return e.type === He.STORY ? this.images["/src/assets/images/main-menu/tasks/icon-story.png"] : e.type === He.OTHER ? this.images["/src/assets/images/main-menu/tasks/icon-other.png"] : this.images["/src/assets/images/main-menu/tasks/icon-main.png"]
            },
            selectTab(e) {
                this.$emit("selectTab", e)
            }
        },
        watch: {
            "currentItem.index"(e) {
                var t, s, l, o;
                if (!this.itemWasSelectedByClick && this.scrollableWrapper) {
                    const i = this.scrollableWrapper.offsetHeight,
                        m = (s = (t = this.$refs[`item-${this.currentTabIndex}-${e}`]) == null ? void 0 : t[0]) == null ? void 0 : s.$el.offsetTop,
                        _ = (o = (l = this.$refs[`item-${this.currentTabIndex}-${e}`]) == null ? void 0 : l[0]) == null ? void 0 : o.$el.offsetHeight,
                        b = m < this.scrollableWrapper.scrollTop,
                        u = m + _ > this.scrollableWrapper.scrollTop + i;
                    (b || u) && (this.requiredScroll = m - i / 2 - _ / 2)
                }
                this.itemWasSelectedByClick = !1
            },
            currentTabIndex() {
                this.requiredScroll = this.requiredScroll > 0 ? 0 : --this.requiredScroll
            }
        }
    },
    DI = v(AI, [
        ["render", PI],
        ["__scopeId", "data-v-84300d98"]
    ]),
    po = e => (D("data-v-41dc4e9a"), e = e(), L(), e),
    LI = po(() => n("div", {
        class: "main-menu-tasks-subtask__light"
    }, null, -1)),
    xI = {
        class: "main-menu-tasks-subtask__container"
    },
    OI = {
        class: "main-menu-tasks-subtask__title"
    },
    BI = po(() => n("div", {
        class: "main-menu-tasks-subtask__dots"
    }, [n("div", {
        class: "main-menu-tasks-subtask__dots-image"
    })], -1)),
    $I = {
        key: 0,
        class: "main-menu-tasks-subtask__progress"
    },
    NI = {
        class: "main-menu-tasks-subtask__progress-done"
    },
    RI = {
        class: "main-menu-tasks-subtask__progress-goal"
    },
    VI = {
        key: 1,
        class: "main-menu-tasks-subtask__completed"
    },
    HI = po(() => n("img", {
        class: "main-menu-tasks-subtask__completed-icon",
        src: Ye
    }, null, -1));

function UI(e, t, s, l, o, i) {
    return a(), r("div", {
        class: T(["main-menu-tasks-subtask", i.classes])
    }, [LI, n("div", xI, [n("div", OI, C(s.title), 1), BI, !s.isCompleted && s.goal > 0 ? (a(), r("div", $I, [n("div", NI, C(s.done), 1), w("/"), n("div", RI, C(s.goal), 1)])) : s.isCompleted ? (a(), r("div", VI, [HI, w("Выполнено")])) : h("", !0)])], 2)
}
const YI = {
        props: ["title", "done", "goal", "isCompleted", "isInProgress"],
        computed: {
            classes() {
                return {
                    "main-menu-tasks-subtask_in-progress": this.isInProgress,
                    "main-menu-tasks-subtask_completed": this.isCompleted
                }
            }
        }
    },
    KI = v(YI, [
        ["render", UI],
        ["__scopeId", "data-v-41dc4e9a"]
    ]),
    qs = e => (D("data-v-5bc56b78"), e = e(), L(), e),
    GI = {
        class: "main-menu-tasks-task__title"
    },
    FI = qs(() => n("div", {
        class: "main-menu-tasks-task__title-light"
    }, null, -1)),
    zI = {
        class: "main-menu-tasks-task__title-status"
    },
    ZI = {
        class: "main-menu-tasks-task__title-name"
    },
    qI = qs(() => n("div", {
        class: "main-menu-tasks-task__title-divider"
    }, [n("div", {
        class: "main-menu-tasks-task__divider"
    })], -1)),
    WI = {
        class: "main-menu-tasks-task__content"
    },
    jI = {
        class: "main-menu-tasks-task__description"
    },
    XI = {
        class: "main-menu-tasks-task__subtasks"
    },
    QI = qs(() => n("div", {
        class: "main-menu-tasks-task__subtasks-title"
    }, [w("Задачи"), n("div", {
        class: "main-menu-tasks-task__divider"
    })], -1)),
    JI = {
        class: "main-menu-tasks-task__subtasks-items"
    },
    ew = {
        class: "main-menu-tasks-task__reward"
    },
    tw = qs(() => n("div", {
        class: "main-menu-tasks-task__reward-title"
    }, [w("награда"), n("div", {
        class: "main-menu-tasks-task__divider"
    })], -1)),
    sw = {
        class: "main-menu-tasks-task__reward-items"
    },
    iw = {
        class: "main-menu-tasks-task__reward-item"
    },
    nw = ["src"],
    aw = {
        key: 1,
        class: "main-menu-tasks-task__completed"
    },
    ow = qs(() => n("div", {
        class: "main-menu-tasks-task__completed-content"
    }, [n("div", {
        class: "main-menu-tasks-task__completed-light"
    }), n("img", {
        class: "main-menu-tasks-task__completed-icon",
        src: Ye
    }), n("div", {
        class: "main-menu-tasks-task__completed-text"
    }, "задание выполнено!")], -1)),
    rw = [ow];

function lw(e, t, s, l, o, i) {
    const m = c("SubTask"),
        _ = c("Button"),
        b = c("ScrollableContainer");
    return a(), r("div", {
        class: T(["main-menu-tasks-task", i.classes])
    }, [n("div", GI, [FI, n("div", zI, C(o.TASK_STATUS_TEXT[s.task.status]), 1), n("div", ZI, C(s.task.name), 1), qI]), d(b, {
        class: "main-menu-tasks-task__wrapper",
        type: 9
    }, {
        default: E(() => [n("div", WI, [n("div", jI, C(s.task.description), 1), n("div", XI, [QI, n("div", JI, [d(m, {
            class: "main-menu-tasks-task__subtasks-item",
            goal: s.task.goal,
            done: s.task.done,
            title: s.task.task,
            isCompleted: i.isCompleted,
            isInProgress: i.isInProgress
        }, null, 8, ["goal", "done", "title", "isCompleted", "isInProgress"])])]), i.isCompleted ? (a(), r("div", aw, rw)) : (a(), r(I, {
            key: 0
        }, [n("div", ew, [tw, n("div", sw, [(a(!0), r(I, null, M(s.task.reward, u => (a(), r("div", iw, [n("img", {
            class: "main-menu-tasks-task__reward-item-icon",
            src: i.getRewardIcon(u.type)
        }, null, 8, nw), w(C(i.formatNumberWithSpaces(u.value)), 1)]))), 256))])]), d(_, {
            class: "main-menu-tasks-task__button",
            type: i.isInProgress ? "red" : "white",
            text: i.isInProgress ? "остановить выполнение задания" : "начать задание",
            onClick: i.onStartClick
        }, null, 8, ["type", "text", "onClick"])], 64))])]),
        _: 1
    })], 2)
}
const cw = {
        props: ["task", "isSquareMobile"],
        components: {
            SubTask: KI,
            TextHint: Ke,
            Button: q,
            ScrollableContainer: U
        },
        data() {
            return {
                TASK_STATUS: he,
                TASK_STATUS_TEXT: ql,
                mainMenuImages: Object.assign({
                    "/src/assets/images/main-menu/EXP.png": qt,
                    "/src/assets/images/main-menu/bank-effect.png": Wt,
                    "/src/assets/images/main-menu/card.png": jt,
                    "/src/assets/images/main-menu/celebration-buy.png": Xt,
                    "/src/assets/images/main-menu/celebration-gift.png": Qt,
                    "/src/assets/images/main-menu/chip-effect.png": Jt,
                    "/src/assets/images/main-menu/chip.png": es,
                    "/src/assets/images/main-menu/dotted-line.png": ts,
                    "/src/assets/images/main-menu/glow.png": ss,
                    "/src/assets/images/main-menu/icon-check.png": Ye,
                    "/src/assets/images/main-menu/icon-gold-vip.png": is,
                    "/src/assets/images/main-menu/icon-info.png": cs,
                    "/src/assets/images/main-menu/icon-new-page.png": lt,
                    "/src/assets/images/main-menu/icon-platinum-vip.png": ns,
                    "/src/assets/images/main-menu/icon-silver-vip.png": as,
                    "/src/assets/images/main-menu/icon-test-drive.png": ct,
                    "/src/assets/images/main-menu/icon-user.png": Te,
                    "/src/assets/images/main-menu/level.svg": Ar,
                    "/src/assets/images/main-menu/round-icon-check.png": mt,
                    "/src/assets/images/main-menu/round-icon-cross.png": os,
                    "/src/assets/images/main-menu/sad-icon.png": _t,
                    "/src/assets/images/main-menu/star.png": rs,
                    "/src/assets/images/main-menu/warning-icon.png": ls
                }),
                icons: Object.assign({
                    "/src/assets/images/icons/angle-up-primary.svg": sl,
                    "/src/assets/images/icons/angle-up-secondary.svg": il,
                    "/src/assets/images/icons/arrow-square-white.svg": nl,
                    "/src/assets/images/icons/backspace-icon.png": ws,
                    "/src/assets/images/icons/check.png": Ss,
                    "/src/assets/images/icons/close-mobile-back.svg": al,
                    "/src/assets/images/icons/close-mobile-borderless-square-white.svg": ol,
                    "/src/assets/images/icons/close-mobile-circle.svg": rl,
                    "/src/assets/images/icons/close-mobile-cross.svg": ll,
                    "/src/assets/images/icons/close-mobile-octagonal.svg": cl,
                    "/src/assets/images/icons/close-mobile-square-black.svg": ml,
                    "/src/assets/images/icons/close-mobile-square-white.svg": _l,
                    "/src/assets/images/icons/close-mobile.svg": dl,
                    "/src/assets/images/icons/close-primary.svg": ul,
                    "/src/assets/images/icons/close-secondary.svg": hl,
                    "/src/assets/images/icons/close.svg": El,
                    "/src/assets/images/icons/cross.png": Ms,
                    "/src/assets/images/icons/donate.png": Ze,
                    "/src/assets/images/icons/dots.png": Ps,
                    "/src/assets/images/icons/enter-button-icon.png": As,
                    "/src/assets/images/icons/enter-icon.png": Ds,
                    "/src/assets/images/icons/faq.svg": pl,
                    "/src/assets/images/icons/google-authenticator.svg": gl,
                    "/src/assets/images/icons/icon-capacity.png": Ls,
                    "/src/assets/images/icons/icon-damage.png": xs,
                    "/src/assets/images/icons/icon-fuel-type.png": Os,
                    "/src/assets/images/icons/icon-max-fuel.png": Bs,
                    "/src/assets/images/icons/icon-max-seats.png": $s,
                    "/src/assets/images/icons/left-mouse-button.svg": bl,
                    "/src/assets/images/icons/left-mouse.png": Ns,
                    "/src/assets/images/icons/long-arrow-left-primary.svg": vl,
                    "/src/assets/images/icons/long-arrow-left-secondary.svg": Cl,
                    "/src/assets/images/icons/middle-mouse.png": Rs,
                    "/src/assets/images/icons/minus.png": at,
                    "/src/assets/images/icons/money.png": Ae,
                    "/src/assets/images/icons/money_small.png": zt,
                    "/src/assets/images/icons/plus.png": ot,
                    "/src/assets/images/icons/question-mark-glow.png": Vs,
                    "/src/assets/images/icons/question-mark.png": Hs,
                    "/src/assets/images/icons/right-mouse.png": Us,
                    "/src/assets/images/icons/rouble_sign.svg": yl,
                    "/src/assets/images/icons/rouble_sign_grey.svg": fl,
                    "/src/assets/images/icons/rub.png": Ys,
                    "/src/assets/images/icons/tab-icon.png": Ks,
                    "/src/assets/images/icons/telegram-authenticator.svg": Tl
                })
            }
        },
        computed: {
            isCompleted() {
                return this.task.status === he.COMPLETED
            },
            isInProgress() {
                return this.task.status === he.IN_PROGRESS
            },
            classes() {
                return {
                    "main-menu-tasks-task_completed": this.isCompleted,
                    "main-menu-tasks-task_in-progress": this.isInProgress,
                    "main-menu-tasks-task_square-mobile": this.isSquareMobile
                }
            }
        },
        methods: {
            formatNumberWithSpaces: F,
            getRewardIcon(e) {
                return e === "money" ? this.icons["/src/assets/images/icons/money.png"] : this.mainMenuImages["/src/assets/images/main-menu/EXP.png"]
            },
            onStartClick() {
                this.$emit("startClick")
            }
        }
    },
    mw = v(cw, [
        ["render", lw],
        ["__scopeId", "data-v-5bc56b78"]
    ]);

function _w(e, t, s, l, o, i) {
    const m = c("GraffitiPattern"),
        _ = c("TasksSidebar"),
        b = c("Task"),
        u = c("ControlsButton"),
        g = c("ControlsContaineredButton");
    return a(), r("div", {
        class: T(["main-menu-tasks", {
            "main-menu-tasks_mobile": i.isMobile,
            "main-menu-tasks_mobile-square": s.isSquareMobile
        }])
    }, [d(m, {
        class: "main-menu-tasks__pattern",
        opacity: .05,
        rotate: 329,
        mirror: !0,
        maskImage: i.patternMask
    }, null, 8, ["maskImage"]), n("div", {
        class: T(["main-menu-tasks__light main-menu-tasks__light_left", i.lightColorClasses])
    }, null, 2), n("div", {
        class: T(["main-menu-tasks__light main-menu-tasks__light_right", i.rightLightColorClasses])
    }, null, 2), d(_, {
        tabs: i.filteredTasks,
        currentTabIndex: o.currentTabIndex,
        currentItem: o.currentTask,
        onSelectTab: i.selectTab,
        onChange: i.selectTask
    }, null, 8, ["tabs", "currentTabIndex", "currentItem", "onSelectTab", "onChange"]), (a(), p(b, {
        class: "main-menu-tasks__task",
        key: o.currentTask.index,
        task: i.currentTaskData,
        isSquareMobile: s.isSquareMobile,
        onStartClick: i.onClickButton
    }, null, 8, ["task", "isSquareMobile", "onStartClick"])), n("div", {
        class: T(["main-menu-tasks__controls", {
            "main-menu-tasks__controls_hidden": i.isMobile
        }])
    }, [d(u, {
        class: "main-menu-tasks__controls-button",
        text: "W",
        keyCode: o.KEY_CODE_W,
        pressSound: "UI/UI_menu_click_03.mp3",
        onPressed: t[0] || (t[0] = y => i.selectPrevOrNextTask(!1))
    }, null, 8, ["keyCode"]), d(g, {
        containerText: "Переключение",
        keyCode: o.KEY_CODE_S,
        pressSound: "UI/UI_menu_click_03.mp3",
        text: "S",
        onPressed: i.selectPrevOrNextTask
    }, null, 8, ["keyCode", "onPressed"]), i.currentTaskIsCompleted ? h("", !0) : (a(), p(g, {
        key: 0,
        containerText: "Начать/Приостановить задание",
        keyCode: o.KEY_CODE_ENTER,
        pressSound: "UI/UI_menu_click_03.mp3",
        text: "ENTER",
        onPressed: i.onClickButton
    }, null, 8, ["keyCode", "onPressed"]))], 2)], 2)
}
const zo = {
        PC: 92,
        MOBILE: 110
    },
    dw = {
        props: ["tasks", "isSquareMobile"],
        components: {
            TasksSidebar: DI,
            Task: mw,
            ControlsButton: H,
            ControlsContaineredButton: W,
            GraffitiPattern: en
        },
        data() {
            return {
                TASK_STATUS: he,
                KEY_CODE_W: window.KEY_CODE_W,
                KEY_CODE_S: window.KEY_CODE_S,
                KEY_CODE_ENTER: window.KEY_CODE_ENTER,
                KEY_CODE_V: window.KEY_CODE_V,
                isFirstResponse: !0,
                currentTask: null,
                currentTabIndex: 0
            }
        },
        computed: {
            patternMask() {
                return this.isMobile ? zo.MOBILE : zo.PC
            },
            filteredTasks() {
                return this.tasks.map(e => ({
                    ...e,
                    items: e.items.filter(t => t.status !== he.NOT_ACTIVE)
                }))
            },
            taskStarted() {
                let e = this.filteredTasks.map(s => {
                        let l = s.items.findIndex(o => o.status === he.IN_PROGRESS);
                        return l > -1 ? {
                            index: l,
                            task: s.items[l]
                        } : null
                    }),
                    t = e.findIndex(s => !!s);
                return t > -1 ? {
                    type: t,
                    ...e[t]
                } : null
            },
            currentTaskData() {
                if (this.currentTask) {
                    let e = this.filteredTasks[this.currentTask.type].items[this.currentTask.index];
                    return {
                        ...e,
                        reward: this.parseRewards(e)
                    }
                }
                return null
            },
            currentTaskIsCompleted() {
                return this.currentTaskData.status === he.COMPLETED
            },
            currentTaskIsInProgress() {
                return this.currentTaskData.status === he.IN_PROGRESS
            },
            isMobile() {
                return this.$root.isMobile
            },
            lightColorClasses() {
                return {
                    "main-menu-tasks__light_blue": this.filteredTasks[this.currentTabIndex].type === He.START,
                    "main-menu-tasks__light_yellow": this.filteredTasks[this.currentTabIndex].type === He.STORY,
                    "main-menu-tasks__light_violet": this.filteredTasks[this.currentTabIndex].type === He.OTHER
                }
            },
            rightLightColorClasses() {
                return {
                    ...this.lightColorClasses,
                    "main-menu-tasks__light_green": this.currentTaskIsCompleted
                }
            }
        },
        created() {
            this.taskStarted ? this.selectTask(this.taskStarted.type, this.taskStarted.index) : this.selectTask(0, 0)
        },
        methods: {
            onClickButton() {
                sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "OnClickQuests", this.currentTaskData.id)
            },
            toggleTaskInHud() {
                console.log("toggleTaskInHud")
            },
            selectTask(e, t) {
                this.currentTabIndex !== e && (this.currentTabIndex = e), this.currentTask = {
                    type: e,
                    index: t
                }
            },
            parseRewards(e) {
                const t = [{
                    from: "EXP",
                    to: "star"
                }, {
                    from: "руб",
                    to: "money"
                }];
                return e.reward.split(" и ")
                    .map(l => {
                        let o = null;
                        for (let i of t) l.indexOf(i.from) > -1 && (o = {
                            type: i.to,
                            value: Number.parseInt(l.split(` ${i.from}`)
                                .join(""))
                        });
                        return o
                    })
                    .filter(l => l !== null)
            },
            selectTab(e) {
                e < 0 || e >= this.filteredTasks.length || (this.currentTabIndex = e, this.selectTask(this.currentTabIndex, 0))
            },
            selectPrevOrNextTask(e = !0) {
                const t = this.currentTask ? this.currentTask.index + (e ? 1 : -1) : 0;
                this.filteredTasks[this.currentTabIndex].items[t] && this.selectTask(this.currentTabIndex, t)
            }
        },
        watch: {
            tasks() {
                this.isFirstResponse && (this.taskStarted && this.selectTask(this.taskStarted.type, this.taskStarted.index), this.isFirstResponse = !1)
            }
        }
    },
    uw = v(dw, [
        ["render", _w]
    ]),
    hw = ["Начало", "Сюжет", "Другое"],
    pw = {
        data: () => ({
            tasks: Vo.map((e, t) => ({
                label: hw[t],
                type: He[Object.keys(He)[t]],
                items: e
            })),
            serverIndex: [Vo],
            countQuests: [],
            finishQuests: [],
            tasksParams: [],
            isStartedTask: !1
        }),
        computed: {
            tasksWithStatuses() {
                const e = {
                    STATUS: 0,
                    DONE: 1,
                    GOAL: 2
                };
                return this.tasks.map((t, s) => {
                    let l = t.items.map((o, i) => {
                        let m = 0,
                            _ = 0,
                            b = 0;
                        return this.tasksParams.length > 0 && (m = this.tasksParams[s][i][e.STATUS], _ = this.tasksParams[s][i][e.DONE], b = this.tasksParams[s][i][e.GOAL]), {
                            ...o,
                            status: m,
                            done: _,
                            goal: b
                        }
                    });
                    return {
                        ...t,
                        items: l
                    }
                })
            }
        },
        methods: {
            updateTask(e) {
                this.tasksParams = e
            }
        }
    },
    gw = {
        class: "main-menu-report-chat-message__time"
    },
    bw = ["innerHTML"];

function vw(e, t, s, l, o, i) {
    return a(), r("div", {
        class: T(["main-menu-report-chat-message", l.classes])
    }, [n("div", gw, C(l.formatTime(new Date(s.data.createdAt * 1e3))), 1), n("div", {
        class: "main-menu-report-chat-message__text",
        innerHTML: s.data.text
    }, null, 8, bw)], 2)
}
const Cw = {
        PLAYER: 0,
        SYSTEM: 1
    },
    yw = {
        props: ["data", "isPrevMessageMine"],
        setup(e) {
            const {
                data: t,
                isPrevMessageMine: s
            } = to(e);
            return {
                classes: Xi(() => ({
                    "main-menu-report-chat-message_admin": t.value.isAdmin,
                    "main-menu-report-chat-message_system": t.value.type === Cw.SYSTEM,
                    "main-menu-report-chat-message_short-mt": s.value
                })),
                formatTime: jr
            }
        }
    },
    fw = v(yw, [
        ["render", vw]
    ]);

function Tw(e, t, s, l, o, i) {
    const m = c("GlobalHoverWrapper");
    return a(), p(m, {
        class: T(["main-menu-report-button pressable", l.classes]),
        clickSound: "UI/UI_menu_click_03.mp3"
    }, {
        default: E(() => [fe(e.$slots, "default")]),
        _: 3
    }, 8, ["class"])
}
const Ew = {
        props: ["disabled", "send", "transparent"],
        setup(e) {
            const {
                send: t,
                disabled: s,
                transparent: l
            } = to(e);
            return {
                classes: Xi(() => ({
                    "main-menu-report-button_send": t.value,
                    "main-menu-report-button_disabled": s.value,
                    "main-menu-report-button_transparent": l.value
                }))
            }
        }
    },
    Wl = v(Ew, [
        ["render", Tw]
    ]),
    kw = {},
    Iw = {
        xmlns: "http://www.w3.org/2000/svg",
        width: "21",
        height: "20",
        viewBox: "0 0 21 20",
        fill: "none"
    },
    ww = n("path", {
        d: "M17.8665 0.388204L2.16838 6.66746C0.123773 7.48531 0.709052 10.5244 2.91117 10.5244H8.33005C9.43462 10.5244 10.3301 11.4198 10.3301 12.5244L10.3301 17.9433C10.3301 20.1454 13.3692 20.7307 14.187 18.6861L20.4663 2.98794C21.1193 1.35531 19.4991 -0.264845 17.8665 0.388204Z",
        fill: "white"
    }, null, -1),
    Sw = [ww];

function Mw(e, t) {
    return a(), r("svg", Iw, Sw)
}
const Pw = v(kw, [
        ["render", Mw]
    ]),
    Aw = {
        class: "main-menu-report-chat__title"
    },
    Dw = {
        class: "main-menu-report-chat__content"
    },
    Lw = {
        class: "main-menu-report-chat__bottom"
    },
    xw = {
        class: "main-menu-report-chat__input"
    },
    Ow = {
        key: 0,
        class: "main-menu-report-chat__input-placeholder"
    };

function Bw(e, t, s, l, o, i) {
    const m = c("ReportChatMessage"),
        _ = c("ScrollableContainer"),
        b = c("Send"),
        u = c("ReportButton");
    return a(), r("div", {
        class: T(["main-menu-report-chat", {
            "main-menu-report-chat_closed": s.isClosed,
            "main-menu-report-chat_square-mobile": s.isSquareMobile
        }])
    }, [n("div", Aw, C(s.chat.name), 1), n("div", Dw, [d(_, {
        class: "main-menu-report-chat__chat",
        type: 9,
        alwaysVisible: "",
        useScrollToBottom: ""
    }, {
        default: E(() => [s.isClosed ? h("", !0) : (a(), p(m, {
            key: 0,
            data: l.welcomeMessage
        }, null, 8, ["data"])), (a(!0), r(I, null, M(s.chat.messages, (g, y) => (a(), p(m, {
            class: "main-menu-report-chat__message",
            key: g.createdAt,
            data: g,
            isPrevMessageMine: l.isPrevMessageMine(y)
        }, null, 8, ["data", "isPrevMessageMine"]))), 128))]),
        _: 1
    }), n("div", Lw, [n("div", xw, [Ts(n("input", {
        "onUpdate:modelValue": t[0] || (t[0] = g => l.message = g),
        onFocus: t[1] || (t[1] = g => l.setInputFocusState(!0)),
        onBlur: t[2] || (t[2] = g => l.setInputFocusState(!1))
    }, null, 544), [
        [Es, l.message]
    ]), l.isInputDisabled ? (a(), r("div", Ow, "Введите сообщение для отправки")) : h("", !0)]), d(u, {
        class: "main-menu-report-chat__send",
        send: !0,
        disabled: l.isInputDisabled,
        onClick: l.sendMessage
    }, {
        default: E(() => [d(b)]),
        _: 1
    }, 8, ["disabled", "onClick"]), d(u, {
        class: "main-menu-report-chat__resolved",
        transparent: !0,
        onClick: l.closeTicket
    }, {
        default: E(() => [w("Проблема решена")]),
        _: 1
    }, 8, ["onClick"])])])], 2)
}
const $w = {
        type: 1,
        text: "Отправьте сообщение и ожидайте подключения агента поддержки..."
    },
    Nw = {
        props: ["chat", "isClosed", "currentChatId", "isSquareMobile", "keyWords"],
        emits: ["setControlButtonsDisabledStatus", "selectNewChat"],
        components: {
            ScrollableContainer: U,
            ReportChatMessage: fw,
            ReportButton: Wl,
            Send: Pw
        },
        setup(e, {
            emit: t
        }) {
            const s = window.KEY_CODE_ENTER,
                {
                    chat: l,
                    currentChatId: o,
                    keyWords: i
                } = to(e),
                m = ei(""),
                _ = ei(!1),
                b = Xi(() => m.value.length === 0),
                u = S => {
                    const O = l.value.messages,
                        B = O[S],
                        K = O[S - 1];
                    return B && K ? B.type === K.type && B.name === K.name && B.isAdmin === K.isAdmin : !1
                },
                g = () => {
                    let S = null;
                    for (let O = 0; O < i.value.length; O++) {
                        const B = i.value[O].toLowerCase();
                        if (m.value.toLowerCase()
                            .match(/[а-яёa-z]+/gi)
                            .includes(B)) {
                            S = B;
                            break
                        }
                    }
                    S != null ? sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "OnPlayerReportSendKeyWord", m.value, S, o.value === ti ? 1 : 0) : o.value === ti ? (sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "OnPlayerCreateTicket", 1, m.value), t("selectNewChat")) : sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "OnSendChatMessageTicket", m.value), m.value = ""
                },
                y = ({
                    keyCode: S
                }) => {
                    S === s && g()
                },
                f = S => {
                    _.value = S, t("setControlButtonsDisabledStatus", S)
                };
            return u_(() => {
                document.addEventListener("keydown", y)
            }), h_(() => {
                document.removeEventListener("keydown", y)
            }), {
                message: m,
                welcomeMessage: $w,
                isInputDisabled: b,
                isPrevMessageMine: u,
                setInputFocusState: f,
                sendMessage: g,
                closeTicket: () => {
                    sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "Report_OnPlayerCloseTicket")
                }
            }
        }
    },
    Rw = v(Nw, [
        ["render", Bw]
    ]),
    Vw = {
        key: 0,
        class: "main-menu-report-pattern"
    },
    Hw = n("div", {
        class: "main-menu-report-pattern__pattern"
    }, null, -1),
    Uw = n("div", {
        class: "main-menu-report-pattern__light main-menu-report-pattern__light_top"
    }, null, -1),
    Yw = n("div", {
        class: "main-menu-report-pattern__light main-menu-report-pattern__light_right"
    }, null, -1),
    Kw = [Hw, Uw, Yw],
    Gw = {
        key: 1,
        class: "main-menu-report-pattern"
    },
    Fw = n("div", {
        class: "main-menu-report-pattern__pattern main-menu-report-pattern__pattern_chat"
    }, null, -1),
    zw = [Fw];

function Zw(e, t, s, l, o, i) {
    return s.type === "base" ? (a(), r("div", Vw, Kw)) : s.type === "chat" ? (a(), r("div", Gw, zw)) : h("", !0)
}
const qw = {
        props: ["type"]
    },
    Ww = v(qw, [
        ["render", Zw]
    ]),
    jw = {
        class: "main-menu-report-sidebar-tabs"
    },
    Xw = {
        class: "main-menu-report-sidebar-tabs__content"
    },
    Qw = ["src"];

function Jw(e, t, s, l, o, i) {
    const m = c("ControlsButton"),
        _ = c("GlobalHoverWrapper");
    return a(), r("div", jw, [i.isMobile ? h("", !0) : (a(), p(m, {
        key: 0,
        text: "A",
        keyCode: o.KEY_CODE_A,
        pressSound: "UI/UI_menu_click_03.mp3",
        disabled: s.disabledControlButtons,
        onPressed: t[0] || (t[0] = b => e.$emit("prev"))
    }, null, 8, ["keyCode", "disabled"])), n("div", Xw, [(a(!0), r(I, null, M(s.tabs, b => (a(), p(_, {
        class: T(["main-menu-report-sidebar-tabs__tab", {
            "main-menu-report-sidebar-tabs__tab_selected": s.currentTab === b.type
        }]),
        key: b.type,
        isBright: s.currentTab === b.type,
        clickSound: "UI/UI_menu_click_03.mp3",
        onClick: u => e.$emit("select", b.type)
    }, {
        default: E(() => [n("img", {
            src: o.icons[`/src/assets/images/main-menu/report/tabs/${b.type}.svg`]
        }, null, 8, Qw), w(C(i.isMobile ? "" : b.label), 1)]),
        _: 2
    }, 1032, ["isBright", "class", "onClick"]))), 128))]), i.isMobile ? h("", !0) : (a(), p(m, {
        key: 1,
        text: "D",
        keyCode: o.KEY_CODE_D,
        pressSound: "UI/UI_menu_click_03.mp3",
        disabled: s.disabledControlButtons,
        onPressed: t[1] || (t[1] = b => e.$emit("next"))
    }, null, 8, ["keyCode", "disabled"]))])
}
const eS = {
        props: ["tabs", "currentTab", "disabledControlButtons"],
        components: {
            ControlsButton: H
        },
        data() {
            return {
                KEY_CODE_A: window.KEY_CODE_A,
                KEY_CODE_D: window.KEY_CODE_D,
                icons: Object.assign({
                    "/src/assets/images/main-menu/report/tabs/base.svg": xc,
                    "/src/assets/images/main-menu/report/tabs/chat.svg": Dr
                })
            }
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            }
        }
    },
    tS = v(eS, [
        ["render", Jw]
    ]),
    sS = {
        class: "main-menu-report-sidebar"
    },
    iS = {
        class: "main-menu-report-sidebar__title"
    },
    nS = {
        key: 0,
        class: "main-menu-report-sidebar__search"
    },
    aS = {
        class: "main-menu-report-sidebar__search-input"
    },
    oS = n("img", {
        src: Da
    }, null, -1),
    rS = n("div", {
        class: "main-menu-report-sidebar__line"
    }, null, -1),
    lS = {
        key: 2,
        class: "main-menu-report-sidebar__buttons"
    };

function cS(e, t, s, l, o, i) {
    const m = c("ReportSidebarTabs"),
        _ = c("InputField"),
        b = c("ScrollableContainer"),
        u = c("ReportButton"),
        g = c("ControlsButton"),
        y = c("ControlsButtonContainer");
    return a(), r("div", sS, [n("div", iS, C(i.title), 1), d(m, {
        tabs: s.tabs,
        currentTab: s.currentTab,
        disabledControlButtons: s.disabledControlButtons,
        onNext: t[0] || (t[0] = f => e.$emit("nextTab")),
        onPrev: t[1] || (t[1] = f => e.$emit("prevTab")),
        onSelect: i.selectTab
    }, null, 8, ["tabs", "currentTab", "disabledControlButtons", "onSelect"]), i.isChat ? h("", !0) : (a(), r("div", nS, [n("div", aS, [d(_, {
        data: s.searchData,
        onUpdate: t[2] || (t[2] = f => s.searchData.value = f),
        onFocus: t[3] || (t[3] = f => e.$emit("inputFocus")),
        onBlur: t[4] || (t[4] = f => e.$emit("inputBlur"))
    }, {
        default: E(() => [oS]),
        _: 1
    }, 8, ["data"])])])), d(b, {
        class: T(["main-menu-report-sidebar__content", {
            "main-menu-report-sidebar__content_chat": i.isChat
        }]),
        type: 9,
        requiredVerticalScroll: s.requiredVerticalScroll,
        onContentScroll: i.updateScroll,
        alwaysVisible: ""
    }, {
        default: E(() => [fe(e.$slots, "default")]),
        _: 3
    }, 8, ["requiredVerticalScroll", "onContentScroll", "class"]), rS, i.isChat ? (a(), p(u, {
        key: 1,
        class: T(["main-menu-report-sidebar__create-btn", {
            "main-menu-report-sidebar__create-btn_disabled": s.currentChatId == e.NEW_CHAT_ID
        }]),
        onClick: t[5] || (t[5] = f => e.$emit("createNewChat"))
    }, {
        default: E(() => [w("Создать новый чат")]),
        _: 1
    }, 8, ["class"])) : h("", !0), i.isMobile ? h("", !0) : (a(), r("div", lS, [d(y, {
        text: "Переключение"
    }, {
        default: E(() => [d(g, {
            keyCode: o.KEY_CODE_W,
            text: "W",
            disabled: s.disabledControlButtons,
            pressSound: "UI/UI_menu_click_03.mp3",
            onPressed: t[6] || (t[6] = f => e.$emit("prevItem", i.emitData))
        }, null, 8, ["keyCode", "disabled"]), d(g, {
            keyCode: o.KEY_CODE_S,
            text: "S",
            disabled: s.disabledControlButtons,
            pressSound: "UI/UI_menu_click_03.mp3",
            style: {
                "margin-left": "1.11vh"
            },
            onPressed: t[7] || (t[7] = f => e.$emit("nextItem", i.emitData))
        }, null, 8, ["keyCode", "disabled"])]),
        _: 1
    })]))])
}
const mS = {
        props: ["tabs", "currentTab", "disabledControlButtons", "requiredVerticalScroll", "inputFocus", "inputBlur", "searchData", "currentChatId"],
        components: {
            ReportButton: Wl,
            ReportSidebarTabs: tS,
            ScrollableContainer: U,
            ControlsButton: H,
            ControlsButtonContainer: Pe,
            InputField: Ie
        },
        data() {
            return {
                KEY_CODE_W: window.KEY_CODE_W,
                KEY_CODE_S: window.KEY_CODE_S,
                scrollValue: 0,
                scrollHeight: 0
            }
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            },
            title() {
                const {
                    tabs: e,
                    currentTab: t
                } = this, s = e.find(l => l.type === t);
                return s ? s.label : "Помощь"
            },
            isChat() {
                return this.currentTab === "chat"
            },
            emitData() {
                const {
                    scrollValue: e,
                    scrollHeight: t
                } = this;
                return {
                    scrollValue: e,
                    scrollHeight: t
                }
            }
        },
        methods: {
            selectTab(e) {
                this.$emit("select", e)
            },
            updateScroll(e) {
                e && e.scrollableWrapper && (this.scrollValue = e.scrollableWrapper.scrollTop, this.scrollHeight = e.scrollableWrapper.scrollHeight)
            }
        }
    },
    _S = v(mS, [
        ["render", cS]
    ]),
    dS = {},
    uS = {
        xmlns: "http://www.w3.org/2000/svg",
        width: "12",
        height: "8",
        viewBox: "0 0 12 8",
        fill: "none"
    },
    hS = n("path", {
        d: "M6.75258 7.13991C6.35417 7.59524 5.64584 7.59524 5.24742 7.13991L0.45119 1.6585C-0.11457 1.01192 0.344609 1.10637e-06 1.20377 1.03126e-06L10.7962 1.9266e-07C11.6554 1.17549e-07 12.1146 1.01192 11.5488 1.6585L6.75258 7.13991Z"
    }, null, -1),
    pS = [hS];

function gS(e, t) {
    return a(), r("svg", uS, pS)
}
const bS = v(dS, [
        ["render", gS]
    ]),
    vS = {
        class: "main-menu-report-base-item__wrapper"
    },
    CS = {
        class: "main-menu-report-base-item__title"
    },
    yS = ["active"];

function fS(e, t, s, l, o, i) {
    const m = c("Arrow"),
        _ = c("GlobalHoverWrapper"),
        b = c("ReportBaseItem", !0);
    return a(), r("div", vS, [d(_, {
        class: T(["main-menu-report-base-item pressable", {
            "main-menu-report-base-item_active": s.active
        }]),
        onClick: t[0] || (t[0] = u => e.$emit("onClick")),
        clickSound: "UI/UI_menu_click_03.mp3"
    }, {
        default: E(() => [n("div", CS, C(s.title), 1), s.isDropdown ? (a(), p(m, {
            key: 0,
            active: s.active
        }, null, 8, ["active"])) : (a(), r("div", {
            key: 1,
            class: "main-menu-report-base-item__icon",
            active: s.active
        }, null, 8, yS))]),
        _: 1
    }, 8, ["class"]), fe(e.$slots, "default"), s.active ? (a(!0), r(I, {
        key: 0
    }, M(s.subcategories, u => (a(), p(b, {
        class: "main-menu-report-base-item__wrapper_sub",
        key: u.id,
        title: u.title,
        isDropdown: !0,
        active: s.activeBaseCategories.findIndex(g => g.id === u.id) !== -1,
        subcategories: u.subcategories,
        activeBaseCategories: s.activeBaseCategories,
        onOnClick: g => e.$emit("toggleActiveBaseCategory", u),
        onToggleActiveBaseCategory: g => e.$emit("toggleActiveBaseCategory", g)
    }, {
        default: E(() => {
            var g;
            return [s.activeBaseCategories.findIndex(y => y.id === u.id) !== -1 ? (a(!0), r(I, {
                key: 0
            }, M(((g = s.basePosts) == null ? void 0 : g[u.id]) ?? [], y => (a(), p(b, {
                class: "main-menu-report-base-item__wrapper_sub",
                key: y.id,
                title: y.title,
                isDropdown: !1,
                active: s.activeBasePostId === y.id,
                onOnClick: f => e.$emit("toggleActiveItem", y.id)
            }, null, 8, ["title", "active", "onOnClick"]))), 128)) : h("", !0)]
        }),
        _: 2
    }, 1032, ["title", "active", "subcategories", "activeBaseCategories", "onOnClick", "onToggleActiveBaseCategory"]))), 128)) : h("", !0)])
}
const TS = {
        name: "ReportBaseItem",
        props: ["title", "isDropdown", "active", "subcategories", "activeBaseCategories", "basePosts", "activeBasePostId"],
        emits: ["toggleActiveBaseCategory", "toggleActiveItem"],
        components: {
            Arrow: bS
        }
    },
    ES = v(TS, [
        ["render", fS]
    ]),
    kS = {},
    IS = {
        width: "16",
        height: "16",
        viewBox: "0 0 16 16",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    wS = n("g", {
        opacity: "0.6"
    }, [n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M3 5C3 2.23858 5.23858 0 8 0C10.7614 0 13 2.23858 13 5V11H11V5C11 3.34315 9.65685 2 8 2C6.34315 2 5 3.34315 5 5V11H3V5Z",
        fill: "white"
    }), n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M2 6C0.895431 6 0 6.89543 0 8V14C0 15.1046 0.895431 16 2 16H14C15.1046 16 16 15.1046 16 14V8C16 6.89543 15.1046 6 14 6H2ZM8 13C9.10457 13 10 12.1046 10 11C10 9.89543 9.10457 9 8 9C6.89543 9 6 9.89543 6 11C6 12.1046 6.89543 13 8 13Z",
        fill: "white"
    })], -1),
    SS = [wS];

function MS(e, t) {
    return a(), r("svg", IS, SS)
}
const PS = v(kS, [
        ["render", MS]
    ]),
    AS = {
        class: "main-menu-report-chat-preview__header"
    },
    DS = {
        class: "main-menu-report-chat-preview__title"
    },
    LS = n("img", {
        src: Dr
    }, null, -1),
    xS = {
        class: "main-menu-report-chat-preview__date"
    },
    OS = {
        class: "main-menu-report-chat-preview__body"
    },
    BS = {
        key: 0,
        class: "main-menu-report-chat-preview__close"
    },
    $S = n("div", {
        class: "main-menu-report-chat-preview__text"
    }, "Обращение закрыто", -1),
    NS = {
        key: 1,
        class: "main-menu-report-chat-preview__text"
    };

function RS(e, t, s, l, o, i) {
    const m = c("Lock");
    return a(), r("div", {
        class: T(["main-menu-report-chat-preview pressable", i.classes])
    }, [n("div", AS, [n("div", DS, [LS, n("span", null, C(s.data.name), 1)]), n("div", xS, C(i.formattedDate), 1)]), n("div", OS, [s.data.isClosed ? (a(), r("div", BS, [d(m), $S])) : (a(), r("div", NS, C(s.data.message), 1))])], 2)
}
const VS = {
        props: ["data", "isSelected"],
        components: {
            Lock: PS
        },
        computed: {
            classes() {
                const {
                    data: e,
                    isSelected: t
                } = this;
                return {
                    "main-menu-report-chat-preview_selected": t,
                    "main-menu-report-chat-preview_closed": e.isClosed
                }
            },
            isToday() {
                const e = new Date(this.data.createdAt * 1e3),
                    t = new Date;
                return e.getDate() === t.getDate() && e.getMonth() === t.getMonth() && e.getFullYear() === t.getFullYear()
            },
            formattedDate() {
                const {
                    isToday: e,
                    data: t
                } = this, s = new Date(t.createdAt * 1e3);
                return e ? jr(s) : w_(s)
            }
        }
    },
    HS = v(VS, [
        ["render", RS]
    ]),
    US = {
        class: "main-menu-report-base-preview"
    },
    YS = {
        class: "main-menu-report-base-preview__title"
    },
    KS = n("div", {
        class: "main-menu-report-base-preview__line"
    }, null, -1),
    GS = {
        class: "main-menu-report-base-preview__text"
    },
    FS = {
        class: "main-menu-report-base-preview__text-line"
    };

function zS(e, t, s, l, o, i) {
    const m = c("ScrollableContainer");
    return a(), r("div", US, [n("div", YS, C(s.title), 1), KS, n("div", GS, [d(m, {
        type: 9
    }, {
        default: E(() => [(a(!0), r(I, null, M(i.formattedText, _ => (a(), r("div", FS, C(_), 1))), 256))]),
        _: 1
    })])])
}
const ZS = {
        props: ["title", "text"],
        components: {
            ScrollableContainer: U
        },
        computed: {
            formattedText() {
                const e = this.text.split(/\r/g);
                return Array.isArray(e) ? e : [e]
            }
        }
    },
    qS = v(ZS, [
        ["render", zS]
    ]),
    jl = {
        methods: {
            selectTab(e) {
                this.currentTab = e
            },
            prevTab() {
                const t = (this.tabs.findIndex(s => s.type === this.currentTab) - 1 + this.tabs.length) % this.tabs.length;
                this.currentTab = this.tabs[t].type
            },
            nextTab() {
                const t = (this.tabs.findIndex(s => s.type === this.currentTab) + 1) % this.tabs.length;
                this.currentTab = this.tabs[t].type
            }
        }
    },
    WS = {
        class: "main-menu-report"
    };

function jS(e, t, s, l, o, i) {
    const m = c("ReportPattern"),
        _ = c("ReportBaseItem"),
        b = c("ReportChatPreview"),
        u = c("ReportSidebar"),
        g = c("ReportBaseItemPreview"),
        y = c("ReportChat");
    return a(), r("div", WS, [d(m, {
        type: o.currentTab
    }, null, 8, ["type"]), d(u, {
        tabs: o.tabs,
        currentTab: o.currentTab,
        disabledControlButtons: s.disabledControlButtons,
        requiredVerticalScroll: o.requiredVerticalScroll,
        searchData: o.searchData,
        currentChatId: s.chat.queryId,
        onNextTab: e.nextTab,
        onPrevTab: e.prevTab,
        onNextItem: t[1] || (t[1] = f => i.isBaseTab ? i.nextBaseItem(f) : i.nextChatItem(f)),
        onPrevItem: t[2] || (t[2] = f => i.isBaseTab ? i.prevBaseItem(f) : i.prevChatItem(f)),
        onSelect: e.selectTab,
        onCreateNewChat: i.createNewChat,
        onInputFocus: t[3] || (t[3] = f => o.sidebarInputIsFocused = !0),
        onInputBlur: t[4] || (t[4] = f => o.sidebarInputIsFocused = !1)
    }, {
        default: E(() => [i.isBaseTab && !o.searchData.value.length ? (a(!0), r(I, {
            key: 0
        }, M(i.baseTree, f => (a(), p(_, {
            key: f.id,
            title: f.title,
            isDropdown: !0,
            active: o.activeBaseCategories.findIndex(k => k.id === f.id) !== -1,
            subcategories: f.subcategories,
            activeBaseCategories: o.activeBaseCategories,
            basePosts: s.basePosts,
            activeBasePostId: o.activeBasePostId,
            onOnClick: k => i.toggleActiveBaseCategory(f),
            onToggleActiveBaseCategory: i.toggleActiveBaseCategory,
            onToggleActiveItem: t[0] || (t[0] = k => i.toggleActive("activeBasePostId", k))
        }, {
            default: E(() => {
                var k;
                return [o.activeBaseCategories.findIndex(S => S.id === f.id) !== -1 ? (a(!0), r(I, {
                    key: 0
                }, M(((k = s.basePosts) == null ? void 0 : k[f.id]) ?? [], S => (a(), p(_, {
                    class: "main-menu-report-base-item__wrapper_sub",
                    key: S.id,
                    title: S.title,
                    isDropdown: !1,
                    active: o.activeBasePostId === S.id,
                    onOnClick: O => i.toggleActive("activeBasePostId", S.id)
                }, null, 8, ["title", "active", "onOnClick"]))), 128)) : h("", !0)]
            }),
            _: 2
        }, 1032, ["title", "active", "subcategories", "activeBaseCategories", "basePosts", "activeBasePostId", "onOnClick", "onToggleActiveBaseCategory"]))), 128)) : h("", !0), i.isBaseTab && o.searchData.value.length ? (a(!0), r(I, {
            key: 1
        }, M(o.searchBase, f => (a(), p(_, {
            key: f.id,
            title: f.title,
            isDropdown: !1,
            active: o.searchActiveItemId === f.id,
            onOnClick: k => i.toggleActive("searchActiveItemId", f.id)
        }, null, 8, ["title", "active", "onOnClick"]))), 128)) : i.isChatTab ? (a(!0), r(I, {
            key: 2
        }, M(s.queries, (f, k) => (a(), p(b, {
            key: f.createdAt,
            isSelected: s.chat.queryId === f.id,
            data: f,
            onClick: S => i.selectChat(f.id)
        }, null, 8, ["isSelected", "data", "onClick"]))), 128)) : h("", !0)]),
        _: 1
    }, 8, ["tabs", "currentTab", "disabledControlButtons", "requiredVerticalScroll", "searchData", "currentChatId", "onNextTab", "onPrevTab", "onSelect", "onCreateNewChat"]), i.currentBaseItem ? (a(), p(g, {
        key: 0,
        title: i.currentBaseItem.title,
        text: i.currentBaseItem.text
    }, null, 8, ["title", "text"])) : i.isChatTab ? (a(), p(y, {
        key: 1,
        chat: s.chat,
        isClosed: i.currentChat != null && i.currentChat.isClosed,
        currentChatId: s.chat.queryId,
        isSquareMobile: s.isSquareMobile,
        keyWords: s.keyWords,
        onSelectNewChat: t[5] || (t[5] = f => i.selectChat(e.NEW_CHAT_ID)),
        onSetControlButtonsDisabledStatus: i.setControlButtonsDisabledStatus
    }, null, 8, ["chat", "isClosed", "currentChatId", "isSquareMobile", "keyWords", "onSetControlButtonsDisabledStatus"])) : h("", !0)])
}
const ti = -1,
    XS = {
        mixins: [jl],
        props: ["base", "basePosts", "queries", "chat", "disabledControlButtons", "requiredDatabaseSearch", "isSquareMobile", "loadReportKnowledgeBaseCategoryPosts", "keyWords"],
        components: {
            ReportChat: Rw,
            ReportPattern: Ww,
            ReportSidebar: _S,
            ReportBaseItem: ES,
            ReportChatPreview: HS,
            ReportBaseItemPreview: qS
        },
        data() {
            return {
                tabs: [{
                    type: "base",
                    label: "База знаний"
                }, {
                    type: "chat",
                    label: "Чат с поддержкой"
                }],
                currentTab: "base",
                activeBaseCategories: [],
                activeBasePostId: null,
                sidebarInputIsFocused: !1,
                searchData: {
                    type: "text",
                    value: "",
                    failure: !1,
                    success: !1,
                    icon: !0,
                    placeholder: "Поиск"
                },
                searchBase: [],
                searchActiveItemId: null,
                searchTimeout: null,
                requiredVerticalScroll: 0
            }
        },
        computed: {
            isBaseTab() {
                return this.currentTab === "base"
            },
            isChatTab() {
                return this.currentTab === "chat"
            },
            currentChat() {
                return this.queries.find(e => e.id === this.chat.queryId)
            },
            filteredBase() {
                return this.base.filter(e => {
                    var t, s, l;
                    return ((t = e == null ? void 0 : e.subcategories) == null ? void 0 : t.length) || ((l = (s = this.basePosts) == null ? void 0 : s[e.id]) == null ? void 0 : l.length)
                })
            },
            baseTree() {
                const e = [],
                    t = {};
                return this.base.forEach(s => {
                    t[s.id] = {
                        ...s,
                        subcategories: []
                    }
                }), this.base.forEach(s => {
                    s.parent === 0 ? e.push(t[s.id]) : t[s.parent] && t[s.parent].subcategories.push(t[s.id])
                }), e
            },
            currentBaseItem() {
                const {
                    isBaseTab: e,
                    activeBasePostId: t,
                    searchActiveItemId: s,
                    searchData: l,
                    searchBase: o,
                    basePosts: i
                } = this;
                return e ? l.value.length ? o.find(m => m.id === s) : t == null ? null : Object.values(i)
                    .flat()
                    .find(_ => _.id === t) ?? null : null
            }
        },
        mounted() {
            this.searchData.value = this.requiredDatabaseSearch, this.search(this.requiredDatabaseSearch)
        },
        unmounted() {
            clearTimeout(this.searchTimeout)
        },
        methods: {
            createNewChat() {
                this.chat.queryId !== ti && (this.chat.queryId = ti, this.chat.status = 0, this.chat.name = "Новое обращение", this.chat.online = !1, this.chat.messages = [])
            },
            selectChat(e) {
                this.chat.queryId !== e && sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "OnSelectTicket", e)
            },
            toggleActive(e, t) {
                this[e] = this[e] === t ? null : t
            },
            setActiveBasePostId(e, t = !1) {
                this.activeBasePostId = e, t && j(() => {
                    this.scrollToCurrentBaseItem()
                })
            },
            toggleActiveBaseCategory(e, t = !1) {
                this.activeBasePostId = null;
                const s = {
                        id: e.id,
                        subIds: e != null && e.subcategories ? e.subcategories.map(o => o.id) : e.subIds
                    },
                    l = this.activeBaseCategories.findIndex(o => o.id === e.id);
                if (~l) this.activeBaseCategories.splice(l + (t ? 1 : 0), this.activeBaseCategories.length - l);
                else {
                    const o = this.activeBaseCategories.findIndex(i => i.subIds.indexOf(e.id) !== -1);
                    ~o ? this.activeBaseCategories.splice(o + 1, this.activeBaseCategories.length - o) : this.activeBaseCategories = [], this.activeBaseCategories.push(s)
                }
                t && j(() => {
                    this.scrollToCurrentBaseItem()
                })
            },
            setControlButtonsDisabledStatus(e) {
                this.$emit("setControlButtonsDisabledStatus", e)
            },
            prevBaseItem() {
                if (!this.baseTree.length) return;
                if (!this.activeBaseCategories.length) {
                    const y = this.baseTree.at(-1);
                    return this.toggleActiveBaseCategory(y, !0)
                }
                const e = [{
                    id: 0,
                    subcategories: this.baseTree
                }];
                this.activeBaseCategories.reduce((y, {
                    id: f
                }) => {
                    const k = y.subcategories.find(S => S.id === f);
                    return e.push(k), k
                }, {
                    subcategories: this.baseTree
                });
                const t = e.pop(),
                    s = e.at(-1),
                    l = s.subcategories.findIndex(({
                        id: y
                    }) => y === t.id),
                    o = this.basePosts[t.id] ?? [],
                    i = o.findIndex(y => y.id === this.activeBasePostId);
                if (i !== -1) return i === 0 ? this.setActiveBasePostId(null, !0) : this.setActiveBasePostId(o.at(i - 1)
                    .id, !0);
                if (l === 0) {
                    if (s.id === 0) {
                        const S = s.subcategories.at(-1);
                        this.toggleActiveBaseCategory(S)
                    }
                    const f = this.basePosts[s.id];
                    if (f.length > 0) {
                        const S = f.at(-1);
                        return this.setActiveBasePostId(S.id, !0)
                    }
                    return this.toggleActiveBaseCategory(s)
                }
                const _ = s.subcategories.at(l - 1);
                if (_.subcategories.length > 0) {
                    const y = _.subcategories.at(-1);
                    return this.toggleActiveBaseCategory(y)
                }
                const u = this.basePosts[_.id];
                if (u.length > 0) {
                    const y = u.at(-1);
                    this.toggleActiveBaseCategory(_), this.setActiveBasePostId(y.id, !0)
                }
            },
            nextBaseItem() {
                if (!this.baseTree.length) return;
                if (!this.activeBaseCategories.length) {
                    const o = this.baseTree.at(0);
                    return this.toggleActiveBaseCategory(o, !0)
                }
                const e = [{
                    id: 0,
                    subcategories: this.baseTree
                }];
                this.activeBaseCategories.reduce((o, {
                    id: i
                }) => {
                    const m = o.subcategories.find(_ => _.id === i);
                    return e.push(m), m
                }, {
                    subcategories: this.baseTree
                });
                let t = null,
                    s = null,
                    l = null;
                do {
                    t = e.pop(), s = e.at(-1);
                    const o = s.subcategories.findIndex(u => u.id === t.id),
                        i = o === s.subcategories.length - 1,
                        m = this.basePosts[t.id] ?? [],
                        _ = m.findIndex(u => u.id === this.activeBasePostId);
                    if (l == null && m.length) {
                        if (!~_) {
                            const g = m.at(0);
                            return this.setActiveBasePostId(g.id, !0)
                        }
                        if (!(_ === m.length - 1)) {
                            const g = m.at(_ + 1);
                            return this.setActiveBasePostId(g.id, !0)
                        }
                    }
                    if (l == null && t.subcategories.length) {
                        const u = t.subcategories.at(0);
                        return this.toggleActiveBaseCategory(u, !0)
                    }
                    if (!i) {
                        const u = s.subcategories.at(o + 1);
                        return this.toggleActiveBaseCategory(u, !0)
                    }
                    if (s.id === 0) {
                        const u = this.baseTree.at(0);
                        return this.toggleActiveBaseCategory(u, !0)
                    }
                    l = e.at(-2)
                        .subcategories.findIndex(u => u.id === s.id)
                } while (e.length)
            },
            nextChatItem(e) {
                const t = this.queries.findIndex(l => l.id === this.currentChat.id);
                let s = ~t ? t + 1 : 0;
                s > this.queries.length - 1 || (s === 0 ? this.requiredVerticalScroll = 0 : s > 3 && (this.requiredVerticalScroll = e.scrollValue + 100), this.selectChat(this.queries[s].id))
            },
            prevChatItem(e) {
                const t = this.queries.findIndex(l => l.id === this.currentChat.id);
                let s = ~t ? t - 1 : this.queries.length - 1;
                s < 0 || (s === this.queries.length - 1 ? this.requiredVerticalScroll = e.scrollHeight : this.queries.length - s > 4 && (this.requiredVerticalScroll = e.scrollValue - 100), this.selectChat(this.queries[s].id))
            },
            scrollToCurrentBaseItem() {
                let e = 0;
                const t = [{
                    id: 0,
                    subcategories: this.baseTree
                }];
                if (this.activeBaseCategories.reduce((o, {
                        id: i
                    }) => {
                        const m = o.subcategories.findIndex(b => i === b.id),
                            _ = o.subcategories[m];
                        return e += m, t.push(_), _
                    }, {
                        subcategories: this.baseTree
                    }), this.activeBasePostId != null) {
                    const o = t.at(-1),
                        m = (this.basePosts[o.id] ?? [])
                        .findIndex(({
                            id: _
                        }) => _ === this.activeBasePostId);
                    m > 4 && (e += m - 4 + 1)
                }
                const s = document.querySelector(".main-menu-report-base-item__wrapper");
                if (!s) return;
                const l = s.getBoundingClientRect();
                this.requiredVerticalScroll = l.height * e
            },
            search(e) {
                clearTimeout(this.searchTimeout), e.length ? this.searchTimeout = setTimeout(() => {
                    window.getKnowledgeBaseSearch((t, s) => {
                        t == 200 && (this.searchActiveItemId = null, this.searchBase = JSON.parse(s)
                            .map(({
                                id: l,
                                title: o,
                                content: i
                            }) => ({
                                id: l,
                                title: o,
                                text: i
                            })))
                    }, e)
                }, 300) : (this.searchBase = [], this.activeBasePostId = null, this.searchActiveItemId = null)
            }
        },
        watch: {
            currentTab() {
                this.requiredVerticalScroll = 0, this.currentTab === "chat" && this.queries.length && this.selectChat(this.queries[0].id)
            },
            sidebarInputIsFocused(e) {
                this.$emit("setControlButtonsDisabledStatus", e)
            },
            "searchData.value"(e) {
                this.search(e)
            },
            activeBasePostId(e) {
                if (e == null) return;
                let t = 0;
                for (let s = this.activeBaseCategories.length - 1; s >= 0; s--) {
                    const l = this.activeBaseCategories.at(-s),
                        o = this.basePosts[l.id];
                    if (!o || !o.find(i => i.id === e)) {
                        t += 1;
                        continue
                    }
                    break
                }
                if (t) return this.activeBaseCategories.splice(this.activeBaseCategories.length - t, this.activeBaseCategories.length)
            },
            searchBase(e) {
                e.length && (this.searchActiveItemId = e[0].id)
            },
            activeBaseCategories: {
                deep: !0,
                handler(e) {
                    e.map(t => {
                        this.$emit("loadReportKnowledgeBaseCategoryPosts", t.id)
                    })
                }
            }
        }
    },
    QS = v(XS, [
        ["render", jS]
    ]),
    JS = {
        data: () => ({
            base: [{
                id: 1,
                parent: 0,
                title: "Первые шаги",
                priority: 0
            }, {
                id: 13,
                parent: 1,
                title: "Первые шаги 13",
                priority: 0
            }, {
                id: 1315,
                parent: 13,
                title: "Первые шаги 13 - 15",
                priority: 0
            }, {
                id: 14,
                parent: 1,
                title: "Первые шаги 14",
                priority: 0
            }, {
                id: 3,
                parent: 0,
                title: "Безопасность",
                priority: 0
            }, {
                id: 4,
                parent: 0,
                title: "Организации",
                priority: 0
            }, {
                id: 5,
                parent: 4,
                title: "МВД",
                priority: 0
            }, {
                id: 6,
                parent: 4,
                title: "Правительство",
                priority: 0
            }, {
                id: 7,
                parent: 4,
                title: "Министерство Обороны",
                priority: 0
            }, {
                id: 112,
                parent: 0,
                title: "Category 112",
                priority: 0
            }, {
                id: 113,
                parent: 0,
                title: "Category 113",
                priority: 0
            }, {
                id: 114,
                parent: 0,
                title: "Category 114",
                priority: 0
            }, {
                id: 115,
                parent: 0,
                title: "Category 115",
                priority: 0
            }, {
                id: 116,
                parent: 0,
                title: "Category 116",
                priority: 0
            }, {
                id: 117,
                parent: 0,
                title: "Category 117",
                priority: 0
            }, {
                id: 118,
                parent: 0,
                title: "Category 118",
                priority: 0
            }, {
                id: 119,
                parent: 0,
                title: "Category 119",
                priority: 0
            }, {
                id: 120,
                parent: 0,
                title: "Category 120",
                priority: 0
            }],
            basePosts: {},
            loadedPostsCategoryIds: [],
            queries: [],
            chat: {
                status: 0,
                name: "Новое обращение",
                online: !0,
                messages: [],
                queryId: -1
            },
            reportKeyWords: ["key", "word"]
        }),
        methods: {
            initReportKnowledgeBase() {
                this.base = [], window.getKnowledgeBaseCategories((e, t) => {
                    if (e != 200) return;
                    JSON.parse(t)
                        .map(l => {
                            this.base.push({
                                id: l.id,
                                title: l.title,
                                parent: l.parent
                            })
                        })
                }, 0, 1)
            },
            loadReportKnowledgeBaseCategoryPosts(e) {
                this.loadedPostsCategoryIds.includes(e) || window.getKnowledgeBasePosts((t, s) => {
                    if (t != 200) return;
                    const l = JSON.parse(s);
                    this.basePosts[e] = l.map(o => ({
                        id: o.id,
                        title: o.title,
                        text: o.content
                    })), this.loadedPostsCategoryIds.push(e)
                }, e)
            },
            updateHelpsQueries(e) {
                const t = {
                    SENDER_NAME: 0,
                    IS_ADMIN: 1,
                    IS_ONLINE: 2,
                    TIME: 3,
                    TEXT: 4,
                    IS_CLOSED: 5,
                    ID: 6
                };
                this.queries = [];
                for (var s of e) this.queries.push({
                    name: s[t.SENDER_NAME],
                    isOnline: s[t.IS_ONLINE],
                    isAdmin: s[t.IS_ADMIN],
                    isClosed: s[t.IS_CLOSED],
                    message: s[t.TEXT],
                    createdAt: s[t.TIME],
                    id: s[t.ID]
                });
                this.queries.sort((l, o) => o.isClosed === l.isClosed ? 0 : o.isClosed ? -1 : 1)
            },
            updateHelpChat(e) {
                const t = {
                    TYPE: 0,
                    MESSAGE: 1,
                    IS_ADMIN: 2,
                    DATE: 3,
                    SENDER_NAME: 4
                };
                this.chat.messages = [];
                for (var s of e) this.chat.messages.push({
                    type: s[t.TYPE],
                    text: s[t.MESSAGE],
                    isAdmin: s[t.IS_ADMIN],
                    createdAt: s[t.DATE],
                    name: s[t.SENDER_NAME]
                })
            },
            updateReportOtherData(e) {
                const t = {
                    STATUS: 0,
                    NAME: 1,
                    ONLINE: 2,
                    QUERY_ID: 3
                };
                this.chat.status = e[t.STATUS], this.chat.name = e[t.NAME], this.chat.online = e[t.ONLINE], this.chat.queryId = e[t.QUERY_ID]
            },
            updateReportKeyWordsList(e) {
                this.reportKeyWords = typeof e == "string" ? JSON.parse(e) : e
            }
        }
    },
    {
        ENTER: eM,
        BACKSPACE: tM
    } = In,
    sM = 1,
    iM = {
        data: () => ({
            settings: {
                disabledKeys: [eM, tM],
                voiceChatPlayers: [],
                general: [{
                    items: []
                }, {
                    title: "Игровой процесс",
                    items: []
                }],
                sound: [{
                    items: [{
                        id: 0,
                        label: "Изменить звук",
                        type: A.BUTTON,
                        image: "https://images.pexels.com/photos/15098023/pexels-photo-15098023/free-photo-of-photo-of-a-bmw-3-series-on-the-side-of-the-road.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
                        text: "Регулирует общий уровень звука в игре, включая эффекты, окружение, музыку и другие звуковые элементы"
                    }, {
                        id: 1,
                        label: "Громкость голосового чата",
                        type: A.RANGE,
                        image: "",
                        text: "Управляет громкостью голосового чата других игроков",
                        callback: e => {
                            sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "PlayerSetting_OnVoiceChange", e.value)
                        },
                        mark: !1,
                        min: 0,
                        max: 100,
                        value: 0,
                        innerSettings: []
                    }]
                }],
                graphics: [{
                    items: [{
                        id: 0,
                        label: "Отключить инверсию мышки",
                        type: A.CHECKBOX,
                        image: "",
                        text: "Инвертирует мышку",
                        callback: e => {
                            window.setInvertMouse(e.value)
                        },
                        mark: !1,
                        value: !1
                    }]
                }],
                control: [],
                account: [{
                    title: "Текущая почта",
                    status: 0,
                    email: "testtes12t@gmail.com",
                    items: [{
                        id: 0,
                        label: "Электронная почта",
                        type: A.EMAIL,
                        currentEmail: "testtes12t@gmail.com",
                        status: 0,
                        isOpen: !1
                    }]
                }, {
                    title: "Логин",
                    items: [{
                        id: 1,
                        label: "Сменить nonrp ник",
                        type: A.NICKNAME,
                        isOpen: !1
                    }]
                }, {
                    title: "Сервисы авторизации",
                    items: [],
                    services: [{
                        name: "vk",
                        status: vt.CONNECTED
                    }, {
                        name: "discord",
                        status: vt.NOT_CONNECTED
                    }, {
                        name: "apple",
                        status: vt.NOT_CONNECTED
                    }, {
                        name: "yandex",
                        status: vt.NOT_CONNECTED
                    }, {
                        name: "google",
                        status: vt.NOT_CONNECTED
                    }]
                }, {
                    title: "Безопасность",
                    items: [{
                        id: 2,
                        label: "Сменить пароль",
                        type: A.PASSWORD,
                        isOpen: !1
                    }, {
                        id: 3,
                        label: "Настройки безопасности",
                        type: A.SECURITY_INFO,
                        isOpen: !1
                    }]
                }]
            }
        }),
        created() {
            this.initSettings()
        },
        methods: {
            initSoundSettings() {
                const e = [{
                    id: 0,
                    label: "Громкость звука",
                    type: A.RANGE,
                    image: "",
                    text: "Регулирует общий уровень звука в игре, включая эффекты, окружение, музыку и другие звуковые элементы",
                    callback: t => {
                        const s = this.isMobile ? t.value : t.value / 100;
                        window.setSoundsVolume(s)
                    },
                    onResetInClient: t => {
                        window.setSoundsVolume(1), t.value = Math.round(this.$store.getters["settings/settings"].soundsVolume * (this.isMobile ? 1 : 100))
                    },
                    mark: !1,
                    min: 0,
                    max: 100,
                    value: Math.round(this.$store.getters["settings/settings"].soundsVolume * (this.isMobile ? 1 : 100))
                }];
                this.isPlayerConnected && e.push({
                    id: 1,
                    label: "Громкость голосового чата",
                    type: A.RANGE,
                    image: "",
                    text: "Управляет громкостью голосового чата других игроков",
                    onResetInClient: t => {
                        window.setVoiceChatVolume(100), t.value = Math.round(this.$store.getters["settings/settings"].voiceChatSound)
                    },
                    callback: t => {
                        window.setVoiceChatVolume(t.value)
                    },
                    mark: !1,
                    min: 0,
                    max: 130,
                    value: Math.round(this.$store.getters["settings/settings"].voiceChatSound),
                    innerSettings: this.formatVoiceChatPlayersSettings()
                }), this.settings.sound = [], this.settings.sound.push({
                    items: e
                })
            },
            initGraphicSettings() {
                if (this.settings.graphics = [], window.App.engine != "legacy") {
                    const e = [{
                        id: 0,
                        label: "Пользовательские настройки",
                        type: A.CHECKBOX,
                        image: "",
                        text: "Включение пользовательских графических настроек позволяет более точно выполнить настройку",
                        onResetInClient: t => {
                            window.setCustomEnabled(!1), t.value = this.$store.getters["settings/settings"].customEnabled
                        },
                        callback: t => {
                            window.setCustomEnabled(t.value), this.initGraphicSettings()
                        },
                        value: this.$store.getters["settings/settings"].customEnabled
                    }];
                    this.$store.getters["settings/settings"].customEnabled ? e.push({
                        id: 2,
                        label: "Максимальный ФПС",
                        type: A.SLIDER,
                        image: "",
                        text: "Механизм, который контролирует количество кадров, отображаемых на экране за одну секунду",
                        onResetInClient: t => {
                            window.setQuality(1), t.value = 0
                        },
                        callback: t => {
                            window.setMaxFPS((t.value + 1) * 30)
                        },
                        value: (this.$store.getters["settings/settings"].maxFPS - 30) / 30,
                        options: ["30 FPS", "60 FPS"]
                    }, {
                        id: 3,
                        label: "Сглаживание",
                        type: A.SLIDER,
                        image: "",
                        text: "Устраняет эффект “зазубренных” краев на объектах, делая их линии более гладкими. Улучшает визуальное восприятие, но может потребовать больше ресурсов графической карты",
                        onResetInClient: t => {
                            window.setAntiAliasing(0), t.value = 0
                        },
                        callback: t => {
                            window.setAntiAliasing(t.value)
                        },
                        value: this.$store.getters["settings/settings"].antiAliasing,
                        options: ["Выключено", "Нормальное", "Высокое"]
                    }, {
                        id: 4,
                        label: "Качество текстур",
                        type: A.SLIDER,
                        image: "",
                        onResetInClient: t => {
                            window.setTexturesQuality(1), t.value = this.$store.getters["settings/settings"].texturesQuality
                        },
                        callback: t => {
                            window.setTexturesQuality(t.value)
                        },
                        value: this.$store.getters["settings/settings"].texturesQuality,
                        options: ["Низкое", "Нормальное", "Высокое"]
                    }, {
                        id: 5,
                        label: "Качество теней",
                        type: A.SLIDER,
                        image: "",
                        onResetInClient: t => {
                            window.setShadowsQuality(1), t.value = this.$store.getters["settings/settings"].shadowsQuality
                        },
                        callback: t => {
                            window.setShadowsQuality(t.value)
                        },
                        value: this.$store.getters["settings/settings"].shadowsQuality,
                        options: ["Выключены", "Низкое", "Нормальное", "Высокое", "Максимальное"]
                    }, {
                        id: 6,
                        label: "Постобработка",
                        type: A.CHECKBOX,
                        image: "",
                        text: "Графические эффекты, которые улучшают картинку после основного рендера",
                        onResetInClient: t => {
                            window.setPostProcessing(!0), t.value = this.$store.getters["settings/settings"].postProcessing
                        },
                        callback: t => {
                            window.setPostProcessing(t.value)
                        },
                        value: this.$store.getters["settings/settings"].postProcessing
                    }, {
                        id: 7,
                        label: "Разрешение",
                        type: A.RANGE,
                        image: "",
                        text: "Разрешение определяет количество пикселей, отображаемых на экране. Чем выше разрешение, тем более детализированным будет изображение, но это также требует большей вычислительной мощности.",
                        onResetInClient: t => {
                            window.setResolution(100), t.value = Math.round(this.$store.getters["settings/settings"].resolution)
                        },
                        callback: t => {
                            window.setResolution(t.value)
                        },
                        min: 0,
                        max: 100,
                        value: Math.round(this.$store.getters["settings/settings"].resolution)
                    }, {
                        id: 8,
                        label: "Дальность прорисовки",
                        type: A.RANGE,
                        image: "",
                        text: "Регулирует максимальную дистанцию, на которой объекты появляются в игровом мире",
                        onResetInClient: t => {
                            window.setDrawDistance(50), t.value = Math.round(this.$store.getters["settings/settings"].drawDistance)
                        },
                        callback: t => {
                            window.setDrawDistance(t.value)
                        },
                        min: 20,
                        max: 100,
                        value: Math.round(this.$store.getters["settings/settings"].drawDistance)
                    }) : e.push({
                        id: 1,
                        label: "Качество",
                        type: A.SLIDER,
                        image: "",
                        text: "Определяет общее качество графики в игре",
                        onResetInClient: t => {
                            window.setQuality(1), t.value = this.$store.getters["settings/settings"].graphicsQuality
                        },
                        callback: t => {
                            window.setQuality(t.value)
                        },
                        value: this.$store.getters["settings/settings"].graphicsQuality,
                        options: ["Минимальное", "Низкое", "Нормальное", "Высокое", "Максимальное"]
                    }), this.settings.graphics.push({
                        items: e
                    })
                } else this.settings.graphics.push({
                    items: [{
                        id: 0,
                        label: "Дальность прорисовки",
                        type: A.RANGE,
                        image: "",
                        text: "Регулирует максимальную дистанцию, на которой объекты появляются в игровом мире",
                        onResetInClient: e => {
                            window.setDrawDistance(.5), e.value = Math.round(this.$store.getters["settings/settings"].drawDistance * 100)
                        },
                        callback: e => {
                            window.setDrawDistance(e.value / 100)
                        },
                        min: 20,
                        max: 100,
                        value: Math.round(this.$store.getters["settings/settings"].drawDistance * 100)
                    }, {
                        id: 1,
                        label: "Широкоэкранный формат",
                        type: A.CHECKBOX,
                        image: "",
                        text: "Настройка для включения или отключения широкоформатного изображения",
                        onResetInClient: e => {
                            window.setWideScreen(!1), e.value = this.$store.getters["settings/settings"].wideScreen
                        },
                        callback: e => {
                            window.setWideScreen(e.value)
                        },
                        mark: !1,
                        value: this.$store.getters["settings/settings"].wideScreen
                    }, {
                        id: 2,
                        label: "Ограничитель кадров",
                        type: A.CHECKBOX,
                        image: "",
                        text: "Механизм, который контролирует количество кадров, отображаемых на экране за одну секунду. Для регулирования воспользуйтесь командой /fpslimit",
                        onResetInClient: e => {
                            window.setFrameLimiter(!1), e.value = this.$store.getters["settings/settings"].frameLimiter
                        },
                        callback: e => {
                            window.setFrameLimiter(e.value)
                        },
                        mark: !1,
                        value: this.$store.getters["settings/settings"].frameLimiter
                    }, {
                        id: 3,
                        label: "Качество",
                        type: A.SLIDER,
                        image: "",
                        text: "Определяет общее качество графики в игре",
                        onResetInClient: e => {
                            window.setQuality(1), e.value = this.$store.getters["settings/settings"].graphicsQuality
                        },
                        callback: e => {
                            window.setQuality(e.value)
                        },
                        mark: !1,
                        value: this.$store.getters["settings/settings"].graphicsQuality,
                        options: ["Низкое", "Среднее", "Высокое", "Очень высокое"]
                    }, {
                        id: 4,
                        label: "Яркость",
                        type: A.RANGE,
                        image: "",
                        text: "Позволяет настроить уровень яркости изображения для комфортной игры в различных условиях освещения",
                        onResetInClient: e => {
                            window.setBrightness(.2), e.value = Math.round(this.$store.getters["settings/settings"].brightness * 100)
                        },
                        callback: e => {
                            window.setBrightness(e.value / 100)
                        },
                        min: 0,
                        max: 100,
                        value: Math.round(this.$store.getters["settings/settings"].brightness * 100)
                    }, {
                        id: 5,
                        label: "Сглаживание",
                        type: A.SLIDER,
                        image: "",
                        text: "Устраняет эффект “зазубренных” краев на объектах, делая их линии более гладкими. Улучшает визуальное восприятие, но может потребовать больше ресурсов графической карты",
                        onResetInClient: e => {
                            window.setAntiAliasing(1), e.value = this.$store.getters["settings/settings"].antiAliasing
                        },
                        callback: e => {
                            window.setAntiAliasing(e.value)
                        },
                        mark: !1,
                        options: ["Выкл.", "x2", "x4", "x8"],
                        value: this.$store.getters["settings/settings"].antiAliasing
                    }, {
                        id: 6,
                        label: "Разрешение",
                        type: A.DROPDOWN,
                        image: "",
                        text: "Разрешение определяет количество пикселей, отображаемых на экране. Чем выше разрешение, тем более детализированным будет изображение, но это также требует большей вычислительной мощности.",
                        callback: e => {
                            window.setVideoMode(e.value)
                        },
                        options: this.$store.getters["settings/settings"].videoModes,
                        value: this.$store.getters["settings/settings"].videoMode,
                        isOpen: !1
                    }]
                })
            },
            initControlSettings() {
                this.settings.control = [], this.settings.control.push({
                    tab: "general",
                    items: [{
                        id: 0,
                        label: "Инверсия мышки",
                        type: A.CHECKBOX,
                        image: "",
                        text: "Переворачивает ось Y при использовании мыши. Подходит для игроков, привыкших к обратному управлению",
                        onResetInClient: e => {
                            window.setInvertMouse(!1), e.value = this.$store.getters["settings/settings"].invertMouse
                        },
                        callback: e => {
                            window.setInvertMouse(e.value)
                        },
                        mark: !1,
                        value: this.$store.getters["settings/settings"].invertMouse
                    }, {
                        id: 1,
                        label: "Чувствительность мыши",
                        type: A.RANGE,
                        image: "",
                        text: "Регулирует скорость отклика мыши. Увеличьте для быстрого реагирования или уменьшите для точного прицеливания",
                        onResetInClient: e => {
                            window.setMouseSensitivity(.15), e.value = Math.round(this.$store.getters["settings/settings"].mouseSensitivity * 100)
                        },
                        callback: e => {
                            window.setMouseSensitivity(e.value / 100)
                        },
                        min: 0,
                        max: 100,
                        value: Math.round(this.$store.getters["settings/settings"].mouseSensitivity * 100)
                    }, {
                        id: 2,
                        label: "Управление полетом при помощи мышки",
                        type: A.CHECKBOX,
                        image: "",
                        text: "Способ контроля движения летательного аппарата с использованием движений мыши",
                        onResetInClient: e => {
                            window.setMouseFlying(!1), e.value = this.$store.getters["settings/settings"].mouseFlying
                        },
                        callback: e => {
                            window.setMouseFlying(e.value)
                        },
                        min: 0,
                        max: 100,
                        value: this.$store.getters["settings/settings"].mouseFlying
                    }]
                }, {
                    tab: "move",
                    items: Bo($o.ON_FOOT)
                }, {
                    tab: "car",
                    items: Bo($o.VEHICLE)
                })
            },
            initMobileControlSettings() {
                this.settings.control = [], this.settings.control.push({
                    tab: "general",
                    items: [{
                        id: 0,
                        label: "Системная клавиатура",
                        type: A.CHECKBOX,
                        image: "",
                        onResetInClient: e => {
                            window.setUseNativeKeyboard(!1), e.value = this.$store.getters["settings/settings"].useNativeKeyboard
                        },
                        callback: e => {
                            window.setUseNativeKeyboard(e.value)
                        },
                        value: this.$store.getters["settings/settings"].useNativeKeyboard
                    }]
                }, {
                    tab: "general",
                    title: "Управление автомобилем",
                    items: [{
                        id: 1,
                        label: "Джойстик",
                        type: A.CHECKBOX,
                        image: "",
                        text: "Использовать джойстик вместо стрелочек",
                        onResetInClient: e => {
                            window.setUseJoystick(!0), e.value = this.$store.getters["settings/settings"].useJoystick
                        },
                        callback: e => {
                            window.setUseJoystick(e.value)
                        },
                        value: this.$store.getters["settings/settings"].useJoystick
                    }]
                }), this.isPlayerConnected && this.settings.control[0].items.push({
                    id: 2,
                    label: "Перейти в редактор кнопок",
                    type: A.BUTTON,
                    image: "",
                    text: "Настройка размеров и положения кнопок",
                    callback: () => {
                        this.$store.commit("settings/setEditableMode", !0), window.interface("MainMenu")
                            .sendCloseEvent(), window.closeInterface("MainMenu"), window.setDrawLabelStatus(!1), window.setHudStatus(!1)
                    }
                }), this.isDevelopment && this.settings.control[0].items.push({
                    id: 999,
                    label: "Режим разработчика",
                    type: A.DEVELOPMENT
                })
            },
            initSettings() {
                this.initSoundSettings(), this.initGraphicSettings(), this.isMobile ? this.initMobileControlSettings() : this.initControlSettings()
            },
            updateServerSettings(e) {
                for (var t = null, s = 0; s < this.settings.general.length; s++) {
                    var l = this.settings.general[s].items.filter(O => O.isOpen == !0);
                    l.length > 0 && (t = l[0].id), this.settings.general[s].items = []
                }
                var o = 0;
                for (var i of e) {
                    var [m, _, b, u, g, y, f, k, S] = i;
                    const O = new Set([A.EMAIL, A.TELEGRAM, A.VK]);
                    this.settings.general[m].items.push({
                        id: o,
                        categoryIndex: m,
                        label: _,
                        isOpen: o == t,
                        settingServerIndex: b,
                        type: y,
                        image: k,
                        text: S,
                        value: g,
                        currentEmail: u,
                        useMessengerToGetCode: O.has(y) && f,
                        min: y == A.RANGE ? JSON.parse(u)[0] : null,
                        max: y == A.RANGE ? JSON.parse(u)[1] : null,
                        status: g,
                        callback: B => {
                            B.categoryIndex == p_.MAIN_CATEGORY_SERVER_SETTING_BUTTON ? sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "PlayerSetting_OnPlayerButton", B.settingServerIndex) : sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "PlayerSetting_OnPlayerRequest", B.settingServerIndex, +B.value)
                        },
                        onResetInServer: B => {
                            sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "PlayerSetting_OnPlayerReset", B.settingServerIndex)
                        }
                    }), o++
                }
            },
            updateServerSettingsVoiceChatPlayers(e) {
                this.settings.voiceChatPlayers = xd(e), this.settings.sound[0].items[sM].innerSettings = this.formatVoiceChatPlayersSettings()
            },
            formatVoiceChatPlayersSettings() {
                return this.settings.voiceChatPlayers.map((e, t) => ({
                    id: this.settings.sound[0].items.length + t,
                    label: e.nickname.replace("_", " "),
                    type: A.RANGE,
                    image: "",
                    text: "Управляет громкостью голосового чата другого игрока",
                    isInner: !0,
                    callback: s => {
                        window.setVoiceChatPlayer(e.playerId, s.value)
                    },
                    mark: !1,
                    min: 0,
                    max: 100,
                    value: Math.round(e.volume)
                }))
            }
        }
    },
    nM = {
        class: "main-menu-settings-modal-info"
    },
    aM = n("img", {
        src: Oc
    }, null, -1),
    oM = ["innerHTML"];

function rM(e, t, s, l, o, i) {
    return a(), r("div", nM, [aM, n("p", {
        cohinline: "",
        innerHTML: s.label
    }, null, 8, oM)])
}
const lM = {
        props: ["label"]
    },
    cn = v(lM, [
        ["render", rM]
    ]),
    cM = {
        class: "main-menu-settings-nick-modal__inputs"
    },
    mM = n("img", {
        class: "main-menu-settings-nick-modal__input-icon",
        src: Te
    }, null, -1),
    _M = n("img", {
        class: "main-menu-settings-nick-modal__input-icon",
        src: Te
    }, null, -1),
    dM = {
        key: 0,
        class: "main-menu-settings-nick-modal__buttons"
    };

function uM(e, t, s, l, o, i) {
    const m = c("InputField"),
        _ = c("ModalInfoLabel"),
        b = c("ControlsContaineredButton"),
        u = c("MobileButton"),
        g = c("Modal");
    return a(), p(g, {
        class: "main-menu-settings-nick-modal",
        title: "Смена неправильного никнейма",
        colorType: 1,
        isOpened: s.isOpened
    }, {
        default: E(() => [n("div", cM, [d(m, {
            class: "main-menu-settings-nick-modal__input",
            data: o.firstName,
            validateSuccessCallback: i.validateInputSuccess,
            validateFailureCallback: i.validateInputFailure,
            onUpdate: t[0] || (t[0] = y => o.firstName.value = y),
            onFocus: t[1] || (t[1] = y => o.isInputFocusing = !0),
            onBlur: t[2] || (t[2] = y => o.isInputFocusing = !1)
        }, {
            default: E(() => [mM]),
            _: 1
        }, 8, ["data", "validateSuccessCallback", "validateFailureCallback"]), d(m, {
            class: "main-menu-settings-nick-modal__input",
            data: o.lastName,
            validateSuccessCallback: i.validateInputSuccess,
            validateFailureCallback: i.validateInputFailure,
            onUpdate: t[3] || (t[3] = y => o.lastName.value = y),
            onFocus: t[4] || (t[4] = y => o.isInputFocusing = !0),
            onBlur: t[5] || (t[5] = y => o.isInputFocusing = !1)
        }, {
            default: E(() => [_M]),
            _: 1
        }, 8, ["data", "validateSuccessCallback", "validateFailureCallback"])]), d(_, {
            label: "Заявки на cмену неправильного никнейма рассматриваются в течение 24 ч."
        }), s.isMobile ? (a(), p(u, {
            key: 1,
            type: 3,
            text: "Отправить заявку на рассмотрение",
            onClick: i.onRequestChangeName
        }, null, 8, ["onClick"])) : (a(), r("div", dM, [d(b, {
            containerText: "Отправить заявку на рассмотрение",
            onPressed: i.onRequestChangeName,
            holdTime: o.MAIN_MENU_BTN_HOLD_TIME,
            disabled: !i.inputsAreFilled,
            text: "Enter",
            pressSound: "UI/UI_menu_click_03.mp3",
            keyCode: o.KEY_CODE_ENTER
        }, null, 8, ["onPressed", "holdTime", "disabled", "keyCode"]), d(b, {
            containerText: "Закрыть",
            onPressed: t[6] || (t[6] = y => e.$emit("close")),
            allowAlternativeKey: !o.isInputFocusing,
            keyCode: o.KEY_CODE_ESC,
            pressSound: "UI/UI_back_esc_1.mp3"
        }, null, 8, ["allowAlternativeKey", "keyCode"])]))]),
        _: 1
    }, 8, ["isOpened"])
}
const hM = {
        props: {
            isMobile: Boolean,
            isOpened: Boolean
        },
        components: {
            Modal: Q,
            InputField: Ie,
            ModalInfoLabel: cn,
            ControlsContaineredButton: W,
            MobileButton: q
        },
        data() {
            return {
                KEY_CODE_ESC: window.KEY_CODE_ESC,
                KEY_CODE_ENTER: window.KEY_CODE_ENTER,
                MAIN_MENU_BTN_HOLD_TIME: ge,
                isInputFocusing: !1,
                firstName: {
                    type: "name",
                    value: "",
                    icon: !0,
                    placeholder: "Имя персонажа"
                },
                lastName: {
                    type: "name",
                    value: "",
                    icon: !0,
                    placeholder: "Фамилия персонажа"
                }
            }
        },
        computed: {
            inputsAreFilled() {
                return this.validateInputSuccess(this.firstName.value) && this.validateInputSuccess(this.lastName.value)
            }
        },
        methods: {
            validateInputSuccess(e) {
                return e.trim()
                    .length > 0
            },
            validateInputFailure(e) {
                return e.trim()
                    .length <= 0
            },
            onRequestChangeName() {
                sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "PlayerSetting_OnPlayerName", this.firstName.value + "_" + this.lastName.value), this.$emit("setModalAwaitResponse", !0)
            }
        }
    },
    pM = v(hM, [
        ["render", uM]
    ]),
    gM = {},
    bM = {
        xmlns: "http://www.w3.org/2000/svg",
        width: "32",
        height: "32",
        viewBox: "0 0 32 32",
        fill: "none"
    },
    vM = n("circle", {
        render: !0,
        cx: "16",
        cy: "16",
        r: "15",
        fill: "url(#paint0_linear_775_14649)"
    }, null, -1),
    CM = n("circle", {
        render: !0,
        cx: "16",
        cy: "16",
        r: "3",
        fill: "white"
    }, null, -1),
    yM = n("circle", {
        render: !0,
        cx: "23",
        cy: "16",
        r: "2",
        fill: "white"
    }, null, -1),
    fM = n("circle", {
        render: !0,
        cx: "9",
        cy: "16",
        r: "2",
        fill: "white"
    }, null, -1),
    TM = n("defs", null, [n("linearGradient", {
        id: "paint0_linear_775_14649",
        x1: "-2.125",
        y1: "-15.875",
        x2: "16",
        y2: "31",
        gradientUnits: "userSpaceOnUse"
    }, [n("stop", {
        "stop-color": "white"
    }), n("stop", {
        offset: "0.871322",
        "stop-color": "#CC7638"
    })])], -1),
    EM = [vM, CM, yM, fM, TM];

function kM(e, t) {
    return a(), r("svg", bM, EM)
}
const go = v(gM, [
        ["render", kM]
    ]),
    IM = {},
    wM = {
        xmlns: "http://www.w3.org/2000/svg",
        width: "32",
        height: "32",
        viewBox: "0 0 32 32",
        fill: "none"
    },
    SM = n("circle", {
        render: !0,
        cx: "16",
        cy: "16",
        r: "15",
        fill: "url(#paint0_linear_400_2872)"
    }, null, -1),
    MM = n("path", {
        render: !0,
        d: "M9 17.1905L13 21L23 11",
        stroke: "white",
        "stroke-width": "2"
    }, null, -1),
    PM = n("defs", null, [n("linearGradient", {
        id: "paint0_linear_400_2872",
        x1: "-2.125",
        y1: "-15.875",
        x2: "16",
        y2: "31",
        gradientUnits: "userSpaceOnUse"
    }, [n("stop", {
        "stop-color": "white"
    }), n("stop", {
        offset: "0.871322",
        "stop-color": "#0A9947"
    })])], -1),
    AM = [SM, MM, PM];

function DM(e, t) {
    return a(), r("svg", wM, AM)
}
const bo = v(IM, [
        ["render", DM]
    ]),
    Xl = e => {
        let t = e;
        for (let s = 1; s < t.indexOf("@"); s += 2) t = t.slice(0, s) + "*" + t.slice(s);
        return t
    },
    LM = {
        class: "main-menu-settings-email-modal__content"
    },
    xM = {
        class: "main-menu-settings-email-modal__info"
    },
    OM = n("div", {
        class: "main-menu-settings-email-modal__label"
    }, "Текущая почта", -1),
    BM = {
        class: "main-menu-settings-email-modal__current-email"
    },
    $M = n("div", {
        class: "main-menu-settings-email-modal__line"
    }, null, -1),
    NM = n("div", {
        class: "main-menu-settings-email-modal__light"
    }, null, -1),
    RM = {
        class: "main-menu-settings-email-modal__status"
    },
    VM = {
        key: 0,
        class: "main-menu-settings-email-modal__buttons"
    };

function HM(e, t, s, l, o, i) {
    const m = c("ModalInfoLabel"),
        _ = c("ControlsContaineredButton"),
        b = c("MobileButton"),
        u = c("Modal");
    return a(), p(u, {
        class: T(["main-menu-settings-email-modal", `main-menu-settings-email-modal_${s.data.status}`]),
        title: "Электронная почта",
        colorType: i.colorType,
        isOpened: s.isOpened
    }, {
        default: E(() => [n("div", LM, [n("div", xM, [OM, n("div", BM, C(s.data.currentEmail), 1), $M, NM, n("div", RM, [(a(), p(z(i.statusIcon))), w(C(i.label), 1)])]), d(m, {
            label: i.info
        }, null, 8, ["label"]), s.isMobile ? (a(), p(b, {
            key: 1,
            type: 3,
            text: s.data.status === 1 ? "Сменить почту" : "Отправить код",
            onClick: i.onSendEmail
        }, null, 8, ["text", "onClick"])) : (a(), r("div", VM, [d(_, {
            containerText: s.data.status === 1 ? "Сменить почту" : "Отправить код",
            onPressed: i.onSendEmail,
            holdTime: o.MAIN_MENU_BTN_HOLD_TIME,
            text: "Enter",
            pressSound: "UI/UI_menu_click_03.mp3",
            keyCode: o.KEY_CODE_ENTER
        }, null, 8, ["containerText", "onPressed", "holdTime", "keyCode"]), d(_, {
            containerText: "Закрыть",
            onPressed: t[0] || (t[0] = g => e.$emit("close")),
            keyCode: o.KEY_CODE_ESC,
            pressSound: "UI/UI_back_esc_1.mp3"
        }, null, 8, ["keyCode"])]))])]),
        _: 1
    }, 8, ["colorType", "isOpened", "class"])
}
const UM = {
        props: {
            isMobile: Boolean,
            isOpened: Boolean,
            data: Object
        },
        components: {
            WaitingIcon: go,
            ConfirmIcon: bo,
            Modal: Q,
            MobileButton: q,
            ModalInfoLabel: cn,
            ControlsContaineredButton: W
        },
        data() {
            return {
                KEY_CODE_ESC: window.KEY_CODE_ESC,
                KEY_CODE_ENTER: window.KEY_CODE_ENTER,
                MAIN_MENU_BTN_HOLD_TIME: ge
            }
        },
        computed: {
            colorType() {
                return [1, 3][this.data.status]
            },
            statusIcon() {
                return ["WaitingIcon", "ConfirmIcon"][this.data.status]
            },
            label() {
                return ["Ожидает подтверждения", "Почта подтверждена"][this.data.status]
            },
            info() {
                return ["Для подтверждения почты, нажмите на кнопку “Отправить код” и введите его в поле выше", "Для смены вашей электронной почты вы будете перенаправлены на официальный сайт"][this.data.status]
            }
        },
        methods: {
            encryptEmail: Xl,
            onSendEmail() {
                if (this.data.status) {
                    const e = this.$store.getters["player/actionRedirectUri"];
                    window.openLink(`${e}&action=change-email`)
                } else sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "PlayerSetting_OnPlayerEmail"), this.$emit("setModalAwaitResponse", !0)
            }
        }
    },
    YM = v(UM, [
        ["render", HM]
    ]),
    KM = {},
    GM = {
        xmlns: "http://www.w3.org/2000/svg",
        width: "20",
        height: "20",
        viewBox: "0 0 20 20",
        fill: "none"
    },
    FM = n("path", {
        d: "M18 11.6V16C18 17.1046 17.1046 18 16 18H4C2.89543 18 2 17.1046 2 16V4C2 2.89543 2.89543 2 4 2H8.4",
        stroke: "white",
        "stroke-width": "2"
    }, null, -1),
    zM = n("path", {
        d: "M10 10L18 2M18 2H11.3217M18 2V8.26087",
        stroke: "white",
        "stroke-width": "2",
        "stroke-linejoin": "bevel"
    }, null, -1),
    ZM = [FM, zM];

function qM(e, t) {
    return a(), r("svg", GM, ZM)
}
const Ql = v(KM, [
        ["render", qM]
    ]),
    WM = {
        class: "main-menu-settings-security-modal__content"
    },
    jM = n("p", null, "Существуют 3 вида защиты с использованием мобильного приложения Google Authentificator, ВКонтакте и Telegram.", -1),
    XM = {
        class: "main-menu-settings-security-modal__links"
    },
    QM = n("div", {
        class: "main-menu-settings-security-modal__link-left"
    }, [n("img", {
        src: Bc
    }), n("span", null, "Привязать telegram")], -1),
    JM = n("div", {
        class: "main-menu-settings-security-modal__link-left"
    }, [n("img", {
        src: $c
    }), n("span", null, "Привязать VK")], -1),
    eP = n("div", {
        class: "main-menu-settings-security-modal__link-left"
    }, [n("img", {
        src: Nc
    }), n("span", null, "Привязать google auth.")], -1),
    tP = n("p", null, "Если вы включите защиту, то при авторизации, помимо пароля, будет запрашиваться ввод кода в зависимости от ваших настроек.", -1),
    sP = n("p", null, "Система будет запрашивать ввод только если ваш IP-адрес или подсеть (первые 2 цифры IP-адреса) не совпадают с теми, которые были записаны при успешном входе в игру.", -1),
    iP = {
        key: 0,
        class: "main-menu-settings-security-modal__buttons"
    };

function nP(e, t, s, l, o, i) {
    const m = c("Link"),
        _ = c("ControlsContaineredButton"),
        b = c("MobileButton"),
        u = c("Modal");
    return a(), p(u, {
        class: "main-menu-settings-security-modal",
        title: "Информация о безопасности",
        colorType: 0,
        isOpened: s.isOpened
    }, {
        default: E(() => [n("div", WM, [jM, n("div", XM, [n("div", {
            class: "main-menu-settings-security-modal__link pressable",
            onClick: t[0] || (t[0] = g => {
                e.$emit("openTelegramModal"), e.$emit("close")
            })
        }, [QM, d(m)]), n("div", {
            class: "main-menu-settings-security-modal__link pressable",
            onClick: t[1] || (t[1] = g => {
                e.$emit("openVKModal"), e.$emit("close")
            })
        }, [JM, d(m)]), n("div", {
            class: "main-menu-settings-security-modal__link pressable",
            onClick: t[2] || (t[2] = (...g) => i.openGoogleAuthConnect && i.openGoogleAuthConnect(...g))
        }, [eP, d(m)])]), tP, sP, s.isMobile ? (a(), p(b, {
            key: 1,
            type: 3,
            text: "Понятно",
            onClick: t[4] || (t[4] = g => e.$emit("close"))
        })) : (a(), r("div", iP, [d(_, {
            containerText: "Закрыть",
            onPressed: t[3] || (t[3] = g => e.$emit("close")),
            keyCode: o.KEY_CODE_ESC,
            pressSound: "UI/UI_back_esc_1.mp3"
        }, null, 8, ["keyCode"])]))])]),
        _: 1
    }, 8, ["isOpened"])
}
const aP = {
        props: {
            isMobile: Boolean,
            isOpened: Boolean
        },
        components: {
            Link: Ql,
            Modal: Q,
            MobileButton: q,
            ControlsContaineredButton: W
        },
        data() {
            return {
                KEY_CODE_ESC: window.KEY_CODE_ESC
            }
        },
        methods: {
            openGoogleAuthConnect() {
                const e = this.$store.getters["player/actionRedirectUri"];
                window.openLink(`${e}&action=enable-2fa`), this.$emit("close")
            }
        }
    },
    oP = v(aP, [
        ["render", nP]
    ]),
    rP = {},
    lP = {
        xmlns: "http://www.w3.org/2000/svg",
        width: "16",
        height: "16",
        viewBox: "0 0 16 16",
        fill: "none"
    },
    cP = n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M0.705734 2.47519L8.4 7.9711L15.6138 2.81839C15.2498 2.32216 14.6625 2 14 2H2C1.5064 2 1.05456 2.17881 0.705734 2.47519ZM16 5.00033L8.98124 10.0137H7.81876L0 4.4289V12C0 13.1046 0.895431 14 2 14H14C15.1046 14 16 13.1046 16 12V5.00033Z",
        fill: "white",
        "fill-opacity": "0.6"
    }, null, -1),
    mP = [cP];

function _P(e, t) {
    return a(), r("svg", lP, mP)
}
const dP = v(rP, [
        ["render", _P]
    ]),
    uP = {
        class: "main-menu-settings-password-modal__content"
    },
    hP = {
        class: "main-menu-settings-password-modal__inputs"
    },
    pP = {
        key: 0,
        class: "main-menu-settings-password-modal__buttons"
    };

function gP(e, t, s, l, o, i) {
    const m = c("EnvelopeIcon"),
        _ = c("InputField"),
        b = c("ModalInfoLabel"),
        u = c("ControlsContaineredButton"),
        g = c("MobileButton"),
        y = c("Modal");
    return a(), p(y, {
        class: "main-menu-settings-password-modal",
        title: "Смена пароля",
        colorType: 0,
        isOpened: s.isOpened
    }, {
        default: E(() => [n("div", uP, [n("div", hP, [d(_, {
            class: "main-menu-settings-password-modal__input",
            data: o.oldPassword,
            validateSuccessCallback: i.validateInputSuccess,
            validateFailureCallback: i.validateInputFailure,
            onUpdate: t[0] || (t[0] = f => o.oldPassword.value = f),
            onFocus: t[1] || (t[1] = f => o.isInputFocusing = !0),
            onBlur: t[2] || (t[2] = f => o.isInputFocusing = !1)
        }, {
            default: E(() => [d(m)]),
            _: 1
        }, 8, ["data", "validateSuccessCallback", "validateFailureCallback"]), d(_, {
            class: "main-menu-settings-password-modal__input",
            data: o.newPassword,
            validateSuccessCallback: i.validateInputSuccess,
            validateFailureCallback: i.validateInputFailure,
            onUpdate: t[3] || (t[3] = f => o.newPassword.value = f),
            onFocus: t[4] || (t[4] = f => o.isInputFocusing = !0),
            onBlur: t[5] || (t[5] = f => o.isInputFocusing = !1)
        }, {
            default: E(() => [d(m)]),
            _: 1
        }, 8, ["data", "validateSuccessCallback", "validateFailureCallback"])]), d(b, {
            label: "Введите новый и старый пароль в поле для ввода"
        }), s.isMobile ? (a(), p(g, {
            key: 1,
            type: 3,
            text: "Поменять",
            onClick: i.change
        }, null, 8, ["onClick"])) : (a(), r("div", pP, [d(u, {
            containerText: "Поменять",
            onPressed: i.change,
            holdTime: o.MAIN_MENU_BTN_HOLD_TIME,
            disabled: !i.inputsAreFilled,
            text: "Enter",
            keyCode: o.KEY_CODE_ENTER,
            pressSound: "UI/UI_menu_click_03.mp3"
        }, null, 8, ["onPressed", "holdTime", "disabled", "keyCode"]), d(u, {
            containerText: "Скрыть/Показать пароль",
            onPressed: i.changeVisibility,
            disabled: o.isInputFocusing,
            text: "H",
            keyCode: o.KEY_CODE_H,
            pressSound: "UI/UI_menu_click_03.mp3"
        }, null, 8, ["onPressed", "disabled", "keyCode"]), d(u, {
            containerText: "Закрыть",
            onPressed: t[6] || (t[6] = f => e.$emit("close")),
            allowAlternativeKey: !o.isInputFocusing,
            keyCode: o.KEY_CODE_ESC,
            pressSound: "UI/UI_back_esc_1.mp3"
        }, null, 8, ["allowAlternativeKey", "keyCode"])]))])]),
        _: 1
    }, 8, ["isOpened"])
}
const bP = {
        props: {
            isMobile: Boolean,
            isOpened: Boolean
        },
        components: {
            EnvelopeIcon: dP,
            Modal: Q,
            InputField: Ie,
            ModalInfoLabel: cn,
            ControlsContaineredButton: W,
            MobileButton: q
        },
        data() {
            return {
                KEY_CODE_ESC: window.KEY_CODE_ESC,
                KEY_CODE_ENTER: window.KEY_CODE_ENTER,
                KEY_CODE_H: window.KEY_CODE_H,
                MAIN_MENU_BTN_HOLD_TIME: ge,
                isInputFocusing: !1,
                oldPassword: {
                    type: "password",
                    value: "",
                    icon: !0,
                    placeholder: "Введите старый пароль"
                },
                newPassword: {
                    type: "password",
                    value: "",
                    icon: !0,
                    placeholder: "Введите новый пароль"
                }
            }
        },
        computed: {
            inputsAreFilled() {
                return this.validateInputSuccess(this.oldPassword.value) && this.validateInputSuccess(this.newPassword.value)
            }
        },
        methods: {
            validateInputSuccess(e) {
                return e.trim()
                    .length > 0
            },
            validateInputFailure(e) {
                return e.trim()
                    .length <= 0
            },
            change() {
                sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "PlayerSetting_OnChangePassword", this.oldPassword.value, this.newPassword.value), this.$emit("setModalAwaitResponse", !0)
            },
            changeVisibility() {
                const e = this.oldPassword.type === "text" ? "password" : "text";
                this.oldPassword.type = e, this.newPassword.type = e
            }
        },
        watch: {
            isOpened() {
                this.oldPassword.value = "", this.newPassword.value = ""
            }
        }
    },
    vP = v(bP, [
        ["render", gP]
    ]),
    CP = {},
    yP = {
        xmlns: "http://www.w3.org/2000/svg",
        width: "16",
        height: "16",
        viewBox: "0 0 16 16",
        fill: "none"
    },
    fP = n("g", {
        "clip-path": "url(#clip0_775_14677)"
    }, [n("path", {
        d: "M2.34315 2.34315L8 8M8 8L13.6569 13.6569M8 8L2.34315 13.6569M8 8L13.6569 2.34315M8 8V0M8 8V16M8 8H0M8 8H16",
        stroke: "white",
        "stroke-width": "2"
    })], -1),
    TP = n("defs", null, [n("clipPath", {
        id: "clip0_775_14677"
    }, [n("rect", {
        width: "16",
        height: "16",
        fill: "white"
    })])], -1),
    EP = [fP, TP];

function kP(e, t) {
    return a(), r("svg", yP, EP)
}
const IP = v(CP, [
        ["render", kP]
    ]),
    wP = {},
    SP = {
        xmlns: "http://www.w3.org/2000/svg",
        width: "33",
        height: "32",
        viewBox: "0 0 33 32",
        fill: "none"
    },
    MP = n("circle", {
        render: !0,
        cx: "16.906",
        cy: "16",
        r: "15",
        fill: "url(#paint0_linear_775_8239)"
    }, null, -1),
    PP = n("path", {
        render: !0,
        d: "M9.90601 17.1905L13.906 21L23.906 11",
        stroke: "white",
        "stroke-width": "2"
    }, null, -1),
    AP = n("defs", null, [n("linearGradient", {
        id: "paint0_linear_775_8239",
        x1: "-1.219",
        y1: "-15.875",
        x2: "16.906",
        y2: "31",
        gradientUnits: "userSpaceOnUse"
    }, [n("stop", {
        "stop-color": "white"
    }), n("stop", {
        offset: "0.871322",
        "stop-color": "#007AFF"
    })])], -1),
    DP = [MP, PP, AP];

function LP(e, t) {
    return a(), r("svg", SP, DP)
}
const xP = v(wP, [
        ["render", LP]
    ]),
    OP = {},
    BP = {
        xmlns: "http://www.w3.org/2000/svg",
        width: "32",
        height: "32",
        viewBox: "0 0 32 32",
        fill: "none"
    },
    $P = n("circle", {
        render: !0,
        cx: "16",
        cy: "16",
        r: "15",
        fill: "url(#paint0_linear_775_14632)"
    }, null, -1),
    NP = n("path", {
        render: !0,
        d: "M10 22L22 10M10 10L22 22",
        stroke: "white",
        "stroke-width": "2"
    }, null, -1),
    RP = n("defs", null, [n("linearGradient", {
        id: "paint0_linear_775_14632",
        x1: "-2.125",
        y1: "-15.875",
        x2: "16",
        y2: "31",
        gradientUnits: "userSpaceOnUse"
    }, [n("stop", {
        "stop-color": "white"
    }), n("stop", {
        offset: "0.871322",
        "stop-color": "#E25544"
    })])], -1),
    VP = [$P, NP, RP];

function HP(e, t) {
    return a(), r("svg", BP, VP)
}
const UP = v(OP, [
        ["render", HP]
    ]),
    YP = {
        class: "main-menu-settings-messenger-modal__content"
    },
    KP = {
        class: "main-menu-settings-messenger-modal__status main-menu-settings-messenger-modal__status_disabled"
    },
    GP = n("div", {
        class: "main-menu-settings-messenger-modal__status-light"
    }, null, -1),
    FP = {
        key: 0,
        class: "main-menu-settings-messenger-modal__buttons"
    },
    zP = n("div", {
        class: "main-menu-settings-messenger-modal__status-light"
    }, null, -1),
    ZP = {
        key: 0,
        class: "main-menu-settings-messenger-modal__inputs"
    },
    qP = {
        key: 1,
        class: "main-menu-settings-messenger-modal__checkbox"
    },
    WP = {
        class: "main-menu-settings-messenger-modal__checkbox-text"
    },
    jP = {
        key: 2,
        class: "main-menu-settings-messenger-modal__buttons"
    };

function XP(e, t, s, l, o, i) {
    const m = c("DisabledIcon"),
        _ = c("ModalInfoLabel"),
        b = c("ControlsContaineredButton"),
        u = c("MobileButton"),
        g = c("CodeIcon"),
        y = c("InputField"),
        f = c("Checkbox"),
        k = c("Modal");
    return a(), p(k, {
        class: "main-menu-settings-messenger-modal",
        title: `Привязка ${i.messengerName}`,
        colorType: i.colorType,
        isOpened: s.isOpened
    }, {
        default: E(() => [n("div", YP, [s.disabled ? (a(), r(I, {
            key: 0
        }, [n("div", KP, [d(m), w(C(i.messengerName) + " временно недоступен", 1), GP]), d(_, {
            label: "Данный функционал находится в разработке и будет доступен позже"
        }), s.isMobile ? (a(), p(u, {
            key: 1,
            type: 3,
            text: "Понятно",
            onClick: t[1] || (t[1] = S => e.$emit("close"))
        })) : (a(), r("div", FP, [d(b, {
            containerText: "Закрыть",
            onPressed: t[0] || (t[0] = S => e.$emit("close")),
            keyCode: o.KEY_CODE_ESC,
            pressSound: "UI/UI_back_esc_1.mp3"
        }, null, 8, ["keyCode"])]))], 64)) : (a(), r(I, {
            key: 1
        }, [n("div", {
            class: T(["main-menu-settings-messenger-modal__status", `main-menu-settings-messenger-modal__status_${i.type}`])
        }, [(a(), p(z(i.statusIcon))), w(C(i.label), 1), zP], 2), i.type === "waiting" ? (a(), r("div", ZP, [d(y, {
            class: "main-menu-settings-messenger-modal__input",
            data: o.codeInput,
            validateSuccessCallback: i.validateInputSuccess,
            validateFailureCallback: i.validateInputFailure,
            onUpdate: t[2] || (t[2] = S => o.codeInput.value = S),
            onFocus: t[3] || (t[3] = S => o.isInputFocusing = !0),
            onBlur: t[4] || (t[4] = S => o.isInputFocusing = !1)
        }, {
            default: E(() => [d(g)]),
            _: 1
        }, 8, ["data", "validateSuccessCallback", "validateFailureCallback"])])) : h("", !0), i.type === "connect" ? (a(), r("div", qP, [d(f, {
            checked: s.data.useMessengerToGetCode,
            clickSound: "UI/UI_menu_click_05.mp3",
            onChange: i.changeMessengerProtection
        }, null, 8, ["checked", "onChange"]), n("div", WP, "Использовать " + C(i.messengerName) + " для получения Кодов Безопасности", 1)])) : h("", !0), d(_, {
            label: i.info
        }, null, 8, ["label"]), s.isMobile ? i.type !== "connect" ? (a(), p(u, {
            key: 3,
            type: 3,
            text: `Привязать ${i.messengerName}`,
            onClick: i.onConnect
        }, null, 8, ["text", "onClick"])) : (a(), p(u, {
            key: 4,
            type: 3,
            text: "Понятно",
            onClick: t[6] || (t[6] = S => e.$emit("close"))
        })) : (a(), r("div", jP, [i.type !== "connect" ? (a(), p(b, {
            key: 0,
            containerText: `Привязать ${i.messengerName}`,
            onPressed: i.onConnect,
            holdTime: o.MAIN_MENU_BTN_HOLD_TIME,
            disabled: o.isInputFocusing,
            text: "Enter",
            keyCode: o.KEY_CODE_ENTER,
            pressSound: "UI/UI_menu_click_03.mp3"
        }, null, 8, ["containerText", "onPressed", "holdTime", "disabled", "keyCode"])) : h("", !0), d(b, {
            containerText: "Закрыть",
            onPressed: t[5] || (t[5] = S => e.$emit("close")),
            allowAlternativeKey: !o.isInputFocusing,
            keyCode: o.KEY_CODE_ESC,
            pressSound: "UI/UI_back_esc_1.mp3"
        }, null, 8, ["allowAlternativeKey", "keyCode"])]))], 64))])]),
        _: 1
    }, 8, ["title", "colorType", "isOpened"])
}
const QP = {
        vk: "Вконтакте",
        telegram: "Telegram"
    },
    JP = {
        vk: "PlayerSetting_OnPlayerVK",
        telegram: "PlayerSetting_OnPlayerTelegram"
    },
    eA = {
        vk: "PlayerSetting_OnChSeqVK",
        telegram: "PlayerSetting_OnChSeqTelegram"
    },
    Zo = {
        vk: "vkUrl",
        telegram: "telegramUrl"
    },
    tA = {
        props: {
            isMobile: Boolean,
            isOpened: Boolean,
            data: Object,
            messenger: {
                type: String,
                validator: e => ["vk", "telegram"].includes(e),
                default: "telegram"
            },
            disabled: {
                type: Boolean,
                default: !1
            }
        },
        components: {
            CodeIcon: IP,
            EnableIcon: xP,
            DisabledIcon: UP,
            WaitingIcon: go,
            Checkbox: no,
            Modal: Q,
            ModalInfoLabel: cn,
            InputField: Ie,
            MobileButton: q,
            ControlsContaineredButton: W
        },
        data() {
            return {
                KEY_CODE_ESC: window.KEY_CODE_ESC,
                KEY_CODE_ENTER: window.KEY_CODE_ENTER,
                MAIN_MENU_BTN_HOLD_TIME: ge,
                isInputFocusing: !1,
                codeInput: {
                    type: "code",
                    value: "",
                    icon: !0,
                    placeholder: "Введите код подтверждения"
                }
            }
        },
        computed: {
            type() {
                return {
                    [xe.REDIRECT_LINK]: "disabled",
                    [xe.CONNECT]: "connect",
                    [xe.INPUT_CODE]: "waiting"
                } [this.data.status]
            },
            colorType() {
                return {
                    [xe.REDIRECT_LINK]: 4,
                    [xe.CONNECT]: 0,
                    [xe.INPUT_CODE]: 1
                } [this.data.status]
            },
            label() {
                return [`${this.messengerName} не привязан`, `${this.messengerName} ПРИВЯЗАН`, `${this.messengerName} ожидает подтверждения`][this.data.status]
            },
            statusIcon() {
                return ["DisabledIcon", "EnableIcon", "WaitingIcon"][this.data.status]
            },
            info() {
                return [`Привяжите ${this.messengerName}, чтобы открыть возможность получения кодов безопасности на него`, `При отключении функции использования ${this.messengerName} для кодов - коды будут приходить на действующую почту`, `Введите Код Подтверждения, полученный с <span>${this.messengerSourceLabel}</span>`][this.data.status]
            },
            messengerName() {
                return QP[this.messenger]
            },
            messengerSourceLabel() {
                const e = this.$store.getters[`player/${Zo[this.messenger]}`];
                if (!e) return "";
                const t = e.replace(/\/+$/, "")
                    .match(/\/([^/]+)$/);
                return (t ? `@${t[1]}` : e)
                    .replace(/[<>"'&]/g, l => `&#${l.charCodeAt(0)};`)
            },
            messengerConnectEvent() {
                return JP[this.messenger]
            },
            messengerStatusEvent() {
                return eA[this.messenger]
            }
        },
        methods: {
            changeMessengerProtection() {
                sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, this.messengerStatusEvent)
            },
            validateInputSuccess(e) {
                return e.trim() > 0
            },
            validateInputFailure(e) {
                return e.trim() <= 0
            },
            onConnect() {
                if (this.data.status === xe.REDIRECT_LINK) {
                    const e = this.$store.getters[`player/${Zo[this.messenger]}`];
                    window.openLink(e), this.data.status = xe.INPUT_CODE
                } else this.data.status === xe.INPUT_CODE && (sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, this.messengerConnectEvent, this.codeInput.value), this.$emit("setModalAwaitResponse", !0))
            }
        }
    },
    sA = v(tA, [
        ["render", XP]
    ]),
    iA = n("div", {
        class: "main-menu-settings-switch__circle"
    }, null, -1),
    nA = [iA];

function aA(e, t, s, l, o, i) {
    return a(), r("div", {
        class: T(["main-menu-settings-switch", {
            "main-menu-settings-switch_checked": s.checked
        }]),
        onClick: t[0] || (t[0] = m => e.$emit("change"))
    }, nA, 2)
}
const oA = {
        props: ["checked"]
    },
    vo = v(oA, [
        ["render", aA]
    ]),
    rA = {
        class: "main-menu-settings-development-modal__block"
    },
    lA = n("div", {
        class: "main-menu-settings-development-modal__block-title"
    }, "Канал обновлений", -1),
    cA = {
        class: "main-menu-settings-development-modal__block"
    },
    mA = n("div", {
        class: "main-menu-settings-development-modal__block-title"
    }, "Дебаг", -1),
    _A = {
        class: "main-menu-settings-development-modal__checkbox"
    },
    dA = n("div", {
        class: "main-menu-settings-development-modal__checkbox-name"
    }, "Показывать консоль разработчика", -1),
    uA = {
        class: "main-menu-settings-development-modal__footer"
    },
    hA = {
        class: "main-menu-settings-development-modal__block"
    },
    pA = n("div", {
        class: "main-menu-settings-development-modal__block-title"
    }, "Интерфейсы", -1),
    gA = {
        class: "main-menu-settings-development-modal__checkbox"
    },
    bA = n("div", {
        class: "main-menu-settings-development-modal__checkbox-name"
    }, "Загрузка интерфейсов по HTTP", -1),
    vA = {
        key: 0,
        class: "main-menu-settings-development-modal__block"
    };

function CA(e, t, s, l, o, i) {
    const m = c("InputField"),
        _ = c("Switch"),
        b = c("Modal");
    return a(), p(b, {
        class: "main-menu-settings-development-modal",
        title: "Разработка",
        colorType: 0,
        isOpened: s.isOpened
    }, {
        default: E(() => [n("div", rA, [lA, d(m, {
            class: "main-menu-settings-development-modal__input",
            data: o.channel,
            onUpdate: t[0] || (t[0] = u => i.setProperty("updateChannel", u)),
            onFocus: t[1] || (t[1] = u => o.isInputFocusing = !0),
            onBlur: t[2] || (t[2] = u => o.isInputFocusing = !1)
        }, null, 8, ["data"])]), n("div", cA, [mA, n("div", _A, [dA, d(_, {
            class: "main-menu-settings-development-modal__checkbox-switch",
            checked: i.isConsoleActive,
            onChange: i.toggleConsole
        }, null, 8, ["checked", "onChange"])])]), n("div", uA, [n("div", hA, [pA, n("div", gA, [bA, d(_, {
            class: "main-menu-settings-development-modal__checkbox-switch",
            checked: i.settings.customInterfaces,
            onChange: t[3] || (t[3] = u => i.setProperty("customInterfaces", !i.settings.customInterfaces))
        }, null, 8, ["checked"])])]), i.settings.customInterfaces ? (a(), r("div", vA, [d(m, {
            class: "main-menu-settings-development-modal__input",
            data: o.interfacesAddres,
            onUpdate: t[4] || (t[4] = u => i.setProperty("customInterfacesAddress", u)),
            onFocus: t[5] || (t[5] = u => o.isInputFocusing = !0),
            onBlur: t[6] || (t[6] = u => o.isInputFocusing = !1)
        }, null, 8, ["data"])])) : h("", !0)])]),
        _: 1
    }, 8, ["isOpened"])
}
const yA = {
        props: {
            isMobile: Boolean,
            isOpened: Boolean
        },
        components: {
            Modal: Q,
            InputField: Ie,
            Switch: vo
        },
        data() {
            return {
                isInputFocusing: !1,
                channel: {
                    type: "text",
                    value: "",
                    icon: !1,
                    placeholder: "Канал разработки"
                },
                interfacesAddres: {
                    type: "text",
                    value: "",
                    icon: !1,
                    placeholder: "Введите ссылку"
                }
            }
        },
        computed: {
            isConsoleActive() {
                return this.$root.isConsoleActive
            },
            settings() {
                return this.$store.getters["settings/settings"]
            }
        },
        mounted() {
            this.settings && (this.channel.value = this.settings.updateChannel, this.interfacesAddres.value = this.settings.customInterfacesAddress)
        },
        methods: {
            toggleConsole() {
                window.App.setConsoleActive(!this.isConsoleActive)
            },
            setProperty(e, t) {
                this.$store.commit("settings/setSettingsProperty", {
                    key: e,
                    value: t
                }), window.saveSettings()
            }
        }
    },
    fA = v(yA, [
        ["render", CA]
    ]),
    TA = e => (D("data-v-2b0b7aaa"), e = e(), L(), e),
    EA = TA(() => n("div", {
        class: "main-menu-settings-auth-service__light"
    }, null, -1)),
    kA = ["src"];

function IA(e, t, s, l, o, i) {
    const m = c("ConfirmIcon");
    return a(), r("div", {
        class: T(["main-menu-settings-auth-service", {
            "main-menu-settings-auth-service_connected": s.data.status === l.AUTH_SERVICE_STATUS.CONNECTED
        }])
    }, [EA, d(m, {
        class: "main-menu-settings-auth-service__confirm"
    }), n("img", {
        class: "main-menu-settings-auth-service__logo",
        src: l.images[`/src/assets/images/auth-mobile/external-auth/${s.data.name}.svg`]
    }, null, 8, kA)], 2)
}
const wA = {
        props: ["data"],
        components: {
            ConfirmIcon: bo
        },
        setup() {
            return {
                AUTH_SERVICE_STATUS: vt,
                images: Object.assign({
                    "/src/assets/images/auth-mobile/external-auth/apple.svg": Bd,
                    "/src/assets/images/auth-mobile/external-auth/discord.svg": $d,
                    "/src/assets/images/auth-mobile/external-auth/google.svg": Nd,
                    "/src/assets/images/auth-mobile/external-auth/vk.svg": Rd,
                    "/src/assets/images/auth-mobile/external-auth/yandex.svg": Vd
                })
            }
        }
    },
    SA = v(wA, [
        ["render", IA],
        ["__scopeId", "data-v-2b0b7aaa"]
    ]),
    MA = {
        class: "main-menu-mob-settings-header"
    },
    PA = n("p", {
        class: "main-menu-mob-settings-header__login",
        cohinline: ""
    }, [n("span", null, "@"), w("LOGINTEMPLATE")], -1);

function AA(e, t, s, l, o, i) {
    const m = c("Button");
    return a(), r("div", MA, [PA, d(m, {
        type: 4,
        text: "Выйти из аккаунта",
        onClick: l.logout
    }, null, 8, ["onClick"])])
}
const DA = {
        components: {
            Button: q
        },
        setup() {
            return {
                logout: () => {}
            }
        }
    },
    LA = v(DA, [
        ["render", AA]
    ]),
    xA = {
        class: "main-menu-mob-settings-line"
    };

function OA(e, t) {
    return a(), r("div", xA)
}
const BA = {},
    $A = v(BA, [
        ["render", OA],
        ["__scopeId", "data-v-394aab72"]
    ]),
    NA = {},
    RA = {
        xmlns: "http://www.w3.org/2000/svg",
        width: "14",
        height: "14",
        viewBox: "0 0 14 14",
        fill: "none"
    },
    VA = n("path", {
        d: "M5.26795 2C6.03775 0.666664 7.96225 0.666667 8.73205 2L13.0622 9.5C13.832 10.8333 12.8697 12.5 11.3301 12.5H2.66987C1.13027 12.5 0.168022 10.8333 0.937822 9.5L5.26795 2Z",
        fill: "url(#paint0_linear_2384_6591)"
    }, null, -1),
    HA = n("defs", null, [n("linearGradient", {
        id: "paint0_linear_2384_6591",
        x1: "-6.05",
        y1: "-13.6",
        x2: "7",
        y2: "17",
        gradientUnits: "userSpaceOnUse"
    }, [n("stop", {
        "stop-color": "white"
    }), n("stop", {
        offset: "0.811984",
        "stop-color": "#CC7638"
    })])], -1),
    UA = [VA, HA];

function YA(e, t) {
    return a(), r("svg", RA, UA)
}
const KA = v(NA, [
        ["render", YA]
    ]),
    GA = {},
    FA = {
        width: "28",
        height: "28",
        viewBox: "0 0 28 28",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    zA = n("rect", {
        width: "28",
        height: "28",
        rx: "2",
        fill: "#010106",
        "fill-opacity": "0.6"
    }, null, -1),
    ZA = n("path", {
        d: "M13.0439 15.6846V15.1787C13.0439 14.8688 13.0872 14.5954 13.1738 14.3584C13.2604 14.1169 13.3994 13.889 13.5908 13.6748C13.7822 13.4561 14.0352 13.2327 14.3496 13.0049C14.6322 12.8044 14.8577 12.6243 15.0264 12.4648C15.1995 12.3053 15.3249 12.1481 15.4023 11.9932C15.4844 11.8337 15.5254 11.6536 15.5254 11.4531C15.5254 11.1569 15.416 10.9313 15.1973 10.7764C14.9785 10.6214 14.6732 10.5439 14.2812 10.5439C13.8893 10.5439 13.4997 10.6055 13.1123 10.7285C12.7295 10.8516 12.3398 11.0133 11.9434 11.2139L11.1982 9.7168C11.654 9.46159 12.1484 9.25651 12.6816 9.10156C13.2148 8.94206 13.7982 8.8623 14.4316 8.8623C15.4069 8.8623 16.1611 9.09701 16.6943 9.56641C17.2321 10.0312 17.501 10.6237 17.501 11.3438C17.501 11.7266 17.4395 12.0592 17.3164 12.3418C17.1979 12.6198 17.0156 12.8796 16.7695 13.1211C16.528 13.3581 16.2249 13.6087 15.8604 13.873C15.5869 14.0736 15.3773 14.2422 15.2314 14.3789C15.0856 14.5156 14.9854 14.6523 14.9307 14.7891C14.8805 14.9212 14.8555 15.083 14.8555 15.2744V15.6846H13.0439ZM12.8252 18.0225C12.8252 17.5941 12.9414 17.2933 13.1738 17.1201C13.4108 16.9469 13.6956 16.8604 14.0283 16.8604C14.3519 16.8604 14.6299 16.9469 14.8623 17.1201C15.0993 17.2933 15.2178 17.5941 15.2178 18.0225C15.2178 18.4326 15.0993 18.7288 14.8623 18.9111C14.6299 19.0934 14.3519 19.1846 14.0283 19.1846C13.6956 19.1846 13.4108 19.0934 13.1738 18.9111C12.9414 18.7288 12.8252 18.4326 12.8252 18.0225Z",
        fill: "white",
        "fill-opacity": "0.2"
    }, null, -1),
    qA = [zA, ZA];

function WA(e, t) {
    return a(), r("svg", FA, qA)
}
const jA = v(GA, [
        ["render", WA]
    ]),
    XA = {},
    QA = {
        width: "36",
        height: "36",
        viewBox: "0 0 36 36",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    JA = n("rect", {
        x: "2",
        y: "2",
        width: "32",
        height: "32",
        rx: "4",
        fill: "#010106",
        "fill-opacity": "0.6",
        stroke: "url(#paint0_linear_7_5268)",
        "stroke-width": "4"
    }, null, -1),
    eD = n("path", {
        render: !0,
        d: "M17.0439 19.6846V19.1787C17.0439 18.8688 17.0872 18.5954 17.1738 18.3584C17.2604 18.1169 17.3994 17.889 17.5908 17.6748C17.7822 17.4561 18.0352 17.2327 18.3496 17.0049C18.6322 16.8044 18.8577 16.6243 19.0264 16.4648C19.1995 16.3053 19.3249 16.1481 19.4023 15.9932C19.4844 15.8337 19.5254 15.6536 19.5254 15.4531C19.5254 15.1569 19.416 14.9313 19.1973 14.7764C18.9785 14.6214 18.6732 14.5439 18.2812 14.5439C17.8893 14.5439 17.4997 14.6055 17.1123 14.7285C16.7295 14.8516 16.3398 15.0133 15.9434 15.2139L15.1982 13.7168C15.654 13.4616 16.1484 13.2565 16.6816 13.1016C17.2148 12.9421 17.7982 12.8623 18.4316 12.8623C19.4069 12.8623 20.1611 13.097 20.6943 13.5664C21.2321 14.0312 21.501 14.6237 21.501 15.3438C21.501 15.7266 21.4395 16.0592 21.3164 16.3418C21.1979 16.6198 21.0156 16.8796 20.7695 17.1211C20.528 17.3581 20.2249 17.6087 19.8604 17.873C19.5869 18.0736 19.3773 18.2422 19.2314 18.3789C19.0856 18.5156 18.9854 18.6523 18.9307 18.7891C18.8805 18.9212 18.8555 19.083 18.8555 19.2744V19.6846H17.0439ZM16.8252 22.0225C16.8252 21.5941 16.9414 21.2933 17.1738 21.1201C17.4108 20.9469 17.6956 20.8604 18.0283 20.8604C18.3519 20.8604 18.6299 20.9469 18.8623 21.1201C19.0993 21.2933 19.2178 21.5941 19.2178 22.0225C19.2178 22.4326 19.0993 22.7288 18.8623 22.9111C18.6299 23.0934 18.3519 23.1846 18.0283 23.1846C17.6956 23.1846 17.4108 23.0934 17.1738 22.9111C16.9414 22.7288 16.8252 22.4326 16.8252 22.0225Z",
        fill: "white"
    }, null, -1),
    tD = n("defs", null, [n("linearGradient", {
        id: "paint0_linear_7_5268",
        x1: "12.9924",
        y1: "-16.6316",
        x2: "56.7931",
        y2: "35.5524",
        gradientUnits: "userSpaceOnUse"
    }, [n("stop", {
        offset: "0.159199",
        "stop-color": "white"
    }), n("stop", {
        offset: "0.464173",
        "stop-color": "#F9B701"
    })])], -1),
    sD = [JA, eD, tD];

function iD(e, t) {
    return a(), r("svg", QA, sD)
}
const nD = v(XA, [
        ["render", iD]
    ]),
    aD = {
        class: "main-menu-settings-button-keys"
    },
    oD = {
        class: "main-menu-settings-button-keys__keys"
    },
    rD = {
        key: 2,
        class: "main-menu-settings-button-keys__key"
    },
    lD = {
        key: 3,
        class: "main-menu-settings-button-keys__separator"
    },
    cD = {
        key: 0,
        class: "main-menu-settings-button-keys__conflict",
        src: La
    };

function mD(e, t, s, l, o, i) {
    const m = c("SelectedKey"),
        _ = c("EmptyKey"),
        b = c("ControlsButton"),
        u = c("Warning");
    return a(), r("div", aD, [n("div", oD, [(a(!0), r(I, null, M(s.data.keys, (g, y) => (a(), r(I, {
        key: g
    }, [s.isActive && s.activeButtonId === y ? (a(), p(m, {
        key: 0,
        class: "main-menu-settings-button-keys__key main-menu-settings-button-keys__key_selected"
    })) : g === "" ? (a(), p(_, {
        key: 1,
        class: "main-menu-settings-button-keys__key main-menu-settings-button-keys__key_empty",
        onClick: f => e.$emit("updateActiveButton", y)
    }, null, 8, ["onClick"])) : (a(), r("div", rD, [d(b, {
        text: i.getKey(g),
        onClick: f => e.$emit("updateActiveButton", y)
    }, null, 8, ["text", "onClick"]), s.data.conflict && s.data.conflict.includes(g) ? (a(), p(u, {
        key: 0,
        class: "main-menu-settings-button-keys__key-conflict"
    })) : h("", !0)])), y !== s.data.keys.length - 1 ? (a(), r("div", lD, "/")) : h("", !0)], 64))), 128))]), s.data.conflict ? (a(), r("img", cD)) : h("", !0)])
}
const _D = {
        props: ["data", "isActive", "activeButtonId"],
        components: {
            Warning: KA,
            EmptyKey: jA,
            SelectedKey: nD,
            ControlsButton: H
        },
        methods: {
            getKey: g_
        }
    },
    dD = v(_D, [
        ["render", mD]
    ]),
    uD = {},
    hD = {
        width: "10",
        height: "14",
        viewBox: "0 0 10 14",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    pD = n("path", {
        d: "M1.17033 6.18077L8.42654 1.10142C9.08931 0.63748 10 1.11163 10 1.92066V12.0793C10 12.8884 9.08931 13.3625 8.42654 12.8986L1.17033 7.81923C0.601614 7.42113 0.601616 6.57887 1.17033 6.18077Z",
        fill: "white"
    }, null, -1),
    gD = [pD];

function bD(e, t) {
    return a(), r("svg", hD, gD)
}
const Jl = v(uD, [
        ["render", bD]
    ]),
    vD = {
        class: "main-menu-settings-button-slider"
    },
    CD = {
        class: "main-menu-settings-button-slider__label"
    },
    yD = {
        class: "main-menu-settings-button-slider__buttons"
    };

function fD(e, t, s, l, o, i) {
    const m = c("Arrow");
    return a(), r("div", vD, [n("div", CD, C(i.label), 1), n("div", yD, [n("div", {
        class: "main-menu-settings-button-slider__button",
        onClick: t[0] || (t[0] = _ => e.$emit("change", "prev"))
    }, [d(m)]), n("div", {
        class: "main-menu-settings-button-slider__button",
        onClick: t[1] || (t[1] = _ => e.$emit("change", "next"))
    }, [d(m)])])])
}
const TD = {
        props: ["data"],
        components: {
            Arrow: Jl
        },
        computed: {
            label() {
                const {
                    data: e
                } = this;
                return e.options[e.value]
            }
        }
    },
    ED = v(TD, [
        ["render", fD]
    ]),
    kD = {},
    ID = {
        xmlns: "http://www.w3.org/2000/svg",
        width: "18",
        height: "15",
        viewBox: "0 0 18 15",
        fill: "none"
    },
    wD = n("path", {
        d: "M1 8.42857L5.57143 13L17 1",
        stroke: "white",
        "stroke-width": "2"
    }, null, -1),
    SD = [wD];

function MD(e, t) {
    return a(), r("svg", ID, SD)
}
const PD = v(kD, [
        ["render", MD]
    ]),
    AD = {
        class: "main-menu-settings-dropdown__header"
    },
    DD = {
        class: "main-menu-settings-dropdown__header-value"
    },
    LD = ["onClick"],
    xD = {
        class: "main-menu-settings-dropdown__item-value"
    };

function OD(e, t, s, l, o, i) {
    const m = c("Arrow"),
        _ = c("Check"),
        b = c("ScrollableContainer");
    return a(), r("div", {
        class: T(["main-menu-settings-dropdown", {
            "main-menu-settings-dropdown_open": s.data.isOpen
        }])
    }, [n("div", AD, [n("div", DD, C(i.value), 1), n("div", {
        class: "main-menu-settings-dropdown__header-button",
        onClick: t[0] || (t[0] = u => e.$emit("change"))
    }, [d(m)])]), s.data.isOpen ? (a(), p(b, {
        key: 0,
        class: "main-menu-settings-dropdown__body",
        type: 9
    }, {
        default: E(() => [(a(!0), r(I, null, M(s.data.options, (u, g) => (a(), r("div", {
            class: T(["main-menu-settings-dropdown__item", {
                "main-menu-settings-dropdown__item_active": s.data.value === g
            }]),
            key: u,
            onClick: y => e.$emit("changeDropdown", g)
        }, [n("div", xD, C(u), 1), d(_)], 10, LD))), 128))]),
        _: 1
    })) : h("", !0)], 2)
}
const BD = {
        props: ["data"],
        components: {
            Arrow: Jl,
            Check: PD,
            ScrollableContainer: U
        },
        computed: {
            value() {
                const {
                    data: e
                } = this;
                return e.options[e.value]
            }
        }
    },
    $D = v(BD, [
        ["render", OD]
    ]),
    ND = {
        class: "main-menu-settings-button-checkbox__label"
    },
    RD = n("div", {
        class: "main-menu-settings-button-checkbox-light"
    }, null, -1);

function VD(e, t, s, l, o, i) {
    return a(), r("div", {
        class: T(["main-menu-settings-button-checkbox", {
            "main-menu-settings-button-checkbox_checked": s.value
        }])
    }, [n("div", ND, C(s.value ? "Включено" : "Выключено"), 1), fe(e.$slots, "default"), RD], 2)
}
const HD = {
        props: ["value"]
    },
    UD = v(HD, [
        ["render", VD]
    ]),
    YD = {
        class: "main-menu-settings-button__text"
    },
    KD = {
        key: 0,
        class: "main-menu-settings-button__codes-badge"
    },
    GD = n("div", {
        class: "main-menu-settings-button__codes-badge-icon"
    }, null, -1),
    FD = n("div", {
        class: "main-menu-settings-button__codes-badge-text"
    }, "ВЫБРАН ДЛЯ КОДОВ", -1),
    zD = [GD, FD],
    ZD = {
        class: "main-menu-settings-button__body"
    };

function qD(e, t, s, l, o, i) {
    const m = c("Mark"),
        _ = c("Link"),
        b = c("Checkbox"),
        u = c("CheckboxContainer"),
        g = c("Switch"),
        y = c("Slider"),
        f = c("Dropdown"),
        k = c("Range"),
        S = c("Keys"),
        O = c("GlobalHoverWrapper");
    return a(), p(O, {
        class: T(["main-menu-settings-button", i.classes]),
        clickSound: "UI/UI_menu_click_03.mp3"
    }, {
        default: E(() => [s.data.mark ? (a(), p(m, {
            key: 0
        })) : h("", !0), n("div", YD, [w(C(s.data.label), 1), s.data.useMessengerToGetCode ? (a(), r("div", KD, zD)) : h("", !0)]), n("div", ZD, [i.isLink ? (a(), p(_, {
            key: 0,
            class: "main-menu-settings-button__link"
        })) : h("", !0), i.isCheckbox && !s.isMobile ? (a(), p(u, {
            key: 1,
            value: s.data.value
        }, {
            default: E(() => [d(b, {
                checked: s.data.value,
                clickSound: "UI/UI_menu_click_05.mp3",
                onChange: i.change
            }, null, 8, ["checked", "onChange"])]),
            _: 1
        }, 8, ["value"])) : h("", !0), i.isCheckbox && s.isMobile ? (a(), p(g, {
            key: 2,
            class: "main-menu-settings-button__checkbox",
            checked: s.data.value,
            onChange: i.change
        }, null, 8, ["checked", "onChange"])) : h("", !0), i.isSlider ? (a(), p(y, {
            key: 3,
            data: s.data,
            onChange: i.change
        }, null, 8, ["data", "onChange"])) : h("", !0), i.isDropdown ? (a(), p(f, {
            key: 4,
            data: s.data,
            onClick: t[0] || (t[0] = B => i.playClickSound("UI/UI_menu_click_03.mp3")),
            onChange: i.change,
            onChangeDropdown: i.change
        }, null, 8, ["data", "onChange", "onChangeDropdown"])) : h("", !0), i.isRange ? (a(), p(k, {
            key: 5,
            data: s.data,
            onChange: i.change,
            isMobile: s.isMobile,
            clickSound: "UI/UI_settings_percentage.mp3",
            checkboxClickSound: "UI/UI_menu_click_05.mp3",
            useCheckbox: !i.isSimpleRange
        }, null, 8, ["data", "onChange", "isMobile", "useCheckbox"])) : h("", !0), i.isKey ? (a(), p(S, {
            key: 6,
            isActive: s.isActive,
            activeButtonId: s.activeButtonId,
            data: s.data,
            onUpdateActiveButton: i.updateActiveButton
        }, null, 8, ["isActive", "activeButtonId", "data", "onUpdateActiveButton"])) : h("", !0)])]),
        _: 1
    }, 8, ["class"])
}
const WD = {
        props: ["data", "isActive", "activeButtonId", "overlay", "isMobile"],
        components: {
            Link: Ql,
            Mark: Zt,
            Keys: dD,
            Range: Od,
            Slider: ED,
            Dropdown: $D,
            Checkbox: no,
            Switch: vo,
            CheckboxContainer: UD
        },
        computed: {
            isLink() {
                return [A.BUTTON, A.EMAIL, A.TELEGRAM, A.NICKNAME, A.SECURITY_INFO, A.PASSWORD, A.DEVELOPMENT, A.VK].includes(this.data.type)
            },
            isCheckbox() {
                return this.data.type === A.CHECKBOX
            },
            isSlider() {
                return this.data.type === A.SLIDER
            },
            isDropdown() {
                return this.data.type === A.DROPDOWN
            },
            isSimpleRange() {
                return this.data.type === A.SIMPLE_RANGE
            },
            isRange() {
                return this.data.type === A.RANGE || this.isSimpleRange
            },
            isKey() {
                return this.data.type === A.KEY
            },
            classes() {
                const {
                    isActive: e,
                    isLink: t,
                    isKey: s,
                    overlay: l
                } = this;
                return {
                    pressable: !l && t,
                    "main-menu-settings-button_key": s,
                    "main-menu-settings-button_active": e,
                    "main-menu-settings-button_disabled": l && !e,
                    "main-menu-settings-button_disabled-active": l && e
                }
            }
        },
        methods: {
            change(e) {
                this.$emit("change", this.data.id, e)
            },
            updateActiveButton(e) {
                this.$emit("updateActiveButton", e)
            },
            playClickSound(e) {
                e && e.length && window.playSound(e)
            }
        }
    },
    e1 = v(WD, [
        ["render", qD]
    ]),
    t1 = e => (D("data-v-709e9bf8"), e = e(), L(), e),
    jD = t1(() => n("div", {
        class: "main-menu-mob-settings-email__light"
    }, null, -1)),
    XD = {
        class: "main-menu-mob-settings-email__email"
    },
    QD = t1(() => n("div", {
        class: "main-menu-mob-settings-email__line"
    }, null, -1)),
    JD = {
        class: "main-menu-mob-settings-email__label"
    };

function eL(e, t, s, l, o, i) {
    return a(), r("div", {
        class: T(["main-menu-mob-settings-email", {
            "main-menu-mob-settings-email_confirm": this.status === 1
        }])
    }, [jD, n("div", XD, C(s.email), 1), QD, n("div", JD, [(a(), p(z(i.statusIcon))), w(C(i.label), 1)])], 2)
}
const tL = {
        props: ["email", "status"],
        components: {
            WaitingIcon: go,
            ConfirmIcon: bo
        },
        computed: {
            statusIcon() {
                return ["WaitingIcon", "ConfirmIcon"][this.status]
            },
            label() {
                return ["Ожидает подтверждения", "Почта подтверждена"][this.status]
            }
        },
        methods: {
            encryptEmail: Xl
        }
    },
    sL = v(tL, [
        ["render", eL],
        ["__scopeId", "data-v-709e9bf8"]
    ]),
    iL = e => (D("data-v-e0f1cf25"), e = e(), L(), e),
    nL = {
        class: "main-menu-mob-settings"
    },
    aL = {
        class: "main-menu-mob-settings__main"
    },
    oL = {
        key: 0,
        class: "main-menu-mob-settings-block__title"
    },
    rL = iL(() => n("div", {
        class: "main-menu-mob-settings-block__title-line"
    }, null, -1)),
    lL = {
        key: 2,
        class: "main-menu-mob-settings-block__services"
    };

function cL(e, t, s, l, o, i) {
    const m = c("MobileSettingsHeader"),
        _ = c("MobileSettingsLine"),
        b = c("MobileSettingsEmail"),
        u = c("AuthService"),
        g = c("SettingListItem");
    return a(), r("div", nL, [d(m), d(_), n("div", aL, [(a(!0), r(I, null, M(i.cols, (y, f) => (a(), r("div", {
        class: "main-menu-mob-settings__col",
        key: f
    }, [(a(!0), r(I, null, M(y, k => (a(), r("div", {
        class: "main-menu-mob-settings-block",
        key: k.title
    }, [k.title ? (a(), r("div", oL, [w(C(k.title), 1), rL])) : h("", !0), k.email ? (a(), p(b, {
        key: 1,
        email: k.email,
        status: k.status
    }, null, 8, ["email", "status"])) : h("", !0), k.services ? (a(), r("div", lL, [(a(!0), r(I, null, M(k.services, S => (a(), p(u, {
        key: S.name,
        data: S
    }, null, 8, ["data"]))), 128))])) : h("", !0), (a(!0), r(I, null, M(k.items, S => (a(), p(g, {
        key: S.id,
        data: S,
        onClick: O => e.$emit("selectSetting", S)
    }, null, 8, ["data", "onClick"]))), 128))]))), 128))]))), 128))])])
}
const mL = {
        props: ["data"],
        emits: ["selectSetting"],
        components: {
            AuthService: SA,
            MobileSettingsHeader: LA,
            MobileSettingsLine: $A,
            SettingListItem: e1,
            MobileSettingsEmail: sL
        },
        computed: {
            cols() {
                return [
                    [...this.data].splice(0, 2), [...this.data].splice(2, 4)
                ]
            }
        }
    },
    _L = v(mL, [
        ["render", cL],
        ["__scopeId", "data-v-e0f1cf25"]
    ]),
    dL = {},
    uL = {
        render: !0,
        d: "M13.8126 124.848C10.2084 134.009 3 156.575 3 173.552C3 194.773 28.4868 248 79.8465 248C131.206 248 160.941 202.079 160.941 173.552C160.941 150.731 152.703 131.574 148.584 124.848M81.0886 1.06935C70.0446 0.300653 41.4392 5.61395 13.6516 32.5582C12.3722 33.7988 11.6456 35.5028 11.605 37.2844C10.8996 68.2649 11.2491 130.13 17.9835 150.592C21.4543 168.914 28.3958 208.48 28.3958 225.735M80.9267 1.06935C91.9707 0.300653 120.576 5.61395 148.364 32.5582C149.643 33.7988 150.37 35.5028 150.41 37.2844C151.116 68.2649 150.766 130.13 144.032 150.592C140.561 168.914 133.62 209.872 133.62 227.127",
        stroke: "white",
        "stroke-opacity": "0.1",
        "stroke-width": "2"
    };

function hL(e, t) {
    return a(), r("path", uL)
}
const pL = v(dL, [
        ["render", hL]
    ]),
    s1 = {
        props: ["activeKeys", "usedKeys", "disabledKeys", "available"],
        data() {
            return {
                KEY_CODE: In,
                newKey: null
            }
        },
        methods: {
            onKeyUp() {
                const e = this.newKey === null,
                    t = this.isKeyDisabled(this.newKey);
                if (this.activeKeys.includes(this.newKey)) {
                    this.$emit("unselect");
                    return
                }
                e || t || (this.$emit("updateKey", this.newKey), this.newKey = null)
            },
            setClasses(e) {
                e.forEach(t => {
                    const {
                        isActive: s,
                        isDisbaled: l,
                        isUsed: o
                    } = this.getKeyData(t);
                    if (l) {
                        t.classList.add("disabled");
                        return
                    }
                    o && !s ? t.classList.add("occupied") : t.classList.remove("occupied"), s ? t.classList.add("active") : t.classList.remove("active")
                })
            },
            getKeyData(e) {
                let t = +e.getAttribute("keyCode");
                isNaN(t) && (t = e.getAttribute("keyCode"));
                const s = this.activeKeys.includes(t),
                    l = this.isKeyDisabled(t),
                    o = this.isKeyUsed(t);
                return {
                    keyCode: t,
                    isActive: s,
                    isDisbaled: l,
                    isUsed: o
                }
            },
            isKeyAvailable(e) {
                return Object.values(In)
                    .find(t => t === e)
            },
            isKeyDisabled(e) {
                return this.disabledKeys.includes(e)
            },
            isKeyUsed(e) {
                return this.usedKeys.includes(e)
            }
        },
        watch: {
            activeKeys: {
                handler() {
                    this.updateKeys()
                }
            },
            usedKeys() {
                this.updateKeys()
            }
        }
    };
const gL = {
        mixins: [s1],
        components: {
            MouseStroke: pL
        },
        mounted() {
            this.updateKeys(), document.addEventListener("mousedown", this.onMouseDown), document.addEventListener("mouseup", this.onKeyUp)
        },
        unmounted() {
            document.removeEventListener("mousedown", this.onMouseDown), document.removeEventListener("mouseup", this.onKeyUp)
        },
        methods: {
            onMouseDown({
                button: e
            }) {
                const t = `MOUSE${e}`;
                this.available && this.isKeyAvailable(t) && (this.newKey = t)
            },
            updateKeys() {
                const t = this.$refs.mouseButtons.querySelectorAll("g");
                this.setClasses(t)
            }
        }
    },
    bL = {
        xmlns: "http://www.w3.org/2000/svg",
        class: "mouse",
        width: "162",
        height: "249",
        viewBox: "0 0 162 249",
        fill: "none"
    },
    vL = {
        ref: "mouseButtons"
    },
    CL = ["keyCode"],
    yL = n("path", {
        background: !0,
        d: "M18.558 37.2128C41.7491 14.1126 65.8017 8.35056 76.9418 8.24609C78.1745 8.23452 79.125 9.26204 79.125 10.4948V15.6114C79.125 19.2294 74.0227 21.2936 71.4715 21.8734C65.3487 23.5432 64.2818 28.1354 64.5137 30.2227L68.2738 117.388C68.3143 118.326 67.7919 119.198 66.9457 119.604L25.8747 139.344C24.5969 139.958 23.0779 139.327 22.7233 137.955C17.3936 117.327 17.2334 64.4722 17.8736 38.7844C17.8884 38.188 18.1353 37.6339 18.558 37.2128Z",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    fL = n("path", {
        d: "M71.2499 20.8983L71.229 20.903L71.2084 20.9086C64.5725 22.7184 63.2542 27.7834 63.516 30.2978L67.2747 117.431C67.298 117.969 66.9981 118.47 66.5125 118.703L25.4415 138.443C24.6806 138.808 23.8746 138.413 23.6915 137.704C21.0583 127.513 19.6858 109.249 19.0592 90.234C18.4337 71.2541 18.5535 51.6382 18.8733 38.8093C18.8815 38.4797 19.0163 38.1677 19.2637 37.9213C42.272 15.0032 66.0757 9.34803 76.9512 9.24604C77.5777 9.24017 78.125 9.7663 78.125 10.4948V15.6114C78.125 16.9059 77.2096 18.0644 75.7083 19.0443C74.2383 20.0039 72.4432 20.627 71.2499 20.8983Z",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "2"
    }, null, -1),
    TL = [yL, fL],
    EL = ["keyCode"],
    kL = n("path", {
        background: !0,
        d: "M143.581 37.2129C120.39 14.1126 96.3369 8.35056 85.1969 8.24609C83.9641 8.23452 83.0137 9.26204 83.0137 10.4948V15.6114C83.0137 19.2294 88.116 21.2936 90.6672 21.8734C96.79 23.5432 97.8569 28.1354 97.6249 30.2227L93.8649 117.388C93.8244 118.326 94.3468 119.198 95.193 119.604L136.264 139.344C137.542 139.958 139.061 139.327 139.415 137.955C144.745 117.327 144.905 64.4722 144.265 38.7844C144.25 38.188 144.003 37.6339 143.581 37.2129Z",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    IL = n("path", {
        d: "M90.8888 20.8983L90.9097 20.903L90.9303 20.9086C97.5661 22.7184 98.8845 27.7834 98.6226 30.2978L94.8639 117.431C94.8407 117.969 95.1405 118.47 95.6261 118.703L136.697 138.443C137.458 138.808 138.264 138.413 138.447 137.704C141.08 127.513 142.453 109.249 143.079 90.234C143.705 71.2541 143.585 51.6382 143.265 38.8093C143.257 38.4797 143.122 38.1677 142.875 37.9213L143.576 37.2171L142.875 37.9213C119.867 15.0032 96.063 9.34803 85.1875 9.24604C84.561 9.24017 84.0137 9.7663 84.0137 10.4948V15.6114C84.0137 16.9059 84.9291 18.0645 86.4303 19.0443C87.9004 20.0039 89.6954 20.627 90.8888 20.8983Z",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "2"
    }, null, -1),
    wL = [kL, IL],
    SL = ["keyCode"],
    ML = n("path", {
        background: !0,
        d: "M71.4677 32.7069C71.3144 29.8445 73.5941 27.4395 76.4606 27.4395H86.088C88.9545 27.4395 91.2342 29.8445 91.0808 32.7069L89.5292 61.6703C89.3871 64.324 87.1939 66.4028 84.5364 66.4028H78.0122C75.3547 66.4028 73.1615 64.324 73.0193 61.6703L71.4677 32.7069Z",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    PL = n("path", {
        d: "M72.1412 32.6708C72.0086 30.1945 73.9807 28.1139 76.4606 28.1139H86.088C88.5678 28.1139 90.54 30.1945 90.4073 32.6708L88.8557 61.6342C88.7327 63.93 86.8354 65.7284 84.5364 65.7284H78.0122C75.7132 65.7284 73.8158 63.9299 73.6928 61.6342L72.1412 32.6708Z",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.34892"
    }, null, -1),
    AL = n("path", {
        data: !0,
        d: "M76.752 45.7868L79.5122 47.5241C80.5711 48.165 81.9384 48.165 82.9973 47.5241L85.7844 45.837L86.1386 45.6226",
        stroke: "white",
        "stroke-width": "1.39155"
    }, null, -1),
    DL = n("path", {
        data: !0,
        d: "M76.752 37.3444L79.5122 39.0817C80.5711 39.7227 81.9384 39.7227 82.9973 39.0817L85.7844 37.3946L86.1386 37.1802",
        stroke: "white",
        "stroke-width": "1.39155"
    }, null, -1),
    LL = n("path", {
        data: !0,
        d: "M76.752 54.0431L79.5122 55.7804C80.5711 56.4214 81.9384 56.4214 82.9973 55.7804L85.7844 54.0933L86.1386 53.8789",
        stroke: "white",
        "stroke-width": "1.39155"
    }, null, -1),
    xL = [ML, PL, AL, DL, LL],
    OL = ["keyCode"],
    BL = n("path", {
        background: !0,
        d: "M1.83364 51.3424L6.53568 47.6302C8.10274 46.393 10.4212 47.5503 10.3902 49.5466C10.2679 57.4246 10.2246 70.147 10.4271 78.2937C10.4601 79.6228 9.39596 80.72 8.06645 80.72L3.17968 80.7201C2.08784 80.7201 1.13592 79.9687 0.983075 78.8876C0.070539 72.4332 0.552724 60.696 0.945053 53.0577C0.979682 52.3835 1.30378 51.7607 1.83364 51.3424Z",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    $L = n("path", {
        d: "M2.45329 52.1273L7.15534 48.415C8.05364 47.7058 9.40834 48.3681 9.39029 49.5311C9.26794 57.4154 9.22443 70.1528 9.42739 78.3186C9.44655 79.0892 8.83059 79.72 8.06643 79.72L3.17966 79.7201C2.53591 79.7201 2.04954 79.2873 1.97323 78.7476C1.07712 72.4094 1.54968 60.7809 1.94374 53.109C1.96347 52.7248 2.14776 52.3685 2.45329 52.1273Z",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "2"
    }, null, -1),
    NL = [BL, $L],
    RL = ["keyCode"],
    VL = n("path", {
        background: !0,
        d: "M3.2976 83.5734L8.19369 83.7298C9.48979 83.7713 10.5105 84.8503 10.5223 86.147C10.5859 93.1336 11.469 106.619 11.8788 115.597C11.9473 117.098 10.5966 118.263 9.11883 117.988L8.00965 117.781C7.09281 117.61 6.36518 116.92 6.15599 116.011C4.62661 109.367 1.26943 94.2745 0.988891 85.7921C0.946671 84.5155 2.02097 83.5326 3.2976 83.5734Z",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    HL = n("path", {
        d: "M3.26567 84.5729L8.16176 84.7293C8.90338 84.753 9.51526 85.3771 9.52235 86.1561C9.56522 90.8653 9.97915 98.523 10.3699 105.751C10.5607 109.282 10.746 112.71 10.8798 115.642C10.9187 116.494 10.1523 117.163 9.302 117.005L8.19282 116.798C7.6627 116.699 7.24939 116.303 7.13051 115.787C5.59376 109.11 2.26498 94.1236 1.98834 85.7591C1.96701 85.1141 2.51108 84.5488 3.26567 84.5729Z",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "2"
    }, null, -1),
    UL = [VL, HL];

function YL(e, t, s, l, o, i) {
    const m = c("MouseStroke");
    return a(), r("svg", bL, [n("g", vL, [n("g", {
        keyCode: e.KEY_CODE.MOUSE_LEFT
    }, TL, 8, CL), n("g", {
        keyCode: e.KEY_CODE.MOUSE_RIGHT
    }, wL, 8, EL), n("g", {
        keyCode: e.KEY_CODE.MOUSE_MIDDLE
    }, xL, 8, SL), n("g", {
        keyCode: e.KEY_CODE.MOUSE_THIRD
    }, NL, 8, OL), n("g", {
        keyCode: e.KEY_CODE.MOUSE_FOURTH
    }, UL, 8, RL)], 512), d(m)])
}
const KL = v(gL, [
        ["render", YL]
    ]),
    GL = {},
    FL = {
        render: !0,
        x: "1",
        y: "1",
        width: "916",
        height: "268",
        rx: "6",
        stroke: "white",
        "stroke-opacity": "0.1",
        "stroke-width": "2"
    };

function zL(e, t) {
    return a(), r("rect", FL)
}
const ZL = v(GL, [
        ["render", zL]
    ]),
    qL = {},
    WL = n("rect", {
        render: !0,
        x: "415.557",
        y: "220.614",
        width: "53.1552",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.03",
        "stroke-width": "1.93873"
    }, null, -1),
    jL = n("rect", {
        render: !0,
        x: "77.6852",
        y: "220.614",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.03",
        "stroke-width": "1.93873"
    }, null, -1),
    XL = n("rect", {
        render: !0,
        x: "620.754",
        y: "54.2072",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.03",
        "stroke-width": "1.93873"
    }, null, -1),
    QL = n("rect", {
        render: !0,
        x: "620.754",
        y: "93.5607",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.03",
        "stroke-width": "1.93873"
    }, null, -1),
    JL = n("rect", {
        render: !0,
        x: "660.107",
        y: "54.2072",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.03",
        "stroke-width": "1.93873"
    }, null, -1),
    ex = n("rect", {
        render: !0,
        x: "660.107",
        y: "17.1041",
        width: "31.7922",
        height: "22.7973",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.03",
        "stroke-width": "1.93873"
    }, null, -1),
    tx = n("rect", {
        render: !0,
        x: "620.754",
        y: "17.1041",
        width: "31.7922",
        height: "22.7973",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.03",
        "stroke-width": "1.93873"
    }, null, -1),
    sx = n("rect", {
        render: !0,
        x: "699.459",
        y: "17.1041",
        width: "31.7922",
        height: "22.7973",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.03",
        "stroke-width": "1.93873"
    }, null, -1),
    ix = n("rect", {
        render: !0,
        x: "569.033",
        y: "17.1041",
        width: "31.7922",
        height: "22.7973",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    nx = n("rect", {
        render: !0,
        x: "660.107",
        y: "93.5607",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.03",
        "stroke-width": "1.93873"
    }, null, -1),
    ax = n("rect", {
        render: !0,
        x: "699.459",
        y: "54.2072",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.03",
        "stroke-width": "1.93873"
    }, null, -1),
    ox = n("rect", {
        render: !0,
        x: "699.459",
        y: "93.5607",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.03",
        "stroke-width": "1.93873"
    }, null, -1),
    rx = n("rect", {
        render: !0,
        x: "751.18",
        y: "54.2072",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.03",
        "stroke-width": "1.93873"
    }, null, -1),
    lx = n("rect", {
        render: !0,
        x: "790.533",
        y: "54.2072",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.03",
        "stroke-width": "1.93873"
    }, null, -1),
    cx = n("rect", {
        render: !0,
        x: "829.885",
        y: "54.2072",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.03",
        "stroke-width": "1.93873"
    }, null, -1),
    mx = n("rect", {
        render: !0,
        x: "829.885",
        y: "220.614",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.03",
        "stroke-width": "1.93873"
    }, null, -1),
    _x = n("rect", {
        render: !0,
        x: "869.238",
        y: "54.2072",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.03",
        "stroke-width": "1.93873"
    }, null, -1),
    dx = n("rect", {
        render: !0,
        x: "869.238",
        y: "95.8097",
        width: "31.7922",
        height: "73.3938",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.03",
        "stroke-width": "1.93873"
    }, null, -1),
    ux = n("rect", {
        render: !0,
        x: "869.238",
        y: "179.013",
        width: "31.7922",
        height: "73.3938",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.03",
        "stroke-width": "1.93873"
    }, null, -1),
    hx = [WL, jL, XL, QL, JL, ex, tx, sx, ix, nx, ax, ox, rx, lx, cx, mx, _x, dx, ux];

function px(e, t) {
    return a(), r("g", null, hx)
}
const gx = v(qL, [
    ["render", px]
]);
const bx = {
        mixins: [s1],
        components: {
            KeyboardStroke: ZL,
            KeyboardEmptyKeys: gx
        },
        mounted() {
            this.updateKeys(), document.addEventListener("keydown", this.onKeyDown), document.addEventListener("keyup", this.onKeyUp)
        },
        unmounted() {
            document.removeEventListener("keydown", this.onKeyDown), document.removeEventListener("keyup", this.onKeyUp)
        },
        methods: {
            onKeyDown({
                keyCode: e
            }) {
                this.available && this.isKeyAvailable(e) && (this.newKey = e)
            },
            updateKeys() {
                const t = this.$refs.keys.querySelectorAll("g");
                this.setClasses(t)
            }
        }
    },
    vx = {
        class: "keyboard",
        width: "918",
        height: "270",
        viewBox: "0 0 918 270",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    Cx = {
        ref: "keys"
    },
    yx = ["keyCode"],
    fx = n("rect", {
        background: !0,
        x: "16",
        y: "53.2378",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    Tx = n("rect", {
        x: "16.9694",
        y: "54.2072",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    Ex = n("path", {
        data: !0,
        d: "M33.3623 64.2744C33.499 64.484 33.6631 64.7165 33.8545 64.9717C34.0505 65.2269 34.2487 65.4753 34.4492 65.7168C34.6497 65.9538 34.8229 66.1589 34.9688 66.332V66.5166H33.5879C33.4102 66.3936 33.2028 66.2409 32.9658 66.0586C32.7288 65.8717 32.485 65.6781 32.2344 65.4775C31.9883 65.2725 31.7581 65.0765 31.5439 64.8896C31.3298 64.7028 31.1566 64.5456 31.0244 64.418V64.2744H33.3623Z",
        fill: "white"
    }, null, -1),
    kx = [fx, Tx, Ex],
    Ix = ["keyCode"],
    wx = n("rect", {
        background: !0,
        x: "16",
        y: "94.8403",
        width: "55.0939",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    Sx = n("rect", {
        x: "16.9694",
        y: "95.8097",
        width: "53.1552",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    Mx = n("path", {
        data: !0,
        d: "M35.5234 117H33.4043V108.77H30.6904V107.006H38.2373V108.77H35.5234V117ZM45.8936 117L45.1689 114.621H41.5254L40.8008 117H38.5176L42.0449 106.965H44.6357L48.1768 117H45.8936ZM44.6631 112.844L43.9385 110.52C43.8929 110.365 43.8314 110.166 43.7539 109.925C43.681 109.679 43.6058 109.43 43.5283 109.18C43.4554 108.924 43.3962 108.703 43.3506 108.517C43.305 108.703 43.2412 108.936 43.1592 109.214C43.0817 109.487 43.0065 109.747 42.9336 109.993C42.8607 110.239 42.8083 110.415 42.7764 110.52L42.0586 112.844H44.6631ZM49.4414 107.006H52.5518C53.8825 107.006 54.8896 107.193 55.5732 107.566C56.2568 107.94 56.5986 108.596 56.5986 109.535C56.5986 109.913 56.5371 110.255 56.4141 110.561C56.2956 110.866 56.1224 111.117 55.8945 111.312C55.6667 111.508 55.3887 111.636 55.0605 111.695V111.764C55.3932 111.832 55.694 111.951 55.9629 112.119C56.2318 112.283 56.446 112.525 56.6055 112.844C56.7695 113.158 56.8516 113.577 56.8516 114.102C56.8516 114.708 56.7035 115.227 56.4072 115.66C56.111 116.093 55.6872 116.426 55.1357 116.658C54.5889 116.886 53.9372 117 53.1807 117H49.4414V107.006ZM51.5605 110.964H52.791C53.4062 110.964 53.8324 110.868 54.0693 110.677C54.3063 110.481 54.4248 110.194 54.4248 109.815C54.4248 109.433 54.2835 109.159 54.001 108.995C53.723 108.826 53.2809 108.742 52.6748 108.742H51.5605V110.964ZM51.5605 112.646V115.25H52.9414C53.5794 115.25 54.0238 115.127 54.2744 114.881C54.5251 114.635 54.6504 114.304 54.6504 113.89C54.6504 113.644 54.5957 113.427 54.4863 113.24C54.377 113.053 54.1924 112.908 53.9326 112.803C53.6774 112.698 53.3242 112.646 52.873 112.646H51.5605Z",
        fill: "white"
    }, null, -1),
    Px = [wx, Sx, Mx],
    Ax = ["keyCode"],
    Dx = n("rect", {
        background: !0,
        x: "16",
        y: "136.441",
        width: "65.2132",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    Lx = n("rect", {
        x: "16.9694",
        y: "137.411",
        width: "63.2745",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    xx = n("path", {
        data: !0,
        d: "M30.6787 149.626C30.2731 149.626 29.9131 149.706 29.5986 149.865C29.2887 150.02 29.0267 150.246 28.8125 150.542C28.6029 150.838 28.4434 151.196 28.334 151.615C28.2246 152.035 28.1699 152.506 28.1699 153.03C28.1699 153.737 28.2565 154.34 28.4297 154.842C28.6074 155.339 28.8809 155.719 29.25 155.983C29.6191 156.243 30.0954 156.373 30.6787 156.373C31.0843 156.373 31.4899 156.327 31.8955 156.236C32.3057 156.145 32.75 156.015 33.2285 155.847V157.624C32.7865 157.806 32.3512 157.936 31.9229 158.014C31.4945 158.096 31.0137 158.137 30.4805 158.137C29.4505 158.137 28.6029 157.925 27.9375 157.501C27.2767 157.073 26.7868 156.476 26.4678 155.71C26.1488 154.94 25.9893 154.042 25.9893 153.017C25.9893 152.26 26.0918 151.567 26.2969 150.938C26.502 150.31 26.8027 149.765 27.1992 149.305C27.5957 148.844 28.0856 148.489 28.6689 148.238C29.2523 147.988 29.9222 147.862 30.6787 147.862C31.1755 147.862 31.6722 147.926 32.1689 148.054C32.6702 148.177 33.1488 148.348 33.6045 148.566L32.9209 150.289C32.5472 150.111 32.1712 149.956 31.793 149.824C31.4147 149.692 31.0433 149.626 30.6787 149.626ZM41.4795 158L40.7549 155.621H37.1113L36.3867 158H34.1035L37.6309 147.965H40.2217L43.7627 158H41.4795ZM40.249 153.844L39.5244 151.52C39.4788 151.365 39.4173 151.166 39.3398 150.925C39.2669 150.679 39.1917 150.43 39.1143 150.18C39.0413 149.924 38.9821 149.703 38.9365 149.517C38.891 149.703 38.8271 149.936 38.7451 150.214C38.6676 150.487 38.5924 150.747 38.5195 150.993C38.4466 151.239 38.3942 151.415 38.3623 151.52L37.6445 153.844H40.249ZM48.2197 148.006C49.5094 148.006 50.4505 148.284 51.043 148.84C51.6354 149.391 51.9316 150.152 51.9316 151.123C51.9316 151.561 51.8656 151.98 51.7334 152.381C51.6012 152.777 51.3848 153.131 51.084 153.44C50.7878 153.75 50.3913 153.996 49.8945 154.179C49.3978 154.356 48.7848 154.445 48.0557 154.445H47.1465V158H45.0273V148.006H48.2197ZM48.1104 149.742H47.1465V152.709H47.8438C48.2402 152.709 48.5843 152.657 48.876 152.552C49.1676 152.447 49.3932 152.283 49.5527 152.06C49.7122 151.836 49.792 151.549 49.792 151.198C49.792 150.706 49.6553 150.341 49.3818 150.104C49.1084 149.863 48.6846 149.742 48.1104 149.742ZM59.7178 155.225C59.7178 155.817 59.5742 156.332 59.2871 156.77C59 157.207 58.5807 157.544 58.0293 157.781C57.4824 158.018 56.8171 158.137 56.0332 158.137C55.6868 158.137 55.3473 158.114 55.0146 158.068C54.6865 158.023 54.3698 157.957 54.0645 157.87C53.7637 157.779 53.4766 157.667 53.2031 157.535V155.566C53.6771 155.776 54.1693 155.965 54.6797 156.134C55.1901 156.302 55.696 156.387 56.1973 156.387C56.5436 156.387 56.8216 156.341 57.0312 156.25C57.2454 156.159 57.4004 156.034 57.4961 155.874C57.5918 155.715 57.6396 155.532 57.6396 155.327C57.6396 155.076 57.5553 154.862 57.3867 154.685C57.2181 154.507 56.9857 154.34 56.6895 154.186C56.3978 154.031 56.0674 153.864 55.6982 153.687C55.4658 153.577 55.2129 153.445 54.9395 153.29C54.666 153.131 54.4062 152.937 54.1602 152.709C53.9141 152.481 53.7113 152.205 53.5518 151.882C53.3968 151.554 53.3193 151.162 53.3193 150.706C53.3193 150.109 53.4561 149.599 53.7295 149.175C54.0029 148.751 54.3926 148.427 54.8984 148.204C55.4089 147.976 56.0104 147.862 56.7031 147.862C57.2227 147.862 57.7171 147.924 58.1865 148.047C58.6605 148.165 59.1549 148.339 59.6699 148.566L58.9863 150.214C58.526 150.027 58.1136 149.883 57.749 149.783C57.3844 149.678 57.013 149.626 56.6348 149.626C56.3704 149.626 56.1449 149.669 55.958 149.756C55.7712 149.838 55.6299 149.956 55.5342 150.111C55.4385 150.262 55.3906 150.437 55.3906 150.638C55.3906 150.875 55.459 151.075 55.5957 151.239C55.737 151.399 55.9466 151.554 56.2246 151.704C56.5072 151.854 56.8581 152.03 57.2773 152.23C57.7878 152.472 58.223 152.725 58.583 152.989C58.9476 153.249 59.2279 153.557 59.4238 153.912C59.6198 154.263 59.7178 154.701 59.7178 155.225ZM65.166 158V148.006H67.2852V156.25H71.3389V158H65.166Z",
        fill: "white"
    }, null, -1),
    Ox = [Dx, Lx, xx],
    Bx = ["keyCode"],
    $x = n("rect", {
        background: !0,
        x: "16",
        y: "178.043",
        width: "84.3274",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    Nx = n("rect", {
        x: "16.9694",
        y: "179.013",
        width: "82.3887",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    Rx = n("path", {
        data: !0,
        d: "M46.2295 197.225C46.2295 197.817 46.0859 198.332 45.7988 198.77C45.5117 199.207 45.0924 199.544 44.541 199.781C43.9941 200.018 43.3288 200.137 42.5449 200.137C42.1986 200.137 41.859 200.114 41.5264 200.068C41.1982 200.023 40.8815 199.957 40.5762 199.87C40.2754 199.779 39.9883 199.667 39.7148 199.535V197.566C40.1888 197.776 40.681 197.965 41.1914 198.134C41.7018 198.302 42.2077 198.387 42.709 198.387C43.0553 198.387 43.3333 198.341 43.543 198.25C43.7572 198.159 43.9121 198.034 44.0078 197.874C44.1035 197.715 44.1514 197.532 44.1514 197.327C44.1514 197.076 44.0671 196.862 43.8984 196.685C43.7298 196.507 43.4974 196.34 43.2012 196.186C42.9095 196.031 42.5791 195.864 42.21 195.687C41.9775 195.577 41.7246 195.445 41.4512 195.29C41.1777 195.131 40.918 194.937 40.6719 194.709C40.4258 194.481 40.223 194.205 40.0635 193.882C39.9085 193.554 39.8311 193.162 39.8311 192.706C39.8311 192.109 39.9678 191.599 40.2412 191.175C40.5146 190.751 40.9043 190.427 41.4102 190.204C41.9206 189.976 42.5221 189.862 43.2148 189.862C43.7344 189.862 44.2288 189.924 44.6982 190.047C45.1722 190.165 45.6667 190.339 46.1816 190.566L45.498 192.214C45.0378 192.027 44.6253 191.883 44.2607 191.783C43.8962 191.678 43.5247 191.626 43.1465 191.626C42.8822 191.626 42.6566 191.669 42.4697 191.756C42.2829 191.838 42.1416 191.956 42.0459 192.111C41.9502 192.262 41.9023 192.437 41.9023 192.638C41.9023 192.875 41.9707 193.075 42.1074 193.239C42.2487 193.399 42.4583 193.554 42.7363 193.704C43.0189 193.854 43.3698 194.03 43.7891 194.23C44.2995 194.472 44.7347 194.725 45.0947 194.989C45.4593 195.249 45.7396 195.557 45.9355 195.912C46.1315 196.263 46.2295 196.701 46.2295 197.225ZM56.2305 200H54.1182V195.687H50.1602V200H48.041V190.006H50.1602V193.923H54.1182V190.006H56.2305V200ZM58.7598 200V190.006H60.8789V200H58.7598ZM65.4795 200H63.3945V190.006H69.123V191.742H65.4795V194.319H68.8701V196.049H65.4795V200ZM74.9336 200H72.8145V191.77H70.1006V190.006H77.6475V191.77H74.9336V200Z",
        fill: "white"
    }, null, -1),
    Vx = [$x, Nx, Rx],
    Hx = ["keyCode"],
    Ux = n("rect", {
        background: !0,
        x: "16",
        y: "219.645",
        width: "55.0939",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    Yx = n("rect", {
        x: "16.9694",
        y: "220.614",
        width: "53.1552",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    Kx = n("path", {
        data: !0,
        d: "M32.9062 233.626C32.5007 233.626 32.1406 233.706 31.8262 233.865C31.5163 234.02 31.2542 234.246 31.04 234.542C30.8304 234.838 30.6709 235.196 30.5615 235.615C30.4521 236.035 30.3975 236.506 30.3975 237.03C30.3975 237.737 30.484 238.34 30.6572 238.842C30.835 239.339 31.1084 239.719 31.4775 239.983C31.8467 240.243 32.3229 240.373 32.9062 240.373C33.3118 240.373 33.7174 240.327 34.123 240.236C34.5332 240.145 34.9775 240.015 35.4561 239.847V241.624C35.014 241.806 34.5788 241.936 34.1504 242.014C33.722 242.096 33.2412 242.137 32.708 242.137C31.6781 242.137 30.8304 241.925 30.165 241.501C29.5042 241.073 29.0143 240.476 28.6953 239.71C28.3763 238.94 28.2168 238.042 28.2168 237.017C28.2168 236.26 28.3193 235.567 28.5244 234.938C28.7295 234.31 29.0303 233.765 29.4268 233.305C29.8232 232.844 30.3132 232.489 30.8965 232.238C31.4798 231.988 32.1497 231.862 32.9062 231.862C33.403 231.862 33.8997 231.926 34.3965 232.054C34.8978 232.177 35.3763 232.348 35.832 232.566L35.1484 234.289C34.7747 234.111 34.3988 233.956 34.0205 233.824C33.6423 233.692 33.2708 233.626 32.9062 233.626ZM41.4443 242H39.3252V233.77H36.6113V232.006H44.1582V233.77H41.4443V242ZM48.6084 232.006C49.5153 232.006 50.2627 232.115 50.8506 232.334C51.443 232.553 51.8828 232.883 52.1699 233.325C52.457 233.767 52.6006 234.326 52.6006 235C52.6006 235.456 52.514 235.854 52.3408 236.196C52.1676 236.538 51.9398 236.827 51.6572 237.064C51.3747 237.301 51.0693 237.495 50.7412 237.646L53.6807 242H51.3291L48.9434 238.165H47.8154V242H45.6963V232.006H48.6084ZM48.458 233.742H47.8154V236.442H48.499C49.2008 236.442 49.7021 236.326 50.0029 236.094C50.3083 235.857 50.4609 235.51 50.4609 235.055C50.4609 234.581 50.2969 234.243 49.9688 234.043C49.6452 233.842 49.1416 233.742 48.458 233.742ZM54.9385 242V232.006H57.0576V240.25H61.1113V242H54.9385Z",
        fill: "white"
    }, null, -1),
    Gx = [Ux, Yx, Kx],
    Fx = ["keyCode"],
    zx = n("rect", {
        background: !0,
        x: "546.701",
        y: "219.645",
        width: "55.0939",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    Zx = n("rect", {
        x: "547.67",
        y: "220.614",
        width: "53.1552",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    qx = n("path", {
        data: !0,
        d: "M562.906 233.626C562.501 233.626 562.141 233.706 561.826 233.865C561.516 234.02 561.254 234.246 561.04 234.542C560.83 234.838 560.671 235.196 560.562 235.615C560.452 236.035 560.397 236.506 560.397 237.03C560.397 237.737 560.484 238.34 560.657 238.842C560.835 239.339 561.108 239.719 561.478 239.983C561.847 240.243 562.323 240.373 562.906 240.373C563.312 240.373 563.717 240.327 564.123 240.236C564.533 240.145 564.978 240.015 565.456 239.847V241.624C565.014 241.806 564.579 241.936 564.15 242.014C563.722 242.096 563.241 242.137 562.708 242.137C561.678 242.137 560.83 241.925 560.165 241.501C559.504 241.073 559.014 240.476 558.695 239.71C558.376 238.94 558.217 238.042 558.217 237.017C558.217 236.26 558.319 235.567 558.524 234.938C558.729 234.31 559.03 233.765 559.427 233.305C559.823 232.844 560.313 232.489 560.896 232.238C561.48 231.988 562.15 231.862 562.906 231.862C563.403 231.862 563.9 231.926 564.396 232.054C564.898 232.177 565.376 232.348 565.832 232.566L565.148 234.289C564.775 234.111 564.399 233.956 564.021 233.824C563.642 233.692 563.271 233.626 562.906 233.626ZM571.444 242H569.325V233.77H566.611V232.006H574.158V233.77H571.444V242ZM578.608 232.006C579.515 232.006 580.263 232.115 580.851 232.334C581.443 232.553 581.883 232.883 582.17 233.325C582.457 233.767 582.601 234.326 582.601 235C582.601 235.456 582.514 235.854 582.341 236.196C582.168 236.538 581.94 236.827 581.657 237.064C581.375 237.301 581.069 237.495 580.741 237.646L583.681 242H581.329L578.943 238.165H577.815V242H575.696V232.006H578.608ZM578.458 233.742H577.815V236.442H578.499C579.201 236.442 579.702 236.326 580.003 236.094C580.308 235.857 580.461 235.51 580.461 235.055C580.461 234.581 580.297 234.243 579.969 234.043C579.645 233.842 579.142 233.742 578.458 233.742ZM584.938 242V232.006H587.058V240.25H591.111V242H584.938Z",
        fill: "white"
    }, null, -1),
    Wx = [zx, Zx, qx],
    jx = ["keyCode"],
    Xx = n("rect", {
        background: !0,
        x: "116.068",
        y: "219.645",
        width: "55.0939",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    Qx = n("rect", {
        x: "117.038",
        y: "220.614",
        width: "53.1552",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    Jx = n("path", {
        data: !0,
        d: "M138.531 242L137.807 239.621H134.163L133.438 242H131.155L134.683 231.965H137.273L140.814 242H138.531ZM137.301 237.844L136.576 235.52C136.531 235.365 136.469 235.166 136.392 234.925C136.319 234.679 136.243 234.43 136.166 234.18C136.093 233.924 136.034 233.703 135.988 233.517C135.943 233.703 135.879 233.936 135.797 234.214C135.719 234.487 135.644 234.747 135.571 234.993C135.498 235.239 135.446 235.415 135.414 235.52L134.696 237.844H137.301ZM142.079 242V232.006H144.198V240.25H148.252V242H142.079ZM153.851 242H151.731V233.77H149.018V232.006H156.564V233.77H153.851V242Z",
        fill: "white"
    }, null, -1),
    eO = [Xx, Qx, Jx],
    tO = ["keyCode"],
    sO = n("rect", {
        background: !0,
        x: "475.303",
        y: "219.645",
        width: "65.7754",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    iO = n("rect", {
        x: "476.273",
        y: "220.614",
        width: "63.8366",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    nO = n("path", {
        data: !0,
        d: "M496.592 242L495.867 239.621H492.224L491.499 242H489.216L492.743 231.965H495.334L498.875 242H496.592ZM495.361 237.844L494.637 235.52C494.591 235.365 494.53 235.166 494.452 234.925C494.379 234.679 494.304 234.43 494.227 234.18C494.154 233.924 494.094 233.703 494.049 233.517C494.003 233.703 493.939 233.936 493.857 234.214C493.78 234.487 493.705 234.747 493.632 234.993C493.559 235.239 493.507 235.415 493.475 235.52L492.757 237.844H495.361ZM500.14 242V232.006H502.259V240.25H506.312V242H500.14ZM511.911 242H509.792V233.77H507.078V232.006H514.625V233.77H511.911V242ZM522.712 232.006C523.619 232.006 524.366 232.115 524.954 232.334C525.547 232.553 525.986 232.883 526.273 233.325C526.561 233.767 526.704 234.326 526.704 235C526.704 235.456 526.618 235.854 526.444 236.196C526.271 236.538 526.043 236.827 525.761 237.064C525.478 237.301 525.173 237.495 524.845 237.646L527.784 242H525.433L523.047 238.165H521.919V242H519.8V232.006H522.712ZM522.562 233.742H521.919V236.442H522.603C523.304 236.442 523.806 236.326 524.106 236.094C524.412 235.857 524.564 235.51 524.564 235.055C524.564 234.581 524.4 234.243 524.072 234.043C523.749 233.842 523.245 233.742 522.562 233.742Z",
        fill: "white"
    }, null, -1),
    aO = [sO, iO, nO],
    oO = ["keyCode"],
    rO = n("rect", {
        background: !0,
        x: "176.784",
        y: "219.645",
        width: "232.181",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    lO = n("rect", {
        x: "177.754",
        y: "220.614",
        width: "230.243",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    cO = n("path", {
        data: !0,
        d: "M263 245H323",
        stroke: "white",
        "stroke-width": "2"
    }, null, -1),
    mO = [rO, lO, cO],
    _O = ["keyCode"],
    dO = n("rect", {
        background: !0,
        x: "55.353",
        y: "53.2378",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    uO = n("rect", {
        x: "56.3224",
        y: "54.2072",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    hO = n("path", {
        data: !0,
        d: "M74.2773 75H72.165V69.2168C72.165 69.0573 72.1673 68.8613 72.1719 68.6289C72.1764 68.3919 72.1833 68.1504 72.1924 67.9043C72.2015 67.6536 72.2106 67.4281 72.2197 67.2275C72.1696 67.2868 72.0671 67.3893 71.9121 67.5352C71.7617 67.6764 71.6204 67.804 71.4883 67.918L70.3398 68.8408L69.3213 67.5693L72.541 65.0059H74.2773V75Z",
        fill: "white"
    }, null, -1),
    pO = [dO, uO, hO],
    gO = ["keyCode"],
    bO = n("rect", {
        background: !0,
        x: "76.7158",
        y: "94.8403",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    vO = n("rect", {
        x: "77.6852",
        y: "95.8097",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    CO = n("path", {
        data: !0,
        d: "M98.7578 111.989C98.7578 112.732 98.6689 113.413 98.4912 114.033C98.318 114.648 98.0492 115.182 97.6846 115.633C97.32 116.084 96.8574 116.437 96.2969 116.692L98.7031 119.379H95.9893L94.1572 117.137C94.1253 117.137 94.098 117.137 94.0752 117.137C94.0524 117.137 94.0273 117.137 94 117.137C93.1842 117.137 92.4779 117.016 91.8809 116.774C91.2839 116.528 90.7894 116.177 90.3975 115.722C90.0101 115.266 89.7207 114.721 89.5293 114.088C89.3379 113.454 89.2422 112.75 89.2422 111.976C89.2422 110.941 89.4108 110.041 89.748 109.275C90.0898 108.505 90.6139 107.908 91.3203 107.484C92.0267 107.061 92.9245 106.849 94.0137 106.849C95.0983 106.849 95.9893 107.061 96.6865 107.484C97.3883 107.908 97.9079 108.505 98.2451 109.275C98.5869 110.046 98.7578 110.95 98.7578 111.989ZM91.4639 111.989C91.4639 112.687 91.5505 113.288 91.7236 113.794C91.9014 114.295 92.1771 114.683 92.5508 114.956C92.9245 115.225 93.4076 115.359 94 115.359C94.6016 115.359 95.0892 115.225 95.4629 114.956C95.8366 114.683 96.1077 114.295 96.2764 113.794C96.4495 113.288 96.5361 112.687 96.5361 111.989C96.5361 110.941 96.3402 110.116 95.9482 109.515C95.5563 108.913 94.9115 108.612 94.0137 108.612C93.4167 108.612 92.929 108.749 92.5508 109.022C92.1771 109.291 91.9014 109.679 91.7236 110.185C91.5505 110.686 91.4639 111.287 91.4639 111.989Z",
        fill: "white"
    }, null, -1),
    yO = [bO, vO, CO],
    fO = ["keyCode"],
    TO = n("rect", {
        background: !0,
        x: "86.835",
        y: "136.441",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    EO = n("rect", {
        x: "87.8043",
        y: "137.411",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    kO = n("path", {
        data: !0,
        d: "M106.543 158L105.818 155.621H102.175L101.45 158H99.167L102.694 147.965H105.285L108.826 158H106.543ZM105.312 153.844L104.588 151.52C104.542 151.365 104.481 151.166 104.403 150.925C104.33 150.679 104.255 150.43 104.178 150.18C104.105 149.924 104.046 149.703 104 149.517C103.954 149.703 103.891 149.936 103.809 150.214C103.731 150.487 103.656 150.747 103.583 150.993C103.51 151.239 103.458 151.415 103.426 151.52L102.708 153.844H105.312Z",
        fill: "white"
    }, null, -1),
    IO = [TO, EO, kO],
    wO = ["keyCode"],
    SO = n("rect", {
        background: !0,
        x: "105.949",
        y: "178.043",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    MO = n("rect", {
        x: "106.919",
        y: "179.013",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    PO = n("path", {
        data: !0,
        d: "M127.219 200H119.781V198.626L124.573 191.756H119.911V190.006H127.089V191.373L122.304 198.25H127.219V200Z",
        fill: "white"
    }, null, -1),
    AO = [SO, MO, PO],
    DO = ["keyCode"],
    LO = n("rect", {
        background: !0,
        x: "145.302",
        y: "178.043",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    xO = n("rect", {
        x: "146.271",
        y: "179.013",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    OO = n("path", {
        data: !0,
        d: "M166.669 200H164.249L161.925 196.22L159.601 200H157.331L160.646 194.846L157.543 190.006H159.881L162.034 193.602L164.146 190.006H166.43L163.292 194.962L166.669 200Z",
        fill: "white"
    }, null, -1),
    BO = [LO, xO, OO],
    $O = ["keyCode"],
    NO = n("rect", {
        background: !0,
        x: "184.655",
        y: "178.043",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    RO = n("rect", {
        x: "185.624",
        y: "179.013",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    VO = n("path", {
        data: !0,
        d: "M202.539 191.626C202.133 191.626 201.773 191.706 201.459 191.865C201.149 192.02 200.887 192.246 200.673 192.542C200.463 192.838 200.304 193.196 200.194 193.615C200.085 194.035 200.03 194.506 200.03 195.03C200.03 195.737 200.117 196.34 200.29 196.842C200.468 197.339 200.741 197.719 201.11 197.983C201.479 198.243 201.956 198.373 202.539 198.373C202.945 198.373 203.35 198.327 203.756 198.236C204.166 198.145 204.61 198.015 205.089 197.847V199.624C204.647 199.806 204.212 199.936 203.783 200.014C203.355 200.096 202.874 200.137 202.341 200.137C201.311 200.137 200.463 199.925 199.798 199.501C199.137 199.073 198.647 198.476 198.328 197.71C198.009 196.94 197.85 196.042 197.85 195.017C197.85 194.26 197.952 193.567 198.157 192.938C198.362 192.31 198.663 191.765 199.06 191.305C199.456 190.844 199.946 190.489 200.529 190.238C201.113 189.988 201.783 189.862 202.539 189.862C203.036 189.862 203.533 189.926 204.029 190.054C204.531 190.177 205.009 190.348 205.465 190.566L204.781 192.289C204.408 192.111 204.032 191.956 203.653 191.824C203.275 191.692 202.904 191.626 202.539 191.626Z",
        fill: "white"
    }, null, -1),
    HO = [NO, RO, VO],
    UO = ["keyCode"],
    YO = n("rect", {
        background: !0,
        x: "224.008",
        y: "178.043",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    KO = n("rect", {
        x: "224.977",
        y: "179.013",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    GO = n("path", {
        data: !0,
        d: "M245.546 190.006L242.148 200H239.838L236.447 190.006H238.587L240.467 195.953C240.499 196.053 240.551 196.243 240.624 196.521C240.697 196.794 240.77 197.086 240.843 197.396C240.92 197.701 240.973 197.954 241 198.154C241.027 197.954 241.075 197.701 241.144 197.396C241.216 197.09 241.287 196.801 241.355 196.527C241.428 196.249 241.481 196.058 241.513 195.953L243.406 190.006H245.546Z",
        fill: "white"
    }, null, -1),
    FO = [YO, KO, GO],
    zO = ["keyCode"],
    ZO = n("rect", {
        background: !0,
        x: "263.36",
        y: "178.043",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    qO = n("rect", {
        x: "264.33",
        y: "179.013",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    WO = n("path", {
        data: !0,
        d: "M276.555 190.006H279.665C280.996 190.006 282.003 190.193 282.687 190.566C283.37 190.94 283.712 191.596 283.712 192.535C283.712 192.913 283.65 193.255 283.527 193.561C283.409 193.866 283.236 194.117 283.008 194.312C282.78 194.508 282.502 194.636 282.174 194.695V194.764C282.507 194.832 282.807 194.951 283.076 195.119C283.345 195.283 283.559 195.525 283.719 195.844C283.883 196.158 283.965 196.577 283.965 197.102C283.965 197.708 283.817 198.227 283.521 198.66C283.224 199.093 282.8 199.426 282.249 199.658C281.702 199.886 281.05 200 280.294 200H276.555V190.006ZM278.674 193.964H279.904C280.52 193.964 280.946 193.868 281.183 193.677C281.42 193.481 281.538 193.194 281.538 192.815C281.538 192.433 281.397 192.159 281.114 191.995C280.836 191.826 280.394 191.742 279.788 191.742H278.674V193.964ZM278.674 195.646V198.25H280.055C280.693 198.25 281.137 198.127 281.388 197.881C281.638 197.635 281.764 197.304 281.764 196.89C281.764 196.644 281.709 196.427 281.6 196.24C281.49 196.053 281.306 195.908 281.046 195.803C280.791 195.698 280.438 195.646 279.986 195.646H278.674Z",
        fill: "white"
    }, null, -1),
    jO = [ZO, qO, WO],
    XO = ["keyCode"],
    QO = n("rect", {
        background: !0,
        x: "302.713",
        y: "178.043",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    JO = n("rect", {
        x: "303.682",
        y: "179.013",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    eB = n("path", {
        data: !0,
        d: "M324.43 200H321.736L317.389 192.439H317.327C317.345 192.754 317.361 193.071 317.375 193.39C317.389 193.709 317.402 194.028 317.416 194.347C317.43 194.661 317.443 194.978 317.457 195.297V200H315.563V190.006H318.236L322.577 197.491H322.625C322.616 197.181 322.604 196.874 322.591 196.568C322.577 196.263 322.563 195.958 322.55 195.652C322.541 195.347 322.532 195.042 322.522 194.736V190.006H324.43V200Z",
        fill: "white"
    }, null, -1),
    tB = [QO, JO, eB],
    sB = ["keyCode"],
    iB = n("rect", {
        background: !0,
        x: "342.066",
        y: "178.043",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    nB = n("rect", {
        x: "343.035",
        y: "179.013",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    aB = n("path", {
        data: !0,
        d: "M357.886 200L355.479 192.159H355.418C355.427 192.346 355.441 192.629 355.459 193.007C355.482 193.381 355.502 193.779 355.521 194.203C355.539 194.627 355.548 195.01 355.548 195.352V200H353.654V190.006H356.539L358.904 197.648H358.945L361.454 190.006H364.339V200H362.363V195.27C362.363 194.955 362.368 194.593 362.377 194.183C362.391 193.772 362.407 193.383 362.425 193.014C362.443 192.64 362.457 192.36 362.466 192.173H362.404L359.827 200H357.886Z",
        fill: "white"
    }, null, -1),
    oB = [iB, nB, aB],
    rB = ["keyCode"],
    lB = n("rect", {
        background: !0,
        x: "381.419",
        y: "178.043",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    cB = n("rect", {
        x: "382.388",
        y: "179.013",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    mB = n("path", {
        data: !0,
        d: "M399.039 198.373L399.142 198.53C399.06 198.858 398.952 199.212 398.82 199.59C398.693 199.968 398.551 200.346 398.396 200.725C398.246 201.103 398.093 201.463 397.938 201.805H396.435C396.526 201.436 396.615 201.048 396.701 200.643C396.788 200.237 396.868 199.838 396.94 199.446C397.018 199.054 397.079 198.697 397.125 198.373H399.039Z",
        fill: "white"
    }, null, -1),
    _B = [lB, cB, mB],
    dB = ["keyCode"],
    uB = n("rect", {
        background: !0,
        x: "420.771",
        y: "178.043",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    hB = n("rect", {
        x: "421.741",
        y: "179.013",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    pB = n("path", {
        data: !0,
        d: "M436.804 199.022C436.804 198.594 436.92 198.293 437.152 198.12C437.389 197.947 437.674 197.86 438.007 197.86C438.33 197.86 438.608 197.947 438.841 198.12C439.078 198.293 439.196 198.594 439.196 199.022C439.196 199.433 439.078 199.729 438.841 199.911C438.608 200.093 438.33 200.185 438.007 200.185C437.674 200.185 437.389 200.093 437.152 199.911C436.92 199.729 436.804 199.433 436.804 199.022Z",
        fill: "white"
    }, null, -1),
    gB = [uB, hB, pB],
    bB = ["keyCode"],
    vB = n("rect", {
        background: !0,
        x: "460.125",
        y: "178.043",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    CB = n("rect", {
        x: "461.094",
        y: "179.013",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    yB = n("path", {
        data: !0,
        d: "M479.823 190.006L476.098 200H474.204L477.93 190.006H479.823Z",
        fill: "white"
    }, null, -1),
    fB = [vB, CB, yB],
    TB = ["keyCode"],
    EB = n("rect", {
        background: !0,
        x: "126.188",
        y: "136.441",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    kB = n("rect", {
        x: "127.157",
        y: "137.411",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    IB = n("path", {
        data: !0,
        d: "M146.302 155.225C146.302 155.817 146.158 156.332 145.871 156.77C145.584 157.207 145.165 157.544 144.613 157.781C144.066 158.018 143.401 158.137 142.617 158.137C142.271 158.137 141.931 158.114 141.599 158.068C141.271 158.023 140.954 157.957 140.648 157.87C140.348 157.779 140.061 157.667 139.787 157.535V155.566C140.261 155.776 140.753 155.965 141.264 156.134C141.774 156.302 142.28 156.387 142.781 156.387C143.128 156.387 143.406 156.341 143.615 156.25C143.829 156.159 143.984 156.034 144.08 155.874C144.176 155.715 144.224 155.532 144.224 155.327C144.224 155.076 144.139 154.862 143.971 154.685C143.802 154.507 143.57 154.34 143.273 154.186C142.982 154.031 142.651 153.864 142.282 153.687C142.05 153.577 141.797 153.445 141.523 153.29C141.25 153.131 140.99 152.937 140.744 152.709C140.498 152.481 140.295 152.205 140.136 151.882C139.981 151.554 139.903 151.162 139.903 150.706C139.903 150.109 140.04 149.599 140.313 149.175C140.587 148.751 140.977 148.427 141.482 148.204C141.993 147.976 142.594 147.862 143.287 147.862C143.807 147.862 144.301 147.924 144.771 148.047C145.244 148.165 145.739 148.339 146.254 148.566L145.57 150.214C145.11 150.027 144.698 149.883 144.333 149.783C143.968 149.678 143.597 149.626 143.219 149.626C142.954 149.626 142.729 149.669 142.542 149.756C142.355 149.838 142.214 149.956 142.118 150.111C142.022 150.262 141.975 150.437 141.975 150.638C141.975 150.875 142.043 151.075 142.18 151.239C142.321 151.399 142.531 151.554 142.809 151.704C143.091 151.854 143.442 152.03 143.861 152.23C144.372 152.472 144.807 152.725 145.167 152.989C145.532 153.249 145.812 153.557 146.008 153.912C146.204 154.263 146.302 154.701 146.302 155.225Z",
        fill: "white"
    }, null, -1),
    wB = [EB, kB, IB],
    SB = ["keyCode"],
    MB = n("rect", {
        background: !0,
        x: "165.541",
        y: "136.441",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    PB = n("rect", {
        x: "166.51",
        y: "137.411",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    AB = n("path", {
        data: !0,
        d: "M186.868 152.907C186.868 154.033 186.652 154.974 186.219 155.73C185.79 156.482 185.168 157.05 184.353 157.433C183.537 157.811 182.555 158 181.406 158H178.576V148.006H181.714C182.762 148.006 183.671 148.193 184.441 148.566C185.212 148.936 185.809 149.485 186.232 150.214C186.656 150.938 186.868 151.836 186.868 152.907ZM184.667 152.962C184.667 152.224 184.558 151.618 184.339 151.144C184.125 150.665 183.806 150.312 183.382 150.084C182.963 149.856 182.443 149.742 181.823 149.742H180.695V156.25H181.604C182.639 156.25 183.407 155.974 183.908 155.423C184.414 154.871 184.667 154.051 184.667 152.962Z",
        fill: "white"
    }, null, -1),
    DB = [MB, PB, AB],
    LB = ["keyCode"],
    xB = n("rect", {
        background: !0,
        x: "204.894",
        y: "136.441",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    OB = n("rect", {
        x: "205.863",
        y: "137.411",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    BB = n("path", {
        data: !0,
        d: "M221.501 158H219.416V148.006H225.145V149.742H221.501V152.319H224.892V154.049H221.501V158Z",
        fill: "white"
    }, null, -1),
    $B = [xB, OB, BB],
    NB = ["keyCode"],
    RB = n("rect", {
        background: !0,
        x: "244.246",
        y: "136.441",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    VB = n("rect", {
        x: "245.215",
        y: "137.411",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    HB = n("path", {
        data: !0,
        d: "M261.479 152.388H265.444V157.569C264.92 157.743 264.376 157.882 263.811 157.986C263.245 158.087 262.605 158.137 261.89 158.137C260.896 158.137 260.053 157.941 259.36 157.549C258.668 157.157 258.141 156.578 257.781 155.812C257.421 155.047 257.241 154.106 257.241 152.989C257.241 151.941 257.442 151.034 257.843 150.269C258.248 149.503 258.839 148.91 259.613 148.491C260.393 148.072 261.343 147.862 262.464 147.862C262.993 147.862 263.514 147.919 264.029 148.033C264.544 148.147 265.011 148.295 265.431 148.478L264.727 150.173C264.421 150.018 264.073 149.888 263.681 149.783C263.289 149.678 262.879 149.626 262.45 149.626C261.835 149.626 261.299 149.767 260.844 150.05C260.393 150.332 260.042 150.729 259.791 151.239C259.545 151.745 259.422 152.342 259.422 153.03C259.422 153.682 259.511 154.261 259.688 154.767C259.866 155.268 260.146 155.662 260.529 155.949C260.912 156.232 261.411 156.373 262.026 156.373C262.327 156.373 262.58 156.359 262.785 156.332C262.995 156.3 263.191 156.268 263.373 156.236V154.151H261.479V152.388Z",
        fill: "white"
    }, null, -1),
    UB = [RB, VB, HB],
    YB = ["keyCode"],
    KB = n("rect", {
        background: !0,
        x: "283.599",
        y: "136.441",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    GB = n("rect", {
        x: "284.568",
        y: "137.411",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    FB = n("path", {
        data: !0,
        d: "M304.588 158H302.476V153.687H298.518V158H296.398V148.006H298.518V151.923H302.476V148.006H304.588V158Z",
        fill: "white"
    }, null, -1),
    zB = [KB, GB, FB],
    ZB = ["keyCode"],
    qB = n("rect", {
        background: !0,
        x: "322.952",
        y: "136.441",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    WB = n("rect", {
        x: "323.921",
        y: "137.411",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    jB = n("path", {
        data: !0,
        d: "M338.395 160.939C338.121 160.939 337.882 160.924 337.677 160.892C337.467 160.864 337.289 160.83 337.144 160.789V159.025C337.289 159.057 337.447 159.087 337.615 159.114C337.779 159.146 337.955 159.162 338.142 159.162C338.388 159.162 338.609 159.114 338.805 159.019C339.001 158.927 339.156 158.752 339.27 158.492C339.383 158.232 339.44 157.859 339.44 157.371V148.006H341.56V157.357C341.56 158.214 341.425 158.905 341.156 159.429C340.892 159.957 340.521 160.34 340.042 160.577C339.568 160.819 339.019 160.939 338.395 160.939Z",
        fill: "white"
    }, null, -1),
    XB = [qB, WB, jB],
    QB = ["keyCode"],
    JB = n("rect", {
        background: !0,
        x: "362.305",
        y: "136.441",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    e$ = n("rect", {
        x: "363.274",
        y: "137.411",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    t$ = n("path", {
        data: !0,
        d: "M383.648 158H381.242L378.624 153.789L377.729 154.432V158H375.609V148.006H377.729V152.579C377.87 152.383 378.009 152.187 378.146 151.991C378.282 151.795 378.421 151.599 378.562 151.403L381.27 148.006H383.621L380.135 152.429L383.648 158Z",
        fill: "white"
    }, null, -1),
    s$ = [JB, e$, t$],
    i$ = ["keyCode"],
    n$ = n("rect", {
        background: !0,
        x: "401.657",
        y: "136.441",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    a$ = n("rect", {
        x: "402.627",
        y: "137.411",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    o$ = n("path", {
        data: !0,
        d: "M416.3 158V148.006H418.419V156.25H422.473V158H416.3Z",
        fill: "white"
    }, null, -1),
    r$ = [n$, a$, o$],
    l$ = ["keyCode"],
    c$ = n("rect", {
        background: !0,
        x: "441.01",
        y: "136.441",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    m$ = n("rect", {
        x: "441.98",
        y: "137.411",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    _$ = n("path", {
        data: !0,
        d: "M459.039 156.373L459.142 156.53C459.06 156.858 458.952 157.212 458.82 157.59C458.693 157.968 458.551 158.346 458.396 158.725C458.246 159.103 458.093 159.463 457.938 159.805H456.435C456.526 159.436 456.615 159.048 456.701 158.643C456.788 158.237 456.868 157.838 456.94 157.446C457.018 157.054 457.079 156.697 457.125 156.373H459.039ZM456.804 151.376C456.804 150.948 456.92 150.647 457.152 150.474C457.389 150.3 457.674 150.214 458.007 150.214C458.33 150.214 458.608 150.3 458.841 150.474C459.078 150.647 459.196 150.948 459.196 151.376C459.196 151.791 459.078 152.089 458.841 152.271C458.608 152.449 458.33 152.538 458.007 152.538C457.674 152.538 457.389 152.449 457.152 152.271C456.92 152.089 456.804 151.791 456.804 151.376Z",
        fill: "white"
    }, null, -1),
    d$ = [c$, m$, _$],
    u$ = ["keyCode"],
    h$ = n("rect", {
        background: !0,
        x: "480.363",
        y: "136.441",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    p$ = n("rect", {
        x: "481.332",
        y: "137.411",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    g$ = n("path", {
        data: !0,
        d: "M495.749 151.431L495.653 151.28C495.735 150.948 495.84 150.594 495.968 150.221C496.1 149.842 496.241 149.464 496.392 149.086C496.547 148.703 496.701 148.343 496.856 148.006H498.354C498.267 148.375 498.178 148.762 498.087 149.168C498 149.574 497.921 149.972 497.848 150.364C497.775 150.752 497.713 151.107 497.663 151.431H495.749Z",
        fill: "white"
    }, null, -1),
    b$ = [h$, p$, g$],
    v$ = ["keyCode"],
    C$ = n("rect", {
        background: !0,
        x: "520",
        y: "136.441",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    y$ = n("rect", {
        x: "520.969",
        y: "137.411",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    f$ = n("path", {
        data: !0,
        d: "M535.721 148.006L539.446 158H537.553L533.827 148.006H535.721Z",
        fill: "white"
    }, null, -1),
    T$ = [C$, y$, f$],
    E$ = ["keyCode"],
    k$ = n("rect", {
        background: !0,
        x: "499.477",
        y: "178.043",
        width: "102.317",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    I$ = n("rect", {
        x: "500.446",
        y: "179.013",
        width: "100.379",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    w$ = n("path", {
        data: !0,
        d: "M539.229 197.225C539.229 197.817 539.086 198.332 538.799 198.77C538.512 199.207 538.092 199.544 537.541 199.781C536.994 200.018 536.329 200.137 535.545 200.137C535.199 200.137 534.859 200.114 534.526 200.068C534.198 200.023 533.882 199.957 533.576 199.87C533.275 199.779 532.988 199.667 532.715 199.535V197.566C533.189 197.776 533.681 197.965 534.191 198.134C534.702 198.302 535.208 198.387 535.709 198.387C536.055 198.387 536.333 198.341 536.543 198.25C536.757 198.159 536.912 198.034 537.008 197.874C537.104 197.715 537.151 197.532 537.151 197.327C537.151 197.076 537.067 196.862 536.898 196.685C536.73 196.507 536.497 196.34 536.201 196.186C535.91 196.031 535.579 195.864 535.21 195.687C534.978 195.577 534.725 195.445 534.451 195.29C534.178 195.131 533.918 194.937 533.672 194.709C533.426 194.481 533.223 194.205 533.063 193.882C532.909 193.554 532.831 193.162 532.831 192.706C532.831 192.109 532.968 191.599 533.241 191.175C533.515 190.751 533.904 190.427 534.41 190.204C534.921 189.976 535.522 189.862 536.215 189.862C536.734 189.862 537.229 189.924 537.698 190.047C538.172 190.165 538.667 190.339 539.182 190.566L538.498 192.214C538.038 192.027 537.625 191.883 537.261 191.783C536.896 191.678 536.525 191.626 536.146 191.626C535.882 191.626 535.657 191.669 535.47 191.756C535.283 191.838 535.142 191.956 535.046 192.111C534.95 192.262 534.902 192.437 534.902 192.638C534.902 192.875 534.971 193.075 535.107 193.239C535.249 193.399 535.458 193.554 535.736 193.704C536.019 193.854 536.37 194.03 536.789 194.23C537.299 194.472 537.735 194.725 538.095 194.989C538.459 195.249 538.74 195.557 538.936 195.912C539.132 196.263 539.229 196.701 539.229 197.225ZM549.23 200H547.118V195.687H543.16V200H541.041V190.006H543.16V193.923H547.118V190.006H549.23V200ZM551.76 200V190.006H553.879V200H551.76ZM558.479 200H556.395V190.006H562.123V191.742H558.479V194.319H561.87V196.049H558.479V200ZM567.934 200H565.814V191.77H563.101V190.006H570.647V191.77H567.934V200Z",
        fill: "white"
    }, null, -1),
    S$ = [k$, I$, w$],
    M$ = ["keyCode"],
    P$ = n("rect", {
        background: !0,
        x: "116.068",
        y: "94.8403",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    A$ = n("rect", {
        x: "117.038",
        y: "95.8097",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    D$ = n("path", {
        data: !0,
        d: "M139.768 107.006L137.225 117H134.812L133.458 111.75C133.431 111.65 133.394 111.497 133.349 111.292C133.303 111.087 133.255 110.864 133.205 110.622C133.155 110.376 133.109 110.146 133.068 109.932C133.032 109.713 133.007 109.54 132.993 109.412C132.979 109.54 132.952 109.711 132.911 109.925C132.875 110.139 132.831 110.367 132.781 110.608C132.736 110.85 132.69 111.076 132.645 111.285C132.599 111.495 132.562 111.654 132.535 111.764L131.188 117H128.782L126.232 107.006H128.317L129.596 112.461C129.632 112.625 129.673 112.821 129.719 113.049C129.769 113.277 129.817 113.516 129.862 113.767C129.912 114.013 129.956 114.252 129.992 114.484C130.033 114.712 130.063 114.91 130.081 115.079C130.104 114.906 130.133 114.705 130.17 114.478C130.206 114.245 130.245 114.01 130.286 113.773C130.332 113.532 130.377 113.309 130.423 113.104C130.468 112.898 130.509 112.732 130.546 112.604L132.002 107.006H134.005L135.461 112.604C135.493 112.728 135.529 112.894 135.57 113.104C135.616 113.309 135.661 113.532 135.707 113.773C135.753 114.015 135.794 114.252 135.83 114.484C135.871 114.712 135.901 114.91 135.919 115.079C135.951 114.851 135.994 114.576 136.049 114.252C136.108 113.924 136.17 113.598 136.233 113.274C136.302 112.951 136.361 112.68 136.411 112.461L137.683 107.006H139.768Z",
        fill: "white"
    }, null, -1),
    L$ = [P$, A$, D$],
    x$ = ["keyCode"],
    O$ = n("rect", {
        background: !0,
        x: "155.421",
        y: "94.8403",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    B$ = n("rect", {
        x: "156.391",
        y: "95.8097",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    $$ = n("path", {
        data: !0,
        d: "M175.09 117H169.334V107.006H175.09V108.742H171.453V110.937H174.837V112.673H171.453V115.25H175.09V117Z",
        fill: "white"
    }, null, -1),
    N$ = [O$, B$, $$],
    R$ = ["keyCode"],
    V$ = n("rect", {
        background: !0,
        x: "194.774",
        y: "94.8403",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    H$ = n("rect", {
        x: "195.743",
        y: "95.8097",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    U$ = n("path", {
        data: !0,
        d: "M211.549 107.006C212.456 107.006 213.203 107.115 213.791 107.334C214.383 107.553 214.823 107.883 215.11 108.325C215.397 108.767 215.541 109.326 215.541 110C215.541 110.456 215.454 110.854 215.281 111.196C215.108 111.538 214.88 111.827 214.598 112.064C214.315 112.301 214.01 112.495 213.682 112.646L216.621 117H214.27L211.884 113.165H210.756V117H208.637V107.006H211.549ZM211.398 108.742H210.756V111.442H211.439C212.141 111.442 212.643 111.326 212.943 111.094C213.249 110.857 213.401 110.51 213.401 110.055C213.401 109.581 213.237 109.243 212.909 109.043C212.586 108.842 212.082 108.742 211.398 108.742Z",
        fill: "white"
    }, null, -1),
    Y$ = [V$, H$, U$],
    K$ = ["keyCode"],
    G$ = n("rect", {
        background: !0,
        x: "234.127",
        y: "94.8403",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    F$ = n("rect", {
        x: "235.096",
        y: "95.8097",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    z$ = n("path", {
        data: !0,
        d: "M252.56 117H250.44V108.77H247.727V107.006H255.273V108.77H252.56V117Z",
        fill: "white"
    }, null, -1),
    Z$ = [G$, F$, z$],
    q$ = ["keyCode"],
    W$ = n("rect", {
        background: !0,
        x: "273.479",
        y: "94.8403",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    j$ = n("rect", {
        x: "274.449",
        y: "95.8097",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    X$ = n("path", {
        data: !0,
        d: "M290.5 111.121L292.585 107.006H294.868L291.553 113.11V117H289.447V113.179L286.132 107.006H288.429L290.5 111.121Z",
        fill: "white"
    }, null, -1),
    Q$ = [W$, j$, X$],
    J$ = ["keyCode"],
    eN = n("rect", {
        background: !0,
        x: "312.833",
        y: "94.8403",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    tN = n("rect", {
        x: "313.802",
        y: "95.8097",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    sN = n("path", {
        data: !0,
        d: "M334.602 107.006V113.473C334.602 114.161 334.449 114.783 334.144 115.339C333.843 115.89 333.385 116.328 332.77 116.651C332.159 116.975 331.389 117.137 330.459 117.137C329.137 117.137 328.13 116.799 327.438 116.125C326.745 115.451 326.398 114.557 326.398 113.445V107.006H328.511V113.124C328.511 113.949 328.679 114.528 329.017 114.86C329.354 115.193 329.853 115.359 330.514 115.359C330.979 115.359 331.354 115.28 331.642 115.12C331.933 114.961 332.147 114.715 332.284 114.382C332.421 114.049 332.489 113.625 332.489 113.11V107.006H334.602Z",
        fill: "white"
    }, null, -1),
    iN = [eN, tN, sN],
    nN = ["keyCode"],
    aN = n("rect", {
        background: !0,
        x: "352.185",
        y: "94.8403",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    oN = n("rect", {
        x: "353.154",
        y: "95.8097",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    rN = n("path", {
        data: !0,
        d: "M368.44 117V107.006H370.56V117H368.44Z",
        fill: "white"
    }, null, -1),
    lN = [aN, oN, rN],
    cN = ["keyCode"],
    mN = n("rect", {
        background: !0,
        x: "391.538",
        y: "94.8403",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    _N = n("rect", {
        x: "392.507",
        y: "95.8097",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    dN = n("path", {
        data: !0,
        d: "M412.758 111.989C412.758 112.759 412.662 113.461 412.471 114.095C412.279 114.724 411.988 115.266 411.596 115.722C411.208 116.177 410.716 116.528 410.119 116.774C409.522 117.016 408.816 117.137 408 117.137C407.184 117.137 406.478 117.016 405.881 116.774C405.284 116.528 404.789 116.177 404.397 115.722C404.01 115.266 403.721 114.721 403.529 114.088C403.338 113.454 403.242 112.75 403.242 111.976C403.242 110.941 403.411 110.041 403.748 109.275C404.09 108.505 404.614 107.908 405.32 107.484C406.027 107.061 406.924 106.849 408.014 106.849C409.098 106.849 409.989 107.061 410.687 107.484C411.388 107.908 411.908 108.505 412.245 109.275C412.587 110.046 412.758 110.95 412.758 111.989ZM405.464 111.989C405.464 112.687 405.55 113.288 405.724 113.794C405.901 114.295 406.177 114.683 406.551 114.956C406.924 115.225 407.408 115.359 408 115.359C408.602 115.359 409.089 115.225 409.463 114.956C409.837 114.683 410.108 114.295 410.276 113.794C410.45 113.288 410.536 112.687 410.536 111.989C410.536 110.941 410.34 110.116 409.948 109.515C409.556 108.913 408.911 108.612 408.014 108.612C407.417 108.612 406.929 108.749 406.551 109.022C406.177 109.291 405.901 109.679 405.724 110.185C405.55 110.686 405.464 111.287 405.464 111.989Z",
        fill: "white"
    }, null, -1),
    uN = [mN, _N, dN],
    hN = ["keyCode"],
    pN = n("rect", {
        background: !0,
        x: "430.891",
        y: "94.8403",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    gN = n("rect", {
        x: "431.86",
        y: "95.8097",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    bN = n("path", {
        data: !0,
        d: "M448.555 107.006C449.844 107.006 450.785 107.284 451.378 107.84C451.97 108.391 452.267 109.152 452.267 110.123C452.267 110.561 452.201 110.98 452.068 111.381C451.936 111.777 451.72 112.131 451.419 112.44C451.123 112.75 450.726 112.996 450.229 113.179C449.733 113.356 449.12 113.445 448.391 113.445H447.481V117H445.362V107.006H448.555ZM448.445 108.742H447.481V111.709H448.179C448.575 111.709 448.919 111.657 449.211 111.552C449.503 111.447 449.728 111.283 449.888 111.06C450.047 110.836 450.127 110.549 450.127 110.198C450.127 109.706 449.99 109.341 449.717 109.104C449.443 108.863 449.02 108.742 448.445 108.742Z",
        fill: "white"
    }, null, -1),
    vN = [pN, gN, bN],
    CN = ["keyCode"],
    yN = n("rect", {
        background: !0,
        x: "470.244",
        y: "94.8403",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    fN = n("rect", {
        x: "471.213",
        y: "95.8097",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    TN = n("path", {
        data: !0,
        d: "M489.469 119.215H486.16V107.006H489.469V108.448H487.938V117.772H489.469V119.215Z",
        fill: "white"
    }, null, -1),
    EN = [yN, fN, TN],
    kN = ["keyCode"],
    IN = n("rect", {
        background: !0,
        x: "509.597",
        y: "94.8403",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    wN = n("rect", {
        x: "510.566",
        y: "95.8097",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    SN = n("path", {
        data: !0,
        d: "M524.531 117.772H526.056V108.448H524.531V107.006H527.84V119.215H524.531V117.772Z",
        fill: "white"
    }, null, -1),
    MN = [IN, wN, SN],
    PN = ["keyCode"],
    AN = n("path", {
        background: !0,
        d: "M552.322 94.8403C550.459 94.8403 548.949 96.3505 548.949 98.2134V125.198C548.949 127.061 550.459 128.571 552.322 128.571H560V166.627C560 168.49 561.51 170 563.373 170H598.627C600.49 170 602 168.49 602 166.627V125.373C602 124.965 601.927 124.573 601.794 124.211V98.2134C601.794 96.3505 600.284 94.8403 598.421 94.8403H552.322Z",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    DN = n("path", {
        d: "M560.969 128.571V127.602H560H552.322C550.995 127.602 549.919 126.526 549.919 125.198V98.2134C549.919 96.8859 550.995 95.8097 552.322 95.8097H598.421C599.749 95.8097 600.825 96.8859 600.825 98.2134V124.211V124.383L600.884 124.545C600.979 124.802 601.031 125.08 601.031 125.373V166.627C601.031 167.954 599.954 169.031 598.627 169.031H563.373C562.046 169.031 560.969 167.954 560.969 166.627V128.571Z",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    LN = n("path", {
        data: !0,
        d: "M574 127H586V116M574 127L578.5 131.5M574 127L578.5 122.5",
        stroke: "white",
        "stroke-width": "2"
    }, null, -1),
    xN = [AN, DN, LN],
    ON = ["keyCode"],
    BN = n("rect", {
        background: !0,
        x: "94.7056",
        y: "53.2378",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    $N = n("rect", {
        x: "95.6749",
        y: "54.2072",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    NN = n("path", {
        data: !0,
        d: "M116.041 75H109.055V73.5303L111.563 70.9941C112.069 70.4746 112.475 70.0417 112.78 69.6953C113.09 69.3444 113.313 69.0254 113.45 68.7383C113.591 68.4512 113.662 68.1436 113.662 67.8154C113.662 67.4189 113.55 67.1227 113.327 66.9268C113.108 66.7262 112.814 66.626 112.445 66.626C112.058 66.626 111.682 66.7148 111.317 66.8926C110.953 67.0703 110.572 67.3232 110.176 67.6514L109.027 66.291C109.314 66.0449 109.618 65.8125 109.937 65.5938C110.26 65.375 110.634 65.1995 111.058 65.0674C111.486 64.9307 111.999 64.8623 112.596 64.8623C113.252 64.8623 113.815 64.9808 114.284 65.2178C114.758 65.4548 115.123 65.7783 115.378 66.1885C115.633 66.5941 115.761 67.0544 115.761 67.5693C115.761 68.1208 115.651 68.6243 115.433 69.0801C115.214 69.5358 114.895 69.987 114.476 70.4336C114.061 70.8802 113.56 71.3747 112.972 71.917L111.687 73.127V73.2227H116.041V75Z",
        fill: "white"
    }, null, -1),
    RN = [BN, $N, NN],
    VN = ["keyCode"],
    HN = n("rect", {
        background: !0,
        x: "134.058",
        y: "53.2378",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    UN = n("rect", {
        x: "135.027",
        y: "54.2072",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    YN = n("path", {
        data: !0,
        d: "M154.651 67.2412C154.651 67.7015 154.556 68.1003 154.364 68.4375C154.173 68.7747 153.913 69.0505 153.585 69.2646C153.261 69.4788 152.897 69.6361 152.491 69.7363V69.7773C153.293 69.8776 153.902 70.1237 154.316 70.5156C154.736 70.9076 154.945 71.4316 154.945 72.0879C154.945 72.6712 154.802 73.193 154.515 73.6533C154.232 74.1136 153.795 74.4759 153.202 74.7402C152.61 75.0046 151.846 75.1367 150.912 75.1367C150.361 75.1367 149.846 75.0911 149.367 75C148.893 74.9134 148.447 74.779 148.027 74.5967V72.7988C148.456 73.0176 148.905 73.1839 149.374 73.2979C149.843 73.4072 150.281 73.4619 150.687 73.4619C151.443 73.4619 151.972 73.332 152.272 73.0723C152.578 72.8079 152.73 72.4388 152.73 71.9648C152.73 71.6868 152.66 71.4521 152.519 71.2607C152.377 71.0693 152.131 70.9235 151.78 70.8232C151.434 70.723 150.949 70.6729 150.324 70.6729H149.565V69.0527H150.338C150.953 69.0527 151.42 68.9958 151.739 68.8818C152.063 68.7633 152.282 68.6038 152.396 68.4033C152.514 68.1982 152.573 67.9658 152.573 67.7061C152.573 67.3506 152.464 67.0726 152.245 66.8721C152.026 66.6715 151.662 66.5713 151.151 66.5713C150.832 66.5713 150.541 66.6123 150.276 66.6943C150.017 66.7718 149.782 66.8675 149.572 66.9814C149.363 67.0908 149.178 67.1979 149.019 67.3027L148.041 65.8467C148.433 65.5641 148.891 65.3294 149.415 65.1426C149.944 64.9557 150.573 64.8623 151.302 64.8623C152.332 64.8623 153.147 65.0697 153.749 65.4844C154.351 65.8991 154.651 66.4847 154.651 67.2412Z",
        fill: "white"
    }, null, -1),
    KN = [HN, UN, YN],
    GN = ["keyCode"],
    FN = n("rect", {
        background: !0,
        x: "173.411",
        y: "53.2378",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    zN = n("rect", {
        x: "174.38",
        y: "54.2072",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    ZN = n("path", {
        data: !0,
        d: "M194.267 72.9287H193.063V75H190.999V72.9287H186.733V71.459L191.115 65.0059H193.063V71.2881H194.267V72.9287ZM190.999 71.2881V69.5928C190.999 69.4333 191.001 69.2441 191.006 69.0254C191.015 68.8066 191.024 68.5879 191.033 68.3691C191.042 68.1504 191.051 67.9567 191.061 67.7881C191.074 67.6149 191.083 67.4941 191.088 67.4258H191.033C190.947 67.6126 190.855 67.7949 190.76 67.9727C190.664 68.1458 190.552 68.3281 190.425 68.5195L188.593 71.2881H190.999Z",
        fill: "white"
    }, null, -1),
    qN = [FN, zN, ZN],
    WN = ["keyCode"],
    jN = n("rect", {
        background: !0,
        x: "212.764",
        y: "53.2378",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    XN = n("rect", {
        x: "213.734",
        y: "54.2072",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    QN = n("path", {
        data: !0,
        d: "M229.691 68.6152C230.302 68.6152 230.844 68.7314 231.318 68.9639C231.797 69.1963 232.173 69.5381 232.446 69.9893C232.72 70.4404 232.856 70.9964 232.856 71.6572C232.856 72.3773 232.706 72.9993 232.405 73.5234C232.109 74.043 231.665 74.4417 231.072 74.7197C230.484 74.9977 229.751 75.1367 228.871 75.1367C228.347 75.1367 227.853 75.0911 227.388 75C226.927 74.9134 226.524 74.779 226.178 74.5967V72.7715C226.524 72.9538 226.939 73.1087 227.422 73.2363C227.91 73.3594 228.368 73.4209 228.796 73.4209C229.215 73.4209 229.568 73.3662 229.855 73.2568C230.143 73.1429 230.359 72.9697 230.505 72.7373C230.655 72.5003 230.73 72.1995 230.73 71.835C230.73 71.3473 230.566 70.9736 230.238 70.7139C229.91 70.4541 229.407 70.3242 228.728 70.3242C228.468 70.3242 228.197 70.3493 227.914 70.3994C227.636 70.4495 227.404 70.4997 227.217 70.5498L226.376 70.0986L226.752 65.0059H232.173V66.7969H228.604L228.42 68.7588C228.575 68.7269 228.743 68.695 228.926 68.6631C229.108 68.6312 229.363 68.6152 229.691 68.6152Z",
        fill: "white"
    }, null, -1),
    JN = [jN, XN, QN],
    eR = ["keyCode"],
    tR = n("rect", {
        background: !0,
        x: "252.117",
        y: "53.2378",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    sR = n("rect", {
        x: "253.086",
        y: "54.2072",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    iR = n("path", {
        data: !0,
        d: "M265.986 70.7549C265.986 70.1807 266.027 69.6133 266.109 69.0527C266.196 68.4876 266.344 67.9567 266.554 67.46C266.763 66.9587 267.057 66.5166 267.436 66.1338C267.814 65.7464 268.295 65.4434 268.878 65.2246C269.461 65.0013 270.168 64.8896 270.997 64.8896C271.193 64.8896 271.421 64.8988 271.681 64.917C271.945 64.9307 272.164 64.9557 272.337 64.9922V66.6807C272.155 66.6396 271.959 66.6077 271.749 66.585C271.544 66.5576 271.339 66.5439 271.134 66.5439C270.304 66.5439 269.662 66.6761 269.206 66.9404C268.755 67.2048 268.436 67.5716 268.249 68.041C268.067 68.5059 267.96 69.0482 267.928 69.668H268.017C268.144 69.4447 268.304 69.2464 268.495 69.0732C268.691 68.9001 268.928 68.7633 269.206 68.6631C269.484 68.5583 269.81 68.5059 270.184 68.5059C270.767 68.5059 271.273 68.6312 271.701 68.8818C272.13 69.1279 272.46 69.4857 272.692 69.9551C272.925 70.4245 273.041 70.9964 273.041 71.6709C273.041 72.391 272.902 73.0107 272.624 73.5303C272.346 74.0498 271.952 74.4486 271.441 74.7266C270.936 75 270.334 75.1367 269.637 75.1367C269.126 75.1367 268.65 75.0501 268.208 74.877C267.766 74.6992 267.379 74.4303 267.046 74.0703C266.713 73.7103 266.453 73.2568 266.267 72.71C266.08 72.1585 265.986 71.5068 265.986 70.7549ZM269.596 73.4482C270.01 73.4482 270.348 73.307 270.607 73.0244C270.867 72.7419 270.997 72.2998 270.997 71.6982C270.997 71.2106 270.883 70.8278 270.655 70.5498C270.432 70.2673 270.092 70.126 269.637 70.126C269.327 70.126 269.053 70.1966 268.816 70.3379C268.584 70.4746 268.404 70.6501 268.276 70.8643C268.149 71.0739 268.085 71.2904 268.085 71.5137C268.085 71.7461 268.117 71.9762 268.181 72.2041C268.244 72.432 268.34 72.6393 268.468 72.8262C268.595 73.013 268.753 73.1634 268.939 73.2773C269.131 73.3913 269.35 73.4482 269.596 73.4482Z",
        fill: "white"
    }, null, -1),
    nR = [tR, sR, iR],
    aR = ["keyCode"],
    oR = n("rect", {
        background: !0,
        x: "291.47",
        y: "53.2378",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    rR = n("rect", {
        x: "292.439",
        y: "54.2072",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    lR = n("path", {
        data: !0,
        d: "M306.046 75L309.799 66.7832H304.87V65.0059H312.041V66.332L308.261 75H306.046Z",
        fill: "white"
    }, null, -1),
    cR = [oR, rR, lR],
    mR = ["keyCode"],
    _R = n("rect", {
        background: !0,
        x: "330.822",
        y: "53.2378",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    dR = n("rect", {
        x: "331.792",
        y: "54.2072",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    uR = n("path", {
        data: !0,
        d: "M348.5 64.876C349.074 64.876 349.603 64.9648 350.086 65.1426C350.574 65.3203 350.963 65.5892 351.255 65.9492C351.547 66.3047 351.692 66.7513 351.692 67.2891C351.692 67.6901 351.613 68.041 351.453 68.3418C351.298 68.6426 351.086 68.9069 350.817 69.1348C350.549 69.3581 350.243 69.554 349.901 69.7227C350.257 69.9095 350.594 70.1283 350.913 70.3789C351.232 70.625 351.492 70.9144 351.692 71.2471C351.897 71.5798 352 71.9671 352 72.4092C352 72.9652 351.852 73.4482 351.556 73.8584C351.259 74.264 350.849 74.5785 350.325 74.8018C349.801 75.0251 349.193 75.1367 348.5 75.1367C347.753 75.1367 347.117 75.0296 346.593 74.8154C346.069 74.6012 345.67 74.2959 345.396 73.8994C345.123 73.4984 344.986 73.0199 344.986 72.4639C344.986 72.0081 345.071 71.6117 345.239 71.2744C345.412 70.9372 345.645 70.6478 345.937 70.4062C346.228 70.1602 346.549 69.9505 346.9 69.7773C346.604 69.5905 346.333 69.3786 346.087 69.1416C345.845 68.9046 345.652 68.6335 345.506 68.3281C345.365 68.0228 345.294 67.6719 345.294 67.2754C345.294 66.7467 345.442 66.3047 345.738 65.9492C346.039 65.5938 346.433 65.3271 346.921 65.1494C347.409 64.9671 347.935 64.876 348.5 64.876ZM346.941 72.3408C346.941 72.7008 347.069 72.9993 347.324 73.2363C347.584 73.4688 347.967 73.585 348.473 73.585C348.997 73.585 349.389 73.4733 349.648 73.25C349.908 73.0221 350.038 72.7236 350.038 72.3545C350.038 72.0993 349.963 71.876 349.812 71.6846C349.667 71.4932 349.482 71.3223 349.259 71.1719C349.035 71.0169 348.81 70.8734 348.582 70.7412L348.397 70.6455C348.106 70.7777 347.851 70.9258 347.632 71.0898C347.418 71.2539 347.249 71.4385 347.126 71.6436C347.003 71.8486 346.941 72.0811 346.941 72.3408ZM348.486 66.4209C348.14 66.4209 347.853 66.5098 347.625 66.6875C347.397 66.8652 347.283 67.1159 347.283 67.4395C347.283 67.6673 347.338 67.8678 347.447 68.041C347.561 68.2096 347.709 68.3577 347.892 68.4854C348.078 68.613 348.281 68.7314 348.5 68.8408C348.71 68.7406 348.906 68.6289 349.088 68.5059C349.27 68.3828 349.418 68.2347 349.532 68.0615C349.646 67.8883 349.703 67.681 349.703 67.4395C349.703 67.1159 349.587 66.8652 349.354 66.6875C349.127 66.5098 348.837 66.4209 348.486 66.4209Z",
        fill: "white"
    }, null, -1),
    hR = [_R, dR, uR],
    pR = ["keyCode"],
    gR = n("rect", {
        background: !0,
        x: "370.175",
        y: "53.2378",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    bR = n("rect", {
        x: "371.145",
        y: "54.2072",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    vR = n("path", {
        data: !0,
        d: "M391 69.2715C391 69.8457 390.957 70.4154 390.87 70.9805C390.788 71.5456 390.642 72.0788 390.433 72.5801C390.223 73.0768 389.929 73.5189 389.551 73.9062C389.173 74.2891 388.692 74.5898 388.108 74.8086C387.525 75.0273 386.819 75.1367 385.989 75.1367C385.793 75.1367 385.563 75.1276 385.299 75.1094C385.035 75.0957 384.816 75.0729 384.643 75.041V73.3457C384.825 73.3913 385.019 73.4277 385.224 73.4551C385.429 73.4779 385.636 73.4893 385.846 73.4893C386.68 73.4893 387.322 73.3571 387.773 73.0928C388.229 72.8285 388.548 72.4616 388.73 71.9922C388.917 71.5228 389.024 70.9805 389.052 70.3652H388.97C388.838 70.584 388.68 70.7822 388.498 70.96C388.32 71.1331 388.092 71.2721 387.814 71.377C387.536 71.4772 387.183 71.5273 386.755 71.5273C386.185 71.5273 385.688 71.4043 385.265 71.1582C384.845 70.9076 384.52 70.5475 384.287 70.0781C384.059 69.6042 383.945 69.0322 383.945 68.3623C383.945 67.6377 384.082 67.0179 384.355 66.5029C384.633 65.9834 385.028 65.5846 385.538 65.3066C386.049 65.0286 386.65 64.8896 387.343 64.8896C387.853 64.8896 388.329 64.9785 388.771 65.1562C389.214 65.3294 389.601 65.596 389.934 65.9561C390.271 66.3161 390.533 66.7718 390.72 67.3232C390.907 67.8747 391 68.5241 391 69.2715ZM387.384 66.585C386.974 66.585 386.639 66.7262 386.379 67.0088C386.119 67.2913 385.989 67.7334 385.989 68.335C385.989 68.818 386.101 69.2008 386.324 69.4834C386.548 69.766 386.887 69.9072 387.343 69.9072C387.657 69.9072 387.931 69.8389 388.163 69.7021C388.396 69.5609 388.576 69.3854 388.703 69.1758C388.835 68.9616 388.901 68.7428 388.901 68.5195C388.901 68.2871 388.869 68.057 388.806 67.8291C388.742 67.6012 388.646 67.3939 388.519 67.207C388.391 67.0202 388.231 66.8698 388.04 66.7559C387.853 66.6419 387.634 66.585 387.384 66.585Z",
        fill: "white"
    }, null, -1),
    CR = [gR, bR, vR],
    yR = ["keyCode"],
    fR = n("rect", {
        background: !0,
        x: "409.528",
        y: "53.2378",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    TR = n("rect", {
        x: "410.497",
        y: "54.2072",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    ER = n("path", {
        data: !0,
        d: "M424.887 72.3545L423.896 71.3633L427.942 67.3164L428.947 68.3076L424.887 72.3545ZM429.986 70.0029C429.986 70.8096 429.923 71.5296 429.795 72.1631C429.672 72.7965 429.471 73.3343 429.193 73.7764C428.92 74.2184 428.56 74.5557 428.113 74.7881C427.667 75.0205 427.124 75.1367 426.486 75.1367C425.684 75.1367 425.026 74.9339 424.511 74.5283C423.996 74.1182 423.615 73.5303 423.369 72.7646C423.123 71.9945 423 71.0739 423 70.0029C423 68.9229 423.112 68 423.335 67.2344C423.563 66.4642 423.932 65.874 424.442 65.4639C424.953 65.0537 425.634 64.8486 426.486 64.8486C427.284 64.8486 427.94 65.0537 428.455 65.4639C428.975 65.8695 429.36 66.4574 429.61 67.2275C429.861 67.9932 429.986 68.9183 429.986 70.0029ZM425.099 70.0029C425.099 70.764 425.14 71.3997 425.222 71.9102C425.308 72.416 425.452 72.7965 425.652 73.0518C425.853 73.307 426.131 73.4346 426.486 73.4346C426.837 73.4346 427.113 73.3092 427.313 73.0586C427.519 72.8034 427.664 72.4229 427.751 71.917C427.838 71.4066 427.881 70.7686 427.881 70.0029C427.881 69.2419 427.838 68.6061 427.751 68.0957C427.664 67.5853 427.519 67.2025 427.313 66.9473C427.113 66.6875 426.837 66.5576 426.486 66.5576C426.131 66.5576 425.853 66.6875 425.652 66.9473C425.452 67.2025 425.308 67.5853 425.222 68.0957C425.14 68.6061 425.099 69.2419 425.099 70.0029Z",
        fill: "white"
    }, null, -1),
    kR = [fR, TR, ER],
    IR = ["keyCode"],
    wR = n("rect", {
        background: !0,
        x: "448.881",
        y: "53.2378",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    SR = n("rect", {
        x: "449.85",
        y: "54.2072",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    MR = n("path", {
        data: !0,
        d: "M463.661 72.1016V70.3926H467.332V72.1016H463.661Z",
        fill: "white"
    }, null, -1),
    PR = [wR, SR, MR],
    AR = ["keyCode"],
    DR = n("rect", {
        background: !0,
        x: "488.233",
        y: "53.2378",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    LR = n("rect", {
        x: "489.203",
        y: "54.2072",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    xR = n("path", {
        data: !0,
        d: "M502.096 69.4834V68H508.884V69.4834H502.096ZM502.096 72.1426V70.6455H508.884V72.1426H502.096Z",
        fill: "white"
    }, null, -1),
    OR = [DR, LR, xR],
    BR = ["keyCode"],
    $R = n("rect", {
        background: !0,
        x: "528.711",
        y: "16.1348",
        width: "33.731",
        height: "24.736",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    NR = n("rect", {
        x: "529.68",
        y: "17.1041",
        width: "31.7922",
        height: "22.7973",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    RR = n("path", {
        data: !0,
        d: "M537.489 34H535.404V24.0059H541.133V25.7422H537.489V28.3193H540.88V30.0488H537.489V34ZM547.613 34H545.501V28.2168C545.501 28.0573 545.503 27.8613 545.508 27.6289C545.512 27.3919 545.519 27.1504 545.528 26.9043C545.537 26.6536 545.547 26.4281 545.556 26.2275C545.506 26.2868 545.403 26.3893 545.248 26.5352C545.098 26.6764 544.956 26.804 544.824 26.918L543.676 27.8408L542.657 26.5693L545.877 24.0059H547.613V34ZM555.625 34H553.513V28.2168C553.513 28.0573 553.515 27.8613 553.52 27.6289C553.524 27.3919 553.531 27.1504 553.54 26.9043C553.549 26.6536 553.558 26.4281 553.567 26.2275C553.517 26.2868 553.415 26.3893 553.26 26.5352C553.109 26.6764 552.968 26.804 552.836 26.918L551.688 27.8408L550.669 26.5693L553.889 24.0059H555.625V34Z",
        fill: "white"
    }, null, -1),
    VR = [$R, NR, RR],
    HR = ["keyCode"],
    UR = n("rect", {
        background: !0,
        x: "489.358",
        y: "16.1348",
        width: "33.731",
        height: "24.736",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    YR = n("rect", {
        x: "490.327",
        y: "17.1041",
        width: "31.7922",
        height: "22.7973",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    KR = n("path", {
        data: !0,
        d: "M497.489 34H495.404V24.0059H501.133V25.7422H497.489V28.3193H500.88V30.0488H497.489V34ZM507.613 34H505.501V28.2168C505.501 28.0573 505.503 27.8613 505.508 27.6289C505.512 27.3919 505.519 27.1504 505.528 26.9043C505.537 26.6536 505.547 26.4281 505.556 26.2275C505.506 26.2868 505.403 26.3893 505.248 26.5352C505.098 26.6764 504.956 26.804 504.824 26.918L503.676 27.8408L502.657 26.5693L505.877 24.0059H507.613V34ZM512.234 31.3545L511.243 30.3633L515.29 26.3164L516.295 27.3076L512.234 31.3545ZM517.334 29.0029C517.334 29.8096 517.27 30.5296 517.143 31.1631C517.02 31.7965 516.819 32.3343 516.541 32.7764C516.268 33.2184 515.908 33.5557 515.461 33.7881C515.014 34.0205 514.472 34.1367 513.834 34.1367C513.032 34.1367 512.373 33.9339 511.858 33.5283C511.343 33.1182 510.963 32.5303 510.717 31.7646C510.471 30.9945 510.348 30.0739 510.348 29.0029C510.348 27.9229 510.459 27 510.683 26.2344C510.91 25.4642 511.28 24.874 511.79 24.4639C512.3 24.0537 512.982 23.8486 513.834 23.8486C514.632 23.8486 515.288 24.0537 515.803 24.4639C516.322 24.8695 516.707 25.4574 516.958 26.2275C517.209 26.9932 517.334 27.9183 517.334 29.0029ZM512.446 29.0029C512.446 29.764 512.487 30.3997 512.569 30.9102C512.656 31.416 512.799 31.7965 513 32.0518C513.201 32.307 513.479 32.4346 513.834 32.4346C514.185 32.4346 514.461 32.3092 514.661 32.0586C514.866 31.8034 515.012 31.4229 515.099 30.917C515.185 30.4066 515.229 29.7686 515.229 29.0029C515.229 28.2419 515.185 27.6061 515.099 27.0957C515.012 26.5853 514.866 26.2025 514.661 25.9473C514.461 25.6875 514.185 25.5576 513.834 25.5576C513.479 25.5576 513.201 25.6875 513 25.9473C512.799 26.2025 512.656 26.5853 512.569 27.0957C512.487 27.6061 512.446 28.2419 512.446 29.0029Z",
        fill: "white"
    }, null, -1),
    GR = [UR, YR, KR],
    FR = ["keyCode"],
    zR = n("rect", {
        background: !0,
        x: "450.005",
        y: "16.1348",
        width: "33.731",
        height: "24.736",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    ZR = n("rect", {
        x: "450.974",
        y: "17.1041",
        width: "31.7922",
        height: "22.7973",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    qR = n("path", {
        data: !0,
        d: "M462.495 34H460.41V24.0059H466.139V25.7422H462.495V28.3193H465.886V30.0488H462.495V34ZM474.342 28.2715C474.342 28.8457 474.299 29.4154 474.212 29.9805C474.13 30.5456 473.984 31.0788 473.774 31.5801C473.565 32.0768 473.271 32.5189 472.893 32.9062C472.514 33.2891 472.034 33.5898 471.45 33.8086C470.867 34.0273 470.16 34.1367 469.331 34.1367C469.135 34.1367 468.905 34.1276 468.641 34.1094C468.376 34.0957 468.158 34.0729 467.984 34.041V32.3457C468.167 32.3913 468.36 32.4277 468.565 32.4551C468.771 32.4779 468.978 32.4893 469.188 32.4893C470.021 32.4893 470.664 32.3571 471.115 32.0928C471.571 31.8285 471.89 31.4616 472.072 30.9922C472.259 30.5228 472.366 29.9805 472.394 29.3652H472.312C472.179 29.584 472.022 29.7822 471.84 29.96C471.662 30.1331 471.434 30.2721 471.156 30.377C470.878 30.4772 470.525 30.5273 470.097 30.5273C469.527 30.5273 469.03 30.4043 468.606 30.1582C468.187 29.9076 467.861 29.5475 467.629 29.0781C467.401 28.6042 467.287 28.0322 467.287 27.3623C467.287 26.6377 467.424 26.0179 467.697 25.5029C467.975 24.9834 468.369 24.5846 468.88 24.3066C469.39 24.0286 469.992 23.8896 470.685 23.8896C471.195 23.8896 471.671 23.9785 472.113 24.1562C472.555 24.3294 472.943 24.596 473.275 24.9561C473.613 25.3161 473.875 25.7718 474.062 26.3232C474.248 26.8747 474.342 27.5241 474.342 28.2715ZM470.726 25.585C470.315 25.585 469.98 25.7262 469.721 26.0088C469.461 26.2913 469.331 26.7334 469.331 27.335C469.331 27.818 469.443 28.2008 469.666 28.4834C469.889 28.766 470.229 28.9072 470.685 28.9072C470.999 28.9072 471.272 28.8389 471.505 28.7021C471.737 28.5609 471.917 28.3854 472.045 28.1758C472.177 27.9616 472.243 27.7428 472.243 27.5195C472.243 27.2871 472.211 27.057 472.147 26.8291C472.084 26.6012 471.988 26.3939 471.86 26.207C471.733 26.0202 471.573 25.8698 471.382 25.7559C471.195 25.6419 470.976 25.585 470.726 25.585Z",
        fill: "white"
    }, null, -1),
    WR = [zR, ZR, qR],
    jR = ["keyCode"],
    XR = n("rect", {
        background: !0,
        x: "398.284",
        y: "16.1348",
        width: "33.731",
        height: "24.736",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    QR = n("rect", {
        x: "399.254",
        y: "17.1041",
        width: "31.7922",
        height: "22.7973",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    JR = n("path", {
        data: !0,
        d: "M410.495 34H408.41V24.0059H414.139V25.7422H410.495V28.3193H413.886V30.0488H410.495V34ZM418.842 23.876C419.416 23.876 419.945 23.9648 420.428 24.1426C420.915 24.3203 421.305 24.5892 421.597 24.9492C421.888 25.3047 422.034 25.7513 422.034 26.2891C422.034 26.6901 421.954 27.041 421.795 27.3418C421.64 27.6426 421.428 27.9069 421.159 28.1348C420.89 28.3581 420.585 28.554 420.243 28.7227C420.599 28.9095 420.936 29.1283 421.255 29.3789C421.574 29.625 421.834 29.9144 422.034 30.2471C422.239 30.5798 422.342 30.9671 422.342 31.4092C422.342 31.9652 422.194 32.4482 421.897 32.8584C421.601 33.264 421.191 33.5785 420.667 33.8018C420.143 34.0251 419.535 34.1367 418.842 34.1367C418.094 34.1367 417.459 34.0296 416.935 33.8154C416.41 33.6012 416.012 33.2959 415.738 32.8994C415.465 32.4984 415.328 32.0199 415.328 31.4639C415.328 31.0081 415.412 30.6117 415.581 30.2744C415.754 29.9372 415.987 29.6478 416.278 29.4062C416.57 29.1602 416.891 28.9505 417.242 28.7773C416.946 28.5905 416.675 28.3786 416.429 28.1416C416.187 27.9046 415.993 27.6335 415.848 27.3281C415.706 27.0228 415.636 26.6719 415.636 26.2754C415.636 25.7467 415.784 25.3047 416.08 24.9492C416.381 24.5938 416.775 24.3271 417.263 24.1494C417.75 23.9671 418.277 23.876 418.842 23.876ZM417.283 31.3408C417.283 31.7008 417.411 31.9993 417.666 32.2363C417.926 32.4688 418.309 32.585 418.814 32.585C419.339 32.585 419.73 32.4733 419.99 32.25C420.25 32.0221 420.38 31.7236 420.38 31.3545C420.38 31.0993 420.305 30.876 420.154 30.6846C420.008 30.4932 419.824 30.3223 419.601 30.1719C419.377 30.0169 419.152 29.8734 418.924 29.7412L418.739 29.6455C418.448 29.7777 418.192 29.9258 417.974 30.0898C417.759 30.2539 417.591 30.4385 417.468 30.6436C417.345 30.8486 417.283 31.0811 417.283 31.3408ZM418.828 25.4209C418.482 25.4209 418.195 25.5098 417.967 25.6875C417.739 25.8652 417.625 26.1159 417.625 26.4395C417.625 26.6673 417.68 26.8678 417.789 27.041C417.903 27.2096 418.051 27.3577 418.233 27.4854C418.42 27.613 418.623 27.7314 418.842 27.8408C419.051 27.7406 419.247 27.6289 419.43 27.5059C419.612 27.3828 419.76 27.2347 419.874 27.0615C419.988 26.8883 420.045 26.681 420.045 26.4395C420.045 26.1159 419.929 25.8652 419.696 25.6875C419.468 25.5098 419.179 25.4209 418.828 25.4209Z",
        fill: "white"
    }, null, -1),
    eV = [XR, QR, JR],
    tV = ["keyCode"],
    sV = n("rect", {
        background: !0,
        x: "358.932",
        y: "16.1348",
        width: "33.731",
        height: "24.736",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    iV = n("rect", {
        x: "359.901",
        y: "17.1041",
        width: "31.7922",
        height: "22.7973",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    nV = n("path", {
        data: !0,
        d: "M371.495 34H369.41V24.0059H375.139V25.7422H371.495V28.3193H374.886V30.0488H371.495V34ZM377.388 34L381.141 25.7832H376.212V24.0059H383.383V25.332L379.603 34H377.388Z",
        fill: "white"
    }, null, -1),
    aV = [sV, iV, nV],
    oV = ["keyCode"],
    rV = n("rect", {
        background: !0,
        x: "319.579",
        y: "16.1348",
        width: "33.731",
        height: "24.736",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    lV = n("rect", {
        x: "320.548",
        y: "17.1041",
        width: "31.7922",
        height: "22.7973",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    cV = n("path", {
        data: !0,
        d: "M331.495 34H329.41V24.0059H335.139V25.7422H331.495V28.3193H334.886V30.0488H331.495V34ZM336.328 29.7549C336.328 29.1807 336.369 28.6133 336.451 28.0527C336.538 27.4876 336.686 26.9567 336.896 26.46C337.105 25.9587 337.399 25.5166 337.777 25.1338C338.156 24.7464 338.636 24.4434 339.22 24.2246C339.803 24.0013 340.509 23.8896 341.339 23.8896C341.535 23.8896 341.763 23.8988 342.022 23.917C342.287 23.9307 342.506 23.9557 342.679 23.9922V25.6807C342.496 25.6396 342.3 25.6077 342.091 25.585C341.886 25.5576 341.681 25.5439 341.476 25.5439C340.646 25.5439 340.004 25.6761 339.548 25.9404C339.097 26.2048 338.778 26.5716 338.591 27.041C338.409 27.5059 338.301 28.0482 338.27 28.668H338.358C338.486 28.4447 338.646 28.2464 338.837 28.0732C339.033 27.9001 339.27 27.7633 339.548 27.6631C339.826 27.5583 340.152 27.5059 340.525 27.5059C341.109 27.5059 341.615 27.6312 342.043 27.8818C342.471 28.1279 342.802 28.4857 343.034 28.9551C343.267 29.4245 343.383 29.9964 343.383 30.6709C343.383 31.391 343.244 32.0107 342.966 32.5303C342.688 33.0498 342.294 33.4486 341.783 33.7266C341.277 34 340.676 34.1367 339.979 34.1367C339.468 34.1367 338.992 34.0501 338.55 33.877C338.108 33.6992 337.72 33.4303 337.388 33.0703C337.055 32.7103 336.795 32.2568 336.608 31.71C336.422 31.1585 336.328 30.5068 336.328 29.7549ZM339.938 32.4482C340.352 32.4482 340.689 32.307 340.949 32.0244C341.209 31.7419 341.339 31.2998 341.339 30.6982C341.339 30.2106 341.225 29.8278 340.997 29.5498C340.774 29.2673 340.434 29.126 339.979 29.126C339.669 29.126 339.395 29.1966 339.158 29.3379C338.926 29.4746 338.746 29.6501 338.618 29.8643C338.491 30.0739 338.427 30.2904 338.427 30.5137C338.427 30.7461 338.459 30.9762 338.522 31.2041C338.586 31.432 338.682 31.6393 338.81 31.8262C338.937 32.013 339.094 32.1634 339.281 32.2773C339.473 32.3913 339.691 32.4482 339.938 32.4482Z",
        fill: "white"
    }, null, -1),
    mV = [rV, lV, cV],
    _V = ["keyCode"],
    dV = n("rect", {
        background: !0,
        x: "280.226",
        y: "16.1348",
        width: "33.731",
        height: "24.736",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    uV = n("rect", {
        x: "281.195",
        y: "17.1041",
        width: "31.7922",
        height: "22.7973",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    hV = n("path", {
        data: !0,
        d: "M292.495 34H290.41V24.0059H296.139V25.7422H292.495V28.3193H295.886V30.0488H292.495V34ZM301.033 27.6152C301.644 27.6152 302.186 27.7314 302.66 27.9639C303.139 28.1963 303.515 28.5381 303.788 28.9893C304.062 29.4404 304.198 29.9964 304.198 30.6572C304.198 31.3773 304.048 31.9993 303.747 32.5234C303.451 33.043 303.007 33.4417 302.414 33.7197C301.826 33.9977 301.092 34.1367 300.213 34.1367C299.689 34.1367 299.194 34.0911 298.729 34C298.269 33.9134 297.866 33.779 297.52 33.5967V31.7715C297.866 31.9538 298.281 32.1087 298.764 32.2363C299.251 32.3594 299.709 32.4209 300.138 32.4209C300.557 32.4209 300.91 32.3662 301.197 32.2568C301.484 32.1429 301.701 31.9697 301.847 31.7373C301.997 31.5003 302.072 31.1995 302.072 30.835C302.072 30.3473 301.908 29.9736 301.58 29.7139C301.252 29.4541 300.748 29.3242 300.069 29.3242C299.81 29.3242 299.538 29.3493 299.256 29.3994C298.978 29.4495 298.745 29.4997 298.559 29.5498L297.718 29.0986L298.094 24.0059H303.515V25.7969H299.946L299.762 27.7588C299.917 27.7269 300.085 27.695 300.268 27.6631C300.45 27.6312 300.705 27.6152 301.033 27.6152Z",
        fill: "white"
    }, null, -1),
    pV = [dV, uV, hV],
    gV = ["keyCode"],
    bV = n("rect", {
        background: !0,
        x: "228.505",
        y: "16.1348",
        width: "33.731",
        height: "24.736",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    vV = n("rect", {
        x: "229.475",
        y: "17.1041",
        width: "31.7922",
        height: "22.7973",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    CV = n("path", {
        data: !0,
        d: "M240.495 34H238.41V24.0059H244.139V25.7422H240.495V28.3193H243.886V30.0488H240.495V34ZM252.608 31.9287H251.405V34H249.341V31.9287H245.075V30.459L249.457 24.0059H251.405V30.2881H252.608V31.9287ZM249.341 30.2881V28.5928C249.341 28.4333 249.343 28.2441 249.348 28.0254C249.357 27.8066 249.366 27.5879 249.375 27.3691C249.384 27.1504 249.393 26.9567 249.402 26.7881C249.416 26.6149 249.425 26.4941 249.43 26.4258H249.375C249.288 26.6126 249.197 26.7949 249.102 26.9727C249.006 27.1458 248.894 27.3281 248.767 27.5195L246.935 30.2881H249.341Z",
        fill: "white"
    }, null, -1),
    yV = [bV, vV, CV],
    fV = ["keyCode"],
    TV = n("rect", {
        background: !0,
        x: "189.152",
        y: "16.1348",
        width: "33.731",
        height: "24.736",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    EV = n("rect", {
        x: "190.122",
        y: "17.1041",
        width: "31.7922",
        height: "22.7973",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    kV = n("path", {
        data: !0,
        d: "M201.495 34H199.41V24.0059H205.139V25.7422H201.495V28.3193H204.886V30.0488H201.495V34ZM212.993 26.2412C212.993 26.7015 212.897 27.1003 212.706 27.4375C212.515 27.7747 212.255 28.0505 211.927 28.2646C211.603 28.4788 211.239 28.6361 210.833 28.7363V28.7773C211.635 28.8776 212.243 29.1237 212.658 29.5156C213.077 29.9076 213.287 30.4316 213.287 31.0879C213.287 31.6712 213.144 32.193 212.856 32.6533C212.574 33.1136 212.136 33.4759 211.544 33.7402C210.951 34.0046 210.188 34.1367 209.254 34.1367C208.702 34.1367 208.188 34.0911 207.709 34C207.235 33.9134 206.788 33.779 206.369 33.5967V31.7988C206.798 32.0176 207.246 32.1839 207.716 32.2979C208.185 32.4072 208.623 32.4619 209.028 32.4619C209.785 32.4619 210.313 32.332 210.614 32.0723C210.92 31.8079 211.072 31.4388 211.072 30.9648C211.072 30.6868 211.002 30.4521 210.86 30.2607C210.719 30.0693 210.473 29.9235 210.122 29.8232C209.776 29.723 209.29 29.6729 208.666 29.6729H207.907V28.0527H208.68C209.295 28.0527 209.762 27.9958 210.081 27.8818C210.405 27.7633 210.623 27.6038 210.737 27.4033C210.856 27.1982 210.915 26.9658 210.915 26.7061C210.915 26.3506 210.806 26.0726 210.587 25.8721C210.368 25.6715 210.004 25.5713 209.493 25.5713C209.174 25.5713 208.882 25.6123 208.618 25.6943C208.358 25.7718 208.124 25.8675 207.914 25.9814C207.704 26.0908 207.52 26.1979 207.36 26.3027L206.383 24.8467C206.775 24.5641 207.233 24.3294 207.757 24.1426C208.285 23.9557 208.914 23.8623 209.644 23.8623C210.674 23.8623 211.489 24.0697 212.091 24.4844C212.692 24.8991 212.993 25.4847 212.993 26.2412Z",
        fill: "white"
    }, null, -1),
    IV = [TV, EV, kV],
    wV = ["keyCode"],
    SV = n("rect", {
        background: !0,
        x: "149.799",
        y: "16.1348",
        width: "33.731",
        height: "24.736",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    MV = n("rect", {
        x: "150.769",
        y: "17.1041",
        width: "31.7922",
        height: "22.7973",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    PV = n("path", {
        data: !0,
        d: "M162.495 34H160.41V24.0059H166.139V25.7422H162.495V28.3193H165.886V30.0488H162.495V34ZM174.383 34H167.396V32.5303L169.905 29.9941C170.411 29.4746 170.817 29.0417 171.122 28.6953C171.432 28.3444 171.655 28.0254 171.792 27.7383C171.933 27.4512 172.004 27.1436 172.004 26.8154C172.004 26.4189 171.892 26.1227 171.669 25.9268C171.45 25.7262 171.156 25.626 170.787 25.626C170.4 25.626 170.024 25.7148 169.659 25.8926C169.295 26.0703 168.914 26.3232 168.518 26.6514L167.369 25.291C167.656 25.0449 167.959 24.8125 168.278 24.5938C168.602 24.375 168.976 24.1995 169.399 24.0674C169.828 23.9307 170.34 23.8623 170.938 23.8623C171.594 23.8623 172.157 23.9808 172.626 24.2178C173.1 24.4548 173.465 24.7783 173.72 25.1885C173.975 25.5941 174.103 26.0544 174.103 26.5693C174.103 27.1208 173.993 27.6243 173.774 28.0801C173.556 28.5358 173.237 28.987 172.817 29.4336C172.403 29.8802 171.901 30.3747 171.313 30.917L170.028 32.127V32.2227H174.383V34Z",
        fill: "white"
    }, null, -1),
    AV = [SV, MV, PV],
    DV = ["keyCode"],
    LV = n("rect", {
        background: !0,
        x: "110.447",
        y: "16.1348",
        width: "33.731",
        height: "24.736",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    xV = n("rect", {
        x: "111.416",
        y: "17.1041",
        width: "31.7922",
        height: "22.7973",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    OV = n("path", {
        data: !0,
        d: "M122.495 34H120.41V24.0059H126.139V25.7422H122.495V28.3193H125.886V30.0488H122.495V34ZM132.619 34H130.507V28.2168C130.507 28.0573 130.509 27.8613 130.514 27.6289C130.518 27.3919 130.525 27.1504 130.534 26.9043C130.543 26.6536 130.552 26.4281 130.562 26.2275C130.511 26.2868 130.409 26.3893 130.254 26.5352C130.104 26.6764 129.962 26.804 129.83 26.918L128.682 27.8408L127.663 26.5693L130.883 24.0059H132.619V34Z",
        fill: "white"
    }, null, -1),
    BV = [LV, xV, OV],
    $V = ["keyCode"],
    NV = n("rect", {
        background: !0,
        x: "16",
        y: "16.1348",
        width: "33.731",
        height: "24.736",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    RV = n("rect", {
        x: "16.9694",
        y: "17.1041",
        width: "31.7922",
        height: "22.7973",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    VV = n("path", {
        data: !0,
        d: "M28.2705 34H22.5146V24.0059H28.2705V25.7422H24.6338V27.9365H28.0176V29.6729H24.6338V32.25H28.2705V34ZM36.2617 31.2246C36.2617 31.8171 36.1182 32.332 35.8311 32.7695C35.5439 33.207 35.1247 33.5443 34.5732 33.7812C34.0264 34.0182 33.361 34.1367 32.5771 34.1367C32.2308 34.1367 31.8913 34.1139 31.5586 34.0684C31.2305 34.0228 30.9137 33.9567 30.6084 33.8701C30.3076 33.779 30.0205 33.6673 29.7471 33.5352V31.5664C30.221 31.776 30.7132 31.9652 31.2236 32.1338C31.734 32.3024 32.2399 32.3867 32.7412 32.3867C33.0876 32.3867 33.3656 32.3411 33.5752 32.25C33.7894 32.1589 33.9443 32.0335 34.04 31.874C34.1357 31.7145 34.1836 31.5322 34.1836 31.3271C34.1836 31.0765 34.0993 30.8623 33.9307 30.6846C33.762 30.5068 33.5296 30.3405 33.2334 30.1855C32.9417 30.0306 32.6113 29.8643 32.2422 29.6865C32.0098 29.5771 31.7568 29.445 31.4834 29.29C31.21 29.1305 30.9502 28.9368 30.7041 28.709C30.458 28.4811 30.2552 28.2054 30.0957 27.8818C29.9408 27.5537 29.8633 27.1618 29.8633 26.7061C29.8633 26.109 30 25.5986 30.2734 25.1748C30.5469 24.751 30.9365 24.4274 31.4424 24.2041C31.9528 23.9762 32.5544 23.8623 33.2471 23.8623C33.7666 23.8623 34.2611 23.9238 34.7305 24.0469C35.2044 24.1654 35.6989 24.3385 36.2139 24.5664L35.5303 26.2139C35.07 26.027 34.6576 25.8835 34.293 25.7832C33.9284 25.6784 33.557 25.626 33.1787 25.626C32.9144 25.626 32.6888 25.6693 32.502 25.7559C32.3151 25.8379 32.1738 25.9564 32.0781 26.1113C31.9824 26.2617 31.9346 26.4372 31.9346 26.6377C31.9346 26.8747 32.0029 27.0752 32.1396 27.2393C32.2809 27.3988 32.4906 27.5537 32.7686 27.7041C33.0511 27.8545 33.402 28.0299 33.8213 28.2305C34.3317 28.472 34.7669 28.7249 35.127 28.9893C35.4915 29.249 35.7718 29.5566 35.9678 29.9121C36.1637 30.263 36.2617 30.7005 36.2617 31.2246ZM42.3184 25.626C41.9128 25.626 41.5527 25.7057 41.2383 25.8652C40.9284 26.0202 40.6663 26.2458 40.4521 26.542C40.2425 26.8382 40.083 27.196 39.9736 27.6152C39.8643 28.0345 39.8096 28.5062 39.8096 29.0303C39.8096 29.7367 39.8962 30.3405 40.0693 30.8418C40.2471 31.3385 40.5205 31.7191 40.8896 31.9834C41.2588 32.2432 41.735 32.373 42.3184 32.373C42.724 32.373 43.1296 32.3275 43.5352 32.2363C43.9453 32.1452 44.3896 32.0153 44.8682 31.8467V33.624C44.4261 33.8063 43.9909 33.9362 43.5625 34.0137C43.1341 34.0957 42.6533 34.1367 42.1201 34.1367C41.0902 34.1367 40.2425 33.9248 39.5771 33.501C38.9163 33.0726 38.4264 32.4756 38.1074 31.71C37.7884 30.9398 37.6289 30.042 37.6289 29.0166C37.6289 28.2601 37.7314 27.5674 37.9365 26.9385C38.1416 26.3096 38.4424 25.765 38.8389 25.3047C39.2354 24.8444 39.7253 24.4889 40.3086 24.2383C40.8919 23.9876 41.5618 23.8623 42.3184 23.8623C42.8151 23.8623 43.3118 23.9261 43.8086 24.0537C44.3099 24.1768 44.7884 24.3477 45.2441 24.5664L44.5605 26.2891C44.1868 26.1113 43.8109 25.9564 43.4326 25.8242C43.0544 25.6921 42.6829 25.626 42.3184 25.626Z",
        fill: "white"
    }, null, -1),
    HV = [NV, RV, VV],
    UV = ["keyCode"],
    YV = n("rect", {
        background: !0,
        x: "568.063",
        y: "16.1348",
        width: "33.731",
        height: "24.736",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    KV = n("path", {
        data: !0,
        d: "M576.489 34H574.404V24.0059H580.133V25.7422H576.489V28.3193H579.88V30.0488H576.489V34ZM586.613 34H584.501V28.2168C584.501 28.0573 584.503 27.8613 584.508 27.6289C584.512 27.3919 584.519 27.1504 584.528 26.9043C584.537 26.6536 584.547 26.4281 584.556 26.2275C584.506 26.2868 584.403 26.3893 584.248 26.5352C584.098 26.6764 583.956 26.804 583.824 26.918L582.676 27.8408L581.657 26.5693L584.877 24.0059H586.613V34ZM596.389 34H589.402V32.5303L591.911 29.9941C592.417 29.4746 592.823 29.0417 593.128 28.6953C593.438 28.3444 593.661 28.0254 593.798 27.7383C593.939 27.4512 594.01 27.1436 594.01 26.8154C594.01 26.4189 593.898 26.1227 593.675 25.9268C593.456 25.7262 593.162 25.626 592.793 25.626C592.406 25.626 592.03 25.7148 591.665 25.8926C591.3 26.0703 590.92 26.3232 590.523 26.6514L589.375 25.291C589.662 25.0449 589.965 24.8125 590.284 24.5938C590.608 24.375 590.981 24.1995 591.405 24.0674C591.834 23.9307 592.346 23.8623 592.943 23.8623C593.6 23.8623 594.162 23.9808 594.632 24.2178C595.106 24.4548 595.47 24.7783 595.726 25.1885C595.981 25.5941 596.108 26.0544 596.108 26.5693C596.108 27.1208 595.999 27.6243 595.78 28.0801C595.562 28.5358 595.243 28.987 594.823 29.4336C594.409 29.8802 593.907 30.3747 593.319 30.917L592.034 32.127V32.2227H596.389V34Z",
        fill: "white"
    }, null, -1),
    GV = [YV, KV],
    FV = ["keyCode"],
    zV = n("rect", {
        background: !0,
        x: "750.211",
        y: "94.8403",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    ZV = n("rect", {
        x: "751.18",
        y: "95.8097",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    qV = n("path", {
        data: !0,
        d: "M765.046 112L768.799 103.783H763.87V102.006H771.041V103.332L767.261 112H765.046Z",
        fill: "white"
    }, null, -1),
    WV = n("path", {
        data: !0,
        d: "M763.234 122H761.695L759.211 117.68H759.176C759.186 117.859 759.195 118.04 759.203 118.223C759.211 118.405 759.219 118.587 759.227 118.77C759.234 118.949 759.242 119.13 759.25 119.312V122H758.168V116.289H759.695L762.176 120.566H762.203C762.198 120.389 762.191 120.214 762.184 120.039C762.176 119.865 762.168 119.69 762.16 119.516C762.155 119.341 762.15 119.167 762.145 118.992V116.289H763.234V122ZM769.324 116.289V119.984C769.324 120.378 769.237 120.733 769.062 121.051C768.891 121.366 768.629 121.616 768.277 121.801C767.928 121.986 767.488 122.078 766.957 122.078C766.202 122.078 765.626 121.885 765.23 121.5C764.835 121.115 764.637 120.604 764.637 119.969V116.289H765.844V119.785C765.844 120.257 765.94 120.587 766.133 120.777C766.326 120.967 766.611 121.062 766.988 121.062C767.254 121.062 767.469 121.017 767.633 120.926C767.799 120.835 767.922 120.694 768 120.504C768.078 120.314 768.117 120.072 768.117 119.777V116.289H769.324ZM773.141 122L771.766 117.52H771.73C771.736 117.626 771.743 117.788 771.754 118.004C771.767 118.217 771.779 118.445 771.789 118.688C771.799 118.93 771.805 119.148 771.805 119.344V122H770.723V116.289H772.371L773.723 120.656H773.746L775.18 116.289H776.828V122H775.699V119.297C775.699 119.117 775.702 118.91 775.707 118.676C775.715 118.441 775.724 118.219 775.734 118.008C775.745 117.794 775.753 117.634 775.758 117.527H775.723L774.25 122H773.141Z",
        fill: "white"
    }, null, -1),
    jV = [zV, ZV, qV, WV],
    XV = ["keyCode"],
    QV = n("rect", {
        background: !0,
        x: "750.211",
        y: "136.441",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    JV = n("rect", {
        x: "751.18",
        y: "137.411",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    eH = n("path", {
        data: !0,
        d: "M771.267 151.929H770.063V154H767.999V151.929H763.733V150.459L768.115 144.006H770.063V150.288H771.267V151.929ZM767.999 150.288V148.593C767.999 148.433 768.001 148.244 768.006 148.025C768.015 147.807 768.024 147.588 768.033 147.369C768.042 147.15 768.051 146.957 768.061 146.788C768.074 146.615 768.083 146.494 768.088 146.426H768.033C767.947 146.613 767.855 146.795 767.76 146.973C767.664 147.146 767.552 147.328 767.425 147.52L765.593 150.288H767.999Z",
        fill: "white"
    }, null, -1),
    tH = n("path", {
        data: !0,
        d: "M763.234 164H761.695L759.211 159.68H759.176C759.186 159.859 759.195 160.04 759.203 160.223C759.211 160.405 759.219 160.587 759.227 160.77C759.234 160.949 759.242 161.13 759.25 161.312V164H758.168V158.289H759.695L762.176 162.566H762.203C762.198 162.389 762.191 162.214 762.184 162.039C762.176 161.865 762.168 161.69 762.16 161.516C762.155 161.341 762.15 161.167 762.145 160.992V158.289H763.234V164ZM769.324 158.289V161.984C769.324 162.378 769.237 162.733 769.062 163.051C768.891 163.366 768.629 163.616 768.277 163.801C767.928 163.986 767.488 164.078 766.957 164.078C766.202 164.078 765.626 163.885 765.23 163.5C764.835 163.115 764.637 162.604 764.637 161.969V158.289H765.844V161.785C765.844 162.257 765.94 162.587 766.133 162.777C766.326 162.967 766.611 163.062 766.988 163.062C767.254 163.062 767.469 163.017 767.633 162.926C767.799 162.835 767.922 162.694 768 162.504C768.078 162.314 768.117 162.072 768.117 161.777V158.289H769.324ZM773.141 164L771.766 159.52H771.73C771.736 159.626 771.743 159.788 771.754 160.004C771.767 160.217 771.779 160.445 771.789 160.688C771.799 160.93 771.805 161.148 771.805 161.344V164H770.723V158.289H772.371L773.723 162.656H773.746L775.18 158.289H776.828V164H775.699V161.297C775.699 161.117 775.702 160.91 775.707 160.676C775.715 160.441 775.724 160.219 775.734 160.008C775.745 159.794 775.753 159.634 775.758 159.527H775.723L774.25 164H773.141Z",
        fill: "white"
    }, null, -1),
    sH = [QV, JV, eH, tH],
    iH = ["keyCode"],
    nH = n("rect", {
        background: !0,
        x: "750.211",
        y: "178.043",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    aH = n("rect", {
        x: "751.18",
        y: "179.013",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    oH = n("path", {
        data: !0,
        d: "M769.277 196H767.165V190.217C767.165 190.057 767.167 189.861 767.172 189.629C767.176 189.392 767.183 189.15 767.192 188.904C767.201 188.654 767.211 188.428 767.22 188.228C767.17 188.287 767.067 188.389 766.912 188.535C766.762 188.676 766.62 188.804 766.488 188.918L765.34 189.841L764.321 188.569L767.541 186.006H769.277V196Z",
        fill: "white"
    }, null, -1),
    rH = n("path", {
        data: !0,
        d: "M763.234 206H761.695L759.211 201.68H759.176C759.186 201.859 759.195 202.04 759.203 202.223C759.211 202.405 759.219 202.587 759.227 202.77C759.234 202.949 759.242 203.13 759.25 203.312V206H758.168V200.289H759.695L762.176 204.566H762.203C762.198 204.389 762.191 204.214 762.184 204.039C762.176 203.865 762.168 203.69 762.16 203.516C762.155 203.341 762.15 203.167 762.145 202.992V200.289H763.234V206ZM769.324 200.289V203.984C769.324 204.378 769.237 204.733 769.062 205.051C768.891 205.366 768.629 205.616 768.277 205.801C767.928 205.986 767.488 206.078 766.957 206.078C766.202 206.078 765.626 205.885 765.23 205.5C764.835 205.115 764.637 204.604 764.637 203.969V200.289H765.844V203.785C765.844 204.257 765.94 204.587 766.133 204.777C766.326 204.967 766.611 205.062 766.988 205.062C767.254 205.062 767.469 205.017 767.633 204.926C767.799 204.835 767.922 204.694 768 204.504C768.078 204.314 768.117 204.072 768.117 203.777V200.289H769.324ZM773.141 206L771.766 201.52H771.73C771.736 201.626 771.743 201.788 771.754 202.004C771.767 202.217 771.779 202.445 771.789 202.688C771.799 202.93 771.805 203.148 771.805 203.344V206H770.723V200.289H772.371L773.723 204.656H773.746L775.18 200.289H776.828V206H775.699V203.297C775.699 203.117 775.702 202.91 775.707 202.676C775.715 202.441 775.724 202.219 775.734 202.008C775.745 201.794 775.753 201.634 775.758 201.527H775.723L774.25 206H773.141Z",
        fill: "white"
    }, null, -1),
    lH = [nH, aH, oH, rH],
    cH = ["keyCode"],
    mH = n("rect", {
        background: !0,
        x: "662.51",
        y: "178.043",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    _H = n("rect", {
        x: "663.48",
        y: "179.013",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    dH = n("path", {
        data: !0,
        d: "M679.5 201L679.5 189M679.5 189L684 193.5M679.5 189L675 193.5",
        stroke: "white",
        "stroke-width": "2"
    }, null, -1),
    uH = [mH, _H, dH],
    hH = ["keyCode"],
    pH = n("rect", {
        background: !0,
        x: "662.51",
        y: "220.207",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    gH = n("rect", {
        x: "663.48",
        y: "221.176",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    bH = n("path", {
        data: !0,
        d: "M679.5 231L679.5 243M679.5 243L684 238.5M679.5 243L675 238.5",
        stroke: "white",
        "stroke-width": "2"
    }, null, -1),
    vH = [pH, gH, bH],
    CH = ["keyCode"],
    yH = n("rect", {
        background: !0,
        x: "701.863",
        y: "219.645",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    fH = n("rect", {
        x: "702.832",
        y: "220.614",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    TH = n("path", {
        data: !0,
        d: "M713 237H725M725 237L720.5 241.5M725 237L720.5 232.5",
        stroke: "white",
        "stroke-width": "2"
    }, null, -1),
    EH = [yH, fH, TH],
    kH = ["keyCode"],
    IH = n("rect", {
        background: !0,
        x: "623.157",
        y: "220.207",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    wH = n("rect", {
        x: "624.127",
        y: "221.176",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    SH = n("path", {
        data: !0,
        d: "M646 237H634M634 237L638.5 241.5M634 237L638.5 232.5",
        stroke: "white",
        "stroke-width": "2"
    }, null, -1),
    MH = [IH, wH, SH],
    PH = ["keyCode"],
    AH = n("rect", {
        background: !0,
        x: "789.563",
        y: "94.8403",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    DH = n("rect", {
        x: "790.533",
        y: "95.8097",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    LH = n("path", {
        data: !0,
        d: "M806.5 101.876C807.074 101.876 807.603 101.965 808.086 102.143C808.574 102.32 808.963 102.589 809.255 102.949C809.547 103.305 809.692 103.751 809.692 104.289C809.692 104.69 809.613 105.041 809.453 105.342C809.298 105.643 809.086 105.907 808.817 106.135C808.549 106.358 808.243 106.554 807.901 106.723C808.257 106.91 808.594 107.128 808.913 107.379C809.232 107.625 809.492 107.914 809.692 108.247C809.897 108.58 810 108.967 810 109.409C810 109.965 809.852 110.448 809.556 110.858C809.259 111.264 808.849 111.578 808.325 111.802C807.801 112.025 807.193 112.137 806.5 112.137C805.753 112.137 805.117 112.03 804.593 111.815C804.069 111.601 803.67 111.296 803.396 110.899C803.123 110.498 802.986 110.02 802.986 109.464C802.986 109.008 803.071 108.612 803.239 108.274C803.412 107.937 803.645 107.648 803.937 107.406C804.228 107.16 804.549 106.951 804.9 106.777C804.604 106.59 804.333 106.379 804.087 106.142C803.845 105.905 803.652 105.633 803.506 105.328C803.365 105.023 803.294 104.672 803.294 104.275C803.294 103.747 803.442 103.305 803.738 102.949C804.039 102.594 804.433 102.327 804.921 102.149C805.409 101.967 805.935 101.876 806.5 101.876ZM804.941 109.341C804.941 109.701 805.069 109.999 805.324 110.236C805.584 110.469 805.967 110.585 806.473 110.585C806.997 110.585 807.389 110.473 807.648 110.25C807.908 110.022 808.038 109.724 808.038 109.354C808.038 109.099 807.963 108.876 807.812 108.685C807.667 108.493 807.482 108.322 807.259 108.172C807.035 108.017 806.81 107.873 806.582 107.741L806.397 107.646C806.106 107.778 805.851 107.926 805.632 108.09C805.418 108.254 805.249 108.438 805.126 108.644C805.003 108.849 804.941 109.081 804.941 109.341ZM806.486 103.421C806.14 103.421 805.853 103.51 805.625 103.688C805.397 103.865 805.283 104.116 805.283 104.439C805.283 104.667 805.338 104.868 805.447 105.041C805.561 105.21 805.709 105.358 805.892 105.485C806.078 105.613 806.281 105.731 806.5 105.841C806.71 105.741 806.906 105.629 807.088 105.506C807.27 105.383 807.418 105.235 807.532 105.062C807.646 104.888 807.703 104.681 807.703 104.439C807.703 104.116 807.587 103.865 807.354 103.688C807.127 103.51 806.837 103.421 806.486 103.421Z",
        fill: "white"
    }, null, -1),
    xH = n("path", {
        data: !0,
        d: "M802.234 122H800.695L798.211 117.68H798.176C798.186 117.859 798.195 118.04 798.203 118.223C798.211 118.405 798.219 118.587 798.227 118.77C798.234 118.949 798.242 119.13 798.25 119.312V122H797.168V116.289H798.695L801.176 120.566H801.203C801.198 120.389 801.191 120.214 801.184 120.039C801.176 119.865 801.168 119.69 801.16 119.516C801.155 119.341 801.15 119.167 801.145 118.992V116.289H802.234V122ZM808.324 116.289V119.984C808.324 120.378 808.237 120.733 808.062 121.051C807.891 121.366 807.629 121.616 807.277 121.801C806.928 121.986 806.488 122.078 805.957 122.078C805.202 122.078 804.626 121.885 804.23 121.5C803.835 121.115 803.637 120.604 803.637 119.969V116.289H804.844V119.785C804.844 120.257 804.94 120.587 805.133 120.777C805.326 120.967 805.611 121.062 805.988 121.062C806.254 121.062 806.469 121.017 806.633 120.926C806.799 120.835 806.922 120.694 807 120.504C807.078 120.314 807.117 120.072 807.117 119.777V116.289H808.324ZM812.141 122L810.766 117.52H810.73C810.736 117.626 810.743 117.788 810.754 118.004C810.767 118.217 810.779 118.445 810.789 118.688C810.799 118.93 810.805 119.148 810.805 119.344V122H809.723V116.289H811.371L812.723 120.656H812.746L814.18 116.289H815.828V122H814.699V119.297C814.699 119.117 814.702 118.91 814.707 118.676C814.715 118.441 814.724 118.219 814.734 118.008C814.745 117.794 814.753 117.634 814.758 117.527H814.723L813.25 122H812.141Z",
        fill: "white"
    }, null, -1),
    OH = [AH, DH, LH, xH],
    BH = ["keyCode"],
    $H = n("rect", {
        background: !0,
        x: "789.563",
        y: "136.441",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    NH = n("rect", {
        x: "790.533",
        y: "137.411",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    RH = n("path", {
        data: !0,
        d: "M806.691 147.615C807.302 147.615 807.844 147.731 808.318 147.964C808.797 148.196 809.173 148.538 809.446 148.989C809.72 149.44 809.856 149.996 809.856 150.657C809.856 151.377 809.706 151.999 809.405 152.523C809.109 153.043 808.665 153.442 808.072 153.72C807.484 153.998 806.751 154.137 805.871 154.137C805.347 154.137 804.853 154.091 804.388 154C803.927 153.913 803.524 153.779 803.178 153.597V151.771C803.524 151.954 803.939 152.109 804.422 152.236C804.91 152.359 805.368 152.421 805.796 152.421C806.215 152.421 806.568 152.366 806.855 152.257C807.143 152.143 807.359 151.97 807.505 151.737C807.655 151.5 807.73 151.2 807.73 150.835C807.73 150.347 807.566 149.974 807.238 149.714C806.91 149.454 806.407 149.324 805.728 149.324C805.468 149.324 805.197 149.349 804.914 149.399C804.636 149.45 804.404 149.5 804.217 149.55L803.376 149.099L803.752 144.006H809.173V145.797H805.604L805.42 147.759C805.575 147.727 805.743 147.695 805.926 147.663C806.108 147.631 806.363 147.615 806.691 147.615Z",
        fill: "white"
    }, null, -1),
    VH = n("path", {
        data: !0,
        d: "M802.234 164H800.695L798.211 159.68H798.176C798.186 159.859 798.195 160.04 798.203 160.223C798.211 160.405 798.219 160.587 798.227 160.77C798.234 160.949 798.242 161.13 798.25 161.312V164H797.168V158.289H798.695L801.176 162.566H801.203C801.198 162.389 801.191 162.214 801.184 162.039C801.176 161.865 801.168 161.69 801.16 161.516C801.155 161.341 801.15 161.167 801.145 160.992V158.289H802.234V164ZM808.324 158.289V161.984C808.324 162.378 808.237 162.733 808.062 163.051C807.891 163.366 807.629 163.616 807.277 163.801C806.928 163.986 806.488 164.078 805.957 164.078C805.202 164.078 804.626 163.885 804.23 163.5C803.835 163.115 803.637 162.604 803.637 161.969V158.289H804.844V161.785C804.844 162.257 804.94 162.587 805.133 162.777C805.326 162.967 805.611 163.062 805.988 163.062C806.254 163.062 806.469 163.017 806.633 162.926C806.799 162.835 806.922 162.694 807 162.504C807.078 162.314 807.117 162.072 807.117 161.777V158.289H808.324ZM812.141 164L810.766 159.52H810.73C810.736 159.626 810.743 159.788 810.754 160.004C810.767 160.217 810.779 160.445 810.789 160.688C810.799 160.93 810.805 161.148 810.805 161.344V164H809.723V158.289H811.371L812.723 162.656H812.746L814.18 158.289H815.828V164H814.699V161.297C814.699 161.117 814.702 160.91 814.707 160.676C814.715 160.441 814.724 160.219 814.734 160.008C814.745 159.794 814.753 159.634 814.758 159.527H814.723L813.25 164H812.141Z",
        fill: "white"
    }, null, -1),
    HH = [$H, NH, RH, VH],
    UH = ["keyCode"],
    YH = n("rect", {
        background: !0,
        x: "789.563",
        y: "178.043",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    KH = n("rect", {
        x: "790.533",
        y: "179.013",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    GH = n("path", {
        data: !0,
        d: "M810.041 196H803.055V194.53L805.563 191.994C806.069 191.475 806.475 191.042 806.78 190.695C807.09 190.344 807.313 190.025 807.45 189.738C807.591 189.451 807.662 189.144 807.662 188.815C807.662 188.419 807.55 188.123 807.327 187.927C807.108 187.726 806.814 187.626 806.445 187.626C806.058 187.626 805.682 187.715 805.317 187.893C804.953 188.07 804.572 188.323 804.176 188.651L803.027 187.291C803.314 187.045 803.618 186.812 803.937 186.594C804.26 186.375 804.634 186.2 805.058 186.067C805.486 185.931 805.999 185.862 806.596 185.862C807.252 185.862 807.815 185.981 808.284 186.218C808.758 186.455 809.123 186.778 809.378 187.188C809.633 187.594 809.761 188.054 809.761 188.569C809.761 189.121 809.651 189.624 809.433 190.08C809.214 190.536 808.895 190.987 808.476 191.434C808.061 191.88 807.56 192.375 806.972 192.917L805.687 194.127V194.223H810.041V196Z",
        fill: "white"
    }, null, -1),
    FH = n("path", {
        data: !0,
        d: "M802.234 206H800.695L798.211 201.68H798.176C798.186 201.859 798.195 202.04 798.203 202.223C798.211 202.405 798.219 202.587 798.227 202.77C798.234 202.949 798.242 203.13 798.25 203.312V206H797.168V200.289H798.695L801.176 204.566H801.203C801.198 204.389 801.191 204.214 801.184 204.039C801.176 203.865 801.168 203.69 801.16 203.516C801.155 203.341 801.15 203.167 801.145 202.992V200.289H802.234V206ZM808.324 200.289V203.984C808.324 204.378 808.237 204.733 808.062 205.051C807.891 205.366 807.629 205.616 807.277 205.801C806.928 205.986 806.488 206.078 805.957 206.078C805.202 206.078 804.626 205.885 804.23 205.5C803.835 205.115 803.637 204.604 803.637 203.969V200.289H804.844V203.785C804.844 204.257 804.94 204.587 805.133 204.777C805.326 204.967 805.611 205.062 805.988 205.062C806.254 205.062 806.469 205.017 806.633 204.926C806.799 204.835 806.922 204.694 807 204.504C807.078 204.314 807.117 204.072 807.117 203.777V200.289H808.324ZM812.141 206L810.766 201.52H810.73C810.736 201.626 810.743 201.788 810.754 202.004C810.767 202.217 810.779 202.445 810.789 202.688C810.799 202.93 810.805 203.148 810.805 203.344V206H809.723V200.289H811.371L812.723 204.656H812.746L814.18 200.289H815.828V206H814.699V203.297C814.699 203.117 814.702 202.91 814.707 202.676C814.715 202.441 814.724 202.219 814.734 202.008C814.745 201.794 814.753 201.634 814.758 201.527H814.723L813.25 206H812.141Z",
        fill: "white"
    }, null, -1),
    zH = [YH, KH, GH, FH],
    ZH = ["keyCode"],
    qH = n("rect", {
        background: !0,
        x: "828.916",
        y: "94.8403",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    WH = n("rect", {
        x: "829.885",
        y: "95.8097",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    jH = n("path", {
        data: !0,
        d: "M850 106.271C850 106.846 849.957 107.415 849.87 107.98C849.788 108.546 849.642 109.079 849.433 109.58C849.223 110.077 848.929 110.519 848.551 110.906C848.173 111.289 847.692 111.59 847.108 111.809C846.525 112.027 845.819 112.137 844.989 112.137C844.793 112.137 844.563 112.128 844.299 112.109C844.035 112.096 843.816 112.073 843.643 112.041V110.346C843.825 110.391 844.019 110.428 844.224 110.455C844.429 110.478 844.636 110.489 844.846 110.489C845.68 110.489 846.322 110.357 846.773 110.093C847.229 109.828 847.548 109.462 847.73 108.992C847.917 108.523 848.024 107.98 848.052 107.365H847.97C847.838 107.584 847.68 107.782 847.498 107.96C847.32 108.133 847.092 108.272 846.814 108.377C846.536 108.477 846.183 108.527 845.755 108.527C845.185 108.527 844.688 108.404 844.265 108.158C843.845 107.908 843.52 107.548 843.287 107.078C843.059 106.604 842.945 106.032 842.945 105.362C842.945 104.638 843.082 104.018 843.355 103.503C843.633 102.983 844.028 102.585 844.538 102.307C845.049 102.029 845.65 101.89 846.343 101.89C846.853 101.89 847.329 101.979 847.771 102.156C848.214 102.329 848.601 102.596 848.934 102.956C849.271 103.316 849.533 103.772 849.72 104.323C849.907 104.875 850 105.524 850 106.271ZM846.384 103.585C845.974 103.585 845.639 103.726 845.379 104.009C845.119 104.291 844.989 104.733 844.989 105.335C844.989 105.818 845.101 106.201 845.324 106.483C845.548 106.766 845.887 106.907 846.343 106.907C846.657 106.907 846.931 106.839 847.163 106.702C847.396 106.561 847.576 106.385 847.703 106.176C847.835 105.962 847.901 105.743 847.901 105.52C847.901 105.287 847.869 105.057 847.806 104.829C847.742 104.601 847.646 104.394 847.519 104.207C847.391 104.02 847.231 103.87 847.04 103.756C846.853 103.642 846.634 103.585 846.384 103.585Z",
        fill: "white"
    }, null, -1),
    XH = n("path", {
        data: !0,
        d: "M842.234 122H840.695L838.211 117.68H838.176C838.186 117.859 838.195 118.04 838.203 118.223C838.211 118.405 838.219 118.587 838.227 118.77C838.234 118.949 838.242 119.13 838.25 119.312V122H837.168V116.289H838.695L841.176 120.566H841.203C841.198 120.389 841.191 120.214 841.184 120.039C841.176 119.865 841.168 119.69 841.16 119.516C841.155 119.341 841.15 119.167 841.145 118.992V116.289H842.234V122ZM848.324 116.289V119.984C848.324 120.378 848.237 120.733 848.062 121.051C847.891 121.366 847.629 121.616 847.277 121.801C846.928 121.986 846.488 122.078 845.957 122.078C845.202 122.078 844.626 121.885 844.23 121.5C843.835 121.115 843.637 120.604 843.637 119.969V116.289H844.844V119.785C844.844 120.257 844.94 120.587 845.133 120.777C845.326 120.967 845.611 121.062 845.988 121.062C846.254 121.062 846.469 121.017 846.633 120.926C846.799 120.835 846.922 120.694 847 120.504C847.078 120.314 847.117 120.072 847.117 119.777V116.289H848.324ZM852.141 122L850.766 117.52H850.73C850.736 117.626 850.743 117.788 850.754 118.004C850.767 118.217 850.779 118.445 850.789 118.688C850.799 118.93 850.805 119.148 850.805 119.344V122H849.723V116.289H851.371L852.723 120.656H852.746L854.18 116.289H855.828V122H854.699V119.297C854.699 119.117 854.702 118.91 854.707 118.676C854.715 118.441 854.724 118.219 854.734 118.008C854.745 117.794 854.753 117.634 854.758 117.527H854.723L853.25 122H852.141Z",
        fill: "white"
    }, null, -1),
    QH = [qH, WH, jH, XH],
    JH = ["keyCode"],
    eU = n("rect", {
        background: !0,
        x: "828.916",
        y: "136.441",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    tU = n("rect", {
        x: "829.885",
        y: "137.411",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    sU = n("path", {
        data: !0,
        d: "M842.986 149.755C842.986 149.181 843.027 148.613 843.109 148.053C843.196 147.488 843.344 146.957 843.554 146.46C843.763 145.959 844.057 145.517 844.436 145.134C844.814 144.746 845.295 144.443 845.878 144.225C846.461 144.001 847.168 143.89 847.997 143.89C848.193 143.89 848.421 143.899 848.681 143.917C848.945 143.931 849.164 143.956 849.337 143.992V145.681C849.155 145.64 848.959 145.608 848.749 145.585C848.544 145.558 848.339 145.544 848.134 145.544C847.304 145.544 846.662 145.676 846.206 145.94C845.755 146.205 845.436 146.572 845.249 147.041C845.067 147.506 844.96 148.048 844.928 148.668H845.017C845.144 148.445 845.304 148.246 845.495 148.073C845.691 147.9 845.928 147.763 846.206 147.663C846.484 147.558 846.81 147.506 847.184 147.506C847.767 147.506 848.273 147.631 848.701 147.882C849.13 148.128 849.46 148.486 849.692 148.955C849.925 149.424 850.041 149.996 850.041 150.671C850.041 151.391 849.902 152.011 849.624 152.53C849.346 153.05 848.952 153.449 848.441 153.727C847.936 154 847.334 154.137 846.637 154.137C846.126 154.137 845.65 154.05 845.208 153.877C844.766 153.699 844.379 153.43 844.046 153.07C843.713 152.71 843.453 152.257 843.267 151.71C843.08 151.159 842.986 150.507 842.986 149.755ZM846.596 152.448C847.01 152.448 847.348 152.307 847.607 152.024C847.867 151.742 847.997 151.3 847.997 150.698C847.997 150.211 847.883 149.828 847.655 149.55C847.432 149.267 847.092 149.126 846.637 149.126C846.327 149.126 846.053 149.197 845.816 149.338C845.584 149.475 845.404 149.65 845.276 149.864C845.149 150.074 845.085 150.29 845.085 150.514C845.085 150.746 845.117 150.976 845.181 151.204C845.244 151.432 845.34 151.639 845.468 151.826C845.595 152.013 845.753 152.163 845.939 152.277C846.131 152.391 846.35 152.448 846.596 152.448Z",
        fill: "white"
    }, null, -1),
    iU = n("path", {
        data: !0,
        d: "M842.234 164H840.695L838.211 159.68H838.176C838.186 159.859 838.195 160.04 838.203 160.223C838.211 160.405 838.219 160.587 838.227 160.77C838.234 160.949 838.242 161.13 838.25 161.312V164H837.168V158.289H838.695L841.176 162.566H841.203C841.198 162.389 841.191 162.214 841.184 162.039C841.176 161.865 841.168 161.69 841.16 161.516C841.155 161.341 841.15 161.167 841.145 160.992V158.289H842.234V164ZM848.324 158.289V161.984C848.324 162.378 848.237 162.733 848.062 163.051C847.891 163.366 847.629 163.616 847.277 163.801C846.928 163.986 846.488 164.078 845.957 164.078C845.202 164.078 844.626 163.885 844.23 163.5C843.835 163.115 843.637 162.604 843.637 161.969V158.289H844.844V161.785C844.844 162.257 844.94 162.587 845.133 162.777C845.326 162.967 845.611 163.062 845.988 163.062C846.254 163.062 846.469 163.017 846.633 162.926C846.799 162.835 846.922 162.694 847 162.504C847.078 162.314 847.117 162.072 847.117 161.777V158.289H848.324ZM852.141 164L850.766 159.52H850.73C850.736 159.626 850.743 159.788 850.754 160.004C850.767 160.217 850.779 160.445 850.789 160.688C850.799 160.93 850.805 161.148 850.805 161.344V164H849.723V158.289H851.371L852.723 162.656H852.746L854.18 158.289H855.828V164H854.699V161.297C854.699 161.117 854.702 160.91 854.707 160.676C854.715 160.441 854.724 160.219 854.734 160.008C854.745 159.794 854.753 159.634 854.758 159.527H854.723L853.25 164H852.141Z",
        fill: "white"
    }, null, -1),
    nU = [eU, tU, sU, iU],
    aU = ["keyCode"],
    oU = n("rect", {
        background: !0,
        x: "828.916",
        y: "178.043",
        width: "33.731",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    rU = n("rect", {
        x: "829.885",
        y: "179.013",
        width: "31.7922",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    lU = n("path", {
        data: !0,
        d: "M849.651 188.241C849.651 188.701 849.556 189.1 849.364 189.438C849.173 189.775 848.913 190.05 848.585 190.265C848.261 190.479 847.897 190.636 847.491 190.736V190.777C848.293 190.878 848.902 191.124 849.316 191.516C849.736 191.908 849.945 192.432 849.945 193.088C849.945 193.671 849.802 194.193 849.515 194.653C849.232 195.114 848.795 195.476 848.202 195.74C847.61 196.005 846.846 196.137 845.912 196.137C845.361 196.137 844.846 196.091 844.367 196C843.893 195.913 843.447 195.779 843.027 195.597V193.799C843.456 194.018 843.905 194.184 844.374 194.298C844.843 194.407 845.281 194.462 845.687 194.462C846.443 194.462 846.972 194.332 847.272 194.072C847.578 193.808 847.73 193.439 847.73 192.965C847.73 192.687 847.66 192.452 847.519 192.261C847.377 192.069 847.131 191.924 846.78 191.823C846.434 191.723 845.949 191.673 845.324 191.673H844.565V190.053H845.338C845.953 190.053 846.42 189.996 846.739 189.882C847.063 189.763 847.282 189.604 847.396 189.403C847.514 189.198 847.573 188.966 847.573 188.706C847.573 188.351 847.464 188.073 847.245 187.872C847.026 187.672 846.662 187.571 846.151 187.571C845.832 187.571 845.541 187.612 845.276 187.694C845.017 187.772 844.782 187.868 844.572 187.981C844.363 188.091 844.178 188.198 844.019 188.303L843.041 186.847C843.433 186.564 843.891 186.329 844.415 186.143C844.944 185.956 845.573 185.862 846.302 185.862C847.332 185.862 848.147 186.07 848.749 186.484C849.351 186.899 849.651 187.485 849.651 188.241Z",
        fill: "white"
    }, null, -1),
    cU = n("path", {
        data: !0,
        d: "M842.234 206H840.695L838.211 201.68H838.176C838.186 201.859 838.195 202.04 838.203 202.223C838.211 202.405 838.219 202.587 838.227 202.77C838.234 202.949 838.242 203.13 838.25 203.312V206H837.168V200.289H838.695L841.176 204.566H841.203C841.198 204.389 841.191 204.214 841.184 204.039C841.176 203.865 841.168 203.69 841.16 203.516C841.155 203.341 841.15 203.167 841.145 202.992V200.289H842.234V206ZM848.324 200.289V203.984C848.324 204.378 848.237 204.733 848.062 205.051C847.891 205.366 847.629 205.616 847.277 205.801C846.928 205.986 846.488 206.078 845.957 206.078C845.202 206.078 844.626 205.885 844.23 205.5C843.835 205.115 843.637 204.604 843.637 203.969V200.289H844.844V203.785C844.844 204.257 844.94 204.587 845.133 204.777C845.326 204.967 845.611 205.062 845.988 205.062C846.254 205.062 846.469 205.017 846.633 204.926C846.799 204.835 846.922 204.694 847 204.504C847.078 204.314 847.117 204.072 847.117 203.777V200.289H848.324ZM852.141 206L850.766 201.52H850.73C850.736 201.626 850.743 201.788 850.754 202.004C850.767 202.217 850.779 202.445 850.789 202.688C850.799 202.93 850.805 203.148 850.805 203.344V206H849.723V200.289H851.371L852.723 204.656H852.746L854.18 200.289H855.828V206H854.699V203.297C854.699 203.117 854.702 202.91 854.707 202.676C854.715 202.441 854.724 202.219 854.734 202.008C854.745 201.794 854.753 201.634 854.758 201.527H854.723L853.25 206H852.141Z",
        fill: "white"
    }, null, -1),
    mU = [oU, rU, lU, cU],
    _U = ["keyCode"],
    dU = n("rect", {
        background: !0,
        x: "750.211",
        y: "219.645",
        width: "73.0838",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    uU = n("rect", {
        x: "751.18",
        y: "220.614",
        width: "71.145",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    hU = n("path", {
        data: !0,
        d: "M785.887 233.354L784.896 232.363L788.942 228.316L789.947 229.308L785.887 233.354ZM790.986 231.003C790.986 231.81 790.923 232.53 790.795 233.163C790.672 233.797 790.471 234.334 790.193 234.776C789.92 235.218 789.56 235.556 789.113 235.788C788.667 236.021 788.124 236.137 787.486 236.137C786.684 236.137 786.026 235.934 785.511 235.528C784.996 235.118 784.615 234.53 784.369 233.765C784.123 232.994 784 232.074 784 231.003C784 229.923 784.112 229 784.335 228.234C784.563 227.464 784.932 226.874 785.442 226.464C785.953 226.054 786.634 225.849 787.486 225.849C788.284 225.849 788.94 226.054 789.455 226.464C789.975 226.869 790.36 227.457 790.61 228.228C790.861 228.993 790.986 229.918 790.986 231.003ZM786.099 231.003C786.099 231.764 786.14 232.4 786.222 232.91C786.308 233.416 786.452 233.797 786.652 234.052C786.853 234.307 787.131 234.435 787.486 234.435C787.837 234.435 788.113 234.309 788.313 234.059C788.519 233.803 788.664 233.423 788.751 232.917C788.838 232.407 788.881 231.769 788.881 231.003C788.881 230.242 788.838 229.606 788.751 229.096C788.664 228.585 788.519 228.202 788.313 227.947C788.113 227.688 787.837 227.558 787.486 227.558C787.131 227.558 786.853 227.688 786.652 227.947C786.452 228.202 786.308 228.585 786.222 229.096C786.14 229.606 786.099 230.242 786.099 231.003Z",
        fill: "white"
    }, null, -1),
    pU = n("path", {
        data: !0,
        d: "M783.234 246H781.695L779.211 241.68H779.176C779.186 241.859 779.195 242.04 779.203 242.223C779.211 242.405 779.219 242.587 779.227 242.77C779.234 242.949 779.242 243.13 779.25 243.312V246H778.168V240.289H779.695L782.176 244.566H782.203C782.198 244.389 782.191 244.214 782.184 244.039C782.176 243.865 782.168 243.69 782.16 243.516C782.155 243.341 782.15 243.167 782.145 242.992V240.289H783.234V246ZM789.324 240.289V243.984C789.324 244.378 789.237 244.733 789.062 245.051C788.891 245.366 788.629 245.616 788.277 245.801C787.928 245.986 787.488 246.078 786.957 246.078C786.202 246.078 785.626 245.885 785.23 245.5C784.835 245.115 784.637 244.604 784.637 243.969V240.289H785.844V243.785C785.844 244.257 785.94 244.587 786.133 244.777C786.326 244.967 786.611 245.062 786.988 245.062C787.254 245.062 787.469 245.017 787.633 244.926C787.799 244.835 787.922 244.694 788 244.504C788.078 244.314 788.117 244.072 788.117 243.777V240.289H789.324ZM793.141 246L791.766 241.52H791.73C791.736 241.626 791.743 241.788 791.754 242.004C791.767 242.217 791.779 242.445 791.789 242.688C791.799 242.93 791.805 243.148 791.805 243.344V246H790.723V240.289H792.371L793.723 244.656H793.746L795.18 240.289H796.828V246H795.699V243.297C795.699 243.117 795.702 242.91 795.707 242.676C795.715 242.441 795.724 242.219 795.734 242.008C795.745 241.794 795.753 241.634 795.758 241.527H795.723L794.25 246H793.141Z",
        fill: "white"
    }, null, -1),
    gU = [dU, uU, hU, pU],
    bU = ["keyCode"],
    vU = n("rect", {
        background: !0,
        x: "527.586",
        y: "53.2378",
        width: "74.2081",
        height: "33.731",
        rx: "3.3731",
        fill: "white",
        "fill-opacity": "0.05"
    }, null, -1),
    CU = n("rect", {
        x: "528.556",
        y: "54.2072",
        width: "72.2694",
        height: "31.7922",
        rx: "2.40373",
        stroke: "white",
        "stroke-opacity": "0.05",
        "stroke-width": "1.93873"
    }, null, -1),
    yU = n("path", {
        data: !0,
        d: "M571 70.5H559M559 70.5L563.5 66M559 70.5L563.5 75",
        stroke: "white",
        "stroke-width": "2"
    }, null, -1),
    fU = [vU, CU, yU];

function TU(e, t, s, l, o, i) {
    const m = c("KeyboardEmptyKeys"),
        _ = c("KeyboardStroke");
    return a(), r("svg", vx, [n("g", Cx, [n("g", {
        keyCode: e.KEY_CODE.BACKQUOTE
    }, kx, 8, yx), n("g", {
        keyCode: e.KEY_CODE.TAB
    }, Px, 8, Ix), n("g", {
        keyCode: e.KEY_CODE.CAPSLOCK
    }, Ox, 8, Ax), n("g", {
        keyCode: e.KEY_CODE.SHIFT
    }, Vx, 8, Bx), n("g", {
        keyCode: e.KEY_CODE.CTRL
    }, Gx, 8, Hx), n("g", {
        keyCode: e.KEY_CODE.CTRL
    }, Wx, 8, Fx), n("g", {
        keyCode: e.KEY_CODE.ALT
    }, eO, 8, jx), n("g", {
        keyCode: e.KEY_CODE.ALT
    }, aO, 8, tO), n("g", {
        keyCode: e.KEY_CODE.SPACE
    }, mO, 8, oO), n("g", {
        keyCode: e.KEY_CODE.N1
    }, pO, 8, _O), n("g", {
        keyCode: e.KEY_CODE.Q
    }, yO, 8, gO), n("g", {
        keyCode: e.KEY_CODE.A
    }, IO, 8, fO), n("g", {
        keyCode: e.KEY_CODE.Z
    }, AO, 8, wO), n("g", {
        keyCode: e.KEY_CODE.X
    }, BO, 8, DO), n("g", {
        keyCode: e.KEY_CODE.C
    }, HO, 8, $O), n("g", {
        keyCode: e.KEY_CODE.V
    }, FO, 8, UO), n("g", {
        keyCode: e.KEY_CODE.B
    }, jO, 8, zO), n("g", {
        keyCode: e.KEY_CODE.N
    }, tB, 8, XO), n("g", {
        keyCode: e.KEY_CODE.M
    }, oB, 8, sB), n("g", {
        keyCode: e.KEY_CODE.COMMA
    }, _B, 8, rB), n("g", {
        keyCode: e.KEY_CODE.PERIOD
    }, gB, 8, dB), n("g", {
        keyCode: e.KEY_CODE.SLASH
    }, fB, 8, bB), n("g", {
        keyCode: e.KEY_CODE.S
    }, wB, 8, TB), n("g", {
        keyCode: e.KEY_CODE.D
    }, DB, 8, SB), n("g", {
        keyCode: e.KEY_CODE.F
    }, $B, 8, LB), n("g", {
        keyCode: e.KEY_CODE.G
    }, UB, 8, NB), n("g", {
        keyCode: e.KEY_CODE.H
    }, zB, 8, YB), n("g", {
        keyCode: e.KEY_CODE.J
    }, XB, 8, ZB), n("g", {
        keyCode: e.KEY_CODE.K
    }, s$, 8, QB), n("g", {
        keyCode: e.KEY_CODE.L
    }, r$, 8, i$), n("g", {
        keyCode: e.KEY_CODE.SEMICOLON
    }, d$, 8, l$), n("g", {
        keyCode: e.KEY_CODE.QUOTE
    }, b$, 8, u$), n("g", {
        keyCode: e.KEY_CODE.BACKSLASH
    }, T$, 8, v$), n("g", {
        keyCode: e.KEY_CODE.SHIFT
    }, S$, 8, E$), n("g", {
        keyCode: e.KEY_CODE.W
    }, L$, 8, M$), n("g", {
        keyCode: e.KEY_CODE.E
    }, N$, 8, x$), n("g", {
        keyCode: e.KEY_CODE.R
    }, Y$, 8, R$), n("g", {
        keyCode: e.KEY_CODE.T
    }, Z$, 8, K$), n("g", {
        keyCode: e.KEY_CODE.Y
    }, Q$, 8, q$), n("g", {
        keyCode: e.KEY_CODE.U
    }, iN, 8, J$), n("g", {
        keyCode: e.KEY_CODE.I
    }, lN, 8, nN), n("g", {
        keyCode: e.KEY_CODE.O
    }, uN, 8, cN), n("g", {
        keyCode: e.KEY_CODE.P
    }, vN, 8, hN), n("g", {
        keyCode: e.KEY_CODE.LEFTBRACKET
    }, EN, 8, CN), n("g", {
        keyCode: e.KEY_CODE.RIGHTBRACKET
    }, MN, 8, kN), n("g", {
        keyCode: e.KEY_CODE.ENTER
    }, xN, 8, PN), n("g", {
        keyCode: e.KEY_CODE.N2
    }, RN, 8, ON), n("g", {
        keyCode: e.KEY_CODE.N3
    }, KN, 8, VN), n("g", {
        keyCode: e.KEY_CODE.N4
    }, qN, 8, GN), n("g", {
        keyCode: e.KEY_CODE.N5
    }, JN, 8, WN), n("g", {
        keyCode: e.KEY_CODE.N6
    }, nR, 8, eR), n("g", {
        keyCode: e.KEY_CODE.N7
    }, cR, 8, aR), n("g", {
        keyCode: e.KEY_CODE.N8
    }, hR, 8, mR), n("g", {
        keyCode: e.KEY_CODE.N9
    }, CR, 8, pR), n("g", {
        keyCode: e.KEY_CODE.N0
    }, kR, 8, yR), n("g", {
        keyCode: e.KEY_CODE.MINUS
    }, PR, 8, IR), n("g", {
        keyCode: e.KEY_CODE.EQUAL
    }, OR, 8, AR), n("g", {
        keyCode: e.KEY_CODE.F11
    }, VR, 8, BR), n("g", {
        keyCode: e.KEY_CODE.F10
    }, GR, 8, HR), n("g", {
        keyCode: e.KEY_CODE.F9
    }, WR, 8, FR), n("g", {
        keyCode: e.KEY_CODE.F8
    }, eV, 8, jR), n("g", {
        keyCode: e.KEY_CODE.F7
    }, aV, 8, tV), n("g", {
        keyCode: e.KEY_CODE.F6
    }, mV, 8, oV), n("g", {
        keyCode: e.KEY_CODE.F5
    }, pV, 8, _V), n("g", {
        keyCode: e.KEY_CODE.F4
    }, yV, 8, gV), n("g", {
        keyCode: e.KEY_CODE.F3
    }, IV, 8, fV), n("g", {
        keyCode: e.KEY_CODE.F2
    }, AV, 8, wV), n("g", {
        keyCode: e.KEY_CODE.F1
    }, BV, 8, DV), n("g", {
        keyCode: e.KEY_CODE.ESC
    }, HV, 8, $V), n("g", {
        keyCode: e.KEY_CODE.F12
    }, GV, 8, UV), n("g", {
        keyCode: e.KEY_CODE.NUM7
    }, jV, 8, FV), n("g", {
        keyCode: e.KEY_CODE.NUM4
    }, sH, 8, XV), n("g", {
        keyCode: e.KEY_CODE.NUM1
    }, lH, 8, iH), n("g", {
        keyCode: e.KEY_CODE.ARROWUP
    }, uH, 8, cH), n("g", {
        keyCode: e.KEY_CODE.ARROWDOWN
    }, vH, 8, hH), n("g", {
        keyCode: e.KEY_CODE.ARROWRIGHT
    }, EH, 8, CH), n("g", {
        keyCode: e.KEY_CODE.ARROWLEFT
    }, MH, 8, kH), n("g", {
        keyCode: e.KEY_CODE.NUM8
    }, OH, 8, PH), n("g", {
        keyCode: e.KEY_CODE.NUM5
    }, HH, 8, BH), n("g", {
        keyCode: e.KEY_CODE.NUM2
    }, zH, 8, UH), n("g", {
        keyCode: e.KEY_CODE.NUM9
    }, QH, 8, ZH), n("g", {
        keyCode: e.KEY_CODE.NUM6
    }, nU, 8, JH), n("g", {
        keyCode: e.KEY_CODE.NUM3
    }, mU, 8, aU), n("g", {
        keyCode: e.KEY_CODE.NUM0
    }, gU, 8, _U), n("g", {
        keyCode: e.KEY_CODE.BACKSPACE
    }, fU, 8, bU)], 512), d(m), d(_)])
}
const EU = v(bx, [
        ["render", TU]
    ]),
    kU = {
        class: "main-menu-settings-config"
    },
    IU = {
        key: 0,
        class: "main-menu-settings-config__conflict"
    },
    wU = n("img", {
        src: La
    }, null, -1),
    SU = {
        class: "main-menu-settings-config__mouse"
    };

function MU(e, t, s, l, o, i) {
    const m = c("Keyboard"),
        _ = c("Mouse");
    return a(), r("div", kU, [i.activeConfig && s.data.conflict ? (a(), r("div", IU, [wU, w("Конфликт клавиш")])) : h("", !0), d(m, {
        class: "main-menu-settings-config__keyboard",
        activeKeys: i.activeConfig ? s.data.keys : [],
        disabledKeys: s.disabledKeys,
        usedKeys: i.usedKeys,
        available: i.activeConfig,
        onUnselect: i.unselect,
        onUpdateKey: i.updateKey
    }, null, 8, ["activeKeys", "disabledKeys", "usedKeys", "available", "onUnselect", "onUpdateKey"]), n("div", SU, [d(_, {
        activeKeys: i.activeConfig ? s.data.keys : [],
        disabledKeys: s.disabledKeys,
        usedKeys: i.usedKeys,
        available: i.activeConfig,
        onUnselect: i.unselect,
        onUpdateKey: i.updateKey
    }, null, 8, ["activeKeys", "disabledKeys", "usedKeys", "available", "onUnselect", "onUpdateKey"])])])
}
const PU = {
        props: ["data", "activeId", "activeButtonId", "disabledKeys"],
        components: {
            Mouse: KL,
            Keyboard: EU
        },
        computed: {
            activeConfig() {
                return this.activeId > -1
            },
            usedKeys() {
                return this.$store.getters["settings/settings"].usedKeys
            }
        },
        methods: {
            updateKey(e) {
                window.replaceUsedKey(this.data.keys[this.activeButtonId], e), this.data.keys[this.activeButtonId] = e, this.unselect(e)
            },
            unselect(e) {
                this.$emit("unselect", e)
            }
        }
    },
    AU = v(PU, [
        ["render", MU]
    ]),
    DU = {
        class: "main-menu-settings-tabs"
    },
    LU = {
        class: "main-menu-settings-tabs__content"
    },
    xU = ["src"];

function OU(e, t, s, l, o, i) {
    const m = c("ControlsButton"),
        _ = c("GlobalHoverWrapper");
    return a(), r("div", DU, [d(m, {
        onPressed: i.prev,
        disabled: s.disabledControlButtons,
        text: "A",
        pressSound: "UI/UI_menu_click_03.mp3",
        keyCode: o.KEY_CODE_A
    }, null, 8, ["onPressed", "disabled", "keyCode"]), n("div", LU, [(a(!0), r(I, null, M(s.tabs, b => (a(), p(_, {
        class: T(["main-menu-settings-tabs__tab", {
            "main-menu-settings-tabs__tab_active": s.activeTab === b.type
        }]),
        key: b.type,
        isBright: s.activeTab === b.type,
        clickSound: "UI/UI_menu_click_03.mp3",
        onClick: u => i.selectTab(b.type)
    }, {
        default: E(() => [n("img", {
            src: o.icons[`/src/assets/images/main-menu/settings/control/${b.type}.svg`]
        }, null, 8, xU), w(C(b.label), 1)]),
        _: 2
    }, 1032, ["isBright", "class", "onClick"]))), 128))]), d(m, {
        onPressed: i.next,
        disabled: s.disabledControlButtons,
        text: "D",
        pressSound: "UI/UI_menu_click_03.mp3",
        keyCode: o.KEY_CODE_D
    }, null, 8, ["onPressed", "disabled", "keyCode"])])
}
const BU = {
        props: ["tabs", "activeTab", "disabledControlButtons"],
        components: {
            ControlsButton: H
        },
        data() {
            return {
                KEY_CODE_A: window.KEY_CODE_A,
                KEY_CODE_D: window.KEY_CODE_D,
                icons: Object.assign({
                    "/src/assets/images/main-menu/settings/control/car.svg": Rc,
                    "/src/assets/images/main-menu/settings/control/conflict.svg": La,
                    "/src/assets/images/main-menu/settings/control/general.svg": Vc,
                    "/src/assets/images/main-menu/settings/control/keyboard.svg": Hc,
                    "/src/assets/images/main-menu/settings/control/move.svg": Uc
                })
            }
        },
        methods: {
            selectTab(e) {
                this.$emit("selectTab", e)
            },
            prev() {
                const t = (this.tabs.findIndex(s => s.type === this.activeTab) - 1 + this.tabs.length) % this.tabs.length;
                this.selectTab(this.tabs[t].type)
            },
            next() {
                const t = (this.tabs.findIndex(s => s.type === this.activeTab) + 1) % this.tabs.length;
                this.selectTab(this.tabs[t].type)
            }
        }
    },
    $U = v(BU, [
        ["render", OU]
    ]),
    NU = n("div", {
        class: "main-menu-settings-mobile-range__bottom-line"
    }, null, -1),
    RU = n("div", {
        class: "main-menu-settings-mobile-range__bottom-light"
    }, null, -1),
    VU = {
        class: "main-menu-settings-mobile-range__header"
    },
    HU = {
        class: "main-menu-settings-mobile-range__label"
    },
    UU = {
        class: "main-menu-settings-mobile-range__label-text"
    },
    YU = {
        key: 0,
        class: "main-menu-settings-mobile-range__label-arrow",
        src: Yc
    },
    KU = {
        key: 0,
        class: "main-menu-settings-mobile-range__checkbox"
    },
    GU = {
        key: 1,
        class: "main-menu-settings-mobile-range__option"
    },
    FU = n("div", {
        class: "main-menu-settings-mobile-range__line"
    }, null, -1),
    zU = {
        class: "main-menu-settings-mobile-range__body"
    },
    ZU = {
        key: 0,
        class: "main-menu-settings-mobile-range__min"
    },
    qU = {
        key: 1,
        class: "main-menu-settings-mobile-range__max"
    };

function WU(e, t, s, l, o, i) {
    const m = c("RangeSlider");
    return a(), r("div", {
        class: T(["main-menu-settings-mobile-range", i.classes])
    }, [NU, RU, n("div", VU, [n("div", HU, [n("div", UU, C(s.data.label), 1), s.data.innerSettings && s.data.innerSettings.length ? (a(), r("img", YU)) : h("", !0)]), i.isRange ? (a(), r("div", KU, [(a(), p(z(s.isMobile ? "Switch" : "Checkbox"), {
        class: T({
            "main-menu-settings-mobile-range__checkbox_mobile": s.isMobile
        }),
        checked: o.value,
        onChange: t[0] || (t[0] = _ => e.$emit("change", s.data.id, s.data.value > 0 ? 0 : 100)),
        onClick: t[1] || (t[1] = _ => i.playClickSound("UI/UI_menu_click_05.mp3"))
    }, null, 40, ["class", "checked"]))])) : h("", !0), i.isStep ? (a(), r("div", GU, C(s.data.options[o.value]), 1)) : h("", !0)]), FU, n("div", zU, [i.isRange ? (a(), r("div", ZU, C(s.data.min) + "%", 1)) : h("", !0), n("div", {
        class: T(["main-menu-settings-mobile-range__slider", {
            "main-menu-settings-mobile-range__slider_step": i.isStep
        }])
    }, [d(m, {
        isMobile: !0,
        value: s.data.value,
        min: s.data.min,
        max: s.data.max,
        isRoundValue: !0,
        showTooltipOnDrag: i.isRange,
        trackBorderRadius: "0.19vh",
        lineBg: "transparent",
        tooltip: !0,
        applyBgToTooltip: !1,
        formatTooltip: i.formatTooltip,
        visibleSteps: i.isStep,
        onClick: t[2] || (t[2] = _ => i.playClickSound("UI/UI_settings_percentage.mp3")),
        onEndMove: t[3] || (t[3] = _ => o.sendEvent = !0),
        onValueChanged: i.onRange
    }, null, 8, ["value", "min", "max", "showTooltipOnDrag", "formatTooltip", "visibleSteps", "onValueChanged"])], 2), i.isRange ? (a(), r("div", qU, C(s.data.max) + "%", 1)) : h("", !0)])], 2)
}
const jU = {
        props: ["data", "isMobile", "isInnerActive"],
        components: {
            Checkbox: no,
            Switch: vo,
            RangeSlider: Hd
        },
        data() {
            return {
                value: 0,
                sendEvent: !1,
                SETTING_TYPE: A
            }
        },
        computed: {
            isStep() {
                return this.data.type === A.RANGE_STEP
            },
            isRange() {
                return this.data.type === A.RANGE
            },
            classes() {
                return {
                    "main-menu-settings-mobile-range_zero": this.value === 0,
                    "main-menu-settings-mobile-range_switch": this.isRange,
                    "main-menu-settings-mobile-range_inner": this.isInnerActive && this.data.innerSettings && this.data.innerSettings.length
                }
            }
        },
        methods: {
            formatTooltip() {
                return this.value + "%"
            },
            onRange(e) {
                this.value = e, this.sendEvent && (this.$emit("change", this.data.id, e), this.sendEvent = !1)
            },
            playClickSound(e) {
                e && e.length && window.playSound(e)
            }
        },
        watch: {
            "data.value": {
                handler(e) {
                    this.value = e
                },
                immediate: !0
            }
        }
    },
    XU = v(jU, [
        ["render", WU]
    ]),
    QU = {
        class: "main-menu-settings-preview"
    },
    JU = {
        key: 1,
        class: "main-menu-settings-preview__title"
    },
    eY = {
        key: 2,
        class: "main-menu-settings-preview__text"
    };

function tY(e, t, s, l, o, i) {
    return a(), r("div", QU, [s.data.image ? (a(), r("div", {
        key: 0,
        class: "main-menu-settings-preview__image",
        style: x({
            backgroundImage: `url('${s.data.image}')`
        })
    }, null, 4)) : h("", !0), s.data.label ? (a(), r("div", JU, C(s.data.label), 1)) : h("", !0), s.data.text ? (a(), r("div", eY, C(s.data.text), 1)) : h("", !0)])
}
const sY = {
        props: ["data"]
    },
    iY = v(sY, [
        ["render", tY]
    ]),
    nY = {
        class: "main-menu-settings-list-controls"
    },
    aY = n("div", {
        class: "main-menu-settings-list-controls-line"
    }, null, -1);

function oY(e, t, s, l, o, i) {
    const m = c("ControlsButton"),
        _ = c("ControlsButtonContainer");
    return a(), r("div", nY, [aY, s.isSwitchingDisabled ? h("", !0) : (a(), p(_, {
        key: 0,
        text: "Переключение"
    }, {
        default: E(() => [d(m, {
            onPressed: t[0] || (t[0] = b => e.$emit("prevSetting")),
            disabled: s.disabled,
            text: "W",
            pressSound: "UI/UI_menu_click_03.mp3",
            keyCode: o.KEY_CODE_W
        }, null, 8, ["disabled", "keyCode"]), d(m, {
            onPressed: t[1] || (t[1] = b => e.$emit("nextSetting")),
            disabled: s.disabled,
            text: "S",
            pressSound: "UI/UI_menu_click_03.mp3",
            keyCode: o.KEY_CODE_S,
            style: {
                "margin-left": "1.11vh"
            }
        }, null, 8, ["disabled", "keyCode"])]),
        _: 1
    })), d(_, {
        text: "Выбор"
    }, {
        default: E(() => [d(m, {
            onPressed: t[2] || (t[2] = b => e.$emit("select")),
            disabled: s.disabledSpace,
            text: "SPACE",
            keyCode: o.KEY_CODE_SPACE,
            pressSound: "UI/UI_character_click01.mp3"
        }, null, 8, ["disabled", "keyCode"])]),
        _: 1
    }), d(_, {
        text: "Общие настройки по умолчанию"
    }, {
        default: E(() => [d(m, {
            onPressed: t[3] || (t[3] = b => e.$emit("resetKeyConfig")),
            holdTime: o.MAIN_MENU_BTN_HOLD_TIME,
            disabled: s.disabled,
            text: "C",
            pressSound: "UI/UI_menu_click_03.mp3",
            keyCode: o.KEY_CODE_C
        }, null, 8, ["holdTime", "disabled", "keyCode"])]),
        _: 1
    })])
}
const rY = {
        props: ["disabled", "disabledSpace", "isSwitchingDisabled"],
        components: {
            ControlsButton: H,
            ControlsButtonContainer: Pe
        },
        data() {
            return {
                MAIN_MENU_BTN_HOLD_TIME: ge,
                KEY_CODE_C: window.KEY_CODE_C,
                KEY_CODE_W: window.KEY_CODE_W,
                KEY_CODE_S: window.KEY_CODE_S,
                KEY_CODE_SPACE: window.KEY_CODE_SPACE
            }
        }
    },
    lY = v(rY, [
        ["render", oY]
    ]),
    cY = {
        key: 0,
        class: "main-menu-settings__overlay"
    },
    mY = {
        class: "main-menu-settings-list"
    },
    _Y = {
        class: "main-menu-settings-list__blocks-wrapper"
    },
    dY = {
        key: 0,
        class: "main-menu-settings-list__title"
    },
    uY = n("div", {
        class: "main-menu-settings-list__title-line"
    }, null, -1),
    hY = {
        class: "main-menu-settings-list__items"
    },
    pY = n("div", {
        class: "main-menu-settings-list__inner-item-decor"
    }, null, -1);

function gY(e, t, s, l, o, i) {
    const m = c("NickModal"),
        _ = c("EmailModal"),
        b = c("PasswordModal"),
        u = c("SecurityModal"),
        g = c("MessengerModal"),
        y = c("DevelopmentModal"),
        f = c("MobileSettings"),
        k = c("ControlTabs"),
        S = c("ScrollableContainer"),
        O = c("SettingsControlButtons"),
        B = c("KeyConfig"),
        K = c("SettingPreview");
    return a(), r("div", {
        class: T(["main-menu-settings", {
            "main-menu-settings_overlay": o.overlay,
            "main-menu-settings_account": i.isAccountTab
        }])
    }, [d(ae, {
        name: "fade"
    }, {
        default: E(() => [o.overlay ? (a(), r("div", cY)) : h("", !0)]),
        _: 1
    }), d(m, {
        isMobile: i.isMobile,
        isOpened: o.isNickModalOpened,
        errorText: s.modal.errorText,
        onClose: i.closeModal,
        onSetModalAwaitResponse: i.setModalAwaitResponse
    }, null, 8, ["isMobile", "isOpened", "errorText", "onClose", "onSetModalAwaitResponse"]), d(_, {
        isMobile: i.isMobile,
        isOpened: o.isEmailModalOpened,
        errorText: s.modal.errorText,
        data: i.currentSetting,
        onClose: i.closeModal,
        onSetModalAwaitResponse: i.setModalAwaitResponse
    }, null, 8, ["isMobile", "isOpened", "errorText", "data", "onClose", "onSetModalAwaitResponse"]), d(b, {
        isMobile: i.isMobile,
        isOpened: o.isPasswordModalOpened,
        errorText: s.modal.errorText,
        onClose: i.closeModal,
        onSetModalAwaitResponse: i.setModalAwaitResponse
    }, null, 8, ["isMobile", "isOpened", "errorText", "onClose", "onSetModalAwaitResponse"]), d(u, {
        isMobile: i.isMobile,
        isOpened: o.isSecurityModalOpened,
        onClose: i.closeModal,
        onOpenTelegramModal: i.openTelegramModal,
        onOpenVKModal: i.openVKModal
    }, null, 8, ["isMobile", "isOpened", "onClose", "onOpenTelegramModal", "onOpenVKModal"]), d(g, {
        isMobile: i.isMobile,
        isOpened: o.isTelegramModalOpened,
        errorText: s.modal.errorText,
        data: i.telegramSetting,
        onClose: i.closeModal,
        onSetModalAwaitResponse: i.setModalAwaitResponse,
        messenger: "telegram"
    }, null, 8, ["isMobile", "isOpened", "errorText", "data", "onClose", "onSetModalAwaitResponse"]), d(g, {
        isMobile: i.isMobile,
        isOpened: o.isVKModalOpened,
        errorText: s.modal.errorText,
        data: i.vkSetting,
        onClose: i.closeModal,
        onSetModalAwaitResponse: i.setModalAwaitResponse,
        messenger: "vk"
    }, null, 8, ["isMobile", "isOpened", "errorText", "data", "onClose", "onSetModalAwaitResponse"]), d(y, {
        isMobile: i.isMobile,
        isOpened: o.isDevelopmentModalOpened,
        onClose: i.closeModal
    }, null, 8, ["isMobile", "isOpened", "onClose"]), i.isMobile && i.isAccountTab ? (a(), p(f, {
        key: 0,
        data: i.currentData,
        onSelectSetting: t[0] || (t[0] = R => i.selectSetting(R))
    }, null, 8, ["data"])) : (a(), r(I, {
        key: 1
    }, [n("div", mY, [!i.isMobile && i.isControlTab ? (a(), p(k, {
        key: 0,
        tabs: o.controlTabs,
        activeTab: o.activeControlTab,
        disabledControlButtons: s.disabledControlButtons,
        onSelectTab: i.selectTab
    }, null, 8, ["tabs", "activeTab", "disabledControlButtons", "onSelectTab"])) : h("", !0), d(S, {
        class: T(["main-menu-settings-list__blocks", {
            "main-menu-settings-list__blocks_with-tabs": i.isControlTab
        }]),
        type: 9,
        alwaysVisible: "",
        requiredVerticalScroll: o.requiredVerticalScroll,
        onContentScroll: i.updateScroll
    }, {
        default: E(() => [n("div", _Y, [(a(!0), r(I, null, M(i.currentData, R => (a(), r("div", {
            class: "main-menu-settings-list__block",
            key: R.title ?? 1
        }, [R.title ? (a(), r("div", dY, [w(C(R.title), 1), uY])) : h("", !0), n("div", hY, [(a(!0), r(I, null, M(R.items, oe => (a(), r("div", {
            class: "main-menu-settings-list__item",
            key: oe.id
        }, [(a(), p(z(i.isMobile && (oe.type === o.SETTING_TYPE.RANGE || oe.type === o.SETTING_TYPE.RANGE_STEP) ? "MobileRange" : "SettingListItem"), {
            data: oe,
            overlay: o.overlay,
            isActive: o.activeId === oe.id,
            activeButtonId: o.activeButtonId,
            isMobile: i.isMobile,
            isInnerActive: o.activeInnerItemsId === oe.id,
            onClick: me => i.selectSetting(oe),
            onChange: i.select,
            onUpdateActiveButton: i.updateActiveButton
        }, null, 40, ["data", "overlay", "isActive", "activeButtonId", "isMobile", "isInnerActive", "onClick", "onChange", "onUpdateActiveButton"])), o.activeInnerItemsId === oe.id ? (a(!0), r(I, {
            key: 0
        }, M(oe.innerSettings, (me, We) => (a(), r("div", {
            class: "main-menu-settings-list__inner-item",
            key: We
        }, [pY, (a(), p(z(i.isMobile && (me.type === o.SETTING_TYPE.RANGE || me.type === o.SETTING_TYPE.RANGE_STEP) ? "MobileRange" : "SettingListItem"), {
            class: "main-menu-settings-list__inner-item-content",
            data: me,
            overlay: o.overlay,
            isActive: o.activeId === me.id,
            activeButtonId: o.activeButtonId,
            isMobile: i.isMobile,
            onClick: se => i.selectSetting(me),
            onChange: i.select,
            onUpdateActiveButton: i.updateActiveButton
        }, null, 40, ["data", "overlay", "isActive", "activeButtonId", "isMobile", "onClick", "onChange", "onUpdateActiveButton"]))]))), 128)) : h("", !0)]))), 128))])]))), 128))])]),
        _: 1
    }, 8, ["requiredVerticalScroll", "onContentScroll", "class"]), i.isMobile ? h("", !0) : (a(), p(O, {
        key: 1,
        disabled: o.overlay | s.disabledControlButtons,
        disabledSpace: o.overlay && i.isDialog || s.disabledControlButtons && !o.overlay,
        isSwitchingDisabled: i.isControlTab,
        onBack: t[1] || (t[1] = R => e.$emit("back")),
        onPrevSetting: i.prevSetting,
        onNextSetting: i.nextSetting,
        onSelect: t[2] || (t[2] = R => i.select(o.activeId)),
        onResetKeyConfig: i.resetKeyConfig
    }, null, 8, ["disabled", "disabledSpace", "isSwitchingDisabled", "onPrevSetting", "onNextSetting", "onResetKeyConfig"]))]), i.isControlSetting ? (a(), p(B, {
        key: 0,
        data: i.currentSetting,
        activeId: o.activeId,
        activeButtonId: o.activeButtonId,
        disabledKeys: s.settings.disabledKeys,
        onUnselect: i.unselect
    }, null, 8, ["data", "activeId", "activeButtonId", "disabledKeys", "onUnselect"])) : (a(), p(K, {
        key: 1,
        data: i.currentSetting
    }, null, 8, ["data"]))], 64))], 2)
}
const bY = {
        props: ["settings", "modal", "tab", "disabledControlButtons"],
        components: {
            NickModal: pM,
            EmailModal: YM,
            SecurityModal: oP,
            PasswordModal: vP,
            MessengerModal: sA,
            DevelopmentModal: fA,
            MobileSettings: _L,
            KeyConfig: AU,
            ControlTabs: $U,
            MobileRange: XU,
            SettingPreview: iY,
            SettingListItem: e1,
            SettingsControlButtons: lY,
            ScrollableContainer: U
        },
        data() {
            return {
                SETTING_TYPE: A,
                activeId: 0,
                activeInnerItemsId: -1,
                overlay: !1,
                activeControlTab: "general",
                controlTabs: [{
                    type: "general",
                    label: "Общее"
                }, {
                    type: "move",
                    label: "Передвижение"
                }, {
                    type: "car",
                    label: "Транспорт"
                }],
                activeButtonId: 0,
                scrollValue: 0,
                scrollHeight: 0,
                requiredVerticalScroll: 0,
                isNickModalOpened: !1,
                isEmailModalOpened: !1,
                isPasswordModalOpened: !1,
                isSecurityModalOpened: !1,
                isTelegramModalOpened: !1,
                isVKModalOpened: !1,
                isDevelopmentModalOpened: !1
            }
        },
        computed: {
            totalSettings() {
                return this.currentData.reduce((e, t) => e + t.items.length, 0)
            },
            currentSetting() {
                const e = this.findSetting(this.activeId);
                return e || this.currentData[0].items[0]
            },
            telegramSetting() {
                for (let e of this.settings.general) return e.items.find(t => t.type === A.TELEGRAM);
                return []
            },
            vkSetting() {
                for (let e of this.settings.general) return e.items.find(t => t.type === A.VK);
                return []
            },
            isDialog() {
                return [A.EMAIL, A.TELEGRAM, A.NICKNAME, A.SECURITY_INFO, A.PASSWORD, A.DEVELOPMENT, A.VK].includes(this.currentSetting.type)
            },
            currentData() {
                return this.isControlTab ? this.settings[this.tab].filter(e => e.tab === this.activeControlTab) : this.settings[this.tab]
            },
            isAccountTab() {
                return this.tab === "account"
            },
            isControlTab() {
                return this.tab === "control"
            },
            isFirstControlSetting() {
                const e = this.currentData[0].items[0];
                return e ? e.type === A.KEY : !1
            },
            isControlSetting() {
                return this.currentSetting.type === A.KEY
            },
            isMobile() {
                return this.$root.isMobile
            }
        },
        methods: {
            resetKeyConfig() {
                for (let e of this.currentData)
                    for (let t of e.items) t.onResetInServer && t.onResetInServer(t), t.onResetInClient && t.onResetInClient(t)
            },
            selectTab(e) {
                this.activeControlTab = e, this.isControlSetting ? this.activeId = -1 : this.activeId = 0, this.enableControlButtons()
            },
            enableControlButtons() {
                this.disabledControlButtons && this.$emit("setControlButtonsDisabledStatus", !1)
            },
            updateActiveButton(e) {
                this.activeButtonId = e
            },
            selectSetting({
                id: e,
                type: t
            }) {
                console.log("[Settings] selectSetting id:", e, "type:", t, "isDialog:", this.isDialog), this.activeId = e, this.setActiveInnerId(e), (this.isDialog || t === A.BUTTON) && (console.log("[Settings] calling select for id:", e), this.select(e))
            },
            unselect(e) {
                this.select(this.activeId, e), this.isFirstControlSetting ? this.activeId = -1 : this.activeId = 0, this.activeButtonId = 0
            },
            select(e, t) {
                const s = this.findSetting(e);
                s !== void 0 && (s.type === A.CHECKBOX ? s.value = !s.value : s.type === A.SLIDER ? this.updateSlider(s, t) : s.type === A.DROPDOWN ? t !== void 0 ? s.value = t : (s.isOpen = !s.isOpen, s.isOpen ? this.overlay = e + 1 : this.overlay = 0) : s.type === A.RANGE ? t === void 0 ? s.value = s.value > 0 ? 0 : 100 : s.value = t : this.isDialog ? (console.log("[Settings] openModal for type:", s.type), this.openModal(s)) : console.log("[Settings] select: no handler for type:", s.type, "isDialog:", this.isDialog), s.callback && (s.callback(s), window.saveSettings()))
            },
            openModal({
                type: e
            }) {
                const t = {
                    [A.EMAIL]: "isEmailModalOpened",
                    [A.NICKNAME]: "isNickModalOpened",
                    [A.TELEGRAM]: "isTelegramModalOpened",
                    [A.SECURITY_INFO]: "isSecurityModalOpened",
                    [A.PASSWORD]: "isPasswordModalOpened",
                    [A.DEVELOPMENT]: "isDevelopmentModalOpened",
                    [A.VK]: "isVKModalOpened"
                };
                this[t[e]] = !0, this.$emit("setControlButtonsDisabledStatus", !0)
            },
            closeModal() {
                this.isNickModalOpened = !1, this.isEmailModalOpened = !1, this.isPasswordModalOpened = !1, this.isSecurityModalOpened = !1, this.isTelegramModalOpened = !1, this.isVKModalOpened = !1, this.isDevelopmentModalOpened = !1, this.$emit("setControlButtonsDisabledStatus", !1), this.$emit("setModalErrorText", ""), this.setModalAwaitResponse(!1)
            },
            setModalAwaitResponse(e) {
                this.$emit("setModalAwaitResponse", e)
            },
            openTelegramModal() {
                setTimeout(() => {
                    this.openModal({
                        type: A.TELEGRAM
                    })
                }, 100)
            },
            openVKModal() {
                setTimeout(() => {
                    this.openModal({
                        type: A.VK
                    })
                }, 100)
            },
            updateSlider(e, t = "next") {
                const s = e.options.length - 1;
                t === "next" ? e.value = (e.value + 1) % e.options.length : t === "prev" && (e.value = e.value === 0 ? s : e.value - 1)
            },
            findSetting(e) {
                for (let t of this.currentData) {
                    const s = this.findById(t.items, e);
                    if (s) return s
                }
            },
            findById(e, t) {
                for (let s of e) {
                    if (s.id === t) return s;
                    if (s.innerSettings) return this.findById(s.innerSettings, t)
                }
            },
            prevSetting() {
                this.activeId > 0 ? (this.activeId -= 1, this.activeId < this.totalSettings - 5 && (this.requiredVerticalScroll = this.scrollValue - 80)) : (this.activeId = this.totalSettings - 1, this.requiredVerticalScroll = this.scrollHeight)
            },
            nextSetting() {
                this.activeId < this.totalSettings - 1 ? (this.activeId += 1, this.activeId > 4 && (this.requiredVerticalScroll = this.scrollValue + 70)) : (this.activeId = 0, this.requiredVerticalScroll = 0)
            },
            updateScroll(e) {
                e && e.scrollableWrapper && (this.scrollValue = e.scrollableWrapper.scrollTop, this.scrollHeight = e.scrollableWrapper.scrollHeight)
            },
            setActiveInnerId(e) {
                this.activeInnerItemsId === e ? this.activeInnerItemsId = -1 : (!this.findSetting(e) || !this.findSetting(e)
                    .isInner) && (this.activeInnerItemsId = e)
            }
        },
        watch: {
            tab: {
                handler(e) {
                    e === "control" && this.isControlSetting ? this.activeId = -1 : this.activeId = 0, this.enableControlButtons()
                },
                immediate: !0
            },
            overlay(e) {
                this.$emit("setControlButtonsDisabledStatus", e)
            },
            activeId(e) {
                this.isControlSetting && (e > -1 ? this.$emit("setControlButtonsDisabledStatus", !0) : this.enableControlButtons()), this.activeInnerItemsId >= 0 && this.activeInnerItemsId != e && this.setActiveInnerId(e)
            },
            "modal.closeRequestCounter"() {
                this.closeModal()
            }
        }
    },
    vY = v(bY, [
        ["render", gY]
    ]),
    Ne = {
        MAIN: 0,
        ITEM: 1
    },
    wn = {
        DEFAULT: 0,
        BIG: 1
    },
    yt = {
        DEFAULT: 0,
        ACTIVE: 1,
        DISABLED: 2
    },
    bs = {
        DEFAULT: 0,
        DISCOUNT: 1,
        LIMITED: 2
    },
    ft = {
        SMALL: 0,
        BIG: 1
    },
    vs = {
        CART: 0,
        MODAL: 1
    },
    ce = {
        DEFAULT: 0,
        ITEM: 1,
        ITEM_GREEN: 2,
        ITEM_YELLOW: 3,
        ITEM_YELLOW_2: 4,
        ITEM_BLUE: 5,
        ITEM_YELLOW_3: 6,
        ITEM_YELLOW_4: 7
    },
    $e = {
        UNFILLED: 0,
        AVAILABLE: 1,
        UNAVAILABLE: 2,
        WRONG_KEYBOARD_LAYOUT: 3
    },
    Tt = {
        DEFAULT: 0,
        NICKNAME: 1
    },
    Y = {
        UA: 4,
        KZ: 2,
        RUS: 1,
        BY: 3,
        CUSTOM: 5
    },
    CY = 1600,
    yY = {
        data: () => ({
            store: {
                defaultStateRequestCounter: 0,
                scrollToGroupOnOpen: -1,
                additionalData: {},
                items: v3,
                specialItemIndex: 13,
                currentOfferIndexes: [0, 3],
                numberPlateStatus: $e.UNFILLED,
                topUpNotify: {
                    value: 0,
                    show: !1,
                    timeout: null
                },
                topUpRate: 1,
                giftSelectedPlayerName: "",
                allVipEntries: [{
                    text: "Просмотр администрации Онлайн",
                    silverValue: 0,
                    goldValue: -1,
                    platinumValue: 2
                }, {
                    text: "Просмотр администрации Онлайн Просмотр администрации Онлайн Просмотр администрации Онлайн",
                    silverValue: 1,
                    goldValue: 0,
                    platinumValue: -1
                }, {
                    text: "Пособие в размере %d рублей каждый PayDay для безработных",
                    silverValue: 1,
                    goldValue: 0,
                    platinumValue: 2
                }, {
                    text: "Дополнительные слоты для покупки личного транспорта: %d",
                    silverValue: 1,
                    goldValue: 0,
                    platinumValue: 2
                }],
                generatedCarNumber: "",
                isLoading: !0
            }
        }),
        methods: {
            setVipData(e) {
                const t = typeof e == "string" ? JSON.parse(e) : e,
                    s = {
                        TEXT: 0,
                        SILVER_VIP_VALUE: 1,
                        GOLD_VIP_VALUE: 2,
                        PLATINUM_VIP_VALUE: 3
                    };
                this.store.allVipEntries = t.map(l => ({
                    text: l[s.TEXT],
                    silverValue: l[s.SILVER_VIP_VALUE],
                    goldValue: l[s.GOLD_VIP_VALUE],
                    platinumValue: l[s.PLATINUM_VIP_VALUE]
                }))
            },
            setGeneratedCarNumber(e) {
                this.store.generatedCarNumber = e
            },
            openConvertation(e = "") {
                e !== "Store" && this.selectTab("Store"), this.$nextTick(() => {
                    let t = this.$refs.Store,
                        s = t.flattenItems.find(l => l.type === P.CONVERT);
                    s && (t.setPage(0), this.$nextTick(() => {
                        t.$refs.main.selectItem(s)
                    }))
                })
            },
            openStoreVips() {
                this.selectTab("Store"), this.$nextTick(() => j(() => {
                    this.$refs.Store.openVIPModal()
                }))
            },
            openChangeNick() {
                this.selectTab("Store"), this.$nextTick(() => j(() => {
                    const e = this.$refs.Store;
                    let t = e.flattenItems.find(s => s.type === P.NICKNAME);
                    t && (e.setPage(0), this.$nextTick(() => {
                        e.$refs.main.selectItem(t)
                    }))
                }))
            },
            openTopUp(e = "") {
                e !== "Store" && this.selectTab("Store"), this.$nextTick(() => j(() => {
                    this.$refs.Store.openTopUpModal()
                }))
            },
            setStoreConvert(e) {
                this.selectTab("Store", !1), this.$nextTick(() => {
                    let t = this.$refs.Store,
                        s = t.flattenItems.findIndex(l => l.type === P.CONVERT);
                    this.setStoreItem(s, {
                        convertRate: e
                    }), t.selectItem(s)
                })
            },
            setStoreItem(e, t) {
                let l = this.store.items.map(o => o.items.flat())
                    .flat()[e];
                for (let o = 0; o < this.store.items.length; ++o) {
                    let i = this.store.items[o];
                    for (let m = 0; m < i.items.length; ++m) {
                        let _ = i.items[m];
                        for (let b = 0; b < _.length; ++b) _[b] == l && (this.store.items[o].items[m][b] = {
                            ...l,
                            ...t
                        })
                    }
                }
                this.store.items = [...this.store.items]
            },
            setStoreAllItem(e) {
                const t = {
                    INDEX: 0,
                    PRICE: 1,
                    VALUE: 2,
                    VALUE_TWO: 3,
                    IS_NOT_SHOW_MAIN_MENU: 4,
                    CURRENCY_PRICE: 5,
                    SPECIAL_PRICE: 6,
                    SPECIAL_CURRENCY_PRICE: 7,
                    SPECIAL_OFFER_FACTOR: 8,
                    LIMITED_AMOUNT: 9,
                    MAX_QUANTITY: 10
                };
                for (var s of e) {
                    let l = {
                        price: {
                            current: s[t.PRICE],
                            old: 0
                        },
                        currencyPrice: {
                            current: s[t.CURRENCY_PRICE],
                            old: 0
                        },
                        specialPrice: {
                            current: s[t.SPECIAL_PRICE],
                            old: 0
                        },
                        specialCurrencyPrice: {
                            current: s[t.SPECIAL_CURRENCY_PRICE],
                            old: 0
                        },
                        convertRate: s[t.PRICE],
                        numberRepeatSymbolPrice: s[t.VALUE_TWO],
                        isNotShowMenu: s[t.IS_NOT_SHOW_MAIN_MENU],
                        specialOfferFactor: s[t.SPECIAL_OFFER_FACTOR],
                        specialOfferTime: 0,
                        limitedAmount: s[t.LIMITED_AMOUNT],
                        isNew: !1,
                        maxQuantity: s[t.MAX_QUANTITY]
                    };
                    if (s[t.VALUE] && (l.text = s[t.VALUE], this.store.items.map(m => m.items.flat())
                            .flat()[s[t.INDEX]].type === P.DONATE)) {
                        const m = ".",
                            _ = s[t.VALUE].split(m);
                        l.text = _[_.length - 1], l.clientProductId = s[t.VALUE]
                    }
                    this.setStoreItem(s[t.INDEX], l)
                }
                this.store.isLoading = !1
            },
            openItemStore(e) {
                const t = {
                    INDEX: 0,
                    DESCRIPTION: 1,
                    ITEMS: 2,
                    NOTICE: 3,
                    HINT: 4
                };
                let s = {};
                if (s.notice = e[t.NOTICE] ? yn(e[t.NOTICE]) : "", s.hint = e[t.HINT] ? yn(e[t.HINT]) : "", e[t.DESCRIPTION] && (s.data = {
                        description: e[t.DESCRIPTION]
                    }), e[t.ITEMS]) {
                    let l = this.store.items.map(i => i.items.flat())
                        .flat();
                    const o = l[e[t.INDEX]].type;
                    if (o == P.COMMON) {
                        const i = e[t.ITEMS];
                        s.description = [];
                        for (let m of i) {
                            let [_, b, u] = m.split("|");
                            s.description.push({
                                text: yn(_),
                                acquired: b,
                                acquiredProgress: u
                            })
                        }
                    } else if (o == P.CARS) s.entries = [], s.data = null, e[t.ITEMS].map(i => {
                        const [m, _, b, u, g, y] = i;
                        s.entries.push({
                            image: m,
                            imageType: _,
                            title: b,
                            rarityType: u,
                            rarityName: g,
                            params: y.map(([f, k, S]) => ({
                                type: f,
                                value: k,
                                units: S
                            }))
                        })
                    });
                    else if (l[e[t.INDEX]].isSelect) {
                        const i = e[t.ITEMS].map(m => {
                            const [_, b, u, g, y, f, k] = m.split("|");
                            return {
                                name: _,
                                description: u || "",
                                extraDescriptions: g ? g.split("$") : [],
                                price: Number(b),
                                acquired: y,
                                acquiredProgress: f,
                                acquiredText: k
                            }
                        });
                        s.data = {
                            options: i
                        }
                    }
                }
                this.setStoreItem(e[t.INDEX], s)
            },
            hideTopUpNotification() {
                this.store.topUpNotify.show = !1, this.store.topUpNotify.value = 0
            },
            showTopUpNotification(e) {
                this.store.topUpNotify.timeout && clearTimeout(this.store.topUpNotify.timeout), this.hideTopUpNotification(), this.store.topUpNotify.value = e, this.store.topUpNotify.show = !0, this.store.topUpNotify.timeout = setTimeout(this.hideTopUpNotification, CY)
            }
        }
    },
    fY = e => (D("data-v-d433a79d"), e = e(), L(), e),
    TY = {
        class: "main-menu-store-main-group-title__text"
    },
    EY = fY(() => n("div", {
        class: "main-menu-store-main-group-title__line"
    }, null, -1));

function kY(e, t, s, l, o, i) {
    return a(), r("div", {
        class: T(["main-menu-store-main-group-title", i.classes])
    }, [n("div", TY, C(s.text), 1), EY], 2)
}
const IY = {
        props: ["text", "isSpecial", "isBig"],
        computed: {
            classes() {
                return {
                    "main-menu-store-main-group-title_special": this.isSpecial,
                    "main-menu-store-main-group-title_big": this.isBig
                }
            }
        }
    },
    i1 = v(IY, [
        ["render", kY],
        ["__scopeId", "data-v-d433a79d"]
    ]);

function wY(e, t, s, l, o, i) {
    return a(), r("div", {
        class: T(["main-menu-store-item-badge", i.classes])
    }, C(s.text), 3)
}
const SY = {
        props: {
            percent: {
                type: Number,
                required: !1,
                default: 20
            },
            text: {
                type: String,
                required: !1,
                default: ""
            },
            type: {
                type: Number,
                required: !1,
                default: bs.DEFAULT
            }
        },
        data() {
            return {
                ITEM_BADGE_TYPES: bs
            }
        },
        computed: {
            classes() {
                return {
                    "main-menu-store-item-badge_discount": this.type === bs.DISCOUNT,
                    "main-menu-store-item-badge_limited": this.type === bs.LIMITED
                }
            }
        }
    },
    MY = v(SY, [
        ["render", wY],
        ["__scopeId", "data-v-49f58ea6"]
    ]),
    Sn = (e, t = 0) => {
        let s = "";
        const l = {
            0: ["ов", "", "а", "ов"],
            1: ["й", "е", "я", "й"],
            2: ["ось", "ся", "ось", "ось"],
            3: ["ось", "ась", "ось", "ось"]
        };
        return /.*(11|12|13|14)$/.test(e) ? s = l[t][0] : /.*1$/.test(e) ? s = l[t][1] : /.*(2|3|4)$/.test(e) ? s = l[t][2] : s = l[t][3], s
    },
    PY = e => typeof e != "string" || e.length === 0 ? e : e[0].toUpperCase() + e.slice(1)
    .toLowerCase(),
    AY = e => {
        const t = {
            q: "й",
            w: "ц",
            e: "у",
            r: "к",
            t: "е",
            y: "н",
            u: "г",
            i: "ш",
            o: "щ",
            p: "з",
            "[": "х",
            "]": "ъ",
            a: "ф",
            s: "ы",
            d: "в",
            f: "а",
            g: "п",
            h: "р",
            j: "о",
            k: "л",
            l: "д",
            ";": "ж",
            "'": "э",
            z: "я",
            x: "ч",
            c: "с",
            v: "м",
            b: "и",
            n: "т",
            m: "ь",
            ",": "б",
            ".": "ю",
            "/": "."
        };
        return e.split("")
            .map(s => {
                const l = s.toLowerCase(),
                    o = t[l];
                return o ? s === l ? o : o.toUpperCase() : s
            })
            .join("")
    },
    DY = {
        class: "main-menu-store-item-badges"
    };

function LY(e, t, s, l, o, i) {
    const m = c("ItemBadge");
    return a(), r("div", DY, [i.isLimited ? (a(), p(m, {
        key: 0,
        type: o.ITEM_BADGE_TYPES.LIMITED,
        text: i.limitedText
    }, null, 8, ["type", "text"])) : h("", !0), i.isDiscount ? (a(), p(m, {
        key: 1,
        type: o.ITEM_BADGE_TYPES.DISCOUNT,
        text: i.discountText,
        percent: i.discountPercent
    }, null, 8, ["type", "text", "percent"])) : h("", !0), i.isFactor ? (a(), p(m, {
        key: 2,
        text: i.factorText
    }, null, 8, ["text"])) : h("", !0)])
}
const xY = {
        props: {
            item: {
                type: Object,
                default: () => ({
                    price: {
                        current: 0,
                        old: 0
                    }
                })
            },
            sizeType: {
                type: Number,
                required: !1,
                default: ft.SMALL
            },
            discountSizeType: {
                type: Number,
                default: e => e.sizeType
            },
            factorSizeType: {
                type: Number,
                default: e => e.sizeType
            },
            limitedSizeType: {
                type: Number,
                default: e => e.sizeType
            }
        },
        components: {
            ItemBadge: MY
        },
        data() {
            return {
                ITEM_BADGE_TYPES: bs
            }
        },
        computed: {
            discountPercent() {
                return Math.round((this.item.price.old - this.item.price.current) / this.item.price.old * 100)
            },
            isDiscount() {
                return this.item.price && this.item.price.old > 0 && this.discountPercent > 0 && this.item.specialOfferTime > 0
            },
            isFactor() {
                return this.item.specialOfferFactor > 1
            },
            isLimited() {
                return this.item.limitedAmount
            },
            formattedDiscountTime() {
                const e = this.item.specialOfferTime,
                    t = e >= 3600 ? "ч" : e >= 60 ? "мин" : "сек",
                    s = e >= 3600 ? e / 3600 : e >= 60 ? e / 60 : e;
                return `${Math.floor(s)}${t}`
            },
            discountText() {
                return this.discountSizeType === ft.BIG ? `СКИДКА ограничена ${this.formattedDiscountTime}` : this.formattedDiscountTime
            },
            factorText() {
                return this.factorSizeType === ft.SMALL ? `X${this.item.specialOfferFactor}` : `X${this.item.specialOfferFactor} Акция`
            },
            limitedText() {
                return this.limitedSizeType === ft.BIG ? `ЛИМИТИРОВАННОЕ КОЛИЧЕСТВО, ОСТАЛ${Sn(this.item.limitedAmount,3)} ${this.item.limitedAmount} ШТ.` : "ЛИМИТИРОВАННОЕ КОЛИЧЕСТВО"
            }
        }
    },
    mn = v(xY, [
        ["render", LY],
        ["__scopeId", "data-v-1e5f0bd4"]
    ]),
    OY = {},
    BY = {
        width: "20",
        height: "17",
        viewBox: "0 0 20 17",
        fill: "white",
        xmlns: "http://www.w3.org/2000/svg"
    },
    $Y = n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M10.0001 0C8.67404 0 7.40227 0.526784 6.46459 1.46447C5.52691 2.40215 5.00012 3.67392 5.00012 5L2.45971 5C1.19109 5 0.24301 6.16595 0.501752 7.40791L2.16842 15.4079C2.36164 16.3353 3.17903 17 4.12638 17H15.8738C16.8212 17 17.6386 16.3353 17.8318 15.4079L19.4985 7.40791C19.7572 6.16595 18.8091 5 17.5405 5H15.0001C15.0001 3.67392 14.4733 2.40215 13.5357 1.46447C12.598 0.526784 11.3262 0 10.0001 0ZM13.0001 5C13.0001 4.20435 12.6841 3.44129 12.1214 2.87868C11.5588 2.31607 10.7958 2 10.0001 2C9.20447 2 8.44141 2.31607 7.8788 2.87868C7.31619 3.44129 7.00012 4.20435 7.00012 5L13.0001 5Z"
    }, null, -1),
    NY = n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M10.0001 0C8.67404 0 7.40227 0.526784 6.46459 1.46447C5.52691 2.40215 5.00012 3.67392 5.00012 5L2.45971 5C1.19109 5 0.24301 6.16595 0.501752 7.40791L2.16842 15.4079C2.36164 16.3353 3.17903 17 4.12638 17H15.8738C16.8212 17 17.6386 16.3353 17.8318 15.4079L19.4985 7.40791C19.7572 6.16595 18.8091 5 17.5405 5H15.0001C15.0001 3.67392 14.4733 2.40215 13.5357 1.46447C12.598 0.526784 11.3262 0 10.0001 0ZM13.0001 5C13.0001 4.20435 12.6841 3.44129 12.1214 2.87868C11.5588 2.31607 10.7958 2 10.0001 2C9.20447 2 8.44141 2.31607 7.8788 2.87868C7.31619 3.44129 7.00012 4.20435 7.00012 5L13.0001 5Z"
    }, null, -1),
    RY = [$Y, NY];

function VY(e, t) {
    return a(), r("svg", BY, RY)
}
const Co = v(OY, [
        ["render", VY]
    ]),
    n1 = e => (D("data-v-0a413156"), e = e(), L(), e),
    HY = {
        class: "main-menu-store-cart-button__icon"
    },
    UY = n1(() => n("img", {
        class: "main-menu-store-cart-button__check",
        src: bi
    }, null, -1)),
    YY = n1(() => n("div", {
        class: "main-menu-store-cart-button__tooltip"
    }, "В корзине", -1));

function KY(e, t, s, l, o, i) {
    const m = c("CartIcon"),
        _ = c("GlobalHoverWrapper");
    return a(), p(_, {
        class: T(["main-menu-store-cart-button", i.classes]),
        clickSound: "UI/UI_menu_click_03.mp3"
    }, {
        default: E(() => [n("div", HY, [d(m), UY]), YY]),
        _: 1
    }, 8, ["class"])
}
const GY = {
        props: {
            type: {
                type: Number,
                default: yt.DEFAULT,
                required: !1
            },
            sizeType: {
                type: Number,
                default: wn.DEFAULT,
                required: !1
            }
        },
        components: {
            CartIcon: Co
        },
        data() {
            return {
                CART_BUTTON_TYPES: yt
            }
        },
        computed: {
            classes() {
                return {
                    "main-menu-store-cart-button_active": this.type === yt.ACTIVE,
                    "main-menu-store-cart-button_disabled": this.type === yt.DISABLED,
                    "main-menu-store-cart-button_big": this.sizeType === wn.BIG
                }
            }
        }
    },
    a1 = v(GY, [
        ["render", KY],
        ["__scopeId", "data-v-0a413156"]
    ]),
    FY = {
        class: "main-menu-store-donate-title__name"
    },
    zY = ["src"],
    ZY = {
        class: "main-menu-store-donate-title__value"
    };

function qY(e, t, s, l, o, i) {
    return a(), r("div", {
        class: T(["main-menu-store-donate-title", i.classes])
    }, [n("div", FY, C(i.label), 1), n("img", {
        class: "main-menu-store-donate-title__icon",
        src: i.icon
    }, null, 8, zY), n("div", ZY, C(i.formatNumberWithSpaces(s.amount)), 1)], 2)
}
const WY = {
        props: {
            isBig: {
                type: Boolean,
                default: !1
            },
            amount: {
                type: [Number, String],
                required: !1,
                default: 0
            },
            isDonate: {
                type: Boolean,
                default: !1
            }
        },
        data() {
            return {
                images: Object.assign({
                    "/src/assets/images/icons/backspace-icon.png": ws,
                    "/src/assets/images/icons/check.png": Ss,
                    "/src/assets/images/icons/cross.png": Ms,
                    "/src/assets/images/icons/donate.png": Ze,
                    "/src/assets/images/icons/dots.png": Ps,
                    "/src/assets/images/icons/enter-button-icon.png": As,
                    "/src/assets/images/icons/enter-icon.png": Ds,
                    "/src/assets/images/icons/icon-capacity.png": Ls,
                    "/src/assets/images/icons/icon-damage.png": xs,
                    "/src/assets/images/icons/icon-fuel-type.png": Os,
                    "/src/assets/images/icons/icon-max-fuel.png": Bs,
                    "/src/assets/images/icons/icon-max-seats.png": $s,
                    "/src/assets/images/icons/left-mouse.png": Ns,
                    "/src/assets/images/icons/middle-mouse.png": Rs,
                    "/src/assets/images/icons/minus.png": at,
                    "/src/assets/images/icons/money.png": Ae,
                    "/src/assets/images/icons/money_small.png": zt,
                    "/src/assets/images/icons/plus.png": ot,
                    "/src/assets/images/icons/question-mark-glow.png": Vs,
                    "/src/assets/images/icons/question-mark.png": Hs,
                    "/src/assets/images/icons/right-mouse.png": Us,
                    "/src/assets/images/icons/rub.png": Ys,
                    "/src/assets/images/icons/tab-icon.png": Ks
                })
            }
        },
        computed: {
            classes() {
                return {
                    "main-menu-store-donate-title_big": this.isBig,
                    "main-menu-store-donate-title_donate": this.isDonate
                }
            },
            icon() {
                return this.isDonate ? this.images["/src/assets/images/icons/donate.png"] : this.images["/src/assets/images/icons/money.png"]
            },
            label() {
                return this.isDonate ? "d-коины" : "валюта"
            }
        },
        methods: {
            formatNumberWithSpaces: F
        }
    },
    yo = v(WY, [
        ["render", qY],
        ["__scopeId", "data-v-f6cd2650"]
    ]),
    o1 = e => e.isAvailableForCart && e.maxQuantity > 0,
    _n = e => (D("data-v-d5b480a4"), e = e(), L(), e),
    jY = {
        class: "main-menu-store-main-item__background-wrapper"
    },
    XY = {
        class: "main-menu-store-main-item__body"
    },
    QY = _n(() => n("div", {
        class: "main-menu-store-main-item__border"
    }, null, -1)),
    JY = _n(() => n("div", {
        class: "main-menu-store-main-item__shadow"
    }, null, -1)),
    eK = _n(() => n("div", {
        class: "main-menu-store-main-item__shadow-hovered"
    }, null, -1)),
    tK = {
        class: "main-menu-store-main-item__content"
    },
    sK = {
        key: 1,
        class: "main-menu-store-main-item__label"
    },
    iK = {
        key: 2,
        class: "main-menu-store-main-item__price-wrapper"
    },
    nK = _n(() => n("div", {
        class: "main-menu-store-main-item__hint"
    }, [w("подробнее"), n("img", {
        class: "main-menu-store-main-item__hint-icon",
        src: lt
    })], -1));

function aK(e, t, s, l, o, i) {
    const m = c("Mark"),
        _ = c("ItemBadges"),
        b = c("CurrencyTitle"),
        u = c("PricingBlock"),
        g = c("CartButton");
    return a(), r("div", {
        class: T(["main-menu-store-main-item", i.classes])
    }, [n("div", jY, [n("div", {
        class: "main-menu-store-main-item__background",
        style: x({
            backgroundImage: `url(${i.getItemImage(s.item.image)})`
        })
    }, null, 4)]), n("div", XY, [s.item.isNew ? (a(), p(m, {
        key: 0
    })) : h("", !0), QY, JY, eK, n("div", tK, [d(_, {
        class: "main-menu-store-main-item__badges",
        sizeType: e.ITEM_BADGE_SIZE_TYPES.BIG,
        item: s.item
    }, null, 8, ["sizeType", "item"]), i.isDonate || i.isCurrency ? (a(), p(b, {
        key: 0,
        amount: s.item.text,
        isDonate: i.isDonate
    }, null, 8, ["amount", "isDonate"])) : (a(), r("div", sK, C(s.item.label), 1)), i.isShowPrice && s.item.price.current || s.item.price.old ? (a(), r("div", iK, [d(u, {
        isShowTitle: !1,
        price: s.item.price.current,
        oldPrice: s.item.price.old,
        type: i.isDonate ? e.MAIN_MENU_ITEM_PRICE_TYPES.RUB : e.MAIN_MENU_ITEM_PRICE_TYPES.DONATE
    }, null, 8, ["price", "oldPrice", "type"])])) : h("", !0), nK]), i.isCartAvailable ? (a(), p(g, {
        key: 1,
        class: "main-menu-store-main-item__cart",
        onClick: i.onCartClick,
        type: s.isInCart ? e.CART_BUTTON_TYPES.ACTIVE : e.CART_BUTTON_TYPES.DEFAULT
    }, null, 8, ["onClick", "type"])) : h("", !0)])], 2)
}
const oK = {
        props: ["isLarge", "isMedium", "item", "isInCart"],
        components: {
            ItemBadges: mn,
            PricingBlock: pe,
            CartButton: a1,
            Mark: Zt,
            CurrencyTitle: yo
        },
        data: () => ({
            MAIN_MENU_ITEM_PRICE_TYPES: Z,
            ITEM_BADGE_SIZE_TYPES: ft,
            CART_BUTTON_TYPES: yt,
            images: {
                ...Object.assign({
                    "/src/assets/images/main-menu/store/items/0.jpg": vi,
                    "/src/assets/images/main-menu/store/items/1.jpg": Ci,
                    "/src/assets/images/main-menu/store/items/10.jpg": yi,
                    "/src/assets/images/main-menu/store/items/11.jpg": fi,
                    "/src/assets/images/main-menu/store/items/12.jpg": Ti,
                    "/src/assets/images/main-menu/store/items/13.jpg": Ei,
                    "/src/assets/images/main-menu/store/items/14.jpg": ki,
                    "/src/assets/images/main-menu/store/items/16.jpg": Ii,
                    "/src/assets/images/main-menu/store/items/17.jpg": wi,
                    "/src/assets/images/main-menu/store/items/18.jpg": Si,
                    "/src/assets/images/main-menu/store/items/19.jpg": Mi,
                    "/src/assets/images/main-menu/store/items/2.jpg": Pi,
                    "/src/assets/images/main-menu/store/items/20.jpg": Ai,
                    "/src/assets/images/main-menu/store/items/21.jpg": Di,
                    "/src/assets/images/main-menu/store/items/22.jpg": Li,
                    "/src/assets/images/main-menu/store/items/23.jpg": xi,
                    "/src/assets/images/main-menu/store/items/24.jpg": Oi,
                    "/src/assets/images/main-menu/store/items/25.jpg": Bi,
                    "/src/assets/images/main-menu/store/items/26.jpg": $i,
                    "/src/assets/images/main-menu/store/items/3.jpg": Ni,
                    "/src/assets/images/main-menu/store/items/4.jpg": Ri,
                    "/src/assets/images/main-menu/store/items/5.jpg": Vi,
                    "/src/assets/images/main-menu/store/items/6.jpg": Hi,
                    "/src/assets/images/main-menu/store/items/7.jpg": Ui,
                    "/src/assets/images/main-menu/store/items/8.jpg": Yi,
                    "/src/assets/images/main-menu/store/items/9.jpg": Ki
                }),
                ...Object.assign({
                    "/src/assets/images/main-menu/store/items/15.png": Lr
                })
            }
        }),
        computed: {
            classes() {
                return {
                    "main-menu-store-main-item_large": this.isLarge,
                    "main-menu-store-main-item_medium": this.isMedium,
                    "main-menu-store-main-item_with-hint": this.isCartAvailable,
                    "main-menu-store-main-item_convert": this.item.type === P.CONVERT,
                    "main-menu-store-main-item_hoverable": !this.isMobile
                }
            },
            isMobile() {
                return this.$root.isMobile
            },
            isCartAvailable() {
                return o1(this.item)
            },
            isShowPrice() {
                return this.item.type !== P.VIP && this.item.type !== P.CONVERT && this.item.type !== P.NUMBER_PLATE
            },
            isDonate() {
                return this.item.type === P.DONATE
            },
            isCurrency() {
                return this.item.type === P.CURRENCY
            }
        },
        methods: {
            getItemImage(e) {
                const t = `/src/assets/images/main-menu/store/items/${e}`;
                return this.images[`${t}.jpg`] || this.images[`${t}.png`]
            },
            onCartClick(e) {
                e.stopPropagation(), this.isInCart ? this.$emit("removeFromCart", this.item) : this.$emit("addToCart", this.item)
            }
        }
    },
    r1 = v(oK, [
        ["render", aK],
        ["__scopeId", "data-v-d5b480a4"]
    ]),
    rK = {
        class: "main-menu-store-main-group"
    },
    lK = {
        class: "main-menu-store-main-group__wrapper"
    },
    cK = {
        class: "main-menu-store-main-group__items"
    },
    mK = {
        key: 0,
        class: "main-menu-store-main-group__items-row"
    },
    _K = {
        key: 2,
        class: "main-menu-store-main-group__items-row"
    },
    dK = {
        key: 0,
        class: "main-menu-store-main-group__wrapper main-menu-store-main-group__wrapper_second"
    },
    uK = {
        class: "main-menu-store-main-group__items"
    },
    hK = {
        key: 0,
        class: "main-menu-store-main-group__items-row"
    },
    pK = {
        key: 2,
        class: "main-menu-store-main-group__items-row"
    };

function gK(e, t, s, l, o, i) {
    const m = c("GroupTitle"),
        _ = c("MainItem");
    return a(), r("div", rK, [n("div", lK, [d(m, {
        class: "main-menu-store-main-group__title",
        text: s.group.label,
        isBig: s.group.groupType === o.GROUP_TYPE.DISCOUNTS,
        isSpecial: s.group.groupType === o.GROUP_TYPE.DISCOUNTS
    }, null, 8, ["text", "isBig", "isSpecial"]), n("div", cK, [i.isMobile ? (a(), r("div", mK, [(a(!0), r(I, null, M(s.group.items.slice(0, Math.ceil(s.group.items.length / 2)), (b, u) => (a(), r("div", {
        class: "main-menu-store-main-group__items-list",
        key: u
    }, [(a(!0), r(I, null, M(b, (g, y) => (a(), p(_, {
        class: "main-menu-store-main-group__item",
        key: y,
        item: g,
        isLarge: s.group.groupType === o.GROUP_TYPE.DISCOUNTS,
        isInCart: i.checkIfItemIsInCart(g),
        onMouseenter: f => i.onMouseEnter(g),
        onClick: f => i.playClickSound(() => i.selectItem(g)),
        onAddToCart: f => i.addToCart(g),
        onRemoveFromCart: f => i.removeFromCart(g)
    }, null, 8, ["item", "isLarge", "isInCart", "onMouseenter", "onClick", "onAddToCart", "onRemoveFromCart"]))), 128))]))), 128))])) : (a(!0), r(I, {
        key: 1
    }, M(s.group.items, (b, u) => (a(), r("div", {
        class: "main-menu-store-main-group__items-list",
        key: u
    }, [(a(!0), r(I, null, M(b, (g, y) => (a(), p(_, {
        class: "main-menu-store-main-group__item",
        key: y,
        item: g,
        isLarge: s.group.groupType === o.GROUP_TYPE.DISCOUNTS,
        isInCart: i.checkIfItemIsInCart(g),
        onMouseenter: f => i.onMouseEnter(g),
        onClick: f => i.playClickSound(() => i.selectItem(g)),
        onAddToCart: f => i.addToCart(g),
        onRemoveFromCart: f => i.removeFromCart(g)
    }, null, 8, ["item", "isLarge", "isInCart", "onMouseenter", "onClick", "onAddToCart", "onRemoveFromCart"]))), 128))]))), 128)), i.isMobile ? (a(), r("div", _K, [(a(!0), r(I, null, M(s.group.items.slice(Math.ceil(s.group.items.length / 2, s.group.items.length)), (b, u) => (a(), r("div", {
        class: "main-menu-store-main-group__items-list",
        key: u
    }, [(a(!0), r(I, null, M(b, (g, y) => (a(), p(_, {
        class: "main-menu-store-main-group__item",
        key: y,
        item: g,
        isLarge: s.group.groupType === o.GROUP_TYPE.DISCOUNTS,
        isInCart: i.checkIfItemIsInCart(g),
        onMouseenter: f => i.onMouseEnter(g),
        onClick: f => i.playClickSound(() => i.selectItem(g)),
        onAddToCart: f => i.addToCart(g),
        onRemoveFromCart: f => i.removeFromCart(g)
    }, null, 8, ["item", "isLarge", "isInCart", "onMouseenter", "onClick", "onAddToCart", "onRemoveFromCart"]))), 128))]))), 128))])) : h("", !0)])]), s.group.secondItems ? (a(), r("div", dK, [d(m, {
        class: "main-menu-store-main-group__title",
        text: s.group.secondLabel,
        isBig: s.group.groupType === o.GROUP_TYPE.DISCOUNTS
    }, null, 8, ["text", "isBig"]), n("div", uK, [i.isMobile ? (a(), r("div", hK, [(a(!0), r(I, null, M(s.group.secondItems.slice(0, Math.ceil(s.group.secondItems.length / 2)), (b, u) => (a(), r("div", {
        class: "main-menu-store-main-group__items-list",
        key: u
    }, [(a(!0), r(I, null, M(b, (g, y) => (a(), p(_, {
        class: "main-menu-store-main-group__item",
        key: y,
        item: g,
        isMedium: s.group.groupType === o.GROUP_TYPE.DISCOUNTS,
        isInCart: i.checkIfItemIsInCart(g),
        onMouseenter: f => i.onMouseEnter(g),
        onClick: f => i.playClickSound(() => i.selectItem(g)),
        onAddToCart: f => i.addToCart(g),
        onRemoveFromCart: f => i.removeFromCart(g)
    }, null, 8, ["item", "isMedium", "isInCart", "onMouseenter", "onClick", "onAddToCart", "onRemoveFromCart"]))), 128))]))), 128))])) : (a(!0), r(I, {
        key: 1
    }, M(s.group.secondItems, (b, u) => (a(), r("div", {
        class: "main-menu-store-main-group__items-list",
        key: u
    }, [(a(!0), r(I, null, M(b, (g, y) => (a(), p(_, {
        class: "main-menu-store-main-group__item",
        key: y,
        item: g,
        isMedium: s.group.groupType === o.GROUP_TYPE.DISCOUNTS,
        isInCart: i.checkIfItemIsInCart(g),
        onMouseenter: f => i.onMouseEnter(g),
        onClick: f => i.playClickSound(() => i.selectItem(g)),
        onAddToCart: f => i.addToCart(g),
        onRemoveFromCart: f => i.removeFromCart(g)
    }, null, 8, ["item", "isMedium", "isInCart", "onMouseenter", "onClick", "onAddToCart", "onRemoveFromCart"]))), 128))]))), 128)), i.isMobile ? (a(), r("div", pK, [(a(!0), r(I, null, M(s.group.secondItems.slice(Math.ceil(s.group.secondItems.length / 2, s.group.secondItems.length)), (b, u) => (a(), r("div", {
        class: "main-menu-store-main-group__items-list",
        key: u
    }, [(a(!0), r(I, null, M(b, (g, y) => (a(), p(_, {
        class: "main-menu-store-main-group__item",
        key: y,
        item: g,
        isMedium: s.group.groupType === o.GROUP_TYPE.DISCOUNTS,
        isInCart: i.checkIfItemIsInCart(g),
        onMouseenter: f => i.onMouseEnter(g),
        onClick: f => i.playClickSound(() => i.selectItem(g)),
        onAddToCart: f => i.addToCart(g),
        onRemoveFromCart: f => i.removeFromCart(g)
    }, null, 8, ["item", "isMedium", "isInCart", "onMouseenter", "onClick", "onAddToCart", "onRemoveFromCart"]))), 128))]))), 128))])) : h("", !0)])])) : h("", !0)])
}
const bK = {
        props: ["group", "cartItems", "flattenItems"],
        components: {
            GroupTitle: i1,
            MainItem: r1
        },
        data() {
            return {
                GROUP_TYPE: ne
            }
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            }
        },
        methods: {
            onMouseEnter(e) {
                this.playHoverSound(), this.$emit("itemHover", e)
            },
            checkIfItemIsInCart(e) {
                const t = this.flattenItems.indexOf(e);
                return t === -1 ? !1 : this.cartItems.findIndex(s => s.index === t) >= 0
            },
            playHoverSound() {
                window.playSound("UI/UI_button_point.mp3")
            },
            playClickSound(e) {
                window.playSound("UI/UI_menu_click_03.mp3"), e()
            },
            selectItem(e) {
                this.$emit("selectItem", e)
            },
            addToCart(e) {
                this.$emit("addToCart", e)
            },
            removeFromCart(e) {
                this.$emit("removeFromCart", e)
            }
        }
    },
    vK = v(bK, [
        ["render", gK],
        ["__scopeId", "data-v-b5ba53eb"]
    ]),
    CK = e => (D("data-v-5e446c19"), e = e(), L(), e),
    yK = {
        class: "main-menu-sidebar-cart-button__wrapper"
    },
    fK = {
        class: "main-menu-sidebar-cart-button__icon"
    },
    TK = {
        class: "main-menu-sidebar-cart-button__number"
    },
    EK = CK(() => n("div", {
        class: "main-menu-sidebar-cart-button__tooltip"
    }, [w("Товар добавлен в корзину"), n("div", {
        class: "main-menu-sidebar-cart-button__tooltip-arrow-wrapper"
    }, [n("img", {
        class: "main-menu-sidebar-cart-button__tooltip-arrow",
        src: xr
    })]), n("div", {
        class: "main-menu-sidebar-cart-button__tooltip-bg"
    })], -1));

function kK(e, t, s, l, o, i) {
    const m = c("CartIcon"),
        _ = c("Mark");
    return a(), r("div", {
        class: T(["main-menu-sidebar-cart-button", i.classes])
    }, [n("div", yK, [n("div", fK, [d(m)]), n("div", TK, C(s.cartItems.length), 1)]), EK, d(_, {
        class: "main-menu-sidebar-cart-button__mark"
    })], 2)
}
const IK = 1e3,
    wK = {
        props: ["isSelected", "cartItems"],
        components: {
            CartIcon: Co,
            Mark: Zt
        },
        data() {
            return {
                tooltipTimeout: null,
                isNew: !1,
                isShowTooltip: !1
            }
        },
        computed: {
            classes() {
                return {
                    "main-menu-sidebar-cart-button_new": this.isNew,
                    "main-menu-sidebar-cart-button_selected": this.isSelected,
                    "main-menu-sidebar-cart-button_number": this.cartItems.length,
                    "main-menu-sidebar-cart-button_tooltip": this.isShowTooltip
                }
            }
        },
        methods: {
            showTooltip() {
                this.isShowTooltip || (this.isShowTooltip = !0, clearTimeout(this.tooltipTimeout), this.tooltipTimeout = setTimeout(() => {
                    this.isShowTooltip = !1
                }, IK))
            }
        },
        watch: {
            isSelected(e) {
                e && (this.isNew = !1)
            },
            "cartItems.length"(e, t) {
                e === 0 && (this.isNew = !1, this.isShowTooltip = !1), !(e <= t) && (this.isNew = !0, this.showTooltip())
            }
        }
    },
    SK = v(wK, [
        ["render", kK],
        ["__scopeId", "data-v-5e446c19"]
    ]),
    MK = {},
    PK = {
        width: "22",
        height: "22",
        viewBox: "0 0 22 22",
        fill: "white",
        xmlns: "http://www.w3.org/2000/svg"
    },
    AK = n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M2 0C0.895431 0 0 0.89543 0 2V20C0 21.1046 0.89543 22 2 22H20C21.1046 22 22 21.1046 22 20V2C22 0.895431 21.1046 0 20 0H2ZM2 4H20V2H2V4ZM20 20H2V18H20V20ZM11.9379 6.53451C11.6157 5.66389 10.3843 5.66389 10.0621 6.5345L9.26894 8.67812C9.16765 8.95184 8.95184 9.16765 8.67812 9.26894L6.53451 10.0621C5.66389 10.3843 5.66389 11.6157 6.5345 11.9379L8.67812 12.7311C8.95184 12.8323 9.16765 13.0482 9.26894 13.3219L10.0621 15.4655C10.3843 16.3361 11.6157 16.3361 11.9379 15.4655L12.7311 13.3219C12.8323 13.0482 13.0482 12.8323 13.3219 12.7311L15.4655 11.9379C16.3361 11.6157 16.3361 10.3843 15.4655 10.0621L13.3219 9.26894C13.0482 9.16765 12.8323 8.95184 12.7311 8.67812L11.9379 6.53451Z"
    }, null, -1),
    DK = [AK];

function LK(e, t) {
    return a(), r("svg", PK, DK)
}
const xK = v(MK, [
        ["render", LK]
    ]),
    OK = {},
    BK = {
        width: "22",
        height: "22",
        viewBox: "0 0 22 22",
        fill: "white",
        xmlns: "http://www.w3.org/2000/svg"
    },
    $K = n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0C4.92487 0 0 4.92487 0 11C0 17.0751 4.92487 22 11 22ZM9.4 4H8.4V5V10.2374H6V12.2374H8.4V13.3889H6V15.3889H8.4V18H10.4V15.3889H13.0667V13.3889H10.4V12.2374H12.8813C15.156 12.2374 17 10.3934 17 8.11869C17 5.844 15.156 4 12.8813 4H9.4ZM12.8813 10.2374H10.4V6H12.8813C14.0514 6 15 6.94857 15 8.11869C15 9.28881 14.0514 10.2374 12.8813 10.2374Z"
    }, null, -1),
    NK = [$K];

function RK(e, t) {
    return a(), r("svg", BK, NK)
}
const VK = v(OK, [
        ["render", RK]
    ]),
    HK = {},
    UK = {
        width: "20",
        height: "20",
        viewBox: "0 0 20 20",
        fill: "white",
        xmlns: "http://www.w3.org/2000/svg"
    },
    YK = n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M2 0C0.895431 0 0 0.895431 0 2V18C0 19.1046 0.895431 20 2 20H18C19.1046 20 20 19.1046 20 18V2C20 0.895431 19.1046 0 18 0H2ZM6.9 3H5.9V4V9H3V11H5.9V16V17H6.9H10C13.866 17 17 13.866 17 10C17 6.13401 13.866 3 10 3H6.9ZM10.8 11H7.9V15H10C12.7614 15 15 12.7614 15 10C15 7.23858 12.7614 5 10 5H7.9V9H10.8V11Z"
    }, null, -1),
    KK = [YK];

function GK(e, t) {
    return a(), r("svg", UK, KK)
}
const FK = v(HK, [
        ["render", GK]
    ]),
    zK = {},
    ZK = {
        width: "22",
        height: "22",
        viewBox: "0 0 22 22",
        fill: "white",
        xmlns: "http://www.w3.org/2000/svg"
    },
    qK = n("path", {
        d: "M16 11C16 13.7614 13.7614 16 11 16C8.23858 16 6 13.7614 6 11C6 8.23858 8.23858 6 11 6C13.7614 6 16 8.23858 16 11Z"
    }, null, -1),
    WK = n("path", {
        d: "M4 11C4 12.1046 3.10457 13 2 13C0.89543 13 0 12.1046 0 11C0 9.89543 0.89543 9 2 9C3.10457 9 4 9.89543 4 11Z"
    }, null, -1),
    jK = n("path", {
        d: "M22 11C22 12.1046 21.1046 13 20 13C18.8954 13 18 12.1046 18 11C18 9.89543 18.8954 9 20 9C21.1046 9 22 9.89543 22 11Z"
    }, null, -1),
    XK = [qK, WK, jK];

function QK(e, t) {
    return a(), r("svg", ZK, XK)
}
const JK = v(zK, [
        ["render", QK]
    ]),
    eG = {},
    tG = {
        width: "22",
        height: "22",
        viewBox: "0 0 22 22",
        fill: "white",
        xmlns: "http://www.w3.org/2000/svg"
    },
    sG = n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M11.7372 1.41014C11.0206 0.863286 10.0269 0.863286 9.31035 1.41014L8.12104 2.31785C7.7476 2.60286 7.28575 2.74732 6.81647 2.72591L5.30363 2.65688C4.37839 2.61466 3.54521 3.21324 3.28993 4.10356L2.93177 5.3527C2.79538 5.8284 2.48746 6.23665 2.06755 6.49851L0.941928 7.20047C0.120942 7.71245 -0.215824 8.7387 0.142193 9.63757L0.582879 10.744C0.772155 11.2192 0.772155 11.7489 0.582879 12.2241L0.142193 13.3305C-0.215824 14.2294 0.120942 15.2557 0.941928 15.7676L2.06755 16.4696C2.48746 16.7315 2.79538 17.1397 2.93177 17.6154L3.28993 18.8645C3.54521 19.7549 4.37839 20.3534 5.30363 20.3112L6.81647 20.2422C7.28575 20.2208 7.7476 20.3652 8.12104 20.6503L9.31035 21.558C10.0269 22.1048 11.0206 22.1048 11.7372 21.558L12.9265 20.6503C13.2999 20.3652 13.7618 20.2208 14.231 20.2422L15.7439 20.3112C16.6691 20.3534 17.5023 19.7549 17.7576 18.8645L18.1157 17.6154C18.2521 17.1397 18.56 16.7315 18.98 16.4696L20.1056 15.7676C20.9266 15.2557 21.2633 14.2294 20.9053 13.3305L20.4646 12.2241C20.2754 11.7489 20.2754 11.2192 20.4646 10.744L20.9053 9.63757C21.2633 8.7387 20.9266 7.71245 20.1056 7.20047L18.98 6.49851C18.56 6.23665 18.2521 5.8284 18.1157 5.3527L17.7576 4.10356C17.5023 3.21324 16.6691 2.61466 15.7439 2.65688L14.231 2.72591C13.7618 2.74732 13.2999 2.60286 12.9265 2.31784L11.7372 1.41014ZM7.52374 10.4844C8.62831 10.4844 9.52374 9.58894 9.52374 8.48438C9.52374 7.37981 8.62831 6.48438 7.52374 6.48438C6.41917 6.48438 5.52374 7.37981 5.52374 8.48438C5.52374 9.58894 6.41917 10.4844 7.52374 10.4844ZM15.5237 14.4844C15.5237 15.5889 14.6283 16.4844 13.5237 16.4844C12.4192 16.4844 11.5237 15.5889 11.5237 14.4844C11.5237 13.3798 12.4192 12.4844 13.5237 12.4844C14.6283 12.4844 15.5237 13.3798 15.5237 14.4844ZM6.23087 17.1912L16.2309 7.19117L14.8167 5.77695L4.81666 15.777L6.23087 17.1912Z"
    }, null, -1),
    iG = [sG];

function nG(e, t) {
    return a(), r("svg", tG, iG)
}
const aG = v(eG, [
        ["render", nG]
    ]),
    oG = {},
    rG = {
        width: "22",
        height: "22",
        viewBox: "0 0 22 22",
        fill: "white",
        xmlns: "http://www.w3.org/2000/svg"
    },
    lG = n("path", {
        d: "M10.105 1.79521C10.4732 1.05676 11.5268 1.05676 11.895 1.79522L14.3156 6.65084C14.4612 6.94286 14.7401 7.14549 15.0628 7.1937L20.4288 7.99539C21.2448 8.11732 21.5704 9.11938 20.9819 9.6977L17.1119 13.5003C16.8792 13.729 16.7727 14.0569 16.8265 14.3787L17.7223 19.7298C17.8585 20.5436 17.0061 21.1629 16.2742 20.7819L11.4618 18.2764C11.1724 18.1257 10.8276 18.1257 10.5382 18.2764L5.72581 20.7819C4.99393 21.1629 4.14152 20.5436 4.27774 19.7298L5.17347 14.3787C5.22734 14.0569 5.12081 13.729 4.88807 13.5003L1.01812 9.6977C0.429561 9.11938 0.755152 8.11732 1.57123 7.99539L6.93722 7.1937C7.25993 7.14549 7.53883 6.94286 7.68441 6.65083L10.105 1.79521Z"
    }, null, -1),
    cG = [lG];

function mG(e, t) {
    return a(), r("svg", rG, cG)
}
const _G = v(oG, [
        ["render", mG]
    ]),
    dG = {},
    uG = {
        width: "22",
        height: "22",
        viewBox: "0 0 22 22",
        fill: "white",
        xmlns: "http://www.w3.org/2000/svg"
    },
    hG = n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M4 0C2.89543 0 2 0.895432 2 2L20 2C20 0.895431 19.1046 0 18 0H4ZM20 16H2V17.1544C2 17.9811 2.50862 18.7226 3.27985 19.0203L10.2798 21.722C10.7433 21.9009 11.2567 21.9009 11.7202 21.722L18.7202 19.0203C19.4914 18.7226 20 17.9811 20 17.1544V16Z"
    }, null, -1),
    pG = n("path", {
        d: "M4.12821 14L4 4H5.76788L5.68691 9.69767C5.68241 9.89831 5.67566 10.0967 5.66667 10.2927C5.65767 10.4843 5.64417 10.6872 5.62618 10.9015C5.61269 11.1158 5.59244 11.3552 5.56545 11.6197H5.59244C5.64193 11.4373 5.69591 11.2503 5.75439 11.0588C5.81287 10.8673 5.87809 10.6689 5.95007 10.4637C6.02654 10.2585 6.10976 10.0465 6.19973 9.82763L8.52092 4H10.3698L6.11876 14H4.12821Z"
    }, null, -1),
    gG = n("path", {
        d: "M9.12821 14L11.2267 4H12.9406L10.8556 14H9.12821Z"
    }, null, -1),
    bG = n("path", {
        d: "M12.4885 14L14.5735 4H16.5371C17.1039 4 17.5695 4.09576 17.9339 4.28728C18.2982 4.47424 18.5659 4.74099 18.7368 5.08755C18.9123 5.42955 19 5.83311 19 6.29822C19 6.8135 18.9303 7.31509 18.7908 7.80301C18.6514 8.28637 18.4377 8.72412 18.1498 9.11628C17.8664 9.50388 17.5088 9.81395 17.0769 10.0465C16.6451 10.2745 16.1345 10.3885 15.5452 10.3885H14.9582L14.2159 14H12.4885ZM15.2821 8.85636H15.5587C15.9141 8.85636 16.2132 8.75832 16.4561 8.56224C16.7036 8.36617 16.8902 8.09257 17.0162 7.74145C17.1466 7.39033 17.2119 6.98222 17.2119 6.5171C17.2119 6.16598 17.1309 5.9129 16.969 5.75787C16.8115 5.60283 16.5709 5.52531 16.247 5.52531H15.9838L15.2821 8.85636Z"
    }, null, -1),
    vG = [hG, pG, gG, bG];

function CG(e, t) {
    return a(), r("svg", uG, vG)
}
const yG = v(dG, [
        ["render", CG]
    ]),
    fG = e => (D("data-v-3dd92dd9"), e = e(), L(), e),
    TG = {
        class: "main-menu-store-main-sidebar"
    },
    EG = {
        class: "main-menu-store-main-sidebar__items"
    },
    kG = fG(() => n("img", {
        class: "main-menu-store-main-sidebar__divider",
        src: Or
    }, null, -1));

function IG(e, t, s, l, o, i) {
    const m = c("ControlsButton"),
        _ = c("SidebarCartButton"),
        b = c("GlobalHoverWrapper"),
        u = c("Tooltip"),
        g = c("Mark");
    return a(), r("div", TG, [s.isMobile ? h("", !0) : (a(), p(m, {
        key: 0,
        text: o.SCROLL_TOP_KEY,
        disabled: s.buttonsIsDisabled,
        keyCode: o.SCROLL_TOP_KEY_CODE,
        eventOnKeyUp: !1,
        pressSound: "UI/UI_menu_click_03.mp3",
        onMousedown: t[0] || (t[0] = y => i.onPointerDown(o.SCROLL_TOP_KEY_CODE)),
        onTouchstart: t[1] || (t[1] = y => i.onPointerDown(o.SCROLL_TOP_KEY_CODE))
    }, null, 8, ["text", "disabled", "keyCode"])), n("div", EG, [d(u, {
        class: "main-menu-store-main-sidebar__cart-tooltip",
        text: "Корзина",
        teleportTo: "body"
    }, {
        default: E(() => [d(b, {
            class: "main-menu-store-main-sidebar__cart",
            clickSound: "UI/UI_menu_click_03.mp3"
        }, {
            default: E(() => [d(_, {
                onClick: i.openCart,
                cartItems: s.cartItems,
                isSelected: s.cartIsOpened
            }, null, 8, ["onClick", "cartItems", "isSelected"])]),
            _: 1
        })]),
        _: 1
    }), kG, (a(!0), r(I, null, M(s.groups, (y, f) => (a(), p(u, {
        class: "main-menu-store-main-sidebar__item-tooltip",
        key: f,
        text: y.label,
        teleportTo: "body"
    }, {
        default: E(() => [d(b, {
            class: T(["main-menu-store-main-sidebar__item", {
                "main-menu-store-main-sidebar__item_selected": s.selectedIndex === f && !s.cartIsOpened
            }]),
            clickSound: "UI/UI_menu_click_03.mp3",
            onClick: k => i.onSelect(f)
        }, {
            default: E(() => [(a(), p(z(i.getIcon(y)), {
                class: "main-menu-store-main-sidebar__item-icon"
            })), i.groupNewItemsStatuses[f] ? (a(), p(g, {
                key: 0
            })) : h("", !0)]),
            _: 2
        }, 1032, ["class", "onClick"])]),
        _: 2
    }, 1032, ["text"]))), 128))]), s.isMobile ? h("", !0) : (a(), p(m, {
        key: 1,
        text: o.SCROLL_BOTTOM_KEY,
        disabled: s.buttonsIsDisabled,
        keyCode: o.SCROLL_BOTTOM_KEY_CODE,
        eventOnKeyUp: !1,
        pressSound: "UI/UI_menu_click_03.mp3",
        onMousedown: t[2] || (t[2] = y => i.onPointerDown(o.SCROLL_BOTTOM_KEY_CODE)),
        onTouchstart: t[3] || (t[3] = y => i.onPointerDown(o.SCROLL_BOTTOM_KEY_CODE))
    }, null, 8, ["text", "disabled", "keyCode"]))])
}
const qo = "W",
    wG = window.KEY_CODE_ARROW_TOP,
    Wo = "S",
    SG = window.KEY_CODE_ARROW_BOTTOM,
    ps = {
        KEY: 0,
        POINTER: 1
    },
    gs = {
        UP: -1,
        DOWN: 1
    },
    MG = {
        props: ["groups", "selectedIndex", "cartIsOpened", "buttonsIsDisabled", "cartItems", "isMobile"],
        components: {
            ControlsButton: H,
            SidebarCartButton: SK,
            Tooltip: Ft,
            BundleIcon: xK,
            CartIcon: Co,
            CurrencyIcon: VK,
            DonateCurrencyIcon: FK,
            OtherIcon: JK,
            SpecialIcon: aG,
            StarIcon: _G,
            VIPIcon: yG,
            Mark: Zt
        },
        data() {
            return {
                SCROLL_TOP_KEY: qo,
                SCROLL_BOTTOM_KEY: Wo,
                SCROLL_TOP_KEY_CODE: window[`KEY_CODE_${qo}`],
                SCROLL_BOTTOM_KEY_CODE: window[`KEY_CODE_${Wo}`],
                scroll: {
                    active: !1,
                    initType: ps.KEY,
                    deltaType: gs.UP
                }
            }
        },
        computed: {
            groupNewItemsStatuses() {
                return this.groups.map(e => {
                    let t = !1;
                    return e.items && (t = e.items.find(s => s.find(l => l.isNew === !0))), e.secondItems && !t && (t = e.secondItems.find(s => s.find(l => l.isNew === !0))), !!t
                })
            }
        },
        created() {
            document.addEventListener("keydown", this.onKeyDown), document.addEventListener("keyup", this.onKeyUp), document.addEventListener("mouseup", this.onPointerUp), document.addEventListener("touchend", this.onPointerUp)
        },
        unmounted() {
            document.removeEventListener("keydown", this.onKeyDown), document.removeEventListener("keyup", this.onKeyUp), document.removeEventListener("mouseup", this.onPointerUp), document.removeEventListener("touchend", this.onPointerUp)
        },
        methods: {
            getIcon(e) {
                return e.groupType === ne.CURRENCY ? "CurrencyIcon" : e.groupType === ne.DISCOUNTS ? "SpecialIcon" : e.groupType === ne.DONATE_CURRENCY ? "DonateCurrencyIcon" : e.groupType === ne.BUNDLES ? "BundleIcon" : e.groupType === ne.OTHER ? "OtherIcon" : e.groupType === ne.SPECIAL ? "StarIcon" : e.groupType === ne.VIP ? "VIPIcon" : "CartIcon"
            },
            onSelect(e) {
                e === this.selectedIndex && !this.cartIsOpened || this.$emit("select", e)
            },
            openCart() {
                this.$emit("openCart")
            },
            onKeyDown(e) {
                this.buttonsIsDisabled || (this.keyCodeIsScrollTop(e.keyCode) || this.keyCodeIsScrollBottom(e.keyCode)) && (this.scroll.active = !0, this.scroll.initType = ps.KEY, this.scroll.deltaType = this.keyCodeIsScrollBottom(e.keyCode) ? gs.DOWN : gs.UP)
            },
            onKeyUp() {
                !this.scroll.active || this.scroll.initType !== ps.KEY || (this.scroll.active = !1)
            },
            onPointerDown(e) {
                this.buttonsIsDisabled || (this.keyCodeIsScrollTop(e) || this.keyCodeIsScrollBottom(e)) && (this.scroll.active = !0, this.scroll.initType = ps.POINTER, this.scroll.deltaType = this.keyCodeIsScrollBottom(e) ? gs.DOWN : gs.UP)
            },
            onPointerUp() {
                !this.scroll.active || this.scroll.initType !== ps.POINTER || (this.scroll.active = !1)
            },
            keyCodeIsScrollTop(e) {
                return e === this.SCROLL_TOP_KEY_CODE || e === wG
            },
            keyCodeIsScrollBottom(e) {
                return e === this.SCROLL_BOTTOM_KEY_CODE || e === SG
            }
        },
        watch: {
            scroll: {
                handler(e) {
                    this.$emit("scrollStatusUpdate", e.active, e.deltaType)
                },
                deep: !0
            }
        }
    },
    PG = v(MG, [
        ["render", IG],
        ["__scopeId", "data-v-3dd92dd9"]
    ]),
    AG = {
        class: "item-params-tooltip__top"
    },
    DG = {
        key: 0,
        class: "item-params-tooltip__rare"
    },
    LG = {
        class: "item-params-tooltip__name"
    },
    xG = {
        key: 0,
        class: "item-params-tooltip__subtitle"
    },
    OG = {
        class: "item-params-tooltip__title"
    },
    BG = {
        key: 0,
        class: "item-params-tooltip__params"
    },
    $G = {
        class: "item-params-tooltip__param"
    },
    NG = {
        class: "item-params-tooltip__param-name"
    },
    RG = {
        class: "item-params-tooltip__param-value"
    },
    VG = {
        key: 1,
        class: "item-params-tooltip__description"
    };

function HG(e, t, s, l, o, i) {
    const m = c("GraffitiPattern");
    return a(), r("div", {
        class: T(["item-params-tooltip", i.classes])
    }, [n("div", AG, [s.isRare ? (a(), r("div", DG)) : h("", !0), d(m, {
        class: "item-params-tooltip__pattern",
        rotate: 148,
        opacity: .07,
        maskImage: 55
    }), n("div", LG, [s.isRare ? (a(), r("div", xG, C(s.rarityName), 1)) : h("", !0), n("div", OG, C(s.title), 1)])]), s.params.length ? (a(), r("div", BG, [(a(!0), r(I, null, M(s.params, _ => (a(), r("div", $G, [n("div", {
        class: "item-params-tooltip__param-icon",
        style: x({
            backgroundImage: `url(${o.images[`/src/assets/images/icons/${i.getParamIcon(_.type)}`]})`
        })
    }, null, 4), n("div", NG, C(i.getParamName(_.type)), 1), n("div", {
        class: "item-params-tooltip__param-dots",
        style: x({
            backgroundImage: `url(${o.images["/src/assets/images/icons/dots.png"]})`
        })
    }, null, 4), n("div", RG, C(i.getformattedParamValue(_)), 1)]))), 256))])) : s.text.length ? (a(), r("div", VG, C(s.text), 1)) : h("", !0)], 2)
}
const UG = {
        props: {
            rarityType: {
                type: Number,
                required: !1,
                default: ye.GREY
            },
            isRare: {
                type: Boolean,
                required: !1,
                default: !1
            },
            rarityName: {
                type: String,
                required: !1,
                default: ""
            },
            title: {
                type: String,
                required: !1,
                default: ""
            },
            text: {
                type: String,
                required: !1,
                default: ""
            },
            params: {
                type: Array,
                required: !1,
                default: () => []
            }
        },
        components: {
            GraffitiPattern: en
        },
        data() {
            return {
                images: Object.assign({
                    "/src/assets/images/icons/angle-up-primary.svg": sl,
                    "/src/assets/images/icons/angle-up-secondary.svg": il,
                    "/src/assets/images/icons/arrow-square-white.svg": nl,
                    "/src/assets/images/icons/backspace-icon.png": ws,
                    "/src/assets/images/icons/check.png": Ss,
                    "/src/assets/images/icons/close-mobile-back.svg": al,
                    "/src/assets/images/icons/close-mobile-borderless-square-white.svg": ol,
                    "/src/assets/images/icons/close-mobile-circle.svg": rl,
                    "/src/assets/images/icons/close-mobile-cross.svg": ll,
                    "/src/assets/images/icons/close-mobile-octagonal.svg": cl,
                    "/src/assets/images/icons/close-mobile-square-black.svg": ml,
                    "/src/assets/images/icons/close-mobile-square-white.svg": _l,
                    "/src/assets/images/icons/close-mobile.svg": dl,
                    "/src/assets/images/icons/close-primary.svg": ul,
                    "/src/assets/images/icons/close-secondary.svg": hl,
                    "/src/assets/images/icons/close.svg": El,
                    "/src/assets/images/icons/criminal-ranks/bronze-min.png": Ud,
                    "/src/assets/images/icons/criminal-ranks/bronze.png": Kc,
                    "/src/assets/images/icons/criminal-ranks/diamond-min.png": Yd,
                    "/src/assets/images/icons/criminal-ranks/diamond.png": Gc,
                    "/src/assets/images/icons/criminal-ranks/gold-min.png": Kd,
                    "/src/assets/images/icons/criminal-ranks/gold.png": Fc,
                    "/src/assets/images/icons/criminal-ranks/no-rating-min.png": Gd,
                    "/src/assets/images/icons/criminal-ranks/silver-min.png": Fd,
                    "/src/assets/images/icons/criminal-ranks/silver.png": zc,
                    "/src/assets/images/icons/cross.png": Ms,
                    "/src/assets/images/icons/donate.png": Ze,
                    "/src/assets/images/icons/dots.png": Ps,
                    "/src/assets/images/icons/enter-button-icon.png": As,
                    "/src/assets/images/icons/enter-icon.png": Ds,
                    "/src/assets/images/icons/faq.svg": pl,
                    "/src/assets/images/icons/gang-icons/0.png": Wd,
                    "/src/assets/images/icons/gang-icons/1.png": jd,
                    "/src/assets/images/icons/gang-icons/10.png": Xd,
                    "/src/assets/images/icons/gang-icons/11.png": Qd,
                    "/src/assets/images/icons/gang-icons/12.png": Jd,
                    "/src/assets/images/icons/gang-icons/13.png": eu,
                    "/src/assets/images/icons/gang-icons/14.png": tu,
                    "/src/assets/images/icons/gang-icons/15.png": su,
                    "/src/assets/images/icons/gang-icons/16.png": iu,
                    "/src/assets/images/icons/gang-icons/17.png": nu,
                    "/src/assets/images/icons/gang-icons/18.png": au,
                    "/src/assets/images/icons/gang-icons/19.png": ou,
                    "/src/assets/images/icons/gang-icons/2.png": ru,
                    "/src/assets/images/icons/gang-icons/20.png": lu,
                    "/src/assets/images/icons/gang-icons/21.png": cu,
                    "/src/assets/images/icons/gang-icons/22.png": mu,
                    "/src/assets/images/icons/gang-icons/23.png": _u,
                    "/src/assets/images/icons/gang-icons/24.png": du,
                    "/src/assets/images/icons/gang-icons/25.png": uu,
                    "/src/assets/images/icons/gang-icons/26.png": hu,
                    "/src/assets/images/icons/gang-icons/27.png": pu,
                    "/src/assets/images/icons/gang-icons/28.png": gu,
                    "/src/assets/images/icons/gang-icons/29.png": bu,
                    "/src/assets/images/icons/gang-icons/3.png": vu,
                    "/src/assets/images/icons/gang-icons/4.png": Cu,
                    "/src/assets/images/icons/gang-icons/5.png": yu,
                    "/src/assets/images/icons/gang-icons/6.png": fu,
                    "/src/assets/images/icons/gang-icons/7.png": Tu,
                    "/src/assets/images/icons/gang-icons/8.png": Eu,
                    "/src/assets/images/icons/gang-icons/9.png": ku,
                    "/src/assets/images/icons/google-authenticator.svg": gl,
                    "/src/assets/images/icons/icon-capacity.png": Ls,
                    "/src/assets/images/icons/icon-damage.png": xs,
                    "/src/assets/images/icons/icon-fuel-type.png": Os,
                    "/src/assets/images/icons/icon-max-fuel.png": Bs,
                    "/src/assets/images/icons/icon-max-seats.png": $s,
                    "/src/assets/images/icons/left-mouse-button.svg": bl,
                    "/src/assets/images/icons/left-mouse.png": Ns,
                    "/src/assets/images/icons/logo/logo_hassle.png": Iu,
                    "/src/assets/images/icons/logo/logo_radmir.png": wu,
                    "/src/assets/images/icons/long-arrow-left-primary.svg": vl,
                    "/src/assets/images/icons/long-arrow-left-secondary.svg": Cl,
                    "/src/assets/images/icons/middle-mouse.png": Rs,
                    "/src/assets/images/icons/minus.png": at,
                    "/src/assets/images/icons/money.png": Ae,
                    "/src/assets/images/icons/money_small.png": zt,
                    "/src/assets/images/icons/notification/check.png": Zc,
                    "/src/assets/images/icons/notification/cross.png": qc,
                    "/src/assets/images/icons/notification/info.png": Wc,
                    "/src/assets/images/icons/notification/warning.png": jc,
                    "/src/assets/images/icons/plus.png": ot,
                    "/src/assets/images/icons/question-mark-glow.png": Vs,
                    "/src/assets/images/icons/question-mark.png": Hs,
                    "/src/assets/images/icons/right-mouse.png": Us,
                    "/src/assets/images/icons/rouble_sign.svg": yl,
                    "/src/assets/images/icons/rouble_sign_grey.svg": fl,
                    "/src/assets/images/icons/rub.png": Ys,
                    "/src/assets/images/icons/tab-icon.png": Ks,
                    "/src/assets/images/icons/telegram-authenticator.svg": Tl,
                    "/src/assets/images/icons/vip/icon-gold-vip.png": zd,
                    "/src/assets/images/icons/vip/icon-platinum-vip.png": Zd,
                    "/src/assets/images/icons/vip/icon-silver-vip.png": qd
                })
            }
        },
        computed: {
            classes() {
                return {
                    "item-params-tooltip_grey": this.rarityType === ye.GREY,
                    "item-params-tooltip_blue": this.rarityType === ye.BLUE,
                    "item-params-tooltip_violet": this.rarityType === ye.VIOLET,
                    "item-params-tooltip_red": this.rarityType === ye.RED,
                    "item-params-tooltip_yellow": this.rarityType === ye.YELLOW,
                    "item-params-tooltip_no-rarity": !this.isRare
                }
            }
        },
        methods: {
            getParamName(e) {
                return e === Fe.CAPACITY ? "ВМЕСТИМОСТЬ БАГАЖНИКА" : e === Fe.MAX_SEATS ? "МЕСТА" : e === Fe.MAX_FUEL ? "ОБЪЕМ БАКА" : e === Fe.FUEL_TYPE ? "ТИП ТОПЛИВА" : ""
            },
            getParamIcon(e) {
                return e === Fe.CAPACITY ? "icon-capacity.png" : e === Fe.MAX_SEATS ? "icon-max-seats.png" : e === Fe.MAX_FUEL ? "icon-max-fuel.png" : e === Fe.FUEL_TYPE ? "icon-fuel-type.png" : ""
            },
            getformattedParamValue(e) {
                const t = e.units && e.units.length ? F(e.value) : e.value,
                    s = e.units && e.units.length ? e.units : "";
                return `${t} ${s}`
            }
        }
    },
    YG = v(UG, [
        ["render", HG],
        ["__scopeId", "data-v-0ebc3d32"]
    ]),
    KG = e => (D("data-v-003245ed"), e = e(), L(), e),
    GG = {
        key: 0,
        class: "main-menu-store-item-entry__line"
    },
    FG = KG(() => n("div", {
        class: "main-menu-store-item-entry__circle"
    }, null, -1));

function zG(e, t, s, l, o, i) {
    const m = c("ItemParamsTooltip");
    return a(), r("div", {
        class: T(["main-menu-store-item-entry", i.classes]),
        onTouchstart: t[0] || (t[0] = _ => o.isActive = !0),
        onTouchend: t[1] || (t[1] = _ => o.isActive = !1)
    }, [i.isRare ? (a(), r("div", GG)) : h("", !0), FG, n("div", {
        class: T(["main-menu-store-item-entry__image", {
            "main-menu-store-item-entry__image_skin": i.isSkin
        }])
    }, [n("div", {
        class: "main-menu-store-item-entry__image-content",
        style: x({
            backgroundImage: `url('${i.imageUrl}')`
        })
    }, null, 4)], 2), i.isTooltipAvailable ? (a(), p(m, {
        key: 1,
        class: "main-menu-store-item-entry-tooltip",
        rarityType: s.rarityType,
        isRare: i.isRare,
        rarityName: s.rarityName,
        title: s.title,
        text: s.text,
        params: s.params
    }, null, 8, ["rarityType", "isRare", "rarityName", "title", "text", "params"])) : h("", !0)], 34)
}
const ZG = {
        props: {
            rarityType: {
                type: Number,
                required: !1,
                default: ye.NONE
            },
            image: {
                type: [String, Number],
                required: !0
            },
            imageType: {
                type: Number,
                required: !1,
                default: us.INVENTORY_ITEM
            },
            rarityName: {
                type: String,
                required: !1,
                default: ""
            },
            title: {
                type: String,
                required: !1,
                default: ""
            },
            text: {
                type: String,
                required: !1,
                default: ""
            },
            params: {
                type: Array,
                required: !1,
                default: () => []
            }
        },
        components: {
            ItemParamsTooltip: YG
        },
        data() {
            return {
                images: Object.assign({
                    "/src/assets/images/main-menu/store/item/entry/rarity-line_blue.png": Gi,
                    "/src/assets/images/main-menu/store/item/entry/rarity-line_grey.png": Fi,
                    "/src/assets/images/main-menu/store/item/entry/rarity-line_red.png": zi,
                    "/src/assets/images/main-menu/store/item/entry/rarity-line_violet.png": Zi,
                    "/src/assets/images/main-menu/store/item/entry/rarity-line_yellow.png": qi
                }),
                isActive: !1
            }
        },
        computed: {
            classes() {
                return {
                    "main-menu-store-item-entry_grey": this.rarityType === ye.GREY,
                    "main-menu-store-item-entry_blue": this.rarityType === ye.BLUE,
                    "main-menu-store-item-entry_violet": this.rarityType === ye.VIOLET,
                    "main-menu-store-item-entry_red": this.rarityType === ye.RED,
                    "main-menu-store-item-entry_yellow": this.rarityType === ye.YELLOW,
                    "main-menu-store-item-entry_no-rarity": !this.isRare,
                    "main-menu-store-item-entry_hoverable": !this.isMobile && this.isTooltipAvailable,
                    "main-menu-store-item-entry_active": this.isActive && this.isTooltipAvailable
                }
            },
            isMobile() {
                return this.$root.isMobile
            },
            isRare() {
                return this.rarityType !== ye.NONE
            },
            imageUrl() {
                return this.imageType === us.SKIN ? `images/skins/small/${this.image}.png` : this.imageType === us.ACCESSORY ? `images/accessories/small/${this.image}.png` : this.imageType === us.CARS ? `images/cars/small/${this.image}.png` : `images/inventoryItems/small/${this.image}.png`
            },
            isSkin() {
                return this.imageType === us.SKIN
            },
            isTooltipAvailable() {
                return this.params.length || this.title.length
            }
        }
    },
    l1 = v(ZG, [
        ["render", zG],
        ["__scopeId", "data-v-003245ed"]
    ]),
    c1 = e => (D("data-v-2e03909f"), e = e(), L(), e),
    qG = {
        class: "main-menu-counter"
    },
    WG = c1(() => n("img", {
        class: "main-menu-counter__button-icon",
        src: at
    }, null, -1)),
    jG = [WG],
    XG = {
        class: "main-menu-counter__amount"
    },
    QG = c1(() => n("img", {
        class: "main-menu-counter__button-icon",
        src: ot
    }, null, -1)),
    JG = [QG];

function eF(e, t, s, l, o, i) {
    return a(), r("div", qG, [n("div", {
        class: T(["main-menu-counter__button", {
            "main-menu-counter__button_disabled": i.decrementIsDisabled
        }]),
        onClick: t[0] || (t[0] = (...m) => i.decrement && i.decrement(...m))
    }, jG, 2), n("div", XG, C(i.currentAmount), 1), n("div", {
        class: T(["main-menu-counter__button", {
            "main-menu-counter__button_disabled": i.incrementIsDisabled
        }]),
        onClick: t[1] || (t[1] = (...m) => i.increment && i.increment(...m))
    }, JG, 2)])
}
const jo = 100,
    Tn = 1,
    tF = {
        props: {
            amount: {
                type: Number,
                default: Tn
            },
            onlyOneIsAvailable: {
                type: Boolean,
                default: !1
            },
            min: {
                type: Number,
                default: Tn
            },
            max: {
                type: Number,
                default: jo
            }
        },
        data() {
            return {
                MAX: jo,
                MIN: Tn
            }
        },
        computed: {
            incrementIsDisabled() {
                return this.amount >= this.max || this.onlyOneIsAvailable
            },
            decrementIsDisabled() {
                return this.amount <= this.min || this.onlyOneIsAvailable
            },
            currentAmount() {
                return this.onlyOneIsAvailable ? 1 : this.amount
            }
        },
        methods: {
            increment() {
                this.incrementIsDisabled || this.$emit("increment")
            },
            decrement() {
                this.decrementIsDisabled || this.$emit("decrement")
            }
        }
    },
    fo = v(tF, [
        ["render", eF],
        ["__scopeId", "data-v-2e03909f"]
    ]),
    sF = e => (D("data-v-24ad0d69"), e = e(), L(), e),
    iF = {
        class: "main-menu-store-small-item__content"
    },
    nF = {
        class: "main-menu-store-small-item__params"
    },
    aF = {
        key: 1,
        class: "main-menu-store-small-item__title"
    },
    oF = {
        class: "main-menu-store-small-item__text"
    },
    rF = {
        class: "main-menu-store-small-item__label"
    },
    lF = sF(() => n("div", {
        class: "main-menu-store-small-item__remove-btn-line"
    }, null, -1)),
    cF = [lF],
    mF = {
        key: 1,
        class: "main-menu-store-small-item__entries"
    },
    _F = {
        class: "main-menu-store-small-item__entries-title"
    },
    dF = {
        class: "main-menu-store-small-item__entries-list"
    };

function uF(e, t, s, l, o, i) {
    const m = c("ItemBadges"),
        _ = c("CurrencyTitle"),
        b = c("PricingBlock"),
        u = c("Counter"),
        g = c("Tooltip"),
        y = c("ItemEntry");
    return a(), r("div", {
        class: T(["main-menu-store-small-item", i.classes])
    }, [n("div", iF, [n("div", {
        class: "main-menu-store-small-item__image",
        style: x({
            backgroundImage: `url(${e.images[`/src/assets/images/main-menu/store/items/${i.item.image}.jpg`]})`
        })
    }, [d(m, {
        class: "main-menu-store-small-item__image-badges",
        item: i.item
    }, null, 8, ["item"])], 4), n("div", nF, [i.isDonate || i.isCurrency ? (a(), p(_, {
        key: 0,
        amount: i.item.text,
        isDonate: i.isDonate
    }, null, 8, ["amount", "isDonate"])) : (a(), r("div", aF, [n("div", oF, C(s.text), 1), n("div", rF, C(s.label), 1)])), d(b, {
        class: "main-menu-store-small-item__price",
        isShowTitle: !1,
        price: s.price,
        oldPrice: s.oldPrice,
        type: i.isDonate ? e.MAIN_MENU_ITEM_PRICE_TYPES.RUB : e.MAIN_MENU_ITEM_PRICE_TYPES.DONATE
    }, null, 8, ["price", "oldPrice", "type"])])]), s.type === e.SMALL_ITEM_TYPES.CART ? (a(), r(I, {
        key: 0
    }, [d(u, {
        class: "main-menu-store-small-item__counter",
        amount: s.cartItem.amount,
        max: i.item.maxQuantity,
        onIncrement: t[0] || (t[0] = f => e.$emit("increment")),
        onDecrement: t[1] || (t[1] = f => e.$emit("decrement"))
    }, null, 8, ["amount", "max"]), d(g, {
        class: "main-menu-store-small-item__tooltip",
        text: "Убрать из корзины"
    }, {
        default: E(() => [n("div", {
            class: "main-menu-store-small-item__remove-btn",
            ref: "removeBtn",
            onClick: t[2] || (t[2] = (...f) => i.onRemoveBtnClick && i.onRemoveBtnClick(...f))
        }, cF, 512)]),
        _: 1
    })], 64)) : i.item.entries && i.item.entries.length ? (a(), r("div", mF, [n("div", _F, C(i.entriesTitle), 1), n("div", dF, [(a(!0), r(I, null, M(i.item.entries, (f, k) => (a(), p(y, {
        class: "main-menu-store-small-item__entry",
        key: k,
        imageType: f.imageType,
        image: f.image,
        text: f.description,
        title: f.title,
        rarityType: f.rarityType,
        rarityName: f.rarityName,
        params: f.params
    }, null, 8, ["imageType", "image", "text", "title", "rarityType", "rarityName", "params"]))), 128))])])) : h("", !0)], 2)
}
const hF = {
        props: {
            itemIndex: {
                type: Number,
                required: !0
            },
            flattenItems: {
                type: Object,
                required: !0
            },
            type: {
                type: Number,
                required: !1,
                default: vs.CART
            },
            price: {
                type: Number,
                required: !0
            },
            oldPrice: {
                type: Number,
                required: !0
            },
            text: {
                type: String,
                required: !0
            },
            label: {
                type: String,
                required: !0
            },
            isMobile: {
                type: Boolean,
                default: !1
            },
            cartItem: {
                type: Object,
                default: () => ({})
            },
            isGift: {
                type: Boolean,
                default: !1
            }
        },
        components: {
            PricingBlock: pe,
            ItemBadges: mn,
            ItemEntry: l1,
            CurrencyTitle: yo,
            Counter: fo,
            Tooltip: Ft
        },
        data: () => ({
            SMALL_ITEM_TYPES: vs,
            MAIN_MENU_ITEM_PRICE_TYPES: Z,
            images: Object.assign({
                "/src/assets/images/main-menu/store/items/0.jpg": vi,
                "/src/assets/images/main-menu/store/items/1.jpg": Ci,
                "/src/assets/images/main-menu/store/items/10.jpg": yi,
                "/src/assets/images/main-menu/store/items/11.jpg": fi,
                "/src/assets/images/main-menu/store/items/12.jpg": Ti,
                "/src/assets/images/main-menu/store/items/13.jpg": Ei,
                "/src/assets/images/main-menu/store/items/14.jpg": ki,
                "/src/assets/images/main-menu/store/items/16.jpg": Ii,
                "/src/assets/images/main-menu/store/items/17.jpg": wi,
                "/src/assets/images/main-menu/store/items/18.jpg": Si,
                "/src/assets/images/main-menu/store/items/19.jpg": Mi,
                "/src/assets/images/main-menu/store/items/2.jpg": Pi,
                "/src/assets/images/main-menu/store/items/20.jpg": Ai,
                "/src/assets/images/main-menu/store/items/21.jpg": Di,
                "/src/assets/images/main-menu/store/items/22.jpg": Li,
                "/src/assets/images/main-menu/store/items/23.jpg": xi,
                "/src/assets/images/main-menu/store/items/24.jpg": Oi,
                "/src/assets/images/main-menu/store/items/25.jpg": Bi,
                "/src/assets/images/main-menu/store/items/26.jpg": $i,
                "/src/assets/images/main-menu/store/items/3.jpg": Ni,
                "/src/assets/images/main-menu/store/items/4.jpg": Ri,
                "/src/assets/images/main-menu/store/items/5.jpg": Vi,
                "/src/assets/images/main-menu/store/items/6.jpg": Hi,
                "/src/assets/images/main-menu/store/items/7.jpg": Ui,
                "/src/assets/images/main-menu/store/items/8.jpg": Yi,
                "/src/assets/images/main-menu/store/items/9.jpg": Ki
            })
        }),
        computed: {
            item() {
                return this.flattenItems[this.itemIndex]
            },
            classes() {
                return {
                    "main-menu-store-small-item_cart": this.type === vs.CART,
                    "main-menu-store-small-item_modal": this.type === vs.MODAL
                }
            },
            priceSize() {
                return this.isMobile ? X.XL : X.DEFAULT
            },
            isDonate() {
                return this.item.type === P.DONATE
            },
            isCurrency() {
                return this.item.type === P.CURRENCY
            },
            entriesTitle() {
                return this.isGift ? "ЧТО ВХОДИТ В ПОДАРОК?" : "ЧТО Я ПОЛУЧУ ПРИ ПОКУПКЕ?"
            }
        },
        methods: {
            onRemoveBtnClick() {
                this.$emit("remove")
            }
        }
    },
    m1 = v(hF, [
        ["render", uF],
        ["__scopeId", "data-v-24ad0d69"]
    ]),
    pF = e => (D("data-v-e072720c"), e = e(), L(), e),
    gF = {
        class: "main-menu-store-mobile-cart-item"
    },
    bF = pF(() => n("div", {
        class: "main-menu-store-mobile-cart-item__remove-btn-icon"
    }, null, -1)),
    vF = [bF],
    CF = {
        class: "main-menu-store-mobile-cart-item__content"
    },
    yF = {
        class: "main-menu-store-mobile-cart-item__col main-menu-store-mobile-cart-item__col_left"
    },
    fF = {
        class: "main-menu-store-mobile-cart-item__label"
    },
    TF = {
        class: "main-menu-store-mobile-cart-item__col main-menu-store-mobile-cart-item__col_right"
    };

function EF(e, t, s, l, o, i) {
    const m = c("ItemBadges"),
        _ = c("PricingBlock"),
        b = c("Counter");
    return a(), r("div", gF, [n("div", {
        class: T(["main-menu-store-mobile-cart-item__remove-btn", {
            "main-menu-store-mobile-cart-item__remove-btn_active": e.removeBtnIsActive
        }]),
        onTouchstart: t[0] || (t[0] = u => e.removeBtnIsActive = !0),
        onTouchend: t[1] || (t[1] = u => e.removeBtnIsActive = !1),
        onClick: t[2] || (t[2] = (...u) => i.onRemoveBtnClick && i.onRemoveBtnClick(...u))
    }, vF, 34), n("div", CF, [n("div", yF, [n("div", fF, C(s.label), 1), d(m, {
        class: "main-menu-store-mobile-cart-item__badges",
        item: i.item
    }, null, 8, ["item"])]), n("div", TF, [d(_, {
        isShowTitle: !1,
        price: s.price,
        oldPrice: s.oldPrice,
        sizeType: e.MAIN_MENU_ITEM_PRICE_SIZE_TYPES.XL
    }, null, 8, ["price", "oldPrice", "sizeType"]), d(b, {
        class: "main-menu-store-mobile-cart-item__counter",
        amount: s.cartItem.amount,
        max: i.item.maxQuantity,
        onIncrement: t[3] || (t[3] = u => e.$emit("increment")),
        onDecrement: t[4] || (t[4] = u => e.$emit("decrement"))
    }, null, 8, ["amount", "max"])])])])
}
const kF = {
        props: {
            itemIndex: {
                type: Number,
                required: !0
            },
            flattenItems: {
                type: Object,
                required: !0
            },
            price: {
                type: Number,
                required: !0
            },
            oldPrice: {
                type: Number,
                required: !0
            },
            label: {
                type: String,
                required: !0
            },
            cartItem: {
                type: Object,
                default: () => ({})
            }
        },
        components: {
            PricingBlock: pe,
            ItemBadges: mn,
            Counter: fo
        },
        data: () => ({
            MAIN_MENU_ITEM_PRICE_SIZE_TYPES: X,
            removeBtnIsActive: !1
        }),
        computed: {
            item() {
                return this.flattenItems[this.itemIndex]
            }
        },
        methods: {
            onRemoveBtnClick() {
                this.$emit("remove")
            }
        }
    },
    IF = v(kF, [
        ["render", EF],
        ["__scopeId", "data-v-e072720c"]
    ]),
    wF = e => (D("data-v-e39fb2e5"), e = e(), L(), e),
    SF = {
        class: "main-menu-store-cart"
    },
    MF = {
        key: 0,
        class: "main-menu-store-cart__empty"
    },
    PF = wF(() => n("div", {
        class: "main-menu-store-cart__empty-text"
    }, "корзина пуста", -1)),
    AF = [PF],
    DF = {
        key: 1,
        class: "main-menu-store-cart__content"
    },
    LF = {
        class: "main-menu-store-cart__title"
    },
    xF = {
        class: "main-menu-store-cart__title-transparent"
    },
    OF = {
        class: "main-menu-store-cart__items-container"
    },
    BF = {
        class: "main-menu-store-cart__payment"
    },
    $F = {
        class: "main-menu-store-cart__payment-buttons"
    };

function NF(e, t, s, l, o, i) {
    const m = c("ScrollableContainer"),
        _ = c("PricingBlock"),
        b = c("Button");
    return a(), r("div", SF, [s.cartItems.length ? (a(), r("div", DF, [n("div", LF, [w("корзина /"), n("div", xF, C(`${s.cartItems.length} выбрано`), 1)]), d(m, {
        class: "main-menu-store-cart__items",
        type: 9,
        requiredVerticalScroll: o.requiredScroll,
        alwaysVisible: !0,
        onContentScroll: i.onContentScroll
    }, {
        default: E(() => [n("div", OF, [(a(!0), r(I, null, M(s.cartItems, (u, g) => (a(), p(z(s.isMobile ? "MobileCartItem" : "SmallItem"), {
            class: "main-menu-store-cart__item",
            key: g,
            itemIndex: u.index,
            cartItem: u,
            price: i.getItemPrice(s.flattenItems[u.index], u),
            oldPrice: i.getItemOldPrice(s.flattenItems[u.index]),
            text: i.getItemText(s.flattenItems[u.index]),
            label: i.getItemLabel(s.flattenItems[u.index], u),
            flattenItems: s.flattenItems,
            onRemove: y => i.removeFromCart(s.flattenItems[u.index]),
            onIncrement: y => e.$emit("increment", s.flattenItems[u.index]),
            onDecrement: y => e.$emit("decrement", s.flattenItems[u.index])
        }, null, 40, ["itemIndex", "cartItem", "price", "oldPrice", "text", "label", "flattenItems", "onRemove", "onIncrement", "onDecrement"]))), 128))])]),
        _: 1
    }, 8, ["requiredVerticalScroll", "onContentScroll"]), n("div", BF, [d(_, {
        price: s.price,
        oldPrice: s.price < s.oldPrice ? s.oldPrice : 0,
        sizeType: o.MAIN_MENU_ITEM_PRICE_SIZE_TYPES.XL
    }, null, 8, ["price", "oldPrice", "sizeType"]), n("div", $F, [s.isMobile ? (a(), p(b, {
        key: 0,
        class: "main-menu-store-cart__payment-button",
        text: "очистить корзину",
        type: "transparent",
        onClick: i.clearCart
    }, null, 8, ["onClick"])) : h("", !0), d(b, {
        class: "main-menu-store-cart__payment-button",
        text: i.isShowTopUp ? "пополнить счет" : "ПОДТВЕРДИТЬ ПОКУПКУ",
        type: "yellow",
        isDisabled: i.buyButtonIsDisabled,
        onClick: i.onPay
    }, null, 8, ["text", "isDisabled", "onClick"]), s.isMobile ? h("", !0) : (a(), p(b, {
        key: 1,
        class: "main-menu-store-cart__payment-button",
        text: "очистить корзину",
        type: "transparent",
        onClick: i.clearCart
    }, null, 8, ["onClick"]))])])])) : (a(), r("div", MF, AF))])
}
const RF = {
        props: ["flattenItems", "cartItems", "price", "oldPrice", "isMobile", "scrollRequestData"],
        components: {
            ScrollableContainer: U,
            SmallItem: m1,
            MobileCartItem: IF,
            PricingBlock: pe,
            Button: q
        },
        data() {
            return {
                MAIN_MENU_ITEM_PRICE_SIZE_TYPES: X,
                lastScrollTop: 0,
                requiredScroll: -1
            }
        },
        computed: {
            playerDonate() {
                return this.$store.getters["player/donate"]
            },
            isEnoughDonate() {
                return this.playerDonate >= this.price
            },
            isIOS() {
                return this.$root.isIOS
            },
            isShowTopUp() {
                return !this.isEnoughDonate && !this.isIOS
            },
            buyButtonIsDisabled() {
                return !this.isEnoughDonate && this.isIOS
            }
        },
        methods: {
            onContentScroll({
                scrollableWrapper: e
            }) {
                this.lastScrollTop = e.scrollTop
            },
            setScrollValue(e, t) {
                e > 0 ? this.requiredScroll = this.lastScrollTop + t : this.requiredScroll = this.lastScrollTop - t
            },
            removeFromCart(e) {
                this.$emit("removeFromCart", e)
            },
            clearCart() {
                this.$store.commit("main_menu/clearCart"), sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "DS_OnPlayerCartClear")
            },
            onPay() {
                !this.isEnoughDonate && !this.isIOS ? this.$emit("topUp") : this.isEnoughDonate && this.$emit("buy")
            },
            getItemPrice(e, t) {
                return e.isSelect && t.extraIndex >= 0 ? e.data.options[t.extraIndex].price : e.type === P.NUMBER_PLATE && t.number ? t.number.price : e.price.current
            },
            getItemOldPrice(e) {
                return e.price.old
            },
            getItemText(e) {
                return e.type === P.NUMBER_PLATE ? "Номер" : e.text
            },
            getItemLabel(e, t) {
                return e.isSelect && t.extraIndex >= 0 ? e.data.options[t.extraIndex].name : e.type === P.NUMBER_PLATE && t.number ? t.number.preview : e.label
            }
        },
        watch: {
            "scrollRequestData.counter"() {
                this.setScrollValue(this.scrollRequestData.delta, this.scrollRequestData.shift)
            }
        }
    },
    VF = v(RF, [
        ["render", NF],
        ["__scopeId", "data-v-e39fb2e5"]
    ]),
    HF = e => (D("data-v-6e8ffa2f"), e = e(), L(), e),
    UF = {
        class: "main-menu-store-number-status-content"
    },
    YF = HF(() => n("div", {
        class: "main-menu-store-number-status-content__icon"
    }, null, -1));

function KF(e, t, s, l, o, i) {
    return a(), r("div", {
        class: T(["main-menu-store-number-status", i.classes])
    }, [n("div", UF, [YF, w(C(i.text), 1)])], 2)
}
const GF = {
        props: {
            type: {
                type: Number,
                default: $e.UNFILLED
            }
        },
        computed: {
            classes() {
                return {
                    "main-menu-store-number-status_available": this.type === $e.AVAILABLE,
                    "main-menu-store-number-status_unavailable": this.type === $e.UNAVAILABLE || this.type === $e.WRONG_KEYBOARD_LAYOUT
                }
            },
            text() {
                return this.type === $e.AVAILABLE ? "Этот номер свободен" : this.type === $e.UNAVAILABLE ? "Номер занят, введите другой" : this.type === $e.WRONG_KEYBOARD_LAYOUT ? "Смените раскладку клавиатуры" : "Введите номер"
            }
        }
    },
    FF = v(GF, [
        ["render", KF],
        ["__scopeId", "data-v-6e8ffa2f"]
    ]),
    To = e => (D("data-v-63b52773"), e = e(), L(), e),
    zF = {
        class: "main-menu-store-number-buttons"
    },
    ZF = {
        class: "main-menu-store-number-buttons__container"
    },
    qF = ["onClick"],
    WF = To(() => n("div", {
        class: "main-menu-store-number-buttons__button-shadow"
    }, null, -1)),
    jF = To(() => n("div", {
        class: "main-menu-store-number-buttons__button-shadow"
    }, null, -1)),
    XF = To(() => n("img", {
        class: "main-menu-store-number-buttons__button-icon",
        src: Wi
    }, null, -1)),
    QF = [jF, XF];

function JF(e, t, s, l, o, i) {
    return a(), r("div", zF, [n("div", ZF, [(a(!0), r(I, null, M(s.symbols, (m, _) => (a(), r("div", {
        class: "main-menu-store-number-buttons__button",
        key: _,
        onClick: b => i.onClick(m)
    }, [w(C(m), 1), WF], 8, qF))), 128))]), n("div", {
        class: "main-menu-store-number-buttons__button main-menu-store-number-buttons__button_remove",
        onClick: t[0] || (t[0] = m => i.onRemove())
    }, QF)])
}
const ez = {
        props: ["symbols"],
        methods: {
            onClick(e) {
                this.$emit("symbolClick", e)
            },
            onRemove() {
                this.$emit("remove")
            }
        }
    },
    tz = v(ez, [
        ["render", JF],
        ["__scopeId", "data-v-63b52773"]
    ]),
    sz = {
        class: "store-car-number-plate"
    },
    iz = {
        class: "store-car-number-plate__char"
    },
    nz = {
        class: "store-car-number-plate__char"
    },
    az = {
        key: 0,
        class: "store-car-number-buttons"
    },
    oz = n("div", {
        class: "store-car-number-button-icon"
    }, null, -1),
    rz = [oz],
    lz = n("div", {
        class: "store-car-number-button-icon"
    }, null, -1),
    cz = [lz],
    mz = {
        class: "store-car-number-plate__hint-bright"
    },
    _z = {
        class: "store-car-number-plate__hint-bright"
    };

function dz(e, t, s, l, o, i) {
    const m = c("NumberStatus"),
        _ = c("Tooltip"),
        b = c("TextHint"),
        u = c("MobileNumberButtons");
    return a(), r("div", sz, [s.isMobile ? h("", !0) : (a(), p(m, {
        key: 0,
        class: "store-car-number-plate__status",
        type: i.currentNumberPlateStatus
    }, null, 8, ["type"])), n("div", {
        class: T(["store-car-number-plate__container", [`store-car-number-plate-container_size-${o.localSize}`]])
    }, [n("div", {
        class: T(["store-car-number-plate__plate", [`store-car-number-plate_${i.numberEnding}`]]),
        style: x({
            backgroundImage: `url(${o.plate[`/src/assets/images/main-menu/store/car-number-plate/${i.numberEnding}${s.isMobile?"_mobile":""}.png`]})`
        })
    }, [n("div", {
        class: "store-car-number-plate__chars store-car-number-plate__chars_left",
        onMousedown: t[4] || (t[4] = (...g) => i.onInputContainerMouseDown && i.onInputContainerMouseDown(...g)),
        onClick: t[5] || (t[5] = g => i.onInputContainerClick("left"))
    }, [(a(!0), r(I, null, M(o.symbols[0], (g, y) => (a(), r("span", iz, [n("div", {
        class: "store-car-number-plate__char-text",
        style: x(g[1])
    }, C(g[0]), 5), n("div", {
        class: T(["store-car-number-plate__char-underline", {
            "store-car-number-plate__char-underline_active": i.activeChars.left === y,
            "store-car-number-plate__char-underline_hidden": g[1].opacity === 1
        }])
    }, null, 2)]))), 256)), Ts(n("input", {
        "onUpdate:modelValue": t[0] || (t[0] = g => o.currentInput[0] = g),
        ref: "input",
        onInput: t[1] || (t[1] = g => i.onChangeCurrentInput(g.target.value)),
        onBlur: t[2] || (t[2] = (...g) => i.onBlur && i.onBlur(...g)),
        onFocus: t[3] || (t[3] = g => i.onFocus("left"))
    }, null, 544), [
        [Es, o.currentInput[0]]
    ])], 32), n("div", {
        class: "store-car-number-plate__chars store-car-number-plate__chars_right",
        onMousedown: t[10] || (t[10] = (...g) => i.onInputContainerMouseDown && i.onInputContainerMouseDown(...g)),
        onClick: t[11] || (t[11] = g => i.onInputContainerClick("right"))
    }, [(a(!0), r(I, null, M(o.symbols[1], (g, y) => (a(), r("span", nz, [n("div", {
        class: "store-car-number-plate__char-text",
        style: x(g[1])
    }, C(g[0]), 5), n("div", {
        class: T(["store-car-number-plate__char-underline", {
            "store-car-number-plate__char-underline_active": i.activeChars.right === y,
            "store-car-number-plate__char-underline_hidden": g[1].opacity === 1
        }])
    }, null, 2)]))), 256)), Ts(n("input", {
        "onUpdate:modelValue": t[6] || (t[6] = g => o.currentInput[1] = g),
        ref: "region",
        onInput: t[7] || (t[7] = g => i.onChangeCurrentInput(g.target.value)),
        onBlur: t[8] || (t[8] = (...g) => i.onBlur && i.onBlur(...g)),
        onFocus: t[9] || (t[9] = g => i.onFocus("right"))
    }, null, 544), [
        [Es, o.currentInput[1]]
    ])], 32)], 6), s.isMobile ? h("", !0) : (a(), r("div", az, [d(_, {
        class: "store-car-number-button-tooltip",
        text: "Удалить"
    }, {
        default: E(() => [n("div", {
            class: "store-car-number-button",
            onClick: t[12] || (t[12] = (...g) => i.onDelete && i.onDelete(...g))
        }, rz)]),
        _: 1
    }), d(_, {
        class: "store-car-number-button-tooltip",
        text: "Сгенерировать случайный номер"
    }, {
        default: E(() => [n("div", {
            class: "store-car-number-button store-car-number-button_random",
            onClick: t[13] || (t[13] = (...g) => i.onRandom && i.onRandom(...g))
        }, cz)]),
        _: 1
    })]))], 2), s.isMobile ? (a(), p(m, {
        key: 1,
        class: "store-car-number-plate__status",
        type: i.currentNumberPlateStatus
    }, null, 8, ["type"])) : h("", !0), d(b, {
        class: "store-car-number-plate__hint"
    }, {
        default: E(() => [w("Разрешенные Символы:"), n("div", mz, C(i.allowedSymbols), 1), w("• Цифры:"), n("div", _z, C(o.ALLOWED_NUMBERS), 1)]),
        _: 1
    }), s.isMobile && !i.isCustom ? (a(), p(u, {
        key: 2,
        symbols: i.currentButtons,
        onSymbolClick: i.onButtonInput,
        onRemove: i.onDelete
    }, null, 8, ["symbols", "onSymbolClick", "onRemove"])) : h("", !0)])
}
const uz = "ABCDEFGHIJKLMNOPQRSTUVWXYZ",
    hz = "ABEKMXOPCHTY",
    pz = "ABEKMXOPCHTYD",
    gz = "A-P R-Z",
    Ws = "0-9",
    bz = 3,
    Xe = {
        [Y.RUS]: ["X000XX", "000"],
        [Y.UA]: ["XX0000XX", ""],
        [Y.KZ]: ["000XXX", "00"],
        [Y.BY]: ["0000XX", "0"],
        [Y.CUSTOM]: ["0000000", ""]
    },
    vz = {
        props: ["inputs", "currentType", "placeholders", "size", "generatedCarNumber", "numberPlateStatus", "isMobile"],
        components: {
            Tooltip: Ft,
            TextHint: Ke,
            NumberStatus: FF,
            MobileNumberButtons: tz
        },
        data() {
            return {
                ALLOWED_NUMBERS: Ws,
                plate: Object.assign({
                    "/src/assets/images/main-menu/store/car-number-plate/background_green.png": xa,
                    "/src/assets/images/main-menu/store/car-number-plate/background_orange.png": Oa,
                    "/src/assets/images/main-menu/store/car-number-plate/background_red.png": Ba,
                    "/src/assets/images/main-menu/store/car-number-plate/by.png": $a,
                    "/src/assets/images/main-menu/store/car-number-plate/by_mobile.png": Na,
                    "/src/assets/images/main-menu/store/car-number-plate/custom.png": Ra,
                    "/src/assets/images/main-menu/store/car-number-plate/custom_mobile.png": Va,
                    "/src/assets/images/main-menu/store/car-number-plate/flag-by.png": Ha,
                    "/src/assets/images/main-menu/store/car-number-plate/flag-kz.png": Ua,
                    "/src/assets/images/main-menu/store/car-number-plate/flag-rus.png": Ya,
                    "/src/assets/images/main-menu/store/car-number-plate/flag-ua.png": Ka,
                    "/src/assets/images/main-menu/store/car-number-plate/icon-check.png": Ga,
                    "/src/assets/images/main-menu/store/car-number-plate/icon-clear.png": Fa,
                    "/src/assets/images/main-menu/store/car-number-plate/icon-cross.png": za,
                    "/src/assets/images/main-menu/store/car-number-plate/icon-random.png": Za,
                    "/src/assets/images/main-menu/store/car-number-plate/icon-remove.png": Wi,
                    "/src/assets/images/main-menu/store/car-number-plate/icon-wait.png": qa,
                    "/src/assets/images/main-menu/store/car-number-plate/kz.png": Wa,
                    "/src/assets/images/main-menu/store/car-number-plate/kz_mobile.png": ja,
                    "/src/assets/images/main-menu/store/car-number-plate/rus.png": Xa,
                    "/src/assets/images/main-menu/store/car-number-plate/rus_mobile.png": Qa,
                    "/src/assets/images/main-menu/store/car-number-plate/ua.png": Ja,
                    "/src/assets/images/main-menu/store/car-number-plate/ua_mobile.png": eo
                }),
                activeInput: "",
                symbols: {
                    0: [],
                    1: []
                },
                currentInput: ["", ""],
                localSize: "l"
            }
        },
        computed: {
            keyboardLayout() {
                return this.$root.keyboardLayout
            },
            isShowWrongLayoutStatus() {
                return this.keyboardLayout !== "EN" && this.activeInput
            },
            currentNumberPlateStatus() {
                return this.isShowWrongLayoutStatus ? $e.WRONG_KEYBOARD_LAYOUT : this.numberPlateStatus
            },
            isCustom() {
                return this.currentType === Y.CUSTOM
            },
            allowedSymbols() {
                return this.currentType === Y.KZ ? pz : this.isCustom ? gz : hz
            },
            letterButtons() {
                return uz.split("")
                    .filter(e => this.allowedSymbols.match(e))
            },
            numberButtons() {
                const e = new RegExp(`^[${Ws}]$`);
                return [...Array(10)
                    .keys()
                ].filter(t => e.test(t))
            },
            currentButtons() {
                const e = Xe[this.currentType];
                let t = "";
                return this.currentInput[0].length + 1 <= e[0].length ? t = e[0][this.currentInput[0].length] : this.currentInput[1].length + 1 <= e[1].length && (t = e[1][this.currentInput[1].length]), t === "X" ? this.letterButtons : t === "0" ? this.numberButtons : []
            },
            activeChars() {
                let e = -1,
                    t = -1;
                return this.activeInput === "left" && (this.inputs[0].length ? e = this.inputs[0].length : e = 0), this.activeInput === "right" && (this.inputs[1].length ? t = this.inputs[1].length : t = 0), {
                    left: e,
                    right: t
                }
            },
            numberEnding() {
                return this.currentType === Y.UA ? "ua" : this.currentType === Y.BY ? "by" : this.currentType === Y.KZ ? "kz" : this.isCustom ? "custom" : "rus"
            }
        },
        created() {
            this.currentInput = [...this.inputs]
        },
        mounted() {
            this.size !== void 0 && (this.localSize = this.size), this.reloadSymbols(), document.addEventListener("keyup", this.onKeyUp)
        },
        unmounted() {
            document.removeEventListener("keyup", this.onKeyUp)
        },
        methods: {
            reloadSymbols() {
                let e = [],
                    t = {};
                [0, 1].forEach(s => {
                    e = [];
                    let l = this.inputs[s],
                        o = Xe[this.currentType][s];
                    for (let i of l) t = {
                        opacity: 1
                    }, e.push([i, t]);
                    for (let i of o.slice(l.length)) t = {
                        opacity: .2
                    }, e.push([i, t]);
                    this.symbols[s] = e, this.currentType === Y.BY && (this.symbols[s] = [...this.symbols[s].slice(0, 4), [" ", {
                        opacity: 1
                    }], ...this.symbols[s].slice(4, 6), ...this.symbols[s].slice(6)])
                })
            },
            getRegexp() {
                let e = Xe[this.currentType];
                return e = e.map((t, s) => Array.from(t)
                    .map((l, o) => {
                        let i = "";
                        const m = s === 1 && o === t.length - 1;
                        return this.currentType === Y.RUS && m && (i = "*"), this.isCustom ? `[${this.allowedSymbols}${Ws}]${i}` : l === "X" ? `[${this.allowedSymbols}]${i}` : l === "0" ? `[${Ws}]${i}` : ""
                    })), e
            },
            onChangeCurrentInput() {
                let e = this.currentInput;
                e = e.map(l => l.toUpperCase());
                let t = Xe[this.currentType],
                    s = this.getRegexp();
                for (let l of [0, 1]) {
                    e[l].length > t[l].length ? (e[l] = e[l].slice(0, t[l].length), this.loadValue(e[l], l)) : e[l].length == t[l].length && l === 0 && t[l].length > 0 && !this.isMobile && this.activeInput != "" && this.$refs.region.focus();
                    let o = s[l],
                        i = e[l].length - 1,
                        m = o[i];
                    e[l] && e[l].length > 0 && e[l][i] && !e[l][i].match(m) && (e[l] = e[l].slice(0, i), this.loadValue(e[l], l))
                }
                this.reloadSymbols(), this.$emit("update:value", e)
            },
            loadValue(e, t) {
                const s = [this.$refs.input, this.$refs.region];
                this.currentInput[t] = e, s[t].value = e, s[t].dispatchEvent(new Event("input"))
            },
            onChangeActiveInput(e) {
                this.isMobile && !this.isCustom ? this.activeInput = "" : this.activeInput = e
            },
            onDelete() {
                this.currentInput[1].length ? this.loadValue(this.currentInput[1].slice(0, this.currentInput[1].length - 1), 1) : this.currentInput[0].length && this.loadValue(this.currentInput[0].slice(0, this.currentInput[0].length - 1), 0)
            },
            onButtonInput(e) {
                const t = Xe[this.currentType];
                let s = -1;
                this.currentInput[0].length + 1 <= t[0].length ? s = 0 : this.currentInput[1].length + 1 <= t[1].length && (s = 1), s >= 0 && this.loadValue(this.currentInput[s] + e, s)
            },
            onRandom() {
                this.$emit("generate")
            },
            onFocus(e) {
                this.moveInputCaretToTheEnd(), this.onChangeActiveInput(e), this.$emit("inputFocus")
            },
            onBlur() {
                this.onChangeActiveInput(""), this.$emit("inputBlur")
            },
            moveInputCaretToTheEnd() {
                const e = document.activeElement;
                if (!e) return;
                const t = e.value;
                setTimeout(() => e.setSelectionRange(t.length, t.length), 0)
            },
            onInputContainerClick(e) {
                this.isMobile && !this.isCustom || (e === "left" ? this.$refs.input.focus() : this.$refs.region.focus())
            },
            onInputContainerMouseDown(e) {
                e.preventDefault()
            },
            updateNumberIsFull() {
                this.$emit("numberIsFullUpdate", this.checkFullNumberHalf(this.currentInput[0], 0) && this.checkFullNumberHalf(this.currentInput[1], 1))
            },
            onKeyUp(e) {
                e.keyCode === window.KEY_CODE_BACKSPACE && this.currentInput[1].length <= 0 ? this.$refs.input.focus() : (this.currentInput[0].length === Xe[this.currentType][0].length && this.$refs.input.blur(), this.currentInput[1].length === Xe[this.currentType][1].length && this.$refs.region.blur())
            },
            checkFullNumberHalf(e, t) {
                let s = this.getRegexp();
                return this.isCustom && e.length >= bz && (s[t] = s[t].slice(0, e.length)), new RegExp(s[t].join(""), "i")
                    .test(e)
            },
            parseGeneratedCarNumber(e) {
                return this.currentType === Y.RUS || this.currentType === Y.KZ ? e.split(" ") : this.currentType === Y.BY ? [e.slice(0, 7)
                    .replace(" ", ""), e.slice(8, 9)
                ] : this.isCustom ? [e, ""] : this.currentType === Y.UA ? [e.replace(" ", ""), ""] : ["", ""]
            }
        },
        watch: {
            currentType() {
                this.reloadSymbols(), this.currentInput = ["", ""]
            },
            inputs(e) {
                this.reloadSymbols(), this.updateNumberIsFull()
            },
            generatedCarNumber(e) {
                e = this.parseGeneratedCarNumber(e), this.checkFullNumberHalf(e[0], 0) && this.loadValue(e[0], 0), this.checkFullNumberHalf(e[1], 1) && this.loadValue(e[1], 1)
            }
        }
    },
    _1 = v(vz, [
        ["render", dz]
    ]),
    Cz = e => (D("data-v-76a60d0e"), e = e(), L(), e),
    yz = {
        key: 0,
        class: "main-menu-store-item-common"
    },
    fz = Cz(() => n("div", {
        class: "main-menu-store-item-common-title"
    }, "ЧТО Я ПОЛУЧУ ПРИ ПОКУПКЕ?", -1)),
    Tz = {
        class: "main-menu-store-item-common-entries"
    };

function Ez(e, t, s, l, o, i) {
    const m = c("ItemEntry");
    return s.entries && s.entries.length > 0 ? (a(), r("div", yz, [fz, n("div", Tz, [(a(!0), r(I, null, M(s.entries, (_, b) => (a(), p(m, {
        class: "main-menu-store-item-common-entry",
        key: b,
        imageType: _.imageType,
        image: _.image,
        text: _.description,
        title: _.title,
        rarityType: _.rarityType,
        rarityName: _.rarityName,
        params: _.params
    }, null, 8, ["imageType", "image", "text", "title", "rarityType", "rarityName", "params"]))), 128))])])) : h("", !0)
}
const kz = {
        props: ["entries"],
        components: {
            ItemEntry: l1
        },
        data() {
            return {}
        }
    },
    Iz = v(kz, [
        ["render", Ez],
        ["__scopeId", "data-v-76a60d0e"]
    ]),
    d1 = e => (D("data-v-4d23e1b0"), e = e(), L(), e),
    wz = {
        class: "main-menu-store-item-donate"
    },
    Sz = d1(() => n("div", {
        class: "main-menu-store-item-donate-title"
    }, "ЧТО Я ПОЛУЧУ ПРИ ПОКУПКЕ?", -1)),
    Mz = {
        class: "main-menu-store-item-donate-value"
    },
    Pz = d1(() => n("div", {
        class: "main-menu-store-item-donate-divider"
    }, [n("div", {
        class: "main-menu-store-item-donate-divider-line"
    })], -1));

function Az(e, t, s, l, o, i) {
    const m = c("PricingBlock");
    return a(), r("div", wz, [Sz, n("div", Mz, [d(m, {
        class: "main-menu-store-small-item__price",
        isShowTitle: !1,
        price: i.formattedAmount,
        sizeType: o.MAIN_MENU_ITEM_PRICE_SIZE_TYPES.XL,
        type: i.currencyType
    }, null, 8, ["price", "sizeType", "type"])]), Pz])
}
const Dz = {
        props: ["amount", "isDonate"],
        components: {
            PricingBlock: pe
        },
        data() {
            return {
                MAIN_MENU_ITEM_PRICE_SIZE_TYPES: X
            }
        },
        computed: {
            formattedAmount() {
                return parseInt(this.amount)
            },
            currencyType() {
                return this.isDonate ? Z.DONATE : Z.CURRENCY
            }
        }
    },
    Lz = v(Dz, [
        ["render", Az],
        ["__scopeId", "data-v-4d23e1b0"]
    ]),
    xz = {
        key: 0,
        class: "main-menu-store-acquired-item-badge__progress"
    };

function Oz(e, t, s, l, o, i) {
    return a(), r("div", {
        class: T(["main-menu-store-acquired-item-badge", i.classes])
    }, [w(C(s.text), 1), i.isShowProgress ? (a(), r("span", xz, C(s.progress) + "%", 1)) : h("", !0)], 2)
}
const Bz = {
        props: {
            progress: {
                type: [Number, String],
                required: !1,
                default: -1
            },
            text: {
                type: String,
                default: "Имеется"
            }
        },
        computed: {
            classes() {
                return {
                    "main-menu-store-acquired-item-badge_progress": this.isShowProgress
                }
            },
            isShowProgress() {
                return this.progress >= 0
            }
        }
    },
    u1 = v(Bz, [
        ["render", Oz],
        ["__scopeId", "data-v-5080fc97"]
    ]),
    h1 = e => (D("data-v-3e435f19"), e = e(), L(), e),
    $z = {
        class: "main-menu-store-item-select__col"
    },
    Nz = {
        class: "main-menu-store-item-select-name"
    },
    Rz = {
        key: 0,
        class: "main-menu-store-item-select-icon"
    },
    Vz = h1(() => n("img", {
        class: "main-menu-store-item-select-icon__image",
        src: Br
    }, null, -1)),
    Hz = [Vz],
    Uz = {
        class: "main-menu-store-item-select__col main-menu-store-item-select__col_end"
    },
    Yz = h1(() => n("div", {
        class: "main-menu-store-item-select-checkbox"
    }, [n("img", {
        class: "main-menu-store-item-select-checkbox__check",
        src: bi
    })], -1));

function Kz(e, t, s, l, o, i) {
    const m = c("AcquiredBadge"),
        _ = c("PricingBlock");
    return a(), r("div", {
        class: T(["main-menu-store-item-select", i.classes])
    }, [n("div", $z, [n("div", Nz, C(s.item.name), 1), s.isWithIcon ? (a(), r("div", Rz, Hz)) : h("", !0), s.item.acquired ? (a(), p(m, {
        key: 1,
        class: "main-menu-store-item-select__badge",
        progress: s.item.acquiredProgress,
        text: s.item.acquiredText
    }, null, 8, ["progress", "text"])) : h("", !0)]), n("div", Uz, [i.isAcquired ? h("", !0) : (a(), p(_, {
        key: 0,
        class: "main-menu-store-item-select-price",
        isShowTitle: !1,
        price: s.item.price
    }, null, 8, ["price"])), Yz])], 2)
}
const Gz = {
        props: {
            isActive: {
                type: Boolean,
                required: !1,
                default: !1
            },
            isDisabled: {
                type: Boolean,
                required: !1,
                default: !1
            },
            item: {
                type: Object,
                default: () => ({})
            },
            isWithIcon: {
                type: Boolean,
                default: !0
            },
            type: {
                type: Number,
                default: -1
            }
        },
        components: {
            PricingBlock: pe,
            AcquiredBadge: u1
        },
        data() {
            return {
                images: Object.assign({
                    "/src/assets/images/main-menu/store/item/entry/rarity-line_blue.png": Gi,
                    "/src/assets/images/main-menu/store/item/entry/rarity-line_grey.png": Fi,
                    "/src/assets/images/main-menu/store/item/entry/rarity-line_red.png": zi,
                    "/src/assets/images/main-menu/store/item/entry/rarity-line_violet.png": Zi,
                    "/src/assets/images/main-menu/store/item/entry/rarity-line_yellow.png": qi
                })
            }
        },
        computed: {
            classes() {
                return {
                    "main-menu-store-item-select_active": this.isActive,
                    "main-menu-store-item-select_disabled": this.isDisabled,
                    "main-menu-store-item-select_hoverable": !this.isMobile,
                    "main-menu-store-item-select_tattoo": this.type === P.TATTOO
                }
            },
            isMobile() {
                return this.$root.isMobile
            },
            isAcquired() {
                return this.item.acquired && (this.item.acquiredProgress < 0 || this.item.acquiredProgress >= 100)
            }
        }
    },
    Fz = v(Gz, [
        ["render", Kz],
        ["__scopeId", "data-v-3e435f19"]
    ]),
    Eo = e => (D("data-v-ea06c121"), e = e(), L(), e),
    zz = {
        class: "main-menu-store-item-select-tooltip"
    },
    Zz = {
        class: "main-menu-store-item-select-tooltip__wrapper"
    },
    qz = Eo(() => n("div", {
        class: "main-menu-store-item-select-tooltip__background"
    }, null, -1)),
    Wz = {
        class: "main-menu-store-item-select-tooltip__title"
    },
    jz = {
        class: "main-menu-store-item-select-tooltip__text"
    },
    Xz = {
        key: 0,
        class: "main-menu-store-item-select-tooltip-extra"
    },
    Qz = Eo(() => n("div", {
        class: "main-menu-store-item-select-tooltip-extra__title"
    }, [n("img", {
        class: "main-menu-store-item-select-tooltip-extra__title-icon",
        src: $r
    }), n("div", {
        class: "main-menu-store-item-select-tooltip-extra__title-text"
    }, "включает в себя")], -1)),
    Jz = {
        class: "main-menu-store-item-select-tooltip-extra__items"
    },
    eZ = {
        class: "main-menu-store-item-select-tooltip-extra__item"
    },
    tZ = Eo(() => n("div", {
        class: "main-menu-store-item-select-tooltip-extra__item-point"
    }, null, -1)),
    sZ = {
        class: "main-menu-store-item-select-tooltip-extra__item-text"
    };

function iZ(e, t, s, l, o, i) {
    return a(), r("div", zz, [n("div", Zz, [qz, n("div", {
        class: "main-menu-store-item-select-tooltip__pattern",
        style: x({
            backgroundImage: `url(${o.images["/src/assets/images/main-menu/store/item/pattern.png"]})`
        })
    }, null, 4), n("div", Wz, C(s.title), 1), n("div", jz, C(s.text), 1), s.extra.length ? (a(), r("div", Xz, [Qz, n("div", Jz, [(a(!0), r(I, null, M(s.extra, m => (a(), r("div", eZ, [tZ, n("div", sZ, C(m), 1)]))), 256))])])) : h("", !0)])])
}
const nZ = {
        props: {
            title: {
                type: String,
                default: "",
                required: !1
            },
            text: {
                type: String,
                default: "",
                required: !1
            },
            extra: {
                type: Array,
                default: () => [],
                required: !1
            }
        },
        data() {
            return {
                images: Object.assign({
                    "/src/assets/images/main-menu/store/item/entry/rarity-line_blue.png": Gi,
                    "/src/assets/images/main-menu/store/item/entry/rarity-line_grey.png": Fi,
                    "/src/assets/images/main-menu/store/item/entry/rarity-line_red.png": zi,
                    "/src/assets/images/main-menu/store/item/entry/rarity-line_violet.png": Zi,
                    "/src/assets/images/main-menu/store/item/entry/rarity-line_yellow.png": qi
                })
            }
        }
    },
    aZ = v(nZ, [
        ["render", iZ],
        ["__scopeId", "data-v-ea06c121"]
    ]),
    oZ = {
        class: "main-menu-store-item-selection"
    },
    rZ = {
        class: "main-menu-store-item-selection__text"
    },
    lZ = {
        class: "main-menu-store-item-selection__list-container"
    };

function cZ(e, t, s, l, o, i) {
    const m = c("ItemSelect"),
        _ = c("GlobalHoverWrapper"),
        b = c("ScrollableContainer"),
        u = c("ItemSelectTooltip");
    return a(), r("div", oZ, [n("div", rZ, C(i.title), 1), d(b, {
        class: "main-menu-store-item-selection__list",
        type: 9
    }, {
        default: E(() => [n("div", lZ, [(a(!0), r(I, null, M(s.items, (g, y) => (a(), p(_, {
            class: "main-menu-store-item-selection__item-wrapper",
            key: y,
            pressSound: "UI/UI_menu_click_03.mp3"
        }, {
            default: E(() => [d(m, {
                class: "main-menu-store-item-selection__item",
                ref_for: !0,
                ref: "options",
                isActive: s.activeOption === y,
                item: g,
                isWithIcon: i.checkIfItemHasTooltip(g),
                type: s.type,
                onClick: f => i.onOptionClick(y),
                onMouseenter: f => !i.isMobile && i.onItemMouseEnter(y),
                onMouseleave: t[0] || (t[0] = f => !i.isMobile && i.onItemMouseLeave())
            }, null, 8, ["isActive", "item", "isWithIcon", "type", "onClick", "onMouseenter"])]),
            _: 2
        }, 1024))), 128))])]),
        _: 1
    }), (a(), p(b_, {
        to: "body"
    }, [i.checkIfItemHasTooltip(s.items[o.tooltipItemIndex]) && o.isShowTooltip ? (a(), p(u, {
        class: T(["main-menu-store-item-selection__tooltip", {
            "main-menu-store-item-selection__tooltip_visible": o.isShowTooltip
        }]),
        key: o.tooltipItemIndex,
        style: x(i.tooltipStyle),
        title: s.items[o.tooltipItemIndex].name,
        text: s.items[o.tooltipItemIndex].description,
        extra: s.items[o.tooltipItemIndex].extraDescriptions
    }, null, 8, ["style", "class", "title", "text", "extra"])) : h("", !0)]))])
}
const mZ = {
        props: {
            items: {
                type: Array,
                default: () => []
            },
            activeOption: {
                type: Number,
                default: -1
            },
            type: {
                type: Number,
                default: -1
            }
        },
        components: {
            ItemSelect: Fz,
            ScrollableContainer: U,
            ItemSelectTooltip: aZ
        },
        data() {
            return {
                tooltipPosition: {
                    top: -1e3,
                    left: -1e3
                },
                tooltipItemIndex: -1,
                isShowTooltip: !1
            }
        },
        computed: {
            tooltipStyle() {
                return {
                    top: `${this.tooltipPosition.top}px`,
                    left: `${this.tooltipPosition.left}px`
                }
            },
            isMobile() {
                return this.$root.isMobile
            },
            title() {
                let e;
                return this.type === P.TATTOO && (e = "наколку"), this.type === P.SKILL && (e = "навык"), `Выберите ${e}`
            }
        },
        mounted() {
            document.addEventListener("touchstart", this.onTouchStart)
        },
        unmounted() {
            document.removeEventListener("touchstart", this.onTouchStart)
        },
        methods: {
            checkIfItemHasTooltip(e) {
                return e && !!(e.description && e.description.length || e.extraDescriptions && e.extraDescriptions.length)
            },
            onItemMouseEnter(e) {
                this.showTooltip(e)
            },
            onItemMouseLeave() {
                this.hideTooltip()
            },
            onOptionClick(e) {
                this.isMobile && this.toggleTooltip(e), this.selectOption(e)
            },
            selectOption(e) {
                this.$emit("selectOption", e)
            },
            toggleTooltip(e) {
                e === this.tooltipItemIndex ? this.hideTooltip() : this.showTooltip(e)
            },
            onTouchStart() {
                this.tooltipItemIndex >= 0 && this.hideTooltip()
            },
            showTooltip(e) {
                this.tooltipItemIndex = e;
                const t = this.$refs.options[e].$el.getBoundingClientRect();
                this.setTooltipPosition(t.right, t.top), this.isShowTooltip = !0
            },
            hideTooltip() {
                this.isShowTooltip = !1, this.tooltipItemIndex = -1, this.discardTooltipPosition()
            },
            setTooltipPosition(e, t) {
                this.tooltipPosition = {
                    top: t,
                    left: e
                }
            },
            discardTooltipPosition() {
                this.tooltipPosition = {
                    top: -1e3,
                    left: -1e3
                }
            }
        }
    },
    _Z = v(mZ, [
        ["render", cZ],
        ["__scopeId", "data-v-75bd32b4"]
    ]),
    dZ = {
        class: "main-menu-store-item-number"
    },
    uZ = {
        class: "main-menu-store-item-number-templates"
    },
    hZ = ["onClick"],
    pZ = {
        class: "main-menu-store-item-number-template__text"
    };

function gZ(e, t, s, l, o, i) {
    const m = c("ControlsButton"),
        _ = c("CarNumberPlate");
    return a(), r("div", dZ, [n("div", uZ, [s.isMobile ? h("", !0) : (a(), p(m, {
        key: 0,
        class: "main-menu-store-item-number-templates__prev",
        disabled: s.anyModalIsOpened || o.inputIsFocused,
        keyCode: o.KEY_CODE_A,
        pressSound: "UI/UI_menu_click_03.mp3",
        text: "A",
        onPressed: i.prevTemplate
    }, null, 8, ["disabled", "keyCode", "onPressed"])), (a(!0), r(I, null, M(i.templateKeys, (b, u) => (a(), r("div", {
        class: T(["main-menu-store-item-number-template", {
            "main-menu-store-item-number-template_active": o.CAR_NUMBER_TEMPLATE_TYPES[b] === s.currentTemplate
        }]),
        key: u,
        onClick: g => i.changeTemplate(o.CAR_NUMBER_TEMPLATE_TYPES[b])
    }, [i.getTemplateIcon(o.CAR_NUMBER_TEMPLATE_TYPES[b]) ? (a(), r("div", {
        key: 0,
        class: "main-menu-store-item-number-template__icon",
        style: x({
            backgroundImage: `url(${i.getTemplateIcon(o.CAR_NUMBER_TEMPLATE_TYPES[b])})`
        })
    }, null, 4)) : h("", !0), n("div", pZ, C(i.getTemplateText(o.CAR_NUMBER_TEMPLATE_TYPES[b])), 1)], 10, hZ))), 128)), s.isMobile ? h("", !0) : (a(), p(m, {
        key: 1,
        class: "main-menu-store-item-number-templates__next",
        disabled: s.anyModalIsOpened || o.inputIsFocused,
        keyCode: o.KEY_CODE_D,
        pressSound: "UI/UI_menu_click_03.mp3",
        text: "D",
        onPressed: i.nextTemplate
    }, null, 8, ["disabled", "keyCode", "onPressed"]))]), n("div", {
        class: "main-menu-store-item-number-plate",
        style: x(i.plateStyle)
    }, [d(_, {
        inputs: o.carNumber.value,
        currentType: s.currentTemplate,
        generatedCarNumber: s.generatedCarNumber,
        numberPlateStatus: s.numberPlateStatus,
        isMobile: s.isMobile,
        onGenerate: i.onGenerate,
        "onUpdate:value": t[0] || (t[0] = b => o.carNumber.value = b),
        onInputFocus: i.onInputFocus,
        onInputBlur: i.onInputBlur,
        onNumberIsFullUpdate: i.onNumberIsFullUpdate
    }, null, 8, ["inputs", "currentType", "generatedCarNumber", "numberPlateStatus", "isMobile", "onGenerate", "onInputFocus", "onInputBlur", "onNumberIsFullUpdate"])], 4)])
}
const Xo = 2.01,
    bZ = {
        props: ["item", "numberPlateStatus", "anyModalIsOpened", "currentTemplate", "generatedCarNumber", "isMobile"],
        components: {
            CarNumberPlate: _1,
            ControlsButton: H
        },
        data() {
            return {
                KEY_CODE_A: window.KEY_CODE_A,
                KEY_CODE_D: window.KEY_CODE_D,
                CAR_NUMBER_TEMPLATE_TYPES: Y,
                numberImages: Object.assign({
                    "/src/assets/images/main-menu/store/car-number-plate/background_green.png": xa,
                    "/src/assets/images/main-menu/store/car-number-plate/background_orange.png": Oa,
                    "/src/assets/images/main-menu/store/car-number-plate/background_red.png": Ba,
                    "/src/assets/images/main-menu/store/car-number-plate/by.png": $a,
                    "/src/assets/images/main-menu/store/car-number-plate/by_mobile.png": Na,
                    "/src/assets/images/main-menu/store/car-number-plate/custom.png": Ra,
                    "/src/assets/images/main-menu/store/car-number-plate/custom_mobile.png": Va,
                    "/src/assets/images/main-menu/store/car-number-plate/flag-by.png": Ha,
                    "/src/assets/images/main-menu/store/car-number-plate/flag-kz.png": Ua,
                    "/src/assets/images/main-menu/store/car-number-plate/flag-rus.png": Ya,
                    "/src/assets/images/main-menu/store/car-number-plate/flag-ua.png": Ka,
                    "/src/assets/images/main-menu/store/car-number-plate/icon-check.png": Ga,
                    "/src/assets/images/main-menu/store/car-number-plate/icon-clear.png": Fa,
                    "/src/assets/images/main-menu/store/car-number-plate/icon-cross.png": za,
                    "/src/assets/images/main-menu/store/car-number-plate/icon-random.png": Za,
                    "/src/assets/images/main-menu/store/car-number-plate/icon-remove.png": Wi,
                    "/src/assets/images/main-menu/store/car-number-plate/icon-wait.png": qa,
                    "/src/assets/images/main-menu/store/car-number-plate/kz.png": Wa,
                    "/src/assets/images/main-menu/store/car-number-plate/kz_mobile.png": ja,
                    "/src/assets/images/main-menu/store/car-number-plate/rus.png": Xa,
                    "/src/assets/images/main-menu/store/car-number-plate/rus_mobile.png": Qa,
                    "/src/assets/images/main-menu/store/car-number-plate/ua.png": Ja,
                    "/src/assets/images/main-menu/store/car-number-plate/ua_mobile.png": eo
                }),
                carNumber: {
                    repeatSymbolPrice: 100,
                    customPrice: 700,
                    value: ["", ""]
                },
                inputIsFocused: !1
            }
        },
        computed: {
            plateStyle() {
                const e = window.innerWidth / window.innerHeight,
                    t = .9,
                    s = e / Xo * t;
                return {
                    ...e < Xo && this.isMobile && {
                        transform: `scale(${s})`
                    }
                }
            },
            carNumberPrice() {
                if (this.currentTemplate === Y.CUSTOM) return this.item.price.current;
                let e = this.prepareCarNumber()
                    .join("");
                return (this.getRepeatSymbolsCount(e) + 1) * this.carNumber.repeatSymbolPrice
            },
            templateKeys() {
                return Object.keys(Y)
            },
            templateKeyIndex() {
                return this.templateKeys.findIndex(e => Y[e] === this.currentTemplate)
            },
            numberPreview() {
                return `${`${this.currentTemplate!==Y.CUSTOM?this.getTemplateName(this.currentTemplate).toUpperCase():""} `}${this.carNumber.value.join(" ")}`
            }
        },
        created() {
            this.carNumber.repeatSymbolPrice = this.item.numberRepeatSymbolPrice
        },
        methods: {
            getTemplateIcon(e) {
                return this.numberImages[`/src/assets/images/main-menu/store/car-number-plate/flag-${this.getTemplateName(e)}.png`]
            },
            getTemplateText(e) {
                return e === Y.CUSTOM ? "Свой номер" : this.getTemplateName(e)
            },
            getTemplateName(e) {
                return e === Y.UA ? "ua" : e === Y.BY ? "by" : e === Y.KZ ? "kz" : e === Y.CUSTOM ? "custom" : "rus"
            },
            prepareCarNumber() {
                let [e, t] = this.carNumber.value;
                return this.currentTemplate === Y.RUS || this.currentTemplate === Y.KZ ? [e, t] : this.currentTemplate === Y.BY ? [e.slice(0, 4), e.slice(4, 6) + "-" + t] : this.currentTemplate === Y.UA ? [e.slice(2, 6), e.slice(0, 2) + e.slice(6, 8)] : [e, ""]
            },
            changeTemplate(e) {
                this.$emit("changeTemplate", e), this.carNumber.value = ["", ""]
            },
            getRepeatSymbolsCount(e) {
                let t = 0;
                const s = e.length;
                for (let l = 0; l < s; l++)
                    for (let o = l + 1; o < s; o++) e[l] == e[o] && (t += 1);
                return t
            },
            nextTemplate() {
                const e = Y[this.templateKeys[this.templateKeyIndex + 1]];
                e >= 0 && this.changeTemplate(e)
            },
            prevTemplate() {
                const e = Y[this.templateKeys[this.templateKeyIndex - 1]];
                e >= 0 && this.changeTemplate(e)
            },
            onInputFocus() {
                this.$emit("inputFocus"), this.inputIsFocused = !0
            },
            onInputBlur() {
                this.$emit("inputBlur"), this.inputIsFocused = !1
            },
            onGenerate() {
                this.$emit("generate")
            },
            onNumberIsFullUpdate(e) {
                const t = this.prepareCarNumber();
                this.$emit("numberUpdate", e, t, this.numberPreview)
            }
        },
        watch: {
            carNumberPrice(e) {
                this.$emit("priceUpdate", e)
            }
        }
    },
    vZ = v(bZ, [
        ["render", gZ],
        ["__scopeId", "data-v-cde8a4a3"]
    ]),
    CZ = e => (D("data-v-2aa70bca"), e = e(), L(), e),
    yZ = {
        class: "main-menu-test-drive-button"
    },
    fZ = CZ(() => n("img", {
        class: "main-menu-test-drive-button__icon",
        src: ct
    }, null, -1)),
    TZ = [fZ];

function EZ(e, t) {
    return a(), r("div", yZ, TZ)
}
const kZ = {},
    IZ = v(kZ, [
        ["render", EZ],
        ["__scopeId", "data-v-2aa70bca"]
    ]),
    wZ = e => (D("data-v-340f1b5d"), e = e(), L(), e),
    SZ = wZ(() => n("img", {
        class: "main-menu-store-gift-button-icon",
        src: Nr
    }, null, -1));

function MZ(e, t, s, l, o, i) {
    const m = c("GlobalHoverWrapper");
    return a(), p(m, {
        class: T(["main-menu-store-gift-button", {
            "main-menu-store-gift-button_disabled": s.isDisabled
        }]),
        clickSound: "UI/UI_menu_click_03.mp3"
    }, {
        default: E(() => [SZ]),
        _: 1
    }, 8, ["class"])
}
const PZ = {
        props: ["isDisabled"]
    },
    ko = v(PZ, [
        ["render", MZ],
        ["__scopeId", "data-v-340f1b5d"]
    ]),
    AZ = {
        class: "main-menu-store-limited-status"
    },
    DZ = {
        class: "main-menu-store-limited-status-wrapper"
    },
    LZ = {
        class: "main-menu-store-limited-status-content"
    },
    xZ = {
        class: "main-menu-store-limited-status-content__count"
    };

function OZ(e, t, s, l, o, i) {
    return a(), r("div", AZ, [n("div", DZ, [n("div", LZ, [n("div", xZ, C(i.text), 1)])])])
}
const BZ = {
        props: {
            count: {
                type: Number,
                default: 0
            }
        },
        computed: {
            text() {
                return `остал${Sn(this.count,2)} ${this.count} набор${Sn(this.count)}`.toUpperCase()
            }
        }
    },
    $Z = v(BZ, [
        ["render", OZ],
        ["__scopeId", "data-v-4c872dde"]
    ]),
    NZ = {
        class: "main-menu-store-item__content"
    },
    RZ = {
        key: 0,
        class: "main-menu-store-item-title"
    },
    VZ = {
        key: 1,
        class: "main-menu-store-item-title__text"
    },
    HZ = {
        key: 1,
        class: "main-menu-store-item-notice"
    },
    UZ = {
        class: "main-menu-store-item-notice__text",
        cohinline: ""
    },
    YZ = {
        class: "main-menu-store-item-details"
    },
    KZ = {
        key: 4,
        class: "main-menu-store-item-description__wrapper"
    },
    GZ = n("div", {
        class: "main-menu-store-item-description__title"
    }, "ЧТО Я ПОЛУЧУ ПРИ ПОКУПКЕ?", -1),
    FZ = n("div", {
        class: "main-menu-store-item-description__row-divider"
    }, null, -1),
    zZ = {
        class: "main-menu-store-item-description__row-content"
    },
    ZZ = {
        class: "main-menu-store-item-description__content",
        cohinline: ""
    },
    qZ = {
        class: "main-menu-store-item-payment"
    },
    WZ = {
        class: "main-menu-store-item-payment__buttons"
    },
    jZ = {
        class: "main-menu-store-item-payment__buttons-row"
    },
    XZ = {
        class: "main-menu-store-item-payment__buttons-row"
    },
    QZ = {
        class: "main-menu-store-item-buttons"
    },
    JZ = n("div", {
        class: "main-menu-store-item__bottom-background"
    }, null, -1);

function eq(e, t, s, l, o, i) {
    const m = c("ItemBadges"),
        _ = c("CurrencyTitle"),
        b = c("LimitedStatus"),
        u = c("ItemSelection"),
        g = c("ItemNumber"),
        y = c("ItemCurrency"),
        f = c("ItemCommon"),
        k = c("AcquiredBadge"),
        S = c("ScrollableContainer"),
        O = c("TextHint"),
        B = c("PricingBlock"),
        K = c("Button"),
        R = c("CartButton"),
        oe = c("GiftButton"),
        me = c("ControlsContaineredButton"),
        We = c("MobileTestDriveButton");
    return a(), r("div", {
        class: T(["main-menu-store-item", i.classes])
    }, [n("div", NZ, [!i.isMobile || !i.isNumber ? (a(), r("div", RZ, [d(m, {
        class: "main-menu-store-item-title__badges",
        sizeType: e.ITEM_BADGE_SIZE_TYPES.BIG,
        limitedSizeType: i.isMobile ? e.ITEM_BADGE_SIZE_TYPES.BIG : e.ITEM_BADGE_SIZE_TYPES.SMALL,
        item: i.currentItem
    }, null, 8, ["sizeType", "limitedSizeType", "item"]), i.currentItem.type === e.STORE_ITEM_TYPE.DONATE || i.currentItem.type === e.STORE_ITEM_TYPE.CURRENCY ? (a(), p(_, {
        key: 0,
        amount: i.currentItem.text,
        isBig: !0,
        isDonate: i.currentItem.type === e.STORE_ITEM_TYPE.DONATE
    }, null, 8, ["amount", "isDonate"])) : (a(), r("div", VZ, C(i.currentItem.label), 1))])) : h("", !0), i.isNotice ? (a(), r("div", HZ, [n("p", UZ, [(a(!0), r(I, null, M(i.currentItem.notice, (se, Le) => (a(), r("p", {
        key: Le,
        style: x({
            color: `#${se.color}`
        })
    }, C(se.text), 5))), 128))])])) : h("", !0), i.currentItem.limitedAmount && !i.isMobile ? (a(), p(b, {
        key: 2,
        count: i.currentItem.limitedAmount
    }, null, 8, ["count"])) : h("", !0), n("div", YZ, [i.currentItem.isSelect ? (a(), p(u, {
        key: 0,
        items: i.currentItem.data.options,
        activeOption: e.data.option,
        type: i.currentItem.type,
        onSelectOption: i.selectOption
    }, null, 8, ["items", "activeOption", "type", "onSelectOption"])) : i.currentItem.type === e.STORE_ITEM_TYPE.NUMBER_PLATE ? (a(), p(g, {
        key: 1,
        item: i.currentItem,
        numberPlateStatus: s.numberPlateStatus,
        anyModalIsOpened: s.anyModalIsOpened,
        currentTemplate: e.carNumberTemplate,
        generatedCarNumber: s.generatedCarNumber,
        isMobile: i.isMobile,
        onNumberUpdate: i.onNumberUpdate,
        onChangeTemplate: i.onNumberChangeTemplate,
        onPriceUpdate: i.onNumberPriceUpdate,
        onInputFocus: i.onNumberInputFocus,
        onInputBlur: i.onNumberInputBlur,
        onGenerate: i.onGenerateNumber
    }, null, 8, ["item", "numberPlateStatus", "anyModalIsOpened", "currentTemplate", "generatedCarNumber", "isMobile", "onNumberUpdate", "onChangeTemplate", "onPriceUpdate", "onInputFocus", "onInputBlur", "onGenerate"])) : i.currentItem.type === e.STORE_ITEM_TYPE.DONATE || i.currentItem.type === e.STORE_ITEM_TYPE.CURRENCY ? (a(), p(y, {
        key: 2,
        amount: i.currentItem.text,
        isDonate: i.currentItem.type === e.STORE_ITEM_TYPE.DONATE
    }, null, 8, ["amount", "isDonate"])) : (a(), p(f, {
        key: 3,
        entries: i.currentItem.entries
    }, null, 8, ["entries"])), i.currentItem.description && i.currentItem.description.length ? (a(), r("div", KZ, [GZ, d(S, {
        class: "main-menu-store-item-description",
        useMask: !0,
        type: 9
    }, {
        default: E(() => [(a(!0), r(I, null, M(i.currentItem.description, (se, Le) => (a(), r("div", {
            class: T(["main-menu-store-item-description__row", {
                "main-menu-store-item-description__row_acquired": se.acquired && (se.acquiredProgress < 0 || se.acquiredProgress >= 100)
            }]),
            key: Le
        }, [FZ, n("div", zZ, [n("p", ZZ, [(a(!0), r(I, null, M(se.text, (gt, _e) => (a(), r("p", {
            key: _e,
            style: x({
                color: `#${gt.color}`
            })
        }, C(gt.text), 5))), 128))]), se.acquired ? (a(), p(k, {
            key: 0,
            class: "main-menu-store-item-description__badge",
            progress: se.acquiredProgress,
            text: se.acquiredText
        }, null, 8, ["progress", "text"])) : h("", !0)])], 2))), 128))]),
        _: 1
    })])) : h("", !0)]), i.isHint ? (a(), p(O, {
        key: 3,
        class: "main-menu-store-item-hint",
        cohinline: ""
    }, {
        default: E(() => [(a(!0), r(I, null, M(i.currentItem.hint, (se, Le) => (a(), r("p", {
            key: Le,
            style: x({
                color: `#${se.color}`
            })
        }, C(se.text), 5))), 128))]),
        _: 1
    })) : h("", !0), n("div", qZ, [i.price > 0 ? (a(), r(I, {
        key: 0
    }, [d(B, {
        isBigTitleOffset: !0,
        price: i.price,
        oldPrice: i.oldPrice,
        sizeType: e.MAIN_MENU_ITEM_PRICE_SIZE_TYPES.XL,
        type: i.isDonate ? e.MAIN_MENU_ITEM_PRICE_TYPES.RUB : e.MAIN_MENU_ITEM_PRICE_TYPES.DONATE
    }, null, 8, ["price", "oldPrice", "sizeType", "type"]), i.isDonate ? (a(), p(O, {
        key: 0
    }, {
        default: E(() => [w("Сумма оплаты указана не в игровой валюте (Рубли)")]),
        _: 1
    })) : h("", !0)], 64)) : h("", !0), n("div", WZ, [n("div", jZ, [d(K, {
        class: "main-menu-store-item-payment__button",
        text: i.isShowTopUp ? "пополнить счет" : "БЫСТРАЯ ПОКУПКА",
        type: "yellow",
        isDisabled: i.buyButtonIsDisabled,
        onClick: i.onBuy
    }, null, 8, ["text", "isDisabled", "onClick"]), i.isCartAvailable ? (a(), p(R, {
        key: 0,
        class: "main-menu-store-item-payment__cart",
        sizeType: e.CART_BUTTON_SIZE_TYPES.BIG,
        type: i.isBuyReady ? i.isInCart ? e.CART_BUTTON_TYPES.ACTIVE : e.CART_BUTTON_TYPES.DEFAULT : e.CART_BUTTON_TYPES.DISABLED,
        onClick: i.onCartClick
    }, null, 8, ["sizeType", "type", "onClick"])) : h("", !0)]), n("div", XZ, [i.isEnoughDonate && (!i.isMobile || !i.isNumber) && i.isGiftAvailable ? (a(), p(K, {
        key: 0,
        class: "main-menu-store-item-payment__button",
        type: "transparent",
        isDisabled: !i.isBuyReady,
        text: "ПОДАРИТЬ ДРУГУ",
        onClick: i.onGift
    }, null, 8, ["isDisabled", "onClick"])) : h("", !0)])])]), i.isMobile && i.isNumber ? (a(), p(oe, {
        key: 4,
        class: "main-menu-store-item__gift-button",
        isDisabled: !i.isEnoughDonate || !e.numberIsFull,
        onClick: i.onGift
    }, null, 8, ["isDisabled", "onClick"])) : h("", !0)]), n("div", QZ, [!i.isMobile && i.isCartAvailable ? (a(), p(me, {
        key: 0,
        containerText: "В корзину",
        disabled: i.controlButtonsIsDisabled || !i.isBuyReady,
        keyCode: e.KEY_CODE_SPACE,
        pressSound: "UI/UI_character_click01.mp3",
        text: "Space",
        onPressed: i.onCartClick
    }, null, 8, ["disabled", "keyCode", "onPressed"])) : h("", !0), i.isMobile ? h("", !0) : (a(), p(me, {
        key: 1,
        containerText: i.isShowTopUp ? "Пополнить счет" : "Быстрая покупка",
        holdTime: e.MAIN_MENU_BTN_HOLD_TIME,
        disabled: i.controlButtonsIsDisabled || i.buyButtonIsDisabled,
        keyCode: e.KEY_CODE_ENTER,
        pressSound: "UI/UI_menu_click_03.mp3",
        text: "Enter",
        onPressed: i.onBuy
    }, null, 8, ["containerText", "holdTime", "disabled", "keyCode", "onPressed"])), !i.isMobile && i.isGiftAvailable ? (a(), p(me, {
        key: 2,
        containerText: "Подарить другу",
        holdTime: e.MAIN_MENU_BTN_HOLD_TIME,
        disabled: i.controlButtonsIsDisabled || !i.isEnoughDonate || !i.isBuyReady,
        keyCode: e.KEY_CODE_G,
        pressSound: "UI/UI_menu_click_03.mp3",
        text: "G",
        onPressed: i.onGift
    }, null, 8, ["holdTime", "disabled", "keyCode", "onPressed"])) : h("", !0), s.item.isTestDrive ? (a(), r(I, {
        key: 3
    }, [i.isMobile ? (a(), p(We, {
        key: 1,
        onClick: i.onTestDrive
    }, null, 8, ["onClick"])) : (a(), p(me, {
        key: 0,
        containerText: "Тест-Драйв",
        holdTime: e.MAIN_MENU_BTN_HOLD_TIME,
        disabled: i.controlButtonsIsDisabled || !e.numberIsFull,
        keyCode: e.KEY_CODE_C,
        pressSound: "UI/UI_menu_click_03.mp3",
        text: "C",
        onPressed: i.onTestDrive
    }, null, 8, ["holdTime", "disabled", "keyCode", "onPressed"]))], 64)) : h("", !0), !i.isMobile && s.item.type === e.STORE_ITEM_TYPE.NUMBER_PLATE ? (a(), p(me, {
        key: 4,
        containerText: "Сгенерировать случайный номер",
        disabled: i.controlButtonsIsDisabled,
        keyCode: e.KEY_CODE_R,
        pressSound: "UI/UI_menu_click_03.mp3",
        text: "R",
        onPressed: i.onGenerateNumber
    }, null, 8, ["disabled", "keyCode", "onPressed"])) : h("", !0)]), JZ], 2)
}
const tq = {
        props: ["item", "additionalData", "currentItemIndex", "isSquareMobile", "cartItems", "anyModalIsOpened", "numberPlateStatus", "generatedCarNumber", "isFullScreen"],
        components: {
            CarNumberPlate: _1,
            ControlsContaineredButton: W,
            ItemBadges: mn,
            PricingBlock: pe,
            CartButton: a1,
            ItemCommon: Iz,
            ItemCurrency: Lz,
            ItemSelection: _Z,
            ItemNumber: vZ,
            Button: q,
            CurrencyTitle: yo,
            TextHint: Ke,
            MobileTestDriveButton: IZ,
            GiftButton: ko,
            ScrollableContainer: U,
            LimitedStatus: $Z,
            AcquiredBadge: u1
        },
        data: () => ({
            MAIN_MENU_BTN_HOLD_TIME: ge,
            CART_BUTTON_SIZE_TYPES: wn,
            CART_BUTTON_TYPES: yt,
            ITEM_BADGE_SIZE_TYPES: ft,
            STORE_ITEM_TYPE: P,
            MAIN_MENU_ITEM_PRICE_SIZE_TYPES: X,
            MAIN_MENU_ITEM_PRICE_STYLE_TYPES: fs,
            MAIN_MENU_ITEM_PRICE_TYPES: Z,
            KEY_CODE_ESC: window.KEY_CODE_ESC,
            KEY_CODE_SPACE: window.KEY_CODE_SPACE,
            KEY_CODE_G: window.KEY_CODE_G,
            KEY_CODE_C: window.KEY_CODE_C,
            KEY_CODE_ENTER: window.KEY_CODE_ENTER,
            KEY_CODE_R: window.KEY_CODE_R,
            images: Object.assign({
                "/src/assets/images/main-menu/store/items/0.jpg": vi,
                "/src/assets/images/main-menu/store/items/1.jpg": Ci,
                "/src/assets/images/main-menu/store/items/10.jpg": yi,
                "/src/assets/images/main-menu/store/items/11.jpg": fi,
                "/src/assets/images/main-menu/store/items/12.jpg": Ti,
                "/src/assets/images/main-menu/store/items/13.jpg": Ei,
                "/src/assets/images/main-menu/store/items/14.jpg": ki,
                "/src/assets/images/main-menu/store/items/16.jpg": Ii,
                "/src/assets/images/main-menu/store/items/17.jpg": wi,
                "/src/assets/images/main-menu/store/items/18.jpg": Si,
                "/src/assets/images/main-menu/store/items/19.jpg": Mi,
                "/src/assets/images/main-menu/store/items/2.jpg": Pi,
                "/src/assets/images/main-menu/store/items/20.jpg": Ai,
                "/src/assets/images/main-menu/store/items/21.jpg": Di,
                "/src/assets/images/main-menu/store/items/22.jpg": Li,
                "/src/assets/images/main-menu/store/items/23.jpg": xi,
                "/src/assets/images/main-menu/store/items/24.jpg": Oi,
                "/src/assets/images/main-menu/store/items/25.jpg": Bi,
                "/src/assets/images/main-menu/store/items/26.jpg": $i,
                "/src/assets/images/main-menu/store/items/3.jpg": Ni,
                "/src/assets/images/main-menu/store/items/4.jpg": Ri,
                "/src/assets/images/main-menu/store/items/5.jpg": Vi,
                "/src/assets/images/main-menu/store/items/6.jpg": Hi,
                "/src/assets/images/main-menu/store/items/7.jpg": Ui,
                "/src/assets/images/main-menu/store/items/8.jpg": Yi,
                "/src/assets/images/main-menu/store/items/9.jpg": Ki
            }),
            carNumberPrice: 0,
            carNumberInputIsFocused: !1,
            carNumberTemplate: Y.UA,
            numberIsFull: !0,
            preparedNumber: [],
            numberPreview: "",
            data: {
                input: "",
                option: 0
            }
        }),
        computed: {
            classes() {
                return {
                    "main-menu-store-item_mobile": this.isMobile,
                    "main-menu-store-item_full-screen": this.isFullScreen,
                    "main-menu-store-item_number": this.isNumber,
                    "main-menu-store-item_select": this.isSelect
                }
            },
            isIOS() {
                return this.$root.isIOS
            },
            isInCart() {
                const e = this.cartItems.findIndex(s => s.index === this.currentItemIndex);
                let t = e >= 0;
                if (this.item.type === P.NUMBER_PLATE && t && this.numberIsFull) {
                    const s = this.cartItems[e].number.preparedNumber.join("") === this.preparedNumber.join("");
                    t = this.cartItems[e].number.template === this.carNumberTemplate && s
                }
                return t
            },
            isNotice() {
                return !this.currentItem.notice || !this.currentItem.notice.length ? !1 : this.currentItem.notice.filter(e => e.text.trim()
                        .length)
                    .length
            },
            isHint() {
                return !this.currentItem.hint || !this.currentItem.hint.length ? !1 : this.currentItem.hint.filter(e => e.text.trim()
                        .length)
                    .length
            },
            currentItem() {
                return {
                    ...this.item,
                    ...this.additionalData
                }
            },
            playerDonate() {
                return this.$store.getters["player/donate"]
            },
            isEnoughDonate() {
                return this.isDonate || this.playerDonate >= this.price
            },
            isShowTopUp() {
                return !this.isEnoughDonate && !this.isIOS
            },
            isMobile() {
                return this.$root.isMobile
            },
            isNotScrollable() {
                return this.currentItem.type === P.NUMBER_PLATE
            },
            price() {
                return this.currentItem.type === P.NUMBER_PLATE ? this.carNumberPrice : this.currentItem.isSelect ? this.currentItem.data.options[this.data.option] ? this.currentItem.data.options[this.data.option].price : 0 : this.currentItem.price.current
            },
            oldPrice() {
                return this.currentItem.price.old
            },
            controlButtonsIsDisabled() {
                return this.anyModalIsOpened || this.carNumberInputIsFocused
            },
            isDonate() {
                return this.currentItem.type === P.DONATE
            },
            isCartAvailable() {
                return o1(this.currentItem)
            },
            isGiftAvailable() {
                return b3.includes(this.currentItem.type)
            },
            isNumber() {
                return this.currentItem.type === P.NUMBER_PLATE
            },
            isSelect() {
                return this.currentItem.isSelect
            },
            isBuyReady() {
                return this.numberIsFull && this.price > 0
            },
            buyButtonIsDisabled() {
                return this.isAcquired || !this.isBuyReady || !this.isEnoughDonate && this.isIOS
            },
            isAcquired() {
                if (!this.currentItem.data || !this.currentItem.data.options || !this.currentItem.data.options[this.data.option]) return !1;
                const e = this.currentItem.data.options[this.data.option].acquiredProgress;
                return this.currentItem.data.options[this.data.option].acquired && (e < 0 || e >= 100)
            }
        },
        created() {
            this.currentItem.type === P.NUMBER_PLATE && (this.numberIsFull = !1)
        },
        methods: {
            playHoverSound() {
                window.playSound("UI/UI_button_point.mp3")
            },
            onBuy() {
                if (this.isBuyReady) {
                    if (!this.isEnoughDonate && !this.isIOS) this.$emit("topUp");
                    else if (this.isEnoughDonate) {
                        const {
                            item: e,
                            carNumberTemplate: t,
                            numberPreview: s,
                            preparedNumber: l,
                            carNumberPrice: o,
                            data: i
                        } = this;
                        this.$emit("buy", {
                            item: e,
                            numberTemplate: t,
                            numberPreview: s,
                            preparedNumber: l,
                            numberPrice: o,
                            option: i.option
                        })
                    }
                }
            },
            onGift() {
                if (!this.isGiftAvailable || !this.isBuyReady) return;
                const {
                    item: e,
                    carNumberTemplate: t,
                    numberPreview: s,
                    preparedNumber: l,
                    carNumberPrice: o,
                    data: i
                } = this;
                this.$emit("gift", {
                    item: e,
                    numberTemplate: t,
                    numberPreview: s,
                    preparedNumber: l,
                    numberPrice: o,
                    option: i.option
                })
            },
            onCartClick() {
                if (!this.isBuyReady) return;
                const e = this.isInCart ? "removeFromCart" : "addToCart",
                    t = this.currentItem.isSelect ? this.data.option : -1,
                    s = this.currentItem.type === P.NUMBER_PLATE ? {
                        price: this.carNumberPrice,
                        preparedNumber: this.preparedNumber,
                        template: this.carNumberTemplate,
                        preview: this.numberPreview
                    } : {};
                this.item.type === P.NUMBER_PLATE && !this.isInCart && this.$emit("removeFromCart"), this.$emit(e, t, s)
            },
            selectOption(e) {
                this.data.option = e
            },
            close() {
                this.$emit("close")
            },
            onNumberPriceUpdate(e) {
                this.carNumberPrice = e
            },
            onNumberInputFocus() {
                this.carNumberInputIsFocused = !0, this.$emit("changeInputFocus", this.carNumberInputIsFocused)
            },
            onNumberInputBlur() {
                this.carNumberInputIsFocused = !1, this.$emit("changeInputFocus", this.carNumberInputIsFocused)
            },
            onNumberChangeTemplate(e) {
                this.carNumberTemplate = e
            },
            onNumberUpdate(e, t, s) {
                this.numberIsFull = e, this.preparedNumber = t, this.numberPreview = s
            },
            onTestDrive() {
                this.$emit("testDrive")
            },
            onGenerateNumber() {
                this.$emit("generateNumber", this.carNumberTemplate)
            }
        }
    },
    p1 = v(tq, [
        ["render", eq]
    ]),
    g1 = e => (D("data-v-a2d063a7"), e = e(), L(), e),
    sq = g1(() => n("div", {
        class: "main-menu-store-main-section__top-background"
    }, null, -1)),
    iq = g1(() => n("div", {
        class: "main-menu-store-main-section__left-background"
    }, [n("div", {
        class: "main-menu-store-main-section__left-background-gradient"
    })], -1)),
    nq = {
        key: 0,
        class: "main-menu-store-main-section__background-wrapper",
        ref: "scrollableBackground"
    },
    aq = ["src"],
    oq = {
        class: "main-menu-store-main-section__container"
    };

function rq(e, t, s, l, o, i) {
    const m = c("ScrollableContainer");
    return a(), r("div", {
        class: T(["main-menu-store-main-section", i.classes])
    }, [n("div", {
        class: T(["main-menu-store-main-section__wrapper", {
            "main-menu-store-main-section__wrapper_scrollable": s.isScrollable
        }])
    }, [sq, iq, s.isScrollable ? (a(), r("div", nq, [n("img", {
        class: "main-menu-store-main-section__background",
        src: s.background
    }, null, 8, aq)], 512)) : (a(), r("div", {
        key: 1,
        class: "main-menu-store-main-section__background main-menu-store-main-section__background_image",
        style: x({
            backgroundImage: `url('${s.background}')`
        })
    }, null, 4)), i.isMobile && s.isScrollable ? (a(), p(m, {
        key: 2,
        class: "main-menu-store-main-section__scrollable-container",
        type: 9,
        orientation: 1,
        requiredHorizontalScroll: s.requiredScroll.scroll,
        onContentScroll: t[0] || (t[0] = ({
            scrollableWrapper: _
        }) => this.$emit("contentScrollMobile", _.scrollLeft))
    }, {
        default: E(() => [n("div", oq, [fe(e.$slots, "default", {}, void 0, !0)])]),
        _: 3
    }, 8, ["requiredHorizontalScroll"])) : (a(), r("div", {
        key: 3,
        class: "main-menu-store-main-section__content",
        ref: "scrollableContent",
        onWheel: t[1] || (t[1] = (..._) => i.onScroll && i.onScroll(..._))
    }, [fe(e.$slots, "default", {}, void 0, !0)], 544))], 2)], 2)
}
const En = 20,
    lq = 250,
    cq = {
        props: {
            type: {
                type: Number,
                default: ce.DEFAULT,
                required: !1
            },
            isScrollable: {
                type: Boolean,
                default: !1,
                required: !1
            },
            isHidden: {
                type: Boolean,
                default: !1,
                required: !1
            },
            background: {
                type: String,
                required: !0
            },
            requiredScroll: {
                type: Object,
                default: () => ({
                    counter: 0,
                    scroll: 0
                })
            },
            scrollRequestData: {
                type: Object,
                default: () => ({
                    shift: 0,
                    delta: 0,
                    counter: 0
                })
            },
            isFullScreen: {
                type: Boolean,
                default: !1,
                required: !1
            }
        },
        components: {
            ScrollableContainer: U
        },
        data() {
            return {
                MAIN_SECTION_TYPES: ce,
                scrollIsSyncing: !1
            }
        },
        computed: {
            classes() {
                return {
                    "main-menu-store-main-section_hidden": this.isHidden,
                    "main-menu-store-main-section_scrollable": this.isScrollable,
                    "main-menu-store-main-section_item": this.type === ce.ITEM,
                    "main-menu-store-main-section_item main-menu-store-main-section_item-green": this.type === ce.ITEM_GREEN,
                    "main-menu-store-main-section_item main-menu-store-main-section_item-yellow": this.type === ce.ITEM_YELLOW,
                    "main-menu-store-main-section_item main-menu-store-main-section_item-yellow-2": this.type === ce.ITEM_YELLOW_2,
                    "main-menu-store-main-section_item main-menu-store-main-section_item-blue": this.type === ce.ITEM_BLUE,
                    "main-menu-store-main-section_item main-menu-store-main-section_item-yellow-3": this.type === ce.ITEM_YELLOW_3,
                    "main-menu-store-main-section_item main-menu-store-main-section_item-yellow-4": this.type === ce.ITEM_YELLOW_4,
                    "main-menu-store-main-section_full-screen": this.isFullScreen
                }
            },
            isMobile() {
                return this.$root.isMobile
            }
        },
        mounted() {
            j(() => {
                this.onScroll()
            }), console.log(this.ORIENTATION_TYPES)
        },
        methods: {
            animateWheelScroll(e) {
                let t;
                const s = l => {
                    t === void 0 && (t = l);
                    const o = l - t,
                        i = En / lq,
                        m = Math.min(i * o, En);
                    this.setScrollValue(e, m), m < En && requestAnimationFrame(s)
                };
                requestAnimationFrame(s)
            },
            setScrollValue(e, t) {
                const s = this.$refs.scrollableContent;
                e > 0 ? s.scrollTop = Math.min(s.scrollTop + t, s.scrollHeight - s.offsetHeight) : s.scrollTop = Math.max(s.scrollTop - t, 0), this.onScrollEnd()
            },
            onScrollEnd() {
                const e = this.$refs.scrollableContent;
                this.$emit("contentScroll", e.scrollTop, e.scrollHeight, e.offsetHeight), this.syncScroll()
            },
            onScroll(e = null) {
                this.isScrollable && this.$refs.scrollableContent && (e !== null ? (e.preventDefault(), this.animateWheelScroll(e.deltaY)) : this.onScrollEnd())
            },
            syncScroll() {
                const e = this.$refs.scrollableContent,
                    t = this.$refs.scrollableBackground;
                this.scrollIsSyncing || !e || !t || (this.scrollIsSyncing = !0, t.scrollTop = e.scrollTop, this.$nextTick(() => {
                    this.scrollIsSyncing = !1
                }))
            },
            setScroll(e) {
                this.$refs.scrollableContent && (this.$refs.scrollableContent.scrollTop = e, this.$refs.scrollableBackground.scrollTop = e)
            }
        },
        watch: {
            requiredScroll: {
                handler(e) {
                    this.setScroll(e.scroll)
                },
                deep: !0
            },
            "scrollRequestData.counter"() {
                this.setScrollValue(this.scrollRequestData.delta, this.scrollRequestData.shift)
            }
        }
    },
    mq = v(cq, [
        ["render", rq],
        ["__scopeId", "data-v-a2d063a7"]
    ]),
    _q = {
        key: 1,
        class: "main-menu-store-main__divider"
    },
    dq = n("div", {
        class: "main-menu-store-main__divider-content"
    }, null, -1),
    uq = [dq];

function hq(e, t, s, l, o, i) {
    const m = c("AnimatedLogo"),
        _ = c("MainSection"),
        b = c("MainSidebar"),
        u = c("StoreItem"),
        g = c("Cart"),
        y = c("MainItemsGroup");
    return a(), r("div", {
        class: T(["main-menu-store-main", {
            "main-menu-store-main_mobile": s.isMobile,
            "main-menu-store-main_cart": e.cartIsOpened
        }])
    }, [s.isLoading ? (a(), p(_, {
        key: 0,
        isLoading: s.isLoading,
        background: e.images["/src/assets/images/main-menu/store/background.png"]
    }, {
        default: E(() => [d(m, {
            class: "main-menu-store-main__loader"
        })]),
        _: 1
    }, 8, ["isLoading", "background"])) : (a(), r(I, {
        key: 1
    }, [i.selectedItemIsFullscreen ? h("", !0) : (a(), p(b, {
        key: 0,
        class: "main-menu-store-main__sidebar",
        groups: s.items,
        selectedIndex: e.selectedGroupIndex,
        cartIsOpened: e.cartIsOpened,
        buttonsIsDisabled: s.anyModalIsOpened || e.itemIsOpened,
        cartItems: s.cartItems,
        isMobile: s.isMobile,
        onScrollStatusUpdate: i.onSidebarScrollUpdate,
        onSelect: i.onSetActiveGroupe,
        onOpenCart: i.openCart
    }, null, 8, ["groups", "selectedIndex", "cartIsOpened", "buttonsIsDisabled", "cartItems", "isMobile", "onScrollStatusUpdate", "onSelect", "onOpenCart"])), i.selectedItemIsFullscreen ? h("", !0) : (a(), r("div", _q, uq)), e.itemIsOpened ? (a(), p(_, {
        key: 2,
        isFullScreen: i.selectedItemIsFullscreen,
        background: e.images[`/src/assets/images/main-menu/store/items/${i.currentItem.image}.jpg`],
        type: i.itemSectionType
    }, {
        default: E(() => [d(u, {
            class: "main-menu-store-main__item",
            item: i.currentItem,
            additionalData: s.additionalData,
            currentItemIndex: e.currentItemIndex,
            cartItems: s.cartItems,
            anyModalIsOpened: s.anyModalIsOpened,
            numberPlateStatus: s.numberPlateStatus,
            generatedCarNumber: s.generatedCarNumber,
            isFullScreen: i.selectedItemIsFullscreen,
            onChangeInputFocus: t[0] || (t[0] = f => e.$emit("changeInputFocus", f)),
            onBuy: i.onBuy,
            onTopUp: i.onTopUp,
            onGift: i.onGift,
            onAddToCart: t[1] || (t[1] = (f, k) => i.addToCart(i.currentItem, f, k)),
            onRemoveFromCart: t[2] || (t[2] = f => i.removeFromCart(i.currentItem)),
            onGenerateNumber: i.onGenerateNumber,
            onTestDrive: i.onTestDrive
        }, null, 8, ["item", "additionalData", "currentItemIndex", "cartItems", "anyModalIsOpened", "numberPlateStatus", "generatedCarNumber", "isFullScreen", "onBuy", "onTopUp", "onGift", "onGenerateNumber", "onTestDrive"])]),
        _: 1
    }, 8, ["isFullScreen", "background", "type"])) : h("", !0), d(_, {
        isHidden: !e.cartIsOpened,
        background: e.images["/src/assets/images/main-menu/store/background_cart.png"]
    }, {
        default: E(() => [d(g, {
            class: "main-menu-store-main__cart",
            flattenItems: s.flattenItems,
            cartItems: s.cartItems,
            price: s.cartPrice,
            oldPrice: s.cartOldPrice,
            isMobile: s.isMobile,
            scrollRequestData: e.sidebarScrollRequestData,
            onTopUp: i.onTopUp,
            onBuy: i.buyCart,
            onRemoveFromCart: i.removeFromCart,
            onIncrement: t[3] || (t[3] = f => e.$emit("cartIncrement", f)),
            onDecrement: t[4] || (t[4] = f => e.$emit("cartDecrement", f))
        }, null, 8, ["flattenItems", "cartItems", "price", "oldPrice", "isMobile", "scrollRequestData", "onTopUp", "onBuy", "onRemoveFromCart"])]),
        _: 1
    }, 8, ["isHidden", "background"]), d(_, {
        isScrollable: !0,
        isHidden: e.cartIsOpened || e.itemIsOpened,
        background: e.images["/src/assets/images/main-menu/store/background.png"],
        requiredScroll: e.requiredGroupsScroll,
        scrollRequestData: e.sidebarScrollRequestData,
        onContentScroll: i.onScroll,
        onContentScrollMobile: i.onScrollMobile
    }, {
        default: E(() => [(a(!0), r(I, null, M(s.items, (f, k) => (a(), r("div", {
            class: "main-menu-store-main__group",
            key: k,
            ref_for: !0,
            ref: "groupRefs"
        }, [(a(), p(y, {
            group: f,
            key: k,
            cartItems: s.cartItems,
            flattenItems: s.flattenItems,
            onSelectItem: i.selectItem,
            onAddToCart: i.addToCart,
            onRemoveFromCart: i.removeFromCart,
            onItemHover: i.onItemHover
        }, null, 8, ["group", "cartItems", "flattenItems", "onSelectItem", "onAddToCart", "onRemoveFromCart", "onItemHover"]))]))), 128))]),
        _: 1
    }, 8, ["isHidden", "background", "requiredScroll", "scrollRequestData", "onContentScroll", "onContentScrollMobile"])], 64))], 2)
}
const pq = 1e3,
    gq = {
        props: ["items", "flattenItems", "item", "additionalData", "page", "cartItems", "anyModalIsOpened", "numberPlateStatus", "cartPrice", "cartOldPrice", "generatedCarNumber", "scrollToGroupOnOpen", "isMobile", "defaultStateRequestCounter", "isLoading"],
        components: {
            GroupTitle: i1,
            MainItem: r1,
            MainSidebar: PG,
            Cart: VF,
            StoreItem: p1,
            MainSection: mq,
            MainItemsGroup: vK,
            AnimatedLogo: dt
        },
        data: () => ({
            GROUP_TYPE: ne,
            MAIN_SECTION_TYPES: ce,
            STORE_ITEM_TYPE: P,
            currentItemIndex: 0,
            groupRects: [],
            selectedGroupIndex: 0,
            cartIsOpened: !1,
            itemIsOpened: !1,
            groupsScrollTop: 0,
            groupsScrollHeight: 0,
            groupsOffsetHeight: 0,
            requiredGroupsScroll: {
                scroll: 0,
                counter: 0
            },
            sidebarScrollStatus: !1,
            sidebarScrollDelta: 1,
            sidebarScrollRequestData: {
                counter: 0,
                shift: 0,
                delta: 0
            },
            images: Object.assign({
                "/src/assets/images/main-menu/store/background.png": Xc,
                "/src/assets/images/main-menu/store/background_cart.png": Qc,
                "/src/assets/images/main-menu/store/background_item_left.png": Jc,
                "/src/assets/images/main-menu/store/badge-edge.png": em,
                "/src/assets/images/main-menu/store/car-number-plate/background_green.png": xa,
                "/src/assets/images/main-menu/store/car-number-plate/background_orange.png": Oa,
                "/src/assets/images/main-menu/store/car-number-plate/background_red.png": Ba,
                "/src/assets/images/main-menu/store/car-number-plate/by.png": $a,
                "/src/assets/images/main-menu/store/car-number-plate/by_mobile.png": Na,
                "/src/assets/images/main-menu/store/car-number-plate/custom.png": Ra,
                "/src/assets/images/main-menu/store/car-number-plate/custom_mobile.png": Va,
                "/src/assets/images/main-menu/store/car-number-plate/flag-by.png": Ha,
                "/src/assets/images/main-menu/store/car-number-plate/flag-kz.png": Ua,
                "/src/assets/images/main-menu/store/car-number-plate/flag-rus.png": Ya,
                "/src/assets/images/main-menu/store/car-number-plate/flag-ua.png": Ka,
                "/src/assets/images/main-menu/store/car-number-plate/icon-check.png": Ga,
                "/src/assets/images/main-menu/store/car-number-plate/icon-clear.png": Fa,
                "/src/assets/images/main-menu/store/car-number-plate/icon-cross.png": za,
                "/src/assets/images/main-menu/store/car-number-plate/icon-random.png": Za,
                "/src/assets/images/main-menu/store/car-number-plate/icon-remove.png": Wi,
                "/src/assets/images/main-menu/store/car-number-plate/icon-wait.png": qa,
                "/src/assets/images/main-menu/store/car-number-plate/kz.png": Wa,
                "/src/assets/images/main-menu/store/car-number-plate/kz_mobile.png": ja,
                "/src/assets/images/main-menu/store/car-number-plate/rus.png": Xa,
                "/src/assets/images/main-menu/store/car-number-plate/rus_mobile.png": Qa,
                "/src/assets/images/main-menu/store/car-number-plate/ua.png": Ja,
                "/src/assets/images/main-menu/store/car-number-plate/ua_mobile.png": eo,
                "/src/assets/images/main-menu/store/cart-btn-tooltip-arrow.png": xr,
                "/src/assets/images/main-menu/store/check-icon.png": bi,
                "/src/assets/images/main-menu/store/clock.png": tm,
                "/src/assets/images/main-menu/store/convert/icon-currency.png": Rr,
                "/src/assets/images/main-menu/store/convert/icon-donate.png": Vr,
                "/src/assets/images/main-menu/store/convert/icon-exchange.png": Hr,
                "/src/assets/images/main-menu/store/gift.png": Nr,
                "/src/assets/images/main-menu/store/gift/green-bg.png": sm,
                "/src/assets/images/main-menu/store/gift/violet-bg.png": im,
                "/src/assets/images/main-menu/store/item/entry/rarity-line_blue.png": Gi,
                "/src/assets/images/main-menu/store/item/entry/rarity-line_grey.png": Fi,
                "/src/assets/images/main-menu/store/item/entry/rarity-line_red.png": zi,
                "/src/assets/images/main-menu/store/item/entry/rarity-line_violet.png": Zi,
                "/src/assets/images/main-menu/store/item/entry/rarity-line_yellow.png": qi,
                "/src/assets/images/main-menu/store/items/0.jpg": vi,
                "/src/assets/images/main-menu/store/items/1.jpg": Ci,
                "/src/assets/images/main-menu/store/items/10.jpg": yi,
                "/src/assets/images/main-menu/store/items/11.jpg": fi,
                "/src/assets/images/main-menu/store/items/12.jpg": Ti,
                "/src/assets/images/main-menu/store/items/13.jpg": Ei,
                "/src/assets/images/main-menu/store/items/14.jpg": ki,
                "/src/assets/images/main-menu/store/items/15.png": Lr,
                "/src/assets/images/main-menu/store/items/16.jpg": Ii,
                "/src/assets/images/main-menu/store/items/17.jpg": wi,
                "/src/assets/images/main-menu/store/items/18.jpg": Si,
                "/src/assets/images/main-menu/store/items/19.jpg": Mi,
                "/src/assets/images/main-menu/store/items/2.jpg": Pi,
                "/src/assets/images/main-menu/store/items/20.jpg": Ai,
                "/src/assets/images/main-menu/store/items/21.jpg": Di,
                "/src/assets/images/main-menu/store/items/22.jpg": Li,
                "/src/assets/images/main-menu/store/items/23.jpg": xi,
                "/src/assets/images/main-menu/store/items/24.jpg": Oi,
                "/src/assets/images/main-menu/store/items/25.jpg": Bi,
                "/src/assets/images/main-menu/store/items/26.jpg": $i,
                "/src/assets/images/main-menu/store/items/3.jpg": Ni,
                "/src/assets/images/main-menu/store/items/4.jpg": Ri,
                "/src/assets/images/main-menu/store/items/5.jpg": Vi,
                "/src/assets/images/main-menu/store/items/6.jpg": Hi,
                "/src/assets/images/main-menu/store/items/7.jpg": Ui,
                "/src/assets/images/main-menu/store/items/8.jpg": Yi,
                "/src/assets/images/main-menu/store/items/9.jpg": Ki,
                "/src/assets/images/main-menu/store/particles.svg": nm,
                "/src/assets/images/main-menu/store/previews/0.png": am,
                "/src/assets/images/main-menu/store/select-plus-icon.png": $r,
                "/src/assets/images/main-menu/store/select-star-icon.png": Br,
                "/src/assets/images/main-menu/store/sidebar-divider.png": Or,
                "/src/assets/images/main-menu/store/trash-icon.png": om
            })
        }),
        computed: {
            currentItem: {
                get() {
                    return this.flattenItems[this.currentItemIndex]
                },
                set(e) {
                    this.currentItemIndex = this.flattenItems.indexOf(e)
                }
            },
            itemSectionType() {
                return this.currentItem.colorType === V.GREEN ? ce.ITEM_GREEN : this.currentItem.colorType === V.YELLOW ? ce.ITEM_YELLOW : this.currentItem.colorType === V.YELLOW_2 ? ce.ITEM_YELLOW_2 : this.currentItem.colorType === V.BLUE ? ce.ITEM_BLUE : this.currentItem.colorType === V.YELLOW_3 ? ce.ITEM_YELLOW_3 : this.currentItem.limitedAmount ? ce.ITEM_YELLOW_4 : ce.ITEM
            },
            selectedItemIsFullscreen() {
                return this.isMobile && this.item && this.item.type === P.NUMBER_PLATE
            }
        },
        created() {
            this.onUpdatePage(this.page)
        },
        mounted() {
            const e = this.items.findIndex(t => t.groupType === this.scrollToGroupOnOpen);
            e < 0 || j(() => {
                j(() => {
                    this.onSetActiveGroupe(e)
                })
            })
        },
        methods: {
            startScroll() {
                let e = 0;
                const t = s => {
                    e === 0 && (e = s);
                    const l = s - e,
                        o = Math.max(pq * l / 1e3, 1);
                    e = s, this.sidebarScrollRequestData.shift = o, this.sidebarScrollRequestData.delta = this.sidebarScrollDelta, this.sidebarScrollRequestData.counter += 1, this.sidebarScrollStatus && requestAnimationFrame(t)
                };
                requestAnimationFrame(t)
            },
            getCartItems() {
                for (var e = [], t = 0; t < this.cartItems.length; t++) e.push(this.flattenItems[this.cartItems[t].index]);
                return e
            },
            buyCart() {
                this.$emit("buyCart")
            },
            setCurrentItem(e) {
                this.currentItem = e
            },
            selectItem(e) {
                this.setCurrentItem(e), this.openItem()
            },
            openItem() {
                this.$emit("open:item", this.currentItemIndex)
            },
            onScroll(e, t, s) {
                this.groupsScrollTop = e, this.groupsScrollHeight = t, this.groupsOffsetHeight = s;
                let l = this.selectedGroupIndex;
                this.$refs.groupRefs.forEach((o, i) => {
                    e >= this.getGroupActiveScrollPosition(i) && (l = i)
                }), this.selectedGroupIndex = l
            },
            onScrollMobile(e) {
                let t = 0;
                this.$refs.groupRefs.forEach((s, l) => {
                    s.offsetLeft < e && (t = l)
                }), this.selectedGroupIndex = t
            },
            onSetActiveGroupe(e) {
                this.cartIsOpened = !1, this.setPage(Ne.MAIN), this.$nextTick(() => {
                    j(() => {
                        this.isMobile ? (this.setGroupsScroll(this.$refs.groupRefs[e].offsetLeft), j(() => {
                            this.selectedGroupIndex = e
                        })) : (this.setGroupsScroll(this.getGroupActiveScrollPosition(e)), this.selectedGroupIndex = e)
                    })
                })
            },
            getGroupActiveScrollPosition(e) {
                const t = this.groupsOffsetHeight,
                    s = t - this.$refs.groupRefs[e].offsetHeight,
                    l = this.$refs.groupRefs[e].offsetTop - (s > 0 ? s / 2 : 0);
                return e === 0 ? 0 : Math.min(l, this.groupsScrollHeight - t)
            },
            openCart() {
                this.setPage(Ne.MAIN), this.cartIsOpened = !0
            },
            addToCart(e, t = -1, s = {}) {
                this.$emit("addToCart", e, t, s)
            },
            removeFromCart(e) {
                this.$emit("removeFromCart", e)
            },
            setPage(e) {
                this.$emit("setPage", e)
            },
            onUpdatePage(e) {
                e === Ne.ITEM && this.currentItem ? (this.itemIsOpened = !0, this.selectedGroupIndex = -1) : this.itemIsOpened = !1
            },
            setGroupsScroll(e) {
                this.requiredGroupsScroll = {
                    scroll: e,
                    counter: ++this.requiredGroupsScroll.counter
                }
            },
            onBuy(e) {
                this.$emit("itemBuy", e)
            },
            onTopUp() {
                this.$emit("topUp")
            },
            onGift(e) {
                this.$emit("gift", e)
            },
            onTestDrive() {
                this.$emit("testDrive")
            },
            onGenerateNumber(e) {
                this.$emit("generateNumber", e)
            },
            onItemHover(e) {
                this.$emit("itemHover", e)
            },
            onSidebarScrollUpdate(e, t) {
                this.sidebarScrollStatus = e, this.sidebarScrollDelta = t
            }
        },
        watch: {
            page(e) {
                this.onUpdatePage(e)
            },
            defaultStateRequestCounter() {
                this.onSetActiveGroupe(0)
            },
            sidebarScrollStatus(e) {
                e && this.startScroll()
            }
        }
    },
    bq = v(gq, [
        ["render", hq]
    ]),
    ht = e => (D("data-v-917a78e4"), e = e(), L(), e),
    vq = {
        class: "main-menu-store-convert-modal__wrapper"
    },
    Cq = {
        key: 0,
        class: "main-menu-store-convert-modal__bonus"
    },
    yq = {
        class: "main-menu-store-convert-modal__bonus-value"
    },
    fq = ht(() => n("div", {
        class: "main-menu-store-convert-modal__bonus-text"
    }, "СУММА конвертации указана С УЧЕТОМ БОНУСА", -1)),
    Tq = {
        class: "main-menu-store-convert-modal__content"
    },
    Eq = ht(() => n("img", {
        class: "main-menu-store-convert-modal__content-input-icon-currency",
        src: Ze
    }, null, -1)),
    kq = ht(() => n("img", {
        class: "main-menu-store-convert-modal__content-icon",
        src: Hr
    }, null, -1)),
    Iq = {
        class: "main-menu-store-convert-modal__content-value"
    },
    wq = ht(() => n("img", {
        class: "main-menu-store-convert-modal__content-value-icon-currency",
        src: Ae
    }, null, -1)),
    Sq = ht(() => n("img", {
        class: "main-menu-store-convert-modal__hint-icon-currency",
        src: Vr
    }, null, -1)),
    Mq = ht(() => n("div", {
        class: "main-menu-store-convert-modal__hint-value-donate"
    }, "1", -1)),
    Pq = ht(() => n("img", {
        class: "main-menu-store-convert-modal__hint-icon-currency",
        src: Rr
    }, null, -1)),
    Aq = {
        class: "main-menu-store-convert-modal__hint-value"
    },
    Dq = {
        key: 1,
        class: "main-menu-store-convert-modal__buttons"
    };

function Lq(e, t, s, l, o, i) {
    const m = c("InputField"),
        _ = c("TextHint"),
        b = c("ControlsContaineredButton"),
        u = c("ModalMobileButtons"),
        g = c("Modal");
    return a(), p(g, {
        class: "main-menu-store-convert-modal",
        isOpened: s.isOpened,
        title: "Конвертация валюты",
        onClose: i.close
    }, {
        default: E(() => [n("div", vq, [s.convertFactor > 1 ? (a(), r("div", Cq, [n("div", yq, "X" + C(s.convertFactor), 1), fq])) : h("", !0), n("div", Tq, [d(m, {
            class: "main-menu-store-convert-modal__content-input",
            data: o.input,
            validateSuccessCallback: i.validateInputSuccess,
            validateFailureCallback: i.validateInputFailure,
            onUpdate: t[0] || (t[0] = y => o.input.value = y),
            onFocus: t[1] || (t[1] = y => o.isInputFocusing = !0),
            onBlur: t[2] || (t[2] = y => o.isInputFocusing = !1)
        }, {
            default: E(() => [Eq]),
            _: 1
        }, 8, ["data", "validateSuccessCallback", "validateFailureCallback"]), kq, n("div", Iq, [wq, w(C(i.formatNumberWithSpaces(Number(s.data.money))), 1)])]), d(_, {
            class: "main-menu-store-convert-modal__hint"
        }, {
            default: E(() => [w("Актуальный курс обмена"), Sq, Mq, w("="), Pq, n("div", Aq, C(s.convertRate), 1)]),
            _: 1
        }), s.isMobile ? (a(), p(u, {
            key: 2,
            class: "main-menu-store-convert-modal__buttons",
            confirmText: "конвертировать валюту",
            confirmButtonColorType: "yellow",
            onCancel: i.close,
            onConfirm: i.buy
        }, null, 8, ["onCancel", "onConfirm"])) : (a(), r("div", Dq, [d(b, {
            containerText: "Конвертировать валюту",
            onPressed: i.buy,
            holdTime: o.MAIN_MENU_BTN_HOLD_TIME,
            disabled: s.isDisabled || !i.isBuyAvailable,
            text: "Enter",
            keyCode: o.KEY_CODE_ENTER,
            isYellow: !0,
            pressSound: "UI/UI_menu_click_03.mp3"
        }, null, 8, ["onPressed", "holdTime", "disabled", "keyCode"]), d(b, {
            containerText: "Закрыть",
            onPressed: i.close,
            disabled: s.isDisabled,
            allowAlternativeKey: !o.isInputFocusing,
            keyCode: o.KEY_CODE_ESC,
            pressSound: "UI/UI_back_esc_1.mp3"
        }, null, 8, ["onPressed", "disabled", "allowAlternativeKey", "keyCode"])]))])]),
        _: 1
    }, 8, ["isOpened", "onClose"])
}
const xq = {
        props: ["isOpened", "data", "isDisabled", "convertRate", "convertFactor", "isMobile"],
        components: {
            Modal: Q,
            InputField: Ie,
            ControlsContaineredButton: W,
            TextHint: Ke,
            ModalMobileButtons: De
        },
        data() {
            return {
                MAIN_MENU_BTN_HOLD_TIME: ge,
                KEY_CODE_ESC: window.KEY_CODE_ESC,
                KEY_CODE_ENTER: window.KEY_CODE_ENTER,
                input: {
                    type: "number",
                    value: "",
                    icon: !0,
                    placeholder: ""
                },
                isInputFocusing: !1
            }
        },
        computed: {
            isBuyAvailable() {
                return this.input.value > 0
            }
        },
        methods: {
            formatNumberWithSpaces: F,
            close() {
                this.$emit("close")
            },
            buy() {
                this.$emit("buy", this.input.value)
            },
            validateInputSuccess(e) {
                return e > 0
            },
            validateInputFailure(e) {
                return e <= 0
            }
        },
        watch: {
            "data.donate"(e) {
                this.input.value = Number(e)
            },
            "input.value"(e) {
                this.$emit("donateInput", e)
            },
            isOpened() {
                this.input.value = ""
            }
        }
    },
    Oq = v(xq, [
        ["render", Lq],
        ["__scopeId", "data-v-917a78e4"]
    ]),
    Bq = {
        class: "main-menu-store-confirm-common-modal__content"
    },
    $q = {
        key: 0,
        class: "main-menu-store-confirm-common-modal__buttons"
    };

function Nq(e, t, s, l, o, i) {
    const m = c("SmallItem"),
        _ = c("ControlsContaineredButton"),
        b = c("ModalMobileButtons"),
        u = c("Modal");
    return a(), p(u, {
        class: "main-menu-store-confirm-common-modal",
        isOpened: s.isOpened,
        colorType: o.MODAL_COLOR_TYPES.GREEN,
        title: `вы уверены, что хотите ${s.isGift?"подарить":"купить"} этот предмет?`,
        onClose: i.close
    }, {
        default: E(() => [n("div", Bq, [d(m, {
            class: "main-menu-store-confirm-common-modal__item",
            type: o.SMALL_ITEM_TYPES.MODAL,
            itemIndex: s.itemIndex,
            flattenItems: s.flattenItems,
            price: i.itemPrice,
            oldPrice: i.itemOldPrice,
            text: i.itemText,
            label: i.itemLabel,
            isMobile: s.isMobile,
            isGift: s.isGift
        }, null, 8, ["type", "itemIndex", "flattenItems", "price", "oldPrice", "text", "label", "isMobile", "isGift"])]), s.isMobile ? (a(), p(b, {
            key: 1,
            confirmText: i.buyText,
            isConfirmationOnly: !0,
            confirmButtonColorType: "yellow",
            onCancel: i.close,
            onConfirm: i.onBuy
        }, null, 8, ["confirmText", "onCancel", "onConfirm"])) : (a(), r("div", $q, [d(_, {
            containerText: i.buyText,
            onPressed: i.onBuy,
            holdTime: o.MAIN_MENU_BTN_HOLD_TIME,
            text: "Enter",
            disabled: s.isDisabled,
            keyCode: o.KEY_CODE_ENTER,
            pressSound: "UI/UI_menu_click_03.mp3",
            isYellow: !0
        }, null, 8, ["containerText", "onPressed", "holdTime", "disabled", "keyCode"]), d(_, {
            containerText: "Закрыть",
            onPressed: i.close,
            disabled: s.isDisabled,
            keyCode: o.KEY_CODE_ESC,
            pressSound: "UI/UI_back_esc_1.mp3"
        }, null, 8, ["onPressed", "disabled", "keyCode"])]))]),
        _: 1
    }, 8, ["isOpened", "colorType", "title", "onClose"])
}
const Rq = {
        props: ["isOpened", "itemIndex", "flattenItems", "isDisabled", "purchaseData", "isMobile", "isGift"],
        components: {
            Modal: Q,
            ControlsContaineredButton: W,
            SmallItem: m1,
            ModalMobileButtons: De
        },
        data() {
            return {
                MAIN_MENU_BTN_HOLD_TIME: ge,
                KEY_CODE_ESC: window.KEY_CODE_ESC,
                KEY_CODE_ENTER: window.KEY_CODE_ENTER,
                SMALL_ITEM_TYPES: vs,
                MODAL_COLOR_TYPES: Ve
            }
        },
        computed: {
            itemPrice() {
                return this.item.isSelect && this.purchaseData.option >= 0 ? this.item.data.options[this.purchaseData.option].price : this.item.type === P.NUMBER_PLATE && this.purchaseData.numberPrice ? this.purchaseData.numberPrice : this.item.price.current
            },
            itemOldPrice() {
                return this.item.price.old
            },
            itemText() {
                return this.item.type === P.NUMBER_PLATE ? "Номер" : this.item.text
            },
            itemLabel() {
                return this.item.isSelect && this.purchaseData.option >= 0 ? this.item.data.options[this.purchaseData.option].name : this.item.type === P.NUMBER_PLATE && this.purchaseData.numberPreview ? this.purchaseData.numberPreview : this.item.label
            },
            item() {
                return this.flattenItems[this.itemIndex]
            },
            buyText() {
                return this.isGift ? "Подарить" : "Подтвердить покупку"
            }
        },
        methods: {
            onBuy() {
                this.isGift ? this.$emit("gift") : this.$emit("fastBuy")
            },
            close() {
                this.$emit("close")
            }
        }
    },
    Vq = v(Rq, [
        ["render", Nq],
        ["__scopeId", "data-v-0288aa8c"]
    ]),
    Io = e => (D("data-v-be8b4422"), e = e(), L(), e),
    Hq = {
        class: "main-menu-store-top-up-modal__content"
    },
    Uq = Io(() => n("div", {
        class: "main-menu-store-top-up-modal__content-input-currency"
    }, null, -1)),
    Yq = Io(() => n("div", {
        class: "main-menu-store-top-up-modal__content-title"
    }, "ЧТО Я ПОЛУЧУ ПРИ ПОКУПКЕ?", -1)),
    Kq = {
        class: "main-menu-store-top-up-modal__content-value"
    },
    Gq = Io(() => n("img", {
        class: "main-menu-store-top-up-modal__content-value-icon-currency",
        src: Ze
    }, null, -1)),
    Fq = {
        key: 0,
        class: "main-menu-store-top-up-modal__buttons"
    };

function zq(e, t, s, l, o, i) {
    const m = c("InputField"),
        _ = c("TextHint"),
        b = c("ControlsContaineredButton"),
        u = c("ModalMobileButtons"),
        g = c("Modal");
    return a(), p(g, {
        class: "main-menu-store-top-up-modal",
        isOpened: s.isOpened,
        title: "пополнить счет",
        onClose: i.close
    }, {
        default: E(() => [n("div", Hq, [d(m, {
            class: "main-menu-store-top-up-modal__content-input",
            data: o.input,
            validateSuccessCallback: i.validateInputSuccess,
            validateFailureCallback: i.validateInputFailure,
            onUpdate: t[0] || (t[0] = y => o.input.value = y),
            onFocus: t[1] || (t[1] = y => o.isInputFocusing = !0),
            onBlur: t[2] || (t[2] = y => o.isInputFocusing = !1)
        }, {
            default: E(() => [Uq]),
            _: 1
        }, 8, ["data", "validateSuccessCallback", "validateFailureCallback"]), Yq, n("div", Kq, [Gq, w(C(i.formatNumberWithSpaces(i.topUpValue)), 1)])]), d(_, {
            class: "main-menu-store-top-up-modal__hint"
        }, {
            default: E(() => [w("Вы будете перенаправлены на официальный сайт игры.")]),
            _: 1
        }), s.isMobile ? (a(), p(u, {
            key: 1,
            class: "main-menu-store-top-up-modal__buttons",
            confirmText: "Подтвердить покупку",
            confirmButtonColorType: "yellow",
            onCancel: i.close,
            onConfirm: i.buy
        }, null, 8, ["onCancel", "onConfirm"])) : (a(), r("div", Fq, [d(b, {
            containerText: "Перейти к оплате",
            onPressed: i.buy,
            holdTime: o.MAIN_MENU_BTN_HOLD_TIME,
            disabled: s.isDisabled || !i.isBuyAvailable,
            text: "Enter",
            keyCode: o.KEY_CODE_ENTER,
            pressSound: "UI/UI_menu_click_03.mp3",
            isYellow: !0
        }, null, 8, ["onPressed", "holdTime", "disabled", "keyCode"]), d(b, {
            containerText: "Закрыть",
            onPressed: i.close,
            disabled: s.isDisabled,
            allowAlternativeKey: !o.isInputFocusing,
            keyCode: o.KEY_CODE_ESC,
            pressSound: "UI/UI_back_esc_1.mp3"
        }, null, 8, ["onPressed", "disabled", "allowAlternativeKey", "keyCode"])]))]),
        _: 1
    }, 8, ["isOpened", "onClose"])
}
const Zq = {
        props: ["isOpened", "isDisabled", "rate", "isMobile"],
        components: {
            Modal: Q,
            InputField: Ie,
            ControlsContaineredButton: W,
            TextHint: Ke,
            ModalMobileButtons: De
        },
        data() {
            return {
                MAIN_MENU_BTN_HOLD_TIME: ge,
                KEY_CODE_ESC: window.KEY_CODE_ESC,
                KEY_CODE_ENTER: window.KEY_CODE_ENTER,
                input: {
                    type: "number",
                    value: "",
                    icon: !0,
                    placeholder: "Сумма пополнения"
                },
                isInputFocusing: !1
            }
        },
        computed: {
            topUpValue() {
                return this.input.value * this.rate
            },
            isBuyAvailable() {
                return this.validateInputSuccess(this.input.value)
            }
        },
        methods: {
            formatNumberWithSpaces: F,
            close() {
                this.$emit("close")
            },
            buy() {
                this.$emit("buy", this.input.value)
            },
            validateInputSuccess(e) {
                return e > 0
            },
            validateInputFailure(e) {
                return e <= 0
            }
        },
        watch: {
            isOpened() {
                this.input.value = ""
            }
        }
    },
    qq = v(Zq, [
        ["render", zq],
        ["__scopeId", "data-v-be8b4422"]
    ]),
    Wq = {
        class: "main-menu-store-vip-item-buttons"
    };

function jq(e, t, s, l, o, i) {
    const m = c("Button");
    return a(), r("div", Wq, [d(m, {
        class: "main-menu-store-vip-item-buttons__button",
        text: i.isMobile ? "за d-поинты" : "КУПИТЬ ПОДПИСКУ",
        type: "yellow",
        onClick: i.buy
    }, null, 8, ["text", "onClick"]), s.item.currencyPrice.current ? (a(), p(m, {
        key: 0,
        class: "main-menu-store-vip-item-buttons__button",
        text: i.isMobile ? "за игр. валюту" : "КУПИТЬ за игровую валюту",
        type: "transparent",
        onClick: i.buyCurrency
    }, null, 8, ["text", "onClick"])) : h("", !0)])
}
const Xq = {
        props: {
            item: {
                type: Object,
                required: !0
            }
        },
        components: {
            Button: q
        },
        data() {
            return {}
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            }
        },
        methods: {
            buy() {
                this.$emit("buy")
            },
            buyCurrency() {
                this.$emit("buyCurrency")
            }
        }
    },
    wo = v(Xq, [
        ["render", jq],
        ["__scopeId", "data-v-1c1bfab9"]
    ]),
    Qq = e => (D("data-v-a3cddd0f"), e = e(), L(), e),
    Jq = {
        class: "main-menu-store-vip-item-content"
    },
    eW = {
        class: "main-menu-store-vip-item-content__row-wrapper"
    },
    tW = {
        class: "main-menu-store-vip-item-content__row-text"
    },
    sW = Qq(() => n("div", {
        class: "main-menu-store-vip-item-content__row-divider"
    }, null, -1));

function iW(e, t, s, l, o, i) {
    return a(), r("div", Jq, [(a(!0), r(I, null, M(s.rows, (m, _) => (a(), r("div", {
        class: T(["main-menu-store-vip-item-content__row", {
            "main-menu-store-vip-item-content__row_disabled": m.value === 0,
            "main-menu-store-vip-item-content__row_absent": m.value < 0
        }]),
        key: _
    }, [n("div", eW, [n("div", {
        class: "main-menu-store-vip-item-content__row-icon",
        style: x({
            backgroundImage: `url(${i.getIcon(m)})`
        })
    }, null, 4), n("div", tW, C(i.getParsedText(m.text, m.displayedValue)), 1)]), sW], 2))), 128))])
}
const nW = "%d",
    aW = {
        props: {
            rows: {
                type: Array,
                default: () => []
            }
        },
        data() {
            return {
                images: Object.assign({
                    "/src/assets/images/main-menu/EXP.png": qt,
                    "/src/assets/images/main-menu/bank-effect.png": Wt,
                    "/src/assets/images/main-menu/card.png": jt,
                    "/src/assets/images/main-menu/celebration-buy.png": Xt,
                    "/src/assets/images/main-menu/celebration-gift.png": Qt,
                    "/src/assets/images/main-menu/chip-effect.png": Jt,
                    "/src/assets/images/main-menu/chip.png": es,
                    "/src/assets/images/main-menu/dotted-line.png": ts,
                    "/src/assets/images/main-menu/glow.png": ss,
                    "/src/assets/images/main-menu/icon-check.png": Ye,
                    "/src/assets/images/main-menu/icon-gold-vip.png": is,
                    "/src/assets/images/main-menu/icon-info.png": cs,
                    "/src/assets/images/main-menu/icon-new-page.png": lt,
                    "/src/assets/images/main-menu/icon-platinum-vip.png": ns,
                    "/src/assets/images/main-menu/icon-silver-vip.png": as,
                    "/src/assets/images/main-menu/icon-test-drive.png": ct,
                    "/src/assets/images/main-menu/icon-user.png": Te,
                    "/src/assets/images/main-menu/round-icon-check.png": mt,
                    "/src/assets/images/main-menu/round-icon-cross.png": os,
                    "/src/assets/images/main-menu/sad-icon.png": _t,
                    "/src/assets/images/main-menu/star.png": rs,
                    "/src/assets/images/main-menu/warning-icon.png": ls
                })
            }
        },
        methods: {
            getIcon(e) {
                return e.value ? this.images["/src/assets/images/main-menu/round-icon-check.png"] : this.images["/src/assets/images/main-menu/round-icon-cross.png"]
            },
            getParsedText(e, t) {
                return e.replaceAll(nW, t)
            }
        }
    },
    b1 = v(aW, [
        ["render", iW],
        ["__scopeId", "data-v-a3cddd0f"]
    ]),
    oW = {
        class: "main-menu-store-vip-item-popular"
    };

function rW(e, t) {
    return a(), r("div", oW, "ПОПУЛЯРНЫЙ ВЫБОР")
}
const lW = {},
    v1 = v(lW, [
        ["render", rW],
        ["__scopeId", "data-v-a6b3f311"]
    ]),
    cW = e => (D("data-v-22065f30"), e = e(), L(), e),
    mW = cW(() => n("div", {
        class: "main-menu-store-vip-item-background__content"
    }, null, -1)),
    _W = [mW];

function dW(e, t, s, l, o, i) {
    return a(), r("div", {
        class: T(["main-menu-store-vip-item-background", i.classes])
    }, _W, 2)
}
const uW = {
        props: {
            type: {
                type: Number,
                default: N.SILVER
            },
            isPopular: {
                type: Boolean,
                default: !1
            }
        },
        computed: {
            classes() {
                return {
                    "main-menu-store-vip-item-background_silver": this.type === N.SILVER,
                    "main-menu-store-vip-item-background_gold": this.type === N.GOLD,
                    "main-menu-store-vip-item-background_platinum": this.type === N.PLATINUM,
                    "main-menu-store-vip-item-background_popular": this.isPopular
                }
            }
        }
    },
    C1 = v(uW, [
        ["render", dW],
        ["__scopeId", "data-v-22065f30"]
    ]),
    hW = {
        class: "main-menu-store-vip-buy-preview__title"
    };

function pW(e, t, s, l, o, i) {
    const m = c("VipItemButtons");
    return a(), r("div", {
        class: T(["main-menu-store-vip-buy-preview", i.classes])
    }, [n("div", hW, C(s.text), 1), d(m, {
        class: "main-menu-store-vip-buy-preview__buttons",
        item: s.item,
        onBuy: t[0] || (t[0] = _ => e.$emit("buy")),
        onBuyCurrency: t[1] || (t[1] = _ => e.$emit("buyCurrency"))
    }, null, 8, ["item"])], 2)
}
const gW = {
        props: {
            type: {
                type: Number,
                default: N.SILVER
            },
            item: {
                type: Object,
                required: !0
            },
            text: {
                type: String,
                default: ""
            }
        },
        components: {
            VipItemButtons: wo
        },
        computed: {
            classes() {
                return {
                    "main-menu-store-vip-buy-preview_silver": this.type === N.SILVER,
                    "main-menu-store-vip-buy-preview_gold": this.type === N.GOLD,
                    "main-menu-store-vip-buy-preview_platinum": this.type === N.PLATINUM
                }
            }
        }
    },
    bW = v(gW, [
        ["render", pW],
        ["__scopeId", "data-v-563362ba"]
    ]),
    So = e => (D("data-v-1016ad45"), e = e(), L(), e),
    vW = {
        class: "main-menu-store-vip-item__content"
    },
    CW = {
        class: "main-menu-store-vip-item__header"
    },
    yW = {
        class: "main-menu-store-vip-item__title"
    },
    fW = {
        class: "main-menu-store-vip-item__title-name"
    },
    TW = {
        class: "main-menu-store-vip-item__title-text"
    },
    EW = {
        class: "main-menu-store-vip-item__price"
    },
    kW = {
        class: "main-menu-store-vip-item__price-donate"
    },
    IW = So(() => n("div", {
        class: "main-menu-store-vip-item__price-period"
    }, "/ В Месяц", -1)),
    wW = So(() => n("div", {
        class: "main-menu-store-vip-item__price-divider"
    }, null, -1)),
    SW = {
        key: 0,
        class: "main-menu-store-vip-item__price-currency"
    },
    MW = So(() => n("div", {
        class: "main-menu-store-vip-item__price-period"
    }, "/ В Месяц", -1));

function PW(e, t, s, l, o, i) {
    const m = c("VIPPopularBadge"),
        _ = c("VipItemBackground"),
        b = c("VIPBuyPreview"),
        u = c("GiftButton"),
        g = c("PricingBlock"),
        y = c("VipItemButtons"),
        f = c("VIPItemContent"),
        k = c("ScrollableContainer");
    return a(), r("div", {
        class: T(["main-menu-store-vip-item", i.classes])
    }, [d(m, {
        class: T(["main-menu-store-vip-item__badge", {
            "main-menu-store-vip-item__badge_visible": s.popularVipType === s.item.vipType
        }])
    }, null, 8, ["class"]), n("div", vW, [d(_, {
        type: s.item.vipType
    }, null, 8, ["type"]), d(b, {
        class: "main-menu-store-vip-item__preview",
        type: s.type,
        item: s.item,
        text: i.text,
        onBuy: t[0] || (t[0] = S => e.$emit("buy")),
        onBuyCurrency: t[1] || (t[1] = S => e.$emit("buyCurrency"))
    }, null, 8, ["type", "item", "text"]), d(k, {
        class: "main-menu-store-vip-item__container",
        type: 9,
        requiredVerticalScroll: s.requiredScroll,
        onContentScroll: t[5] || (t[5] = S => e.$emit("scroll", S))
    }, {
        default: E(() => [n("div", CW, [n("div", yW, [n("div", fW, [n("div", {
            class: "main-menu-store-vip-item__title-icon",
            style: x({
                backgroundImage: `url(${i.icon})`
            })
        }, null, 4), n("div", TW, C(i.text), 1)]), d(u, {
            class: "main-menu-store-vip-item__title-gift",
            onClick: t[2] || (t[2] = S => e.$emit("gift"))
        })]), n("div", EW, [n("div", kW, [d(g, {
            price: i.price,
            oldPrice: i.oldPrice,
            isShowTitle: !1,
            areMillionsShortened: !0,
            sizeType: o.MAIN_MENU_ITEM_PRICE_SIZE_TYPES.XXL
        }, null, 8, ["price", "oldPrice", "sizeType"]), IW]), wW, s.item.currencyPrice.current ? (a(), r("div", SW, [d(g, {
            price: i.currencyPrice,
            oldPrice: i.oldCurrencyPrice,
            isShowTitle: !1,
            areMillionsShortened: !0,
            priceOpacity: .6,
            type: o.MAIN_MENU_ITEM_PRICE_TYPES.CURRENCY
        }, null, 8, ["price", "oldPrice", "type"]), MW])) : h("", !0)]), d(y, {
            class: "main-menu-store-vip-item__buttons",
            item: s.item,
            onBuy: t[3] || (t[3] = S => e.$emit("buy")),
            onBuyCurrency: t[4] || (t[4] = S => e.$emit("buyCurrency"))
        }, null, 8, ["item"])]), d(f, {
            class: "main-menu-store-vip-item__rows",
            rows: s.itemRows
        }, null, 8, ["rows"])]),
        _: 1
    }, 8, ["requiredVerticalScroll"])])], 2)
}
const AW = 34,
    DW = {
        props: {
            type: {
                type: Number,
                default: N.SILVER
            },
            item: {
                type: Object,
                required: !0
            },
            period: {
                type: Number,
                default: ue.MONTH
            },
            popularVipType: {
                type: Number,
                default: -1
            },
            itemRows: {
                type: Array,
                default: () => []
            },
            requiredScroll: {
                type: Number,
                default: -1
            }
        },
        components: {
            Button: q,
            PricingBlock: pe,
            VipItemButtons: wo,
            VIPItemContent: b1,
            VIPPopularBadge: v1,
            VipItemBackground: C1,
            GiftButton: ko,
            VIPBuyPreview: bW,
            ScrollableContainer: U
        },
        data() {
            return {
                STORE_ITEM_VIP_TYPE: N,
                MAIN_MENU_ITEM_PRICE_SIZE_TYPES: X,
                MAIN_MENU_ITEM_PRICE_TYPES: Z,
                images: Object.assign({
                    "/src/assets/images/main-menu/EXP.png": qt,
                    "/src/assets/images/main-menu/bank-effect.png": Wt,
                    "/src/assets/images/main-menu/card.png": jt,
                    "/src/assets/images/main-menu/celebration-buy.png": Xt,
                    "/src/assets/images/main-menu/celebration-gift.png": Qt,
                    "/src/assets/images/main-menu/chip-effect.png": Jt,
                    "/src/assets/images/main-menu/chip.png": es,
                    "/src/assets/images/main-menu/dotted-line.png": ts,
                    "/src/assets/images/main-menu/glow.png": ss,
                    "/src/assets/images/main-menu/icon-check.png": Ye,
                    "/src/assets/images/main-menu/icon-gold-vip.png": is,
                    "/src/assets/images/main-menu/icon-info.png": cs,
                    "/src/assets/images/main-menu/icon-new-page.png": lt,
                    "/src/assets/images/main-menu/icon-platinum-vip.png": ns,
                    "/src/assets/images/main-menu/icon-silver-vip.png": as,
                    "/src/assets/images/main-menu/icon-test-drive.png": ct,
                    "/src/assets/images/main-menu/icon-user.png": Te,
                    "/src/assets/images/main-menu/round-icon-check.png": mt,
                    "/src/assets/images/main-menu/round-icon-cross.png": os,
                    "/src/assets/images/main-menu/sad-icon.png": _t,
                    "/src/assets/images/main-menu/star.png": rs,
                    "/src/assets/images/main-menu/warning-icon.png": ls
                }),
                formatNumberWithSpaces: F
            }
        },
        computed: {
            classes() {
                return {
                    "main-menu-store-vip-item_silver": this.type === N.SILVER,
                    "main-menu-store-vip-item_gold": this.type === N.GOLD,
                    "main-menu-store-vip-item_platinum": this.type === N.PLATINUM,
                    "main-menu-store-vip-item_preview": this.isShowPreview
                }
            },
            icon() {
                let e = "icon-silver-vip";
                return this.type === N.GOLD && (e = "icon-gold-vip"), this.type === N.PLATINUM && (e = "icon-platinum-vip"), this.images[`/src/assets/images/main-menu/${e}.png`]
            },
            text() {
                return this.type === N.GOLD ? "gold vip" : this.type === N.PLATINUM ? "platinum vip" : "silver vip"
            },
            currencyPrice() {
                return this.period === ue.YEAR ? this.item.specialCurrencyPrice.current : this.item.currencyPrice.current
            },
            isAnnual() {
                return this.period === ue.YEAR
            },
            oldCurrencyPrice() {
                return this.isAnnual && this.item.currencyPrice.current > this.item.specialCurrencyPrice.current ? this.item.currencyPrice.current : 0
            },
            price() {
                return this.period === ue.YEAR ? this.item.specialPrice.current : this.item.price.current
            },
            oldPrice() {
                return this.isAnnual && this.item.price.current > this.item.specialPrice.current ? this.item.price.current : 0
            },
            isShowPreview() {
                return this.requiredScroll > this.$root.vhToPx(AW)
            }
        },
        methods: {
            close() {
                this.$emit("close")
            }
        }
    },
    LW = v(DW, [
        ["render", PW],
        ["__scopeId", "data-v-1016ad45"]
    ]),
    xW = {
        class: "main-menu-store-vip-switcher"
    };

function OW(e, t, s, l, o, i) {
    return a(), r("div", xW, [n("div", {
        class: T(["main-menu-store-vip-switcher__option", {
            "main-menu-store-vip-switcher__option_active": s.period === o.VIP_PERIOD_TYPE.MONTH
        }])
    }, "1 мес.", 2), n("div", {
        class: T(["main-menu-store-vip-switcher__option", {
            "main-menu-store-vip-switcher__option_active": s.period === o.VIP_PERIOD_TYPE.YEAR
        }])
    }, "12 мес.", 2)])
}
const BW = {
        props: ["period"],
        data() {
            return {
                VIP_PERIOD_TYPE: ue
            }
        }
    },
    $W = v(BW, [
        ["render", OW],
        ["__scopeId", "data-v-c47181e9"]
    ]),
    NW = {
        class: "main-menu-store-vip-modal-content"
    },
    RW = {
        class: "main-menu-store-vip-modal-content__title"
    },
    VW = {
        class: "main-menu-store-vip-modal-content__title-text"
    },
    HW = {
        class: "main-menu-store-vip-modal-content__title-subtitle"
    },
    UW = {
        class: "main-menu-store-vip-modal-content__items"
    };

function YW(e, t, s, l, o, i) {
    const m = c("VIPMobileSwitcher"),
        _ = c("Checkbox"),
        b = c("VIPItem"),
        u = c("ControlsContaineredButton");
    return a(), r("div", NW, [n("div", RW, [n("div", VW, [w(C(s.title), 1), n("div", HW, C(s.subtitle), 1)])]), s.isMobile ? (a(), p(m, {
        key: 0,
        period: s.period,
        onClick: i.onSwitchPeriod
    }, null, 8, ["period", "onClick"])) : (a(), p(_, {
        key: 1,
        class: "main-menu-store-vip-modal-content__switcher",
        isActive: s.period === o.VIP_PERIOD_TYPE.YEAR,
        onClick: i.onSwitchPeriod
    }, {
        default: E(() => [w("Цены Годовой подписки")]),
        _: 1
    }, 8, ["isActive", "onClick"])), n("div", UW, [(a(!0), r(I, null, M(s.items, (g, y) => (a(), p(b, {
        class: "main-menu-store-vip-modal-content__item",
        key: y,
        type: g.vipType,
        item: g,
        period: s.period,
        itemRows: s.itemsRows[y],
        requiredScroll: o.itemsScroll,
        popularVipType: s.popularVipType,
        onBuy: f => i.onBuy(g),
        onBuyCurrency: f => i.onBuyCurrency(g),
        onGift: f => i.onGift(g),
        onScroll: i.onScroll
    }, null, 8, ["type", "item", "period", "itemRows", "requiredScroll", "popularVipType", "onBuy", "onBuyCurrency", "onGift", "onScroll"]))), 128))]), s.isMobile ? h("", !0) : (a(), p(u, {
        key: 2,
        class: "main-menu-store-vip-modal-content__close",
        containerText: "Закрыть",
        onPressed: i.onClose,
        disabled: s.isDisabled,
        keyCode: o.KEY_CODE_ESC,
        pressSound: "UI/UI_back_esc_1.mp3"
    }, null, 8, ["onPressed", "disabled", "keyCode"]))])
}
const KW = {
        props: {
            isMobile: {
                type: Boolean,
                default: !1
            },
            itemsRows: {
                type: Object,
                required: !0
            },
            items: {
                type: Object,
                required: !0
            },
            isDisabled: {
                type: Boolean,
                default: !1
            },
            period: {
                type: Number,
                default: ue.MONTH
            },
            popularVipType: {
                type: Number,
                default: -1
            },
            title: {
                type: String,
                default: ""
            },
            subtitle: {
                type: String,
                default: ""
            }
        },
        components: {
            VIPItem: LW,
            VIPItemButtons: wo,
            VIPItemContent: b1,
            VIPPopularBadge: v1,
            VipItemBackground: C1,
            VIPMobileSwitcher: $W,
            ScrollableContainer: U,
            ControlsContaineredButton: W,
            Checkbox: Kl,
            GiftButton: ko
        },
        data() {
            return {
                VIP_PERIOD_TYPE: ue,
                KEY_CODE_ESC: window.KEY_CODE_ESC,
                itemsScroll: -1
            }
        },
        methods: {
            onClose() {
                this.$emit("close")
            },
            onSwitchPeriod() {
                this.$emit("switchPeriod")
            },
            onBuy(e) {
                this.$emit("buy", e)
            },
            onGift(e) {
                this.$emit("gift", e)
            },
            onBuyCurrency(e) {
                this.$emit("buyCurrency", e)
            },
            onScroll({
                scrollableWrapper: e
            }) {
                this.itemsScroll = e.scrollTop
            }
        }
    },
    GW = v(KW, [
        ["render", YW],
        ["__scopeId", "data-v-30b42fcb"]
    ]);

function FW(e, t, s, l, o, i) {
    const m = c("VIPModalContent"),
        _ = c("Modal");
    return a(), p(_, {
        class: "main-menu-store-vip-modal",
        isOpened: s.isOpened,
        type: o.MODAL_TYPES.OVERLAY_ONLY,
        overlayType: o.MODAL_OVERLAY_TYPES.BLUE_VIOLET,
        animationType: o.MODAL_ANIMATION_TYPES.FADE
    }, {
        default: E(() => [d(m, {
            class: "main-menu-store-vip-modal__content",
            isMobile: s.isMobile,
            itemsRows: i.itemsRows,
            items: i.sortedItems,
            isDisabled: s.isDisabled,
            period: s.period,
            popularVipType: o.POPULAR_VIP_TYPE,
            title: s.isMobile ? "выберите план подписки" : "выберите план",
            subtitle: s.isMobile ? "" : "подписки",
            onClose: i.onClose,
            onSwitchPeriod: i.onSwitchPeriod,
            onBuy: i.onBuy,
            onGift: i.onGift,
            onBuyCurrency: i.onBuyCurrency
        }, null, 8, ["isMobile", "itemsRows", "items", "isDisabled", "period", "popularVipType", "title", "subtitle", "onClose", "onSwitchPeriod", "onBuy", "onGift", "onBuyCurrency"])]),
        _: 1
    }, 8, ["isOpened", "type", "overlayType", "animationType"])
}
const zW = N.PLATINUM,
    ZW = {
        props: {
            isMobile: {
                type: Boolean,
                default: !1
            },
            isOpened: {
                type: Boolean,
                default: !1
            },
            items: {
                type: Object,
                required: !0
            },
            entries: {
                type: Array,
                required: !0
            },
            isDisabled: {
                type: Boolean,
                default: !1
            },
            period: {
                type: Number,
                default: ue.MONTH
            }
        },
        components: {
            Modal: Q,
            VIPModalContent: GW
        },
        data() {
            return {
                MODAL_OVERLAY_TYPES: Qs,
                VIP_PERIOD_TYPE: ue,
                MODAL_TYPES: io,
                MODAL_ANIMATION_TYPES: E_,
                POPULAR_VIP_TYPE: zW
            }
        },
        computed: {
            sortedEntries() {
                return [...this.entries].sort((e, t) => {
                    const s = l => ["silverValue", "goldValue", "platinumValue"].reduce((o, i, m) => l[i] ? o + m + 1 : o, 0);
                    return s(t) - s(e)
                })
            },
            itemsRows() {
                return this.sortedItems.map(e => this.getItemRows(e))
            },
            sortedItems() {
                return [this.items[0], this.items[2], this.items[1]]
            }
        },
        methods: {
            onClose() {
                this.$emit("close")
            },
            onSwitchPeriod() {
                const e = this.period === ue.MONTH ? ue.YEAR : ue.MONTH;
                this.$emit("switchPeriod", e)
            },
            onBuy(e) {
                this.$emit("buy", e)
            },
            onGift(e) {
                this.$emit("gift", e)
            },
            onBuyCurrency(e) {
                this.$emit("buyCurrency", e)
            },
            getItemRows(e) {
                return this.sortedEntries.map(({
                    text: t,
                    silverValue: s,
                    goldValue: l,
                    platinumValue: o
                }) => {
                    let i = s;
                    e.vipType === N.GOLD && (i = l), e.vipType === N.PLATINUM && (i = o);
                    const m = [i, s, s, o].reduce((_, b) => _ > 0 ? _ : b, 0);
                    return {
                        text: t,
                        value: i,
                        displayedValue: m
                    }
                })
            }
        }
    },
    qW = v(ZW, [
        ["render", FW],
        ["__scopeId", "data-v-adebe99c"]
    ]),
    WW = {
        class: "main-menu-store-confirm-vip-modal__title"
    },
    jW = {
        class: "main-menu-store-confirm-vip-modal__title-name"
    },
    XW = {
        class: "main-menu-store-confirm-vip-modal__content"
    },
    QW = {
        class: "main-menu-store-confirm-vip-modal__content-text"
    },
    JW = {
        class: "main-menu-store-confirm-vip-modal__content-text-top"
    },
    ej = {
        key: 0,
        class: "main-menu-store-confirm-vip-modal__content-text-bottom"
    },
    tj = {
        class: "main-menu-store-confirm-vip-modal__content-text-bottom-period"
    },
    sj = {
        key: 0,
        class: "main-menu-store-confirm-vip-modal__content-discount"
    },
    ij = {
        key: 0,
        class: "main-menu-store-confirm-vip-modal__buttons"
    };

function nj(e, t, s, l, o, i) {
    const m = c("PricingBlock"),
        _ = c("ControlsContaineredButton"),
        b = c("ModalMobileButtons"),
        u = c("Modal");
    return a(), p(u, {
        isOpened: s.isOpened,
        colorType: o.MODAL_COLOR_TYPES.VIOLET,
        onClose: i.close
    }, {
        default: E(() => [n("div", {
            class: T(["main-menu-store-confirm-vip-modal", i.classes])
        }, [n("div", WW, [w(C(`Вы уверены, что хотите ${s.isGift?"подарить":"купить"}`), 1), n("div", jW, C(i.vipName), 1), w("?")]), n("div", XW, [n("div", {
            class: "main-menu-store-confirm-vip-modal__content-icon",
            style: x({
                backgroundImage: `url(${i.icon})`
            })
        }, null, 4), n("div", QW, [n("div", JW, C(i.vipName), 1), s.isGift ? h("", !0) : (a(), r("div", ej, [w("до " + C(i.formattedEndDate), 1), n("div", tj, C(i.periodText), 1)]))]), i.discountPercent > 0 ? (a(), r("div", sj, C(i.discountPercent) + "% выгоды", 1)) : h("", !0)]), d(m, {
            class: "main-menu-store-confirm-vip-modal__price",
            price: i.price,
            oldPrice: i.oldPrice,
            type: i.priceType,
            sizeType: o.MAIN_MENU_ITEM_PRICE_SIZE_TYPES.XL
        }, null, 8, ["price", "oldPrice", "type", "sizeType"]), s.isMobile ? (a(), p(b, {
            key: 1,
            confirmText: i.buyText,
            confirmButtonColorType: s.isCurrency ? "white" : "yellow",
            isConfirmDisabled: i.buyButtonIsDisabled,
            onCancel: i.close,
            onConfirm: i.onBuy
        }, null, 8, ["confirmText", "confirmButtonColorType", "isConfirmDisabled", "onCancel", "onConfirm"])) : (a(), r("div", ij, [d(_, {
            containerText: i.buyText,
            holdTime: o.MAIN_MENU_BTN_HOLD_TIME,
            onPressed: i.onBuy,
            text: "Enter",
            disabled: s.isDisabled || i.buyButtonIsDisabled,
            keyCode: o.KEY_CODE_ENTER,
            pressSound: "UI/UI_menu_click_03.mp3",
            isYellow: !s.isCurrency
        }, null, 8, ["containerText", "holdTime", "onPressed", "disabled", "keyCode", "isYellow"]), d(_, {
            containerText: "Закрыть",
            onPressed: i.close,
            disabled: s.isDisabled,
            keyCode: o.KEY_CODE_ESC,
            pressSound: "UI/UI_back_esc_1.mp3"
        }, null, 8, ["onPressed", "disabled", "keyCode"])]))], 2)]),
        _: 1
    }, 8, ["isOpened", "colorType", "onClose"])
}
const aj = {
        props: ["isOpened", "item", "isCurrency", "isDisabled", "period", "playerSubscription", "isMobile", "getVipOldPrice", "getVipPrice", "isGift"],
        components: {
            Modal: Q,
            ControlsContaineredButton: W,
            PricingBlock: pe,
            ModalMobileButtons: De
        },
        data() {
            return {
                MAIN_MENU_BTN_HOLD_TIME: ge,
                KEY_CODE_ESC: window.KEY_CODE_ESC,
                KEY_CODE_ENTER: window.KEY_CODE_ENTER,
                MODAL_COLOR_TYPES: Ve,
                MAIN_MENU_ITEM_PRICE_SIZE_TYPES: X,
                images: Object.assign({
                    "/src/assets/images/main-menu/EXP.png": qt,
                    "/src/assets/images/main-menu/bank-effect.png": Wt,
                    "/src/assets/images/main-menu/card.png": jt,
                    "/src/assets/images/main-menu/celebration-buy.png": Xt,
                    "/src/assets/images/main-menu/celebration-gift.png": Qt,
                    "/src/assets/images/main-menu/chip-effect.png": Jt,
                    "/src/assets/images/main-menu/chip.png": es,
                    "/src/assets/images/main-menu/dotted-line.png": ts,
                    "/src/assets/images/main-menu/glow.png": ss,
                    "/src/assets/images/main-menu/icon-check.png": Ye,
                    "/src/assets/images/main-menu/icon-gold-vip.png": is,
                    "/src/assets/images/main-menu/icon-info.png": cs,
                    "/src/assets/images/main-menu/icon-new-page.png": lt,
                    "/src/assets/images/main-menu/icon-platinum-vip.png": ns,
                    "/src/assets/images/main-menu/icon-silver-vip.png": as,
                    "/src/assets/images/main-menu/icon-test-drive.png": ct,
                    "/src/assets/images/main-menu/icon-user.png": Te,
                    "/src/assets/images/main-menu/round-icon-check.png": mt,
                    "/src/assets/images/main-menu/round-icon-cross.png": os,
                    "/src/assets/images/main-menu/sad-icon.png": _t,
                    "/src/assets/images/main-menu/star.png": rs,
                    "/src/assets/images/main-menu/warning-icon.png": ls
                })
            }
        },
        computed: {
            isAnnual() {
                return this.period === ue.YEAR
            },
            classes() {
                return {
                    "main-menu-store-confirm-vip-modal_silver": this.item.vipType === N.SILVER,
                    "main-menu-store-confirm-vip-modal_gold": this.item.vipType === N.GOLD,
                    "main-menu-store-confirm-vip-modal_platinum": this.item.vipType === N.PLATINUM
                }
            },
            vipName() {
                return this.item.vipType === N.SILVER ? "silver vip" : this.item.vipType === N.GOLD ? "gold vip" : "platinum vip"
            },
            icon() {
                let e = "icon-silver-vip";
                return this.item.vipType === N.GOLD && (e = "icon-gold-vip"), this.item.vipType === N.PLATINUM && (e = "icon-platinum-vip"), this.images[`/src/assets/images/main-menu/${e}.png`]
            },
            periodText() {
                return `(${this.monthsCount} МЕС.)`
            },
            monthsCount() {
                let e = (this.newSubscriptionDate.getFullYear() - new Date()
                    .getFullYear()) * 12;
                return e -= new Date()
                    .getMonth(), e += this.newSubscriptionDate.getMonth(), e
            },
            isProlongation() {
                return !this.isGift && this.item.vipType === this.playerSubscription.storeType
            },
            newSubscriptionDate() {
                const e = new Date,
                    t = this.isProlongation ? this.playerSubscription.period : 0,
                    s = this.isAnnual ? 12 : 1;
                return e.setDate(e.getDate() + t), e.setMonth(e.getMonth() + s), e
            },
            formattedEndDate() {
                const e = this.newSubscriptionDate;
                return [e.getDate(), e.getMonth() + 1, e.getFullYear()].map(s => s > 9 ? s : "0" + s)
                    .join(".")
            },
            price() {
                return this.getVipPrice(this.item, this.isCurrency, this.period)
            },
            oldPrice() {
                return this.getVipOldPrice(this.item, this.isCurrency, this.period)
            },
            priceType() {
                return this.isCurrency ? Z.CURRENCY : Z.DONATE
            },
            discountPercent() {
                const e = this.isCurrency ? this.item.currencyPrice.current : this.item.price.current,
                    t = this.isCurrency ? this.item.specialCurrencyPrice.current : this.item.specialPrice.current;
                return this.isAnnual ? Math.round((1 - t / e) * 100) : 0
            },
            playerDonate() {
                return this.$store.getters["player/donate"]
            },
            isEnoughDonate() {
                return this.isCurrency || this.playerDonate >= this.price
            },
            isIOS() {
                return this.$root.isIOS
            },
            isShowTopUp() {
                return !this.isEnoughDonate && !this.isIOS
            },
            buyButtonIsDisabled() {
                return !this.isEnoughDonate && this.isIOS
            },
            buyText() {
                const e = this.isGift ? "подарить" : this.isProlongation ? "продлить" : "купить";
                return this.isShowTopUp ? `Пополнить счет и ${e}` : PY(e)
            }
        },
        methods: {
            onBuy() {
                !this.isEnoughDonate && !this.isIOS ? this.$emit("topUp") : this.isGift ? this.$emit("gift") : this.isEnoughDonate && this.$emit("buy", this.item.vipType)
            },
            close() {
                this.$emit("close")
            }
        }
    },
    oj = v(aj, [
        ["render", nj],
        ["__scopeId", "data-v-321463fb"]
    ]),
    y1 = e => (D("data-v-47e30210"), e = e(), L(), e),
    rj = {
        class: "main-menu-store-top-up-notification"
    },
    lj = y1(() => n("div", {
        class: "main-menu-store-top-up-notification-text"
    }, [n("img", {
        class: "main-menu-store-top-up-notification-text__icon",
        src: Ye
    }), w("СЧЕТ УСПЕШНО ПОПОЛНЕН!")], -1)),
    cj = {
        class: "main-menu-store-top-up-notification-value"
    },
    mj = y1(() => n("img", {
        class: "main-menu-store-top-up-notification-value__icon",
        src: Ze
    }, null, -1));

function _j(e, t, s, l, o, i) {
    return a(), r("div", rj, [lj, n("div", cj, [mj, w(C(i.formatNumberWithSpaces(s.value)), 1)])])
}
const dj = {
        props: ["value"],
        methods: {
            formatNumberWithSpaces: F
        }
    },
    uj = v(dj, [
        ["render", _j],
        ["__scopeId", "data-v-47e30210"]
    ]),
    hj = e => (D("data-v-11f4679c"), e = e(), L(), e),
    pj = {
        class: "main-menu-store-input-modal__content"
    },
    gj = {
        key: 0,
        class: "main-menu-store-input-modal__content-input-icon",
        src: Te
    },
    bj = hj(() => n("img", {
        class: "main-menu-store-input-modal__content-input-icon",
        src: Te
    }, null, -1)),
    vj = {
        key: 1,
        class: "main-menu-store-input-modal__buttons"
    };

function Cj(e, t, s, l, o, i) {
    const m = c("InputField"),
        _ = c("TextHint"),
        b = c("PricingBlock"),
        u = c("ControlsContaineredButton"),
        g = c("ModalMobileButtons"),
        y = c("Modal");
    return a(), p(y, {
        class: "main-menu-store-input-modal",
        isOpened: s.isOpened,
        title: i.title,
        colorType: o.MODAL_COLOR_TYPES.ORANGE,
        onClose: i.close
    }, {
        default: E(() => [n("div", pj, [d(m, {
            class: "main-menu-store-input-modal__content-input",
            data: i.getInputData(),
            validateSuccessCallback: i.validateInputSuccess,
            validateFailureCallback: i.validateInputFailure,
            onUpdate: t[0] || (t[0] = f => o.input.value = f),
            onFocus: t[1] || (t[1] = f => o.isInputFocusing = !0),
            onBlur: t[2] || (t[2] = f => o.isInputFocusing = !1)
        }, {
            default: E(() => [i.isNickname ? (a(), r("img", gj)) : h("", !0)]),
            _: 1
        }, 8, ["data", "validateSuccessCallback", "validateFailureCallback"]), i.isNickname ? (a(), p(m, {
            key: 0,
            class: "main-menu-store-input-modal__content-input",
            data: i.getInputData(!0),
            validateSuccessCallback: i.validateInputSuccess,
            validateFailureCallback: i.validateInputFailure,
            onUpdate: t[3] || (t[3] = f => o.extraInput.value = f),
            onFocus: t[4] || (t[4] = f => o.isInputFocusing = !0),
            onBlur: t[5] || (t[5] = f => o.isInputFocusing = !1)
        }, {
            default: E(() => [bj]),
            _: 1
        }, 8, ["data", "validateSuccessCallback", "validateFailureCallback"])) : h("", !0)]), s.item.text.length ? (a(), p(_, {
            key: 0
        }, {
            default: E(() => [w(C(s.item.text), 1)]),
            _: 1
        })) : h("", !0), d(b, {
            class: "main-menu-store-input-modal__price",
            price: s.item.price.current,
            oldPrice: s.item.price.old,
            sizeType: o.MAIN_MENU_ITEM_PRICE_SIZE_TYPES.XL
        }, null, 8, ["price", "oldPrice", "sizeType"]), s.isMobile ? (a(), p(g, {
            key: 2,
            confirmText: "Подтвердить покупку",
            confirmButtonColorType: "yellow",
            onCancel: i.close,
            onConfirm: i.buy
        }, null, 8, ["onCancel", "onConfirm"])) : (a(), r("div", vj, [d(u, {
            containerText: "Подтвердить покупку",
            onPressed: i.buy,
            holdTime: o.MAIN_MENU_BTN_HOLD_TIME,
            disabled: o.isInputFocusing || s.isDisabled || !i.isBuyAvailable,
            text: "Enter",
            keyCode: o.KEY_CODE_ENTER,
            pressSound: "UI/UI_menu_click_03.mp3",
            isYellow: !0
        }, null, 8, ["onPressed", "holdTime", "disabled", "keyCode"]), d(u, {
            containerText: "Закрыть",
            onPressed: i.close,
            disabled: s.isDisabled,
            allowAlternativeKey: !o.isInputFocusing,
            keyCode: o.KEY_CODE_ESC,
            pressSound: "UI/UI_back_esc_1.mp3"
        }, null, 8, ["onPressed", "disabled", "allowAlternativeKey", "keyCode"])]))]),
        _: 1
    }, 8, ["isOpened", "title", "colorType", "onClose"])
}
const Qo = "Смените раскладку клавиатуры",
    yj = {
        props: ["isOpened", "item", "isDisabled", "type", "isMobile"],
        components: {
            Modal: Q,
            InputField: Ie,
            ControlsContaineredButton: W,
            TextHint: Ke,
            ModalMobileButtons: De,
            PricingBlock: pe
        },
        data() {
            return {
                MAIN_MENU_BTN_HOLD_TIME: ge,
                MODAL_COLOR_TYPES: Ve,
                KEY_CODE_ESC: window.KEY_CODE_ESC,
                KEY_CODE_ENTER: window.KEY_CODE_ENTER,
                INPUT_MODAL_TYPES: Tt,
                MAIN_MENU_ITEM_PRICE_SIZE_TYPES: X,
                input: {
                    type: "text",
                    value: ""
                },
                extraInput: {
                    type: "text",
                    value: ""
                },
                isInputFocusing: !1
            }
        },
        computed: {
            title() {
                return this.item ? this.item.label : ""
            },
            isNickname() {
                return this.type === Tt.NICKNAME
            },
            inputIcon() {
                return !!this.isNickname
            },
            isBuyAvailable() {
                return this.input.value.length && (this.isNickname ? this.extraInput.value.length : !0)
            },
            keyboardLayout() {
                return this.$root.keyboardLayout
            },
            isWrongLayout() {
                return this.isNickname && this.keyboardLayout !== "EN"
            }
        },
        methods: {
            close() {
                this.$emit("close")
            },
            buy() {
                this.$emit("buy", `${this.input.value}${this.isNickname?`_${this.extraInput.value}`:""}`)
            },
            getInputData(e = !1) {
                const t = e ? this.extraInput : this.input,
                    s = e ? "Фамилия Персонажа" : "Имя Персонажа";
                return t.type = this.isNickname ? "name" : "text", t.icon = !!this.isNickname, t.placeholder = this.item ? this.isNickname ? s : this.item.data.input.placeholder : "", t
            },
            validateInputSuccess(e) {
                return e.length
            },
            validateInputFailure(e) {
                return !e.length
            }
        },
        watch: {
            isOpened(e) {
                e || (this.input.value = "", this.extraInput.value = "")
            },
            isInputFocusing(e) {
                e && this.isWrongLayout ? this.$emit("setModalErrorText", Qo) : this.$emit("setModalErrorText", "")
            },
            isWrongLayout(e) {
                e && this.isInputFocusing ? this.$emit("setModalErrorText", Qo) : this.$emit("setModalErrorText", "")
            }
        }
    },
    fj = v(yj, [
        ["render", Cj],
        ["__scopeId", "data-v-11f4679c"]
    ]),
    Tj = {
        class: "main-menu-store-confirm-cart-modal__wrapper"
    },
    Ej = {
        class: "main-menu-store-confirm-cart-modal__content-wrapper"
    },
    kj = {
        key: 0,
        class: "main-menu-store-confirm-cart-modal__buttons"
    };

function Ij(e, t, s, l, o, i) {
    const m = c("ScrollableContainer"),
        _ = c("PricingBlock"),
        b = c("ControlsContaineredButton"),
        u = c("ModalMobileButtons"),
        g = c("Modal");
    return a(), p(g, {
        class: "main-menu-store-confirm-cart-modal",
        isOpened: s.isOpened,
        colorType: o.MODAL_COLOR_TYPES.GREEN,
        title: "вы уверены, что хотите купить эти предметы?",
        onClose: i.close
    }, {
        default: E(() => [n("div", Tj, [d(m, {
            class: "main-menu-store-confirm-cart-modal__content",
            type: 9
        }, {
            default: E(() => [n("div", Ej, [(a(!0), r(I, null, M(i.names, (y, f) => (a(), r("div", {
                class: "main-menu-store-confirm-cart-modal__item",
                key: f
            }, "• " + C(y) + " x" + C(s.cartItems[f].amount), 1))), 128))])]),
            _: 1
        }), d(_, {
            class: "main-menu-store-confirm-cart-modal__price",
            isShowTitle: !1,
            price: s.price,
            oldPrice: s.oldPrice,
            sizeType: o.MAIN_MENU_ITEM_PRICE_SIZE_TYPES.XL
        }, null, 8, ["price", "oldPrice", "sizeType"]), s.isMobile ? (a(), p(u, {
            key: 1,
            confirmText: "подтвердить покупку",
            confirmButtonColorType: "yellow",
            onCancel: i.close,
            onConfirm: i.onBuy
        }, null, 8, ["onCancel", "onConfirm"])) : (a(), r("div", kj, [d(b, {
            containerText: "Подтвердить покупку",
            holdTime: o.MAIN_MENU_BTN_HOLD_TIME,
            text: "Enter",
            disabled: s.isDisabled,
            keyCode: o.KEY_CODE_ENTER,
            pressSound: "UI/UI_menu_click_03.mp3",
            onPressed: i.onBuy,
            isYellow: !0
        }, null, 8, ["holdTime", "disabled", "keyCode", "onPressed"]), d(b, {
            containerText: "Закрыть",
            onPressed: i.close,
            disabled: s.isDisabled,
            keyCode: o.KEY_CODE_ESC,
            pressSound: "UI/UI_back_esc_1.mp3"
        }, null, 8, ["onPressed", "disabled", "keyCode"])]))])]),
        _: 1
    }, 8, ["isOpened", "colorType", "onClose"])
}
const wj = {
        props: ["isOpened", "isDisabled", "price", "oldPrice", "flattenItems", "cartItems", "isMobile"],
        components: {
            Modal: Q,
            PricingBlock: pe,
            ScrollableContainer: U,
            ControlsContaineredButton: W,
            ModalMobileButtons: De
        },
        data() {
            return {
                MAIN_MENU_BTN_HOLD_TIME: ge,
                KEY_CODE_ESC: window.KEY_CODE_ESC,
                KEY_CODE_ENTER: window.KEY_CODE_ENTER,
                MODAL_COLOR_TYPES: Ve,
                MAIN_MENU_ITEM_PRICE_SIZE_TYPES: X
            }
        },
        computed: {
            names() {
                return this.cartItems.map(e => {
                    if (this.flattenItems[e.index].isSelect) {
                        let t = "";
                        return this.flattenItems[e.index].type === P.TATTOO && (t = "Тату: "), this.flattenItems[e.index].type === P.SKILL && (t = "Навык: "), `${t}${this.flattenItems[e.index].data.options[e.extraIndex].name}`
                    }
                    return this.flattenItems[e.index].type === P.NUMBER_PLATE ? `Номер: ${e.number.preview}` : this.flattenItems[e.index].type === P.CURRENCY ? `Валюта ${F(this.flattenItems[e.index].text)}` : this.flattenItems[e.index].type === P.DONATE ? `D-Коины ${F(this.flattenItems[e.index].text)}` : this.flattenItems[e.index].label
                })
            }
        },
        methods: {
            onBuy() {
                this.$emit("buy")
            },
            close() {
                this.$emit("close")
            }
        }
    },
    Sj = v(wj, [
        ["render", Ij],
        ["__scopeId", "data-v-3fc7f9e1"]
    ]),
    Mj = e => (D("data-v-5f9bec29"), e = e(), L(), e),
    Pj = {
        class: "main-menu-store"
    },
    Aj = Mj(() => n("div", {
        class: "main-menu-store__header-background"
    }, null, -1));

function Dj(e, t, s, l, o, i) {
    const m = c("StoreMain"),
        _ = c("ConvertModal"),
        b = c("ConfirmCommonModal"),
        u = c("TopUpModal"),
        g = c("VIPModal"),
        y = c("ConfirmVIPModal"),
        f = c("GiftModal"),
        k = c("InputModal"),
        S = c("ConfirmCartModal"),
        O = c("TopUpNotification");
    return a(), r("div", Pj, [Aj, d(m, {
        ref: "main",
        isMobile: s.isMobile,
        isLoading: s.store.isLoading,
        items: i.formattedItems,
        flattenItems: i.flattenItems,
        item: i.currentItem,
        additionalData: s.store.additionalData,
        page: e.page,
        cartItems: i.cartItems,
        anyModalIsOpened: i.anyModalIsOpened,
        numberPlateStatus: s.store.numberPlateStatus,
        cartPrice: i.cartPrice,
        cartOldPrice: i.cartOldPrice,
        generatedCarNumber: s.store.generatedCarNumber,
        scrollToGroupOnOpen: s.store.scrollToGroupOnOpen,
        defaultStateRequestCounter: s.store.defaultStateRequestCounter,
        onChangeInputFocus: t[0] || (t[0] = B => e.anyInputIsFocused = B),
        onItemHover: i.onItemHover,
        onBuyCart: i.openCartConfirmModal,
        onAddToCart: i.addToCart,
        onRemoveFromCart: i.removeFromCart,
        onItemBuy: i.onItemBuy,
        onTestDrive: i.onTestDrive,
        onGenerateNumber: i.onGenerateNumber,
        "onOpen:item": i.onOpenItem,
        onSetPage: i.setPage,
        onTopUp: i.openTopUpModal,
        onGift: i.openGiftModal,
        onCartIncrement: i.incrementCartItemAmount,
        onCartDecrement: i.decrementCartItemAmount
    }, null, 8, ["isMobile", "isLoading", "items", "flattenItems", "item", "additionalData", "page", "cartItems", "anyModalIsOpened", "numberPlateStatus", "cartPrice", "cartOldPrice", "generatedCarNumber", "scrollToGroupOnOpen", "defaultStateRequestCounter", "onItemHover", "onBuyCart", "onAddToCart", "onRemoveFromCart", "onItemBuy", "onTestDrive", "onGenerateNumber", "onOpen:item", "onSetPage", "onTopUp", "onGift", "onCartIncrement", "onCartDecrement"]), d(_, {
        isOpened: e.openedModals.includes(e.MODAL_TYPE.CONVERT),
        data: e.data.convert,
        isDisabled: i.getModalDisabledStatus(e.MODAL_TYPE.CONVERT),
        convertRate: i.convertRate,
        convertFactor: e.convertFactor,
        isMobile: s.isMobile,
        class: T(i.getActiveModalClass(e.MODAL_TYPE.CONVERT)),
        errorText: i.getModalErrorText(e.MODAL_TYPE.CONVERT),
        onBuy: i.onConvertBuy,
        onDonateInput: i.onDonateValueChange,
        onClose: t[1] || (t[1] = B => i.closeModal(e.MODAL_TYPE.CONVERT))
    }, null, 8, ["isOpened", "data", "isDisabled", "convertRate", "convertFactor", "isMobile", "class", "errorText", "onBuy", "onDonateInput"]), d(b, {
        isOpened: e.openedModals.includes(e.MODAL_TYPE.CONFIRM) && e.confirmCommonModalItemIndex >= 0,
        itemIndex: e.confirmCommonModalItemIndex,
        flattenItems: i.flattenItems,
        isDisabled: i.getModalDisabledStatus(e.MODAL_TYPE.CONFIRM),
        purchaseData: e.purchaseData,
        isMobile: s.isMobile,
        isGift: e.confirmCommonModalIsGift,
        class: T(i.getActiveModalClass(e.MODAL_TYPE.CONFIRM)),
        getVipPrice: i.getVipPrice,
        getVipOldPrice: i.getVipOldPrice,
        errorText: i.getModalErrorText(e.MODAL_TYPE.CONFIRM),
        onClose: t[2] || (t[2] = B => i.closeModal(e.MODAL_TYPE.CONFIRM)),
        onFastBuy: i.fastBuy,
        onGift: i.onConfirmGift
    }, null, 8, ["isOpened", "itemIndex", "flattenItems", "isDisabled", "purchaseData", "isMobile", "isGift", "class", "getVipPrice", "getVipOldPrice", "errorText", "onFastBuy", "onGift"]), d(u, {
        isOpened: e.openedModals.includes(e.MODAL_TYPE.TOP_UP) && !i.isIOS,
        isDisabled: i.getModalDisabledStatus(e.MODAL_TYPE.TOP_UP),
        rate: s.store.topUpRate,
        isMobile: s.isMobile,
        class: T(i.getActiveModalClass(e.MODAL_TYPE.TOP_UP)),
        errorText: i.getModalErrorText(e.MODAL_TYPE.TOP_UP),
        onBuy: i.onTopUpBuy,
        onClose: t[3] || (t[3] = B => i.closeModal(e.MODAL_TYPE.TOP_UP))
    }, null, 8, ["isOpened", "isDisabled", "rate", "isMobile", "class", "errorText", "onBuy"]), d(g, {
        isOpened: e.openedModals.includes(e.MODAL_TYPE.VIP),
        items: i.vipItems,
        entries: s.store.allVipEntries,
        isDisabled: i.getModalDisabledStatus(e.MODAL_TYPE.VIP),
        period: e.vipPeriod,
        isMobile: s.isMobile,
        class: T(i.getActiveModalClass(e.MODAL_TYPE.VIP)),
        errorText: i.getModalErrorText(e.MODAL_TYPE.VIP),
        onClose: t[4] || (t[4] = B => i.closeModal(e.MODAL_TYPE.VIP)),
        onGift: t[5] || (t[5] = B => i.openGiftModal({
            item: B,
            ...e.purchaseData
        })),
        onBuy: i.openVIPConfirmModal,
        onBuyCurrency: t[6] || (t[6] = B => i.openVIPConfirmModal(B, !0)),
        onSwitchPeriod: i.onSwitchVipPeriod
    }, null, 8, ["isOpened", "items", "entries", "isDisabled", "period", "isMobile", "class", "errorText", "onBuy", "onSwitchPeriod"]), d(y, {
        isOpened: e.openedModals.includes(e.MODAL_TYPE.VIP_CONFIRM) && e.confirmVipModalItemIndex >= 0,
        item: i.flattenItems[e.confirmVipModalItemIndex],
        isCurrency: e.confirmVipModalIsCurrency,
        isDisabled: i.getModalDisabledStatus(e.MODAL_TYPE.VIP_CONFIRM),
        period: e.vipPeriod,
        playerSubscription: s.playerSubscription,
        isMobile: s.isMobile,
        isGift: e.confirmVipModalIsGift,
        class: T(i.getActiveModalClass(e.MODAL_TYPE.VIP_CONFIRM)),
        getVipPrice: i.getVipPrice,
        getVipOldPrice: i.getVipOldPrice,
        errorText: i.getModalErrorText(e.MODAL_TYPE.VIP_CONFIRM),
        onTopUp: i.openTopUpModal,
        onBuy: i.onVipBuy,
        onClose: t[7] || (t[7] = B => i.closeModal(e.MODAL_TYPE.VIP_CONFIRM)),
        onGift: i.onConfirmGift
    }, null, 8, ["isOpened", "item", "isCurrency", "isDisabled", "period", "playerSubscription", "isMobile", "isGift", "class", "getVipPrice", "getVipOldPrice", "errorText", "onTopUp", "onBuy", "onGift"]), d(f, {
        isOpened: e.openedModals.includes(e.MODAL_TYPE.GIFT),
        isDisabled: i.getModalDisabledStatus(e.MODAL_TYPE.GIFT),
        availablePlayers: s.playerList.players,
        selectedPlayerName: s.store.giftSelectedPlayerName,
        item: i.flattenItems[e.giftModalItemIndex],
        vipPeriod: e.vipPeriod,
        isMobile: s.isMobile,
        class: T(i.getActiveModalClass(e.MODAL_TYPE.GIFT)),
        getVipPrice: i.getVipPrice,
        getVipOldPrice: i.getVipOldPrice,
        errorText: i.getModalErrorText(e.MODAL_TYPE.GIFT),
        onGift: i.onGift,
        onSelectPlayer: i.onGiftSelectPlayer,
        onClose: t[8] || (t[8] = B => i.closeModal(e.MODAL_TYPE.GIFT))
    }, null, 8, ["isOpened", "isDisabled", "availablePlayers", "selectedPlayerName", "item", "vipPeriod", "isMobile", "class", "getVipPrice", "getVipOldPrice", "errorText", "onGift", "onSelectPlayer"]), d(k, {
        isOpened: e.openedModals.includes(e.MODAL_TYPE.INPUT) && e.inputItemIndex >= 0,
        item: i.flattenItems[e.inputItemIndex],
        isDisabled: i.getModalDisabledStatus(e.MODAL_TYPE.INPUT),
        type: e.inputModalType,
        isMobile: s.isMobile,
        class: T(i.getActiveModalClass(e.MODAL_TYPE.INPUT)),
        errorText: i.getModalErrorText(e.MODAL_TYPE.INPUT),
        onBuy: i.onInputBuy,
        onClose: t[9] || (t[9] = B => i.closeModal(e.MODAL_TYPE.INPUT)),
        onSetModalErrorText: t[10] || (t[10] = B => e.$emit("setModalErrorText", B))
    }, null, 8, ["isOpened", "item", "isDisabled", "type", "isMobile", "class", "errorText", "onBuy"]), d(S, {
        isOpened: e.openedModals.includes(e.MODAL_TYPE.CONFIRM_CART),
        isDisabled: i.getModalDisabledStatus(e.MODAL_TYPE.CONFIRM_CART),
        flattenItems: i.flattenItems,
        cartItems: i.cartItems,
        price: i.cartPrice,
        oldPrice: i.cartOldPrice,
        isMobile: s.isMobile,
        class: T(i.getActiveModalClass(e.MODAL_TYPE.CONFIRM_CART)),
        errorText: i.getModalErrorText(e.MODAL_TYPE.CONFIRM_CART),
        onBuy: i.buyCart,
        onClose: t[11] || (t[11] = B => i.closeModal(e.MODAL_TYPE.CONFIRM_CART))
    }, null, 8, ["isOpened", "isDisabled", "flattenItems", "cartItems", "price", "oldPrice", "isMobile", "class", "errorText", "onBuy"]), d(ae, {
        name: "slide-down"
    }, {
        default: E(() => [s.store.topUpNotify.show ? (a(), p(O, {
            key: 0,
            value: s.store.topUpNotify.value
        }, null, 8, ["value"])) : h("", !0)]),
        _: 1
    })])
}
const Jo = 1e5,
    js = 12,
    de = {
        CONVERT: 0,
        CONFIRM: 1,
        TOP_UP: 2,
        GIFT: 3,
        VIP: 4,
        VIP_CONFIRM: 5,
        INPUT: 6,
        CONFIRM_CART: 7
    },
    Lj = {
        props: ["store", "modal", "isMobile", "isSquareMobile", "playerList", "playerSubscription", "isDisabled"],
        components: {
            StoreMain: bq,
            StoreItem: p1,
            TopUpNotification: uj,
            ConvertModal: Oq,
            ConfirmCommonModal: Vq,
            TopUpModal: qq,
            GiftModal: Gl,
            VIPModal: qW,
            ConfirmVIPModal: oj,
            InputModal: fj,
            ConfirmCartModal: Sj
        },
        data: () => ({
            MODAL_TYPE: de,
            INPUT_MODAL_TYPES: Tt,
            PAGE_TYPE: Ne,
            page: Ne.MAIN,
            currentItemIndex: -1,
            openedModals: [],
            confirmCommonModalItemIndex: -1,
            confirmCommonModalIsGift: !1,
            confirmVipModalItemIndex: -1,
            confirmVipModalIsCurrency: !1,
            confirmVipModalIsGift: !1,
            vipPeriod: ue.MONTH,
            inputItemIndex: -1,
            inputModalType: Tt.DEFAULT,
            giftModalItemIndex: -1,
            convertFactor: 1,
            data: {
                convert: {
                    donate: "",
                    money: ""
                }
            },
            purchaseData: {
                numberTemplate: 0,
                preparedNumber: ["", ""],
                numberPreview: "",
                numberPrice: 0,
                option: 0
            },
            giftData: {},
            anyInputIsFocused: !1,
            showPreloaderTimeout: null
        }),
        computed: {
            flattenItems() {
                return this.store.items.map(e => e.items.flat())
                    .flat()
            },
            currentItem() {
                return this.flattenItems[this.currentItemIndex] || null
            },
            anyModalIsOpened() {
                return this.openedModals.length || this.isDisabled
            },
            formattedItems() {
                let e = [...this.store.items];
                return this.store.specialItemIndex >= 0 && (e = this.generateSpecialOfferItemsGroup(e)), e = this.filterUnavailableItemsGroups(e), e = this.filterExcessVipItems(e), this.sortCurrencyItemsInGroup(e), e
            },
            cartItems() {
                return this.$store.getters["main_menu/cartItems"]
            },
            vipItems() {
                const e = [];
                return this.flattenItems.forEach(t => {
                    t.type === P.VIP && e.push(t)
                }), e
            },
            activeModal() {
                return this.openedModals[this.openedModals.length - 1]
            },
            cartPrice() {
                return this.cartItems.reduce((e, t) => {
                    const s = t.extraIndex >= 0 && this.flattenItems[t.index].data.options ? this.flattenItems[t.index].data.options[t.extraIndex] : void 0;
                    return this.flattenItems[t.index].isSelect && s ? e + s.price : this.flattenItems[t.index].type === P.NUMBER_PLATE && t.number.price ? t.number.price : e + this.flattenItems[t.index].price.current * t.amount
                }, 0)
            },
            cartOldPrice() {
                return this.cartItems.reduce((e, t) => e + (this.flattenItems[t.index].price.old || this.flattenItems[t.index].price.current) * t.amount, 0)
            },
            isAndroid() {
                return this.$root.platform == "Android"
            },
            isIOS() {
                return this.$root.isIOS
            },
            convertRate() {
                return this.currentItem && this.currentItem.convertRate || 0
            }
        },
        unmounted() {
            this.$emit("changeOverlay", !1), this.$emit("setControlButtonsDisabledStatus", !1)
        },
        methods: {
            generateSpecialOfferItemsGroup(e) {
                const t = this.store.currentOfferIndexes.filter(s => !this.flattenItems[s].isNotShowMenu);
                return e.unshift({
                    groupType: ne.DISCOUNTS,
                    label: "Специальные предложения",
                    items: [
                        [this.flattenItems[this.store.specialItemIndex]]
                    ],
                    secondLabel: t.length ? "АКТУАЛЬНЫЕ НАБОРЫ" : "",
                    secondItems: t.length ? t.map(s => [this.flattenItems[s]]) : []
                }), e
            },
            filterUnavailableItemsGroups(e) {
                return e = e.map(t => ({
                    ...t,
                    items: t.items.filter(s => s.filter(l => !l.isNotShowMenu)
                        .length)
                })), e.filter(t => t.items.length)
            },
            filterExcessVipItems(e) {
                let t = !1;
                return e.map(s => {
                    const l = s.items.filter(o => {
                        const i = o.filter(m => {
                            if (m.type === P.VIP) {
                                if (!t) return t = !0, m
                            } else return m
                        });
                        if (i.length) return i
                    });
                    return {
                        ...s,
                        items: l
                    }
                })
            },
            sortCurrencyItemsInGroup(e) {
                e.forEach(t => {
                    (t.groupType === ne.CURRENCY || t.groupType === ne.DONATE_CURRENCY) && t.items.sort((s, l) => parseInt(l[0].text) - parseInt(s[0].text))
                })
            },
            getVipPrice(e, t, s) {
                return s === ue.YEAR ? t ? e.specialCurrencyPrice.current * js : e.specialPrice.current * js : t ? e.currencyPrice.current : e.price.current
            },
            getVipOldPrice(e, t, s) {
                return s === ue.YEAR ? t ? e.specialCurrencyPrice.old * js : e.specialPrice.old * js : t ? e.currencyPrice.old : e.price.old
            },
            onBack() {
                this.page !== Ne.MAIN && (this.setPage(Ne.MAIN), this.currentItemIndex = -1)
            },
            setPage(e) {
                this.page = e
            },
            onOpenItem(e) {
                this.currentItemIndex = e, this.flattenItems[this.currentItemIndex].type === P.CONVERT ? (this.convertFactor = this.flattenItems[this.currentItemIndex].specialOfferFactor, this.openConvertModal()) : this.flattenItems[this.currentItemIndex].type === P.VIP ? this.openVIPModal() : this.flattenItems[this.currentItemIndex].type === P.NICKNAME ? this.openInputModal(e, Tt.NICKNAME) : this.flattenItems[this.currentItemIndex].type === P.INPUT ? this.openInputModal(e) : this.selectItem(e)
            },
            selectItem(e) {
                this.setPage(Ne.ITEM), sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "DS_OnPlayerClickItem", e)
            },
            onItemBuy({
                item: e,
                numberTemplate: t,
                numberPreview: s,
                preparedNumber: l,
                numberPrice: o,
                option: i
            }) {
                this.purchaseData = {
                    numberTemplate: t,
                    numberPreview: s,
                    preparedNumber: l,
                    numberPrice: o,
                    option: i
                }, this.openConfirmCommonModal(e)
            },
            openConvertModal() {
                this.openedModals.push(de.CONVERT)
            },
            openConfirmCommonModal(e, t = !1) {
                const s = this.flattenItems.indexOf(e);
                this.confirmCommonModalItemIndex = s, this.confirmCommonModalIsGift = t, this.openedModals.push(de.CONFIRM)
            },
            openTopUpModal() {
                this.isIOS || this.openedModals.push(de.TOP_UP)
            },
            openGiftModal({
                item: e,
                numberTemplate: t,
                numberPreview: s,
                preparedNumber: l,
                numberPrice: o,
                option: i
            }) {
                const m = this.flattenItems.indexOf(e);
                this.giftModalItemIndex = m, this.purchaseData = {
                    numberTemplate: t,
                    numberPreview: s,
                    preparedNumber: l,
                    numberPrice: o,
                    option: i
                }, this.openedModals.push(de.GIFT)
            },
            openVIPModal() {
                this.openedModals.push(de.VIP)
            },
            openInputModal(e, t = Tt.DEFAULT) {
                this.inputModalType = t, this.inputItemIndex = e, this.openedModals.push(de.INPUT)
            },
            openVIPConfirmModal(e, t = !1, s = !1) {
                this.confirmVipModalIsCurrency = t;
                const l = this.flattenItems.indexOf(e);
                this.confirmVipModalItemIndex = l, this.confirmVipModalIsGift = s, this.openedModals.push(de.VIP_CONFIRM)
            },
            openCartConfirmModal() {
                this.openedModals.push(de.CONFIRM_CART)
            },
            fastBuy() {
                const {
                    numberTemplate: e,
                    preparedNumber: t,
                    option: s
                } = this.purchaseData;
                this.currentItem.type == P.DONATE ? this.currentItem.clientProductId && this.isIOS ? window.sendDonateBuy(this.currentItem.clientProductId) : this.isAndroid && this.onTopUpBuy(this.currentItem.text) : this.currentItem.type == P.NUMBER_PLATE ? sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "BuyVehicleLicensePlate", e, t[0], t[1]) : sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "DS_OnPlayerBuy", this.currentItemIndex, s + 1, "0"), this.$emit("setModalAwaitResponse", !0)
            },
            onInputBuy(e) {
                sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "DS_OnPlayerBuy", this.currentItemIndex, 0, e), this.$emit("setModalAwaitResponse", !0)
            },
            onConvertBuy(e) {
                sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "DS_OnPlayerBuy", this.currentItemIndex, Number(e), "0"), this.$emit("setModalAwaitResponse", !0)
            },
            onTopUpBuy(e) {
                var t = this.$store.getters["player/donatePaymentUrl"];
                window.openLink(`${t}&sum=${e}`)
            },
            closeModal(e) {
                this.openedModals = this.openedModals.filter(t => t !== e), e === de.CONFIRM && (this.confirmCommonModalItemIndex = -1, this.confirmCommonModalIsGift = !1, this.giftModalItemIndex < 0 && this.discardPurchaseData()), e === de.VIP_CONFIRM && (this.confirmVipModalItemIndex = -1, this.confirmVipModalIsCurrency = !1, this.confirmVipModalIsGift = !1), e === de.INPUT && (this.inputItemIndex = -1), e === de.GIFT && (this.giftModalItemIndex = -1, this.giftData = {}, this.store.giftSelectedPlayerName = "", this.discardPurchaseData())
            },
            removeFromCart(e) {
                const t = this.flattenItems.indexOf(e);
                t !== -1 && this.$store.commit("main_menu/removeIndexFromCart", t)
            },
            incrementCartItemAmount(e) {
                const t = this.flattenItems.indexOf(e);
                t !== -1 && this.$store.commit("main_menu/incrementCartItemAmount", t)
            },
            decrementCartItemAmount(e) {
                const t = this.flattenItems.indexOf(e);
                t !== -1 && this.$store.commit("main_menu/decrementCartItemAmount", t)
            },
            addToCart(e, t = -1, s = {}) {
                const l = this.flattenItems.indexOf(e);
                l === -1 || !e.isAvailableForCart || this.$store.commit("main_menu/addIndexToCart", {
                    index: l,
                    extraIndex: t,
                    number: s
                })
            },
            convert() {
                sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "DS_OnPlayerBuy", this.currentItemIndex, Number(this.data.convert.donate), "0")
            },
            validateConvertFields() {
                let e = this.data.convert.donate,
                    t = this.data.convert.money;
                return (String(e)
                    .trim()
                    .length > 0 || String(t)
                    .trim()
                    .length > 0) && Number.parseInt(e) > 0
            },
            onDonateValueChange(e) {
                this.data.convert.money = (Number.parseInt(e) * this.currentItem.convertRate)
                    .toString()
            },
            onMoneyValueChange(e) {
                this.data.convert.donate = (Number.parseInt(e) / this.currentItem.convertRate)
                    .toString()
            },
            onGiftSelectPlayer(e) {
                this.store.giftSelectedPlayerName = e
            },
            onGift(e, t, s) {
                this.giftData = {
                    name: e,
                    isCurrency: t,
                    isVip: s,
                    index: this.giftModalItemIndex
                };
                const l = this.flattenItems[this.giftModalItemIndex];
                this.flattenItems[this.giftModalItemIndex].type === P.VIP ? this.openVIPConfirmModal(l, t, !0) : this.openConfirmCommonModal(l, !0)
            },
            onConfirmGift() {
                const {
                    name: e,
                    isCurrency: t,
                    isVip: s,
                    index: l
                } = this.giftData, {
                    numberTemplate: o,
                    preparedNumber: i,
                    option: m
                } = this.purchaseData;
                sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "DS_OnGiftPlayer", l, s ? this.vipPeriod : m || o, t ? 1 : 0, i[0] ? i[0] : "0", i[1] ? i[1] : "0", e), this.$emit("setModalAwaitResponse", !0)
            },
            onSwitchVipPeriod(e) {
                this.vipPeriod = e
            },
            onVipBuy(e) {
                sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "DS_OnPlayerBuyVIP", e, this.confirmVipModalIsCurrency ? 1 : 0, this.vipPeriod), this.$emit("setModalAwaitResponse", !0)
            },
            onTestDrive() {
                sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "DCrs_OnPlayerTestDrive", this.currentItemIndex)
            },
            onGenerateNumber(e) {
                sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "OnGenerateRandomLicensePlate", e)
            },
            onItemHover(e) {
                if (!e.isNew) return;
                const t = this.flattenItems.indexOf(e);
                this.flattenItems[t].isNew = !1
            },
            buyCart() {
                const e = [];
                for (let t = 0; t < this.cartItems.length; t++) {
                    const s = Math.max(0, this.cartItems[t].extraIndex);
                    e.push(`${this.cartItems[t].index}|${s}|0|${this.cartItems[t].amount}`)
                }
                sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "DS_OnPlayerBuyCart", e.length, JSON.stringify(e)), this.$emit("setModalAwaitResponse", !0)
            },
            discardPurchaseData() {
                this.purchaseData = {
                    numberTemplate: 0,
                    numberPreview: "",
                    numberPrice: 0,
                    preparedNumber: [],
                    option: 0
                }
            },
            getActiveModalClass(e) {
                return {
                    "main-menu-store__active-modal": this.activeModal === e
                }
            },
            getModalErrorText(e) {
                return this.activeModal === e ? this.modal.errorText : ""
            },
            getModalDisabledStatus(e) {
                return this.activeModal !== e || this.isDisabled
            }
        },
        watch: {
            page(e) {
                window.interface("MainMenu")
                    .setCanBack(e !== Ne.MAIN)
            },
            anyModalIsOpened(e) {
                this.$emit("changeOverlay", e)
            },
            anyInputIsFocused(e) {
                this.$emit("setControlButtonsDisabledStatus", e)
            },
            currentItem() {
                const e = !this.currentItem || this.currentItem.type !== P.NUMBER_PLATE;
                this.$emit("setAlternativeCloseKeyStatus", e)
            },
            "data.convert.donate"(e) {
                this.data.convert.donate = this.data.convert.donate.toString()
                    .replace(/[^0-9.]/g, ""), e > Jo && (this.data.convert.donate = Jo.toString()), e < 0 && (this.data.convert.donate = "0")
            },
            "data.convert.money"() {
                this.data.convert.money = this.data.convert.money.replace(/[^0-9.]/g, "")
            },
            "store.defaultStateRequestCounter"() {
                this.openedModals.forEach(e => this.closeModal(e))
            },
            "modal.closeRequestCounter"() {
                const e = this.openedModals[this.openedModals.length - 1],
                    t = e === de.VIP_CONFIRM || e === de.CONFIRM;
                this.closeModal(e), t && this.closeModal(de.GIFT)
            },
            "openedModals.length"() {
                this.$emit("setModalErrorText", ""), this.$emit("setModalAwaitResponse", !1)
            }
        }
    },
    xj = v(Lj, [
        ["render", Dj],
        ["__scopeId", "data-v-5f9bec29"]
    ]),
    Oj = {
        data: () => ({
            improvements: {
                items: [{
                    name: "Выносливость",
                    icon: "Endurance",
                    description: "Полоска здоровья будет уменьшаться значительно медленнее"
                }, {
                    name: "Решительность",
                    icon: "Determination",
                    description: "Вы сможете покидать организацию по собственному желанию (/leave)"
                }, {
                    name: "Грузоподъемность",
                    icon: "LoadCapacity",
                    description: "Дополнительные 5 кг. загруженности инвентаря"
                }, {
                    name: "Мастер вождения",
                    icon: "DriverMaster",
                    description: "Теперь двигатель транспорта больше не будет глохнуть при различных ударах"
                }],
                itemsData: [{
                    isBought: !1,
                    price: {
                        level: 0,
                        money: 0
                    }
                }, {
                    isBought: !1,
                    price: {
                        level: 0,
                        money: 0
                    }
                }, {
                    isBought: !1,
                    price: {
                        level: 0,
                        money: 0
                    }
                }, {
                    isBought: !1,
                    price: {
                        level: 0,
                        money: 0
                    }
                }],
                skills: {
                    gun: [{
                        icon: "pistol",
                        label: "Электрошокер",
                        current: 10,
                        max: 100
                    }, {
                        icon: "diagle",
                        label: "Desert Eagle",
                        current: 0,
                        max: 100
                    }, {
                        icon: "shotgun",
                        label: "Remington 870",
                        current: 50,
                        max: 100
                    }, {
                        icon: "mp5",
                        label: "АКС-74У",
                        current: 60,
                        max: 100
                    }, {
                        icon: "ak47",
                        label: "AKM",
                        current: 100,
                        max: 100
                    }, {
                        icon: "m4",
                        label: "HK416",
                        current: 20,
                        max: 100
                    }, {
                        icon: "rifle",
                        label: "AWM",
                        current: 20,
                        max: 100
                    }],
                    jobs: [{
                        icon: "fish",
                        label: "Рыбак",
                        lvl: {
                            from: 1,
                            to: 2
                        },
                        current: 37,
                        max: 100,
                        isCompleted: !1
                    }, {
                        icon: "notary",
                        label: "Нотариус",
                        lvl: {
                            from: 2,
                            to: 3
                        },
                        current: 42,
                        max: 100,
                        isCompleted: !1
                    }, {
                        icon: "framer",
                        label: "Рамщик",
                        lvl: {
                            from: 4,
                            to: 4
                        },
                        current: 100,
                        max: 100,
                        isCompleted: !0
                    }, {
                        icon: "forest-driver",
                        label: "Водитель в лесу",
                        lvl: {
                            from: 4,
                            to: 4
                        },
                        current: 100,
                        max: 100,
                        isCompleted: !0
                    }, {
                        icon: "forest-man",
                        label: "Лесопильщик",
                        lvl: {
                            from: 4,
                            to: 4
                        },
                        current: 100,
                        max: 100,
                        isCompleted: !0
                    }, {
                        icon: "bus",
                        label: "Водитель автобуса",
                        lvl: {
                            from: 0,
                            to: 1
                        },
                        current: 66,
                        max: 100,
                        isCompleted: !1
                    }, {
                        icon: "plane",
                        label: "Пилот",
                        lvl: {
                            from: 0,
                            to: 1
                        },
                        current: 77,
                        max: 100,
                        isCompleted: !1
                    }, {
                        icon: "farm",
                        label: "Фермер",
                        lvl: {
                            from: 0,
                            to: 1
                        },
                        current: 10,
                        max: 100,
                        isCompleted: !1
                    }, {
                        icon: "lifeguard",
                        label: "Спасатель",
                        lvl: {
                            from: 0,
                            to: 1
                        },
                        current: 90,
                        max: 100,
                        isCompleted: !1
                    }, {
                        icon: "truck",
                        label: "Дальнобойщик",
                        lvl: {
                            from: 0,
                            to: 1
                        },
                        current: 20,
                        max: 100,
                        isCompleted: !1
                    }, {
                        icon: "mechanic",
                        label: "Механик",
                        lvl: {
                            from: 0,
                            to: 1
                        },
                        current: 10,
                        max: 100,
                        isCompleted: !1
                    }, {
                        icon: "window-cleaner",
                        label: "Мойщик окон",
                        lvl: {
                            from: 0,
                            to: 1
                        },
                        current: 98,
                        max: 100,
                        isCompleted: !1
                    }, {
                        icon: "trash",
                        label: "Мусоровоз",
                        lvl: {
                            from: 0,
                            to: 1
                        },
                        current: 98,
                        max: 100,
                        isCompleted: !1
                    }],
                    general: [{
                        icon: "fish",
                        label: "Бег",
                        lvl: {
                            from: 0,
                            to: 1
                        },
                        current: 10,
                        max: 100,
                        isCompleted: !1
                    }]
                }
            }
        }),
        methods: {
            updateImprovementData(e) {
                const [t, s] = e, [l, o, i] = s;
                this.improvements.skills = {
                    gun: this.mapSkills(l),
                    jobs: this.mapSkills(o, !0),
                    general: this.mapSkills(i, !0)
                }, t.forEach((m, _) => {
                    const [b, u, g] = m;
                    this.improvements.itemsData[_].isBought = b, this.improvements.itemsData[_].price = {
                        level: u,
                        money: g
                    }
                })
            },
            mapSkills(e, t = !1) {
                return e.map(s => {
                    const [l, o, i, m, _, b, u] = s, g = {
                        icon: l,
                        label: o,
                        current: i,
                        max: m,
                        isCompleted: u
                    };
                    return t && (g.lvl = {
                        from: _,
                        to: b
                    }), g
                })
            }
        }
    },
    Bj = {
        class: "main-menu-improvements-skin"
    };

function $j(e, t, s, l, o, i) {
    return a(), r("div", Bj, [n("div", {
        class: "main-menu-improvements-skin__image",
        style: x({
            backgroundImage: `url('/images/skins/${i.skin}.png')`
        })
    }, null, 4)])
}
const Nj = {
        computed: {
            skin() {
                return this.$store.getters["player/skinId"]
            }
        }
    },
    Rj = v(Nj, [
        ["render", $j]
    ]),
    Vj = {},
    Hj = {
        xmlns: "http://www.w3.org/2000/svg",
        width: "16",
        height: "16",
        viewBox: "0 0 16 16",
        fill: "none"
    },
    Uj = n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M3 5C3 2.23858 5.23858 0 8 0C10.7614 0 13 2.23858 13 5V11H11V5C11 3.34315 9.65685 2 8 2C6.34315 2 5 3.34315 5 5V11H3V5Z",
        fill: "white"
    }, null, -1),
    Yj = n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M2 6C0.895431 6 0 6.89543 0 8V14C0 15.1046 0.895431 16 2 16H14C15.1046 16 16 15.1046 16 14V8C16 6.89543 15.1046 6 14 6H2ZM8 13C9.10457 13 10 12.1046 10 11C10 9.89543 9.10457 9 8 9C6.89543 9 6 9.89543 6 11C6 12.1046 6.89543 13 8 13Z",
        fill: "white"
    }, null, -1),
    Kj = [Uj, Yj];

function Gj(e, t) {
    return a(), r("svg", Hj, Kj)
}
const Mo = v(Vj, [
        ["render", Gj]
    ]),
    Fj = {},
    zj = {
        xmlns: "http://www.w3.org/2000/svg",
        width: "28",
        height: "28",
        viewBox: "0 0 28 28",
        fill: "none"
    },
    Zj = n("path", {
        d: "M0 18.3333L6 16L12 23L0 20.6667V18.3333Z",
        fill: "white"
    }, null, -1),
    qj = n("path", {
        d: "M0 24L28 26V28H0V24Z",
        fill: "white"
    }, null, -1),
    Wj = n("path", {
        d: "M17.3846 23H28V19.3082C28 17.2637 26.7552 15.4252 24.857 14.6659L19.1538 12.3846L20.6484 6.40626C20.8188 5.72471 20.6191 5.00374 20.1224 4.50698L15.6154 0L6.41421 9.20117C5.63317 9.98222 5.63317 11.2486 6.41421 12.0296L17.3846 23Z",
        fill: "white"
    }, null, -1),
    jj = [Zj, qj, Wj];

function Xj(e, t) {
    return a(), r("svg", zj, jj)
}
const f1 = v(Fj, [
        ["render", Xj]
    ]),
    Qj = {},
    Jj = {
        width: "28",
        height: "29",
        viewBox: "0 0 28 29",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    eX = n("path", {
        d: "M16.9764 3.39196C10.5748 1.67666 3.99473 5.47565 2.27943 11.8772C1.15796 16.0626 2.3936 20.3242 5.17261 23.2527C5.40633 23.499 5.70913 23.6666 6.03711 23.7545L16.2688 26.4961C16.5967 26.584 16.9428 26.5902 17.2683 26.4938C21.1393 25.3471 24.3402 22.2742 25.4616 18.0889C27.1769 11.6873 23.378 5.10726 16.9764 3.39196Z",
        stroke: "white",
        "stroke-width": "3"
    }, null, -1),
    tX = n("path", {
        d: "M3.24561 12.1357L25.4619 18.0886",
        stroke: "white",
        "stroke-width": "3"
    }, null, -1),
    sX = n("path", {
        d: "M13.8706 14.9829L11.0236 25.6081",
        stroke: "white",
        "stroke-width": "3"
    }, null, -1),
    iX = n("path", {
        d: "M9.06727 12.1276C9.08915 10.8266 10.3278 9.89262 11.5846 10.2294L18.2272 12.0093C19.484 12.346 20.0897 13.7742 19.4582 14.9118L17.457 18.5167C17.0115 19.3191 16.0772 19.7154 15.1907 19.4778L10.48 18.2156C9.59353 17.9781 8.98248 17.1677 8.99792 16.2501L9.06727 12.1276Z",
        fill: "white"
    }, null, -1),
    nX = [eX, tX, sX, iX];

function aX(e, t) {
    return a(), r("svg", Jj, nX)
}
const T1 = v(Qj, [
        ["render", aX]
    ]),
    oX = {},
    rX = {
        xmlns: "http://www.w3.org/2000/svg",
        width: "28",
        height: "28",
        viewBox: "0 0 28 28",
        fill: "none"
    },
    lX = n("circle", {
        cx: "14",
        cy: "8",
        r: "6",
        stroke: "white",
        "stroke-width": "3"
    }, null, -1),
    cX = n("path", {
        d: "M23.241 26C23.955 26 24.627 25.6247 24.9233 24.9752C25.6147 23.4595 26 21.7747 26 20C26 13.3726 20.6274 8 14 8C7.37258 8 2 13.3726 2 20C2 21.7747 2.38527 23.4595 3.07673 24.9752C3.37304 25.6247 4.04504 26 4.75897 26H23.241Z",
        fill: "white"
    }, null, -1),
    mX = [lX, cX];

function _X(e, t) {
    return a(), r("svg", rX, mX)
}
const E1 = v(oX, [
        ["render", _X]
    ]),
    dX = {},
    uX = {
        xmlns: "http://www.w3.org/2000/svg",
        width: "28",
        height: "28",
        viewBox: "0 0 28 28",
        fill: "none"
    },
    hX = n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M6.23561 6.62406L6.23561 13H8.23561L8.23561 4.54294L8.26677 4.2482C8.26677 3.27269 8.68508 2.35781 9.41293 1.73851C10.1397 1.12029 11.0861 0.87343 12.0127 1.06182L23.3582 3.65596C24.3171 3.87467 25 4.7549 25 5.77047V12.5471C25 13.6493 24.7971 14.7417 24.4018 15.7649L22.9085 19.629V23.7519C22.9085 25.5459 21.504 27 19.7712 27H11.4051C9.67228 27 8.26782 25.5459 8.26782 23.7519V21.2866L3.16137 15.8027C1.5854 14.1051 1.61782 11.3788 3.23143 9.7234L6.17525 6.70159L6.23561 6.62406Z",
        fill: "white"
    }, null, -1),
    pX = [hX];

function gX(e, t) {
    return a(), r("svg", uX, pX)
}
const k1 = v(dX, [
        ["render", gX]
    ]),
    bX = n("div", {
        class: "main-menu-improvements-tooltip__pattern"
    }, null, -1),
    vX = {
        class: "main-menu-improvements-tooltip__title"
    },
    CX = {
        class: "main-menu-improvements-tooltip__text"
    },
    yX = {
        key: 0,
        class: "main-menu-improvements-tooltip__line"
    },
    fX = {
        key: 1,
        class: "main-menu-improvements-tooltip__lock"
    },
    TX = {
        key: 2,
        class: "main-menu-improvements-tooltip__done"
    },
    EX = n("img", {
        src: Ur
    }, null, -1),
    kX = {
        key: 3,
        class: "main-menu-improvements-tooltip__info"
    },
    IX = {
        class: "main-menu-improvements-tooltip__price"
    },
    wX = n("img", {
        class: "main-menu-improvements-tooltip__price-ruble",
        src: Ae
    }, null, -1),
    SX = {
        class: "main-menu-improvements-tooltip__level"
    },
    MX = {
        class: "main-menu-improvements-tooltip__level-bg"
    },
    PX = n("span", null, "Необходимый уровень", -1);

function AX(e, t, s, l, o, i) {
    const m = c("LockIcon"),
        _ = c("ControlsButton"),
        b = c("ControlsButtonContainer");
    return a(), r("div", {
        class: T(["main-menu-improvements-tooltip", i.classes])
    }, [bX, n("div", vX, C(s.currentItem.name), 1), n("div", CX, C(s.currentItem.description), 1), !s.data.isBought && !s.disabled ? (a(), r("div", yX)) : h("", !0), s.disabled ? (a(), r("div", fX, [d(m), w('Сперва откройте "' + C(s.prevItem.name) + '"', 1)])) : s.data.isBought ? (a(), r("div", TX, [EX, w("Улучшение изучено")])) : (a(), r("div", kX, [n("div", IX, [wX, w(C(i.formatNumberWithSpaces(s.data.price.money)), 1)]), n("div", SX, [n("div", MX, C(s.data.price.level), 1), PX])])), !s.data.isBought && !s.disabled ? (a(), p(b, {
        key: 4,
        text: "Изучить улучшение"
    }, {
        default: E(() => [d(_, {
            text: "Space",
            holdTime: o.MAIN_MENU_BTN_HOLD_TIME,
            keyCode: o.KEY_CODE_SPACE,
            pressSound: "UI/UI_character_click01.mp3",
            onPressed: t[0] || (t[0] = u => e.$emit("buy"))
        }, null, 8, ["holdTime", "keyCode"])]),
        _: 1
    })) : h("", !0)], 2)
}
const DX = {
        props: ["data", "disabled", "currentItem", "prevItem"],
        components: {
            LockIcon: Mo,
            ControlsButton: H,
            ControlsButtonContainer: Pe
        },
        data() {
            return {
                KEY_CODE_SPACE: window.KEY_CODE_SPACE,
                MAIN_MENU_BTN_HOLD_TIME: ge
            }
        },
        computed: {
            classes() {
                return {
                    "main-menu-improvements-tooltip_disabled": this.disabled,
                    "main-menu-improvements-tooltip_bought": this.data.isBought
                }
            }
        },
        methods: {
            formatNumberWithSpaces: F
        }
    },
    LX = v(DX, [
        ["render", AX]
    ]),
    xX = n("div", {
        class: "main-menu-improvements-item__bg"
    }, null, -1),
    OX = {
        class: "main-menu-improvements-item__content"
    };

function BX(e, t, s, l, o, i) {
    const m = c("ImprovementsTooltip"),
        _ = c("Lock");
    return a(), r("div", {
        class: T(["main-menu-improvements-item", i.classes])
    }, [d(ae, {
        name: "opening-left"
    }, {
        default: E(() => [s.showModal && !s.isMobile ? (a(), p(m, {
            key: 0,
            data: s.data,
            prevItem: s.prevItem,
            currentItem: s.currentItem,
            disabled: s.disabled,
            onBuy: t[0] || (t[0] = b => e.$emit("buy"))
        }, null, 8, ["data", "prevItem", "currentItem", "disabled"])) : h("", !0)]),
        _: 1
    }), xX, n("div", OX, [(a(), p(z(s.data.icon), {
        class: "main-menu-improvements-item__icon"
    })), s.disabled ? (a(), p(_, {
        key: 0,
        class: "main-menu-improvements-item__lock"
    })) : h("", !0)])], 2)
}
const $X = {
        props: ["data", "disabled", "currentItem", "showModal", "prevItem", "isMobile"],
        components: {
            Lock: Mo,
            Endurance: f1,
            DriverMaster: T1,
            LoadCapacity: E1,
            Determination: k1,
            ImprovementsTooltip: LX
        },
        computed: {
            classes() {
                const {
                    disabled: e,
                    data: t
                } = this;
                return {
                    "main-menu-improvements-item_bought": t.isBought,
                    "main-menu-improvements-item_disabled": e
                }
            }
        }
    },
    NX = v($X, [
        ["render", BX]
    ]),
    RX = {
        class: "main-menu-improvements-items"
    },
    VX = n("div", {
        class: "main-menu-improvements-items__title"
    }, "Улучшение персонажа", -1),
    HX = n("div", {
        class: "main-menu-improvements-items__line"
    }, null, -1),
    UX = {
        class: "main-menu-improvements-items__body"
    },
    YX = {
        class: "main-menu-improvements-items__content"
    };

function KX(e, t, s, l, o, i) {
    const m = c("ImprovementsItem");
    return a(), r("div", RX, [VX, HX, n("div", UX, [n("div", YX, [(a(!0), r(I, null, M(s.improvementItems, (_, b) => (a(), p(m, {
        key: _.icon,
        data: _,
        disabled: !s.canBuy(b)
            .status,
        prevItem: s.canBuy(b)
            .prevItem,
        currentItem: i.currentItem,
        showModal: o.currentItemIndex === b,
        isMobile: i.isMobile,
        onMouseenter: u => i.selectItem(b),
        onMouseleave: t[0] || (t[0] = u => o.currentItemIndex = null),
        onClick: u => e.$emit("openModal", b),
        onBuy: i.buy
    }, null, 8, ["data", "disabled", "prevItem", "currentItem", "showModal", "isMobile", "onMouseenter", "onClick", "onBuy"]))), 128))])])])
}
const GX = {
        props: ["improvementItems", "canBuy", "isMobile"],
        emits: ["openModal"],
        components: {
            ImprovementsItem: NX
        },
        data() {
            return {
                currentItemIndex: null
            }
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            },
            currentItem() {
                return this.improvementItems[this.currentItemIndex]
            }
        },
        methods: {
            buy() {
                sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "PlayerImprove_OnPlayerBuy", this.currentItemIndex)
            },
            selectItem(e) {
                this.isMobile, this.currentItemIndex = e
            }
        }
    },
    FX = v(GX, [
        ["render", KX]
    ]),
    zX = {
        class: "main-menu-improvements-bg"
    },
    ZX = n("div", {
        class: "main-menu-improvements-bg__light main-menu-improvements-bg__light_1"
    }, null, -1),
    qX = n("div", {
        class: "main-menu-improvements-bg__light main-menu-improvements-bg__light_2"
    }, null, -1),
    WX = n("div", {
        class: "main-menu-improvements-bg__light main-menu-improvements-bg__light_3"
    }, null, -1),
    jX = n("div", {
        class: "main-menu-improvements-bg__pattern"
    }, null, -1),
    XX = [ZX, qX, WX, jX];

function QX(e, t) {
    return a(), r("div", zX, XX)
}
const JX = {},
    eQ = v(JX, [
        ["render", QX]
    ]),
    tQ = {
        class: "main-menu-improvements-skill"
    },
    sQ = {
        class: "main-menu-improvements-skill__header"
    },
    iQ = {
        class: "main-menu-improvements-skill__header-label"
    },
    nQ = ["src"],
    aQ = n("div", {
        class: "main-menu-improvements-skill__separator"
    }, null, -1),
    oQ = {
        key: 0,
        class: "main-menu-improvements-skill__completed"
    },
    rQ = {
        key: 1,
        class: "main-menu-improvements-skill__body"
    },
    lQ = {
        class: "main-menu-improvements-skill__from"
    },
    cQ = {
        class: "main-menu-improvements-skill__progress"
    },
    mQ = n("div", {
        class: "main-menu-improvements-skill__progress-fill_1"
    }, null, -1),
    _Q = n("div", {
        class: "main-menu-improvements-skill__progress-fill_2"
    }, null, -1),
    dQ = n("div", {
        class: "main-menu-improvements-skill__progress-fill_3"
    }, null, -1),
    uQ = [mQ, _Q, dQ],
    hQ = {
        class: "main-menu-improvements-skill__to"
    };

function pQ(e, t, s, l, o, i) {
    return a(), r("div", tQ, [n("div", sQ, [n("div", iQ, [n("img", {
        src: o.icons[`/src/assets/images/main-menu/improvements/tabs/icons/${s.data.icon}.svg`]
    }, null, 8, nQ), n("span", null, C(s.data.label), 1)]), n("div", {
        class: T(["main-menu-improvements-skill__header-value", {
            "main-menu-improvements-skill__header-value_completed": s.data.isCompleted
        }])
    }, C(i.percentageValue), 3)]), aQ, s.data.isCompleted ? (a(), r("div", oQ, "Достигнут " + C(s.data.lvl.from) + " уровень работы!", 1)) : (a(), r("div", rQ, [n("div", lQ, C(s.data.lvl.from) + " ур.", 1), n("div", cQ, [n("div", {
        class: "main-menu-improvements-skill__progress-fill",
        style: x({
            width: i.percentageValue
        })
    }, uQ, 4)]), n("div", hQ, C(s.data.lvl.to) + " ур.", 1)]))])
}
const gQ = {
        props: ["data"],
        data() {
            return {
                icons: Object.assign({
                    "/src/assets/images/main-menu/improvements/tabs/icons/bus.svg": $n,
                    "/src/assets/images/main-menu/improvements/tabs/icons/car-sharing.svg": Nn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/casino.svg": Rn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/collector.svg": Vn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/computer.svg": Hn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/dj.svg": Un,
                    "/src/assets/images/main-menu/improvements/tabs/icons/electro.svg": Yn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/farm.svg": Kn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/fb-accuracy.svg": Gn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/fb-goalkeeper.svg": Fn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/fb-power.svg": zn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/fish-boat.svg": Zn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/fish.svg": qn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/forest-driver.svg": Wn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/forest-man.svg": jn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/framer.svg": Xn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/lifeguard.svg": Qn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/mechanic.svg": Jn,
                    "/src/assets/images/main-menu/improvements/tabs/icons/metro.svg": ea,
                    "/src/assets/images/main-menu/improvements/tabs/icons/notary.svg": ta,
                    "/src/assets/images/main-menu/improvements/tabs/icons/plane.svg": sa,
                    "/src/assets/images/main-menu/improvements/tabs/icons/road-repair.svg": ia,
                    "/src/assets/images/main-menu/improvements/tabs/icons/taxi.svg": na,
                    "/src/assets/images/main-menu/improvements/tabs/icons/tire.svg": aa,
                    "/src/assets/images/main-menu/improvements/tabs/icons/ton.svg": oa,
                    "/src/assets/images/main-menu/improvements/tabs/icons/train.svg": ra,
                    "/src/assets/images/main-menu/improvements/tabs/icons/trash.svg": la,
                    "/src/assets/images/main-menu/improvements/tabs/icons/truck.svg": ca,
                    "/src/assets/images/main-menu/improvements/tabs/icons/turbine.svg": ma,
                    "/src/assets/images/main-menu/improvements/tabs/icons/unlocker.svg": _a,
                    "/src/assets/images/main-menu/improvements/tabs/icons/window-cleaner.svg": da
                })
            }
        },
        computed: {
            percentageValue() {
                return Math.floor(this.data.current / this.data.max * 100) + "%"
            }
        }
    },
    bQ = v(gQ, [
        ["render", pQ]
    ]),
    vQ = {
        class: "main-menu-improvements-skills-gun-skill__row"
    },
    CQ = {
        class: "main-menu-improvements-skills-gun-skill__label"
    },
    yQ = ["src"],
    fQ = {
        key: 0,
        class: "main-menu-improvements-skills-gun-skill__progress"
    },
    TQ = n("div", {
        class: "main-menu-improvements-skills-gun-skill__progress-fill_1"
    }, null, -1),
    EQ = n("div", {
        class: "main-menu-improvements-skills-gun-skill__progress-fill_2"
    }, null, -1),
    kQ = n("div", {
        class: "main-menu-improvements-skills-gun-skill__progress-fill_3"
    }, null, -1),
    IQ = [TQ, EQ, kQ],
    wQ = n("div", {
        class: "main-menu-improvements-skills-gun-skill__separator"
    }, null, -1),
    SQ = {
        class: "main-menu-improvements-skills-gun-skill__progress"
    },
    MQ = n("div", {
        class: "main-menu-improvements-skills-gun-skill__progress-fill_1"
    }, null, -1),
    PQ = n("div", {
        class: "main-menu-improvements-skills-gun-skill__progress-fill_2"
    }, null, -1),
    AQ = n("div", {
        class: "main-menu-improvements-skills-gun-skill__progress-fill_3"
    }, null, -1),
    DQ = [MQ, PQ, AQ];

function LQ(e, t, s, l, o, i) {
    return a(), r("div", {
        class: T(["main-menu-improvements-skills-gun-skill", {
            "main-menu-improvements-skills-gun-skill_square-mobile": s.isSquareMobile
        }])
    }, [n("div", vQ, [n("div", CQ, [n("img", {
        src: o.icons[`/src/assets/images/main-menu/improvements/tabs/gun/${s.data.icon}.svg`]
    }, null, 8, yQ), n("span", null, C(s.data.label), 1)]), s.isSquareMobile ? h("", !0) : (a(), r("div", fQ, [n("div", {
        class: "main-menu-improvements-skills-gun-skill__progress-fill",
        style: x({
            width: i.percentageValue
        })
    }, IQ, 4)])), n("div", {
        class: T(["main-menu-improvements-skills-gun-skill__value", {
            "main-menu-improvements-skills-gun-skill__value_full": s.data.current === s.data.max
        }])
    }, C(i.percentageValue), 3)]), s.isSquareMobile ? (a(), r(I, {
        key: 0
    }, [wQ, n("div", SQ, [n("div", {
        class: "main-menu-improvements-skills-gun-skill__progress-fill",
        style: x({
            width: i.percentageValue
        })
    }, DQ, 4)])], 64)) : h("", !0)], 2)
}
const xQ = {
        props: ["data", "isSquareMobile"],
        data() {
            return {
                icons: Object.assign({
                    "/src/assets/images/main-menu/improvements/tabs/gun/ak47.svg": rm,
                    "/src/assets/images/main-menu/improvements/tabs/gun/diagle.svg": lm,
                    "/src/assets/images/main-menu/improvements/tabs/gun/m4.svg": cm,
                    "/src/assets/images/main-menu/improvements/tabs/gun/mp5.svg": mm,
                    "/src/assets/images/main-menu/improvements/tabs/gun/pistol.svg": _m,
                    "/src/assets/images/main-menu/improvements/tabs/gun/rifle.svg": dm,
                    "/src/assets/images/main-menu/improvements/tabs/gun/shotgun.svg": um
                })
            }
        },
        computed: {
            percentageValue() {
                return Math.floor(this.data.current / this.data.max * 100) + "%"
            }
        }
    },
    OQ = v(xQ, [
        ["render", LQ]
    ]),
    BQ = {
        class: "main-menu-improvements-skills-tabs"
    },
    $Q = {
        class: "main-menu-improvements-skills-tabs__content"
    },
    NQ = ["src"];

function RQ(e, t, s, l, o, i) {
    const m = c("ControlsButton"),
        _ = c("GlobalHoverWrapper");
    return a(), r("div", BQ, [i.isMobile ? h("", !0) : (a(), p(m, {
        key: 0,
        text: "A",
        keyCode: o.KEY_CODE_A,
        pressSound: "UI/UI_menu_click_03.mp3",
        onPressed: t[0] || (t[0] = b => e.$emit("prev"))
    }, null, 8, ["keyCode"])), n("div", $Q, [(a(!0), r(I, null, M(s.tabs, b => (a(), p(_, {
        class: T(["main-menu-improvements-skills-tabs__tab", {
            "main-menu-improvements-skills-tabs__tab_selected": s.currentTab === b.type
        }]),
        key: b.type,
        clickSound: "UI/UI_menu_click_03.mp3",
        onClick: u => e.$emit("select", b.type)
    }, {
        default: E(() => [n("img", {
            src: o.icons[`/src/assets/images/main-menu/improvements/tabs/${b.type}.svg`]
        }, null, 8, NQ), w(C(i.isMobile ? "" : b.label), 1)]),
        _: 2
    }, 1032, ["class", "onClick"]))), 128))]), i.isMobile ? h("", !0) : (a(), p(m, {
        key: 1,
        text: "D",
        keyCode: o.KEY_CODE_D,
        pressSound: "UI/UI_menu_click_03.mp3",
        onPressed: t[1] || (t[1] = b => e.$emit("next"))
    }, null, 8, ["keyCode"]))])
}
const VQ = {
        props: ["tabs", "currentTab"],
        components: {
            ControlsButton: H
        },
        data() {
            return {
                KEY_CODE_A: window.KEY_CODE_A,
                KEY_CODE_D: window.KEY_CODE_D,
                icons: Object.assign({
                    "/src/assets/images/main-menu/improvements/tabs/general.svg": hm,
                    "/src/assets/images/main-menu/improvements/tabs/gun.svg": pm,
                    "/src/assets/images/main-menu/improvements/tabs/jobs.svg": bm
                })
            }
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            }
        }
    },
    HQ = v(VQ, [
        ["render", RQ]
    ]),
    UQ = {
        class: "main-menu-improvements-skills"
    },
    YQ = {
        class: "main-menu-improvements-skills__title"
    },
    KQ = n("div", {
        class: "main-menu-improvements-skills__line"
    }, null, -1),
    GQ = {
        class: "main-menu-improvements-skills__wrapper"
    };

function FQ(e, t, s, l, o, i) {
    const m = c("ImprovementsSkillsTabs"),
        _ = c("ScrollableContainer");
    return a(), r("div", UQ, [n("div", YQ, C(i.title), 1), KQ, d(m, {
        tabs: o.tabs,
        currentTab: o.currentTab,
        onPrev: e.prevTab,
        onNext: e.nextTab,
        onSelect: e.selectTab
    }, null, 8, ["tabs", "currentTab", "onPrev", "onNext", "onSelect"]), d(_, {
        class: "main-menu-improvements-skills__content",
        type: 9
    }, {
        default: E(() => [n("div", GQ, [(a(!0), r(I, null, M(s.skills[o.currentTab], b => (a(), p(z(o.currentTab === "gun" ? "ImprovementsGunSkill" : "ImprovementsSkill"), {
            isSquareMobile: s.isSquareMobile,
            key: b.label,
            data: b
        }, null, 8, ["isSquareMobile", "data"]))), 128))])]),
        _: 1
    })])
}
const zQ = {
        mixins: [jl],
        props: ["skills", "isSquareMobile"],
        components: {
            ImprovementsSkill: bQ,
            ImprovementsGunSkill: OQ,
            ImprovementsSkillsTabs: HQ,
            ScrollableContainer: U
        },
        data() {
            return {
                tabs: [{
                    type: "gun",
                    label: "Владение оружием"
                }, {
                    type: "jobs",
                    label: "Работы"
                }, {
                    type: "general",
                    label: "Общие"
                }],
                currentTab: "gun"
            }
        },
        computed: {
            title() {
                return {
                    gun: "Навыки владения оружием",
                    jobs: "Навыки работ",
                    general: "Общие навыки"
                } [this.currentTab]
            }
        }
    },
    ZQ = v(zQ, [
        ["render", FQ]
    ]),
    dn = e => (D("data-v-d2952636"), e = e(), L(), e),
    qQ = {
        key: 0,
        class: "main-menu-improvements-modal__content"
    },
    WQ = {
        class: "main-menu-improvements-modal__header"
    },
    jQ = {
        class: "main-menu-improvements-modal__header-title"
    },
    XQ = {
        class: "main-menu-improvements-modal__header-skill"
    },
    QQ = {
        class: "main-menu-improvements-modal__body"
    },
    JQ = {
        class: "main-menu-improvements-modal__description"
    },
    eJ = dn(() => n("div", {
        class: "main-menu-improvements-modal__line"
    }, null, -1)),
    tJ = {
        key: 0,
        class: "main-menu-improvements-modal__lock"
    },
    sJ = {
        key: 1,
        class: "main-menu-improvements-modal__done"
    },
    iJ = dn(() => n("img", {
        src: Ur
    }, null, -1)),
    nJ = {
        key: 2,
        class: "main-menu-improvements-modal__info"
    },
    aJ = {
        class: "main-menu-improvements-modal__price"
    },
    oJ = dn(() => n("img", {
        class: "main-menu-improvements-modal__price-ruble",
        src: Ae
    }, null, -1)),
    rJ = {
        class: "main-menu-improvements-modal__level"
    },
    lJ = {
        class: "main-menu-improvements-modal__level-bg"
    },
    cJ = dn(() => n("span", null, "Необходимый уровень", -1));

function mJ(e, t, s, l, o, i) {
    const m = c("Lock"),
        _ = c("Modal");
    return a(), p(_, {
        class: "main-menu-improvements-modal",
        isOpened: s.skill != null,
        onClose: i.close
    }, {
        default: E(() => [s.skill ? (a(), r("div", qQ, [n("div", WQ, [n("div", jQ, C(s.skill.name), 1), n("div", XQ, [(a(), p(z(s.skill.icon), {
            class: "main-menu-improvements-modal__header-icon"
        }))])]), n("div", QQ, [n("div", JQ, C(s.skill.description), 1), eJ, s.disabled ? (a(), r("div", tJ, [d(m), w('Сперва откройте "' + C(s.prevItem.name) + '"', 1)])) : s.skill.isBought ? (a(), r("div", sJ, [iJ, w("Улучшение изучено")])) : (a(), r("div", nJ, [n("div", aJ, [oJ, w(C(i.formatNumberWithSpaces(s.skill.price.money)), 1)]), n("div", rJ, [n("div", lJ, C(s.skill.price.level), 1), cJ])])), n("div", {
            class: T(["main-menu-improvements-modal__button", {
                "main-menu-improvements-modal__button_disabled": s.disabled || s.skill.isBought
            }]),
            onClick: t[0] || (t[0] = (...b) => i.buy && i.buy(...b))
        }, C(i.buttonText), 3)])])) : h("", !0)]),
        _: 1
    }, 8, ["isOpened", "onClose"])
}
const _J = {
        props: ["index", "skill", "disabled", "prevItem"],
        emits: ["close"],
        components: {
            Modal: Q,
            Lock: Mo,
            Endurance: f1,
            DriverMaster: T1,
            LoadCapacity: E1,
            Determination: k1
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            },
            buttonText() {
                return this.disabled ? "Заблокировано" : this.skill.isBought ? "Приобретено" : "Приобрести"
            }
        },
        methods: {
            formatNumberWithSpaces: F,
            close() {
                this.$emit("close")
            },
            buy() {
                this.close(), sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "PlayerImprove_OnPlayerBuy", this.index)
            }
        }
    },
    dJ = v(_J, [
        ["render", mJ],
        ["__scopeId", "data-v-d2952636"]
    ]),
    uJ = {
        class: "main-menu-improvements"
    };

function hJ(e, t, s, l, o, i) {
    const m = c("ImprovementsLights"),
        _ = c("ImprovementsItems"),
        b = c("ImprovementsSkin"),
        u = c("ImprovementsSkills"),
        g = c("ImprovementsModal");
    return a(), r("div", uJ, [d(m), d(_, {
        improvementItems: i.improvementItems,
        canBuy: i.canBuy,
        isMobile: i.isMobile,
        onOpenModal: i.openModal
    }, null, 8, ["improvementItems", "canBuy", "isMobile", "onOpenModal"]), d(b), d(u, {
        skills: s.improvements.skills,
        isSquareMobile: s.isSquareMobile
    }, null, 8, ["skills", "isSquareMobile"]), i.isMobile ? (a(), p(g, {
        key: 0,
        index: o.modalSkillindex,
        skill: i.improvementItems[o.modalSkillindex],
        disabled: !i.canBuy(o.modalSkillindex)
            .status,
        prevItem: i.canBuy(o.modalSkillindex)
            .prevItem,
        onClose: i.closeModal
    }, null, 8, ["index", "skill", "disabled", "prevItem", "onClose"])) : h("", !0)])
}
const pJ = {
        props: ["improvements", "isSquareMobile"],
        components: {
            ImprovementsSkin: Rj,
            ImprovementsItems: FX,
            ImprovementsLights: eQ,
            ImprovementsSkills: ZQ,
            ImprovementsModal: dJ,
            ControlsButton: H,
            ControlsButtonContainer: Pe
        },
        data() {
            return {
                modalSkillindex: null
            }
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            },
            improvementItems() {
                return this.improvements.items.map((e, t) => ({
                    ...e,
                    ...this.improvements.itemsData[t]
                }))
            }
        },
        methods: {
            back() {
                this.$emit("back")
            },
            canBuy(e) {
                if (e > 0) {
                    let t = this.improvementItems[e - 1];
                    if (!this.improvementItems[e].isBought && !t.isBought) return {
                        status: !1,
                        prevItem: t
                    }
                }
                return {
                    status: !0,
                    prevItem: null
                }
            },
            openModal(e) {
                this.modalSkillindex = e
            },
            closeModal() {
                this.modalSkillindex = null
            }
        }
    },
    gJ = v(pJ, [
        ["render", hJ]
    ]),
    bJ = {},
    vJ = {
        width: "12",
        height: "8",
        viewBox: "0 0 12 8",
        fill: "white",
        xmlns: "http://www.w3.org/2000/svg"
    },
    CJ = n("path", {
        d: "M6.75258 7.13991C6.35417 7.59524 5.64584 7.59524 5.24742 7.13991L0.45119 1.6585C-0.11457 1.01192 0.344609 1.10637e-06 1.20377 1.03126e-06L10.7962 1.9266e-07C11.6554 1.17549e-07 12.1146 1.01192 11.5488 1.6585L6.75258 7.13991Z"
    }, null, -1),
    yJ = [CJ];

function fJ(e, t) {
    return a(), r("svg", vJ, yJ)
}
const TJ = v(bJ, [
        ["render", fJ]
    ]),
    re = {
        OTHER: 0,
        STOP: 1,
        CELLULAR_SALON: 2,
        GAS: 3,
        ATM: 4,
        ELECTRO_STATION: 5,
        FISHING_SHOP: 6,
        CAR_MARKET: 7,
        TIRE_FITTING: 8,
        AUTO_PARTS_STORE: 9,
        METRO_STATION: 10
    },
    EJ = {
        DEFAULT: 0,
        EVENT: 1
    },
    kJ = {
        class: "main-menu-map-sidebar__search"
    },
    IJ = n("img", {
        src: Da
    }, null, -1),
    wJ = n("img", {
        class: "main-menu-map-sidebar__search-find-icon",
        src: Yr
    }, null, -1),
    SJ = n("div", {
        class: "main-menu-map-sidebar__visible-shadow"
    }, null, -1),
    MJ = n("img", {
        src: Gr
    }, null, -1),
    PJ = [SJ, MJ],
    AJ = {
        class: "main-menu-map-sidebar__container"
    },
    DJ = {
        class: "main-menu-map-sidebar__section-button__label"
    },
    LJ = {
        class: "main-menu-map-sidebar__section-button__arrow"
    },
    xJ = ["onMouseup"],
    OJ = n("div", {
        class: "main-menu-map-sidebar__section-item-indicator"
    }, null, -1),
    BJ = {
        class: "main-menu-map-sidebar__section-item-row"
    },
    $J = {
        class: "main-menu-map-sidebar__section-item-icon"
    },
    NJ = ["src"],
    RJ = {
        class: "main-menu-map-sidebar__section-item-data"
    },
    VJ = {
        key: 0,
        class: "main-menu-map-sidebar__section-item-distance"
    },
    HJ = {
        class: "main-menu-map-sidebar__section-item-distance-value"
    },
    UJ = n("img", {
        class: "main-menu-map-sidebar__section-item-distance-value-icon",
        src: Kr
    }, null, -1),
    YJ = n("div", {
        class: "main-menu-map-sidebar__section-item-distance-text"
    }, "Метров до цели", -1),
    KJ = {
        class: "main-menu-map-sidebar__section-item-name-wrapper"
    },
    GJ = {
        class: "main-menu-map-sidebar__section-item-name"
    },
    FJ = ["onClick"],
    zJ = n("div", {
        class: "main-menu-map-sidebar__section-item-mobile-button-shadow"
    }, null, -1),
    ZJ = n("img", {
        src: Fr
    }, null, -1),
    qJ = [zJ, ZJ],
    WJ = {
        key: 0,
        class: "main-menu-map-sidebar__section-more"
    };

function jJ(e, t, s, l, o, i) {
    const m = c("InputField"),
        _ = c("GlobalHoverWrapper"),
        b = c("IconCharon"),
        u = c("RunningLine"),
        g = c("ControlsButton"),
        y = c("Button"),
        f = c("ScrollableContainer");
    return a(), r("div", {
        class: T(["main-menu-map-sidebar", i.classes])
    }, [n("div", {
        class: T(["main-menu-map-sidebar__background", {
            "main-menu-map-sidebar__background_hidden": !s.sidebarVisible
        }])
    }, null, 2), n("div", kJ, [n("div", {
        class: T(["main-menu-map-sidebar__search-input", {
            "main-menu-map-sidebar__search-input_hidden": !s.sidebarVisible
        }])
    }, [d(m, {
        data: e.inputData,
        isShowEnterIcon: !1,
        onUpdate: t[0] || (t[0] = k => e.inputData.value = k),
        onFocus: t[1] || (t[1] = k => e.$emit("inputFocus")),
        onBlur: t[2] || (t[2] = k => e.$emit("inputBlur"))
    }, {
        default: E(() => [IJ]),
        _: 1
    }, 8, ["data"])], 2), d(_, {
        class: T(["main-menu-map-sidebar__search-find pressable", {
            "main-menu-map-sidebar__search-find_hidden": !s.sidebarVisible
        }]),
        clickSound: "UI/UI_menu_click_03.mp3",
        onClick: i.findMe
    }, {
        default: E(() => [wJ]),
        _: 1
    }, 8, ["class", "onClick"]), n("div", {
        class: T(["main-menu-map-sidebar__visible", {
            "main-menu-map-sidebar__visible_toggled": !s.sidebarVisible
        }]),
        onClick: t[3] || (t[3] = (...k) => i.toggleSidebarVisible && i.toggleSidebarVisible(...k))
    }, PJ, 2)]), d(f, {
        class: T(["main-menu-map-sidebar__wrapper", {
            "main-menu-map-sidebar__wrapper_hidden": !s.sidebarVisible
        }]),
        type: 9,
        requiredVerticalScroll: e.requiredScroll,
        ref: "container",
        onContentScroll: i.onContentScroll
    }, {
        default: E(() => [n("div", AJ, [(a(!0), r(I, null, M(s.tabs, (k, S) => (a(), r("div", {
            class: "main-menu-map-sidebar__section",
            key: S
        }, [d(_, {
            class: T(["main-menu-map-sidebar__section-button pressable", i.getSectionButtonClasses(S)]),
            clickSound: "UI/UI_menu_click_03.mp3",
            onClick: O => i.toogleSection(S)
        }, {
            default: E(() => [n("div", DJ, C(k.label), 1), n("div", LJ, [d(b)])]),
            _: 2
        }, 1032, ["class", "onClick"]), i.isSectionOpened(S) ? (a(), r("div", {
            key: 0,
            class: "main-menu-map-sidebar__section-content",
            style: x({
                animationDuration: e.sectionOpenAnimationDuration
            })
        }, [(a(!0), r(I, null, M(k.items.slice(0, e.showCount), (O, B) => (a(), r("div", {
            class: T(["main-menu-map-sidebar__section-item", i.getItemClasses(O, S, B)]),
            ref_for: !0,
            ref: `${S}_tabItems`,
            key: B,
            style: x(i.getItemStyle(S, B)),
            onMouseup: K => i.onMouseUp(K, O, S, B)
        }, [OJ, d(_, {
            class: "main-menu-map-sidebar__section-item-content",
            clickSound: "UI/UI_menu_click_03.mp3",
            onMouseenter: K => e.hoveredIndex = B,
            onMouseleave: t[4] || (t[4] = K => e.hoveredIndex = -1)
        }, {
            default: E(() => [n("div", BJ, [n("div", $J, [n("img", {
                src: `/images/gps/${O.icon}.png`
            }, null, 8, NJ)]), n("div", RJ, [O.position ? (a(), r("div", VJ, [n("div", HJ, [UJ, w(C(Math.round(O.distance)), 1)]), YJ])) : h("", !0), n("div", KJ, [d(u, {
                minWidth: i.isMobile ? "41vh" : "23vh",
                isActive: i.getItemNameOverflowed(O) && (e.hoveredIndex === B || i.getItemActive(O))
            }, {
                default: E(() => [n("div", GJ, C(O.name), 1)]),
                _: 2
            }, 1032, ["minWidth", "isActive"])])]), i.isMobile && i.checkIfDirectionAvailable(O) ? (a(), r("div", {
                key: 0,
                class: "main-menu-map-sidebar__section-item-mobile-button",
                onClick: K => i.getDirection(O)
            }, qJ, 8, FJ)) : h("", !0), i.checkIfDirectionAvailable(O) ? (a(), p(g, {
                key: 1,
                class: "main-menu-map-sidebar__section-item-button",
                rightMouse: !0,
                clickable: !1
            })) : h("", !0)])]),
            _: 2
        }, 1032, ["onMouseenter"])], 46, xJ))), 128)), k.items.length > e.showCount ? (a(), r("div", WJ, [d(y, {
            class: "main-menu-map-sidebar__section-more-button",
            text: `Показать еще ${k.items.length-e.showCount}`,
            type: "transparent",
            onClick: O => i.showAll(S)
        }, null, 8, ["text", "onClick"])])) : h("", !0)], 4)) : h("", !0)]))), 128))])]),
        _: 1
    }, 8, ["class", "requiredVerticalScroll", "onContentScroll"])], 2)
}
const XJ = 5,
    kn = 750,
    QJ = {
        PC: 19,
        MOBILE: 22
    },
    er = 10,
    JJ = {
        props: ["sidebarVisible", "playerPosition", "tabs", "currentItem", "search"],
        emits: ["toggleSidebar", "change", "getDirection", "inputFocus", "inputBlur", "search"],
        components: {
            IconCharon: TJ,
            ScrollableContainer: U,
            InputField: Ie,
            ControlsButton: H,
            RunningLine: P_,
            Button: q
        },
        data: () => ({
            openedSections: [],
            requiredScroll: 0,
            clickedItem: null,
            activeItemData: {
                section: -1,
                item: -1
            },
            inputData: {
                type: "text",
                value: "",
                failure: !1,
                success: !1,
                icon: !0,
                placeholder: "Поиск по названию"
            },
            lastScrollTop: 0,
            hoveredIndex: -1,
            showCount: er,
            sectionOpenAnimationDuration: `${kn/1e3}s`
        }),
        computed: {
            isMobile() {
                return this.$root.isMobile
            },
            classes() {
                return {
                    "main-menu-map-sidebar_mobile": this.isMobile,
                    "main-menu-map-sidebar_with-hover": !this.isMobile,
                    "main-menu-map-sidebar_hidden": !this.sidebarVisible
                }
            }
        },
        created() {
            this.currentItem && (this.openedSections = [this.currentItem.type])
        },
        methods: {
            onContentScroll({
                scrollableWrapper: e
            }) {
                this.lastScrollTop = e.scrollTop
            },
            toogleSection(e) {
                this.openedSections.includes(e) ? this.openedSections = [] : (this.showCount = Math.min(er, this.tabs[e].items.length), this.openedSections = [e])
            },
            getSectionButtonClasses(e) {
                return {
                    "main-menu-map-sidebar__section-button_opened": this.isSectionOpened(e),
                    "main-menu-map-sidebar__section-button_type-event": this.tabs[e].type === EJ.EVENT
                }
            },
            isSectionOpened(e) {
                return this.openedSections.includes(e)
            },
            selectItem(e, t, s) {
                this.clickedItem = e, this.$emit("change", t, s)
            },
            getItemClasses(e, t, s) {
                return {
                    "main-menu-map-sidebar__section-item_active": this.getItemActive(e)
                }
            },
            getItemNameOverflowed(e) {
                return e.name.length > QJ[this.isMobile ? "MOBILE" : "PC"]
            },
            getItemActive(e) {
                return this.currentItem && JSON.stringify(e) === JSON.stringify(this.currentItem)
            },
            getItemStyle(e, t) {
                const {
                    section: s,
                    item: l
                } = this.activeItemData;
                let o = t;
                return s === e && (o = Math.max(0, t - l)), {
                    animationDelay: `${.1*o}s`
                }
            },
            checkIfDirectionAvailable(e) {
                return e.target !== re.OTHER
            },
            getDirection(e) {
                this.$emit("getDirection", e)
            },
            findMe() {
                this.$emit("findMe")
            },
            scrollToItem(e, t) {
                j(() => {
                    const s = this.$refs[`${e}_tabItems`][t];
                    s && (this.requiredScroll = s.offsetTop + s.offsetHeight / 2 - this.$refs.container.$el.offsetHeight / 2)
                })
            },
            scrollAfterItemClick(e, t) {
                const s = this.$refs[`${e}_tabItems`][t];
                if (s) {
                    const l = s.offsetTop + s.offsetHeight;
                    l - this.lastScrollTop > this.$refs.container.$el.offsetHeight && (this.requiredScroll = l - this.$refs.container.$el.offsetHeight)
                }
            },
            toggleSidebarVisible() {
                this.$emit("toggleSidebar")
            },
            onMouseUp(e, t, s, l) {
                e.button === 2 ? this.getDirection(t) : this.selectItem(t, s, l)
            },
            showAll(e) {
                this.showCount = this.tabs[e].items.length
            }
        },
        watch: {
            search(e) {
                this.openedSections = [], e && e.length > 0 && this.tabs.length <= XJ && (this.openedSections = this.tabs.map((t, s) => s)), this.inputData.failure = !!(!this.tabs.length && e), this.inputData.success = !!(this.tabs.length && e)
            },
            currentItem() {
                if (!this.currentItem) return;
                let e = -1,
                    t = -1;
                this.tabs.forEach((s, l) => s.items.forEach((o, i) => {
                    JSON.stringify(o) === JSON.stringify(this.currentItem) && (t = i, e = l)
                })), this.activeItemData.section = e, this.activeItemData.item = t, e >= 0 && t >= 0 && (this.sectionOpenAnimationDuration = "0s", this.openedSections = [e], setTimeout(() => {
                    this.sectionOpenAnimationDuration = `${kn/1e3}s`
                }, kn), this.clickedItem === null || JSON.stringify(this.clickedItem) !== JSON.stringify(this.currentItem) ? this.$nextTick(() => j(() => this.scrollToItem(e, t))) : this.clickedItem !== null && this.$nextTick(() => j(() => this.scrollAfterItemClick(e, t)))), this.clickedItem = null
            },
            "inputData.value"() {
                this.$emit("search", this.inputData.value)
            }
        }
    },
    eee = v(JJ, [
        ["render", jJ]
    ]),
    tee = e => (D("data-v-ec35e1be"), e = e(), L(), e),
    see = {
        class: "main-menu-map-round-button"
    },
    iee = tee(() => n("div", {
        class: "main-menu-map-round-button__shadow"
    }, null, -1)),
    nee = ["src"];

function aee(e, t, s, l, o, i) {
    return a(), r("div", see, [iee, n("img", {
        class: "main-menu-map-round-button__icon",
        src: s.iconSrc
    }, null, 8, nee)])
}
const oee = {
        props: ["iconSrc"]
    },
    ree = v(oee, [
        ["render", aee],
        ["__scopeId", "data-v-ec35e1be"]
    ]),
    Po = e => (D("data-v-787f71be"), e = e(), L(), e),
    lee = Po(() => n("div", {
        class: "main-menu-map__background"
    }, null, -1)),
    cee = {
        class: "main-menu-map__content"
    },
    mee = {
        key: 0,
        class: "main-menu-map__mobile-buttons"
    },
    _ee = {
        class: "main-menu-map__buttons"
    },
    dee = Po(() => n("div", {
        class: "main-menu-map__shadow main-menu-map__shadow_top"
    }, null, -1)),
    uee = Po(() => n("div", {
        class: "main-menu-map__shadow main-menu-map__shadow_bottom"
    }, null, -1));

function hee(e, t, s, l, o, i) {
    const m = c("MapSidebar"),
        _ = c("MainMap"),
        b = c("RoundButton"),
        u = c("ControlsContaineredButton"),
        g = c("ControlsButton"),
        y = c("ControlsButtonContainer");
    return a(), r("div", {
        class: T(["main-menu-map iface-container", {
            "main-menu-map_mobile": i.isMobile
        }])
    }, [lee, n("div", cee, [d(m, {
        class: "main-menu-map__sidebar",
        sidebarVisible: o.sidebarIsShowing,
        tabs: i.places,
        currentItem: o.currentPoint,
        search: o.searchPlace,
        playerPosition: i.playerPosition,
        onInputFocus: t[0] || (t[0] = f => o.sidebarInputIsFocused = !0),
        onInputBlur: t[1] || (t[1] = f => o.sidebarInputIsFocused = !1),
        onChange: i.changePoint,
        onSearch: t[2] || (t[2] = f => o.searchPlace = f),
        onGetDirection: i.onSidebarDirection,
        onFindMe: i.moveToPlayer,
        onToggleSidebar: i.toggleSidebar
    }, null, 8, ["sidebarVisible", "tabs", "currentItem", "search", "playerPosition", "onChange", "onGetDirection", "onFindMe", "onToggleSidebar"])]), d(_, {
        class: "main-menu-map__map",
        points: i.filteredPoints,
        selectedPointIndex: o.lastSelectedPlaceIndex,
        isPointSelected: o.isActiveSelectPlace,
        moveToPlayerCount: o.moveToPlayerCount,
        playerPosition: i.playerPosition,
        isShowGangZones: !0,
        markersIsHidden: o.markersIsHidden,
        isMobile: i.isMobile,
        disableDestinationPointCounter: o.disableDestinationPointCounter,
        initEvent: "GPS_OnPlayerUpdateData",
        onPointClick: i.onPointClick,
        onPointRightClick: i.onPointRightClick,
        onMapClick: i.onMapClick,
        onMapDrag: i.disableCurrentPoint
    }, null, 8, ["points", "selectedPointIndex", "isPointSelected", "moveToPlayerCount", "playerPosition", "markersIsHidden", "isMobile", "disableDestinationPointCounter", "onPointClick", "onPointRightClick", "onMapClick", "onMapDrag"]), i.isMobile ? (a(), r("div", mee, [d(b, {
        class: "main-menu-map__button-hide-icons",
        iconSrc: o.icons["/src/assets/images/main-menu/map/hide-icons.png"],
        onClick: i.toggleMarkers
    }, null, 8, ["iconSrc", "onClick"]), d(b, {
        class: "main-menu-map__button-find-me",
        iconSrc: o.icons["/src/assets/images/main-menu/map/find-me.png"],
        onClick: i.moveToPlayer
    }, null, 8, ["iconSrc", "onClick"])])) : h("", !0), n("div", _ee, [d(u, {
        containerText: "Скрыть/Показать фильтры",
        disabled: o.sidebarInputIsFocused,
        keyCode: o.KEY_CODE_V,
        text: "V",
        pressSound: "UI/UI_menu_click_03.mp3",
        onPressed: i.toggleSidebar
    }, null, 8, ["disabled", "keyCode", "onPressed"]), d(u, {
        containerText: "Показать/Скрыть иконки",
        disabled: o.sidebarInputIsFocused,
        keyCode: o.KEY_CODE_H,
        text: "H",
        pressSound: "UI/UI_menu_click_03.mp3",
        onPressed: i.toggleMarkers
    }, null, 8, ["disabled", "keyCode", "onPressed"]), d(u, {
        containerText: "Найти себя",
        disabled: o.sidebarInputIsFocused,
        keyCode: o.KEY_CODE_C,
        text: "C",
        pressSound: "UI/UI_menu_click_03.mp3",
        onPressed: i.moveToPlayer
    }, null, 8, ["disabled", "keyCode", "onPressed"]), d(y, {
        text: "Перемещение"
    }, {
        default: E(() => [d(g, {
            leftMouse: !0,
            clickable: !1
        })]),
        _: 1
    }), d(y, {
        text: "Приблизить/Отдалить"
    }, {
        default: E(() => [d(g, {
            middleMouse: !0,
            clickable: !1
        })]),
        _: 1
    }), d(y, {
        text: "Установить Свою метку"
    }, {
        default: E(() => [d(g, {
            rightMouse: !0,
            clickable: !1
        })]),
        _: 1
    })]), dee, uee], 2)
}
const pee = 0,
    gee = {
        mixins: [Pu],
        props: ["map"],
        components: {
            MapSidebar: eee,
            RoundButton: ree,
            UIButton: Lu,
            MapLocationPoint: xu,
            MainMap: Au,
            IconBack: Ou,
            IconPointInfoBG: A_,
            IconPointArrowTop: D_,
            ControlsButton: H,
            ControlsButtonContainer: Pe,
            ControlsContaineredButton: W
        },
        data() {
            return {
                icons: Object.assign({
                    "/src/assets/images/main-menu/map/bg-right.png": vm,
                    "/src/assets/images/main-menu/map/direction-icon.png": Fr,
                    "/src/assets/images/main-menu/map/find-me.png": Cm,
                    "/src/assets/images/main-menu/map/hide-icons.png": ym,
                    "/src/assets/images/main-menu/map/icon-distance.png": Kr,
                    "/src/assets/images/main-menu/map/icon-find.png": Yr,
                    "/src/assets/images/main-menu/map/icon-search.png": Da,
                    "/src/assets/images/main-menu/map/icon-selected-marker.png": fm,
                    "/src/assets/images/main-menu/map/icon-selected-point.png": Tm,
                    "/src/assets/images/main-menu/map/icon-zoom.png": Mu,
                    "/src/assets/images/main-menu/map/visible-icon.png": Gr
                }),
                KEY_CODE_V: window.KEY_CODE_V,
                KEY_CODE_H: window.KEY_CODE_H,
                KEY_CODE_C: window.KEY_CODE_C,
                POINTS_TYPE: Oe,
                POINTS_CATEGORIES: Ho,
                currentPoint: !1,
                isActiveSelectPlace: !1,
                activePlaceIndex: 0,
                searchPlace: "",
                prevSearchPlace: "",
                isActiveSearch: !1,
                lastSelectedPlaceIndex: 0,
                moveToPlayerCount: 0,
                sidebarIsShowing: !0,
                markersIsHidden: !1,
                sidebarInputIsFocused: !1,
                disableDestinationPointCounter: 0,
                initialPlayerPosition: {
                    x: 0,
                    y: 0
                }
            }
        },
        computed: {
            playerPosition() {
                return this.$store.getters["player/position"]
            },
            screen() {
                return this.$root.screen
            },
            filteredPoints() {
                return this.map.points.filter(e => e.type == Oe.BUSINESS && e.show || e.type != Oe.BUSINESS)
            },
            places() {
                return [...Du(this.map.points.filter(l => l.isOther))
                        .map(l => ({
                            ...l,
                            priority: pee
                        })), ...this.formatDynamicCategories(this.map.dynamicCategories)
                    ].map(l => {
                        let o = l.points.filter(i => {
                            const m = i.type == Oe.BUSINESS && i.show,
                                _ = i.type != Oe.BUSINESS,
                                b = i.type != Oe.ATM,
                                u = i.type != Oe.BUS_STOP,
                                g = this.searchCMP(AY(this.searchPlace), i);
                            return (m || _ && b && u) && g
                        });
                        return l.category === 8 && (o = this.filterNearPlacesCategoryPoints(o)), {
                            ...l.dynamicCategoryId >= 0 ? l : {},
                            priority: l.priority,
                            label: this.getCategoryLabel(l.category, l.dynamicCategoryId),
                            items: o.map(i => ({
                                    ...i,
                                    distance: this.getPointDistance(i)
                                }))
                                .sort((i, m) => i.distance - m.distance)
                        }
                    })
                    .filter(l => l.items.length > 0 && !!l.label)
                    .sort((l, o) => o.priority - l.priority)
            },
            flattenPlaces() {
                return this.places.map(e => e.items)
                    .flat()
            },
            activePlace() {
                return this.places[this.activePlaceIndex]
            },
            isMobile() {
                return this.$root.isMobile
            }
        },
        created() {
            this.$data.noAdaptation = !0, this.map.points = fn(this.map.addedPoints), this.initialPlayerPosition = {
                ...this.playerPosition
            }
        },
        methods: {
            filterNearPlacesCategoryPoints(e) {
                return e.filter(t => {
                    let s = "",
                        l = [];
                    return t.target == re.CELLULAR_SALON && (s = "Сотовый салон"), t.target == re.GAS && (s = "АЗС"), t.target == re.ELECTRO_STATION && (s = "Зарядная станция"), t.target == re.FISHING_SHOP && (s = "Рыбалка"), t.target == re.CAR_MARKET && (s = "Авторынок"), t.target == re.TIRE_FITTING && (s = "Шиномонтаж"), t.target == re.AUTO_PARTS_STORE && (s = "Автозапчасти"), l = this.filteredPoints.filter(o => o.name.indexOf(s) > -1), !s || l.length
                })
            },
            changePoint(e, t) {
                let s = this.places[e].items[t],
                    l = this.getNearPlace(s),
                    o = s;
                l && (delete l.distance, o = l), this.lastSelectedPlaceIndex = this.filteredPoints.findIndex(i => {
                    const {
                        x: m,
                        y: _
                    } = o.position;
                    return i.name === o.name && i.position.x === m && i.position.y === _
                }), this.currentPoint = this.filteredPoints[this.lastSelectedPlaceIndex]
            },
            getNearPlace(e) {
                var t = null;
                const s = fn(this.map.addedPoints)
                    .filter(i => i.type === Oe.ATM),
                    l = fn(this.map.addedPoints)
                    .filter(i => i.type === Oe.METRO);
                if (e.target != null) {
                    var o = null;
                    let i = "";
                    switch (e.target) {
                        case 0:
                            sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "OnPlayerSelectGPSCategory", e.target);
                            break;
                        case re.ATM:
                            o = s.concat(this.filteredPoints.filter(m => m.isAtm));
                            break;
                        case re.METRO_STATION:
                            o = l;
                            break;
                        default:
                            e.target == re.CELLULAR_SALON && (i = "Сотовый салон"), e.target == re.GAS && (i = "АЗС"), e.target == re.ELECTRO_STATION && (i = "Зарядная станция"), e.target == re.FISHING_SHOP && (i = "Рыбалка"), e.target == re.CAR_MARKET && (i = "Авторынок"), e.target == re.TIRE_FITTING && (i = "Шиномонтаж"), e.target == re.AUTO_PARTS_STORE && (i = "Автозапчасти"), o = this.filteredPoints.filter(m => m.name.indexOf(i) > -1)
                    }
                    t = o.map(m => (m.distance = No(this.playerPosition.x, this.playerPosition.y, m.position.x, m.position.y, !1), m))
                        .sort((m, _) => m.distance - _.distance)[0]
                }
                return t
            },
            searchCMP(e, t) {
                let s = t.name.toLowerCase()
                    .split(" "),
                    l = e.toLowerCase()
                    .split(" "),
                    o = t.keys ? t.keys.map(_ => _.toLowerCase()) : [],
                    i = s.filter(_ => l.filter(u => _.indexOf(u) > -1)
                        .length > 0),
                    m = o ? o.filter(_ => l.filter(u => _.indexOf(u) > -1)
                        .length > 0) : [];
                return i.length > 0 || m.length > 0
            },
            getDirection(e) {
                this.disableDestinationPointCounter++, sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "GPS_OnPlayerGetDirection", e.position.x, e.position.y, e.position.z)
            },
            selectPoint(e) {
                this.activePlaceIndex = this.flattenPlaces.indexOf(e), this.lastSelectedPlaceIndex = this.filteredPoints.indexOf(e), this.currentPoint = e
            },
            onPointClick(e, t) {
                this.selectPoint(t)
            },
            onPointRightClick(e, t) {
                this.selectPoint(t), this.getDirection(t)
            },
            onMapClick() {
                this.disableCurrentPoint()
            },
            disableCurrentPoint() {
                this.currentPoint && (this.currentPoint = !1, this.isActiveSelectPlace = !1, this.lastSelectedPlaceIndex = -1)
            },
            moveToPlayer() {
                this.disableCurrentPoint(), ++this.moveToPlayerCount
            },
            toggleSidebar() {
                this.sidebarIsShowing = !this.sidebarIsShowing
            },
            toggleMarkers() {
                this.markersIsHidden = !this.markersIsHidden
            },
            onSidebarDirection(e) {
                this.selectPoint(e), this.getDirection(e)
            },
            formatDynamicCategories(e) {
                return e.map(t => ({
                    ...t,
                    points: this.map.points.filter(s => s.dynamicCategoryId == t.dynamicCategoryId)
                }))
            },
            getCategoryLabel(e, t) {
                if (t >= 0) {
                    const s = this.map.dynamicCategories.find(l => l.dynamicCategoryId == t);
                    return s ? s.label : null
                }
                return Ho[e] || null
            },
            getPointDistance(e) {
                return e.position ? No(this.initialPlayerPosition.x, this.initialPlayerPosition.y, e.position.x, e.position.y, !1) : 0
            }
        },
        watch: {
            sidebarInputIsFocused(e) {
                this.$emit("setControlButtonsDisabledStatus", e)
            }
        }
    },
    bee = v(gee, [
        ["render", hee],
        ["__scopeId", "data-v-787f71be"]
    ]),
    I1 = e => (D("data-v-0982005b"), e = e(), L(), e),
    vee = {
        key: 0,
        class: "main-menu-rewards-daily-rewards-card__hidden-icon"
    },
    Cee = I1(() => n("div", {
        class: "main-menu-rewards-daily-rewards-card__hidden-icon-background"
    }, null, -1)),
    yee = I1(() => n("div", {
        class: "main-menu-rewards-daily-rewards-card__hidden-icon-content"
    }, null, -1)),
    fee = [Cee, yee],
    Tee = {
        key: 0,
        class: "main-menu-rewards-daily-rewards-card__icon-wrapper"
    },
    Eee = {
        key: 1,
        class: "main-menu-rewards-daily-rewards-card__icon-check"
    };

function kee(e, t, s, l, o, i) {
    const m = c("GlobalHoverWrapper");
    return a(), p(m, {
        class: T(["main-menu-rewards-daily-rewards-card", i.classes]),
        clickSound: "UI/UI_menu_click_03.mp3",
        onClick: i.open
    }, {
        default: E(() => [d(ae, {
            name: "reward-appear"
        }, {
            default: E(() => [s.iconIsVisible ? h("", !0) : (a(), r("div", vee, fee))]),
            _: 1
        }), s.iconIsVisible ? (a(), r("div", Tee, [n("div", {
            class: "main-menu-rewards-daily-rewards-card__icon",
            style: x({
                backgroundImage: `url(${s.icon})`
            })
        }, null, 4)])) : h("", !0), s.opened ? (a(), r("div", Eee)) : h("", !0)]),
        _: 1
    }, 8, ["class", "onClick"])
}
const Iee = {
        props: ["name", "icon", "opened", "index", "available", "required", "iconIsVisible"],
        computed: {
            classes() {
                return {
                    "main-menu-rewards-daily-rewards-card_opened": this.opened,
                    "main-menu-rewards-daily-rewards-card_required": this.required
                }
            }
        },
        methods: {
            open() {
                this.available && (this.$emit("requireOpen", this.index), sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "MainMenu_OnPlayerRewardOpen", this.index))
            }
        }
    },
    w1 = v(Iee, [
        ["render", kee],
        ["__scopeId", "data-v-0982005b"]
    ]),
    Ao = e => (D("data-v-30eba978"), e = e(), L(), e),
    wee = Ao(() => n("div", {
        class: "main-menu-rewards-daily-rewards-reward__light"
    }, null, -1)),
    See = {
        class: "main-menu-rewards-daily-rewards-reward__name"
    },
    Mee = Ao(() => n("div", {
        class: "main-menu-rewards-daily-rewards-reward__name-icon"
    }, null, -1)),
    Pee = {
        class: "main-menu-rewards-daily-rewards-reward__name-value"
    },
    Aee = {
        key: 0,
        class: "main-menu-rewards-daily-rewards-reward__progress"
    },
    Dee = Ao(() => n("div", {
        class: "main-menu-rewards-daily-rewards-reward__progress-icon"
    }, null, -1)),
    Lee = {
        class: "main-menu-rewards-daily-rewards-reward__progress-value"
    };

function xee(e, t, s, l, o, i) {
    const m = c("GlobalHoverWrapper");
    return a(), p(m, {
        class: T(["main-menu-rewards-daily-rewards-reward", i.classes]),
        clickSound: "UI/UI_menu_click_03.mp3"
    }, {
        default: E(() => [wee, n("div", {
            class: "main-menu-rewards-daily-rewards-reward__icon",
            style: x({
                backgroundImage: `url(${s.icon})`
            })
        }, null, 4), n("div", See, [Mee, n("div", Pee, C(i.completed ? "Получено" : s.name), 1)]), i.completed ? h("", !0) : (a(), r("div", Aee, [Dee, n("div", Lee, C(s.progress.current) + "/" + C(s.progress.max), 1)]))]),
        _: 1
    }, 8, ["class"])
}
const Oee = {
        props: ["isPrimary", "icon", "name", "progress"],
        data: () => ({
            monthDaysAmount: 26
        }),
        computed: {
            completed() {
                return this.progress.current >= this.progress.max
            },
            classes() {
                return {
                    "main-menu-rewards-daily-rewards-reward_primary": this.isPrimary,
                    "main-menu-rewards-daily-rewards-reward_completed": this.completed
                }
            }
        },
        created() {
            const e = new Date;
            this.monthDaysAmount = new Date(e.getFullYear(), e.getMonth(), 0)
                .getDate()
        }
    },
    Bee = v(Oee, [
        ["render", xee],
        ["__scopeId", "data-v-30eba978"]
    ]);
const $ee = {
        props: ["progress"]
    },
    Do = e => (D("data-v-4fd2a99b"), e = e(), L(), e),
    Nee = {
        width: "28",
        height: "28",
        viewBox: "0 0 28 28",
        fill: "none",
        xmlns: "http://www.w3.org/2000/svg"
    },
    Ree = Do(() => n("circle", {
        render: !0,
        cx: "14",
        cy: "14",
        r: "14",
        fill: "white",
        "fill-opacity": "0.1"
    }, null, -1)),
    Vee = Do(() => n("path", {
        "fill-rule": "evenodd",
        "clip-rule": "evenodd",
        d: "M21 14C21 17.866 17.866 21 14 21C10.134 21 7 17.866 7 14C7 10.134 10.134 7 14 7C17.866 7 21 10.134 21 14ZM15.75 14C15.75 14.9665 14.9665 15.75 14 15.75C13.0335 15.75 12.25 14.9665 12.25 14C12.25 13.0335 13.0335 12.25 14 12.25C14.157 12.25 14.3093 12.2707 14.4541 12.3095L16.4759 10.2876L17.7133 11.5251L15.6909 13.5475C15.7295 13.6918 15.75 13.8435 15.75 14Z",
        fill: "white"
    }, null, -1)),
    Hee = Do(() => n("circle", {
        render: !0,
        cx: "14",
        cy: "14",
        r: "13",
        stroke: "white",
        "stroke-opacity": "0.1",
        "stroke-width": "2"
    }, null, -1)),
    Uee = ["stroke-dashoffset"];

function Yee(e, t, s, l, o, i) {
    return a(), r("svg", Nee, [Ree, Vee, Hee, n("path", {
        render: !0,
        d: "M1,14a13,13 0 1,0 26,0a13,13 0 1,0 -26,0",
        stroke: "#F9B701EB",
        "stroke-dasharray": "150",
        "stroke-dashoffset": 150 - s.progress * 85,
        "stroke-width": "2"
    }, null, 8, Uee)])
}
const Kee = v($ee, [
        ["render", Yee],
        ["__scopeId", "data-v-4fd2a99b"]
    ]),
    Gee = {
        class: "main-menu-rewards-daily-rewards-timer"
    },
    Fee = {
        key: 1,
        class: "main-menu-rewards-daily-rewards-timer__text"
    },
    zee = {
        key: 2,
        class: "main-menu-rewards-daily-rewards-timer__time"
    },
    Zee = {
        key: 3,
        class: "main-menu-rewards-daily-rewards-timer__separator"
    },
    qee = {
        class: "main-menu-rewards-daily-rewards-timer__helper"
    },
    Wee = {
        key: 0,
        class: "main-menu-rewards-daily-rewards-timer__helper-text"
    },
    jee = {
        key: 1,
        class: "main-menu-rewards-daily-rewards-timer__helper-text"
    },
    Xee = {
        key: 2,
        class: "main-menu-rewards-daily-rewards-timer__helper-openings-title"
    },
    Qee = {
        key: 3,
        class: "main-menu-rewards-daily-rewards-timer__helper-openings-value"
    };

function Jee(e, t, s, l, o, i) {
    const m = c("TimerProgress");
    return a(), r("div", Gee, [e.currentTime > 0 ? (a(), p(m, {
        key: 0,
        class: "main-menu-rewards-daily-rewards-timer__icon",
        progress: e.currentTime / s.maxTime
    }, null, 8, ["progress"])) : h("", !0), e.currentTime > 0 ? (a(), r("div", Fee, "Осталось отыграть")) : h("", !0), e.currentTime > 0 ? (a(), r("div", zee, C(i.formatedTime), 1)) : h("", !0), e.currentTime > 0 && s.openings > 0 ? (a(), r("div", Zee)) : h("", !0), n("div", qee, [s.openings <= 0 && e.currentTime <= 0 ? (a(), r("div", Wee, "Вы открыли все доступные ячейки!")) : e.currentTime <= 0 ? (a(), r("div", jee, "Выберите любую ячейку с наградой")) : h("", !0), s.openings > 0 ? (a(), r("div", Xee, "Доступно открытий:")) : h("", !0), s.openings > 0 ? (a(), r("div", Qee, C(s.openings), 1)) : h("", !0)])])
}
const ete = {
        props: ["maxTime", "timeLeft", "openings"],
        components: {
            TimerProgress: Kee
        },
        data: () => ({
            currentTime: 0,
            interval: null
        }),
        computed: {
            value() {
                return this.currentTime / this.maxTime * 100
            },
            formatedTime() {
                if (this.currentTime <= 0) return "0м. 0с.";
                const e = this.currentTime / 1e3,
                    t = Math.floor(e / 60),
                    s = Math.floor(e % 60),
                    l = Math.floor(t / 60),
                    o = Math.floor(t % 60);
                return l <= 0 ? `${o}м. ${s}с.` : `${l}ч. ${o}м.`
            }
        },
        created() {
            this.updateTimer()
        },
        beforeUnmount() {
            clearInterval(this.interval)
        },
        methods: {
            updateTimer() {
                this.currentTime = this.timeLeft, clearInterval(this.interval), this.interval = setInterval(() => {
                    if (this.currentTime <= 0) {
                        this.currentTime = 0, clearInterval(this.interval);
                        return
                    }
                    this.currentTime -= 1e3
                }, 1e3)
            }
        },
        watch: {
            timeLeft() {
                this.updateTimer()
            }
        }
    },
    tte = v(ete, [
        ["render", Jee]
    ]),
    ste = e => (D("data-v-0585544e"), e = e(), L(), e),
    ite = {
        class: "main-menu-rewards-preview-daily-rewards"
    },
    nte = {
        class: "main-menu-rewards-preview-daily-rewards__title"
    },
    ate = ste(() => n("div", {
        class: "main-menu-rewards-preview-daily-rewards__text"
    }, "НАЧАЛО НОВОГО МЕСЯЦА!", -1)),
    ote = {
        class: "main-menu-rewards-preview-daily-rewards__month"
    },
    rte = {
        class: "main-menu-rewards-preview-daily-rewards__cards"
    };

function lte(e, t, s, l, o, i) {
    const m = c("Card");
    return a(), r("div", ite, [n("div", nte, [ate, n("div", ote, C(s.month), 1)]), n("div", rte, [(a(!0), r(I, null, M(i.slicedCards, (_, b) => (a(), p(m, {
        class: "main-menu-rewards-preview-daily-rewards__card",
        key: b,
        opened: !1,
        name: "",
        iconIsVisible: !0,
        icon: e.DAILY_REWARDS_PRIZE_TYPE[_.type].icon(_.itemId),
        index: b,
        available: !1,
        required: !1
    }, null, 8, ["icon", "index"]))), 128))])])
}
const cte = 3,
    mte = 3,
    _te = {
        props: ["cards", "month"],
        components: {
            Card: w1
        },
        data: () => ({
            DAILY_REWARDS_PRIZE_TYPE: nt
        }),
        computed: {
            slicedCards() {
                return this.isSquareMobile ? this.cards.slice(0, mte) : this.isMobile ? this.cards : this.cards.slice(0, cte)
            },
            isMobile() {
                return this.$root.isMobile
            },
            isSquareMobile() {
                return this.$root.isSquareMobile
            }
        }
    },
    dte = v(_te, [
        ["render", lte],
        ["__scopeId", "data-v-0585544e"]
    ]),
    un = e => (D("data-v-09ea1f7a"), e = e(), L(), e),
    ute = {
        class: "main-menu-rewards-daily-rewards"
    },
    hte = {
        class: "main-menu-rewards-daily-rewards__wrapper"
    },
    pte = {
        key: 0,
        class: "main-menu-rewards-daily-rewards__header"
    },
    gte = {
        class: "main-menu-rewards-daily-rewards__title"
    },
    bte = {
        key: 0,
        class: "main-menu-rewards-daily-rewards__title-helper-tooltip"
    },
    vte = un(() => n("p", null, "Заходите в игру ежедневно и играйте 2 часа. В награду выбирайте любую ячейку, подарок Вас порадует.", -1)),
    Cte = {
        key: 0,
        class: "main-menu-rewards-daily-rewards__rewards-divider"
    },
    yte = un(() => n("div", {
        class: "main-menu-rewards-daily-rewards__rewards-divider-text"
    }, "ГАРАНТИРОВАННЫЕ НАГРАДЫ", -1)),
    fte = un(() => n("div", {
        class: "main-menu-rewards-daily-rewards__rewards-divider-line"
    }, null, -1)),
    Tte = [yte, fte],
    Ete = un(() => n("div", {
        class: "main-menu-rewards-daily-rewards__rewards__onBoarding-plug-mobile"
    }, null, -1)),
    kte = {
        key: 0,
        class: "main-menu-rewards-daily-rewards__rewards"
    },
    Ite = {
        key: 0,
        class: "main-menu-rewards-daily-rewards__tooltip-text"
    },
    wte = {
        key: 1,
        class: "main-menu-rewards-daily-rewards__tooltip-text"
    };

function Ste(e, t, s, l, o, i) {
    const m = c("InfoTooltip"),
        _ = c("Timer"),
        b = c("PreviewDailyRewards"),
        u = c("Card"),
        g = c("Reward"),
        y = c("AnimatedLogo"),
        f = c("ControlsContaineredButton");
    return a(), r("div", ute, [n("div", hte, [s.loadedDaily ? (a(), r("div", pte, [n("div", gte, [w("Ежедневные награды:"), n("span", null, C(s.month), 1), i.isMobile ? h("", !0) : (a(), r("div", {
        key: 0,
        class: "main-menu-rewards-daily-rewards__title-helper",
        onMouseenter: t[0] || (t[0] = k => e.helperTooltipIsOpened = !0),
        onMouseleave: t[1] || (t[1] = k => e.helperTooltipIsOpened = !1)
    }, [e.helperTooltipIsOpened ? (a(), r("div", bte, [d(m, {
        title: "Календарь"
    }, {
        default: E(() => [vte, n("p", null, "Отыграв " + C(i.rewardsPointsList) + " дней, сможете забрать уникальную награду этого месяца.", 1)]),
        _: 1
    })])) : h("", !0)], 32))]), d(_, {
        maxTime: s.maxTime,
        timeLeft: s.timeLeft,
        openings: s.openings
    }, null, 8, ["maxTime", "timeLeft", "openings"])])) : h("", !0), s.loadedDaily ? (a(), p(z(i.isMobile ? "ScrollableContainer" : "div"), {
        key: 1,
        class: T(["main-menu-rewards-daily-rewards__items-container", {
            "main-menu-rewards-daily-rewards__items-container_animation-in-progress": i.previewAnimationIsInProgress
        }]),
        type: 9
    }, {
        default: E(() => [d(ae, {
            name: "scale",
            appear: ""
        }, {
            default: E(() => [e.previewAnimationStage === e.PREVIEW_ANIMATION_STAGES.SHOWING_PREVIEW ? (a(), p(b, {
                key: 0,
                class: "main-menu-rewards-daily-rewards__preview",
                cards: s.previewCards,
                month: s.month
            }, null, 8, ["cards", "month"])) : h("", !0)]),
            _: 1
        }), n("div", {
            class: T(["main-menu-rewards-daily-rewards__items", i.rewardsItemsClasses])
        }, [(a(!0), r(I, null, M(s.cards, (k, S) => (a(), r("div", {
            class: "main-menu-rewards-daily-rewards__card-wrapper",
            key: S,
            ref_for: !0,
            ref: "cards",
            style: x({
                transform: i.getCardTransform(S),
                transition: i.cardTransition
            })
        }, [d(u, {
            class: "main-menu-rewards-daily-rewards__card",
            opened: k.opened,
            name: k.value,
            iconIsVisible: e.previewAnimationStage < e.PREVIEW_ANIMATION_STAGES.HIDING_REWARDS || k.opened,
            icon: e.DAILY_REWARDS_PRIZE_TYPE[k.type].icon(k.itemId),
            index: S,
            available: !k.opened && s.openings > 0 && e.requiredCardIndex == null,
            required: e.requiredCardIndex === S,
            onMouseenter: O => i.showTooltip(k, S),
            onMouseleave: t[2] || (t[2] = O => i.hideTooltip()),
            onRequireOpen: t[3] || (t[3] = O => i.requireOpenCard(O))
        }, null, 8, ["opened", "name", "iconIsVisible", "icon", "index", "available", "required", "onMouseenter"])], 4))), 128))], 2)]),
        _: 1
    }, 8, ["class"])) : h("", !0)]), s.loadedDaily ? (a(), r("div", Cte, Tte)) : h("", !0), s.loadedDaily ? (a(), p(z(i.isMobile ? "ScrollableContainer" : "div"), {
        key: 1,
        class: "main-menu-rewards-daily-rewards__rewards-container",
        type: 9
    }, {
        default: E(() => [Ete, s.loadedDaily ? (a(), r("div", kte, [(a(!0), r(I, null, M(s.rewards, (k, S) => (a(), p(g, {
            ref_for: !0,
            ref: "rewards",
            key: S,
            icon: e.DAILY_REWARDS_PRIZE_TYPE[k.type].icon(k.itemId),
            name: k.name,
            progress: k.progress,
            onMouseenter: O => i.showTooltip(k, S, !0),
            onMouseleave: t[4] || (t[4] = O => i.hideTooltip())
        }, null, 8, ["icon", "name", "progress", "onMouseenter"]))), 128))])) : h("", !0)]),
        _: 1
    })) : h("", !0), s.loadedDaily ? h("", !0) : (a(), p(y, {
        key: 2,
        class: "main-menu-rewards-daily-rewards__loader"
    })), e.tooltipIsOpened ? (a(), r("div", {
        key: 3,
        class: "main-menu-rewards-daily-rewards__tooltip",
        style: x(e.tooltipPosition)
    }, [d(m, {
        title: "Ячейки календаря",
        colorHex: "#9849E8"
    }, {
        default: E(() => [e.tooltipIsRewards ? (a(), r("div", wte, "Отыграйте " + C(s.rewards[e.tooltipCardIndex].progress.max) + " дней по 2 часа за текущий месяц, чтобы получить этот приз", 1)) : (a(), r("div", Ite, C(e.tooltipText), 1)), !e.tooltipIsRewards && s.cards[e.tooltipCardIndex].available ? (a(), p(f, {
            key: 2,
            class: "main-menu-rewards-daily-rewards__tooltip-btn-hint",
            containerText: "Открыть ячейку",
            leftMouse: !0,
            clickable: !1
        })) : h("", !0)]),
        _: 1
    })], 4)) : h("", !0)])
}
const le = {
        SHOWING_PREVIEW: 0,
        HIDING_PREVIEW: 1,
        SHOWING_REWARDS: 2,
        HIDING_REWARDS: 3,
        SHUFFLING: 4,
        COMPLETE: 5
    },
    S1 = 400,
    Mte = {
        [le.SHOWING_PREVIEW]: 1200,
        [le.HIDING_PREVIEW]: 250,
        [le.SHOWING_REWARDS]: 3e3,
        [le.HIDING_REWARDS]: 400,
        [le.SHUFFLING]: S1,
        [le.COMPLETE]: 0
    },
    Pte = "Отыгрывайте 2 часа каждый день для получения возможности открыть одну из ячеек",
    Ate = "Время открыть ячейку!",
    Dte = {
        props: ["month", "cards", "timeLeft", "maxTime", "openings", "rewards", "loadedDaily", "isDailyAnimated", "previewCards", "updatedDailyCounter"],
        components: {
            Card: w1,
            Reward: Bee,
            Timer: tte,
            PreviewDailyRewards: dte,
            ScrollableContainer: U,
            AnimatedLogo: dt,
            InfoTooltip: Qi,
            ControlsContaineredButton: W
        },
        data: () => ({
            DAILY_REWARDS_PRIZE_TYPE: nt,
            PREVIEW_ANIMATION_STAGES: le,
            requiredCardIndex: null,
            previewAnimationStage: le.COMPLETE,
            cardsTransform: {},
            helperTooltipIsOpened: !1,
            tooltipIsOpened: !1,
            tooltipCardIndex: -1,
            tooltipIsRewards: !1,
            tooltipPosition: {
                left: "-100%",
                top: "-100%"
            }
        }),
        computed: {
            isMobile() {
                return this.$root.isMobile
            },
            cardTransition() {
                return this.previewAnimationStage === le.SHUFFLING ? `transform ${S1}ms ease-in-out` : "none"
            },
            rewardsPointsList() {
                return this.rewards.map((e, t) => {
                        const s = t === this.rewards.length - 1 ? "" : t === this.rewards.length - 2 ? " и " : ", ";
                        return `${e.progress.max}${s}`
                    })
                    .join("")
            },
            rewardsItemsClasses() {
                return {
                    "main-menu-rewards-daily-rewards__items_visible": this.previewAnimationStage >= le.SHOWING_REWARDS,
                    "main-menu-rewards-daily-rewards__items_visible-animated": this.previewAnimationStage >= le.SHOWING_REWARDS && this.isDailyAnimated
                }
            },
            previewAnimationIsInProgress() {
                return this.previewAnimationStage !== le.COMPLETE
            }
        },
        created() {
            this.isDailyAnimated && (this.previewAnimationStage = le.SHOWING_PREVIEW), this.isUnmounted = !1
        },
        beforeUnmount() {
            this.isUnmounted = !0
        },
        methods: {
            requireOpenCard(e) {
                this.requiredCardIndex = e
            },
            getCardTransform(e) {
                return this.previewAnimationStage >= le.SHUFFLING ? "none" : this.cardsTransform[e]
            },
            animatePrizesShuffle() {
                if (this.isUnmounted) return;
                const e = this.getRandomizedArrayOfIndexes(this.cards.length),
                    t = this.splitArrayOnPairs(e);
                this.cardsTransform = this.getTransformOfCardPairs(t), this.switchNextAnimationStage()
            },
            getRandomizedArrayOfIndexes(e) {
                const t = new Array(e)
                    .fill(void 0)
                    .map((s, l) => l);
                for (let s = t.length - 1; s > 0; s--) {
                    const l = Math.floor(Math.random() * (s + 1));
                    [t[s], t[l]] = [t[l], t[s]]
                }
                return t
            },
            splitArrayOnPairs(e) {
                let t = [];
                for (let s = 0; s < e.length - 1; s += 2) e[s + 1] && t.push([e[s], e[s + 1]]);
                return t
            },
            getTransformOfCardPairs(e) {
                const t = {};
                return e.map(([s, l]) => this.calculateTwoCardsSwapTransform(s, l))
                    .forEach(s => {
                        for (const l in s) t[l] = s[l]
                    }), t
            },
            switchNextAnimationStage() {
                this.previewAnimationStage >= le.COMPLETE || (this.animationStageTimeout = setTimeout(() => {
                    this.previewAnimationStage++, this.switchNextAnimationStage()
                }, Mte[this.previewAnimationStage]))
            },
            calculateTwoCardsSwapTransform(e, t) {
                let [s, l] = [0, 0];
                if (this.$refs.cards[e] && this.$refs.cards[t]) {
                    const o = this.$refs.cards[e].getBoundingClientRect(),
                        i = this.$refs.cards[t].getBoundingClientRect();
                    s = i.left - o.left, l = i.top - o.top
                }
                return {
                    [e]: `translate(${s}px, ${l}px)`,
                    [t]: `translate(${-s}px, ${-l}px)`
                }
            },
            onAnimationComplete() {
                this.cardsTransform = {}, this.$emit("dailyAnimationEnd")
            },
            showTooltip(e, t, s = !1) {
                if (e.opened || this.isMobile) return;
                const l = s ? this.$refs.rewards[t].$el : this.$refs.cards[t],
                    {
                        right: o,
                        top: i,
                        height: m
                    } = l.getBoundingClientRect();
                this.hideTooltip(), s || (this.tooltipText = e.available ? Ate : Pte), this.tooltipPosition = {
                    left: `${o}px`,
                    top: `${i+m/2}px`
                }, this.tooltipIsRewards = s, this.tooltipCardIndex = t, this.$nextTick(() => this.tooltipIsOpened = !0)
            },
            hideTooltip() {
                this.tooltipIsOpened = !1, this.tooltipPosition = {
                    left: "-100%",
                    top: "-100%"
                }, this.tooltipText = "", this.tooltipIsRewards = !1, this.tooltipCardIndex = -1
            }
        },
        watch: {
            cards() {
                this.requiredCardIndex = null
            },
            updatedDailyCounter() {
                this.isDailyAnimated && (this.previewAnimationStage = le.SHOWING_PREVIEW, j(this.animatePrizesShuffle))
            },
            previewAnimationStage(e) {
                e === le.COMPLETE && this.onAnimationComplete()
            }
        }
    },
    M1 = v(Dte, [
        ["render", Ste],
        ["__scopeId", "data-v-09ea1f7a"]
    ]),
    Lte = {
        class: "main-menu-rewards-player-rewards-card__title"
    };

function xte(e, t, s, l, o, i) {
    const m = c("Button");
    return a(), r("div", {
        class: T(["main-menu-rewards-player-rewards-card", {
            "main-menu-rewards-player-rewards-card_square-mobile": i.isSquareMobile
        }])
    }, [n("div", {
        class: "main-menu-rewards-player-rewards-card__icon",
        style: x({
            backgroundImage: `url(${s.icon})`
        })
    }, null, 4), n("div", Lte, C(s.name), 1), d(m, {
        class: "main-menu-rewards-player-rewards-card__button",
        type: "yellow",
        text: "ЗАБРАТЬ НАГРАДУ",
        onClick: t[0] || (t[0] = _ => e.$emit("take"))
    })], 2)
}
const Ote = {
        props: ["name", "icon"],
        components: {
            Button: q
        },
        data() {
            return {}
        },
        computed: {
            isSquareMobile() {
                return this.$root.isSquareMobile
            }
        }
    },
    Bte = v(Ote, [
        ["render", xte],
        ["__scopeId", "data-v-ede766fb"]
    ]),
    Lo = e => (D("data-v-3af0d410"), e = e(), L(), e),
    $te = Lo(() => n("img", {
        class: "main-menu-player-rewards__promocodes-btn-light",
        src: Em
    }, null, -1)),
    Nte = Lo(() => n("img", {
        class: "main-menu-player-rewards__promocodes-btn-icon",
        src: km
    }, null, -1)),
    Rte = Lo(() => n("img", {
        class: "main-menu-player-rewards__promocodes-btn-link-icon",
        src: Im
    }, null, -1));

function Vte(e, t, s, l, o, i) {
    const m = c("ControlsButton"),
        _ = c("GlobalHoverWrapper");
    return a(), p(_, {
        class: T(["main-menu-player-rewards__promocodes-btn", {
            "main-menu-player-rewards__promocodes-btn_pressed": o.isPromocodesPressed
        }]),
        clickSound: "UI/UI_menu_click_03.mp3",
        onClick: i.onPromocodesClick
    }, {
        default: E(() => [s.isMobile ? h("", !0) : (a(), p(m, {
            key: 0,
            keyCode: o.KEY_CODE_G,
            text: "G",
            pressSound: "UI/UI_menu_click_03.mp3",
            isSmall: ""
        }, null, 8, ["keyCode"])), $te, Nte, w("Промокоды/Бонус - коды"), Rte]),
        _: 1
    }, 8, ["class", "onClick"])
}
const Hte = {
        props: ["isMobile"],
        emits: ["promocodes"],
        components: {
            ControlsButton: H
        },
        data() {
            return {
                KEY_CODE_G: window.KEY_CODE_G,
                isPromocodesPressed: !1
            }
        },
        mounted() {
            document.addEventListener("keydown", this.onKeyDown), document.addEventListener("keyup", this.onKeyUp)
        },
        unmounted() {
            document.removeEventListener("keydown", this.onKeyDown), document.removeEventListener("keyup", this.onKeyUp)
        },
        methods: {
            onKeyDown(e) {
                e.keyCode === this.KEY_CODE_G && (this.isPromocodesPressed = !0)
            },
            onKeyUp(e) {
                e.keyCode === this.KEY_CODE_G && (this.isPromocodesPressed = !1, this.onPromocodesClick())
            },
            onPromocodesClick() {
                this.$emit("promocodes")
            }
        }
    },
    Ute = v(Hte, [
        ["render", Vte],
        ["__scopeId", "data-v-3af0d410"]
    ]),
    Yte = "" + new URL("arrow-left4.svg", import.meta.url)
    .href,
    Kte = "" + new URL("arrow-right4.svg", import.meta.url)
    .href,
    hn = e => (D("data-v-30eeda21"), e = e(), L(), e),
    Gte = hn(() => n("img", {
        src: Yte
    }, null, -1)),
    Fte = hn(() => n("div", {
        class: "pagination__button-text"
    }, "Назад", -1)),
    zte = {
        key: 2,
        class: "pagination__pages"
    },
    Zte = {
        key: 1,
        class: "pagination__dots"
    },
    qte = {
        class: "pagination__dots-dropdown-content"
    },
    Wte = {
        key: 2,
        class: "pagination__dots"
    },
    jte = {
        class: "pagination__dots-dropdown-content"
    },
    Xte = {
        key: 3,
        class: "pagination__current-page"
    },
    Qte = {
        class: "pagination__page-button"
    },
    Jte = hn(() => n("img", {
        src: Kte
    }, null, -1)),
    ese = hn(() => n("div", {
        class: "pagination__button-text"
    }, "Далее", -1));

function tse(e, t, s, l, o, i) {
    const m = c("WidgetWrapper"),
        _ = c("ControlsButton"),
        b = c("ScrollableContainer");
    return a(), r("div", {
        class: T(["pagination", {
            pagination_mobile: s.isMobile
        }])
    }, [s.isMobile ? (a(), p(m, {
        key: 0,
        class: "pagination__button-arrows",
        borderRadiusPx: 100,
        borderWidthPx: 2,
        onClick: i.handlePrev
    }, {
        default: E(() => [Gte]),
        _: 1
    }, 8, ["onClick"])) : h("", !0), s.isMobile ? h("", !0) : (a(), r("div", {
        key: 1,
        class: T(["pagination__button", {
            pagination__button_hidden: s.page <= 1
        }]),
        onClick: t[0] || (t[0] = (...u) => i.handlePrev && i.handlePrev(...u))
    }, [d(_, {
        class: "pagination__button-control",
        keyCode: i.prevKeyCode,
        text: s.prevKey,
        disabled: s.page <= 1 || s.isDisabled,
        onPressed: i.handlePrev
    }, null, 8, ["keyCode", "text", "disabled", "onPressed"]), Fte], 2)), s.maxPage > 1 ? (a(), r("div", zte, [i.pagesToShow[0] > 1 ? (a(), p(m, {
        key: 0,
        class: "pagination__page-button",
        onClick: t[1] || (t[1] = u => i.handlePageSelect(1))
    }, {
        default: E(() => [w("1")]),
        _: 1
    })) : h("", !0), i.pagesToShow[0] > 2 ? (a(), r("span", Zte, [d(m, {
        class: T(["pagination__dots-icon", {
            "pagination__dots-icon_not-active": o.isOpenDots !== "left"
        }]),
        theme: o.isOpenDots === "left" ? "yellow" : "default",
        onClick: t[2] || (t[2] = u => i.setIsOpenDots("left"))
    }, {
        default: E(() => [w("…")]),
        _: 1
    }, 8, ["class", "theme"]), d(ae, {
        name: "fade",
        appear: ""
    }, {
        default: E(() => [o.isOpenDots === "left" ? (a(), p(b, {
            key: 0,
            class: T(["pagination__dots-dropdown", {
                "pagination__dots-dropdown_has-scroll": s.isMobile ? i.pagesHiddenLeft.length > 4 : i.pagesHiddenLeft.length > 11
            }]),
            type: 11,
            orientation: 1,
            useMask: !0,
            wheelScroll: !0,
            wheelScrollIsSmooth: !0,
            requiredHorizontalScroll: 1,
            initialThumbSize: .05,
            railXScale: .95,
            railXOffsetYVh: .5
        }, {
            default: E(() => [n("div", qte, [(a(!0), r(I, null, M(i.pagesHiddenLeft, u => (a(), p(m, {
                class: T(["pagination__page-button", {
                    "pagination__page-button_active": u === s.page
                }]),
                key: u,
                disabled: s.isDisabled || u === s.page,
                theme: u === s.page ? "yellow" : "default",
                onClick: g => i.goToPageAndCloseDots(u)
            }, {
                default: E(() => [w(C(u), 1)]),
                _: 2
            }, 1032, ["class", "disabled", "theme", "onClick"]))), 128))])]),
            _: 1
        }, 8, ["class"])) : h("", !0)]),
        _: 1
    })])) : h("", !0), (a(!0), r(I, null, M(i.pagesToShow, u => (a(), p(m, {
        class: T(["pagination__page-button", {
            "pagination__page-button_active": u === s.page
        }]),
        key: u,
        disabled: s.isDisabled || u === s.page,
        theme: u === s.page ? "yellow" : "default",
        onClick: g => i.handlePageSelect(u)
    }, {
        default: E(() => [w(C(u), 1)]),
        _: 2
    }, 1032, ["class", "disabled", "theme", "onClick"]))), 128)), i.pagesToShow[i.pagesToShow.length - 1] < s.maxPage - 1 ? (a(), r("span", Wte, [d(m, {
        class: T(["pagination__dots-icon", {
            "pagination__dots-icon_not-active": o.isOpenDots !== "right"
        }]),
        theme: o.isOpenDots === "right" ? "yellow" : "default",
        onClick: t[3] || (t[3] = u => i.setIsOpenDots("right"))
    }, {
        default: E(() => [w("…")]),
        _: 1
    }, 8, ["class", "theme"]), d(ae, {
        name: "fade",
        appear: ""
    }, {
        default: E(() => [o.isOpenDots === "right" ? (a(), p(b, {
            key: 0,
            class: T(["pagination__dots-dropdown", {
                "pagination__dots-dropdown_has-scroll": s.isMobile ? i.pagesHiddenRight.length > 4 : i.pagesHiddenRight.length > 11
            }]),
            type: 11,
            orientation: 1,
            useMask: !0,
            wheelScroll: !0,
            wheelScrollIsSmooth: !0,
            requiredHorizontalScroll: 1,
            initialThumbSize: .05,
            railXScale: .95,
            railXOffsetYVh: .5
        }, {
            default: E(() => [n("div", jte, [(a(!0), r(I, null, M(i.pagesHiddenRight, u => (a(), p(m, {
                class: T(["pagination__page-button", {
                    "pagination__page-button_active": u === s.page
                }]),
                key: u,
                disabled: s.isDisabled || u === s.page,
                theme: u === s.page ? "yellow" : "default",
                onClick: g => i.goToPageAndCloseDots(u)
            }, {
                default: E(() => [w(C(u), 1)]),
                _: 2
            }, 1032, ["class", "disabled", "theme", "onClick"]))), 128))])]),
            _: 1
        }, 8, ["class"])) : h("", !0)]),
        _: 1
    })])) : h("", !0), i.pagesToShow[i.pagesToShow.length - 1] < s.maxPage ? (a(), p(m, {
        key: 3,
        class: "pagination__page-button",
        onClick: t[4] || (t[4] = u => i.handlePageSelect(s.maxPage))
    }, {
        default: E(() => [w(C(s.maxPage), 1)]),
        _: 1
    })) : h("", !0)])) : h("", !0), s.maxPage === -1 ? (a(), r("div", Xte, [n("div", Qte, C(s.page), 1)])) : h("", !0), s.isMobile ? (a(), p(m, {
        key: 4,
        class: "pagination__button-arrows",
        borderRadiusPx: 100,
        borderWidthPx: 2,
        onClick: i.handleNext
    }, {
        default: E(() => [Jte]),
        _: 1
    }, 8, ["onClick"])) : h("", !0), s.isMobile ? h("", !0) : (a(), r("div", {
        key: 5,
        class: T(["pagination__button", {
            pagination__button_hidden: !i.isShowNextPageButton
        }]),
        onClick: t[5] || (t[5] = (...u) => i.handleNext && i.handleNext(...u))
    }, [ese, d(_, {
        class: "pagination__button-control",
        keyCode: i.nextKeyCode,
        text: s.nextKey,
        disabled: !i.isShowNextPageButton || s.isDisabled,
        onPressed: i.handleNext
    }, null, 8, ["keyCode", "text", "disabled", "onPressed"])], 2))], 2)
}
const tr = {
        MOBILE: {
            MAX_PAGES: 3,
            SIDE_PAGES: 1
        },
        DESKTOP: {
            MAX_PAGES: 5,
            SIDE_PAGES: 2
        }
    },
    sse = {
        props: {
            page: Number,
            maxPage: Number,
            isMobile: Boolean,
            isDisabled: Boolean,
            isNextPage: [Boolean, Number],
            prevKey: {
                default: "A"
            },
            nextKey: {
                default: "D"
            }
        },
        emits: ["toPrevPage", "toNextPage", "toCurrentPage"],
        components: {
            ControlsButton: H,
            ScrollableContainer: U,
            WidgetWrapper: so
        },
        data() {
            return {
                isOpenDots: ""
            }
        },
        computed: {
            pagesToShow() {
                const e = [],
                    t = this.isMobile ? tr.MOBILE : tr.DESKTOP,
                    {
                        MAX_PAGES: s,
                        SIDE_PAGES: l
                    } = t;
                let o = Math.max(1, this.page - l),
                    i = Math.min(this.maxPage, this.page + l);
                const m = Math.floor(s / 2);
                this.page <= m + 1 && (i = Math.min(this.maxPage, s)), this.page >= this.maxPage - m && (o = Math.max(1, this.maxPage - s + 1));
                for (let _ = o; _ <= i; _++) e.push(_);
                return e
            },
            pagesHiddenLeft() {
                const e = [],
                    t = this.pagesToShow[0];
                if (t > 2)
                    for (let s = 2; s < t; s++) e.push(s);
                return e
            },
            pagesHiddenRight() {
                const e = [],
                    t = this.pagesToShow[this.pagesToShow.length - 1];
                if (t < this.maxPage - 1)
                    for (let s = t + 1; s < this.maxPage; s++) e.push(s);
                return e
            },
            prevKeyCode() {
                return window[`KEY_CODE_${this.prevKey}`]
            },
            nextKeyCode() {
                return window[`KEY_CODE_${this.nextKey}`]
            },
            isShowNextPageButton() {
                return this.maxPage === -1 ? this.isNextPage : this.page < this.maxPage
            }
        },
        mounted() {
            document.addEventListener("click", this.handleClickOutside)
        },
        beforeUnmount() {
            document.removeEventListener("click", this.handleClickOutside)
        },
        methods: {
            setIsOpenDots(e) {
                this.isOpenDots = this.isOpenDots === e ? "" : e
            },
            handleClickOutside(e) {
                this.isOpenDots && !e.target.closest(".pagination__dots") && (this.isOpenDots = "")
            },
            handlePrev() {
                this.$emit("toPrevPage")
            },
            handleNext() {
                this.$emit("toNextPage")
            },
            handlePageSelect(e) {
                this.$emit("toCurrentPage", e - 1)
            },
            goToPageAndCloseDots(e) {
                this.handlePageSelect(e), this.isOpenDots = ""
            }
        }
    },
    ise = v(sse, [
        ["render", tse],
        ["__scopeId", "data-v-30eeda21"]
    ]),
    nse = {
        class: "main-menu-player-rewards"
    },
    ase = {
        class: "main-menu-player-rewards__header"
    },
    ose = {
        class: "main-menu-player-rewards__title"
    },
    rse = {
        key: 0,
        class: "main-menu-player-rewards__title-count"
    },
    lse = {
        class: "main-menu-player-rewards__items-wrapper"
    },
    cse = {
        key: 0,
        class: "main-menu-player-rewards__items"
    },
    mse = {
        key: 1,
        class: "main-menu-player-rewards__empty"
    };

function _se(e, t, s, l, o, i) {
    const m = c("PromocodesBtn"),
        _ = c("Card"),
        b = c("ScrollableContainer"),
        u = c("Pagination");
    return a(), r("div", nse, [n("div", ase, [n("div", ose, [w("МОИ НАГРАДЫ"), s.total > 0 ? (a(), r("div", rse, "(" + C(s.total) + ")", 1)) : h("", !0)]), i.isMobile ? (a(), p(m, {
        key: 0,
        isMobile: i.isMobile,
        onPromocodes: i.onPromocodesClick
    }, null, 8, ["isMobile", "onPromocodes"])) : h("", !0)]), d(b, {
        class: "main-menu-player-rewards__items-container",
        type: 9,
        "use-mask": ""
    }, {
        default: E(() => [n("div", lse, [s.rewards.length ? (a(), r("div", cse, [(a(!0), r(I, null, M(s.rewards, (g, y) => (a(), p(_, {
            class: "main-menu-player-rewards__card",
            key: y,
            name: g.value,
            icon: o.DAILY_REWARDS_PRIZE_TYPE[g.type].icon(g.itemId),
            onTake: f => i.takeReward(y)
        }, null, 8, ["name", "icon", "onTake"]))), 128))])) : (a(), r("div", mse, "У вас нет наград"))])]),
        _: 1
    }), s.page.total > 1 ? (a(), p(u, {
        key: 0,
        class: "main-menu-player-rewards__pagination",
        page: s.page.current + 1,
        maxPage: s.page.total,
        isMobile: i.isMobile,
        isDisabled: s.modalIsOpened,
        prevKey: "A",
        nextKey: "D",
        onToPrevPage: i.toPrevPage,
        onToNextPage: i.toNextPage,
        onToCurrentPage: i.toCurrentPage
    }, null, 8, ["page", "maxPage", "isMobile", "isDisabled", "onToPrevPage", "onToNextPage", "onToCurrentPage"])) : h("", !0), i.isMobile ? h("", !0) : (a(), p(m, {
        key: 1,
        isMobile: i.isMobile,
        onPromocodes: i.onPromocodesClick
    }, null, 8, ["isMobile", "onPromocodes"]))])
}
const dse = {
        props: ["rewards", "page", "total", "modalIsOpened"],
        components: {
            Pagination: ise,
            ScrollableContainer: U,
            Card: Bte,
            PromocodesBtn: Ute,
            ControlsButton: H
        },
        data() {
            return {
                DAILY_REWARDS_PRIZE_TYPE: nt,
                KEY_CODE_A: window.KEY_CODE_A,
                KEY_CODE_D: window.KEY_CODE_D,
                openedAdditionalPages: !1
            }
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            }
        },
        methods: {
            toPrevPage() {
                sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "MainMenu_OnPlayerRewardPrevPage", this.page.current)
            },
            toNextPage() {
                sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "MainMenu_OnPlayerRewardNextPage", this.page.current)
            },
            toCurrentPage(e) {
                sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "MainMenu_OnPlayerSetRewardPage", e)
            },
            takeReward(e) {
                sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "MainMenu_OnPlayerTakeRewards", this.rewards[e].serverIndex)
            },
            onPromocodesClick() {
                this.$emit("promocodes")
            }
        }
    },
    P1 = v(dse, [
        ["render", _se]
    ]),
    use = {
        class: "main-menu-rewards-player-rewards-background"
    };

function hse(e, t) {
    return a(), r("div", use)
}
const pse = {},
    gse = v(pse, [
        ["render", hse]
    ]),
    bse = {
        class: "main-menu-rewards-main-pc"
    },
    vse = {
        class: "main-menu-rewards-main-pc__col"
    },
    Cse = {
        class: "main-menu-rewards-main-pc__col"
    };

function yse(e, t, s, l, o, i) {
    const m = c("DailyRewards"),
        _ = c("PlayerRewards"),
        b = c("PlayerRewardsBackground");
    return a(), r("div", bse, [n("div", vse, [d(m, {
        isDailyAnimated: s.isDailyAnimated,
        month: s.rewards.month,
        cards: s.rewards.list,
        maxTime: s.rewards.maxTime,
        timeLeft: s.rewards.timeLeft,
        openings: s.rewards.openings,
        rewards: s.rewards.rewards,
        previewCards: s.previewCards,
        loadedDaily: s.rewards.loadedDaily,
        updatedDailyCounter: s.rewards.updatedDailyCounter,
        onDailyAnimationEnd: t[0] || (t[0] = u => e.$emit("dailyAnimationEnd"))
    }, null, 8, ["isDailyAnimated", "month", "cards", "maxTime", "timeLeft", "openings", "rewards", "previewCards", "loadedDaily", "updatedDailyCounter"])]), n("div", Cse, [d(_, {
        rewards: s.rewards.player,
        page: s.rewards.page,
        total: s.rewards.playerTotal,
        modalIsOpened: s.modalIsOpened,
        onPromocodes: t[1] || (t[1] = u => e.$emit("promocodes"))
    }, null, 8, ["rewards", "page", "total", "modalIsOpened"])]), d(b)])
}
const fse = {
        props: ["rewards", "modalIsOpened", "isDailyAnimated", "previewCards"],
        components: {
            DailyRewards: M1,
            PlayerRewards: P1,
            PlayerRewardsBackground: gse
        }
    },
    Tse = v(fse, [
        ["render", yse],
        ["__scopeId", "data-v-97dbc0be"]
    ]),
    Ese = {
        class: "main-menu-rewards-main-mobile"
    },
    kse = {
        class: "main-menu-rewards-main-mobile__switcher"
    },
    Ise = ["onClick"],
    wse = ["src"];

function Sse(e, t, s, l, o, i) {
    const m = c("DailyRewards"),
        _ = c("PlayerRewards"),
        b = c("Onboarding");
    return a(), r("div", Ese, [n("div", kse, [d(ae, {
        name: "fade"
    }, {
        default: E(() => [l.activeTabId === l.TAB_IDS.DAILY ? (a(), r("div", {
            key: 0,
            class: "main-menu-rewards-main-mobile__switcher-helper",
            onClick: t[0] || (t[0] = u => l.setIsActiveOnboarding(!0))
        })) : h("", !0)]),
        _: 1
    }), (a(!0), r(I, null, M(l.tabs, u => (a(), r("div", {
        class: T(["main-menu-rewards-main-mobile__switcher-item", {
            "main-menu-rewards-main-mobile__switcher-item_active": l.activeTabId === u.id
        }]),
        key: u.id,
        onClick: g => l.setActiveTabId(u.id)
    }, [n("img", {
        src: u.icon
    }, null, 8, wse)], 10, Ise))), 128))]), l.activeTabId === l.TAB_IDS.DAILY ? (a(), p(m, {
        key: 0,
        isDailyAnimated: s.isDailyAnimated,
        month: s.rewards.month,
        cards: s.rewards.list,
        maxTime: s.rewards.maxTime,
        timeLeft: s.rewards.timeLeft,
        openings: s.rewards.openings,
        rewards: s.rewards.rewards,
        previewCards: s.previewCards,
        loadedDaily: s.rewards.loadedDaily,
        updatedDailyCounter: s.rewards.updatedDailyCounter,
        onDailyAnimationEnd: t[1] || (t[1] = u => e.$emit("dailyAnimationEnd"))
    }, null, 8, ["isDailyAnimated", "month", "cards", "maxTime", "timeLeft", "openings", "rewards", "previewCards", "loadedDaily", "updatedDailyCounter"])) : h("", !0), l.activeTabId === l.TAB_IDS.PLAYER ? (a(), p(_, {
        key: 1,
        rewards: s.rewards.player,
        page: s.rewards.page,
        total: s.rewards.playerTotal,
        onPromocodes: t[2] || (t[2] = u => e.$emit("promocodes"))
    }, null, 8, ["rewards", "page", "total"])) : h("", !0), d(ae, {
        name: "fade"
    }, {
        default: E(() => [l.isOpenedOnboarding ? (a(), p(b, {
            key: 0,
            stages: l.onboardingStages,
            onClose: t[3] || (t[3] = u => l.setIsActiveOnboarding(!1))
        }, null, 8, ["stages"])) : h("", !0)]),
        _: 1
    })])
}
const Xs = {
        DAILY: 0,
        PLAYER: 1
    },
    Mse = {
        props: ["rewards", "isDailyAnimated", "previewCards"],
        components: {
            DailyRewards: M1,
            PlayerRewards: P1,
            InfoTooltip: Qi,
            Onboarding: Bu
        },
        setup(e, {
            emit: t
        }) {
            const s = ei(Xs.DAILY),
                l = u => s.value = u,
                o = Object.assign({
                    "/src/assets/images/main-menu/rewards/tabs/daily.svg": wm,
                    "/src/assets/images/main-menu/rewards/tabs/player.svg": Sm
                }),
                i = [{
                    id: Xs.DAILY,
                    icon: o["/src/assets/images/main-menu/rewards/tabs/daily.svg"]
                }, {
                    id: Xs.PLAYER,
                    icon: o["/src/assets/images/main-menu/rewards/tabs/player.svg"]
                }],
                m = ei(!1),
                _ = Xi(() => [{
                    title: "КАЛЕНДАРЬ",
                    description: "Заходите в игру Ежедневно и играйте 2 часа",
                    elementSelector: ".main-menu-rewards-daily-rewards-timer"
                }, {
                    title: "КАЛЕНДАРЬ",
                    description: "Забирайте награды и Зарабатывайте жетоны открытия",
                    elementSelector: ".main-menu-rewards-daily-rewards__items"
                }, {
                    title: "Гарантированный приз",
                    description: "И получайте супер-призы этого Месяца!",
                    elementSelector: ".main-menu-rewards-daily-rewards__rewards__onBoarding-plug-mobile",
                    cutOnboardingAxis: "y"
                }]);
            return {
                TAB_IDS: Xs,
                activeTabId: s,
                tabs: i,
                isOpenedOnboarding: m,
                onboardingStages: _,
                setActiveTabId: l,
                setIsActiveOnboarding: u => {
                    e.rewards.loadedDaily && (m.value = u, t("setCloseButtonShow", !u))
                }
            }
        }
    },
    Pse = v(Mse, [
        ["render", Sse],
        ["__scopeId", "data-v-37b10171"]
    ]),
    pt = e => (D("data-v-2f5a7468"), e = e(), L(), e),
    Ase = {
        class: "main-menu-rewards-codes-modal__content"
    },
    Dse = {
        class: "main-menu-rewards-codes-modal__row"
    },
    Lse = pt(() => n("div", {
        class: "main-menu-rewards-codes-modal__row-title"
    }, "активация промокода или бонус-кода", -1)),
    xse = pt(() => n("img", {
        class: "main-menu-rewards-codes-modal__input-icon",
        src: Mm
    }, null, -1)),
    Ose = {
        key: 0,
        class: "main-menu-rewards-codes-modal__row"
    },
    Bse = pt(() => n("div", {
        class: "main-menu-rewards-codes-modal__row-title"
    }, "АКТИВНЫе ПРОМОКОДы и бонус-коды", -1)),
    $se = {
        class: "main-menu-rewards-codes-modal__code main-menu-rewards-codes-modal__code_placeholder"
    },
    Nse = pt(() => n("div", {
        class: "main-menu-rewards-codes-modal__code-text-wrapper"
    }, [n("div", {
        class: "main-menu-rewards-codes-modal__code-text"
    }), n("div", {
        class: "main-menu-rewards-codes-modal__code-text-small"
    })], -1)),
    Rse = pt(() => n("div", {
        class: "main-menu-rewards-codes-modal__code-time"
    }, null, -1)),
    Vse = [Nse, Rse],
    Hse = {
        class: "main-menu-rewards-codes-modal__codes-wrapper"
    },
    Use = {
        class: "main-menu-rewards-codes-modal__code-row"
    },
    Yse = {
        class: "main-menu-rewards-codes-modal__code-text"
    },
    Kse = pt(() => n("div", {
        class: "main-menu-rewards-codes-modal__code-text-small"
    }, "Промокод", -1)),
    Gse = {
        class: "main-menu-rewards-codes-modal__code-times"
    },
    Fse = {
        class: "main-menu-rewards-codes-modal__code-time"
    },
    zse = {
        key: 0,
        class: "main-menu-rewards-codes-modal__code-rewards"
    },
    Zse = {
        class: "main-menu-rewards-codes-modal__code-reward-name"
    },
    qse = {
        key: 0,
        class: "main-menu-rewards-codes-modal__code-reward-helper"
    },
    Wse = {
        key: 1,
        class: "main-menu-rewards-codes-modal__row"
    },
    jse = pt(() => n("div", {
        class: "main-menu-rewards-codes-modal__empty"
    }, [n("img", {
        class: "main-menu-rewards-codes-modal__empty-icon",
        src: _t
    }), w("У вас пока нет активных промокодов")], -1)),
    Xse = [jse],
    Qse = {
        class: "main-menu-rewards-codes-modal__buttons"
    };

function Jse(e, t, s, l, o, i) {
    const m = c("InputField"),
        _ = c("ScrollableContainer"),
        b = c("ControlsContaineredButton"),
        u = c("ModalMobileButtons"),
        g = c("Modal");
    return a(), p(g, {
        class: "main-menu-rewards-codes-modal",
        isOpened: s.isOpened,
        title: "ПРОМОКОДЫ",
        errorText: s.errorText,
        onClose: i.close
    }, {
        default: E(() => [n("div", Ase, [n("div", Dse, [Lse, d(m, {
            class: "main-menu-rewards-codes-modal__input",
            data: o.input,
            validateSuccessCallback: i.validateInputSuccess,
            validateFailureCallback: i.validateInputFailure,
            onUpdate: t[0] || (t[0] = y => o.input.value = y),
            onFocus: t[1] || (t[1] = y => o.isInputFocusing = !0),
            onBlur: t[2] || (t[2] = y => o.isInputFocusing = !1)
        }, {
            default: E(() => [xse]),
            _: 1
        }, 8, ["data", "validateSuccessCallback", "validateFailureCallback"])]), !s.promocodesAreLoaded || s.promocodesAreLoaded && s.promocodes.length ? (a(), r("div", Ose, [Bse, s.promocodesAreLoaded ? (a(), p(_, {
            key: 1,
            class: "main-menu-rewards-codes-modal__codes-container",
            type: 9
        }, {
            default: E(() => [n("div", Hse, [(a(!0), r(I, null, M(i.formattedPromocodes, (y, f) => (a(), r("div", {
                class: "main-menu-rewards-codes-modal__code",
                key: f
            }, [n("div", Use, [n("div", Yse, [w(C(y.name), 1), Kse]), n("div", Gse, [n("div", Fse, C(y.times), 1)])]), y.rewards.length ? (a(), r("div", zse, [(a(!0), r(I, null, M(y.rewards, (k, S) => (a(), r("div", {
                class: "main-menu-rewards-codes-modal__code-reward",
                key: S
            }, [n("div", {
                class: "main-menu-rewards-codes-modal__code-reward-icon",
                style: x({
                    backgroundImage: `url(${o.DAILY_REWARDS_PRIZE_TYPE[k.type].icon(k.itemId)})`
                })
            }, null, 4), n("div", Zse, C(k.name), 1), k.helper.length ? (a(), r("div", qse, C(k.helper), 1)) : h("", !0)]))), 128))])) : h("", !0)]))), 128))])]),
            _: 1
        })) : (a(), r(I, {
            key: 0
        }, M(2, (y, f) => n("div", $se, Vse)), 64))])) : (a(), r("div", Wse, Xse)), n("div", Qse, [i.isMobile ? h("", !0) : (a(), p(b, {
            key: 0,
            containerText: "Активировать",
            onPressed: i.activate,
            disabled: !i.validateInputSuccess(o.input.value),
            text: "Enter",
            pressSound: "UI/UI_menu_click_03.mp3",
            keyCode: o.KEY_CODE_ENTER
        }, null, 8, ["onPressed", "disabled", "keyCode"])), i.isMobile ? h("", !0) : (a(), p(b, {
            key: 1,
            containerText: "Закрыть",
            onPressed: i.close,
            allowAlternativeKey: !o.isInputFocusing,
            keyCode: o.KEY_CODE_ESC,
            pressSound: "UI/UI_back_esc_1.mp3"
        }, null, 8, ["onPressed", "allowAlternativeKey", "keyCode"]))]), i.isMobile ? (a(), p(u, {
            key: 2,
            confirmText: "Активировать",
            isConfirmDisabled: !i.validateInputSuccess(o.input.value),
            onCancel: i.close,
            onConfirm: i.activate
        }, null, 8, ["isConfirmDisabled", "onCancel", "onConfirm"])) : h("", !0)])]),
        _: 1
    }, 8, ["isOpened", "errorText", "onClose"])
}
const eie = {
        props: ["isOpened", "promocodes", "promocodesAreLoaded", "errorText"],
        components: {
            Modal: Q,
            InputField: Ie,
            ControlsContaineredButton: W,
            ModalMobileButtons: De,
            ScrollableContainer: U
        },
        data() {
            return {
                DAILY_REWARDS_PRIZE_TYPE: nt,
                KEY_CODE_ESC: window.KEY_CODE_ESC,
                KEY_CODE_ENTER: window.KEY_CODE_ENTER,
                input: {
                    type: "text",
                    value: "",
                    icon: !0,
                    placeholder: "Введите Промокод или Бонус-код"
                },
                isInputFocusing: !1
            }
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            },
            topUpValue() {
                return this.input.value * this.rate
            },
            isBuyAvailable() {
                return this.input.value > 0
            },
            formattedPromocodes() {
                return this.promocodes.map(e => ({
                    ...e,
                    times: this.getCodeTimes(e.timeLeft)
                }))
            }
        },
        methods: {
            close() {
                this.$emit("close")
            },
            activate() {
                this.$emit("activate", this.input.value)
            },
            validateInputSuccess(e) {
                return e.length
            },
            validateInputFailure(e) {
                return !e.length
            },
            getCodeTimes(e) {
                if (e <= 0) return {
                    time: 0,
                    units: "c."
                };
                const {
                    seconds: t,
                    minutes: s,
                    hours: l
                } = this.getTimeValues(e), o = [];
                return l > 0 && o.push(`${l} ч.`), s > 0 && o.push(`${s} м.`), l <= 0 && s < 5 && o.push(`${t} с.`), o.join(" ")
            },
            getTimeValues(e) {
                const t = e / 1e3,
                    s = Math.floor(t / 60),
                    l = Math.floor(t % 60),
                    o = Math.floor(s / 60),
                    i = Math.floor(s % 60);
                return {
                    seconds: l,
                    minutes: i,
                    hours: o
                }
            }
        },
        watch: {
            isOpened() {
                this.input.value = ""
            }
        }
    },
    tie = v(eie, [
        ["render", Jse],
        ["__scopeId", "data-v-2f5a7468"]
    ]);

function sie(e, t, s, l, o, i) {
    const m = c("MainMobile"),
        _ = c("MainPc"),
        b = c("CodesModal");
    return a(), r("div", {
        class: T(["main-menu-rewards", {
            "main-menu-rewards_mobile": i.isMobile
        }])
    }, [i.isMobile ? (a(), p(m, {
        key: 0,
        isDailyAnimated: o.isDailyAnimated,
        rewards: s.rewards,
        previewCards: i.previewCards,
        onDailyAnimationEnd: i.onDailyAnimationEnd,
        onPromocodes: i.onOpenPromocodes,
        onSetCloseButtonShow: i.setCloseButtonShow
    }, null, 8, ["isDailyAnimated", "rewards", "previewCards", "onDailyAnimationEnd", "onPromocodes", "onSetCloseButtonShow"])) : (a(), p(_, {
        key: 1,
        isDailyAnimated: o.isDailyAnimated,
        rewards: s.rewards,
        modalIsOpened: o.codesModalIsOpened,
        previewCards: i.previewCards,
        onDailyAnimationEnd: i.onDailyAnimationEnd,
        onPromocodes: i.onOpenPromocodes
    }, null, 8, ["isDailyAnimated", "rewards", "modalIsOpened", "previewCards", "onDailyAnimationEnd", "onPromocodes"])), d(b, {
        isOpened: o.codesModalIsOpened,
        promocodes: s.rewards.promocodes,
        promocodesAreLoaded: o.promocodesAreLoaded,
        errorText: s.modal.errorText,
        onActivate: i.onActivatePromocode,
        onClose: i.closeCodesModal
    }, null, 8, ["isOpened", "promocodes", "promocodesAreLoaded", "errorText", "onActivate", "onClose"])], 2)
}
const iie = {
        props: ["rewards", "modal"],
        components: {
            MainPc: Tse,
            MainMobile: Pse,
            CodesModal: tie
        },
        data() {
            return {
                codesModalIsOpened: !1,
                promocodesAreLoaded: !1,
                isDailyAnimated: !1
            }
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            },
            previewCards() {
                return this.rewards.list.filter(e => e.isBest)
            }
        },
        created() {
            this.isDailyAnimated = this.rewards.isDailyAnimated
        },
        methods: {
            onOpenPromocodes() {
                sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "OnPlayerOpenMainMenuPromocodes"), this.openCodesModal()
            },
            openCodesModal() {
                this.codesModalIsOpened = !0
            },
            closeCodesModal() {
                this.codesModalIsOpened = !1, this.promocodesAreLoaded = !1, this.$emit("setModalErrorText", ""), this.$emit("setModalAwaitResponse", !1)
            },
            onActivatePromocode(e) {
                sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "OnActivateBonusOrPromocode", e), this.$emit("setModalAwaitResponse", !0)
            },
            onDailyAnimationEnd() {
                this.isDailyAnimated = !1
            },
            setCloseButtonShow(e) {
                this.$emit("setCloseButtonShow", e)
            }
        },
        watch: {
            "rewards.promocodes"() {
                this.promocodesAreLoaded = !0
            },
            "rewards.updatedDailyCounter"() {
                this.isDailyAnimated = this.rewards.isDailyAnimated
            },
            codesModalIsOpened(e) {
                this.$emit("setControlButtonsDisabledStatus", e)
            },
            "modal.closeRequestCounter"() {
                this.closeCodesModal()
            }
        }
    },
    nie = v(iie, [
        ["render", sie]
    ]),
    aie = ["Январь", "Февраль", "Март", "Апрель", "Май", "Июнь", "Июль", "Август", "Сентябрь", "Октябрь", "Ноябрь", "Декабрь"],
    oie = {
        data: () => ({
            rewards: {
                isDailyAnimated: !1,
                month: "Январь",
                maxTime: 0,
                timeLeft: 0,
                openings: 0,
                page: {
                    current: 6,
                    total: 12
                },
                player: [],
                list: [{
                    type: 0,
                    itemId: 0,
                    opened: !1
                }, {
                    type: 0,
                    itemId: 0,
                    opened: !1,
                    isBest: !0
                }, {
                    type: 0,
                    itemId: 0,
                    opened: !1,
                    isBest: !0
                }, {
                    type: 0,
                    itemId: 0,
                    opened: !1,
                    isBest: !0
                }, {
                    type: 0,
                    itemId: 0,
                    opened: !1
                }, {
                    type: 0,
                    itemId: 0,
                    opened: !1
                }, {
                    type: 0,
                    itemId: 0,
                    opened: !1
                }, {
                    type: 0,
                    itemId: 0,
                    opened: !1
                }, {
                    type: 0,
                    itemId: 0,
                    opened: !1
                }, {
                    type: 0,
                    itemId: 0,
                    opened: !1
                }, {
                    type: 0,
                    itemId: 0,
                    opened: !1
                }, {
                    type: 0,
                    itemId: 0,
                    opened: !1
                }, {
                    type: 0,
                    itemId: 0,
                    opened: !1
                }, {
                    type: 0,
                    itemId: 0,
                    opened: !1
                }, {
                    type: 0,
                    itemId: 0,
                    opened: !1
                }, {
                    type: 0,
                    itemId: 0,
                    opened: !1
                }, {
                    type: 0,
                    itemId: 0,
                    opened: !1
                }, {
                    type: 0,
                    itemId: 0,
                    opened: !1
                }, {
                    type: 0,
                    itemId: 0,
                    opened: !1
                }, {
                    type: 0,
                    itemId: 0,
                    opened: !1
                }, {
                    type: 0,
                    itemId: 0,
                    opened: !1
                }, {
                    type: 0,
                    itemId: 0,
                    opened: !1
                }, {
                    type: 0,
                    itemId: 0,
                    opened: !1
                }, {
                    type: 0,
                    itemId: 0,
                    opened: !1
                }, {
                    type: 0,
                    itemId: 0,
                    opened: !1
                }, {
                    type: 0,
                    itemId: 0,
                    opened: !1
                }, {
                    type: 0,
                    itemId: 0,
                    opened: !1
                }, {
                    type: 0,
                    itemId: 0,
                    opened: !1
                }],
                rewards: [{
                    type: 0,
                    itemId: 4,
                    name: "Reward",
                    progress: {
                        current: 0,
                        max: 5
                    }
                }, {
                    type: 0,
                    itemId: 4,
                    name: "Reward",
                    progress: {
                        current: 0,
                        max: 10
                    }
                }, {
                    type: 0,
                    itemId: 6,
                    name: "Reward",
                    progress: {
                        current: 10,
                        max: 15
                    }
                }, {
                    type: 0,
                    itemId: 6,
                    name: "Reward",
                    progress: {
                        current: 0,
                        max: 20
                    }
                }],
                loadedDaily: !1,
                updatedDailyCounter: 0,
                playerTotal: 0,
                promocodes: []
            }
        }),
        methods: {
            updateDailyRewards(e) {
                const t = {
                    MONTH: 0,
                    TIME_LEFT: 1,
                    MAX_TIME: 2,
                    OPENINGS: 3,
                    CARDS: 4,
                    REWARDS: 5,
                    IS_ANIMATED: 6
                };
                this.rewards.month = aie[e[t.MONTH]], this.rewards.timeLeft = e[t.TIME_LEFT] * 1e3, this.rewards.maxTime = e[t.MAX_TIME] * 1e3, this.rewards.openings = e[t.OPENINGS], this.rewards.list = [], this.rewards.list = md(e[t.CARDS]), this.rewards.rewards = e[t.REWARDS].map(s => ({
                    ...ys([s])[0],
                    name: s[4],
                    progress: {
                        current: s[5][0],
                        max: s[5][1]
                    }
                })), this.rewards.isDailyAnimated = e[t.IS_ANIMATED], this.rewards.loadedDaily = !0, this.rewards.updatedDailyCounter++
            },
            updatePlayerRewards(e) {
                this.rewards.player = [], this.rewards.page.current = e[0], this.rewards.page.total = e[1], this.rewards.player = [], this.rewards.player = ys(e[2]), this.rewards.playerTotal = e[3]
            },
            updatePromocodes(e) {
                const t = {
                    TIME_LEFT: 0,
                    NAME: 1,
                    REWARDS: 2
                };
                this.rewards.promocodes = e.map(s => ({
                    timeLeft: s[t.TIME_LEFT],
                    name: s[t.NAME],
                    rewards: ys(s[t.REWARDS])
                        .map((l, o) => ({
                            ...l,
                            name: s[t.REWARDS][o][4],
                            helper: s[t.REWARDS][o][5]
                        }))
                }))
            }
        }
    },
    rie = {
        data: () => ({
            playerList: {
                local: {
                    id: 123,
                    name: "Pavel_Addams",
                    ping: 60
                },
                players: [{
                    id: 1,
                    name: "Pavel_Addams",
                    ping: 47
                }, {
                    id: 2,
                    name: "Pavel_Addams",
                    ping: 47
                }, {
                    id: 3,
                    name: "Pavel_Addams",
                    ping: 47
                }, {
                    id: 4,
                    name: "Pavel_Addams",
                    ping: 47
                }, {
                    id: 5,
                    name: "Pavel_Addams",
                    ping: 47
                }, {
                    id: 1,
                    name: "Pavel_Addams",
                    ping: 47
                }, {
                    id: 2,
                    name: "Pavel_Addams",
                    ping: 47
                }, {
                    id: 3,
                    name: "Pavel_Addams",
                    ping: 47
                }, {
                    id: 4,
                    name: "Pavel_Addams",
                    ping: 47
                }, {
                    id: 5,
                    name: "Pavel_Addams",
                    ping: 47
                }, {
                    id: 1,
                    name: "Pavel_Addams",
                    ping: 47
                }, {
                    id: 2,
                    name: "Pavel_Addams",
                    ping: 47
                }, {
                    id: 3,
                    name: "Pavel_Addams",
                    ping: 47
                }, {
                    id: 4,
                    name: "Pavel_Addams",
                    ping: 47
                }, {
                    id: 5,
                    name: "Pavel_Addams",
                    ping: 47
                }, {
                    id: 1,
                    name: "Pavel_Addams",
                    ping: 47
                }, {
                    id: 2,
                    name: "Pavel_Addams",
                    ping: 47
                }, {
                    id: 3,
                    name: "Pavel_Addams",
                    ping: 47
                }, {
                    id: 4,
                    name: "Pavel_Addams",
                    ping: 47
                }, {
                    id: 5,
                    name: "Pavel_Addams",
                    ping: 47
                }]
            }
        }),
        methods: {
            updatePlayerList(e) {
                this.playerList = e
            }
        }
    },
    lie = {
        class: "ping"
    };

function cie(e, t, s, l, o, i) {
    return a(), r("div", lie, [(a(!0), r(I, null, M(e.MAX_CONNECTION_COUNT, m => (a(), r("div", {
        class: T(["ping__item", {
            ping__item_active: m <= i.connection
        }]),
        key: m
    }, null, 2))), 128))])
}
const mie = 4,
    _ie = {
        props: ["value"],
        data: () => ({
            MAX_CONNECTION_COUNT: mie
        }),
        computed: {
            connection() {
                return this.value < 20 ? 4 : this.value < 60 ? 3 : this.value < 100 ? 2 : this.value < 200 ? 1 : 0
            }
        }
    },
    die = v(_ie, [
        ["render", cie],
        ["__scopeId", "data-v-31640997"]
    ]),
    uie = {
        class: "main-menu-player-list"
    },
    hie = {
        class: "main-menu-player-list__header"
    },
    pie = n("img", {
        class: "main-menu-player-list__logo",
        src: Am
    }, null, -1),
    gie = {
        class: "main-menu-player-list__table"
    },
    bie = ji('<div class="main-menu-player-list__table__head"><div class="main-menu-player-list__content"><div class="main-menu-player-list__table__row"><div class="main-menu-player-list__table__col">ID</div><div class="main-menu-player-list__table__col">Имя</div><div class="main-menu-player-list__table__col">Ping</div></div></div></div>', 1),
    vie = {
        key: 0,
        class: "main-menu-player-list__table__selection"
    },
    Cie = {
        class: "main-menu-player-list__content"
    },
    yie = {
        class: "main-menu-player-list__table__row"
    },
    fie = {
        class: "main-menu-player-list__table__col"
    },
    Tie = {
        class: "main-menu-player-list__table__col"
    },
    Eie = {
        class: "main-menu-player-list__table__col"
    },
    kie = {
        class: "main-menu-player-list__ping"
    },
    Iie = {
        class: "main-menu-player-list__table__content"
    },
    wie = {
        class: "main-menu-player-list__content"
    },
    Sie = {
        class: "main-menu-player-list__table__col"
    },
    Mie = {
        class: "main-menu-player-list__table__col"
    },
    Pie = {
        class: "main-menu-player-list__table__col"
    },
    Aie = {
        class: "main-menu-player-list__ping"
    };

function Die(e, t, s, l, o, i) {
    const m = c("Ping");
    return a(), r("div", uie, [n("div", hie, [n("img", {
        class: "main-menu-player-list__back",
        onClick: t[0] || (t[0] = (..._) => i.back && i.back(..._)),
        src: Pm
    }), pie]), n("div", gie, [bie, i.localPlayer ? (a(), r("div", vie, [n("div", Cie, [n("div", yie, [n("div", fie, C(i.localPlayer.id), 1), n("div", Tie, C(i.localPlayer.name.split("_")
        .join(" ")), 1), n("div", Eie, [n("div", kie, [d(m, {
        value: i.localPlayer.ping
    }, null, 8, ["value"]), w(C(i.localPlayer.ping), 1)])])])])])) : h("", !0), n("div", Iie, [n("div", wie, [(a(!0), r(I, null, M(i.players, (_, b) => (a(), r("div", {
        class: "main-menu-player-list__table__row",
        key: b
    }, [n("div", Sie, C(_.id), 1), n("div", Mie, C(_.name.split("_")
        .join(" ")), 1), n("div", Pie, [n("div", Aie, [d(m, {
        value: _.ping
    }, null, 8, ["value"]), w(C(_.ping), 1)])])]))), 128))])])])])
}
const Lie = {
        props: ["playerList"],
        components: {
            Ping: die
        },
        data() {
            return {}
        },
        computed: {
            localPlayer() {
                return this.playerList.local
            },
            players() {
                return [...this.playerList.players].sort((e, t) => e.id - t.id)
            }
        },
        methods: {
            back() {
                window.interface("MainMenu")
                    .selectTab("Statistics")
            }
        }
    },
    xie = v(Lie, [
        ["render", Die]
    ]),
    Oie = {
        class: "main-menu-tab-draw-unaccess__content"
    },
    Bie = n("div", {
        class: "main-menu-tab-draw-unaccess__title"
    }, "Не выполнены все условия", -1),
    $ie = n("div", {
        class: "main-menu-tab-draw-unaccess__description"
    }, "Для участия в розыгрыше - авторизуйтесь на сайте розыгрыша и зарабатывайте билеты", -1),
    Nie = {
        class: "main-menu-tab-draw-unaccess__conditions"
    },
    Rie = ["src"],
    Vie = ["src"],
    Hie = {
        class: "main-menu-tab-draw-unaccess__condition-level"
    },
    Uie = {
        class: "main-menu-tab-draw-unaccess__buttons"
    };

function Yie(e, t, s, l, o, i) {
    const m = c("DrawMembers"),
        _ = c("Button");
    return a(), r("div", {
        class: T(["main-menu-tab-draw-unaccess", {
            "main-menu-tab-draw-unaccess_mobile": i.isMobile
        }])
    }, [n("div", Oie, [d(m, {
        class: "main-menu-tab-draw__memebers",
        count: s.membersCount
    }, null, 8, ["count"]), Bie, $ie, n("div", Nie, [n("div", {
        class: T(["main-menu-tab-draw-unaccess__condition", {
            "main-menu-tab-draw-unaccess__condition_checked": s.isWebAuth
        }])
    }, [n("img", {
        src: o.icons[`/src/assets/images/main-menu/draw/${s.isWebAuth?"check":"error"}.png`]
    }, null, 8, Rie), w("Авторизоваться на сайте")], 2), n("div", {
        class: T(["main-menu-tab-draw-unaccess__condition", {
            "main-menu-tab-draw-unaccess__condition_checked": s.isLevelAchieved
        }])
    }, [n("img", {
        src: o.icons[`/src/assets/images/main-menu/draw/${s.isLevelAchieved?"check":"error"}.png`]
    }, null, 8, Vie), w("Достигнуть уровня"), n("div", Hie, C(s.requiredLevel), 1)], 2)]), n("div", Uie, [d(_, {
        class: "main-menu-tab-draw-unaccess__button",
        type: "white",
        text: "Перейти на сайт розыгрыша",
        onClick: i.gotoWeb
    }, null, 8, ["onClick"])])])], 2)
}
const Kie = {
        props: ["isLevelAchieved", "isWebAuth", "authUrl", "membersCount", "requiredLevel"],
        components: {
            DrawMembers: tn,
            Button: q
        },
        data() {
            return {
                icons: Object.assign({
                    "/src/assets/images/main-menu/draw/check.png": Dm,
                    "/src/assets/images/main-menu/draw/dots-divider.png": Lm,
                    "/src/assets/images/main-menu/draw/draw-preview.png": xm,
                    "/src/assets/images/main-menu/draw/error.png": Om,
                    "/src/assets/images/main-menu/draw/icon-buy.png": zr,
                    "/src/assets/images/main-menu/draw/icon-members.png": sr,
                    "/src/assets/images/main-menu/draw/icon-warning.png": Zr,
                    "/src/assets/images/main-menu/draw/icon-warning_white.png": $u,
                    "/src/assets/images/main-menu/draw/prizes-bg.png": Bm,
                    "/src/assets/images/main-menu/draw/ticket.png": qr
                })
            }
        },
        computed: {
            isMobile() {
                return this.$root.isMobile
            }
        },
        methods: {
            gotoWeb() {
                this.$emit("openWebSite")
            },
            close() {
                this.$emit("close")
            }
        }
    },
    Gie = v(Kie, [
        ["render", Yie]
    ]);
const Fie = {
    props: ["isSmall"],
    computed: {
        classes() {
            return {
                ticket: !0,
                ticket_small: this.isSmall
            }
        }
    }
};

function zie(e, t, s, l, o, i) {
    return a(), r("img", {
        class: T(i.classes),
        src: qr
    }, null, 2)
}
const A1 = v(Fie, [
        ["render", zie],
        ["__scopeId", "data-v-8ccedb66"]
    ]),
    qe = e => (D("data-v-fe8b1e2c"), e = e(), L(), e),
    Zie = {
        class: "main-menu-tab-draw-balance"
    },
    qie = {
        class: "main-menu-tab-draw-balance__block"
    },
    Wie = qe(() => n("div", {
        class: "main-menu-tab-draw-balance__block-title"
    }, "БАЛАНС БИЛЕТОВ", -1)),
    jie = {
        class: "main-menu-tab-draw-balance__amount"
    },
    Xie = {
        class: "main-menu-tab-draw-balance__amount-value"
    },
    Qie = qe(() => n("div", {
        class: "main-menu-tab-draw-balance__amount-divider"
    }, null, -1)),
    Jie = qe(() => n("div", {
        class: "main-menu-tab-draw-balance__amount-hint"
    }, "Зарабатывайте билеты, чтобы увеличить свой шанс на победу!", -1)),
    ene = {
        key: 0,
        class: "main-menu-tab-draw-balance__amount-warning"
    },
    tne = qe(() => n("img", {
        class: "main-menu-tab-draw-balance__amount-warning-icon",
        src: Zr
    }, null, -1)),
    sne = {
        class: "main-menu-tab-draw-balance__amount-warning-time"
    },
    ine = {
        class: "main-menu-tab-draw-balance__bonus"
    },
    nne = qe(() => n("div", {
        class: "main-menu-tab-draw-balance__bonus-badge-wrapper"
    }, [n("div", {
        class: "main-menu-tab-draw-balance__bonus-badge"
    }, "БОНУС")], -1)),
    ane = {
        class: "main-menu-tab-draw-balance__bonus-block"
    },
    one = {
        class: "main-menu-tab-draw-balance__bold-text"
    },
    rne = {
        class: "main-menu-tab-draw-balance__bonus-block"
    },
    lne = qe(() => n("div", {
        class: "main-menu-tab-draw-balance__divider"
    }, null, -1)),
    cne = {
        class: "main-menu-tab-draw-balance__buy"
    },
    mne = {
        class: "main-menu-tab-draw-balance__buy-row"
    },
    _ne = qe(() => n("div", {
        class: "main-menu-tab-draw-balance__buy-block"
    }, [n("img", {
        class: "main-menu-tab-draw-balance__buy-icon",
        src: zr
    }), n("div", {
        class: "main-menu-tab-draw-balance__bold-text"
    }, "БИЛЕТОВ ДОСТУПНО К ПОКУПКЕ:")], -1)),
    dne = {
        class: "main-menu-tab-draw-balance__buy-block"
    },
    une = {
        class: "main-menu-tab-draw-balance__bold-text"
    },
    hne = {
        class: "main-menu-tab-draw-balance__block main-menu-tab-draw-balance__block_dynamic"
    },
    pne = {
        class: "main-menu-tab-draw-balance__link"
    },
    gne = {
        class: "main-menu-tab-draw-balance__link-title"
    },
    bne = qe(() => n("div", {
        class: "main-menu-tab-draw-balance__link-hint"
    }, "Играйте в игру и получите шанс выиграть реальный или игровой приз!", -1)),
    vne = {
        class: "main-menu-tab-draw-balance__link-buttons"
    },
    Cne = {
        key: 0,
        class: "main-menu-tab-draw-balance__block-title"
    },
    yne = {
        class: "main-menu-tab-draw-balance__history-items"
    },
    fne = {
        class: "main-menu-tab-draw-balance__history-item-info"
    },
    Tne = {
        class: "main-menu-tab-draw-balance__history-item-info-id"
    },
    Ene = {
        class: "main-menu-tab-draw-balance__history-item-info-id-value"
    },
    kne = {
        class: "main-menu-tab-draw-balance__history-item-time"
    };

function Ine(e, t, s, l, o, i) {
    const m = c("IconTicket"),
        _ = c("Button"),
        b = c("UnitsTime"),
        u = c("TextHint"),
        g = c("DrawMembers"),
        y = c("ScrollableContainer");
    return a(), r("div", Zie, [n("div", qie, [Wie, n("div", jie, [n("div", Xie, [d(m, {
        class: "main-menu-tab-draw-balance__amount-value-icon"
    }), w(C(i.formatNumberWithSpaces(s.data.total)), 1)]), Qie, Jie, s.data.canTake ? (a(), r(I, {
        key: 0
    }, [d(_, {
        class: "main-menu-tab-draw-balance__amount-button",
        type: "yellow",
        text: "ЗАБРАТЬ БИЛЕТ",
        onClick: i.takeTicket
    }, null, 8, ["onClick"]), i.ticketFormatedTime ? (a(), r("div", ene, [tne, w("БИЛЕТ СГОРИТ ЧЕРЕЗ:"), n("div", sne, C(i.ticketFormatedTime), 1)])) : h("", !0)], 64)) : h("", !0)]), n("div", ine, [nne, n("div", ane, [d(m, {
        class: "main-menu-tab-draw-balance__bonus-ticket"
    }), n("div", one, C(s.data.bonusTicketsCount), 1)]), n("div", rne, [d(b, {
        units: i.ticketToGiveFormatedTicket,
        title: "ОСТАЛОСЬ ОТЫГРАТЬ:"
    }, null, 8, ["units"])])]), lne, n("div", cne, [n("div", mne, [_ne, n("div", dne, [d(m, {
        class: "main-menu-tab-draw-balance__buy-ticket"
    }), n("div", une, C(i.formatNumberWithSpaces(s.data.available)), 1)])]), d(_, {
        class: "main-menu-tab-draw-balance__buy-button",
        type: "white",
        isDisabled: !i.availableToBuy,
        text: "К ПОКУПКЕ",
        onClick: i.buyTicket
    }, null, 8, ["isDisabled", "onClick"]), !i.availableToBuy && i.availableToBuyFormatedTime ? (a(), p(u, {
        key: 0,
        class: "main-menu-tab-draw-balance__buy-hint"
    }, {
        default: E(() => [w("Билеты закончились, они станут доступны к покупке через " + C(i.availableToBuyFormatedTime), 1)]),
        _: 1
    })) : h("", !0)])]), n("div", hne, [n("div", pne, [n("div", gne, [w("НОВОГОДНИЙ РОЗЫГРЫШ"), s.isMobile ? (a(), p(g, {
        key: 0,
        count: s.data.membersCount
    }, null, 8, ["count"])) : h("", !0)]), bne, n("div", vne, [d(_, {
        class: "main-menu-tab-draw-balance__link-button",
        type: "white",
        text: "ПРИЗЫ ЭТОГО СЕЗОНА",
        onClick: i.openPrizes
    }, null, 8, ["onClick"]), d(_, {
        class: "main-menu-tab-draw-balance__link-button",
        type: "transparent",
        text: "Перейти на сайт розыгрыша",
        onClick: i.openWebSite
    }, null, 8, ["onClick"])])]), i.historyRows.length ? (a(), r("div", Cne, "ИСТОРИЯ ПОЛУЧЕНИЯ БИЛЕТОВ")) : h("", !0), d(y, {
        class: "main-menu-tab-draw-balance__history",
        type: 9
    }, {
        default: E(() => [n("div", yne, [(a(!0), r(I, null, M(i.historyRows, (f, k) => (a(), r("div", {
            class: "main-menu-tab-draw-balance__history-item",
            key: k
        }, [n("div", fne, [d(m, {
            class: "main-menu-tab-draw-balance__history-item-info-ticket"
        }), n("div", Tne, [w("№"), n("div", Ene, C(f.id !== 0 ? i.formatNumber(f.id, "-") : "Формирование"), 1)]), n("div", {
            class: T(["main-menu-tab-draw-balance__history-item-info-status", {
                "main-menu-tab-draw-balance__history-item-info-status_bought": f.status === s.data.statusBought
            }])
        }, C(s.data.statusText[f.status]), 3)]), n("div", kne, C(i.formatHistoryDate(f.createdAt)), 1)]))), 128))])]),
        _: 1
    })])])
}
const wne = {
        props: ["data", "isMobile"],
        components: {
            Button: q,
            TextHint: Ke,
            ScrollableContainer: U,
            IconTicket: A1,
            DrawMembers: tn,
            UnitsTime: Ji
        },
        data: () => ({
            availableToBuyTimer: null,
            ticketTimer: null,
            ticketGiverTimer: null,
            ticketToGiveTime: null,
            availableToBuyCurrentTime: 0,
            ticketCurrentTime: null
        }),
        computed: {
            historyRows() {
                return this.$store.getters["draw/history"]
            },
            hasAccess() {
                return this.data.isLevelAchieved && this.data.isWebAuth && this.data.isTelegram
            },
            availableToBuy() {
                return !this.availableToBuyFormatedTime
            },
            ticketToGiveFormatedTicket() {
                const e = new Date(this.ticketToGiveTime),
                    {
                        days: t,
                        hours: s,
                        minutes: l,
                        seconds: o
                    } = Cs(e);
                return t > 0 ? [{
                    value: t,
                    sign: "д"
                }, {
                    value: s,
                    sign: "ч"
                }] : l > 0 ? [{
                    value: s,
                    sign: "ч"
                }, {
                    value: l,
                    sign: "м"
                }] : o > 0 ? [{
                    value: l,
                    sign: "м"
                }, {
                    value: o,
                    sign: "с"
                }] : [{
                    value: 0,
                    sign: "м"
                }, {
                    value: 0,
                    sign: "с"
                }]
            },
            availableToBuyFormatedTime() {
                if (this.availableToBuyCurrentTime <= 0) return !1;
                const e = new Date(this.availableToBuyCurrentTime),
                    {
                        days: t,
                        hours: s,
                        minutes: l,
                        seconds: o
                    } = Cs(e);
                return t > 0 ? `${t} д.` : s > 0 ? `${s} ч.` : l > 0 ? `${l} м.` : `${o} с.`
            },
            ticketFormatedTime() {
                if (this.ticketCurrentTime <= 0) return !1;
                const e = new Date(this.ticketCurrentTime),
                    {
                        days: t,
                        hours: s,
                        minutes: l,
                        seconds: o
                    } = Cs(e);
                return t > 0 ? `${String(t).padStart(2,"0")}д. ${String(s).padStart(2,"0")}ч.` : s > 0 ? `${String(s).padStart(2,"0")}ч. ${String(l).padStart(2,"0")}м.` : `${String(l).padStart(2,"0")}м. ${String(o).padStart(2,"0")}с.`
            }
        },
        created() {
            this.updateTime()
        },
        beforeUnmount() {
            clearInterval(this.availableToBuyTimer), clearInterval(this.ticketTimer), clearInterval(this.ticketGiverTimer)
        },
        methods: {
            formatNumberWithSpaces: F,
            formatNumber: V1,
            takeTicket() {
                this.$emit("takeTicket")
            },
            buyTicket() {
                this.$emit("buyTicket")
            },
            updateTime() {
                this.availableToBuyCurrentTime = this.data.availableToBuyTime, this.ticketCurrentTime = this.data.ticketTime, this.ticketToGiveTime = this.data.ticketToGiveTime, this.ticketGiverTimer || this.updateToGiveTicketTimer(), this.ticketTimer || this.updateTicketTimer(), this.availableToBuyTimer || this.updateAvailableToBuyTimer()
            },
            updateAvailableToBuyTimer() {
                let e = new Date()
                    .getTime();
                clearInterval(this.availableToBuyTimer), this.availableToBuyTimer = setInterval(() => {
                    const t = Math.round(new Date()
                        .getTime() - e);
                    e = new Date()
                        .getTime(), this.availableToBuyCurrentTime = Math.max(0, this.availableToBuyCurrentTime - t), this.availableToBuyCurrentTime <= 0 && clearInterval(this.availableToBuyTimer)
                }, 1e3)
            },
            updateTicketTimer() {
                let e = new Date()
                    .getTime();
                clearInterval(this.ticketTimer), this.ticketTimer = setInterval(() => {
                    const t = Math.round(new Date()
                        .getTime() - e);
                    e = new Date()
                        .getTime(), this.ticketCurrentTime = Math.max(0, this.ticketCurrentTime - t), this.ticketCurrentTime <= 0 && clearInterval(this.ticketTimer)
                }, 1e3)
            },
            updateToGiveTicketTimer() {
                let e = new Date()
                    .getTime();
                clearInterval(this.ticketGiverTimer), this.ticketGiverTimer = setInterval(() => {
                    const t = Math.round(new Date()
                        .getTime() - e);
                    e = new Date()
                        .getTime(), this.ticketToGiveTime = Math.max(0, this.ticketToGiveTime - t), this.ticketToGiveTime <= 0 && clearInterval(this.ticketGiverTimer)
                }, 1e3)
            },
            formatHistoryDate(e) {
                const t = tl(e);
                let s = [t.getDate(), t.getMonth() + 1, t.getFullYear(), t.getHours(), t.getMinutes()];
                return s = s.map(l => l.toString()
                    .padStart(2, "0")), `${s[0]}.${s[1]}.${s[2]} / ${s[3]}:${s[4]}`
            },
            openWebSite() {
                this.$emit("openWebSite")
            },
            openPrizes() {
                this.$emit("openPrizes")
            },
            openWebPrizes() {
                this.$emit("openWebPrizes")
            }
        },
        watch: {
            "data.availableToBuyTime"() {
                this.updateTime()
            },
            "data.ticketCurrentTime"() {
                this.updateTime()
            },
            "data.ticketToGiveTime"() {
                this.updateTime()
            }
        }
    },
    Sne = v(wne, [
        ["render", Ine],
        ["__scopeId", "data-v-fe8b1e2c"]
    ]),
    D1 = e => (D("data-v-335855f3"), e = e(), L(), e),
    Mne = {
        class: "main-menu-draw-buy-ticket-modal__subtitle"
    },
    Pne = {
        class: "main-menu-draw-buy-ticket-modal__counter"
    },
    Ane = {
        class: "main-menu-draw-buy-ticket-modal__counter-text"
    },
    Dne = {
        class: "main-menu-draw-buy-ticket-modal__payment"
    },
    Lne = D1(() => n("div", {
        class: "main-menu-draw-buy-ticket-modal__payment-title"
    }, [w("ИТОГО К ОПЛАТЕ"), n("div", {
        class: "main-menu-draw-buy-ticket-modal__payment-title-divider"
    })], -1)),
    xne = {
        class: "main-menu-draw-buy-ticket-modal__payment-price"
    },
    One = D1(() => n("img", {
        class: "main-menu-draw-buy-ticket-modal__payment-price-currency",
        src: Ae
    }, null, -1)),
    Bne = {
        key: 0,
        class: "main-menu-draw-buy-ticket-modal__buttons"
    };

function $ne(e, t, s, l, o, i) {
    const m = c("TicketIcon"),
        _ = c("Counter"),
        b = c("TextHint"),
        u = c("ControlsContaineredButton"),
        g = c("ModalMobileButtons"),
        y = c("Modal");
    return a(), p(y, {
        class: "main-menu-draw-buy-ticket-modal",
        isOpened: s.isOpened,
        title: "покупка билетов",
        errorText: s.errorText,
        colorType: o.MODAL_COLOR_TYPES.DARK_ORANGE,
        onClose: i.close
    }, {
        default: E(() => [n("div", Mne, "Билетов доступно к покупке: " + C(i.formatNumberWithSpaces(s.availableTickets)), 1), n("div", Pne, [n("div", Ane, [d(m, {
            class: "main-menu-draw-buy-ticket-modal__counter-text-icon"
        }), w("Билеты")]), d(_, {
            class: "main-menu-draw-buy-ticket-modal__counter-controller",
            amount: o.count,
            min: 1,
            max: s.availableTickets,
            onIncrement: i.increaseCount,
            onDecrement: i.decreaseCount
        }, null, 8, ["amount", "max", "onIncrement", "onDecrement"])]), n("div", Dne, [Lne, n("div", xne, [One, w(C(i.formatNumberWithSpaces(i.currentPrice)), 1)])]), d(b, {
            class: "main-menu-draw-buy-ticket-modal__hint"
        }, {
            default: E(() => [w("Покупка билетов обновляется раз в сутки")]),
            _: 1
        }), s.isMobile ? (a(), p(g, {
            key: 1,
            class: "main-menu-draw-buy-ticket-modal__buttons",
            isConfirmDisabled: s.isDisabled || !i.isBuyAvailable,
            confirmText: "купить",
            confirmButtonColorType: "yellow",
            onCancel: i.close,
            onConfirm: i.buy
        }, null, 8, ["isConfirmDisabled", "onCancel", "onConfirm"])) : (a(), r("div", Bne, [d(u, {
            containerText: "Купить",
            onPressed: i.buy,
            disabled: s.isDisabled || !i.isBuyAvailable,
            text: "Enter",
            keyCode: o.KEY_CODE_ENTER,
            pressSound: "UI/UI_menu_click_03.mp3",
            isYellow: !0
        }, null, 8, ["onPressed", "disabled", "keyCode"]), d(u, {
            containerText: "Закрыть",
            onPressed: i.close,
            disabled: s.isDisabled,
            keyCode: o.KEY_CODE_ESC,
            pressSound: "UI/UI_back_esc_1.mp3"
        }, null, 8, ["onPressed", "disabled", "keyCode"])]))]),
        _: 1
    }, 8, ["isOpened", "errorText", "colorType", "onClose"])
}
const Nne = {
        props: ["isOpened", "isDisabled", "availableTickets", "ticketPrices", "isMobile", "errorText"],
        components: {
            Modal: Q,
            ControlsContaineredButton: W,
            TextHint: Ke,
            ModalMobileButtons: De,
            Counter: fo,
            TicketIcon: A1
        },
        data() {
            return {
                KEY_CODE_ESC: window.KEY_CODE_ESC,
                KEY_CODE_ENTER: window.KEY_CODE_ENTER,
                MODAL_COLOR_TYPES: Ve,
                count: 1
            }
        },
        computed: {
            currentPrice() {
                return this.ticketPrices.slice(0, this.count)
                    .reduce((e, t) => e += t, 0)
            },
            playerMoney() {
                return this.$store.getters["player/money"]
            },
            isBuyAvailable() {
                return this.playerMoney >= this.currentPrice
            },
            isMinCount() {
                return this.count === 1
            },
            isMaxCount() {
                return this.count === this.availableTickets
            }
        },
        methods: {
            formatNumberWithSpaces: F,
            close() {
                this.$emit("close")
            },
            buy() {
                this.$emit("buy", this.count)
            },
            increaseCount() {
                this.isMaxCount || this.count++
            },
            decreaseCount() {
                this.isMinCount || this.count--
            }
        },
        watch: {
            isOpened() {
                this.count = 1, this.$emit("updateErrorText", this.isBuyAvailable ? "" : "Недостаточно средств")
            },
            count() {
                this.$emit("updateErrorText", this.isBuyAvailable ? "" : "Недостаточно средств")
            }
        }
    },
    Rne = v(Nne, [
        ["render", $ne],
        ["__scopeId", "data-v-335855f3"]
    ]),
    L1 = e => (D("data-v-a1e7864d"), e = e(), L(), e),
    Vne = {
        class: "main-menu-tab-draw-prizes-title"
    },
    Hne = L1(() => n("div", {
        class: "main-menu-tab-draw-prizes-title__decor"
    }, null, -1)),
    Une = {
        class: "main-menu-tab-draw-prizes-title__text"
    },
    Yne = L1(() => n("div", {
        class: "main-menu-tab-draw-prizes-title__decor"
    }, null, -1));

function Kne(e, t, s, l, o, i) {
    return a(), r("div", Vne, [Hne, n("div", Une, C(s.text), 1), Yne])
}
const Gne = {
        props: ["text"]
    },
    Fne = v(Gne, [
        ["render", Kne],
        ["__scopeId", "data-v-a1e7864d"]
    ]),
    zne = {
        class: "main-menu-tab-draw-prizes-card"
    },
    Zne = {
        class: "main-menu-tab-draw-prizes-card__name"
    },
    qne = {
        class: "main-menu-tab-draw-prizes-card__name-text"
    };

function Wne(e, t, s, l, o, i) {
    return a(), r("div", zne, [n("div", {
        class: "main-menu-tab-draw-prizes-card__image",
        style: x({
            backgroundImage: `url('${s.prize.image}')`
        })
    }, null, 4), n("div", Zne, [n("div", qne, C(s.prize.name), 1)])])
}
const jne = {
        props: ["prize"]
    },
    Xne = v(jne, [
        ["render", Wne],
        ["__scopeId", "data-v-9bae6dba"]
    ]),
    Qne = {
        class: "main-menu-tab-draw-prizes"
    },
    Jne = {
        class: "main-menu-tab-draw-prizes__content"
    },
    eae = {
        key: 0,
        class: "main-menu-tab-draw-prizes__block"
    },
    tae = {
        class: "main-menu-tab-draw-prizes__cards"
    },
    sae = {
        key: 1,
        class: "main-menu-tab-draw-prizes__block"
    },
    iae = {
        class: "main-menu-tab-draw-prizes__cards"
    };

function nae(e, t, s, l, o, i) {
    const m = c("ControlsButton"),
        _ = c("ControlsButtonContainer"),
        b = c("ControlsClose"),
        u = c("DrawPrizesTitle"),
        g = c("DrawPrizesCard");
    return a(), r("div", Qne, [s.isMobile ? (a(), p(b, {
        key: 1,
        class: "main-menu-tab-draw-prizes__close-mobile",
        isMobile: s.isMobile,
        type: 4,
        onClick: t[1] || (t[1] = y => e.$emit("close"))
    }, null, 8, ["isMobile"])) : (a(), p(_, {
        key: 0,
        class: "main-menu-tab-draw-prizes__close",
        text: "Закрыть"
    }, {
        default: E(() => [d(m, {
            keyCode: o.KEY_CODE_ESC,
            pressSound: "UI/UI_back_esc_1.mp3",
            onPressed: t[0] || (t[0] = y => e.$emit("close"))
        }, null, 8, ["keyCode"])]),
        _: 1
    })), (a(), p(z(s.isMobile ? "div" : "ScrollableContainer"), {
        class: "main-menu-tab-draw-prizes__container",
        type: 9
    }, {
        default: E(() => [n("div", Jne, [s.prizes.real.length ? (a(), r("div", eae, [d(u, {
            text: "РЕАЛЬНЫЕ ПРИЗЫ"
        }), n("div", tae, [(a(!0), r(I, null, M(s.prizes.real, (y, f) => (a(), p(g, {
            class: "main-menu-tab-draw-prizes__card",
            key: f,
            prize: y
        }, null, 8, ["prize"]))), 128))])])) : h("", !0), s.prizes.game.length ? (a(), r("div", sae, [d(u, {
            text: "ИГРОВЫЕ ПРИЗЫ"
        }), n("div", iae, [(a(!0), r(I, null, M(s.prizes.game, (y, f) => (a(), p(g, {
            class: "main-menu-tab-draw-prizes__card",
            key: f,
            prize: y
        }, null, 8, ["prize"]))), 128))])])) : h("", !0)])]),
        _: 1
    }))])
}
const aae = {
        props: ["prizes", "isMobile"],
        components: {
            ControlsButton: H,
            ControlsButtonContainer: Pe,
            ControlsClose: rt,
            ScrollableContainer: U,
            DrawPrizesTitle: Fne,
            DrawPrizesCard: Xne
        },
        data() {
            return {
                KEY_CODE_ESC: window.KEY_CODE_ESC
            }
        }
    },
    oae = v(aae, [
        ["render", nae],
        ["__scopeId", "data-v-7e248e0d"]
    ]),
    rae = {
        class: "main-menu-tab-draw__content"
    };

function lae(e, t, s, l, o, i) {
    const m = c("GraffitiPattern"),
        _ = c("DrawMembers"),
        b = c("BuyTicketModal"),
        u = c("DrawUnaccess"),
        g = c("DrawBalance"),
        y = c("DrawPrizes");
    return a(), r("div", {
        class: T(["main-menu-tab-draw", {
            "main-menu-tab-draw_unaccess": !i.hasAccess
        }])
    }, [n("div", {
        class: T(["main-menu-tab-draw__shadow", {
            "main-menu-tab-draw__shadow_red": !i.hasAccess
        }])
    }, null, 2), s.isMobile ? h("", !0) : (a(), p(m, {
        key: 0,
        class: T(["main-menu-tab-draw__pattern", {
            "main-menu-tab-draw__pattern_big": i.patternIsBig
        }]),
        opacity: .05,
        rotate: i.patternIsBig ? 66 : 118,
        scale: i.patternIsBig ? 1.2 : 1
    }, null, 8, ["class", "rotate", "scale"])), i.hasAccess && !s.isMobile ? (a(), p(_, {
        key: 1,
        class: "main-menu-tab-draw__memebers",
        count: s.data.membersCount
    }, null, 8, ["count"])) : h("", !0), d(b, {
        isOpened: e.buyModalIsOpened,
        availableTickets: s.data.available,
        isMobile: s.isMobile,
        ticketPrices: s.data.prices,
        errorText: s.modal.errorText,
        onBuy: i.buyTicket,
        onClose: i.closeBuyModal,
        onUpdateErrorText: i.updateModalErrorText
    }, null, 8, ["isOpened", "availableTickets", "isMobile", "ticketPrices", "errorText", "onBuy", "onClose", "onUpdateErrorText"]), n("div", rae, [i.hasAccess ? (a(), p(g, {
        key: 1,
        data: s.data,
        isMobile: s.isMobile,
        onBuyTicket: t[0] || (t[0] = f => e.buyModalIsOpened = !0),
        onTakeTicket: i.takeTicket,
        onOpenWebSite: i.openDrawWebSite,
        onOpenPrizes: t[1] || (t[1] = f => e.prizesAreOpened = !0)
    }, null, 8, ["data", "isMobile", "onTakeTicket", "onOpenWebSite"])) : (a(), p(u, {
        key: 0,
        isLevelAchieved: s.data.isLevelAchieved,
        isWebAuth: s.data.isWebAuth,
        authUrl: s.data.authUrl,
        membersCount: s.data.membersCount,
        requiredLevel: s.data.requiredLevel,
        onClose: i.close,
        onOpenWebSite: i.openDrawWebSite
    }, null, 8, ["isLevelAchieved", "isWebAuth", "authUrl", "membersCount", "requiredLevel", "onClose", "onOpenWebSite"]))]), d(ae, {
        name: "fade"
    }, {
        default: E(() => [e.prizesAreOpened ? (a(), p(y, {
            key: 0,
            prizes: s.data.prizes,
            isMobile: s.isMobile,
            onClose: t[2] || (t[2] = f => e.prizesAreOpened = !1)
        }, null, 8, ["prizes", "isMobile"])) : h("", !0)]),
        _: 1
    })], 2)
}
const cae = {
        props: ["data", "modal", "isMobile"],
        components: {
            DrawUnaccess: Gie,
            DrawBalance: Sne,
            BuyTicketModal: Rne,
            DrawMembers: tn,
            DrawPrizes: oae,
            GraffitiPattern: en
        },
        data: () => ({
            buyModalIsOpened: !1,
            prizesAreOpened: !1
        }),
        computed: {
            hasAccess() {
                return this.data.isLevelAchieved && this.data.isWebAuth
            },
            patternIsBig() {
                return !this.hasAccess
            },
            controlButtonsAreDisabled() {
                return this.buyModalIsOpened || this.prizesAreOpened
            }
        },
        methods: {
            close() {
                this.$emit("close")
            },
            takeTicket() {
                sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "GVWY_OnPlayerTakeFreeTicket")
            },
            buyTicket(e) {
                sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "GVWY_OnPlayerBuyTicket", e), this.$emit("setModalAwaitResponse", !0)
            },
            closeBuyModal() {
                this.buyModalIsOpened = !1, this.updateModalErrorText(""), this.$emit("setModalAwaitResponse", !1)
            },
            openDrawWebSite() {
                window.openLink(this.data.authUrl)
            },
            updateModalErrorText(e) {
                this.$emit("setModalErrorText", e)
            }
        },
        watch: {
            controlButtonsAreDisabled(e) {
                this.$emit("setControlButtonsDisabledStatus", e)
            },
            "modal.closeRequestCounter"() {
                this.closeBuyModal()
            }
        }
    },
    mae = v(cae, [
        ["render", lae],
        ["__scopeId", "data-v-542abcb4"]
    ]),
    _ae = {
        data: () => ({
            drawTickets: {
                total: 5,
                available: 0,
                prices: [5e5, 1e6],
                bonusTicketsCount: 1,
                membersCount: 0,
                isLevelAchieved: !0,
                requiredLevel: 4,
                isWebAuth: !0,
                isTelegram: !0,
                canTake: !0,
                availableToBuyTime: 1212123,
                ticketTime: 123121,
                ticketToGiveTime: 123121,
                authUrl: "https://hassle.online/summer-2025",
                membersCountUrl: "https://hassle.online/api/contest/participant-count",
                statusText: ["ПОЛУЧЕНО", "КУПЛЕН"],
                statusBought: 1,
                prizes: {
                    real: [],
                    game: []
                }
            }
        }),
        computed: {
            contestPrizesUrl() {
                return this.$store.getters["cdnLinks/contestPrizesUrl"]
            }
        },
        created() {
            this.updateMembersCount()
        },
        methods: {
            updateDrawData(e) {
                const [t, s, l, o, i, m, _, b, u, g, y, f, k] = e;
                this.setDrawPermissions(t, s, l, f), this.setDrawTicketsData(i, m, _, k), this.setDrawCanTakeTicket(o), this.setDrawTime(b, u, g), this.drawTickets.authUrl = y
            },
            setDrawPermissions(e, t, s, l) {
                this.drawTickets.isLevelAchieved = e, this.drawTickets.isWebAuth = t, this.drawTickets.isTelegram = s, this.drawTickets.requiredLevel = l
            },
            setDrawTicketsData(e, t, s, l) {
                this.drawTickets.total = e, this.drawTickets.available = t, this.drawTickets.prices = s, this.drawTickets.bonusTicketsCount = l
            },
            setDrawCanTakeTicket(e) {
                this.drawTickets.canTake = e
            },
            setDrawTime(e, t, s) {
                this.drawTickets.availableToBuyTime = e * 1e3, this.drawTickets.ticketTime = t * 1e3, this.drawTickets.ticketToGiveTime = s * 1e3
            },
            parseDrawHistory(e) {
                return (typeof e == "string" ? JSON.parse(e) : e)
                    .map(([l, o, i]) => ({
                        id: l,
                        status: o,
                        createdAt: new Date(i * 1e3)
                    }))
            },
            addDrawHistory(e) {
                const t = this.parseDrawHistory(e);
                this.$store.commit("draw/addHistory", t)
            },
            setDrawHistory(e) {
                const t = this.parseDrawHistory(e);
                this.$store.commit("draw/setHistory", t)
            },
            updateMembersCount() {
                const e = new XMLHttpRequest;
                e.open("GET", this.drawTickets.membersCountUrl, !0), e.setRequestHeader("Cache-Control", "no-store"), e.onload = () => {
                    if (e.status === 200) {
                        const t = JSON.parse(e.responseText);
                        this.drawTickets.membersCount = t.value
                    }
                }, e.send()
            },
            updatePrizes() {
                const e = new XMLHttpRequest;
                e.open("GET", this.contestPrizesUrl, !0), e.setRequestHeader("Cache-Control", "no-store"), e.onload = () => {
                    if (e.status === 200) {
                        const t = JSON.parse(e.responseText);
                        this.drawTickets.prizes = t
                    }
                }, e.send()
            }
        },
        watch: {
            contestPrizesUrl: {
                handler() {
                    this.updatePrizes()
                },
                immediate: !0
            }
        }
    },
    dae = {
        class: "main-menu-easter-header"
    },
    uae = {
        class: "main-menu-easter-header__title"
    },
    hae = n("div", {
        class: "main-menu-easter-header__title-icon"
    }, null, -1),
    pae = n("div", {
        class: "main-menu-easter-header__title-text"
    }, "Пасхальная лихорадка", -1),
    gae = n("div", {
        class: "main-menu-easter-header__description"
    }, [w("Прими участие в охоте за яйцами: собирай осколки на карте и получи ценный приз!"), n("br"), w("Яйца появляются каждый час с 06:30 до 00:30 — поспеши, конкуренция высока!")], -1);

function bae(e, t, s, l, o, i) {
    return a(), r("div", dae, [n("div", uae, [hae, pae, i.isMobile ? (a(), r("div", {
        key: 0,
        class: "main-menu-easter-header__title-hint",
        onClick: t[0] || (t[0] = (...m) => s.startHint && s.startHint(...m))
    })) : h("", !0)]), gae])
}
const vae = {
        props: ["startHint"],
        computed: {
            isMobile() {
                return this.$root.isMobile
            }
        }
    },
    Cae = v(vae, [
        ["render", bae]
    ]),
    yae = {
        class: "main-menu-easter-info"
    },
    fae = {
        class: "main-menu-easter-info__level"
    },
    Tae = n("div", {
        class: "main-menu-easter-info__level-text"
    }, "Для участия необходим", -1),
    Eae = {
        class: "main-menu-easter-info__level-value"
    },
    kae = n("div", {
        class: "main-menu-easter-info__level-text"
    }, "уровень", -1),
    Iae = {
        class: "main-menu-easter-info__timer"
    },
    wae = n("div", {
        class: "main-menu-easter-info__timer-icon"
    }, null, -1),
    Sae = {
        class: "main-menu-easter-info__timer-time"
    },
    Mae = n("div", {
        class: "main-menu-easter-info__timer-helper"
    }, "До конца события", -1);

function Pae(e, t, s, l, o, i) {
    return a(), r("div", yae, [n("div", fae, [Tae, n("div", Eae, C(s.level), 1), kae]), n("div", Iae, [wae, n("div", Sae, C(i.formattedTime), 1), Mae])])
}
const Aae = {
        props: ["level", "secondsLeft"],
        computed: {
            formattedTime() {
                const e = Math.floor(this.secondsLeft / 86400),
                    t = Math.floor(this.secondsLeft / (60 * 60) % 24),
                    s = Math.floor(this.secondsLeft / 60 % 60),
                    l = [];
                return e && l.push(`${e} ${this.enumerateNumber(e,["День","Дня","Дней"])}`), t && l.push(`${t} ${this.enumerateNumber(t,["Час","Часа","Часов"])}`), s && l.push(`${s} ${this.enumerateNumber(s,["Минута","Минуты","Минут"])}`), l.join(" ")
            }
        },
        methods: {
            enumerateNumber(e, t) {
                return e > 100 && (e = e % 100), e <= 20 && e >= 10 ? t[2] : (e > 20 && (e = e % 10), e === 1 ? t[0] : e > 1 && e < 5 ? t[1] : t[2])
            }
        }
    },
    Dae = v(Aae, [
        ["render", Pae]
    ]),
    Lae = {
        class: "main-menu-easter-title"
    },
    xae = {
        class: "main-menu-easter-title__text"
    },
    Oae = {
        class: "main-menu-easter-title__info"
    },
    Bae = {
        class: "main-menu-easter-title__info-tooltip"
    },
    $ae = {
        class: "main-menu-easter-title__info-tooltip-content"
    },
    Nae = {
        class: "main-menu-easter-title__info-tooltip-title"
    },
    Rae = n("div", {
        class: "main-menu-easter-title__line"
    }, null, -1),
    Vae = n("div", {
        class: "main-menu-easter-title__star"
    }, null, -1);

function Hae(e, t, s, l, o, i) {
    return a(), r("div", Lae, [n("div", xae, C(s.text), 1), n("div", Oae, [n("div", Bae, [n("div", $ae, [n("div", Nae, C(s.tooltipTitle), 1), fe(e.$slots, "default", {
        class: "main-menu-easter-title__info-tooltip-content"
    })])])]), Rae, Vae])
}
const Uae = {
        props: ["text", "tooltipTitle"]
    },
    Yae = v(Uae, [
        ["render", Hae]
    ]),
    Et = {
        BRONZE: 0,
        SILVER: 1,
        GOLD: 2
    },
    Kae = {
        class: "main-menu-easter-prizes"
    },
    Gae = n("div", {
        class: "main-menu-easter-prizes__prize-cross"
    }, null, -1),
    Fae = {
        key: 0,
        class: "main-menu-easter-prizes__prize-amount"
    },
    zae = n("div", {
        class: "main-menu-easter-prizes__prize-amount-value"
    }, "Безлимит", -1),
    Zae = [zae],
    qae = {
        key: 1,
        class: "main-menu-easter-prizes__prize-amount"
    },
    Wae = {
        class: "main-menu-easter-prizes__prize-amount-value"
    },
    jae = n("div", {
        class: "main-menu-easter-prizes__prize-amount-helper"
    }, "шт.", -1),
    Xae = {
        key: 2,
        class: "main-menu-easter-prizes__prize-amount main-menu-easter-prizes__prize-amount_over"
    },
    Qae = n("div", {
        class: "main-menu-easter-prizes__prize-amount-value"
    }, "Закончились", -1),
    Jae = [Qae],
    eoe = {
        class: "main-menu-easter-prizes__prize-name"
    };

function toe(e, t, s, l, o, i) {
    return a(), r("div", Kae, [(a(!0), r(I, null, M(s.prizes, (m, _) => (a(), r("div", {
        class: T(["main-menu-easter-prizes__prize", {
            "main-menu-easter-prizes__prize_over": m.amount === 0
        }]),
        key: _
    }, [n("div", {
        class: T(["main-menu-easter-prizes__prize-background", e.PrizeRarityBackgroundClasses[m.rarity]])
    }, null, 2), n("div", {
        class: "main-menu-easter-prizes__prize-image",
        style: x({
            backgroundImage: `url(${e.DAILY_REWARDS_PRIZE_TYPE[m.type].icon(m.itemId)})`
        })
    }, null, 4), Gae, m.amount === -1 ? (a(), r("div", Fae, Zae)) : m.amount > 0 ? (a(), r("div", qae, [n("div", Wae, C(m.amount), 1), jae])) : (a(), r("div", Xae, Jae)), n("div", eoe, C(m.name), 1)], 2))), 128))])
}
const soe = {
        props: ["prizes"],
        data: () => ({
            PrizeRarityBackgroundClasses: {
                [Et.BRONZE]: "main-menu-easter-prizes__prize-background_type-bronze",
                [Et.SILVER]: "main-menu-easter-prizes__prize-background_type-silver",
                [Et.GOLD]: "main-menu-easter-prizes__prize-background_type-gold"
            },
            DAILY_REWARDS_PRIZE_TYPE: nt
        })
    },
    ioe = v(soe, [
        ["render", toe]
    ]),
    noe = {
        class: "main-menu-easter-fragments"
    },
    aoe = n("div", {
        class: "main-menu-easter-fragments__fragment-background"
    }, null, -1),
    ooe = {
        key: 0,
        class: "main-menu-easter-fragments__fragment-lock"
    },
    roe = {
        key: 1,
        class: "main-menu-easter-fragments__fragment-collected"
    },
    loe = {
        class: "main-menu-easter-fragments__fragment-number"
    };

function coe(e, t, s, l, o, i) {
    return a(), r("div", noe, [(a(!0), r(I, null, M(s.fragments, (m, _) => (a(), r("div", {
        class: T(["main-menu-easter-fragments__fragment", {
            "main-menu-easter-fragments__fragment_collected": m.collected,
            "main-menu-easter-fragments__fragment_unavailable": !m.available
        }]),
        key: _
    }, [aoe, n("div", {
        class: "main-menu-easter-fragments__fragment-image",
        style: x({
            backgroundImage: `url(${e.images[`/src/assets/images/main-menu/easter/fragments-mini/${_+1}.png`]})`
        })
    }, null, 4), m.available ? h("", !0) : (a(), r("div", ooe)), m.collected ? (a(), r("div", roe)) : h("", !0), n("div", loe, C(_ + 1), 1)], 2))), 128))])
}
const moe = {
        props: ["fragments"],
        data: () => ({
            images: Object.assign({
                "/src/assets/images/main-menu/easter/fragments-mini/1.png": $m,
                "/src/assets/images/main-menu/easter/fragments-mini/10.png": Nm,
                "/src/assets/images/main-menu/easter/fragments-mini/11.png": Rm,
                "/src/assets/images/main-menu/easter/fragments-mini/12.png": Vm,
                "/src/assets/images/main-menu/easter/fragments-mini/13.png": Hm,
                "/src/assets/images/main-menu/easter/fragments-mini/14.png": Um,
                "/src/assets/images/main-menu/easter/fragments-mini/2.png": Ym,
                "/src/assets/images/main-menu/easter/fragments-mini/3.png": Km,
                "/src/assets/images/main-menu/easter/fragments-mini/4.png": Gm,
                "/src/assets/images/main-menu/easter/fragments-mini/5.png": Fm,
                "/src/assets/images/main-menu/easter/fragments-mini/6.png": zm,
                "/src/assets/images/main-menu/easter/fragments-mini/7.png": Zm,
                "/src/assets/images/main-menu/easter/fragments-mini/8.png": qm,
                "/src/assets/images/main-menu/easter/fragments-mini/9.png": Wm
            })
        })
    },
    _oe = v(moe, [
        ["render", coe]
    ]),
    ve = {
        NONE: 0,
        PRIZES: 1,
        FRAGMENTS: 2
    },
    doe = {
        [ve.PRIZES]: ".main-menu-easter__prizes",
        [ve.FRAGMENTS]: ".main-menu-easter__fragments"
    },
    uoe = {
        [ve.NONE]: {
            title: "",
            description: ""
        },
        [ve.PRIZES]: {
            title: "Title prizes",
            description: "Description prizes"
        },
        [ve.FRAGMENTS]: {
            title: "Title fragments",
            description: "Description fragments"
        }
    },
    hoe = {
        class: "main-menu-easter-hint__info"
    },
    poe = {
        class: "main-menu-easter-hint__info-title"
    },
    goe = n("div", {
        class: "main-menu-easter-hint__info-title-icon"
    }, null, -1),
    boe = {
        class: "main-menu-easter-hint__info-title-text"
    },
    voe = {
        class: "main-menu-easter-hint__info-text"
    },
    Coe = {
        class: "main-menu-easter-hint__info-step"
    };

function yoe(e, t, s, l, o, i) {
    return a(), r("div", {
        class: "main-menu-easter-hint",
        onClick: t[0] || (t[0] = (...m) => s.nextStep && s.nextStep(...m))
    }, [n("div", {
        class: "main-menu-easter-hint__background",
        style: x({
            top: 0,
            left: `${s.zone.left}px`,
            width: `${s.zone.width}px`,
            height: `${s.zone.top}px`
        })
    }, null, 4), n("div", {
        class: "main-menu-easter-hint__background",
        style: x({
            bottom: 0,
            left: `${s.zone.left}px`,
            width: `${s.zone.width}px`,
            height: `${s.zone.bottom}px`
        })
    }, null, 4), n("div", {
        class: "main-menu-easter-hint__background",
        style: x({
            top: 0,
            left: 0,
            width: `${s.zone.left}px`,
            height: "100%"
        })
    }, null, 4), n("div", {
        class: "main-menu-easter-hint__background",
        style: x({
            top: 0,
            right: 0,
            width: `${s.zone.right}px`,
            height: "100%"
        })
    }, null, 4), n("div", {
        class: "main-menu-easter-hint__window",
        style: x({
            top: `${s.zone.top}px`,
            left: `${s.zone.left}px`,
            width: `${s.zone.width}px`,
            height: `${s.zone.height}px`
        })
    }, [n("div", hoe, [n("div", poe, [goe, n("div", boe, C(i.content.title), 1)]), n("div", voe, C(i.content.description), 1), n("div", Coe, C(s.step + 1) + "/3", 1)])], 4)])
}
const foe = {
        props: ["step", "zone", "nextStep"],
        data: () => ({
            HINT_STEP: ve
        }),
        computed: {
            content() {
                return uoe[this.step]
            }
        }
    },
    Toe = v(foe, [
        ["render", yoe]
    ]),
    Eoe = {
        class: "main-menu-easter-leaves-animation"
    };

function koe(e, t) {
    return a(), r("div", Eoe, [(a(), r(I, null, M(2, s => n("div", {
        class: "main-menu-easter-leaves-animation__container",
        key: s
    }, [(a(), r(I, null, M(15, l => n("div", {
        class: "main-menu-easter-leaves-animation__leaf",
        key: l
    })), 64))])), 64))])
}
const Ioe = {},
    woe = v(Ioe, [
        ["render", koe],
        ["__scopeId", "data-v-935b7cee"]
    ]),
    Soe = {
        class: "main-menu-easter-egg"
    },
    Moe = {
        class: "main-menu-easter-egg__fragment-number"
    },
    Poe = {
        key: 0,
        class: "main-menu-easter-egg__fragment-number-collected"
    },
    Aoe = {
        class: "main-menu-easter-egg__eggs-on-map"
    },
    Doe = n("div", {
        class: "main-menu-easter-egg__eggs-on-map-icon"
    }, null, -1),
    Loe = {
        class: "main-menu-easter-egg__eggs-on-map-text"
    };

function xoe(e, t, s, l, o, i) {
    return a(), r("div", Soe, [(a(!0), r(I, null, M(s.fragments, (m, _) => (a(), r("div", {
        class: T(["main-menu-easter-egg__fragment", `main-menu-easter-egg__fragment_index-${_+1}`]),
        style: x({
            backgroundImage: m.collected ? `url(${e.images[`/src/assets/images/main-menu/easter/fragments/${_+1}.png`]})` : void 0
        })
    }, [n("div", Moe, [w(C(_ + 1), 1), m.collected ? (a(), r("div", Poe)) : h("", !0)])], 6))), 256)), n("div", Aoe, [Doe, n("div", Loe, C(s.eggsOnMap) + " яиц разбросано по карте", 1)])])
}
const Ooe = {
        props: ["fragments", "eggsOnMap"],
        data: () => ({
            images: Object.assign({
                "/src/assets/images/main-menu/easter/fragments/1.png": jm,
                "/src/assets/images/main-menu/easter/fragments/10.png": Xm,
                "/src/assets/images/main-menu/easter/fragments/11.png": Qm,
                "/src/assets/images/main-menu/easter/fragments/12.png": Jm,
                "/src/assets/images/main-menu/easter/fragments/13.png": e_,
                "/src/assets/images/main-menu/easter/fragments/14.png": t_,
                "/src/assets/images/main-menu/easter/fragments/2.png": s_,
                "/src/assets/images/main-menu/easter/fragments/3.png": i_,
                "/src/assets/images/main-menu/easter/fragments/4.png": n_,
                "/src/assets/images/main-menu/easter/fragments/5.png": a_,
                "/src/assets/images/main-menu/easter/fragments/6.png": o_,
                "/src/assets/images/main-menu/easter/fragments/7.png": r_,
                "/src/assets/images/main-menu/easter/fragments/8.png": l_,
                "/src/assets/images/main-menu/easter/fragments/9.png": c_
            })
        })
    },
    Boe = v(Ooe, [
        ["render", xoe]
    ]),
    $oe = {
        class: "main-menu-easter"
    },
    Noe = n("div", {
        class: "main-menu-easter__decor"
    }, [n("div", {
        class: "main-menu-easter__decor-line"
    }), n("div", {
        class: "main-menu-easter__decor-line"
    })], -1),
    Roe = {
        class: "main-menu-easter__content"
    },
    Voe = n("div", {
        class: "main-menu-easter__tooltip"
    }, [w("Соберите все осколки большого яйца, чтобы получить заслуженную награду:"), n("div", {
        class: "main-menu-easter__tooltip-separator"
    }), n("div", {
        class: "main-menu-easter__tooltip-row"
    }, [n("div", {
        class: "main-menu-easter__tooltip-icon main-menu-easter__tooltip-icon_gold"
    }), w("Золотой приз — для первых 30 игроков,")]), w("собравших все части яйца."), n("br"), n("div", {
        class: "main-menu-easter__tooltip-row"
    }, [n("div", {
        class: "main-menu-easter__tooltip-icon main-menu-easter__tooltip-icon_silver"
    }), w("Серебряный приз — для следующих 100")]), w("игроков."), n("br"), n("div", {
        class: "main-menu-easter__tooltip-row"
    }, [n("div", {
        class: "main-menu-easter__tooltip-icon main-menu-easter__tooltip-icon_bronze"
    }), w("Бронзовый приз — для всех остальных, кто")]), w("успеет собрать все осколки до конца события."), n("div", {
        class: "main-menu-easter__tooltip-separator"
    }), w("Количество золотых и серебряных призов ограничено, так что торопитесь — скорость решает всё!")], -1),
    Hoe = n("div", {
        class: "main-menu-easter__tooltip"
    }, [w("Осколки становятся доступны постепенно, с каждым новым днём:"), n("div", {
        class: "main-menu-easter__tooltip-separator"
    }), w("День 1: доступны 1-й и 2-й осколки"), n("br"), w("День 2: появляются 3-й и 4-й"), n("br"), w("День 3: доступны 4-й и 5-й, и так далее…"), n("div", {
        class: "main-menu-easter__tooltip-separator"
    }), w("Спавн яиц сопровождается звуковым оповещением и уведомлением, собирайте осколки ежедневно — только так Вы сможете собрать целое яйцо и получить приз!")], -1);

function Uoe(e, t, s, l, o, i) {
    const m = c("LeavesAnimation"),
        _ = c("Egg"),
        b = c("Header"),
        u = c("Info"),
        g = c("Title"),
        y = c("Prizes"),
        f = c("Fragments"),
        k = c("ScrollableContainer"),
        S = c("Hint");
    return a(), r("div", $oe, [d(m), d(_, {
        fragments: s.data.fragments,
        eggsOnMap: s.data.eggsOnMap
    }, null, 8, ["fragments", "eggsOnMap"]), Noe, n("div", Roe, [d(b, {
        class: "main-menu-easter__header",
        startHint: () => e.hintStep = e.HINT_STEP.PRIZES
    }, null, 8, ["startHint"]), d(u, {
        class: "main-menu-easter__info",
        level: s.data.requiredLevel,
        secondsLeft: s.data.secondsLeft
    }, null, 8, ["level", "secondsLeft"]), i.isMobile ? (a(), p(k, {
        key: 0,
        class: "main-menu-easter__container",
        type: 9,
        useMask: !0,
        requiredVerticalScroll: e.requiredVerticalScroll
    }, {
        default: E(() => [d(g, {
            class: "main-menu-easter__title",
            text: "О призах",
            tooltipTitle: "О призах",
            tooltipText: "Заходите в игру ежедневно и играйте 2 часа. В награду выбирайте любую ячейку, подарок Вас порадует. Отыграв 14 и 28 дней, сможете забрать уникальную награду этого месяца."
        }), d(y, {
            class: "main-menu-easter__prizes",
            prizes: s.data.prizes
        }, null, 8, ["prizes"]), d(g, {
            class: "main-menu-easter__title",
            text: "Об осколках",
            tooltipTitle: "Об осколках",
            tooltipText: "Заходите в игру ежедневно и играйте 2 часа. В награду выбирайте любую ячейку, подарок Вас порадует. Отыграв 14 и 28 дней, сможете забрать уникальную награду этого месяца."
        }), d(f, {
            class: "main-menu-easter__fragments",
            fragments: s.data.fragments
        }, null, 8, ["fragments"])]),
        _: 1
    }, 8, ["requiredVerticalScroll"])) : h("", !0), i.isMobile ? h("", !0) : (a(), p(g, {
        key: 1,
        class: "main-menu-easter__title",
        text: "О призах",
        tooltipTitle: "О призах"
    }, {
        default: E(() => [Voe]),
        _: 1
    })), i.isMobile ? h("", !0) : (a(), p(y, {
        key: 2,
        class: "main-menu-easter__prizes",
        prizes: s.data.prizes
    }, null, 8, ["prizes"])), i.isMobile ? h("", !0) : (a(), p(g, {
        key: 3,
        class: "main-menu-easter__title",
        text: "Об осколках",
        tooltipTitle: "Об осколках"
    }, {
        default: E(() => [Hoe]),
        _: 1
    })), i.isMobile ? h("", !0) : (a(), p(f, {
        key: 4,
        class: "main-menu-easter__fragments",
        fragments: s.data.fragments
    }, null, 8, ["fragments"])), e.hintStep !== e.HINT_STEP.NONE ? (a(), p(S, {
        key: 5,
        step: e.hintStep,
        zone: e.hintZone,
        nextStep: i.nextStep
    }, null, 8, ["step", "zone", "nextStep"])) : h("", !0)])])
}
const Yoe = {
        props: ["data"],
        components: {
            Header: Cae,
            Info: Dae,
            Title: Yae,
            Prizes: ioe,
            Fragments: _oe,
            ScrollableContainer: U,
            Hint: Toe,
            LeavesAnimation: woe,
            Egg: Boe
        },
        data: () => ({
            HINT_STEP: ve,
            hintStep: ve.NONE,
            hintZone: {
                top: 100,
                left: 200,
                bottom: 300,
                right: 200,
                width: 500,
                height: 500
            },
            requiredVerticalScroll: 0
        }),
        computed: {
            isMobile() {
                return this.$root.isMobile
            }
        },
        mounted() {
            this.hintStep = ve.NONE, this.requiredVerticalScroll = 0
        },
        methods: {
            nextStep() {
                if (this.hintStep === ve.FRAGMENTS) return this.hintStep = ve.NONE;
                this.hintStep++
            }
        },
        watch: {
            hintStep(e) {
                e !== ve.NONE && (e === ve.PRIZES && (this.requiredVerticalScroll = 0), e === ve.FRAGMENTS && (this.requiredVerticalScroll = 999), j(() => {
                    j(() => {
                        const t = document.querySelector(doe[e]);
                        if (!t) return;
                        const s = t.getBoundingClientRect();
                        this.hintZone = {
                            top: s.top - 10,
                            left: s.left - 10,
                            bottom: window.innerHeight - s.top - s.height - 10,
                            right: window.innerWidth - s.left - s.width - 10,
                            width: s.width + 20,
                            height: s.height + 20
                        }
                    })
                }))
            }
        }
    },
    Koe = v(Yoe, [
        ["render", Uoe]
    ]),
    Goe = {
        data: () => ({
            easter: {
                enabled: !0,
                requiredLevel: 7,
                secondsLeft: 1495920,
                prizes: [{
                    rarity: Et.BRONZE,
                    type: 0,
                    itemId: 1,
                    amount: 143,
                    name: "Bronze prize"
                }, {
                    rarity: Et.SILVER,
                    type: 0,
                    itemId: 2,
                    amount: 0,
                    name: "Silver prize"
                }, {
                    rarity: Et.GOLD,
                    type: 9,
                    itemId: 400,
                    amount: -1,
                    name: "Gold prize"
                }],
                fragments: [{
                    available: !0,
                    collected: !0
                }, {
                    available: !0,
                    collected: !1
                }, {
                    available: !0,
                    collected: !1
                }, {
                    available: !0,
                    collected: !1
                }, {
                    available: !1,
                    collected: !1
                }, {
                    available: !1,
                    collected: !1
                }, {
                    available: !1,
                    collected: !1
                }, {
                    available: !1,
                    collected: !1
                }, {
                    available: !1,
                    collected: !1
                }, {
                    available: !1,
                    collected: !1
                }, {
                    available: !1,
                    collected: !1
                }, {
                    available: !1,
                    collected: !1
                }, {
                    available: !1,
                    collected: !1
                }, {
                    available: !1,
                    collected: !1
                }],
                eggsOnMap: 128,
                interval: null
            }
        }),
        unmounted() {
            this.stopEasterInterval()
        },
        methods: {
            updateEaster(e) {
                const t = {
                    Enabled: 0,
                    RequiredLevel: 1,
                    SecondsLeft: 2,
                    Prizes: 3,
                    Fragments: 4,
                    EggsOnMap: 5
                };
                e = typeof e == "string" ? JSON.parse(e) : e, this.updateEasterEnabled(e[t.Enabled]), this.updateEasterRequiredLevel(e[t.RequiredLevel]), this.updateEasterSecondsLeft(e[t.SecondsLeft]), this.updateEasterPrizes(e[t.Prizes]), this.updateEasterFragments(e[t.Fragments]), this.updateEasterEggsOnMap(e[t.EggsOnMap]), this.startEasterInterval()
            },
            updateEasterEnabled(e) {
                this.easter.enabled = e
            },
            updateEasterRequiredLevel(e) {
                this.easter.requiredLevel = e
            },
            updateEasterSecondsLeft(e) {
                this.easter.secondsLeft = e
            },
            updateEasterPrizes(e) {
                const t = typeof e == "string" ? JSON.parse(e) : e;
                console.log(t), this.easter.prizes = t.map(s => ({
                    ...ys([s])[0],
                    rarity: s[4],
                    amount: s[5],
                    name: s[6]
                }))
            },
            updateEasterFragments(e) {
                const t = typeof e == "string" ? JSON.parse(e) : e;
                this.easter.fragments = t.map(s => ({
                    available: s[0],
                    collected: s[1]
                }))
            },
            updateEasterEggsOnMap(e) {
                this.easter.eggsOnMap = e
            },
            startEasterInterval() {
                clearInterval(this.easter.interval), this.easter.interval = setInterval(() => {
                    this.easter.secondsLeft <= 0 || this.easter.secondsLeft--
                }, 1e3)
            },
            stopEasterInterval() {
                clearInterval(this.easter.interval)
            }
        }
    },
    Foe = {
        class: "main-menu__content"
    };

function zoe(e, t, s, l, o, i) {
    const m = c("Draw"),
        _ = c("Header"),
        b = c("TabStatistics"),
        u = c("TabBattlePass"),
        g = c("TabDocs"),
        y = c("TabPromocodes"),
        f = c("TabAchievements"),
        k = c("TabProperty"),
        S = c("TabMap"),
        O = c("TabTasks"),
        B = c("TabRewards"),
        K = c("TabReport"),
        R = c("TabSettings"),
        oe = c("TabStore"),
        me = c("TabImprovements"),
        We = c("TabPlayerList"),
        se = c("TabEaster"),
        Le = c("CelebrationModal"),
        gt = c("RatingNotificationModal");
    return a(), r("div", {
        class: T(["main-menu iface-container", i.classes])
    }, [d(ae, {
        name: "fade",
        appear: ""
    }, {
        default: E(() => [o.draw.active && o.draw.show ? (a(), p(m, {
            key: 0,
            membersCount: e.drawTickets.membersCount,
            onClose: i.closeDraw,
            "onGoto:tickets": i.gotoDrawTickets
        }, null, 8, ["membersCount", "onClose", "onGoto:tickets"])) : h("", !0)]),
        _: 1
    }), d(_, {
        class: "main-menu__header",
        isPlayerConnected: i.isPlayerConnected,
        player: i.player,
        tabs: i.filteredTabs,
        allTabs: o.tabs,
        isMobile: e.isMobile,
        currentTab: o.isSettings ? i.currentSettingsTab : i.currentTab,
        currentTabName: i.activeTabName,
        isSettings: i.isSettingsStatus,
        canBack: i.isTargetTab || o.canBack,
        disabledControlButtons: i.computedDisabledControlButtons,
        isAlternativeCloseKeyAllowed: o.isAlternativeCloseKeyAllowed,
        storeModalIsOpened: o.storeModalIsOpened,
        isDesktopSquare: e.isDesktopSquare,
        showCloseButton: o.showCloseButton,
        onSelectTab: i.selectTab,
        onPrevTab: i.prevTab,
        onNextTab: i.nextTab,
        onOnClickBag: i.onClickBag,
        onOnClickSettings: i.onClickSettings,
        onOnClickHome: i.onClickHome,
        onOnClickMoney: i.onClickMoney,
        onOnClickDonate: i.onClickDonate,
        onClose: i.close
    }, null, 8, ["isPlayerConnected", "player", "tabs", "allTabs", "isMobile", "currentTab", "currentTabName", "isSettings", "canBack", "disabledControlButtons", "isAlternativeCloseKeyAllowed", "storeModalIsOpened", "isDesktopSquare", "showCloseButton", "onSelectTab", "onPrevTab", "onNextTab", "onOnClickBag", "onOnClickSettings", "onOnClickHome", "onOnClickMoney", "onOnClickDonate", "onClose"]), n("div", Foe, [o.currentTabName === "Statistics" ? (a(), p(b, {
        key: 0,
        ref: "Statistics",
        statistics: e.statistics,
        isSquareMobile: e.isSquareMobile,
        easterEnabled: e.easter.enabled,
        isUnavailableAchievements: e.statistics.level.value < 5,
        "onGoto:achievements": t[0] || (t[0] = _e => i.selectTab("Achievements")),
        "onGoto:report": t[1] || (t[1] = _e => i.selectTab("Report", !0, _e)),
        "onGoto:docs": t[2] || (t[2] = _e => i.selectTab("Docs")),
        "onGoto:improvements": t[3] || (t[3] = _e => i.selectTab("Improvements")),
        "onGoto:property": t[4] || (t[4] = _e => i.selectTab("Property")),
        "onGoto:vips": e.openStoreVips,
        "onGoto:changeNick": e.openChangeNick,
        "onGoto:draw": i.onPlayerClickDraw,
        "onGoto:easter": t[5] || (t[5] = _e => i.selectTab("Easter")),
        onSetControlButtonsDisabledStatus: i.setControlButtonsDisabledStatus
    }, null, 8, ["statistics", "isSquareMobile", "easterEnabled", "isUnavailableAchievements", "onGoto:vips", "onGoto:changeNick", "onGoto:draw", "onSetControlButtonsDisabledStatus"])) : h("", !0), o.currentTabName === "BattlePass" ? (a(), p(u, {
        key: 1,
        battlepass: e.battlepass,
        isSquareMobile: e.isSquareMobile,
        isDisabled: o.celebrationModalIsOpened,
        modal: o.modal,
        playerList: e.playerList,
        onClose: i.close,
        onSetControlButtonsDisabledStatus: i.setControlButtonsDisabledStatus,
        onSetModalErrorText: i.setModalErrorText,
        onSetModalAwaitResponse: i.setModalAwaitResponse
    }, null, 8, ["battlepass", "isSquareMobile", "isDisabled", "modal", "playerList", "onClose", "onSetControlButtonsDisabledStatus", "onSetModalErrorText", "onSetModalAwaitResponse"])) : h("", !0), o.currentTabName === "Docs" ? (a(), p(g, {
        key: 2,
        docs: e.docs,
        havingDocs: e.havingDocs,
        onBack: t[6] || (t[6] = _e => i.selectTab("Statistics"))
    }, null, 8, ["docs", "havingDocs"])) : h("", !0), o.currentTabName === "Promocodes" ? (a(), p(y, {
        key: 3,
        errors: e.promocodes.errors,
        hint: e.promocodes.hint
    }, null, 8, ["errors", "hint"])) : h("", !0), o.currentTabName === "Achievements" ? (a(), p(f, {
        key: 4,
        isUnavailable: e.statistics.level.value < 5,
        achievements: e.achievements,
        onBack: t[7] || (t[7] = _e => i.selectTab("Statistics"))
    }, null, 8, ["isUnavailable", "achievements"])) : h("", !0), o.currentTabName === "Property" ? (a(), p(k, {
        key: 5,
        property: e.property,
        isSquareMobile: e.isSquareMobile,
        onBack: t[8] || (t[8] = _e => i.selectTab("Statistics")),
        "onGoto:report": t[9] || (t[9] = _e => i.selectTab("Report"))
    }, null, 8, ["property", "isSquareMobile"])) : h("", !0), o.currentTabName === "Map" ? (a(), p(S, {
        key: 6,
        ref: "Map",
        map: e.map,
        onSetControlButtonsDisabledStatus: i.setControlButtonsDisabledStatus
    }, null, 8, ["map", "onSetControlButtonsDisabledStatus"])) : h("", !0), o.currentTabName === "Tasks" ? (a(), p(O, {
        key: 7,
        tasks: e.tasksWithStatuses,
        isSquareMobile: e.isSquareMobile
    }, null, 8, ["tasks", "isSquareMobile"])) : h("", !0), o.currentTabName === "Rewards" ? (a(), p(B, {
        key: 8,
        rewards: e.rewards,
        modal: o.modal,
        onSetControlButtonsDisabledStatus: i.setControlButtonsDisabledStatus,
        onSetModalAwaitResponse: i.setModalAwaitResponse,
        onSetModalErrorText: i.setModalErrorText,
        onSetCloseButtonShow: i.setCloseButtonShow
    }, null, 8, ["rewards", "modal", "onSetControlButtonsDisabledStatus", "onSetModalAwaitResponse", "onSetModalErrorText", "onSetCloseButtonShow"])) : h("", !0), o.currentTabName === "Report" ? (a(), p(K, {
        key: 9,
        base: e.base,
        basePosts: e.basePosts,
        queries: e.queries,
        chat: e.chat,
        disabledControlButtons: i.computedDisabledControlButtons,
        requiredDatabaseSearch: o.requiredDatabaseSearch,
        keyWords: e.reportKeyWords,
        isSquareMobile: e.isSquareMobile,
        onSetControlButtonsDisabledStatus: i.setControlButtonsDisabledStatus,
        onLoadReportKnowledgeBaseCategoryPosts: e.loadReportKnowledgeBaseCategoryPosts
    }, null, 8, ["base", "basePosts", "queries", "chat", "disabledControlButtons", "requiredDatabaseSearch", "keyWords", "isSquareMobile", "onSetControlButtonsDisabledStatus", "onLoadReportKnowledgeBaseCategoryPosts"])) : h("", !0), o.currentTabName === "Settings" ? (a(), p(R, {
        key: 10,
        settings: e.settings,
        modal: o.modal,
        tab: o.currentSettingsTabName,
        disabledControlButtons: i.computedDisabledControlButtons,
        onSetControlButtonsDisabledStatus: i.setControlButtonsDisabledStatus,
        onBack: t[10] || (t[10] = _e => i.selectTab("Statistics")),
        onSetModalAwaitResponse: i.setModalAwaitResponse,
        onSetModalErrorText: i.setModalErrorText
    }, null, 8, ["settings", "modal", "tab", "disabledControlButtons", "onSetControlButtonsDisabledStatus", "onSetModalAwaitResponse", "onSetModalErrorText"])) : h("", !0), o.currentTabName === "Store" ? (a(), p(oe, {
        key: 11,
        ref: "Store",
        store: e.store,
        modal: o.modal,
        playerList: e.playerList,
        playerSubscription: e.statistics.info.subscribe,
        isSquareMobile: e.isSquareMobile,
        isMobile: e.isMobile,
        isDisabled: o.celebrationModalIsOpened,
        onSetControlButtonsDisabledStatus: i.setControlButtonsDisabledStatus,
        onSetAlternativeCloseKeyStatus: i.setAlternativeCloseKeyStatus,
        onChangeOverlay: i.changeStoreModalStatus,
        onSetModalAwaitResponse: i.setModalAwaitResponse,
        onSetModalErrorText: i.setModalErrorText
    }, null, 8, ["store", "modal", "playerList", "playerSubscription", "isSquareMobile", "isMobile", "isDisabled", "onSetControlButtonsDisabledStatus", "onSetAlternativeCloseKeyStatus", "onChangeOverlay", "onSetModalAwaitResponse", "onSetModalErrorText"])) : h("", !0), o.currentTabName === "Improvements" ? (a(), p(me, {
        key: 12,
        improvements: e.improvements,
        isSquareMobile: e.isSquareMobile,
        onBack: t[11] || (t[11] = _e => i.selectTab("Statistics"))
    }, null, 8, ["improvements", "isSquareMobile"])) : h("", !0), o.currentTabName === "PlayerList" ? (a(), p(We, {
        key: 13,
        playerList: e.playerList
    }, null, 8, ["playerList"])) : h("", !0), o.currentTabName === "Easter" ? (a(), p(se, {
        key: 14,
        data: e.easter
    }, null, 8, ["data"])) : h("", !0)]), d(Le, {
        isOpened: o.celebrationModalIsOpened,
        data: o.celebrationModalData,
        onClose: i.closeCelebrationModal
    }, null, 8, ["isOpened", "data", "onClose"]), d(gt, {
        isOpened: o.ratingNotificationModalIsOpened,
        data: o.ratingNotificationModalData,
        onClose: i.closeRatingNotificationModal
    }, null, 8, ["isOpened", "data", "onClose"])], 2)
}
const ee = {
        UPDATE_MAIN_STATS: 0,
        UPDATE_MONEY: 1,
        UPDATE_DOCUMENT: 2,
        UPDATE_TASKS: 3,
        UPDATE_BATTLE_PASS: 4,
        UPDATE_ACHIVEMENT: 5,
        UPDATE_BONUS_CODE: 6,
        UPDATE_PROMOCODE: 7,
        UPDATE_DAILY_REARDS: 8,
        UPDATE_PLAYER_REWARDS: 9,
        UPDATE_SETTINGS: 10,
        UPDATE_HELPS_QUERIES: 11,
        UPDATE_HELP_CHAT: 12,
        UPDATE_STORE_DATA: 13,
        OPEN_ITEM_STORE: 14,
        UPDATE_IMPROVE_PLAYER: 15,
        UPDATE_HELP_OTHER_DATA: 16,
        UPDATE_DRAW_INFO: 17,
        UPDATE_PROPERTY: 18,
        UPDATE_SETTINGS_VOICE_CHAT_PLAYERS: 19,
        UPDATE_BATTLE_PASS_STORE: 20
    },
    be = {
        MAP: 0,
        STATISTICS: 1,
        IMPROVEMENTS: 2,
        DOCS: 3,
        ACHIEVEMENTS: 4,
        PROPERTY: 5,
        TASKS: 6,
        REWARDS: 7,
        BATTLE_PASS: 8,
        STORE: 9,
        SETTINGS: 10,
        REPORT: 12,
        DRAW: 12,
        EASTER: 13
    },
    Zoe = 2e3,
    qoe = {
        mixins: [f_, iM, iE, S9, PC, Kk, AC, Yk, pw, JS, yY, Oj, Su, oie, rie, _ae, Goe],
        props: ["openParams"],
        components: {
            TabStatistics: I9,
            TabBattlePass: MC,
            TabAchievements: yE,
            TabProperty: sE,
            TabPromocodes: nI,
            TabDocs: Uk,
            TabTasks: uw,
            TabReport: QS,
            TabSettings: vY,
            TabStore: xj,
            TabImprovements: gJ,
            TabMap: bee,
            TabRewards: nie,
            TabPlayerList: xie,
            TabDraw: mae,
            TabEaster: Koe,
            Draw: qu,
            Header: a3,
            CelebrationModal: z3,
            RatingNotificationModal: i0
        },
        data() {
            return {
                draw: {
                    show: !0,
                    active: !1
                },
                modal: {
                    awaitResponseStatus: !1,
                    errorText: "",
                    closeRequestCounter: 0
                },
                modalShowPreloaderTimeout: null,
                currentOnline: 0,
                updatePlayersInterval: null,
                canClose: !0,
                canBack: !1,
                requestTab: null,
                tabs: [{
                    name: "Map",
                    label: "Карта",
                    icon: "Map",
                    type: be.MAP
                }, {
                    name: "Statistics",
                    label: "Персонаж",
                    icon: "Statistics",
                    type: be.STATISTICS
                }, {
                    name: "Improvements",
                    target: "Statistics",
                    type: be.IMPROVEMENTS
                }, {
                    name: "Docs",
                    target: "Statistics",
                    type: be.DOCS
                }, {
                    name: "Promocodes",
                    target: "Statistics"
                }, {
                    name: "Achievements",
                    target: "Statistics",
                    type: be.ACHIEVEMENTS
                }, {
                    name: "Property",
                    target: "Statistics",
                    type: be.PROPERTY
                }, {
                    name: "Tasks",
                    label: "Задания",
                    icon: "Tasks",
                    type: be.TASKS
                }, {
                    name: "Rewards",
                    label: "Награды",
                    icon: "Rewards",
                    mark: {
                        status: !1
                    },
                    type: be.REWARDS
                }, {
                    name: "BattlePass",
                    label: "Пропуск",
                    smallLabel: "Пропуск",
                    icon: "BattlePass",
                    type: be.BATTLE_PASS
                }, {
                    name: "RewardsPlayer",
                    target: "Rewards"
                }, {
                    name: "Store",
                    label: "Магазин",
                    icon: "Store",
                    onBack: "onBack",
                    hidden: !0,
                    type: be.STORE
                }, {
                    name: "Settings",
                    label: "Настройки",
                    hidden: !0,
                    isManualOpen: !1,
                    target: "Statistics",
                    type: be.SETTINGS
                }, {
                    name: "Report",
                    label: "Помощь",
                    icon: "Help",
                    type: be.REPORT
                }, {
                    name: "PlayerList",
                    hideHeader: !0,
                    isManualOpen: !0,
                    hidden: !0
                }, {
                    name: "Draw",
                    hidden: !0,
                    target: "Statistics",
                    type: be.DRAW
                }, {
                    name: "Easter",
                    hidden: !0,
                    target: "Statistics",
                    type: be.EASTER
                }],
                settingsTabs: [{
                    name: "general",
                    label: "Общие",
                    icon: "Settings"
                }, {
                    name: "sound",
                    label: "Звук",
                    icon: "Sound"
                }, {
                    name: "graphics",
                    label: "Графика",
                    icon: "Graphics"
                }, {
                    name: "control",
                    label: "Управление",
                    icon: "Controls"
                }],
                isSettings: !1,
                storeModalIsOpened: !1,
                disabledControlButtons: !1,
                isAlternativeCloseKeyAllowed: !0,
                currentSettingsTabName: "general",
                prevTabName: null,
                currentTabName: "Map",
                requiredDatabaseSearch: "",
                celebrationModalIsOpened: !1,
                celebrationModalData: [],
                ratingNotificationModalIsOpened: !1,
                ratingNotificationModalData: [],
                showCloseButton: !0
            }
        },
        computed: {
            isDevelopment() {
                return this.$root.isDevelopment
            },
            isPlayerConnected() {
                return this.$store.getters["player/isPlayerConnected"]
            },
            player() {
                const e = this.$store.getters;
                return {
                    money: e["player/money"],
                    bankMoney: e["player/bankMoney"],
                    donate: e["player/donate"],
                    casinoChips: e["player/casinoChips"]
                }
            },
            classes() {
                const {
                    currentTabName: e
                } = this;
                return {
                    "main-menu_mobile": this.isMobile,
                    "main-menu_improvements": e === "Improvements",
                    "main-menu_tasks": e === "Tasks",
                    "main-menu_rewards": e === "Rewards",
                    "main-menu_store": e === "Store",
                    "main-menu_battle-pass": e === "BattlePass",
                    "main-menu_easter": e === "Easter"
                }
            },
            filteredTabs() {
                if (this.isSettingsStatus) return this.settingsTabs;
                if (this.currentTab.isCustomTabs || this.currentTab.customTarget) {
                    let e = this.currentTab.isCustomTabs ? this.currentTab.name : this.currentTab.customTarget;
                    return this.tabs.filter(t => t.customTarget === e)
                }
                return this.tabs.filter(e => !e.target && !e.customTarget && !e.hidden)
            },
            currentTab() {
                return this.tabs.find(e => e.name === this.currentTabName)
            },
            currentSettingsTab() {
                return this.settingsTabs.find(e => e.name === this.currentSettingsTabName)
            },
            activeTabName() {
                return this.isSettingsStatus ? this.currentSettingsTabName : this.currentTabName
            },
            isTargetTab() {
                return !!this.currentTab.target || !!this.currentTab.customTarget
            },
            isSettingsStatus() {
                return this.currentTabName === "Settings"
            },
            isHeaderShown() {
                return !this.currentTab.hideHeader
            },
            isPlayerListActive() {
                return this.currentTabName === "PlayerList"
            },
            computedDisabledControlButtons() {
                return this.disabledControlButtons || this.celebrationModalIsOpened || this.ratingNotificationModalIsOpened
            }
        },
        created() {
            if (this.$data.noAdaptation = !0, this.isUnmounted = !1, this.$store.dispatch("cdnLinks/updateUrls"), sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "MainMenu_OnPlayerOpen"), this.openParams)
                if (this.openParams[0] === v_) {
                    const e = [Me.STORE, Me.CONVERT, Me.TOPUP];
                    j(() => {
                        this.isUnmounted || (e.includes(this.openParams[1]) && this.selectTab("Store"), this.openParams[1] === Me.CONVERT && this.openConvertation(), this.openParams[1] === Me.TOPUP && this.openTopUp(), this.openParams[1] === Me.SETTINGS && this.selectTab("Settings"), this.openParams[1] === Me.BATTLE_PASS && this.selectTab("BattlePass"), this.openParams[1] === Me.REPORT && this.selectTab("Report", !0, this.openParams[2]), this.openParams[1] === Me.REWARDS && this.selectTab("Rewards"), this.openParams[1] === Me.DRAW && this.onPlayerClickDraw())
                    })
                } else this.onServerResponse(this.openParams[0], this.openParams[2]), this.openParams[1] !== -1 && this.selectTab(this.tabs[this.openParams[1]].name, !1);
            this.isMobile && this.setMobileTabs(), this.setMobileSideOffset()
        },
        mounted() {
            window.setDrawLabelStatus(!1), window.updatePlayers(), this.startEasterInterval(), this.updatePlayersInterval = setInterval(() => {
                window.updatePlayerList(), window.updatePlayers()
            }, 5e3)
        },
        beforeUnmount() {
            this.stopEasterInterval(), this.isUnmounted = !0
        },
        unmounted() {
            window.setDrawLabelStatus(!0), clearTimeout(this.modalShowPreloaderTimeout), clearInterval(this.updatePlayersInterval)
        },
        methods: {
            setMobileTabs() {
                this.isPlayerConnected || (this.currentSettingsTabName = "sound", this.settingsTabs.shift())
            },
            setControlButtonsDisabledStatus(e) {
                this.disabledControlButtons = e
            },
            setAlternativeCloseKeyStatus(e) {
                this.isAlternativeCloseKeyAllowed = e
            },
            changeStoreModalStatus(e) {
                this.storeModalIsOpened = e
            },
            setDrawStatus(e) {
                this.draw.active = e
            },
            closeDraw() {
                this.draw.show = !1
            },
            onPlayerClickDraw() {
                sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "MainMenu_OnPlayerClickDraw")
            },
            gotoDrawTickets() {
                this.onPlayerClickDraw()
            },
            openPlayerList() {
                this.isMobile && (this.currentTabName = "PlayerList")
            },
            setPrevTabName(e) {
                this.prevTabName = e
            },
            gotoBack() {
                this.prevTabName && this.selectTab(this.prevTabName)
            },
            setRequestTab(e) {
                this.requestTab = e
            },
            onClickMoney() {
                this.openConvertation(this.currentTabName)
            },
            onClickDonate() {
                this.openTopUp(this.currentTabName)
            },
            onClickHome() {
                this.sendCloseEvent(), window.closeInterface("MainMenu"), window.openPauseMenu()
            },
            setCurrentOnline(e) {
                this.currentOnline = e
            },
            close() {
                if (this.canBack && this.currentTab.onBack && this.$refs[this.currentTab.name][this.currentTab.onBack](), !this.canClose && this.currentTabName === "BattlePass" && this.battlepass.closeOverlayRequestCounter++, !(!this.canClose || this.canBack))
                    if (this.isTargetTab && !(this.isSettingsStatus && !this.isPlayerConnected)) {
                        let e = this.currentTab.target ? this.currentTab.target : this.tabs.find(t => !t.target && !t.customTarget)
                            .name;
                        this.selectTab(e)
                    } else this.sendCloseEvent(), window.closeInterface("MainMenu"), this.isPlayerConnected || window.openInterface("PauseMenu")
            },
            sendCloseEvent() {
                sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "MainMenu_OnPlayerCloseInterface")
            },
            setCloseButtonShow(e) {
                this.showCloseButton = e
            },
            onClickBag() {
                window.playSound("UI/UI_menu_click_market.mp3"), this.selectTab("Store")
            },
            onClickSettings() {
                window.playSound("UI/UI_settings_click.mp3"), this.selectTab("Settings")
            },
            selectTab(e, t = !0, s = "") {
                if (this.closeDraw(), this.setModalAwaitResponse(!1), this.setModalErrorText(""), this.requiredDatabaseSearch = s, e === "PlayerList") return;
                e === "Store" && this.store.defaultStateRequestCounter++, e === "Report" && (this.disabledControlButtons = !1), e === "Rewards" && (this.rewards.loadedDaily = !1);
                let l = this.settingsTabs.find(({
                    name: i
                }) => i === e);
                l ? this.isSettings = !0 : (l = this.tabs.find(({
                    name: i
                }) => i === e), this.isSettings = !1), this.setCanClose(!0);
                const o = this.currentTabName;
                if (l.isManualOpen && !this.developmentMode)
                    if (this.requestTab === e) {
                        this.currentTabName = e;
                        return
                    } else this.setRequestTab(e);
                else this.isSettings ? this.currentSettingsTabName = e : this.currentTabName = e;
                if (l && l.isCustomTabs) {
                    let i = this.tabs.find(m => m.customTarget === l.name);
                    return this.selectTab(i.name)
                }
                t && o !== e && this.sendServerEvent(e)
            },
            sendServerEvent(e) {
                e == "Report" && this.initReportKnowledgeBase(), e == "Settings" && sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "P3_OnPlayerOpenIntefaceMainMenu"), sendClientEvent(gm.EVENT_EXECUTE_PUBLIC, "MainMenu_OnPlayerChangeTab", this.tabs.findIndex(t => t.name == e))
            },
            prevTab() {
                if (!window.isBluredInput) return;
                const {
                    filteredTabs: e,
                    activeTabName: t
                } = this;
                let s = e.findIndex(l => l.name === t || this.currentTab && l.name === this.currentTab.target);
                s - 1 >= 0 ? s-- : s = e.length - 1, this.selectTab(e[s].name)
            },
            nextTab() {
                if (!window.isBluredInput) return;
                const {
                    filteredTabs: e,
                    activeTabName: t
                } = this;
                let s = e.findIndex(l => l.name === t || this.currentTab && l.name === this.currentTab.target);
                s + 1 < e.length ? s++ : s = 0, this.selectTab(e[s].name)
            },
            onServerResponse(e, t) {
                let s = typeof t == "string" ? JSON.parse(t) : t;
                e == ee.UPDATE_MAIN_STATS ? this.updateMainStats(s) : e == ee.UPDATE_DOCUMENT ? this.updateDocsData(s) : e == ee.UPDATE_TASKS ? this.updateTask(s) : e == ee.UPDATE_BATTLE_PASS ? (this.updateBattleData(s), this.selectTab("BattlePass"), this.setRequestTab(null)) : e == ee.UPDATE_ACHIVEMENT ? this.updateAchivementData(s) : e === ee.UPDATE_PROPERTY ? this.updatePropertyData(s) : e == ee.UPDATE_BONUS_CODE || e == ee.UPDATE_PROMOCODE ? this.updatePromocodeData(e, s) : e == ee.UPDATE_SETTINGS ? (this.updateServerSettings(s), this.selectTab("Settings"), this.setRequestTab(null)) : e == ee.UPDATE_DAILY_REARDS ? this.updateDailyRewards(s) : e == ee.UPDATE_HELPS_QUERIES ? this.updateHelpsQueries(s) : e == ee.UPDATE_HELP_CHAT ? this.updateHelpChat(s) : e == ee.UPDATE_STORE_DATA ? this.setStoreAllItem(s) : e == ee.OPEN_ITEM_STORE ? this.openItemStore(s) : e == ee.UPDATE_IMPROVE_PLAYER ? this.updateImprovementData(s) : e == ee.UPDATE_HELP_OTHER_DATA ? this.updateReportOtherData(s) : e == ee.UPDATE_PLAYER_REWARDS ? this.updatePlayerRewards(s) : e == ee.UPDATE_DRAW_INFO ? (this.updateDrawData(s), this.selectTab("Draw")) : e == ee.UPDATE_SETTINGS_VOICE_CHAT_PLAYERS ? this.updateServerSettingsVoiceChatPlayers(s) : e == ee.UPDATE_BATTLE_PASS_STORE && this.updateBattlePassStoreData(s)
            },
            onServerModalResponse([e, t]) {
                this.modal.awaitResponseStatus = !1;
                const s = e === bn.ERROR ? t : "";
                e === bn.SUCCESS && (this.modal.closeRequestCounter += 1), e !== bn.HIDE_PRELOADER && this.setModalErrorText(s)
            },
            setCanClose(e) {
                this.canClose = e
            },
            setCanBack(e) {
                this.canBack = e
            },
            setTabNotification(e) {
                e.forEach(([t, s, l]) => {
                    const o = this.tabs.find(i => i.type === t);
                    o && (o.mark = {
                        status: s,
                        count: l
                    })
                })
            },
            setTabSale(e) {
                e.forEach(([t, s]) => {
                    const l = this.tabs.find(o => o.type === t);
                    l && (l.sale = s)
                })
            },
            setModalAwaitResponse(e) {
                this.modal.awaitResponseStatus = e
            },
            setModalErrorText(e) {
                this.modal.errorText = e
            },
            startModalShowPreloaderTimeout() {
                clearTimeout(this.modalShowPreloaderTimeout), this.modalShowPreloaderTimeout = setTimeout(window.showFullScreenPreloader, Zoe)
            },
            openCelebrationModal(e) {
                this.celebrationModalData = e, this.celebrationModalIsOpened = !0
            },
            closeCelebrationModal() {
                this.celebrationModalData = [], this.celebrationModalIsOpened = !1
            },
            openRatingNotificationModal(e) {
                this.ratingNotificationModalData = e, this.ratingNotificationModalIsOpened = !0
            },
            closeRatingNotificationModal() {
                this.ratingNotificationModalData = [], this.ratingNotificationModalIsOpened = !1
            },
            updateReportKeyWords(e) {
                this.updateReportKeyWordsList(e)
            }
        },
        watch: {
            currentTabName() {
                this.setCanBack(!1)
            },
            "modal.awaitResponseStatus"(e) {
                e ? (this.modal.errorText = "", this.startModalShowPreloaderTimeout()) : (clearTimeout(this.modalShowPreloaderTimeout), window.hideFullScreenPreloader())
            }
        }
    },
    dle = v(qoe, [
        ["render", zoe]
    ]);
export {
    dle as
    default
};