@unovis/vue 1.3.0-alpha.2 → 1.3.0-alpha.3

package/components/scatter/index.js

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

package/components/scatter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/scatter/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\nimport { Scatter, ScatterConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick, inject } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    size: { type: [Function, Number, null] },\n    sizeScale: { type: [Object, Function] },\n    sizeRange: {},\n    shape: { type: [Function, String] },\n    label: { type: [Function, String, null] },\n    labelColor: { type: [Function, String, Array, null] },\n    labelHideOverlapping: { type: Boolean },\n    cursor: { type: [Function, String, null] },\n    labelTextBrightnessRatio: {},\n    labelPosition: { type: [Function, null] },\n    strokeColor: { type: [Function, String, Array, null] },\n    strokeWidth: { type: [Function, Number, null] },\n    x: { type: [Function, Number, null] },\n    y: { type: [Function, Number, null, Array] },\n    id: { type: Function },\n    color: { type: [Function, String, Array, null] },\n    xScale: { type: [Object, Function] },\n    yScale: { type: [Object, Function] },\n    excludeFromDomainCalculation: { type: Boolean },\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\n\nconst data = computed(() => accessor.data.value)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps(props, instance))\n\n// component declaration\nconst component = ref<Scatter<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Scatter<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n    accessor.update(component.value)\n  }\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","props","accessor","inject","componentAccessorKey","data","computed","instance","getCurrentInstance","config","parseProps","component","ref","onMounted","nextTick","Scatter","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;;;AAGA,MAAMA,IAAa,EAAE,sBAAsB,MAQfC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,MAAM,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACvC,WAAW,EAAE,MAAM,CAAC,QAAQ,QAAQ,EAAE;AAAA,IACtC,WAAW,CAAC;AAAA,IACZ,OAAO,EAAE,MAAM,CAAC,UAAU,MAAM,EAAE;AAAA,IAClC,OAAO,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACxC,YAAY,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IACpD,sBAAsB,EAAE,MAAM,QAAQ;AAAA,IACtC,QAAQ,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACzC,0BAA0B,CAAC;AAAA,IAC3B,eAAe,EAAE,MAAM,CAAC,UAAU,IAAI,EAAE;AAAA,IACxC,aAAa,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IACrD,aAAa,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC9C,GAAG,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACpC,GAAG,EAAE,MAAM,CAAC,UAAU,QAAQ,MAAM,KAAK,EAAE;AAAA,IAC3C,IAAI,EAAE,MAAM,SAAS;AAAA,IACrB,OAAO,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IAC/C,QAAQ,EAAE,MAAM,CAAC,QAAQ,QAAQ,EAAE;AAAA,IACnC,QAAQ,EAAE,MAAM,CAAC,QAAQ,QAAQ,EAAE;AAAA,IACnC,8BAA8B,EAAE,MAAM,QAAQ;AAAA,IAC9C,UAAU,CAAC;AAAA,IACX,QAAQ,CAAC;AAAA,IACT,YAAY,CAAC;AAAA,IACb,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAGRE,IAAWC,EAAOC,CAAoB,GAItCC,IAAOC,EAAS,MAAMJ,EAAS,KAAK,KAAK,GAEzCK,IAAWC,KACXC,IAASH,EAAS,MAAMI,EAAWT,GAAOM,CAAQ,CAAC,GAGnDI,IAAYC;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAII,EAAeN,EAAO,KAAK,IACvCO,IAAAL,EAAA,UAAA,QAAAK,EAAO,QAAQX,EAAK,QACrBH,EAAA,OAAOS,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDM,EAAY,MAAM;;AAChB,OAAAD,IAAAL,EAAU,UAAV,QAAAK,EAAiB,WACjBd,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKgB,EAAAT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,OACjBJ,IAAAL,EAAA,UAAA,QAAAK,EAAO,UAAUP,EAAO,QACzBP,EAAA,OAAOS,EAAU,KAAK;AAAA,IACjC,CACD,GAEM,CAACW,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAO5B,CAAU;AAAA,EAE7D;AAEA,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/scatter/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\nimport { Scatter, ScatterConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick, inject } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    size: { type: [Function, Number, null] },\n    sizeScale: { type: [Object, Function] },\n    sizeRange: {},\n    shape: { type: [Function, String] },\n    label: { type: [Function, String, null] },\n    labelColor: { type: [Function, String, Array, null] },\n    labelHideOverlapping: { type: Boolean },\n    cursor: { type: [Function, String, null] },\n    labelTextBrightnessRatio: {},\n    labelPosition: { type: [Function, null] },\n    strokeColor: { type: [Function, String, Array, null] },\n    strokeWidth: { type: [Function, Number, null] },\n    x: { type: [Function, Number, null] },\n    y: { type: [Function, Number, null, Array] },\n    id: { type: Function },\n    color: { type: [Function, String, Array, null] },\n    xScale: { type: [Object, Function] },\n    yScale: { type: [Object, Function] },\n    excludeFromDomainCalculation: { type: Boolean },\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps({ ...props }, instance))\n\n// component declaration\nconst component = ref<Scatter<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Scatter<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","instance","getCurrentInstance","config","parseProps","component","ref","onMounted","nextTick","Scatter","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;;;AAGA,MAAMA,IAAa,EAAE,sBAAsB,MAQfC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,MAAM,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACvC,WAAW,EAAE,MAAM,CAAC,QAAQ,QAAQ,EAAE;AAAA,IACtC,WAAW,CAAC;AAAA,IACZ,OAAO,EAAE,MAAM,CAAC,UAAU,MAAM,EAAE;AAAA,IAClC,OAAO,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACxC,YAAY,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IACpD,sBAAsB,EAAE,MAAM,QAAQ;AAAA,IACtC,QAAQ,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACzC,0BAA0B,CAAC;AAAA,IAC3B,eAAe,EAAE,MAAM,CAAC,UAAU,IAAI,EAAE;AAAA,IACxC,aAAa,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IACrD,aAAa,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC9C,GAAG,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACpC,GAAG,EAAE,MAAM,CAAC,UAAU,QAAQ,MAAM,KAAK,EAAE;AAAA,IAC3C,IAAI,EAAE,MAAM,SAAS;AAAA,IACrB,OAAO,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IAC/C,QAAQ,EAAE,MAAM,CAAC,QAAQ,QAAQ,EAAE;AAAA,IACnC,QAAQ,EAAE,MAAM,CAAC,QAAQ,QAAQ,EAAE;AAAA,IACnC,8BAA8B,EAAE,MAAM,QAAQ;AAAA,IAC9C,UAAU,CAAC;AAAA,IACX,QAAQ,CAAC;AAAA,IACT,YAAY,CAAC;AAAA,IACb,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc,EAAE,QAAQC,KAAY;AAE5C,UAAMC,IAAQF,GAGRG,IAAWC,EAAOC,CAAoB,GAItCC,IAAOC,EAAS,MAAMJ,EAAS,KAAK,SAASD,EAAM,IAAI,GAEvDM,IAAWC,KACXC,IAASH,EAAS,MAAMI,EAAW,EAAE,GAAGT,EAAS,GAAAM,CAAQ,CAAC,GAG1DI,IAAYC;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAII,EAAeN,EAAO,KAAK,IACvCO,IAAAL,EAAA,UAAA,QAAAK,EAAO,QAAQX,EAAK,QACrBH,EAAA,OAAOS,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDM,EAAY,MAAM;;AAChB,OAAAD,IAAAL,EAAU,UAAV,QAAAK,EAAiB,WACjBd,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKgB,EAAAT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBJ,IAAAL,EAAA,UAAA,QAAAK,EAAO,UAAUP,EAAO;AAAA,IACpC,CACD,GAEQT,EAAA;AAAA,MACP,WAAAW;AAAA,IAAA,CACD,GAEM,CAACW,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAO7B,CAAU;AAAA,EAE7D;AAEA,CAAC;"}

