@unovis/vue 1.5.0-beta.3 → 1.5.0

package/components/chord-diagram/index.js

@@ -1,22 +1,22 @@
-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, openBlock as F, createElementBlock as _ } from "vue";
+import { defineComponent as p, inject as m, computed as v, ref as g, onMounted as h, nextTick as f, onUnmounted as _, watch as l, openBlock as C, createElementBlock as k } from "vue";
 import { ChordDiagram as c } from "@unovis/ts";
-import { useForwardProps as C, arePropsEqual as b } from "../../utils/props.js";
-import { componentAccessorKey as k } from "../../utils/context.js";
-const x = { "data-vis-component": "" }, w = c.selectors, E = /* @__PURE__ */ p({
+import { useForwardProps as x, arePropsEqual as L } from "../../utils/props.js";
+import { componentAccessorKey as b } from "../../utils/context.js";
+const D = { "data-vis-component": "" }, B = c.selectors, I = /* @__PURE__ */ p({
   __name: "index",
   props: {
     angleRange: {},
-    cornerRadius: { type: [Function, Number, null] },
+    cornerRadius: {},
     highlightedNodeId: {},
     highlightedLinkIds: {},
-    linkColor: { type: [Function, String, Array, null] },
-    linkValue: { type: [Function, Number, null] },
+    linkColor: {},
+    linkValue: {},
     nodeLevels: {},
     nodeWidth: {},
-    nodeColor: { type: [Function, String, Array, null] },
-    nodeLabel: { type: [Function, String, null] },
-    nodeLabelColor: { type: [Function, String, null] },
-    nodeLabelAlignment: { type: [Function, null] },
+    nodeColor: {},
+    nodeLabel: {},
+    nodeLabelColor: {},
+    nodeLabelAlignment: {},
     padAngle: {},
     radiusScaleExponent: {},
     duration: {},
@@ -24,29 +24,29 @@ const x = { "data-vis-component": "" }, w = c.selectors, E = /* @__PURE__ */ p({
     attributes: {},
     data: {}
   },
-  setup(s, { expose: d }) {
-    const r = s, t = m(k), o = g(() => t.data.value ?? r.data), a = C(r), n = v();
+  setup(i, { expose: u }) {
+    const t = m(b), r = i, a = v(() => t.data.value ?? r.data), n = x(r), o = g();
     return h(() => {
-      y(() => {
+      f(() => {
         var e;
-        n.value = new c(a.value), (e = n.value) == null || e.setData(o.value), t.update(n.value);
+        o.value = new c(n.value), (e = o.value) == null || e.setData(a.value), t.update(o.value);
       });
-    }), f(() => {
+    }), _(() => {
       var e;
-      (e = n.value) == null || e.destroy(), t.destroy();
-    }), u(a, (e, l) => {
-      var i;
-      b(e, l) || (i = n.value) == null || i.setConfig(a.value);
-    }), u(o, () => {
+      (e = o.value) == null || e.destroy(), t.destroy();
+    }), l(n, (e, s) => {
+      var d;
+      L(e, s) || (d = o.value) == null || d.setConfig(n.value);
+    }), l(a, () => {
       var e;
-      (e = n.value) == null || e.setData(o.value);
-    }), d({
-      component: n
-    }), (e, l) => (F(), _("div", x));
+      (e = o.value) == null || e.setData(a.value);
+    }), u({
+      component: o
+    }), (e, s) => (C(), k("div", D));
   }
 });
 export {
-  w as VisChordDiagramSelectors,
-  E as default
+  B as VisChordDiagramSelectors,
+  I 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?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\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\n\nexport const VisChordDiagramSelectors = ChordDiagram.selectors\n\ntype Props = ChordDiagramConfigInterface<N, L>\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    angleRange: {},\n    cornerRadius: { type: [Function, Number, null] },\n    highlightedNodeId: {},\n    highlightedLinkIds: {},\n    linkColor: { type: [Function, String, Array, null] },\n    linkValue: { type: [Function, Number, null] },\n    nodeLevels: {},\n    nodeWidth: {},\n    nodeColor: { type: [Function, String, Array, null] },\n    nodeLabel: { type: [Function, String, null] },\n    nodeLabelColor: { type: [Function, String, null] },\n    nodeLabelAlignment: { type: [Function, null] },\n    padAngle: {},\n    radiusScaleExponent: {},\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \n\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\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","VisChordDiagramSelectors","ChordDiagram","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;;;AAGA,MAAMA,IAAa,EAAE,sBAAsB,MAQ9BC,IAA2BC,EAAa,WAIzBC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,YAAY,CAAC;AAAA,IACb,cAAc,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC/C,mBAAmB,CAAC;AAAA,IACpB,oBAAoB,CAAC;AAAA,IACrB,WAAW,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IACnD,WAAW,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC5C,YAAY,CAAC;AAAA,IACb,WAAW,CAAC;AAAA,IACZ,WAAW,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IACnD,WAAW,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC5C,gBAAgB,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACjD,oBAAoB,EAAE,MAAM,CAAC,UAAU,IAAI,EAAE;AAAA,IAC7C,UAAU,CAAC;AAAA,IACX,qBAAqB,CAAC;AAAA,IACtB,UAAU,CAAC;AAAA,IACX,QAAQ,CAAC;AAAA,IACT,YAAY,CAAC;AAAA,IACb,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc,EAAE,QAAQC,KAAY;AAE5C,UAAMC,IAAQF,GAGRG,IAAWC,EAAOC,CAAoB,GAKtCC,IAAOC,EAAS,MAAMJ,EAAS,KAAK,SAASD,EAAM,IAAI,GAEvDM,IAASC,EAAgBP,CAAK,GAG9BQ,IAAYC;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIb,EAAmBW,EAAO,KAAK,IAC3CM,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK,QACrBH,EAAA,OAAOO,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBX,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKa,EAAAR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBJ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,UAAUN,EAAO;AAAA,IACpC,CACD,GAEDQ,EAAMV,GAAM,MAAM;;AACN,OAAAQ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK;AAAA,IAAK,CACpC,GAEQL,EAAA;AAAA,MACP,WAAAS;AAAA,IAAA,CACD,GAEM,CAACU,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAO5B,CAAU;AAAA,EAE7D;AAEA,CAAC;"}
+{"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"],"mappings":";;;;wCAkDaA,IAA2BC,EAAa;;;;;;;;;;;;;;;;;;;;;;;AA3C/C,UAAAC,IAAWC,EAAOC,CAAoB,GAItCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAwB;AAG1C,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAmBQ,EAAO,KAAK,IAC3CM,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK,QACrBL,EAAA,OAAOS,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBb,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKe,EAAAR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBJ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,UAAUN,EAAO;AAAA,IACpC,CACD,GAEDQ,EAAMV,GAAM,MAAM;;AACN,OAAAQ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK;AAAA,IAAK,CACpC,GAEYc,EAAA;AAAA,MACX,WAAAV;AAAA,IAAA,CACD;;;"}

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 c=d,o=s.inject(v.crosshairAccessorKey),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 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;
 //# sourceMappingURL=index.cjs.map

package/components/crosshair/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/crosshair/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-crosshair\": \"\" }\n\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\n\nexport const VisCrosshairSelectors = Crosshair.selectors\n\ninterface Props extends /** @vue-ignore */ CrosshairConfigInterface<Datum> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\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\n\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\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","VisCrosshairSelectors","Crosshair","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","crosshairAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"mOAGMA,EAAa,CAAE,qBAAsB,IAQ9BC,EAAwBC,EAAU,UAAA,UAInBC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAAE,OAAQC,GAAY,CAE5C,MAAMC,EAAQF,EAGRG,EAAWC,SAAOC,EAAAA,oBAAoB,EAMtCC,EAAOC,EAAS,SAAA,IAAMJ,EAAS,KAAK,OAASD,EAAM,IAAI,EAEvDM,EAASC,kBAAgBP,CAAK,EAG9BQ,EAAYC,EAAAA,MAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIb,EAAiB,UAAAW,EAAO,KAAK,GACzCM,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,OACrBH,EAAA,OAAOO,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBX,EAAS,QAAQ,CAAA,CAClB,EAEKa,EAAAA,MAAAR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBJ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,UAAUN,EAAO,MACpC,CACD,EAEDQ,EAAA,MAAMV,EAAM,IAAM,QACNQ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,MAAK,CACpC,EAEQL,EAAA,CACP,UAAAS,CAAA,CACD,EAEM,CAACU,EAAUC,KACRC,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAO5B,CAAU,EAE7D,CAEA,CAAC"}
+{"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\ninterface Props extends /** @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"],"mappings":"+PAmDaA,EAAwBC,EAAAA,UAAU,kFA5CzC,MAAAC,EAAWC,SAAOC,sBAAoB,EAKtCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,kBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAsB,EAGxCC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,YAAiBQ,EAAO,KAAK,GACzCM,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,OACrBL,EAAA,OAAOS,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBb,EAAS,QAAQ,CAAA,CAClB,EAEKe,EAAAA,MAAAR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBJ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,UAAUN,EAAO,MACpC,CACD,EAEDQ,EAAA,MAAMV,EAAM,IAAM,QACNQ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,MAAK,CACpC,EAEYc,EAAA,CACX,UAAAV,CAAA,CACD"}

package/components/crosshair/index.d.ts

@@ -57,7 +57,7 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
         getCircles?: (x: number | Date, data: Datum[], yScale: import("@unovis/ts").ContinuousScale) => import("@unovis/ts").CrosshairCircle[];
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
-        component: import("vue").Ref<Crosshair<Datum>>;
+        component: import("vue").Ref<Crosshair<Datum>, Crosshair<Datum>>;
     }>): void;
     attrs: any;
     slots: {};

package/components/crosshair/index.js

@@ -8,7 +8,7 @@ const B = { "data-vis-crosshair": "" }, q = i.selectors, A = /* @__PURE__ */ d({
     data: {}
   },
   setup(l, { expose: p }) {
-    const r = l, t = m(g), a = v(() => t.data.value ?? r.data), s = w(r), o = f();
+    const t = m(g), r = l, a = v(() => t.data.value ?? r.data), s = w(r), o = f();
     return _(() => {
       h(() => {
         var e;

package/components/crosshair/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/crosshair/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-crosshair\": \"\" }\n\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\n\nexport const VisCrosshairSelectors = Crosshair.selectors\n\ninterface Props extends /** @vue-ignore */ CrosshairConfigInterface<Datum> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\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\n\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\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","VisCrosshairSelectors","Crosshair","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","crosshairAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;;;AAGA,MAAMA,IAAa,EAAE,sBAAsB,MAQ9BC,IAAwBC,EAAU,WAInBC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc,EAAE,QAAQC,KAAY;AAE5C,UAAMC,IAAQF,GAGRG,IAAWC,EAAOC,CAAoB,GAMtCC,IAAOC,EAAS,MAAMJ,EAAS,KAAK,SAASD,EAAM,IAAI,GAEvDM,IAASC,EAAgBP,CAAK,GAG9BQ,IAAYC;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIb,EAAiBW,EAAO,KAAK,IACzCM,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK,QACrBH,EAAA,OAAOO,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBX,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKa,EAAAR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBJ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,UAAUN,EAAO;AAAA,IACpC,CACD,GAEDQ,EAAMV,GAAM,MAAM;;AACN,OAAAQ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK;AAAA,IAAK,CACpC,GAEQL,EAAA;AAAA,MACP,WAAAS;AAAA,IAAA,CACD,GAEM,CAACU,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAO5B,CAAU;AAAA,EAE7D;AAEA,CAAC;"}
+{"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\ninterface Props extends /** @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"],"mappings":";;;;wCAmDaA,IAAwBC,EAAU;;;;;;AA5CzC,UAAAC,IAAWC,EAAOC,CAAoB,GAKtCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAsB;AAGxC,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAiBQ,EAAO,KAAK,IACzCM,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK,QACrBL,EAAA,OAAOS,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBb,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKe,EAAAR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBJ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,UAAUN,EAAO;AAAA,IACpC,CACD,GAEDQ,EAAMV,GAAM,MAAM;;AACN,OAAAQ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK;AAAA,IAAK,CACpC,GAEYc,EAAA;AAAA,MACX,WAAAV;AAAA,IAAA,CACD;;;"}

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:{},duration:{},events:{},attributes:{},data:{}},setup(p,{expose:d}){const r=p,o=t.inject(v.componentAccessorKey),a=t.computed(()=>o.data.value??r.data),u=l.useForwardProps(r),n=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;n.value=new i.Donut(u.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(u,(e,c)=>{var s;l.arePropsEqual(e,c)||(s=n.value)==null||s.setConfig(u.value)}),t.watch(a,()=>{var e;(e=n.value)==null||e.setData(a.value)}),d({component:n}),(e,c)=>(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 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:{},angleRange:{},padAngle:{},sortFunction:{type:Function},cornerRadius:{},color:{},radius:{},arcWidth:{},centralLabel:{},centralSubLabel:{},centralSubLabelWrap:{type:Boolean},showEmptySegments:{type:Boolean},emptySegmentAngle:{},showBackground:{type:Boolean},backgroundAngleRange:{},duration:{},events:{},attributes:{},data:{}},setup(d,{expose:p}){const n=t.inject(v.componentAccessorKey),c=d,a=t.computed(()=>n.data.value??c.data),s=l.useForwardProps(c),o=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;o.value=new i.Donut(s.value),(e=o.value)==null||e.setData(a.value),n.update(o.value)})}),t.onUnmounted(()=>{var e;(e=o.value)==null||e.destroy(),n.destroy()}),t.watch(s,(e,r)=>{var u;l.arePropsEqual(e,r)||(u=o.value)==null||u.setConfig(s.value)}),t.watch(a,()=>{var e;(e=o.value)==null||e.setData(a.value)}),p({component:o}),(e,r)=>(t.openBlock(),t.createElementBlock("div",g))}});exports.VisDonutSelectors=m;exports.default=y;
 //# sourceMappingURL=index.cjs.map

package/components/donut/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/donut/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\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\n\nexport const VisDonutSelectors = Donut.selectors\n\ntype Props = DonutConfigInterface<Datum>\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    id: { type: Function },\n    value: { type: [Function, Number, null] },\n    angleRange: {},\n    padAngle: {},\n    sortFunction: { type: Function },\n    cornerRadius: {},\n    color: { type: [Function, String, Array, null] },\n    radius: {},\n    arcWidth: {},\n    centralLabel: {},\n    centralSubLabel: {},\n    centralSubLabelWrap: { type: Boolean },\n    showEmptySegments: { type: Boolean },\n    emptySegmentAngle: {},\n    showBackground: { type: Boolean },\n    backgroundAngleRange: {},\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \n\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\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","VisDonutSelectors","Donut","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"mOAGMA,EAAa,CAAE,qBAAsB,IAQ9BC,EAAoBC,EAAM,MAAA,UAIXC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,GAAI,CAAE,KAAM,QAAS,EACrB,MAAO,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACxC,WAAY,CAAC,EACb,SAAU,CAAC,EACX,aAAc,CAAE,KAAM,QAAS,EAC/B,aAAc,CAAC,EACf,MAAO,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EAC/C,OAAQ,CAAC,EACT,SAAU,CAAC,EACX,aAAc,CAAC,EACf,gBAAiB,CAAC,EAClB,oBAAqB,CAAE,KAAM,OAAQ,EACrC,kBAAmB,CAAE,KAAM,OAAQ,EACnC,kBAAmB,CAAC,EACpB,eAAgB,CAAE,KAAM,OAAQ,EAChC,qBAAsB,CAAC,EACvB,SAAU,CAAC,EACX,OAAQ,CAAC,EACT,WAAY,CAAC,EACb,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAAE,OAAQC,GAAY,CAE5C,MAAMC,EAAQF,EAGRG,EAAWC,SAAOC,EAAAA,oBAAoB,EAKtCC,EAAOC,EAAS,SAAA,IAAMJ,EAAS,KAAK,OAASD,EAAM,IAAI,EAEvDM,EAASC,kBAAgBP,CAAK,EAG9BQ,EAAYC,EAAAA,MAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIb,EAAa,MAAAW,EAAO,KAAK,GACrCM,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,OACrBH,EAAA,OAAOO,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBX,EAAS,QAAQ,CAAA,CAClB,EAEKa,EAAAA,MAAAR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBJ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,UAAUN,EAAO,MACpC,CACD,EAEDQ,EAAA,MAAMV,EAAM,IAAM,QACNQ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,MAAK,CACpC,EAEQL,EAAA,CACP,UAAAS,CAAA,CACD,EAEM,CAACU,EAAUC,KACRC,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAO5B,CAAU,EAE7D,CAEA,CAAC"}
+{"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"],"mappings":"+PAkDaA,EAAoBC,EAAAA,MAAM,0aA3CjC,MAAAC,EAAWC,SAAOC,sBAAoB,EAItCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,kBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAkB,EAGpCC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,QAAaQ,EAAO,KAAK,GACrCM,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,OACrBL,EAAA,OAAOS,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBb,EAAS,QAAQ,CAAA,CAClB,EAEKe,EAAAA,MAAAR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBJ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,UAAUN,EAAO,MACpC,CACD,EAEDQ,EAAA,MAAMV,EAAM,IAAM,QACNQ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,MAAK,CACpC,EAEYc,EAAA,CACX,UAAAV,CAAA,CACD"}

