@pantograph/vue 0.22.5 → 0.23.0

package/dist/Textarea/index.js

@@ -1,4 +1,4 @@
-import { _ as s, T as t, a as r, _ as x } from "../Textarea.vue_vue_type_style_index_0_lang-Boeqy4Fg.js";
+import { _ as s, T as t, a as r, _ as x } from "../Textarea.vue_vue_type_style_index_0_lang-D9qOlkQi.js";
 export {
   s as Textarea,
   t as TextareaSizes,

package/dist/Textarea/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Textarea.vue_vue_type_style_index_0_lang-CO_e3cQV.js");exports.Textarea=e._sfc_main;exports.TextareaSizes=e.TextareaSizes;exports.TextareaStatuses=e.TextareaStatuses;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Textarea.vue_vue_type_style_index_0_lang-DSq3XynL.js");exports.Textarea=e._sfc_main;exports.TextareaSizes=e.TextareaSizes;exports.TextareaStatuses=e.TextareaStatuses;exports.default=e._sfc_main;

package/dist/Textarea.vue_vue_type_style_index_0_lang-D9qOlkQi.js

@@ -0,0 +1,164 @@
+import { defineComponent as j, useAttrs as E, computed as g, ref as v, onMounted as N, watch as A, nextTick as F, createBlock as z, openBlock as b, unref as o, withCtx as x, withDirectives as L, createElementVNode as G, mergeProps as J, isRef as K, vModelText as Q, createCommentVNode as W, normalizeClass as X, renderSlot as Y } from "vue";
+import { useVModel as Z, useResizeObserver as ee } from "@vueuse/core";
+import { getBemBlock as te, generateVariantClassList as c, getBemElement as y } from "@pantograph/utils";
+import { cva as ae } from "class-variance-authority";
+import { g as oe } from "./options-D4et5euX.js";
+import { g as se } from "./style-BEhqkSEE.js";
+import { u as re, U as le, c as B } from "./useInputDataStates-DdGDk2Hm.js";
+import { o as H, j as ie, q as ne, f as ue, r as ce, s as de } from "./Icon.vue_vue_type_style_index_0_lang-DwTaEYnw.js";
+import { _ as pe } from "./ScrollContainer.vue_vue_type_style_index_0_lang-CSLCU0p6.js";
+const C = ["sm", "md", "lg"], me = ["error", "warning", "success"], ke = /* @__PURE__ */ j({
+  ...oe("Textarea", !1),
+  __name: "Textarea",
+  props: {
+    id: {},
+    maxlength: {},
+    type: {},
+    placeholder: {},
+    disabled: { type: Boolean, default: void 0 },
+    required: { type: Boolean },
+    modelValue: {},
+    defaultValue: {},
+    clearIcon: { default: "tabler:circle-x" },
+    clearIconCls: {},
+    class: {},
+    textareaCls: {},
+    allowClear: { type: Boolean },
+    bordered: { type: Boolean, default: !0 },
+    autoSize: { type: Boolean },
+    size: {},
+    status: {},
+    rootProps: {},
+    defaultHeight: {},
+    maxHeight: {}
+  },
+  emits: ["update:modelValue", "clear", "input", "blur", "focus"],
+  setup(V, { expose: k, emit: _ }) {
+    const t = V, u = _, l = Z(
+      t,
+      "modelValue",
+      u,
+      {
+        defaultValue: t.defaultValue,
+        passive: t.modelValue === void 0
+      }
+    ), i = te("textarea"), I = ae(i, {
+      variants: {
+        size: c(C, i),
+        status: c(me, i),
+        bordered: c("bordered", i),
+        autoSize: c("auto-size", i)
+      }
+    }), T = E(), { getDisabled: d, getStatus: h, getSize: p } = re({
+      getSize: () => t.size && C.includes(t.size) ? t.size : "md"
+    }), { rootBindings: $, inputBindings: w } = le({
+      getDisabled: () => d.value,
+      emit: u,
+      blurCallBack: (e) => {
+        const a = e.target;
+        a != null && a.value && (a.value = String(ce(l.value)));
+      }
+    }), D = g(() => {
+      const e = {
+        ...ie(t, "id", "maxlength", "type", "required", "placeholder"),
+        disabled: d.value,
+        ...H(T, "value"),
+        ...w.value
+      };
+      return { ...ne(e, de) };
+    }), P = g(() => p.value === "sm" ? "2xsm" : "xsm"), s = v(), m = v(), S = v(), f = () => {
+      s.value && (s.value.style.height = "auto", s.value.style.height = l.value || t.autoSize ? `${B(s.value.scrollHeight)}px` : "100%", t.autoSize && (S.value = `${B(s.value.scrollHeight) + 2}px`));
+    };
+    N(() => {
+      var e;
+      (e = m.value) != null && e.root && ee(m.value.root, f);
+    }), A(
+      () => [p.value, t.autoSize, l.value],
+      () => F(f),
+      { immediate: !0 }
+    );
+    const R = (e) => {
+      f(), u("input", e);
+    }, M = () => {
+      l.value = "", u("clear");
+    }, U = () => typeof t.defaultHeight == "number" ? `${t.defaultHeight}px` : t.defaultHeight, q = () => typeof t.maxHeight == "number" ? `${t.maxHeight}px` : t.maxHeight, O = g(() => {
+      var r;
+      const e = {
+        ...se((r = t.rootProps) == null ? void 0 : r.style),
+        "--ptc-scroll-container-bar-size": "11px",
+        "--ptc-scroll-container-bar-padding": "4px"
+      }, a = U(), n = q();
+      return a && (e["--ptc-textarea-h"] = a), n && (e["--ptc-textarea-max-h"] = n), t.autoSize && (e.height = S.value), {
+        ...H(t.rootProps ?? {}, "class", "style"),
+        ...$.value,
+        style: e
+      };
+    });
+    return k({ textarea: s, focus: (e) => {
+      var a;
+      return (a = s.value) == null ? void 0 : a.focus(e);
+    }, blur: () => {
+      var e;
+      return (e = s.value) == null ? void 0 : e.blur();
+    }, select: () => {
+      var e;
+      return (e = s.value) == null ? void 0 : e.select();
+    }, setSelectionRange: (e, a, n) => {
+      var r;
+      return (r = s.value) == null ? void 0 : r.setSelectionRange(e, a, n);
+    } }), (e, a) => {
+      var n;
+      return b(), z(pe, {
+        ref_key: "container",
+        ref: m,
+        "root-props": {
+          class: [
+            o(I)({
+              size: o(p),
+              status: o(h) === "success" && !o(l) ? void 0 : o(h),
+              bordered: String(e.bordered),
+              autoSize: String(e.autoSize)
+            }),
+            t.class,
+            (n = t.rootProps) == null ? void 0 : n.class
+          ],
+          ...O.value
+        }
+      }, {
+        root: x(() => {
+          var r;
+          return [
+            !o(d) && e.allowClear && ((r = o(l)) != null && r.length) ? (b(), z(ue, {
+              key: 0,
+              icon: e.clearIcon,
+              size: P.value,
+              onClick: M,
+              class: X([o(y)(o(i), "clear_icon"), e.clearIconCls])
+            }, {
+              default: x(() => [
+                Y(e.$slots, "clearIcon")
+              ]),
+              _: 3
+            }, 8, ["icon", "size", "class"])) : W("", !0)
+          ];
+        }),
+        default: x(() => [
+          L(G("textarea", J({
+            ref_key: "textarea",
+            ref: s,
+            "onUpdate:modelValue": a[0] || (a[0] = (r) => K(l) ? l.value = r : null),
+            class: [o(y)(o(i), "textarea"), e.textareaCls, "paragraph"]
+          }, D.value, { onInput: R }), null, 16), [
+            [Q, o(l)]
+          ])
+        ]),
+        _: 3
+      }, 8, ["root-props"]);
+    };
+  }
+});
+export {
+  C as T,
+  ke as _,
+  me as a
+};

