@unovis/vue 1.6.0-pre.2 → 1.6.0

package/components/axis/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),u=require("@unovis/ts"),r=require("../../utils/props.cjs"),x=require("../../utils/context.cjs"),y={"data-vis-axis":""},k=u.Axis.selectors,v=t.defineComponent({__name:"index",props:{position:{},type:{},fullSize:{type:Boolean},label:{},labelFontSize:{},labelMargin:{},labelColor:{},gridLine:{type:Boolean},tickLine:{type:Boolean},domainLine:{type:Boolean},minMaxTicksOnly:{type:Boolean},minMaxTicksOnlyWhenWidthIsLess:{},tickFormat:{type:Function},tickValues:{},numTicks:{},tickTextFitMode:{},tickTextWidth:{},tickTextSeparator:{},tickTextForceWordBreak:{type:Boolean},tickTextTrimType:{},tickTextFontSize:{},tickTextAlign:{},tickTextColor:{},tickTextAngle:{},tickTextHideOverlapping:{type:Boolean},tickPadding:{},x:{},y:{},id:{type:Function},color:{},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(p,{expose:d}){const n=t.inject(x.axisAccessorKey),i=p,a=t.computed(()=>n.data.value??i.data),c=r.useForwardProps(i),o=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;o.value=new u.Axis(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(i.type)}),t.watch(c,(e,s)=>{var l;r.arePropsEqual(e,s)||(l=o.value)==null||l.setConfig(c.value)}),t.watch(a,()=>{var e;(e=o.value)==null||e.setData(a.value)}),d({component:o}),(e,s)=>(t.openBlock(),t.createElementBlock("div",y))}});exports.VisAxisSelectors=k;exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),u=require("@unovis/ts"),r=require("../../utils/props.cjs"),x=require("../../utils/context.cjs"),y={"data-vis-axis":""},k=u.Axis.selectors,T=t.defineComponent({__name:"index",props:{position:{},type:{},fullSize:{type:Boolean},label:{},labelFontSize:{},labelMargin:{},labelTextFitMode:{},labelTextTrimType:{},labelColor:{},gridLine:{type:Boolean},tickLine:{type:Boolean},domainLine:{type:Boolean},minMaxTicksOnly:{type:Boolean},minMaxTicksOnlyWhenWidthIsLess:{},tickFormat:{type:Function},tickValues:{},numTicks:{},tickTextFitMode:{},tickTextWidth:{},tickTextSeparator:{},tickTextForceWordBreak:{type:Boolean},tickTextTrimType:{},tickTextFontSize:{},tickTextAlign:{},tickTextColor:{},tickTextAngle:{},tickTextHideOverlapping:{type:Boolean},tickPadding:{},x:{},y:{},id:{type:Function},color:{},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(p,{expose:d}){const i=t.inject(x.axisAccessorKey),n=p,a=t.computed(()=>i.data.value??n.data),c=r.useForwardProps(n),o=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;o.value=new u.Axis(c.value),(e=o.value)==null||e.setData(a.value),i.update(o.value)})}),t.onUnmounted(()=>{var e;(e=o.value)==null||e.destroy(),i.destroy(n.type)}),t.watch(c,(e,l)=>{var s;r.arePropsEqual(e,l)||(s=o.value)==null||s.setConfig(c.value)}),t.watch(a,()=>{var e;(e=o.value)==null||e.setData(a.value)}),d({component:o}),(e,l)=>(t.openBlock(),t.createElementBlock("div",y))}});exports.VisAxisSelectors=k;exports.default=T;
 //# sourceMappingURL=index.cjs.map

