@pantograph/vue 0.14.0 → 0.14.2

package/dist/{Tree.vue_vue_type_style_index_0_lang-DT7izWYN.js → Tree.vue_vue_type_style_index_0_lang-DKH3b_ev.js}

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

package/dist/index-BfpYQmzU.js

@@ -0,0 +1 @@
+"use strict";const p=require("radix-vue"),d=require("@pantograph/tokens"),r=require("vue"),s=require("./isArray-3RTyNB5p.js"),D=require("@vueuse/core"),b=require("./options-B4iSAKol.js");var T="[object String]";function m(t){return typeof t=="string"||!s.isArray(t)&&s.isObjectLike(t)&&s.baseGetTag(t)==T}const v=t=>{const n=r.computed(()=>{const e=r.unref(t);if(m(e)&&typeof document<"u")return document.querySelector(e);if((e==null?void 0:e.nodeType)===1)return e;if(typeof document<"u")return document.documentElement}),i=r.ref("ltr"),c=()=>{var e;((e=n.value)==null?void 0:e.nodeType)===1&&(i.value=getComputedStyle(n.value).direction)};c();const a=e=>{let o=e;(!e||!["rtl","ltr"].includes(e))&&(o=i.value==="ltr"?"rtl":"ltr"),n.value&&(n.value.dir=o)};return D.useMutationObserver(n,c,{attributes:!0,attributeFilter:["dir","class","style"]}),[i,a]},y=t=>{const n=r.computed(()=>{const e=r.unref(t);if(m(e)&&typeof document<"u")return document.querySelector(e);if((e==null?void 0:e.nodeType)===1)return e;if(typeof document<"u")return document.documentElement}),i=r.ref(!1),c=()=>{var e,o,f;((e=n.value)==null?void 0:e.nodeType)===1&&(i.value=((f=(o=n.value)==null?void 0:o.classList)==null?void 0:f.contains("pantograph-dark"))??!1)};c();const a=e=>{let o=e;[!0,!1].includes(e)||(o=!i.value),n.value&&d.toggleDark(o,n.value)};return D.useMutationObserver(n,c,{attributes:!0,attributeFilter:["class","data-theme"]}),[i,a]},[O,C]=p.createContext("config-provider"),[q,S]=v(),[j,x]=y(),_={dir:q,changeDirection:S,dark:j,flipOnDir:r.computed(()=>"none"),toggleDark:x,changeTheme:d.defineTheme,theme:r.computed(()=>d.getThemeConfig())},k=()=>O(_),w=r.defineComponent({name:`${b.componentPrefix}ConfigProvider`,inheritAttrs:!1,props:{flipOnDir:{type:String,required:!1},locale:{type:[String,Object],required:!1},theme:{type:Object,required:!1},changeAbleDirectionElement:{type:[String,Object],default:"html"},changeAbleDarkElement:{type:[String,Object],default:"html"}},setup(t,{slots:n}){const[i,c]=v(t.changeAbleDirectionElement),[a,e]=y(t.changeAbleDarkElement);r.onMounted(()=>{r.watch(()=>t.theme,()=>{var u,l;if((u=t.theme)!=null&&u.init||(l=t.theme)!=null&&l.element){const{init:E,...h}=t.theme;typeof window<"u"&&!window.pantographThemeDefined?(d.init(h),Promise.resolve().then(()=>require("./index-Dyvby5gX.js")),window.pantographThemeDefined=!0):d.defineTheme(h)}},{immediate:!0})});const o=r.computed(()=>({...d.getThemeConfig(t.theme),dark:a.value})),f=r.computed(()=>t.flipOnDir),g=u=>{var l;return d.defineTheme({element:(l=t.theme)==null?void 0:l.element,...u})};return C({dir:i,theme:o,flipOnDir:f,dark:a,changeDirection:c,changeTheme:g,toggleDark:e}),()=>r.h(p.ConfigProvider,{dir:i.value},{default:()=>{var u;return(u=n.default)==null?void 0:u.call(n,{dir:i.value,theme:o.value,dark:a.value,changeDirection:c,changeTheme:g,toggleDark:e})}})}}),A=()=>{const t=k(),n=r.getCurrentInstance();return{config:t,getFlipOnDir:c=>r.computed(()=>(n==null?void 0:n.props)[c]??t.flipOnDir.value)}};exports.ConfigProvider=w;exports.injectConfigContext=k;exports.isString=m;exports.provideConfigContext=C;exports.useConfig=A;