package/dist/Textarea.vue_vue_type_style_index_0_lang-DSq3XynL.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),y=require("@vueuse/core"),u=require("@pantograph/utils"),R=require("class-variance-authority"),L=require("./options-CWrQ7gsa.js"),M=require("./style-CYb6EX2Q.js"),p=require("./useInputDataStates-D6nrxMSF.js"),c=require("./Icon.vue_vue_type_style_index_0_lang-BjAp2TPg.js"),E=require("./ScrollContainer.vue_vue_type_style_index_0_lang-BgwgYelV.js"),x=["sm","md","lg"],z=["error","warning","success"],O=e.defineComponent({...L.getComponentOptions("Textarea",!1),__name:"Textarea",props:{id:{},maxlength:{},type:{},placeholder:{},disabled:{type:Boolean,default:void 0},required:{type:Boolean},modelValue:{},defaultValue:{},clearIcon:{default:"tabler:circle-x"},clearIconCls:{},class:{},textareaCls:{},allowClear:{type:Boolean},bordered:{type:Boolean,default:!0},autoSize:{type:Boolean},size:{},status:{},rootProps:{},defaultHeight:{},maxHeight:{}},emits:["update:modelValue","clear","input","blur","focus"],setup(b,{expose:C,emit:B}){const a=b,d=B,l=y.useVModel(a,"modelValue",d,{defaultValue:a.defaultValue,passive:a.modelValue===void 0}),n=u.getBemBlock("textarea"),H=R.cva(n,{variants:{size:u.generateVariantClassList(x,n),status:u.generateVariantClassList(z,n),bordered:u.generateVariantClassList("bordered",n),autoSize:u.generateVariantClassList("auto-size",n)}}),V=e.useAttrs(),{getDisabled:f,getStatus:h,getSize:g}=p.useFormInput({getSize:()=>a.size&&x.includes(a.size)?a.size:"md"}),{rootBindings:_,inputBindings:k}=p.UseInputDataStates({getDisabled:()=>f.value,emit:d,blurCallBack:t=>{const s=t.target;s!=null&&s.value&&(s.value=String(c.cloneDeep(l.value)))}}),q=e.computed(()=>{const t={...c.pick(a,"id","maxlength","type","required","placeholder"),disabled:f.value,...c.omit(V,"value"),...k.value};return{...c.omitBy(t,c.isUndefined)}}),I=e.computed(()=>g.value==="sm"?"2xsm":"xsm"),r=e.ref(),m=e.ref(),S=e.ref(),v=()=>{r.value&&(r.value.style.height="auto",r.value.style.height=l.value||a.autoSize?`${p.clone(r.value.scrollHeight)}px`:"100%",a.autoSize&&(S.value=`${p.clone(r.value.scrollHeight)+2}px`))};e.onMounted(()=>{var t;(t=m.value)!=null&&t.root&&y.useResizeObserver(m.value.root,v)}),e.watch(()=>[g.value,a.autoSize,l.value],()=>e.nextTick(v),{immediate:!0});const w=t=>{v(),d("input",t)},T=()=>{l.value="",d("clear")},D=()=>typeof a.defaultHeight=="number"?`${a.defaultHeight}px`:a.defaultHeight,$=()=>typeof a.maxHeight=="number"?`${a.maxHeight}px`:a.maxHeight,P=e.computed(()=>{var o;const t={...M.getStyleObject((o=a.rootProps)==null?void 0:o.style),"--ptc-scroll-container-bar-size":"11px","--ptc-scroll-container-bar-padding":"4px"},s=D(),i=$();return s&&(t["--ptc-textarea-h"]=s),i&&(t["--ptc-textarea-max-h"]=i),a.autoSize&&(t.height=S.value),{...c.omit(a.rootProps??{},"class","style"),..._.value,style:t}});return C({textarea:r,focus:t=>{var s;return(s=r.value)==null?void 0:s.focus(t)},blur:()=>{var t;return(t=r.value)==null?void 0:t.blur()},select:()=>{var t;return(t=r.value)==null?void 0:t.select()},setSelectionRange:(t,s,i)=>{var o;return(o=r.value)==null?void 0:o.setSelectionRange(t,s,i)}}),(t,s)=>{var i;return e.openBlock(),e.createBlock(E._sfc_main,{ref_key:"container",ref:m,"root-props":{class:[e.unref(H)({size:e.unref(g),status:e.unref(h)==="success"&&!e.unref(l)?void 0:e.unref(h),bordered:String(t.bordered),autoSize:String(t.autoSize)}),a.class,(i=a.rootProps)==null?void 0:i.class],...P.value}},{root:e.withCtx(()=>{var o;return[!e.unref(f)&&t.allowClear&&((o=e.unref(l))!=null&&o.length)?(e.openBlock(),e.createBlock(c._sfc_main$3,{key:0,icon:t.clearIcon,size:I.value,onClick:T,class:e.normalizeClass([e.unref(u.getBemElement)(e.unref(n),"clear_icon"),t.clearIconCls])},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"clearIcon")]),_:3},8,["icon","size","class"])):e.createCommentVNode("",!0)]}),default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("textarea",e.mergeProps({ref_key:"textarea",ref:r,"onUpdate:modelValue":s[0]||(s[0]=o=>e.isRef(l)?l.value=o:null),class:[e.unref(u.getBemElement)(e.unref(n),"textarea"),t.textareaCls,"paragraph"]},q.value,{onInput:w}),null,16),[[e.vModelText,e.unref(l)]])]),_:3},8,["root-props"])}}});exports.TextareaSizes=x;exports.TextareaStatuses=z;exports._sfc_main=O;

