@oneb/ui-vue 0.1.30 → 0.1.32

package/dist/{OneHelpMenu-00822d7e.js → OneHelpMenu-5f545b2a.js}

@@ -1,9 +1,9 @@
-import { defineComponent as B, ref as j, provide as Y, computed as F, openBlock as t, createElementBlock as o, renderSlot as N, normalizeProps as W, guardReactiveProps as U, createCommentVNode as h, createVNode as g, Transition as Z, withCtx as I, normalizeClass as z, toDisplayString as a, inject as ee, withModifiers as te, createBlock as L, resolveDynamicComponent as P, createElementVNode as e, Fragment as $, renderList as A, mergeProps as oe, unref as C } from "vue";
-import { OneAvatar as M } from "./common/index.js";
-import { r as J } from "./XMarkIcon-51ef0691.js";
-import { _ as ne } from "./index-f8afb6b6.js";
-import { _ as K } from "./_plugin-vue_export-helper-dad06003.js";
-const se = {
+import { defineComponent as z, ref as j, provide as X, computed as F, openBlock as t, createElementBlock as o, renderSlot as q, normalizeProps as N, guardReactiveProps as W, createCommentVNode as h, createVNode as _, Transition as Y, withCtx as I, normalizeClass as O, toDisplayString as a, inject as Z, withModifiers as ee, createBlock as L, resolveDynamicComponent as P, createElementVNode as e, Fragment as $, renderList as A, mergeProps as te, unref as b } from "vue";
+import { OneAvatar as B } from "./common/index.js";
+import { r as G } from "./XMarkIcon-51ef0691.js";
+import { _ as oe } from "./index-f8afb6b6.js";
+import { _ as J } from "./_plugin-vue_export-helper-dad06003.js";
+const ne = {
   title: {
     type: String
   },
@@ -11,7 +11,7 @@ const se = {
     type: String,
     default: "right"
   }
-}, re = {
+}, se = {
   variant: {
     type: String,
     default: "primary"
@@ -22,24 +22,24 @@ const se = {
   icon: {
     type: [Function, Object]
   }
-}, le = ["data-opened"], ie = {
+}, re = ["data-opened"], le = {
   key: 0,
   class: "text-sm text-secondary-content px-3 py-2 text-left"
-}, ce = /* @__PURE__ */ B({
+}, ie = /* @__PURE__ */ z({
   __name: "OneDropdown",
-  props: se,
+  props: ne,
   emits: ["open", "close"],
   setup(f, { emit: u }) {
     const v = j(!1), d = j(null), c = u, r = f, p = () => {
       v.value = !v.value, v.value ? c("open") : c("close");
     };
-    Y("OneDropdown", {
+    X("OneDropdown", {
       onToggle: p
     });
     const s = F(() => {
       const n = d.value != null && d.value.getBoundingClientRect.x < 270;
       return d.value != null && d.value.getBoundingClientRect().top + 270 > window.innerHeight ? "up" + (n ? "-right" : "-left") : "down" + (n ? "-right" : "-left");
-    }), x = F(() => {
+    }), m = F(() => {
       const n = [
         "absolute z-10 w-fit rounded-md bg-white",
         "py-1 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none",
@@ -47,19 +47,19 @@ const se = {
       ];
       return s.value.startsWith("up") ? n.push("bottom-1 mb-10") : s.value.startsWith("down") && n.push("top-1 mt-10"), r.stick === "right" ? n.push("right-0") : r.stick === "left" && n.push("left-0"), n;
     });
-    return (n, w) => (t(), o("div", {
+    return (n, g) => (t(), o("div", {
       class: "relative inline-block",
       ref_key: "menuRef",
       ref: d,
       "data-opened": v.value
     }, [
-      N(n.$slots, "button", W(U({ onToggle: p, isExpanded: v.value }))),
+      q(n.$slots, "button", N(W({ onToggle: p, isExpanded: v.value }))),
       v.value ? (t(), o("div", {
         key: 0,
         class: "fixed top-0 left-0 w-screen h-screen z-10",
         onClick: p
       })) : h("", !0),
-      g(Z, {
+      _(Y, {
         "enter-active-class": "transition ease-out duration-100",
         "enter-from-class": "transform opacity-0 scale-95",
         "enter-to-class": "transform opacity-100 scale-100",
@@ -70,33 +70,33 @@ const se = {
         default: I(() => [
           v.value ? (t(), o("div", {
             key: 0,
-            class: z(["menu", x.value]),
+            class: O(["menu", m.value]),
             role: "menu",
             "aria-orientation": "vertical",
             tabindex: "-1"
           }, [
-            n.title ? (t(), o("div", ie, a(n.title), 1)) : h("", !0),
-            N(n.$slots, "menu", W(U({ onToggle: p })))
+            n.title ? (t(), o("div", le, a(n.title), 1)) : h("", !0),
+            q(n.$slots, "menu", N(W({ onToggle: p })))
           ], 2)) : h("", !0)
         ]),
         _: 3
       })
-    ], 8, le));
+    ], 8, re));
   }
-}), G = /* @__PURE__ */ B({
+}), U = /* @__PURE__ */ z({
   __name: "OneDropdownItem",
-  props: re,
+  props: se,
   emits: ["click"],
   setup(f, { emit: u }) {
-    const v = u, d = f, c = ee("OneDropdown"), r = () => {
+    const v = u, d = f, c = Z("OneDropdown"), r = () => {
       c !== void 0 && c.onToggle(), v("click");
     }, p = F(() => {
       const s = [];
       return d.variant === "secondary" ? s.push("text-secondary-content hover:bg-secondary-body-hover") : d.variant === "danger" ? s.push("text-danger-content hover:bg-danger-10") : d.variant === "warning" ? s.push("text-warning-content hover:bg-warning-10") : d.variant === "info" ? s.push("text-info-content hover:bg-info-10") : s.push("hover:bg-secondary-body-hover"), s;
     });
-    return (s, x) => (t(), o("button", {
-      class: z(["px-3 py-1.5 flex items-center space-x-3 w-full whitespace-nowrap", p.value]),
-      onClick: te(r, ["prevent"])
+    return (s, m) => (t(), o("button", {
+      class: O(["px-3 py-1.5 flex items-center space-x-3 w-full whitespace-nowrap", p.value]),
+      onClick: ee(r, ["prevent"])
     }, [
       s.icon ? (t(), L(P(s.icon), {
         key: 0,
@@ -106,7 +106,7 @@ const se = {
     ], 2));
   }
 });
-function ae(f, u) {
+function ce(f, u) {
   return t(), o("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -122,7 +122,7 @@ function ae(f, u) {
     })
   ]);
 }
-const ue = {
+const ae = {
   user: {
     type: Object,
     required: !0
@@ -156,7 +156,7 @@ const ue = {
   onLogout: {
     type: Function
   }
-}, de = {
+}, ue = {
   workspace: {
     type: Object,
     required: !0
@@ -186,26 +186,26 @@ const ue = {
   onApp: {
     type: Function
   }
-}, pe = {
+}, de = {
   help: {
     type: Object,
     required: !0
   }
-}, he = ["onClick"], fe = { class: "flex flex-col items-center pt-5 pb-2 h-full" }, ve = { class: "flex flex-col px-10 py-1 mt-2 text-center" }, me = { class: "self-center text-base font-medium tracking-wide text-black" }, xe = { class: "mt-1 text-xs leading-5 text-blue-500 font-light" }, ge = { class: "text-left w-full mt-5 px-3" }, _e = { class: "-mb-2 flex-shrink-0 mt-auto pt-6 text-[8px] leading-3 text-gray-400" }, Lt = /* @__PURE__ */ B({
+}, pe = ["onClick"], he = { class: "flex flex-col items-center pt-5 pb-2 h-full" }, fe = { class: "flex flex-col px-10 py-1 mt-2 text-center" }, ve = { class: "self-center text-base font-medium tracking-wide text-black" }, xe = { class: "mt-1 text-xs leading-5 text-blue-500 font-light" }, me = { class: "text-left w-full mt-5 px-3" }, ge = { class: "-mb-2 flex-shrink-0 mt-auto pt-6 text-[8px] leading-3 text-gray-400" }, jt = /* @__PURE__ */ z({
   __name: "OneUserMenu",
-  props: ue,
+  props: ae,
   setup(f) {
     const u = f, v = F(() => {
       var r;
       return (r = u.menu) == null ? void 0 : r.map((p) => {
         let s = { label: p.label };
         p.icon != null && (s = { ...s, icon: p.icon });
-        const x = typeof p.click == "function" ? p.click : () => {
+        const m = typeof p.click == "function" ? p.click : () => {
         };
         return {
           key: p.label,
           args: s,
-          click: x
+          click: m
         };
       });
     }), d = () => {
@@ -213,53 +213,53 @@ const ue = {
     }, c = () => {
       typeof u.onLogout == "function" && u.onLogout();
     };
-    return (r, p) => (t(), L(ce, { stick: "right" }, {
-      button: I(({ onToggle: s, isExpanded: x }) => {
-        var n, w;
+    return (r, p) => (t(), L(ie, { stick: "right" }, {
+      button: I(({ onToggle: s, isExpanded: m }) => {
+        var n, g;
         return [
           e("button", {
             onClick: s,
-            class: z(["p-1 rounded-full hover:bg-secondary-10", [x ? "bg-secondary-25" : ""]])
+            class: O(["p-1 rounded-full hover:bg-secondary-10", [m ? "bg-secondary-25" : ""]])
           }, [
-            g(M, {
+            _(B, {
               text: ((n = r.user) == null ? void 0 : n.name) || "",
               size: r.iconSize,
-              src: (w = r.user) == null ? void 0 : w.photo_url,
+              src: (g = r.user) == null ? void 0 : g.photo_url,
               rounded: !0
             }, null, 8, ["text", "size", "src"])
-          ], 10, he)
+          ], 10, pe)
         ];
       }),
       menu: I(() => {
-        var s, x, n, w, b;
+        var s, m, n, g, y;
         return [
-          e("div", fe, [
-            g(M, {
+          e("div", he, [
+            _(B, {
               text: ((s = r.user) == null ? void 0 : s.name) || "",
               size: 80,
-              src: (x = r.user) == null ? void 0 : x.photo_url,
+              src: (m = r.user) == null ? void 0 : m.photo_url,
               rounded: !0,
               class: "mx-auto"
             }, null, 8, ["text", "src"]),
-            e("div", ve, [
-              e("div", me, a((n = r.user) == null ? void 0 : n.name), 1),
-              e("div", xe, a((w = r.user) == null ? void 0 : w.email), 1)
+            e("div", fe, [
+              e("div", ve, a((n = r.user) == null ? void 0 : n.name), 1),
+              e("div", xe, a((g = r.user) == null ? void 0 : g.email), 1)
             ]),
             typeof u.onAccount == "function" ? (t(), o("a", {
               key: 0,
               onClick: d,
               class: "cursor-pointer justify-center px-8 py-2 mt-3 text-xs font-semibold tracking-wide leading-5 text-gray-600 border border-solid bg-neutral-100 border-slate-200 rounded-[50px] hover:bg-neutral-200"
             }, a(r.accountLabel), 1)) : h("", !0),
-            e("div", ge, [
-              (t(!0), o($, null, A(v.value, (k) => (t(), L(G, oe({
-                key: k.key,
+            e("div", me, [
+              (t(!0), o($, null, A(v.value, (C) => (t(), L(U, te({
+                key: C.key,
                 ref_for: !0
-              }, k.args, {
-                onClick: k.click
+              }, C.args, {
+                onClick: C.click
               }), null, 16, ["onClick"]))), 128)),
-              typeof r.onLogout == "function" ? (t(), L(G, {
+              typeof r.onLogout == "function" ? (t(), L(U, {
                 key: 0,
-                icon: C(ae),
+                icon: b(ce),
                 label: r.logoutLabel,
                 class: "rounded py-3",
                 onClick: c
@@ -269,7 +269,7 @@ const ue = {
               class: "space-y-2 text-center",
               style: { width: "240px" }
             }, null, -1)),
-            e("div", _e, a((b = r.app) == null ? void 0 : b.version), 1)
+            e("div", ge, a((y = r.app) == null ? void 0 : y.version), 1)
           ])
         ];
       }),
@@ -277,7 +277,7 @@ const ue = {
     }));
   }
 });
-function we(f, u) {
+function _e(f, u) {
   return t(), o("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -369,7 +369,7 @@ function we(f, u) {
     })
   ]);
 }
-function Q(f, u) {
+function K(f, u) {
   return t(), o("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -385,7 +385,7 @@ function Q(f, u) {
     })
   ]);
 }
-function X(f, u) {
+function Q(f, u) {
   return t(), o("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -401,7 +401,7 @@ function X(f, u) {
     })
   ]);
 }
-function ke(f, u) {
+function we(f, u) {
   return t(), o("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -417,132 +417,132 @@ function ke(f, u) {
     })
   ]);
 }
-const ye = ["data-opened"], be = {
+const ke = ["data-opened"], ye = {
   key: 1,
   class: "absolute top-0 right-0 h-screen overflow-y-auto max-w-96 bg-white px-3 z-10"
-}, Ce = { class: "flex justify-between items-center pt-3 mb-3" }, $e = { class: "font-semibold text-xl px-3" }, Ae = { class: "grid" }, Fe = { class: "rounded-lg m-3 border" }, je = {
+}, be = { class: "flex justify-between items-center pt-3 mb-3" }, Ce = { class: "font-semibold text-xl px-3" }, $e = { class: "grid" }, Ae = { class: "rounded-lg m-3 border" }, Fe = {
   class: "space-x-2 flex items-center px-3 py-2",
   style: { width: "300px" }
-}, Le = { class: "flex justify-between relative" }, Me = { class: "flex items-center justify-between w-full text-left text-sm font-semibold" }, Be = { key: 0 }, ze = { class: "text-xs font-semibold" }, Oe = { class: "px-3 py-2" }, Se = { class: "text-secondary-content text-left pb-1 text-xs uppercase" }, Ee = { class: "overflow-auto max-h-full" }, Ie = {
+}, je = { class: "flex justify-between relative" }, Le = { class: "flex items-center justify-between w-full text-left text-sm font-semibold" }, Me = { key: 0 }, Be = { class: "text-xs font-semibold" }, ze = { class: "px-3 py-2" }, Oe = { class: "text-secondary-content text-left pb-1 text-xs uppercase" }, Se = { class: "overflow-auto max-h-full" }, Ee = {
   key: 0,
   class: "space-y-2"
-}, Pe = ["onClick"], He = { class: "flex" }, Te = { class: "border border-secondary-stroke rounded-2xl w-14 h-14 md:w-14 md:h-14 flex items-center justify-center" }, Ve = { class: "pl-2" }, De = { class: "text-sm mt-1 font-semibold" }, Re = { class: "text9 mt-1" }, qe = {
+}, Ie = ["onClick"], Pe = { class: "flex" }, He = { class: "border border-secondary-stroke rounded-2xl w-14 h-14 md:w-14 md:h-14 flex items-center justify-center" }, Te = { class: "pl-2" }, Ve = { class: "text-sm mt-1 font-semibold" }, De = { class: "text9 mt-1" }, Re = {
   key: 1,
   class: "mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs hidden"
-}, Ne = /* @__PURE__ */ B({
+}, qe = /* @__PURE__ */ z({
   __name: "OneBrowserMenu",
-  props: de,
+  props: ue,
   emits: ["open", "close"],
   setup(f, { emit: u }) {
     const v = u, d = f, c = j(!1), r = () => {
       c.value = !c.value, c.value ? v("open") : v("close");
     }, p = j(!1);
-    F(() => p.value ? X : Q);
+    F(() => p.value ? Q : K);
     const s = () => {
       typeof d.onChange == "function" && d.onChange();
-    }, x = (n) => {
+    }, m = (n) => {
       typeof d.onApp == "function" && d.onApp(n);
     };
-    return (n, w) => {
-      var b, k, O, i, _, y;
+    return (n, g) => {
+      var y, C, l, w, k, M;
       return t(), o("div", { "data-opened": c.value }, [
         e("button", {
           onClick: r,
-          class: z(["p-1 w-[44px] h-[44px] rounded-md hover:bg-secondary-10", { "bg-secondary-10": c.value }])
+          class: O(["p-1 w-[44px] h-[44px] rounded-md hover:bg-secondary-10", { "bg-secondary-10": c.value }])
         }, [
-          g(C(we), { class: "text-secondary-base w-full p-1 hover:text-blue-600 m-auto" })
+          _(b(_e), { class: "text-secondary-base w-full p-1 hover:text-blue-600 m-auto" })
         ], 2),
         c.value ? (t(), o("div", {
           key: 0,
           class: "fixed top-0 left-0 w-screen h-screen z-10 bg-black/10",
           onClick: r
         })) : h("", !0),
-        c.value ? (t(), o("div", be, [
-          e("div", Ce, [
-            e("div", $e, a((b = n.workspace) == null ? void 0 : b.title), 1),
-            g(C(J), {
+        c.value ? (t(), o("div", ye, [
+          e("div", be, [
+            e("div", Ce, a((y = n.workspace) == null ? void 0 : y.title), 1),
+            _(b(G), {
               class: "w-6 cursor-pointer",
               onClick: r
             })
           ]),
-          e("div", Ae, [
-            e("div", Fe, [
-              e("div", je, [
-                e("div", Le, [
-                  g(M, {
-                    text: ((k = n.workspace) == null ? void 0 : k.name) || "",
-                    src: (O = n.workspace) == null ? void 0 : O.photo_url,
+          e("div", $e, [
+            e("div", Ae, [
+              e("div", Fe, [
+                e("div", je, [
+                  _(B, {
+                    text: ((C = n.workspace) == null ? void 0 : C.name) || "",
+                    src: (l = n.workspace) == null ? void 0 : l.photo_url,
                     size: 44,
                     rounded: !1,
                     class: "mx-auto"
                   }, null, 8, ["text", "src"])
                 ]),
-                e("div", Me, a((i = n.workspace) == null ? void 0 : i.name), 1)
+                e("div", Le, a((w = n.workspace) == null ? void 0 : w.name), 1)
               ]),
-              p.value ? (t(), o("div", Be, [
-                (t(!0), o($, null, A(n.workspaces, (m) => (t(), o("div", {
-                  key: m.name,
+              p.value ? (t(), o("div", Me, [
+                (t(!0), o($, null, A(n.workspaces, (x) => (t(), o("div", {
+                  key: x.name,
                   class: "flex items-center space-x-3 border-t px-5 py-2 hover:bg-secondary-10"
                 }, [
-                  g(M, {
-                    text: m.name,
-                    src: m.photo_url,
+                  _(B, {
+                    text: x.name,
+                    src: x.photo_url,
                     size: 30,
                     rounded: !1
                   }, null, 8, ["text", "src"]),
-                  e("span", ze, a(m.name), 1)
+                  e("span", Be, a(x.name), 1)
                 ]))), 128))
               ])) : h("", !0),
-              w[0] || (w[0] = e("hr", null, null, -1)),
+              g[0] || (g[0] = e("hr", null, null, -1)),
               e("div", {
                 onClick: s,
                 class: "text-center py-2 cursor-pointer",
                 style: { "font-size": "10px" }
-              }, a((_ = n.workspace) == null ? void 0 : _.changeLabel), 1)
+              }, a((k = n.workspace) == null ? void 0 : k.changeLabel), 1)
             ])
           ]),
-          e("div", Oe, [
-            e("div", Se, a((y = n.workspace) == null ? void 0 : y.appsLabel), 1),
-            e("div", Ee, [
-              n.apps && n.apps.length ? (t(), o("div", Ie, [
-                (t(!0), o($, null, A(n.apps, (m) => (t(), o("div", {
-                  key: m.id,
-                  onClick: (S) => x(m),
+          e("div", ze, [
+            e("div", Oe, a((M = n.workspace) == null ? void 0 : M.appsLabel), 1),
+            e("div", Se, [
+              n.apps && n.apps.length ? (t(), o("div", Ee, [
+                (t(!0), o($, null, A(n.apps, (x) => (t(), o("div", {
+                  key: x.id,
+                  onClick: (S) => m(x),
                   class: "flex justify-between items-center rounded-lg hover:bg-secondary-10 p-2 bg-[#FAFAFA] cursor-pointer"
                 }, [
-                  e("div", He, [
-                    e("div", Te, [
-                      g(M, {
-                        text: m.name,
-                        src: m.photo_url,
+                  e("div", Pe, [
+                    e("div", He, [
+                      _(B, {
+                        text: x.name,
+                        src: x.photo_url,
                         size: 44,
                         rounded: !1
                       }, null, 8, ["text", "src"])
                     ]),
-                    e("div", Ve, [
-                      e("p", De, a(m.name), 1),
-                      e("p", Re, a(m == null ? void 0 : m.short), 1)
+                    e("div", Te, [
+                      e("p", Ve, a(x.name), 1),
+                      e("p", De, a(x == null ? void 0 : x.short), 1)
                     ])
                   ]),
                   e("div", null, [
-                    g(ne, {
+                    _(oe, {
                       variant: "touch",
-                      icon: C(ke),
-                      onClick: (S) => x(m)
+                      icon: b(we),
+                      onClick: (S) => m(x)
                     }, null, 8, ["icon", "onClick"])
                   ])
-                ], 8, Pe))), 128))
+                ], 8, Ie))), 128))
               ])) : h("", !0),
-              n.apps && n.apps.length ? (t(), o("button", qe, a("Дивитися всі"))) : h("", !0)
+              n.apps && n.apps.length ? (t(), o("button", Re, a("Дивитися всі"))) : h("", !0)
             ])
           ])
         ])) : h("", !0)
-      ], 8, ye);
+      ], 8, ke);
     };
   }
 });
-const Mt = /* @__PURE__ */ K(Ne, [["__scopeId", "data-v-4936d4e4"]]);
-function We(f, u) {
+const Lt = /* @__PURE__ */ J(qe, [["__scopeId", "data-v-4936d4e4"]]);
+function Ne(f, u) {
   return t(), o("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -558,7 +558,7 @@ function We(f, u) {
     })
   ]);
 }
-function Ue(f, u) {
+function We(f, u) {
   return t(), o("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -579,7 +579,7 @@ function Ue(f, u) {
     })
   ]);
 }
-function Ge(f, u) {
+function Ue(f, u) {
   return t(), o("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -595,170 +595,172 @@ function Ge(f, u) {
     })
   ]);
 }
-const Je = ["data-opened"], Ke = {
+const Ge = ["data-opened"], Je = {
   key: 1,
   class: "absolute top-0 right-0 h-screen max-w-96 bg-white px-3 z-10 flex flex-col"
-}, Qe = { class: "flex justify-between items-center pt-3 mb-3" }, Xe = { class: "font-semibold text-xl px-3" }, Ye = {
+}, Ke = { class: "flex justify-between items-center pt-3 mb-3" }, Qe = { class: "font-semibold text-xl px-3" }, Xe = {
   key: 0,
   class: "grid grid-cols-3 bg-[#FAFAFA] rounded-xl text-[#525B66] mb-2"
-}, Ze = ["onClick"], et = { class: "uppercase text-[8px]" }, tt = { class: "overflow-y-auto grid rounded-xl" }, ot = { class: "max-h-full bg-[#FAFAFA]" }, nt = {
+}, Ye = ["onClick"], Ze = { class: "uppercase text-[8px]" }, et = { class: "overflow-y-auto grid rounded-xl" }, tt = { class: "max-h-full bg-[#FAFAFA]" }, ot = {
   key: 0,
   class: "space-y-2"
-}, st = ["onClick"], rt = { class: "flex" }, lt = { class: "pl-2" }, it = { class: "text-sm mt-1 font-semibold" }, ct = { class: "text-[10px] mt-1 text-[#979CA9]" }, at = { class: "mt-auto" }, ut = { key: 0 }, dt = ["onClick"], pt = { class: "flex items-center space-x-3" }, ht = { class: "h-16" }, ft = {
+}, nt = ["onClick"], st = { class: "flex" }, rt = { class: "pl-2" }, lt = { class: "text-sm mt-1 font-semibold" }, it = { class: "text-[10px] mt-1 text-[#979CA9]" }, ct = { class: "mt-auto" }, at = { key: 0 }, ut = ["onClick"], dt = { class: "flex items-center space-x-3" }, pt = { class: "h-16" }, ht = {
   key: 0,
   class: "bg-[#FAFAFA] rounded-lg p-3"
-}, vt = { class: "flex justify-between" }, mt = ["onClick"], xt = {
+}, ft = { class: "flex justify-between" }, vt = ["onClick"], xt = {
   key: 0,
   class: "tooltip-text min-w-[70px]"
-}, gt = { class: "flex justify-between mb-4" }, _t = ["href"], wt = { class: "flex flex-nowrap items-center w-max h-[24px]" }, kt = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full text-[#525B66]" }, yt = { class: "py-[8px] pl-0 pr-[8px]" }, bt = /* @__PURE__ */ B({
+}, mt = { class: "flex justify-between mb-4" }, gt = ["href"], _t = { class: "flex flex-nowrap items-center w-max h-[24px]" }, wt = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full text-[#525B66]" }, kt = { class: "py-[8px] pl-0 pr-[8px]" }, yt = /* @__PURE__ */ z({
   __name: "OneHelpMenu",
-  props: pe,
+  props: de,
   emits: ["open", "close"],
   setup(f, { emit: u }) {
     const v = u, d = f, c = j(!1), r = () => {
       c.value = !c.value, c.value ? v("open") : v("close");
-    }, p = F(() => k.value ? X : Q), s = j(3), x = F(() => {
-      var _, y;
-      const i = ((y = (_ = d.help) == null ? void 0 : _.helpList) == null ? void 0 : y.length) || 0;
-      return s.value === i;
-    }), n = F(() => {
-      var _;
-      return (((_ = d.help) == null ? void 0 : _.helpList) || []).slice(0, s.value);
-    }), w = () => {
-      var _, y;
-      const i = ((y = (_ = d.help) == null ? void 0 : _.helpList) == null ? void 0 : y.length) || 0;
-      s.value = x.value ? 3 : i;
-    }, b = (i) => {
-      i && window.open(i, "_blank");
-    }, k = j(!1), O = () => {
-      k.value = !k.value;
+    }, p = F(() => y.value ? Q : K), s = j(3), m = F(() => {
+      var w, k;
+      const l = ((k = (w = d.help) == null ? void 0 : w.helpList) == null ? void 0 : k.length) || 0;
+      return s.value === l;
+    });
+    F(() => {
+      var w;
+      return (((w = d.help) == null ? void 0 : w.helpList) || []).slice(0, s.value);
+    });
+    const n = () => {
+      var w, k;
+      const l = ((k = (w = d.help) == null ? void 0 : w.helpList) == null ? void 0 : k.length) || 0;
+      s.value = m.value ? 3 : l;
+    }, g = (l) => {
+      l && window.open(l, "_blank");
+    }, y = j(!1), C = () => {
+      y.value = !y.value;
     };
-    return (i, _) => {
-      var y, m, S, H, T, V, D, R, q;
+    return (l, w) => {
+      var k, M, x, S, H, T, V, D, R;
       return t(), o("div", { "data-opened": c.value }, [
         e("button", {
           onClick: r,
-          class: z(["p-1 w-[44px] h-[44px] rounded-md hover:bg-secondary-10", { "bg-secondary-10": c.value }])
+          class: O(["p-1 w-[44px] h-[44px] rounded-md hover:bg-secondary-10", { "bg-secondary-10": c.value }])
         }, [
-          g(C(We), { class: "text-secondary-base w-full p-1 hover:text-blue-600 m-auto" })
+          _(b(Ne), { class: "text-secondary-base w-full p-1 hover:text-blue-600 m-auto" })
         ], 2),
         c.value ? (t(), o("div", {
           key: 0,
           class: "fixed top-0 left-0 w-screen h-screen z-10 bg-black/10 flex flex-col",
           onClick: r
         })) : h("", !0),
-        c.value ? (t(), o("div", Ke, [
-          e("div", Qe, [
-            e("div", Xe, a((y = i.help) == null ? void 0 : y.label), 1),
-            g(C(J), {
+        c.value ? (t(), o("div", Je, [
+          e("div", Ke, [
+            e("div", Qe, a((k = l.help) == null ? void 0 : k.label), 1),
+            _(b(G), {
               class: "w-6 cursor-pointer",
               onClick: r
             })
           ]),
-          (m = i.help) != null && m.helpButton ? (t(), o("div", Ye, [
-            (t(!0), o($, null, A((S = i.help) == null ? void 0 : S.helpButton, (l) => (t(), o("button", {
-              key: l.name,
-              onClick: (E) => b(l.link),
+          (M = l.help) != null && M.helpButton ? (t(), o("div", Xe, [
+            (t(!0), o($, null, A((x = l.help) == null ? void 0 : x.helpButton, (i) => (t(), o("button", {
+              key: i.name,
+              onClick: (E) => g(i.link),
               class: "grid justify-center space-y-2 hover:bg-slate-100 p-3 rounded-xl hover:text-blue-500"
             }, [
               e("div", null, [
-                (t(), L(P(l == null ? void 0 : l.icon), { class: "w-[16px] h-[16px] mx-auto" }))
+                (t(), L(P(i == null ? void 0 : i.icon), { class: "w-[16px] h-[16px] mx-auto" }))
               ]),
-              e("span", et, a(l.name), 1)
-            ], 8, Ze))), 128))
+              e("span", Ze, a(i.name), 1)
+            ], 8, Ye))), 128))
           ])) : h("", !0),
-          e("div", tt, [
-            e("div", ot, [
-              (H = i.help) != null && H.helpList && i.help.helpList.length ? (t(), o("div", nt, [
-                (t(!0), o($, null, A(n.value, (l) => (t(), o("div", {
-                  key: l.id,
-                  onClick: (E) => b(l.link),
+          e("div", et, [
+            e("div", tt, [
+              (S = l.help) != null && S.helpList && l.help.helpList.length ? (t(), o("div", ot, [
+                (t(!0), o($, null, A(l.help.helpList, (i) => (t(), o("div", {
+                  key: i.id,
+                  onClick: (E) => g(i.link),
                   class: "flex justify-between items-center rounded-lg hover:bg-slate-100 p-2 cursor-pointer hover:text-[#4089E0]"
                 }, [
-                  e("div", rt, [
-                    e("div", lt, [
-                      e("p", it, a(l.name), 1),
-                      e("p", ct, a(l.category), 1)
+                  e("div", st, [
+                    e("div", rt, [
+                      e("p", lt, a(i.name), 1),
+                      e("p", it, a(i.category), 1)
                     ])
                   ])
-                ], 8, st))), 128))
+                ], 8, nt))), 128))
               ])) : h("", !0)
             ])
           ]),
-          (T = i.help) != null && T.helpList && i.help.helpList.length < 0 ? (t(), o("button", {
+          (H = l.help) != null && H.helpList && l.help.helpList.length < 0 ? (t(), o("button", {
             key: 1,
-            onClick: w,
+            onClick: n,
             class: "h-11 w-full bg-[#FAFAFA] hover:bg-slate-100 p-3 text-[#525B66] rounded-b-xl text-xs hover:text-[#4089E0] font-medium"
-          }, a(x.value ? i.help.buttNoMore : i.help.buttMore), 1)) : h("", !0),
-          e("div", at, [
-            (V = i.help) != null && V.video ? (t(), o("div", ut, [
-              (t(!0), o($, null, A(i.help.video, (l) => (t(), o("button", {
-                key: l.id,
-                onClick: (E) => b(l.link),
+          }, a(m.value ? l.help.buttNoMore : l.help.buttMore), 1)) : h("", !0),
+          e("div", ct, [
+            (T = l.help) != null && T.video ? (t(), o("div", at, [
+              (t(!0), o($, null, A(l.help.video, (i) => (t(), o("button", {
+                key: i.id,
+                onClick: (E) => g(i.link),
                 class: "flex items-center space-x-3 mt-2 w-full bg-[#FAFAFA] hover:bg-slate-100 p-4 text-[#525B66] rounded-lg text-sm hover:text-[#4089E0] font-medium"
               }, [
-                g(C(Ue), { class: "w-6 h-6" }),
-                e("span", null, a(l.name), 1)
-              ], 8, dt))), 128))
+                _(b(We), { class: "w-6 h-6" }),
+                e("span", null, a(i.name), 1)
+              ], 8, ut))), 128))
             ])) : h("", !0),
-            (D = i.help) != null && D.socialList ? (t(), o("button", {
+            (V = l.help) != null && V.socialList ? (t(), o("button", {
               key: 1,
-              onClick: O,
+              onClick: C,
               class: "flex items-center justify-between mt-2 w-full bg-[#FAFAFA] hover:bg-slate-100 p-4 text-[#525B66] rounded-lg text-sm hover:text-[#4089E0] font-medium"
             }, [
-              e("div", pt, [
-                g(C(Ge), { class: "w-6 h-6" }),
-                e("span", null, a(i.help.socialButt), 1)
+              e("div", dt, [
+                _(b(Ue), { class: "w-6 h-6" }),
+                e("span", null, a(l.help.socialButt), 1)
               ]),
-              g(C(p), { class: "w-4 h-4" })
+              _(b(p), { class: "w-4 h-4" })
             ])) : h("", !0),
-            e("div", ht, [
-              k.value ? (t(), o("div", ft, [
-                e("div", vt, [
-                  (t(!0), o($, null, A((R = i.help) == null ? void 0 : R.socialList, (l) => (t(), o("button", {
-                    key: l.id,
-                    onClick: (E) => b(l.link),
+            e("div", pt, [
+              y.value ? (t(), o("div", ht, [
+                e("div", ft, [
+                  (t(!0), o($, null, A((D = l.help) == null ? void 0 : D.socialList, (i) => (t(), o("button", {
+                    key: i.id,
+                    onClick: (E) => g(i.link),
                     class: "flex items-center space-x-2 p-2 rounded-lg hover:bg-slate-100 hover:text-blue-500 tooltip"
                   }, [
                     e("div", null, [
-                      l.name ? (t(), o("div", xt, a(l.name), 1)) : h("", !0),
-                      (t(), L(P(l == null ? void 0 : l.icon), { class: "w-[24px] h-[24px] mx-auto" }))
+                      i.name ? (t(), o("div", xt, a(i.name), 1)) : h("", !0),
+                      (t(), L(P(i == null ? void 0 : i.icon), { class: "w-[24px] h-[24px] mx-auto" }))
                     ])
-                  ], 8, mt))), 128))
+                  ], 8, vt))), 128))
                 ])
               ])) : h("", !0)
             ]),
-            e("div", gt, [
-              (t(!0), o($, null, A((q = i.help) == null ? void 0 : q.termsOffer, (l) => (t(), o("a", {
-                key: l.name,
+            e("div", mt, [
+              (t(!0), o($, null, A((R = l.help) == null ? void 0 : R.termsOffer, (i) => (t(), o("a", {
+                key: i.name,
                 target: "_blank",
-                href: l.link,
+                href: i.link,
                 class: "ml-2 flex items-center rounded-lg text-xs hover:underline font-extralight cursor-pointer"
               }, [
-                e("div", wt, [
-                  e("div", kt, [
-                    e("span", yt, a(l.name), 1)
+                e("div", _t, [
+                  e("div", wt, [
+                    e("span", kt, a(i.name), 1)
                   ])
                 ])
-              ], 8, _t))), 128))
+              ], 8, gt))), 128))
             ])
           ])
         ])) : h("", !0)
-      ], 8, Je);
+      ], 8, Ge);
     };
   }
 });
-const Bt = /* @__PURE__ */ K(bt, [["__scopeId", "data-v-32f18d17"]]);
+const Mt = /* @__PURE__ */ J(yt, [["__scopeId", "data-v-83ffa612"]]);
 export {
   Mt as O,
-  ce as _,
-  G as a,
-  Lt as b,
-  Bt as c,
-  Q as d,
-  ke as e,
-  Ge as f,
-  de as g,
-  we as h,
-  X as r
+  jt as _,
+  K as a,
+  we as b,
+  Ue as c,
+  Lt as d,
+  ie as e,
+  U as f,
+  ue as g,
+  _e as h,
+  Q as r
 };