@oneb/ui-vue 0.3.30 → 0.3.32

package/dist/OneHelpMenu-df4e18a9.js

@@ -1,877 +0,0 @@
-import { defineComponent as E, ref as S, provide as Y, watch as Z, nextTick as ee, onBeforeUnmount as te, computed as F, openBlock as t, createElementBlock as o, createElementVNode as e, renderSlot as H, normalizeProps as I, guardReactiveProps as R, createBlock as M, Teleport as oe, createCommentVNode as p, createVNode as _, Transition as W, withCtx as P, normalizeClass as j, toDisplayString as d, Fragment as $, inject as ne, withModifiers as se, resolveDynamicComponent as V, renderList as L, mergeProps as le, unref as A } from "vue";
-import { autoUpdate as re, computePosition as ie, offset as ae, shift as ce } from "@floating-ui/dom";
-import { flip as ue } from "@floating-ui/vue";
-import { _ as O } from "./OneAvatar.vue_vue_type_script_setup_true_lang-08ab80dd.js";
-import { r as G } from "./XMarkIcon-51ef0691.js";
-import { r as J } from "./ChevronDownIcon-6805ce6c.js";
-import { r as Q, a as de } from "./ChevronRightIcon-4549a26b.js";
-import { OneButton as pe } from "./button/index.js";
-import { _ as X } from "./_plugin-vue_export-helper-dad06003.js";
-const he = {
-  title: {
-    type: String
-  },
-  stick: {
-    type: String,
-    default: "right"
-  },
-  appendBody: {
-    type: Boolean,
-    default: !1
-  },
-  trigger: {
-    type: String,
-    default: "click"
-  },
-  offset: {
-    type: Number,
-    default: 5
-  }
-}, fe = {
-  variant: {
-    type: String,
-    default: "primary"
-  },
-  label: {
-    type: String
-  },
-  icon: {
-    type: [Function, Object]
-  }
-}, Dt = {
-  modelValue: {
-    type: [Object, Array],
-    default: null
-  },
-  multiple: {
-    type: Boolean,
-    default: !1
-  },
-  items: {
-    type: Array,
-    default: () => []
-  },
-  title: {
-    type: String
-  },
-  placeholder: {
-    type: String,
-    default: "Select"
-  },
-  searchPlaceholder: {
-    type: String,
-    default: "Search"
-  },
-  labelKey: {
-    type: String,
-    default: "label"
-  },
-  valueKey: {
-    type: String,
-    default: "id"
-  },
-  stick: {
-    type: String,
-    default: "bottom-start"
-  },
-  allowEmpty: {
-    type: Boolean,
-    default: !1
-  },
-  emptyLabel: {
-    type: String
-  },
-  createLabel: {
-    type: String
-  },
-  searchable: {
-    type: Boolean,
-    default: !0
-  },
-  isLoading: {
-    type: Boolean,
-    default: !1
-  },
-  groupKey: {
-    type: String
-  },
-  maxWidth: {
-    type: String
-  },
-  view: {
-    type: String,
-    default: "default"
-  }
-}, ve = ["data-opened"], me = {
-  key: 0,
-  class: "text-sm text-secondary-content px-3 py-2 text-left"
-}, ye = {
-  key: 0,
-  class: "text-sm text-secondary-content px-3 py-2 text-left"
-}, ge = /* @__PURE__ */ E({
-  __name: "OneDropdown",
-  props: he,
-  emits: ["open", "close"],
-  setup(w, { emit: m }) {
-    const u = S(!1), y = S(null), c = S(null), l = S(null), h = m, s = w, f = () => {
-      u.value = !u.value, u.value ? h("open") : h("close");
-    };
-    let a = null;
-    const g = () => {
-      s.trigger === "hover" && (a && (clearTimeout(a), a = null), u.value || (u.value = !0, h("open")));
-    }, k = () => {
-      s.trigger === "hover" && (a = setTimeout(() => {
-        u.value && (u.value = !1, h("close"));
-      }, 100));
-    };
-    Y("OneDropdown", {
-      onToggle: f
-    });
-    let x = null;
-    function r() {
-      !c.value || !l.value || ie(c.value, l.value, {
-        placement: s.stick ? s.stick : "bottom-start",
-        strategy: "fixed",
-        middleware: [ae(s.offset), ue(), ce({ padding: 8 })]
-      }).then(({ x: n, y: C }) => {
-        l.value && Object.assign(l.value.style, {
-          left: `${n}px`,
-          top: `${C}px`,
-          visibility: "visible"
-        });
-      });
-    }
-    Z(u, async (n) => {
-      s.appendBody && (n ? (await ee(), c.value && l.value && (l.value.style.visibility = "hidden", r(), x = re(c.value, l.value, r))) : x && (x(), x = null));
-    }), te(() => {
-      x && x();
-    });
-    const v = F(() => {
-      var z;
-      if (s.appendBody)
-        return "";
-      const n = (z = y.value) == null ? void 0 : z.getBoundingClientRect(), C = n ? n.x < 270 : !1;
-      return n && n.top + 270 > window.innerHeight ? "up" + (C ? "-right" : "-left") : "down" + (C ? "-right" : "-left");
-    }), b = 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 v.value.startsWith("up") ? n.push("bottom-1 mb-10") : v.value.startsWith("down") && n.push("top-1 mt-10"), s.stick === "right" ? n.push("right-0") : s.stick === "left" && n.push("left-0"), n;
-    }), B = F(() => [
-      "fixed z-[10000] 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 (n, C) => (t(), o("div", {
-      class: "relative inline-block",
-      ref_key: "containerRef",
-      ref: y,
-      "data-opened": u.value,
-      onMouseenter: g,
-      onMouseleave: k
-    }, [
-      e("div", {
-        ref_key: "buttonRef",
-        ref: c
-      }, [
-        H(n.$slots, "button", I(R({ onToggle: f, isExpanded: u.value })))
-      ], 512),
-      s.appendBody ? (t(), M(oe, {
-        key: 0,
-        to: "body"
-      }, [
-        u.value && n.trigger === "click" ? (t(), o("div", {
-          key: 0,
-          class: "fixed top-0 left-0 w-screen h-screen z-[9999]",
-          onClick: f
-        })) : p("", !0),
-        _(W, {
-          "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: P(() => [
-            u.value ? (t(), o("div", {
-              key: 0,
-              ref_key: "menuRef",
-              ref: l,
-              class: j(["menu", B.value]),
-              role: "menu",
-              "aria-orientation": "vertical",
-              tabindex: "-1",
-              onMouseenter: g,
-              onMouseleave: k
-            }, [
-              n.title ? (t(), o("div", me, d(n.title), 1)) : p("", !0),
-              H(n.$slots, "menu", I(R({ onToggle: f })))
-            ], 34)) : p("", !0)
-          ]),
-          _: 3
-        })
-      ])) : (t(), o($, { key: 1 }, [
-        u.value && n.trigger === "click" ? (t(), o("div", {
-          key: 0,
-          class: "fixed top-0 left-0 w-screen h-screen z-10",
-          onClick: f
-        })) : p("", !0),
-        _(W, {
-          "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: P(() => [
-            u.value ? (t(), o("div", {
-              key: 0,
-              class: j(["menu", b.value]),
-              role: "menu",
-              "aria-orientation": "vertical",
-              tabindex: "-1"
-            }, [
-              n.title ? (t(), o("div", ye, d(n.title), 1)) : p("", !0),
-              H(n.$slots, "menu", I(R({ onToggle: f })))
-            ], 2)) : p("", !0)
-          ]),
-          _: 3
-        })
-      ], 64))
-    ], 40, ve));
-  }
-}), K = /* @__PURE__ */ E({
-  __name: "OneDropdownItem",
-  props: fe,
-  emits: ["click"],
-  setup(w, { emit: m }) {
-    const u = m, y = w, c = ne("OneDropdown"), l = () => {
-      c !== void 0 && c.onToggle(), u("click");
-    }, h = F(() => {
-      const s = [];
-      return y.variant === "secondary" ? s.push("text-secondary-content hover:bg-secondary-body-hover") : y.variant === "danger" ? s.push("text-danger-content hover:bg-danger-10") : y.variant === "warning" ? s.push("text-warning-content hover:bg-warning-10") : y.variant === "info" ? s.push("text-info-content hover:bg-info-10") : s.push("hover:bg-secondary-body-hover"), s;
-    });
-    return (s, f) => (t(), o("button", {
-      class: j(["px-3 py-1.5 flex items-center space-x-3 w-full whitespace-nowrap", h.value]),
-      onClick: se(l, ["prevent"])
-    }, [
-      s.icon ? (t(), M(V(s.icon), {
-        key: 0,
-        class: "w-4 h-4"
-      })) : p("", !0),
-      e("span", null, d(s.label), 1)
-    ], 2));
-  }
-});
-function xe(w, m) {
-  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 _e = {
-  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
-  }
-}, we = {
-  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
-  }
-}, ke = {
-  help: {
-    type: Object,
-    required: !0
-  }
-}, be = ["onClick"], Ce = { class: "flex flex-col items-center pt-5 pb-2 h-full" }, $e = { class: "flex flex-col px-10 py-1 mt-2 text-center" }, Ae = { class: "self-center text-base font-medium tracking-wide text-black" }, Se = { class: "mt-1 text-xs leading-5 text-blue-500 font-light" }, Fe = { class: "text-left w-full mt-5 px-3" }, Le = { class: "-mb-2 flex-shrink-0 mt-auto pt-6 text-[8px] leading-3 text-gray-400" }, Nt = /* @__PURE__ */ E({
-  __name: "OneUserMenu",
-  props: _e,
-  setup(w) {
-    const m = w, u = F(() => {
-      var l;
-      return (l = m.menu) == null ? void 0 : l.map((h) => {
-        let s = { label: h.label };
-        h.icon != null && (s = { ...s, icon: h.icon });
-        const f = typeof h.click == "function" ? h.click : () => {
-        };
-        return {
-          key: h.label,
-          args: s,
-          click: f
-        };
-      });
-    }), y = () => {
-      typeof m.onAccount == "function" && m.onAccount();
-    }, c = () => {
-      typeof m.onLogout == "function" && m.onLogout();
-    };
-    return (l, h) => (t(), M(ge, { stick: "right" }, {
-      button: P(({ onToggle: s, isExpanded: f }) => {
-        var a, g;
-        return [
-          e("button", {
-            onClick: s,
-            class: j(["p-1 rounded-full hover:bg-secondary-10", [f ? "bg-secondary-25" : ""]])
-          }, [
-            _(O, {
-              text: ((a = l.user) == null ? void 0 : a.name) || "",
-              size: l.iconSize,
-              src: (g = l.user) == null ? void 0 : g.photo_url,
-              rounded: !0
-            }, null, 8, ["text", "size", "src"])
-          ], 10, be)
-        ];
-      }),
-      menu: P(() => {
-        var s, f, a, g, k;
-        return [
-          e("div", Ce, [
-            _(O, {
-              text: ((s = l.user) == null ? void 0 : s.name) || "",
-              size: 80,
-              src: (f = l.user) == null ? void 0 : f.photo_url,
-              rounded: !0,
-              class: "mx-auto"
-            }, null, 8, ["text", "src"]),
-            e("div", $e, [
-              e("div", Ae, d((a = l.user) == null ? void 0 : a.name), 1),
-              e("div", Se, d((g = l.user) == null ? void 0 : g.email), 1)
-            ]),
-            typeof m.onAccount == "function" ? (t(), o("a", {
-              key: 0,
-              onClick: y,
-              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"
-            }, d(l.accountLabel), 1)) : p("", !0),
-            e("div", Fe, [
-              (t(!0), o($, null, L(u.value, (x) => (t(), M(K, le({
-                key: x.key
-              }, { ref_for: !0 }, x.args, {
-                onClick: x.click
-              }), null, 16, ["onClick"]))), 128)),
-              typeof l.onLogout == "function" ? (t(), M(K, {
-                key: 0,
-                icon: A(xe),
-                label: l.logoutLabel,
-                class: "rounded py-3",
-                onClick: c
-              }, null, 8, ["icon", "label"])) : p("", !0)
-            ]),
-            h[0] || (h[0] = e("div", {
-              class: "space-y-2 text-center",
-              style: { width: "240px" }
-            }, null, -1)),
-            e("div", Le, d((k = l.app) == null ? void 0 : k.version), 1)
-          ])
-        ];
-      }),
-      _: 1
-    }));
-  }
-});
-function Be(w, m) {
-  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"
-    })
-  ]);
-}
-const Me = ["data-opened"], je = {
-  key: 1,
-  class: "absolute top-0 right-0 h-screen overflow-y-auto max-w-96 bg-white px-3 z-10"
-}, ze = { class: "flex justify-between items-center pt-3 mb-3" }, Oe = { class: "font-semibold text-xl px-3" }, Ee = { class: "grid" }, Pe = { class: "rounded-lg m-3 border" }, Te = {
-  class: "space-x-2 flex items-center px-3 py-2",
-  style: { width: "300px" }
-}, He = { class: "flex justify-between relative" }, Ie = { class: "flex items-center justify-between w-full text-left text-sm font-semibold" }, Re = { key: 0 }, Ve = { class: "text-xs font-semibold" }, De = { class: "px-3 py-2" }, Ne = { class: "text-secondary-content text-left pb-1 text-xs uppercase" }, qe = { class: "overflow-auto max-h-full" }, Ue = {
-  key: 0,
-  class: "space-y-2"
-}, We = ["onClick"], Ke = { class: "flex" }, Ge = { class: "border border-secondary-stroke rounded-2xl w-14 h-14 md:w-14 md:h-14 flex items-center justify-center" }, Je = { class: "pl-2" }, Qe = { class: "text-sm mt-1 font-semibold" }, Xe = { class: "text9 mt-1" }, Ye = {
-  key: 1,
-  class: "mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs hidden"
-}, Ze = /* @__PURE__ */ E({
-  __name: "OneBrowserMenu",
-  props: we,
-  emits: ["open", "close"],
-  setup(w, { emit: m }) {
-    const u = m, y = w, c = S(!1), l = () => {
-      c.value = !c.value, c.value ? u("open") : u("close");
-    }, h = S(!1);
-    F(() => h.value ? Q : J);
-    const s = () => {
-      typeof y.onChange == "function" && y.onChange();
-    }, f = (a) => {
-      typeof y.onApp == "function" && y.onApp(a);
-    };
-    return (a, g) => {
-      var k, x, r, v, b, B;
-      return t(), o("div", { "data-opened": c.value }, [
-        e("button", {
-          onClick: l,
-          class: j(["sm:p-1 sm:w-[44px] sm:h-[44px] w-8 h-8 rounded-md hover:bg-secondary-10 flex", { "bg-secondary-10": c.value }])
-        }, [
-          _(A(Be), { 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: l
-        })) : p("", !0),
-        c.value ? (t(), o("div", je, [
-          e("div", ze, [
-            e("div", Oe, d((k = a.workspace) == null ? void 0 : k.title), 1),
-            _(A(G), {
-              class: "w-6 cursor-pointer",
-              onClick: l
-            })
-          ]),
-          e("div", Ee, [
-            e("div", Pe, [
-              e("div", Te, [
-                e("div", He, [
-                  _(O, {
-                    text: ((x = a.workspace) == null ? void 0 : x.name) || "",
-                    src: (r = a.workspace) == null ? void 0 : r.photo_url,
-                    size: 44,
-                    rounded: !1,
-                    class: "mx-auto"
-                  }, null, 8, ["text", "src"])
-                ]),
-                e("div", Ie, d((v = a.workspace) == null ? void 0 : v.name), 1)
-              ]),
-              h.value ? (t(), o("div", Re, [
-                (t(!0), o($, null, L(a.workspaces, (n) => (t(), o("div", {
-                  key: n.name,
-                  class: "flex items-center space-x-3 border-t px-5 py-2 hover:bg-secondary-10"
-                }, [
-                  _(O, {
-                    text: n.name,
-                    src: n.photo_url,
-                    size: 30,
-                    rounded: !1
-                  }, null, 8, ["text", "src"]),
-                  e("span", Ve, d(n.name), 1)
-                ]))), 128))
-              ])) : p("", !0),
-              g[0] || (g[0] = e("hr", null, null, -1)),
-              e("div", {
-                onClick: s,
-                class: "text-center py-2 cursor-pointer",
-                style: { "font-size": "10px" }
-              }, d((b = a.workspace) == null ? void 0 : b.changeLabel), 1)
-            ])
-          ]),
-          e("div", De, [
-            e("div", Ne, d((B = a.workspace) == null ? void 0 : B.appsLabel), 1),
-            e("div", qe, [
-              a.apps && a.apps.length ? (t(), o("div", Ue, [
-                (t(!0), o($, null, L(a.apps, (n) => (t(), o("div", {
-                  key: n.id,
-                  onClick: (C) => f(n),
-                  class: "flex justify-between items-center rounded-lg hover:bg-secondary-10 p-2 bg-[#FAFAFA] cursor-pointer"
-                }, [
-                  e("div", Ke, [
-                    e("div", Ge, [
-                      _(O, {
-                        text: n.name,
-                        src: n.photo_url,
-                        size: 44,
-                        rounded: !1
-                      }, null, 8, ["text", "src"])
-                    ]),
-                    e("div", Je, [
-                      e("p", Qe, d(n.name), 1),
-                      e("p", Xe, d(n == null ? void 0 : n.short), 1)
-                    ])
-                  ]),
-                  e("div", null, [
-                    _(pe, {
-                      variant: "touch",
-                      icon: A(de),
-                      onClick: (C) => f(n)
-                    }, null, 8, ["icon", "onClick"])
-                  ])
-                ], 8, We))), 128))
-              ])) : p("", !0),
-              a.apps && a.apps.length ? (t(), o("button", Ye, d("Дивитися всі"))) : p("", !0)
-            ])
-          ])
-        ])) : p("", !0)
-      ], 8, Me);
-    };
-  }
-});
-const qt = /* @__PURE__ */ X(Ze, [["__scopeId", "data-v-9e75279e"]]);
-function et(w, m) {
-  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 tt(w, m) {
-  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 ot(w, m) {
-  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 nt = ["data-opened"], st = {
-  key: 1,
-  class: "absolute top-0 right-0 h-screen max-w-96 bg-white px-3 z-10 flex flex-col"
-}, lt = { class: "flex justify-between items-center pt-3 mb-3" }, rt = { class: "font-semibold text-xl px-3" }, it = {
-  key: 0,
-  class: "grid grid-cols-3 bg-[#FAFAFA] rounded-xl text-[#525B66] mb-2"
-}, at = ["onClick"], ct = { class: "uppercase text-[8px]" }, ut = { class: "overflow-y-auto grid rounded-xl" }, dt = { class: "max-h-full bg-[#FAFAFA]" }, pt = {
-  key: 0,
-  class: "space-y-2"
-}, ht = ["onClick"], ft = { class: "flex" }, vt = { class: "pl-2" }, mt = { class: "text-sm mt-1 font-semibold" }, yt = { class: "text-[10px] mt-1 text-[#979CA9]" }, gt = { class: "mt-auto" }, xt = { key: 0 }, _t = ["onClick"], wt = { class: "flex items-center space-x-3" }, kt = { class: "h-16" }, bt = {
-  key: 0,
-  class: "bg-[#FAFAFA] rounded-lg p-3"
-}, Ct = { class: "flex justify-between" }, $t = ["onClick"], At = {
-  key: 0,
-  class: "tooltip-text min-w-[70px]"
-}, St = { class: "flex justify-between mb-4" }, Ft = ["href"], Lt = { class: "flex flex-nowrap items-center w-max h-[24px]" }, Bt = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full text-[#525B66]" }, Mt = { class: "py-[8px] pl-0 pr-[8px]" }, jt = /* @__PURE__ */ E({
-  __name: "OneHelpMenu",
-  props: ke,
-  emits: ["open", "close"],
-  setup(w, { emit: m }) {
-    const u = m, y = w, c = S(!1), l = () => {
-      c.value = !c.value, c.value ? u("open") : u("close");
-    }, h = F(() => k.value ? Q : J), s = S(3), f = F(() => {
-      var v, b;
-      const r = ((b = (v = y.help) == null ? void 0 : v.helpList) == null ? void 0 : b.length) || 0;
-      return s.value === r;
-    });
-    F(() => {
-      var v;
-      return (((v = y.help) == null ? void 0 : v.helpList) || []).slice(0, s.value);
-    });
-    const a = () => {
-      var v, b;
-      const r = ((b = (v = y.help) == null ? void 0 : v.helpList) == null ? void 0 : b.length) || 0;
-      s.value = f.value ? 3 : r;
-    }, g = (r, v) => {
-      r && v && typeof v.openLink == "function" ? v.openLink(v) : r && window.open(r, "_blank");
-    }, k = S(!1), x = () => {
-      k.value = !k.value;
-    };
-    return (r, v) => {
-      var b, B, n, C, z, D, N, q, U;
-      return t(), o("div", { "data-opened": c.value }, [
-        e("button", {
-          onClick: l,
-          class: j(["sm:p-1 sm:w-[44px] sm:h-[44px] w-8 h-8 rounded-md hover:bg-secondary-10 flex", { "bg-secondary-10": c.value }])
-        }, [
-          _(A(et), { 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: l
-        })) : p("", !0),
-        c.value ? (t(), o("div", st, [
-          e("div", lt, [
-            e("div", rt, d((b = r.help) == null ? void 0 : b.label), 1),
-            _(A(G), {
-              class: "w-6 cursor-pointer",
-              onClick: l
-            })
-          ]),
-          (B = r.help) != null && B.helpButton ? (t(), o("div", it, [
-            (t(!0), o($, null, L((n = r.help) == null ? void 0 : n.helpButton, (i) => (t(), o("button", {
-              key: i.name,
-              onClick: (T) => g(i.link, i),
-              class: "grid justify-center space-y-2 hover:bg-slate-100 p-3 rounded-xl hover:text-blue-500"
-            }, [
-              e("div", null, [
-                (t(), M(V(i == null ? void 0 : i.icon), { class: "w-[16px] h-[16px] mx-auto" }))
-              ]),
-              e("span", ct, d(i.name), 1)
-            ], 8, at))), 128))
-          ])) : p("", !0),
-          e("div", ut, [
-            e("div", dt, [
-              (C = r.help) != null && C.helpList && r.help.helpList.length ? (t(), o("div", pt, [
-                (t(!0), o($, null, L(r.help.helpList, (i) => (t(), o("div", {
-                  key: i.id,
-                  onClick: (T) => g(i.link, i),
-                  class: "flex justify-between items-center rounded-lg hover:bg-slate-100 p-2 cursor-pointer hover:text-[#4089E0]"
-                }, [
-                  e("div", ft, [
-                    e("div", vt, [
-                      e("p", mt, d(i.name), 1),
-                      e("p", yt, d(i.category), 1)
-                    ])
-                  ])
-                ], 8, ht))), 128))
-              ])) : p("", !0)
-            ])
-          ]),
-          (z = r.help) != null && z.helpList && r.help.helpList.length < 0 ? (t(), o("button", {
-            key: 1,
-            onClick: a,
-            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"
-          }, d(f.value ? r.help.buttNoMore : r.help.buttMore), 1)) : p("", !0),
-          e("div", gt, [
-            (D = r.help) != null && D.video ? (t(), o("div", xt, [
-              (t(!0), o($, null, L(r.help.video, (i) => (t(), o("button", {
-                key: i.id,
-                onClick: (T) => g(i.link, i),
-                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"
-              }, [
-                _(A(tt), { class: "w-6 h-6" }),
-                e("span", null, d(i.name), 1)
-              ], 8, _t))), 128))
-            ])) : p("", !0),
-            (N = r.help) != null && N.socialList ? (t(), o("button", {
-              key: 1,
-              onClick: x,
-              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", wt, [
-                _(A(ot), { class: "w-6 h-6" }),
-                e("span", null, d(r.help.socialButt), 1)
-              ]),
-              _(A(h), { class: "w-4 h-4" })
-            ])) : p("", !0),
-            e("div", kt, [
-              k.value ? (t(), o("div", bt, [
-                e("div", Ct, [
-                  (t(!0), o($, null, L((q = r.help) == null ? void 0 : q.socialList, (i) => (t(), o("button", {
-                    key: i.id,
-                    onClick: (T) => g(i.link, i),
-                    class: "flex items-center space-x-2 p-2 rounded-lg hover:bg-slate-100 hover:text-blue-500 tooltip"
-                  }, [
-                    e("div", null, [
-                      i.name ? (t(), o("div", At, d(i.name), 1)) : p("", !0),
-                      (t(), M(V(i == null ? void 0 : i.icon), { class: "w-[24px] h-[24px] mx-auto" }))
-                    ])
-                  ], 8, $t))), 128))
-                ])
-              ])) : p("", !0)
-            ]),
-            e("div", St, [
-              (t(!0), o($, null, L((U = r.help) == null ? void 0 : U.termsOffer, (i) => (t(), o("a", {
-                key: i.name,
-                target: "_blank",
-                href: i.link,
-                class: "ml-2 flex items-center rounded-lg text-xs hover:underline font-extralight cursor-pointer"
-              }, [
-                e("div", Lt, [
-                  e("div", Bt, [
-                    e("span", Mt, d(i.name), 1)
-                  ])
-                ])
-              ], 8, Ft))), 128))
-            ])
-          ])
-        ])) : p("", !0)
-      ], 8, nt);
-    };
-  }
-});
-const Ut = /* @__PURE__ */ X(jt, [["__scopeId", "data-v-f5d2b453"]]);
-export {
-  qt as O,
-  ge as _,
-  K as a,
-  Nt as b,
-  Ut as c,
-  he as d,
-  we as e,
-  Dt as f,
-  ot as g,
-  Be as r
-};