package/dist/Tree/index.js

@@ -1,4 +1,4 @@
-import { _ as r, a as s, T as t, _ as T, i as o, p as i } from "../Tree.vue_vue_type_style_index_0_lang-Dv5zm7Sb.js";
+import { _ as r, a as s, T as t, _ as T, i as o, p as i } from "../Tree.vue_vue_type_style_index_0_lang-DWj8WAj6.js";
 export {
   r as Tree,
   s as TreeGaps,

package/dist/Tree/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Tree.vue_vue_type_style_index_0_lang-B4vwt46r.js");exports.Tree=e._sfc_main;exports.TreeGaps=e.TreeGaps;exports.TreeSizes=e.TreeSizes;exports.default=e._sfc_main;exports.injectTreeContext=e.injectTreeContext;exports.provideTreeContext=e.provideTreeContext;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Tree.vue_vue_type_style_index_0_lang-CojL7dhn.js");exports.Tree=e._sfc_main;exports.TreeGaps=e.TreeGaps;exports.TreeSizes=e.TreeSizes;exports.default=e._sfc_main;exports.injectTreeContext=e.injectTreeContext;exports.provideTreeContext=e.provideTreeContext;

package/dist/{Tree.vue_vue_type_style_index_0_lang-B4vwt46r.js → Tree.vue_vue_type_style_index_0_lang-CojL7dhn.js}

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

