@oneb/ui-vue 0.0.56 → 0.0.58

package/dist/layout/index.js

@@ -1,10 +1,10 @@
-import { defineComponent as J, computed as K, resolveComponent as o1, openBlock as t, createElementBlock as l, normalizeClass as h, createElementVNode as e, createBlock as x, resolveDynamicComponent as q, createCommentVNode as r, toDisplayString as c, withCtx as n1, ref as I, Fragment as F, renderList as Z, createVNode as u, unref as v, createTextVNode as u1, pushScopeId as a1, popScopeId as r1, inject as h1, watch as C1, renderSlot as e1, withModifiers as f1 } from "vue";
-import { _ as Q } from "../_plugin-vue_export-helper-dad06003.js";
-import { _ as G, S as w1 } from "../index-72d69e4e.js";
-import { r as v1 } from "../XMarkIcon-51ef0691.js";
-import { O as m1, b as x1 } from "../OneBrowserMenu-7507902f.js";
+import { defineComponent as Q, computed as G, resolveComponent as o1, openBlock as t, createElementBlock as l, normalizeClass as C, createElementVNode as e, createBlock as _, resolveDynamicComponent as Z, createCommentVNode as r, toDisplayString as c, withCtx as n1, ref as D, Fragment as R, renderList as T, createVNode as h, unref as m, createTextVNode as u1, pushScopeId as a1, popScopeId as r1, inject as h1, watch as C1, renderSlot as e1, withModifiers as f1 } from "vue";
+import { _ as X } from "../_plugin-vue_export-helper-dad06003.js";
+import { r as i1, O as w1, b as v1 } from "../OneBrowserMenu-cd45e2b1.js";
+import { _ as J, S as m1 } from "../index-72d69e4e.js";
+import { r as x1 } from "../XMarkIcon-51ef0691.js";
 import "../common/index.js";
