@pantograph/vue 0.22.2 → 0.22.3

package/dist/Tree/Tree.d.ts

@@ -9,87 +9,7 @@ export interface DragEndData extends SortableEvent {
 declare function __VLS_template(): {
     slots: Readonly<TreeNodeSlots> & TreeNodeSlots;
     refs: {
-        root: ({
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly orientation?: ("horizontal" | "vertical") | undefined;
-                readonly dir?: ("ltr" | "rtl") | undefined;
-                readonly loop?: boolean | undefined;
-                readonly currentTabStopId?: (string | null) | undefined;
-                readonly defaultCurrentTabStopId?: string | undefined;
-                readonly preventScrollOnEntryFocus?: boolean | undefined;
-                readonly asChild?: boolean | undefined;
-                readonly as?: (import('reka-ui', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
-                readonly onEntryFocus?: ((event: Event) => any) | undefined;
-                readonly "onUpdate:currentTabStopId"?: ((value: string | null | undefined) => any) | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import('vue').Slot<any> | undefined;
-            }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: ((event: "entryFocus", event: Event) => void) & ((event: "update:currentTabStopId", value: string | null | undefined) => void);
-            $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).RovingFocusGroupProps> & Readonly<{
-                onEntryFocus?: ((event: Event) => any) | undefined;
-                "onUpdate:currentTabStopId"?: ((value: string | null | undefined) => any) | undefined;
-            }>, {
-                getItems: (includeDisabledItem?: boolean) => {
-                    ref: HTMLElement;
-                    value?: any;
-                }[];
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                entryFocus: (event: Event) => any;
-                "update:currentTabStopId": (value: string | null | undefined) => any;
-            }, string, {
-                loop: boolean;
-                orientation: "horizontal" | "vertical";
-                preventScrollOnEntryFocus: boolean;
-            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import('vue').nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-        } & Readonly<{
-            loop: boolean;
-            orientation: "horizontal" | "vertical";
-            preventScrollOnEntryFocus: boolean;
-        }> & Omit<Readonly<import('reka-ui', { with: { "resolution-mode": "import" } }).RovingFocusGroupProps> & Readonly<{
-            onEntryFocus?: ((event: Event) => any) | undefined;
-            "onUpdate:currentTabStopId"?: ((value: string | null | undefined) => any) | undefined;
-        }>, "orientation" | "loop" | "preventScrollOnEntryFocus" | "getItems"> & import('vue').ShallowUnwrapRef<{
-            getItems: (includeDisabledItem?: boolean) => {
-                ref: HTMLElement;
-                value?: any;
-            }[];
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: {
-                default?(_: {}): any;
-            };
-        }) | null;
+        root: HTMLDivElement;
     };
     attrs: Partial<{}>;
 };

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-D7imww9l.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-COrY0mQd.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-ByBo2udS.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-BqX0Aqyd.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-ByBo2udS.js → Tree.vue_vue_type_style_index_0_lang-BqX0Aqyd.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-Do8KQE1V.js"),ae=require("./uniq-CA4ywQVg.js");require("sortablejs");const ce=require("./options-B4iSAKol.js"),le=require("reka-ui"),Be=require("./IndentLevel.vue_vue_type_style_index_0_lang-r9SvcOGx.js"),xe=require("./Checkbox.vue_vue_type_style_index_0_lang-BZjX7REC.js"),ue=require("./useInputDataStates-vfwvLP5c.js"),Se=require("@vueuse/core"),de=["sm","md","lg"],oe={none:"gap-none",sm:"gap-sm",md:"gap-md",lg:"gap-lg"},[ge,pe]=le.createContext("CheckboxGroup"),Ke=["data-parents","data-key","data-draggable"],Ne=["data-parents","data-level"],we=e.defineComponent({...ce.getComponentOptions("TreeNode"),__name:"TreeNode",props:{item:{},level:{default:1},parentKeys:{}},setup(f){const u=f,n=e.useSlots(),t=ge(),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"}}),w=a=>t.getNodeField(a,"children"),V=a=>t.getNodeField(a,"key"),_=e.computed(()=>w(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=w(s);return(r==null?void 0:r.length)&&r.every(g=>t.checked.value.includes(V(g)))},o=(s=u.item)=>{const r=w(s);return r!=null&&r.length?!!(r!=null&&r.some(g=>t.checked.value.includes(V(g))||o(g))):!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=w(c);return s!=null&&s.length?s.reduce((r,g)=>{const E=w(g),I=V(g);return E!=null&&E.length?[...r,I,...a(g)]:[...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,g,E,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:[(g=_.value)!=null&&g.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")]:(E=e.unref(t).props)==null?void 0:E.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,p,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")??((p=e.unref(t).props)==null?void 0:p.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(w(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),p=>({name:p,fn:e.withCtx(m=>[e.renderSlot(a.$slots,p,e.mergeProps({ref_for:!0},m))])}))]),1032,["parentKeys","item","level"]))),128))],10,Ne)),[[e.vShow,v.value]]):e.createCommentVNode("",!0)],16,Ke)}}}),Ee=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"),w=d.getBemElement(U,"group"),V=d.getBemElement(U,"draggable"),_=d.getBemElement(V,"icon"),W=d.getBemElement(w,"list"),q={node:U,group:w,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(g=>g!==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(g=>!l.keys.includes(g))):b.value.includes(s)?c=y.cloneDeep(b.value.filter(g=>g!==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(g=>g!==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(",")},g=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),p=h.getAttribute("data-key")??"";return K({parents:i,self:p})},E=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:E,onChoose(i){const p=g(i==null?void 0:i.item);p&&(p.dragging=!0),t("choose",i)},onStart(i){var p;if(typeof document<"u"){const m=document.querySelector(`.${E}`),z=(p=getComputedStyle(l.value))==null?void 0:p.direction;m!=null&&m.style&&(m.style.direction=z)}T.value=!0,t("dragStart",i)},onUnchoose(i){const p=g(i==null?void 0:i.item);p&&(p.dragging=!1),t("unchoose",i)},onEnd(i){T.value=!1,t("dragEnd",{...i,node:g(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 p=Number(((z=i==null?void 0:i.to)==null?void 0:z.getAttribute("data-level"))??"1"),m=g(i==null?void 0:i.dragged);m&&(m.dragging_level=p),t("move",i)}})}},{immediate:!0})}),e.onBeforeUnmount(()=>{c.value&&I()})};H({root:D,instance:ee});const{getDir:te}=y.useConfig(),a=te();return pe({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),{role:"tree",orientation:"vertical",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]),dir:e.unref(a),style:e.normalizeStyle({"--ptc-tree-gap":Z.value}),ref_key:"root",ref:D},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList($.value,c=>(e.openBlock(),e.createBlock(we,{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))]),_:3},8,["class","dir","style"]))}});exports.TreeGaps=oe;exports.TreeSizes=de;exports._sfc_main=Ee;exports.injectTreeContext=ge;exports.provideTreeContext=pe;
+"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-Do8KQE1V.js"),ae=require("./uniq-CA4ywQVg.js");require("sortablejs");const ce=require("./options-B4iSAKol.js"),le=require("reka-ui"),be=require("./IndentLevel.vue_vue_type_style_index_0_lang-r9SvcOGx.js"),xe=require("./Checkbox.vue_vue_type_style_index_0_lang-BZjX7REC.js"),ue=require("./useInputDataStates-vfwvLP5c.js"),Se=require("@vueuse/core"),de=["sm","md","lg"],oe={none:"gap-none",sm:"gap-sm",md:"gap-md",lg:"gap-lg"},[ge,pe]=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=ge(),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(g=>t.checked.value.includes(V(g)))},o=(s=u.item)=>{const r=E(s);return r!=null&&r.length?!!(r!=null&&r.some(g=>t.checked.value.includes(V(g))||o(g))):!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,g)=>{const w=E(g),I=V(g);return w!=null&&w.length?[...r,I,...a(g)]:[...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,g,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:[(g=_.value)!=null&&g.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,p,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")??((p=e.unref(t).props)==null?void 0:p.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),p=>({name:p,fn:e.withCtx(m=>[e.renderSlot(a.$slots,p,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(g=>g!==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(g=>!l.keys.includes(g))):B.value.includes(s)?c=y.cloneDeep(B.value.filter(g=>g!==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(g=>g!==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(",")},g=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),p=h.getAttribute("data-key")??"";return K({parents:i,self:p})},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){console.log("root.value ===>",l.value);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 p=g(i==null?void 0:i.item);p&&(p.dragging=!0),t("choose",i)},onStart(i){var p;if(typeof document<"u"){const m=document.querySelector(`.${w}`),z=(p=getComputedStyle(l.value))==null?void 0:p.direction;m!=null&&m.style&&(m.style.direction=z)}T.value=!0,t("dragStart",i)},onUnchoose(i){const p=g(i==null?void 0:i.item);p&&(p.dragging=!1),t("unchoose",i)},onEnd(i){T.value=!1,t("dragEnd",{...i,node:g(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 p=Number(((z=i==null?void 0:i.to)==null?void 0:z.getAttribute("data-level"))??"1"),m=g(i==null?void 0:i.dragged);m&&(m.dragging_level=p),t("move",i)}})}},{immediate:!0})}),e.onBeforeUnmount(()=>{c.value&&I()})};H({root:D,instance:ee});const{getDir:te}=y.useConfig(),a=te();return pe({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=ge;exports.provideTreeContext=pe;

package/dist/{Tree.vue_vue_type_style_index_0_lang-D7imww9l.js → Tree.vue_vue_type_style_index_0_lang-COrY0mQd.js}

@@ -1,5 +1,5 @@
-import { defineComponent as we, useSlots as ze, computed as u, ref as B, useTemplateRef as Ve, resolveComponent as $e, createElementBlock as P, openBlock as y, 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 E, getBemElement as x, getBemModifier as ke, getBemBlock as Ge, usePCId as Me } from "@pantograph/utils";
+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-D04quTC9.js";
 import { u as Ne } from "./uniq-BuFuBSfx.js";
@@ -21,9 +21,9 @@ const tt = ["sm", "md", "lg"], Be = { none: "gap-none", sm: "gap-sm", md: "gap-m
   setup(re) {
     const g = re, t = ze(), e = st(), ie = Ie(e.prefixes.node, {
       variants: {
-        disabled: E("disabled", e.prefixes.node),
-        active: E("active", e.prefixes.node),
-        hasChildren: E("has-children", e.prefixes.node)
+        disabled: _("disabled", e.prefixes.node),
+        active: _("active", e.prefixes.node),
+        hasChildren: _("has-children", e.prefixes.node)
       }
     }), h = u(() => {
       switch (e.size.value) {
@@ -40,42 +40,42 @@ const tt = ["sm", "md", "lg"], Be = { none: "gap-none", sm: "gap-sm", md: "gap-m
         default:
           return "xsm";
       }
-    }), w = (r) => e.getNodeField(r, "children"), _ = (r) => e.getNodeField(r, "key"), V = u(() => w(g.item)), de = u(() => e.getNodeField(g.item, "leaf")), j = u(() => {
+    }), w = (r) => e.getNodeField(r, "children"), V = (r) => e.getNodeField(r, "key"), $ = u(() => w(g.item)), de = u(() => e.getNodeField(g.item, "leaf")), j = u(() => {
       var r;
       return (r = e.props) != null && r.draggable ? e.getNodeField(g.item, "draggable") ?? !0 : !1;
-    }), K = u(() => _(g.item)), k = u(
+    }), K = u(() => V(g.item)), k = u(
       () => !!(e.disabled.value || e.getNodeField(g.item, "disabled"))
     ), G = u(
       () => {
         var r;
-        return !!((r = V.value) != null && r.some((s) => e.expandedKeys.value.includes(_(s))));
+        return !!((r = $.value) != null && r.some((s) => e.expandedKeys.value.includes(V(s))));
       }
     ), m = u(
       () => !(g.item.dragging ?? !1) && e.expandedKeys.value.includes(K.value)
     ), Q = u(() => {
       var r, s;
-      return !!(!e.dragging.value && ((r = e.props) != null && r.showLine) && m.value && ((s = V.value) != null && s.length));
+      return !!(!e.dragging.value && ((r = e.props) != null && r.showLine) && m.value && ((s = $.value) != null && s.length));
     }), M = () => {
       k.value || e.onSelect(g.item);
-    }, S = u(() => !!e.model.value.includes(K.value)), $ = u(() => {
+    }, S = u(() => !!e.model.value.includes(K.value)), T = u(() => {
       const r = (a = g.item) => {
         const o = w(a);
-        return (o == null ? void 0 : o.length) && o.every((c) => e.checked.value.includes(_(c)));
+        return (o == null ? void 0 : o.length) && o.every((c) => e.checked.value.includes(V(c)));
       }, s = (a = g.item) => {
         const o = w(a);
         return o != null && o.length ? !!(o != null && o.some(
-          (c) => e.checked.value.includes(_(c)) || s(c)
+          (c) => e.checked.value.includes(V(c)) || s(c)
         )) : !1;
       }, l = e.checked.value.includes(K.value);
       return r() ? (l || e.onCheck(g.item), !0) : s() ? (l && e.onCheck(g.item), "indeterminate") : !!l;
-    }), T = () => {
+    }), L = () => {
       var l;
-      if (!((l = V.value) != null && l.length)) return e.onCheck(g.item);
+      if (!((l = $.value) != null && l.length)) return e.onCheck(g.item);
       const r = (d = g.item) => {
         const a = w(d);
         return a != null && a.length ? a.reduce((o, c) => {
-          const z = w(c), L = _(c);
-          return z != null && z.length ? [...o, L, ...r(c)] : [...o, L];
+          const z = w(c), P = V(c);
+          return z != null && z.length ? [...o, P, ...r(c)] : [...o, P];
         }, []) : [];
       }, s = r();
       return e.onCheck(g.item, {
@@ -104,7 +104,7 @@ const tt = ["sm", "md", "lg"], Be = { none: "gap-none", sm: "gap-sm", md: "gap-m
     }), q = u(
       () => {
         var r, s;
-        return !!((r = V.value) != null && r.length || (s = e.props) != null && s.lazyLoad && !de.value);
+        return !!((r = $.value) != null && r.length || (s = e.props) != null && s.lazyLoad && !de.value);
       }
     ), U = Ve("indent"), { width: te, height: pe } = et(U), se = () => {
       e.dir.value === "ltr" ? C(!1) : C(!0);
@@ -112,14 +112,14 @@ const tt = ["sm", "md", "lg"], Be = { none: "gap-none", sm: "gap-sm", md: "gap-m
       e.dir.value === "rtl" ? C(!1) : C(!0);
     };
     return (r, s) => {
-      var d, a, o, c, z, L, f, N;
+      var d, a, o, c, z, P, y, N;
       const l = $e("TreeNode", !0);
-      return y(), P("div", oe({
+      return f(), E("div", oe({
         "data-parents": (d = n(e).props) != null && d.draggable ? r.parentKeys : void 0,
         "data-key": (a = n(e).props) != null && a.draggable ? K.value : void 0,
         "data-draggable": (o = n(e).props) != null && o.draggable ? !k.value && j.value : void 0,
         class: [
-          (c = V.value) != null && c.length ? n(e).prefixes.group : "",
+          (c = $.value) != null && c.length ? n(e).prefixes.group : "",
           n(x)(n(e).prefixes.node, "root"),
           n(e).getNodeField(r.item, "class"),
           {
@@ -133,7 +133,7 @@ const tt = ["sm", "md", "lg"], Be = { none: "gap-none", sm: "gap-sm", md: "gap-m
           "--ptc-tree-node-indent-width": `${n(te)}px`
         }
       }), [
-        Q.value ? (y(), P("div", {
+        Q.value ? (f(), E("div", {
           key: 0,
           class: R(n(x)(n(e).prefixes.group, "line"))
         }, null, 2)) : X("", !0),
@@ -156,18 +156,18 @@ const tt = ["sm", "md", "lg"], Be = { none: "gap-none", sm: "gap-sm", md: "gap-m
           default: H(() => {
             var i, p, v, F;
             return [
-              (i = n(e).props) != null && i.draggable ? (y(), P("span", {
+              (i = n(e).props) != null && i.draggable ? (f(), E("span", {
                 key: 0,
                 class: R(n(e).prefixes.draggable)
               }, [
-                !r.item.dragging && !n(e).dragging.value ? (y(), D(Oe, {
+                !r.item.dragging && !n(e).dragging.value ? (f(), D(Oe, {
                   key: 0,
                   icon: "tabler:grip-vertical",
                   size: J.value,
                   class: R(n(e).prefixes.draggableIcon)
                 }, {
                   default: H(() => [
-                    Z(r.$slots, "dragTrigger", fe(ye({ ...r.item, selected: S.value, checked: $.value, disabled: k.value, unFocusable: !0 })))
+                    Z(r.$slots, "dragTrigger", fe(ye({ ...r.item, selected: S.value, checked: T.value, disabled: k.value, unFocusable: !0 })))
                   ]),
                   _: 3
                 }, 8, ["size", "class"])) : X("", !0)
@@ -187,26 +187,26 @@ const tt = ["sm", "md", "lg"], Be = { none: "gap-none", sm: "gap-sm", md: "gap-m
                 onToggleExpand: s[0] || (s[0] = Se((ne) => C(), ["stop"]))
               }, {
                 default: H(() => [
-                  Z(r.$slots, "switcherIcon", fe(ye({ ...r.item, selected: S.value, checked: $.value, expanded: m.value, disabled: k.value, unFocusable: !0 })))
+                  Z(r.$slots, "switcherIcon", fe(ye({ ...r.item, selected: S.value, checked: T.value, expanded: m.value, disabled: k.value, unFocusable: !0 })))
                 ]),
                 _: 3
               }, 8, ["level", "children", "size", "expanded", "class", "loading", "branch-icon", "no-rotate-branch"]),
-              !r.item.dragging || !n(e).dragging.value ? (y(), P(he, { key: 1 }, [
-                (F = n(e).props) != null && F.checkbox ? (y(), D(Ye, {
+              !r.item.dragging || !n(e).dragging.value ? (f(), E(he, { key: 1 }, [
+                (F = n(e).props) != null && F.checkbox ? (f(), D(Ye, {
                   key: 0,
                   size: h.value,
                   onClick: s[1] || (s[1] = Se(() => {
                   }, ["stop"])),
-                  modelValue: $.value,
-                  "onUpdate:modelValue": T,
+                  modelValue: T.value,
+                  "onUpdate:modelValue": L,
                   disabled: k.value
                 }, null, 8, ["size", "modelValue", "disabled"])) : X("", !0),
-                Z(r.$slots, "title", fe(ye({ ...r.item, selected: S.value, checked: $.value, disabled: k.value, unFocusable: !0 })), () => [
+                Z(r.$slots, "title", fe(ye({ ...r.item, selected: S.value, checked: T.value, disabled: k.value, unFocusable: !0 })), () => [
                   Le("div", {
                     class: R(n(x)(n(e).prefixes.node, "title"))
                   }, Pe(n(e).getNodeField(r.item, "title")), 3)
                 ])
-              ], 64)) : (y(), P("div", {
+              ], 64)) : (f(), E("div", {
                 key: 2,
                 class: R(n(x)(n(e).prefixes.node, "slot"))
               }, null, 2))
@@ -214,15 +214,15 @@ const tt = ["sm", "md", "lg"], Be = { none: "gap-none", sm: "gap-sm", md: "gap-m
           }),
           _: 3
         }, 16, ["tabStopId", "focusable", "class"]),
-        (L = V.value) != null && L.length ? Te((y(), P("div", {
+        (P = $.value) != null && P.length ? Te((f(), E("div", {
           key: 1,
           class: R(n(e).prefixes.groupList),
           ref_key: "root",
           ref: b,
-          "data-parents": (f = n(e).props) != null && f.draggable ? A.value : void 0,
+          "data-parents": (y = n(e).props) != null && y.draggable ? A.value : void 0,
           "data-level": (N = n(e).props) != null && N.draggable ? O.value : void 0
         }, [
-          (y(!0), P(he, null, ae(w(r.item), (i) => (y(), D(l, {
+          (f(!0), E(he, null, ae(w(r.item), (i) => (f(), D(l, {
             key: n(e).getNodeField(i, "key"),
             parentKeys: A.value,
             item: i,
@@ -271,20 +271,20 @@ const tt = ["sm", "md", "lg"], Be = { none: "gap-none", sm: "gap-sm", md: "gap-m
   },
   emits: ["update:modelValue", "update:value", "update:expandedKeys", "update:checkedKeys", "expand", "select", "check", "dragStart", "dragEnd", "move", "choose", "unchoose"],
   setup(re, { emit: g }) {
-    const t = re, e = g, ie = ze(), h = Ge("tree"), J = x(h, "node"), w = x(J, "group"), _ = x(J, "draggable"), V = x(_, "icon"), de = x(w, "list"), j = {
+    const t = re, e = g, ie = ze(), h = Ge("tree"), J = x(h, "node"), w = x(J, "group"), V = x(J, "draggable"), $ = x(V, "icon"), de = x(w, "list"), j = {
       node: J,
       group: w,
-      draggable: _,
-      draggableIcon: V,
+      draggable: V,
+      draggableIcon: $,
       groupList: de
     }, K = Ie(h, {
       variants: {
-        size: E(tt, h),
-        gap: E(Be, h),
-        selectable: E("selectable", h),
-        disabled: E("disabled", h),
-        inlineNode: E("inline-node", h),
-        dragging: E("dragging", h)
+        size: _(tt, h),
+        gap: _(Be, h),
+        selectable: _("selectable", h),
+        disabled: _("disabled", h),
+        inlineNode: _("inline-node", h),
+        dragging: _("dragging", h)
       }
     }), k = u(() => I(t.data)), G = B(k.value), m = (s, l) => {
       var a;
@@ -327,26 +327,26 @@ const tt = ["sm", "md", "lg"], Be = { none: "gap-none", sm: "gap-sm", md: "gap-m
       },
       { deep: !0 }
     );
-    const $ = B(t.modelValue ?? t.value ?? []);
+    const T = B(t.modelValue ?? t.value ?? []);
     Y(
       () => [t.modelValue, t.value],
       () => {
-        $.value = t.modelValue ?? t.value ?? [];
+        T.value = t.modelValue ?? t.value ?? [];
       }
     );
-    const T = u({
+    const L = u({
       get() {
-        return t.modelValue ?? t.value ? t.modelValue ?? t.value : $.value;
+        return t.modelValue ?? t.value ? t.modelValue ?? t.value : T.value;
       },
       set(s) {
-        s && ((t.modelValue ?? t.value) || ($.value = s), e("update:modelValue", s), e("update:value", s));
+        s && ((t.modelValue ?? t.value) || (T.value = s), e("update:modelValue", s), e("update:value", s));
       }
     }), { getDisabled: A, getSize: C } = De(), ee = (s) => {
       var l, d;
       if (t.selectable && !A.value) {
-        let a = I(T.value ?? []);
+        let a = I(L.value ?? []);
         const o = m(s, "key");
-        t.multiple ? (l = T.value) != null && l.includes(o) ? a = I((d = T.value) == null ? void 0 : d.filter((c) => c !== o)) : a = I([...T.value ?? [], o]) : a.includes(o) ? a = [] : a = [o], T.value = a, e("select", s, a.includes(o));
+        t.multiple ? (l = L.value) != null && l.includes(o) ? a = I((d = L.value) == null ? void 0 : d.filter((c) => c !== o)) : a = I([...L.value ?? [], o]) : a.includes(o) ? a = [] : a = [o], L.value = a, e("select", s, a.includes(o));
       }
     }, O = B(t.checkedKeys ?? []);
     Y(
@@ -381,10 +381,10 @@ const tt = ["sm", "md", "lg"], Be = { none: "gap-none", sm: "gap-sm", md: "gap-m
         if (!Object.keys(Be).includes(t.gap)) return t.gap;
       }
     }), W = t.groupName ?? Me(h), q = B(1), U = B(!1), te = B(), pe = B(), se = (s) => {
-      const { root: l, instance: d, node: a } = s, o = (f) => {
+      const { root: l, instance: d, node: a } = s, o = (y) => {
         var N;
-        return (N = f.getAttribute("data-parents")) == null ? void 0 : N.split(",");
-      }, c = (f) => {
+        return (N = y.getAttribute("data-parents")) == null ? void 0 : N.split(",");
+      }, c = (y) => {
         const N = (v, F = G.value) => {
           const { parents: ne, self: _e } = v;
           for (let me of F) {
@@ -393,22 +393,23 @@ const tt = ["sm", "md", "lg"], Be = { none: "gap-none", sm: "gap-sm", md: "gap-m
             const le = m(me, "children");
             if (ne != null && ne.includes(be) && (le != null && le.length)) return N(v, le);
           }
-        }, i = o(f), p = f.getAttribute("data-key") ?? "";
+        }, i = o(y), p = y.getAttribute("data-key") ?? "";
         return N({ parents: i, self: p });
-      }, z = ke(x(h, "dragging_item"), C.value), L = () => {
-        var f;
-        (f = d.value) == null || f.destroy(), d.value = void 0;
+      }, z = ke(x(h, "dragging_item"), C.value), P = () => {
+        var y;
+        (y = d.value) == null || y.destroy(), d.value = void 0;
       };
       Ue(() => {
         Y(
           () => [l.value, t.draggable, q.value],
           async () => {
-            var f;
-            if (d.value) L();
+            var y;
+            if (d.value) P();
             else if (l.value && t.draggable) {
+              console.log("root.value ===>", l.value);
               const { default: N } = await import("sortablejs");
               d.value = new N(l.value, {
-                ...((f = t.getSortableProps) == null ? void 0 : f.call(t, a)) || {},
+                ...((y = t.getSortableProps) == null ? void 0 : y.call(t, a)) || {},
                 group: He(W) ? W(a) : W,
                 animation: 150,
                 forceFallback: !0,
@@ -453,7 +454,7 @@ const tt = ["sm", "md", "lg"], Be = { none: "gap-none", sm: "gap-sm", md: "gap-m
           { immediate: !0 }
         );
       }), je(() => {
-        d.value && L();
+        d.value && P();
       });
     };
     se({
@@ -466,7 +467,7 @@ const tt = ["sm", "md", "lg"], Be = { none: "gap-none", sm: "gap-sm", md: "gap-m
       disabled: A,
       props: t,
       expandedKeys: S,
-      model: T,
+      model: L,
       dir: r,
       checked: b,
       onExpandKey: ue,
@@ -476,43 +477,47 @@ const tt = ["sm", "md", "lg"], Be = { none: "gap-none", sm: "gap-sm", md: "gap-m
       useSortable: se,
       dragging: U,
       prefixes: j
-    }), (s, l) => (y(), D(n(We), {
-      role: "tree",
+    }), (s, l) => (f(), D(n(We), {
+      "as-child": "",
       orientation: "vertical",
-      key: q.value,
-      class: R([
-        n(K)({
-          size: n(C),
-          gap: t.gap ?? n(C),
-          selectable: t.selectable,
-          disabled: n(A),
-          inlineNode: t.inlineNode,
-          dragging: U.value
-        }),
-        t.class
-      ]),
-      dir: n(r),
-      style: Ae({
-        "--ptc-tree-gap": ge.value
-      }),
-      ref_key: "root",
-      ref: te
+      dir: n(r)
     }, {
       default: H(() => [
-        (y(!0), P(he, null, ae(G.value, (d) => (y(), D(at, {
-          key: m(d, "key"),
-          item: d
-        }, Fe({ _: 2 }, [
-          ae(Object.keys(ie), (a) => ({
-            name: a,
-            fn: H((o) => [
-              Z(s.$slots, a, oe({ ref_for: !0 }, o))
-            ])
-          }))
-        ]), 1032, ["item"]))), 128))
+        (f(), E("div", {
+          role: "tree",
+          key: q.value,
+          class: R([
+            n(K)({
+              size: n(C),
+              gap: t.gap ?? n(C),
+              selectable: t.selectable,
+              disabled: n(A),
+              inlineNode: t.inlineNode,
+              dragging: U.value
+            }),
+            t.class
+          ]),
+          style: Ae({
+            "--ptc-tree-gap": ge.value
+          }),
+          ref_key: "root",
+          ref: te
+        }, [
+          (f(!0), E(he, null, ae(G.value, (d) => (f(), D(at, {
+            key: m(d, "key"),
+            item: d
+          }, Fe({ _: 2 }, [
+            ae(Object.keys(ie), (a) => ({
+              name: a,
+              fn: H((o) => [
+                Z(s.$slots, a, oe({ ref_for: !0 }, o))
+              ])
+            }))
+          ]), 1032, ["item"]))), 128))
+        ], 6))
       ]),
       _: 3
-    }, 8, ["class", "dir", "style"]));
+    }, 8, ["dir"]));
   }
 });
 export {

package/dist/index.js

@@ -40,7 +40,7 @@ import { _ as No, S as Qo } from "./Switch.vue_vue_type_style_index_0_lang-C-6Ca
 import { d as Xo, e as Yo, _ as $o, T as ea, b as oa, a as aa, c as ta } from "./THead.vue_vue_type_style_index_0_lang-BU5YSw-6.js";
 import { _ as ra, T as pa, a as ia } from "./Textarea.vue_vue_type_style_index_0_lang-DO0_KNAP.js";
 import { _ as xa, i as ma, r as Ca } from "./Tooltip.vue_vue_type_script_setup_true_lang-DX19Sbqt.js";
-import { _ as la, a as fa, T as Sa, i as ua, p as _a } from "./Tree.vue_vue_type_style_index_0_lang-D7imww9l.js";
+import { _ as la, a as fa, T as Sa, i as ua, p as _a } from "./Tree.vue_vue_type_style_index_0_lang-COrY0mQd.js";
 import { f as Ta, b as ga, i as ha, a as ba } from "./element-CayrDxFe.js";
 import { c as va, g as Ga } from "./options-JBqnVZUl.js";
 import { g as ya } from "./style-BEhqkSEE.js";

package/dist/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("./ActionButton.vue_vue_type_script_setup_true_lang-BiExXTWx.js"),h=require("./Alert.vue_vue_type_style_index_0_lang-CZAZhSym.js"),t=require("./Avatar.vue_vue_type_style_index_0_lang-D4yYaKkt.js"),A=require("./Badge.vue_vue_type_script_setup_true_lang-DakasSL2.js"),a=require("./BaseBadge.model-imnRO6DY.js"),n=require("./ButtonGroup.vue_vue_type_script_setup_true_lang-pO76J3IF.js"),F=require("./Button.vue_vue_type_script_setup_true_lang-D8fsGz_U.js"),_=require("./Checkbox.vue_vue_type_style_index_0_lang-BZjX7REC.js"),L=require("./Chip.vue_vue_type_style_index_0_lang-CglX7Ee0.js"),r=require("./ChipGroup.vue_vue_type_style_index_0_lang-BfjLmW1L.js"),c=require("./ColorPicker.vue_vue_type_style_index_0_lang-DgO6O1E8.js"),l=require("./ColorSwatch.vue_vue_type_style_index_0_lang-D3s6LgfJ.js"),O=require("./ColorSwatchGroup.vue_vue_type_style_index_0_lang-CEM8p1ul.js"),T=require("./ColorTrigger.vue_vue_type_style_index_0_lang-BazxZD2n.js"),e=require("./Icon.vue_vue_type_style_index_0_lang-Do8KQE1V.js"),D=require("./DataTable.vue_vue_type_style_index_0_lang-DlTMQR0X.js"),G=require("./Divider.vue_vue_type_style_index_0_lang-DuAAwNmp.js"),v=require("./DropZone.vue_vue_type_style_index_0_lang-BUTd0S7Z.js"),z=require("./Empty.vue_vue_type_style_index_0_lang-D1GnSkp2.js"),w=require("./FloatButton.vue_vue_type_script_setup_true_lang-c6h9PEeM.js"),M=require("./GOPicker.vue_vue_type_style_index_0_lang-VLyBJaQT.js"),E=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-Dh9S2CLD.js"),m=require("./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-CVDLBUgC.js"),I=require("./Icon/index.umd.cjs"),$=require("./IconButton.vue_vue_type_script_setup_true_lang-DFjDJW7E.js"),u=require("./Image.vue_vue_type_style_index_0_lang-BdHRY21F.js"),C=require("./IndentLevel.vue_vue_type_style_index_0_lang-r9SvcOGx.js"),R=require("./Indicator.vue_vue_type_script_setup_true_lang-D3YSD3Se.js"),y=require("./Input.vue_vue_type_style_index_0_lang-CbPbeXdi.js"),Z=require("./Kbd.vue_vue_type_style_index_0_lang-CYPi3eVo.js"),q=require("./Link.vue_vue_type_style_index_0_lang-Neln1LfJ.js"),i=require("./Menu.vue_vue_type_style_index_0_lang-D-MgKWzB.js"),d=require("./Popover.vue_vue_type_style_index_0_lang-D3d_HBlq.js"),b=require("./RadioGroup.vue_vue_type_script_setup_true_lang-C5lMMCCA.js"),S=require("./ScrollContainer.vue_vue_type_style_index_0_lang-DUMPEL_U.js"),V=require("./Shortcut.vue_vue_type_style_index_0_lang-l0EqGhQ-.js"),x=require("./Skeleton.vue_vue_type_style_index_0_lang-BRov9v5C.js"),B=require("./Spinner.vue_vue_type_style_index_0_lang-CJXaLDbG.js"),j=require("./Switch.vue_vue_type_style_index_0_lang-B7519PNj.js"),o=require("./THead.vue_vue_type_style_index_0_lang-Dox15QLD.js"),g=require("./Textarea.vue_vue_type_style_index_0_lang-DIiW5pLc.js"),f=require("./Tooltip.vue_vue_type_script_setup_true_lang-DWMPc3HZ.js"),s=require("./Tree.vue_vue_type_style_index_0_lang-ByBo2udS.js"),p=require("./element-BURaVF00.js"),k=require("./options-B4iSAKol.js"),H=require("./style-CYb6EX2Q.js"),K=require("./useInputDataStates-vfwvLP5c.js"),U=["3xsm","2xsm","xsm","sm","md","lg","xlg","2xlg"],J={};exports.ActionButton=P._sfc_main;exports.Alert=h._sfc_main;exports.AlertTypes=h.AlertTypes;exports.Avatar=t._sfc_main;exports.AvatarGroup=t._sfc_main$1;exports.AvatarOnlineAlignments=t.AvatarOnlineAlignments;exports.AvatarShapes=t.AvatarShapes;exports.AvatarSizes=t.AvatarSizes;exports.AvatarStrokes=t.AvatarStrokes;exports.injectAvatarGroupContext=t.injectAvatarGroupContext;exports.provideAvatarGroupContext=t.provideAvatarGroupContext;exports.Badge=A._sfc_main;exports.BadgeColors=a.BadgeColors;exports.BadgeColorsSubtle=a.BadgeColorsSubtle;exports.BadgeSizes=a.BadgeSizes;exports.BadgeTypes=a.BadgeTypes;exports.ButtonColors=n.ButtonColors;exports.ButtonGroup=n._sfc_main;exports.ButtonSizes=n.ButtonSizes;exports.ButtonTypes=n.ButtonTypes;exports.ButtonVariants=n.ButtonVariants;exports.injectButtonGroupContext=n.injectButtonGroupContext;exports.provideButtonGroupContext=n.provideButtonGroupContext;exports.Button=F._sfc_main;exports.Checkbox=_._sfc_main;exports.CheckboxGroup=_._sfc_main$1;exports.CheckboxSizes=_.CheckboxSizes;exports.injectCheckboxGroupContext=_.injectCheckboxGroupContext;exports.provideCheckboxGroupContext=_.provideCheckboxGroupContext;exports.useColoredPantographCheckbox=_.useColoredPantographCheckbox;exports.useColoredPantographCheckboxGroup=_.useColoredPantographCheckboxGroup;exports.Chip=L._sfc_main;exports.ChipColors=r.ChipColors;exports.ChipGroup=r._sfc_main;exports.ChipSizes=r.ChipSizes;exports.injectChipGroupContext=r.injectChipGroupContext;exports.provideChipGroupContext=r.provideChipGroupContext;exports.ColorPicker=c._sfc_main;exports.injectColorPickerContext=c.injectColorPickerContext;exports.provideColorPickerContext=c.provideColorPickerContext;exports.ColorSwatch=l._sfc_main;exports.ColorSwatchSizes=l.ColorSwatchSizes;exports.ColorSwatchTypes=l.ColorSwatchTypes;exports.ColorSwatchGroup=O._sfc_main;exports.ColorTrigger=T._sfc_main;exports.ColorTriggerSizes=T.ColorTriggerSizes;exports.ConfigProvider=e.ConfigProvider;exports.Form=e._sfc_main;exports.FormItem=e._sfc_main$1;exports.FormItemSizes=e.FormItemSizes;exports.FormItemStatuses=e.FormItemStatuses;exports.Icon=e._sfc_main$3;exports.IconSizes=e.IconSizes;exports.Label=e._sfc_main$2;exports.LabelSizes=e.LabelSizes;exports.injectConfigContext=e.injectConfigContext;exports.injectFormContext=e.injectFormContext;exports.injectFormItemContext=e.injectFormItemContext;exports.provideConfigContext=e.provideConfigContext;exports.provideFormContext=e.provideFormContext;exports.provideFormItemContext=e.provideFormItemContext;exports.useConfig=e.useConfig;exports.DataTable=D._sfc_main;exports.Divider=G._sfc_main;exports.DividerTypes=G.DividerTypes;exports.DropZone=v._sfc_main;exports.DropZoneSizes=v.DropZoneSizes;exports.DropZoneTypes=v.DropZoneTypes;exports.Empty=z._sfc_main;exports.EmptyTypes=z.EmptyTypes;exports.FloatButton=w._sfc_main;exports.GOPicker=M._sfc_main;exports.GraphicalObject=E._sfc_main;exports.GraphicalObjectGroup=m._sfc_main;exports.injectGraphicalObjectGroupContext=m.injectGraphicalObjectGroupContext;exports.provideGraphicalObjectGroupContext=m.provideGraphicalObjectGroupContext;exports.defineLocaleIconCollection=I.defineLocaleIconCollection;exports.disableIconCache=I.disableIconCache;exports.IconButton=$._sfc_main;exports.Image=u._sfc_main;exports.ImageAspectRatios=u.ImageAspectRatios;exports.ImageSizeRanges=u.ImageSizeRanges;exports.ImageTypes=u.ImageTypes;exports.IndentLevel=C._sfc_main;exports.IndentLevelShowLines=C.IndentLevelShowLines;exports.IndentLevelSizes=C.IndentLevelSizes;exports.Indicator=R._sfc_main;exports.Input=y._sfc_main;exports.InputSizes=y.InputSizes;exports.InputStatuses=y.InputStatuses;exports.Kbd=Z._sfc_main;exports.Link=q._sfc_main;exports.LinkStyles=q.LinkStyles;exports.Menu=i._sfc_main;exports.MenuGaps=i.MenuGaps;exports.MenuItem=i._sfc_main$1;exports.MenuItemSizes=i.MenuItemSizes;exports.injectMenuContext=i.injectMenuContext;exports.provideMenuContext=i.provideMenuContext;exports.Popover=d._sfc_main;exports.PopoverPlacements=d.PopoverPlacements;exports.PopoverSizes=d.PopoverSizes;exports.RadioGroup=b._sfc_main;exports.RadioGroupItem=b._sfc_main$1;exports.ScrollContainer=S._sfc_main;exports.ScrollContainerSizes=S.ScrollContainerSizes;exports.ScrollContainerTypes=S.ScrollContainerTypes;exports.Shortcut=V._sfc_main;exports.Skeleton=x._sfc_main;exports.SkeletonSizes=x.SkeletonSizes;exports.SkeletonTypes=x.SkeletonTypes;exports.Spinner=B._sfc_main;exports.SpinnerSizes=B.SpinnerSizes;exports.Switch=j._sfc_main;exports.SwitchSizes=j.SwitchSizes;exports.TBody=o._sfc_main$4;exports.THead=o._sfc_main$5;exports.Table=o._sfc_main;exports.TableSizes=o.TableSizes;exports.Td=o._sfc_main$2;exports.Th=o._sfc_main$1;exports.Tr=o._sfc_main$3;exports.Textarea=g._sfc_main;exports.TextareaSizes=g.TextareaSizes;exports.TextareaStatuses=g.TextareaStatuses;exports.Tooltip=f._sfc_main;exports.importTippyStyles=f.importTippyStyles;exports.registerTippy=f.registerTippy;exports.Tree=s._sfc_main;exports.TreeGaps=s.TreeGaps;exports.TreeSizes=s.TreeSizes;exports.injectTreeContext=s.injectTreeContext;exports.provideTreeContext=s.provideTreeContext;exports.filterEmpty=p.filterEmpty;exports.isEmptyElement=p.isEmptyElement;exports.isFragment=p.isFragment;exports.isValidElement=p.isValidElement;exports.componentPrefix=k.componentPrefix;exports.getComponentOptions=k.getComponentOptions;exports.getStyleObject=H.getStyleObject;exports.UseInputDataStates=K.UseInputDataStates;exports.default=J;exports.systemSizes=U;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("./ActionButton.vue_vue_type_script_setup_true_lang-BiExXTWx.js"),h=require("./Alert.vue_vue_type_style_index_0_lang-CZAZhSym.js"),t=require("./Avatar.vue_vue_type_style_index_0_lang-D4yYaKkt.js"),A=require("./Badge.vue_vue_type_script_setup_true_lang-DakasSL2.js"),a=require("./BaseBadge.model-imnRO6DY.js"),n=require("./ButtonGroup.vue_vue_type_script_setup_true_lang-pO76J3IF.js"),F=require("./Button.vue_vue_type_script_setup_true_lang-D8fsGz_U.js"),_=require("./Checkbox.vue_vue_type_style_index_0_lang-BZjX7REC.js"),L=require("./Chip.vue_vue_type_style_index_0_lang-CglX7Ee0.js"),r=require("./ChipGroup.vue_vue_type_style_index_0_lang-BfjLmW1L.js"),c=require("./ColorPicker.vue_vue_type_style_index_0_lang-DgO6O1E8.js"),l=require("./ColorSwatch.vue_vue_type_style_index_0_lang-D3s6LgfJ.js"),O=require("./ColorSwatchGroup.vue_vue_type_style_index_0_lang-CEM8p1ul.js"),T=require("./ColorTrigger.vue_vue_type_style_index_0_lang-BazxZD2n.js"),e=require("./Icon.vue_vue_type_style_index_0_lang-Do8KQE1V.js"),D=require("./DataTable.vue_vue_type_style_index_0_lang-DlTMQR0X.js"),G=require("./Divider.vue_vue_type_style_index_0_lang-DuAAwNmp.js"),v=require("./DropZone.vue_vue_type_style_index_0_lang-BUTd0S7Z.js"),z=require("./Empty.vue_vue_type_style_index_0_lang-D1GnSkp2.js"),w=require("./FloatButton.vue_vue_type_script_setup_true_lang-c6h9PEeM.js"),M=require("./GOPicker.vue_vue_type_style_index_0_lang-VLyBJaQT.js"),E=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-Dh9S2CLD.js"),m=require("./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-CVDLBUgC.js"),I=require("./Icon/index.umd.cjs"),$=require("./IconButton.vue_vue_type_script_setup_true_lang-DFjDJW7E.js"),u=require("./Image.vue_vue_type_style_index_0_lang-BdHRY21F.js"),C=require("./IndentLevel.vue_vue_type_style_index_0_lang-r9SvcOGx.js"),R=require("./Indicator.vue_vue_type_script_setup_true_lang-D3YSD3Se.js"),y=require("./Input.vue_vue_type_style_index_0_lang-CbPbeXdi.js"),Z=require("./Kbd.vue_vue_type_style_index_0_lang-CYPi3eVo.js"),q=require("./Link.vue_vue_type_style_index_0_lang-Neln1LfJ.js"),i=require("./Menu.vue_vue_type_style_index_0_lang-D-MgKWzB.js"),d=require("./Popover.vue_vue_type_style_index_0_lang-D3d_HBlq.js"),b=require("./RadioGroup.vue_vue_type_script_setup_true_lang-C5lMMCCA.js"),S=require("./ScrollContainer.vue_vue_type_style_index_0_lang-DUMPEL_U.js"),V=require("./Shortcut.vue_vue_type_style_index_0_lang-l0EqGhQ-.js"),x=require("./Skeleton.vue_vue_type_style_index_0_lang-BRov9v5C.js"),B=require("./Spinner.vue_vue_type_style_index_0_lang-CJXaLDbG.js"),j=require("./Switch.vue_vue_type_style_index_0_lang-B7519PNj.js"),o=require("./THead.vue_vue_type_style_index_0_lang-Dox15QLD.js"),g=require("./Textarea.vue_vue_type_style_index_0_lang-DIiW5pLc.js"),f=require("./Tooltip.vue_vue_type_script_setup_true_lang-DWMPc3HZ.js"),s=require("./Tree.vue_vue_type_style_index_0_lang-BqX0Aqyd.js"),p=require("./element-BURaVF00.js"),k=require("./options-B4iSAKol.js"),H=require("./style-CYb6EX2Q.js"),K=require("./useInputDataStates-vfwvLP5c.js"),U=["3xsm","2xsm","xsm","sm","md","lg","xlg","2xlg"],J={};exports.ActionButton=P._sfc_main;exports.Alert=h._sfc_main;exports.AlertTypes=h.AlertTypes;exports.Avatar=t._sfc_main;exports.AvatarGroup=t._sfc_main$1;exports.AvatarOnlineAlignments=t.AvatarOnlineAlignments;exports.AvatarShapes=t.AvatarShapes;exports.AvatarSizes=t.AvatarSizes;exports.AvatarStrokes=t.AvatarStrokes;exports.injectAvatarGroupContext=t.injectAvatarGroupContext;exports.provideAvatarGroupContext=t.provideAvatarGroupContext;exports.Badge=A._sfc_main;exports.BadgeColors=a.BadgeColors;exports.BadgeColorsSubtle=a.BadgeColorsSubtle;exports.BadgeSizes=a.BadgeSizes;exports.BadgeTypes=a.BadgeTypes;exports.ButtonColors=n.ButtonColors;exports.ButtonGroup=n._sfc_main;exports.ButtonSizes=n.ButtonSizes;exports.ButtonTypes=n.ButtonTypes;exports.ButtonVariants=n.ButtonVariants;exports.injectButtonGroupContext=n.injectButtonGroupContext;exports.provideButtonGroupContext=n.provideButtonGroupContext;exports.Button=F._sfc_main;exports.Checkbox=_._sfc_main;exports.CheckboxGroup=_._sfc_main$1;exports.CheckboxSizes=_.CheckboxSizes;exports.injectCheckboxGroupContext=_.injectCheckboxGroupContext;exports.provideCheckboxGroupContext=_.provideCheckboxGroupContext;exports.useColoredPantographCheckbox=_.useColoredPantographCheckbox;exports.useColoredPantographCheckboxGroup=_.useColoredPantographCheckboxGroup;exports.Chip=L._sfc_main;exports.ChipColors=r.ChipColors;exports.ChipGroup=r._sfc_main;exports.ChipSizes=r.ChipSizes;exports.injectChipGroupContext=r.injectChipGroupContext;exports.provideChipGroupContext=r.provideChipGroupContext;exports.ColorPicker=c._sfc_main;exports.injectColorPickerContext=c.injectColorPickerContext;exports.provideColorPickerContext=c.provideColorPickerContext;exports.ColorSwatch=l._sfc_main;exports.ColorSwatchSizes=l.ColorSwatchSizes;exports.ColorSwatchTypes=l.ColorSwatchTypes;exports.ColorSwatchGroup=O._sfc_main;exports.ColorTrigger=T._sfc_main;exports.ColorTriggerSizes=T.ColorTriggerSizes;exports.ConfigProvider=e.ConfigProvider;exports.Form=e._sfc_main;exports.FormItem=e._sfc_main$1;exports.FormItemSizes=e.FormItemSizes;exports.FormItemStatuses=e.FormItemStatuses;exports.Icon=e._sfc_main$3;exports.IconSizes=e.IconSizes;exports.Label=e._sfc_main$2;exports.LabelSizes=e.LabelSizes;exports.injectConfigContext=e.injectConfigContext;exports.injectFormContext=e.injectFormContext;exports.injectFormItemContext=e.injectFormItemContext;exports.provideConfigContext=e.provideConfigContext;exports.provideFormContext=e.provideFormContext;exports.provideFormItemContext=e.provideFormItemContext;exports.useConfig=e.useConfig;exports.DataTable=D._sfc_main;exports.Divider=G._sfc_main;exports.DividerTypes=G.DividerTypes;exports.DropZone=v._sfc_main;exports.DropZoneSizes=v.DropZoneSizes;exports.DropZoneTypes=v.DropZoneTypes;exports.Empty=z._sfc_main;exports.EmptyTypes=z.EmptyTypes;exports.FloatButton=w._sfc_main;exports.GOPicker=M._sfc_main;exports.GraphicalObject=E._sfc_main;exports.GraphicalObjectGroup=m._sfc_main;exports.injectGraphicalObjectGroupContext=m.injectGraphicalObjectGroupContext;exports.provideGraphicalObjectGroupContext=m.provideGraphicalObjectGroupContext;exports.defineLocaleIconCollection=I.defineLocaleIconCollection;exports.disableIconCache=I.disableIconCache;exports.IconButton=$._sfc_main;exports.Image=u._sfc_main;exports.ImageAspectRatios=u.ImageAspectRatios;exports.ImageSizeRanges=u.ImageSizeRanges;exports.ImageTypes=u.ImageTypes;exports.IndentLevel=C._sfc_main;exports.IndentLevelShowLines=C.IndentLevelShowLines;exports.IndentLevelSizes=C.IndentLevelSizes;exports.Indicator=R._sfc_main;exports.Input=y._sfc_main;exports.InputSizes=y.InputSizes;exports.InputStatuses=y.InputStatuses;exports.Kbd=Z._sfc_main;exports.Link=q._sfc_main;exports.LinkStyles=q.LinkStyles;exports.Menu=i._sfc_main;exports.MenuGaps=i.MenuGaps;exports.MenuItem=i._sfc_main$1;exports.MenuItemSizes=i.MenuItemSizes;exports.injectMenuContext=i.injectMenuContext;exports.provideMenuContext=i.provideMenuContext;exports.Popover=d._sfc_main;exports.PopoverPlacements=d.PopoverPlacements;exports.PopoverSizes=d.PopoverSizes;exports.RadioGroup=b._sfc_main;exports.RadioGroupItem=b._sfc_main$1;exports.ScrollContainer=S._sfc_main;exports.ScrollContainerSizes=S.ScrollContainerSizes;exports.ScrollContainerTypes=S.ScrollContainerTypes;exports.Shortcut=V._sfc_main;exports.Skeleton=x._sfc_main;exports.SkeletonSizes=x.SkeletonSizes;exports.SkeletonTypes=x.SkeletonTypes;exports.Spinner=B._sfc_main;exports.SpinnerSizes=B.SpinnerSizes;exports.Switch=j._sfc_main;exports.SwitchSizes=j.SwitchSizes;exports.TBody=o._sfc_main$4;exports.THead=o._sfc_main$5;exports.Table=o._sfc_main;exports.TableSizes=o.TableSizes;exports.Td=o._sfc_main$2;exports.Th=o._sfc_main$1;exports.Tr=o._sfc_main$3;exports.Textarea=g._sfc_main;exports.TextareaSizes=g.TextareaSizes;exports.TextareaStatuses=g.TextareaStatuses;exports.Tooltip=f._sfc_main;exports.importTippyStyles=f.importTippyStyles;exports.registerTippy=f.registerTippy;exports.Tree=s._sfc_main;exports.TreeGaps=s.TreeGaps;exports.TreeSizes=s.TreeSizes;exports.injectTreeContext=s.injectTreeContext;exports.provideTreeContext=s.provideTreeContext;exports.filterEmpty=p.filterEmpty;exports.isEmptyElement=p.isEmptyElement;exports.isFragment=p.isFragment;exports.isValidElement=p.isValidElement;exports.componentPrefix=k.componentPrefix;exports.getComponentOptions=k.getComponentOptions;exports.getStyleObject=H.getStyleObject;exports.UseInputDataStates=K.UseInputDataStates;exports.default=J;exports.systemSizes=U;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pantograph/vue",
-  "version": "0.22.2",
+  "version": "0.22.3",
   "private": false,
   "license": "MIT",
   "keywords": [