@fewangsit/wangsvue-fats 1.0.0-alpha.40 → 1.0.0-alpha.42

package/components/treenode/TreeNode-KJOUvlTH.es.js

@@ -0,0 +1,499 @@
+import { defineComponent as De, inject as Le, ref as oe, computed as i, onMounted as Be, resolveComponent as Ie, createElementBlock as N, openBlock as a, Fragment as P, createElementVNode as C, createBlock as b, createCommentVNode as A, mergeProps as m, unref as d, resolveDynamicComponent as V, normalizeClass as E, withModifiers as x, toDisplayString as le, renderList as Oe, withCtx as We, createVNode as Pe, nextTick as ae } from "vue";
+import { D as y } from "../../vendor/primevue-CadmDhWp.es.js";
+import { _ as Ve } from "../button/Button-D-MSv_AS.es.js";
+import { _ as Fe } from "../checkbox/Checkbox-DdsR222S.es.js";
+import { _ as F } from "../icon/Icon-mDqG7urn.es.js";
+import { _ as Ue } from "../menu/Menu-BmTMFwBD.es.js";
+const $e = ["aria-checked", "aria-expanded", "aria-label", "aria-level", "aria-posinset", "aria-selected", "aria-setsize", "tabindex"], ze = ["data-p-highlight", "data-p-selectable"], He = ["data-node-has-children", "data-node-key", "data-node-selected"], je = {
+  "aria-hidden": "true",
+  class: "flex items-center justify-start gap-2 px-4 py-1.5 hover:bg-surface-50 text-xs no-underline overflow-hidden cursor-pointer select-none",
+  "data-pc-section": "action",
+  tabindex: "-1"
+}, Ye = /* @__PURE__ */ De({
+  __name: "TreeNode",
+  props: {
+    node: {},
+    index: {},
+    disabled: { type: Boolean },
+    listLabelsNoOption: {},
+    pt: {},
+    templates: {},
+    disableKeys: {},
+    disableNodeAll: { type: Boolean },
+    exactDisableKeys: {},
+    level: {},
+    value: {},
+    propagateSelection: { type: Boolean },
+    expandedKeys: {},
+    selectionKeys: {},
+    treeNodeMenus: {},
+    selectionMode: {},
+    metaKeySelection: { type: Boolean },
+    loading: { type: Boolean },
+    loadingIcon: {},
+    loadingMode: {},
+    filterText: {},
+    filterBy: {},
+    filterMode: {},
+    filterPlaceholder: {},
+    filterLocale: {},
+    highlightOnSelect: { type: Boolean },
+    scrollHeight: {},
+    ariaLabel: {},
+    ariaLabelledby: {},
+    ptOptions: {},
+    unstyled: { type: Boolean },
+    useOption: { type: Boolean },
+    disableNodeWhen: { type: Function },
+    exactDisableNodeWhen: { type: Function },
+    nodeSelectedWhen: { type: Function }
+  },
+  emits: ["nodeToggle", "nodeClick", "checkboxChange", "toggleMenu"],
+  setup(se, { emit: ie }) {
+    const u = ie, t = se, s = Le("preset", {}).tree, D = oe(), K = oe(null);
+    let T = !1, L = !1;
+    const de = i(
+      () => {
+        var e;
+        return ((e = t.node) == null ? void 0 : e.children) && t.node.children.length > 0;
+      }
+    ), U = i(
+      () => {
+        var e;
+        return +t.node.key != -1 && t.useOption && !((e = t.listLabelsNoOption) != null && e.includes(t.node.name));
+      }
+    ), h = i(
+      () => t.expandedKeys && t.expandedKeys[t.node.key] === !0
+    ), B = i(
+      () => t.node.leaf === !1 ? !1 : !(t.node.children && t.node.children.length)
+    ), $ = i(() => v(t.node) || w(t.node) || t.node.selectable === !1 ? !1 : t.selectionMode != null), M = i(
+      () => {
+        var e;
+        return ((e = t.nodeSelectedWhen) == null ? void 0 : e.call(t, t.node)) || (t.selectionMode && t.selectionKeys ? t.selectionKeys[t.node.key] === !0 : !1);
+      }
+    ), I = i(
+      () => t.selectionMode === "checkbox" && t.node.selectable !== !1
+    ), g = i(
+      () => {
+        var e, n;
+        return ((e = t.nodeSelectedWhen) == null ? void 0 : e.call(t, t.node)) || (t.selectionKeys ? (n = t.selectionKeys[t.node.key]) == null ? void 0 : n.checked : !1);
+      }
+    ), re = i(
+      () => {
+        var e;
+        return t.selectionKeys ? (e = t.selectionKeys[t.node.key]) == null ? void 0 : e.partialChecked : !1;
+      }
+    ), ce = i(
+      () => t.selectionMode === "single" || t.selectionMode === "multiple" ? M.value : void 0
+    ), ue = i(
+      () => I.value ? g.value : void 0
+    ), ge = () => {
+      u("nodeToggle", t.node), L = !0;
+    }, pe = (e) => e.label, be = (e) => {
+      u("nodeToggle", e);
+    }, O = (e) => {
+      if (L || y.getAttribute(
+        e.target,
+        '[data-pc-section="toggler"]'
+      ) || y.getAttribute(
+        e.target.parentElement,
+        '[data-pc-section="toggler"]'
+      )) {
+        L = !1;
+        return;
+      }
+      ve() ? ye(e.type === "dblclick" || t.node.key === -1) : u("nodeClick", {
+        originalEvent: e,
+        nodeTouched: T,
+        node: { ...t.node, selectable: $.value }
+        // To prevent selection when the node disabled by disableKeys or exactDisableKeys
+      }), T = !1;
+    }, fe = (e) => {
+      u("nodeClick", e);
+    }, he = () => {
+      T = !0;
+    }, me = (e, n) => {
+      if (t.selectionMode !== null) {
+        const o = [
+          ...y.find(K.value.parentElement, '[role="treeitem"]')
+        ];
+        e.currentTarget.tabIndex = n === !1 ? -1 : 0, o.every((l) => l.tabIndex === -1) && (o[0].tabIndex = 0);
+      }
+    }, k = (e, n, o) => {
+      e.tabIndex = -1, n.tabIndex = 0, Ae(o || n);
+    }, z = (e) => {
+      const n = e.closest("ul").closest("li");
+      if (n) {
+        const o = y.findSingle(n, "button");
+        return o && o.style.visibility !== "hidden" ? n : z(e.previousElementSibling);
+      }
+      return null;
+    }, H = () => {
+      if (!K.value) return;
+      const e = y.find(
+        K.value.closest('[data-pc-section="container"]'),
+        '[role="treeitem"]'
+      ), n = [...e].some(
+        (o) => o.getAttribute("aria-selected") === "true" || o.getAttribute("aria-checked") === "true"
+      );
+      if ([...e].forEach((o) => {
+        o.tabIndex = -1;
+      }), n) {
+        const o = [...e].filter(
+          (l) => l.getAttribute("aria-selected") === "true" || l.getAttribute("aria-checked") === "true"
+        );
+        o[0].tabIndex = 0;
+        return;
+      }
+      [...e][0].tabIndex = 0;
+    }, ye = (e = !1) => {
+      const n = t.selectionKeys ? { ...t.selectionKeys } : {}, o = !g.value;
+      j(t.node, o, n, e), u("checkboxChange", {
+        node: t.node,
+        check: o,
+        selectionKeys: n
+      });
+    }, j = (e, n, o, l = !1) => {
+      if (n ? o[e.key] = { checked: !0, partialChecked: !1 } : delete o[e.key], (l || t.propagateSelection) && e.children && e.children.length)
+        for (const r of e.children)
+          j(r, n, o, l);
+    }, ke = (e) => {
+      var f, p;
+      const { check: n } = e, o = { ...e.selectionKeys };
+      let l = 0, r = !1;
+      if (t.node.children) {
+        if (t.propagateSelection) {
+          for (const S of t.node.children)
+            (f = o[S.key]) != null && f.checked ? l++ : (p = o[S.key]) != null && p.partialChecked && (r = !0);
+          n && l === t.node.children.length ? o[t.node.key] = { checked: !0, partialChecked: !1 } : (n || delete o[t.node.key], r || l > 0 && l !== t.node.children.length ? o[t.node.key] = {
+            checked: !1,
+            partialChecked: !0
+          } : delete o[t.node.key]);
+        }
+        u("checkboxChange", {
+          node: e.node,
+          check: e.check,
+          selectionKeys: o
+        });
+      }
+    }, ve = () => t.selectionMode === "checkbox", Ne = (e) => {
+      if (Te(e))
+        switch (e.code) {
+          case "Tab":
+            Ke();
+            break;
+          case "ArrowDown":
+            q(e);
+            break;
+          case "ArrowUp":
+            Ce(e);
+            break;
+          case "ArrowRight":
+            Ee(e);
+            break;
+          case "ArrowLeft":
+            we(e);
+            break;
+          case "Enter":
+          case "NumpadEnter":
+          case "Space":
+            Se(e);
+            break;
+        }
+    }, q = (e) => {
+      const n = e.target.getAttribute("data-wv-section") === "tree-node-toggler" ? e.target.closest(
+        '[role="treeitem"]'
+      ) : e.target, o = n.children[1];
+      if (o)
+        k(n, o.children[0]);
+      else if (n.nextElementSibling)
+        k(
+          n,
+          n.nextElementSibling
+        );
+      else {
+        const l = R(
+          n
+        );
+        l && k(n, l);
+      }
+      e.preventDefault();
+    }, Ce = (e) => {
+      const n = e.target;
+      if (n.previousElementSibling)
+        k(
+          n,
+          n.previousElementSibling,
+          G(
+            n.previousElementSibling
+          )
+        );
+      else {
+        const o = J(n);
+        o && k(n, o);
+      }
+      e.preventDefault();
+    }, Ee = (e) => {
+      B.value || h.value || (e.currentTarget.tabIndex = -1, u("nodeToggle", t.node), ae(() => {
+        q(e);
+      }));
+    }, we = (e) => {
+      const n = y.findSingle(
+        e.currentTarget,
+        '[data-wv-section="tree-node-toggler"]'
+      );
+      if (t.level === 0 && !h.value)
+        return !1;
+      if (h.value && !B.value)
+        return n.click(), !1;
+      const o = z(
+        e.currentTarget
+      );
+      o && k(e.currentTarget, o);
+    }, Se = (e) => {
+      me(e, T), O(e), e.preventDefault();
+    }, Ke = () => {
+      H();
+    }, Te = (e) => e.currentTarget && (e.currentTarget.isSameNode(e.target) || e.currentTarget.isSameNode(e.target.closest('[role="treeitem"]'))), Me = async (e, n) => {
+      var r, f;
+      const o = e.target, l = o.tagName.toLowerCase() === "button" ? o : o.parentElement;
+      if (l != null && l.classList.contains("tree-menu-button-active")) {
+        W();
+        const p = {
+          ...e,
+          currentTarget: e.target
+        };
+        (r = D.value) == null || r.toggle(p);
+      } else {
+        await ae(), W(), l == null || l.classList.add("tree-menu-button-active", "!bg-surface-300/20");
+        const p = {
+          ...e,
+          currentTarget: e.target
+        };
+        (f = D.value) == null || f.toggle(p), u("toggleMenu", n);
+      }
+    }, W = () => {
+      const e = document.querySelectorAll(
+        ".tree-menu-button-active"
+      );
+      e == null || e.forEach((n) => {
+        n.classList.remove("tree-menu-button-active", "!bg-surface-300/20");
+      });
+    }, R = (e) => {
+      const n = J(e);
+      return n ? n.nextElementSibling ? n.nextElementSibling : R(n) : null;
+    }, G = (e) => {
+      const n = e.children[1];
+      if (n) {
+        const o = n.children[n.children.length - 1];
+        return G(o);
+      }
+      return e;
+    }, J = (e) => {
+      const n = e.parentElement.parentElement;
+      return y.getAttribute(n, "role") === "treeitem" ? n : null;
+    }, Ae = (e) => {
+      e.focus();
+    }, v = (e) => {
+      var n, o;
+      return ((n = t.disableKeys) == null ? void 0 : n.includes(+e.key)) || t.disabled || e.selectable == !1 || e.disabled == !0 || ((o = t.disableNodeWhen) == null ? void 0 : o.call(t, e));
+    }, w = (e) => {
+      var n, o;
+      return e.selectable == !1 || ((n = t.exactDisableKeys) == null ? void 0 : n.includes(+e.key)) || t.disableNodeAll && +e.key == -1 || ((o = t.exactDisableNodeWhen) == null ? void 0 : o.call(t, e));
+    };
+    return Be(() => {
+      H();
+    }), (e, n) => {
+      var l, r, f, p, S, Q, X, Y, Z, _, ee;
+      const o = Ie("TreeNode", !0);
+      return a(), N(P, null, [
+        C("li", m({
+          ref_key: "currentNode",
+          ref: K,
+          "aria-checked": ce.value,
+          "aria-expanded": h.value,
+          "aria-label": pe(e.node),
+          "aria-level": e.level,
+          "aria-posinset": e.index + 1,
+          "aria-selected": ue.value,
+          "aria-setsize": e.node.children ? e.node.children.length : 0,
+          tabindex: e.index === 0 ? 0 : -1,
+          onKeydown: Ne
+        }, (l = t.pt ?? d(s)) == null ? void 0 : l.node, {
+          "data-wv-name": "treenode",
+          role: "treeitem"
+        }), [
+          C("div", m(
+            (r = t.pt ?? d(s)) == null ? void 0 : r.content({
+              props: t,
+              context: {
+                selected: g.value || M.value,
+                disabled: v(e.node),
+                exactDisabled: w(e.node)
+              }
+            }),
+            {
+              "data-p-highlight": I.value ? g.value : M.value,
+              "data-p-selectable": $.value,
+              style: e.node.style,
+              onClick: O,
+              onTouchend: he
+            }
+          ), [
+            C("button", m({
+              onClick: ge,
+              "aria-hidden": "true",
+              tabindex: "-1",
+              type: "button"
+            }, (f = t.pt ?? d(s)) == null ? void 0 : f.toggler({ context: { leaf: B.value } })), [
+              e.node.loading && e.loadingMode === "icon" ? (a(), b(F, {
+                key: 0,
+                class: "animate-spin",
+                icon: "spinner"
+              })) : (a(), N(P, { key: 1 }, [
+                e.templates.togglericon ? (a(), b(V(e.templates.togglericon), {
+                  key: 0,
+                  class: E([...(p = t.pt ?? d(s)) == null ? void 0 : p.togglericon.class]),
+                  expanded: h.value,
+                  node: e.node
+                }, null, 8, ["class", "expanded", "node"])) : (a(), b(F, {
+                  key: 1,
+                  class: E([
+                    ...(S = t.pt ?? d(s)) == null ? void 0 : S.togglericon.class,
+                    { "rotate-90": h.value }
+                  ]),
+                  "data-wv-section": "togglericon",
+                  icon: "arrow-right"
+                }, null, 8, ["class"]))
+              ], 64))
+            ], 16),
+            I.value ? (a(), b(Fe, m({
+              key: 0,
+              binary: !1
+            }, (Q = t.pt ?? d(s)) == null ? void 0 : Q.nodeCheckbox.root, {
+              disabled: v(e.node) || w(e.node),
+              "model-value": g.value ? g.value : re.value ? !1 : null,
+              onClick: n[0] || (n[0] = x(() => {
+              }, ["prevent"])),
+              onKeydown: n[1] || (n[1] = x(() => {
+              }, ["prevent", "stop"])),
+              "onUpdate:modelValue": O,
+              "data-wv-section": "nodecheckbox",
+              "tri-state": ""
+            }), null, 16, ["disabled", "model-value"])) : A("", !0),
+            e.templates.nodeicon ? (a(), b(V(e.templates.nodeicon), {
+              key: 1,
+              class: E([...(X = t.pt ?? d(s)) == null ? void 0 : X.nodeicon().class]),
+              node: e.node
+            }, null, 8, ["class", "node"])) : (a(), N("span", {
+              key: 2,
+              class: E([...(Y = t.pt ?? d(s)) == null ? void 0 : Y.nodeicon().class, e.node.icon])
+            }, null, 2)),
+            C("span", m(
+              (Z = t.pt ?? d(s)) == null ? void 0 : Z.label({
+                props: t,
+                context: {
+                  selected: g.value || M.value,
+                  disabled: v(e.node),
+                  exactDisabled: w(e.node)
+                }
+              }),
+              {
+                onKeydown: n[3] || (n[3] = x(() => {
+                }, ["stop"]))
+              }
+            ), [
+              e.templates[e.node.type] || e.templates.default ? (a(), b(V(e.templates[e.node.type] || e.templates.default), {
+                key: 0,
+                checked: g.value,
+                disabled: w(e.node) || v(e.node),
+                node: e.node
+              }, null, 8, ["checked", "disabled", "node"])) : (a(), N("span", {
+                key: 1,
+                "data-node-has-children": !!((_ = e.node.children) != null && _.length),
+                "data-node-key": e.node.key,
+                "data-node-selected": g.value,
+                class: "grow"
+              }, le(e.node.name), 9, He)),
+              U.value ? (a(), b(Ve, {
+                key: 2,
+                class: E([
+                  "!w-4 !h-4 !min-w-4 p-0.5",
+                  "!text-general-200",
+                  "rounded-full"
+                ]),
+                onClick: n[2] || (n[2] = x((c) => Me(c, e.node), ["stop"])),
+                "data-wv-section": "nodemenubutton",
+                icon: "more",
+                severity: "secondary",
+                text: "",
+                tooltip: "Action",
+                "tooltip-pos": "left"
+              })) : A("", !0)
+            ], 16)
+          ], 16, ze),
+          de.value && h.value ? (a(), N("ul", m({
+            key: 0,
+            role: "group"
+          }, (ee = t.pt ?? d(s)) == null ? void 0 : ee.subgroup), [
+            (a(!0), N(P, null, Oe(e.node.children, (c) => {
+              var te, ne;
+              return a(), b(o, m({
+                key: c.key,
+                ref_for: !0
+              }, t, {
+                class: [...(ne = (te = t.pt ?? d(s)) == null ? void 0 : te.node) == null ? void 0 : ne.class],
+                "disable-keys": e.disableKeys,
+                disabled: v(c),
+                "exact-disable-keys": e.exactDisableKeys,
+                "expanded-keys": e.expandedKeys,
+                level: e.level + 1,
+                "list-labels-no-option": e.listLabelsNoOption,
+                "loading-mode": e.loadingMode,
+                node: c,
+                "propagate-selection": t.propagateSelection,
+                pt: e.pt,
+                "selection-keys": e.selectionKeys,
+                "selection-mode": e.selectionMode,
+                templates: e.templates,
+                "tree-node-menus": e.treeNodeMenus,
+                unstyled: e.unstyled,
+                "use-option": e.useOption,
+                onCheckboxChange: ke,
+                onNodeClick: fe,
+                onNodeToggle: be,
+                onToggleMenu: n[4] || (n[4] = (xe) => u("toggleMenu", xe))
+              }), null, 16, ["class", "disable-keys", "disabled", "exact-disable-keys", "expanded-keys", "level", "list-labels-no-option", "loading-mode", "node", "propagate-selection", "pt", "selection-keys", "selection-mode", "templates", "tree-node-menus", "unstyled", "use-option"]);
+            }), 128))
+          ], 16)) : A("", !0)
+        ], 16, $e),
+        U.value ? (a(), b(Ue, {
+          key: 0,
+          ref_key: "treeNodeMenu",
+          ref: D,
+          model: e.treeNodeMenus,
+          popup: !0,
+          onHide: W,
+          "data-wv-section": "tree-node-menus"
+        }, {
+          item: We(({ item: c }) => [
+            C("a", je, [
+              Pe(F, {
+                icon: c.icon,
+                severity: c.danger ? "danger" : void 0
+              }, null, 8, ["icon", "severity"]),
+              C("span", {
+                class: E(["text-inherit", { "!text-danger-500": c.danger }]),
+                "data-pc-section": "label"
+              }, le(c.label), 3)
+            ])
+          ]),
+          _: 1
+        }, 8, ["model"])) : A("", !0)
+      ], 64);
+    };
+  }
+});
+export {
+  Ye as _
+};