package/dist/{Tree.vue_vue_type_style_index_0_lang-Dv5zm7Sb.js → Tree.vue_vue_type_style_index_0_lang-DWj8WAj6.js}

@@ -1,14 +1,14 @@
 import { defineComponent as we, useSlots as ze, computed as u, ref as B, useTemplateRef as Ve, resolveComponent as $e, createElementBlock as E, openBlock as f, mergeProps as oe, unref as n, createCommentVNode as X, createVNode as xe, withDirectives as Te, normalizeClass as R, withKeys as Ke, withCtx as H, createBlock as D, renderSlot as Z, normalizeProps as fe, guardReactiveProps as ye, withModifiers as Se, Fragment as he, createElementVNode as Le, toDisplayString as Pe, renderList as ae, createSlots as Fe, vShow as Re, watch as Y, normalizeStyle as Ae, onMounted as Ue, onBeforeUnmount as je } from "vue";
 import { generateVariantClassList as _, getBemElement as x, getBemModifier as ke, getBemBlock as Ge, usePCId as Me } from "@pantograph/utils";
 import { cva as Ie } from "class-variance-authority";
-import { f as Oe, r as I, u as qe, v as Ce, w as He } from "./Icon.vue_vue_type_style_index_0_lang-m8dwDy4r.js";
-import { u as Ne } from "./uniq-Dci8Hrey.js";
+import { f as Oe, r as I, u as qe, v as Ce, w as He } from "./Icon.vue_vue_type_style_index_0_lang-DwTaEYnw.js";
+import { u as Ne } from "./uniq-D7FwKSyV.js";
 import "sortablejs";
-import { g as Ee } from "./options-JBqnVZUl.js";
+import { g as Ee } from "./options-D4et5euX.js";
 import { createContext as Je, RovingFocusItem as Qe, RovingFocusGroup as We } from "reka-ui";
