@unovis/vue 1.6.4 → 1.6.5

package/components/sankey/index.cjs

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

package/components/sankey/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/sankey/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"N extends SankeyInputNode,L extends SankeyInputLink\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Sankey, SankeyConfigInterface, SankeyInputNode, SankeyInputLink } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = SankeyConfigInterface<N, L>\nconst props = defineProps<Props & { data?: { nodes: N[]; links?: L[] } }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Sankey<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Sankey<N, L>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisSankeySelectors = Sankey.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisSankeySelectors","Sankey","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PAkDaA,EAAqBC,EAAAA,OAAO,04CA3CzC,MAAMC,EAAWC,EAAAA,OAAOC,sBAAoB,EAItCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,EAAAA,gBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAA,EAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,SAAaQ,EAAO,KAAK,GAC/CM,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,OAC9BL,EAAS,OAAOS,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBb,EAAS,QAAA,CACX,CAAC,EAEDe,EAAAA,MAAMR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BJ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UAAUN,EAAO,MAEtC,CAAC,EAEDQ,EAAAA,MAAMV,EAAM,IAAM,QAChBQ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,MAChC,CAAC,EAEDc,EAAa,CACX,UAAAV,CAAA,CACD,UAQCW,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/sankey/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"N extends SankeyInputNode,L extends SankeyInputLink\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Sankey, SankeyConfigInterface, SankeyInputNode, SankeyInputLink } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = SankeyConfigInterface<N, L>\nconst props = defineProps<Props & { data?: { nodes: N[]; links?: L[] } }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Sankey<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Sankey<N, L>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisSankeySelectors = Sankey.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisSankeySelectors","Sankey","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PAkDaA,EAAqBC,EAAAA,OAAO,quDA3CzC,MAAMC,EAAWC,EAAAA,OAAOC,sBAAoB,EAItCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,EAAAA,gBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAA,EAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,SAAaQ,EAAO,KAAK,GAC/CM,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,OAC9BL,EAAS,OAAOS,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBb,EAAS,QAAA,CACX,CAAC,EAEDe,EAAAA,MAAMR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BJ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UAAUN,EAAO,MAEtC,CAAC,EAEDQ,EAAAA,MAAMV,EAAM,IAAM,QAChBQ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,MAChC,CAAC,EAEDc,EAAa,CACX,UAAAV,CAAA,CACD,UAQCW,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}

package/components/sankey/index.d.ts

@@ -1,6 +1,6 @@
 import { Sankey, SankeyConfigInterface, SankeyInputNode, SankeyInputLink } from '@unovis/ts';
 
