@opengis/admin 0.2.62 → 0.2.64

package/dist/{admin-view-CQR6tNcT.js → admin-view-Dho_oQDM.js}

@@ -1,6 +1,6 @@
-import { _ as f, I as J, a as K, u as T, s as j, b as W, c as X, d as Y, e as R } from "./import-file-CGKMlkAT.js";
-import { openBlock as s, createElementBlock as i, createElementVNode as n, createStaticVNode as A, resolveComponent as p, normalizeClass as C, createTextVNode as B, toDisplayString as D, createCommentVNode as v, createVNode as d, Transition as e1, withCtx as w, withDirectives as t1, Fragment as Z, renderList as P, vShow as r1, createBlock as U, resolveDynamicComponent as S, withModifiers as n1 } from "vue";
-const o1 = {}, l1 = {
+import { _ as m, I as J, s as _, a as K, u as T, b as W, c as X, d as Y, e as R } from "./import-file-D3jqKElS.js";
+import { openBlock as n, createElementBlock as i, createElementVNode as l, createStaticVNode as A, resolveComponent as p, normalizeClass as x, createTextVNode as B, toDisplayString as N, createCommentVNode as w, createVNode as h, Transition as e1, withCtx as y, withDirectives as t1, Fragment as j, renderList as P, vShow as r1, createBlock as U, resolveDynamicComponent as S, withModifiers as l1 } from "vue";
+const o1 = {}, s1 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -10,37 +10,37 @@ const o1 = {}, l1 = {
   "stroke-linejoin": "round",
   class: "icon icon-tabler icons-tabler-outline icon-tabler-logout"
 };
-function s1(t, e, r, h, o, l) {
-  return s(), i("svg", l1, e[0] || (e[0] = [
-    n("path", {
+function n1(t, e, o, d, s, r) {
+  return n(), i("svg", s1, e[0] || (e[0] = [
+    l("path", {
       stroke: "none",
       d: "M0 0h24v24H0z",
       fill: "none"
     }, null, -1),
-    n("path", { d: "M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2" }, null, -1),
-    n("path", { d: "M9 12h12l-3 -3" }, null, -1),
-    n("path", { d: "M18 15l3 -3" }, null, -1)
+    l("path", { d: "M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2" }, null, -1),
+    l("path", { d: "M9 12h12l-3 -3" }, null, -1),
+    l("path", { d: "M18 15l3 -3" }, null, -1)
   ]));
 }
-const q = /* @__PURE__ */ f(o1, [["render", s1]]), a1 = {}, i1 = {
+const q = /* @__PURE__ */ m(o1, [["render", n1]]), a1 = {}, i1 = {
   viewBox: "0 0 1823 249",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function u1(t, e, r, h, o, l) {
-  return s(), i("svg", i1, e[0] || (e[0] = [
+function u1(t, e, o, d, s, r) {
+  return n(), i("svg", i1, e[0] || (e[0] = [
     A('<path d="M218.88 96.05C223.55 99.19 228.69 101.56 234.09 103.07V145.42C212.05 151.54 195.83 171.79 195.83 195.75C195.83 200.22 196.41 204.65 197.53 208.94L160.92 230.08C156.82 226.06 152.08 222.73 146.91 220.24V171.62C164.83 163.13 176.59 145.06 176.59 124.48C176.59 123.17 176.54 121.86 176.44 120.56L218.88 96.05ZM220.32 79.09L160.97 113.36C162.04 116.88 162.61 120.61 162.61 124.48C162.61 142.66 149.93 157.87 132.93 161.76V230.05C143.4 232.46 152.23 239.16 157.46 248.21L215 214.99C211.7 209.34 209.81 202.77 209.81 195.75C209.81 174.62 226.94 157.49 248.07 157.49V91.02C237.14 91.02 227.29 86.43 220.32 79.09Z" fill="#CE3936"></path><path d="M161.39 19.13L197.44 39.94C196.39 44.11 195.84 48.42 195.84 52.75C195.84 54.21 195.9 55.65 196.02 57.1L153.9 81.42C145.27 75.5 134.95 72.24 124.36 72.24C113.83 72.24 103.57 75.47 94.96 81.32L52.71 56.93C52.82 55.55 52.88 54.16 52.88 52.76C52.88 48.43 52.34 44.12 51.28 39.95L87.3 19.16C96.98 28.89 110.26 34.58 124.34 34.58C138.42 34.57 151.7 28.87 161.39 19.13ZM157.77 0.919983C151.24 12.66 138.71 20.6 124.33 20.6C109.95 20.6 97.44 12.67 90.9 0.939983L33.9 33.85C37.08 39.43 38.91 45.88 38.91 52.76C38.91 56.71 38.31 60.52 37.2 64.11L96.46 98.32C103.44 90.87 113.36 86.22 124.37 86.22C135.44 86.22 145.41 90.93 152.39 98.44L211.59 64.27C210.45 60.64 209.83 56.78 209.83 52.77C209.83 45.89 211.65 39.44 214.84 33.86L157.77 0.919983Z" fill="#CE3936"></path><path d="M29.97 95.95L72.28 120.38C72.17 121.74 72.12 123.1 72.12 124.47C72.12 145.02 83.86 163.08 101.74 171.58V220.23C96.58 222.71 91.84 226.04 87.75 230.05L51.17 208.93C52.29 204.64 52.87 200.21 52.87 195.74C52.87 171.78 36.65 151.53 14.61 145.41V103.06C20.07 101.55 25.27 99.14 29.97 95.95ZM28.5 78.97C21.52 86.38 11.63 91.02 0.640015 91.02V157.49C21.77 157.49 38.9 174.62 38.9 195.75C38.9 202.77 37 209.33 33.71 214.99L91.2 248.18C96.43 239.14 105.25 232.45 115.71 230.04V161.73C98.74 157.81 86.09 142.62 86.09 124.46C86.09 120.54 86.68 116.75 87.78 113.18L28.5 78.97Z" fill="#CE3936"></path><path d="M498.39 177.5V144.88C498.39 128.55 485.11 115.27 468.78 115.27H343.22C342.69 115.27 342.18 115.32 341.67 115.4H337.19C332.35 115.4 328.42 111.46 328.42 106.63V74C328.42 69.16 332.36 65.23 337.19 65.23H486.33C492.08 65.23 496.75 60.57 496.75 54.81C496.75 49.06 492.08 44.39 486.33 44.39H337.19C320.86 44.39 307.58 57.67 307.58 74V106.62C307.58 122.95 320.86 136.23 337.19 136.23H462.75C463.28 136.23 463.79 136.18 464.3 136.1H468.78C473.62 136.1 477.55 140.04 477.55 144.87V177.49C477.55 182.33 473.61 186.26 468.78 186.26H319.64C313.89 186.26 309.22 190.92 309.22 196.68C309.22 202.43 313.89 207.1 319.64 207.1H468.78C485.11 207.11 498.39 193.83 498.39 177.5Z" fill="#CE3935"></path><path d="M710.7 177.32V75.24C710.7 58.91 697.42 45.63 681.09 45.63H550.05C533.72 45.63 520.44 58.91 520.44 75.24V177.32C520.44 193.65 533.72 206.93 550.05 206.93H681.1C697.42 206.93 710.7 193.65 710.7 177.32ZM541.27 75.24C541.27 70.4 545.21 66.47 550.04 66.47H681.09C685.93 66.47 689.86 70.41 689.86 75.24V177.32C689.86 182.16 685.92 186.09 681.09 186.09H550.05C545.21 186.09 541.28 182.15 541.28 177.32V75.24H541.27Z" fill="#CE3935"></path><path d="M1823 177.32V75.24C1823 58.91 1809.72 45.63 1793.39 45.63H1662.34C1646.01 45.63 1632.73 58.91 1632.73 75.24V177.32C1632.73 193.65 1646.01 206.93 1662.34 206.93H1793.39C1809.72 206.93 1823 193.65 1823 177.32ZM1653.57 75.24C1653.57 70.4 1657.51 66.47 1662.34 66.47H1793.39C1798.23 66.47 1802.16 70.41 1802.16 75.24V177.32C1802.16 182.16 1798.22 186.09 1793.39 186.09H1662.34C1657.5 186.09 1653.57 182.15 1653.57 177.32V75.24Z" fill="#CE3935"></path><path d="M756.76 196.51V152H849.42C855.17 152 859.84 147.34 859.84 141.58C859.84 135.83 855.17 131.16 849.42 131.16H756.76V75.23C756.76 70.39 760.7 66.46 765.53 66.46H893.29C899.04 66.46 903.71 61.8 903.71 56.04C903.71 50.29 899.04 45.62 893.29 45.62H765.53C749.2 45.62 735.92 58.9 735.92 75.23V196.5C735.92 202.25 740.59 206.92 746.34 206.92C752.09 206.93 756.76 202.27 756.76 196.51Z" fill="#CE3935"></path><path d="M933.86 66.47H1006.51V194.32C1006.51 200.07 1011.18 204.74 1016.93 204.74C1022.68 204.74 1027.35 200.07 1027.35 194.32V66.47H1100C1105.75 66.47 1110.42 61.81 1110.42 56.05C1110.42 50.3 1105.76 45.63 1100 45.63H933.86C928.11 45.63 923.44 50.29 923.44 56.05C923.45 61.81 928.11 66.47 933.86 66.47Z" fill="#CE3935"></path><path d="M1218.44 204.19C1224.19 204.19 1228.86 199.53 1228.86 193.77V152H1368.13C1384.46 152 1397.74 138.72 1397.74 122.39V75.24C1397.74 58.91 1384.46 45.63 1368.13 45.63H1237.63C1221.3 45.63 1208.02 58.91 1208.02 75.24V193.77C1208.02 199.53 1212.68 204.19 1218.44 204.19ZM1237.63 66.47H1368.13C1372.97 66.47 1376.9 70.41 1376.9 75.24V122.39C1376.9 127.23 1372.96 131.16 1368.13 131.16H1228.86V75.23C1228.86 70.41 1232.79 66.47 1237.63 66.47Z" fill="#CE3935"></path><path d="M1430.64 204.19C1436.39 204.19 1441.06 199.53 1441.06 193.77V152H1523.95C1524.57 153.18 1525.42 154.26 1526.51 155.17L1581.89 201.23C1583.83 202.85 1586.2 203.64 1588.55 203.64C1591.54 203.64 1594.5 202.36 1596.57 199.88C1600.25 195.46 1599.64 188.89 1595.22 185.21L1555.29 152H1580.33C1596.66 152 1609.94 138.72 1609.94 122.39V75.24C1609.94 58.91 1596.66 45.63 1580.33 45.63H1449.83C1433.5 45.63 1420.22 58.91 1420.22 75.24V193.77C1420.22 199.53 1424.88 204.19 1430.64 204.19ZM1449.83 66.47H1580.33C1585.17 66.47 1589.1 70.41 1589.1 75.24V122.39C1589.1 127.23 1585.17 131.16 1580.33 131.16H1441.06V75.23C1441.05 70.41 1444.99 66.47 1449.83 66.47Z" fill="#CE3935"></path>', 10)
   ]));
 }
-const c1 = /* @__PURE__ */ f(a1, [["render", u1]]), d1 = {
+const c1 = /* @__PURE__ */ m(a1, [["render", u1]]), d1 = {
   components: { IconChevronDown: J },
   props: { route: Object, searchable: String },
   mounted() {
     var t, e;
     (e = (t = this.route) == null ? void 0 : t.menu) != null && e.some(
-      (r) => {
-        var h, o;
-        return (r == null ? void 0 : r.path) === this.$route.path.replace("/", "") || ((o = (h = this.$route) == null ? void 0 : h.params) == null ? void 0 : o.table) === (r == null ? void 0 : r.table) && (r == null ? void 0 : r.table);
+      (o) => {
+        var d, s;
+        return (o == null ? void 0 : o.path) === this.$route.path.replace("/", "") || ((s = (d = this.$route) == null ? void 0 : d.params) == null ? void 0 : s.table) === (o == null ? void 0 : o.table) && (o == null ? void 0 : o.table);
       }
     ) && (this.isOpen = !0);
   },
@@ -59,16 +59,22 @@ const c1 = /* @__PURE__ */ f(a1, [["render", u1]]), d1 = {
       arr: []
     };
   },
+  computed: {
+    darkMode() {
+      var t, e;
+      return (e = (t = _) == null ? void 0 : t.value) == null ? void 0 : e.sidebarDark;
+    }
+  },
   methods: {
     highLight(t) {
       if (!this.searchable) return t;
       const e = this.searchable.replace(
         /[.*+?^${}()|[\]\\]/g,
         "\\$&"
-      ), r = new RegExp(`(${e})(\\s*)`, "gi");
+      ), o = new RegExp(`(${e})(\\s*)`, "gi");
       return t.replace(
-        r,
-        (h, o, l) => `<span style="color:#1989fa;">${o}</span>${l}`
+        o,
+        (d, s, r) => `<span style="color:#1989fa;">${s}</span>${r}`
       );
     }
     // loadIconComponent(iconName) {
@@ -86,77 +92,91 @@ const c1 = /* @__PURE__ */ f(a1, [["render", u1]]), d1 = {
 }, p1 = {
   key: 0,
   class: "py-0.5 px-2 inline-flex items-center gap-x-1.5 text-xs font-medium bg-blue-100 text-blue-800 rounded-full dark:bg-blue-500/10 dark:text-blue-500"
-}, g1 = { class: "ml-[28px] pt-[6px] before:block before:absolute relative w-[calc(100%-28px)] flex-col gap-y-1.5 inline-flex before:w-[2px] before:h-[100%] before:bg-gray-100 before:left-[-10px] cursor-pointer" }, f1 = { key: 1 }, m1 = ["innerHTML"];
-function x1(t, e, r, h, o, l) {
-  var x, a, g, _, y, z, H, L, k, $, V, M, I, O, E;
-  const b = p("IconChevronDown"), m = p("router-link");
-  return (x = r.route) != null && x.menu ? (s(), i("div", h1, [
-    n("button", {
-      onClick: e[0] || (e[0] = (u) => o.isOpen = !o.isOpen),
-      class: C(["flex items-center justify-start w-full px-3 py-2 text-sm text-left text-gray-800 duration-300 border-none rounded-lg cursor-pointer gap-x-3 focus:outline-none hover:bg-gray-100", [
-        ((g = (a = r.route) == null ? void 0 : a.menu) == null ? void 0 : g.some(
+}, g1 = { key: 1 }, f1 = ["innerHTML"];
+function x1(t, e, o, d, s, r) {
+  var a, g, f, C, z, M, H, L, v, V, $, I, O, D, E;
+  const k = p("IconChevronDown"), b = p("router-link");
+  return (a = o.route) != null && a.menu ? (n(), i("div", h1, [
+    l("button", {
+      onClick: e[0] || (e[0] = (u) => s.isOpen = !s.isOpen),
+      class: x(["flex items-center justify-start w-full px-3 py-2 text-sm text-left text-gray-800 duration-300 border-none rounded-lg cursor-pointer gap-x-3 focus:outline-none hover:bg-gray-100", [
+        ((f = (g = o.route) == null ? void 0 : g.menu) == null ? void 0 : f.some(
           (u) => {
-            var c, N;
-            return (u == null ? void 0 : u.path) === t.$route.path.replace("/", "") || (u == null ? void 0 : u.table) === ((N = (c = t.$route) == null ? void 0 : c.params) == null ? void 0 : N.table) && (u == null ? void 0 : u.table);
+            var c, Z;
+            return (u == null ? void 0 : u.path) === t.$route.path.replace("/", "") || (u == null ? void 0 : u.table) === ((Z = (c = t.$route) == null ? void 0 : c.params) == null ? void 0 : Z.table) && (u == null ? void 0 : u.table);
           }
-        )) && "bg-gray-100"
+        )) && (r.darkMode ? "bg-white/10" : "bg-gray-100"),
+        {
+          "text-white/80 hover:bg-white/10 hover:text-white/80 focus:bg-white/10": r.darkMode,
+          "text-gray-800 hover:bg-gray-100 hover:text-gray-800  focus:bg-gray-100": !r.darkMode
+        }
       ]])
     }, [
-      B(D((_ = r.route) == null ? void 0 : _.ua) + " ", 1),
-      (y = r.route) != null && y.new ? (s(), i("span", p1, "Нове")) : v("", !0),
-      d(b, {
-        class: C([[o.isOpen && "-rotate-180"], "ml-auto duration-300"]),
+      B(N((C = o.route) == null ? void 0 : C.ua) + " ", 1),
+      (z = o.route) != null && z.new ? (n(), i("span", p1, "Нове")) : w("", !0),
+      h(k, {
+        class: x([[s.isOpen && "-rotate-180"], "ml-auto duration-300"]),
         width: "14",
         height: "14"
       }, null, 8, ["class"])
     ], 2),
-    d(e1, { name: "fade" }, {
-      default: w(() => {
+    h(e1, { name: "fade" }, {
+      default: y(() => {
         var u;
         return [
-          t1(n("ul", g1, [
-            (s(!0), i(Z, null, P((u = r.route) == null ? void 0 : u.menu, (c, N) => {
-              var Q, F;
-              return s(), i("li", {
-                key: N,
+          t1(l("ul", {
+            class: x(["ml-[28px] pt-[6px] before:block before:absolute relative w-[calc(100%-28px)] flex-col gap-y-1.5 inline-flex before:w-[2px] before:h-[100%] before:left-[-10px] cursor-pointer", r.darkMode ? "before:bg-white/10" : "before:bg-gray-100"])
+          }, [
+            (n(!0), i(j, null, P((u = o.route) == null ? void 0 : u.menu, (c, Z) => {
+              var F, Q;
+              return n(), i("li", {
+                key: Z,
                 class: "w-full"
               }, [
-                d(m, {
-                  innerHTML: l.highLight(c == null ? void 0 : c.ua),
+                h(b, {
+                  innerHTML: r.highLight(c == null ? void 0 : c.ua),
                   to: "/" + (c == null ? void 0 : c.path),
-                  class: C([[
-                    ((c == null ? void 0 : c.path) === t.$route.path.replace("/", "") || ((F = (Q = t.$route) == null ? void 0 : Q.params) == null ? void 0 : F.table) === (c == null ? void 0 : c.table) && (c == null ? void 0 : c.table)) && "bg-gray-100"
-                  ], "block px-3 py-2 text-sm text-gray-800 rounded-lg hover:bg-gray-100 focus:outline-none focus:bg-gray-100"])
+                  class: x([[
+                    ((c == null ? void 0 : c.path) === t.$route.path.replace("/", "") || ((Q = (F = t.$route) == null ? void 0 : F.params) == null ? void 0 : Q.table) === (c == null ? void 0 : c.table) && (c == null ? void 0 : c.table)) && (r.darkMode ? "bg-white/10" : "bg-gray-100"),
+                    {
+                      "text-white/80 hover:bg-white/10 hover:text-white/80 focus:bg-white/10": r.darkMode,
+                      "text-gray-800 hover:bg-gray-100 hover:text-gray-800  focus:bg-gray-100": !r.darkMode
+                    }
+                  ], "block px-3 py-2 text-sm rounded-lg focus:outline-none focus:bg-gray-100"])
                 }, null, 8, ["innerHTML", "to", "class"])
               ]);
             }), 128))
-          ], 512), [
-            [r1, o.isOpen]
+          ], 2), [
+            [r1, s.isOpen]
           ])
         ];
       }),
       _: 1
     })
-  ])) : (z = r.route) != null && z.hidden ? v("", !0) : (s(), i("div", f1, [
-    d(m, {
-      to: ((L = (H = r.route) == null ? void 0 : H.path) == null ? void 0 : L[0]) === "/" ? (k = r.route) == null ? void 0 : k.path : "/" + (($ = r.route) == null ? void 0 : $.path),
-      class: C([[
-        (((V = r.route) == null ? void 0 : V.path.replace("/", "")) === t.$route.path.replace("/", "") || ((I = (M = t.$route) == null ? void 0 : M.params) == null ? void 0 : I.table) === ((O = r.route) == null ? void 0 : O.table) && ((E = r.route) == null ? void 0 : E.table)) && "bg-gray-100"
-      ], "flex items-center w-full px-3 py-2 text-sm text-gray-800 duration-300 rounded-lg gap-x-3 hover:bg-gray-100 hover:text-gray-800"])
+  ])) : (M = o.route) != null && M.hidden ? w("", !0) : (n(), i("div", g1, [
+    h(b, {
+      to: ((L = (H = o.route) == null ? void 0 : H.path) == null ? void 0 : L[0]) === "/" ? (v = o.route) == null ? void 0 : v.path : "/" + ((V = o.route) == null ? void 0 : V.path),
+      class: x([[
+        ((($ = o.route) == null ? void 0 : $.path.replace("/", "")) === t.$route.path.replace("/", "") || ((O = (I = t.$route) == null ? void 0 : I.params) == null ? void 0 : O.table) === ((D = o.route) == null ? void 0 : D.table) && ((E = o.route) == null ? void 0 : E.table)) && (r.darkMode ? "bg-white/10" : "bg-gray-100"),
+        {
+          "text-white/80 hover:bg-white/10 hover:text-white/80 focus:bg-white/10 ": r.darkMode,
+          "text-gray-800 hover:bg-gray-100 hover:text-gray-800  focus:bg-gray-100 ": !r.darkMode
+        }
+      ], "flex items-center w-full px-3 py-2 text-sm text-gray-800 duration-300 rounded-lg gap-x-3"])
     }, {
-      default: w(() => {
+      default: y(() => {
         var u;
         return [
-          n("span", {
-            innerHTML: l.highLight((u = r.route) == null ? void 0 : u.ua)
-          }, null, 8, m1)
+          l("span", {
+            innerHTML: r.highLight((u = o.route) == null ? void 0 : u.ua)
+          }, null, 8, f1)
         ];
       }),
       _: 1
     }, 8, ["to", "class"])
   ]));
 }
-const b1 = /* @__PURE__ */ f(d1, [["render", x1]]), _1 = {}, k1 = {
+const m1 = /* @__PURE__ */ m(d1, [["render", x1]]), b1 = {}, k1 = {
   class: "flex-shrink-0 size-4",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
@@ -166,28 +186,28 @@ const b1 = /* @__PURE__ */ f(d1, [["render", x1]]), _1 = {}, k1 = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function v1(t, e, r, h, o, l) {
-  return s(), i("svg", k1, e[0] || (e[0] = [
-    n("circle", {
+function v1(t, e, o, d, s, r) {
+  return n(), i("svg", k1, e[0] || (e[0] = [
+    l("circle", {
       cx: "12",
       cy: "12",
       r: "10"
     }, null, -1),
-    n("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }, null, -1),
-    n("path", { d: "M12 17h.01" }, null, -1)
+    l("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }, null, -1),
+    l("path", { d: "M12 17h.01" }, null, -1)
   ]));
 }
-const G = /* @__PURE__ */ f(_1, [["render", v1]]), C1 = {}, w1 = {
+const G = /* @__PURE__ */ m(b1, [["render", v1]]), w1 = {}, _1 = {
   class: "shrink-0 size-4 rounded-full",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 512 512"
 };
-function y1(t, e, r, h, o, l) {
-  return s(), i("svg", w1, e[0] || (e[0] = [
+function C1(t, e, o, d, s, r) {
+  return n(), i("svg", _1, e[0] || (e[0] = [
     A('<g fill-rule="evenodd"><g stroke-width="1pt"><path fill="#bd3d44" d="M0 0h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0z" transform="scale(3.9385)"></path><path fill="#fff" d="M0 10h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0z" transform="scale(3.9385)"></path></g><path fill="#192f5d" d="M0 0h98.8v70H0z" transform="scale(3.9385)"></path><path fill="#fff" d="M8.2 3l1 2.8H12L9.7 7.5l.9 2.7-2.4-1.7L6 10.2l.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7L74 8.5l-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 7.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm-74.1 7l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7H65zm16.4 0l1 2.8H86l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm-74 7l.8 2.8h3l-2.4 1.7.9 2.7-2.4-1.7L6 24.2l.9-2.7-2.4-1.7h3zm16.4 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 21.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm-74.1 7l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7H65zm16.4 0l1 2.8H86l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm-74 7l.8 2.8h3l-2.4 1.7.9 2.7-2.4-1.7L6 38.2l.9-2.7-2.4-1.7h3zm16.4 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 35.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm-74.1 7l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7H65zm16.4 0l1 2.8H86l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm-74 7l.8 2.8h3l-2.4 1.7.9 2.7-2.4-1.7L6 52.2l.9-2.7-2.4-1.7h3zm16.4 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 49.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm-74.1 7l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7H65zm16.4 0l1 2.8H86l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm-74 7l.8 2.8h3l-2.4 1.7.9 2.7-2.4-1.7L6 66.2l.9-2.7-2.4-1.7h3zm16.4 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 63.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9z" transform="scale(3.9385)"></path></g>', 1)
   ]));
 }
-const z1 = /* @__PURE__ */ f(C1, [["render", y1]]), H1 = {}, L1 = {
+const y1 = /* @__PURE__ */ m(w1, [["render", C1]]), z1 = {}, M1 = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   version: "1.1",
@@ -196,20 +216,20 @@ const z1 = /* @__PURE__ */ f(C1, [["render", y1]]), H1 = {}, L1 = {
   viewBox: "0 0 256 256",
   "xml:space": "preserve"
 };
-function $1(t, e, r, h, o, l) {
-  return s(), i("svg", L1, e[0] || (e[0] = [
-    n("defs", null, null, -1),
-    n("g", {
+function H1(t, e, o, d, s, r) {
+  return n(), i("svg", M1, e[0] || (e[0] = [
+    l("defs", null, null, -1),
+    l("g", {
       style: { stroke: "none", "stroke-width": "0", "stroke-dasharray": "none", "stroke-linecap": "butt", "stroke-linejoin": "miter", "stroke-miterlimit": "10", fill: "none", "fill-rule": "nonzero", opacity: "1" },
       transform: "translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)"
     }, [
-      n("path", {
+      l("path", {
         d: "M 45 90 C 20.147 90 0 69.853 0 45 h 90 C 90 69.853 69.853 90 45 90 z",
         style: { stroke: "none", "stroke-width": "1", "stroke-dasharray": "none", "stroke-linecap": "butt", "stroke-linejoin": "miter", "stroke-miterlimit": "10", fill: "rgb(255,213,0)", "fill-rule": "nonzero", opacity: "1" },
         transform: " matrix(1 0 0 1 0 0) ",
         "stroke-linecap": "round"
       }),
-      n("path", {
+      l("path", {
         d: "M 45 0 C 20.147 0 0 20.147 0 45 h 90 C 90 20.147 69.853 0 45 0 z",
         style: { stroke: "none", "stroke-width": "1", "stroke-dasharray": "none", "stroke-linecap": "butt", "stroke-linejoin": "miter", "stroke-miterlimit": "10", fill: "rgb(0,91,187)", "fill-rule": "nonzero", opacity: "1" },
         transform: " matrix(1 0 0 1 0 0) ",
@@ -218,7 +238,7 @@ function $1(t, e, r, h, o, l) {
     ], -1)
   ]));
 }
-const V1 = /* @__PURE__ */ f(H1, [["render", $1]]), M1 = {}, I1 = {
+const L1 = /* @__PURE__ */ m(z1, [["render", H1]]), V1 = {}, $1 = {
   class: "shrink-0 size-3.5 text-gray-800 dark:text-neutral-200",
   xmlns: "http:.w3.org/2000/svg",
   width: "24",
@@ -230,13 +250,13 @@ const V1 = /* @__PURE__ */ f(H1, [["render", $1]]), M1 = {}, I1 = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-function O1(t, e, r, h, o, l) {
-  return s(), i("svg", I1, e[0] || (e[0] = [
-    n("polyline", { points: "20 6 9 17 4 12" }, null, -1)
+function I1(t, e, o, d, s, r) {
+  return n(), i("svg", $1, e[0] || (e[0] = [
+    l("polyline", { points: "20 6 9 17 4 12" }, null, -1)
   ]));
 }
-const E1 = /* @__PURE__ */ f(M1, [["render", O1]]), U1 = {
-  components: { IconQuestion: G, IconUSA: z1, IconUkraine: V1, IconTick: E1 },
+const O1 = /* @__PURE__ */ m(V1, [["render", I1]]), D1 = {
+  components: { IconQuestion: G, IconUSA: y1, IconUkraine: L1, IconTick: O1 },
   props: ["docs", "languages"],
   data() {
     return {
@@ -260,6 +280,10 @@ const E1 = /* @__PURE__ */ f(M1, [["render", O1]]), U1 = {
   computed: {
     selectedLang() {
       return this.languagesOptions.find((t) => t.id === this.currentLang);
+    },
+    darkMode() {
+      var t, e;
+      return (e = (t = _) == null ? void 0 : t.value) == null ? void 0 : e.sidebarDark;
     }
   },
   methods: {
@@ -267,67 +291,60 @@ const E1 = /* @__PURE__ */ f(M1, [["render", O1]]), U1 = {
       this.$refs.langPopover.togglePopover(), this.currentLang = t;
     }
   }
-}, D1 = {
-  key: 0,
-  class: "py-2 px-5 border-t border-gray-200 dark:border-neutral-700"
-}, N1 = { class: "flex justify-center items-center gap-x-2" }, j1 = ["onClick"], Z1 = { class: "text-gray-800 dark:text-neutral-200" }, T1 = { class: "ms-auto" }, B1 = {
-  type: "button",
-  "aria-expanded": "false",
-  class: "relative py-2 px-3 flex items-center gap-x-2 text-nowrap w-full cursor-pointer bg-white border border-gray-200 rounded-full text-start text-sm text-gray-800 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-200 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"
-}, S1 = { class: "truncate" }, A1 = {
-  key: 0,
-  href: "/docs-user",
-  class: "size-[38px] inline-flex justify-center items-center gap-x-2 rounded-full border border-transparent text-gray-500 hover:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-100 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"
-};
-function P1(t, e, r, h, o, l) {
-  const b = p("IconTick"), m = p("VsPopover"), x = p("IconQuestion");
-  return r.docs || r.languages ? (s(), i("div", D1, [
-    n("div", N1, [
-      d(m, {
+}, E1 = { class: "flex justify-center items-center gap-x-2" }, U1 = ["onClick"], N1 = { class: "text-gray-800" }, Z1 = { class: "ms-auto" }, j1 = { class: "truncate" };
+function T1(t, e, o, d, s, r) {
+  const k = p("IconTick"), b = p("VsPopover");
+  return o.docs || o.languages ? (n(), i("div", {
+    key: 0,
+    class: x(["py-2 px-5 border-t dark:border-neutral-700", r.darkMode ? "border-white/10 " : "border-gray-200"])
+  }, [
+    l("div", E1, [
+      h(b, {
         trigger: "click",
         placement: "top",
         ref: "langPopover"
       }, {
-        reference: w(() => {
-          var a, g, _;
+        reference: y(() => {
+          var a, g, f;
           return [
-            n("button", B1, [
-              n("div", null, [
-                (s(), U(S((a = l.selectedLang) == null ? void 0 : a.icon), { class: "w-[16px] h-[16px] rounded-full" }))
+            l("button", {
+              type: "button",
+              "aria-expanded": "false",
+              class: x([
+                "relative py-2 px-3 flex items-center gap-x-2 text-nowrap w-full cursor-pointer border rounded-full text-start text-sm text-gray-800 focus:outline-none",
+                r.darkMode ? "border-white/10 bg-transparent text-white/80 hover:bg-white/10 focus:bg-white/10" : "border-gray-200 bg-white hover:bg-gray-100 focus:bg-gray-100"
+              ])
+            }, [
+              l("div", null, [
+                (n(), U(S((a = r.selectedLang) == null ? void 0 : a.icon), { class: "w-[16px] h-[16px] rounded-full" }))
               ]),
-              n("span", S1, D(o.currentLang === "ukraine" ? (g = l.selectedLang) == null ? void 0 : g.titleUA : (_ = l.selectedLang) == null ? void 0 : _.titleEN), 1)
-            ])
+              l("span", j1, N(s.currentLang === "ukraine" ? (g = r.selectedLang) == null ? void 0 : g.titleUA : (f = r.selectedLang) == null ? void 0 : f.titleEN), 1)
+            ], 2)
           ];
         }),
-        default: w(() => [
-          n("div", null, [
-            (s(!0), i(Z, null, P(o.languagesOptions, (a) => (s(), i("button", {
+        default: y(() => [
+          l("div", null, [
+            (n(!0), i(j, null, P(s.languagesOptions, (a) => (n(), i("button", {
               key: a.id,
               type: "button",
-              onClick: (g) => l.changeLang(a.id),
-              class: C(["flex items-center gap-x-2 cursor-pointer dark:hs-selected:bg-neutral-800 py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 rounded-lg focus:outline-none focus:bg-gray-100 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 selected", (a == null ? void 0 : a.id) === o.currentLang ? "bg-gray-100" : ""])
+              onClick: (g) => r.changeLang(a.id),
+              class: x(["flex items-center gap-x-2 cursor-pointer dark:hs-selected:bg-neutral-800 py-2 px-4 w-full text-sm text-gray-800 hover:bg-gray-100 rounded-lg focus:outline-none focus:bg-gray-100 dark:text-neutral-300 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 selected", (a == null ? void 0 : a.id) === s.currentLang ? "bg-gray-100" : ""])
             }, [
-              (s(), U(S(a == null ? void 0 : a.icon), { class: "w-[16px] h-[16px] rounded-full" })),
-              n("div", Z1, D(o.currentLang === "ukraine" ? a == null ? void 0 : a.titleUA : a == null ? void 0 : a.titleEN), 1),
-              n("span", T1, [
-                (a == null ? void 0 : a.id) === o.currentLang ? (s(), U(b, { key: 0 })) : v("", !0)
+              (n(), U(S(a == null ? void 0 : a.icon), { class: "w-[16px] h-[16px] rounded-full" })),
+              l("div", N1, N(s.currentLang === "ukraine" ? a == null ? void 0 : a.titleUA : a == null ? void 0 : a.titleEN), 1),
+              l("span", Z1, [
+                (a == null ? void 0 : a.id) === s.currentLang ? (n(), U(k, { key: 0 })) : w("", !0)
               ])
-            ], 10, j1))), 128))
+            ], 10, U1))), 128))
           ])
         ]),
         _: 1
-      }, 512),
-      r.docs ? (s(), i("a", A1, [
-        d(x, {
-          height: "24",
-          width: "24"
-        })
-      ])) : v("", !0)
+      }, 512)
     ])
-  ])) : v("", !0);
+  ], 2)) : w("", !0);
 }
-const Q1 = /* @__PURE__ */ f(U1, [["render", P1]]), F1 = {
-  components: { IconLogout: q, NavbarItem: b1, IconLogo: c1, IconSearch: K, NavbarFooter: Q1 },
+const B1 = /* @__PURE__ */ m(D1, [["render", T1]]), S1 = {
+  components: { IconLogout: q, NavbarItem: m1, IconLogo: c1, IconSearch: K, NavbarFooter: B1 },
   data() {
     return {
       activeIndex: null,
@@ -341,15 +358,19 @@ const Q1 = /* @__PURE__ */ f(U1, [["render", P1]]), F1 = {
     },
     logo() {
       var t;
-      return ((t = j.value) == null ? void 0 : t.logo) || "/assets/logo.svg";
+      return ((t = _.value) == null ? void 0 : t.logo) || "/assets/logo.svg";
     },
     docs() {
       var t, e;
-      return (e = (t = j) == null ? void 0 : t.value) == null ? void 0 : e.docs;
+      return (e = (t = _) == null ? void 0 : t.value) == null ? void 0 : e.docs;
     },
     languages() {
       var t, e;
-      return (e = (t = j) == null ? void 0 : t.value) == null ? void 0 : e.languages;
+      return (e = (t = _) == null ? void 0 : t.value) == null ? void 0 : e.languages;
+    },
+    darkMode() {
+      var t, e;
+      return (e = (t = _) == null ? void 0 : t.value) == null ? void 0 : e.sidebarDark;
     }
   },
   watch: {
@@ -359,44 +380,45 @@ const Q1 = /* @__PURE__ */ f(U1, [["render", P1]]), F1 = {
   },
   methods: {
     filterMenu(t, e) {
-      return t.map((r) => {
-        var h, o;
-        if (r.menu) {
-          const l = this.filterMenu(r.menu, e);
-          if (l.length > 0)
-            return { ...r, menu: l, open: !0 };
-        } else if ((o = (h = r.ua) == null ? void 0 : h.toLowerCase()) != null && o.includes(e.toLowerCase()))
-          return r;
+      return t.map((o) => {
+        var d, s;
+        if (o.menu) {
+          const r = this.filterMenu(o.menu, e);
+          if (r.length > 0)
+            return { ...o, menu: r, open: !0 };
+        } else if ((s = (d = o.ua) == null ? void 0 : d.toLowerCase()) != null && s.includes(e.toLowerCase()))
+          return o;
         return null;
       }).filter(Boolean);
     }
   }
-}, R1 = { class: "h-[46px] w-full px-5 lg:px-8 mb-[10px]" }, q1 = { href: "/" }, G1 = ["src"], J1 = { class: "px-2 lg:px-5" }, K1 = { class: "px-2 lg:px-5 flex flex-col flex-wrap w-full pb-3" }, W1 = {
+}, A1 = { class: "h-[46px] w-full px-5 lg:px-8 mb-[10px]" }, P1 = { href: "/" }, F1 = ["src"], Q1 = { class: "px-2 lg:px-5" }, R1 = { class: "px-2 lg:px-5 flex flex-col flex-wrap w-full pb-3" }, q1 = {
   key: 0,
   class: "flex flex-col gap-y-1"
-}, X1 = {
-  key: 1,
-  class: "text-gray-800 text-lg mt-[20px]"
 };
-function Y1(t, e, r, h, o, l) {
-  var a;
-  const b = p("VsText"), m = p("NavbarItem"), x = p("NavbarFooter");
-  return s(), i("div", {
-    class: C(["lg:flex lg:relative lg:left-0 flex-col h-[100vh] pt-3 border-r w-[260px] top-0 bottom-0 shrink-0 absolute transition left-[-100%] z-[11] bg-white", [{ "left-0": t.$parent.showMenu }]])
+function G1(t, e, o, d, s, r) {
+  var g;
+  const k = p("VsText"), b = p("NavbarItem"), a = p("NavbarFooter");
+  return n(), i("div", {
+    class: x(["lg:flex lg:relative lg:left-0 flex-col h-[100vh] pt-3 border-r w-[260px] top-0 bottom-0 shrink-0 absolute transition left-[-100%] z-[11]", {
+      "left-0": t.$parent.showMenu,
+      "bg-blue-950": r.darkMode,
+      "bg-white": !r.darkMode
+    }])
   }, [
-    n("div", R1, [
-      n("a", q1, [
-        n("img", {
-          src: l.logo,
+    l("div", A1, [
+      l("a", P1, [
+        l("img", {
+          src: r.logo,
           class: "object-contain w-full h-full"
-        }, null, 8, G1)
+        }, null, 8, F1)
       ])
     ]),
-    n("div", J1, [
-      d(b, {
+    l("div", Q1, [
+      h(k, {
         type: "text",
-        modelValue: o.searchValue,
-        "onUpdate:modelValue": e[0] || (e[0] = (g) => o.searchValue = g),
+        modelValue: s.searchValue,
+        "onUpdate:modelValue": e[0] || (e[0] = (f) => s.searchValue = f),
         clearable: !0,
         icon: "search",
         "icon-position": "left",
@@ -404,34 +426,40 @@ function Y1(t, e, r, h, o, l) {
         class: "[&>input]:h-[38px]"
       }, null, 8, ["modelValue"])
     ]),
-    n("div", {
-      class: C([
+    l("div", {
+      class: x([
         "py-[10px] overflow-y-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:bg-gray-300 dark:[&::-webkit-scrollbar-track]:bg-neutral-700 dark:[&::-webkit-scrollbar-thumb]:bg-neutral-500",
-        l.languages || l.docs ? "h-[calc(100vh-161px)]" : "h-[calc(100vh-110px)]"
+        r.languages || r.docs ? "h-[calc(100vh-161px)]" : "h-[calc(100vh-110px)]"
       ])
     }, [
-      n("nav", K1, [
-        (a = l.data) != null && a.length ? (s(), i("ul", W1, [
-          (s(!0), i(Z, null, P(l.data, (g, _) => (s(), i("li", {
-            key: _,
+      l("nav", R1, [
+        (g = r.data) != null && g.length ? (n(), i("ul", q1, [
+          (n(!0), i(j, null, P(r.data, (f, C) => (n(), i("li", {
+            key: C,
             class: "flex flex-col gap-[6px]"
           }, [
-            d(m, {
-              route: g,
-              searchable: o.searchValue
+            h(b, {
+              route: f,
+              searchable: s.searchValue
             }, null, 8, ["route", "searchable"])
           ]))), 128))
-        ])) : (s(), i("div", X1, "Не знайдено"))
+        ])) : (n(), i("div", {
+          key: 1,
+          class: x(["text-lg mt-[20px]", {
+            "text-white/80": r.darkMode,
+            "text-gray-800": !r.darkMode
+          }])
+        }, " Не знайдено ", 2))
       ])
     ], 2),
-    l.docs || l.languages ? (s(), U(x, {
+    r.docs || r.languages ? (n(), U(a, {
       key: 0,
-      docs: l.docs,
-      languages: l.languages
-    }, null, 8, ["docs", "languages"])) : v("", !0)
+      docs: r.docs,
+      languages: r.languages
+    }, null, 8, ["docs", "languages"])) : w("", !0)
   ], 2);
 }
-const e2 = /* @__PURE__ */ f(F1, [["render", Y1], ["__scopeId", "data-v-7e241458"]]), t2 = {
+const J1 = /* @__PURE__ */ m(S1, [["render", G1], ["__scopeId", "data-v-84e08263"]]), K1 = {
   components: {
     IconQuestion: G,
     IconUser: W,
@@ -477,113 +505,113 @@ const e2 = /* @__PURE__ */ f(F1, [["render", Y1], ["__scopeId", "data-v-7e241458
   beforeUnmount() {
     window.removeEventListener("click", this.closeOnOutsideClick);
   }
-}, r2 = { class: "h-[58px] border-b flex lg:justify-end justify-between items-center px-[20px]" }, n2 = { class: "flex items-center gap-[6px]" }, o2 = {
+}, W1 = { class: "h-[58px] border-b flex lg:justify-end justify-between items-center px-[20px]" }, X1 = { class: "flex items-center gap-[6px]" }, Y1 = {
   href: "/docs-user",
   class: "size-[38px] inline-flex justify-center items-center gap-x-2 rounded-full border border-transparent text-gray-500 hover:bg-gray-100 disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:bg-gray-100 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700"
-}, l2 = { class: "relative" }, s2 = ["src"], a2 = {
+}, ee = { class: "relative" }, te = ["src"], re = {
   key: 1,
   class: "size-[40px] rounded-full bg-gray-200 flex items-center justify-center"
-}, i2 = ["src"], u2 = {
+}, le = ["src"], oe = {
   key: 1,
   class: "size-10 rounded-full bg-gray-200 flex items-center justify-center"
-}, c2 = { class: "grow" }, d2 = { class: "block font-medium text-sm text-gray-800 dark:text-neutral-200" }, h2 = { class: "text-xs text-gray-500 dark:text-neutral-500" }, p2 = { class: "flex flex-col space-y-0.5" };
-function g2(t, e, r, h, o, l) {
-  var y, z, H, L;
-  const b = p("IconQuestion"), m = p("AdminNotification"), x = p("IconUser"), a = p("router-link"), g = p("IconUserOutline"), _ = p("IconLogout");
-  return s(), i("div", r2, [
-    n("div", {
+}, se = { class: "grow" }, ne = { class: "block font-medium text-sm text-gray-800 dark:text-neutral-200" }, ae = { class: "text-xs text-gray-500 dark:text-neutral-500" }, ie = { class: "flex flex-col space-y-0.5" };
+function ue(t, e, o, d, s, r) {
+  var z, M, H, L;
+  const k = p("IconQuestion"), b = p("AdminNotification"), a = p("IconUser"), g = p("router-link"), f = p("IconUserOutline"), C = p("IconLogout");
+  return n(), i("div", W1, [
+    l("div", {
       class: "flex lg:hidden",
-      onClick: e[0] || (e[0] = (k) => t.$parent.showMenu = !0)
+      onClick: e[0] || (e[0] = (v) => t.$parent.showMenu = !0)
     }, e[4] || (e[4] = [
       A('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-menu-2"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M4 6l16 0"></path><path d="M4 12l16 0"></path><path d="M4 18l16 0"></path></svg>', 1)
     ])),
-    n("div", n2, [
-      n("a", o2, [
-        d(b, {
+    l("div", X1, [
+      l("a", Y1, [
+        h(k, {
           height: "24",
           width: "24"
         })
       ]),
-      d(m),
-      e[9] || (e[9] = n("div", { class: "h-[30px] w-[1px] bg-gray-200 ml-[10px] mr-[10px]" }, null, -1)),
-      n("div", l2, [
-        n("div", {
-          onClick: e[1] || (e[1] = (k) => o.isVisible = !0),
+      h(b),
+      e[9] || (e[9] = l("div", { class: "h-[30px] w-[1px] bg-gray-200 ml-[10px] mr-[10px]" }, null, -1)),
+      l("div", ee, [
+        l("div", {
+          onClick: e[1] || (e[1] = (v) => s.isVisible = !0),
           class: "cursor-pointer"
         }, [
-          (z = (y = o.userData) == null ? void 0 : y.user) != null && z.avatar ? (s(), i("img", {
+          (M = (z = s.userData) == null ? void 0 : z.user) != null && M.avatar ? (n(), i("img", {
             key: 0,
             class: "flex-shrink-0 size-[30px] rounded-full",
-            src: (L = (H = o.userData) == null ? void 0 : H.user) == null ? void 0 : L.avatar,
+            src: (L = (H = s.userData) == null ? void 0 : H.user) == null ? void 0 : L.avatar,
             alt: "Image Description"
-          }, null, 8, s2)) : (s(), i("div", a2, [
-            d(x)
+          }, null, 8, te)) : (n(), i("div", re, [
+            h(a)
           ]))
         ]),
-        o.isVisible ? (s(), i("div", {
+        s.isVisible ? (n(), i("div", {
           key: 0,
-          onClick: e[3] || (e[3] = n1(() => {
+          onClick: e[3] || (e[3] = l1(() => {
           }, ["stop"])),
           class: "fixed p-2 bg-white w-[240px] top-[55px] right-[20px] rounded-xl z-[1] shadow-[0_10px_40px_10px_rgba(0,0,0,0.08)] dark:shadow-[0_10px_40px_10px_rgba(0,0,0,0.2)] dark:bg-neutral-900 block"
         }, [
-          d(a, {
+          h(g, {
             to: "profile",
             disabled: !0,
             class: "py-2 px-2.5 flex items-center gap-3 rounded-lg hover:bg-gray-100 focus:outline-none focus:bg-gray-100 dark:hover:bg-neutral-800 dark:focus:bg-neutral-800"
           }, {
-            default: w(() => {
-              var k, $, V, M, I, O, E, u;
+            default: y(() => {
+              var v, V, $, I, O, D, E, u;
               return [
-                ($ = (k = o.userData) == null ? void 0 : k.user) != null && $.avatar ? (s(), i("img", {
+                (V = (v = s.userData) == null ? void 0 : v.user) != null && V.avatar ? (n(), i("img", {
                   key: 0,
                   class: "shrink-0 size-10 rounded-full",
-                  src: (M = (V = o.userData) == null ? void 0 : V.user) == null ? void 0 : M.avatar,
+                  src: (I = ($ = s.userData) == null ? void 0 : $.user) == null ? void 0 : I.avatar,
                   alt: "Image Description"
-                }, null, 8, i2)) : (s(), i("div", u2, [
-                  d(x, { class: "w-[16px]" })
+                }, null, 8, le)) : (n(), i("div", oe, [
+                  h(a, { class: "w-[16px]" })
                 ])),
-                n("div", c2, [
-                  n("span", d2, D(((O = (I = o.userData) == null ? void 0 : I.user) == null ? void 0 : O.username) || "User User"), 1),
-                  n("p", h2, D(((u = (E = o.userData) == null ? void 0 : E.user) == null ? void 0 : u.email) || "email не вказано"), 1)
+                l("div", se, [
+                  l("span", ne, N(((D = (O = s.userData) == null ? void 0 : O.user) == null ? void 0 : D.username) || "User User"), 1),
+                  l("p", ae, N(((u = (E = s.userData) == null ? void 0 : E.user) == null ? void 0 : u.email) || "email не вказано"), 1)
                 ])
               ];
             }),
             _: 1
           }),
-          e[7] || (e[7] = n("div", { class: "my-2 mx-2.5 h-px bg-gray-200 dark:bg-neutral-700" }, null, -1)),
-          n("ul", p2, [
-            n("li", null, [
-              d(a, {
+          e[7] || (e[7] = l("div", { class: "my-2 mx-2.5 h-px bg-gray-200 dark:bg-neutral-700" }, null, -1)),
+          l("ul", ie, [
+            l("li", null, [
+              h(g, {
                 to: "profile",
                 class: "w-full flex items-center gap-x-3.5 py-2 px-2.5 text-sm text-gray-800 rounded-lg hover:bg-gray-100 focus:outline-none focus:bg-gray-100 dark:text-white dark:hover:bg-neutral-800 dark:focus:bg-neutral-800",
                 disabled: !0
               }, {
-                default: w(() => [
-                  d(g, { class: "size-4" }),
+                default: y(() => [
+                  h(f, { class: "size-4" }),
                   e[5] || (e[5] = B(" Профіль "))
                 ]),
                 _: 1
               })
             ])
           ]),
-          e[8] || (e[8] = n("div", { class: "my-2 mx-2.5 h-px bg-gray-200 dark:bg-neutral-700" }, null, -1)),
-          n("p", null, [
-            n("button", {
+          e[8] || (e[8] = l("div", { class: "my-2 mx-2.5 h-px bg-gray-200 dark:bg-neutral-700" }, null, -1)),
+          l("p", null, [
+            l("button", {
               type: "button",
-              onClick: e[2] || (e[2] = (...k) => l.logout && l.logout(...k)),
+              onClick: e[2] || (e[2] = (...v) => r.logout && r.logout(...v)),
               class: "w-full flex items-center gap-x-3.5 py-2 px-2.5 text-sm text-gray-800 rounded-lg hover:bg-gray-100 hover:text-red-500 focus:outline-none focus:bg-gray-100 focus:text-red-500 dark:text-white dark:hover:bg-neutral-800 dark:focus:bg-neutral-800 dark:hover:text-red-500 dark:focus:text-red-500"
             }, [
-              d(_, { class: "size-4" }),
+              h(C, { class: "size-4" }),
               e[6] || (e[6] = B(" Вийти "))
             ])
           ])
-        ])) : v("", !0)
+        ])) : w("", !0)
       ])
     ])
   ]);
 }
-const f2 = /* @__PURE__ */ f(t2, [["render", g2]]), m2 = {
-  components: { navbar: e2, AdminHeader: f2 },
+const ce = /* @__PURE__ */ m(K1, [["render", ue]]), de = {
+  components: { navbar: J1, AdminHeader: ce },
   data() {
     return {
       showMenu: !1
@@ -595,28 +623,28 @@ const f2 = /* @__PURE__ */ f(t2, [["render", g2]]), m2 = {
     },
     header() {
       var t;
-      return ((t = j.value) == null ? void 0 : t.header) || "admin-header";
+      return ((t = _.value) == null ? void 0 : t.header) || "admin-header";
     }
   }
-}, x2 = { class: "admin-wrapper" }, b2 = { class: "flex flex-col w-full" };
-function _2(t, e, r, h, o, l) {
-  const b = p("navbar"), m = p("router-view");
-  return s(), i("div", x2, [
-    d(b),
-    o.showMenu ? (s(), i("div", {
+}, he = { class: "admin-wrapper" }, pe = { class: "flex flex-col w-full" };
+function ge(t, e, o, d, s, r) {
+  const k = p("navbar"), b = p("router-view");
+  return n(), i("div", he, [
+    h(k),
+    s.showMenu ? (n(), i("div", {
       key: 0,
-      onClick: e[0] || (e[0] = (x) => o.showMenu = !1),
+      onClick: e[0] || (e[0] = (a) => s.showMenu = !1),
       class: "z-[10] lg:hidden transition duration fixed inset-0 bg-gray-900 bg-opacity-50 dark:bg-opacity-80 dark:bg-neutral-900"
-    })) : v("", !0),
-    n("div", b2, [
-      l.isMenu ? (s(), i(Z, { key: 0 }, [
-        (s(), U(S(l.header))),
-        d(m)
-      ], 64)) : v("", !0)
+    })) : w("", !0),
+    l("div", pe, [
+      r.isMenu ? (n(), i(j, { key: 0 }, [
+        (n(), U(S(r.header))),
+        h(b)
+      ], 64)) : w("", !0)
     ])
   ]);
 }
-const C2 = /* @__PURE__ */ f(m2, [["render", _2], ["__scopeId", "data-v-34da2042"]]);
+const me = /* @__PURE__ */ m(de, [["render", ge], ["__scopeId", "data-v-79c10cab"]]);
 export {
-  C2 as default
+  me as default
 };