@unovis/vue 1.6.5 → 1.6.6-beta.0

package/components/line/index.js

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

package/components/line/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/line/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Line, LineConfigInterface, 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 = LineConfigInterface<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<Line<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Line<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 VisLineSelectors = Line.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisLineSelectors","Line","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,IAAmBC,EAAK;;;;;;;;;;;;;;;;;;;;;;;AA3CrC,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,EAAYQ,EAAO,KAAK,IAC9CM,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/line/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Line, LineConfigInterface, 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 = LineConfigInterface<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<Line<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Line<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 VisLineSelectors = Line.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisLineSelectors","Line","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","_b","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCAmDaA,IAAmBC,EAAK;;;;;;;;;;;;;;;;;;;;;;;AA5CrC,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,EAAYQ,EAAO,KAAK,IAC9CM,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,OAC3BJ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,UAAUN,EAAO,SAClCY,IAAAV,EAAU,UAAV,QAAAU,EAAiB;AAAA,IAErB,CAAC,GAEDJ,EAAMV,GAAM,MAAM;;AAChB,OAAAQ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK;AAAA,IAChC,CAAC,GAEDe,EAAa;AAAA,MACX,WAAAX;AAAA,IAAA,CACD,cAQCY,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}

package/components/nested-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"),c=require("../../utils/props.cjs"),y=require("../../utils/context.cjs"),g={"data-vis-component":""},m=i.NestedDonut.selectors,v=t.defineComponent({__name:"index",props:{angleRange:{},direction:{},value:{type:[Function,Number,null]},centralLabel:{},centralSubLabel:{},centralSubLabelWrap:{type:Boolean},showBackground:{type:Boolean},sort:{type:Function},layers:{},layerSettings:{type:[Function,null]},layerPadding:{},cornerRadius:{},emptySegmentAngle:{},hideOverflowingSegmentLabels:{type:Boolean},segmentColor:{type:[Function,String,Array,null]},segmentLabel:{type:[Function,String,null]},segmentLabelColor:{type:[Function,String,Array,null]},showEmptySegments:{type:Boolean},showSegmentLabels:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(p,{expose:d}){const o=t.inject(y.componentAccessorKey),r=p,a=t.computed(()=>o.data.value??r.data),s=c.useForwardProps(r),n=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;n.value=new i.NestedDonut(s.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(s,(e,l)=>{var u;c.arePropsEqual(e,l)||(u=n.value)==null||u.setConfig(s.value)}),t.watch(a,()=>{var e;(e=n.value)==null||e.setData(a.value)}),d({component:n}),(e,l)=>(t.openBlock(),t.createElementBlock("div",g))}});exports.VisNestedDonutSelectors=m;exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),d=require("@unovis/ts"),i=require("../../utils/props.cjs"),g=require("../../utils/context.cjs"),m={"data-vis-component":""},v=d.NestedDonut.selectors,S=t.defineComponent({__name:"index",props:{angleRange:{},direction:{},value:{type:[Function,Number,null]},centralLabel:{},centralSubLabel:{},centralSubLabelWrap:{type:Boolean},showBackground:{type:Boolean},sort:{type:Function},layers:{},layerSettings:{type:[Function,null]},layerPadding:{},cornerRadius:{},emptySegmentAngle:{},hideOverflowingSegmentLabels:{type:Boolean},segmentColor:{type:[Function,String,Array,null]},segmentLabel:{type:[Function,String,null]},segmentLabelColor:{type:[Function,String,Array,null]},showEmptySegments:{type:Boolean},showSegmentLabels:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(p,{expose:y}){const o=t.inject(g.componentAccessorKey),r=p,a=t.computed(()=>o.data.value??r.data),s=i.useForwardProps(r),n=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;n.value=new d.NestedDonut(s.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(s,(e,l)=>{var u,c;i.arePropsEqual(e,l)||((u=n.value)==null||u.setConfig(s.value),(c=n.value)==null||c.render())}),t.watch(a,()=>{var e;(e=n.value)==null||e.setData(a.value)}),y({component:n}),(e,l)=>(t.openBlock(),t.createElementBlock("div",m))}});exports.VisNestedDonutSelectors=v;exports.default=S;
 //# sourceMappingURL=index.cjs.map

package/components/nested-donut/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/nested-donut/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { NestedDonut, NestedDonutConfigInterface, StringAccessor } 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 = NestedDonutConfigInterface<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<NestedDonut<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new NestedDonut<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 VisNestedDonutSelectors = NestedDonut.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisNestedDonutSelectors","NestedDonut","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,EAA0BC,EAAAA,YAAY,kpBA3CnD,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,cAAmBQ,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/nested-donut/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { NestedDonut, NestedDonutConfigInterface, StringAccessor } 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 = NestedDonutConfigInterface<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<NestedDonut<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new NestedDonut<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 VisNestedDonutSelectors = NestedDonut.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisNestedDonutSelectors","NestedDonut","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","_b","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PAmDaA,EAA0BC,EAAAA,YAAY,kpBA5CnD,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,cAAmBQ,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,SACvBC,EAAAA,cAAcF,EAAMC,CAAI,KAC3BJ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UAAUN,EAAO,QAClCY,EAAAV,EAAU,QAAV,MAAAU,EAAiB,SAErB,CAAC,EAEDJ,EAAAA,MAAMV,EAAM,IAAM,QAChBQ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,MAChC,CAAC,EAEDe,EAAa,CACX,UAAAX,CAAA,CACD,UAQCY,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}