package/components/donut/index.d.ts

@@ -38,12 +38,12 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
             };
         };
         data?: Datum[];
-        value: NumericAccessor<Datum>;
         color?: import("@unovis/ts").ColorAccessor<Datum>;
         id?: (d: Datum, i: number, ...any: unknown[]) => string | number;
         angleRange?: [number, number];
         cornerRadius?: number;
         padAngle?: number;
+        value: NumericAccessor<Datum>;
         sortFunction?: (a: Datum, b: Datum) => number;
         radius?: number;
         arcWidth?: number;
@@ -56,7 +56,7 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
         backgroundAngleRange?: [number, number];
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
-        component: import("vue").Ref<Donut<Datum>>;
+        component: import("vue").Ref<Donut<Datum>, Donut<Datum>>;
     }>): void;
     attrs: any;
     slots: {};

package/components/donut/index.js

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

package/components/donut/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/donut/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\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\n\nexport const VisDonutSelectors = Donut.selectors\n\ntype Props = DonutConfigInterface<Datum>\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    id: { type: Function },\n    value: { type: [Function, Number, null] },\n    angleRange: {},\n    padAngle: {},\n    sortFunction: { type: Function },\n    cornerRadius: {},\n    color: { type: [Function, String, Array, null] },\n    radius: {},\n    arcWidth: {},\n    centralLabel: {},\n    centralSubLabel: {},\n    centralSubLabelWrap: { type: Boolean },\n    showEmptySegments: { type: Boolean },\n    emptySegmentAngle: {},\n    showBackground: { type: Boolean },\n    backgroundAngleRange: {},\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \n\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\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","VisDonutSelectors","Donut","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;;;AAGA,MAAMA,IAAa,EAAE,sBAAsB,MAQ9BC,IAAoBC,EAAM,WAIXC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,IAAI,EAAE,MAAM,SAAS;AAAA,IACrB,OAAO,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACxC,YAAY,CAAC;AAAA,IACb,UAAU,CAAC;AAAA,IACX,cAAc,EAAE,MAAM,SAAS;AAAA,IAC/B,cAAc,CAAC;AAAA,IACf,OAAO,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IAC/C,QAAQ,CAAC;AAAA,IACT,UAAU,CAAC;AAAA,IACX,cAAc,CAAC;AAAA,IACf,iBAAiB,CAAC;AAAA,IAClB,qBAAqB,EAAE,MAAM,QAAQ;AAAA,IACrC,mBAAmB,EAAE,MAAM,QAAQ;AAAA,IACnC,mBAAmB,CAAC;AAAA,IACpB,gBAAgB,EAAE,MAAM,QAAQ;AAAA,IAChC,sBAAsB,CAAC;AAAA,IACvB,UAAU,CAAC;AAAA,IACX,QAAQ,CAAC;AAAA,IACT,YAAY,CAAC;AAAA,IACb,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc,EAAE,QAAQC,KAAY;AAE5C,UAAMC,IAAQF,GAGRG,IAAWC,EAAOC,CAAoB,GAKtCC,IAAOC,EAAS,MAAMJ,EAAS,KAAK,SAASD,EAAM,IAAI,GAEvDM,IAASC,EAAgBP,CAAK,GAG9BQ,IAAYC;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIb,EAAaW,EAAO,KAAK,IACrCM,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK,QACrBH,EAAA,OAAOO,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBX,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKa,EAAAR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBJ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,UAAUN,EAAO;AAAA,IACpC,CACD,GAEDQ,EAAMV,GAAM,MAAM;;AACN,OAAAQ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK;AAAA,IAAK,CACpC,GAEQL,EAAA;AAAA,MACP,WAAAS;AAAA,IAAA,CACD,GAEM,CAACU,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAO5B,CAAU;AAAA,EAE7D;AAEA,CAAC;"}
+{"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"],"mappings":";;;;wCAkDaA,IAAoBC,EAAM;;;;;;;;;;;;;;;;;;;;;;;;;AA3CjC,UAAAC,IAAWC,EAAOC,CAAoB,GAItCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAkB;AAGpC,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAaQ,EAAO,KAAK,IACrCM,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK,QACrBL,EAAA,OAAOS,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBb,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKe,EAAAR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBJ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,UAAUN,EAAO;AAAA,IACpC,CACD,GAEDQ,EAAMV,GAAM,MAAM;;AACN,OAAAQ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK;AAAA,IAAK,CACpC,GAEYc,EAAA;AAAA,MACX,WAAAV;AAAA,IAAA,CACD;;;"}

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 c=p,o=t.inject(y.componentAccessorKey),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 t=require("vue"),l=require("@unovis/ts"),i=require("../../utils/props.cjs"),v=require("../../utils/context.cjs"),h={"data-vis-component":""},y=l.FreeBrush.selectors,m=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:{},y:{},id:{type:Function},color:{},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(d,{expose:p}){const n=t.inject(v.componentAccessorKey),a=d,s=t.computed(()=>n.data.value??a.data),c=i.useForwardProps(a),o=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;o.value=new l.FreeBrush(c.value),(e=o.value)==null||e.setData(s.value),n.update(o.value)})}),t.onUnmounted(()=>{var e;(e=o.value)==null||e.destroy(),n.destroy()}),t.watch(c,(e,u)=>{var r;i.arePropsEqual(e,u)||(r=o.value)==null||r.setConfig(c.value)}),t.watch(s,()=>{var e;(e=o.value)==null||e.setData(s.value)}),p({component:o}),(e,u)=>(t.openBlock(),t.createElementBlock("div",h))}});exports.VisFreeBrushSelectors=y;exports.default=m;
 //# 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?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\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\n\nexport const VisFreeBrushSelectors = FreeBrush.selectors\n\ntype Props = FreeBrushConfigInterface<Datum>\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    mode: {},\n    onBrush: { type: Function },\n    onBrushStart: { type: Function },\n    onBrushMove: { type: Function },\n    onBrushEnd: { type: Function },\n    handleWidth: {},\n    selection: {},\n    selectionMinLength: {},\n    autoHide: { type: Boolean },\n    x: { type: [Function, Number, null] },\n    y: { type: [Function, Number, null, Array] },\n    id: { type: Function },\n    color: { type: [Function, String, Array, null] },\n    xScale: { type: [Object, Function] },\n    yScale: { type: [Object, Function] },\n    excludeFromDomainCalculation: { type: Boolean },\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \n\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\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","VisFreeBrushSelectors","FreeBrush","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"mOAGMA,EAAa,CAAE,qBAAsB,IAQ9BC,EAAwBC,EAAU,UAAA,UAInBC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,KAAM,CAAC,EACP,QAAS,CAAE,KAAM,QAAS,EAC1B,aAAc,CAAE,KAAM,QAAS,EAC/B,YAAa,CAAE,KAAM,QAAS,EAC9B,WAAY,CAAE,KAAM,QAAS,EAC7B,YAAa,CAAC,EACd,UAAW,CAAC,EACZ,mBAAoB,CAAC,EACrB,SAAU,CAAE,KAAM,OAAQ,EAC1B,EAAG,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACpC,EAAG,CAAE,KAAM,CAAC,SAAU,OAAQ,KAAM,KAAK,CAAE,EAC3C,GAAI,CAAE,KAAM,QAAS,EACrB,MAAO,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EAC/C,OAAQ,CAAE,KAAM,CAAC,OAAQ,QAAQ,CAAE,EACnC,OAAQ,CAAE,KAAM,CAAC,OAAQ,QAAQ,CAAE,EACnC,6BAA8B,CAAE,KAAM,OAAQ,EAC9C,SAAU,CAAC,EACX,OAAQ,CAAC,EACT,WAAY,CAAC,EACb,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAAE,OAAQC,GAAY,CAE5C,MAAMC,EAAQF,EAGRG,EAAWC,SAAOC,EAAAA,oBAAoB,EAKtCC,EAAOC,EAAS,SAAA,IAAMJ,EAAS,KAAK,OAASD,EAAM,IAAI,EAEvDM,EAASC,kBAAgBP,CAAK,EAG9BQ,EAAYC,EAAAA,MAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIb,EAAiB,UAAAW,EAAO,KAAK,GACzCM,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,OACrBH,EAAA,OAAOO,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBX,EAAS,QAAQ,CAAA,CAClB,EAEKa,EAAAA,MAAAR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBJ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,UAAUN,EAAO,MACpC,CACD,EAEDQ,EAAA,MAAMV,EAAM,IAAM,QACNQ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,MAAK,CACpC,EAEQL,EAAA,CACP,UAAAS,CAAA,CACD,EAEM,CAACU,EAAUC,KACRC,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAO5B,CAAU,EAE7D,CAEA,CAAC"}