-export declare const VisSankeySelectors: typeof import("@unovis/ts/components/sankey/style");
+export declare const VisSankeySelectors: typeof import("@unovis/ts/dist/components/sankey/style");
 declare const _default: <N extends SankeyInputNode, L extends SankeyInputLink>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & (SankeyConfigInterface<N, L> & {
         data?: {

package/components/sankey/index.js

@@ -1,12 +1,17 @@
-import { defineComponent as d, inject as y, computed as b, ref as g, onMounted as m, nextTick as F, onUnmounted as S, watch as u, createElementBlock as h, openBlock as v } from "vue";
+import { defineComponent as d, inject as y, computed as b, ref as g, onMounted as m, nextTick as F, onUnmounted as S, watch as u, openBlock as h, createElementBlock as v } from "vue";
 import { Sankey as c } from "@unovis/ts";
-import { useForwardProps as f, arePropsEqual as k } from "../../utils/props.js";
-import { componentAccessorKey as x } from "../../utils/context.js";
-const C = { "data-vis-component": "" }, L = c.selectors, H = /* @__PURE__ */ d({
+import { useForwardProps as x, arePropsEqual as T } from "../../utils/props.js";
+import { componentAccessorKey as f } from "../../utils/context.js";
+const k = { "data-vis-component": "" }, L = c.selectors, M = /* @__PURE__ */ d({
   __name: "index",
   props: {
     id: { type: Function },
     heightNormalizationCoeff: {},
+    zoomScale: {},
+    zoomPan: {},
+    enableZoom: { type: Boolean },
+    zoomExtent: {},
+    zoomMode: {},
     exitTransitionType: {},
     enterTransitionType: {},
     highlightSubtreeOnHover: { type: Boolean },
@@ -37,10 +42,13 @@ const C = { "data-vis-component": "" }, L = c.selectors, H = /* @__PURE__ */ d({
     labelBackground: { type: Boolean },
     labelFit: {},
     labelMaxWidth: {},
+    labelMaxWidthTakeAvailableSpace: { type: Boolean },
+    labelMaxWidthTakeAvailableSpaceTolerance: {},
     labelExpandTrimmedOnHover: { type: Boolean },
     labelTrimMode: {},
     labelFontSize: {},
     labelTextSeparator: {},
+    labelTextDecoration: { type: [Function, String, null] },
     labelForceWordBreak: { type: Boolean },
     labelColor: { type: [Function, String, Array, null] },
     labelCursor: { type: [Function, String, null] },
@@ -48,35 +56,39 @@ const C = { "data-vis-component": "" }, L = c.selectors, H = /* @__PURE__ */ d({
     subLabelFontSize: {},
     subLabelColor: { type: [Function, String, Array, null] },
     subLabelPlacement: {},
+    subLabelTextDecoration: { type: [Function, String, null] },
     subLabelToLabelInlineWidthRatio: {},
+    onZoom: { type: Function },
+    onLayoutCalculated: { type: Function },
+    selectedNodeIds: {},
     duration: {},
     events: {},
     attributes: {},
     data: {}
   },
   setup(p, { expose: s }) {
-    const t = y(x), i = p, o = b(() => t.data.value ?? i.data), l = f(i), n = g();
+    const o = y(f), a = p, t = b(() => o.data.value ?? a.data), l = x(a), n = g();
     return m(() => {
       F(() => {
         var e;
-        n.value = new c(l.value), (e = n.value) == null || e.setData(o.value), t.update(n.value);
+        n.value = new c(l.value), (e = n.value) == null || e.setData(t.value), o.update(n.value);
       });
     }), S(() => {
       var e;
-      (e = n.value) == null || e.destroy(), t.destroy();
-    }), u(l, (e, a) => {
+      (e = n.value) == null || e.destroy(), o.destroy();
+    }), u(l, (e, i) => {
       var r;
-      k(e, a) || (r = n.value) == null || r.setConfig(l.value);
-    }), u(o, () => {
+      T(e, i) || (r = n.value) == null || r.setConfig(l.value);
+    }), u(t, () => {
       var e;
-      (e = n.value) == null || e.setData(o.value);
+      (e = n.value) == null || e.setData(t.value);
     }), s({
       component: n
-    }), (e, a) => (v(), h("div", C));
+    }), (e, i) => (h(), v("div", k));
   }
 });
 export {
   L as VisSankeySelectors,
-  H as default
+  M as default
 };
 //# sourceMappingURL=index.js.map

package/components/sankey/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/sankey/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"N extends SankeyInputNode,L extends SankeyInputLink\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Sankey, SankeyConfigInterface, SankeyInputNode, SankeyInputLink } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = SankeyConfigInterface<N, L>\nconst props = defineProps<Props & { data?: { nodes: N[]; links?: L[] } }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Sankey<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Sankey<N, L>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisSankeySelectors = Sankey.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisSankeySelectors","Sankey","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCAkDaA,IAAqBC,EAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3CzC,UAAMC,IAAWC,EAAOC,CAAoB,GAItCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAA;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAaQ,EAAO,KAAK,IAC/CM,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK,QAC9BL,EAAS,OAAOS,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBb,EAAS,QAAA;AAAA,IACX,CAAC,GAEDe,EAAMR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BJ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,UAAUN,EAAO;AAAA,IAEtC,CAAC,GAEDQ,EAAMV,GAAM,MAAM;;AAChB,OAAAQ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK;AAAA,IAChC,CAAC,GAEDc,EAAa;AAAA,MACX,WAAAV;AAAA,IAAA,CACD,cAQCW,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/sankey/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"N extends SankeyInputNode,L extends SankeyInputLink\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Sankey, SankeyConfigInterface, SankeyInputNode, SankeyInputLink } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = SankeyConfigInterface<N, L>\nconst props = defineProps<Props & { data?: { nodes: N[]; links?: L[] } }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Sankey<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Sankey<N, L>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisSankeySelectors = Sankey.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisSankeySelectors","Sankey","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCAkDaA,IAAqBC,EAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3CzC,UAAMC,IAAWC,EAAOC,CAAoB,GAItCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAA;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAaQ,EAAO,KAAK,IAC/CM,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK,QAC9BL,EAAS,OAAOS,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBb,EAAS,QAAA;AAAA,IACX,CAAC,GAEDe,EAAMR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BJ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,UAAUN,EAAO;AAAA,IAEtC,CAAC,GAEDQ,EAAMV,GAAM,MAAM;;AAChB,OAAAQ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK;AAAA,IAChC,CAAC,GAEDc,EAAa;AAAA,MACX,WAAAV;AAAA,IAAA,CACD,cAQCW,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}

package/components/scatter/index.d.ts

@@ -1,6 +1,6 @@
 import { Scatter, ScatterConfigInterface } from '@unovis/ts';
 
-export declare const VisScatterSelectors: typeof import("@unovis/ts/components/scatter/style");
+export declare const VisScatterSelectors: typeof import("@unovis/ts/dist/components/scatter/style");
 declare const _default: <Datum>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & (ScatterConfigInterface<Datum> & {
         data?: Datum[];

package/components/scatter/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as y, inject as m, computed as d, ref as F, onMounted as v, nextTick as b, onUnmounted as S, watch as u, createElementBlock as g, openBlock as f } from "vue";
+import { defineComponent as y, inject as m, computed as d, ref as F, onMounted as v, nextTick as b, onUnmounted as S, watch as u, openBlock as g, createElementBlock as f } from "vue";
 import { Scatter as i } from "@unovis/ts";
 import { useForwardProps as x, arePropsEqual as _ } from "../../utils/props.js";
 import { componentAccessorKey as h } from "../../utils/context.js";
@@ -47,7 +47,7 @@ const k = { "data-vis-component": "" }, N = i.selectors, O = /* @__PURE__ */ y({
       (e = t.value) == null || e.setData(o.value);
     }), p({
       component: t
-    }), (e, l) => (f(), g("div", k));
+    }), (e, l) => (g(), f("div", k));
   }
 });
 export {

package/components/stacked-bar/index.d.ts

@@ -1,6 +1,6 @@
 import { StackedBar, StackedBarConfigInterface } from '@unovis/ts';
 
-export declare const VisStackedBarSelectors: typeof import("@unovis/ts/components/stacked-bar/style");
+export declare const VisStackedBarSelectors: typeof import("@unovis/ts/dist/components/stacked-bar/style");
 declare const _default: <Datum>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & (StackedBarConfigInterface<Datum> & {
         data?: Datum[];

package/components/stacked-bar/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as d, inject as m, computed as y, ref as v, onMounted as b, nextTick as f, onUnmounted as x, watch as i, createElementBlock as F, openBlock as S } from "vue";
+import { defineComponent as d, inject as m, computed as y, ref as v, onMounted as b, nextTick as f, onUnmounted as x, watch as i, openBlock as F, createElementBlock as S } from "vue";
 import { StackedBar as l } from "@unovis/ts";
 import { useForwardProps as _, arePropsEqual as g } from "../../utils/props.js";
 import { componentAccessorKey as h } from "../../utils/context.js";
@@ -44,7 +44,7 @@ const B = { "data-vis-component": "" }, j = l.selectors, w = /* @__PURE__ */ d({
       (e = t.value) == null || e.setData(n.value);
     }), p({
       component: t
-    }), (e, c) => (S(), F("div", B));
+    }), (e, c) => (F(), S("div", B));
   }
 });
 export {

package/components/timeline/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"),m={"data-vis-component":""},_=l.Timeline.selectors,f=t.defineComponent({__name:"index",props:{data:{}},setup(d,{expose:p}){const n=t.inject(v.componentAccessorKey),c=d,s=t.computed(()=>n.data.value??c.data),a=i.useForwardProps(c),o=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;o.value=new l.Timeline(a.value),(e=o.value)==null||e.setData(s.value),n.update(o.value)})}),t.onUnmounted(()=>{var e;(e=o.value)==null||e.destroy(),n.destroy()}),t.watch(a,(e,r)=>{var u;i.arePropsEqual(e,r)||(u=o.value)==null||u.setConfig(a.value)}),t.watch(s,()=>{var e;(e=o.value)==null||e.setData(s.value)}),p({component:o}),(e,r)=>(t.openBlock(),t.createElementBlock("div",m))}});exports.VisTimelineSelectors=_;exports.default=f;
+"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"),m={"data-vis-component":""},_=l.Timeline.selectors,f=t.defineComponent({__name:"index",setup(d,{expose:p}){const n=t.inject(v.componentAccessorKey),c=d,s=t.computed(()=>n.data.value??c.data),a=i.useForwardProps(c),o=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;o.value=new l.Timeline(a.value),(e=o.value)==null||e.setData(s.value),n.update(o.value)})}),t.onUnmounted(()=>{var e;(e=o.value)==null||e.destroy(),n.destroy()}),t.watch(a,(e,r)=>{var u;i.arePropsEqual(e,r)||(u=o.value)==null||u.setConfig(a.value)}),t.watch(s,()=>{var e;(e=o.value)==null||e.setData(s.value)}),p({component:o}),(e,r)=>(t.openBlock(),t.createElementBlock("div",m))}});exports.VisTimelineSelectors=_;exports.default=f;
 //# sourceMappingURL=index.cjs.map