package/components/nested-donut/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as m, inject as d, computed as y, ref as g, onMounted as v, nextTick as f, onUnmounted as b, watch as u, openBlock as S, createElementBlock as B } from "vue";
-import { NestedDonut as c } from "@unovis/ts";
-import { useForwardProps as _, arePropsEqual as h } from "../../utils/props.js";
-import { componentAccessorKey as w } from "../../utils/context.js";
-const F = { "data-vis-component": "" }, C = c.selectors, D = /* @__PURE__ */ m({
+import { defineComponent as m, inject as y, computed as g, ref as v, onMounted as f, nextTick as b, onUnmounted as S, watch as c, openBlock as B, createElementBlock as _ } from "vue";
+import { NestedDonut as i } from "@unovis/ts";
+import { useForwardProps as h, arePropsEqual as w } from "../../utils/props.js";
+import { componentAccessorKey as F } from "../../utils/context.js";
+const L = { "data-vis-component": "" }, D = i.selectors, E = /* @__PURE__ */ m({
   __name: "index",
   props: {
     angleRange: {},
@@ -29,29 +29,29 @@ const F = { "data-vis-component": "" }, C = c.selectors, D = /* @__PURE__ */ m({
     attributes: {},
     data: {}
   },
-  setup(i, { expose: p }) {
-    const n = d(w), r = i, o = y(() => n.data.value ?? r.data), a = _(r), t = g();
-    return v(() => {
-      f(() => {
+  setup(p, { expose: d }) {
+    const n = y(F), r = p, o = g(() => n.data.value ?? r.data), a = h(r), t = v();
+    return f(() => {
+      b(() => {
         var e;
-        t.value = new c(a.value), (e = t.value) == null || e.setData(o.value), n.update(t.value);
+        t.value = new i(a.value), (e = t.value) == null || e.setData(o.value), n.update(t.value);
       });
-    }), b(() => {
+    }), S(() => {
       var e;
       (e = t.value) == null || e.destroy(), n.destroy();
-    }), u(a, (e, l) => {
-      var s;
-      h(e, l) || (s = t.value) == null || s.setConfig(a.value);
-    }), u(o, () => {
+    }), c(a, (e, l) => {
+      var s, u;
+      w(e, l) || ((s = t.value) == null || s.setConfig(a.value), (u = t.value) == null || u.render());
+    }), c(o, () => {
       var e;
       (e = t.value) == null || e.setData(o.value);
-    }), p({
+    }), d({
       component: t
-    }), (e, l) => (S(), B("div", F));
+    }), (e, l) => (B(), _("div", L));
   }
 });
 export {
-  C as VisNestedDonutSelectors,
-  D as default
+  D as VisNestedDonutSelectors,
+  E as default
 };
 //# sourceMappingURL=index.js.map

package/components/nested-donut/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/nested-donut/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { NestedDonut, NestedDonutConfigInterface, StringAccessor } 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 = NestedDonutConfigInterface<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<NestedDonut<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new NestedDonut<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 VisNestedDonutSelectors = NestedDonut.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisNestedDonutSelectors","NestedDonut","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,IAA0BC,EAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3CnD,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/nested-donut/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { NestedDonut, NestedDonutConfigInterface, StringAccessor } 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 = NestedDonutConfigInterface<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<NestedDonut<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new NestedDonut<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 VisNestedDonutSelectors = NestedDonut.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisNestedDonutSelectors","NestedDonut","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","_b","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCAmDaA,IAA0BC,EAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5CnD,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,OAC3BJ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,UAAUN,EAAO,SAClCY,IAAAV,EAAU,UAAV,QAAAU,EAAiB;AAAA,IAErB,CAAC,GAEDJ,EAAMV,GAAM,MAAM;;AAChB,OAAAQ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK;AAAA,IAChC,CAAC,GAEDe,EAAa;AAAA,MACX,WAAAX;AAAA,IAAA,CACD,cAQCY,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}

package/components/plotband/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@unovis/ts"),s=require("../../utils/props.cjs"),p=require("../../utils/context.cjs"),b={"data-vis-component":""},m=r.Plotband.selectors,f=e.defineComponent({__name:"index",props:{color:{},axis:{},from:{},to:{},duration:{},labelText:{},labelPosition:{},labelOffsetX:{},labelOffsetY:{},labelOrientation:{},labelColor:{},labelSize:{},x:{type:[Function,Number,null]},y:{type:[Function,Number,null,Array]},id:{type:Function},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},events:{},attributes:{},data:{}},setup(u,{expose:i}){const l=e.inject(p.componentAccessorKey),d=u,n=s.useForwardProps(d),t=e.ref();return e.onMounted(()=>{e.nextTick(()=>{t.value=new r.Plotband(n.value),l.update(t.value)})}),e.onUnmounted(()=>{var o;(o=t.value)==null||o.destroy(),l.destroy()}),e.watch(n,(o,c)=>{var a;s.arePropsEqual(o,c)||(a=t.value)==null||a.setConfig(n.value)}),i({component:t}),(o,c)=>(e.openBlock(),e.createElementBlock("div",b))}});exports.VisPlotbandSelectors=m;exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("@unovis/ts"),s=require("../../utils/props.cjs"),b=require("../../utils/context.cjs"),m={"data-vis-component":""},f=u.Plotband.selectors,v=e.defineComponent({__name:"index",props:{color:{},axis:{},from:{},to:{},duration:{},labelText:{},labelPosition:{},labelOffsetX:{},labelOffsetY:{},labelOrientation:{},labelColor:{},labelSize:{},x:{type:[Function,Number,null]},y:{type:[Function,Number,null,Array]},id:{type:Function},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},events:{},attributes:{},data:{}},setup(i,{expose:d}){const l=e.inject(b.componentAccessorKey),p=i,n=s.useForwardProps(p),t=e.ref();return e.onMounted(()=>{e.nextTick(()=>{t.value=new u.Plotband(n.value),l.update(t.value)})}),e.onUnmounted(()=>{var o;(o=t.value)==null||o.destroy(),l.destroy()}),e.watch(n,(o,a)=>{var c,r;s.arePropsEqual(o,a)||((c=t.value)==null||c.setConfig(n.value),(r=t.value)==null||r.render())}),d({component:t}),(o,a)=>(e.openBlock(),e.createElementBlock("div",m))}});exports.VisPlotbandSelectors=f;exports.default=v;
 //# sourceMappingURL=index.cjs.map

package/components/plotband/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/plotband/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Plotband, PlotbandConfigInterface } 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 = PlotbandConfigInterface<Datum>\nconst props = defineProps<Props & { data?: null }>()\n\n\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Plotband<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Plotband<Datum>(config.value)\n    \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\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisPlotbandSelectors = Plotband.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisPlotbandSelectors","Plotband","accessor","inject","componentAccessorKey","props","__props","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PA+CaA,EAAuBC,EAAAA,SAAS,ucAxC7C,MAAMC,EAAWC,EAAAA,OAAOC,sBAAoB,EAItCC,EAAQC,EAIRC,EAASC,EAAAA,gBAAgBH,CAAK,EAG9BI,EAAYC,EAAAA,IAAA,EAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACbH,EAAU,MAAQ,IAAIR,WAAgBM,EAAO,KAAK,EAElDL,EAAS,OAAOO,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDI,EAAAA,YAAY,IAAM,QAChBC,EAAAL,EAAU,QAAV,MAAAK,EAAiB,UACjBZ,EAAS,QAAA,CACX,CAAC,EAEDa,EAAAA,MAAMR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BH,EAAAL,EAAU,QAAV,MAAAK,EAAiB,UAAUP,EAAO,MAEtC,CAAC,EAGDY,EAAa,CACX,UAAAV,CAAA,CACD,UAQCW,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/plotband/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Plotband, PlotbandConfigInterface } 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 = PlotbandConfigInterface<Datum>\nconst props = defineProps<Props & { data?: null }>()\n\n\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Plotband<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Plotband<Datum>(config.value)\n    \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\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisPlotbandSelectors = Plotband.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisPlotbandSelectors","Plotband","accessor","inject","componentAccessorKey","props","__props","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","_b","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PAgDaA,EAAuBC,EAAAA,SAAS,ucAzC7C,MAAMC,EAAWC,EAAAA,OAAOC,sBAAoB,EAItCC,EAAQC,EAIRC,EAASC,EAAAA,gBAAgBH,CAAK,EAG9BI,EAAYC,EAAAA,IAAA,EAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACbH,EAAU,MAAQ,IAAIR,WAAgBM,EAAO,KAAK,EAElDL,EAAS,OAAOO,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDI,EAAAA,YAAY,IAAM,QAChBC,EAAAL,EAAU,QAAV,MAAAK,EAAiB,UACjBZ,EAAS,QAAA,CACX,CAAC,EAEDa,EAAAA,MAAMR,EAAQ,CAACS,EAAMC,IAAS,SACvBC,EAAAA,cAAcF,EAAMC,CAAI,KAC3BH,EAAAL,EAAU,QAAV,MAAAK,EAAiB,UAAUP,EAAO,QAClCY,EAAAV,EAAU,QAAV,MAAAU,EAAiB,SAErB,CAAC,EAGDC,EAAa,CACX,UAAAX,CAAA,CACD,UAQCY,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}

package/components/plotband/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as i, inject as u, ref as p, onMounted as m, nextTick as d, onUnmounted as f, watch as b, openBlock as y, createElementBlock as x } from "vue";
-import { Plotband as r } from "@unovis/ts";
-import { useForwardProps as v, arePropsEqual as _ } from "../../utils/props.js";
-import { componentAccessorKey as F } from "../../utils/context.js";
-const O = { "data-vis-component": "" }, k = r.selectors, w = /* @__PURE__ */ i({
+import { defineComponent as u, inject as p, ref as m, onMounted as d, nextTick as f, onUnmounted as b, watch as y, openBlock as v, createElementBlock as x } from "vue";
+import { Plotband as c } from "@unovis/ts";
+import { useForwardProps as _, arePropsEqual as F } from "../../utils/props.js";
+import { componentAccessorKey as O } from "../../utils/context.js";
+const P = { "data-vis-component": "" }, w = c.selectors, B = /* @__PURE__ */ u({
   __name: "index",
   props: {
     color: {},
@@ -27,25 +27,25 @@ const O = { "data-vis-component": "" }, k = r.selectors, w = /* @__PURE__ */ i({
     attributes: {},
     data: {}
   },
-  setup(c, { expose: s }) {
-    const n = u(F), t = v(c), e = p();
-    return m(() => {
-      d(() => {
-        e.value = new r(t.value), n.update(e.value);
+  setup(s, { expose: i }) {
+    const n = p(O), t = _(s), e = m();
+    return d(() => {
+      f(() => {
+        e.value = new c(t.value), n.update(e.value);
       });
-    }), f(() => {
+    }), b(() => {
       var o;
       (o = e.value) == null || o.destroy(), n.destroy();
-    }), b(t, (o, a) => {
-      var l;
-      _(o, a) || (l = e.value) == null || l.setConfig(t.value);
-    }), s({
+    }), y(t, (o, a) => {
+      var l, r;
+      F(o, a) || ((l = e.value) == null || l.setConfig(t.value), (r = e.value) == null || r.render());
+    }), i({
       component: e
-    }), (o, a) => (y(), x("div", O));
+    }), (o, a) => (v(), x("div", P));
   }
 });
 export {
-  k as VisPlotbandSelectors,
-  w as default
+  w as VisPlotbandSelectors,
+  B as default
 };
 //# sourceMappingURL=index.js.map

package/components/plotband/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/plotband/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Plotband, PlotbandConfigInterface } 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 = PlotbandConfigInterface<Datum>\nconst props = defineProps<Props & { data?: null }>()\n\n\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Plotband<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Plotband<Datum>(config.value)\n    \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\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisPlotbandSelectors = Plotband.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisPlotbandSelectors","Plotband","accessor","inject","componentAccessorKey","config","useForwardProps","__props","component","ref","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCA+CaA,IAAuBC,EAAS;;;;;;;;;;;;;;;;;;;;;;;;;;AAxC7C,UAAMC,IAAWC,EAAOC,CAAoB,GAQtCC,IAASC,EAJDC,CAIsB,GAG9BC,IAAYC,EAAA;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAAH,EAAU,QAAQ,IAAIP,EAAgBI,EAAO,KAAK,GAElDH,EAAS,OAAOM,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDI,EAAY,MAAM;;AAChB,OAAAC,IAAAL,EAAU,UAAV,QAAAK,EAAiB,WACjBX,EAAS,QAAA;AAAA,IACX,CAAC,GAEDY,EAAMT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BH,IAAAL,EAAU,UAAV,QAAAK,EAAiB,UAAUR,EAAO;AAAA,IAEtC,CAAC,GAGDa,EAAa;AAAA,MACX,WAAAV;AAAA,IAAA,CACD,cAQCW,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/plotband/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Plotband, PlotbandConfigInterface } 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 = PlotbandConfigInterface<Datum>\nconst props = defineProps<Props & { data?: null }>()\n\n\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Plotband<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Plotband<Datum>(config.value)\n    \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\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisPlotbandSelectors = Plotband.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisPlotbandSelectors","Plotband","accessor","inject","componentAccessorKey","config","useForwardProps","__props","component","ref","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","_b","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCAgDaA,IAAuBC,EAAS;;;;;;;;;;;;;;;;;;;;;;;;;;AAzC7C,UAAMC,IAAWC,EAAOC,CAAoB,GAQtCC,IAASC,EAJDC,CAIsB,GAG9BC,IAAYC,EAAA;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAAH,EAAU,QAAQ,IAAIP,EAAgBI,EAAO,KAAK,GAElDH,EAAS,OAAOM,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDI,EAAY,MAAM;;AAChB,OAAAC,IAAAL,EAAU,UAAV,QAAAK,EAAiB,WACjBX,EAAS,QAAA;AAAA,IACX,CAAC,GAEDY,EAAMT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,OAC3BH,IAAAL,EAAU,UAAV,QAAAK,EAAiB,UAAUR,EAAO,SAClCa,IAAAV,EAAU,UAAV,QAAAU,EAAiB;AAAA,IAErB,CAAC,GAGDC,EAAa;AAAA,MACX,WAAAX;AAAA,IAAA,CACD,cAQCY,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}

package/components/plotline/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@unovis/ts"),i=require("../../utils/props.cjs"),d=require("../../utils/context.cjs"),b={"data-vis-component":""},y=r.Plotline.selectors,m=e.defineComponent({__name:"index",props:{color:{},lineWidth:{},axis:{},value:{},duration:{},lineStyle:{},labelText:{},labelPosition:{},labelOffsetX:{},labelOffsetY:{},labelOrientation:{},labelColor:{},labelSize:{},x:{type:[Function,Number,null]},y:{type:[Function,Number,null,Array]},id:{type:Function},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},events:{},attributes:{},data:{}},setup(a,{expose:u}){const l=e.inject(d.componentAccessorKey),p=a,n=i.useForwardProps(p),t=e.ref();return e.onMounted(()=>{e.nextTick(()=>{t.value=new r.Plotline(n.value),l.update(t.value)})}),e.onUnmounted(()=>{var o;(o=t.value)==null||o.destroy(),l.destroy()}),e.watch(n,(o,c)=>{var s;i.arePropsEqual(o,c)||(s=t.value)==null||s.setConfig(n.value)}),u({component:t}),(o,c)=>(e.openBlock(),e.createElementBlock("div",b))}});exports.VisPlotlineSelectors=y;exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@unovis/ts"),a=require("../../utils/props.cjs"),b=require("../../utils/context.cjs"),v={"data-vis-component":""},y=i.Plotline.selectors,m=e.defineComponent({__name:"index",props:{color:{},lineWidth:{},axis:{},value:{},duration:{},lineStyle:{},labelText:{},labelPosition:{},labelOffsetX:{},labelOffsetY:{},labelOrientation:{},labelColor:{},labelSize:{},x:{type:[Function,Number,null]},y:{type:[Function,Number,null,Array]},id:{type:Function},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},events:{},attributes:{},data:{}},setup(u,{expose:p}){const l=e.inject(b.componentAccessorKey),d=u,n=a.useForwardProps(d),t=e.ref();return e.onMounted(()=>{e.nextTick(()=>{t.value=new i.Plotline(n.value),l.update(t.value)})}),e.onUnmounted(()=>{var o;(o=t.value)==null||o.destroy(),l.destroy()}),e.watch(n,(o,c)=>{var r,s;a.arePropsEqual(o,c)||((r=t.value)==null||r.setConfig(n.value),(s=t.value)==null||s.render())}),p({component:t}),(o,c)=>(e.openBlock(),e.createElementBlock("div",v))}});exports.VisPlotlineSelectors=y;exports.default=m;
 //# sourceMappingURL=index.cjs.map

package/components/plotline/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/plotline/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Plotline, PlotlineConfigInterface } 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 = PlotlineConfigInterface<Datum>\nconst props = defineProps<Props & { data?: null }>()\n\n\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Plotline<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Plotline<Datum>(config.value)\n    \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\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisPlotlineSelectors = Plotline.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisPlotlineSelectors","Plotline","accessor","inject","componentAccessorKey","props","__props","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PA+CaA,EAAuBC,EAAAA,SAAS,4dAxC7C,MAAMC,EAAWC,EAAAA,OAAOC,sBAAoB,EAItCC,EAAQC,EAIRC,EAASC,EAAAA,gBAAgBH,CAAK,EAG9BI,EAAYC,EAAAA,IAAA,EAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACbH,EAAU,MAAQ,IAAIR,WAAgBM,EAAO,KAAK,EAElDL,EAAS,OAAOO,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDI,EAAAA,YAAY,IAAM,QAChBC,EAAAL,EAAU,QAAV,MAAAK,EAAiB,UACjBZ,EAAS,QAAA,CACX,CAAC,EAEDa,EAAAA,MAAMR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BH,EAAAL,EAAU,QAAV,MAAAK,EAAiB,UAAUP,EAAO,MAEtC,CAAC,EAGDY,EAAa,CACX,UAAAV,CAAA,CACD,UAQCW,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/plotline/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Plotline, PlotlineConfigInterface } 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 = PlotlineConfigInterface<Datum>\nconst props = defineProps<Props & { data?: null }>()\n\n\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Plotline<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Plotline<Datum>(config.value)\n    \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\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisPlotlineSelectors = Plotline.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisPlotlineSelectors","Plotline","accessor","inject","componentAccessorKey","props","__props","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","_b","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PAgDaA,EAAuBC,EAAAA,SAAS,4dAzC7C,MAAMC,EAAWC,EAAAA,OAAOC,sBAAoB,EAItCC,EAAQC,EAIRC,EAASC,EAAAA,gBAAgBH,CAAK,EAG9BI,EAAYC,EAAAA,IAAA,EAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACbH,EAAU,MAAQ,IAAIR,WAAgBM,EAAO,KAAK,EAElDL,EAAS,OAAOO,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDI,EAAAA,YAAY,IAAM,QAChBC,EAAAL,EAAU,QAAV,MAAAK,EAAiB,UACjBZ,EAAS,QAAA,CACX,CAAC,EAEDa,EAAAA,MAAMR,EAAQ,CAACS,EAAMC,IAAS,SACvBC,EAAAA,cAAcF,EAAMC,CAAI,KAC3BH,EAAAL,EAAU,QAAV,MAAAK,EAAiB,UAAUP,EAAO,QAClCY,EAAAV,EAAU,QAAV,MAAAU,EAAiB,SAErB,CAAC,EAGDC,EAAa,CACX,UAAAX,CAAA,CACD,UAQCY,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}

package/components/plotline/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as s, inject as u, ref as p, onMounted as m, nextTick as d, onUnmounted as f, watch as y, openBlock as b, createElementBlock as v } from "vue";
+import { defineComponent as u, inject as p, ref as m, onMounted as d, nextTick as f, onUnmounted as y, watch as b, openBlock as v, createElementBlock as x } from "vue";
 import { Plotline as c } from "@unovis/ts";