+{"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"],"mappings":"+PAkDaA,EAAwBC,EAAAA,UAAU,scA3CzC,MAAAC,EAAWC,SAAOC,sBAAoB,EAItCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,kBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAsB,EAGxCC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,YAAiBQ,EAAO,KAAK,GACzCM,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,OACrBL,EAAA,OAAOS,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBb,EAAS,QAAQ,CAAA,CAClB,EAEKe,EAAAA,MAAAR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBJ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,UAAUN,EAAO,MACpC,CACD,EAEDQ,EAAA,MAAMV,EAAM,IAAM,QACNQ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,MAAK,CACpC,EAEYc,EAAA,CACX,UAAAV,CAAA,CACD"}

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

@@ -56,7 +56,7 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
         autoHide?: boolean;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
-        component: import("vue").Ref<FreeBrush<Datum>>;
+        component: import("vue").Ref<FreeBrush<Datum>, FreeBrush<Datum>>;
     }>): void;
     attrs: any;
     slots: {};

package/components/free-brush/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/free-brush/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\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\n\nexport const VisFreeBrushSelectors = FreeBrush.selectors\n\ntype Props = FreeBrushConfigInterface<Datum>\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    mode: {},\n    onBrush: { type: Function },\n    onBrushStart: { type: Function },\n    onBrushMove: { type: Function },\n    onBrushEnd: { type: Function },\n    handleWidth: {},\n    selection: {},\n    selectionMinLength: {},\n    autoHide: { type: Boolean },\n    x: { type: [Function, Number, null] },\n    y: { type: [Function, Number, null, Array] },\n    id: { type: Function },\n    color: { type: [Function, String, Array, null] },\n    xScale: { type: [Object, Function] },\n    yScale: { type: [Object, Function] },\n    excludeFromDomainCalculation: { type: Boolean },\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \n\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\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","VisFreeBrushSelectors","FreeBrush","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;;;AAGA,MAAMA,IAAa,EAAE,sBAAsB,MAQ9BC,IAAwBC,EAAU,WAInBC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,MAAM,CAAC;AAAA,IACP,SAAS,EAAE,MAAM,SAAS;AAAA,IAC1B,cAAc,EAAE,MAAM,SAAS;AAAA,IAC/B,aAAa,EAAE,MAAM,SAAS;AAAA,IAC9B,YAAY,EAAE,MAAM,SAAS;AAAA,IAC7B,aAAa,CAAC;AAAA,IACd,WAAW,CAAC;AAAA,IACZ,oBAAoB,CAAC;AAAA,IACrB,UAAU,EAAE,MAAM,QAAQ;AAAA,IAC1B,GAAG,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACpC,GAAG,EAAE,MAAM,CAAC,UAAU,QAAQ,MAAM,KAAK,EAAE;AAAA,IAC3C,IAAI,EAAE,MAAM,SAAS;AAAA,IACrB,OAAO,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IAC/C,QAAQ,EAAE,MAAM,CAAC,QAAQ,QAAQ,EAAE;AAAA,IACnC,QAAQ,EAAE,MAAM,CAAC,QAAQ,QAAQ,EAAE;AAAA,IACnC,8BAA8B,EAAE,MAAM,QAAQ;AAAA,IAC9C,UAAU,CAAC;AAAA,IACX,QAAQ,CAAC;AAAA,IACT,YAAY,CAAC;AAAA,IACb,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc,EAAE,QAAQC,KAAY;AAE5C,UAAMC,IAAQF,GAGRG,IAAWC,EAAOC,CAAoB,GAKtCC,IAAOC,EAAS,MAAMJ,EAAS,KAAK,SAASD,EAAM,IAAI,GAEvDM,IAASC,EAAgBP,CAAK,GAG9BQ,IAAYC;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIb,EAAiBW,EAAO,KAAK,IACzCM,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK,QACrBH,EAAA,OAAOO,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBX,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKa,EAAAR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBJ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,UAAUN,EAAO;AAAA,IACpC,CACD,GAEDQ,EAAMV,GAAM,MAAM;;AACN,OAAAQ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK;AAAA,IAAK,CACpC,GAEQL,EAAA;AAAA,MACP,WAAAS;AAAA,IAAA,CACD,GAEM,CAACU,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAO5B,CAAU;AAAA,EAE7D;AAEA,CAAC;"}
+{"version":3,"file":"index.js","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"],"mappings":";;;;wCAkDaA,IAAwBC,EAAU;;;;;;;;;;;;;;;;;;;;;;;;;AA3CzC,UAAAC,IAAWC,EAAOC,CAAoB,GAItCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAsB;AAGxC,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAiBQ,EAAO,KAAK,IACzCM,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK,QACrBL,EAAA,OAAOS,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBb,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKe,EAAAR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBJ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,UAAUN,EAAO;AAAA,IACpC,CACD,GAEDQ,EAAMV,GAAM,MAAM;;AACN,OAAAQ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK;AAAA,IAAK,CACpC,GAEYc,EAAA;AAAA,MACX,WAAAV;AAAA,IAAA,CACD;;;"}

