@pantograph/vue 0.10.0 → 0.10.2

package/dist/Tree.vue_vue_type_style_index_0_lang-BCYjSwUH.js

@@ -0,0 +1,545 @@
+import { defineComponent as xe, useSlots as Se, computed as d, inject as Ie, ref as b, watch as Y, provide as Fe, resolveComponent as Ee, createElementBlock as U, openBlock as N, mergeProps as se, unref as r, createElementVNode as he, withDirectives as Le, createCommentVNode as ae, createVNode as _e, normalizeClass as Z, createBlock as le, withCtx as oe, renderSlot as W, normalizeProps as ge, guardReactiveProps as ve, withModifiers as ye, Fragment as pe, toDisplayString as Te, renderList as re, createSlots as Ne, vShow as $e, normalizeStyle as Ae, onMounted as Re, onBeforeUnmount as Pe } from "vue";
+import { a as M, b as L, g as Oe, c as Ue } from "./class-DziTeW9B.js";
+import { cva as we } from "class-variance-authority";
+import { c as E } from "./cloneDeep-BMA7VTX1.js";
+import { s as Ce, S as Me, c as je, g as be } from "./get-Q8GXlj-L.js";
+import { S as fe, o as Ve } from "./_flatRest-CHX8vV1P.js";
+import Ge from "sortablejs";
+import { g as Ke } from "./options-JBqnVZUl.js";
+import { createContext as qe } from "radix-vue";
+import { _ as He } from "./IndentLevel.vue_vue_type_style_index_0_lang-ZZ1uEhji.js";
+import { _ as Ye } from "./Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
+import { _ as Ze } from "./Checkbox.vue_vue_type_style_index_0_lang-CSmeTeZh.js";
+import { U as Je } from "./useInputDataStates-CZbdWpyp.js";
+import { u as Qe } from "./useId-DvOSMFGX.js";
+function We(i, l, n, e) {
+  for (var C = i.length, g = n + -1; ++g < C; )
+    if (l(i[g], g, i))
+      return g;
+  return -1;
+}
+function Xe(i) {
+  return i !== i;
+}
+function De(i, l, n) {
+  for (var e = n - 1, C = i.length; ++e < C; )
+    if (i[e] === l)
+      return e;
+  return -1;
+}
+function et(i, l, n) {
+  return l === l ? De(i, l, n) : We(i, Xe, n);
+}
+function tt(i, l) {
+  var n = i == null ? 0 : i.length;
+  return !!n && et(i, l, 0) > -1;
+}
+function nt() {
+}
+var at = 1 / 0, st = fe && 1 / Ce(new fe([, -0]))[1] == at ? function(i) {
+  return new fe(i);
+} : nt, lt = 200;
+function ot(i, l, n) {
+  var e = -1, C = tt, g = i.length, _ = !0, f = [], p = f;
+  if (g >= lt) {
+    var K = st(i);
+    if (K)
+      return Ce(K);
+    _ = !1, C = je, p = new Me();
+  } else
+    p = f;
+  e:
+    for (; ++e < g; ) {
+      var z = i[e], k = z;
+      if (z = z !== 0 ? z : 0, _ && k === k) {
+        for (var x = p.length; x--; )
+          if (p[x] === k)
+            continue e;
+        f.push(z);
+      } else C(p, k, n) || (p !== f && p.push(k), f.push(z));
+    }
+  return f;
+}
+function rt(i) {
+  return i && i.length ? ot(i) : [];
+}
+const it = ["sm", "md", "lg"], ke = { none: "gap-none", sm: "gap-sm", md: "gap-md", lg: "gap-lg" }, [dt, ct] = qe("CheckboxGroup"), ut = ["data-parents", "data-key", "data-draggable"], gt = ["tabindex"], vt = ["data-parents", "data-level"], ft = /* @__PURE__ */ xe({
+  ...Ke("TreeNode"),
+  __name: "TreeNode",
+  props: {
+    item: {},
+    level: { default: 1 },
+    hovered: { type: Boolean },
+    parentKeys: {}
+  },
+  setup(i) {
+    const l = i, n = Se(), e = dt(), C = we(e.prefixes.node, {
+      variants: {
+        disabled: M("disabled", e.prefixes.node),
+        active: M("active", e.prefixes.node)
+      }
+    }), g = d(() => {
+      switch (e.size.value) {
+        case "sm":
+          return "2xsm";
+        case "md":
+        case "lg":
+          return "xsm";
+      }
+    }), _ = d(() => {
+      switch (e.size.value) {
+        case "sm":
+          return "2xsm";
+        default:
+          return "xsm";
+      }
+    }), f = (t) => e.getNodeField(t, "children"), p = (t) => e.getNodeField(t, "key"), K = d(() => f(l.item)), z = d(() => e.getNodeField(l.item, "leaf")), k = d(() => e.draggable.value ? e.getNodeField(l.item, "draggable") ?? !0 : !1), x = d(() => p(l.item)), S = d(
+      () => !!(e.disabled.value || e.getNodeField(l.item, "disabled"))
+    ), T = d(
+      () => {
+        var t;
+        return !!((t = K.value) != null && t.some((a) => e.expandedKeys.value.includes(p(a))));
+      }
+    ), m = Ie("tree-node-context", {
+      hovered: b(l.hovered ?? !1),
+      expanded: b(!1),
+      childExpanded: T
+    }), F = d(
+      () => !(l.item.dragging ?? !1) && e.expandedKeys.value.includes(x.value)
+    ), B = b(!1), $ = (t) => {
+      B.value = t;
+    };
+    Y(B, (t) => {
+      e.showLine.value && m.hovered && (m.hovered.value = t);
+    }), Fe("tree-node-context", {
+      expanded: F,
+      childExpanded: T,
+      hovered: B
+    });
+    const J = d(() => {
+      var t, a, s;
+      if (e.dragging.value) return !1;
+      if (e.showLine.value) {
+        if (l.hovered || (t = m.hovered) != null && t.value || B.value) return "all";
+        if (F.value && !T.value) return "self";
+        if ((a = m.expanded) != null && a.value && !((s = m.childExpanded) != null && s.value)) return "last";
+      }
+    }), A = () => {
+      S.value || e.onSelect(l.item);
+    }, j = d(() => !!e.model.value.includes(x.value)), R = d(() => {
+      const t = (c = l.item) => {
+        const u = f(c);
+        return (u == null ? void 0 : u.length) && u.every((h) => e.checked.value.includes(p(h)));
+      }, a = (c = l.item) => {
+        const u = f(c);
+        return u != null && u.length ? !!(u != null && u.some(
+          (h) => e.checked.value.includes(p(h)) || a(h)
+        )) : !1;
+      }, s = e.checked.value.includes(x.value);
+      return t() ? (s || e.onCheck(l.item), !0) : a() ? (s && e.onCheck(l.item), "indeterminate") : !!s;
+    }), I = () => {
+      var s;
+      if (!((s = K.value) != null && s.length)) return e.onCheck(l.item);
+      const t = (o = l.item) => {
+        const c = f(o);
+        return c != null && c.length ? c.reduce((u, h) => {
+          const P = f(h), O = p(h);
+          return P != null && P.length ? [...u, O, ...t(h)] : [...u, O];
+        }, []) : [];
+      }, a = t();
+      return e.onCheck(l.item, {
+        keys: [x.value, ...a],
+        value: !e.checked.value.includes(x.value)
+      });
+    }, X = d(() => [...l.parentKeys ?? [], x.value]), ie = () => {
+      e.onExpandKey(l.item);
+    }, D = d(() => l.item.dragging_level ?? l.level), V = d(() => D.value + 1), G = b(), q = b();
+    e.useSortable({
+      root: G,
+      instance: q,
+      node: l.item
+    });
+    const ee = d(() => {
+      switch (e.size.value) {
+        case "sm":
+          return "2xsm";
+        case "md":
+          return "xsm";
+        case "lg":
+          return "sm";
+      }
+    }), { rootBindings: de, inputBindings: te } = Je({
+      getDisabled: () => S.value
+    });
+    return (t, a) => {
+      var o, c, u;
+      const s = Ee("TreeNode", !0);
+      return N(), U("div", se({
+        "data-parents": r(e).draggable.value ? t.parentKeys : void 0,
+        "data-key": r(e).draggable.value ? x.value : void 0,
+        "data-draggable": r(e).draggable.value ? !S.value && k.value : void 0,
+        class: [
+          (o = K.value) != null && o.length ? r(e).prefixes.group : "",
+          r(L)(r(e).prefixes.node, "root"),
+          r(e).getNodeField(t.item, "class")
+        ]
+      }, r(de)), [
+        he("div", se({
+          tabindex: S.value ? void 0 : 0,
+          class: [
+            r(C)({
+              disabled: S.value,
+              active: j.value
+            })
+          ]
+        }, r(te), {
+          onMouseenter: a[1] || (a[1] = (h) => $(!0)),
+          onMouseleave: a[2] || (a[2] = (h) => $(!1)),
+          onClick: A
+        }), [
+          r(e).draggable.value ? (N(), U("span", {
+            key: 0,
+            class: Z(r(e).prefixes.draggable)
+          }, [
+            !t.item.dragging && !r(e).dragging.value ? (N(), le(Ye, {
+              key: 0,
+              icon: "tabler:grip-vertical",
+              size: _.value,
+              class: Z(r(e).prefixes.draggableIcon)
+            }, {
+              default: oe(() => [
+                W(t.$slots, "dragTrigger", ge(ve({ ...t.item, selected: j.value, checked: R.value, disabled: S.value, unFocusable: !0 })))
+              ]),
+              _: 3
+            }, 8, ["size", "class"])) : ae("", !0)
+          ], 2)) : ae("", !0),
+          _e(He, {
+            level: D.value,
+            children: !!((c = K.value) != null && c.length || r(e).lazyLoad.value && !z.value),
+            size: ee.value,
+            expanded: F.value,
+            showLine: J.value,
+            loading: r(e).getNodeField(t.item, "loading"),
+            "branch-icon": r(e).getNodeField(t.item, "switcherIcon") ?? r(e).switcherIcon.value,
+            "no-rotate-branch": r(e).getNodeField(t.item, "noRotateSwitcherIcon") ?? r(e).noRotateSwitcherIcon.value,
+            onToggleExpand: ye(ie, ["stop"])
+          }, {
+            default: oe(() => [
+              W(t.$slots, "switcherIcon", ge(ve({ ...t.item, selected: j.value, checked: R.value, expanded: F.value, disabled: S.value, unFocusable: !0 })))
+            ]),
+            _: 3
+          }, 8, ["level", "children", "size", "expanded", "showLine", "loading", "branch-icon", "no-rotate-branch"]),
+          !t.item.dragging || !r(e).dragging.value ? (N(), U(pe, { key: 1 }, [
+            r(e).checkbox.value ? (N(), le(Ze, {
+              key: 0,
+              size: g.value,
+              onClick: a[0] || (a[0] = ye(() => {
+              }, ["stop"])),
+              checked: R.value,
+              "onUpdate:checked": I,
+              disabled: S.value
+            }, null, 8, ["size", "checked", "disabled"])) : ae("", !0),
+            W(t.$slots, "title", ge(ve({ ...t.item, selected: j.value, checked: R.value, disabled: S.value, unFocusable: !0 })), () => [
+              he("div", {
+                class: Z(r(L)(r(e).prefixes.node, "title"))
+              }, Te(r(e).getNodeField(t.item, "title")), 3)
+            ])
+          ], 64)) : (N(), U("div", {
+            key: 2,
+            class: Z(r(L)(r(e).prefixes.node, "slot"))
+          }, null, 2))
+        ], 16, gt),
+        (u = K.value) != null && u.length ? Le((N(), U("div", {
+          key: 0,
+          class: Z(r(e).prefixes.groupList),
+          ref_key: "root",
+          ref: G,
+          "data-parents": r(e).draggable.value ? X.value : void 0,
+          "data-level": r(e).draggable.value ? V.value : void 0
+        }, [
+          (N(!0), U(pe, null, re(f(t.item), (h) => {
+            var P;
+            return N(), le(s, {
+              key: r(e).getNodeField(h, "key"),
+              parentKeys: X.value,
+              item: h,
+              level: V.value,
+              hovered: l.hovered || B.value || ((P = r(m).hovered) == null ? void 0 : P.value)
+            }, Ne({ _: 2 }, [
+              re(Object.keys(n), (O) => ({
+                name: O,
+                fn: oe((w) => [
+                  W(t.$slots, O, se({ ref_for: !0 }, w))
+                ])
+              }))
+            ]), 1032, ["parentKeys", "item", "level", "hovered"]);
+          }), 128))
+        ], 10, vt)), [
+          [$e, F.value]
+        ]) : ae("", !0)
+      ], 16, ut);
+    };
+  }
+}), It = /* @__PURE__ */ xe({
+  ...Ke("Tree"),
+  __name: "Tree",
+  props: {
+    class: {},
+    size: { default: "md" },
+    gap: {},
+    data: {},
+    value: {},
+    checkedKeys: {},
+    expandedKeys: {},
+    multiple: { type: Boolean },
+    checkbox: { type: Boolean },
+    defaultExpandAll: { type: Boolean },
+    selectable: { type: Boolean },
+    showLine: { type: Boolean },
+    inlineNode: { type: Boolean },
+    lazyLoad: { type: Boolean },
+    fieldNames: {},
+    groupName: {},
+    switcherIcon: {},
+    noRotateSwitcherIcon: { type: Boolean },
+    draggable: { type: Boolean },
+    disabled: { type: Boolean }
+  },
+  emits: ["update:value", "update:expandedKeys", "update:checkedKeys", "expand", "select", "check", "dragStart", "dragEnd"],
+  setup(i, { emit: l }) {
+    const n = i, e = l, C = Se(), g = Oe("tree"), _ = L(g, "node"), f = L(_, "group"), p = L(_, "draggable"), K = L(p, "icon"), z = L(f, "list"), k = {
+      node: _,
+      group: f,
+      draggable: p,
+      draggableIcon: K,
+      groupList: z
+    }, x = we(g, {
+      variants: {
+        size: M(it, g),
+        gap: M(ke, g),
+        selectable: M("selectable", g),
+        disabled: M("disabled", g),
+        inlineNode: M("inline-node", g),
+        dragging: M("dragging", g)
+      }
+    }), S = d(() => E(n.data)), T = b(S.value), m = (t, a) => {
+      var o;
+      const s = be(t, a);
+      return (o = n.fieldNames) != null && o[a] ? be(t, n.fieldNames[a], s) : s;
+    }, F = () => {
+      if (!n.lazyLoad) {
+        const t = [], a = (s) => {
+          for (const o of s) {
+            const c = m(o, "children");
+            c != null && c.length && (t.push(m(o, "key")), a(c));
+          }
+        };
+        return a(T.value), t;
+      }
+      return [];
+    }, B = b(
+      n.expandedKeys ?? (n.defaultExpandAll ? F() : [])
+    );
+    Y(
+      () => [n.defaultExpandAll, n.expandedKeys],
+      ([t, a], [s, o]) => {
+        a !== o ? B.value = n.expandedKeys ?? [] : t && !s && (B.value = F());
+      }
+    );
+    const $ = d({
+      get() {
+        return n.expandedKeys ? n.expandedKeys : B.value;
+      },
+      set(t) {
+        n.expandedKeys || (B.value = t), e("update:expandedKeys", t);
+      }
+    });
+    Y(
+      S,
+      (t) => {
+        T.value = t;
+        const a = F();
+        $.value = $.value.filter((s) => a.includes(s)), G.value++;
+      },
+      { deep: !0 }
+    );
+    const J = b(n.value ?? []);
+    Y(
+      () => n.value,
+      () => {
+        J.value = n.value ?? [];
+      }
+    );
+    const A = d({
+      get() {
+        return n.value ? n.value : J.value;
+      },
+      set(t) {
+        n.value || (J.value = t), e("update:value", t);
+      }
+    }), j = (t) => {
+      if (n.selectable && !n.disabled) {
+        let a = E(A.value);
+        const s = m(t, "key");
+        n.multiple ? A.value.includes(s) ? a = E(A.value.filter((o) => o !== s)) : a = E([...A.value, s]) : a.includes(s) ? a = [] : a = [s], A.value = a, e("select", t, a.includes(s));
+      }
+    }, R = b(n.checkedKeys ?? []);
+    Y(
+      () => n.checkedKeys,
+      () => {
+        R.value = n.checkedKeys ?? [];
+      }
+    );
+    const I = d({
+      get() {
+        return n.checkedKeys ? n.checkedKeys : R.value;
+      },
+      set(t) {
+        n.checkedKeys || (R.value = t), e("update:checkedKeys", t);
+      }
+    }), X = (t, a) => {
+      if (n.checkbox && !n.disabled) {
+        let s = E(I.value);
+        const o = m(t, "key");
+        a != null && a.keys.length ? a.value ? s = rt([...a.keys, ...s]) : s = E(I.value.filter((u) => !a.keys.includes(u))) : I.value.includes(o) ? s = E(I.value.filter((u) => u !== o)) : s = E([...I.value, o]), I.value = s;
+        const c = (a == null ? void 0 : a.value) ?? I.value.includes(o);
+        e("check", t, c, (a == null ? void 0 : a.keys) ?? o);
+      }
+    }, ie = (t) => {
+      let a = !0;
+      const s = m(t, "key");
+      let o = E($.value);
+      o.includes(s) ? (o = o.filter((c) => c !== s), a = !1) : o = [...o, s], $.value = o, e("expand", t, a);
+    }, D = d(() => {
+      if (n.gap) {
+        if (typeof n.gap == "number") return `${n.gap}px`;
+        if (!Object.keys(ke).includes(n.gap)) return n.gap;
+      }
+    }), V = n.groupName ?? Qe(g), G = b(1), q = b(!1), ee = b(), de = b(), te = (t) => {
+      const { root: a, instance: s, node: o } = t, c = (w) => {
+        var v;
+        return (v = w.getAttribute("data-parents")) == null ? void 0 : v.split(",");
+      }, u = (w) => {
+        const v = (Q, ze = T.value) => {
+          const { parents: ce, self: Be } = Q;
+          for (let ue of ze) {
+            const me = m(ue, "key").toString();
+            if (me === Be) return ue;
+            const ne = m(ue, "children");
+            if (ce != null && ce.includes(me) && (ne != null && ne.length)) return v(Q, ne);
+          }
+        }, y = c(w), H = w.getAttribute("data-key") ?? "";
+        return v({ parents: y, self: H });
+      }, h = Ue(L(g, "dragging_item"), n.size), P = (w = a.value) => new Ge(w, {
+        group: Ve(V) ? V(o) : V,
+        animation: 150,
+        forceFallback: !0,
+        fallbackOnBody: !0,
+        filter: "[data-draggable=false]",
+        handle: `.${k.node} .${k.draggable} .${k.draggableIcon}`,
+        // swapThreshold: 0.65,
+        dataIdAttr: "data-key",
+        dragClass: h,
+        onChoose(v) {
+          const y = u(v.item);
+          y && (y.dragging = !0);
+        },
+        onStart(v) {
+          var Q;
+          const y = document.querySelector(`.${h}`), H = (Q = getComputedStyle(a.value)) == null ? void 0 : Q.direction;
+          y != null && y.style && (y.style.direction = H), q.value = !0, e("dragStart", v);
+        },
+        onUnchoose(v) {
+          const y = u(v.item);
+          y && (y.dragging = !1);
+        },
+        onEnd(v) {
+          q.value = !1, e("dragEnd", {
+            ...v,
+            node: u(v.item),
+            oldParents: c(v.item),
+            newParents: c(v.to)
+          });
+        },
+        onMove(v) {
+          const y = Number(v.to.getAttribute("data-level") ?? "1"), H = u(v.dragged);
+          H && (H.dragging_level = y);
+        }
+      }), O = () => {
+        var w;
+        (w = s.value) == null || w.destroy(), s.value = void 0;
+      };
+      Re(() => {
+        Y(
+          () => [a.value, n.draggable, G.value],
+          () => {
+            s.value ? O() : a.value && n.draggable && (s.value = P());
+          },
+          { immediate: !0 }
+        );
+      }), Pe(() => {
+        s.value && O();
+      });
+    };
+    return te({
+      root: ee,
+      instance: de
+    }), ct({
+      size: d(() => n.size),
+      draggable: d(() => n.draggable),
+      lazyLoad: d(() => n.lazyLoad),
+      checkbox: d(() => n.checkbox),
+      showLine: d(() => n.showLine),
+      disabled: d(() => n.disabled),
+      switcherIcon: d(() => n.switcherIcon),
+      noRotateSwitcherIcon: d(() => n.noRotateSwitcherIcon),
+      expandedKeys: $,
+      model: A,
+      checked: I,
+      onExpandKey: ie,
+      onSelect: j,
+      onCheck: X,
+      getNodeField: m,
+      useSortable: te,
+      dragging: q,
+      prefixes: k
+    }), (t, a) => (N(), U("div", {
+      key: G.value,
+      class: Z([
+        r(x)({
+          size: n.size,
+          gap: n.gap ?? n.size,
+          selectable: n.selectable,
+          disabled: n.disabled,
+          inlineNode: n.inlineNode,
+          dragging: q.value
+        }),
+        n.class
+      ]),
+      style: Ae({
+        "--ptc-tree-gap": D.value
+      }),
+      ref_key: "root",
+      ref: ee
+    }, [
+      (N(!0), U(pe, null, re(T.value, (s) => (N(), le(ft, {
+        key: m(s, "key"),
+        item: s
+      }, Ne({ _: 2 }, [
+        re(Object.keys(C), (o) => ({
+          name: o,
+          fn: oe((c) => [
+            W(t.$slots, o, se({ ref_for: !0 }, c))
+          ])
+        }))
+      ]), 1032, ["item"]))), 128))
+    ], 6));
+  }
+});
+export {
+  it as T,
+  It as _,
+  ke as a,
+  dt as i,
+  ct as p
+};

