@pantograph/vue 0.10.4 → 0.10.6

package/dist/ColorPicker/index.umd.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorPicker.vue_vue_type_style_index_0_lang-LYEiXGuI.js");exports.ColorPicker=e._sfc_main;exports.default=e._sfc_main;exports.injectColorPickerContext=e.injectColorPickerContext;exports.provideColorPickerContext=e.provideColorPickerContext;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorPicker.vue_vue_type_style_index_0_lang-BNdf9ydf.js");exports.ColorPicker=e._sfc_main;exports.default=e._sfc_main;exports.injectColorPickerContext=e.injectColorPickerContext;exports.provideColorPickerContext=e.provideColorPickerContext;

package/dist/{ColorPicker.vue_vue_type_style_index_0_lang-LYEiXGuI.js → ColorPicker.vue_vue_type_style_index_0_lang-BNdf9ydf.js}

@@ -1 +1 @@
-"use strict";const o=require("vue"),ae=require("./ActionButton.vue_vue_type_script_setup_true_lang-DZY7N5gS.js"),U=require("./Input.vue_vue_type_style_index_0_lang-HdWdXVjL.js"),ie=require("./Icon.vue_vue_type_style_index_0_lang-c9NvwoHi.js"),j=require("@vueuse/core"),x=require("./class-CjZYGZDW.js"),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;
+"use strict";const o=require("vue"),ae=require("./ActionButton.vue_vue_type_script_setup_true_lang-B3fz9VlS.js"),U=require("./Input.vue_vue_type_style_index_0_lang-Bg1yMzU-.js"),ie=require("./Icon.vue_vue_type_style_index_0_lang-c9NvwoHi.js"),j=require("@vueuse/core"),x=require("./class-CjZYGZDW.js"),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-nriGmBdP.js → ColorPicker.vue_vue_type_style_index_0_lang-ELatlkv4.js}

@@ -1,6 +1,6 @@
 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-XYkQJLWE.js";
-import { _ as ee } from "./Input.vue_vue_type_style_index_0_lang-BCS_of9l.js";
+import { _ as ke } from "./ActionButton.vue_vue_type_script_setup_true_lang-CGtPZ6WM.js";
+import { _ as ee } from "./Input.vue_vue_type_style_index_0_lang-DqsL8ARC.js";
 import { _ as Ee } from "./Icon.vue_vue_type_style_index_0_lang-BVVc15Aa.js";
 import { useVModel as te } from "@vueuse/core";
 import { b as P, g as Me, c as ne } from "./class-DziTeW9B.js";

package/dist/ColorSwatch/index.js.js

@@ -1,4 +1,4 @@
-import { _ as s, C as r, a as t, _ as e } from "../ColorSwatch.vue_vue_type_style_index_0_lang-DMzq203l.js";
+import { _ as s, C as r, a as t, _ as e } from "../ColorSwatch.vue_vue_type_style_index_0_lang-gdy03Pwc.js";
 export {
   s as ColorSwatch,
   r as ColorSwatchSizes,

package/dist/ColorSwatch/index.umd.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorSwatch.vue_vue_type_style_index_0_lang-Tu5jN_qs.js");exports.ColorSwatch=e._sfc_main;exports.ColorSwatchSizes=e.ColorSwatchSizes;exports.ColorSwatchTypes=e.ColorSwatchTypes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorSwatch.vue_vue_type_style_index_0_lang-DWbErEeg.js");exports.ColorSwatch=e._sfc_main;exports.ColorSwatchSizes=e.ColorSwatchSizes;exports.ColorSwatchTypes=e.ColorSwatchTypes;exports.default=e._sfc_main;