package/components/treesearchinput/TreeSearchInput-B1PmhE7k.es.js

@@ -0,0 +1,56 @@
+import { defineComponent as u, resolveDirective as f, createElementBlock as g, openBlock as h, normalizeClass as r, createVNode as o, withDirectives as v, unref as x } from "vue";
+import { f as w } from "../../vendor/primevue-CadmDhWp.es.js";
+import { _ as s } from "../icon/Icon-mDqG7urn.es.js";
+const _ = {
+  class: /* @__PURE__ */ r([
+    "relative w-full text-xs flex gap-1 py-[4.5px] px-2 items-center",
+    "rounded ring-1 ring-inset ring-offset-0 ring-general-500 dark:ring-general-500"
+  ]),
+  "data-wv-name": "tree-search-input"
+}, C = /* @__PURE__ */ u({
+  __name: "TreeSearchInput",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(i, { emit: c }) {
+    const n = i, d = c, m = (e) => {
+      e.key === "Enter" && e.preventDefault();
+    }, a = (e) => {
+      d("update:modelValue", e);
+    };
+    return (e, t) => {
+      const p = f("focus");
+      return h(), g("div", _, [
+        o(s, {
+          class: "w-4 h-4 shrink-0 grow-0 !text-general-400",
+          icon: "search"
+        }),
+        v(o(x(w), {
+          class: r([
+            "w-max grow h-auto !shadow-none !p-0 placeholder:text-general-200"
+          ]),
+          "model-value": n.modelValue,
+          onInput: t[0] || (t[0] = (l) => a(l.target.value)),
+          onKeydown: m,
+          autocomplete: "off",
+          placeholder: "Search"
+        }, null, 8, ["model-value"]), [
+          [p]
+        ]),
+        o(s, {
+          class: r([
+            "text-md w-4 h-4 shrink-0 !text-general-400",
+            { hidden: !n.modelValue }
+          ]),
+          onClick: t[1] || (t[1] = (l) => a("")),
+          "data-wv-section": "reset-filter-icon",
+          icon: "close"
+        }, null, 8, ["class"])
+      ]);
+    };
+  }
+});
+export {
+  C as _
+};