package/components/timeline/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/timeline/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Timeline, TimelineConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { XYComponentConfigInterface, StringAccessor } from \"@unovis/ts\"\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \n// !!! temporary solution to ignore complex type. related issue: https://github.com/vuejs/core/issues/8412\ntype Props = /** @vue-ignore */ TimelineConfigInterface<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<Timeline<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Timeline<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 VisTimelineSelectors = Timeline.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisTimelineSelectors","Timeline","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PAoDaA,EAAuBC,EAAAA,SAAS,kFA5C7C,MAAMC,EAAWC,EAAAA,OAAOC,sBAAoB,EAKtCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,EAAAA,gBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAA,EAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,WAAgBQ,EAAO,KAAK,GAClDM,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,OAC9BL,EAAS,OAAOS,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBb,EAAS,QAAA,CACX,CAAC,EAEDe,EAAAA,MAAMR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BJ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UAAUN,EAAO,MAEtC,CAAC,EAEDQ,EAAAA,MAAMV,EAAM,IAAM,QAChBQ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,MAChC,CAAC,EAEDc,EAAa,CACX,UAAAV,CAAA,CACD,UAQCW,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/timeline/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Timeline, TimelineConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { XYComponentConfigInterface, StringAccessor } from \"@unovis/ts\"\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \n// !!! temporary solution to ignore complex type. related issue: https://github.com/vuejs/core/issues/8412\nconst props = defineProps</** @vue-ignore */ TimelineConfigInterface<Datum> & { data?: Datum[] }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Timeline<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Timeline<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 VisTimelineSelectors = Timeline.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisTimelineSelectors","Timeline","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PAmDaA,EAAuBC,EAAAA,SAAS,kEA3C7C,MAAMC,EAAWC,EAAAA,OAAOC,sBAAoB,EAItCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,EAAAA,gBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAA,EAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,WAAgBQ,EAAO,KAAK,GAClDM,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,OAC9BL,EAAS,OAAOS,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBb,EAAS,QAAA,CACX,CAAC,EAEDe,EAAAA,MAAMR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BJ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UAAUN,EAAO,MAEtC,CAAC,EAEDQ,EAAAA,MAAMV,EAAM,IAAM,QAChBQ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,MAChC,CAAC,EAEDc,EAAa,CACX,UAAAV,CAAA,CACD,UAQCW,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}

package/components/timeline/index.d.ts

@@ -1,6 +1,6 @@
 import { Timeline, TimelineConfigInterface } from '@unovis/ts';
 
