@fewangsit/wangsvue-fats 1.0.0-alpha.41 → 1.0.0-alpha.43

package/components/basetree/BaseTree-RsvvntBp.es.js

@@ -0,0 +1,167 @@
+import { defineComponent as w, inject as D, ref as F, computed as P, watch as A, createElementBlock as h, openBlock as f, mergeProps as u, unref as p, createCommentVNode as H, createElementVNode as N, normalizeProps as j, renderSlot as z, createVNode as I, Fragment as q, renderList as x, createBlock as G } from "vue";
+import { O as J } from "../../utils/utils.esm-s_-kLKXf.es.js";
+import Q from "../icon/Icon-C4kXVcEX.es.js";
+import { _ as R } from "./TreeNode-CUL5_2Rj.es.js";
+const X = ["id"], Y = ["aria-label", "aria-labelledby"], te = /* @__PURE__ */ w({
+  inheritAttrs: !1,
+  __name: "BaseTree",
+  props: {
+    disableKeys: {},
+    disableNodeAll: { type: Boolean, default: !1 },
+    exactDisableKeys: {},
+    level: { default: 0 },
+    listLabelsNoOption: {},
+    value: {},
+    propagateSelection: { type: Boolean, default: !0 },
+    expandedKeys: {},
+    selectionKeys: { default: null },
+    treeNodeMenus: {},
+    selectionMode: {},
+    metaKeySelection: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    loadingIcon: {},
+    loadingMode: { default: "mask" },
+    filterText: { default: "" },
+    filterBy: { default: "label" },
+    filterMode: { default: "lenient" },
+    filterPlaceholder: {},
+    filterLocale: {},
+    highlightOnSelect: { type: Boolean, default: !1 },
+    scrollHeight: {},
+    ariaLabel: {},
+    ariaLabelledby: {},
+    pt: {},
+    ptOptions: {},
+    unstyled: { type: Boolean },
+    useOption: { type: Boolean, default: !1 },
+    disableNodeWhen: {},
+    exactDisableNodeWhen: {},
+    nodeSelectedWhen: {}
+  },
+  emits: ["update:expandedKeys", "update:selectionKeys", "nodeSelect", "nodeUnselect", "nodeExpand", "nodeCollapse", "toggleMenu"],
+  setup(S, { emit: v }) {
+    const l = S, i = v, c = D("preset", {}).tree, d = F(l.expandedKeys ?? []), L = (e) => {
+      const { key: t } = e;
+      d.value[t] ? (delete d.value[t], i("nodeCollapse", e)) : (d.value[t] = !0, i("nodeExpand", e)), d.value = { ...d.value }, i("update:expandedKeys", d.value);
+    }, B = (e) => {
+      if (l.selectionMode != null && e.node.selectable !== !1) {
+        const o = (e.nodeTouched ? !1 : l.metaKeySelection) ? O(e) : $(e);
+        i("update:selectionKeys", o);
+      }
+    }, C = (e) => {
+      i("update:selectionKeys", e.selectionKeys), e.check ? i("nodeSelect", e.node) : i("nodeUnselect", e.node);
+    }, O = (e) => {
+      const { originalEvent: t } = e, { node: o } = e, s = t.metaKey || t.ctrlKey, a = g(o);
+      let n;
+      return a && s ? (y() ? n = {} : (n = { ...l.selectionKeys }, delete n[o.key]), i("nodeUnselect", o)) : (y() ? n = {} : E() && (s && l.selectionKeys ? n = { ...l.selectionKeys } : n = {}), n[o.key] = !0, i("nodeSelect", o)), n;
+    }, $ = (e) => {
+      const { node: t } = e, o = g(t);
+      let s;
+      return y() ? o ? (s = {}, i("nodeUnselect", t)) : (s = {}, s[t.key] = !0, i("nodeSelect", t)) : o ? (s = { ...l.selectionKeys }, delete s[t.key], i("nodeUnselect", t)) : (s = l.selectionKeys ? { ...l.selectionKeys } : {}, s[t.key] = !0, i("nodeSelect", t)), s;
+    }, y = () => l.selectionMode === "single", E = () => l.selectionMode === "multiple", g = (e) => l.selectionMode && l.selectionKeys ? l.selectionKeys[e.key] === !0 : !1, T = (e) => e.leaf === !1 ? !1 : !(e.children && e.children.length), m = (e, t) => {
+      if (e) {
+        let o = !1;
+        if (e.children) {
+          const s = [...e.children];
+          e.children = [];
+          for (const a of s) {
+            const n = { ...a };
+            b(n, t) && (o = !0, e.children.push(n));
+          }
+        }
+        if (o)
+          return !0;
+      }
+    }, b = (e, { searchFields: t, filterText: o, strict: s }) => {
+      let a = !1;
+      for (const n of t)
+        String(
+          J.resolveFieldData(e, n)
+        ).toLocaleLowerCase(l.filterLocale).indexOf(o) > -1 && (a = !0);
+      return (!a || s && !T(e)) && (a = m(e, { searchFields: t, filterText: o, strict: s }) || a), a;
+    }, U = P(() => {
+      const e = [], t = l.filterBy.split(","), o = l.filterMode === "strict";
+      for (const s of l.value) {
+        const a = { ...s }, n = {
+          searchFields: t,
+          filterText: l.filterText.toLocaleLowerCase(l.filterLocale),
+          strict: o
+        };
+        (o && (m(a, n) || b(a, n)) || !o && (b(a, n) || m(a, n))) && e.push(a);
+      }
+      return e;
+    });
+    return A(
+      () => l.expandedKeys,
+      (e) => {
+        d.value = e;
+      },
+      { deep: !0 }
+    ), (e, t) => {
+      var o, s, a, n;
+      return f(), h("div", u((o = l.pt ?? p(c)) == null ? void 0 : o.root, {
+        id: e.$attrs.id,
+        class: e.$attrs.class,
+        "data-wv-name": "tree"
+      }), [
+        e.loading && e.loadingMode === "mask" ? (f(), h("div", j(u({ key: 0 }, (s = l.pt ?? p(c)) == null ? void 0 : s.loadingOverlay)), [
+          z(e.$slots, "loadingicon", {}, () => {
+            var r;
+            return [
+              I(Q, u({
+                class: "animate-spin",
+                icon: "spinner"
+              }, (r = l.pt ?? p(c)) == null ? void 0 : r.loadingicon), null, 16)
+            ];
+          })
+        ], 16)) : H("", !0),
+        N("div", u({
+          style: { maxHeight: e.scrollHeight }
+        }, (a = l.pt ?? p(c)) == null ? void 0 : a.wrapper), [
+          N("ul", u({
+            "aria-label": e.ariaLabel,
+            "aria-labelledby": e.ariaLabelledby
+          }, (n = l.pt ?? p(c)) == null ? void 0 : n.container, {
+            "data-pc-section": "container",
+            role: "tree"
+          }), [
+            (f(!0), h(q, null, x(U.value, (r, V) => {
+              var K, k, M;
+              return f(), G(R, u({
+                key: r.key,
+                ref_for: !0
+              }, l, {
+                class: [...(k = (K = l.pt ?? p(c)) == null ? void 0 : K.node) == null ? void 0 : k.class],
+                "disable-keys": e.disableKeys,
+                "disable-node-all": l.disableNodeAll,
+                disabled: (M = e.disableKeys) == null ? void 0 : M.includes(+r.key),
+                "exact-disable-keys": e.exactDisableKeys,
+                "expanded-keys": d.value,
+                index: V,
+                level: e.level + 1,
+                "list-labels-no-option": e.listLabelsNoOption,
+                "loading-mode": e.loadingMode,
+                node: r,
+                "propagate-selection": e.propagateSelection,
+                pt: e.pt,
+                "selection-keys": e.selectionKeys,
+                "selection-mode": e.selectionMode,
+                templates: e.$slots,
+                "tree-node-menus": e.treeNodeMenus,
+                unstyled: e.unstyled,
+                "use-option": e.useOption,
+                onCheckboxChange: C,
+                onNodeClick: B,
+                onNodeToggle: L,
+                onToggleMenu: t[0] || (t[0] = (W) => e.$emit("toggleMenu", W))
+              }), null, 16, ["class", "disable-keys", "disable-node-all", "disabled", "exact-disable-keys", "expanded-keys", "index", "level", "list-labels-no-option", "loading-mode", "node", "propagate-selection", "pt", "selection-keys", "selection-mode", "templates", "tree-node-menus", "unstyled", "use-option"]);
+            }), 128))
+          ], 16, Y)
+        ], 16)
+      ], 16, X);
+    };
+  }
+});
+export {
+  te as default
+};

package/components/basetree/TreeNode-CUL5_2Rj.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 "../../utils/utils.esm-s_-kLKXf.es.js";
+import { _ as Ve } from "../button/Button-CgkhMnxo.es.js";
+import Fe from "../checkbox/Checkbox-DBU7Ji2C.es.js";
+import F from "../icon/Icon-C4kXVcEX.es.js";
+import Ue from "../menu/Menu-BtzGGhbp.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 _
+};