@pantograph/vue 0.15.0 → 0.15.2

package/dist/Tree.vue_vue_type_style_index_0_lang-C88TjWts.js

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

package/dist/Tree.vue_vue_type_style_index_0_lang-DHQevJVn.js

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