package/dist/Tree.vue_vue_type_style_index_0_lang-CvskECfv.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),v=require("./class-CjZYGZDW.js"),ae=require("class-variance-authority"),E=require("./cloneDeep-BcKVMzWC.js"),M=require("./get-B4UJlXpC.js"),J=require("./_flatRest-R59G2N4m.js"),de=require("sortablejs"),oe=require("./options-B4iSAKol.js"),ue=require("radix-vue"),ge=require("./IndentLevel.vue_vue_type_style_index_0_lang-DqqJTrDF.js"),ve=require("./Icon.vue_vue_type_style_index_0_lang-BvHCdzZP.js"),pe=require("./Checkbox.vue_vue_type_style_index_0_lang-D0sF0-hW.js"),fe=require("./useInputDataStates-CbRgNQqU.js"),me=require("./useId-Ku3O_8TK.js");function he(i,r,a,t){for(var B=i.length,u=a+-1;++u<B;)if(r(i[u],u,i))return u;return-1}function ye(i){return i!==i}function ke(i,r,a){for(var t=a-1,B=i.length;++t<B;)if(i[t]===r)return t;return-1}function be(i,r,a){return r===r?ke(i,r,a):he(i,ye,a)}function xe(i,r){var a=i==null?0:i.length;return!!a&&be(i,r,0)>-1}function Ce(){}var Be=1/0,Se=J.Set&&1/M.setToArray(new J.Set([,-0]))[1]==Be?function(i){return new J.Set(i)}:Ce,we=200;function Ne(i,r,a){var t=-1,B=xe,u=i.length,K=!0,p=[],f=p;if(u>=we){var S=Se(i);if(S)return M.setToArray(S);K=!1,B=M.cacheHas,f=new M.SetCache}else f=p;e:for(;++t<u;){var w=i[t],k=w;if(w=w!==0?w:0,K&&k===k){for(var b=f.length;b--;)if(f[b]===k)continue e;p.push(w)}else B(f,k,a)||(f!==p&&f.push(k),p.push(w))}return p}function _e(i){return i&&i.length?Ne(i):[]}const le=["sm","md","lg"],te={none:"gap-none",sm:"gap-sm",md:"gap-md",lg:"gap-lg"},[re,se]=ue.createContext("CheckboxGroup"),ze=["data-parents","data-key","data-draggable"],Ee=["tabindex"],Ke=["data-parents","data-level"],Ie=e.defineComponent({...oe.getComponentOptions("TreeNode"),__name:"TreeNode",props:{item:{},level:{default:1},hovered:{type:Boolean},parentKeys:{}},setup(i){const r=i,a=e.useSlots(),t=re(),B=ae.cva(t.prefixes.node,{variants:{disabled:v.generateVariantClassList("disabled",t.prefixes.node),active:v.generateVariantClassList("active",t.prefixes.node)}}),u=e.computed(()=>{switch(t.size.value){case"sm":return"2xsm";case"md":case"lg":return"xsm"}}),K=e.computed(()=>{switch(t.size.value){case"sm":return"2xsm";default:return"xsm"}}),p=n=>t.getNodeField(n,"children"),f=n=>t.getNodeField(n,"key"),S=e.computed(()=>p(r.item)),w=e.computed(()=>t.getNodeField(r.item,"leaf")),k=e.computed(()=>t.draggable.value?t.getNodeField(r.item,"draggable")??!0:!1),b=e.computed(()=>f(r.item)),x=e.computed(()=>!!(t.disabled.value||t.getNodeField(r.item,"disabled"))),I=e.computed(()=>{var n;return!!((n=S.value)!=null&&n.some(o=>t.expandedKeys.value.includes(f(o))))}),m=e.inject("tree-node-context",{hovered:e.ref(r.hovered??!1),expanded:e.ref(!1),childExpanded:I}),z=e.computed(()=>!(r.item.dragging??!1)&&t.expandedKeys.value.includes(b.value)),N=e.ref(!1),L=n=>{N.value=n};e.watch(N,n=>{t.showLine.value&&m.hovered&&(m.hovered.value=n)}),e.provide("tree-node-context",{expanded:z,childExpanded:I,hovered:N});const j=e.computed(()=>{var n,o,l;if(t.dragging.value)return!1;if(t.showLine.value){if(r.hovered||(n=m.hovered)!=null&&n.value||N.value)return"all";if(z.value&&!I.value)return"self";if((o=m.expanded)!=null&&o.value&&!((l=m.childExpanded)!=null&&l.value))return"last"}}),F=()=>{x.value||t.onSelect(r.item)},P=e.computed(()=>!!t.model.value.includes(b.value)),T=e.computed(()=>{const n=(c=r.item)=>{const d=p(c);return(d==null?void 0:d.length)&&d.every(h=>t.checked.value.includes(f(h)))},o=(c=r.item)=>{const d=p(c);return d!=null&&d.length?!!(d!=null&&d.some(h=>t.checked.value.includes(f(h))||o(h))):!1},l=t.checked.value.includes(b.value);return n()?(l||t.onCheck(r.item),!0):o()?(l&&t.onCheck(r.item),"indeterminate"):!!l}),_=()=>{var l;if(!((l=S.value)!=null&&l.length))return t.onCheck(r.item);const n=(s=r.item)=>{const c=p(s);return c!=null&&c.length?c.reduce((d,h)=>{const V=p(h),q=f(h);return V!=null&&V.length?[...d,q,...n(h)]:[...d,q]},[]):[]},o=n();return t.onCheck(r.item,{keys:[b.value,...o],value:!t.checked.value.includes(b.value)})},G=e.computed(()=>[...r.parentKeys??[],b.value]),Q=()=>{t.onExpandKey(r.item)},H=e.computed(()=>r.item.dragging_level??r.level),A=e.computed(()=>H.value+1),R=e.ref(),$=e.ref();t.useSortable({root:R,instance:$,node:r.item});const Y=e.computed(()=>{switch(t.size.value){case"sm":return"2xsm";case"md":return"xsm";case"lg":return"sm"}}),{rootBindings:W,inputBindings:D}=fe.UseInputDataStates({getDisabled:()=>x.value});return(n,o)=>{var s,c,d;const l=e.resolveComponent("TreeNode",!0);return e.openBlock(),e.createElementBlock("div",e.mergeProps({"data-parents":e.unref(t).draggable.value?n.parentKeys:void 0,"data-key":e.unref(t).draggable.value?b.value:void 0,"data-draggable":e.unref(t).draggable.value?!x.value&&k.value:void 0,class:[(s=S.value)!=null&&s.length?e.unref(t).prefixes.group:"",e.unref(v.getBemElement)(e.unref(t).prefixes.node,"root"),e.unref(t).getNodeField(n.item,"class")]},e.unref(W)),[e.createElementVNode("div",e.mergeProps({tabindex:x.value?void 0:0,class:[e.unref(B)({disabled:x.value,active:P.value})]},e.unref(D),{onMouseenter:o[1]||(o[1]=h=>L(!0)),onMouseleave:o[2]||(o[2]=h=>L(!1)),onClick:F}),[e.unref(t).draggable.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(t).prefixes.draggable)},[!n.item.dragging&&!e.unref(t).dragging.value?(e.openBlock(),e.createBlock(ve._sfc_main,{key:0,icon:"tabler:grip-vertical",size:K.value,class:e.normalizeClass(e.unref(t).prefixes.draggableIcon)},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"dragTrigger",e.normalizeProps(e.guardReactiveProps({...n.item,selected:P.value,checked:T.value,disabled:x.value,unFocusable:!0})))]),_:3},8,["size","class"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createVNode(ge._sfc_main,{level:H.value,children:!!((c=S.value)!=null&&c.length||e.unref(t).lazyLoad.value&&!w.value),size:Y.value,expanded:z.value,showLine:j.value,loading:e.unref(t).getNodeField(n.item,"loading"),"branch-icon":e.unref(t).getNodeField(n.item,"switcherIcon")??e.unref(t).switcherIcon.value,"no-rotate-branch":e.unref(t).getNodeField(n.item,"noRotateSwitcherIcon")??e.unref(t).noRotateSwitcherIcon.value,onToggleExpand:e.withModifiers(Q,["stop"])},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"switcherIcon",e.normalizeProps(e.guardReactiveProps({...n.item,selected:P.value,checked:T.value,expanded:z.value,disabled:x.value,unFocusable:!0})))]),_:3},8,["level","children","size","expanded","showLine","loading","branch-icon","no-rotate-branch"]),!n.item.dragging||!e.unref(t).dragging.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.unref(t).checkbox.value?(e.openBlock(),e.createBlock(pe._sfc_main,{key:0,size:u.value,onClick:o[0]||(o[0]=e.withModifiers(()=>{},["stop"])),checked:T.value,"onUpdate:checked":_,disabled:x.value},null,8,["size","checked","disabled"])):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"title",e.normalizeProps(e.guardReactiveProps({...n.item,selected:P.value,checked:T.value,disabled:x.value,unFocusable:!0})),()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(v.getBemElement)(e.unref(t).prefixes.node,"title"))},e.toDisplayString(e.unref(t).getNodeField(n.item,"title")),3)])],64)):(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(v.getBemElement)(e.unref(t).prefixes.node,"slot"))},null,2))],16,Ee),(d=S.value)!=null&&d.length?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t).prefixes.groupList),ref_key:"root",ref:R,"data-parents":e.unref(t).draggable.value?G.value:void 0,"data-level":e.unref(t).draggable.value?A.value:void 0},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p(n.item),h=>{var V;return e.openBlock(),e.createBlock(l,{key:e.unref(t).getNodeField(h,"key"),parentKeys:G.value,item:h,level:A.value,hovered:r.hovered||N.value||((V=e.unref(m).hovered)==null?void 0:V.value)},e.createSlots({_:2},[e.renderList(Object.keys(a),q=>({name:q,fn:e.withCtx(C=>[e.renderSlot(n.$slots,q,e.mergeProps({ref_for:!0},C))])}))]),1032,["parentKeys","item","level","hovered"])}),128))],10,Ke)),[[e.vShow,z.value]]):e.createCommentVNode("",!0)],16,ze)}}}),Le=e.defineComponent({...oe.getComponentOptions("Tree"),__name:"Tree",props:{class:{},size:{default:"md"},gap:{},data:{},value:{},checkedKeys:{},expandedKeys:{},multiple:{type:Boolean},checkbox:{type:Boolean},defaultExpandAll:{type:Boolean},selectable:{type:Boolean},showLine:{type:Boolean},inlineNode:{type:Boolean},lazyLoad:{type:Boolean},fieldNames:{},groupName:{},switcherIcon:{},noRotateSwitcherIcon:{type:Boolean},draggable:{type:Boolean},disabled:{type:Boolean}},emits:["update:value","update:expandedKeys","update:checkedKeys","expand","select","check","dragStart","dragEnd"],setup(i,{emit:r}){const a=i,t=r,B=e.useSlots(),u=v.getBemBlock("tree"),K=v.getBemElement(u,"node"),p=v.getBemElement(K,"group"),f=v.getBemElement(K,"draggable"),S=v.getBemElement(f,"icon"),w=v.getBemElement(p,"list"),k={node:K,group:p,draggable:f,draggableIcon:S,groupList:w},b=ae.cva(u,{variants:{size:v.generateVariantClassList(le,u),gap:v.generateVariantClassList(te,u),selectable:v.generateVariantClassList("selectable",u),disabled:v.generateVariantClassList("disabled",u),inlineNode:v.generateVariantClassList("inline-node",u),dragging:v.generateVariantClassList("dragging",u)}}),x=e.computed(()=>E.cloneDeep(a.data)),I=e.ref(x.value),m=(n,o)=>{var s;const l=M.get(n,o);return(s=a.fieldNames)!=null&&s[o]?M.get(n,a.fieldNames[o],l):l},z=()=>{if(!a.lazyLoad){const n=[],o=l=>{for(const s of l){const c=m(s,"children");c!=null&&c.length&&(n.push(m(s,"key")),o(c))}};return o(I.value),n}return[]},N=e.ref(a.expandedKeys??(a.defaultExpandAll?z():[]));e.watch(()=>[a.defaultExpandAll,a.expandedKeys],([n,o],[l,s])=>{o!==s?N.value=a.expandedKeys??[]:n&&!l&&(N.value=z())});const L=e.computed({get(){return a.expandedKeys?a.expandedKeys:N.value},set(n){a.expandedKeys||(N.value=n),t("update:expandedKeys",n)}});e.watch(x,n=>{I.value=n;const o=z();L.value=L.value.filter(l=>o.includes(l)),R.value++},{deep:!0});const j=e.ref(a.value??[]);e.watch(()=>a.value,()=>{j.value=a.value??[]});const F=e.computed({get(){return a.value?a.value:j.value},set(n){a.value||(j.value=n),t("update:value",n)}}),P=n=>{if(a.selectable&&!a.disabled){let o=E.cloneDeep(F.value);const l=m(n,"key");a.multiple?F.value.includes(l)?o=E.cloneDeep(F.value.filter(s=>s!==l)):o=E.cloneDeep([...F.value,l]):o.includes(l)?o=[]:o=[l],F.value=o,t("select",n,o.includes(l))}},T=e.ref(a.checkedKeys??[]);e.watch(()=>a.checkedKeys,()=>{T.value=a.checkedKeys??[]});const _=e.computed({get(){return a.checkedKeys?a.checkedKeys:T.value},set(n){a.checkedKeys||(T.value=n),t("update:checkedKeys",n)}}),G=(n,o)=>{if(a.checkbox&&!a.disabled){let l=E.cloneDeep(_.value);const s=m(n,"key");o!=null&&o.keys.length?o.value?l=_e([...o.keys,...l]):l=E.cloneDeep(_.value.filter(d=>!o.keys.includes(d))):_.value.includes(s)?l=E.cloneDeep(_.value.filter(d=>d!==s)):l=E.cloneDeep([..._.value,s]),_.value=l;const c=(o==null?void 0:o.value)??_.value.includes(s);t("check",n,c,(o==null?void 0:o.keys)??s)}},Q=n=>{let o=!0;const l=m(n,"key");let s=E.cloneDeep(L.value);s.includes(l)?(s=s.filter(c=>c!==l),o=!1):s=[...s,l],L.value=s,t("expand",n,o)},H=e.computed(()=>{if(a.gap){if(typeof a.gap=="number")return`${a.gap}px`;if(!Object.keys(te).includes(a.gap))return a.gap}}),A=a.groupName??me.usePCId(u),R=e.ref(1),$=e.ref(!1),Y=e.ref(),W=e.ref(),D=n=>{const{root:o,instance:l,node:s}=n,c=C=>{var g;return(g=C.getAttribute("data-parents"))==null?void 0:g.split(",")},d=C=>{const g=(U,ie=I.value)=>{const{parents:X,self:ce}=U;for(let ee of ie){const ne=m(ee,"key").toString();if(ne===ce)return ee;const Z=m(ee,"children");if(X!=null&&X.includes(ne)&&(Z!=null&&Z.length))return g(U,Z)}},y=c(C),O=C.getAttribute("data-key")??"";return g({parents:y,self:O})},h=v.getBemModifier(v.getBemElement(u,"dragging_item"),a.size),V=(C=o.value)=>new de(C,{group:J.isFunction(A)?A(s):A,animation:150,forceFallback:!0,fallbackOnBody:!0,filter:"[data-draggable=false]",handle:`.${k.node} .${k.draggable} .${k.draggableIcon}`,dataIdAttr:"data-key",dragClass:h,onChoose(g){const y=d(g.item);y&&(y.dragging=!0)},onStart(g){var U;const y=document.querySelector(`.${h}`),O=(U=getComputedStyle(o.value))==null?void 0:U.direction;y!=null&&y.style&&(y.style.direction=O),$.value=!0,t("dragStart",g)},onUnchoose(g){const y=d(g.item);y&&(y.dragging=!1)},onEnd(g){$.value=!1,t("dragEnd",{...g,node:d(g.item),oldParents:c(g.item),newParents:c(g.to)})},onMove(g){const y=Number(g.to.getAttribute("data-level")??"1"),O=d(g.dragged);O&&(O.dragging_level=y)}}),q=()=>{var C;(C=l.value)==null||C.destroy(),l.value=void 0};e.onMounted(()=>{e.watch(()=>[o.value,a.draggable,R.value],()=>{l.value?q():o.value&&a.draggable&&(l.value=V())},{immediate:!0})}),e.onBeforeUnmount(()=>{l.value&&q()})};return D({root:Y,instance:W}),se({size:e.computed(()=>a.size),draggable:e.computed(()=>a.draggable),lazyLoad:e.computed(()=>a.lazyLoad),checkbox:e.computed(()=>a.checkbox),showLine:e.computed(()=>a.showLine),disabled:e.computed(()=>a.disabled),switcherIcon:e.computed(()=>a.switcherIcon),noRotateSwitcherIcon:e.computed(()=>a.noRotateSwitcherIcon),expandedKeys:L,model:F,checked:_,onExpandKey:Q,onSelect:P,onCheck:G,getNodeField:m,useSortable:D,dragging:$,prefixes:k}),(n,o)=>(e.openBlock(),e.createElementBlock("div",{key:R.value,class:e.normalizeClass([e.unref(b)({size:a.size,gap:a.gap??a.size,selectable:a.selectable,disabled:a.disabled,inlineNode:a.inlineNode,dragging:$.value}),a.class]),style:e.normalizeStyle({"--ptc-tree-gap":H.value}),ref_key:"root",ref:Y},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(I.value,l=>(e.openBlock(),e.createBlock(Ie,{key:m(l,"key"),item:l},e.createSlots({_:2},[e.renderList(Object.keys(B),s=>({name:s,fn:e.withCtx(c=>[e.renderSlot(n.$slots,s,e.mergeProps({ref_for:!0},c))])}))]),1032,["item"]))),128))],6))}});exports.TreeGaps=te;exports.TreeSizes=le;exports._sfc_main=Le;exports.injectTreeContext=re;exports.provideTreeContext=se;