package/components/stacked-bar/index.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),d=require("@unovis/ts"),u=require("../../utils/props.cjs"),y=require("../../utils/context.cjs"),m={"data-vis-component":""},v=e.defineComponent({__name:"index",props:{barWidth:{},barMaxWidth:{},dataStep:{},barPadding:{},roundedCorners:{type:[Number,Boolean]},cursor:{type:[Function,String,null]},barMinHeight1Px:{type:Boolean},barMinHeightZeroValue:{},orientation:{},x:{type:[Function,Number,null]},y:{type:[Function,Number,null,Array]},id:{type:Function},color:{type:[Function,String,Array,null]},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(i){const s=i,o=e.inject(y.componentAccessorKey),l=e.computed(()=>o.data.value),p=e.getCurrentInstance(),a=e.computed(()=>u.parseProps(s,p)),n=e.ref();return e.onMounted(()=>{e.nextTick(()=>{var t;n.value=new d.StackedBar(a.value),(t=n.value)==null||t.setData(l.value),o.update(n.value)})}),e.onUnmounted(()=>{var t;(t=n.value)==null||t.destroy(),o.destroy()}),e.watch(a,(t,r)=>{var c;u.arePropsEqual(t,r)||((c=n.value)==null||c.setConfig(a.value),o.update(n.value))}),(t,r)=>(e.openBlock(),e.createElementBlock("div",m))}});module.exports=v;
+"use strict";const e=require("vue"),y=require("@unovis/ts"),s=require("../../utils/props.cjs"),m=require("../../utils/context.cjs"),v={"data-vis-component":""},b=e.defineComponent({__name:"index",props:{barWidth:{},barMaxWidth:{},dataStep:{},barPadding:{},roundedCorners:{type:[Number,Boolean]},cursor:{type:[Function,String,null]},barMinHeight1Px:{type:Boolean},barMinHeightZeroValue:{},orientation:{},x:{type:[Function,Number,null]},y:{type:[Function,Number,null,Array]},id:{type:Function},color:{type:[Function,String,Array,null]},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(i,{expose:l}){const r=i,o=e.inject(m.componentAccessorKey),p=e.computed(()=>o.data.value??r.data),d=e.getCurrentInstance(),a=e.computed(()=>s.parseProps({...r},d)),n=e.ref();return e.onMounted(()=>{e.nextTick(()=>{var t;n.value=new y.StackedBar(a.value),(t=n.value)==null||t.setData(p.value),o.update(n.value)})}),e.onUnmounted(()=>{var t;(t=n.value)==null||t.destroy(),o.destroy()}),e.watch(a,(t,c)=>{var u;s.arePropsEqual(t,c)||(u=n.value)==null||u.setConfig(a.value)}),l({component:n}),(t,c)=>(e.openBlock(),e.createElementBlock("div",v))}});module.exports=b;
 //# sourceMappingURL=index.cjs.map

package/components/stacked-bar/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/stacked-bar/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\nimport { StackedBar, StackedBarConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick, inject } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    barWidth: {},\n    barMaxWidth: {},\n    dataStep: {},\n    barPadding: {},\n    roundedCorners: { type: [Number, Boolean] },\n    cursor: { type: [Function, String, null] },\n    barMinHeight1Px: { type: Boolean },\n    barMinHeightZeroValue: {},\n    orientation: {},\n    x: { type: [Function, Number, null] },\n    y: { type: [Function, Number, null, Array] },\n    id: { type: Function },\n    color: { type: [Function, String, Array, null] },\n    xScale: { type: [Object, Function] },\n    yScale: { type: [Object, Function] },\n    excludeFromDomainCalculation: { type: Boolean },\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\n\nconst data = computed(() => accessor.data.value)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps(props, instance))\n\n// component declaration\nconst component = ref<StackedBar<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new StackedBar<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    accessor.update(component.value)\n  }\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","props","accessor","inject","componentAccessorKey","data","computed","instance","getCurrentInstance","config","parseProps","component","ref","onMounted","nextTick","StackedBar","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"oIAGMA,EAAa,CAAE,qBAAsB,IAQfC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,SAAU,CAAC,EACX,YAAa,CAAC,EACd,SAAU,CAAC,EACX,WAAY,CAAC,EACb,eAAgB,CAAE,KAAM,CAAC,OAAQ,OAAO,CAAE,EAC1C,OAAQ,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACzC,gBAAiB,CAAE,KAAM,OAAQ,EACjC,sBAAuB,CAAC,EACxB,YAAa,CAAC,EACd,EAAG,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACpC,EAAG,CAAE,KAAM,CAAC,SAAU,OAAQ,KAAM,KAAK,CAAE,EAC3C,GAAI,CAAE,KAAM,QAAS,EACrB,MAAO,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EAC/C,OAAQ,CAAE,KAAM,CAAC,OAAQ,QAAQ,CAAE,EACnC,OAAQ,CAAE,KAAM,CAAC,OAAQ,QAAQ,CAAE,EACnC,6BAA8B,CAAE,KAAM,OAAQ,EAC9C,SAAU,CAAC,EACX,OAAQ,CAAC,EACT,WAAY,CAAC,EACb,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAGRE,EAAWC,SAAOC,EAAAA,oBAAoB,EAItCC,EAAOC,EAAAA,SAAS,IAAMJ,EAAS,KAAK,KAAK,EAEzCK,EAAWC,EAAAA,qBACXC,EAASH,EAAAA,SAAS,IAAMI,EAAW,WAAAT,EAAOM,CAAQ,CAAC,EAGnDI,EAAYC,EAAAA,MAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAII,EAAkB,WAAAN,EAAO,KAAK,GAC1CO,EAAAL,EAAA,QAAA,MAAAK,EAAO,QAAQX,EAAK,OACrBH,EAAA,OAAOS,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDM,EAAAA,YAAY,IAAM,QAChBD,EAAAL,EAAU,QAAV,MAAAK,EAAiB,UACjBd,EAAS,QAAQ,CAAA,CAClB,EAEKgB,EAAAA,MAAAT,EAAQ,CAACU,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,KACjBJ,EAAAL,EAAA,QAAA,MAAAK,EAAO,UAAUP,EAAO,OACzBP,EAAA,OAAOS,EAAU,KAAK,EACjC,CACD,EAEM,CAACW,EAAUC,KACRC,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAO5B,CAAU,EAE7D,CAEA,CAAC"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/stacked-bar/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\nimport { StackedBar, StackedBarConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick, inject } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    barWidth: {},\n    barMaxWidth: {},\n    dataStep: {},\n    barPadding: {},\n    roundedCorners: { type: [Number, Boolean] },\n    cursor: { type: [Function, String, null] },\n    barMinHeight1Px: { type: Boolean },\n    barMinHeightZeroValue: {},\n    orientation: {},\n    x: { type: [Function, Number, null] },\n    y: { type: [Function, Number, null, Array] },\n    id: { type: Function },\n    color: { type: [Function, String, Array, null] },\n    xScale: { type: [Object, Function] },\n    yScale: { type: [Object, Function] },\n    excludeFromDomainCalculation: { type: Boolean },\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps({ ...props }, instance))\n\n// component declaration\nconst component = ref<StackedBar<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new StackedBar<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\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","instance","getCurrentInstance","config","parseProps","component","ref","onMounted","nextTick","StackedBar","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"oIAGMA,EAAa,CAAE,qBAAsB,IAQfC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,SAAU,CAAC,EACX,YAAa,CAAC,EACd,SAAU,CAAC,EACX,WAAY,CAAC,EACb,eAAgB,CAAE,KAAM,CAAC,OAAQ,OAAO,CAAE,EAC1C,OAAQ,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACzC,gBAAiB,CAAE,KAAM,OAAQ,EACjC,sBAAuB,CAAC,EACxB,YAAa,CAAC,EACd,EAAG,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACpC,EAAG,CAAE,KAAM,CAAC,SAAU,OAAQ,KAAM,KAAK,CAAE,EAC3C,GAAI,CAAE,KAAM,QAAS,EACrB,MAAO,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EAC/C,OAAQ,CAAE,KAAM,CAAC,OAAQ,QAAQ,CAAE,EACnC,OAAQ,CAAE,KAAM,CAAC,OAAQ,QAAQ,CAAE,EACnC,6BAA8B,CAAE,KAAM,OAAQ,EAC9C,SAAU,CAAC,EACX,OAAQ,CAAC,EACT,WAAY,CAAC,EACb,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAAE,OAAQC,GAAY,CAE5C,MAAMC,EAAQF,EAGRG,EAAWC,SAAOC,EAAAA,oBAAoB,EAItCC,EAAOC,EAAS,SAAA,IAAMJ,EAAS,KAAK,OAASD,EAAM,IAAI,EAEvDM,EAAWC,EAAAA,qBACXC,EAASH,WAAS,IAAMI,EAAA,WAAW,CAAE,GAAGT,CAAS,EAAAM,CAAQ,CAAC,EAG1DI,EAAYC,EAAAA,MAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAII,EAAkB,WAAAN,EAAO,KAAK,GAC1CO,EAAAL,EAAA,QAAA,MAAAK,EAAO,QAAQX,EAAK,OACrBH,EAAA,OAAOS,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDM,EAAAA,YAAY,IAAM,QAChBD,EAAAL,EAAU,QAAV,MAAAK,EAAiB,UACjBd,EAAS,QAAQ,CAAA,CAClB,EAEKgB,EAAAA,MAAAT,EAAQ,CAACU,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBJ,EAAAL,EAAA,QAAA,MAAAK,EAAO,UAAUP,EAAO,MACpC,CACD,EAEQT,EAAA,CACP,UAAAW,CAAA,CACD,EAEM,CAACW,EAAUC,KACRC,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAO7B,CAAU,EAE7D,CAEA,CAAC"}

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

@@ -1,9 +1,11 @@
-import { StackedBarConfigInterface } from '@unovis/ts';
+import { StackedBar, StackedBarConfigInterface } from '@unovis/ts';
 declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: Pick<any, "attrs" | "emit" | "slots">, __VLS_expose?: any, __VLS_setup?: Promise<{
     props: StackedBarConfigInterface<Datum> & {
         data?: Datum[];
     };
-    expose(exposed: {}): void;
+    expose(exposed: {
+        component: import("vue").Ref<StackedBar<Datum>>;
+    }): void;
     attrs: any;
     slots: {};
     emit: any;

package/components/stacked-bar/index.js

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

package/components/stacked-bar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/stacked-bar/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\nimport { StackedBar, StackedBarConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick, inject } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    barWidth: {},\n    barMaxWidth: {},\n    dataStep: {},\n    barPadding: {},\n    roundedCorners: { type: [Number, Boolean] },\n    cursor: { type: [Function, String, null] },\n    barMinHeight1Px: { type: Boolean },\n    barMinHeightZeroValue: {},\n    orientation: {},\n    x: { type: [Function, Number, null] },\n    y: { type: [Function, Number, null, Array] },\n    id: { type: Function },\n    color: { type: [Function, String, Array, null] },\n    xScale: { type: [Object, Function] },\n    yScale: { type: [Object, Function] },\n    excludeFromDomainCalculation: { type: Boolean },\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\n\nconst data = computed(() => accessor.data.value)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps(props, instance))\n\n// component declaration\nconst component = ref<StackedBar<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new StackedBar<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    accessor.update(component.value)\n  }\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","props","accessor","inject","componentAccessorKey","data","computed","instance","getCurrentInstance","config","parseProps","component","ref","onMounted","nextTick","StackedBar","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;;;AAGA,MAAMA,IAAa,EAAE,sBAAsB,MAQfC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,UAAU,CAAC;AAAA,IACX,aAAa,CAAC;AAAA,IACd,UAAU,CAAC;AAAA,IACX,YAAY,CAAC;AAAA,IACb,gBAAgB,EAAE,MAAM,CAAC,QAAQ,OAAO,EAAE;AAAA,IAC1C,QAAQ,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACzC,iBAAiB,EAAE,MAAM,QAAQ;AAAA,IACjC,uBAAuB,CAAC;AAAA,IACxB,aAAa,CAAC;AAAA,IACd,GAAG,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACpC,GAAG,EAAE,MAAM,CAAC,UAAU,QAAQ,MAAM,KAAK,EAAE;AAAA,IAC3C,IAAI,EAAE,MAAM,SAAS;AAAA,IACrB,OAAO,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IAC/C,QAAQ,EAAE,MAAM,CAAC,QAAQ,QAAQ,EAAE;AAAA,IACnC,QAAQ,EAAE,MAAM,CAAC,QAAQ,QAAQ,EAAE;AAAA,IACnC,8BAA8B,EAAE,MAAM,QAAQ;AAAA,IAC9C,UAAU,CAAC;AAAA,IACX,QAAQ,CAAC;AAAA,IACT,YAAY,CAAC;AAAA,IACb,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAGRE,IAAWC,EAAOC,CAAoB,GAItCC,IAAOC,EAAS,MAAMJ,EAAS,KAAK,KAAK,GAEzCK,IAAWC,KACXC,IAASH,EAAS,MAAMI,EAAWT,GAAOM,CAAQ,CAAC,GAGnDI,IAAYC;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAII,EAAkBN,EAAO,KAAK,IAC1CO,IAAAL,EAAA,UAAA,QAAAK,EAAO,QAAQX,EAAK,QACrBH,EAAA,OAAOS,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDM,EAAY,MAAM;;AAChB,OAAAD,IAAAL,EAAU,UAAV,QAAAK,EAAiB,WACjBd,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKgB,EAAAT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,OACjBJ,IAAAL,EAAA,UAAA,QAAAK,EAAO,UAAUP,EAAO,QACzBP,EAAA,OAAOS,EAAU,KAAK;AAAA,IACjC,CACD,GAEM,CAACW,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAO5B,CAAU;AAAA,EAE7D;AAEA,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/stacked-bar/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\nimport { StackedBar, StackedBarConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick, inject } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    barWidth: {},\n    barMaxWidth: {},\n    dataStep: {},\n    barPadding: {},\n    roundedCorners: { type: [Number, Boolean] },\n    cursor: { type: [Function, String, null] },\n    barMinHeight1Px: { type: Boolean },\n    barMinHeightZeroValue: {},\n    orientation: {},\n    x: { type: [Function, Number, null] },\n    y: { type: [Function, Number, null, Array] },\n    id: { type: Function },\n    color: { type: [Function, String, Array, null] },\n    xScale: { type: [Object, Function] },\n    yScale: { type: [Object, Function] },\n    excludeFromDomainCalculation: { type: Boolean },\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps({ ...props }, instance))\n\n// component declaration\nconst component = ref<StackedBar<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new StackedBar<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\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","instance","getCurrentInstance","config","parseProps","component","ref","onMounted","nextTick","StackedBar","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;;;AAGA,MAAMA,IAAa,EAAE,sBAAsB,MAQfC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,UAAU,CAAC;AAAA,IACX,aAAa,CAAC;AAAA,IACd,UAAU,CAAC;AAAA,IACX,YAAY,CAAC;AAAA,IACb,gBAAgB,EAAE,MAAM,CAAC,QAAQ,OAAO,EAAE;AAAA,IAC1C,QAAQ,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACzC,iBAAiB,EAAE,MAAM,QAAQ;AAAA,IACjC,uBAAuB,CAAC;AAAA,IACxB,aAAa,CAAC;AAAA,IACd,GAAG,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACpC,GAAG,EAAE,MAAM,CAAC,UAAU,QAAQ,MAAM,KAAK,EAAE;AAAA,IAC3C,IAAI,EAAE,MAAM,SAAS;AAAA,IACrB,OAAO,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IAC/C,QAAQ,EAAE,MAAM,CAAC,QAAQ,QAAQ,EAAE;AAAA,IACnC,QAAQ,EAAE,MAAM,CAAC,QAAQ,QAAQ,EAAE;AAAA,IACnC,8BAA8B,EAAE,MAAM,QAAQ;AAAA,IAC9C,UAAU,CAAC;AAAA,IACX,QAAQ,CAAC;AAAA,IACT,YAAY,CAAC;AAAA,IACb,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc,EAAE,QAAQC,KAAY;AAE5C,UAAMC,IAAQF,GAGRG,IAAWC,EAAOC,CAAoB,GAItCC,IAAOC,EAAS,MAAMJ,EAAS,KAAK,SAASD,EAAM,IAAI,GAEvDM,IAAWC,KACXC,IAASH,EAAS,MAAMI,EAAW,EAAE,GAAGT,EAAS,GAAAM,CAAQ,CAAC,GAG1DI,IAAYC;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAII,EAAkBN,EAAO,KAAK,IAC1CO,IAAAL,EAAA,UAAA,QAAAK,EAAO,QAAQX,EAAK,QACrBH,EAAA,OAAOS,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDM,EAAY,MAAM;;AAChB,OAAAD,IAAAL,EAAU,UAAV,QAAAK,EAAiB,WACjBd,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKgB,EAAAT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBJ,IAAAL,EAAA,UAAA,QAAAK,EAAO,UAAUP,EAAO;AAAA,IACpC,CACD,GAEQT,EAAA;AAAA,MACP,WAAAW;AAAA,IAAA,CACD,GAEM,CAACW,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAO7B,CAAU;AAAA,EAE7D;AAEA,CAAC;"}

package/components/timeline/index.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),y=require("@unovis/ts"),l=require("../../utils/props.cjs"),d=require("../../utils/context.cjs"),m={"data-vis-component":""},v=e.defineComponent({__name:"index",props:{x:{type:[Function,Number,null]},y:{type:[Function,Number,null,Array]},id:{type:Function},color:{type:[Function,String,Array,null]},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},duration:{},events:{},attributes:{},lineWidth:{type:[Function,Number,null]},lineCap:{type:Boolean},rowHeight:{},length:{type:[Function,Number,null]},type:{type:[Function,String,null]},cursor:{type:[Function,String,null]},showLabels:{type:Boolean},labelWidth:{},maxLabelWidth:{},alternatingRowColors:{type:Boolean},onScroll:{type:Function},showEmptySegments:{type:Boolean},data:{}},setup(r){const i=r,o=e.inject(d.componentAccessorKey),s=e.computed(()=>o.data.value),p=e.getCurrentInstance(),c=e.computed(()=>l.parseProps(i,p)),n=e.ref();return e.onMounted(()=>{e.nextTick(()=>{var t;n.value=new y.Timeline(c.value),(t=n.value)==null||t.setData(s.value),o.update(n.value)})}),e.onUnmounted(()=>{var t;(t=n.value)==null||t.destroy(),o.destroy()}),e.watch(c,(t,a)=>{var u;l.arePropsEqual(t,a)||((u=n.value)==null||u.setConfig(c.value),o.update(n.value))}),(t,a)=>(e.openBlock(),e.createElementBlock("div",m))}});module.exports=v;
+"use strict";const e=require("vue"),d=require("@unovis/ts"),r=require("../../utils/props.cjs"),m=require("../../utils/context.cjs"),v={"data-vis-component":""},F=e.defineComponent({__name:"index",props:{x:{type:[Function,Number,null]},y:{type:[Function,Number,null,Array]},id:{type:Function},color:{type:[Function,String,Array,null]},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},duration:{},events:{},attributes:{},lineWidth:{type:[Function,Number,null]},lineCap:{type:Boolean},rowHeight:{},length:{type:[Function,Number,null]},type:{type:[Function,String,null]},cursor:{type:[Function,String,null]},showLabels:{type:Boolean},labelWidth:{},maxLabelWidth:{},alternatingRowColors:{type:Boolean},onScroll:{type:Function},showEmptySegments:{type:Boolean},data:{}},setup(i,{expose:s}){const a=i,o=e.inject(m.componentAccessorKey),p=e.computed(()=>o.data.value??a.data),y=e.getCurrentInstance(),c=e.computed(()=>r.parseProps({...a},y)),n=e.ref();return e.onMounted(()=>{e.nextTick(()=>{var t;n.value=new d.Timeline(c.value),(t=n.value)==null||t.setData(p.value),o.update(n.value)})}),e.onUnmounted(()=>{var t;(t=n.value)==null||t.destroy(),o.destroy()}),e.watch(c,(t,u)=>{var l;r.arePropsEqual(t,u)||(l=n.value)==null||l.setConfig(c.value)}),s({component:n}),(t,u)=>(e.openBlock(),e.createElementBlock("div",v))}});module.exports=F;
 //# sourceMappingURL=index.cjs.map