-const i1 = {
+const c1 = {
   items: {
     required: !0,
     type: Array
@@ -59,7 +59,7 @@ const i1 = {
     default: !0
   }
 }, b1 = {
-  sidebarItems: i1.items,
+  sidebarItems: c1.items,
   logoSrc: {
     type: String
   },
@@ -100,30 +100,30 @@ const i1 = {
 }, k1 = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, $1 = { class: "py-[8px] pl-0 pr-[8px]" }, S1 = { class: "flex flex-nowrap items-center w-full h-[24px]" }, O1 = {
   key: 0,
   class: "w-[44px] flex-shrink-0"
-}, B1 = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, j1 = { class: "py-[8px] pl-0 pr-[8px]" }, M1 = /* @__PURE__ */ J({
+}, B1 = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, j1 = { class: "py-[8px] pl-0 pr-[8px]" }, V1 = /* @__PURE__ */ Q({
   __name: "OneSidebarLink",
   props: _1,
-  setup(n) {
-    const p = n, m = K(() => p.href != null ? p.href : !1), f = K(() => p.route != null ? p.route : p.routeName != null ? { name: p.routeName } : "/");
-    return (i, P) => {
-      const d = o1("RouterLink");
-      return m.value ? (t(), l("a", {
+  setup(o) {
+    const d = o, x = G(() => d.href != null ? d.href : !1), w = G(() => d.route != null ? d.route : d.routeName != null ? { name: d.routeName } : "/");
+    return (i, q) => {
+      const u = o1("RouterLink");
+      return x.value ? (t(), l("a", {
         key: 0,
-        href: m.value,
-        class: h(["flex items-center rounded-lg text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66]", [i.slim ? "w-[44px] h-[44px]" : "h-[44px] w-full"]])
+        href: x.value,
+        class: C(["flex items-center rounded-lg text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66]", [i.slim ? "w-[44px] h-[44px]" : "h-[44px] w-full"]])
       }, [
         e("div", g1, [
           i.icon ? (t(), l("div", L1, [
-            (t(), x(q(i.icon), { class: "w-[24px] h-[24px] mx-auto" }))
+            (t(), _(Z(i.icon), { class: "w-[24px] h-[24px] mx-auto" }))
           ])) : r("", !0),
           e("div", k1, [
             e("span", $1, c(i.label), 1)
           ])
         ])
-      ], 10, y1)) : (t(), x(d, {
+      ], 10, y1)) : (t(), _(u, {
         key: 1,
-        to: f.value,
-        class: h(["flex items-center rounded-lg text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66]", [i.slim ? "w-[44px] h-[44px]" : "h-[44px] w-full"]]),
+        to: w.value,
+        class: C(["flex items-center rounded-lg text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66]", [i.slim ? "w-[44px] h-[44px]" : "h-[44px] w-full"]]),
         "active-class": i.exact ? "" : "bg-primary-10 !text-primary-base",
         "exact-active-class": i.exact ? "bg-primary-10 !text-primary-base" : "",
         exact: i.exact
@@ -131,7 +131,7 @@ const i1 = {
         default: n1(() => [
           e("div", S1, [
             i.icon ? (t(), l("div", O1, [
-              (t(), x(q(i.icon), { class: "w-[24px] h-[24px] mx-auto" }))
+              (t(), _(Z(i.icon), { class: "w-[24px] h-[24px] mx-auto" }))
             ])) : r("", !0),
             e("div", B1, [
               e("span", j1, c(i.label), 1)
@@ -142,7 +142,7 @@ const i1 = {
       }, 8, ["to", "active-class", "exact-active-class", "exact", "class"]));
     };
   }
-}), V1 = {}, N1 = {
+}), M1 = {}, N1 = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",
   height: "24",
@@ -164,11 +164,11 @@ const i1 = {
   A1,
   E1
 ];
-function I1(n, p) {
+function I1(o, d) {
   return t(), l("svg", N1, H1);
 }
-const c1 = /* @__PURE__ */ Q(V1, [["render", I1]]);
-function P1(n, p) {
+const p1 = /* @__PURE__ */ X(M1, [["render", I1]]);
+function P1(o, d) {
   return t(), l("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -184,23 +184,7 @@ function P1(n, p) {
     })
   ]);
 }
-function p1(n, p) {
-  return t(), l("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    "stroke-width": "1.8",
-    stroke: "currentColor",
-    "aria-hidden": "true"
-  }, [
-    e("path", {
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      d: "M8.25 4.5l7.5 7.5-7.5 7.5"
-    })
-  ]);
-}
-function D1(n, p) {
+function D1(o, d) {
   return t(), l("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -216,7 +200,7 @@ function D1(n, p) {
     })
   ]);
 }
-function d1(n, p) {
+function d1(o, d) {
   return t(), l("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -237,7 +221,7 @@ function d1(n, p) {
     })
   ]);
 }
-const q1 = (n) => (a1("data-v-57d3d3f4"), n = n(), r1(), n), F1 = { class: "h-full relative" }, Z1 = { class: "space-y-1 p-2 h-full relative" }, R1 = { class: "absolute left-2 bottom-2 right-2" }, T1 = {
+const q1 = (o) => (a1("data-v-57d3d3f4"), o = o(), r1(), o), F1 = { class: "h-full relative" }, Z1 = { class: "space-y-1 p-2 h-full relative" }, R1 = { class: "absolute left-2 bottom-2 right-2" }, T1 = {
   key: 0,
   class: "ml-3 flex justify-between border rounded-lg p-2 bg-[#F5F5F5] mb-3 w-[220px]"
 }, W1 = { class: "flex items-center space-x-2 text-[#525B66]" }, U1 = { class: "text-sm" }, K1 = { class: "text-xs" }, G1 = ["href"], J1 = { class: "flex flex-nowrap items-center w-max h-[24px]" }, Q1 = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full text-[#525B66]" }, X1 = { class: "py-[8px] pl-0 pr-[8px]" }, Y1 = ["href"], e0 = { class: "flex flex-nowrap items-center w-max h-[24px]" }, t0 = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, s0 = { class: "py-[8px] pl-0 pr-[8px]" }, l0 = {
@@ -255,149 +239,149 @@ const q1 = (n) => (a1("data-v-57d3d3f4"), n = n(), r1(), n), F1 = { class: "h-fu
 }, d0 = {
   key: 1,
   class: "absolute top-0 right-1.5 w-2 h-2 bg-blue-500 text-white rounded-full z-10"
-}, u0 = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, h0 = { class: "py-[8px] pl-0 pr-[8px]" }, C0 = ["href"], f0 = { class: "flex flex-nowrap items-center w-full h-[24px]" }, w0 = { class: "w-[44px] flex-shrink-0 relative" }, v0 = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, m0 = { class: "py-[8px] pl-0 pr-[8px]" }, x0 = /* @__PURE__ */ q1(() => /* @__PURE__ */ e("span", null, "Powered by OneB", -1)), _0 = /* @__PURE__ */ J({
+}, u0 = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, h0 = { class: "py-[8px] pl-0 pr-[8px]" }, C0 = ["href"], f0 = { class: "flex flex-nowrap items-center w-full h-[24px]" }, w0 = { class: "w-[44px] flex-shrink-0 relative" }, v0 = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, m0 = { class: "py-[8px] pl-0 pr-[8px]" }, x0 = /* @__PURE__ */ q1(() => /* @__PURE__ */ e("span", null, "Powered by OneB", -1)), _0 = /* @__PURE__ */ Q({
   __name: "OneSidebar",
-  props: i1,
+  props: c1,
   emits: ["show-news", "show-tariff"],
-  setup(n, { emit: p }) {
-    var D, s, w;
-    const m = p, f = n, i = K(() => {
-      var a;
-      return ((a = f.news) == null ? void 0 : a.unseenCount) || 0;
-    }), P = () => {
-      m("show-news");
-    }, d = () => {
-      m("show-tariff");
-    }, _ = I(!1), C = I((D = f.app) != null && D.availableLang && ((s = f.app) == null ? void 0 : s.availableLang.length) > 0 ? (w = f.app) == null ? void 0 : w.availableLang[0] : null), R = () => {
-      _.value = !_.value;
-    }, T = (a) => {
-      C.value = a, _.value = !1;
+  setup(o, { emit: d }) {
+    var F, s, v;
+    const x = d, w = o, i = G(() => {
+      var n;
+      return ((n = w.news) == null ? void 0 : n.unseenCount) || 0;
+    }), q = () => {
+      x("show-news");
+    }, u = () => {
+      x("show-tariff");
+    }, b = D(!1), f = D((F = w.app) != null && F.availableLang && ((s = w.app) == null ? void 0 : s.availableLang.length) > 0 ? (v = w.app) == null ? void 0 : v.availableLang[0] : null), W = () => {
+      b.value = !b.value;
+    }, U = (n) => {
+      f.value = n, b.value = !1;
     };
-    return (a, W) => {
-      var b, y, g, L, k, $, S, O, B, j, M, V, N, z, A, E, H;
+    return (n, K) => {
+      var g, L, k, $, S, O, B, j, V, M, N, z, A, E, H, I, P;
       return t(), l("div", F1, [
         e("div", Z1, [
-          (t(!0), l(F, null, Z(a.items, (o) => (t(), x(M1, {
-            key: o.label,
-            icon: o.icon,
-            label: o.label,
-            route: o.route,
-            href: o.href,
-            "route-name": o.routeName,
-            exact: o.exact || !1,
-            slim: a.slim
+          (t(!0), l(R, null, T(n.items, (p) => (t(), _(V1, {
+            key: p.label,
+            icon: p.icon,
+            label: p.label,
+            route: p.route,
+            href: p.href,
+            "route-name": p.routeName,
+            exact: p.exact || !1,
+            slim: n.slim
           }, null, 8, ["icon", "label", "route", "href", "route-name", "exact", "slim"]))), 128)),
           e("div", R1, [
             e("div", {
-              class: h([a.slim ? "hidden" : "w-max"])
+              class: C([n.slim ? "hidden" : "w-max"])
             }, [
-              (b = a.app) != null && b.selectedPlan ? (t(), l("div", T1, [
+              (g = n.app) != null && g.selectedPlan ? (t(), l("div", T1, [
                 e("div", W1, [
-                  u(v(d1), { class: "w-[24px] h-[24px]" }),
+                  h(m(d1), { class: "w-[24px] h-[24px]" }),
                   e("div", null, [
-                    e("p", U1, c(((y = a.app) == null ? void 0 : y.selectedPlan.name) || "Free"), 1),
-                    e("p", K1, c(((g = a.app) == null ? void 0 : g.selectedPlan.title) || "Тарифний план"), 1)
+                    e("p", U1, c(((L = n.app) == null ? void 0 : L.selectedPlan.name) || "Free"), 1),
+                    e("p", K1, c(((k = n.app) == null ? void 0 : k.selectedPlan.title) || "Тарифний план"), 1)
                   ])
                 ]),
                 e("div", null, [
-                  u(G, {
+                  h(J, {
                     class: "text-[#525B66] hover:text-[#4089E0]",
                     variant: "touch",
-                    icon: v(p1),
-                    onClick: d
+                    icon: m(i1),
+                    onClick: u
                   }, null, 8, ["icon"])
                 ])
               ])) : r("", !0),
-              (L = a.app) != null && L.terms ? (t(), l("a", {
+              ($ = n.app) != null && $.terms ? (t(), l("a", {
                 key: 1,
-                href: (k = a.app) == null ? void 0 : k.terms.url,
+                href: (S = n.app) == null ? void 0 : S.terms.url,
                 target: "_blank",
                 class: "ml-3 flex items-center rounded-lg text-xs hover:underline font-extralight"
               }, [
                 e("div", J1, [
                   e("div", Q1, [
-                    e("span", X1, c((($ = a.app) == null ? void 0 : $.terms.label) || "Terms"), 1)
+                    e("span", X1, c(((O = n.app) == null ? void 0 : O.terms.label) || "Terms"), 1)
                   ])
                 ])
               ], 8, G1)) : r("", !0),
-              (S = a.app) != null && S.offer ? (t(), l("a", {
+              (B = n.app) != null && B.offer ? (t(), l("a", {
                 key: 2,
-                href: (O = a.app) == null ? void 0 : O.offer.url,
+                href: (j = n.app) == null ? void 0 : j.offer.url,
                 target: "_blank",
                 class: "ml-3 flex items-center rounded-lg text-xs hover:underline text-[#525B66] font-extralight"
               }, [
                 e("div", e0, [
                   e("div", t0, [
-                    e("span", s0, c(((B = a.app) == null ? void 0 : B.offer.label) || "Offert"), 1)
+                    e("span", s0, c(((V = n.app) == null ? void 0 : V.offer.label) || "Offert"), 1)
                   ])
                 ])
               ], 8, Y1)) : r("", !0),
-              (M = (j = a.app) == null ? void 0 : j.availableLang) != null && M.length ? (t(), l("div", l0, [
+              (N = (M = n.app) == null ? void 0 : M.availableLang) != null && N.length ? (t(), l("div", l0, [
                 e("div", {
                   class: "select-box flex gap-x-3 text-xs text-[#525B66] cursor-pointer",
-                  onClick: R
+                  onClick: W
                 }, [
-                  u(v(D1), { class: "w-4" }),
-                  u1(" " + c((V = C.value) == null ? void 0 : V.label) + " ", 1),
-                  e("span", o0, c(_.value ? "▲" : "▼"), 1)
+                  h(m(D1), { class: "w-4" }),
+                  u1(" " + c((z = f.value) == null ? void 0 : z.label) + " ", 1),
+                  e("span", o0, c(b.value ? "▲" : "▼"), 1)
                 ]),
-                _.value ? (t(), l("div", n0, [
-                  (t(!0), l(F, null, Z((N = a.app) == null ? void 0 : N.availableLang, (o) => {
-                    var U, X;
+                b.value ? (t(), l("div", n0, [
+                  (t(!0), l(R, null, T((A = n.app) == null ? void 0 : A.availableLang, (p) => {
+                    var a, y;
                     return t(), l("div", {
-                      key: o.label,
-                      class: h(["px-2", { "hover:bg-slate-200 rounded-lg cursor-pointer": o.label !== ((U = C.value) == null ? void 0 : U.label), "text-gray-300": o.label === ((X = C.value) == null ? void 0 : X.label) }]),
+                      key: p.label,
+                      class: C(["px-2", { "hover:bg-slate-200 rounded-lg cursor-pointer": p.label !== ((a = f.value) == null ? void 0 : a.label), "text-gray-300": p.label === ((y = f.value) == null ? void 0 : y.label) }]),
                       onClick: (we) => {
                         var Y;
-                        return o.label !== ((Y = C.value) == null ? void 0 : Y.label) && T(o);
+                        return p.label !== ((Y = f.value) == null ? void 0 : Y.label) && U(p);
                       }
-                    }, c(o.label), 11, a0);
+                    }, c(p.label), 11, a0);
                   }), 128))
                 ])) : r("", !0)
               ])) : r("", !0)
             ], 2),
-            a.slim ? r("", !0) : (t(), l("hr", r0)),
+            n.slim ? r("", !0) : (t(), l("hr", r0)),
             e("div", {
-              class: h(["flex", [a.slim ? " grid" : "w-max"]])
+              class: C(["flex", [n.slim ? " grid" : "w-max"]])
             }, [
-              a.news ? (t(), l("a", {
+              n.news ? (t(), l("a", {
                 key: 0,
                 href: "#",
-                class: h(["text-[#525B66] flex items-center rounded-lg text-sm hover:bg-primary-10-hover hover:text-primary-base transition-all", [(a.slim, "w-[44px] h-[44px]")]]),
-                onClick: P
+                class: C(["text-[#525B66] flex items-center rounded-lg text-sm hover:bg-primary-10-hover hover:text-primary-base transition-all", [(n.slim, "w-[44px] h-[44px]")]]),
+                onClick: q
               }, [
                 e("div", i0, [
                   e("div", c0, [
-                    (t(), x(q(c1), { class: "w-[24px] h-[24px] mx-auto" })),
+                    (t(), _(Z(p1), { class: "w-[24px] h-[24px] mx-auto" })),
                     i.value > 0 ? (t(), l("span", p0)) : r("", !0),
                     i.value > 0 ? (t(), l("span", d0)) : r("", !0)
                   ]),
                   e("div", u0, [
-                    e("span", h0, c(a.news.menuLabel || "News"), 1)
+                    e("span", h0, c(n.news.menuLabel || "News"), 1)
                   ])
                 ])
               ], 2)) : r("", !0),
-              (z = a.app) != null && z.support ? (t(), l("a", {
+              (E = n.app) != null && E.support ? (t(), l("a", {
                 key: 1,
-                href: (A = a.app) == null ? void 0 : A.support.url,
+                href: (H = n.app) == null ? void 0 : H.support.url,
                 target: "_blank",
-                class: h(["text-[#525B66] flex items-center rounded-lg text-sm hover:bg-primary-10-hover hover:text-primary-base transition-all", [(a.slim, "w-[44px] h-[44px]")]])
+                class: C(["text-[#525B66] flex items-center rounded-lg text-sm hover:bg-primary-10-hover hover:text-primary-base transition-all", [(n.slim, "w-[44px] h-[44px]")]])
               }, [
                 e("div", f0, [
                   e("div", w0, [
-                    (t(), x(q(v(P1)), { class: "w-[24px] h-[24px] mx-auto" }))
+                    (t(), _(Z(m(P1)), { class: "w-[24px] h-[24px] mx-auto" }))
                   ]),
                   e("div", v0, [
-                    e("span", m0, c(((E = a.app) == null ? void 0 : E.support.label) || "Support"), 1)
+                    e("span", m0, c(((I = n.app) == null ? void 0 : I.support.label) || "Support"), 1)
                   ])
                 ])
               ], 10, C0)) : r("", !0)
             ], 2),
             e("p", {
-              class: h([[a.slim ? "hidden" : "w-full"], "text8 pl-3 text-[#979CA9] flex justify-between font-extralight"])
+              class: C([[n.slim ? "hidden" : "w-full"], "text8 pl-3 text-[#979CA9] flex justify-between font-extralight"])
             }, [
               x0,
-              e("span", null, c((H = a.app) == null ? void 0 : H.version), 1)
+              e("span", null, c((P = n.app) == null ? void 0 : P.version), 1)
             ], 2)
           ])
         ])
@@ -405,8 +389,8 @@ const q1 = (n) => (a1("data-v-57d3d3f4"), n = n(), r1(), n), F1 = { class: "h-fu
     };
   }
 });
-const b0 = /* @__PURE__ */ Q(_0, [["__scopeId", "data-v-57d3d3f4"]]);
-function y0(n, p) {
+const b0 = /* @__PURE__ */ X(_0, [["__scopeId", "data-v-57d3d3f4"]]);
+function y0(o, d) {
   return t(), l("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -422,7 +406,7 @@ function y0(n, p) {
     })
   ]);
 }
-function g0(n, p) {
+function g0(o, d) {
   return t(), l("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -444,17 +428,17 @@ function g0(n, p) {
   * @license MIT
   */
 var t1;
-(function(n) {
-  n.pop = "pop", n.push = "push";
+(function(o) {
+  o.pop = "pop", o.push = "push";
 })(t1 || (t1 = {}));
 var s1;
-(function(n) {
-  n.back = "back", n.forward = "forward", n.unknown = "";
+(function(o) {
+  o.back = "back", o.forward = "forward", o.unknown = "";
 })(s1 || (s1 = {}));
 Symbol(process.env.NODE_ENV !== "production" ? "navigation failure" : "");
 var l1;
-(function(n) {
-  n[n.aborted = 4] = "aborted", n[n.cancelled = 8] = "cancelled", n[n.duplicated = 16] = "duplicated";
+(function(o) {
+  o[o.aborted = 4] = "aborted", o[o.cancelled = 8] = "cancelled", o[o.duplicated = 16] = "duplicated";
 })(l1 || (l1 = {}));
 Symbol(process.env.NODE_ENV !== "production" ? "router view location matched" : "");
 Symbol(process.env.NODE_ENV !== "production" ? "router view depth" : "");
@@ -464,10 +448,10 @@ Symbol(process.env.NODE_ENV !== "production" ? "router view location" : "");
 function k0() {
   return h1(L0);
 }
-const $0 = (n) => (a1("data-v-27eb7abf"), n = n(), r1(), n), S0 = { class: "h-full relative" }, O0 = {
+const $0 = (o) => (a1("data-v-6b3e087b"), o = o(), r1(), o), S0 = { class: "h-full relative" }, O0 = {
   class: "header h-[56px] flex items-center flex-nowrap fixed top-0 left-0 w-full z-50",
   style: { background: "rgba(250, 250, 250, 0.80)", "backdrop-filter": "blur(5px)" }
-}, B0 = { class: "p-2 flex-shrink-0" }, j0 = { class: "w-10 h-10 bg-white flex items-center flex-shrink-0" }, M0 = ["src"], V0 = { class: "whitespace-nowrap font-semibold text-xl" }, N0 = { class: "text-xs whitespace-nowrap" }, z0 = { class: "w-full" }, A0 = { class: "w-full flex justify-end pr-3" }, E0 = { class: "flex items-center space-x-3" }, H0 = {
+}, B0 = { class: "p-2 flex-shrink-0" }, j0 = { class: "w-10 h-10 bg-white flex items-center flex-shrink-0" }, V0 = ["src"], M0 = { class: "whitespace-nowrap font-semibold text-xl" }, N0 = { class: "text-xs whitespace-nowrap" }, z0 = { class: "w-full" }, A0 = { class: "w-full flex justify-end pr-3" }, E0 = { class: "flex items-center space-x-3" }, H0 = {
   key: 0,
   class: "sm:block flex-shrink-0 hidden"
 }, I0 = ["href"], P0 = { class: "body w-full h-full" }, D0 = { key: 0 }, q0 = {
@@ -494,38 +478,38 @@ const $0 = (n) => (a1("data-v-27eb7abf"), n = n(), r1(), n), S0 = { class: "h-fu
 }, te = {
   key: 3,
   class: "text-xs px-2 py-1 rounded-md bg-gray-600 text-white"
-}, se = { class: "text-lg font-medium" }, le = { class: "text-sm text-gray-600" }, oe = { key: 0 }, ne = ["src"], ae = { class: "text-sm whitespace-pre-wrap break-words" }, re = { key: 1 }, ie = ["href"], ce = { class: "text-sm flex items-center justify-between mt-1" }, pe = { class: "text-gray-800" }, de = ["href"], ue = { class: "flex items-center space-x-2 text-[#525B66]" }, he = { class: "text-sm" }, Ce = { class: "text8" }, fe = /* @__PURE__ */ J({
+}, se = { class: "text-lg font-medium" }, le = { class: "text-sm text-gray-600" }, oe = { key: 0 }, ne = ["src"], ae = { class: "text-sm whitespace-pre-wrap break-words" }, re = { key: 1 }, ie = ["href"], ce = { class: "text-sm flex items-center justify-between mt-1" }, pe = { class: "text-gray-800" }, de = ["href"], ue = { class: "flex items-center space-x-2 text-[#525B66]" }, he = { class: "text-sm" }, Ce = { class: "text8" }, fe = /* @__PURE__ */ Q({
   __name: "OneMainLayout",
   props: b1,
   emits: ["load-news", "load-tariff"],
-  setup(n, { emit: p }) {
-    const m = p;
-    let f = window.localStorage.getItem("sidebar-slim");
-    window.document.body.offsetWidth < 1024 && (window.localStorage.getItem("sidebar-slim") == null && window.localStorage.setItem("sidebar-slim", "1"), f = "1");
-    const i = I(f === "1");
+  setup(o, { emit: d }) {
+    const x = d;
+    let w = window.localStorage.getItem("sidebar-slim");
+    window.document.body.offsetWidth < 1024 && (window.localStorage.getItem("sidebar-slim") == null && window.localStorage.setItem("sidebar-slim", "1"), w = "1");
+    const i = D(w === "1");
     C1(i, (s) => {
       window.localStorage.setItem("sidebar-slim", String(s ? 1 : 0));
     });
-    const P = () => {
+    const q = () => {
       window.document.body.offsetWidth < 1024 && !i.value && (i.value = !0);
-    }, d = I(!1), _ = () => {
-      d.value = !d.value, d.value && m("load-news");
-    }, C = I(!1), R = () => {
-      C.value = !C.value, C.value && m("load-tariff");
-    }, T = k0(), D = (s) => {
-      s && s.link ? s.link.startsWith("http") ? window.open(s.link, "_blank", "noopener noreferrer") : T.push({ name: s.link }) : console.warn("Не знайдено viewName");
+    }, u = D(!1), b = () => {
+      u.value = !u.value, u.value && x("load-news");
+    }, f = D(!1), W = () => {
+      f.value = !f.value, f.value && x("load-tariff");
+    }, U = k0(), F = (s) => {
+      s && s.link ? s.link.startsWith("http") ? window.open(s.link, "_blank", "noopener noreferrer") : U.push({ name: s.link }) : console.warn("Не знайдено viewName");
     };
-    return (s, w) => {
-      var W, b, y, g, L, k, $, S, O, B, j, M, V, N, z, A, E, H;
-      const a = o1("RouterLink");
+    return (s, v) => {
+      var K, g, L, k, $, S, O, B, j, V, M, N, z, A, E, H, I, P, p;
+      const n = o1("RouterLink");
       return t(), l("div", S0, [
         e("div", O0, [
           e("div", B0, [
             e("button", {
-              onClick: w[0] || (w[0] = (o) => i.value = !i.value),
+              onClick: v[0] || (v[0] = (a) => i.value = !i.value),
               class: "w-[44px] h-[44px] p-[8px] flex items-center justify-center hover:text-secondary-content"
             }, [
-              u(v(y0), { class: "w-[24px] h-[24px]" })
+              h(m(y0), { class: "w-[24px] h-[24px]" })
             ])
           ]),
           e("div", j0, [
@@ -534,138 +518,141 @@ const $0 = (n) => (a1("data-v-27eb7abf"), n = n(), r1(), n), S0 = { class: "h-fu
               src: s.logoSrc,
               class: "w-8 h-8 mx-auto",
               alt: "logo"
-            }, null, 8, M0)) : r("", !0)
+            }, null, 8, V0)) : r("", !0)
           ]),
-          s.app != null ? (t(), x(a, {
+          s.app != null ? (t(), _(n, {
             key: 0,
             to: "/",
             class: "pl-2 max-w-xs"
           }, {
-            default: n1(() => [
-              e("div", V0, c(s.app.name), 1),
-              e("div", N0, c(s.app.workspace), 1)
-            ]),
+            default: n1(() => {
+              var a, y;
+              return [
+                e("div", M0, c(s.app.name), 1),
+                e("div", N0, c((y = (a = s.app) == null ? void 0 : a.workspace) == null ? void 0 : y.name), 1)
+              ];
+            }),
             _: 1
           })) : r("", !0),
           e("div", z0, [
             e("div", A0, [
               e("div", E0, [
                 e1(s.$slots, "before-header-menu", {}, void 0, !0),
-                (W = s.app) != null && W.help ? (t(), l("div", H0, [
+                (K = s.app) != null && K.help ? (t(), l("div", H0, [
                   e("a", {
-                    href: (b = s.app) == null ? void 0 : b.help.url,
+                    href: (g = s.app) == null ? void 0 : g.help.url,
                     target: "_blank",
                     title: "Help",
                     class: "block btn-touch text-gray-dark"
                   }, [
-                    u(v(g0), { class: "w-6 h-6 text-gray-600" })
+                    h(m(g0), { class: "w-6 h-6 text-gray-600" })
                   ], 8, I0)
                 ])) : r("", !0),
-                (y = s.app) != null && y.apps ? (t(), x(m1, {
+                (L = s.app) != null && L.apps ? (t(), _(w1, {
                   key: 1,
-                  workspace: s.workspace,
-                  apps: ((g = s.app) == null ? void 0 : g.apps) || [],
-                  "change-label": ((L = s.labels) == null ? void 0 : L.change) || "Change",
-                  "apps-title": ((k = s.labels) == null ? void 0 : k.apps) || "Apps",
-                  "on-app": ($ = s.handlers) == null ? void 0 : $.onApp,
-                  "on-change": (S = s.handlers) == null ? void 0 : S.onChange,
-                  onOpen: (O = s.handlers) == null ? void 0 : O.onBrowse
+                  workspace: (k = s.app) == null ? void 0 : k.workspace,
+                  apps: (($ = s.app) == null ? void 0 : $.apps) || [],
+                  "change-label": ((S = s.labels) == null ? void 0 : S.change) || "Change",
+                  "apps-title": ((O = s.labels) == null ? void 0 : O.apps) || "Apps",
+                  "on-app": (B = s.handlers) == null ? void 0 : B.onApp,
+                  "on-change": (j = s.handlers) == null ? void 0 : j.onChange,
+                  onOpen: (V = s.handlers) == null ? void 0 : V.onBrowse
                 }, null, 8, ["workspace", "apps", "change-label", "apps-title", "on-app", "on-change", "onOpen"])) : r("", !0),
-                u(x1, {
+                h(v1, {
                   user: s.user,
                   app: s.app,
-                  "account-label": ((B = s.labels) == null ? void 0 : B.account) || "Account",
-                  "logout-label": ((j = s.labels) == null ? void 0 : j.logout) || "Logout",
-                  "version-label": ((M = s.labels) == null ? void 0 : M.version) || "",
-                  "on-account": (V = s.handlers) == null ? void 0 : V.onAccount,
-                  "on-logout": (N = s.handlers) == null ? void 0 : N.onLogout
+                  "account-label": ((M = s.labels) == null ? void 0 : M.account) || "Account",
+                  "logout-label": ((N = s.labels) == null ? void 0 : N.logout) || "Logout",
+                  "version-label": ((z = s.labels) == null ? void 0 : z.version) || "",
+                  "on-account": (A = s.handlers) == null ? void 0 : A.onAccount,
+                  "on-logout": (E = s.handlers) == null ? void 0 : E.onLogout
                 }, null, 8, ["user", "app", "account-label", "logout-label", "version-label", "on-account", "on-logout"])
               ])
             ])
           ])
         ]),
         e("div", {
-          class: h(["sidebar absolute top-[56px] left-0 overflow-hidden bg-white lg:bg-transparent transition-all z-50", [i.value ? "w-0 lg:w-[60px]" : "w-full lg:w-60"]]),
+          class: C(["sidebar absolute top-[56px] left-0 overflow-hidden bg-white lg:bg-transparent transition-all z-50", [i.value ? "w-0 lg:w-[60px]" : "w-full lg:w-60"]]),
           style: { height: "calc(100% - 56px)" },
-          onClick: P
+          onClick: q
         }, [
-          u(b0, {
+          h(b0, {
             slim: i.value,
             app: s.app,
             items: s.sidebarItems,
             "with-news": s.news != null,
-            onShowTariff: R,
+            onShowTariff: W,
             news: s.news,
-            onShowNews: _
+            onShowNews: b
           }, null, 8, ["slim", "app", "items", "with-news", "news"])
         ], 2),
         e("div", P0, [
           e("div", {
-            class: h(["content transition-all pt-[56px] h-full overflow-auto", [i.value ? "pl-0 lg:pl-[60px]" : "pl-0 lg:pl-60"]])
+            class: C(["content transition-all pt-[56px] h-full overflow-auto", [i.value ? "pl-0 lg:pl-[60px]" : "pl-0 lg:pl-60"]])
           }, [
             e1(s.$slots, "default", {}, void 0, !0)
           ], 2)
         ]),
         s.news ? (t(), l("div", D0, [
-          d.value ? (t(), l("div", {
+          u.value ? (t(), l("div", {
             key: 0,
             class: "fixed top-0 left-0 h-screen w-screen bg-gray-100 bg-opacity-40 z-50",
-            onClick: w[1] || (w[1] = f1((o) => d.value = !1, ["self"]))
+            onClick: v[1] || (v[1] = f1((a) => u.value = !1, ["self"]))
           })) : r("", !0),
           e("div", {
-            class: h(["opacity-100 shadow-lg transition-all fixed top-0 left-0 h-screen overflow-hidden z-50 bg-white", [d.value ? "w-96" : "w-0"]])
+            class: C(["opacity-100 shadow-lg transition-all fixed top-0 left-0 h-screen overflow-hidden z-50 bg-white", [u.value ? "w-96" : "w-0"]])
           }, [
-            d.value ? (t(), l("div", q0, [
+            u.value ? (t(), l("div", q0, [
               e("div", F0, [
                 e("div", Z0, [
-                  u(c1, { class: "w-10 h-10" }),
+                  h(p1, { class: "w-10 h-10" }),
                   R0,
                   e("div", null, [
-                    u(G, {
+                    h(J, {
                       variant: "touch",
-                      icon: v(v1),
-                      onClick: w[2] || (w[2] = (o) => d.value = !1)
+                      icon: m(x1),
+                      onClick: v[2] || (v[2] = (a) => u.value = !1)
                     }, null, 8, ["icon"])
                   ])
                 ]),
                 e("div", T0, [
-                  s.news.isLoading && ((z = s.news.items) == null ? void 0 : z.length) === 0 ? (t(), l("div", W0, [
-                    u(w1, { class: "w-6 h-6 text-gray-600 mx-auto" })
-                  ])) : ((A = s.news.items) == null ? void 0 : A.length) === 0 ? (t(), l("div", U0, [
+                  s.news.isLoading && ((H = s.news.items) == null ? void 0 : H.length) === 0 ? (t(), l("div", W0, [
+                    h(m1, { class: "w-6 h-6 text-gray-600 mx-auto" })
+                  ])) : ((I = s.news.items) == null ? void 0 : I.length) === 0 ? (t(), l("div", U0, [
                     e("div", K0, c(s.news.emptyText), 1)
-                  ])) : ((E = s.news.items) == null ? void 0 : E.length) > 0 ? (t(), l("div", G0, [
-                    (t(!0), l(F, null, Z(s.news.items, (o) => (t(), l("div", {
-                      key: o.id,
+                  ])) : ((P = s.news.items) == null ? void 0 : P.length) > 0 ? (t(), l("div", G0, [
+                    (t(!0), l(R, null, T(s.news.items, (a) => (t(), l("div", {
+                      key: a.id,
                       class: "p-3"
                     }, [
                       e("div", J0, [
                         e("div", null, [
-                          o.type ? (t(), l("div", Q0, [
-                            o.type === 10 ? (t(), l("span", X0, "update")) : o.type === 11 ? (t(), l("span", Y0, "warning")) : o.type === 12 ? (t(), l("span", ee, "notice")) : o.type === 13 ? (t(), l("span", te, "ads")) : r("", !0)
+                          a.type ? (t(), l("div", Q0, [
+                            a.type === 10 ? (t(), l("span", X0, "update")) : a.type === 11 ? (t(), l("span", Y0, "warning")) : a.type === 12 ? (t(), l("span", ee, "notice")) : a.type === 13 ? (t(), l("span", te, "ads")) : r("", !0)
                           ])) : r("", !0),
-                          e("div", se, c(o.title), 1),
-                          e("div", le, c(o.summary), 1)
+                          e("div", se, c(a.title), 1),
+                          e("div", le, c(a.summary), 1)
                         ]),
-                        o.image_url ? (t(), l("div", oe, [
+                        a.image_url ? (t(), l("div", oe, [
                           e("img", {
-                            src: o.image_url,
+                            src: a.image_url,
                             alt: "",
                             class: "w-full rounded-md"
                           }, null, 8, ne)
                         ])) : r("", !0),
-                        e("div", ae, c(o.body), 1),
-                        o.video_url ? (t(), l("div", re, [
+                        e("div", ae, c(a.body), 1),
+                        a.video_url ? (t(), l("div", re, [
                           e("a", {
-                            href: o.video_url,
+                            href: a.video_url,
                             target: "_blank",
                             class: "text-blue-600 hover:text-blue-700 px-3 py-2 border rounded-md w-full block"
                           }, c(s.news.openVideoText), 9, ie)
                         ])) : r("", !0),
                         e("div", ce, [
-                          e("span", pe, c(o.published), 1),
-                          o.post_url ? (t(), l("a", {
+                          e("span", pe, c(a.published), 1),
+                          a.post_url ? (t(), l("a", {
                             key: 0,
-                            href: o.post_url,
+                            href: a.post_url,
                             target: "_blank",
                             class: "text-blue-600 hover:text-blue-700 block"
                           }, c(s.news.moreText), 9, de)) : r("", !0)
@@ -678,27 +665,27 @@ const $0 = (n) => (a1("data-v-27eb7abf"), n = n(), r1(), n), S0 = { class: "h-fu
             ])) : r("", !0)
           ], 2)
         ])) : r("", !0),
-        C.value ? (t(), l("div", {
+        f.value ? (t(), l("div", {
           key: 1,
-          class: h(["absolute left-[260px] bottom-0", [i.value ? "hidden" : "w-max"]])
+          class: C(["absolute left-[260px] bottom-0", [i.value ? "hidden" : "w-max"]])
         }, [
-          (t(!0), l(F, null, Z((H = s.app) == null ? void 0 : H.availablePlans, (o) => (t(), l("div", {
-            key: o.name,
+          (t(!0), l(R, null, T((p = s.app) == null ? void 0 : p.availablePlans, (a) => (t(), l("div", {
+            key: a.name,
             class: "ml-3 flex justify-between border rounded-lg p-2 bg-[#F5F5F5] mb-3 w-[240px]"
           }, [
             e("div", ue, [
-              u(v(d1), { class: "w-[24px] h-[24px]" }),
+              h(m(d1), { class: "w-[24px] h-[24px]" }),
               e("div", null, [
-                e("p", he, c(o.name || "Free"), 1),
-                e("p", Ce, c(o.title || "Тарифний план"), 1)
+                e("p", he, c(a.name || "Free"), 1),
+                e("p", Ce, c(a.title || "Тарифний план"), 1)
               ])
             ]),
             e("div", null, [
-              u(G, {
+              h(J, {
                 class: "text-[#525B66] hover:text-[#4089E0]",
                 variant: "touch",
-                icon: v(p1),
-                onClick: (U) => D(o)
+                icon: m(i1),
+                onClick: (y) => F(a)
               }, null, 8, ["icon", "onClick"])
             ])
           ]))), 128))
@@ -707,7 +694,7 @@ const $0 = (n) => (a1("data-v-27eb7abf"), n = n(), r1(), n), S0 = { class: "h-fu
     };
   }
 });
-const ge = /* @__PURE__ */ Q(fe, [["__scopeId", "data-v-27eb7abf"]]);
+const ge = /* @__PURE__ */ X(fe, [["__scopeId", "data-v-6b3e087b"]]);
 export {
   ge as OneMainLayout,
   b0 as OneSidebar