package/components/graph/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@unovis/ts"),c=require("../../utils/props.cjs"),s=require("../../utils/context.cjs"),F={"data-vis-component":""},m=d.Graph.selectors,S=e.defineComponent({__name:"index",props:{zoomScaleExtent:{},disableZoom:{type:Boolean},zoomEventFilter:{type:Function},disableDrag:{type:Boolean},disableBrush:{type:Boolean},zoomThrottledUpdateNodeThreshold:{},layoutType:{},layoutAutofit:{type:Boolean},layoutAutofitTolerance:{},layoutNonConnectedAside:{type:Boolean},layoutNodeGroup:{type:[Function,String,null]},layoutGroupOrder:{},layoutParallelNodesPerColumn:{},layoutParallelNodeSubGroup:{type:[Function,String,null]},layoutParallelSubGroupsPerRow:{},layoutParallelGroupSpacing:{},layoutParallelSortConnectionsByGroup:{},forceLayoutSettings:{},dagreLayoutSettings:{},layoutElkSettings:{type:[Function,null]},layoutElkNodeGroups:{},linkWidth:{type:[Function,Number,null]},linkStyle:{type:[Function,null]},linkBandWidth:{type:[Function,Number,null]},linkArrow:{type:[Function,null]},linkStroke:{type:[Function,String,Array,null]},linkDisabled:{type:[Function,Boolean,null]},linkFlow:{type:[Function,Boolean,null]},linkFlowAnimDuration:{},linkFlowParticleSize:{},linkLabel:{type:[Function,null]},linkLabelShiftFromCenter:{type:[Function,Boolean,null]},linkNeighborSpacing:{},linkCurvature:{type:[Function,Number,null]},selectedLinkId:{},nodeSize:{type:[Function,Number,null]},nodeStrokeWidth:{type:[Function,Number,null]},nodeShape:{type:[Function,null]},nodeGaugeValue:{type:[Function,Number,null]},nodeGaugeFill:{type:[Function,String,Array,null]},nodeGaugeAnimDuration:{},nodeIcon:{type:[Function,String,null]},nodeIconSize:{type:[Function,Number,null]},nodeLabel:{type:[Function,String,null]},nodeLabelTrim:{type:[Function,Boolean,null]},nodeLabelTrimMode:{type:[Function,null]},nodeLabelTrimLength:{type:[Function,Number,null]},nodeSubLabel:{type:[Function,String,null]},nodeSubLabelTrim:{type:[Function,Boolean,null]},nodeSubLabelTrimMode:{type:[Function,null]},nodeSubLabelTrimLength:{type:[Function,Number,null]},nodeSideLabels:{type:[Function,null]},nodeBottomIcon:{type:[Function,String,null]},nodeDisabled:{type:[Function,Boolean,null]},nodeFill:{type:[Function,String,Array,null]},nodeStroke:{type:[Function,String,Array,null]},nodeSort:{type:Function},nodeEnterPosition:{type:[Function,null]},nodeEnterScale:{type:[Function,Number,null]},nodeExitPosition:{type:[Function,null]},nodeExitScale:{type:[Function,Number,null]},nodeEnterCustomRenderFunction:{type:Function},nodeUpdateCustomRenderFunction:{type:Function},nodePartialUpdateCustomRenderFunction:{type:Function},nodeExitCustomRenderFunction:{type:Function},nodeOnZoomCustomRenderFunction:{type:Function},nodeSelectionHighlightMode:{},selectedNodeId:{},selectedNodeIds:{},panels:{},onNodeDragStart:{type:Function},onNodeDrag:{type:Function},onNodeDragEnd:{type:Function},onZoom:{type:Function},onZoomStart:{type:Function},onZoomEnd:{type:Function},onLayoutCalculated:{type:Function},onNodeSelectionBrush:{type:Function},onNodeSelectionDrag:{type:Function},onRenderComplete:{type:Function},duration:{},events:{},attributes:{},data:{}},setup(p,{expose:y}){const i=p,o=e.inject(s.componentAccessorKey),l=e.computed(()=>o.data.value??i.data),u=c.useForwardProps(i),t=e.ref();return e.onMounted(()=>{e.nextTick(()=>{var n;t.value=new d.Graph(u.value),(n=t.value)==null||n.setData(l.value),o.update(t.value)})}),e.onUnmounted(()=>{var n;(n=t.value)==null||n.destroy(),o.destroy()}),e.watch(u,(n,a)=>{var r;c.arePropsEqual(n,a)||(r=t.value)==null||r.setConfig(u.value)}),e.watch(l,()=>{var n;(n=t.value)==null||n.setData(l.value)}),y({component:t}),(n,a)=>(e.openBlock(),e.createElementBlock("div",F))}});exports.VisGraphSelectors=m;exports.default=S;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),c=require("@unovis/ts"),r=require("../../utils/props.cjs"),y=require("../../utils/context.cjs"),m={"data-vis-component":""},S=c.Graph.selectors,F=o.defineComponent({__name:"index",props:{zoomScaleExtent:{},disableZoom:{type:Boolean},zoomEventFilter:{type:Function},disableDrag:{type:Boolean},disableBrush:{type:Boolean},zoomThrottledUpdateNodeThreshold:{},layoutType:{},layoutAutofit:{type:Boolean},layoutAutofitTolerance:{},layoutNonConnectedAside:{type:Boolean},layoutNodeGroup:{},layoutGroupOrder:{},layoutParallelNodesPerColumn:{},layoutParallelNodeSubGroup:{},layoutParallelSubGroupsPerRow:{},layoutParallelGroupSpacing:{},layoutParallelSortConnectionsByGroup:{},forceLayoutSettings:{},dagreLayoutSettings:{},layoutElkSettings:{},layoutElkNodeGroups:{},linkWidth:{},linkStyle:{},linkBandWidth:{},linkArrow:{},linkStroke:{},linkDisabled:{},linkFlow:{},linkFlowAnimDuration:{},linkFlowParticleSize:{},linkLabel:{},linkLabelShiftFromCenter:{},linkNeighborSpacing:{},linkCurvature:{},selectedLinkId:{},nodeSize:{},nodeStrokeWidth:{},nodeShape:{},nodeGaugeValue:{},nodeGaugeFill:{},nodeGaugeAnimDuration:{},nodeIcon:{},nodeIconSize:{},nodeLabel:{},nodeLabelTrim:{},nodeLabelTrimMode:{},nodeLabelTrimLength:{},nodeSubLabel:{},nodeSubLabelTrim:{},nodeSubLabelTrimMode:{},nodeSubLabelTrimLength:{},nodeSideLabels:{},nodeBottomIcon:{},nodeDisabled:{},nodeFill:{},nodeStroke:{},nodeSort:{type:Function},nodeEnterPosition:{},nodeEnterScale:{},nodeExitPosition:{},nodeExitScale:{},nodeEnterCustomRenderFunction:{type:Function},nodeUpdateCustomRenderFunction:{type:Function},nodePartialUpdateCustomRenderFunction:{type:Function},nodeExitCustomRenderFunction:{type:Function},nodeOnZoomCustomRenderFunction:{type:Function},nodeSelectionHighlightMode:{},selectedNodeId:{},selectedNodeIds:{},panels:{},onNodeDragStart:{type:Function},onNodeDrag:{type:Function},onNodeDragEnd:{type:Function},onZoom:{type:Function},onZoomStart:{type:Function},onZoomEnd:{type:Function},onLayoutCalculated:{type:Function},onNodeSelectionBrush:{type:Function},onNodeSelectionDrag:{type:Function},onRenderComplete:{type:Function},duration:{},events:{},attributes:{},data:{}},setup(s,{expose:p}){const t=o.inject(y.componentAccessorKey),i=s,a=o.computed(()=>t.data.value??i.data),l=r.useForwardProps(i),n=o.ref();return o.onMounted(()=>{o.nextTick(()=>{var e;n.value=new c.Graph(l.value),(e=n.value)==null||e.setData(a.value),t.update(n.value)})}),o.onUnmounted(()=>{var e;(e=n.value)==null||e.destroy(),t.destroy()}),o.watch(l,(e,u)=>{var d;r.arePropsEqual(e,u)||(d=n.value)==null||d.setConfig(l.value)}),o.watch(a,()=>{var e;(e=n.value)==null||e.setData(a.value)}),p({component:n}),(e,u)=>(o.openBlock(),o.createElementBlock("div",m))}});exports.VisGraphSelectors=S;exports.default=F;
 //# sourceMappingURL=index.cjs.map

