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

package/components/area/index.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),y=require("@unovis/ts"),r=require("../../utils/props.cjs"),d=require("../../utils/context.cjs"),m={"data-vis-component":""},v=e.defineComponent({__name:"index",props:{curveType:{},baseline:{type:[Function,Number,null]},opacity:{type:[Function,Number,null]},cursor:{type:[Function,String,null]},minHeight1Px:{type:Boolean},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(s){const i=s,o=e.inject(d.componentAccessorKey),l=e.computed(()=>o.data.value),p=e.getCurrentInstance(),c=e.computed(()=>r.parseProps(i,p)),n=e.ref();return e.onMounted(()=>{e.nextTick(()=>{var t;n.value=new y.Area(c.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(c,(t,u)=>{var a;r.arePropsEqual(t,u)||((a=n.value)==null||a.setConfig(c.value),o.update(n.value))}),(t,u)=>(e.openBlock(),e.createElementBlock("div",m))}});module.exports=v;
+"use strict";const e=require("vue"),d=require("@unovis/ts"),s=require("../../utils/props.cjs"),m=require("../../utils/context.cjs"),v={"data-vis-component":""},x=e.defineComponent({__name:"index",props:{curveType:{},baseline:{type:[Function,Number,null]},opacity:{type:[Function,Number,null]},cursor:{type:[Function,String,null]},minHeight1Px:{type:Boolean},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 u=i,o=e.inject(m.componentAccessorKey),p=e.computed(()=>o.data.value??u.data),y=e.getCurrentInstance(),c=e.computed(()=>s.parseProps({...u},y)),n=e.ref();return e.onMounted(()=>{e.nextTick(()=>{var t;n.value=new d.Area(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,a)=>{var r;s.arePropsEqual(t,a)||(r=n.value)==null||r.setConfig(c.value)}),l({component:n}),(t,a)=>(e.openBlock(),e.createElementBlock("div",v))}});module.exports=x;
 //# sourceMappingURL=index.cjs.map

package/components/area/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/area/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 { Area, AreaConfigInterface, 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    curveType: {},\n    baseline: { type: [Function, Number, null] },\n    opacity: { type: [Function, Number, null] },\n    cursor: { type: [Function, String, null] },\n    minHeight1Px: { type: Boolean },\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<Area<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Area<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","Area","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"oIAGMA,EAAa,CAAE,qBAAsB,IAQfC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,UAAW,CAAC,EACZ,SAAU,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC3C,QAAS,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC1C,OAAQ,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACzC,aAAc,CAAE,KAAM,OAAQ,EAC9B,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,EAAY,KAAAN,EAAO,KAAK,GACpCO,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/area/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 { Area, AreaConfigInterface, 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    curveType: {},\n    baseline: { type: [Function, Number, null] },\n    opacity: { type: [Function, Number, null] },\n    cursor: { type: [Function, String, null] },\n    minHeight1Px: { type: Boolean },\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<Area<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Area<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","Area","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"oIAGMA,EAAa,CAAE,qBAAsB,IAQfC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,UAAW,CAAC,EACZ,SAAU,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC3C,QAAS,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC1C,OAAQ,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACzC,aAAc,CAAE,KAAM,OAAQ,EAC9B,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,EAAY,KAAAN,EAAO,KAAK,GACpCO,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/area/index.d.ts

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

package/components/area/index.js

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

package/components/area/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/area/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 { Area, AreaConfigInterface, 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    curveType: {},\n    baseline: { type: [Function, Number, null] },\n    opacity: { type: [Function, Number, null] },\n    cursor: { type: [Function, String, null] },\n    minHeight1Px: { type: Boolean },\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<Area<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Area<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","Area","_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,WAAW,CAAC;AAAA,IACZ,UAAU,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC3C,SAAS,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC1C,QAAQ,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACzC,cAAc,EAAE,MAAM,QAAQ;AAAA,IAC9B,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,EAAYN,EAAO,KAAK,IACpCO,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/area/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 { Area, AreaConfigInterface, 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    curveType: {},\n    baseline: { type: [Function, Number, null] },\n    opacity: { type: [Function, Number, null] },\n    cursor: { type: [Function, String, null] },\n    minHeight1Px: { type: Boolean },\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<Area<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Area<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","Area","_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,WAAW,CAAC;AAAA,IACZ,UAAU,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC3C,SAAS,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC1C,QAAQ,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACzC,cAAc,EAAE,MAAM,QAAQ;AAAA,IAC9B,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,EAAYN,EAAO,KAAK,IACpCO,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/axis/index.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),d=require("@unovis/ts"),l=require("../../utils/props.cjs"),y=require("../../utils/context.cjs"),x={"data-vis-axis":""},k=e.defineComponent({__name:"index",props:{position:{},type:{},fullSize:{type:Boolean},label:{},labelFontSize:{},labelMargin:{},labelColor:{},gridLine:{type:Boolean},tickLine:{type:Boolean},domainLine:{type:Boolean},minMaxTicksOnly:{type:Boolean},tickFormat:{type:Function},tickValues:{},numTicks:{},tickTextFitMode:{},tickTextWidth:{},tickTextSeparator:{},tickTextForceWordBreak:{type:Boolean},tickTextTrimType:{},tickTextFontSize:{},tickTextAlign:{},tickTextColor:{},tickPadding:{},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(u){const i=u,o=e.inject(y.axisAccessorKey),s=e.computed(()=>o.data.value),p=e.getCurrentInstance(),a=e.computed(()=>l.parseProps(i,p)),n=e.ref();return e.onMounted(()=>{e.nextTick(()=>{var t;n.value=new d.Axis(a.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(i.type)}),e.watch(a,(t,c)=>{var r;l.arePropsEqual(t,c)||((r=n.value)==null||r.setConfig(a.value),o.update(n.value))}),(t,c)=>(e.openBlock(),e.createElementBlock("div",x))}});module.exports=k;
+"use strict";const e=require("vue"),y=require("@unovis/ts"),l=require("../../utils/props.cjs"),x=require("../../utils/context.cjs"),k={"data-vis-axis":""},m=e.defineComponent({__name:"index",props:{position:{},type:{},fullSize:{type:Boolean},label:{},labelFontSize:{},labelMargin:{},labelColor:{},gridLine:{type:Boolean},tickLine:{type:Boolean},domainLine:{type:Boolean},minMaxTicksOnly:{type:Boolean},tickFormat:{type:Function},tickValues:{},numTicks:{},tickTextFitMode:{},tickTextWidth:{},tickTextSeparator:{},tickTextForceWordBreak:{type:Boolean},tickTextTrimType:{},tickTextFontSize:{},tickTextAlign:{},tickTextColor:{},tickPadding:{},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(s,{expose:u}){const o=s,a=e.inject(x.axisAccessorKey),p=e.computed(()=>a.data.value??o.data),d=e.getCurrentInstance(),i=e.computed(()=>l.parseProps({...o},d)),n=e.ref();return e.onMounted(()=>{e.nextTick(()=>{var t;n.value=new y.Axis(i.value),(t=n.value)==null||t.setData(p.value),a.update(n.value)})}),e.onUnmounted(()=>{var t;(t=n.value)==null||t.destroy(),a.destroy(o.type)}),e.watch(i,(t,c)=>{var r;l.arePropsEqual(t,c)||(r=n.value)==null||r.setConfig(i.value)}),u({component:n}),(t,c)=>(e.openBlock(),e.createElementBlock("div",k))}});module.exports=m;
 //# sourceMappingURL=index.cjs.map

package/components/axis/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/axis/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-axis\": \"\" }\n\nimport { Axis, AxisConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick, inject } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\nimport { axisAccessorKey } from '../../utils/context'\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    position: {},\n    type: {},\n    fullSize: { type: Boolean },\n    label: {},\n    labelFontSize: {},\n    labelMargin: {},\n    labelColor: {},\n    gridLine: { type: Boolean },\n    tickLine: { type: Boolean },\n    domainLine: { type: Boolean },\n    minMaxTicksOnly: { type: Boolean },\n    tickFormat: { type: Function },\n    tickValues: {},\n    numTicks: {},\n    tickTextFitMode: {},\n    tickTextWidth: {},\n    tickTextSeparator: {},\n    tickTextForceWordBreak: { type: Boolean },\n    tickTextTrimType: {},\n    tickTextFontSize: {},\n    tickTextAlign: {},\n    tickTextColor: {},\n    tickPadding: {},\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(axisAccessorKey)\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<Axis<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Axis<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy(props.type)\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n    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","axisAccessorKey","data","computed","instance","getCurrentInstance","config","parseProps","component","ref","onMounted","nextTick","Axis","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"oIAGMA,EAAa,CAAE,gBAAiB,IAQVC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,SAAU,CAAC,EACX,KAAM,CAAC,EACP,SAAU,CAAE,KAAM,OAAQ,EAC1B,MAAO,CAAC,EACR,cAAe,CAAC,EAChB,YAAa,CAAC,EACd,WAAY,CAAC,EACb,SAAU,CAAE,KAAM,OAAQ,EAC1B,SAAU,CAAE,KAAM,OAAQ,EAC1B,WAAY,CAAE,KAAM,OAAQ,EAC5B,gBAAiB,CAAE,KAAM,OAAQ,EACjC,WAAY,CAAE,KAAM,QAAS,EAC7B,WAAY,CAAC,EACb,SAAU,CAAC,EACX,gBAAiB,CAAC,EAClB,cAAe,CAAC,EAChB,kBAAmB,CAAC,EACpB,uBAAwB,CAAE,KAAM,OAAQ,EACxC,iBAAkB,CAAC,EACnB,iBAAkB,CAAC,EACnB,cAAe,CAAC,EAChB,cAAe,CAAC,EAChB,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,eAAe,EAIjCC,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,EAAY,KAAAN,EAAO,KAAK,GACpCO,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,UACRd,EAAA,QAAQD,EAAM,IAAI,CAAA,CAC5B,EAEKiB,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/axis/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-axis\": \"\" }\n\nimport { Axis, AxisConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick, inject } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\nimport { axisAccessorKey } from '../../utils/context'\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    position: {},\n    type: {},\n    fullSize: { type: Boolean },\n    label: {},\n    labelFontSize: {},\n    labelMargin: {},\n    labelColor: {},\n    gridLine: { type: Boolean },\n    tickLine: { type: Boolean },\n    domainLine: { type: Boolean },\n    minMaxTicksOnly: { type: Boolean },\n    tickFormat: { type: Function },\n    tickValues: {},\n    numTicks: {},\n    tickTextFitMode: {},\n    tickTextWidth: {},\n    tickTextSeparator: {},\n    tickTextForceWordBreak: { type: Boolean },\n    tickTextTrimType: {},\n    tickTextFontSize: {},\n    tickTextAlign: {},\n    tickTextColor: {},\n    tickPadding: {},\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(axisAccessorKey)\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<Axis<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Axis<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy(props.type)\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\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","axisAccessorKey","data","computed","instance","getCurrentInstance","config","parseProps","component","ref","onMounted","nextTick","Axis","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"oIAGMA,EAAa,CAAE,gBAAiB,IAQVC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,SAAU,CAAC,EACX,KAAM,CAAC,EACP,SAAU,CAAE,KAAM,OAAQ,EAC1B,MAAO,CAAC,EACR,cAAe,CAAC,EAChB,YAAa,CAAC,EACd,WAAY,CAAC,EACb,SAAU,CAAE,KAAM,OAAQ,EAC1B,SAAU,CAAE,KAAM,OAAQ,EAC1B,WAAY,CAAE,KAAM,OAAQ,EAC5B,gBAAiB,CAAE,KAAM,OAAQ,EACjC,WAAY,CAAE,KAAM,QAAS,EAC7B,WAAY,CAAC,EACb,SAAU,CAAC,EACX,gBAAiB,CAAC,EAClB,cAAe,CAAC,EAChB,kBAAmB,CAAC,EACpB,uBAAwB,CAAE,KAAM,OAAQ,EACxC,iBAAkB,CAAC,EACnB,iBAAkB,CAAC,EACnB,cAAe,CAAC,EAChB,cAAe,CAAC,EAChB,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,eAAe,EAIjCC,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,EAAY,KAAAN,EAAO,KAAK,GACpCO,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,UACRd,EAAA,QAAQD,EAAM,IAAI,CAAA,CAC5B,EAEKiB,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/axis/index.d.ts

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

package/components/axis/index.js

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

package/components/axis/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/axis/index.vue?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-axis\": \"\" }\n\nimport { Axis, AxisConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick, inject } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\nimport { axisAccessorKey } from '../../utils/context'\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    position: {},\n    type: {},\n    fullSize: { type: Boolean },\n    label: {},\n    labelFontSize: {},\n    labelMargin: {},\n    labelColor: {},\n    gridLine: { type: Boolean },\n    tickLine: { type: Boolean },\n    domainLine: { type: Boolean },\n    minMaxTicksOnly: { type: Boolean },\n    tickFormat: { type: Function },\n    tickValues: {},\n    numTicks: {},\n    tickTextFitMode: {},\n    tickTextWidth: {},\n    tickTextSeparator: {},\n    tickTextForceWordBreak: { type: Boolean },\n    tickTextTrimType: {},\n    tickTextFontSize: {},\n    tickTextAlign: {},\n    tickTextColor: {},\n    tickPadding: {},\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(axisAccessorKey)\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<Axis<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Axis<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy(props.type)\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n    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","axisAccessorKey","data","computed","instance","getCurrentInstance","config","parseProps","component","ref","onMounted","nextTick","Axis","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;;;AAGA,MAAMA,IAAa,EAAE,iBAAiB,MAQVC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,UAAU,CAAC;AAAA,IACX,MAAM,CAAC;AAAA,IACP,UAAU,EAAE,MAAM,QAAQ;AAAA,IAC1B,OAAO,CAAC;AAAA,IACR,eAAe,CAAC;AAAA,IAChB,aAAa,CAAC;AAAA,IACd,YAAY,CAAC;AAAA,IACb,UAAU,EAAE,MAAM,QAAQ;AAAA,IAC1B,UAAU,EAAE,MAAM,QAAQ;AAAA,IAC1B,YAAY,EAAE,MAAM,QAAQ;AAAA,IAC5B,iBAAiB,EAAE,MAAM,QAAQ;AAAA,IACjC,YAAY,EAAE,MAAM,SAAS;AAAA,IAC7B,YAAY,CAAC;AAAA,IACb,UAAU,CAAC;AAAA,IACX,iBAAiB,CAAC;AAAA,IAClB,eAAe,CAAC;AAAA,IAChB,mBAAmB,CAAC;AAAA,IACpB,wBAAwB,EAAE,MAAM,QAAQ;AAAA,IACxC,kBAAkB,CAAC;AAAA,IACnB,kBAAkB,CAAC;AAAA,IACnB,eAAe,CAAC;AAAA,IAChB,eAAe,CAAC;AAAA,IAChB,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,CAAe,GAIjCC,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,EAAYN,EAAO,KAAK,IACpCO,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,WACRd,EAAA,QAAQD,EAAM,IAAI;AAAA,IAAA,CAC5B,GAEKiB,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/axis/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-axis\": \"\" }\n\nimport { Axis, AxisConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick, inject } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\nimport { axisAccessorKey } from '../../utils/context'\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    position: {},\n    type: {},\n    fullSize: { type: Boolean },\n    label: {},\n    labelFontSize: {},\n    labelMargin: {},\n    labelColor: {},\n    gridLine: { type: Boolean },\n    tickLine: { type: Boolean },\n    domainLine: { type: Boolean },\n    minMaxTicksOnly: { type: Boolean },\n    tickFormat: { type: Function },\n    tickValues: {},\n    numTicks: {},\n    tickTextFitMode: {},\n    tickTextWidth: {},\n    tickTextSeparator: {},\n    tickTextForceWordBreak: { type: Boolean },\n    tickTextTrimType: {},\n    tickTextFontSize: {},\n    tickTextAlign: {},\n    tickTextColor: {},\n    tickPadding: {},\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(axisAccessorKey)\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<Axis<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Axis<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy(props.type)\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\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","axisAccessorKey","data","computed","instance","getCurrentInstance","config","parseProps","component","ref","onMounted","nextTick","Axis","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;;;AAGA,MAAMA,IAAa,EAAE,iBAAiB,MAQVC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,UAAU,CAAC;AAAA,IACX,MAAM,CAAC;AAAA,IACP,UAAU,EAAE,MAAM,QAAQ;AAAA,IAC1B,OAAO,CAAC;AAAA,IACR,eAAe,CAAC;AAAA,IAChB,aAAa,CAAC;AAAA,IACd,YAAY,CAAC;AAAA,IACb,UAAU,EAAE,MAAM,QAAQ;AAAA,IAC1B,UAAU,EAAE,MAAM,QAAQ;AAAA,IAC1B,YAAY,EAAE,MAAM,QAAQ;AAAA,IAC5B,iBAAiB,EAAE,MAAM,QAAQ;AAAA,IACjC,YAAY,EAAE,MAAM,SAAS;AAAA,IAC7B,YAAY,CAAC;AAAA,IACb,UAAU,CAAC;AAAA,IACX,iBAAiB,CAAC;AAAA,IAClB,eAAe,CAAC;AAAA,IAChB,mBAAmB,CAAC;AAAA,IACpB,wBAAwB,EAAE,MAAM,QAAQ;AAAA,IACxC,kBAAkB,CAAC;AAAA,IACnB,kBAAkB,CAAC;AAAA,IACnB,eAAe,CAAC;AAAA,IAChB,eAAe,CAAC;AAAA,IAChB,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,CAAe,GAIjCC,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,EAAYN,EAAO,KAAK,IACpCO,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,WACRd,EAAA,QAAQD,EAAM,IAAI;AAAA,IAAA,CAC5B,GAEKiB,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/brush/index.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),d=require("@unovis/ts"),r=require("../../utils/props.cjs"),y=require("../../utils/context.cjs"),v={"data-vis-component":""},m=e.defineComponent({__name:"index",props:{onBrush:{type:Function},onBrushStart:{type:Function},onBrushMove:{type:Function},onBrushEnd:{type:Function},handleWidth:{},selection:{},draggable:{type:Boolean},handlePosition:{},selectionMinLength:{},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(s){const i=s,o=e.inject(y.componentAccessorKey),l=e.computed(()=>o.data.value),p=e.getCurrentInstance(),c=e.computed(()=>r.parseProps(i,p)),n=e.ref();return e.onMounted(()=>{e.nextTick(()=>{var t;n.value=new d.Brush(c.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(c,(t,u)=>{var a;r.arePropsEqual(t,u)||((a=n.value)==null||a.setConfig(c.value),o.update(n.value))}),(t,u)=>(e.openBlock(),e.createElementBlock("div",v))}});module.exports=m;
+"use strict";const e=require("vue"),y=require("@unovis/ts"),s=require("../../utils/props.cjs"),m=require("../../utils/context.cjs"),v={"data-vis-component":""},h=e.defineComponent({__name:"index",props:{onBrush:{type:Function},onBrushStart:{type:Function},onBrushMove:{type:Function},onBrushEnd:{type:Function},handleWidth:{},selection:{},draggable:{type:Boolean},handlePosition:{},selectionMinLength:{},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 a=i,o=e.inject(m.componentAccessorKey),p=e.computed(()=>o.data.value??a.data),d=e.getCurrentInstance(),c=e.computed(()=>s.parseProps({...a},d)),n=e.ref();return e.onMounted(()=>{e.nextTick(()=>{var t;n.value=new y.Brush(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 r;s.arePropsEqual(t,u)||(r=n.value)==null||r.setConfig(c.value)}),l({component:n}),(t,u)=>(e.openBlock(),e.createElementBlock("div",v))}});module.exports=h;
 //# sourceMappingURL=index.cjs.map

package/components/brush/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/brush/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 { Brush, BrushConfigInterface } 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    onBrush: { type: Function },\n    onBrushStart: { type: Function },\n    onBrushMove: { type: Function },\n    onBrushEnd: { type: Function },\n    handleWidth: {},\n    selection: {},\n    draggable: { type: Boolean },\n    handlePosition: {},\n    selectionMinLength: {},\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<Brush<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Brush<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","Brush","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"oIAGMA,EAAa,CAAE,qBAAsB,IAQfC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,QAAS,CAAE,KAAM,QAAS,EAC1B,aAAc,CAAE,KAAM,QAAS,EAC/B,YAAa,CAAE,KAAM,QAAS,EAC9B,WAAY,CAAE,KAAM,QAAS,EAC7B,YAAa,CAAC,EACd,UAAW,CAAC,EACZ,UAAW,CAAE,KAAM,OAAQ,EAC3B,eAAgB,CAAC,EACjB,mBAAoB,CAAC,EACrB,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,EAAa,MAAAN,EAAO,KAAK,GACrCO,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/brush/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 { Brush, BrushConfigInterface } 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    onBrush: { type: Function },\n    onBrushStart: { type: Function },\n    onBrushMove: { type: Function },\n    onBrushEnd: { type: Function },\n    handleWidth: {},\n    selection: {},\n    draggable: { type: Boolean },\n    handlePosition: {},\n    selectionMinLength: {},\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<Brush<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Brush<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","Brush","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"oIAGMA,EAAa,CAAE,qBAAsB,IAQfC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,QAAS,CAAE,KAAM,QAAS,EAC1B,aAAc,CAAE,KAAM,QAAS,EAC/B,YAAa,CAAE,KAAM,QAAS,EAC9B,WAAY,CAAE,KAAM,QAAS,EAC7B,YAAa,CAAC,EACd,UAAW,CAAC,EACZ,UAAW,CAAE,KAAM,OAAQ,EAC3B,eAAgB,CAAC,EACjB,mBAAoB,CAAC,EACrB,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,EAAa,MAAAN,EAAO,KAAK,GACrCO,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/brush/index.d.ts

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

package/components/brush/index.js

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

package/components/brush/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/brush/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 { Brush, BrushConfigInterface } 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    onBrush: { type: Function },\n    onBrushStart: { type: Function },\n    onBrushMove: { type: Function },\n    onBrushEnd: { type: Function },\n    handleWidth: {},\n    selection: {},\n    draggable: { type: Boolean },\n    handlePosition: {},\n    selectionMinLength: {},\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<Brush<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Brush<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","Brush","_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,SAAS,EAAE,MAAM,SAAS;AAAA,IAC1B,cAAc,EAAE,MAAM,SAAS;AAAA,IAC/B,aAAa,EAAE,MAAM,SAAS;AAAA,IAC9B,YAAY,EAAE,MAAM,SAAS;AAAA,IAC7B,aAAa,CAAC;AAAA,IACd,WAAW,CAAC;AAAA,IACZ,WAAW,EAAE,MAAM,QAAQ;AAAA,IAC3B,gBAAgB,CAAC;AAAA,IACjB,oBAAoB,CAAC;AAAA,IACrB,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,EAAaN,EAAO,KAAK,IACrCO,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/brush/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 { Brush, BrushConfigInterface } 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    onBrush: { type: Function },\n    onBrushStart: { type: Function },\n    onBrushMove: { type: Function },\n    onBrushEnd: { type: Function },\n    handleWidth: {},\n    selection: {},\n    draggable: { type: Boolean },\n    handlePosition: {},\n    selectionMinLength: {},\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<Brush<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Brush<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","Brush","_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,SAAS,EAAE,MAAM,SAAS;AAAA,IAC1B,cAAc,EAAE,MAAM,SAAS;AAAA,IAC/B,aAAa,EAAE,MAAM,SAAS;AAAA,IAC9B,YAAY,EAAE,MAAM,SAAS;AAAA,IAC7B,aAAa,CAAC;AAAA,IACd,WAAW,CAAC;AAAA,IACZ,WAAW,EAAE,MAAM,QAAQ;AAAA,IAC3B,gBAAgB,CAAC;AAAA,IACjB,oBAAoB,CAAC;AAAA,IACrB,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,EAAaN,EAAO,KAAK,IACrCO,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/chord-diagram/index.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),p=require("@unovis/ts"),c=require("../../utils/props.cjs"),g=require("../../utils/context.cjs"),m={"data-vis-component":""},v=e.defineComponent({__name:"index",props:{highlightedNodeId:{},highlightedLinkIds:{},linkColor:{type:[Function,String,Array,null]},linkValue:{type:[Function,Number,null]},nodeLevels:{},nodeWidth:{},nodeColor:{type:[Function,String,Array,null]},nodeLabel:{type:[Function,String,null]},nodeLabelColor:{type:[Function,String,null]},nodeLabelAlignment:{type:[Function,null]},padAngle:{type:[Function,Number,null]},cornerRadius:{type:[Function,Number,null]},angleRange:{},radiusScaleExponent:{},duration:{},events:{},attributes:{},data:{}},setup(l){const i=l,o=e.inject(g.componentAccessorKey),s=e.computed(()=>o.data.value),d=e.getCurrentInstance(),u=e.computed(()=>c.parseProps(i,d)),t=e.ref();return e.onMounted(()=>{e.nextTick(()=>{var n;t.value=new p.ChordDiagram(u.value),(n=t.value)==null||n.setData(s.value),o.update(t.value)})}),e.onUnmounted(()=>{var n;(n=t.value)==null||n.destroy(),o.destroy()}),e.watch(u,(n,r)=>{var a;c.arePropsEqual(n,r)||((a=t.value)==null||a.setConfig(u.value),o.update(t.value))}),(n,r)=>(e.openBlock(),e.createElementBlock("div",m))}});module.exports=v;
+"use strict";const e=require("vue"),g=require("@unovis/ts"),l=require("../../utils/props.cjs"),m=require("../../utils/context.cjs"),v={"data-vis-component":""},y=e.defineComponent({__name:"index",props:{highlightedNodeId:{},highlightedLinkIds:{},linkColor:{type:[Function,String,Array,null]},linkValue:{type:[Function,Number,null]},nodeLevels:{},nodeWidth:{},nodeColor:{type:[Function,String,Array,null]},nodeLabel:{type:[Function,String,null]},nodeLabelColor:{type:[Function,String,null]},nodeLabelAlignment:{type:[Function,null]},padAngle:{type:[Function,Number,null]},cornerRadius:{type:[Function,Number,null]},angleRange:{},radiusScaleExponent:{},duration:{},events:{},attributes:{},data:{}},setup(i,{expose:s}){const a=i,o=e.inject(m.componentAccessorKey),d=e.computed(()=>o.data.value??a.data),p=e.getCurrentInstance(),r=e.computed(()=>l.parseProps({...a},p)),t=e.ref();return e.onMounted(()=>{e.nextTick(()=>{var n;t.value=new g.ChordDiagram(r.value),(n=t.value)==null||n.setData(d.value),o.update(t.value)})}),e.onUnmounted(()=>{var n;(n=t.value)==null||n.destroy(),o.destroy()}),e.watch(r,(n,u)=>{var c;l.arePropsEqual(n,u)||(c=t.value)==null||c.setConfig(r.value)}),s({component:t}),(n,u)=>(e.openBlock(),e.createElementBlock("div",v))}});module.exports=y;
 //# sourceMappingURL=index.cjs.map

package/components/chord-diagram/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/chord-diagram/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 { ChordDiagram, ChordDiagramConfigInterface, ChordInputNode, ChordInputLink } 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    highlightedNodeId: {},\n    highlightedLinkIds: {},\n    linkColor: { type: [Function, String, Array, null] },\n    linkValue: { type: [Function, Number, null] },\n    nodeLevels: {},\n    nodeWidth: {},\n    nodeColor: { type: [Function, String, Array, null] },\n    nodeLabel: { type: [Function, String, null] },\n    nodeLabelColor: { type: [Function, String, null] },\n    nodeLabelAlignment: { type: [Function, null] },\n    padAngle: { type: [Function, Number, null] },\n    cornerRadius: { type: [Function, Number, null] },\n    angleRange: {},\n    radiusScaleExponent: {},\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<ChordDiagram<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new ChordDiagram<N, L>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n    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","ChordDiagram","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"oIAGMA,EAAa,CAAE,qBAAsB,IAQfC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,kBAAmB,CAAC,EACpB,mBAAoB,CAAC,EACrB,UAAW,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EACnD,UAAW,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC5C,WAAY,CAAC,EACb,UAAW,CAAC,EACZ,UAAW,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EACnD,UAAW,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC5C,eAAgB,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACjD,mBAAoB,CAAE,KAAM,CAAC,SAAU,IAAI,CAAE,EAC7C,SAAU,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC3C,aAAc,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC/C,WAAY,CAAC,EACb,oBAAqB,CAAC,EACtB,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,EAAmB,aAAAN,EAAO,KAAK,GAC3CO,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/chord-diagram/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 { ChordDiagram, ChordDiagramConfigInterface, ChordInputNode, ChordInputLink } 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    highlightedNodeId: {},\n    highlightedLinkIds: {},\n    linkColor: { type: [Function, String, Array, null] },\n    linkValue: { type: [Function, Number, null] },\n    nodeLevels: {},\n    nodeWidth: {},\n    nodeColor: { type: [Function, String, Array, null] },\n    nodeLabel: { type: [Function, String, null] },\n    nodeLabelColor: { type: [Function, String, null] },\n    nodeLabelAlignment: { type: [Function, null] },\n    padAngle: { type: [Function, Number, null] },\n    cornerRadius: { type: [Function, Number, null] },\n    angleRange: {},\n    radiusScaleExponent: {},\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<ChordDiagram<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new ChordDiagram<N, L>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\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","ChordDiagram","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"oIAGMA,EAAa,CAAE,qBAAsB,IAQfC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,kBAAmB,CAAC,EACpB,mBAAoB,CAAC,EACrB,UAAW,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EACnD,UAAW,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC5C,WAAY,CAAC,EACb,UAAW,CAAC,EACZ,UAAW,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EACnD,UAAW,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC5C,eAAgB,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACjD,mBAAoB,CAAE,KAAM,CAAC,SAAU,IAAI,CAAE,EAC7C,SAAU,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC3C,aAAc,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC/C,WAAY,CAAC,EACb,oBAAqB,CAAC,EACtB,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,EAAmB,aAAAN,EAAO,KAAK,GAC3CO,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/chord-diagram/index.d.ts

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

package/components/chord-diagram/index.js

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

package/components/chord-diagram/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/chord-diagram/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 { ChordDiagram, ChordDiagramConfigInterface, ChordInputNode, ChordInputLink } 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    highlightedNodeId: {},\n    highlightedLinkIds: {},\n    linkColor: { type: [Function, String, Array, null] },\n    linkValue: { type: [Function, Number, null] },\n    nodeLevels: {},\n    nodeWidth: {},\n    nodeColor: { type: [Function, String, Array, null] },\n    nodeLabel: { type: [Function, String, null] },\n    nodeLabelColor: { type: [Function, String, null] },\n    nodeLabelAlignment: { type: [Function, null] },\n    padAngle: { type: [Function, Number, null] },\n    cornerRadius: { type: [Function, Number, null] },\n    angleRange: {},\n    radiusScaleExponent: {},\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<ChordDiagram<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new ChordDiagram<N, L>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n    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","ChordDiagram","_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,mBAAmB,CAAC;AAAA,IACpB,oBAAoB,CAAC;AAAA,IACrB,WAAW,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IACnD,WAAW,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC5C,YAAY,CAAC;AAAA,IACb,WAAW,CAAC;AAAA,IACZ,WAAW,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IACnD,WAAW,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC5C,gBAAgB,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACjD,oBAAoB,EAAE,MAAM,CAAC,UAAU,IAAI,EAAE;AAAA,IAC7C,UAAU,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC3C,cAAc,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC/C,YAAY,CAAC;AAAA,IACb,qBAAqB,CAAC;AAAA,IACtB,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,EAAmBN,EAAO,KAAK,IAC3CO,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/chord-diagram/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 { ChordDiagram, ChordDiagramConfigInterface, ChordInputNode, ChordInputLink } 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    highlightedNodeId: {},\n    highlightedLinkIds: {},\n    linkColor: { type: [Function, String, Array, null] },\n    linkValue: { type: [Function, Number, null] },\n    nodeLevels: {},\n    nodeWidth: {},\n    nodeColor: { type: [Function, String, Array, null] },\n    nodeLabel: { type: [Function, String, null] },\n    nodeLabelColor: { type: [Function, String, null] },\n    nodeLabelAlignment: { type: [Function, null] },\n    padAngle: { type: [Function, Number, null] },\n    cornerRadius: { type: [Function, Number, null] },\n    angleRange: {},\n    radiusScaleExponent: {},\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<ChordDiagram<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new ChordDiagram<N, L>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\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","ChordDiagram","_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,mBAAmB,CAAC;AAAA,IACpB,oBAAoB,CAAC;AAAA,IACrB,WAAW,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IACnD,WAAW,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC5C,YAAY,CAAC;AAAA,IACb,WAAW,CAAC;AAAA,IACZ,WAAW,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IACnD,WAAW,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC5C,gBAAgB,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACjD,oBAAoB,EAAE,MAAM,CAAC,UAAU,IAAI,EAAE;AAAA,IAC7C,UAAU,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC3C,cAAc,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC/C,YAAY,CAAC;AAAA,IACb,qBAAqB,CAAC;AAAA,IACtB,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,EAAmBN,EAAO,KAAK,IAC3CO,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/crosshair/index.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),d=require("@unovis/ts"),s=require("../../utils/props.cjs"),y=require("../../utils/context.cjs"),m={"data-vis-crosshair":""},v=e.defineComponent({__name:"index",props:{yStacked:{},baseline:{type:[Function,Number,null]},tooltip:{},template:{type:Function},hideWhenFarFromPointer:{type:Boolean},hideWhenFarFromPointerDistance:{},snapToData:{type:Boolean},getCircles:{type:Function},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(u){const i=u,o=e.inject(y.crosshairAccessorKey),l=e.computed(()=>o.data.value),p=e.getCurrentInstance(),a=e.computed(()=>s.parseProps(i,p)),n=e.ref();return e.onMounted(()=>{e.nextTick(()=>{var t;n.value=new d.Crosshair(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,c)=>{var r;s.arePropsEqual(t,c)||((r=n.value)==null||r.setConfig(a.value),o.update(n.value))}),(t,c)=>(e.openBlock(),e.createElementBlock("div",m))}});module.exports=v;
+"use strict";const e=require("vue"),y=require("@unovis/ts"),u=require("../../utils/props.cjs"),m=require("../../utils/context.cjs"),F={"data-vis-crosshair":""},v=e.defineComponent({__name:"index",props:{yStacked:{},baseline:{type:[Function,Number,null]},tooltip:{},template:{type:Function},hideWhenFarFromPointer:{type:Boolean},hideWhenFarFromPointerDistance:{},snapToData:{type:Boolean},getCircles:{type:Function},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 c=i,o=e.inject(m.crosshairAccessorKey),p=e.computed(()=>o.data.value??c.data),d=e.getCurrentInstance(),a=e.computed(()=>u.parseProps({...c},d)),n=e.ref();return e.onMounted(()=>{e.nextTick(()=>{var t;n.value=new y.Crosshair(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,r)=>{var s;u.arePropsEqual(t,r)||(s=n.value)==null||s.setConfig(a.value)}),l({component:n}),(t,r)=>(e.openBlock(),e.createElementBlock("div",F))}});module.exports=v;
 //# sourceMappingURL=index.cjs.map

package/components/crosshair/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/crosshair/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-crosshair\": \"\" }\n\nimport { Crosshair, CrosshairConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick, inject } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\nimport { crosshairAccessorKey } from '../../utils/context'\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    yStacked: {},\n    baseline: { type: [Function, Number, null] },\n    tooltip: {},\n    template: { type: Function },\n    hideWhenFarFromPointer: { type: Boolean },\n    hideWhenFarFromPointerDistance: {},\n    snapToData: { type: Boolean },\n    getCircles: { type: Function },\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(crosshairAccessorKey)\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<Crosshair<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Crosshair<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","crosshairAccessorKey","data","computed","instance","getCurrentInstance","config","parseProps","component","ref","onMounted","nextTick","Crosshair","_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,SAAU,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC3C,QAAS,CAAC,EACV,SAAU,CAAE,KAAM,QAAS,EAC3B,uBAAwB,CAAE,KAAM,OAAQ,EACxC,+BAAgC,CAAC,EACjC,WAAY,CAAE,KAAM,OAAQ,EAC5B,WAAY,CAAE,KAAM,QAAS,EAC7B,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,EAAiB,UAAAN,EAAO,KAAK,GACzCO,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/crosshair/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-crosshair\": \"\" }\n\nimport { Crosshair, CrosshairConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick, inject } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\nimport { crosshairAccessorKey } from '../../utils/context'\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    yStacked: {},\n    baseline: { type: [Function, Number, null] },\n    tooltip: {},\n    template: { type: Function },\n    hideWhenFarFromPointer: { type: Boolean },\n    hideWhenFarFromPointerDistance: {},\n    snapToData: { type: Boolean },\n    getCircles: { type: Function },\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(crosshairAccessorKey)\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<Crosshair<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Crosshair<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","crosshairAccessorKey","data","computed","instance","getCurrentInstance","config","parseProps","component","ref","onMounted","nextTick","Crosshair","_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,SAAU,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC3C,QAAS,CAAC,EACV,SAAU,CAAE,KAAM,QAAS,EAC3B,uBAAwB,CAAE,KAAM,OAAQ,EACxC,+BAAgC,CAAC,EACjC,WAAY,CAAE,KAAM,OAAQ,EAC5B,WAAY,CAAE,KAAM,QAAS,EAC7B,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,EAAiB,UAAAN,EAAO,KAAK,GACzCO,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/crosshair/index.d.ts

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