@opengis/admin 0.1.86 → 0.1.88

package/README.md

@@ -1,29 +1,29 @@
-# admin
-
-[![NPM version](https://img.shields.io/npm/v/@opengis/admin)](https://www.npmjs.com/package/@opengis/admin)
-[![js-standard-style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg?style=flat)](http://standardjs.com/)
-
-It standardizes the entire web-site administration
-
-## Install
-
-```bash
-npm i @opengis/admin
-```
-
-## Publish
-
-```bash
-npm run build
-npm publish
-```
-
-## Usage
-
-```js
-fastify.register(import('@opengis/admin'), config);
-```
-
-## Documenation
-
-For a detailed understanding of `admin`, its features, and how to use them, refer to our [Documentation](https://apidocs.softpro.ua/opengis/plugin/).
+# admin
+
+[![NPM version](https://img.shields.io/npm/v/@opengis/admin)](https://www.npmjs.com/package/@opengis/admin)
+[![js-standard-style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg?style=flat)](http://standardjs.com/)
+
+It standardizes the entire web-site administration
+
+## Install
+
+```bash
+npm i @opengis/admin
+```
+
+## Publish
+
+```bash
+npm run build
+npm publish
+```
+
+## Usage
+
+```js
+fastify.register(import('@opengis/admin'), config);
+```
+
+## Documenation
+
+For a detailed understanding of `admin`, its features, and how to use them, refer to our [Documentation](https://apidocs.softpro.ua/opengis/plugin/).

package/config.js

@@ -1,5 +1,5 @@
-import { readFile } from 'fs/promises';
-import fs from 'fs';
-const config = fs.existsSync('config.json') ? JSON.parse(await readFile('config.json')) : {};
-
+import { readFile } from 'fs/promises';
+import fs from 'fs';
+const config = fs.existsSync('config.json') ? JSON.parse(await readFile('config.json')) : {};
+
 export default config;

package/dist/{IconChevronDown-BP50SBFz.js → IconChevronDown-KI0JSsHM.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as t, createElementVNode as n } from "vue";
-import { _ as r } from "./import-file-CBlObEWm.js";
+import { _ as r } from "./import-file-Cobra4kl.js";
 const l = {}, s = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",

package/dist/{add-page-DbjBxsHN.js → add-page-BCXXk3_G.js}

@@ -1,4 +1,4 @@
-import { _ as d, u as h, a as i } from "./import-file-CBlObEWm.js";
+import { _ as d, u as h, c as i } from "./import-file-Cobra4kl.js";
 import { resolveComponent as p, openBlock as m, createElementBlock as g, createElementVNode as n, createBlock as f, createCommentVNode as x } from "vue";
 const w = {
   data() {

package/dist/{admin-interface-CNBVM_7D.js → admin-interface-DeVqzwQ5.js}

@@ -1,6 +1,6 @@
-import { _ as k, b as Te, a as F, c as Ve, d as De, e as Fe, f as Me, I as je, u as ye, s as qe } from "./import-file-CBlObEWm.js";
+import { _ as k, d as Te, c as F, V as Ve, e as De, f as Fe, g as Me, I as je, u as ye, s as qe } from "./import-file-Cobra4kl.js";
 import { openBlock as r, createElementBlock as a, createTextVNode as M, toDisplayString as I, createCommentVNode as w, createStaticVNode as B, Fragment as A, createElementVNode as l, resolveComponent as p, createVNode as x, withCtx as $, createBlock as _, renderList as D, withModifiers as Be, normalizeClass as V, withDirectives as L, vModelCheckbox as ze, resolveDynamicComponent as z, Transition as P, renderSlot as Le, vShow as ve, getCurrentInstance as Pe, ref as _e, normalizeStyle as ke } from "vue";
-import { I as Ue } from "./IconChevronDown-BP50SBFz.js";
+import { I as Ue } from "./IconChevronDown-KI0JSsHM.js";
 const Oe = {
   data() {
     return {
@@ -770,7 +770,7 @@ function yn(t, e, s, i, n, o) {
     ])
   ]);
 }
-const _n = /* @__PURE__ */ k(fn, [["render", yn], ["__scopeId", "data-v-e1f274c9"]]), kn = {
+const _n = /* @__PURE__ */ k(fn, [["render", yn], ["__scopeId", "data-v-c6318482"]]), kn = {
   components: {
     AdminComponentIs: Ce,
     AdminTree: _n,
@@ -1529,7 +1529,7 @@ function Ms(t, e, s, i, n, o) {
     ])
   ]);
 }
-const js = /* @__PURE__ */ k(us, [["render", Ms], ["__scopeId", "data-v-c62adcdb"]]), qs = {
+const js = /* @__PURE__ */ k(us, [["render", Ms], ["__scopeId", "data-v-ef9b0865"]]), qs = {
   components: { AdminTable: js },
   data() {
     return {

package/dist/admin-view-ueou40jT.js

@@ -0,0 +1,378 @@
+import { _ as b, I as A, u as E, s as B, a as Q, b as F, c as S } from "./import-file-Cobra4kl.js";
+import { openBlock as n, createElementBlock as l, createElementVNode as s, createStaticVNode as q, resolveComponent as p, normalizeClass as I, createTextVNode as D, toDisplayString as Z, createVNode as d, Transition as G, withCtx as O, withDirectives as J, Fragment as N, renderList as U, vShow as K, withModifiers as P, createCommentVNode as T, createBlock as R, resolveDynamicComponent as W } from "vue";
+import { I as X } from "./IconChevronDown-KI0JSsHM.js";
+const Y = {}, e1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  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-logout"
+};
+function t1(e, t, o, a, r, u) {
+  return n(), l("svg", e1, t[0] || (t[0] = [
+    s("path", {
+      stroke: "none",
+      d: "M0 0h24v24H0z",
+      fill: "none"
+    }, null, -1),
+    s("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),
+    s("path", { d: "M9 12h12l-3 -3" }, null, -1),
+    s("path", { d: "M18 15l3 -3" }, null, -1)
+  ]));
+}
+const o1 = /* @__PURE__ */ b(Y, [["render", t1]]), r1 = {}, s1 = {
+  viewBox: "0 0 1823 249",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function n1(e, t, o, a, r, u) {
+  return n(), l("svg", s1, t[0] || (t[0] = [
+    q('<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 l1 = /* @__PURE__ */ b(r1, [["render", n1]]), a1 = {
+  components: { IconChevronDown: X },
+  props: { route: Object },
+  mounted() {
+    var e, t, o;
+    (e = this.route) != null && e.menu && (o = (t = this.route) == null ? void 0 : t.menu) != null && o.some(
+      (a) => {
+        var r, u;
+        return (a == null ? void 0 : a.path) === this.$route.path.replace("/", "") || ((u = (r = this.$route) == null ? void 0 : r.params) == null ? void 0 : u.table) === (a == null ? void 0 : a.table) && (a == null ? void 0 : a.table);
+      }
+    ) && (this.isOpen = !0);
+  },
+  watch: {
+    route(e) {
+      e != null && e.open && (this.isOpen = !0);
+    }
+  },
+  data() {
+    return {
+      isOpen: !1
+    };
+  }
+}, u1 = {
+  key: 0,
+  class: ""
+}, c1 = { class: "ml-[30px] py-[6px] before:block before:absolute relative w-[196px] flex flex-col gap-[6px] inline-block before:w-[2px] before:h-[100%] before:bg-gray-100 before:left-[-14px] cursor-pointer" }, i1 = { key: 1 };
+function d1(e, t, o, a, r, u) {
+  var x, g, h, _, v, w, m, y, k, V, H, $, M;
+  const C = p("IconChevronDown"), f = p("router-link");
+  return (x = o.route) != null && x.menu ? (n(), l("div", u1, [
+    s("button", {
+      onClick: t[0] || (t[0] = (i) => r.isOpen = !r.isOpen),
+      class: I(["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", [
+        ((h = (g = o.route) == null ? void 0 : g.menu) == null ? void 0 : h.some(
+          (i) => {
+            var c, L;
+            return (i == null ? void 0 : i.path) === e.$route.path.replace("/", "") || (i == null ? void 0 : i.table) === ((L = (c = e.$route) == null ? void 0 : c.params) == null ? void 0 : L.table) && (i == null ? void 0 : i.table);
+          }
+        )) && "bg-gray-100"
+      ]])
+    }, [
+      D(Z((_ = o.route) == null ? void 0 : _.ua) + " ", 1),
+      d(C, {
+        class: I([[r.isOpen && "-rotate-180"], "ml-auto duration-300"]),
+        width: "14",
+        height: "14"
+      }, null, 8, ["class"])
+    ], 2),
+    d(G, { name: "fade" }, {
+      default: O(() => {
+        var i;
+        return [
+          J(s("ul", c1, [
+            (n(!0), l(N, null, U((i = o.route) == null ? void 0 : i.menu, (c, L) => {
+              var z, j;
+              return n(), l("li", {
+                key: L,
+                class: "w-full"
+              }, [
+                d(f, {
+                  to: "/" + (c == null ? void 0 : c.path),
+                  class: I([[
+                    ((c == null ? void 0 : c.path) === e.$route.path.replace("/", "") || ((j = (z = e.$route) == null ? void 0 : z.params) == null ? void 0 : j.table) === (c == null ? void 0 : c.table) && (c == null ? void 0 : c.table)) && "bg-gray-100"
+                  ], "flex px-3 py-2 text-sm text-gray-800 rounded-lg gap-x-4 hover:bg-gray-100 focus:outline-none focus:bg-gray-100"])
+                }, {
+                  default: O(() => [
+                    D(Z(c == null ? void 0 : c.ua), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["to", "class"])
+              ]);
+            }), 128))
+          ], 512), [
+            [K, r.isOpen]
+          ])
+        ];
+      }),
+      _: 1
+    })
+  ])) : (n(), l("div", i1, [
+    d(f, {
+      to: ((w = (v = o.route) == null ? void 0 : v.path) == null ? void 0 : w[0]) === "/" ? (m = o.route) == null ? void 0 : m.path : "/" + ((y = o.route) == null ? void 0 : y.path),
+      class: I([[
+        (((k = o.route) == null ? void 0 : k.path.replace("/", "")) === e.$route.path.replace("/", "") || ((H = (V = e.$route) == null ? void 0 : V.params) == null ? void 0 : H.table) === (($ = o.route) == null ? void 0 : $.table) && ((M = o.route) == null ? void 0 : M.table)) && "bg-gray-100"
+      ], "flex gap-x-3 py-2 w-full font-[400] px-3 text-sm text-gray-800 rounded-lg items-center hover:bg-gray-100 duration-300 hover:text-gray-800"])
+    }, {
+      default: O(() => {
+        var i;
+        return [
+          D(Z((i = o.route) == null ? void 0 : i.ua), 1)
+        ];
+      }),
+      _: 1
+    }, 8, ["to", "class"])
+  ]));
+}
+const p1 = /* @__PURE__ */ b(a1, [["render", d1]]), h1 = {
+  components: { IconLogout: o1, NavbarItem: p1, IconLogo: l1, IconSearch: A },
+  data() {
+    return {
+      activeIndex: null,
+      searchValue: ""
+    };
+  },
+  computed: {
+    data() {
+      var e;
+      return (e = this.searchValue) != null && e.trim() ? this.filterMenu(E.value, this.searchValue) : E.value;
+    },
+    logo() {
+      var e;
+      return ((e = B.value) == null ? void 0 : e.logo) || "/assets/logo.svg";
+    }
+  },
+  methods: {
+    filterMenu(e, t) {
+      return e.map((o) => {
+        var a, r;
+        if (o.menu) {
+          const u = this.filterMenu(o.menu, t);
+          if (u.length > 0)
+            return { ...o, menu: u, open: !0 };
+        } else if ((r = (a = o.ua) == null ? void 0 : a.toLowerCase()) != null && r.includes(t.toLowerCase()))
+          return o;
+        return null;
+      }).filter(Boolean);
+    }
+  }
+}, f1 = { class: "flex flex-col h-[100vh] border-r w-[260px] shrink-0" }, C1 = ["src"], x1 = { class: "relative" }, g1 = { class: "p-[16px] 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" }, _1 = { class: "flex flex-col flex-wrap w-full pb-3" }, b1 = {
+  key: 0,
+  class: "flex flex-col gap-[6px]"
+}, v1 = {
+  key: 1,
+  class: "text-gray-800 text-lg mt-[20px]"
+};
+function w1(e, t, o, a, r, u) {
+  var g;
+  const C = p("IconSearch"), f = p("VsText"), x = p("NavbarItem");
+  return n(), l("div", f1, [
+    s("img", {
+      src: u.logo,
+      height: "40",
+      width: "200",
+      class: "my-[20px] ml-[20px]"
+    }, null, 8, C1),
+    s("div", x1, [
+      d(C, {
+        height: "16",
+        width: "16",
+        class: "absolute top-[12px] left-[30px] text-gray-500 z-[1]"
+      }),
+      d(f, {
+        type: "text",
+        modelValue: r.searchValue,
+        "onUpdate:modelValue": t[0] || (t[0] = (h) => r.searchValue = h),
+        clearable: !0,
+        placeholder: "Пошук по меню",
+        class: "[&>input]:h-[40px] [&>input]:block [&>input]:rounded-none [&>input]:border-x-0 [&>input]:pl-[60px] [&>input:focus]:outline-none [&>input:focus]:focus:ring-0 [&>input:focus]:border-y-gray-200 [&>input:focus]:border-y-1 [&>input:focus]:border-x-0"
+      }, null, 8, ["modelValue"])
+    ]),
+    s("div", g1, [
+      s("nav", _1, [
+        (g = u.data) != null && g.length ? (n(), l("ul", b1, [
+          (n(!0), l(N, null, U(u.data, (h, _) => (n(), l("li", {
+            key: _,
+            class: "flex flex-col gap-[6px]"
+          }, [
+            d(x, { route: h }, null, 8, ["route"])
+          ]))), 128))
+        ])) : (n(), l("div", v1, "Не знайдено"))
+      ])
+    ])
+  ]);
+}
+const m1 = /* @__PURE__ */ b(h1, [["render", w1]]), y1 = {}, k1 = {
+  class: "flex-shrink-0 size-4",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+function V1(e, t, o, a, r, u) {
+  return n(), l("svg", k1, t[0] || (t[0] = [
+    s("circle", {
+      cx: "12",
+      cy: "12",
+      r: "10"
+    }, null, -1),
+    s("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }, null, -1),
+    s("path", { d: "M12 17h.01" }, null, -1)
+  ]));
+}
+const H1 = /* @__PURE__ */ b(y1, [["render", V1]]), $1 = {
+  components: { IconQuestion: H1, IconUser: Q, AdminNotification: F },
+  mounted() {
+    this.getUserData();
+  },
+  data() {
+    return {
+      userData: null,
+      isVisible: !1
+    };
+  },
+  watch: {
+    isVisible(e) {
+      e ? setTimeout(
+        () => window.addEventListener("click", this.closeOnOutsideClick),
+        0
+      ) : window.removeEventListener("click", this.closeOnOutsideClick);
+    }
+  },
+  methods: {
+    async getUserData() {
+      try {
+        const { data: e } = await S.get("/user");
+        this.userData = e;
+      } catch {
+      }
+    },
+    async logout() {
+      try {
+        await S.get("/logout"), await window.history.pushState({}, "", "/login"), await location.reload(), localStorage.removeItem("user");
+      } catch {
+      }
+    },
+    closeOnOutsideClick() {
+      this.isVisible = !1;
+    }
+  },
+  beforeUnmount() {
+    window.removeEventListener("click", this.closeOnOutsideClick);
+  }
+}, M1 = {
+  class: "h-[60px] border-b flex justify-end px-[20px]",
+  style: { width: "calc(100vw - 260px)" }
+}, L1 = { class: "flex items-center gap-[6px]" }, I1 = {
+  href: "docs-softpro.com",
+  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"
+}, D1 = { class: "relative" }, Z1 = ["src"], O1 = {
+  key: 1,
+  class: "size-[40px] rounded-full bg-gray-200 flex items-center justify-center"
+}, E1 = { class: "p-[10px] gap-[6px] items-center border-b flex justify-between" }, N1 = ["src"], z1 = {
+  key: 1,
+  class: "size-[40px] rounded-full bg-gray-200 flex items-center justify-center"
+}, j1 = { class: "text-[14px] mr-[10px] text-gray-500" }, S1 = { class: "flex flex-col p-[4px]" };
+function B1(e, t, o, a, r, u) {
+  var h, _, v, w, m, y, k, V, H, $;
+  const C = p("IconQuestion"), f = p("AdminNotification"), x = p("IconUser"), g = p("router-link");
+  return n(), l("div", M1, [
+    s("div", L1, [
+      s("a", I1, [
+        d(C, {
+          height: "24",
+          width: "24"
+        })
+      ]),
+      d(f),
+      t[4] || (t[4] = s("div", { class: "h-[30px] w-[1px] bg-gray-200 ml-[10px] mr-[10px]" }, null, -1)),
+      s("div", D1, [
+        s("div", {
+          onClick: t[0] || (t[0] = (M) => r.isVisible = !0),
+          class: "cursor-pointer"
+        }, [
+          (_ = (h = r.userData) == null ? void 0 : h.user) != null && _.avatar ? (n(), l("img", {
+            key: 0,
+            class: "flex-shrink-0 size-[30px] rounded-full",
+            src: (w = (v = r.userData) == null ? void 0 : v.user) == null ? void 0 : w.avatar,
+            alt: "Image Description"
+          }, null, 8, Z1)) : (n(), l("div", O1, [
+            d(x)
+          ]))
+        ]),
+        r.isVisible ? (n(), l("div", {
+          key: 0,
+          onClick: t[2] || (t[2] = P(() => {
+          }, ["stop"])),
+          class: "fixed bg-white w-[180px] top-[55px] right-[20px] shadow-xl rounded-xl z-[1]"
+        }, [
+          s("div", E1, [
+            (y = (m = r.userData) == null ? void 0 : m.user) != null && y.avatar ? (n(), l("img", {
+              key: 0,
+              class: "flex-shrink-0 size-[30px] rounded-full",
+              src: (V = (k = r.userData) == null ? void 0 : k.user) == null ? void 0 : V.avatar,
+              alt: "Image Description"
+            }, null, 8, N1)) : (n(), l("div", z1, [
+              d(x)
+            ])),
+            s("div", null, [
+              s("p", j1, Z(($ = (H = r.userData) == null ? void 0 : H.user) == null ? void 0 : $.username), 1)
+            ])
+          ]),
+          s("div", S1, [
+            d(g, {
+              to: "profile",
+              disabled: !0,
+              class: "p-[8px] block rounded-lg w-full mb-[4px] text-start hover:bg-gray-100 !duration-300"
+            }, {
+              default: O(() => t[3] || (t[3] = [
+                D("Профіль")
+              ])),
+              _: 1
+            }),
+            s("button", {
+              onClick: t[1] || (t[1] = (...M) => u.logout && u.logout(...M)),
+              class: "p-[8px] block rounded-lg w-full text-start hover:bg-gray-100 !duration-300"
+            }, " Вийти ")
+          ])
+        ])) : T("", !0)
+      ])
+    ])
+  ]);
+}
+const U1 = /* @__PURE__ */ b($1, [["render", B1]]), T1 = {
+  components: { navbar: m1, AdminHeader: U1 },
+  computed: {
+    isMenu() {
+      return E.value || null;
+    },
+    header() {
+      var e;
+      return ((e = B.value) == null ? void 0 : e.header) || "admin-header";
+    }
+  }
+}, A1 = { class: "admin-wrapper" }, Q1 = { class: "flex flex-col" };
+function F1(e, t, o, a, r, u) {
+  const C = p("navbar"), f = p("router-view");
+  return n(), l("div", A1, [
+    d(C),
+    s("div", Q1, [
+      u.isMenu ? (n(), l(N, { key: 0 }, [
+        (n(), R(W(u.header))),
+        d(f)
+      ], 64)) : T("", !0)
+    ])
+  ]);
+}
+const K1 = /* @__PURE__ */ b(T1, [["render", F1], ["__scopeId", "data-v-98158745"]]);
+export {
+  K1 as default
+};

package/dist/admin.js

@@ -1,4 +1,4 @@
-import { i as f } from "./import-file-CBlObEWm.js";
+import { j as f } from "./import-file-Cobra4kl.js";
 export {
   f as default
 };