package/components/graph/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/graph/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\nimport { Graph, GraphConfigInterface, GraphInputNode, GraphInputLink } 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\n\nexport const VisGraphSelectors = Graph.selectors\n\ntype Props = GraphConfigInterface<N, L>\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    zoomScaleExtent: {},\n    disableZoom: { type: Boolean },\n    zoomEventFilter: { type: Function },\n    disableDrag: { type: Boolean },\n    disableBrush: { type: Boolean },\n    zoomThrottledUpdateNodeThreshold: {},\n    layoutType: {},\n    layoutAutofit: { type: Boolean },\n    layoutAutofitTolerance: {},\n    layoutNonConnectedAside: { type: Boolean },\n    layoutNodeGroup: { type: [Function, String, null] },\n    layoutGroupOrder: {},\n    layoutParallelNodesPerColumn: {},\n    layoutParallelNodeSubGroup: { type: [Function, String, null] },\n    layoutParallelSubGroupsPerRow: {},\n    layoutParallelGroupSpacing: {},\n    layoutParallelSortConnectionsByGroup: {},\n    forceLayoutSettings: {},\n    dagreLayoutSettings: {},\n    layoutElkSettings: { type: [Function, null] },\n    layoutElkNodeGroups: {},\n    linkWidth: { type: [Function, Number, null] },\n    linkStyle: { type: [Function, null] },\n    linkBandWidth: { type: [Function, Number, null] },\n    linkArrow: { type: [Function, null] },\n    linkStroke: { type: [Function, String, Array, null] },\n    linkDisabled: { type: [Function, Boolean, null] },\n    linkFlow: { type: [Function, Boolean, null] },\n    linkFlowAnimDuration: {},\n    linkFlowParticleSize: {},\n    linkLabel: { type: [Function, null] },\n    linkLabelShiftFromCenter: { type: [Function, Boolean, null] },\n    linkNeighborSpacing: {},\n    linkCurvature: { type: [Function, Number, null] },\n    selectedLinkId: {},\n    nodeSize: { type: [Function, Number, null] },\n    nodeStrokeWidth: { type: [Function, Number, null] },\n    nodeShape: { type: [Function, null] },\n    nodeGaugeValue: { type: [Function, Number, null] },\n    nodeGaugeFill: { type: [Function, String, Array, null] },\n    nodeGaugeAnimDuration: {},\n    nodeIcon: { type: [Function, String, null] },\n    nodeIconSize: { type: [Function, Number, null] },\n    nodeLabel: { type: [Function, String, null] },\n    nodeLabelTrim: { type: [Function, Boolean, null] },\n    nodeLabelTrimMode: { type: [Function, null] },\n    nodeLabelTrimLength: { type: [Function, Number, null] },\n    nodeSubLabel: { type: [Function, String, null] },\n    nodeSubLabelTrim: { type: [Function, Boolean, null] },\n    nodeSubLabelTrimMode: { type: [Function, null] },\n    nodeSubLabelTrimLength: { type: [Function, Number, null] },\n    nodeSideLabels: { type: [Function, null] },\n    nodeBottomIcon: { type: [Function, String, null] },\n    nodeDisabled: { type: [Function, Boolean, null] },\n    nodeFill: { type: [Function, String, Array, null] },\n    nodeStroke: { type: [Function, String, Array, null] },\n    nodeSort: { type: Function },\n    nodeEnterPosition: { type: [Function, null] },\n    nodeEnterScale: { type: [Function, Number, null] },\n    nodeExitPosition: { type: [Function, null] },\n    nodeExitScale: { type: [Function, Number, null] },\n    nodeEnterCustomRenderFunction: { type: Function },\n    nodeUpdateCustomRenderFunction: { type: Function },\n    nodePartialUpdateCustomRenderFunction: { type: Function },\n    nodeExitCustomRenderFunction: { type: Function },\n    nodeOnZoomCustomRenderFunction: { type: Function },\n    nodeSelectionHighlightMode: {},\n    selectedNodeId: {},\n    selectedNodeIds: {},\n    panels: {},\n    onNodeDragStart: { type: Function },\n    onNodeDrag: { type: Function },\n    onNodeDragEnd: { type: Function },\n    onZoom: { type: Function },\n    onZoomStart: { type: Function },\n    onZoomEnd: { type: Function },\n    onLayoutCalculated: { type: Function },\n    onNodeSelectionBrush: { type: Function },\n    onNodeSelectionDrag: { type: Function },\n    onRenderComplete: { type: Function },\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \n\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Graph<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Graph<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\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","VisGraphSelectors","Graph","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/graph/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"N extends GraphInputNode,L extends GraphInputLink\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Graph, GraphConfigInterface, GraphInputNode, GraphInputLink } 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 = GraphConfigInterface<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<Graph<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Graph<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 VisGraphSelectors = Graph.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisGraphSelectors","Graph","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"mappings":"+PAkDaA,EAAoBC,EAAAA,MAAM,4+DA3CjC,MAAAC,EAAWC,SAAOC,sBAAoB,EAItCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,kBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAiB,EAGnCC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,QAAYQ,EAAO,KAAK,GACpCM,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,OACrBL,EAAA,OAAOS,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBb,EAAS,QAAQ,CAAA,CAClB,EAEKe,EAAAA,MAAAR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBJ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,UAAUN,EAAO,MACpC,CACD,EAEDQ,EAAA,MAAMV,EAAM,IAAM,QACNQ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,MAAK,CACpC,EAEYc,EAAA,CACX,UAAAV,CAAA,CACD"}

package/components/graph/index.d.ts

@@ -144,7 +144,7 @@ declare const _default: <N extends GraphInputNode, L extends GraphInputLink>(__V
         onRenderComplete?: (g: import("d3-selection").Selection<SVGGElement, unknown, null, undefined>, nodes: import("@unovis/ts").GraphNode<N, L>[], links: import("@unovis/ts").GraphLink<N, L>[], config: GraphConfigInterface<N, L>, duration: number, zoomLevel: number, width: number, height: number) => void;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
-        component: import("vue").Ref<Graph<N, L>>;
+        component: import("vue").Ref<Graph<N, L>, Graph<N, L>>;
     }>): void;
     attrs: any;
     slots: {};