package/components/axis/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/axis/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Axis, AxisConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { axisAccessorKey } from '../../utils/context'\n\nconst accessor = inject(axisAccessorKey)\n\n// data and required props \ntype Props = AxisConfigInterface<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<Axis<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Axis<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(props.type)\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 VisAxisSelectors = Axis.selectors\n</script>\n\n<template>\n  <div data-vis-axis />\n</template>\n\n\n"],"names":["VisAxisSelectors","Axis","accessor","inject","axisAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"mappings":"0PAkDaA,EAAmBC,EAAAA,KAAK,2xBA3C/B,MAAAC,EAAWC,SAAOC,iBAAe,EAIjCC,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,UACRb,EAAA,QAAQG,EAAM,IAAI,CAAA,CAC5B,EAEKY,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/axis/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Axis, AxisConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { axisAccessorKey } from '../../utils/context'\n\nconst accessor = inject(axisAccessorKey)\n\n// data and required props \ntype Props = AxisConfigInterface<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<Axis<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Axis<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(props.type)\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 VisAxisSelectors = Axis.selectors\n</script>\n\n<template>\n  <div data-vis-axis />\n</template>\n\n\n"],"names":["VisAxisSelectors","Axis","accessor","inject","axisAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"mappings":"0PAkDaA,EAAmBC,EAAAA,KAAK,o0BA3C/B,MAAAC,EAAWC,SAAOC,iBAAe,EAIjCC,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,UACRb,EAAA,QAAQG,EAAM,IAAI,CAAA,CAC5B,EAEKY,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/axis/index.d.ts

@@ -51,6 +51,8 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
         fullSize?: boolean;
         labelFontSize?: string;
         labelMargin?: number;
+        labelTextFitMode?: string;
+        labelTextTrimType?: string;
         labelColor?: string;
         gridLine?: boolean;
         tickLine?: boolean;

package/components/axis/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as d, inject as x, computed as m, ref as y, onMounted as k, nextTick as T, onUnmounted as v, watch as s, createElementBlock as f, openBlock as B } from "vue";
+import { defineComponent as d, inject as x, computed as m, ref as y, onMounted as k, nextTick as T, onUnmounted as v, watch as s, createElementBlock as f, openBlock as F } from "vue";
 import { Axis as r } from "@unovis/ts";