-import { _ as Xe } from "./IndentLevel.vue_vue_type_style_index_0_lang-BnU3U7f0.js";
-import { _ as Ye } from "./Checkbox.vue_vue_type_style_index_0_lang-cKjwhSu-.js";
-import { U as Ze, u as De } from "./useInputDataStates-6_JS7YSj.js";
+import { _ as Xe } from "./IndentLevel.vue_vue_type_style_index_0_lang-DbECAb3_.js";
+import { _ as Ye } from "./Checkbox.vue_vue_type_style_index_0_lang-D8rc8anP.js";
+import { U as Ze, u as De } from "./useInputDataStates-DdGDk2Hm.js";
 import { useElementSize as et } from "@vueuse/core";
 const tt = ["sm", "md", "lg"], Be = { none: "gap-none", sm: "gap-sm", md: "gap-md", lg: "gap-lg" }, [st, nt] = Je("CheckboxGroup"), lt = ["data-parents", "data-key", "data-draggable"], ot = ["data-parents", "data-level"], at = /* @__PURE__ */ we({
   ...Ee("TreeNode"),

package/dist/element-BfQuKSll.js

@@ -0,0 +1,47 @@
+import { Fragment as a, isVNode as u, Comment as o, Text as p } from "vue";
+function A(r) {
+  const t = (e) => e.type === o || e.type === p && typeof e.children == "string" && !e.children.trim() ? !0 : e.type === a && Array.isArray(e.children) ? e.children.every(t) : !1;
+  return r ? Array.isArray(r) ? r.every(t) : t(r) : !0;
+}
+function l(r) {
+  return !!r && Array.isArray(r) && (r == null ? void 0 : r.length) === 1 && (r == null ? void 0 : r[0].type) === a;
+}
+function g(r = []) {
+  const t = [];
+  return Array.isArray(r) && (r == null || r.forEach((e) => {
+    Array.isArray(e) ? t.push(...e) : (e == null ? void 0 : e.type) === a && Array.isArray(e.children) ? t.push(...g(e.children)) : e && t.push(e);
+  })), t.filter((e) => !A(e));
+}
+function V(r) {
+  const t = Array.isArray(r) && r.length === 1 ? r[0] : r;
+  return !!t && t.__v_isVNode && typeof t.type != "symbol";
+}
+const k = (r) => r != null && r !== "", F = Symbol("skipFlatten"), f = (r = [], t = !0) => {
+  const e = Array.isArray(r) ? r : [r], y = [];
+  return e.forEach((s) => {
+    Array.isArray(s) ? y.push(...f(s, t)) : s && s.type === a ? s.key === F ? y.push(s) : y.push(...f(s.children, t)) : s && u(s) ? t && !A(s) ? y.push(s) : t || y.push(s) : k(s) && y.push(s);
+  }), y;
+};
+function _(r, t, e) {
+  const y = [], s = (i) => {
+    if (!i) return;
+    const m = Array.isArray(i) ? i : [i];
+    for (const n of m)
+      if (u(n) && !(n.type === o || n.type === p)) {
+        if (n.type === a && Array.isArray(n.children)) {
+          s(n.children);
+          continue;
+        }
+        typeof n.type == "object" && n.type === t && y.push(n), Array.isArray(n.children) && s(n.children);
+      }
+  };
+  return s(r), y;
+}
+export {
+  V as a,
+  A as b,
+  f as c,
+  _ as d,
+  g as f,
+  l as i
+};

package/dist/element-BjE0SVc4.js

@@ -0,0 +1 @@
+"use strict";const y=require("vue");function u(r){const t=e=>e.type===y.Comment||e.type===y.Text&&typeof e.children=="string"&&!e.children.trim()?!0:e.type===y.Fragment&&Array.isArray(e.children)?e.children.every(t):!1;return r?Array.isArray(r)?r.every(t):t(r):!0}function A(r){return!!r&&Array.isArray(r)&&(r==null?void 0:r.length)===1&&(r==null?void 0:r[0].type)===y.Fragment}function o(r=[]){const t=[];return Array.isArray(r)&&(r==null||r.forEach(e=>{Array.isArray(e)?t.push(...e):(e==null?void 0:e.type)===y.Fragment&&Array.isArray(e.children)?t.push(...o(e.children)):e&&t.push(e)})),t.filter(e=>!u(e))}function m(r){const t=Array.isArray(r)&&r.length===1?r[0]:r;return!!t&&t.__v_isVNode&&typeof t.type!="symbol"}const l=r=>r!=null&&r!=="",g=Symbol("skipFlatten"),f=(r=[],t=!0)=>{const e=Array.isArray(r)?r:[r],i=[];return e.forEach(n=>{Array.isArray(n)?i.push(...f(n,t)):n&&n.type===y.Fragment?n.key===g?i.push(n):i.push(...f(n.children,t)):n&&y.isVNode(n)?t&&!u(n)?i.push(n):t||i.push(n):l(n)&&i.push(n)}),i};function F(r,t,e){const i=[],n=a=>{if(!a)return;const p=Array.isArray(a)?a:[a];for(const s of p)if(y.isVNode(s)&&!(s.type===y.Comment||s.type===y.Text)){if(s.type===y.Fragment&&Array.isArray(s.children)){n(s.children);continue}typeof s.type=="object"&&s.type===t&&i.push(s),Array.isArray(s.children)&&n(s.children)}};return n(r),i}exports.filterEmpty=o;exports.flattenChildren=f;exports.flattenChildrenByType=F;exports.isEmptyElement=u;exports.isFragment=A;exports.isValidElement=m;

package/dist/index.d.ts

@@ -41,6 +41,7 @@ export * from './MenuItem';
 export * from './Popover';
 export * from './RadioGroup';
 export * from './ScrollContainer';
+export * from './Select';
 export * from './Shortcut';
 export * from './Skeleton';
 export * from './Spinner';