package/components/treesearchinput/TreeSearchInput-C-hXPV61.system.js

@@ -0,0 +1 @@
+System.register(["vue","../../vendor/primevue-u6FsQONA.system.js","../icon/Icon-DUylRmY4.system.js"],function(g,V){"use strict";var a,i,l,c,n,r,u,p,d,o;return{setters:[e=>{a=e.defineComponent,i=e.resolveDirective,l=e.createElementBlock,c=e.openBlock,n=e.normalizeClass,r=e.createVNode,u=e.withDirectives,p=e.unref},e=>{d=e.f},e=>{o=e._}],execute:function(){const e={class:n(["relative w-full text-xs flex gap-1 py-[4.5px] px-2 items-center","rounded ring-1 ring-inset ring-offset-0 ring-general-500 dark:ring-general-500"]),"data-wv-name":"tree-search-input"},y=g("_",a({__name:"TreeSearchInput",props:{modelValue:{}},emits:["update:modelValue"],setup(h,{emit:w}){const m=h,x=w,_=t=>{t.key==="Enter"&&t.preventDefault()},f=t=>{x("update:modelValue",t)};return(t,s)=>{const k=i("focus");return c(),l("div",e,[r(o,{class:"w-4 h-4 shrink-0 grow-0 !text-general-400",icon:"search"}),u(r(p(d),{class:n(["w-max grow h-auto !shadow-none !p-0 placeholder:text-general-200"]),"model-value":m.modelValue,onInput:s[0]||(s[0]=v=>f(v.target.value)),onKeydown:_,autocomplete:"off",placeholder:"Search"},null,8,["model-value"]),[[k]]),r(o,{class:n(["text-md w-4 h-4 shrink-0 !text-general-400",{hidden:!m.modelValue}]),onClick:s[1]||(s[1]=v=>f("")),"data-wv-section":"reset-filter-icon",icon:"close"},null,8,["class"])])}}}))}}});