package/dist/{ColorSwatch.vue_vue_type_style_index_0_lang-Tu5jN_qs.js → ColorSwatch.vue_vue_type_style_index_0_lang-DWbErEeg.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),v=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-CshbWnRl.js"),k=require("./options-B4iSAKol.js"),_=require("./omit-C4BrcXKG.js"),r=require("./class-CjZYGZDW.js"),C=require("class-variance-authority"),f=require("./IconButton.vue_vue_type_script_setup_true_lang-B_9aypIC.js"),c=["sm","md"],l=["color","remover","custom-picker"],h={key:1,height:"100%",width:"100%",viewBox:"0 0 19 18",fill:"none"},z=e.defineComponent({...k.getComponentOptions("ColorTrigger"),__name:"ColorSwatch",props:{class:{},icon:{},flipOnDir:{},fg:{},bg:{},br:{},size:{default:"md"},selected:{type:Boolean},type:{default:"color"},customPickerIcon:{default:"tabler:palette"}},setup(p){const o=p,s=r.getBemBlock("color_swatch"),u=C.cva(s,{variants:{selected:r.generateVariantClassList("selected",s),size:r.generateVariantClassList(c,s),type:r.generateVariantClassList(l,s)}}),n=e.computed(()=>o.size&&c.includes(o.size)?o.size:"md"),m=e.computed(()=>({size:n.value,..._.omit(o,"size","class","type","selected")})),d=e.useSlots(),y=e.computed(()=>{switch(o.type){case"color":return"div";case"custom-picker":return f._sfc_main;case"remover":return"div"}}),g=e.computed(()=>{const t={};return o.type==="custom-picker"&&(t.size=n.value,t.icon=o.customPickerIcon,t.color="gray",t.type="outline"),t});return(t,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(y.value),e.mergeProps({class:[e.unref(u)({selected:t.type!=="custom-picker"&&o.selected,size:t.size,type:t.type}),o.class]},g.value),{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"icon",e.normalizeProps(e.guardReactiveProps(o)))]),default:e.withCtx(()=>[t.type==="color"?(e.openBlock(),e.createBlock(v._sfc_main,e.normalizeProps(e.mergeProps({key:0},m.value)),e.createSlots({_:2},[e.renderList(Object.keys(d),a=>({name:a,fn:e.withCtx(()=>[e.renderSlot(t.$slots,a,e.normalizeProps(e.guardReactiveProps(o)))])}))]),1040)):t.type==="remover"?(e.openBlock(),e.createElementBlock("svg",h,i[0]||(i[0]=[e.createElementVNode("path",{id:"Empty Indicator",d:"M17.5 1L1.5 17",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"},null,-1)]))):e.createCommentVNode("",!0),t.type==="custom-picker"?e.renderSlot(t.$slots,"default",e.normalizeProps(e.mergeProps({key:2},o))):e.createCommentVNode("",!0)]),_:3},16,["class"]))}});exports.ColorSwatchSizes=c;exports.ColorSwatchTypes=l;exports._sfc_main=z;
+"use strict";const e=require("vue"),v=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-CshbWnRl.js"),k=require("./options-B4iSAKol.js"),_=require("./omit-C4BrcXKG.js"),r=require("./class-CjZYGZDW.js"),C=require("class-variance-authority"),f=require("./IconButton.vue_vue_type_script_setup_true_lang-CWqrQ22L.js"),c=["sm","md"],l=["color","remover","custom-picker"],h={key:1,height:"100%",width:"100%",viewBox:"0 0 19 18",fill:"none"},z=e.defineComponent({...k.getComponentOptions("ColorTrigger"),__name:"ColorSwatch",props:{class:{},icon:{},flipOnDir:{},fg:{},bg:{},br:{},size:{default:"md"},selected:{type:Boolean},type:{default:"color"},customPickerIcon:{default:"tabler:palette"}},setup(p){const o=p,s=r.getBemBlock("color_swatch"),u=C.cva(s,{variants:{selected:r.generateVariantClassList("selected",s),size:r.generateVariantClassList(c,s),type:r.generateVariantClassList(l,s)}}),n=e.computed(()=>o.size&&c.includes(o.size)?o.size:"md"),m=e.computed(()=>({size:n.value,..._.omit(o,"size","class","type","selected")})),d=e.useSlots(),y=e.computed(()=>{switch(o.type){case"color":return"div";case"custom-picker":return f._sfc_main;case"remover":return"div"}}),g=e.computed(()=>{const t={};return o.type==="custom-picker"&&(t.size=n.value,t.icon=o.customPickerIcon,t.color="gray",t.type="outline"),t});return(t,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(y.value),e.mergeProps({class:[e.unref(u)({selected:t.type!=="custom-picker"&&o.selected,size:t.size,type:t.type}),o.class]},g.value),{icon:e.withCtx(()=>[e.renderSlot(t.$slots,"icon",e.normalizeProps(e.guardReactiveProps(o)))]),default:e.withCtx(()=>[t.type==="color"?(e.openBlock(),e.createBlock(v._sfc_main,e.normalizeProps(e.mergeProps({key:0},m.value)),e.createSlots({_:2},[e.renderList(Object.keys(d),a=>({name:a,fn:e.withCtx(()=>[e.renderSlot(t.$slots,a,e.normalizeProps(e.guardReactiveProps(o)))])}))]),1040)):t.type==="remover"?(e.openBlock(),e.createElementBlock("svg",h,i[0]||(i[0]=[e.createElementVNode("path",{id:"Empty Indicator",d:"M17.5 1L1.5 17",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"},null,-1)]))):e.createCommentVNode("",!0),t.type==="custom-picker"?e.renderSlot(t.$slots,"default",e.normalizeProps(e.mergeProps({key:2},o))):e.createCommentVNode("",!0)]),_:3},16,["class"]))}});exports.ColorSwatchSizes=c;exports.ColorSwatchTypes=l;exports._sfc_main=z;