-import { useForwardProps as x, arePropsEqual as _ } from "../../utils/props.js";
-import { componentAccessorKey as F } from "../../utils/context.js";
-const O = { "data-vis-component": "" }, k = c.selectors, w = /* @__PURE__ */ s({
+import { useForwardProps as _, arePropsEqual as F } from "../../utils/props.js";
+import { componentAccessorKey as O } from "../../utils/context.js";
+const P = { "data-vis-component": "" }, w = c.selectors, B = /* @__PURE__ */ u({
   __name: "index",
   props: {
     color: {},
@@ -28,25 +28,25 @@ const O = { "data-vis-component": "" }, k = c.selectors, w = /* @__PURE__ */ s({
     attributes: {},
     data: {}
   },
-  setup(r, { expose: i }) {
-    const n = u(F), t = x(r), e = p();
-    return m(() => {
-      d(() => {
+  setup(i, { expose: s }) {
+    const n = p(O), t = _(i), e = m();
+    return d(() => {
+      f(() => {
         e.value = new c(t.value), n.update(e.value);
       });
-    }), f(() => {
+    }), y(() => {
       var o;
       (o = e.value) == null || o.destroy(), n.destroy();
-    }), y(t, (o, l) => {
-      var a;
-      _(o, l) || (a = e.value) == null || a.setConfig(t.value);
-    }), i({
+    }), b(t, (o, l) => {
+      var a, r;
+      F(o, l) || ((a = e.value) == null || a.setConfig(t.value), (r = e.value) == null || r.render());
+    }), s({
       component: e
-    }), (o, l) => (b(), v("div", O));
+    }), (o, l) => (v(), x("div", P));
   }
 });
 export {
-  k as VisPlotlineSelectors,
-  w as default
+  w as VisPlotlineSelectors,
+  B as default
 };
 //# sourceMappingURL=index.js.map

package/components/plotline/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/plotline/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Plotline, PlotlineConfigInterface } 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 = PlotlineConfigInterface<Datum>\nconst props = defineProps<Props & { data?: null }>()\n\n\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Plotline<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Plotline<Datum>(config.value)\n    \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\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisPlotlineSelectors = Plotline.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisPlotlineSelectors","Plotline","accessor","inject","componentAccessorKey","config","useForwardProps","__props","component","ref","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCA+CaA,IAAuBC,EAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;AAxC7C,UAAMC,IAAWC,EAAOC,CAAoB,GAQtCC,IAASC,EAJDC,CAIsB,GAG9BC,IAAYC,EAAA;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAAH,EAAU,QAAQ,IAAIP,EAAgBI,EAAO,KAAK,GAElDH,EAAS,OAAOM,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDI,EAAY,MAAM;;AAChB,OAAAC,IAAAL,EAAU,UAAV,QAAAK,EAAiB,WACjBX,EAAS,QAAA;AAAA,IACX,CAAC,GAEDY,EAAMT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BH,IAAAL,EAAU,UAAV,QAAAK,EAAiB,UAAUR,EAAO;AAAA,IAEtC,CAAC,GAGDa,EAAa;AAAA,MACX,WAAAV;AAAA,IAAA,CACD,cAQCW,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/plotline/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Plotline, PlotlineConfigInterface } 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 = PlotlineConfigInterface<Datum>\nconst props = defineProps<Props & { data?: null }>()\n\n\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Plotline<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Plotline<Datum>(config.value)\n    \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\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisPlotlineSelectors = Plotline.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisPlotlineSelectors","Plotline","accessor","inject","componentAccessorKey","config","useForwardProps","__props","component","ref","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","_b","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCAgDaA,IAAuBC,EAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;AAzC7C,UAAMC,IAAWC,EAAOC,CAAoB,GAQtCC,IAASC,EAJDC,CAIsB,GAG9BC,IAAYC,EAAA;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAAH,EAAU,QAAQ,IAAIP,EAAgBI,EAAO,KAAK,GAElDH,EAAS,OAAOM,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDI,EAAY,MAAM;;AAChB,OAAAC,IAAAL,EAAU,UAAV,QAAAK,EAAiB,WACjBX,EAAS,QAAA;AAAA,IACX,CAAC,GAEDY,EAAMT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,OAC3BH,IAAAL,EAAU,UAAV,QAAAK,EAAiB,UAAUR,EAAO,SAClCa,IAAAV,EAAU,UAAV,QAAAU,EAAiB;AAAA,IAErB,CAAC,GAGDC,EAAa;AAAA,MACX,WAAAX;AAAA,IAAA,CACD,cAQCY,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}

package/components/sankey/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),s=require("@unovis/ts"),c=require("../../utils/props.cjs"),y=require("../../utils/context.cjs"),b={"data-vis-component":""},g=s.Sankey.selectors,S=n.defineComponent({__name:"index",props:{id:{type:Function},heightNormalizationCoeff:{},zoomScale:{},zoomPan:{},enableZoom:{type:Boolean},zoomExtent:{},zoomMode:{},exitTransitionType:{},enterTransitionType:{},highlightSubtreeOnHover:{type:Boolean},highlightDuration:{},highlightDelay:{},iterations:{},nodeSort:{type:[Function,null]},linkSort:{type:[Function,null]},nodeWidth:{},nodeAlign:{},nodeHorizontalSpacing:{},nodeMinHeight:{},nodeMaxHeight:{},nodePadding:{},showSingleNode:{type:Boolean},nodeCursor:{type:[Function,String,null]},nodeIcon:{type:[Function,String,null]},nodeColor:{type:[Function,String,Array,null]},nodeFixedValue:{type:[Function,Number,null]},nodeIconColor:{type:[Function,String,Array,null]},linkColor:{type:[Function,String,null]},linkValue:{type:[Function,Number,null]},linkCursor:{type:[Function,String,null]},label:{type:[Function,String,null]},subLabel:{type:[Function,String,null]},labelPosition:{type:[Function,String,null]},labelVerticalAlign:{},labelBackground:{type:Boolean},labelFit:{},labelMaxWidth:{},labelMaxWidthTakeAvailableSpace:{type:Boolean},labelMaxWidthTakeAvailableSpaceTolerance:{},labelExpandTrimmedOnHover:{type:Boolean},labelTrimMode:{},labelFontSize:{},labelTextSeparator:{},labelTextDecoration:{type:[Function,String,null]},labelForceWordBreak:{type:Boolean},labelColor:{type:[Function,String,Array,null]},labelCursor:{type:[Function,String,null]},labelVisibility:{type:Function},subLabelFontSize:{},subLabelColor:{type:[Function,String,Array,null]},subLabelPlacement:{},subLabelTextDecoration:{type:[Function,String,null]},subLabelToLabelInlineWidthRatio:{},onZoom:{type:Function},onLayoutCalculated:{type:Function},selectedNodeIds:{},duration:{},events:{},attributes:{},data:{}},setup(p,{expose:d}){const o=n.inject(y.componentAccessorKey),i=p,l=n.computed(()=>o.data.value??i.data),a=c.useForwardProps(i),t=n.ref();return n.onMounted(()=>{n.nextTick(()=>{var e;t.value=new s.Sankey(a.value),(e=t.value)==null||e.setData(l.value),o.update(t.value)})}),n.onUnmounted(()=>{var e;(e=t.value)==null||e.destroy(),o.destroy()}),n.watch(a,(e,r)=>{var u;c.arePropsEqual(e,r)||(u=t.value)==null||u.setConfig(a.value)}),n.watch(l,()=>{var e;(e=t.value)==null||e.setData(l.value)}),d({component:t}),(e,r)=>(n.openBlock(),n.createElementBlock("div",b))}});exports.VisSankeySelectors=g;exports.default=S;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),d=require("@unovis/ts"),s=require("../../utils/props.cjs"),b=require("../../utils/context.cjs"),g={"data-vis-component":""},S=d.Sankey.selectors,F=n.defineComponent({__name:"index",props:{id:{type:Function},heightNormalizationCoeff:{},zoomScale:{},zoomPan:{},enableZoom:{type:Boolean},zoomExtent:{},zoomMode:{},disableZoomModifierKeys:{type:Boolean},exitTransitionType:{},enterTransitionType:{},highlightSubtreeOnHover:{type:Boolean},highlightDuration:{},highlightDelay:{},iterations:{},nodeSort:{type:[Function,null]},linkSort:{type:[Function,null]},nodeWidth:{},nodeAlign:{},nodeHorizontalSpacing:{},nodeMinHeight:{},nodeMaxHeight:{},nodePadding:{},showSingleNode:{type:Boolean},nodeCursor:{type:[Function,String,null]},nodeIcon:{type:[Function,String,null]},nodeColor:{type:[Function,String,Array,null]},nodeFixedValue:{type:[Function,Number,null]},nodeIconColor:{type:[Function,String,Array,null]},linkColor:{type:[Function,String,null]},linkValue:{type:[Function,Number,null]},linkCursor:{type:[Function,String,null]},label:{type:[Function,String,null]},subLabel:{type:[Function,String,null]},labelPosition:{type:[Function,String,null]},labelVerticalAlign:{},labelBackground:{type:Boolean},labelFit:{},labelMaxWidth:{},labelMaxWidthTakeAvailableSpace:{type:Boolean},labelMaxWidthTakeAvailableSpaceTolerance:{},labelExpandTrimmedOnHover:{type:Boolean},labelTrimMode:{},labelFontSize:{},labelTextSeparator:{},labelTextDecoration:{type:[Function,String,null]},labelForceWordBreak:{type:Boolean},labelColor:{type:[Function,String,Array,null]},labelCursor:{type:[Function,String,null]},labelVisibility:{type:Function},subLabelFontSize:{},subLabelColor:{type:[Function,String,Array,null]},subLabelPlacement:{},subLabelTextDecoration:{type:[Function,String,null]},subLabelToLabelInlineWidthRatio:{},onZoom:{type:Function},onLayoutCalculated:{type:Function},selectedNodeIds:{},duration:{},events:{},attributes:{},data:{}},setup(p,{expose:y}){const o=n.inject(b.componentAccessorKey),i=p,l=n.computed(()=>o.data.value??i.data),a=s.useForwardProps(i),t=n.ref();return n.onMounted(()=>{n.nextTick(()=>{var e;t.value=new d.Sankey(a.value),(e=t.value)==null||e.setData(l.value),o.update(t.value)})}),n.onUnmounted(()=>{var e;(e=t.value)==null||e.destroy(),o.destroy()}),n.watch(a,(e,r)=>{var u,c;s.arePropsEqual(e,r)||((u=t.value)==null||u.setConfig(a.value),(c=t.value)==null||c.render())}),n.watch(l,()=>{var e;(e=t.value)==null||e.setData(l.value)}),y({component:t}),(e,r)=>(n.openBlock(),n.createElementBlock("div",g))}});exports.VisSankeySelectors=S;exports.default=F;
 //# sourceMappingURL=index.cjs.map

package/components/sankey/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/sankey/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"N extends SankeyInputNode,L extends SankeyInputLink\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Sankey, SankeyConfigInterface, SankeyInputNode, SankeyInputLink } 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 = SankeyConfigInterface<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<Sankey<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Sankey<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 VisSankeySelectors = Sankey.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisSankeySelectors","Sankey","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,EAAqBC,EAAAA,OAAO,quDA3CzC,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,SAAaQ,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/sankey/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"N extends SankeyInputNode,L extends SankeyInputLink\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Sankey, SankeyConfigInterface, SankeyInputNode, SankeyInputLink } 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 = SankeyConfigInterface<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<Sankey<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Sankey<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 VisSankeySelectors = Sankey.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisSankeySelectors","Sankey","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","_b","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PAmDaA,EAAqBC,EAAAA,OAAO,4wDA5CzC,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,SAAaQ,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,SACvBC,EAAAA,cAAcF,EAAMC,CAAI,KAC3BJ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UAAUN,EAAO,QAClCY,EAAAV,EAAU,QAAV,MAAAU,EAAiB,SAErB,CAAC,EAEDJ,EAAAA,MAAMV,EAAM,IAAM,QAChBQ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,MAChC,CAAC,EAEDe,EAAa,CACX,UAAAX,CAAA,CACD,UAQCY,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}