-export declare const VisTimelineSelectors: typeof import("@unovis/ts/components/timeline/style");
+export declare const VisTimelineSelectors: typeof import("@unovis/ts/dist/components/timeline/style");
 declare const _default: <Datum>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & (TimelineConfigInterface<Datum> & {
         data?: Datum[];

package/components/timeline/index.js

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

package/components/timeline/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/timeline/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Timeline, TimelineConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { XYComponentConfigInterface, StringAccessor } from \"@unovis/ts\"\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \n// !!! temporary solution to ignore complex type. related issue: https://github.com/vuejs/core/issues/8412\ntype Props = /** @vue-ignore */ TimelineConfigInterface<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<Timeline<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Timeline<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 VisTimelineSelectors = Timeline.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisTimelineSelectors","Timeline","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCAoDaA,IAAuBC,EAAS;;;;;;AA5C7C,UAAMC,IAAWC,EAAOC,CAAoB,GAKtCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAA;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAgBQ,EAAO,KAAK,IAClDM,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK,QAC9BL,EAAS,OAAOS,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBb,EAAS,QAAA;AAAA,IACX,CAAC,GAEDe,EAAMR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BJ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,UAAUN,EAAO;AAAA,IAEtC,CAAC,GAEDQ,EAAMV,GAAM,MAAM;;AAChB,OAAAQ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK;AAAA,IAChC,CAAC,GAEDc,EAAa;AAAA,MACX,WAAAV;AAAA,IAAA,CACD,cAQCW,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/timeline/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Timeline, TimelineConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { XYComponentConfigInterface, StringAccessor } from \"@unovis/ts\"\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \n// !!! temporary solution to ignore complex type. related issue: https://github.com/vuejs/core/issues/8412\nconst props = defineProps</** @vue-ignore */ TimelineConfigInterface<Datum> & { data?: Datum[] }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Timeline<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Timeline<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 VisTimelineSelectors = Timeline.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisTimelineSelectors","Timeline","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCAmDaA,IAAuBC,EAAS;;;AA3C7C,UAAMC,IAAWC,EAAOC,CAAoB,GAItCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAA;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAgBQ,EAAO,KAAK,IAClDM,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK,QAC9BL,EAAS,OAAOS,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBb,EAAS,QAAA;AAAA,IACX,CAAC,GAEDe,EAAMR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BJ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,UAAUN,EAAO;AAAA,IAEtC,CAAC,GAEDQ,EAAMV,GAAM,MAAM;;AAChB,OAAAQ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK;AAAA,IAChC,CAAC,GAEDc,EAAa;AAAA,MACX,WAAAV;AAAA,IAAA,CACD,cAQCW,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}

package/components/tooltip/index.d.ts

@@ -1,6 +1,6 @@
 import { Tooltip, TooltipConfigInterface } from '@unovis/ts';
 
-export declare const VisTooltipSelectors: typeof import("@unovis/ts/components/tooltip/style");
+export declare const VisTooltipSelectors: typeof import("@unovis/ts/dist/components/tooltip/style");
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TooltipConfigInterface & {
     data?: null;
 }>>, {

package/components/tooltip/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as i, inject as p, ref as m, onMounted as u, nextTick as d, onUnmounted as f, watch as v, createElementBlock as h, openBlock as _ } from "vue";
+import { defineComponent as i, inject as p, ref as m, onMounted as u, nextTick as d, onUnmounted as f, watch as v, openBlock as h, createElementBlock as _ } from "vue";
 import { Tooltip as s } from "@unovis/ts";
 import { useForwardProps as y, arePropsEqual as w } from "../../utils/props.js";
 import { tooltipAccessorKey as x } from "../../utils/context.js";
@@ -34,7 +34,7 @@ const g = { "data-vis-tooltip": "" }, T = s.selectors, z = /* @__PURE__ */ i({
       w(e, n) || (a = o.value) == null || a.setConfig(t.value);
     }), l({
       component: o
-    }), (e, n) => (_(), h("div", g));
+    }), (e, n) => (h(), _("div", g));
   }
 });
 export {

package/components/topojson-map/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("@unovis/ts"),p=require("../../utils/props.cjs"),y=require("../../utils/context.cjs"),m={"data-vis-component":""},F=c.TopoJSONMap.selectors,S=e.defineComponent({__name:"index",props:{projection:{type:[Function,Object]},topojson:{},mapFeatureName:{},mapFitToPoints:{type:Boolean},zoomFactor:{},disableZoom:{type:Boolean},zoomExtent:{},zoomDuration:{},linkWidth:{type:[Function,Number,null]},linkColor:{type:[Function,String,Array,null]},linkCursor:{type:[Function,String,null]},linkId:{type:[Function,String,null]},linkSource:{type:Function},linkTarget:{type:Function},areaId:{type:[Function,String,null]},areaColor:{type:[Function,String,Array,null]},areaCursor:{type:[Function,String,null]},pointColor:{type:[Function,String,Array,null]},pointRadius:{type:[Function,Number,null]},pointStrokeWidth:{type:[Function,Number,null]},pointCursor:{type:[Function,String,null]},longitude:{type:[Function,Number,null]},latitude:{type:[Function,Number,null]},pointLabel:{type:[Function,String,null]},pointLabelPosition:{},pointLabelTextBrightnessRatio:{},pointId:{type:Function},heatmapMode:{type:Boolean},heatmapModeBlurStdDeviation:{},heatmapModeZoomLevelThreshold:{},duration:{},events:{},attributes:{},data:{}},setup(s,{expose:d}){const n=e.inject(y.componentAccessorKey),a=s,u=e.computed(()=>n.data.value??a.data),i=p.useForwardProps(a),o=e.ref();return e.onMounted(()=>{e.nextTick(()=>{var t;o.value=new c.TopoJSONMap(i.value),(t=o.value)==null||t.setData(u.value),n.update(o.value)})}),e.onUnmounted(()=>{var t;(t=o.value)==null||t.destroy(),n.destroy()}),e.watch(i,(t,r)=>{var l;p.arePropsEqual(t,r)||(l=o.value)==null||l.setConfig(i.value)}),e.watch(u,()=>{var t;(t=o.value)==null||t.setData(u.value)}),d({component:o}),(t,r)=>(e.openBlock(),e.createElementBlock("div",m))}});exports.VisTopoJSONMapSelectors=F;exports.default=S;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),p=require("@unovis/ts"),c=require("../../utils/props.cjs"),d=require("../../utils/context.cjs"),F={"data-vis-component":""},m=p.TopoJSONMap.selectors,g=n.defineComponent({__name:"index",props:{projection:{type:[Function,Object]},topojson:{},mapFeatureName:{},mapFitToPoints:{type:Boolean},zoomFactor:{},zoomToLocation:{},disableZoom:{type:Boolean},zoomExtent:{},zoomDuration:{},linkWidth:{type:[Function,Number,null]},linkColor:{type:[Function,String,Array,null]},linkCursor:{type:[Function,String,null]},linkId:{type:[Function,String,null]},linkSource:{type:Function},linkTarget:{type:Function},sourceLongitude:{type:[Function,Number,null]},sourceLatitude:{type:[Function,Number,null]},targetLongitude:{type:[Function,Number,null]},targetLatitude:{type:[Function,Number,null]},sourcePointRadius:{type:[Function,Number,null]},sourcePointColor:{type:[Function,String,Array,null]},flowParticleColor:{type:[Function,String,Array,null]},flowParticleRadius:{type:[Function,Number,null]},flowParticleSpeed:{type:[Function,Number,null]},flowParticleDensity:{type:[Function,Number,null]},enableFlowAnimation:{type:Boolean},onSourcePointClick:{type:Function},onSourcePointMouseEnter:{type:Function},onSourcePointMouseLeave:{type:Function},areaId:{type:[Function,String,null]},areaColor:{type:[Function,String,Array,null]},areaCursor:{type:[Function,String,null]},areaLabel:{type:[Function,String,null]},pointColor:{type:[Function,String,Array,null]},pointRadius:{type:[Function,Number,null]},pointStrokeWidth:{type:[Function,Number,null]},pointShape:{type:[Function,String,null]},pointRingWidth:{type:[Function,Number,null]},pointCursor:{type:[Function,String,null]},longitude:{type:[Function,Number,null]},latitude:{type:[Function,Number,null]},pointLabel:{type:[Function,String,null]},pointLabelColor:{type:[Function,String,Array,null]},pointLabelPosition:{},pointBottomLabel:{type:[Function,String,null]},pointLabelTextBrightnessRatio:{},pointId:{type:Function},clusterColor:{type:[Function,String,Array,null]},clusterRadius:{type:[Function,Number,null]},clusterLabel:{type:[Function,String,null]},clusterLabelColor:{type:[Function,String,null]},clusterBottomLabel:{type:[Function,String,null]},clusterRingWidth:{},clusterBackground:{type:Boolean},clusterExpandOnClick:{type:Boolean},clusteringDistance:{},clustering:{type:Boolean},heatmapMode:{type:Boolean},heatmapModeBlurStdDeviation:{},heatmapModeZoomLevelThreshold:{},colorMap:{},duration:{},events:{},attributes:{},data:{}},setup(s,{expose:y}){const o=n.inject(d.componentAccessorKey),i=s,u=n.computed(()=>o.data.value??i.data),l=c.useForwardProps(i),e=n.ref();return n.onMounted(()=>{n.nextTick(()=>{var t;e.value=new p.TopoJSONMap(l.value),(t=e.value)==null||t.setData(u.value),o.update(e.value)})}),n.onUnmounted(()=>{var t;(t=e.value)==null||t.destroy(),o.destroy()}),n.watch(l,(t,r)=>{var a;c.arePropsEqual(t,r)||(a=e.value)==null||a.setConfig(l.value)}),n.watch(u,()=>{var t;(t=e.value)==null||t.setData(u.value)}),y({component:e}),(t,r)=>(n.openBlock(),n.createElementBlock("div",F))}});exports.VisTopoJSONMapSelectors=m;exports.default=g;
 //# sourceMappingURL=index.cjs.map