package/dist/{ColorSwatch.vue_vue_type_style_index_0_lang-DMzq203l.js → ColorSwatch.vue_vue_type_style_index_0_lang-gdy03Pwc.js}

@@ -1,10 +1,10 @@
 import { defineComponent as B, computed as s, useSlots as S, createBlock as d, openBlock as n, resolveDynamicComponent as _, mergeProps as c, unref as P, withCtx as i, createElementBlock as b, createCommentVNode as f, renderSlot as a, normalizeProps as r, createSlots as $, renderList as E, guardReactiveProps as y, createElementVNode as I } from "vue";
-import { _ as L } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-D9DyDBKQ.js";
+import { _ as L } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-zaYp13KC.js";
 import { g as O } from "./options-JBqnVZUl.js";
-import { o as V } from "./omit-gDFhewvU.js";
+import { o as V } from "./omit-CD3OjwFx.js";
 import { g as D, a as l } from "./class-DziTeW9B.js";
 import { cva as N } from "class-variance-authority";
-import { _ as T } from "./IconButton.vue_vue_type_script_setup_true_lang-5W7GQOhv.js";
+import { _ as T } from "./IconButton.vue_vue_type_script_setup_true_lang-CTfRxff0.js";
 const g = ["sm", "md"], j = ["color", "remover", "custom-picker"], M = {
   key: 1,
   height: "100%",

package/dist/ColorSwatchGroup/ColorSwatchGroup.d.ts

@@ -1,9 +1,9 @@
 import { Class } from '../types';
 import { ColorSwatchProps, ColorSwatchSlots } from '../ColorSwatch/ColorSwatch';
 import { ColorSwatchSize } from '../ColorSwatch/ColorSwatch.model';
-import { VisibleColorFormat } from '../ColorPicker/types.js';
-import { PopoverProps } from '../Popover/index.js';
-import { ColorPickerProps } from '../ColorPicker/index.js';
+import { VisibleColorFormat } from '../ColorPicker/types';
+import { PopoverProps } from '../Popover';
+import { ColorPickerProps } from '../ColorPicker';
 interface ColorObject extends Partial<Pick<ColorSwatchProps, 'bg' | 'fg' | 'br' | 'icon'>> {
     value: string;
 }

package/dist/ColorSwatchGroup/index.js.js

@@ -1,4 +1,4 @@
-import { _ as r, _ as t } from "../ColorSwatchGroup.vue_vue_type_style_index_0_lang-CRyynAiW.js";
+import { _ as r, _ as t } from "../ColorSwatchGroup.vue_vue_type_style_index_0_lang-DfnOsEBq.js";
 export {
   r as ColorSwatchGroup,
   t as default

package/dist/ColorSwatchGroup/index.umd.cjs.js

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

package/dist/{ColorSwatchGroup.vue_vue_type_style_index_0_lang-BxWt-Zbz.js → ColorSwatchGroup.vue_vue_type_style_index_0_lang-CfrcyIa2.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),S=require("./options-B4iSAKol.js"),q=require("radix-vue"),i=require("./ColorSwatch.vue_vue_type_style_index_0_lang-Tu5jN_qs.js"),g=require("./index-BBeDQiz4.js"),m=require("./_flatRest-CreY2VBo.js"),$=require("@vueuse/core"),u=require("./class-CjZYGZDW.js"),j=require("class-variance-authority"),w=require("./omit-C4BrcXKG.js"),E=require("./Popover.vue_vue_type_style_index_0_lang-DyKW40kh.js"),N=require("./ColorPicker.vue_vue_type_style_index_0_lang-LYEiXGuI.js"),k=require("./pick-Db06rbL5.js"),O=e.defineComponent({...S.getComponentOptions("ColorSwatchGroup"),__name:"ColorSwatchGroup",props:{format:{},defaultFormat:{},hideAlpha:{type:Boolean},size:{default:"md"},customPickerIcon:{},icon:{},class:{},noRemover:{type:Boolean},noCustomPicker:{type:Boolean},modelValue:{},headerCls:{},header:{},colorsCls:{},defaultValue:{},colors:{},colorMode:{default:"bold"},popoverProps:{}},emits:["update:format","update:modelValue"],setup(C,{emit:b}){const t=C,_=e.useSlots(),p=b,l=$.useVModel(t,"modelValue",p,{defaultValue:t.defaultValue,passive:t.modelValue===void 0}),y=o=>{if(g.isString(o))return{selected:l.value===o,icon:t.icon,bg:o};if(m.isObject(o))return{...w.omit(o,"value"),icon:o.icon??t.icon,selected:l.value===o.value}},a=u.getBemBlock("color_swatch_group"),h=j.cva(a,{variants:{size:u.generateVariantClassList(i.ColorSwatchSizes,a)}}),f=e.ref(!1),c=o=>m.isObject(o)?o.value:o??void 0,v=o=>{const r=c(o);l.value=r,f.value=!r},d=e.computed(()=>{if(t.colors)return t.colors;const o=["red","orange","yellow","lime","green","sky","blue","violet"];return t.colorMode==="subtle"?o.map(r=>`${r}-subtle`):typeof t.colorMode=="object"&&t.colorMode.value&&(t.colorMode.bg||t.colorMode.br||t.colorMode.fg)?o.map(r=>{const s={value:typeof t.colorMode=="object"&&t.colorMode.value==="subtle"?`${r}-subtle`:r};return typeof t.colorMode=="object"&&t.colorMode.bg&&(s.bg=t.colorMode.bg==="subtle"?`${r}-subtle`:r),typeof t.colorMode=="object"&&t.colorMode.br&&(s.br=t.colorMode.br==="subtle"?`${r}-subtle`:r),typeof t.colorMode=="object"&&t.colorMode.fg&&(s.fg=t.colorMode.fg==="subtle"?`${r}-subtle`:r),s}):o}),P=e.computed(()=>{var o;if(!((o=d.value)!=null&&o.length&&d.value.some(r=>g.isString(r)&&r===l.value||m.isObject(r)&&l.value===r.value)))return l.value}),V=o=>{o&&(l.value=o)},B=q.useEmitAsProps(p),M=e.computed(()=>({...k.pick(B,"onUpdate:format"),...k.pick(t,"format","defaultFormat","hideAlpha")}));return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([t.class,e.unref(h)({size:o.size})])},[_.header||o.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(u.getBemElement)(e.unref(a),"header"),o.headerCls])},[e.renderSlot(o.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(o.header),1)])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(u.getBemElement)(e.unref(a),"colors"),o.colorsCls])},[o.noRemover?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(i._sfc_main,{key:0,type:"remover",size:o.size,onClick:r[0]||(r[0]=s=>v()),selected:!e.unref(l)&&f.value},null,8,["size","selected"])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,s=>(e.openBlock(),e.createBlock(i._sfc_main,e.mergeProps({type:"color",size:o.size,icon:o.icon,ref_for:!0},y(s),{key:c(s),onClick:n=>v(s)}),e.createSlots({_:2},[e.renderList(Object.keys(o.$slots),n=>({name:n,fn:e.withCtx(z=>[e.renderSlot(o.$slots,n,e.mergeProps({ref_for:!0},{...z,value:c(s)}))])}))]),1040,["size","icon","onClick"]))),128)),o.noCustomPicker?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(E._sfc_main,e.mergeProps({key:1,trigger:"click","reverse-placement-on-dir":"rtl",placement:"right-start","side-offset":4},o.popoverProps||{}),{content:e.withCtx(()=>[e.createVNode(N._sfc_main,e.mergeProps({defaultColor:P.value,"onUpdate:color":V},M.value),null,16,["defaultColor"])]),default:e.withCtx(()=>[e.createVNode(i._sfc_main,{type:"custom-picker",size:o.size,customPickerIcon:o.customPickerIcon},e.createSlots({_:2},[e.renderList(Object.keys(o.$slots),s=>({name:s,fn:e.withCtx(n=>[e.renderSlot(o.$slots,s,e.normalizeProps(e.guardReactiveProps(n)))])}))]),1032,["size","customPickerIcon"])]),_:3},16))],2)],2))}});exports._sfc_main=O;
+"use strict";const e=require("vue"),S=require("./options-B4iSAKol.js"),q=require("radix-vue"),i=require("./ColorSwatch.vue_vue_type_style_index_0_lang-DWbErEeg.js"),g=require("./index-BBeDQiz4.js"),m=require("./_flatRest-CreY2VBo.js"),$=require("@vueuse/core"),u=require("./class-CjZYGZDW.js"),j=require("class-variance-authority"),w=require("./omit-C4BrcXKG.js"),E=require("./Popover.vue_vue_type_style_index_0_lang-C7q9V9tc.js"),N=require("./ColorPicker.vue_vue_type_style_index_0_lang-BNdf9ydf.js"),k=require("./pick-Db06rbL5.js"),O=e.defineComponent({...S.getComponentOptions("ColorSwatchGroup"),__name:"ColorSwatchGroup",props:{format:{},defaultFormat:{},hideAlpha:{type:Boolean},size:{default:"md"},customPickerIcon:{},icon:{},class:{},noRemover:{type:Boolean},noCustomPicker:{type:Boolean},modelValue:{},headerCls:{},header:{},colorsCls:{},defaultValue:{},colors:{},colorMode:{default:"bold"},popoverProps:{}},emits:["update:format","update:modelValue"],setup(C,{emit:b}){const t=C,_=e.useSlots(),p=b,l=$.useVModel(t,"modelValue",p,{defaultValue:t.defaultValue,passive:t.modelValue===void 0}),y=o=>{if(g.isString(o))return{selected:l.value===o,icon:t.icon,bg:o};if(m.isObject(o))return{...w.omit(o,"value"),icon:o.icon??t.icon,selected:l.value===o.value}},a=u.getBemBlock("color_swatch_group"),h=j.cva(a,{variants:{size:u.generateVariantClassList(i.ColorSwatchSizes,a)}}),f=e.ref(!1),c=o=>m.isObject(o)?o.value:o??void 0,v=o=>{const r=c(o);l.value=r,f.value=!r},d=e.computed(()=>{if(t.colors)return t.colors;const o=["red","orange","yellow","lime","green","sky","blue","violet"];return t.colorMode==="subtle"?o.map(r=>`${r}-subtle`):typeof t.colorMode=="object"&&t.colorMode.value&&(t.colorMode.bg||t.colorMode.br||t.colorMode.fg)?o.map(r=>{const s={value:typeof t.colorMode=="object"&&t.colorMode.value==="subtle"?`${r}-subtle`:r};return typeof t.colorMode=="object"&&t.colorMode.bg&&(s.bg=t.colorMode.bg==="subtle"?`${r}-subtle`:r),typeof t.colorMode=="object"&&t.colorMode.br&&(s.br=t.colorMode.br==="subtle"?`${r}-subtle`:r),typeof t.colorMode=="object"&&t.colorMode.fg&&(s.fg=t.colorMode.fg==="subtle"?`${r}-subtle`:r),s}):o}),P=e.computed(()=>{var o;if(!((o=d.value)!=null&&o.length&&d.value.some(r=>g.isString(r)&&r===l.value||m.isObject(r)&&l.value===r.value)))return l.value}),V=o=>{o&&(l.value=o)},B=q.useEmitAsProps(p),M=e.computed(()=>({...k.pick(B,"onUpdate:format"),...k.pick(t,"format","defaultFormat","hideAlpha")}));return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([t.class,e.unref(h)({size:o.size})])},[_.header||o.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(u.getBemElement)(e.unref(a),"header"),o.headerCls])},[e.renderSlot(o.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(o.header),1)])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(u.getBemElement)(e.unref(a),"colors"),o.colorsCls])},[o.noRemover?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(i._sfc_main,{key:0,type:"remover",size:o.size,onClick:r[0]||(r[0]=s=>v()),selected:!e.unref(l)&&f.value},null,8,["size","selected"])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,s=>(e.openBlock(),e.createBlock(i._sfc_main,e.mergeProps({type:"color",size:o.size,icon:o.icon,ref_for:!0},y(s),{key:c(s),onClick:n=>v(s)}),e.createSlots({_:2},[e.renderList(Object.keys(o.$slots),n=>({name:n,fn:e.withCtx(z=>[e.renderSlot(o.$slots,n,e.mergeProps({ref_for:!0},{...z,value:c(s)}))])}))]),1040,["size","icon","onClick"]))),128)),o.noCustomPicker?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(E._sfc_main,e.mergeProps({key:1,trigger:"click","reverse-placement-on-dir":"rtl",placement:"right-start","side-offset":4},o.popoverProps||{}),{content:e.withCtx(()=>[e.createVNode(N._sfc_main,e.mergeProps({defaultColor:P.value,"onUpdate:color":V},M.value),null,16,["defaultColor"])]),default:e.withCtx(()=>[e.createVNode(i._sfc_main,{type:"custom-picker",size:o.size,customPickerIcon:o.customPickerIcon},e.createSlots({_:2},[e.renderList(Object.keys(o.$slots),s=>({name:s,fn:e.withCtx(n=>[e.renderSlot(o.$slots,s,e.normalizeProps(e.guardReactiveProps(n)))])}))]),1032,["size","customPickerIcon"])]),_:3},16))],2)],2))}});exports._sfc_main=O;

