@oneb/ui-vue 0.1.21 → 0.1.23

package/dist/OneHelpMenu-260fea46.js

@@ -0,0 +1,764 @@
+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 c, 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 = {
+  title: {
+    type: String
+  },
+  stick: {
+    type: String,
+    default: "right"
+  }
+}, re = {
+  variant: {
+    type: String,
+    default: "primary"
+  },
+  label: {
+    type: String
+  },
+  icon: {
+    type: [Function, Object]
+  }
+}, le = ["data-opened"], ie = {
+  key: 0,
+  class: "text-sm text-secondary-content px-3 py-2 text-left"
+}, ce = /* @__PURE__ */ B({
+  __name: "OneDropdown",
+  props: se,
+  emits: ["open", "close"],
+  setup(f, { emit: u }) {
+    const v = j(!1), d = j(null), a = u, l = f, p = () => {
+      v.value = !v.value, v.value ? a("open") : a("close");
+    };
+    Y("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(() => {
+      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",
+        "overflow-auto max-h-[540px] min-w-[150px] max-w-[540px]"
+      ];
+      return s.value.startsWith("up") ? n.push("bottom-1 mb-10") : s.value.startsWith("down") && n.push("top-1 mt-10"), l.stick === "right" ? n.push("right-0") : l.stick === "left" && n.push("left-0"), n;
+    });
+    return (n, w) => (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 }))),
+      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, {
+        "enter-active-class": "transition ease-out duration-100",
+        "enter-from-class": "transform opacity-0 scale-95",
+        "enter-to-class": "transform opacity-100 scale-100",
+        "leave-active-class": "transition ease-in duration-75",
+        "leave-from-class": "transform opacity-100 scale-100",
+        "leave-to-class": "transform opacity-0 scale-95"
+      }, {
+        default: I(() => [
+          v.value ? (t(), o("div", {
+            key: 0,
+            class: z(["menu", x.value]),
+            role: "menu",
+            "aria-orientation": "vertical",
+            tabindex: "-1"
+          }, [
+            n.title ? (t(), o("div", ie, c(n.title), 1)) : h("", !0),
+            N(n.$slots, "menu", W(U({ onToggle: p })))
+          ], 2)) : h("", !0)
+        ]),
+        _: 3
+      })
+    ], 8, le));
+  }
+}), G = /* @__PURE__ */ B({
+  __name: "OneDropdownItem",
+  props: re,
+  emits: ["click"],
+  setup(f, { emit: u }) {
+    const v = u, d = f, a = ee("OneDropdown"), l = () => {
+      a !== void 0 && a.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(l, ["prevent"])
+    }, [
+      s.icon ? (t(), L(P(s.icon), {
+        key: 0,
+        class: "w-4 h-4"
+      })) : h("", !0),
+      e("span", null, c(s.label), 1)
+    ], 2));
+  }
+});
+function ae(f, u) {
+  return t(), o("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.8",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    e("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M15.75 9V5.25A2.25 2.25 0 0013.5 3h-6a2.25 2.25 0 00-2.25 2.25v13.5A2.25 2.25 0 007.5 21h6a2.25 2.25 0 002.25-2.25V15m3 0l3-3m0 0l-3-3m3 3H9"
+    })
+  ]);
+}
+const ue = {
+  user: {
+    type: Object,
+    required: !0
+  },
+  menu: {
+    type: Array,
+    default: () => []
+  },
+  iconSize: {
+    type: String,
+    default: "34"
+  },
+  app: {
+    type: Object
+  },
+  accountLabel: {
+    type: String,
+    default: "Account"
+  },
+  logoutLabel: {
+    type: String,
+    default: "Logout"
+  },
+  versionLabel: {
+    type: String,
+    default: ""
+  },
+  onAccount: {
+    type: Function
+  },
+  onLogout: {
+    type: Function
+  }
+}, de = {
+  workspace: {
+    type: Object,
+    required: !0
+  },
+  workspaces: {
+    type: Array
+  },
+  apps: {
+    type: Array,
+    required: !0
+  },
+  iconSize: {
+    type: String,
+    default: "24"
+  },
+  appsTitle: {
+    type: String,
+    default: "Ваші додатки"
+  },
+  changeLabel: {
+    type: String,
+    default: "Керувати робочими просторами"
+  },
+  onChange: {
+    type: Function
+  },
+  onApp: {
+    type: Function
+  }
+}, pe = {
+  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({
+  __name: "OneUserMenu",
+  props: ue,
+  setup(f) {
+    const u = f, v = F(() => {
+      var l;
+      return (l = u.menu) == null ? void 0 : l.map((p) => {
+        let s = { label: p.label };
+        p.icon != null && (s = { ...s, icon: p.icon });
+        const x = typeof p.click == "function" ? p.click : () => {
+        };
+        return {
+          key: p.label,
+          args: s,
+          click: x
+        };
+      });
+    }), d = () => {
+      typeof u.onAccount == "function" && u.onAccount();
+    }, a = () => {
+      typeof u.onLogout == "function" && u.onLogout();
+    };
+    return (l, p) => (t(), L(ce, { stick: "right" }, {
+      button: I(({ onToggle: s, isExpanded: x }) => {
+        var n, w;
+        return [
+          e("button", {
+            onClick: s,
+            class: z(["p-1 rounded-full hover:bg-secondary-10", [x ? "bg-secondary-25" : ""]])
+          }, [
+            g(M, {
+              text: ((n = l.user) == null ? void 0 : n.name) || "",
+              size: l.iconSize,
+              src: (w = l.user) == null ? void 0 : w.photo_url,
+              rounded: !0
+            }, null, 8, ["text", "size", "src"])
+          ], 10, he)
+        ];
+      }),
+      menu: I(() => {
+        var s, x, n, w, b;
+        return [
+          e("div", fe, [
+            g(M, {
+              text: ((s = l.user) == null ? void 0 : s.name) || "",
+              size: 80,
+              src: (x = l.user) == null ? void 0 : x.photo_url,
+              rounded: !0,
+              class: "mx-auto"
+            }, null, 8, ["text", "src"]),
+            e("div", ve, [
+              e("div", me, c((n = l.user) == null ? void 0 : n.name), 1),
+              e("div", xe, c((w = l.user) == null ? void 0 : w.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"
+            }, c(l.accountLabel), 1)) : h("", !0),
+            e("div", ge, [
+              (t(!0), o($, null, A(v.value, (k) => (t(), L(G, oe({
+                key: k.key,
+                ref_for: !0
+              }, k.args, {
+                onClick: k.click
+              }), null, 16, ["onClick"]))), 128)),
+              typeof l.onLogout == "function" ? (t(), L(G, {
+                key: 0,
+                icon: C(ae),
+                label: l.logoutLabel,
+                class: "rounded py-3",
+                onClick: a
+              }, null, 8, ["icon", "label"])) : h("", !0)
+            ]),
+            p[0] || (p[0] = e("div", {
+              class: "space-y-2 text-center",
+              style: { width: "240px" }
+            }, null, -1)),
+            e("div", _e, c((b = l.app) == null ? void 0 : b.version), 1)
+          ])
+        ];
+      }),
+      _: 1
+    }));
+  }
+});
+function we(f, u) {
+  return t(), o("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.8",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    e("rect", {
+      width: "2.94",
+      height: "2.94",
+      x: "17.16",
+      y: "3.9",
+      fill: "currentColor",
+      "stroke-width": "1.8",
+      rx: "1.1"
+    }),
+    e("rect", {
+      width: "2.94",
+      height: "2.94",
+      x: "10.53",
+      y: "3.9",
+      fill: "currentColor",
+      "stroke-width": "1.8",
+      rx: "1.1"
+    }),
+    e("rect", {
+      width: "2.94",
+      height: "2.94",
+      x: "3.9",
+      y: "3.9",
+      fill: "currentColor",
+      "stroke-width": "1.8",
+      rx: "1.1"
+    }),
+    e("rect", {
+      width: "2.94",
+      height: "2.94",
+      x: "17.16",
+      y: "10.53",
+      fill: "currentColor",
+      "stroke-width": "1.8",
+      rx: "1.1"
+    }),
+    e("rect", {
+      width: "2.94",
+      height: "2.94",
+      x: "10.53",
+      y: "10.53",
+      fill: "currentColor",
+      "stroke-width": "1.8",
+      rx: "1.1"
+    }),
+    e("rect", {
+      width: "2.94",
+      height: "2.94",
+      x: "3.9",
+      y: "10.53",
+      fill: "currentColor",
+      "stroke-width": "1.8",
+      rx: "1.1"
+    }),
+    e("rect", {
+      width: "2.94",
+      height: "2.94",
+      x: "17.16",
+      y: "17.16",
+      fill: "currentColor",
+      "stroke-width": "1.8",
+      rx: "1.1"
+    }),
+    e("rect", {
+      width: "2.94",
+      height: "2.94",
+      x: "10.53",
+      y: "17.16",
+      fill: "currentColor",
+      "stroke-width": "1.8",
+      rx: "1.1"
+    }),
+    e("rect", {
+      width: "2.94",
+      height: "2.94",
+      x: "3.9",
+      y: "17.16",
+      fill: "currentColor",
+      "stroke-width": "1.8",
+      rx: "1.1"
+    })
+  ]);
+}
+function Q(f, u) {
+  return t(), o("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.8",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    e("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
+    })
+  ]);
+}
+function X(f, u) {
+  return t(), o("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.8",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    e("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M4.5 15.75l7.5-7.5 7.5 7.5"
+    })
+  ]);
+}
+function ke(f, u) {
+  return t(), o("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.8",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    e("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M8.25 4.5l7.5 7.5-7.5 7.5"
+    })
+  ]);
+}
+const ye = ["data-opened"], be = {
+  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 = {
+  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 = {
+  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 = {
+  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({
+  __name: "OneBrowserMenu",
+  props: de,
+  emits: ["open", "close"],
+  setup(f, { emit: u }) {
+    const v = u, d = f, a = j(!1), l = () => {
+      a.value = !a.value, a.value ? v("open") : v("close");
+    }, p = j(!1);
+    F(() => p.value ? X : Q);
+    const s = () => {
+      typeof d.onChange == "function" && d.onChange();
+    }, x = (n) => {
+      typeof d.onApp == "function" && d.onApp(n);
+    };
+    return (n, w) => {
+      var b, k, O, i, _, y;
+      return t(), o("div", { "data-opened": a.value }, [
+        e("button", {
+          onClick: l,
+          class: z(["p-1 w-[44px] h-[44px] rounded-md hover:bg-secondary-10", { "bg-secondary-10": a.value }])
+        }, [
+          g(C(we), { class: "text-secondary-base w-full p-1 hover:text-blue-600 m-auto" })
+        ], 2),
+        a.value ? (t(), o("div", {
+          key: 0,
+          class: "fixed top-0 left-0 w-screen h-screen z-10 bg-black/10",
+          onClick: l
+        })) : h("", !0),
+        a.value ? (t(), o("div", be, [
+          e("div", Ce, [
+            e("div", $e, c((b = n.workspace) == null ? void 0 : b.title), 1),
+            g(C(J), {
+              class: "w-6 cursor-pointer",
+              onClick: l
+            })
+          ]),
+          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,
+                    size: 44,
+                    rounded: !1,
+                    class: "mx-auto"
+                  }, null, 8, ["text", "src"])
+                ]),
+                e("div", Me, c((i = n.workspace) == null ? void 0 : i.name), 1)
+              ]),
+              p.value ? (t(), o("div", Be, [
+                (t(!0), o($, null, A(n.workspaces, (m) => (t(), o("div", {
+                  key: m.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,
+                    size: 30,
+                    rounded: !1
+                  }, null, 8, ["text", "src"]),
+                  e("span", ze, c(m.name), 1)
+                ]))), 128))
+              ])) : h("", !0),
+              w[0] || (w[0] = e("hr", null, null, -1)),
+              e("div", {
+                onClick: s,
+                class: "text-center py-2 cursor-pointer",
+                style: { "font-size": "10px" }
+              }, c((_ = n.workspace) == null ? void 0 : _.changeLabel), 1)
+            ])
+          ]),
+          e("div", Oe, [
+            e("div", Se, c((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),
+                  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,
+                        size: 44,
+                        rounded: !1
+                      }, null, 8, ["text", "src"])
+                    ]),
+                    e("div", Ve, [
+                      e("p", De, c(m.name), 1),
+                      e("p", Re, c(m == null ? void 0 : m.short), 1)
+                    ])
+                  ]),
+                  e("div", null, [
+                    g(ne, {
+                      variant: "touch",
+                      icon: C(ke),
+                      onClick: (S) => x(m)
+                    }, null, 8, ["icon", "onClick"])
+                  ])
+                ], 8, Pe))), 128))
+              ])) : h("", !0),
+              n.apps && n.apps.length ? (t(), o("button", qe, c("Дивитися всі"))) : h("", !0)
+            ])
+          ])
+        ])) : h("", !0)
+      ], 8, ye);
+    };
+  }
+});
+const Mt = /* @__PURE__ */ K(Ne, [["__scopeId", "data-v-4936d4e4"]]);
+function We(f, u) {
+  return t(), o("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.8",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    e("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z"
+    })
+  ]);
+}
+function Ue(f, u) {
+  return t(), o("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.8",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    e("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+    }),
+    e("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M15.91 11.672a.375.375 0 010 .656l-5.603 3.113a.375.375 0 01-.557-.328V8.887c0-.286.307-.466.557-.327l5.603 3.112z"
+    })
+  ]);
+}
+function Ge(f, u) {
+  return t(), o("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.8",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    e("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418"
+    })
+  ]);
+}
+const Je = ["data-opened"], Ke = {
+  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 = {
+  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-tl-xl" }, ot = { class: "max-h-full bg-[#FAFAFA] rounded-t-xl" }, nt = {
+  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 = {
+  key: 0,
+  class: "bg-[#FAFAFA] rounded-lg p-3"
+}, vt = { class: "flex justify-between" }, mt = ["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({
+  __name: "OneHelpMenu",
+  props: pe,
+  emits: ["open", "close"],
+  setup(f, { emit: u }) {
+    const v = u, d = f, a = j(!1), l = () => {
+      a.value = !a.value, a.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;
+    };
+    return (i, _) => {
+      var y, m, S, H, T, V, D, R, q;
+      return t(), o("div", { "data-opened": a.value }, [
+        e("button", {
+          onClick: l,
+          class: z(["p-1 w-[44px] h-[44px] rounded-md hover:bg-secondary-10", { "bg-secondary-10": a.value }])
+        }, [
+          g(C(We), { class: "text-secondary-base w-full p-1 hover:text-blue-600 m-auto" })
+        ], 2),
+        a.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: l
+        })) : h("", !0),
+        a.value ? (t(), o("div", Ke, [
+          e("div", Qe, [
+            e("div", Xe, c((y = i.help) == null ? void 0 : y.label), 1),
+            g(C(J), {
+              class: "w-6 cursor-pointer",
+              onClick: l
+            })
+          ]),
+          (m = i.help) != null && m.helpButton ? (t(), o("div", Ye, [
+            (t(!0), o($, null, A((S = i.help) == null ? void 0 : S.helpButton, (r) => (t(), o("button", {
+              key: r.name,
+              onClick: (E) => b(r.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(r == null ? void 0 : r.icon), { class: "w-[16px] h-[16px] mx-auto" }))
+              ]),
+              e("span", et, c(r.name), 1)
+            ], 8, Ze))), 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, (r) => (t(), o("div", {
+                  key: r.id,
+                  onClick: (E) => b(r.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, c(r.name), 1),
+                      e("p", ct, c(r.inf) + "/" + c(r.name), 1)
+                    ])
+                  ])
+                ], 8, st))), 128))
+              ])) : h("", !0)
+            ])
+          ]),
+          (T = i.help) != null && T.helpList && i.help.helpList.length > 3 ? (t(), o("button", {
+            key: 1,
+            onClick: w,
+            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"
+          }, c(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, (r) => (t(), o("button", {
+                key: r.id,
+                onClick: (E) => b(r.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, c(r.name), 1)
+              ], 8, dt))), 128))
+            ])) : h("", !0),
+            (D = i.help) != null && D.socialList ? (t(), o("button", {
+              key: 1,
+              onClick: O,
+              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, c(i.help.socialButt), 1)
+              ]),
+              g(C(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, (r) => (t(), o("button", {
+                    key: r.id,
+                    onClick: (E) => b(r.link),
+                    class: "flex items-center space-x-2 p-2 rounded-lg hover:bg-slate-100 hover:text-blue-500 tooltip"
+                  }, [
+                    e("div", null, [
+                      r.name ? (t(), o("div", xt, c(r.name), 1)) : h("", !0),
+                      (t(), L(P(r == null ? void 0 : r.icon), { class: "w-[24px] h-[24px] mx-auto" }))
+                    ])
+                  ], 8, mt))), 128))
+                ])
+              ])) : h("", !0)
+            ]),
+            e("div", gt, [
+              (t(!0), o($, null, A((q = i.help) == null ? void 0 : q.termsOffer, (r) => (t(), o("a", {
+                key: r.name,
+                target: "_blank",
+                href: r.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, c(r.name), 1)
+                  ])
+                ])
+              ], 8, _t))), 128))
+            ])
+          ])
+        ])) : h("", !0)
+      ], 8, Je);
+    };
+  }
+});
+const Bt = /* @__PURE__ */ K(bt, [["__scopeId", "data-v-94a995fe"]]);
+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
+};