-import { useForwardProps as F, arePropsEqual as g } from "../../utils/props.js";
-import { axisAccessorKey as _ } from "../../utils/context.js";
-const b = { "data-vis-axis": "" }, M = r.selectors, O = /* @__PURE__ */ d({
+import { useForwardProps as B, arePropsEqual as b } from "../../utils/props.js";
+import { axisAccessorKey as g } from "../../utils/context.js";
+const _ = { "data-vis-axis": "" }, C = r.selectors, O = /* @__PURE__ */ d({
   __name: "index",
   props: {
     position: {},
@@ -11,6 +11,8 @@ const b = { "data-vis-axis": "" }, M = r.selectors, O = /* @__PURE__ */ d({
     label: {},
     labelFontSize: {},
     labelMargin: {},
+    labelTextFitMode: {},
+    labelTextTrimType: {},
     labelColor: {},
     gridLine: { type: Boolean },
     tickLine: { type: Boolean },
@@ -44,28 +46,28 @@ const b = { "data-vis-axis": "" }, M = r.selectors, O = /* @__PURE__ */ d({
     data: {}
   },
   setup(p, { expose: u }) {
-    const o = x(_), a = p, n = m(() => o.data.value ?? a.data), i = F(a), t = y();
+    const o = x(g), a = p, i = m(() => o.data.value ?? a.data), n = B(a), t = y();
     return k(() => {
       T(() => {
         var e;
-        t.value = new r(i.value), (e = t.value) == null || e.setData(n.value), o.update(t.value);
+        t.value = new r(n.value), (e = t.value) == null || e.setData(i.value), o.update(t.value);
       });
     }), v(() => {
       var e;
       (e = t.value) == null || e.destroy(), o.destroy(a.type);
-    }), s(i, (e, c) => {
+    }), s(n, (e, c) => {
       var l;
-      g(e, c) || (l = t.value) == null || l.setConfig(i.value);
-    }), s(n, () => {
+      b(e, c) || (l = t.value) == null || l.setConfig(n.value);
+    }), s(i, () => {
       var e;
-      (e = t.value) == null || e.setData(n.value);
+      (e = t.value) == null || e.setData(i.value);
     }), u({
       component: t
-    }), (e, c) => (B(), f("div", b));
+    }), (e, c) => (F(), f("div", _));
   }
 });
 export {
-  M as VisAxisSelectors,
+  C as VisAxisSelectors,
   O as default
 };
 //# sourceMappingURL=index.js.map

package/components/axis/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/axis/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Axis, AxisConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { axisAccessorKey } from '../../utils/context'\n\nconst accessor = inject(axisAccessorKey)\n\n// data and required props \ntype Props = AxisConfigInterface<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<Axis<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Axis<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(props.type)\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 VisAxisSelectors = Axis.selectors\n</script>\n\n<template>\n  <div data-vis-axis />\n</template>\n\n\n"],"names":["VisAxisSelectors","Axis","accessor","inject","axisAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"mappings":";;;;mCAkDaA,IAAmBC,EAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3C/B,UAAAC,IAAWC,EAAOC,CAAe,GAIjCC,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,WACRb,EAAA,QAAQG,EAAM,IAAI;AAAA,IAAA,CAC5B,GAEKY,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/axis/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Axis, AxisConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { axisAccessorKey } from '../../utils/context'\n\nconst accessor = inject(axisAccessorKey)\n\n// data and required props \ntype Props = AxisConfigInterface<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<Axis<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Axis<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(props.type)\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 VisAxisSelectors = Axis.selectors\n</script>\n\n<template>\n  <div data-vis-axis />\n</template>\n\n\n"],"names":["VisAxisSelectors","Axis","accessor","inject","axisAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"mappings":";;;;mCAkDaA,IAAmBC,EAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3C/B,UAAAC,IAAWC,EAAOC,CAAe,GAIjCC,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,WACRb,EAAA,QAAQG,EAAM,IAAI;AAAA,IAAA,CAC5B,GAEKY,EAAAR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBJ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,UAAUN,EAAO;AAAA,IACpC,CACD,GAEDQ,EAAMV,GAAM,MAAM;;AACN,OAAAQ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK;AAAA,IAAK,CACpC,GAEYc,EAAA;AAAA,MACX,WAAAV;AAAA,IAAA,CACD;;;"}

package/components/crosshair/index.d.ts

@@ -40,7 +40,7 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
         data?: Datum[];
         x?: NumericAccessor<Datum>;
         y?: NumericAccessor<Datum> | NumericAccessor<Datum>[];
-        template?: (data: Datum, x: number | Date) => string | HTMLElement;
+        template?: (datum: Datum, x: number | Date, data: Datum[], leftNearestDatumIndex: number) => string | HTMLElement;
         color?: import("@unovis/ts").ColorAccessor<Datum>;
         baseline?: NumericAccessor<Datum>;
         id?: (d: Datum, i: number, ...any: any[]) => string;
@@ -54,7 +54,9 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
         hideWhenFarFromPointer?: boolean;
         hideWhenFarFromPointerDistance?: number;
         snapToData?: boolean;
-        getCircles?: (x: number | Date, data: Datum[], yScale: import("@unovis/ts").ContinuousScale) => import("@unovis/ts").CrosshairCircle[];
+        getCircles?: (x: number | Date, data: Datum[], yScale: import("@unovis/ts").ContinuousScale, leftNearestDatumIndex: number) => import("@unovis/ts").CrosshairCircle[];
+        onCrosshairMove?: (x?: number | Date, datum?: Datum, datumIndex?: number, event?: MouseEvent | WheelEvent) => void;
+        forceShowAt?: number | Date;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
         component: import("vue").Ref<Crosshair<Datum>, Crosshair<Datum>>;

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"),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:{},fitViewPadding:{},fitViewAlign:{},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:{},linkFlowParticleSpeed:{},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;
+"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:{},fitViewPadding:{},fitViewAlign:{},layoutType:{},layoutAutofit:{type:Boolean},layoutAutofitTolerance:{},layoutNonConnectedAside:{type:Boolean},layoutNodeGroup:{},layoutGroupOrder:{},layoutParallelNodesPerColumn:{},layoutParallelNodeSubGroup:{},layoutParallelSubGroupsPerRow:{},layoutParallelNodeSpacing:{},layoutParallelSubGroupSpacing:{},layoutParallelGroupSpacing:{},layoutParallelSortConnectionsByGroup:{},forceLayoutSettings:{},dagreLayoutSettings:{},layoutElkSettings:{},layoutElkNodeGroups:{},layoutElkGetNodeShape:{type:Function},linkWidth:{},linkStyle:{},linkBandWidth:{},linkArrow:{},linkStroke:{},linkDisabled:{},linkFlow:{},linkFlowAnimDuration:{},linkFlowParticleSize:{},linkFlowParticleSpeed:{},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,osEA3CjC,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,kwEA3CjC,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

@@ -81,6 +81,8 @@ declare const _default: <N extends GraphInputNode, L extends GraphInputLink>(__V
         layoutParallelNodesPerColumn?: number;
         layoutParallelNodeSubGroup?: import("@unovis/ts").StringAccessor<N>;
         layoutParallelSubGroupsPerRow?: number;
+        layoutParallelNodeSpacing?: number | [number, number];
+        layoutParallelSubGroupSpacing?: number;
         layoutParallelGroupSpacing?: number;
         layoutParallelSortConnectionsByGroup?: string;
         forceLayoutSettings?: import("@unovis/ts").GraphForceLayoutSettings<N, L>;

package/components/graph/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as s, inject as y, computed as m, ref as S, onMounted as F, nextTick as k, onUnmounted as g, watch as r, createElementBlock as b, openBlock as h } from "vue";
-import { Graph as u } from "@unovis/ts";
-import { useForwardProps as f, arePropsEqual as v } from "../../utils/props.js";
-import { componentAccessorKey as L } from "../../utils/context.js";
-const P = { "data-vis-component": "" }, G = u.selectors, D = /* @__PURE__ */ s({
+import { defineComponent as s, inject as y, computed as m, ref as S, onMounted as F, nextTick as g, onUnmounted as k, watch as u, createElementBlock as b, openBlock as h } from "vue";
+import { Graph as r } from "@unovis/ts";
+import { useForwardProps as f, arePropsEqual as P } from "../../utils/props.js";
+import { componentAccessorKey as v } from "../../utils/context.js";
+const L = { "data-vis-component": "" }, B = r.selectors, D = /* @__PURE__ */ s({
   __name: "index",
   props: {
     zoomScaleExtent: {},
@@ -22,6 +22,8 @@ const P = { "data-vis-component": "" }, G = u.selectors, D = /* @__PURE__ */ s({
     layoutParallelNodesPerColumn: {},
     layoutParallelNodeSubGroup: {},
     layoutParallelSubGroupsPerRow: {},
+    layoutParallelNodeSpacing: {},
+    layoutParallelSubGroupSpacing: {},
     layoutParallelGroupSpacing: {},
     layoutParallelSortConnectionsByGroup: {},
     forceLayoutSettings: {},
@@ -99,28 +101,28 @@ const P = { "data-vis-component": "" }, G = u.selectors, D = /* @__PURE__ */ s({
     data: {}
   },
   setup(c, { expose: p }) {
-    const n = y(L), l = c, t = m(() => n.data.value ?? l.data), a = f(l), o = S();
+    const n = y(v), l = c, t = m(() => n.data.value ?? l.data), a = f(l), o = S();
     return F(() => {
-      k(() => {
+      g(() => {
         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);
       });
-    }), g(() => {
+    }), k(() => {
       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, () => {
+      P(e, i) || (d = o.value) == null || d.setConfig(a.value);
+    }), u(t, () => {
       var e;
       (e = o.value) == null || e.setData(t.value);
     }), p({
       component: o
-    }), (e, i) => (h(), b("div", P));
+    }), (e, i) => (h(), b("div", L));
   }
 });
 export {
-  G as VisGraphSelectors,
+  B as VisGraphSelectors,
   D as default
 };
 //# sourceMappingURL=index.js.map

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/plotband/index.cjs

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

package/components/plotband/index.cjs.map

@@ -0,0 +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"],"mappings":"+PA+CaA,EAAuBC,EAAAA,SAAS,2YAxCvC,MAAAC,EAAWC,SAAOC,sBAAoB,EAItCC,EAAQC,EAIRC,EAASC,kBAAgBH,CAAK,EAG9BI,EAAYC,EAAAA,IAAqB,EAGvCC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACbH,EAAU,MAAQ,IAAIR,WAAgBM,EAAO,KAAK,EAEzCL,EAAA,OAAOO,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDI,EAAAA,YAAY,IAAM,QAChBC,EAAAL,EAAU,QAAV,MAAAK,EAAiB,UACjBZ,EAAS,QAAQ,CAAA,CAClB,EAEKa,EAAAA,MAAAR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBH,EAAAL,EAAA,QAAA,MAAAK,EAAO,UAAUP,EAAO,MACpC,CACD,EAGYY,EAAA,CACX,UAAAV,CAAA,CACD"}

package/components/plotband/index.d.ts

@@ -0,0 +1,70 @@
+import { Plotband } from '@unovis/ts';
+export declare const VisPlotbandSelectors: typeof import("@unovis/ts/dist/components/plotband/style");
+declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
+    attrs: any;
+    emit: any;
+    slots: any;
+}, __VLS_expose?: any, __VLS_setup?: Promise<{
+    props: {
+        duration?: number;
+        events?: {
+            [selector: string]: {
+                touchstart?: import("@unovis/ts").VisEventCallback<any>;
+                touchmove?: import("@unovis/ts").VisEventCallback<any>;
+                touchend?: import("@unovis/ts").VisEventCallback<any>;
+                mouseover?: import("@unovis/ts").VisEventCallback<any>;
+                mousemove?: import("@unovis/ts").VisEventCallback<any>;
+                mousedown?: import("@unovis/ts").VisEventCallback<any>;
+                mouseup?: import("@unovis/ts").VisEventCallback<any>;
+                click?: import("@unovis/ts").VisEventCallback<any>;
+                auxclick?: import("@unovis/ts").VisEventCallback<any>;
+                contextmenu?: import("@unovis/ts").VisEventCallback<any>;
+                dblclick?: import("@unovis/ts").VisEventCallback<any>;
+                mouseenter?: import("@unovis/ts").VisEventCallback<any>;
+                mouseleave?: import("@unovis/ts").VisEventCallback<any>;
+                mouseout?: import("@unovis/ts").VisEventCallback<any>;
+                scroll?: import("@unovis/ts").VisEventCallback<any>;
+                select?: import("@unovis/ts").VisEventCallback<any>;
+                wheel?: import("@unovis/ts").VisEventCallback<any>;
+                pointerdown?: import("@unovis/ts").VisEventCallback<any>;
+                pointerup?: import("@unovis/ts").VisEventCallback<any>;
+                pointerout?: import("@unovis/ts").VisEventCallback<any>;
+                pointermove?: import("@unovis/ts").VisEventCallback<any>;
+            };
+        };
+        attributes?: {
+            [selector: string]: {
+                [attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);
+            };
+        };
+        data?: null;
+        x?: import("@unovis/ts").NumericAccessor<Datum>;
+        y?: import("@unovis/ts").NumericAccessor<Datum> | import("@unovis/ts").NumericAccessor<Datum>[];
+        color?: string;
+        id?: (d: Datum, i: number, ...any: any[]) => string;
+        xScale?: import("@unovis/ts").ContinuousScale;
+        yScale?: import("@unovis/ts").ContinuousScale;
+        excludeFromDomainCalculation?: boolean;
+        labelColor?: string;
+        axis?: import("@unovis/ts").AxisType;
+        from?: number;
+        to?: number;
+        labelText?: string;
+        labelPosition?: import("@unovis/ts").PlotbandLabelPosition;
+        labelOffsetX?: number;
+        labelOffsetY?: number;
+        labelOrientation?: import("@unovis/ts").PlotbandLabelOrientation;
+        labelSize?: number;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{
+        component: import("vue").Ref<Plotband<Datum>, Plotband<Datum>>;
+    }>): void;
+    attrs: any;
+    slots: {};
+    emit: any;
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: any;
+};
+export default _default;

package/components/plotband/index.js

@@ -0,0 +1,51 @@
+import { defineComponent as i, inject as p, ref as u, onMounted as m, nextTick as d, onUnmounted as f, watch as b, createElementBlock as x, openBlock as v } from "vue";
+import { Plotband as l } from "@unovis/ts";
+import { useForwardProps as y, arePropsEqual as _ } from "../../utils/props.js";
+import { componentAccessorKey as F } from "../../utils/context.js";
+const O = { "data-vis-component": "" }, k = l.selectors, w = /* @__PURE__ */ i({
+  __name: "index",
+  props: {
+    color: {},
+    axis: {},
+    from: {},
+    to: {},
+    duration: {},
+    labelText: {},
+    labelPosition: {},
+    labelOffsetX: {},
+    labelOffsetY: {},
+    labelOrientation: {},
+    labelColor: {},
+    labelSize: {},
+    x: {},
+    y: {},
+    id: { type: Function },
+    xScale: { type: [Object, Function] },
+    yScale: { type: [Object, Function] },
+    excludeFromDomainCalculation: { type: Boolean },
+    events: {},
+    attributes: {},
+    data: {}
+  },
+  setup(r, { expose: s }) {
+    const n = p(F), t = y(r), e = u();
+    return m(() => {
+      d(() => {
+        e.value = new l(t.value), n.update(e.value);
+      });
+    }), f(() => {
+      var o;
+      (o = e.value) == null || o.destroy(), n.destroy();
+    }), b(t, (o, a) => {
+      var c;
+      _(o, a) || (c = e.value) == null || c.setConfig(t.value);
+    }), s({
+      component: e
+    }), (o, a) => (v(), x("div", O));
+  }
+});
+export {
+  k as VisPlotbandSelectors,
+  w as default
+};
+//# sourceMappingURL=index.js.map

package/components/plotband/index.js.map

@@ -0,0 +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"],"mappings":";;;;wCA+CaA,IAAuBC,EAAS;;;;;;;;;;;;;;;;;;;;;;;;;;AAxCvC,UAAAC,IAAWC,EAAOC,CAAoB,GAQtCC,IAASC,EAJDC,CAIsB,GAG9BC,IAAYC,EAAqB;AAGvC,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAAH,EAAU,QAAQ,IAAIP,EAAgBI,EAAO,KAAK,GAEzCH,EAAA,OAAOM,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDI,EAAY,MAAM;;AAChB,OAAAC,IAAAL,EAAU,UAAV,QAAAK,EAAiB,WACjBX,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKY,EAAAT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBH,IAAAL,EAAA,UAAA,QAAAK,EAAO,UAAUR,EAAO;AAAA,IACpC,CACD,GAGYa,EAAA;AAAA,MACX,WAAAV;AAAA,IAAA,CACD;;;"}

package/components/plotband/index2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.cjs");exports.VisPlotbandSelectors=e.VisPlotbandSelectors;exports.default=e.default;
+//# sourceMappingURL=index2.cjs.map

package/components/plotband/index2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/plotband/index2.js

@@ -0,0 +1,7 @@
+import r from "./index.js";
+import { VisPlotbandSelectors as a } from "./index.js";
+export {
+  a as VisPlotbandSelectors,
+  r as default
+};
+//# sourceMappingURL=index2.js.map

package/components/plotband/index2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/components/plotline/index.cjs

@@ -0,0 +1,2 @@
+"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"),d=require("../../utils/context.cjs"),v={"data-vis-component":""},b=i.Plotline.selectors,f=e.defineComponent({__name:"index",props:{color:{},lineWidth:{},axis:{},value:{},duration:{},lineStyle:{},labelText:{},labelPosition:{},labelOffsetX:{},labelOffsetY:{},labelOrientation:{},labelColor:{},labelSize:{},x:{},y:{},id:{type:Function},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},events:{},attributes:{},data:{}},setup(r,{expose:u}){const l=e.inject(d.componentAccessorKey),p=r,n=a.useForwardProps(p),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,s)=>{var c;a.arePropsEqual(o,s)||(c=t.value)==null||c.setConfig(n.value)}),u({component:t}),(o,s)=>(e.openBlock(),e.createElementBlock("div",v))}});exports.VisPlotlineSelectors=b;exports.default=f;
+//# sourceMappingURL=index.cjs.map

package/components/plotline/index.cjs.map

@@ -0,0 +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"],"mappings":"+PA+CaA,EAAuBC,EAAAA,SAAS,gaAxCvC,MAAAC,EAAWC,SAAOC,sBAAoB,EAItCC,EAAQC,EAIRC,EAASC,kBAAgBH,CAAK,EAG9BI,EAAYC,EAAAA,IAAqB,EAGvCC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACbH,EAAU,MAAQ,IAAIR,WAAgBM,EAAO,KAAK,EAEzCL,EAAA,OAAOO,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDI,EAAAA,YAAY,IAAM,QAChBC,EAAAL,EAAU,QAAV,MAAAK,EAAiB,UACjBZ,EAAS,QAAQ,CAAA,CAClB,EAEKa,EAAAA,MAAAR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBH,EAAAL,EAAA,QAAA,MAAAK,EAAO,UAAUP,EAAO,MACpC,CACD,EAGYY,EAAA,CACX,UAAAV,CAAA,CACD"}

package/components/plotline/index.d.ts

@@ -0,0 +1,71 @@
+import { Plotline } from '@unovis/ts';
+export declare const VisPlotlineSelectors: typeof import("@unovis/ts/dist/components/plotline/style");
+declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
+    attrs: any;
+    emit: any;
+    slots: any;
+}, __VLS_expose?: any, __VLS_setup?: Promise<{
+    props: {
+        duration?: number;
+        events?: {
+            [selector: string]: {
+                touchstart?: import("@unovis/ts").VisEventCallback<any>;
+                touchmove?: import("@unovis/ts").VisEventCallback<any>;
+                touchend?: import("@unovis/ts").VisEventCallback<any>;
+                mouseover?: import("@unovis/ts").VisEventCallback<any>;
+                mousemove?: import("@unovis/ts").VisEventCallback<any>;
+                mousedown?: import("@unovis/ts").VisEventCallback<any>;
+                mouseup?: import("@unovis/ts").VisEventCallback<any>;
+                click?: import("@unovis/ts").VisEventCallback<any>;
+                auxclick?: import("@unovis/ts").VisEventCallback<any>;
+                contextmenu?: import("@unovis/ts").VisEventCallback<any>;
+                dblclick?: import("@unovis/ts").VisEventCallback<any>;
+                mouseenter?: import("@unovis/ts").VisEventCallback<any>;
+                mouseleave?: import("@unovis/ts").VisEventCallback<any>;
+                mouseout?: import("@unovis/ts").VisEventCallback<any>;
+                scroll?: import("@unovis/ts").VisEventCallback<any>;
+                select?: import("@unovis/ts").VisEventCallback<any>;
+                wheel?: import("@unovis/ts").VisEventCallback<any>;
+                pointerdown?: import("@unovis/ts").VisEventCallback<any>;
+                pointerup?: import("@unovis/ts").VisEventCallback<any>;
+                pointerout?: import("@unovis/ts").VisEventCallback<any>;
+                pointermove?: import("@unovis/ts").VisEventCallback<any>;
+            };
+        };
+        attributes?: {
+            [selector: string]: {
+                [attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);
+            };
+        };
+        data?: null;
+        x?: import("@unovis/ts").NumericAccessor<Datum>;
+        y?: import("@unovis/ts").NumericAccessor<Datum> | import("@unovis/ts").NumericAccessor<Datum>[];
+        color?: string;
+        id?: (d: Datum, i: number, ...any: any[]) => string;
+        xScale?: import("@unovis/ts").ContinuousScale;
+        yScale?: import("@unovis/ts").ContinuousScale;
+        excludeFromDomainCalculation?: boolean;
+        labelColor?: string;
+        value?: number;
+        lineWidth?: number;
+        axis?: string;
+        labelText?: string;
+        labelPosition?: import("@unovis/ts").PlotlineLabelPosition;
+        labelOffsetX?: number;
+        labelOffsetY?: number;
+        labelOrientation?: import("@unovis/ts").PlotlineLabelOrientation;
+        labelSize?: number;
+        lineStyle?: number[] | import("@unovis/ts").PlotlineLineStylePresets;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{
+        component: import("vue").Ref<Plotline<Datum>, Plotline<Datum>>;
+    }>): void;
+    attrs: any;
+    slots: {};
+    emit: any;
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: any;
+};
+export default _default;

package/components/plotline/index.js

@@ -0,0 +1,52 @@
+import { defineComponent as r, inject as p, ref as u, onMounted as m, nextTick as d, onUnmounted as f, watch as b, createElementBlock as v, openBlock as x } from "vue";
+import { Plotline as c } from "@unovis/ts";
+import { useForwardProps as y, arePropsEqual as _ } from "../../utils/props.js";
+import { componentAccessorKey as F } from "../../utils/context.js";
+const O = { "data-vis-component": "" }, k = c.selectors, w = /* @__PURE__ */ r({
+  __name: "index",
+  props: {
+    color: {},
+    lineWidth: {},
+    axis: {},
+    value: {},
+    duration: {},
+    lineStyle: {},
+    labelText: {},
+    labelPosition: {},
+    labelOffsetX: {},
+    labelOffsetY: {},
+    labelOrientation: {},
+    labelColor: {},
+    labelSize: {},
+    x: {},
+    y: {},
+    id: { type: Function },
+    xScale: { type: [Object, Function] },
+    yScale: { type: [Object, Function] },
+    excludeFromDomainCalculation: { type: Boolean },
+    events: {},
+    attributes: {},
+    data: {}
+  },
+  setup(s, { expose: i }) {
+    const n = p(F), t = y(s), e = u();
+    return m(() => {
+      d(() => {
+        e.value = new c(t.value), n.update(e.value);
+      });
+    }), f(() => {
+      var o;
+      (o = e.value) == null || o.destroy(), n.destroy();
+    }), b(t, (o, l) => {
+      var a;
+      _(o, l) || (a = e.value) == null || a.setConfig(t.value);
+    }), i({
+      component: e
+    }), (o, l) => (x(), v("div", O));
+  }
+});
+export {
+  k as VisPlotlineSelectors,
+  w as default
+};
+//# sourceMappingURL=index.js.map

package/components/plotline/index.js.map

@@ -0,0 +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"],"mappings":";;;;wCA+CaA,IAAuBC,EAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;AAxCvC,UAAAC,IAAWC,EAAOC,CAAoB,GAQtCC,IAASC,EAJDC,CAIsB,GAG9BC,IAAYC,EAAqB;AAGvC,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAAH,EAAU,QAAQ,IAAIP,EAAgBI,EAAO,KAAK,GAEzCH,EAAA,OAAOM,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDI,EAAY,MAAM;;AAChB,OAAAC,IAAAL,EAAU,UAAV,QAAAK,EAAiB,WACjBX,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKY,EAAAT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBH,IAAAL,EAAA,UAAA,QAAAK,EAAO,UAAUR,EAAO;AAAA,IACpC,CACD,GAGYa,EAAA;AAAA,MACX,WAAAV;AAAA,IAAA,CACD;;;"}

package/components/plotline/index2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.cjs");exports.VisPlotlineSelectors=e.VisPlotlineSelectors;exports.default=e.default;
+//# sourceMappingURL=index2.cjs.map

package/components/plotline/index2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/plotline/index2.js

@@ -0,0 +1,7 @@
+import e from "./index.js";
+import { VisPlotlineSelectors as f } from "./index.js";
+export {
+  f as VisPlotlineSelectors,
+  e as default
+};
+//# sourceMappingURL=index2.js.map

package/components/plotline/index2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/components/sankey/index.d.ts

@@ -51,6 +51,7 @@ declare const _default: <N extends import("@unovis/ts").GraphInputNode, L extend
         nodeColor?: import("@unovis/ts").ColorAccessor<import("@unovis/ts").SankeyNode<N, L>>;
         nodeIcon?: import("@unovis/ts").StringAccessor<import("@unovis/ts").SankeyNode<N, L>>;
         nodeSort?: (node1: import("@unovis/ts").SankeyNode<N, L>, node2: import("@unovis/ts").SankeyNode<N, L>) => number;
+        labelPosition?: import("@unovis/ts").GenericAccessor<string, import("@unovis/ts").SankeyNode<N, L>>;
         heightNormalizationCoeff?: number;
         exitTransitionType?: import("@unovis/ts").SankeyExitTransitionType;
         enterTransitionType?: import("@unovis/ts").SankeyEnterTransitionType;
@@ -70,7 +71,6 @@ declare const _default: <N extends import("@unovis/ts").GraphInputNode, L extend
         nodeIconColor?: import("@unovis/ts").ColorAccessor<import("@unovis/ts").SankeyNode<N, L>>;
         linkCursor?: import("@unovis/ts").StringAccessor<import("@unovis/ts").SankeyLink<N, L>>;
         subLabel?: import("@unovis/ts").StringAccessor<import("@unovis/ts").SankeyNode<N, L>>;
-        labelPosition?: import("@unovis/ts").GenericAccessor<string, import("@unovis/ts").SankeyNode<N, L>>;
         labelVerticalAlign?: string;
         labelBackground?: boolean;
         labelFit?: import("@unovis/ts").FitMode;