package/dist/{ColorSwatchGroup.vue_vue_type_style_index_0_lang-CRyynAiW.js → ColorSwatchGroup.vue_vue_type_style_index_0_lang-DfnOsEBq.js}

@@ -1,16 +1,16 @@
 import { defineComponent as G, useSlots as L, ref as U, computed as p, createElementBlock as f, openBlock as l, normalizeClass as v, unref as a, createCommentVNode as b, createElementVNode as T, renderSlot as g, createTextVNode as q, toDisplayString as H, createBlock as C, Fragment as J, renderList as k, mergeProps as u, createSlots as V, withCtx as c, createVNode as $, normalizeProps as K, guardReactiveProps as Q } from "vue";
 import { g as W } from "./options-JBqnVZUl.js";
 import { useEmitAsProps as X } from "radix-vue";
-import { _ as y, C as Y } from "./ColorSwatch.vue_vue_type_style_index_0_lang-DMzq203l.js";
+import { _ as y, C as Y } from "./ColorSwatch.vue_vue_type_style_index_0_lang-gdy03Pwc.js";
 import { a as B } from "./index-iTlmMf0U.js";
-import { i as M } from "./_flatRest-Cgl-JzmZ.js";
+import { i as M } from "./_flatRest-Dx0ZZgOx.js";
 import { useVModel as Z } from "@vueuse/core";
 import { g as x, a as ee, b as j } from "./class-DziTeW9B.js";
 import { cva as oe } from "class-variance-authority";