package/components/username/UserName-CCyPAYG6.system.js

@@ -0,0 +1 @@
+System.register(["vue","../../vendor/primevue-u6FsQONA.system.js","single-spa","../animation/Animation-6756VN9N.system.js","../badge/Badge-CndPv5v9.system.js","../icon/Icon-DUylRmY4.system.js","../image/Image-DX6uB7Ns.system.js","../overlaypanel/OverlayPanel-C_WCcNPw.system.js"],function(J,Y){"use strict";var j,h,y,D,u,a,i,c,P,N,$,p,v,S,m,x,U,F,w,O,T,E,B,z,I,C,A;return{setters:[e=>{j=e.defineComponent,h=e.computed,y=e.shallowRef,D=e.ref,u=e.createElementBlock,a=e.openBlock,i=e.mergeProps,c=e.createBlock,P=e.createCommentVNode,N=e.createVNode,$=e.withModifiers,p=e.unref,v=e.toDisplayString,S=e.withCtx,m=e.createElementVNode,x=e.normalizeProps,U=e.createTextVNode,F=e.Fragment},e=>{w=e.b},e=>{O=e.navigateToUrl},e=>{T=e.u,E=e.m,B=e.g},e=>{z=e.a},e=>{I=e._},e=>{C=e._},e=>{A=e._}],execute:function(){const e={key:0},Z=J("_",j({__name:"UserName",props:{user:{},fetchDetailOnPanelShow:{type:Boolean,default:!0},detailUserPath:{},type:{},showUserName:{type:Boolean,default:!0},userNameField:{},profilePictureField:{},getUserDetail:{}},setup(K){const l=K,{locale:L,defaultProps:Q}=T("UserName"),d=h(()=>E(l,Q)),f=y(!1),n=y(),V=y(!1),k=D(),b=h(()=>B(l.user??{},d.value.userNameField)),X=async()=>{var t,s,o;if(!n.value&&l.fetchDetailOnPanelShow)try{f.value=!0;const r=await((o=(s=d.value).getUserDetail)==null?void 0:o.call(s,(t=l.user)==null?void 0:t._id));n.value=r}catch(r){console.error(r)}finally{f.value=!1}else l.fetchDetailOnPanelShow||(n.value=l.user)};return(t,s)=>Object.keys(l.user??{}).length<2?(a(),u("span",e," - ")):(a(),u("span",i({key:1,onClick:s[4]||(s[4]=(...o)=>{var r,g;return((r=k.value)==null?void 0:r.toggle)&&((g=k.value)==null?void 0:g.toggle(...o))})},t.$preset.username.root,{"data-wv-name":"username","data-wv-section":"root"}),[d.value.type=="picture"?(a(),c(C,{key:0,preview:b.value!==void 0,src:p(B)(l.user??{},d.value.profilePictureField),onClick:s[0]||(s[0]=$(o=>{var r;b.value||(r=k.value)==null||r.toggle(o)},["stop"])),rounded:"",size:"small"},null,8,["preview","src"])):(a(),c(I,{key:1,class:"text-general-300 text-base",icon:"user"})),t.showUserName?(a(),u("span",i({key:2},t.$preset.username.displayname({props:l}),{"data-wv-section":"displayname"}),v(p(z)(b.value)),17)):P("",!0),N(A,{ref_key:"miniProfile",ref:k,dismissable:!V.value,onShow:X},{default:S(()=>{var o,r,g,M,R,W,_,H;return[m("div",i(t.$preset.username.panel.contentwrapper,{"data-wv-section":"contentwrapper"}),[m("div",i(t.$preset.username.panel.background,{"data-wv-section":"background"}),null,16),N(C,{src:((o=n.value)==null?void 0:o.profilePicture)??((r=n.value)==null?void 0:r.profilePictureBig),width:60,onHide:s[1]||(s[1]=q=>V.value=!1),onShow:s[2]||(s[2]=q=>V.value=!0),class:"w-[60px] h-[60px]",rounded:""},null,8,["src"]),f.value?(a(),c(p(w),{key:1,height:"29px",width:"100px"})):(a(),u("div",x(i({key:0},t.$preset.username.panel.detailwrapper)),[m("h4",i(t.$preset.username.panel.username,{"data-wv-section":"username"}),[U(v((g=n.value)==null?void 0:g.fullName)+" ",1),(M=n.value)!=null&&M.nickName?(a(),u(F,{key:0},[U(" ("+v((R=n.value)==null?void 0:R.nickName)+") ",1)],64)):P("",!0)],16),m("span",i(t.$preset.username.panel.useremail,{"data-wv-section":"useremail"}),v((W=n.value)==null?void 0:W.email),17)],16)),f.value?(a(),c(p(w),{key:3,height:"12px",width:"60px"})):(a(),u("span",i({key:2},t.$preset.username.panel.positiondivision,{"data-wv-section":"positiondivision"}),v((_=n.value)==null?void 0:_.division)+" / "+v((H=n.value)==null?void 0:H.position),17)),f.value?(a(),c(p(w),{key:5,width:"75px"})):(a(),u("a",i({key:4,onClick:s[3]||(s[3]=$(q=>{var G;return p(O)(d.value.detailUserPath.replace("{userId}",(G=l.user)==null?void 0:G._id))},["stop"]))},t.$preset.username.panel.userdetaillink,{"data-wv-section":"userdetaillink"}),v(p(L).detailUserAnchorText),17))],16)]}),_:1},8,["dismissable"])],16))}}))}}});