package/components/timeline/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/timeline/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\nimport { Timeline, TimelineConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { XYComponentConfigInterface, StringAccessor } from \"@unovis/ts\"\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick, inject } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    x: { type: [Function, Number, null] },\n    y: { type: [Function, Number, null, Array] },\n    id: { type: Function },\n    color: { type: [Function, String, Array, null] },\n    xScale: { type: [Object, Function] },\n    yScale: { type: [Object, Function] },\n    excludeFromDomainCalculation: { type: Boolean },\n    duration: {},\n    events: {},\n    attributes: {},\n    lineWidth: { type: [Function, Number, null] },\n    lineCap: { type: Boolean },\n    rowHeight: {},\n    length: { type: [Function, Number, null] },\n    type: { type: [Function, String, null] },\n    cursor: { type: [Function, String, null] },\n    showLabels: { type: Boolean },\n    labelWidth: {},\n    maxLabelWidth: {},\n    alternatingRowColors: { type: Boolean },\n    onScroll: { type: Function },\n    showEmptySegments: { type: Boolean },\n    data: {}\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\n// complex interface TimelineConfigInterface is causing compile issue in Vue 3.3.4\n  // related issue: https://github.com/vuejs/core/issues/8412\n  \nconst data = computed(() => accessor.data.value)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps(props, instance))\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    accessor.update(component.value)\n  }\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","props","accessor","inject","componentAccessorKey","data","computed","instance","getCurrentInstance","config","parseProps","component","ref","onMounted","nextTick","Timeline","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"oIAGMA,EAAa,CAAE,qBAAsB,IASfC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,EAAG,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACpC,EAAG,CAAE,KAAM,CAAC,SAAU,OAAQ,KAAM,KAAK,CAAE,EAC3C,GAAI,CAAE,KAAM,QAAS,EACrB,MAAO,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EAC/C,OAAQ,CAAE,KAAM,CAAC,OAAQ,QAAQ,CAAE,EACnC,OAAQ,CAAE,KAAM,CAAC,OAAQ,QAAQ,CAAE,EACnC,6BAA8B,CAAE,KAAM,OAAQ,EAC9C,SAAU,CAAC,EACX,OAAQ,CAAC,EACT,WAAY,CAAC,EACb,UAAW,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC5C,QAAS,CAAE,KAAM,OAAQ,EACzB,UAAW,CAAC,EACZ,OAAQ,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACzC,KAAM,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACvC,OAAQ,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACzC,WAAY,CAAE,KAAM,OAAQ,EAC5B,WAAY,CAAC,EACb,cAAe,CAAC,EAChB,qBAAsB,CAAE,KAAM,OAAQ,EACtC,SAAU,CAAE,KAAM,QAAS,EAC3B,kBAAmB,CAAE,KAAM,OAAQ,EACnC,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAGRE,EAAWC,SAAOC,EAAAA,oBAAoB,EAMtCC,EAAOC,EAAAA,SAAS,IAAMJ,EAAS,KAAK,KAAK,EAEzCK,EAAWC,EAAAA,qBACXC,EAASH,EAAAA,SAAS,IAAMI,EAAW,WAAAT,EAAOM,CAAQ,CAAC,EAGnDI,EAAYC,EAAAA,MAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAII,EAAgB,SAAAN,EAAO,KAAK,GACxCO,EAAAL,EAAA,QAAA,MAAAK,EAAO,QAAQX,EAAK,OACrBH,EAAA,OAAOS,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDM,EAAAA,YAAY,IAAM,QAChBD,EAAAL,EAAU,QAAV,MAAAK,EAAiB,UACjBd,EAAS,QAAQ,CAAA,CAClB,EAEKgB,EAAAA,MAAAT,EAAQ,CAACU,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,KACjBJ,EAAAL,EAAA,QAAA,MAAAK,EAAO,UAAUP,EAAO,OACzBP,EAAA,OAAOS,EAAU,KAAK,EACjC,CACD,EAEM,CAACW,EAAUC,KACRC,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAO5B,CAAU,EAE7D,CAEA,CAAC"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/timeline/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\nimport { Timeline, TimelineConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { XYComponentConfigInterface, StringAccessor } from \"@unovis/ts\"\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick, inject } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    x: { type: [Function, Number, null] },\n    y: { type: [Function, Number, null, Array] },\n    id: { type: Function },\n    color: { type: [Function, String, Array, null] },\n    xScale: { type: [Object, Function] },\n    yScale: { type: [Object, Function] },\n    excludeFromDomainCalculation: { type: Boolean },\n    duration: {},\n    events: {},\n    attributes: {},\n    lineWidth: { type: [Function, Number, null] },\n    lineCap: { type: Boolean },\n    rowHeight: {},\n    length: { type: [Function, Number, null] },\n    type: { type: [Function, String, null] },\n    cursor: { type: [Function, String, null] },\n    showLabels: { type: Boolean },\n    labelWidth: {},\n    maxLabelWidth: {},\n    alternatingRowColors: { type: Boolean },\n    onScroll: { type: Function },\n    showEmptySegments: { type: Boolean },\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\n// complex interface TimelineConfigInterface is causing compile issue in Vue 3.3.4\n  // related issue: https://github.com/vuejs/core/issues/8412\n  \nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps({ ...props }, instance))\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\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","instance","getCurrentInstance","config","parseProps","component","ref","onMounted","nextTick","Timeline","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"oIAGMA,EAAa,CAAE,qBAAsB,IASfC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,EAAG,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACpC,EAAG,CAAE,KAAM,CAAC,SAAU,OAAQ,KAAM,KAAK,CAAE,EAC3C,GAAI,CAAE,KAAM,QAAS,EACrB,MAAO,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EAC/C,OAAQ,CAAE,KAAM,CAAC,OAAQ,QAAQ,CAAE,EACnC,OAAQ,CAAE,KAAM,CAAC,OAAQ,QAAQ,CAAE,EACnC,6BAA8B,CAAE,KAAM,OAAQ,EAC9C,SAAU,CAAC,EACX,OAAQ,CAAC,EACT,WAAY,CAAC,EACb,UAAW,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC5C,QAAS,CAAE,KAAM,OAAQ,EACzB,UAAW,CAAC,EACZ,OAAQ,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACzC,KAAM,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACvC,OAAQ,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACzC,WAAY,CAAE,KAAM,OAAQ,EAC5B,WAAY,CAAC,EACb,cAAe,CAAC,EAChB,qBAAsB,CAAE,KAAM,OAAQ,EACtC,SAAU,CAAE,KAAM,QAAS,EAC3B,kBAAmB,CAAE,KAAM,OAAQ,EACnC,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAAE,OAAQC,GAAY,CAE5C,MAAMC,EAAQF,EAGRG,EAAWC,SAAOC,EAAAA,oBAAoB,EAMtCC,EAAOC,EAAS,SAAA,IAAMJ,EAAS,KAAK,OAASD,EAAM,IAAI,EAEvDM,EAAWC,EAAAA,qBACXC,EAASH,WAAS,IAAMI,EAAA,WAAW,CAAE,GAAGT,CAAS,EAAAM,CAAQ,CAAC,EAG1DI,EAAYC,EAAAA,MAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAII,EAAgB,SAAAN,EAAO,KAAK,GACxCO,EAAAL,EAAA,QAAA,MAAAK,EAAO,QAAQX,EAAK,OACrBH,EAAA,OAAOS,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDM,EAAAA,YAAY,IAAM,QAChBD,EAAAL,EAAU,QAAV,MAAAK,EAAiB,UACjBd,EAAS,QAAQ,CAAA,CAClB,EAEKgB,EAAAA,MAAAT,EAAQ,CAACU,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBJ,EAAAL,EAAA,QAAA,MAAAK,EAAO,UAAUP,EAAO,MACpC,CACD,EAEQT,EAAA,CACP,UAAAW,CAAA,CACD,EAEM,CAACW,EAAUC,KACRC,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAO7B,CAAU,EAE7D,CAEA,CAAC"}

package/components/timeline/index.d.ts

@@ -1,4 +1,4 @@
-import { NumericAccessor } from '@unovis/ts';
+import { Timeline, NumericAccessor } from '@unovis/ts';
 import { XYComponentConfigInterface, StringAccessor } from "@unovis/ts";
 declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: Pick<any, "attrs" | "emit" | "slots">, __VLS_expose?: any, __VLS_setup?: Promise<{
     props: XYComponentConfigInterface<Datum> & {
@@ -16,7 +16,9 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: Pick<any, "attrs"
         showEmptySegments?: boolean;
         data?: Datum[];
     };
-    expose(exposed: {}): void;
+    expose(exposed: {
+        component: import("vue").Ref<Timeline<Datum>>;
+    }): void;
     attrs: any;
     slots: {};
     emit: any;

package/components/timeline/index.js

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

package/components/timeline/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/timeline/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\nimport { Timeline, TimelineConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { XYComponentConfigInterface, StringAccessor } from \"@unovis/ts\"\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick, inject } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    x: { type: [Function, Number, null] },\n    y: { type: [Function, Number, null, Array] },\n    id: { type: Function },\n    color: { type: [Function, String, Array, null] },\n    xScale: { type: [Object, Function] },\n    yScale: { type: [Object, Function] },\n    excludeFromDomainCalculation: { type: Boolean },\n    duration: {},\n    events: {},\n    attributes: {},\n    lineWidth: { type: [Function, Number, null] },\n    lineCap: { type: Boolean },\n    rowHeight: {},\n    length: { type: [Function, Number, null] },\n    type: { type: [Function, String, null] },\n    cursor: { type: [Function, String, null] },\n    showLabels: { type: Boolean },\n    labelWidth: {},\n    maxLabelWidth: {},\n    alternatingRowColors: { type: Boolean },\n    onScroll: { type: Function },\n    showEmptySegments: { type: Boolean },\n    data: {}\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\n// complex interface TimelineConfigInterface is causing compile issue in Vue 3.3.4\n  // related issue: https://github.com/vuejs/core/issues/8412\n  \nconst data = computed(() => accessor.data.value)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps(props, instance))\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    accessor.update(component.value)\n  }\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","props","accessor","inject","componentAccessorKey","data","computed","instance","getCurrentInstance","config","parseProps","component","ref","onMounted","nextTick","Timeline","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;;;AAGA,MAAMA,IAAa,EAAE,sBAAsB,MASfC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,GAAG,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACpC,GAAG,EAAE,MAAM,CAAC,UAAU,QAAQ,MAAM,KAAK,EAAE;AAAA,IAC3C,IAAI,EAAE,MAAM,SAAS;AAAA,IACrB,OAAO,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IAC/C,QAAQ,EAAE,MAAM,CAAC,QAAQ,QAAQ,EAAE;AAAA,IACnC,QAAQ,EAAE,MAAM,CAAC,QAAQ,QAAQ,EAAE;AAAA,IACnC,8BAA8B,EAAE,MAAM,QAAQ;AAAA,IAC9C,UAAU,CAAC;AAAA,IACX,QAAQ,CAAC;AAAA,IACT,YAAY,CAAC;AAAA,IACb,WAAW,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC5C,SAAS,EAAE,MAAM,QAAQ;AAAA,IACzB,WAAW,CAAC;AAAA,IACZ,QAAQ,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACzC,MAAM,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACvC,QAAQ,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACzC,YAAY,EAAE,MAAM,QAAQ;AAAA,IAC5B,YAAY,CAAC;AAAA,IACb,eAAe,CAAC;AAAA,IAChB,sBAAsB,EAAE,MAAM,QAAQ;AAAA,IACtC,UAAU,EAAE,MAAM,SAAS;AAAA,IAC3B,mBAAmB,EAAE,MAAM,QAAQ;AAAA,IACnC,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAGRE,IAAWC,EAAOC,CAAoB,GAMtCC,IAAOC,EAAS,MAAMJ,EAAS,KAAK,KAAK,GAEzCK,IAAWC,KACXC,IAASH,EAAS,MAAMI,EAAWT,GAAOM,CAAQ,CAAC,GAGnDI,IAAYC;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAII,EAAgBN,EAAO,KAAK,IACxCO,IAAAL,EAAA,UAAA,QAAAK,EAAO,QAAQX,EAAK,QACrBH,EAAA,OAAOS,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDM,EAAY,MAAM;;AAChB,OAAAD,IAAAL,EAAU,UAAV,QAAAK,EAAiB,WACjBd,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKgB,EAAAT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,OACjBJ,IAAAL,EAAA,UAAA,QAAAK,EAAO,UAAUP,EAAO,QACzBP,EAAA,OAAOS,EAAU,KAAK;AAAA,IACjC,CACD,GAEM,CAACW,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAO5B,CAAU;AAAA,EAE7D;AAEA,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/timeline/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\nimport { Timeline, TimelineConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { XYComponentConfigInterface, StringAccessor } from \"@unovis/ts\"\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick, inject } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    x: { type: [Function, Number, null] },\n    y: { type: [Function, Number, null, Array] },\n    id: { type: Function },\n    color: { type: [Function, String, Array, null] },\n    xScale: { type: [Object, Function] },\n    yScale: { type: [Object, Function] },\n    excludeFromDomainCalculation: { type: Boolean },\n    duration: {},\n    events: {},\n    attributes: {},\n    lineWidth: { type: [Function, Number, null] },\n    lineCap: { type: Boolean },\n    rowHeight: {},\n    length: { type: [Function, Number, null] },\n    type: { type: [Function, String, null] },\n    cursor: { type: [Function, String, null] },\n    showLabels: { type: Boolean },\n    labelWidth: {},\n    maxLabelWidth: {},\n    alternatingRowColors: { type: Boolean },\n    onScroll: { type: Function },\n    showEmptySegments: { type: Boolean },\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\n// complex interface TimelineConfigInterface is causing compile issue in Vue 3.3.4\n  // related issue: https://github.com/vuejs/core/issues/8412\n  \nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps({ ...props }, instance))\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\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","instance","getCurrentInstance","config","parseProps","component","ref","onMounted","nextTick","Timeline","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;;;AAGA,MAAMA,IAAa,EAAE,sBAAsB,MASfC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,GAAG,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACpC,GAAG,EAAE,MAAM,CAAC,UAAU,QAAQ,MAAM,KAAK,EAAE;AAAA,IAC3C,IAAI,EAAE,MAAM,SAAS;AAAA,IACrB,OAAO,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IAC/C,QAAQ,EAAE,MAAM,CAAC,QAAQ,QAAQ,EAAE;AAAA,IACnC,QAAQ,EAAE,MAAM,CAAC,QAAQ,QAAQ,EAAE;AAAA,IACnC,8BAA8B,EAAE,MAAM,QAAQ;AAAA,IAC9C,UAAU,CAAC;AAAA,IACX,QAAQ,CAAC;AAAA,IACT,YAAY,CAAC;AAAA,IACb,WAAW,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC5C,SAAS,EAAE,MAAM,QAAQ;AAAA,IACzB,WAAW,CAAC;AAAA,IACZ,QAAQ,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACzC,MAAM,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACvC,QAAQ,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACzC,YAAY,EAAE,MAAM,QAAQ;AAAA,IAC5B,YAAY,CAAC;AAAA,IACb,eAAe,CAAC;AAAA,IAChB,sBAAsB,EAAE,MAAM,QAAQ;AAAA,IACtC,UAAU,EAAE,MAAM,SAAS;AAAA,IAC3B,mBAAmB,EAAE,MAAM,QAAQ;AAAA,IACnC,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc,EAAE,QAAQC,KAAY;AAE5C,UAAMC,IAAQF,GAGRG,IAAWC,EAAOC,CAAoB,GAMtCC,IAAOC,EAAS,MAAMJ,EAAS,KAAK,SAASD,EAAM,IAAI,GAEvDM,IAAWC,KACXC,IAASH,EAAS,MAAMI,EAAW,EAAE,GAAGT,EAAS,GAAAM,CAAQ,CAAC,GAG1DI,IAAYC;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAII,EAAgBN,EAAO,KAAK,IACxCO,IAAAL,EAAA,UAAA,QAAAK,EAAO,QAAQX,EAAK,QACrBH,EAAA,OAAOS,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDM,EAAY,MAAM;;AAChB,OAAAD,IAAAL,EAAU,UAAV,QAAAK,EAAiB,WACjBd,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKgB,EAAAT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBJ,IAAAL,EAAA,UAAA,QAAAK,EAAO,UAAUP,EAAO;AAAA,IACpC,CACD,GAEQT,EAAA;AAAA,MACP,WAAAW;AAAA,IAAA,CACD,GAEM,CAACW,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAO7B,CAAU;AAAA,EAE7D;AAEA,CAAC;"}

package/components/tooltip/index.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),l=require("@unovis/ts"),a=require("../../utils/props.cjs"),d=require("../../utils/context.cjs"),v={"data-vis-tooltip":""},m=e.defineComponent({__name:"index",props:{components:{},container:{},horizontalPlacement:{},horizontalShift:{},verticalPlacement:{},verticalShift:{},triggers:{},attributes:{},data:{}},setup(i){const u=i,n=e.inject(d.tooltipAccessorKey),p=e.getCurrentInstance(),c=e.computed(()=>a.parseProps(u,p)),t=e.ref();return e.onMounted(()=>{e.nextTick(()=>{t.value=new l.Tooltip(c.value),n.update(t.value)})}),e.onUnmounted(()=>{var o;(o=t.value)==null||o.destroy(),n.destroy()}),e.watch(c,(o,r)=>{var s;a.arePropsEqual(o,r)||((s=t.value)==null||s.setConfig(c.value),n.update(t.value))}),(o,r)=>(e.openBlock(),e.createElementBlock("div",v))}});module.exports=m;
+"use strict";const e=require("vue"),d=require("@unovis/ts"),a=require("../../utils/props.cjs"),v=require("../../utils/context.cjs"),m={"data-vis-tooltip":""},f=e.defineComponent({__name:"index",props:{components:{},container:{},horizontalPlacement:{},horizontalShift:{},verticalPlacement:{},verticalShift:{},triggers:{},attributes:{},data:{}},setup(i,{expose:u}){const p=i,c=e.inject(v.tooltipAccessorKey),l=e.getCurrentInstance(),n=e.computed(()=>a.parseProps({...p},l)),t=e.ref();return e.onMounted(()=>{e.nextTick(()=>{t.value=new d.Tooltip(n.value),c.update(t.value)})}),e.onUnmounted(()=>{var o;(o=t.value)==null||o.destroy(),c.destroy()}),e.watch(n,(o,s)=>{var r;a.arePropsEqual(o,s)||(r=t.value)==null||r.setConfig(n.value)}),u({component:t}),(o,s)=>(e.openBlock(),e.createElementBlock("div",m))}});module.exports=f;
 //# sourceMappingURL=index.cjs.map

package/components/tooltip/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/tooltip/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-tooltip\": \"\" }\n\nimport { Tooltip, TooltipConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick, inject } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\nimport { tooltipAccessorKey } from '../../utils/context'\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    components: {},\n    container: {},\n    horizontalPlacement: {},\n    horizontalShift: {},\n    verticalPlacement: {},\n    verticalShift: {},\n    triggers: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(tooltipAccessorKey)\n\n// data and required props\n\n\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps(props, instance))\n\n// component declaration\nconst component = ref<Tooltip>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Tooltip(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    accessor.update(component.value)\n  }\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","props","accessor","inject","tooltipAccessorKey","instance","getCurrentInstance","config","computed","parseProps","component","ref","onMounted","nextTick","Tooltip","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"oIAGMA,EAAa,CAAE,mBAAoB,IAQbC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,WAAY,CAAC,EACb,UAAW,CAAC,EACZ,oBAAqB,CAAC,EACtB,gBAAiB,CAAC,EAClB,kBAAmB,CAAC,EACpB,cAAe,CAAC,EAChB,SAAU,CAAC,EACX,WAAY,CAAC,EACb,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAGRE,EAAWC,SAAOC,EAAAA,kBAAkB,EAMpCC,EAAWC,EAAAA,qBACXC,EAASC,EAAAA,SAAS,IAAMC,EAAW,WAAAR,EAAOI,CAAQ,CAAC,EAGnDK,EAAYC,EAAAA,MAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACbH,EAAU,MAAQ,IAAII,EAAQ,QAAAP,EAAO,KAAK,EAEjCL,EAAA,OAAOQ,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDK,EAAAA,YAAY,IAAM,QAChBC,EAAAN,EAAU,QAAV,MAAAM,EAAiB,UACjBd,EAAS,QAAQ,CAAA,CAClB,EAEKe,EAAAA,MAAAV,EAAQ,CAACW,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,KACjBH,EAAAN,EAAA,QAAA,MAAAM,EAAO,UAAUT,EAAO,OACzBL,EAAA,OAAOQ,EAAU,KAAK,EACjC,CACD,EAEM,CAACW,EAAUC,KACRC,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAO3B,CAAU,EAE7D,CAEA,CAAC"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/tooltip/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-tooltip\": \"\" }\n\nimport { Tooltip, TooltipConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick, inject } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\nimport { tooltipAccessorKey } from '../../utils/context'\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    components: {},\n    container: {},\n    horizontalPlacement: {},\n    horizontalShift: {},\n    verticalPlacement: {},\n    verticalShift: {},\n    triggers: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(tooltipAccessorKey)\n\n// data and required props\n\n\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps({ ...props }, instance))\n\n// component declaration\nconst component = ref<Tooltip>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Tooltip(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__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","tooltipAccessorKey","instance","getCurrentInstance","config","computed","parseProps","component","ref","onMounted","nextTick","Tooltip","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"oIAGMA,EAAa,CAAE,mBAAoB,IAQbC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,WAAY,CAAC,EACb,UAAW,CAAC,EACZ,oBAAqB,CAAC,EACtB,gBAAiB,CAAC,EAClB,kBAAmB,CAAC,EACpB,cAAe,CAAC,EAChB,SAAU,CAAC,EACX,WAAY,CAAC,EACb,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAAE,OAAQC,GAAY,CAE5C,MAAMC,EAAQF,EAGRG,EAAWC,SAAOC,EAAAA,kBAAkB,EAMpCC,EAAWC,EAAAA,qBACXC,EAASC,WAAS,IAAMC,EAAA,WAAW,CAAE,GAAGR,CAAS,EAAAI,CAAQ,CAAC,EAG1DK,EAAYC,EAAAA,MAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACbH,EAAU,MAAQ,IAAII,EAAQ,QAAAP,EAAO,KAAK,EAEjCL,EAAA,OAAOQ,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDK,EAAAA,YAAY,IAAM,QAChBC,EAAAN,EAAU,QAAV,MAAAM,EAAiB,UACjBd,EAAS,QAAQ,CAAA,CAClB,EAEKe,EAAAA,MAAAV,EAAQ,CAACW,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBH,EAAAN,EAAA,QAAA,MAAAM,EAAO,UAAUT,EAAO,MACpC,CACD,EAEQP,EAAA,CACP,UAAAU,CAAA,CACD,EAEM,CAACW,EAAUC,KACRC,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAO5B,CAAU,EAE7D,CAEA,CAAC"}

package/components/tooltip/index.d.ts

@@ -1,3 +1,4 @@
+import { Tooltip } from '@unovis/ts';
 declare const _default: import("vue").DefineComponent<{
     components: {
         type: import("vue").PropType<import("@unovis/ts").ComponentCore<unknown, import("@unovis/ts/lib/core/component/config").ComponentConfig, import("@unovis/ts").ComponentConfigInterface>[]>;
@@ -30,7 +31,9 @@ declare const _default: import("vue").DefineComponent<{
     data: {
         type: import("vue").PropType<never>;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {
+    component: import("vue").Ref<Tooltip>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     components: {
         type: import("vue").PropType<import("@unovis/ts").ComponentCore<unknown, import("@unovis/ts/lib/core/component/config").ComponentConfig, import("@unovis/ts").ComponentConfigInterface>[]>;
     };

package/components/tooltip/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as p, inject as l, getCurrentInstance as u, computed as m, ref as d, onMounted as f, nextTick as v, onUnmounted as _, watch as h, openBlock as g, createElementBlock as x } from "vue";
-import { Tooltip as P } from "@unovis/ts";
-import { parseProps as k, arePropsEqual as y } from "../../utils/props.js";
-import { tooltipAccessorKey as C } from "../../utils/context.js";
-const w = { "data-vis-tooltip": "" }, T = /* @__PURE__ */ p({
+import { defineComponent as l, inject as m, getCurrentInstance as u, computed as d, ref as f, onMounted as v, nextTick as _, onUnmounted as h, watch as g, openBlock as x, createElementBlock as P } from "vue";
+import { Tooltip as k } from "@unovis/ts";
+import { parseProps as y, arePropsEqual as C } from "../../utils/props.js";
+import { tooltipAccessorKey as w } from "../../utils/context.js";
+const z = { "data-vis-tooltip": "" }, b = /* @__PURE__ */ l({
   __name: "index",
   props: {
     components: {},
@@ -15,22 +15,24 @@ const w = { "data-vis-tooltip": "" }, T = /* @__PURE__ */ p({
     attributes: {},
     data: {}
   },
-  setup(c) {
-    const s = c, o = l(C), i = u(), n = m(() => k(s, i)), t = d();
-    return f(() => {
-      v(() => {
-        t.value = new P(n.value), o.update(t.value);
+  setup(c, { expose: s }) {
+    const i = c, n = m(w), p = u(), o = d(() => y({ ...i }, p)), t = f();
+    return v(() => {
+      _(() => {
+        t.value = new k(o.value), n.update(t.value);
       });
-    }), _(() => {
+    }), h(() => {
       var e;
-      (e = t.value) == null || e.destroy(), o.destroy();
-    }), h(n, (e, r) => {
+      (e = t.value) == null || e.destroy(), n.destroy();
+    }), g(o, (e, r) => {
       var a;
-      y(e, r) || ((a = t.value) == null || a.setConfig(n.value), o.update(t.value));
-    }), (e, r) => (g(), x("div", w));
+      C(e, r) || (a = t.value) == null || a.setConfig(o.value);
+    }), s({
+      component: t
+    }), (e, r) => (x(), P("div", z));
   }
 });
 export {
-  T as default
+  b as default
 };
 //# sourceMappingURL=index.js.map

package/components/tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/tooltip/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-tooltip\": \"\" }\n\nimport { Tooltip, TooltipConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick, inject } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\nimport { tooltipAccessorKey } from '../../utils/context'\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    components: {},\n    container: {},\n    horizontalPlacement: {},\n    horizontalShift: {},\n    verticalPlacement: {},\n    verticalShift: {},\n    triggers: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(tooltipAccessorKey)\n\n// data and required props\n\n\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps(props, instance))\n\n// component declaration\nconst component = ref<Tooltip>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Tooltip(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    accessor.update(component.value)\n  }\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","props","accessor","inject","tooltipAccessorKey","instance","getCurrentInstance","config","computed","parseProps","component","ref","onMounted","nextTick","Tooltip","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;;;AAGA,MAAMA,IAAa,EAAE,oBAAoB,MAQbC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,YAAY,CAAC;AAAA,IACb,WAAW,CAAC;AAAA,IACZ,qBAAqB,CAAC;AAAA,IACtB,iBAAiB,CAAC;AAAA,IAClB,mBAAmB,CAAC;AAAA,IACpB,eAAe,CAAC;AAAA,IAChB,UAAU,CAAC;AAAA,IACX,YAAY,CAAC;AAAA,IACb,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAGRE,IAAWC,EAAOC,CAAkB,GAMpCC,IAAWC,KACXC,IAASC,EAAS,MAAMC,EAAWR,GAAOI,CAAQ,CAAC,GAGnDK,IAAYC;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAAH,EAAU,QAAQ,IAAII,EAAQP,EAAO,KAAK,GAEjCL,EAAA,OAAOQ,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDK,EAAY,MAAM;;AAChB,OAAAC,IAAAN,EAAU,UAAV,QAAAM,EAAiB,WACjBd,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKe,EAAAV,GAAQ,CAACW,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,OACjBH,IAAAN,EAAA,UAAA,QAAAM,EAAO,UAAUT,EAAO,QACzBL,EAAA,OAAOQ,EAAU,KAAK;AAAA,IACjC,CACD,GAEM,CAACW,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAO3B,CAAU;AAAA,EAE7D;AAEA,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/tooltip/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-tooltip\": \"\" }\n\nimport { Tooltip, TooltipConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick, inject } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\nimport { tooltipAccessorKey } from '../../utils/context'\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    components: {},\n    container: {},\n    horizontalPlacement: {},\n    horizontalShift: {},\n    verticalPlacement: {},\n    verticalShift: {},\n    triggers: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(tooltipAccessorKey)\n\n// data and required props\n\n\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps({ ...props }, instance))\n\n// component declaration\nconst component = ref<Tooltip>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Tooltip(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__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","tooltipAccessorKey","instance","getCurrentInstance","config","computed","parseProps","component","ref","onMounted","nextTick","Tooltip","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;;;AAGA,MAAMA,IAAa,EAAE,oBAAoB,MAQbC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,YAAY,CAAC;AAAA,IACb,WAAW,CAAC;AAAA,IACZ,qBAAqB,CAAC;AAAA,IACtB,iBAAiB,CAAC;AAAA,IAClB,mBAAmB,CAAC;AAAA,IACpB,eAAe,CAAC;AAAA,IAChB,UAAU,CAAC;AAAA,IACX,YAAY,CAAC;AAAA,IACb,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc,EAAE,QAAQC,KAAY;AAE5C,UAAMC,IAAQF,GAGRG,IAAWC,EAAOC,CAAkB,GAMpCC,IAAWC,KACXC,IAASC,EAAS,MAAMC,EAAW,EAAE,GAAGR,EAAS,GAAAI,CAAQ,CAAC,GAG1DK,IAAYC;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAAH,EAAU,QAAQ,IAAII,EAAQP,EAAO,KAAK,GAEjCL,EAAA,OAAOQ,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDK,EAAY,MAAM;;AAChB,OAAAC,IAAAN,EAAU,UAAV,QAAAM,EAAiB,WACjBd,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKe,EAAAV,GAAQ,CAACW,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBH,IAAAN,EAAA,UAAA,QAAAM,EAAO,UAAUT,EAAO;AAAA,IACpC,CACD,GAEQP,EAAA;AAAA,MACP,WAAAU;AAAA,IAAA,CACD,GAEM,CAACW,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAO5B,CAAU;AAAA,EAE7D;AAEA,CAAC;"}

package/components/topojson-map/index.cjs

@@ -1,2 +1,2 @@
-"use strict";const t=require("vue"),d=require("@unovis/ts"),a=require("../../utils/props.cjs"),y=require("../../utils/context.cjs"),m={"data-vis-component":""},F=t.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(l){const c=l,o=t.inject(y.componentAccessorKey),p=t.computed(()=>o.data.value),s=t.getCurrentInstance(),i=t.computed(()=>a.parseProps(c,s)),e=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var n;e.value=new d.TopoJSONMap(i.value),(n=e.value)==null||n.setData(p.value),o.update(e.value)})}),t.onUnmounted(()=>{var n;(n=e.value)==null||n.destroy(),o.destroy()}),t.watch(i,(n,u)=>{var r;a.arePropsEqual(n,u)||((r=e.value)==null||r.setConfig(i.value),o.update(e.value))}),(n,u)=>(t.openBlock(),t.createElementBlock("div",m))}});module.exports=F;
+"use strict";const t=require("vue"),y=require("@unovis/ts"),l=require("../../utils/props.cjs"),m=require("../../utils/context.cjs"),F={"data-vis-component":""},g=t.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(c,{expose:p}){const u=c,o=t.inject(m.componentAccessorKey),s=t.computed(()=>o.data.value??u.data),d=t.getCurrentInstance(),i=t.computed(()=>l.parseProps({...u},d)),e=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var n;e.value=new y.TopoJSONMap(i.value),(n=e.value)==null||n.setData(s.value),o.update(e.value)})}),t.onUnmounted(()=>{var n;(n=e.value)==null||n.destroy(),o.destroy()}),t.watch(i,(n,r)=>{var a;l.arePropsEqual(n,r)||(a=e.value)==null||a.setConfig(i.value)}),p({component:e}),(n,r)=>(t.openBlock(),t.createElementBlock("div",F))}});module.exports=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?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\nimport { TopoJSONMap, TopoJSONMapConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick, inject } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    projection: { type: [Function, Object] },\n    topojson: {},\n    mapFeatureName: {},\n    mapFitToPoints: { type: Boolean },\n    zoomFactor: {},\n    disableZoom: { type: Boolean },\n    zoomExtent: {},\n    zoomDuration: {},\n    linkWidth: { type: [Function, Number, null] },\n    linkColor: { type: [Function, String, Array, null] },\n    linkCursor: { type: [Function, String, null] },\n    linkId: { type: [Function, String, null] },\n    linkSource: { type: Function },\n    linkTarget: { type: Function },\n    areaId: { type: [Function, String, null] },\n    areaColor: { type: [Function, String, Array, null] },\n    areaCursor: { type: [Function, String, null] },\n    pointColor: { type: [Function, String, Array, null] },\n    pointRadius: { type: [Function, Number, null] },\n    pointStrokeWidth: { type: [Function, Number, null] },\n    pointCursor: { type: [Function, String, null] },\n    longitude: { type: [Function, Number, null] },\n    latitude: { type: [Function, Number, null] },\n    pointLabel: { type: [Function, String, null] },\n    pointLabelPosition: {},\n    pointLabelTextBrightnessRatio: {},\n    pointId: { type: Function },\n    heatmapMode: { type: Boolean },\n    heatmapModeBlurStdDeviation: {},\n    heatmapModeZoomLevelThreshold: {},\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\n\nconst data = computed(() => accessor.data.value)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps(props, instance))\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    accessor.update(component.value)\n  }\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","props","accessor","inject","componentAccessorKey","data","computed","instance","getCurrentInstance","config","parseProps","component","ref","onMounted","nextTick","TopoJSONMap","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"oIAGMA,EAAa,CAAE,qBAAsB,IAQfC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,WAAY,CAAE,KAAM,CAAC,SAAU,MAAM,CAAE,EACvC,SAAU,CAAC,EACX,eAAgB,CAAC,EACjB,eAAgB,CAAE,KAAM,OAAQ,EAChC,WAAY,CAAC,EACb,YAAa,CAAE,KAAM,OAAQ,EAC7B,WAAY,CAAC,EACb,aAAc,CAAC,EACf,UAAW,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC5C,UAAW,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EACnD,WAAY,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC7C,OAAQ,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACzC,WAAY,CAAE,KAAM,QAAS,EAC7B,WAAY,CAAE,KAAM,QAAS,EAC7B,OAAQ,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACzC,UAAW,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EACnD,WAAY,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC7C,WAAY,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EACpD,YAAa,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC9C,iBAAkB,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACnD,YAAa,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC9C,UAAW,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC5C,SAAU,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC3C,WAAY,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC7C,mBAAoB,CAAC,EACrB,8BAA+B,CAAC,EAChC,QAAS,CAAE,KAAM,QAAS,EAC1B,YAAa,CAAE,KAAM,OAAQ,EAC7B,4BAA6B,CAAC,EAC9B,8BAA+B,CAAC,EAChC,SAAU,CAAC,EACX,OAAQ,CAAC,EACT,WAAY,CAAC,EACb,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAGRE,EAAWC,SAAOC,EAAAA,oBAAoB,EAItCC,EAAOC,EAAAA,SAAS,IAAMJ,EAAS,KAAK,KAAK,EAEzCK,EAAWC,EAAAA,qBACXC,EAASH,EAAAA,SAAS,IAAMI,EAAW,WAAAT,EAAOM,CAAQ,CAAC,EAGnDI,EAAYC,EAAAA,MAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAII,EAA8C,YAAAN,EAAO,KAAK,GACtEO,EAAAL,EAAA,QAAA,MAAAK,EAAO,QAAQX,EAAK,OACrBH,EAAA,OAAOS,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDM,EAAAA,YAAY,IAAM,QAChBD,EAAAL,EAAU,QAAV,MAAAK,EAAiB,UACjBd,EAAS,QAAQ,CAAA,CAClB,EAEKgB,EAAAA,MAAAT,EAAQ,CAACU,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,KACjBJ,EAAAL,EAAA,QAAA,MAAAK,EAAO,UAAUP,EAAO,OACzBP,EAAA,OAAOS,EAAU,KAAK,EACjC,CACD,EAEM,CAACW,EAAUC,KACRC,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAO5B,CAAU,EAE7D,CAEA,CAAC"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/topojson-map/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\nimport { TopoJSONMap, TopoJSONMapConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick, inject } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    projection: { type: [Function, Object] },\n    topojson: {},\n    mapFeatureName: {},\n    mapFitToPoints: { type: Boolean },\n    zoomFactor: {},\n    disableZoom: { type: Boolean },\n    zoomExtent: {},\n    zoomDuration: {},\n    linkWidth: { type: [Function, Number, null] },\n    linkColor: { type: [Function, String, Array, null] },\n    linkCursor: { type: [Function, String, null] },\n    linkId: { type: [Function, String, null] },\n    linkSource: { type: Function },\n    linkTarget: { type: Function },\n    areaId: { type: [Function, String, null] },\n    areaColor: { type: [Function, String, Array, null] },\n    areaCursor: { type: [Function, String, null] },\n    pointColor: { type: [Function, String, Array, null] },\n    pointRadius: { type: [Function, Number, null] },\n    pointStrokeWidth: { type: [Function, Number, null] },\n    pointCursor: { type: [Function, String, null] },\n    longitude: { type: [Function, Number, null] },\n    latitude: { type: [Function, Number, null] },\n    pointLabel: { type: [Function, String, null] },\n    pointLabelPosition: {},\n    pointLabelTextBrightnessRatio: {},\n    pointId: { type: Function },\n    heatmapMode: { type: Boolean },\n    heatmapModeBlurStdDeviation: {},\n    heatmapModeZoomLevelThreshold: {},\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps({ ...props }, instance))\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\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","instance","getCurrentInstance","config","parseProps","component","ref","onMounted","nextTick","TopoJSONMap","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"oIAGMA,EAAa,CAAE,qBAAsB,IAQfC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,WAAY,CAAE,KAAM,CAAC,SAAU,MAAM,CAAE,EACvC,SAAU,CAAC,EACX,eAAgB,CAAC,EACjB,eAAgB,CAAE,KAAM,OAAQ,EAChC,WAAY,CAAC,EACb,YAAa,CAAE,KAAM,OAAQ,EAC7B,WAAY,CAAC,EACb,aAAc,CAAC,EACf,UAAW,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC5C,UAAW,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EACnD,WAAY,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC7C,OAAQ,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACzC,WAAY,CAAE,KAAM,QAAS,EAC7B,WAAY,CAAE,KAAM,QAAS,EAC7B,OAAQ,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACzC,UAAW,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EACnD,WAAY,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC7C,WAAY,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EACpD,YAAa,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC9C,iBAAkB,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACnD,YAAa,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC9C,UAAW,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC5C,SAAU,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC3C,WAAY,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC7C,mBAAoB,CAAC,EACrB,8BAA+B,CAAC,EAChC,QAAS,CAAE,KAAM,QAAS,EAC1B,YAAa,CAAE,KAAM,OAAQ,EAC7B,4BAA6B,CAAC,EAC9B,8BAA+B,CAAC,EAChC,SAAU,CAAC,EACX,OAAQ,CAAC,EACT,WAAY,CAAC,EACb,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAAE,OAAQC,GAAY,CAE5C,MAAMC,EAAQF,EAGRG,EAAWC,SAAOC,EAAAA,oBAAoB,EAItCC,EAAOC,EAAS,SAAA,IAAMJ,EAAS,KAAK,OAASD,EAAM,IAAI,EAEvDM,EAAWC,EAAAA,qBACXC,EAASH,WAAS,IAAMI,EAAA,WAAW,CAAE,GAAGT,CAAS,EAAAM,CAAQ,CAAC,EAG1DI,EAAYC,EAAAA,MAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAII,EAA8C,YAAAN,EAAO,KAAK,GACtEO,EAAAL,EAAA,QAAA,MAAAK,EAAO,QAAQX,EAAK,OACrBH,EAAA,OAAOS,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDM,EAAAA,YAAY,IAAM,QAChBD,EAAAL,EAAU,QAAV,MAAAK,EAAiB,UACjBd,EAAS,QAAQ,CAAA,CAClB,EAEKgB,EAAAA,MAAAT,EAAQ,CAACU,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBJ,EAAAL,EAAA,QAAA,MAAAK,EAAO,UAAUP,EAAO,MACpC,CACD,EAEQT,EAAA,CACP,UAAAW,CAAA,CACD,EAEM,CAACW,EAAUC,KACRC,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAO7B,CAAU,EAE7D,CAEA,CAAC"}

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

@@ -1,4 +1,4 @@
-import { TopoJSONMapConfigInterface } from '@unovis/ts';
+import { TopoJSONMap, TopoJSONMapConfigInterface } from '@unovis/ts';
 declare const _default: <AreaDatum, PointDatum, LinkDatum>(__VLS_props: any, __VLS_ctx?: Pick<any, "attrs" | "emit" | "slots">, __VLS_expose?: any, __VLS_setup?: Promise<{
     props: TopoJSONMapConfigInterface<AreaDatum, PointDatum, LinkDatum> & {
         data?: {
@@ -7,7 +7,9 @@ declare const _default: <AreaDatum, PointDatum, LinkDatum>(__VLS_props: any, __V
             links?: LinkDatum[];
         };
     };
-    expose(exposed: {}): void;
+    expose(exposed: {
+        component: import("vue").Ref<TopoJSONMap<AreaDatum, PointDatum, LinkDatum>>;
+    }): void;
     attrs: any;
     slots: {};
     emit: any;

package/components/topojson-map/index.js

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