-import { o as te } from "./omit-gDFhewvU.js";
-import { _ as re } from "./Popover.vue_vue_type_style_index_0_lang-CCfVt5eZ.js";
-import { _ as se } from "./ColorPicker.vue_vue_type_style_index_0_lang-nriGmBdP.js";
-import { p as S } from "./pick-D8bMooY6.js";
+import { o as te } from "./omit-CD3OjwFx.js";
+import { _ as re } from "./Popover.vue_vue_type_style_index_0_lang-P1ZoqEUT.js";
+import { _ as se } from "./ColorPicker.vue_vue_type_style_index_0_lang-ELatlkv4.js";
+import { p as S } from "./pick-8ze0sbWb.js";
 const Ce = /* @__PURE__ */ G({
   ...W("ColorSwatchGroup"),
   __name: "ColorSwatchGroup",

package/dist/ColorTrigger/index.js.js

@@ -1,4 +1,4 @@
-import { _ as e, C as a, _ as g } from "../ColorTrigger.vue_vue_type_style_index_0_lang-m13EP8UW.js";
+import { _ as e, C as a, _ as g } from "../ColorTrigger.vue_vue_type_style_index_0_lang-C5aTcJN1.js";
 export {
   e as ColorTrigger,
   a as ColorTriggerSizes,

package/dist/{ColorTrigger.vue_vue_type_style_index_0_lang-m13EP8UW.js → ColorTrigger.vue_vue_type_style_index_0_lang-C5aTcJN1.js}

@@ -1,11 +1,11 @@
 import { defineComponent as _, computed as r, useSlots as B, createElementBlock as S, openBlock as n, normalizeClass as v, unref as a, createVNode as k, createBlock as x, createCommentVNode as h, normalizeProps as c, guardReactiveProps as l, createSlots as I, renderList as y, withCtx as m, renderSlot as d } from "vue";
-import { _ as w } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-D9DyDBKQ.js";
+import { _ as w } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-zaYp13KC.js";
 import { g as O } from "./options-JBqnVZUl.js";
 import { g as $, a as f } from "./class-DziTeW9B.js";
 import { cva as T } from "class-variance-authority";
 import { _ as V } from "./Icon.vue_vue_type_style_index_0_lang-BVVc15Aa.js";
 import { a as G } from "./index-iTlmMf0U.js";
-import { p as L } from "./pick-D8bMooY6.js";
+import { p as L } from "./pick-8ze0sbWb.js";
 const u = ["sm", "md", "lg"], N = ["disabled"], J = /* @__PURE__ */ _({
   ...O("ColorTrigger"),
   __name: "ColorTrigger",

package/dist/DataTable/DataTable.d.ts

@@ -0,0 +1,67 @@
+import { TableRowSelection, TableColumn, TableSize, TableGetFunctionsProps, TableSelectProps } from './DataTable.model.js';
+import { EmptyProps } from '../Empty/Empty';
+import { Class } from '../types';
+export interface DataTableProps {
+    columns: TableColumn[];
+    childrenColumnName?: string;
+    data: object[];
+    class?: Class;
+    scrollViewportCls?: Class;
+    scrollAreaCls?: Class;
+    theadCls?: Class;
+    actionHoverCls?: Class;
+    rootCls?: Class;
+    rowSelection?: TableRowSelection;
+    rowKey?: string;
+    lazyLoading?: boolean;
+    loading?: boolean;
+    emptyProps?: EmptyProps;
+    size?: TableSize;
+    batchActionsTitle?: string;
+    loadingRowCount?: number;
+    stickyHeader?: boolean;
+    tableLayout?: 'auto' | 'fixed';
+    actionCol?: Omit<TableColumn, 'id' | 'wrap' | 'colSpan' | 'dataIndex' | 'sorter' | 'sortOrder'> & {
+        id?: string;
+    };
+    noHeader?: boolean;
+}
+interface DataTableSlots {
+    headerCell: (props: Partial<Pick<TableGetFunctionsProps, 'column'>>) => never;
+    bodyCell: (props: TableGetFunctionsProps) => never;
+    skeleton: (props: Partial<Omit<TableGetFunctionsProps, 'record'>>) => never;
+    batchActions: (props: Partial<TableSelectProps>) => never;
+    action: (props: TableGetFunctionsProps) => never;
+    cellAction: (props: TableGetFunctionsProps) => never;
+    hoverAction: (props: TableGetFunctionsProps) => never;
+    emptyTitle: () => never;
+    emptyDescription: () => never;
+    emptyActions: () => never;
+    emptyImage: () => never;
+}
+declare function __VLS_template(): {
+    slots: Readonly<DataTableSlots> & DataTableSlots;
+    refs: {
+        target: HTMLTableCellElement;
+    };
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<DataTableProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    fetch: () => any;
+}, string, import('vue').PublicProps, Readonly<DataTableProps> & Readonly<{
+    onFetch?: (() => any) | undefined;
+}>, {
+    size: TableSize;
+    childrenColumnName: string;
+    batchActionsTitle: string;
+    loadingRowCount: number;
+    tableLayout: "auto" | "fixed";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/DataTable/DataTable.model.d.ts

@@ -0,0 +1,57 @@
+import { MaybeRef, VNode } from 'vue';
+import { CheckboxProps } from '../Checkbox/Checkbox';
+import { SkeletonProps } from '../Skeleton/Skeleton';
+import { Class } from '../types';
+export type TableCustomCellReturn = {
+    colSpan?: number;
+    rowSpan?: number;
+    class?: Class;
+    wrap?: boolean;
+};
+export interface TableGetFunctionsProps<T = any> {
+    index: number;
+    record: T;
+    column: TableColumnBase<T>;
+}
+type Title = string | (() => VNode);
+export type TableCustomRender<T = any> = (data?: Partial<TableGetFunctionsProps<T>>) => VNode | undefined;
+interface TableColumnBase<T = any> extends Omit<TableCustomCellReturn, 'rowSpan'> {
+    dataIndex?: string;
+    render?: TableCustomRender<T>;
+    id: string;
+    maxWidth?: number | string;
+    minWidth?: number | string;
+    responsive?: ('desktop' | 'tablet' | 'mobile')[];
+    sorter?: ((a: T, b: T) => number) | 'basic' | 'datetime' | 'textCaseSensitive' | 'text' | 'alphanumericCaseSensitive' | 'alphanumeric';
+    title?: Title;
+    width?: number | string;
+    skeletonProps?: SkeletonProps;
+}
+export type TableCustomCell<T = any> = TableCustomCellReturn | ((props?: Partial<TableGetFunctionsProps<T>>) => TableCustomCellReturn | undefined) | undefined;
+export type TableColumn<T = any> = Omit<TableCustomCellReturn, 'rowSpan'> & TableColumnBase & {
+    customCell?: TableCustomCell<T>;
+} & {
+    [key: string]: unknown;
+};
+export interface TableSelectProps<T = any> {
+    selectedRowKeys: MaybeRef<string[]>;
+    selectedRows: MaybeRef<T[]>;
+}
+export type TableRowSelection<T = any> = {
+    checkStrictly?: boolean;
+    columnWidth?: string | number;
+    getCheckboxProps?: (record: T) => CheckboxProps;
+    preserveSelectedRowKeys?: boolean;
+    selectedRowKeys: string[];
+    onChange?: (props: TableSelectProps<T>) => void;
+    onSelect?: (props: TableSelectProps<T> & {
+        selected: boolean;
+        record: T;
+    }) => void;
+    onSelectAll?: (props: TableSelectProps<T> & {
+        selected: boolean;
+    }) => void;
+};
+export declare const TableSizes: readonly ["lg", "xlg"];
+export type TableSize = (typeof TableSizes)[number];
+export {};

package/dist/DataTable/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DataTable, default, type DataTableProps } from './DataTable';
+export * from './DataTable.model.js';