package/components/sankey/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as d, inject as y, computed as b, ref as g, onMounted as m, nextTick as F, onUnmounted as S, watch as u, openBlock as h, createElementBlock as v } from "vue";
-import { Sankey as c } from "@unovis/ts";
-import { useForwardProps as x, arePropsEqual as T } from "../../utils/props.js";
-import { componentAccessorKey as f } from "../../utils/context.js";
-const k = { "data-vis-component": "" }, L = c.selectors, M = /* @__PURE__ */ d({
+import { defineComponent as y, inject as b, computed as g, ref as m, onMounted as F, nextTick as S, onUnmounted as h, watch as c, openBlock as v, createElementBlock as x } from "vue";
+import { Sankey as p } from "@unovis/ts";
+import { useForwardProps as f, arePropsEqual as T } from "../../utils/props.js";
+import { componentAccessorKey as k } from "../../utils/context.js";
+const B = { "data-vis-component": "" }, L = p.selectors, _ = /* @__PURE__ */ y({
   __name: "index",
   props: {
     id: { type: Function },
@@ -12,6 +12,7 @@ const k = { "data-vis-component": "" }, L = c.selectors, M = /* @__PURE__ */ d({
     enableZoom: { type: Boolean },
     zoomExtent: {},
     zoomMode: {},
+    disableZoomModifierKeys: { type: Boolean },
     exitTransitionType: {},
     enterTransitionType: {},
     highlightSubtreeOnHover: { type: Boolean },
@@ -66,29 +67,29 @@ const k = { "data-vis-component": "" }, L = c.selectors, M = /* @__PURE__ */ d({
     attributes: {},
     data: {}
   },
-  setup(p, { expose: s }) {
-    const o = y(f), a = p, t = b(() => o.data.value ?? a.data), l = x(a), n = g();
-    return m(() => {
-      F(() => {
+  setup(d, { expose: s }) {
+    const o = b(k), a = d, t = g(() => o.data.value ?? a.data), l = f(a), n = m();
+    return F(() => {
+      S(() => {
         var e;
-        n.value = new c(l.value), (e = n.value) == null || e.setData(t.value), o.update(n.value);
+        n.value = new p(l.value), (e = n.value) == null || e.setData(t.value), o.update(n.value);
       });
-    }), S(() => {
+    }), h(() => {
       var e;
       (e = n.value) == null || e.destroy(), o.destroy();
-    }), u(l, (e, i) => {
-      var r;
-      T(e, i) || (r = n.value) == null || r.setConfig(l.value);
-    }), u(t, () => {
+    }), c(l, (e, i) => {
+      var r, u;
+      T(e, i) || ((r = n.value) == null || r.setConfig(l.value), (u = n.value) == null || u.render());
+    }), c(t, () => {
       var e;
       (e = n.value) == null || e.setData(t.value);
     }), s({
       component: n
-    }), (e, i) => (h(), v("div", k));
+    }), (e, i) => (v(), x("div", B));
   }
 });
 export {
   L as VisSankeySelectors,
-  M as default
+  _ as default
 };
 //# sourceMappingURL=index.js.map

package/components/sankey/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/sankey/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"N extends SankeyInputNode,L extends SankeyInputLink\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Sankey, SankeyConfigInterface, SankeyInputNode, SankeyInputLink } 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 = SankeyConfigInterface<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<Sankey<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Sankey<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 VisSankeySelectors = Sankey.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisSankeySelectors","Sankey","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,IAAqBC,EAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3CzC,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/sankey/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"N extends SankeyInputNode,L extends SankeyInputLink\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Sankey, SankeyConfigInterface, SankeyInputNode, SankeyInputLink } 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 = SankeyConfigInterface<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<Sankey<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Sankey<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 VisSankeySelectors = Sankey.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisSankeySelectors","Sankey","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","_b","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCAmDaA,IAAqBC,EAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5CzC,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,OAC3BJ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,UAAUN,EAAO,SAClCY,IAAAV,EAAU,UAAV,QAAAU,EAAiB;AAAA,IAErB,CAAC,GAEDJ,EAAMV,GAAM,MAAM;;AAChB,OAAAQ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK;AAAA,IAChC,CAAC,GAEDe,EAAa;AAAA,MACX,WAAAX;AAAA,IAAA,CACD,cAQCY,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}

package/components/scatter/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),s=require("@unovis/ts"),i=require("../../utils/props.cjs"),d=require("../../utils/context.cjs"),v={"data-vis-component":""},S=s.Scatter.selectors,F=t.defineComponent({__name:"index",props:{color:{type:[Function,String,Array,null]},size:{type:[Function,Number,null]},sizeScale:{type:[Object,Function]},sizeRange:{},shape:{type:[Function,String]},label:{type:[Function,String,null]},labelColor:{type:[Function,String,Array,null]},labelHideOverlapping:{type:Boolean},cursor:{type:[Function,String,null]},labelTextBrightnessRatio:{},labelPosition:{type:[Function,String,null]},strokeColor:{type:[Function,String,Array,null]},strokeWidth:{type:[Function,Number,null]},x:{type:[Function,Number,null]},y:{type:[Function,Number,null,Array]},id:{type:Function},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(p,{expose:y}){const o=t.inject(d.componentAccessorKey),c=p,r=t.computed(()=>o.data.value??c.data),a=i.useForwardProps(c),n=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;n.value=new s.Scatter(a.value),(e=n.value)==null||e.setData(r.value),o.update(n.value)})}),t.onUnmounted(()=>{var e;(e=n.value)==null||e.destroy(),o.destroy()}),t.watch(a,(e,l)=>{var u;i.arePropsEqual(e,l)||(u=n.value)==null||u.setConfig(a.value)}),t.watch(r,()=>{var e;(e=n.value)==null||e.setData(r.value)}),y({component:n}),(e,l)=>(t.openBlock(),t.createElementBlock("div",v))}});exports.VisScatterSelectors=S;exports.default=F;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),p=require("@unovis/ts"),s=require("../../utils/props.cjs"),v=require("../../utils/context.cjs"),S={"data-vis-component":""},F=p.Scatter.selectors,m=t.defineComponent({__name:"index",props:{color:{type:[Function,String,Array,null]},size:{type:[Function,Number,null]},sizeScale:{type:[Object,Function]},sizeRange:{},shape:{type:[Function,String]},label:{type:[Function,String,null]},labelColor:{type:[Function,String,Array,null]},labelHideOverlapping:{type:Boolean},cursor:{type:[Function,String,null]},labelTextBrightnessRatio:{},labelPosition:{type:[Function,String,null]},strokeColor:{type:[Function,String,Array,null]},strokeWidth:{type:[Function,Number,null]},x:{type:[Function,Number,null]},y:{type:[Function,Number,null,Array]},id:{type:Function},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(y,{expose:d}){const o=t.inject(v.componentAccessorKey),c=y,r=t.computed(()=>o.data.value??c.data),a=s.useForwardProps(c),n=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;n.value=new p.Scatter(a.value),(e=n.value)==null||e.setData(r.value),o.update(n.value)})}),t.onUnmounted(()=>{var e;(e=n.value)==null||e.destroy(),o.destroy()}),t.watch(a,(e,l)=>{var u,i;s.arePropsEqual(e,l)||((u=n.value)==null||u.setConfig(a.value),(i=n.value)==null||i.render())}),t.watch(r,()=>{var e;(e=n.value)==null||e.setData(r.value)}),d({component:n}),(e,l)=>(t.openBlock(),t.createElementBlock("div",S))}});exports.VisScatterSelectors=F;exports.default=m;
 //# sourceMappingURL=index.cjs.map