package/components/topojson-map/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/topojson-map/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"AreaDatum,PointDatum,LinkDatum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { TopoJSONMap, TopoJSONMapConfigInterface } 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 = TopoJSONMapConfigInterface<AreaDatum, PointDatum, LinkDatum>\nconst props = defineProps<Props & { data?: {areas?: AreaDatum[]; points?: PointDatum[]; links?: LinkDatum[]} }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<TopoJSONMap<AreaDatum, PointDatum, LinkDatum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new TopoJSONMap<AreaDatum, PointDatum, LinkDatum>(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 VisTopoJSONMapSelectors = TopoJSONMap.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisTopoJSONMapSelectors","TopoJSONMap","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PAkDaA,EAA0BC,EAAAA,YAAY,ukCA3CnD,MAAMC,EAAWC,EAAAA,OAAOC,sBAAoB,EAItCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,EAAAA,gBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAA,EAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,cAA8CQ,EAAO,KAAK,GAChFM,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,OAC9BL,EAAS,OAAOS,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBb,EAAS,QAAA,CACX,CAAC,EAEDe,EAAAA,MAAMR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BJ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UAAUN,EAAO,MAEtC,CAAC,EAEDQ,EAAAA,MAAMV,EAAM,IAAM,QAChBQ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,MAChC,CAAC,EAEDc,EAAa,CACX,UAAAV,CAAA,CACD,UAQCW,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/topojson-map/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"AreaDatum,PointDatum,LinkDatum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { TopoJSONMap, TopoJSONMapConfigInterface } 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 = TopoJSONMapConfigInterface<AreaDatum, PointDatum, LinkDatum>\nconst props = defineProps<Props & { data?: {areas?: AreaDatum[]; points?: PointDatum[]; links?: LinkDatum[]} }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<TopoJSONMap<AreaDatum, PointDatum, LinkDatum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new TopoJSONMap<AreaDatum, PointDatum, LinkDatum>(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 VisTopoJSONMapSelectors = TopoJSONMap.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisTopoJSONMapSelectors","TopoJSONMap","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PAkDaA,EAA0BC,EAAAA,YAAY,kzEA3CnD,MAAMC,EAAWC,EAAAA,OAAOC,sBAAoB,EAItCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,EAAAA,gBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAA,EAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,cAA8CQ,EAAO,KAAK,GAChFM,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,OAC9BL,EAAS,OAAOS,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBb,EAAS,QAAA,CACX,CAAC,EAEDe,EAAAA,MAAMR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BJ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UAAUN,EAAO,MAEtC,CAAC,EAEDQ,EAAAA,MAAMV,EAAM,IAAM,QAChBQ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,MAChC,CAAC,EAEDc,EAAa,CACX,UAAAV,CAAA,CACD,UAQCW,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}

