@unovis/vue 1.7.0-pre.2 → 1.7.0

package/components/brush/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as d, inject as m, computed as y, ref as v, onMounted as h, nextTick as F, onUnmounted as f, watch as s, createElementBlock as B, openBlock as x } from "vue";
-import { Brush as i } from "@unovis/ts";
+import { defineComponent as p, inject as d, computed as m, ref as y, onMounted as v, nextTick as h, onUnmounted as F, watch as u, openBlock as f, createElementBlock as B } from "vue";
+import { Brush as s } from "@unovis/ts";
+import { componentAccessorKey as x } from "../../utils/context.js";
 import { useForwardProps as _, arePropsEqual as b } from "../../utils/props.js";
-import { componentAccessorKey as g } from "../../utils/context.js";
-const S = { "data-vis-component": "" }, C = i.selectors, D = /* @__PURE__ */ d({
+const g = { "data-vis-component": "" }, w = s.selectors, A = /* @__PURE__ */ p({
   __name: "index",
   props: {
     onBrush: { type: Function },
@@ -14,10 +14,12 @@ const S = { "data-vis-component": "" }, C = i.selectors, D = /* @__PURE__ */ d({
     draggable: { type: Boolean },
     handlePosition: {},
     selectionMinLength: {},
+    brushHeightExtend: {},
     x: { type: [Function, Number, null] },
     y: { type: [Function, Number, null, Array] },
     id: { type: Function },
     color: { type: [Function, String, Array, null] },
+    colorKeys: {},
     xScale: { type: [Object, Function] },
     yScale: { type: [Object, Function] },
     excludeFromDomainCalculation: { type: Boolean },
@@ -26,29 +28,25 @@ const S = { "data-vis-component": "" }, C = i.selectors, D = /* @__PURE__ */ d({
     attributes: {},
     data: {}
   },
-  setup(l, { expose: p }) {
-    const o = m(g), c = l, n = y(() => o.data.value ?? c.data), a = _(c), t = v();
-    return h(() => {
-      F(() => {
-        var e;
-        t.value = new i(a.value), (e = t.value) == null || e.setData(n.value), o.update(t.value);
+  setup(i, { expose: l }) {
+    const a = i, t = d(x), o = m(() => t.data.value ?? a.data), n = _(a), e = y();
+    return v(() => {
+      h(() => {
+        e.value = new s(n.value), e.value?.setData(o.value), t.update(e.value);
       });
-    }), f(() => {
-      var e;
-      (e = t.value) == null || e.destroy(), o.destroy();
-    }), s(a, (e, r) => {
-      var u;
-      b(e, r) || (u = t.value) == null || u.setConfig(a.value);
-    }), s(n, () => {
-      var e;
-      (e = t.value) == null || e.setData(n.value);
-    }), p({
-      component: t
-    }), (e, r) => (x(), B("div", S));
+    }), F(() => {
+      e.value?.destroy(), t.destroy();
+    }), u(n, (r, c) => {
+      b(r, c) || (e.value?.setConfig(n.value), e.value?.render());
+    }), u(o, () => {
+      e.value?.setData(o.value);
+    }), l({
+      component: e
+    }), (r, c) => (f(), B("div", g));
   }
 });
 export {
-  C as VisBrushSelectors,
-  D as default
+  w as VisBrushSelectors,
+  A as default
 };
 //# sourceMappingURL=index.js.map

package/components/brush/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/brush/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Brush, BrushConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = BrushConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Brush<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Brush<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisBrushSelectors = Brush.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisBrushSelectors","Brush","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCAkDaA,IAAoBC,EAAM;;;;;;;;;;;;;;;;;;;;;;;;;AA3CvC,UAAMC,IAAWC,EAAOC,CAAoB,GAItCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAA;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAaQ,EAAO,KAAK,IAC/CM,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK,QAC9BL,EAAS,OAAOS,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBb,EAAS,QAAA;AAAA,IACX,CAAC,GAEDe,EAAMR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BJ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,UAAUN,EAAO;AAAA,IAEtC,CAAC,GAEDQ,EAAMV,GAAM,MAAM;;AAChB,OAAAQ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK;AAAA,IAChC,CAAC,GAEDc,EAAa;AAAA,MACX,WAAAV;AAAA,IAAA,CACD,cAQCW,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/brush/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { BrushConfigInterface } from '@unovis/ts'\nimport { Brush } from '@unovis/ts'\nimport { computed, inject, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { componentAccessorKey } from '../../utils/context'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\ntype Props = BrushConfigInterface<Datum>\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Brush<Datum>>()\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Brush<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n    component.value?.render()\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component,\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisBrushSelectors = Brush.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n"],"names":["VisBrushSelectors","Brush","props","__props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCAmDaA,IAAoBC,EAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3CvC,UAAMC,IAAQC,GAERC,IAAWC,EAAOC,CAAoB,GAItCC,IAAOC,EAAS,MAAMJ,EAAS,KAAK,SAASF,EAAM,IAAI,GAEvDO,IAASC,EAAgBR,CAAK,GAG9BS,IAAYC,EAAA;AAElB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAaQ,EAAO,KAAK,GAC/CE,EAAU,OAAO,QAAQJ,EAAK,KAAK,GACnCH,EAAS,OAAOO,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDI,EAAY,MAAM;AAChB,MAAAJ,EAAU,OAAO,QAAA,GACjBP,EAAS,QAAA;AAAA,IACX,CAAC,GAEDY,EAAMP,GAAQ,CAACQ,GAAMC,MAAS;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BP,EAAU,OAAO,UAAUF,EAAO,KAAK,GACvCE,EAAU,OAAO,OAAA;AAAA,IAErB,CAAC,GAEDK,EAAMT,GAAM,MAAM;AAChB,MAAAI,EAAU,OAAO,QAAQJ,EAAK,KAAK;AAAA,IACrC,CAAC,GAEDa,EAAa;AAAA,MACX,WAAAT;AAAA,IAAA,CACD,cAQCU,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}

package/components/chord-diagram/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),c=require("@unovis/ts"),s=require("../../utils/props.cjs"),g=require("../../utils/context.cjs"),v={"data-vis-component":""},m=c.ChordDiagram.selectors,h=n.defineComponent({__name:"index",props:{angleRange:{},cornerRadius:{type:[Function,Number,null]},highlightedNodeId:{},highlightedLinkIds:{},linkColor:{type:[Function,String,Array,null]},linkValue:{type:[Function,Number,null]},nodeLevels:{},nodeWidth:{},nodeColor:{type:[Function,String,Array,null]},nodeLabel:{type:[Function,String,null]},nodeLabelColor:{type:[Function,String,null]},nodeLabelAlignment:{type:[Function,String,null]},padAngle:{},radiusScaleExponent:{},duration:{},events:{},attributes:{},data:{}},setup(d,{expose:p}){const o=n.inject(g.componentAccessorKey),l=d,a=n.computed(()=>o.data.value??l.data),r=s.useForwardProps(l),t=n.ref();return n.onMounted(()=>{n.nextTick(()=>{var e;t.value=new c.ChordDiagram(r.value),(e=t.value)==null||e.setData(a.value),o.update(t.value)})}),n.onUnmounted(()=>{var e;(e=t.value)==null||e.destroy(),o.destroy()}),n.watch(r,(e,u)=>{var i;s.arePropsEqual(e,u)||(i=t.value)==null||i.setConfig(r.value)}),n.watch(a,()=>{var e;(e=t.value)==null||e.setData(a.value)}),p({component:t}),(e,u)=>(n.openBlock(),n.createElementBlock("div",v))}});exports.VisChordDiagramSelectors=m;exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("@unovis/ts"),p=require("../../utils/context.cjs"),i=require("../../utils/props.cjs"),g={"data-vis-component":""},v=c.ChordDiagram.selectors,m=e.defineComponent({__name:"index",props:{angleRange:{},cornerRadius:{type:[Function,Number,null]},highlightedNodeId:{},highlightedLinkIds:{},linkColor:{type:[Function,String,Array,null]},linkPattern:{type:[Function,null]},linkValue:{type:[Function,Number,null]},nodeLevels:{},nodeWidth:{},nodeColor:{type:[Function,String,Array,null]},nodePattern:{type:[Function,null]},nodeLabel:{type:[Function,String,null]},nodeLabelColor:{type:[Function,String,null]},nodeLabelAlignment:{type:[Function,String,null]},padAngle:{},radiusScaleExponent:{},duration:{},events:{},attributes:{},data:{}},setup(s,{expose:d}){const r=s,t=e.inject(p.componentAccessorKey),o=e.computed(()=>t.data.value??r.data),a=i.useForwardProps(r),n=e.ref();return e.onMounted(()=>{e.nextTick(()=>{n.value=new c.ChordDiagram(a.value),n.value?.setData(o.value),t.update(n.value)})}),e.onUnmounted(()=>{n.value?.destroy(),t.destroy()}),e.watch(a,(l,u)=>{i.arePropsEqual(l,u)||(n.value?.setConfig(a.value),n.value?.render())}),e.watch(o,()=>{n.value?.setData(o.value)}),d({component:n}),(l,u)=>(e.openBlock(),e.createElementBlock("div",g))}});exports.VisChordDiagramSelectors=v;exports.default=m;
 //# sourceMappingURL=index.cjs.map

package/components/chord-diagram/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/chord-diagram/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"N extends ChordInputNode,L extends ChordInputLink\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { ChordDiagram, ChordDiagramConfigInterface, ChordInputNode, ChordInputLink } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = ChordDiagramConfigInterface<N, L>\nconst props = defineProps<Props & { data?: { nodes: N[]; links?: L[] } }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<ChordDiagram<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new ChordDiagram<N, L>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisChordDiagramSelectors = ChordDiagram.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisChordDiagramSelectors","ChordDiagram","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PAkDaA,EAA2BC,EAAAA,aAAa,kiBA3CrD,MAAMC,EAAWC,EAAAA,OAAOC,sBAAoB,EAItCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,EAAAA,gBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAA,EAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,eAAmBQ,EAAO,KAAK,GACrDM,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,OAC9BL,EAAS,OAAOS,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBb,EAAS,QAAA,CACX,CAAC,EAEDe,EAAAA,MAAMR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BJ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UAAUN,EAAO,MAEtC,CAAC,EAEDQ,EAAAA,MAAMV,EAAM,IAAM,QAChBQ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,MAChC,CAAC,EAEDc,EAAa,CACX,UAAAV,CAAA,CACD,UAQCW,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/chord-diagram/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"N extends ChordInputNode, L extends ChordInputLink\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { ChordDiagramConfigInterface, ChordInputLink, ChordInputNode } from '@unovis/ts'\nimport { ChordDiagram } from '@unovis/ts'\nimport { computed, inject, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { componentAccessorKey } from '../../utils/context'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\nconst props = defineProps<Props & { data?: { nodes: N[], links?: L[] } }>()\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\ntype Props = ChordDiagramConfigInterface<N, L>\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<ChordDiagram<N, L>>()\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new ChordDiagram<N, L>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n    component.value?.render()\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component,\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisChordDiagramSelectors = ChordDiagram.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n"],"names":["VisChordDiagramSelectors","ChordDiagram","props","__props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PAmDaA,EAA2BC,EAAAA,aAAa,wmBA3CrD,MAAMC,EAAQC,EAERC,EAAWC,EAAAA,OAAOC,sBAAoB,EAItCC,EAAOC,EAAAA,SAAS,IAAMJ,EAAS,KAAK,OAASF,EAAM,IAAI,EAEvDO,EAASC,EAAAA,gBAAgBR,CAAK,EAG9BS,EAAYC,EAAAA,IAAA,EAElBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACbH,EAAU,MAAQ,IAAIV,eAAmBQ,EAAO,KAAK,EACrDE,EAAU,OAAO,QAAQJ,EAAK,KAAK,EACnCH,EAAS,OAAOO,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDI,EAAAA,YAAY,IAAM,CAChBJ,EAAU,OAAO,QAAA,EACjBP,EAAS,QAAA,CACX,CAAC,EAEDY,EAAAA,MAAMP,EAAQ,CAACQ,EAAMC,IAAS,CACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BP,EAAU,OAAO,UAAUF,EAAO,KAAK,EACvCE,EAAU,OAAO,OAAA,EAErB,CAAC,EAEDK,EAAAA,MAAMT,EAAM,IAAM,CAChBI,EAAU,OAAO,QAAQJ,EAAK,KAAK,CACrC,CAAC,EAEDa,EAAa,CACX,UAAAT,CAAA,CACD,UAQCU,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}

package/components/chord-diagram/index.d.ts

@@ -1,4 +1,4 @@
-import { ChordDiagram, ChordDiagramConfigInterface, ChordInputNode, ChordInputLink } from '@unovis/ts';
+import { ChordDiagramConfigInterface, ChordInputLink, ChordInputNode, ChordDiagram } from '@unovis/ts';
 
 export declare const VisChordDiagramSelectors: typeof import("@unovis/ts/components/chord-diagram/style");
 declare const _default: <N extends ChordInputNode, L extends ChordInputLink>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{

package/components/chord-diagram/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as p, inject as m, computed as g, ref as v, onMounted as h, nextTick as y, onUnmounted as f, watch as u, createElementBlock as F, openBlock as _ } from "vue";
-import { ChordDiagram as c } from "@unovis/ts";
-import { useForwardProps as C, arePropsEqual as S } from "../../utils/props.js";
-import { componentAccessorKey as b } from "../../utils/context.js";
-const k = { "data-vis-component": "" }, w = c.selectors, E = /* @__PURE__ */ p({
+import { defineComponent as d, inject as p, computed as m, ref as g, onMounted as v, nextTick as y, onUnmounted as h, watch as u, openBlock as f, createElementBlock as F } from "vue";
+import { ChordDiagram as i } from "@unovis/ts";
+import { componentAccessorKey as _ } from "../../utils/context.js";
+import { useForwardProps as k, arePropsEqual as C } from "../../utils/props.js";
+const S = { "data-vis-component": "" }, D = i.selectors, P = /* @__PURE__ */ d({
   __name: "index",
   props: {
     angleRange: {},
@@ -10,10 +10,12 @@ const k = { "data-vis-component": "" }, w = c.selectors, E = /* @__PURE__ */ p({
     highlightedNodeId: {},
     highlightedLinkIds: {},
     linkColor: { type: [Function, String, Array, null] },
+    linkPattern: { type: [Function, null] },
     linkValue: { type: [Function, Number, null] },
     nodeLevels: {},
     nodeWidth: {},
     nodeColor: { type: [Function, String, Array, null] },
+    nodePattern: { type: [Function, null] },
     nodeLabel: { type: [Function, String, null] },
     nodeLabelColor: { type: [Function, String, null] },
     nodeLabelAlignment: { type: [Function, String, null] },
@@ -24,29 +26,25 @@ const k = { "data-vis-component": "" }, w = c.selectors, E = /* @__PURE__ */ p({
     attributes: {},
     data: {}
   },
-  setup(s, { expose: d }) {
-    const t = m(b), r = s, o = g(() => t.data.value ?? r.data), a = C(r), n = v();
-    return h(() => {
+  setup(c, { expose: s }) {
+    const a = c, n = p(_), t = m(() => n.data.value ?? a.data), o = k(a), e = g();
+    return v(() => {
       y(() => {
-        var e;
-        n.value = new c(a.value), (e = n.value) == null || e.setData(o.value), t.update(n.value);
+        e.value = new i(o.value), e.value?.setData(t.value), n.update(e.value);
       });
-    }), f(() => {
-      var e;
-      (e = n.value) == null || e.destroy(), t.destroy();
-    }), u(a, (e, l) => {
-      var i;
-      S(e, l) || (i = n.value) == null || i.setConfig(a.value);
-    }), u(o, () => {
-      var e;
-      (e = n.value) == null || e.setData(o.value);
-    }), d({
-      component: n
-    }), (e, l) => (_(), F("div", k));
+    }), h(() => {
+      e.value?.destroy(), n.destroy();
+    }), u(o, (r, l) => {
+      C(r, l) || (e.value?.setConfig(o.value), e.value?.render());
+    }), u(t, () => {
+      e.value?.setData(t.value);
+    }), s({
+      component: e
+    }), (r, l) => (f(), F("div", S));
   }
 });
 export {
-  w as VisChordDiagramSelectors,
-  E as default
+  D as VisChordDiagramSelectors,
+  P as default
 };
 //# sourceMappingURL=index.js.map

package/components/chord-diagram/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/chord-diagram/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"N extends ChordInputNode,L extends ChordInputLink\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { ChordDiagram, ChordDiagramConfigInterface, ChordInputNode, ChordInputLink } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = ChordDiagramConfigInterface<N, L>\nconst props = defineProps<Props & { data?: { nodes: N[]; links?: L[] } }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<ChordDiagram<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new ChordDiagram<N, L>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisChordDiagramSelectors = ChordDiagram.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisChordDiagramSelectors","ChordDiagram","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCAkDaA,IAA2BC,EAAa;;;;;;;;;;;;;;;;;;;;;;;AA3CrD,UAAMC,IAAWC,EAAOC,CAAoB,GAItCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAA;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAmBQ,EAAO,KAAK,IACrDM,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK,QAC9BL,EAAS,OAAOS,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBb,EAAS,QAAA;AAAA,IACX,CAAC,GAEDe,EAAMR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BJ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,UAAUN,EAAO;AAAA,IAEtC,CAAC,GAEDQ,EAAMV,GAAM,MAAM;;AAChB,OAAAQ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK;AAAA,IAChC,CAAC,GAEDc,EAAa;AAAA,MACX,WAAAV;AAAA,IAAA,CACD,cAQCW,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/chord-diagram/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"N extends ChordInputNode, L extends ChordInputLink\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { ChordDiagramConfigInterface, ChordInputLink, ChordInputNode } from '@unovis/ts'\nimport { ChordDiagram } from '@unovis/ts'\nimport { computed, inject, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { componentAccessorKey } from '../../utils/context'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\nconst props = defineProps<Props & { data?: { nodes: N[], links?: L[] } }>()\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\ntype Props = ChordDiagramConfigInterface<N, L>\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<ChordDiagram<N, L>>()\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new ChordDiagram<N, L>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n    component.value?.render()\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component,\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisChordDiagramSelectors = ChordDiagram.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n"],"names":["VisChordDiagramSelectors","ChordDiagram","props","__props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCAmDaA,IAA2BC,EAAa;;;;;;;;;;;;;;;;;;;;;;;;;AA3CrD,UAAMC,IAAQC,GAERC,IAAWC,EAAOC,CAAoB,GAItCC,IAAOC,EAAS,MAAMJ,EAAS,KAAK,SAASF,EAAM,IAAI,GAEvDO,IAASC,EAAgBR,CAAK,GAG9BS,IAAYC,EAAA;AAElB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAmBQ,EAAO,KAAK,GACrDE,EAAU,OAAO,QAAQJ,EAAK,KAAK,GACnCH,EAAS,OAAOO,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDI,EAAY,MAAM;AAChB,MAAAJ,EAAU,OAAO,QAAA,GACjBP,EAAS,QAAA;AAAA,IACX,CAAC,GAEDY,EAAMP,GAAQ,CAACQ,GAAMC,MAAS;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BP,EAAU,OAAO,UAAUF,EAAO,KAAK,GACvCE,EAAU,OAAO,OAAA;AAAA,IAErB,CAAC,GAEDK,EAAMT,GAAM,MAAM;AAChB,MAAAI,EAAU,OAAO,QAAQJ,EAAK,KAAK;AAAA,IACrC,CAAC,GAEDa,EAAa;AAAA,MACX,WAAAT;AAAA,IAAA,CACD,cAQCU,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}

package/components/crosshair/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("vue"),l=require("@unovis/ts"),i=require("../../utils/props.cjs"),v=require("../../utils/context.cjs"),h={"data-vis-crosshair":""},_=l.Crosshair.selectors,f=s.defineComponent({__name:"index",props:{data:{}},setup(d,{expose:p}){const o=s.inject(v.crosshairAccessorKey),c=d,a=s.computed(()=>o.data.value??c.data),r=i.useForwardProps(c),t=s.ref();return s.onMounted(()=>{s.nextTick(()=>{var e;t.value=new l.Crosshair(r.value),(e=t.value)==null||e.setData(a.value),o.update(t.value)})}),s.onUnmounted(()=>{var e;(e=t.value)==null||e.destroy(),o.destroy()}),s.watch(r,(e,n)=>{var u;i.arePropsEqual(e,n)||(u=t.value)==null||u.setConfig(r.value)}),s.watch(a,()=>{var e;(e=t.value)==null||e.setData(a.value)}),p({component:t}),(e,n)=>(s.openBlock(),s.createElementBlock("div",h))}});exports.VisCrosshairSelectors=_;exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@unovis/ts"),v=require("../../utils/context.cjs"),u=require("../../utils/props.cjs"),p={"data-vis-crosshair":""},h=i.Crosshair.selectors,_=e.defineComponent({__name:"index",props:{data:{}},setup(l,{expose:d}){const a=l,t=e.inject(v.crosshairAccessorKey),o=e.computed(()=>t.data.value??a.data),r=u.useForwardProps(a),s=e.ref();return e.onMounted(()=>{e.nextTick(()=>{s.value=new i.Crosshair(r.value),s.value?.setData(o.value),t.update(s.value)})}),e.onUnmounted(()=>{s.value?.destroy(),t.destroy()}),e.watch(r,(c,n)=>{u.arePropsEqual(c,n)||(s.value?.setConfig(r.value),s.value?.render())}),e.watch(o,()=>{s.value?.setData(o.value)}),d({component:s}),(c,n)=>(e.openBlock(),e.createElementBlock("div",p))}});exports.VisCrosshairSelectors=h;exports.default=_;
 //# sourceMappingURL=index.cjs.map

package/components/crosshair/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/crosshair/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Crosshair, CrosshairConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { crosshairAccessorKey } from '../../utils/context'\n\nconst accessor = inject(crosshairAccessorKey)\n\n// data and required props \n// !!! temporary solution to ignore complex type. related issue: https://github.com/vuejs/core/issues/8412\ntype Props = /** @vue-ignore */ CrosshairConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Crosshair<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Crosshair<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisCrosshairSelectors = Crosshair.selectors\n</script>\n\n<template>\n  <div data-vis-crosshair />\n</template>\n\n\n"],"names":["VisCrosshairSelectors","Crosshair","accessor","inject","crosshairAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PAmDaA,EAAwBC,EAAAA,UAAU,kFA5C/C,MAAMC,EAAWC,EAAAA,OAAOC,sBAAoB,EAKtCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,EAAAA,gBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAA,EAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,YAAiBQ,EAAO,KAAK,GACnDM,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,OAC9BL,EAAS,OAAOS,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBb,EAAS,QAAA,CACX,CAAC,EAEDe,EAAAA,MAAMR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BJ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UAAUN,EAAO,MAEtC,CAAC,EAEDQ,EAAAA,MAAMV,EAAM,IAAM,QAChBQ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,MAChC,CAAC,EAEDc,EAAa,CACX,UAAAV,CAAA,CACD,UAQCW,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/crosshair/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { CrosshairConfigInterface } from '@unovis/ts'\nimport { Crosshair } from '@unovis/ts'\nimport { computed, inject, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { crosshairAccessorKey } from '../../utils/context'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n// data and required props\n// !!! temporary solution to ignore complex type. related issue: https://github.com/vuejs/core/issues/8412\nconst props = defineProps<{ data?: Datum[] } & /** @vue-ignore */ CrosshairConfigInterface<Datum>>()\n\nconst accessor = inject(crosshairAccessorKey)\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Crosshair<Datum>>()\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Crosshair<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n    component.value?.render()\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component,\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisCrosshairSelectors = Crosshair.selectors\n</script>\n\n<template>\n  <div data-vis-crosshair />\n</template>\n"],"names":["VisCrosshairSelectors","Crosshair","props","__props","accessor","inject","crosshairAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PAmDaA,EAAwBC,EAAAA,UAAU,kFAzC/C,MAAMC,EAAQC,EAERC,EAAWC,EAAAA,OAAOC,sBAAoB,EAEtCC,EAAOC,EAAAA,SAAS,IAAMJ,EAAS,KAAK,OAASF,EAAM,IAAI,EAEvDO,EAASC,EAAAA,gBAAgBR,CAAK,EAG9BS,EAAYC,EAAAA,IAAA,EAElBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACbH,EAAU,MAAQ,IAAIV,YAAiBQ,EAAO,KAAK,EACnDE,EAAU,OAAO,QAAQJ,EAAK,KAAK,EACnCH,EAAS,OAAOO,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDI,EAAAA,YAAY,IAAM,CAChBJ,EAAU,OAAO,QAAA,EACjBP,EAAS,QAAA,CACX,CAAC,EAEDY,EAAAA,MAAMP,EAAQ,CAACQ,EAAMC,IAAS,CACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BP,EAAU,OAAO,UAAUF,EAAO,KAAK,EACvCE,EAAU,OAAO,OAAA,EAErB,CAAC,EAEDK,EAAAA,MAAMT,EAAM,IAAM,CAChBI,EAAU,OAAO,QAAQJ,EAAK,KAAK,CACrC,CAAC,EAEDa,EAAa,CACX,UAAAT,CAAA,CACD,UAQCU,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}

package/components/crosshair/index.d.ts

@@ -1,10 +1,10 @@
-import { Crosshair, CrosshairConfigInterface } from '@unovis/ts';
+import { CrosshairConfigInterface, Crosshair } from '@unovis/ts';
 
 export declare const VisCrosshairSelectors: typeof import("@unovis/ts/components/crosshair/style");
 declare const _default: <Datum>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & (CrosshairConfigInterface<Datum> & {
+    props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & ({
         data?: Datum[];
-    }), keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>> & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
+    } & CrosshairConfigInterface<Datum>), keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>> & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
     expose(exposed: import('vue').ShallowUnwrapRef<{
         component: import('vue').Ref<Crosshair<Datum>, Crosshair<Datum>>;
     }>): void;

package/components/crosshair/index.js

@@ -1,35 +1,31 @@
-import { defineComponent as d, inject as m, computed as v, ref as f, onMounted as _, nextTick as h, onUnmounted as x, watch as u, createElementBlock as C, openBlock as k } from "vue";
-import { Crosshair as i } from "@unovis/ts";
+import { defineComponent as d, inject as p, computed as m, ref as v, onMounted as f, nextTick as _, onUnmounted as h, watch as c, openBlock as x, createElementBlock as C } from "vue";
+import { Crosshair as u } from "@unovis/ts";
+import { crosshairAccessorKey as k } from "../../utils/context.js";
 import { useForwardProps as w, arePropsEqual as y } from "../../utils/props.js";
-import { crosshairAccessorKey as g } from "../../utils/context.js";
-const B = { "data-vis-crosshair": "" }, q = i.selectors, A = /* @__PURE__ */ d({
+const g = { "data-vis-crosshair": "" }, j = u.selectors, q = /* @__PURE__ */ d({
   __name: "index",
   props: {
     data: {}
   },
-  setup(l, { expose: p }) {
-    const t = m(g), r = l, a = v(() => t.data.value ?? r.data), s = w(r), o = f();
-    return _(() => {
-      h(() => {
-        var e;
-        o.value = new i(s.value), (e = o.value) == null || e.setData(a.value), t.update(o.value);
+  setup(i, { expose: l }) {
+    const s = i, o = p(k), t = m(() => o.data.value ?? s.data), a = w(s), e = v();
+    return f(() => {
+      _(() => {
+        e.value = new u(a.value), e.value?.setData(t.value), o.update(e.value);
       });
-    }), x(() => {
-      var e;
-      (e = o.value) == null || e.destroy(), t.destroy();
-    }), u(s, (e, n) => {
-      var c;
-      y(e, n) || (c = o.value) == null || c.setConfig(s.value);
-    }), u(a, () => {
-      var e;
-      (e = o.value) == null || e.setData(a.value);
-    }), p({
-      component: o
-    }), (e, n) => (k(), C("div", B));
+    }), h(() => {
+      e.value?.destroy(), o.destroy();
+    }), c(a, (r, n) => {
+      y(r, n) || (e.value?.setConfig(a.value), e.value?.render());
+    }), c(t, () => {
+      e.value?.setData(t.value);
+    }), l({
+      component: e
+    }), (r, n) => (x(), C("div", g));
   }
 });
 export {
-  q as VisCrosshairSelectors,
-  A as default
+  j as VisCrosshairSelectors,
+  q as default
 };
 //# sourceMappingURL=index.js.map

package/components/crosshair/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/crosshair/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Crosshair, CrosshairConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { crosshairAccessorKey } from '../../utils/context'\n\nconst accessor = inject(crosshairAccessorKey)\n\n// data and required props \n// !!! temporary solution to ignore complex type. related issue: https://github.com/vuejs/core/issues/8412\ntype Props = /** @vue-ignore */ CrosshairConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Crosshair<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Crosshair<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisCrosshairSelectors = Crosshair.selectors\n</script>\n\n<template>\n  <div data-vis-crosshair />\n</template>\n\n\n"],"names":["VisCrosshairSelectors","Crosshair","accessor","inject","crosshairAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCAmDaA,IAAwBC,EAAU;;;;;;AA5C/C,UAAMC,IAAWC,EAAOC,CAAoB,GAKtCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAA;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAiBQ,EAAO,KAAK,IACnDM,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK,QAC9BL,EAAS,OAAOS,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBb,EAAS,QAAA;AAAA,IACX,CAAC,GAEDe,EAAMR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BJ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,UAAUN,EAAO;AAAA,IAEtC,CAAC,GAEDQ,EAAMV,GAAM,MAAM;;AAChB,OAAAQ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK;AAAA,IAChC,CAAC,GAEDc,EAAa;AAAA,MACX,WAAAV;AAAA,IAAA,CACD,cAQCW,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/crosshair/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { CrosshairConfigInterface } from '@unovis/ts'\nimport { Crosshair } from '@unovis/ts'\nimport { computed, inject, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { crosshairAccessorKey } from '../../utils/context'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n// data and required props\n// !!! temporary solution to ignore complex type. related issue: https://github.com/vuejs/core/issues/8412\nconst props = defineProps<{ data?: Datum[] } & /** @vue-ignore */ CrosshairConfigInterface<Datum>>()\n\nconst accessor = inject(crosshairAccessorKey)\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Crosshair<Datum>>()\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Crosshair<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n    component.value?.render()\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component,\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisCrosshairSelectors = Crosshair.selectors\n</script>\n\n<template>\n  <div data-vis-crosshair />\n</template>\n"],"names":["VisCrosshairSelectors","Crosshair","props","__props","accessor","inject","crosshairAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCAmDaA,IAAwBC,EAAU;;;;;;AAzC/C,UAAMC,IAAQC,GAERC,IAAWC,EAAOC,CAAoB,GAEtCC,IAAOC,EAAS,MAAMJ,EAAS,KAAK,SAASF,EAAM,IAAI,GAEvDO,IAASC,EAAgBR,CAAK,GAG9BS,IAAYC,EAAA;AAElB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAiBQ,EAAO,KAAK,GACnDE,EAAU,OAAO,QAAQJ,EAAK,KAAK,GACnCH,EAAS,OAAOO,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDI,EAAY,MAAM;AAChB,MAAAJ,EAAU,OAAO,QAAA,GACjBP,EAAS,QAAA;AAAA,IACX,CAAC,GAEDY,EAAMP,GAAQ,CAACQ,GAAMC,MAAS;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BP,EAAU,OAAO,UAAUF,EAAO,KAAK,GACvCE,EAAU,OAAO,OAAA;AAAA,IAErB,CAAC,GAEDK,EAAMT,GAAM,MAAM;AAChB,MAAAI,EAAU,OAAO,QAAQJ,EAAK,KAAK;AAAA,IACrC,CAAC,GAEDa,EAAa;AAAA,MACX,WAAAT;AAAA,IAAA,CACD,cAQCU,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}

package/components/donut/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),i=require("@unovis/ts"),l=require("../../utils/props.cjs"),v=require("../../utils/context.cjs"),g={"data-vis-component":""},m=i.Donut.selectors,y=t.defineComponent({__name:"index",props:{id:{type:Function},value:{type:[Function,Number,null]},angleRange:{},padAngle:{},sortFunction:{type:Function},cornerRadius:{},color:{type:[Function,String,Array,null]},radius:{},arcWidth:{},centralLabel:{},centralSubLabel:{},centralSubLabelWrap:{type:Boolean},showEmptySegments:{type:Boolean},emptySegmentAngle:{},showBackground:{type:Boolean},backgroundAngleRange:{},centralLabelOffsetX:{},centralLabelOffsetY:{},duration:{},events:{},attributes:{},data:{}},setup(p,{expose:d}){const o=t.inject(v.componentAccessorKey),c=p,a=t.computed(()=>o.data.value??c.data),r=l.useForwardProps(c),n=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;n.value=new i.Donut(r.value),(e=n.value)==null||e.setData(a.value),o.update(n.value)})}),t.onUnmounted(()=>{var e;(e=n.value)==null||e.destroy(),o.destroy()}),t.watch(r,(e,s)=>{var u;l.arePropsEqual(e,s)||(u=n.value)==null||u.setConfig(r.value)}),t.watch(a,()=>{var e;(e=n.value)==null||e.setData(a.value)}),d({component:n}),(e,s)=>(t.openBlock(),t.createElementBlock("div",g))}});exports.VisDonutSelectors=m;exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@unovis/ts"),d=require("../../utils/context.cjs"),s=require("../../utils/props.cjs"),v={"data-vis-component":""},g=l.Donut.selectors,m=e.defineComponent({__name:"index",props:{id:{type:Function},value:{type:[Function,Number,null]},angleRange:{},padAngle:{},minSegmentAngle:{},sortFunction:{type:Function},cornerRadius:{},color:{type:[Function,String,Array,null]},pattern:{type:[Function,null]},radius:{},arcWidth:{},centralLabel:{},centralSubLabel:{},centralSubLabelWrap:{type:Boolean},showEmptySegments:{type:Boolean},emptySegmentAngle:{},showBackground:{type:Boolean},backgroundAngleRange:{},centralLabelOffsetX:{},centralLabelOffsetY:{},duration:{},events:{},attributes:{},data:{}},setup(i,{expose:p}){const r=i,n=e.inject(d.componentAccessorKey),o=e.computed(()=>n.data.value??r.data),a=s.useForwardProps(r),t=e.ref();return e.onMounted(()=>{e.nextTick(()=>{t.value=new l.Donut(a.value),t.value?.setData(o.value),n.update(t.value)})}),e.onUnmounted(()=>{t.value?.destroy(),n.destroy()}),e.watch(a,(u,c)=>{s.arePropsEqual(u,c)||(t.value?.setConfig(a.value),t.value?.render())}),e.watch(o,()=>{t.value?.setData(o.value)}),p({component:t}),(u,c)=>(e.openBlock(),e.createElementBlock("div",v))}});exports.VisDonutSelectors=g;exports.default=m;
 //# sourceMappingURL=index.cjs.map

package/components/donut/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/donut/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Donut, DonutConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = DonutConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Donut<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Donut<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisDonutSelectors = Donut.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisDonutSelectors","Donut","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PAkDaA,EAAoBC,EAAAA,MAAM,ohBA3CvC,MAAMC,EAAWC,EAAAA,OAAOC,sBAAoB,EAItCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,EAAAA,gBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAA,EAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,QAAaQ,EAAO,KAAK,GAC/CM,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,OAC9BL,EAAS,OAAOS,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBb,EAAS,QAAA,CACX,CAAC,EAEDe,EAAAA,MAAMR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BJ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UAAUN,EAAO,MAEtC,CAAC,EAEDQ,EAAAA,MAAMV,EAAM,IAAM,QAChBQ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,MAChC,CAAC,EAEDc,EAAa,CACX,UAAAV,CAAA,CACD,UAQCW,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/donut/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { DonutConfigInterface } from '@unovis/ts'\nimport { Donut } from '@unovis/ts'\nimport { computed, inject, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { componentAccessorKey } from '../../utils/context'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\ntype Props = DonutConfigInterface<Datum>\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Donut<Datum>>()\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Donut<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n    component.value?.render()\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component,\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisDonutSelectors = Donut.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n"],"names":["VisDonutSelectors","Donut","props","__props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PAmDaA,EAAoBC,EAAAA,MAAM,skBA3CvC,MAAMC,EAAQC,EAERC,EAAWC,EAAAA,OAAOC,sBAAoB,EAItCC,EAAOC,EAAAA,SAAS,IAAMJ,EAAS,KAAK,OAASF,EAAM,IAAI,EAEvDO,EAASC,EAAAA,gBAAgBR,CAAK,EAG9BS,EAAYC,EAAAA,IAAA,EAElBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACbH,EAAU,MAAQ,IAAIV,QAAaQ,EAAO,KAAK,EAC/CE,EAAU,OAAO,QAAQJ,EAAK,KAAK,EACnCH,EAAS,OAAOO,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDI,EAAAA,YAAY,IAAM,CAChBJ,EAAU,OAAO,QAAA,EACjBP,EAAS,QAAA,CACX,CAAC,EAEDY,EAAAA,MAAMP,EAAQ,CAACQ,EAAMC,IAAS,CACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BP,EAAU,OAAO,UAAUF,EAAO,KAAK,EACvCE,EAAU,OAAO,OAAA,EAErB,CAAC,EAEDK,EAAAA,MAAMT,EAAM,IAAM,CAChBI,EAAU,OAAO,QAAQJ,EAAK,KAAK,CACrC,CAAC,EAEDa,EAAa,CACX,UAAAT,CAAA,CACD,UAQCU,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}

package/components/donut/index.d.ts

@@ -1,4 +1,4 @@
-import { Donut, DonutConfigInterface } from '@unovis/ts';
+import { DonutConfigInterface, Donut } from '@unovis/ts';
 
 export declare const VisDonutSelectors: typeof import("@unovis/ts/components/donut/style");
 declare const _default: <Datum>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{

package/components/donut/index.js

@@ -1,17 +1,19 @@
-import { defineComponent as d, inject as m, computed as f, ref as v, onMounted as g, nextTick as y, onUnmounted as b, watch as l, createElementBlock as _, openBlock as h } from "vue";
+import { defineComponent as i, inject as d, computed as m, ref as v, onMounted as f, nextTick as g, onUnmounted as y, watch as l, openBlock as b, createElementBlock as _ } from "vue";
 import { Donut as u } from "@unovis/ts";
-import { useForwardProps as B, arePropsEqual as F } from "../../utils/props.js";
-import { componentAccessorKey as S } from "../../utils/context.js";
-const k = { "data-vis-component": "" }, D = u.selectors, E = /* @__PURE__ */ d({
+import { componentAccessorKey as F } from "../../utils/context.js";
+import { useForwardProps as S, arePropsEqual as h } from "../../utils/props.js";
+const A = { "data-vis-component": "" }, L = u.selectors, D = /* @__PURE__ */ i({
   __name: "index",
   props: {
     id: { type: Function },
     value: { type: [Function, Number, null] },
     angleRange: {},
     padAngle: {},
+    minSegmentAngle: {},
     sortFunction: { type: Function },
     cornerRadius: {},
     color: { type: [Function, String, Array, null] },
+    pattern: { type: [Function, null] },
     radius: {},
     arcWidth: {},
     centralLabel: {},
@@ -28,29 +30,25 @@ const k = { "data-vis-component": "" }, D = u.selectors, E = /* @__PURE__ */ d({
     attributes: {},
     data: {}
   },
-  setup(p, { expose: i }) {
-    const n = m(S), r = p, o = f(() => n.data.value ?? r.data), a = B(r), t = v();
-    return g(() => {
-      y(() => {
-        var e;
-        t.value = new u(a.value), (e = t.value) == null || e.setData(o.value), n.update(t.value);
+  setup(s, { expose: p }) {
+    const a = s, t = d(F), n = m(() => t.data.value ?? a.data), o = S(a), e = v();
+    return f(() => {
+      g(() => {
+        e.value = new u(o.value), e.value?.setData(n.value), t.update(e.value);
       });
-    }), b(() => {
-      var e;
-      (e = t.value) == null || e.destroy(), n.destroy();
-    }), l(a, (e, c) => {
-      var s;
-      F(e, c) || (s = t.value) == null || s.setConfig(a.value);
-    }), l(o, () => {
-      var e;
-      (e = t.value) == null || e.setData(o.value);
-    }), i({
-      component: t
-    }), (e, c) => (h(), _("div", k));
+    }), y(() => {
+      e.value?.destroy(), t.destroy();
+    }), l(o, (r, c) => {
+      h(r, c) || (e.value?.setConfig(o.value), e.value?.render());
+    }), l(n, () => {
+      e.value?.setData(n.value);
+    }), p({
+      component: e
+    }), (r, c) => (b(), _("div", A));
   }
 });
 export {
-  D as VisDonutSelectors,
-  E as default
+  L as VisDonutSelectors,
+  D as default
 };
 //# sourceMappingURL=index.js.map

package/components/donut/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/donut/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Donut, DonutConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = DonutConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Donut<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Donut<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisDonutSelectors = Donut.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisDonutSelectors","Donut","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCAkDaA,IAAoBC,EAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3CvC,UAAMC,IAAWC,EAAOC,CAAoB,GAItCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAA;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAaQ,EAAO,KAAK,IAC/CM,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK,QAC9BL,EAAS,OAAOS,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBb,EAAS,QAAA;AAAA,IACX,CAAC,GAEDe,EAAMR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BJ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,UAAUN,EAAO;AAAA,IAEtC,CAAC,GAEDQ,EAAMV,GAAM,MAAM;;AAChB,OAAAQ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK;AAAA,IAChC,CAAC,GAEDc,EAAa;AAAA,MACX,WAAAV;AAAA,IAAA,CACD,cAQCW,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/donut/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { DonutConfigInterface } from '@unovis/ts'\nimport { Donut } from '@unovis/ts'\nimport { computed, inject, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { componentAccessorKey } from '../../utils/context'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\ntype Props = DonutConfigInterface<Datum>\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Donut<Datum>>()\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Donut<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n    component.value?.render()\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component,\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisDonutSelectors = Donut.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n"],"names":["VisDonutSelectors","Donut","props","__props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCAmDaA,IAAoBC,EAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3CvC,UAAMC,IAAQC,GAERC,IAAWC,EAAOC,CAAoB,GAItCC,IAAOC,EAAS,MAAMJ,EAAS,KAAK,SAASF,EAAM,IAAI,GAEvDO,IAASC,EAAgBR,CAAK,GAG9BS,IAAYC,EAAA;AAElB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAaQ,EAAO,KAAK,GAC/CE,EAAU,OAAO,QAAQJ,EAAK,KAAK,GACnCH,EAAS,OAAOO,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDI,EAAY,MAAM;AAChB,MAAAJ,EAAU,OAAO,QAAA,GACjBP,EAAS,QAAA;AAAA,IACX,CAAC,GAEDY,EAAMP,GAAQ,CAACQ,GAAMC,MAAS;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BP,EAAU,OAAO,UAAUF,EAAO,KAAK,GACvCE,EAAU,OAAO,OAAA;AAAA,IAErB,CAAC,GAEDK,EAAMT,GAAM,MAAM;AAChB,MAAAI,EAAU,OAAO,QAAQJ,EAAK,KAAK;AAAA,IACrC,CAAC,GAEDa,EAAa;AAAA,MACX,WAAAT;AAAA,IAAA,CACD,cAQCU,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}

package/components/free-brush/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),l=require("@unovis/ts"),i=require("../../utils/props.cjs"),y=require("../../utils/context.cjs"),v={"data-vis-component":""},F=l.FreeBrush.selectors,h=t.defineComponent({__name:"index",props:{mode:{},onBrush:{type:Function},onBrushStart:{type:Function},onBrushMove:{type:Function},onBrushEnd:{type:Function},handleWidth:{},selection:{},selectionMinLength:{},autoHide:{type:Boolean},x:{type:[Function,Number,null]},y:{type:[Function,Number,null,Array]},id:{type:Function},color:{type:[Function,String,Array,null]},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(p,{expose:d}){const o=t.inject(y.componentAccessorKey),c=p,u=t.computed(()=>o.data.value??c.data),r=i.useForwardProps(c),n=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;n.value=new l.FreeBrush(r.value),(e=n.value)==null||e.setData(u.value),o.update(n.value)})}),t.onUnmounted(()=>{var e;(e=n.value)==null||e.destroy(),o.destroy()}),t.watch(r,(e,s)=>{var a;i.arePropsEqual(e,s)||(a=n.value)==null||a.setConfig(r.value)}),t.watch(u,()=>{var e;(e=n.value)==null||e.setData(u.value)}),d({component:n}),(e,s)=>(t.openBlock(),t.createElementBlock("div",v))}});exports.VisFreeBrushSelectors=F;exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@unovis/ts"),d=require("../../utils/context.cjs"),a=require("../../utils/props.cjs"),y={"data-vis-component":""},v=l.FreeBrush.selectors,F=e.defineComponent({__name:"index",props:{mode:{},onBrush:{type:Function},onBrushStart:{type:Function},onBrushMove:{type:Function},onBrushEnd:{type:Function},handleWidth:{},selection:{},selectionMinLength:{},autoHide:{type:Boolean},x:{type:[Function,Number,null]},y:{type:[Function,Number,null,Array]},id:{type:Function},color:{type:[Function,String,Array,null]},colorKeys:{},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(i,{expose:p}){const u=i,n=e.inject(d.componentAccessorKey),o=e.computed(()=>n.data.value??u.data),r=a.useForwardProps(u),t=e.ref();return e.onMounted(()=>{e.nextTick(()=>{t.value=new l.FreeBrush(r.value),t.value?.setData(o.value),n.update(t.value)})}),e.onUnmounted(()=>{t.value?.destroy(),n.destroy()}),e.watch(r,(c,s)=>{a.arePropsEqual(c,s)||(t.value?.setConfig(r.value),t.value?.render())}),e.watch(o,()=>{t.value?.setData(o.value)}),p({component:t}),(c,s)=>(e.openBlock(),e.createElementBlock("div",y))}});exports.VisFreeBrushSelectors=v;exports.default=F;
 //# sourceMappingURL=index.cjs.map

package/components/free-brush/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/free-brush/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { FreeBrush, FreeBrushConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = FreeBrushConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<FreeBrush<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new FreeBrush<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisFreeBrushSelectors = FreeBrush.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisFreeBrushSelectors","FreeBrush","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PAkDaA,EAAwBC,EAAAA,UAAU,miBA3C/C,MAAMC,EAAWC,EAAAA,OAAOC,sBAAoB,EAItCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,EAAAA,gBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAA,EAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,YAAiBQ,EAAO,KAAK,GACnDM,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,OAC9BL,EAAS,OAAOS,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBb,EAAS,QAAA,CACX,CAAC,EAEDe,EAAAA,MAAMR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BJ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UAAUN,EAAO,MAEtC,CAAC,EAEDQ,EAAAA,MAAMV,EAAM,IAAM,QAChBQ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,MAChC,CAAC,EAEDc,EAAa,CACX,UAAAV,CAAA,CACD,UAQCW,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/free-brush/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { FreeBrushConfigInterface } from '@unovis/ts'\nimport { FreeBrush } from '@unovis/ts'\nimport { computed, inject, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { componentAccessorKey } from '../../utils/context'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\ntype Props = FreeBrushConfigInterface<Datum>\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<FreeBrush<Datum>>()\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new FreeBrush<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n    component.value?.render()\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component,\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisFreeBrushSelectors = FreeBrush.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n"],"names":["VisFreeBrushSelectors","FreeBrush","props","__props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PAmDaA,EAAwBC,EAAAA,UAAU,gjBA3C/C,MAAMC,EAAQC,EAERC,EAAWC,EAAAA,OAAOC,sBAAoB,EAItCC,EAAOC,EAAAA,SAAS,IAAMJ,EAAS,KAAK,OAASF,EAAM,IAAI,EAEvDO,EAASC,EAAAA,gBAAgBR,CAAK,EAG9BS,EAAYC,EAAAA,IAAA,EAElBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACbH,EAAU,MAAQ,IAAIV,YAAiBQ,EAAO,KAAK,EACnDE,EAAU,OAAO,QAAQJ,EAAK,KAAK,EACnCH,EAAS,OAAOO,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDI,EAAAA,YAAY,IAAM,CAChBJ,EAAU,OAAO,QAAA,EACjBP,EAAS,QAAA,CACX,CAAC,EAEDY,EAAAA,MAAMP,EAAQ,CAACQ,EAAMC,IAAS,CACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BP,EAAU,OAAO,UAAUF,EAAO,KAAK,EACvCE,EAAU,OAAO,OAAA,EAErB,CAAC,EAEDK,EAAAA,MAAMT,EAAM,IAAM,CAChBI,EAAU,OAAO,QAAQJ,EAAK,KAAK,CACrC,CAAC,EAEDa,EAAa,CACX,UAAAT,CAAA,CACD,UAQCU,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}

package/components/free-brush/index.d.ts

@@ -1,4 +1,4 @@
-import { FreeBrush, FreeBrushConfigInterface } from '@unovis/ts';
+import { FreeBrushConfigInterface, FreeBrush } from '@unovis/ts';
 
 export declare const VisFreeBrushSelectors: typeof import("@unovis/ts/components/free-brush/style");
 declare const _default: <Datum>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{