package/components/scatter/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/scatter/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Scatter, ScatterConfigInterface, 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 = ScatterConfigInterface<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<Scatter<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Scatter<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 VisScatterSelectors = Scatter.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisScatterSelectors","Scatter","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,EAAsBC,EAAAA,QAAQ,qxBA3C3C,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,UAAeQ,EAAO,KAAK,GACjDM,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/scatter/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Scatter, ScatterConfigInterface, 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 = ScatterConfigInterface<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<Scatter<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Scatter<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 VisScatterSelectors = Scatter.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisScatterSelectors","Scatter","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","_b","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PAmDaA,EAAsBC,EAAAA,QAAQ,qxBA5C3C,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,UAAeQ,EAAO,KAAK,GACjDM,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,SACvBC,EAAAA,cAAcF,EAAMC,CAAI,KAC3BJ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UAAUN,EAAO,QAClCY,EAAAV,EAAU,QAAV,MAAAU,EAAiB,SAErB,CAAC,EAEDJ,EAAAA,MAAMV,EAAM,IAAM,QAChBQ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,MAChC,CAAC,EAEDe,EAAa,CACX,UAAAX,CAAA,CACD,UAQCY,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}

package/components/scatter/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as y, inject as m, computed as d, ref as F, onMounted as v, nextTick as b, onUnmounted as S, watch as u, openBlock as g, createElementBlock as f } from "vue";
-import { Scatter as i } from "@unovis/ts";
-import { useForwardProps as x, arePropsEqual as _ } from "../../utils/props.js";
-import { componentAccessorKey as h } from "../../utils/context.js";
-const k = { "data-vis-component": "" }, N = i.selectors, O = /* @__PURE__ */ y({
+import { defineComponent as d, inject as m, computed as F, ref as v, onMounted as b, nextTick as S, onUnmounted as g, watch as i, openBlock as f, createElementBlock as x } from "vue";
+import { Scatter as s } from "@unovis/ts";
+import { useForwardProps as _, arePropsEqual as h } from "../../utils/props.js";
+import { componentAccessorKey as k } from "../../utils/context.js";
+const A = { "data-vis-component": "" }, O = s.selectors, w = /* @__PURE__ */ d({
   __name: "index",
   props: {
     color: { type: [Function, String, Array, null] },
@@ -29,29 +29,29 @@ const k = { "data-vis-component": "" }, N = i.selectors, O = /* @__PURE__ */ y({
     attributes: {},
     data: {}
   },
-  setup(s, { expose: p }) {
-    const n = m(h), r = s, o = d(() => n.data.value ?? r.data), a = x(r), t = F();
-    return v(() => {
-      b(() => {
+  setup(p, { expose: y }) {
+    const n = m(k), r = p, o = F(() => n.data.value ?? r.data), a = _(r), t = v();
+    return b(() => {
+      S(() => {
         var e;
-        t.value = new i(a.value), (e = t.value) == null || e.setData(o.value), n.update(t.value);
+        t.value = new s(a.value), (e = t.value) == null || e.setData(o.value), n.update(t.value);
       });
-    }), S(() => {
+    }), g(() => {
       var e;
       (e = t.value) == null || e.destroy(), n.destroy();
-    }), u(a, (e, l) => {
-      var c;
-      _(e, l) || (c = t.value) == null || c.setConfig(a.value);
-    }), u(o, () => {
+    }), i(a, (e, l) => {
+      var c, u;
+      h(e, l) || ((c = t.value) == null || c.setConfig(a.value), (u = t.value) == null || u.render());
+    }), i(o, () => {
       var e;
       (e = t.value) == null || e.setData(o.value);
-    }), p({
+    }), y({
       component: t
-    }), (e, l) => (g(), f("div", k));
+    }), (e, l) => (f(), x("div", A));
   }
 });
 export {
-  N as VisScatterSelectors,
-  O as default
+  O as VisScatterSelectors,
+  w as default
 };
 //# sourceMappingURL=index.js.map