@pantograph/vue 0.13.1 → 0.14.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pantograph/vue",
-  "version": "0.13.1",
+  "version": "0.14.1",
   "private": false,
   "license": "MIT",
   "keywords": [
@@ -190,6 +190,11 @@
       "import": "./dist/RadioGroup/index.js",
       "require": "./dist/RadioGroup/index.umd.cjs"
     },
+    "./ScrollContainer": {
+      "types": "./dist/ScrollContainer/index.d.ts",
+      "import": "./dist/ScrollContainer/index.js",
+      "require": "./dist/ScrollContainer/index.umd.cjs"
+    },
     "./Shortcut": {
       "types": "./dist/Shortcut/index.d.ts",
       "import": "./dist/Shortcut/index.js",
@@ -237,8 +242,8 @@
   "dependencies": {
     "@faker-js/faker": "^9.5.0",
     "@iconify/vue": "^4.3.0",
-    "@pantograph/tokens": "^0.0.17",
-    "@pantograph/utils": "^0.0.6",
+    "@pantograph/tokens": "^0.0.18",
+    "@pantograph/utils": "^0.0.8",
     "@tanstack/vue-table": "^8.21.2",
     "@types/lodash-es": "^4.17.12",
     "@types/sortablejs": "^1.15.8",
@@ -251,7 +256,8 @@
     "vue-tippy": "^6.6.0"
   },
   "peerDependencies": {
-    "vue": "^3.5.13"
+    "vue": "^3.5.13",
+    "nuxt": "^3.0.0"
   },
   "devDependencies": {
     "@histoire/plugin-vue": "0.17.17",

package/dist/ColorPicker.vue_vue_type_style_index_0_lang-Byz3evrQ.js

@@ -1 +0,0 @@
-"use strict";const o=require("vue"),ae=require("./ActionButton.vue_vue_type_script_setup_true_lang-Bq-Tb6pj.js"),U=require("./Input.vue_vue_type_style_index_0_lang-Dj4efG7U.js"),ie=require("./Icon.vue_vue_type_style_index_0_lang-C00M2fnO.js"),j=require("@vueuse/core"),x=require("@pantograph/utils"),fe=require("radix-vue");function A(e,t,r){return Math.max(t,Math.min(e,r))}function me(e,t){if(typeof e=="string"||typeof t=="string")return e===t;if(e){if(!t)return!1;for(const r in e)if(e[r]!==t[r])return!1}return!0}function H(e){const t=[],r=e.length>5?2:1;for(let n=1;n<e.length;n+=r){const c=e.substring(n,n+r).repeat(r%2+1),a=parseInt(c,16);t.push(n===3*r+1?a/255:a)}return t.length===3&&t.push(1),{r:t[0],g:t[1],b:t[2],a:t[3]}}function J(e){const t=e.l/100,r=t+e.s/100*Math.min(t,1-t),n=r===0?0:200*(1-t/r);return{h:e.h,s:n,v:r*100,a:e.a}}function L(e){let t=e.h%360;t<0&&(t+=360);const r=e.s/100,n=e.l/100;return{r:$(0,t,r,n)*255,g:$(8,t,r,n)*255,b:$(4,t,r,n)*255,a:e.a}}function $(e,t,r,n){const c=(e+t/30)%12,a=r*Math.min(n,1-n);return n-a*Math.max(-1,Math.min(c-3,9-c,1))}function Q(e){const t=e.s/100,r=e.v/100,n=r*(1-t/2);return{h:e.h,s:n===0||n===1?0:(r-n)/Math.min(n,1-n)*100,l:n*100,a:e.a}}function Z(e){return{h:e.h,w:e.v*(100-e.s)/100,b:100-e.v,a:e.a}}function N(e){return L(Q(e))}function k(e){const t=e.w/100,r=e.b/100;let n,c;const a=t+r;return a>=1?(n=0,c=t/a):(c=1-r,n=(1-t/c)*100),{h:e.h,s:n,v:c*100,a:e.a}}function I(e){const{r:t,g:r,b:n,a:c}=e,a=Math.min(t,r,n),h=Math.max(t,r,n),m=h-a,d=(h+a)/2;let v=0;m!==0&&(h===t?v=(r-n)/m+(r<n?6:0):h===r?v=(n-t)/m+2:h===n&&(v=(t-r)/m+4),v*=60);let b=0;return d!==0&&d!==255&&(b=(h-d)/Math.min(d,255-d)),{h:v,s:b*100,l:d/255*100,a:c}}function S(e){return"#"+Object.values(e).map((t,r)=>Math.round(r===3?t*255:t).toString(16).padStart(2,"0")).join("")}function M(e){return Z(J(I(e)))}const he={hex:{hex:e=>e,hsl:e=>I(H(e)),hsv:e=>k(M(H(e))),hwb:e=>M(H(e)),rgb:H},hsl:{hex:e=>S(L(e)),hsl:e=>e,hsv:J,hwb:e=>M(L(e)),rgb:L},hsv:{hex:e=>S(N(e)),hsl:Q,hsv:e=>e,hwb:Z,rgb:N},hwb:{hex:e=>S(N(k(e))),hsl:e=>I(N(k(e))),hsv:k,hwb:e=>e,rgb:e=>N(k(e))},rgb:{hex:S,hsl:I,hsv:e=>k(M(e)),hwb:M,rgb:e=>e}};function Y(e,t,r){return he[e][t](r)}function de(e,t){const r=e.toFixed(t);return r.includes(".")?r.replace(/\.?0+$/,""):r}const pe={deg:1,grad:.9,rad:180/Math.PI,turn:360},R={from(e){return e.endsWith("%")?E.from(e,{referenceValue:1}):y.from(e,{min:0,max:1})},to(e){return y.to(e)}},K={from(e){const t=e.match(/deg|g?rad|turn$/);if(t===null)return y.from(e);const r=t[0];return y.from(e.slice(0,-r.length))*pe[r]},to(e){return y.to(e)}},y={from(e,{min:t=Number.NEGATIVE_INFINITY,max:r=Number.POSITIVE_INFINITY}={}){return e.endsWith(".")?NaN:A(Number(e),t,r)},to(e){return de(e,2)}},E={from(e,{referenceValue:t=100,min:r=0,max:n=100}={}){return e.endsWith("%")?y.from(e.slice(0,-1),{min:r,max:n})*t/100:NaN},to(e){return y.to(e)+"%"}},z={from(e){return e.endsWith("%")?E.from(e,{referenceValue:255}):y.from(e,{min:0,max:255})},to(e){return y.to(e)}},ve={hsl:{h:K,s:E,l:E},hwb:{h:K,w:E,b:E},rgb:{r:z,g:z,b:z}};function F(e,t){return ve[e][t]}function O({format:e,color:t},r){if(e==="hex")return r&&[5,9].includes(t.length)?t.substring(0,t.length-(t.length-1)/4):t;const n=Object.entries(t).slice(0,r?3:4).map(([c,a])=>{const h=c==="a"?R:F(e,c);return(c==="a"?"/ ":"")+h.to(a)});return`${e}(${n.join(" ")})`}function ee(e){return/^#(?:(?:[A-F0-9]{2}){3,4}|[A-F0-9]{3,4})$/i.test(e)}function ge(e){return"r"in e?"rgb":"w"in e?"hwb":"v"in e?"hsv":"s"in e?"hsl":null}const G={hsl:["h","s","l","a"],hwb:["h","w","b","a"],rgb:["r","g","b","a"]};function X(e){if(!e)return null;if(typeof e!="string"){const m=ge(e);return m===null?null:{format:m,color:e}}if(e.startsWith("#"))return ee(e)?{format:"hex",color:e}:null;if(!e.includes("(")){const m=document.createElement("canvas").getContext("2d");m.fillStyle=e;const d=m.fillStyle;return d==="#000000"&&e!=="black"?null:{format:"hex",color:d}}const[t,r]=e.split("("),n=t.substring(0,3);if(!(n in G))return null;const c=r.replace(/[,/)]/g," ").replace(/\s+/g," ").trim().split(" ");c.length===3&&c.push("1");const a=G[n],h=Object.fromEntries(a.map((m,d)=>{const v=m==="a"?R:F(n,m);return[m,v.from(c[d])]}));return{format:n,color:h}}const be=typeof window<"u",te=be&&"EyeDropper"in window,we=e=>{const t=new AbortController;o.onUnmounted(()=>t.abort());async function r(){if(!te)return;const n=new window.EyeDropper;try{let a=(await n.open({signal:t.signal})).sRGBHex;if(a.startsWith("rgba")){const h=a.match(/rgba?\((?<r>\d+), (?<g>\d+), (?<b>\d+), (?<a>[\d.]+)\)/);if(h){const[m,d,v,b,i]=h;a=`rgba(${d}, ${v}, ${b}, ${parseFloat(i)===0?"1":i})`}}e(a)}catch(c){console.log("e ===>",c)}}return{openEyeDropper:r,abortController:t}};function ye(e,t,r){const n=e.getBoundingClientRect(),c=t-n.left,a=r-n.top;return{x:n.width===0?0:A(c/n.width*100,0,100),y:n.height===0?0:A((1-a/n.height)*100,0,100)}}const xe=o.defineComponent({__name:"ColorPickerSpace",setup(e){const t=ne();let r=!1,n;function c(i){n=document.body.style.userSelect,document.body.style.userSelect="none",r=!0,m(i)}function a(i){r=!0,d(i)}function h(){document.body.style.userSelect=n,r=!1}function m(i){i.buttons!==1||!r||!(t.colorSpace.value instanceof HTMLElement)||v(t.colorSpace.value,i.clientX,i.clientY)}function d(i){if(!r||!(t.colorSpace.value instanceof HTMLElement))return;i.preventDefault();const g=i.touches[0];v(t.colorSpace.value,g.clientX,g.clientY)}function v(i,g,_){const C=ye(i,g,_),f={...t.colors.hsv};f.s=C.x,f.v=C.y,t.setColor("hsv",f)}function b(i){if(!["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"].includes(i.key))return;i.preventDefault();const g=["ArrowLeft","ArrowDown"].includes(i.key)?-1:1,_=["ArrowLeft","ArrowRight"].includes(i.key)?"s":"v",C=i.shiftKey?10:1,f=t.colors.hsv[_]+g*C,w={...t.colors.hsv};w[_]=A(f,0,100),t.setColor("hsv",w)}return o.onMounted(()=>{document.addEventListener("mousemove",m,{passive:!1}),document.addEventListener("touchmove",d,{passive:!1}),document.addEventListener("mouseup",h),document.addEventListener("touchend",h)}),o.onBeforeUnmount(()=>{document.removeEventListener("mousemove",m),document.removeEventListener("touchmove",d),document.removeEventListener("mouseup",h),document.removeEventListener("touchend",h)}),(i,g)=>(o.openBlock(),o.createElementBlock("div",{ref:o.unref(t).colorSpace,class:o.normalizeClass([o.unref(x.getBemElement)(o.unref(V),"space")]),onMousedown:c,onTouchstart:a},[o.createElementVNode("button",{ref:o.unref(t).thumb,class:o.normalizeClass([o.unref(x.getBemElement)(o.unref(V),"thumb")]),tabindex:"0","aria-label":"Color space thumb",onKeydown:b},null,34)],34))}}),Ce=["value"],_e=["value"],[ne,oe]=fe.createContext("ColorPicker"),V=x.getBemBlock("color_picker"),ke=o.defineComponent({__name:"ColorPicker",props:{class:{},color:{},defaultColor:{default:"#ffffffff"},format:{},defaultFormat:{default:"hex"},hideAlpha:{type:Boolean}},emits:["update:color","update:format","change"],setup(e,{emit:t}){const r=["hex","hsl","hsv","hwb","rgb"],n=e,c=t,a=o.ref(null),h=o.ref(null),m=o.ref(null),d=j.useVModel(n,"format",c,{defaultValue:n.defaultFormat,passive:n.format===void 0}),v=o.computed(()=>d.value&&r.includes(d.value)?d.value:"hex"),b=j.useVModel(n,"color",c,{defaultValue:n.defaultColor,passive:n.color===void 0}),i="#ffffffff",g=o.computed(()=>b.value??n.defaultColor??i);o.watch(g,D);const _=o.computed(()=>{const u=v.value,s=f[u];return u.split("").map(l=>{const p=s[l];return{value:F(u,l).to(p),channel:l,label:l.toUpperCase()}}).concat(n.hideAlpha?[]:[{value:R.to(s.a),channel:"a",label:"Alpha"}])}),C=o.computed({get(){return n.hideAlpha&&[5,9].includes(f.hex.length)?f.hex.substring(0,f.hex.length-(f.hex.length-1)/4):f.hex},set(u){ee(u)&&w("hex",u)}}),f=o.reactive({hex:i,hsl:{h:0,s:0,l:100,a:1},hsv:{h:0,s:0,v:100,a:1},hwb:{h:0,w:100,b:0,a:1},rgb:{r:255,g:255,b:255,a:1}});function w(u,s){let l=s;if(n.hideAlpha)if(typeof s!="string")s.a=1,l=s;else if([5,9].includes(s.length)){const p=(s.length-1)/4;l=s.substring(0,s.length-p)+"f".repeat(p)}else[4,7].includes(s.length)&&(l=s+"f".repeat((s.length-1)/3));if(!me(f[u],l)){f[u]=l;for(const p of r)p!==u&&(f[p]=Y(u,p,l));b.value=O({color:Y(u,v.value,l),format:v.value},n.hideAlpha),c("change",ue())}a.value instanceof HTMLElement&&h.value instanceof HTMLElement&&m.value instanceof HTMLElement&&le(a.value,h.value,m.value)}function D(u){const s=X(u);if(s!==null)w(s.format,s.color);else{const l=X(i);l!==null&&w(l.format,l.color)}}function re(u){d.value=u}function W(u,s){const l=u.currentTarget,p={...f.hsv};p[s]=Number(l.value),w("hsv",p)}function se(u,s){const l=v.value,p={...f[l]},P=(s==="a"?R:F(l,s)).from(u);Number.isNaN(u)||u===void 0||(p[s]=P,w(l,p))}function le(u,s,l){const p=O({format:"hsl",color:f.hsl},!0);u.style.setProperty("--vacp-color",p),s.style.position="relative",s.style.backgroundColor=`hsl(${f.hsl.h} 100% 50%)`,s.style.backgroundImage="linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, transparent)",l.style.boxSizing="border-box",l.style.position="absolute",l.style.left=`${f.hsv.s}%`,l.style.bottom=`${f.hsv.v}%`}function ue(){const u=O({color:f[v.value],format:v.value},n.hideAlpha);return{colors:f,cssColor:u}}function q(u){if(!["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"].includes(u.key)||!u.shiftKey)return;const s=u.currentTarget,l=Number(s.step),p=["ArrowLeft","ArrowDown"].includes(u.key)?-1:1,T=Number(s.value)+p*l*10,P=A(T,Number(s.min),Number(s.max));s.value=String(P-p*l)}const{openEyeDropper:ce}=we(D);o.onMounted(()=>D(g.value)),oe({colorSpace:h,thumb:m,colors:f,setColor:w});const B=x.getBemElement(V,"slider");return(u,s)=>(o.openBlock(),o.createElementBlock("div",{ref_key:"colorPicker",ref:a,class:o.normalizeClass([o.unref(V),n.class])},[o.createVNode(xe),o.createElementVNode("div",{class:o.normalizeClass(o.unref(x.getBemElement)(o.unref(V),"sliders"))},[o.createElementVNode("input",{class:o.normalizeClass([o.unref(B),o.unref(x.getBemModifier)(o.unref(B),"hue")]),value:f.hsv.h,type:"range",min:"0",max:"360",step:"1",onKeydownPassive:q,onInput:s[0]||(s[0]=l=>W(l,"h"))},null,42,Ce),u.hideAlpha?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("input",{key:0,class:o.normalizeClass([o.unref(B),o.unref(x.getBemModifier)(o.unref(B),"alpha")]),value:f.hsv.a,type:"range",min:"0",max:"1",step:"0.01",onKeydownPassive:q,onInput:s[1]||(s[1]=l=>W(l,"a"))},null,42,_e))],2),o.createElementVNode("div",{class:o.normalizeClass(o.unref(x.getBemElement)(o.unref(V),"inputs"))},[o.createElementVNode("button",{disabled:!0,class:"fake-select",onClick:s[2]||(s[2]=l=>re("rgb"))},[s[4]||(s[4]=o.createElementVNode("div",null,"Hex",-1)),o.createVNode(ie._sfc_main,{icon:"tabler:chevron-down",size:"2xsm",class:"fake-select-icon"})]),v.value==="hex"?(o.openBlock(),o.createBlock(U._sfc_main,{key:0,class:"flex-1",size:"sm",modelValue:C.value,"onUpdate:modelValue":s[3]||(s[3]=l=>C.value=l)},null,8,["modelValue"])):(o.openBlock(!0),o.createElementBlock(o.Fragment,{key:1},o.renderList(_.value,({value:l,channel:p})=>(o.openBlock(),o.createBlock(U._sfc_main,{modelValue:l,"onUpdate:modelValue":T=>se(T,p),size:"sm"},null,8,["modelValue","onUpdate:modelValue"]))),256)),o.unref(te)?(o.openBlock(),o.createBlock(ae._sfc_main,{key:2,onClick:o.unref(ce),icon:"tabler:color-picker",size:"sm",type:"outline",variant:"icon"},null,8,["onClick"])):o.createCommentVNode("",!0)],2)],2))}});exports._sfc_main=ke;exports.injectColorPickerContext=ne;exports.provideColorPickerContext=oe;

package/dist/ColorPicker.vue_vue_type_style_index_0_lang-CGOaJvqg.js

@@ -1,541 +0,0 @@
-import { onUnmounted as we, defineComponent as ue, onMounted as ae, onBeforeUnmount as ye, createElementBlock as D, openBlock as C, normalizeClass as T, unref as v, createElementVNode as E, ref as j, computed as R, watch as xe, reactive as Ce, createVNode as Q, createCommentVNode as Z, createBlock as Y, Fragment as Te, renderList as Ve } from "vue";
-import { _ as ke } from "./ActionButton.vue_vue_type_script_setup_true_lang-DaeklrrN.js";
-import { _ as ee } from "./Input.vue_vue_type_style_index_0_lang-07-tyz6h.js";
-import { _ as Ee } from "./Icon.vue_vue_type_style_index_0_lang-BOEBJy1n.js";
-import { useVModel as te } from "@vueuse/core";
-import { getBemElement as P, getBemBlock as Me, getBemModifier as ne } from "@pantograph/utils";
-import { createContext as _e } from "radix-vue";
-function S(e, t, o) {
-  return Math.max(t, Math.min(e, o));
-}
-function Ae(e, t) {
-  if (typeof e == "string" || typeof t == "string")
-    return e === t;
-  if (e) {
-    if (!t) return !1;
-    for (const o in e)
-      if (e[o] !== t[o])
-        return !1;
-  }
-  return !0;
-}
-function F(e) {
-  const t = [], o = e.length > 5 ? 2 : 1;
-  for (let n = 1; n < e.length; n += o) {
-    const u = e.substring(n, n + o).repeat(o % 2 + 1), a = parseInt(u, 16);
-    t.push(n === 3 * o + 1 ? a / 255 : a);
-  }
-  return t.length === 3 && t.push(1), {
-    r: t[0],
-    g: t[1],
-    b: t[2],
-    a: t[3]
-  };
-}
-function ie(e) {
-  const t = e.l / 100, o = t + e.s / 100 * Math.min(t, 1 - t), n = o === 0 ? 0 : 200 * (1 - t / o);
-  return {
-    h: e.h,
-    s: n,
-    v: o * 100,
-    a: e.a
-  };
-}
-function O(e) {
-  let t = e.h % 360;
-  t < 0 && (t += 360);
-  const o = e.s / 100, n = e.l / 100;
-  return {
-    r: K(0, t, o, n) * 255,
-    g: K(8, t, o, n) * 255,
-    b: K(4, t, o, n) * 255,
-    a: e.a
-  };
-}
-function K(e, t, o, n) {
-  const u = (e + t / 30) % 12, a = o * Math.min(n, 1 - n);
-  return n - a * Math.max(-1, Math.min(u - 3, 9 - u, 1));
-}
-function ce(e) {
-  const t = e.s / 100, o = e.v / 100, n = o * (1 - t / 2);
-  return {
-    h: e.h,
-    s: n === 0 || n === 1 ? 0 : (o - n) / Math.min(n, 1 - n) * 100,
-    l: n * 100,
-    a: e.a
-  };
-}
-function fe(e) {
-  return {
-    h: e.h,
-    w: e.v * (100 - e.s) / 100,
-    b: 100 - e.v,
-    a: e.a
-  };
-}
-function N(e) {
-  return O(ce(e));
-}
-function k(e) {
-  const t = e.w / 100, o = e.b / 100;
-  let n, u;
-  const a = t + o;
-  return a >= 1 ? (n = 0, u = t / a) : (u = 1 - o, n = (1 - t / u) * 100), {
-    h: e.h,
-    s: n,
-    v: u * 100,
-    a: e.a
-  };
-}
-function W(e) {
-  const { r: t, g: o, b: n, a: u } = e, a = Math.min(t, o, n), m = Math.max(t, o, n), f = m - a, h = (m + a) / 2;
-  let p = 0;
-  f !== 0 && (m === t ? p = (o - n) / f + (o < n ? 6 : 0) : m === o ? p = (n - t) / f + 2 : m === n && (p = (t - o) / f + 4), p *= 60);
-  let b = 0;
-  return h !== 0 && h !== 255 && (b = (m - h) / Math.min(h, 255 - h)), {
-    h: p,
-    s: b * 100,
-    l: h / 255 * 100,
-    a: u
-  };
-}
-function $(e) {
-  return "#" + Object.values(e).map(
-    (t, o) => Math.round(o === 3 ? t * 255 : t).toString(16).padStart(2, "0")
-  ).join("");
-}
-function H(e) {
-  return fe(ie(W(e)));
-}
-const Ne = {
-  hex: {
-    hex: (e) => e,
-    hsl: (e) => W(F(e)),
-    hsv: (e) => k(H(F(e))),
-    hwb: (e) => H(F(e)),
-    rgb: F
-  },
-  hsl: {
-    hex: (e) => $(O(e)),
-    hsl: (e) => e,
-    hsv: ie,
-    hwb: (e) => H(O(e)),
-    rgb: O
-  },
-  hsv: {
-    hex: (e) => $(N(e)),
-    hsl: ce,
-    hsv: (e) => e,
-    hwb: fe,
-    rgb: N
-  },
-  hwb: {
-    hex: (e) => $(N(k(e))),
-    hsl: (e) => W(N(k(e))),
-    hsv: k,
-    hwb: (e) => e,
-    rgb: (e) => N(k(e))
-  },
-  rgb: {
-    hex: $,
-    hsl: W,
-    hsv: (e) => k(H(e)),
-    hwb: H,
-    rgb: (e) => e
-  }
-};
-function oe(e, t, o) {
-  return Ne[e][t](o);
-}
-function He(e, t) {
-  const o = e.toFixed(t);
-  return o.includes(".") ? o.replace(/\.?0+$/, "") : o;
-}
-const Pe = {
-  deg: 1,
-  grad: 0.9,
-  rad: 180 / Math.PI,
-  turn: 360
-}, B = {
-  from(e) {
-    return e.endsWith("%") ? M.from(e, { referenceValue: 1 }) : y.from(e, { min: 0, max: 1 });
-  },
-  to(e) {
-    return y.to(e);
-  }
-}, re = {
-  from(e) {
-    const t = e.match(/deg|g?rad|turn$/);
-    if (t === null)
-      return y.from(e);
-    const o = t[0];
-    return y.from(e.slice(0, -o.length)) * Pe[o];
-  },
-  to(e) {
-    return y.to(e);
-  }
-}, y = {
-  from(e, { min: t = Number.NEGATIVE_INFINITY, max: o = Number.POSITIVE_INFINITY } = {}) {
-    return e.endsWith(".") ? NaN : S(Number(e), t, o);
-  },
-  to(e) {
-    return He(e, 2);
-  }
-}, M = {
-  from(e, { referenceValue: t = 100, min: o = 0, max: n = 100 } = {}) {
-    return e.endsWith("%") ? y.from(e.slice(0, -1), { min: o, max: n }) * t / 100 : NaN;
-  },
-  to(e) {
-    return y.to(e) + "%";
-  }
-}, q = {
-  from(e) {
-    return e.endsWith("%") ? M.from(e, { referenceValue: 255 }) : y.from(e, { min: 0, max: 255 });
-  },
-  to(e) {
-    return y.to(e);
-  }
-}, Se = {
-  hsl: {
-    h: re,
-    s: M,
-    l: M
-  },
-  hwb: {
-    h: re,
-    w: M,
-    b: M
-  },
-  rgb: {
-    r: q,
-    g: q,
-    b: q
-  }
-};
-function U(e, t) {
-  return Se[e][t];
-}
-function G({ format: e, color: t }, o) {
-  if (e === "hex")
-    return o && [5, 9].includes(t.length) ? t.substring(0, t.length - (t.length - 1) / 4) : t;
-  const n = Object.entries(t).slice(0, o ? 3 : 4).map(([u, a]) => {
-    const m = u === "a" ? B : U(e, u);
-    return (u === "a" ? "/ " : "") + m.to(a);
-  });
-  return `${e}(${n.join(" ")})`;
-}
-function me(e) {
-  return /^#(?:(?:[A-F0-9]{2}){3,4}|[A-F0-9]{3,4})$/i.test(e);
-}
-function Le(e) {
-  return "r" in e ? "rgb" : "w" in e ? "hwb" : "v" in e ? "hsv" : "s" in e ? "hsl" : null;
-}
-const se = {
-  hsl: ["h", "s", "l", "a"],
-  hwb: ["h", "w", "b", "a"],
-  rgb: ["r", "g", "b", "a"]
-};
-function le(e) {
-  if (!e) return null;
-  if (typeof e != "string") {
-    const f = Le(e);
-    return f === null ? null : { format: f, color: e };
-  }
-  if (e.startsWith("#"))
-    return me(e) ? { format: "hex", color: e } : null;
-  if (!e.includes("(")) {
-    const f = document.createElement("canvas").getContext("2d");
-    f.fillStyle = e;
-    const h = f.fillStyle;
-    return h === "#000000" && e !== "black" ? null : { format: "hex", color: h };
-  }
-  const [t, o] = e.split("("), n = t.substring(0, 3);
-  if (!(n in se))
-    return null;
-  const u = o.replace(/[,/)]/g, " ").replace(/\s+/g, " ").trim().split(" ");
-  u.length === 3 && u.push("1");
-  const a = se[n], m = Object.fromEntries(
-    a.map((f, h) => {
-      const p = f === "a" ? B : U(n, f);
-      return [f, p.from(u[h])];
-    })
-  );
-  return { format: n, color: m };
-}
-const Ie = typeof window < "u", he = Ie && "EyeDropper" in window, Re = (e) => {
-  const t = new AbortController();
-  we(() => t.abort());
-  async function o() {
-    if (!he) return;
-    const n = new window.EyeDropper();
-    try {
-      let a = (await n.open({ signal: t.signal })).sRGBHex;
-      if (a.startsWith("rgba")) {
-        const m = a.match(/rgba?\((?<r>\d+), (?<g>\d+), (?<b>\d+), (?<a>[\d.]+)\)/);
-        if (m) {
-          const [f, h, p, b, i] = m;
-          a = `rgba(${h}, ${p}, ${b}, ${parseFloat(i) === 0 ? "1" : i})`;
-        }
-      }
-      e(a);
-    } catch (u) {
-      console.log("e ===>", u);
-    }
-  }
-  return {
-    openEyeDropper: o,
-    abortController: t
-  };
-};
-function Fe(e, t, o) {
-  const n = e.getBoundingClientRect(), u = t - n.left, a = o - n.top;
-  return {
-    x: n.width === 0 ? 0 : S(u / n.width * 100, 0, 100),
-    y: n.height === 0 ? 0 : S((1 - a / n.height) * 100, 0, 100)
-  };
-}
-const $e = /* @__PURE__ */ ue({
-  __name: "ColorPickerSpace",
-  setup(e) {
-    const t = We();
-    let o = !1, n;
-    function u(i) {
-      n = document.body.style.userSelect, document.body.style.userSelect = "none", o = !0, f(i);
-    }
-    function a(i) {
-      o = !0, h(i);
-    }
-    function m() {
-      document.body.style.userSelect = n, o = !1;
-    }
-    function f(i) {
-      i.buttons !== 1 || !o || !(t.colorSpace.value instanceof HTMLElement) || p(t.colorSpace.value, i.clientX, i.clientY);
-    }
-    function h(i) {
-      if (!o || !(t.colorSpace.value instanceof HTMLElement))
-        return;
-      i.preventDefault();
-      const g = i.touches[0];
-      p(t.colorSpace.value, g.clientX, g.clientY);
-    }
-    function p(i, g, V) {
-      const x = Fe(i, g, V), c = { ...t.colors.hsv };
-      c.s = x.x, c.v = x.y, t.setColor("hsv", c);
-    }
-    function b(i) {
-      if (!["ArrowUp", "ArrowRight", "ArrowDown", "ArrowLeft"].includes(i.key))
-        return;
-      i.preventDefault();
-      const g = ["ArrowLeft", "ArrowDown"].includes(i.key) ? -1 : 1, V = ["ArrowLeft", "ArrowRight"].includes(i.key) ? "s" : "v", x = i.shiftKey ? 10 : 1, c = t.colors.hsv[V] + g * x, w = { ...t.colors.hsv };
-      w[V] = S(c, 0, 100), t.setColor("hsv", w);
-    }
-    return ae(() => {
-      document.addEventListener("mousemove", f, { passive: !1 }), document.addEventListener("touchmove", h, { passive: !1 }), document.addEventListener("mouseup", m), document.addEventListener("touchend", m);
-    }), ye(() => {
-      document.removeEventListener("mousemove", f), document.removeEventListener("touchmove", h), document.removeEventListener("mouseup", m), document.removeEventListener("touchend", m);
-    }), (i, g) => (C(), D("div", {
-      ref: v(t).colorSpace,
-      class: T([v(P)(v(_), "space")]),
-      onMousedown: u,
-      onTouchstart: a
-    }, [
-      E("button", {
-        ref: v(t).thumb,
-        class: T([v(P)(v(_), "thumb")]),
-        tabindex: "0",
-        "aria-label": "Color space thumb",
-        onKeydown: b
-      }, null, 34)
-    ], 34));
-  }
-}), De = ["value"], Oe = ["value"], [We, Be] = _e("ColorPicker"), _ = Me("color_picker"), Xe = /* @__PURE__ */ ue({
-  __name: "ColorPicker",
-  props: {
-    class: {},
-    color: {},
-    defaultColor: { default: "#ffffffff" },
-    format: {},
-    defaultFormat: { default: "hex" },
-    hideAlpha: { type: Boolean }
-  },
-  emits: ["update:color", "update:format", "change"],
-  setup(e, { emit: t }) {
-    const o = ["hex", "hsl", "hsv", "hwb", "rgb"], n = e, u = t, a = j(null), m = j(null), f = j(null), h = te(n, "format", u, {
-      defaultValue: n.defaultFormat,
-      passive: n.format === void 0
-    }), p = R(
-      () => h.value && o.includes(h.value) ? h.value : "hex"
-    ), b = te(n, "color", u, {
-      defaultValue: n.defaultColor,
-      passive: n.color === void 0
-    }), i = "#ffffffff", g = R(() => b.value ?? n.defaultColor ?? i);
-    xe(g, z);
-    const V = R(() => {
-      const l = p.value, r = c[l];
-      return l.split("").map((s) => {
-        const d = r[s];
-        return {
-          value: U(l, s).to(d),
-          channel: s,
-          label: s.toUpperCase()
-        };
-      }).concat(
-        n.hideAlpha ? [] : [
-          {
-            value: B.to(r.a),
-            channel: "a",
-            label: "Alpha"
-          }
-        ]
-      );
-    }), x = R({
-      get() {
-        return n.hideAlpha && [5, 9].includes(c.hex.length) ? c.hex.substring(0, c.hex.length - (c.hex.length - 1) / 4) : c.hex;
-      },
-      set(l) {
-        me(l) && w("hex", l);
-      }
-    }), c = Ce({
-      hex: i,
-      hsl: { h: 0, s: 0, l: 100, a: 1 },
-      hsv: { h: 0, s: 0, v: 100, a: 1 },
-      hwb: { h: 0, w: 100, b: 0, a: 1 },
-      rgb: { r: 255, g: 255, b: 255, a: 1 }
-    });
-    function w(l, r) {
-      let s = r;
-      if (n.hideAlpha)
-        if (typeof r != "string")
-          r.a = 1, s = r;
-        else if ([5, 9].includes(r.length)) {
-          const d = (r.length - 1) / 4;
-          s = r.substring(0, r.length - d) + "f".repeat(d);
-        } else [4, 7].includes(r.length) && (s = r + "f".repeat((r.length - 1) / 3));
-      if (!Ae(c[l], s)) {
-        c[l] = s;
-        for (const d of o)
-          d !== l && (c[d] = oe(l, d, s));
-        b.value = G(
-          { color: oe(l, p.value, s), format: p.value },
-          n.hideAlpha
-        ), u("change", ge());
-      }
-      a.value instanceof HTMLElement && m.value instanceof HTMLElement && f.value instanceof HTMLElement && ve(a.value, m.value, f.value);
-    }
-    function z(l) {
-      const r = le(l);
-      if (r !== null)
-        w(r.format, r.color);
-      else {
-        const s = le(i);
-        s !== null && w(s.format, s.color);
-      }
-    }
-    function de(l) {
-      h.value = l;
-    }
-    function X(l, r) {
-      const s = l.currentTarget, d = { ...c.hsv };
-      d[r] = Number(s.value), w("hsv", d);
-    }
-    function pe(l, r) {
-      const s = p.value, d = { ...c[s] }, I = (r === "a" ? B : U(s, r)).from(l);
-      Number.isNaN(l) || l === void 0 || (d[r] = I, w(s, d));
-    }
-    function ve(l, r, s) {
-      const d = G({ format: "hsl", color: c.hsl }, !0);
-      l.style.setProperty("--vacp-color", d), r.style.position = "relative", r.style.backgroundColor = `hsl(${c.hsl.h} 100% 50%)`, r.style.backgroundImage = "linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, transparent)", s.style.boxSizing = "border-box", s.style.position = "absolute", s.style.left = `${c.hsv.s}%`, s.style.bottom = `${c.hsv.v}%`;
-    }
-    function ge() {
-      const l = G(
-        { color: c[p.value], format: p.value },
-        n.hideAlpha
-      );
-      return {
-        colors: c,
-        cssColor: l
-      };
-    }
-    function J(l) {
-      if (!["ArrowUp", "ArrowRight", "ArrowDown", "ArrowLeft"].includes(l.key) || !l.shiftKey)
-        return;
-      const r = l.currentTarget, s = Number(r.step), d = ["ArrowLeft", "ArrowDown"].includes(l.key) ? -1 : 1, A = Number(r.value) + d * s * 10, I = S(A, Number(r.min), Number(r.max));
-      r.value = String(I - d * s);
-    }
-    const { openEyeDropper: be } = Re(z);
-    ae(() => z(g.value)), Be({ colorSpace: m, thumb: f, colors: c, setColor: w });
-    const L = P(_, "slider");
-    return (l, r) => (C(), D("div", {
-      ref_key: "colorPicker",
-      ref: a,
-      class: T([v(_), n.class])
-    }, [
-      Q($e),
-      E("div", {
-        class: T(v(P)(v(_), "sliders"))
-      }, [
-        E("input", {
-          class: T([v(L), v(ne)(v(L), "hue")]),
-          value: c.hsv.h,
-          type: "range",
-          min: "0",
-          max: "360",
-          step: "1",
-          onKeydownPassive: J,
-          onInput: r[0] || (r[0] = (s) => X(s, "h"))
-        }, null, 42, De),
-        l.hideAlpha ? Z("", !0) : (C(), D("input", {
-          key: 0,
-          class: T([v(L), v(ne)(v(L), "alpha")]),
-          value: c.hsv.a,
-          type: "range",
-          min: "0",
-          max: "1",
-          step: "0.01",
-          onKeydownPassive: J,
-          onInput: r[1] || (r[1] = (s) => X(s, "a"))
-        }, null, 42, Oe))
-      ], 2),
-      E("div", {
-        class: T(v(P)(v(_), "inputs"))
-      }, [
-        E("button", {
-          disabled: !0,
-          class: "fake-select",
-          onClick: r[2] || (r[2] = (s) => de("rgb"))
-        }, [
-          r[4] || (r[4] = E("div", null, "Hex", -1)),
-          Q(Ee, {
-            icon: "tabler:chevron-down",
-            size: "2xsm",
-            class: "fake-select-icon"
-          })
-        ]),
-        p.value === "hex" ? (C(), Y(ee, {
-          key: 0,
-          class: "flex-1",
-          size: "sm",
-          modelValue: x.value,
-          "onUpdate:modelValue": r[3] || (r[3] = (s) => x.value = s)
-        }, null, 8, ["modelValue"])) : (C(!0), D(Te, { key: 1 }, Ve(V.value, ({ value: s, channel: d }) => (C(), Y(ee, {
-          modelValue: s,
-          "onUpdate:modelValue": (A) => pe(A, d),
-          size: "sm"
-        }, null, 8, ["modelValue", "onUpdate:modelValue"]))), 256)),
-        v(he) ? (C(), Y(ke, {
-          key: 2,
-          onClick: v(be),
-          icon: "tabler:color-picker",
-          size: "sm",
-          type: "outline",
-          variant: "icon"
-        }, null, 8, ["onClick"])) : Z("", !0)
-      ], 2)
-    ], 2));
-  }
-});
-export {
-  Xe as _,
-  We as i,
-  Be as p
-};

package/dist/Tree.vue_vue_type_style_index_0_lang-CtQ_g29v.js

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