package/components/topojson-map/index.d.ts

@@ -1,6 +1,6 @@
 import { TopoJSONMap, TopoJSONMapConfigInterface } from '@unovis/ts';
 
-export declare const VisTopoJSONMapSelectors: typeof import("@unovis/ts/components/topojson-map/style");
+export declare const VisTopoJSONMapSelectors: typeof import("@unovis/ts/dist/components/topojson-map/style");
 declare const _default: <AreaDatum, PointDatum, LinkDatum>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & (TopoJSONMapConfigInterface<AreaDatum, PointDatum, LinkDatum> & {
         data?: {

package/components/topojson-map/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as m, inject as d, computed as y, ref as F, onMounted as v, nextTick as S, onUnmounted as g, watch as l, createElementBlock as b, openBlock as f } from "vue";
-import { TopoJSONMap as p } from "@unovis/ts";
-import { useForwardProps as h, arePropsEqual as k } from "../../utils/props.js";
+import { defineComponent as y, inject as m, computed as F, ref as d, onMounted as g, nextTick as S, onUnmounted as b, watch as a, openBlock as N, createElementBlock as v } from "vue";
+import { TopoJSONMap as c } from "@unovis/ts";
+import { useForwardProps as L, arePropsEqual as f } from "../../utils/props.js";
 import { componentAccessorKey as C } from "../../utils/context.js";
-const N = { "data-vis-component": "" }, M = p.selectors, j = /* @__PURE__ */ m({
+const h = { "data-vis-component": "" }, M = c.selectors, w = /* @__PURE__ */ y({
   __name: "index",
   props: {
     projection: { type: [Function, Object] },
@@ -10,6 +10,7 @@ const N = { "data-vis-component": "" }, M = p.selectors, j = /* @__PURE__ */ m({
     mapFeatureName: {},
     mapFitToPoints: { type: Boolean },
     zoomFactor: {},
+    zoomToLocation: {},
     disableZoom: { type: Boolean },
     zoomExtent: {},
     zoomDuration: {},
@@ -19,50 +20,80 @@ const N = { "data-vis-component": "" }, M = p.selectors, j = /* @__PURE__ */ m({
     linkId: { type: [Function, String, null] },
     linkSource: { type: Function },
     linkTarget: { type: Function },
+    sourceLongitude: { type: [Function, Number, null] },
+    sourceLatitude: { type: [Function, Number, null] },
+    targetLongitude: { type: [Function, Number, null] },
+    targetLatitude: { type: [Function, Number, null] },
+    sourcePointRadius: { type: [Function, Number, null] },
+    sourcePointColor: { type: [Function, String, Array, null] },
+    flowParticleColor: { type: [Function, String, Array, null] },
+    flowParticleRadius: { type: [Function, Number, null] },
+    flowParticleSpeed: { type: [Function, Number, null] },
+    flowParticleDensity: { type: [Function, Number, null] },
+    enableFlowAnimation: { type: Boolean },
+    onSourcePointClick: { type: Function },
+    onSourcePointMouseEnter: { type: Function },
+    onSourcePointMouseLeave: { type: Function },
     areaId: { type: [Function, String, null] },
     areaColor: { type: [Function, String, Array, null] },
     areaCursor: { type: [Function, String, null] },
+    areaLabel: { type: [Function, String, null] },
     pointColor: { type: [Function, String, Array, null] },
     pointRadius: { type: [Function, Number, null] },
     pointStrokeWidth: { type: [Function, Number, null] },
+    pointShape: { type: [Function, String, null] },
+    pointRingWidth: { type: [Function, Number, null] },
     pointCursor: { type: [Function, String, null] },
     longitude: { type: [Function, Number, null] },
     latitude: { type: [Function, Number, null] },
     pointLabel: { type: [Function, String, null] },
+    pointLabelColor: { type: [Function, String, Array, null] },
     pointLabelPosition: {},
+    pointBottomLabel: { type: [Function, String, null] },
     pointLabelTextBrightnessRatio: {},
     pointId: { type: Function },
+    clusterColor: { type: [Function, String, Array, null] },
+    clusterRadius: { type: [Function, Number, null] },
+    clusterLabel: { type: [Function, String, null] },
+    clusterLabelColor: { type: [Function, String, null] },
+    clusterBottomLabel: { type: [Function, String, null] },
+    clusterRingWidth: {},
+    clusterBackground: { type: Boolean },
+    clusterExpandOnClick: { type: Boolean },
+    clusteringDistance: {},
+    clustering: { type: Boolean },
     heatmapMode: { type: Boolean },
     heatmapModeBlurStdDeviation: {},
     heatmapModeZoomLevelThreshold: {},
+    colorMap: {},
     duration: {},
     events: {},
     attributes: {},
     data: {}
   },
-  setup(c, { expose: s }) {
-    const n = d(C), a = c, e = y(() => n.data.value ?? a.data), i = h(a), o = F();
-    return v(() => {
+  setup(p, { expose: s }) {
+    const o = m(C), l = p, e = F(() => o.data.value ?? l.data), u = L(l), n = d();
+    return g(() => {
       S(() => {
         var t;
-        o.value = new p(i.value), (t = o.value) == null || t.setData(e.value), n.update(o.value);
+        n.value = new c(u.value), (t = n.value) == null || t.setData(e.value), o.update(n.value);
       });
-    }), g(() => {
+    }), b(() => {
       var t;
-      (t = o.value) == null || t.destroy(), n.destroy();
-    }), l(i, (t, r) => {
-      var u;
-      k(t, r) || (u = o.value) == null || u.setConfig(i.value);
-    }), l(e, () => {
+      (t = n.value) == null || t.destroy(), o.destroy();
+    }), a(u, (t, i) => {
+      var r;
+      f(t, i) || (r = n.value) == null || r.setConfig(u.value);
+    }), a(e, () => {
       var t;
-      (t = o.value) == null || t.setData(e.value);
+      (t = n.value) == null || t.setData(e.value);
     }), s({
-      component: o
-    }), (t, r) => (f(), b("div", N));
+      component: n
+    }), (t, i) => (N(), v("div", h));
   }
 });
 export {
   M as VisTopoJSONMapSelectors,
-  j as default
+  w as default
 };
 //# sourceMappingURL=index.js.map

package/components/topojson-map/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/topojson-map/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"AreaDatum,PointDatum,LinkDatum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { TopoJSONMap, TopoJSONMapConfigInterface } 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 = TopoJSONMapConfigInterface<AreaDatum, PointDatum, LinkDatum>\nconst props = defineProps<Props & { data?: {areas?: AreaDatum[]; points?: PointDatum[]; links?: LinkDatum[]} }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<TopoJSONMap<AreaDatum, PointDatum, LinkDatum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new TopoJSONMap<AreaDatum, PointDatum, LinkDatum>(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 VisTopoJSONMapSelectors = TopoJSONMap.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisTopoJSONMapSelectors","TopoJSONMap","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCAkDaA,IAA0BC,EAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3CnD,UAAMC,IAAWC,EAAOC,CAAoB,GAItCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAA;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAA8CQ,EAAO,KAAK,IAChFM,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK,QAC9BL,EAAS,OAAOS,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBb,EAAS,QAAA;AAAA,IACX,CAAC,GAEDe,EAAMR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BJ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,UAAUN,EAAO;AAAA,IAEtC,CAAC,GAEDQ,EAAMV,GAAM,MAAM;;AAChB,OAAAQ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK;AAAA,IAChC,CAAC,GAEDc,EAAa;AAAA,MACX,WAAAV;AAAA,IAAA,CACD,cAQCW,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/topojson-map/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"AreaDatum,PointDatum,LinkDatum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { TopoJSONMap, TopoJSONMapConfigInterface } 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 = TopoJSONMapConfigInterface<AreaDatum, PointDatum, LinkDatum>\nconst props = defineProps<Props & { data?: {areas?: AreaDatum[]; points?: PointDatum[]; links?: LinkDatum[]} }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<TopoJSONMap<AreaDatum, PointDatum, LinkDatum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new TopoJSONMap<AreaDatum, PointDatum, LinkDatum>(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 VisTopoJSONMapSelectors = TopoJSONMap.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisTopoJSONMapSelectors","TopoJSONMap","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCAkDaA,IAA0BC,EAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3CnD,UAAMC,IAAWC,EAAOC,CAAoB,GAItCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAA;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAA8CQ,EAAO,KAAK,IAChFM,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK,QAC9BL,EAAS,OAAOS,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBb,EAAS,QAAA;AAAA,IACX,CAAC,GAEDe,EAAMR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BJ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,UAAUN,EAAO;AAAA,IAEtC,CAAC,GAEDQ,EAAMV,GAAM,MAAM;;AAChB,OAAAQ,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,QAAQR,EAAK;AAAA,IAChC,CAAC,GAEDc,EAAa;AAAA,MACX,WAAAV;AAAA,IAAA,CACD,cAQCW,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}

package/components/treemap/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),c=require("@unovis/ts"),u=require("../../utils/props.cjs"),m=require("../../utils/context.cjs"),b={"data-vis-component":""},v=c.Treemap.selectors,y=t.defineComponent({__name:"index",props:{id:{type:Function},value:{type:[Function,Number,null]},layers:{},numberFormat:{type:Function},tileLabel:{type:Function},tileColor:{type:[Function,String,Array,null]},tilePadding:{},tilePaddingTop:{},labelInternalNodes:{type:Boolean},labelOffsetX:{},labelOffsetY:{},labelFit:{},labelTrimMode:{},tileBorderRadius:{},tileBorderRadiusFactor:{},enableLightnessVariance:{type:Boolean},enableTileLabelFontSizeVariation:{type:Boolean},tileLabelSmallFontSize:{},tileLabelMediumFontSize:{},tileLabelLargeFontSize:{},showTileClickAffordance:{type:Boolean},lightnessVariationAmount:{},minTileSizeForLabel:{},duration:{},events:{},attributes:{},data:{}},setup(d,{expose:p}){const a=t.inject(m.componentAccessorKey),i=d,n=t.computed(()=>a.data.value??i.data),l=u.useForwardProps(i),o=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;o.value=new c.Treemap(l.value),(e=o.value)==null||e.setData(n.value),a.update(o.value)})}),t.onUnmounted(()=>{var e;(e=o.value)==null||e.destroy(),a.destroy()}),t.watch(l,(e,r)=>{var s;u.arePropsEqual(e,r)||(s=o.value)==null||s.setConfig(l.value)}),t.watch(n,()=>{var e;(e=o.value)==null||e.setData(n.value)}),p({component:o}),(e,r)=>(t.openBlock(),t.createElementBlock("div",b))}});exports.VisTreemapSelectors=v;exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),c=require("@unovis/ts"),u=require("../../utils/props.cjs"),m=require("../../utils/context.cjs"),b={"data-vis-component":""},v=c.Treemap.selectors,y=t.defineComponent({__name:"index",props:{id:{type:Function},value:{type:[Function,Number,null]},layers:{},numberFormat:{type:Function},tileLabel:{type:Function},tileColor:{type:[Function,String,Array,null]},tileFunction:{type:Function},tileSort:{type:[Function,null]},tilePadding:{},tilePaddingTop:{},tileShowHtmlTooltip:{type:Boolean},labelInternalNodes:{type:Boolean},labelOffsetX:{},labelOffsetY:{},labelFit:{},labelTrimMode:{},tileBorderRadius:{},tileBorderRadiusFactor:{},enableLightnessVariance:{type:Boolean},enableTileLabelFontSizeVariation:{type:Boolean},tileLabelSmallFontSize:{},tileLabelMediumFontSize:{},tileLabelLargeFontSize:{},showTileClickAffordance:{type:Boolean},lightnessVariationAmount:{},minTileSizeForLabel:{},duration:{},events:{},attributes:{},data:{}},setup(p,{expose:d}){const n=t.inject(m.componentAccessorKey),i=p,a=t.computed(()=>n.data.value??i.data),l=u.useForwardProps(i),o=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;o.value=new c.Treemap(l.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(l,(e,r)=>{var s;u.arePropsEqual(e,r)||(s=o.value)==null||s.setConfig(l.value)}),t.watch(a,()=>{var e;(e=o.value)==null||e.setData(a.value)}),d({component:o}),(e,r)=>(t.openBlock(),t.createElementBlock("div",b))}});exports.VisTreemapSelectors=v;exports.default=y;
 //# sourceMappingURL=index.cjs.map

package/components/treemap/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/treemap/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Treemap, TreemapConfigInterface, StringAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = TreemapConfigInterface<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<Treemap<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Treemap<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 VisTreemapSelectors = Treemap.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisTreemapSelectors","Treemap","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PAkDaA,EAAsBC,EAAAA,QAAQ,0sBA3C3C,MAAMC,EAAWC,EAAAA,OAAOC,sBAAoB,EAItCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,EAAAA,gBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAA,EAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,UAAeQ,EAAO,KAAK,GACjDM,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,OAC9BL,EAAS,OAAOS,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBb,EAAS,QAAA,CACX,CAAC,EAEDe,EAAAA,MAAMR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BJ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UAAUN,EAAO,MAEtC,CAAC,EAEDQ,EAAAA,MAAMV,EAAM,IAAM,QAChBQ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,MAChC,CAAC,EAEDc,EAAa,CACX,UAAAV,CAAA,CACD,UAQCW,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/treemap/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Treemap, TreemapConfigInterface, StringAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = TreemapConfigInterface<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<Treemap<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Treemap<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 VisTreemapSelectors = Treemap.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisTreemapSelectors","Treemap","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PAkDaA,EAAsBC,EAAAA,QAAQ,0yBA3C3C,MAAMC,EAAWC,EAAAA,OAAOC,sBAAoB,EAItCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,EAAAA,gBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAA,EAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,UAAeQ,EAAO,KAAK,GACjDM,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,OAC9BL,EAAS,OAAOS,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBb,EAAS,QAAA,CACX,CAAC,EAEDe,EAAAA,MAAMR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BJ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UAAUN,EAAO,MAEtC,CAAC,EAEDQ,EAAAA,MAAMV,EAAM,IAAM,QAChBQ,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,QAAQR,EAAK,MAChC,CAAC,EAEDc,EAAa,CACX,UAAAV,CAAA,CACD,UAQCW,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}

package/components/treemap/index.d.ts

@@ -1,6 +1,6 @@
 import { Treemap, TreemapConfigInterface } from '@unovis/ts';
 
-export declare const VisTreemapSelectors: typeof import("@unovis/ts/components/treemap/style");
+export declare const VisTreemapSelectors: typeof import("@unovis/ts/dist/components/treemap/style");
 declare const _default: <Datum>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & (TreemapConfigInterface<Datum> & {
         data?: Datum[];