@unovis/vue 1.5.1-ql.2 → 1.5.1

package/README.md

@@ -59,7 +59,7 @@ npm install -P @unovis/ts @unovis/vue
 ```
 
 ## Documentation
-https://unovis.dev/docs
+https://unovis.dev/docs/intro
 
 ## Examples
 https://unovis.dev/gallery

package/components/axis/index.d.ts

@@ -57,7 +57,7 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
         domainLine?: boolean;
         minMaxTicksOnly?: boolean;
         minMaxTicksOnlyWhenWidthIsLess?: number;
-        tickFormat?: (tick: number | Date, i: number, ticks: number[] | Date[]) => string;
+        tickFormat?: ((tick: number, i: number, ticks: number[]) => string) | ((tick: Date, i: number, ticks: Date[]) => string);
         tickValues?: number[];
         numTicks?: number;
         tickTextFitMode?: string;

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:{},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;
+"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,f=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:{},centralLabelOffsetX:{},centralLabelOffsetY:{},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=f;
 //# sourceMappingURL=index.cjs.map

package/components/donut/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/donut/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Donut, DonutConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = DonutConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Donut<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Donut<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisDonutSelectors = Donut.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisDonutSelectors","Donut","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"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"}
+{"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,wdA3CjC,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

@@ -54,6 +54,8 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
         emptySegmentAngle?: number;
         showBackground?: boolean;
         backgroundAngleRange?: [number, number];
+        centralLabelOffsetX?: number;
+        centralLabelOffsetY?: number;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
         component: import("vue").Ref<Donut<Datum>, Donut<Datum>>;

package/components/donut/index.js

@@ -1,8 +1,8 @@
-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 { defineComponent as i, inject as m, computed as f, ref as v, onMounted as g, nextTick as y, onUnmounted as b, watch as l, openBlock as _, createElementBlock as h } from "vue";
+import { Donut as u } from "@unovis/ts";
 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({
+const x = { "data-vis-component": "" }, F = u.selectors, E = /* @__PURE__ */ i({
   __name: "index",
   props: {
     id: { type: Function },
@@ -21,34 +21,36 @@ const x = { "data-vis-component": "" }, E = l.selectors, L = /* @__PURE__ */ i({
     emptySegmentAngle: {},
     showBackground: { type: Boolean },
     backgroundAngleRange: {},
+    centralLabelOffsetX: {},
+    centralLabelOffsetY: {},
     duration: {},
     events: {},
     attributes: {},
     data: {}
   },
   setup(p, { expose: d }) {
-    const o = m(w), r = p, n = v(() => o.data.value ?? r.data), a = B(r), t = g();
-    return f(() => {
+    const o = m(w), r = p, a = f(() => o.data.value ?? r.data), n = B(r), t = v();
+    return g(() => {
       y(() => {
         var e;
-        t.value = new l(a.value), (e = t.value) == null || e.setData(n.value), o.update(t.value);
+        t.value = new u(n.value), (e = t.value) == null || e.setData(a.value), o.update(t.value);
       });
-    }), _(() => {
+    }), b(() => {
       var e;
       (e = t.value) == null || e.destroy(), o.destroy();
-    }), u(a, (e, c) => {
+    }), l(n, (e, c) => {
       var s;
-      k(e, c) || (s = t.value) == null || s.setConfig(a.value);
-    }), u(n, () => {
+      k(e, c) || (s = t.value) == null || s.setConfig(n.value);
+    }), l(a, () => {
       var e;
-      (e = t.value) == null || e.setData(n.value);
+      (e = t.value) == null || e.setData(a.value);
     }), d({
       component: t
-    }), (e, c) => (b(), h("div", x));
+    }), (e, c) => (_(), h("div", x));
   }
 });
 export {
-  E as VisDonutSelectors,
-  L as default
+  F as VisDonutSelectors,
+  E as default
 };
 //# sourceMappingURL=index.js.map

package/components/donut/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/donut/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Donut, DonutConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = DonutConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Donut<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Donut<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisDonutSelectors = Donut.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisDonutSelectors","Donut","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"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;;;"}
+{"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/graph/index.cjs

@@ -1,2 +1,2 @@
-"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;
+"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"),S={"data-vis-component":""},m=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:{},layoutElkGetNodeShape:{type:Function},linkWidth:{},linkStyle:{},linkBandWidth:{},linkArrow:{},linkStroke:{},linkDisabled:{},linkFlow:{},linkFlowAnimDuration:{},linkFlowParticleSize:{},linkLabel:{},linkLabelShiftFromCenter:{},linkNeighborSpacing:{},linkCurvature:{},linkHighlightOnHover:{type:Boolean},linkSourcePointOffset:{},linkTargetPointOffset:{},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},shouldDataUpdate:{type:Function},duration:{},events:{},attributes:{},data:{}},setup(s,{expose:p}){const n=o.inject(y.componentAccessorKey),i=s,a=o.computed(()=>n.data.value??i.data),l=r.useForwardProps(i),t=o.ref();return o.onMounted(()=>{o.nextTick(()=>{var e;t.value=new c.Graph(l.value),(e=t.value)==null||e.setData(a.value),n.update(t.value)})}),o.onUnmounted(()=>{var e;(e=t.value)==null||e.destroy(),n.destroy()}),o.watch(l,(e,u)=>{var d;r.arePropsEqual(e,u)||(d=t.value)==null||d.setConfig(l.value)}),o.watch(a,()=>{var e;(e=t.value)==null||e.setData(a.value)}),p({component:t}),(e,u)=>(o.openBlock(),o.createElementBlock("div",S))}});exports.VisGraphSelectors=m;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"],"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"}
+{"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,yoEA3CjC,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

@@ -11,6 +11,7 @@ export declare const VisGraphSelectors: {
     dimmedNode: string;
     link: string;
     linkLine: string;
+    linkLabel: string;
     dimmedLink: string;
     panel: string;
     panelRect: string;
@@ -84,6 +85,7 @@ declare const _default: <N extends GraphInputNode, L extends GraphInputLink>(__V
         dagreLayoutSettings?: import("@unovis/ts").GraphDagreLayoutSetting;
         layoutElkSettings?: import("@unovis/ts").GenericAccessor<import("@unovis/ts").GraphElkLayoutSettings, string>;
         layoutElkNodeGroups?: import("@unovis/ts").StringAccessor<N>[];
+        layoutElkGetNodeShape?: (d: import("@unovis/ts").GraphNode<N, L>, i: number) => import("elkjs").ElkShape;
         linkWidth?: import("@unovis/ts").NumericAccessor<L>;
         linkStyle?: import("@unovis/ts").GenericAccessor<import("@unovis/ts").GraphLinkStyle, L>;
         linkBandWidth?: import("@unovis/ts").NumericAccessor<L>;
@@ -97,6 +99,9 @@ declare const _default: <N extends GraphInputNode, L extends GraphInputLink>(__V
         linkLabelShiftFromCenter?: import("@unovis/ts").BooleanAccessor<L>;
         linkNeighborSpacing?: number;
         linkCurvature?: import("@unovis/ts").NumericAccessor<L>;
+        linkHighlightOnHover?: boolean;
+        linkSourcePointOffset?: import("@unovis/ts").GenericAccessor<[number, number], import("@unovis/ts").GraphLink<N, L>>;
+        linkTargetPointOffset?: import("@unovis/ts").GenericAccessor<[number, number], import("@unovis/ts").GraphLink<N, L>>;
         selectedLinkId?: string | number;
         nodeSize?: import("@unovis/ts").NumericAccessor<N>;
         nodeStrokeWidth?: import("@unovis/ts").NumericAccessor<N>;
@@ -142,6 +147,7 @@ declare const _default: <N extends GraphInputNode, L extends GraphInputLink>(__V
         onNodeSelectionBrush?: (selectedNodes: import("@unovis/ts").GraphNode<N, L>[], event: import("d3-brush").D3BrushEvent<SVGGElement>) => void;
         onNodeSelectionDrag?: (selectedNodes: import("@unovis/ts").GraphNode<N, L>[], event: import("d3-drag").D3DragEvent<SVGGElement, import("@unovis/ts").GraphNode<N, L>, unknown>) => void;
         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;
+        shouldDataUpdate?: (prevData: import("@unovis/ts").GraphInputData<N, L>, nextData: import("@unovis/ts").GraphInputData<N, L>, datamodel: import("@unovis/ts").GraphDataModel<N, L, import("@unovis/ts").GraphNode<N, L>, import("@unovis/ts").GraphLink<N, L>>) => boolean;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
         component: import("vue").Ref<Graph<N, L>, Graph<N, L>>;

package/components/graph/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as p, inject as y, computed as m, ref as S, onMounted as F, nextTick as b, onUnmounted as k, watch as r, openBlock as g, createElementBlock as h } from "vue";
-import { Graph as u } from "@unovis/ts";
-import { useForwardProps as L, arePropsEqual as v } from "../../utils/props.js";
-import { componentAccessorKey as f } from "../../utils/context.js";
-const C = { "data-vis-component": "" }, G = u.selectors, D = /* @__PURE__ */ p({
+import { defineComponent as p, inject as y, computed as m, ref as S, onMounted as F, nextTick as k, onUnmounted as b, watch as u, openBlock as g, createElementBlock as h } from "vue";
+import { Graph as r } from "@unovis/ts";
+import { useForwardProps as f, arePropsEqual as v } from "../../utils/props.js";
+import { componentAccessorKey as L } from "../../utils/context.js";
+const E = { "data-vis-component": "" }, G = r.selectors, D = /* @__PURE__ */ p({
   __name: "index",
   props: {
     zoomScaleExtent: {},
@@ -26,6 +26,7 @@ const C = { "data-vis-component": "" }, G = u.selectors, D = /* @__PURE__ */ p({
     dagreLayoutSettings: {},
     layoutElkSettings: {},
     layoutElkNodeGroups: {},
+    layoutElkGetNodeShape: { type: Function },
     linkWidth: {},
     linkStyle: {},
     linkBandWidth: {},
@@ -39,6 +40,9 @@ const C = { "data-vis-component": "" }, G = u.selectors, D = /* @__PURE__ */ p({
     linkLabelShiftFromCenter: {},
     linkNeighborSpacing: {},
     linkCurvature: {},
+    linkHighlightOnHover: { type: Boolean },
+    linkSourcePointOffset: {},
+    linkTargetPointOffset: {},
     selectedLinkId: {},
     nodeSize: {},
     nodeStrokeWidth: {},
@@ -85,30 +89,31 @@ const C = { "data-vis-component": "" }, G = u.selectors, D = /* @__PURE__ */ p({
     onNodeSelectionBrush: { type: Function },
     onNodeSelectionDrag: { type: Function },
     onRenderComplete: { type: Function },
+    shouldDataUpdate: { type: Function },
     duration: {},
     events: {},
     attributes: {},
     data: {}
   },
   setup(c, { expose: s }) {
-    const n = y(f), l = c, t = m(() => n.data.value ?? l.data), a = L(l), o = S();
+    const n = y(L), l = c, t = m(() => n.data.value ?? l.data), a = f(l), o = S();
     return F(() => {
-      b(() => {
+      k(() => {
         var e;
-        o.value = new u(a.value), (e = o.value) == null || e.setData(t.value), n.update(o.value);
+        o.value = new r(a.value), (e = o.value) == null || e.setData(t.value), n.update(o.value);
       });
-    }), k(() => {
+    }), b(() => {
       var e;
       (e = o.value) == null || e.destroy(), n.destroy();
-    }), r(a, (e, i) => {
+    }), u(a, (e, i) => {
       var d;
       v(e, i) || (d = o.value) == null || d.setConfig(a.value);
-    }), r(t, () => {
+    }), u(t, () => {
       var e;
       (e = o.value) == null || e.setData(t.value);
     }), s({
       component: o
-    }), (e, i) => (g(), h("div", C));
+    }), (e, i) => (g(), h("div", E));
   }
 });
 export {

package/components/graph/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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":";;;;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,EAAiB;AAGnC,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAYQ,EAAO,KAAK,IACpCM,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;;;"}
+{"version":3,"file":"index.js","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":";;;;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,EAAiB;AAGnC,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAYQ,EAAO,KAAK,IACpCM,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/line/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"),v=require("../../utils/context.cjs"),y={"data-vis-component":""},m=l.Line.selectors,_=t.defineComponent({__name:"index",props:{color:{},curveType:{},lineWidth:{},lineDashArray:{},fallbackValue:{},highlightOnHover:{type:Boolean},cursor:{},x:{},y:{},id:{type:Function},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),s=d,a=t.computed(()=>n.data.value??s.data),c=i.useForwardProps(s),o=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;o.value=new l.Line(c.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(c,(e,r)=>{var u;i.arePropsEqual(e,r)||(u=o.value)==null||u.setConfig(c.value)}),t.watch(a,()=>{var e;(e=o.value)==null||e.setData(a.value)}),p({component:o}),(e,r)=>(t.openBlock(),t.createElementBlock("div",y))}});exports.VisLineSelectors=m;exports.default=_;
+"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"),y={"data-vis-component":""},m=l.Line.selectors,_=t.defineComponent({__name:"index",props:{color:{},curveType:{},lineWidth:{},lineDashArray:{},fallbackValue:{},highlightOnHover:{type:Boolean},cursor:{},interpolateMissingData:{type:Boolean},x:{},y:{},id:{type:Function},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(p,{expose:d}){const n=t.inject(v.componentAccessorKey),s=p,a=t.computed(()=>n.data.value??s.data),c=i.useForwardProps(s),o=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;o.value=new l.Line(c.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(c,(e,r)=>{var u;i.arePropsEqual(e,r)||(u=o.value)==null||u.setConfig(c.value)}),t.watch(a,()=>{var e;(e=o.value)==null||e.setData(a.value)}),d({component:o}),(e,r)=>(t.openBlock(),t.createElementBlock("div",y))}});exports.VisLineSelectors=m;exports.default=_;
 //# sourceMappingURL=index.cjs.map

package/components/line/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","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"],"mappings":"+PAkDaA,EAAmBC,EAAAA,KAAK,8WA3C/B,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,OAAYQ,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"}
+{"version":3,"file":"index.cjs","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"],"mappings":"+PAkDaA,EAAmBC,EAAAA,KAAK,oZA3C/B,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,OAAYQ,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/line/index.d.ts

@@ -51,6 +51,7 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
         lineDashArray?: import("@unovis/ts").GenericAccessor<number[], Datum[]>;
         fallbackValue?: number;
         highlightOnHover?: boolean;
+        interpolateMissingData?: boolean;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
         component: import("vue").Ref<Line<Datum>, Line<Datum>>;

package/components/line/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as d, inject as m, computed as v, ref as f, onMounted as y, nextTick as h, onUnmounted as x, watch as l, openBlock as _, createElementBlock as F } from "vue";
-import { Line as i } from "@unovis/ts";
-import { useForwardProps as b, arePropsEqual as g } from "../../utils/props.js";
-import { componentAccessorKey as k } from "../../utils/context.js";
-const B = { "data-vis-component": "" }, O = i.selectors, S = /* @__PURE__ */ d({
+import { defineComponent as d, inject as m, computed as v, ref as y, onMounted as f, nextTick as h, onUnmounted as x, watch as i, openBlock as _, createElementBlock as g } from "vue";
+import { Line as l } from "@unovis/ts";
+import { useForwardProps as B, arePropsEqual as D } from "../../utils/props.js";
+import { componentAccessorKey as F } from "../../utils/context.js";
+const b = { "data-vis-component": "" }, O = l.selectors, S = /* @__PURE__ */ d({
   __name: "index",
   props: {
     color: {},
@@ -12,6 +12,7 @@ const B = { "data-vis-component": "" }, O = i.selectors, S = /* @__PURE__ */ d({
     fallbackValue: {},
     highlightOnHover: { type: Boolean },
     cursor: {},
+    interpolateMissingData: { type: Boolean },
     x: {},
     y: {},
     id: { type: Function },
@@ -24,24 +25,24 @@ const B = { "data-vis-component": "" }, O = i.selectors, S = /* @__PURE__ */ d({
     data: {}
   },
   setup(u, { expose: p }) {
-    const o = m(k), c = u, a = v(() => o.data.value ?? c.data), n = b(c), t = f();
-    return y(() => {
+    const o = m(F), c = u, a = v(() => o.data.value ?? c.data), n = B(c), t = y();
+    return f(() => {
       h(() => {
         var e;
-        t.value = new i(n.value), (e = t.value) == null || e.setData(a.value), o.update(t.value);
+        t.value = new l(n.value), (e = t.value) == null || e.setData(a.value), o.update(t.value);
       });
     }), x(() => {
       var e;
       (e = t.value) == null || e.destroy(), o.destroy();
-    }), l(n, (e, r) => {
+    }), i(n, (e, r) => {
       var s;
-      g(e, r) || (s = t.value) == null || s.setConfig(n.value);
-    }), l(a, () => {
+      D(e, r) || (s = t.value) == null || s.setConfig(n.value);
+    }), i(a, () => {
       var e;
       (e = t.value) == null || e.setData(a.value);
     }), p({
       component: t
-    }), (e, r) => (_(), F("div", B));
+    }), (e, r) => (_(), g("div", b));
   }
 });
 export {

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"],"mappings":";;;;wCAkDaA,IAAmBC,EAAK;;;;;;;;;;;;;;;;;;;;;;AA3C/B,UAAAC,IAAWC,EAAOC,CAAoB,GAItCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAiB;AAGnC,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAYQ,EAAO,KAAK,IACpCM,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;;;"}
+{"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"],"mappings":";;;;wCAkDaA,IAAmBC,EAAK;;;;;;;;;;;;;;;;;;;;;;;AA3C/B,UAAAC,IAAWC,EAAOC,CAAoB,GAItCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAiB;AAGnC,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAYQ,EAAO,KAAK,IACpCM,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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unovis/vue",
   "description": "Modular data visualization framework for React, Angular, Svelte, Vue, and vanilla TypeScript or JavaScript",
-  "version": "1.5.1-ql.2",
+  "version": "1.5.1",
   "packageManager": "npm@10.9.1",
   "repository": {
     "type": "git",
@@ -52,7 +52,7 @@
     "gallery": "vite"
   },
   "peerDependencies": {
-    "@unovis/ts": "1.5.0",
+    "@unovis/ts": "1.5.1",
     "vue": "^3"
   },
   "devDependencies": {