@unovis/vue 1.3.0-alpha.4 → 1.3.0-beta.3

package/components/topojson-map/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/topojson-map/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\nimport { TopoJSONMap, TopoJSONMapConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick, inject } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    projection: { type: [Function, Object] },\n    topojson: {},\n    mapFeatureName: {},\n    mapFitToPoints: { type: Boolean },\n    zoomFactor: {},\n    disableZoom: { type: Boolean },\n    zoomExtent: {},\n    zoomDuration: {},\n    linkWidth: { type: [Function, Number, null] },\n    linkColor: { type: [Function, String, Array, null] },\n    linkCursor: { type: [Function, String, null] },\n    linkId: { type: [Function, String, null] },\n    linkSource: { type: Function },\n    linkTarget: { type: Function },\n    areaId: { type: [Function, String, null] },\n    areaColor: { type: [Function, String, Array, null] },\n    areaCursor: { type: [Function, String, null] },\n    pointColor: { type: [Function, String, Array, null] },\n    pointRadius: { type: [Function, Number, null] },\n    pointStrokeWidth: { type: [Function, Number, null] },\n    pointCursor: { type: [Function, String, null] },\n    longitude: { type: [Function, Number, null] },\n    latitude: { type: [Function, Number, null] },\n    pointLabel: { type: [Function, String, null] },\n    pointLabelPosition: {},\n    pointLabelTextBrightnessRatio: {},\n    pointId: { type: Function },\n    heatmapMode: { type: Boolean },\n    heatmapModeBlurStdDeviation: {},\n    heatmapModeZoomLevelThreshold: {},\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps({ ...props }, instance))\n\n// component declaration\nconst component = ref<TopoJSONMap<AreaDatum, PointDatum, LinkDatum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new TopoJSONMap<AreaDatum, PointDatum, LinkDatum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","instance","getCurrentInstance","config","parseProps","component","ref","onMounted","nextTick","TopoJSONMap","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/topojson-map/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-component\": \"\" }\n\nimport { TopoJSONMap, TopoJSONMapConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\ninterface Props extends  TopoJSONMapConfigInterface<AreaDatum, PointDatum, LinkDatum> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    projection: { type: [Function, Object] },\n    topojson: {},\n    mapFeatureName: {},\n    mapFitToPoints: { type: Boolean },\n    zoomFactor: {},\n    disableZoom: { type: Boolean },\n    zoomExtent: {},\n    zoomDuration: {},\n    linkWidth: { type: [Function, Number, null] },\n    linkColor: { type: [Function, String, Array, null] },\n    linkCursor: { type: [Function, String, null] },\n    linkId: { type: [Function, String, null] },\n    linkSource: { type: Function },\n    linkTarget: { type: Function },\n    areaId: { type: [Function, String, null] },\n    areaColor: { type: [Function, String, Array, null] },\n    areaCursor: { type: [Function, String, null] },\n    pointColor: { type: [Function, String, Array, null] },\n    pointRadius: { type: [Function, Number, null] },\n    pointStrokeWidth: { type: [Function, Number, null] },\n    pointCursor: { type: [Function, String, null] },\n    longitude: { type: [Function, Number, null] },\n    latitude: { type: [Function, Number, null] },\n    pointLabel: { type: [Function, String, null] },\n    pointLabelPosition: {},\n    pointLabelTextBrightnessRatio: {},\n    pointId: { type: Function },\n    heatmapMode: { type: Boolean },\n    heatmapModeBlurStdDeviation: {},\n    heatmapModeZoomLevelThreshold: {},\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \n\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<TopoJSONMap<AreaDatum, PointDatum, LinkDatum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new TopoJSONMap<AreaDatum, PointDatum, LinkDatum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\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","config","useForwardProps","component","ref","onMounted","nextTick","TopoJSONMap","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"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"}

package/components/xy-labels/index.cjs

@@ -1,2 +1,2 @@
-"use strict";const n=require("vue"),d=require("@unovis/ts"),i=require("../../utils/props.cjs"),F=require("../../utils/context.cjs"),g={"data-vis-component":""},m=n.defineComponent({__name:"index",props:{y:{type:[Function,Number,null]},xPositioning:{type:[Function,null]},yPositioning:{type:[Function,null]},labelFontSize:{type:[Function,Number,null]},label:{type:[Function,String,null]},backgroundColor:{type:[Function,String,Array,null]},cursor:{type:[Function,String,null]},labelTextBrightnessRatio:{},clustering:{type:Boolean},clusterLabel:{type:[Function,String,null]},clusterFontSize:{type:[Function,Number,null]},clusterBackgroundColor:{type:[Function,String,Array,null]},clusterCursor:{type:[Function,String,null]},clusterLabelColor:{type:[Function,String,Array,null]},x:{type:[Function,Number,null]},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(a,{expose:s}){const c=a,o=n.inject(F.componentAccessorKey),p=n.computed(()=>o.data.value??c.data),y=n.getCurrentInstance(),u=n.computed(()=>i.parseProps({...c},y)),e=n.ref();return n.onMounted(()=>{n.nextTick(()=>{var t;e.value=new d.XYLabels(u.value),(t=e.value)==null||t.setData(p.value),o.update(e.value)})}),n.onUnmounted(()=>{var t;(t=e.value)==null||t.destroy(),o.destroy()}),n.watch(u,(t,r)=>{var l;i.arePropsEqual(t,r)||(l=e.value)==null||l.setConfig(u.value)}),s({component:e}),(t,r)=>(n.openBlock(),n.createElementBlock("div",g))}});module.exports=m;
+"use strict";const e=require("vue"),y=require("@unovis/ts"),i=require("../../utils/props.cjs"),d=require("../../utils/context.cjs"),F={"data-vis-component":""},g=e.defineComponent({__name:"index",props:{y:{type:[Function,Number,null]},xPositioning:{type:[Function,null]},yPositioning:{type:[Function,null]},labelFontSize:{type:[Function,Number,null]},label:{type:[Function,String,null]},backgroundColor:{type:[Function,String,Array,null]},cursor:{type:[Function,String,null]},labelTextBrightnessRatio:{},clustering:{type:Boolean},clusterLabel:{type:[Function,String,null]},clusterFontSize:{type:[Function,Number,null]},clusterBackgroundColor:{type:[Function,String,Array,null]},clusterCursor:{type:[Function,String,null]},clusterLabelColor:{type:[Function,String,Array,null]},x:{type:[Function,Number,null]},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:p}){const r=s,o=e.inject(d.componentAccessorKey),u=e.computed(()=>o.data.value??r.data),l=i.useForwardProps(r),n=e.ref();return e.onMounted(()=>{e.nextTick(()=>{var t;n.value=new y.XYLabels(l.value),(t=n.value)==null||t.setData(u.value),o.update(n.value)})}),e.onUnmounted(()=>{var t;(t=n.value)==null||t.destroy(),o.destroy()}),e.watch(l,(t,c)=>{var a;i.arePropsEqual(t,c)||(a=n.value)==null||a.setConfig(l.value)}),e.watch(u,()=>{var t;(t=n.value)==null||t.setData(u.value)}),p({component:n}),(t,c)=>(e.openBlock(),e.createElementBlock("div",F))}});module.exports=g;
 //# sourceMappingURL=index.cjs.map

package/components/xy-labels/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/xy-labels/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 { XYLabels, XYLabelsConfigInterface, 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    y: { type: [Function, Number, null] },\n    xPositioning: { type: [Function, null] },\n    yPositioning: { type: [Function, null] },\n    labelFontSize: { type: [Function, Number, null] },\n    label: { type: [Function, String, null] },\n    backgroundColor: { type: [Function, String, Array, null] },\n    cursor: { type: [Function, String, null] },\n    labelTextBrightnessRatio: {},\n    clustering: { type: Boolean },\n    clusterLabel: { type: [Function, String, null] },\n    clusterFontSize: { type: [Function, Number, null] },\n    clusterBackgroundColor: { type: [Function, String, Array, null] },\n    clusterCursor: { type: [Function, String, null] },\n    clusterLabelColor: { type: [Function, String, Array, null] },\n    x: { type: [Function, Number, null] },\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<XYLabels<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new XYLabels<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","XYLabels","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"oIAGMA,EAAa,CAAE,qBAAsB,IAQfC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,EAAG,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACpC,aAAc,CAAE,KAAM,CAAC,SAAU,IAAI,CAAE,EACvC,aAAc,CAAE,KAAM,CAAC,SAAU,IAAI,CAAE,EACvC,cAAe,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAChD,MAAO,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACxC,gBAAiB,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EACzD,OAAQ,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACzC,yBAA0B,CAAC,EAC3B,WAAY,CAAE,KAAM,OAAQ,EAC5B,aAAc,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC/C,gBAAiB,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAClD,uBAAwB,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EAChE,cAAe,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAChD,kBAAmB,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EAC3D,EAAG,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACpC,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,EAAgB,SAAAN,EAAO,KAAK,GACxCO,EAAAL,EAAA,QAAA,MAAAK,EAAO,QAAQX,EAAK,OACrBH,EAAA,OAAOS,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDM,EAAAA,YAAY,IAAM,QAChBD,EAAAL,EAAU,QAAV,MAAAK,EAAiB,UACjBd,EAAS,QAAQ,CAAA,CAClB,EAEKgB,EAAAA,MAAAT,EAAQ,CAACU,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBJ,EAAAL,EAAA,QAAA,MAAAK,EAAO,UAAUP,EAAO,MACpC,CACD,EAEQT,EAAA,CACP,UAAAW,CAAA,CACD,EAEM,CAACW,EAAUC,KACRC,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAO7B,CAAU,EAE7D,CAEA,CAAC"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/xy-labels/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 { XYLabels, XYLabelsConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\ninterface Props extends  XYLabelsConfigInterface<Datum> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    y: { type: [Function, Number, null] },\n    xPositioning: { type: [Function, null] },\n    yPositioning: { type: [Function, null] },\n    labelFontSize: { type: [Function, Number, null] },\n    label: { type: [Function, String, null] },\n    backgroundColor: { type: [Function, String, Array, null] },\n    cursor: { type: [Function, String, null] },\n    labelTextBrightnessRatio: {},\n    clustering: { type: Boolean },\n    clusterLabel: { type: [Function, String, null] },\n    clusterFontSize: { type: [Function, Number, null] },\n    clusterBackgroundColor: { type: [Function, String, Array, null] },\n    clusterCursor: { type: [Function, String, null] },\n    clusterLabelColor: { type: [Function, String, Array, null] },\n    x: { type: [Function, Number, null] },\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\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<XYLabels<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new XYLabels<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\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","config","useForwardProps","component","ref","onMounted","nextTick","XYLabels","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"oIAGMA,EAAa,CAAE,qBAAsB,IASfC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,EAAG,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACpC,aAAc,CAAE,KAAM,CAAC,SAAU,IAAI,CAAE,EACvC,aAAc,CAAE,KAAM,CAAC,SAAU,IAAI,CAAE,EACvC,cAAe,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAChD,MAAO,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACxC,gBAAiB,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EACzD,OAAQ,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACzC,yBAA0B,CAAC,EAC3B,WAAY,CAAE,KAAM,OAAQ,EAC5B,aAAc,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAC/C,gBAAiB,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAClD,uBAAwB,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EAChE,cAAe,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EAChD,kBAAmB,CAAE,KAAM,CAAC,SAAU,OAAQ,MAAO,IAAI,CAAE,EAC3D,EAAG,CAAE,KAAM,CAAC,SAAU,OAAQ,IAAI,CAAE,EACpC,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,EAKtCC,EAAOC,EAAS,SAAA,IAAMJ,EAAS,KAAK,OAASD,EAAM,IAAI,EAEvDM,EAASC,kBAAgBP,CAAK,EAG9BQ,EAAYC,EAAAA,MAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAII,EAAgB,SAAAN,EAAO,KAAK,GACxCO,EAAAL,EAAA,QAAA,MAAAK,EAAO,QAAQT,EAAK,OACrBH,EAAA,OAAOO,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDM,EAAAA,YAAY,IAAM,QAChBD,EAAAL,EAAU,QAAV,MAAAK,EAAiB,UACjBZ,EAAS,QAAQ,CAAA,CAClB,EAEKc,EAAAA,MAAAT,EAAQ,CAACU,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBJ,EAAAL,EAAA,QAAA,MAAAK,EAAO,UAAUP,EAAO,MACpC,CACD,EAEDS,EAAA,MAAMX,EAAM,IAAM,QACNS,EAAAL,EAAA,QAAA,MAAAK,EAAO,QAAQT,EAAK,MAAK,CACpC,EAEQL,EAAA,CACP,UAAAS,CAAA,CACD,EAEM,CAACW,EAAUC,KACRC,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAO3B,CAAU,EAE7D,CAEA,CAAC"}

package/components/xy-labels/index.d.ts

@@ -58,9 +58,9 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
         clusterCursor?: import("@unovis/ts").StringAccessor<import("@unovis/ts").XYLabel<Datum>[]>;
         clusterLabelColor?: import("@unovis/ts").ColorAccessor<import("@unovis/ts").XYLabel<Datum>[]>;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
-    expose(exposed: {
+    expose(exposed: import("vue").ShallowUnwrapRef<{
         component: import("vue").Ref<XYLabels<Datum>>;
-    }): void;
+    }>): void;
     attrs: any;
     slots: {};
     emit: any;

package/components/xy-labels/index.js

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

package/components/xy-labels/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/xy-labels/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 { XYLabels, XYLabelsConfigInterface, 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    y: { type: [Function, Number, null] },\n    xPositioning: { type: [Function, null] },\n    yPositioning: { type: [Function, null] },\n    labelFontSize: { type: [Function, Number, null] },\n    label: { type: [Function, String, null] },\n    backgroundColor: { type: [Function, String, Array, null] },\n    cursor: { type: [Function, String, null] },\n    labelTextBrightnessRatio: {},\n    clustering: { type: Boolean },\n    clusterLabel: { type: [Function, String, null] },\n    clusterFontSize: { type: [Function, Number, null] },\n    clusterBackgroundColor: { type: [Function, String, Array, null] },\n    clusterCursor: { type: [Function, String, null] },\n    clusterLabelColor: { type: [Function, String, Array, null] },\n    x: { type: [Function, Number, null] },\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<XYLabels<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new XYLabels<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","XYLabels","_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,GAAG,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACpC,cAAc,EAAE,MAAM,CAAC,UAAU,IAAI,EAAE;AAAA,IACvC,cAAc,EAAE,MAAM,CAAC,UAAU,IAAI,EAAE;AAAA,IACvC,eAAe,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAChD,OAAO,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACxC,iBAAiB,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IACzD,QAAQ,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACzC,0BAA0B,CAAC;AAAA,IAC3B,YAAY,EAAE,MAAM,QAAQ;AAAA,IAC5B,cAAc,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC/C,iBAAiB,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAClD,wBAAwB,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IAChE,eAAe,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAChD,mBAAmB,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IAC3D,GAAG,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACpC,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,EAAgBN,EAAO,KAAK,IACxCO,IAAAL,EAAA,UAAA,QAAAK,EAAO,QAAQX,EAAK,QACrBH,EAAA,OAAOS,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDM,EAAY,MAAM;;AAChB,OAAAD,IAAAL,EAAU,UAAV,QAAAK,EAAiB,WACjBd,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKgB,EAAAT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBJ,IAAAL,EAAA,UAAA,QAAAK,EAAO,UAAUP,EAAO;AAAA,IACpC,CACD,GAEQT,EAAA;AAAA,MACP,WAAAW;AAAA,IAAA,CACD,GAEM,CAACW,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAO7B,CAAU;AAAA,EAE7D;AAEA,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/xy-labels/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 { XYLabels, XYLabelsConfigInterface, NumericAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\ninterface Props extends  XYLabelsConfigInterface<Datum> { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    y: { type: [Function, Number, null] },\n    xPositioning: { type: [Function, null] },\n    yPositioning: { type: [Function, null] },\n    labelFontSize: { type: [Function, Number, null] },\n    label: { type: [Function, String, null] },\n    backgroundColor: { type: [Function, String, Array, null] },\n    cursor: { type: [Function, String, null] },\n    labelTextBrightnessRatio: {},\n    clustering: { type: Boolean },\n    clusterLabel: { type: [Function, String, null] },\n    clusterFontSize: { type: [Function, Number, null] },\n    clusterBackgroundColor: { type: [Function, String, Array, null] },\n    clusterCursor: { type: [Function, String, null] },\n    clusterLabelColor: { type: [Function, String, Array, null] },\n    x: { type: [Function, Number, null] },\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\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<XYLabels<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new XYLabels<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\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","config","useForwardProps","component","ref","onMounted","nextTick","XYLabels","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;;;AAGA,MAAMA,IAAa,EAAE,sBAAsB,MASfC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,GAAG,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACpC,cAAc,EAAE,MAAM,CAAC,UAAU,IAAI,EAAE;AAAA,IACvC,cAAc,EAAE,MAAM,CAAC,UAAU,IAAI,EAAE;AAAA,IACvC,eAAe,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAChD,OAAO,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACxC,iBAAiB,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IACzD,QAAQ,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACzC,0BAA0B,CAAC;AAAA,IAC3B,YAAY,EAAE,MAAM,QAAQ;AAAA,IAC5B,cAAc,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC/C,iBAAiB,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAClD,wBAAwB,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IAChE,eAAe,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAChD,mBAAmB,EAAE,MAAM,CAAC,UAAU,QAAQ,OAAO,IAAI,EAAE;AAAA,IAC3D,GAAG,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACpC,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,GAKtCC,IAAOC,EAAS,MAAMJ,EAAS,KAAK,SAASD,EAAM,IAAI,GAEvDM,IAASC,EAAgBP,CAAK,GAG9BQ,IAAYC;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAII,EAAgBN,EAAO,KAAK,IACxCO,IAAAL,EAAA,UAAA,QAAAK,EAAO,QAAQT,EAAK,QACrBH,EAAA,OAAOO,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDM,EAAY,MAAM;;AAChB,OAAAD,IAAAL,EAAU,UAAV,QAAAK,EAAiB,WACjBZ,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKc,EAAAT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBJ,IAAAL,EAAA,UAAA,QAAAK,EAAO,UAAUP,EAAO;AAAA,IACpC,CACD,GAEDS,EAAMX,GAAM,MAAM;;AACN,OAAAS,IAAAL,EAAA,UAAA,QAAAK,EAAO,QAAQT,EAAK;AAAA,IAAK,CACpC,GAEQL,EAAA;AAAA,MACP,WAAAS;AAAA,IAAA,CACD,GAEM,CAACW,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAO3B,CAAU;AAAA,EAE7D;AAEA,CAAC;"}

package/containers/single-container/index.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),d=require("@unovis/ts"),c=require("../../utils/context.cjs"),f=require("../../utils/props.cjs"),m=e.defineComponent({__name:"index",props:{component:{},tooltip:{},duration:{},margin:{},padding:{},sizing:{},width:{},height:{},svgDefs:{},ariaLabel:{},data:{}},setup(u,{expose:l}){const s=u,{data:a}=e.toRefs(s),p=e.getCurrentInstance(),v=e.computed(()=>f.parseProps({...s},p)),o=e.ref(),n=e.ref({component:void 0,tooltip:void 0}),r=e.ref(),i=()=>{o.value||r.value&&n.value.component&&(o.value=new d.SingleContainer(r.value,n.value,a.value))};return e.watchEffect(()=>{var t;i(),(t=o.value)==null||t.updateContainer({...v.value,...n.value})}),e.watch(a,()=>{o.value?o.value.setData(a.value,!0):i()}),e.onUnmounted(()=>{var t;return(t=o.value)==null?void 0:t.destroy()}),e.provide(c.componentAccessorKey,{data:a,update:t=>n.value.component=t,destroy:()=>n.value.component=void 0}),e.provide(c.tooltipAccessorKey,{data:a,update:t=>n.value.tooltip=t,destroy:()=>{n.value.tooltip=void 0}}),l({component:o}),(t,g)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-single-container":"",ref_key:"elRef",ref:r,class:"unovis-single-container"},[e.renderSlot(t.$slots,"default")],512))}});module.exports=m;
+"use strict";const e=require("vue"),u=require("@unovis/ts"),c=require("../../utils/context.cjs"),f=require("../../utils/props.cjs"),v=e.defineComponent({__name:"index",props:{component:{},tooltip:{},duration:{},margin:{},padding:{},sizing:{},width:{},height:{},svgDefs:{},ariaLabel:{},data:{}},setup(p,{expose:d}){const r=p,{data:s}=e.toRefs(r),l=f.useForwardProps(r);let o;const t=e.reactive({component:void 0,tooltip:void 0}),i=e.ref(),a=()=>{o||i.value&&t.component&&(o=new u.SingleContainer(i.value,{...e.toRaw(t)},s.value))};return e.watchEffect(()=>{var n;a(),(n=t.component)==null||n.config,o==null||o.updateContainer({...e.toRaw(l.value),...e.toRaw(t)})}),e.watch(s,()=>{o?o.setData(s.value,!0):a()}),e.onUnmounted(()=>o==null?void 0:o.destroy()),e.provide(c.componentAccessorKey,{data:s,update:n=>t.component=n,destroy:()=>t.component=void 0}),e.provide(c.tooltipAccessorKey,{data:s,update:n=>t.tooltip=n,destroy:()=>{t.tooltip=void 0}}),d({component:o}),(n,m)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-single-container":"",ref_key:"elRef",ref:i,class:"unovis-single-container"},[e.renderSlot(n.$slots,"default")],512))}});module.exports=v;
 //# sourceMappingURL=index.cjs.map

package/containers/single-container/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/containers/single-container/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { SingleContainer, ComponentCore, SingleContainerConfigInterface, Tooltip } from '@unovis/ts'\nimport { onUnmounted, ref, provide, watch, toRefs, getCurrentInstance, computed, watchEffect, Ref, onMounted } from 'vue'\nimport { componentAccessorKey, tooltipAccessorKey } from \"../../utils/context\"\nimport { parseProps } from \"../../utils/props\"\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    component: {},\n    tooltip: {},\n    duration: {},\n    margin: {},\n    padding: {},\n    sizing: {},\n    width: {},\n    height: {},\n    svgDefs: {},\n    ariaLabel: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n\nconst { data } = toRefs(props)\nconst instance = getCurrentInstance()\nconst parsedProps = computed(() => parseProps({ ...props }, instance))\n\nconst chart = ref<SingleContainer<T> | undefined>()\nconst config = ref({\n  component: undefined,\n  tooltip: undefined,\n}) as Ref<SingleContainerConfigInterface<T>>\nconst elRef = ref<HTMLDivElement>()\n\nconst initChart = () => {\n  if (chart.value) return\n  if (elRef.value && config.value.component)\n    chart.value = new SingleContainer(elRef.value, config.value, data.value)\n}\n\nwatchEffect(() => {\n  initChart()\n  chart.value?.updateContainer({ ...parsedProps.value, ...config.value })\n})\n\nwatch(data, () => {\n  if (chart.value) {\n    chart.value.setData(data.value, true)\n  } else {\n    initChart()\n  }\n})\n\nonUnmounted(() => chart.value?.destroy())\n\nprovide(componentAccessorKey, {\n  data,\n  update: (c: ComponentCore<T>) => config.value.component = c,\n  destroy: () => config.value.component = undefined,\n})\n\nprovide(tooltipAccessorKey, {\n  data,\n  update: (t: Tooltip) => config.value.tooltip = t,\n  destroy: () => { config.value.tooltip = undefined },\n})\n\n__expose({\n  component: chart\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-single-container\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef,\n    class: \"unovis-single-container\"\n  }, [\n    _renderSlot(_ctx.$slots, \"default\")\n  ], 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","props","data","toRefs","instance","getCurrentInstance","parsedProps","computed","parseProps","chart","ref","config","elRef","initChart","SingleContainer","watchEffect","_a","watch","onUnmounted","provide","componentAccessorKey","c","tooltipAccessorKey","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot"],"mappings":"oIAS4BA,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,UAAW,CAAC,EACZ,QAAS,CAAC,EACV,SAAU,CAAC,EACX,OAAQ,CAAC,EACT,QAAS,CAAC,EACV,OAAQ,CAAC,EACT,MAAO,CAAC,EACR,OAAQ,CAAC,EACT,QAAS,CAAC,EACV,UAAW,CAAC,EACZ,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAAE,OAAQC,GAAY,CAE5C,MAAMC,EAAQF,EAGR,CAAE,KAAAG,CAAA,EAASC,EAAA,OAAOF,CAAK,EACvBG,EAAWC,EAAAA,qBACXC,EAAcC,WAAS,IAAMC,EAAA,WAAW,CAAE,GAAGP,CAAS,EAAAG,CAAQ,CAAC,EAE/DK,EAAQC,EAAAA,MACRC,EAASD,EAAAA,IAAI,CACjB,UAAW,OACX,QAAS,MAAA,CACV,EACKE,EAAQF,EAAAA,MAERG,EAAY,IAAM,CAClBJ,EAAM,OACNG,EAAM,OAASD,EAAO,MAAM,YACxBF,EAAA,MAAQ,IAAIK,EAAAA,gBAAgBF,EAAM,MAAOD,EAAO,MAAOT,EAAK,KAAK,EAAA,EAG3Ea,OAAAA,EAAAA,YAAY,IAAM,OACNF,KACJG,EAAAP,EAAA,QAAA,MAAAO,EAAO,gBAAgB,CAAE,GAAGV,EAAY,MAAO,GAAGK,EAAO,KAAA,EAAO,CACvE,EAEDM,EAAA,MAAMf,EAAM,IAAM,CACZO,EAAM,MACRA,EAAM,MAAM,QAAQP,EAAK,MAAO,EAAI,EAE1BW,GACZ,CACD,EAEDK,EAAAA,YAAY,IAAA,OAAM,OAAAF,EAAAP,EAAM,QAAN,YAAAO,EAAa,UAAS,EAExCG,EAAAA,QAAQC,EAAAA,qBAAsB,CAC5B,KAAAlB,EACA,OAASmB,GAAwBV,EAAO,MAAM,UAAYU,EAC1D,QAAS,IAAMV,EAAO,MAAM,UAAY,MAAA,CACzC,EAEDQ,EAAAA,QAAQG,EAAAA,mBAAoB,CAC1B,KAAApB,EACA,OAAS,GAAeS,EAAO,MAAM,QAAU,EAC/C,QAAS,IAAM,CAAEA,EAAO,MAAM,QAAU,MAAU,CAAA,CACnD,EAEQX,EAAA,CACP,UAAWS,CAAA,CACZ,EAEM,CAACc,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,4BAA6B,GAC7B,QAAS,QACT,IAAKd,EACL,MAAO,yBAAA,EACN,CACDe,aAAYJ,EAAK,OAAQ,SAAS,GACjC,GAAG,EAER,CAEA,CAAC"}
+{"version":3,"file":"index.cjs","sources":["../../../src/containers/single-container/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { SingleContainer, ComponentCore, SingleContainerConfigInterface, Tooltip } from '@unovis/ts'\nimport { onUnmounted, ref, provide, watch, toRefs, watchEffect, reactive, toRaw } from 'vue'\nimport { componentAccessorKey, tooltipAccessorKey } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    component: {},\n    tooltip: {},\n    duration: {},\n    margin: {},\n    padding: {},\n    sizing: {},\n    width: {},\n    height: {},\n    svgDefs: {},\n    ariaLabel: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nlet chart: SingleContainer<T>\nconst config = reactive({\n  component: undefined,\n  tooltip: undefined,\n}) as SingleContainerConfigInterface<T>\nconst elRef = ref<HTMLDivElement>()\n\nconst initChart = () => {\n  if (chart) return\n  if (elRef.value && config.component)\n    chart = new SingleContainer(elRef.value, { ...toRaw(config) }, data.value)\n}\n\nwatchEffect(() => {\n  initChart()\n  // watch deep changes in components config\n  const t = config.component?.config\n  chart?.updateContainer({ ...toRaw(parsedProps.value), ...toRaw(config) })\n})\n\nwatch(data, () => {\n  if (chart) {\n    chart.setData(data.value, true)\n  } else {\n    initChart()\n  }\n})\n\nonUnmounted(() => chart?.destroy())\n\nprovide(componentAccessorKey, {\n  data,\n  update: (c: ComponentCore<T>) => config.component = c,\n  destroy: () => config.component = undefined,\n})\n\nprovide(tooltipAccessorKey, {\n  data,\n  update: (t: Tooltip) => config.tooltip = t,\n  destroy: () => { config.tooltip = undefined },\n})\n\n__expose({\n  component: chart\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-single-container\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef,\n    class: \"unovis-single-container\"\n  }, [\n    _renderSlot(_ctx.$slots, \"default\")\n  ], 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","props","data","toRefs","parsedProps","useForwardProps","chart","config","reactive","elRef","ref","initChart","SingleContainer","toRaw","watchEffect","_a","watch","onUnmounted","provide","componentAccessorKey","c","tooltipAccessorKey","t","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot"],"mappings":"oIAS4BA,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,UAAW,CAAC,EACZ,QAAS,CAAC,EACV,SAAU,CAAC,EACX,OAAQ,CAAC,EACT,QAAS,CAAC,EACV,OAAQ,CAAC,EACT,MAAO,CAAC,EACR,OAAQ,CAAC,EACT,QAAS,CAAC,EACV,UAAW,CAAC,EACZ,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAAE,OAAQC,GAAY,CAE5C,MAAMC,EAAQF,EAGR,CAAE,KAAAG,CAAA,EAASC,EAAA,OAAOF,CAAK,EACvBG,EAAcC,kBAAgBJ,CAAK,EAErC,IAAAK,EACJ,MAAMC,EAASC,EAAAA,SAAS,CACtB,UAAW,OACX,QAAS,MAAA,CACV,EACKC,EAAQC,EAAAA,MAERC,EAAY,IAAM,CAClBL,GACAG,EAAM,OAASF,EAAO,YAChBD,EAAA,IAAIM,EAAAA,gBAAgBH,EAAM,MAAO,CAAE,GAAGI,EAAA,MAAMN,CAAM,CAAA,EAAKL,EAAK,KAAK,EAAA,EAG7EY,OAAAA,EAAAA,YAAY,IAAM,OACNH,KAEAI,EAAAR,EAAO,YAAP,MAAAQ,EAAkB,OACrBT,GAAA,MAAAA,EAAA,gBAAgB,CAAE,GAAGO,EAAAA,MAAMT,EAAY,KAAK,EAAG,GAAGS,EAAA,MAAMN,CAAM,CAAA,EAAG,CACzE,EAEDS,EAAA,MAAMd,EAAM,IAAM,CACZI,EACIA,EAAA,QAAQJ,EAAK,MAAO,EAAI,EAEpBS,GACZ,CACD,EAEWM,EAAAA,YAAA,IAAMX,GAAA,YAAAA,EAAO,SAAS,EAElCY,EAAAA,QAAQC,EAAAA,qBAAsB,CAC5B,KAAAjB,EACA,OAASkB,GAAwBb,EAAO,UAAYa,EACpD,QAAS,IAAMb,EAAO,UAAY,MAAA,CACnC,EAEDW,EAAAA,QAAQG,EAAAA,mBAAoB,CAC1B,KAAAnB,EACA,OAASoB,GAAef,EAAO,QAAUe,EACzC,QAAS,IAAM,CAAEf,EAAO,QAAU,MAAU,CAAA,CAC7C,EAEQP,EAAA,CACP,UAAWM,CAAA,CACZ,EAEM,CAACiB,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,4BAA6B,GAC7B,QAAS,QACT,IAAKjB,EACL,MAAO,yBAAA,EACN,CACDkB,aAAYJ,EAAK,OAAQ,SAAS,GACjC,GAAG,EAER,CAEA,CAAC"}

package/containers/single-container/index.d.ts

@@ -1,5 +1,4 @@
 import { SingleContainer, ComponentCore, Tooltip } from '@unovis/ts';
-import { Ref } from 'vue';
 declare const _default: <T>(__VLS_props: any, __VLS_ctx?: {
     attrs: any;
     emit: any;
@@ -18,9 +17,9 @@ declare const _default: <T>(__VLS_props: any, __VLS_ctx?: {
         svgDefs?: string;
         ariaLabel?: string;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
-    expose(exposed: {
-        component: Ref<SingleContainer<T>>;
-    }): void;
+    expose(exposed: import("vue").ShallowUnwrapRef<{
+        component: SingleContainer<T>;
+    }>): void;
     attrs: any;
     slots: {
         default?(_: {}): any;

package/containers/single-container/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as v, toRefs as m, getCurrentInstance as f, computed as g, ref as r, watchEffect as h, watch as y, onUnmounted as _, provide as l, openBlock as C, createElementBlock as w, renderSlot as k } from "vue";
-import { SingleContainer as x } from "@unovis/ts";
-import { componentAccessorKey as R, tooltipAccessorKey as A } from "../../utils/context.js";
-import { parseProps as B } from "../../utils/props.js";
-const b = /* @__PURE__ */ v({
+import { defineComponent as f, toRefs as m, reactive as u, ref as v, watchEffect as g, watch as w, onUnmounted as y, provide as p, openBlock as _, createElementBlock as h, renderSlot as C, toRaw as r } from "vue";
+import { SingleContainer as R } from "@unovis/ts";
+import { componentAccessorKey as k, tooltipAccessorKey as x } from "../../utils/context.js";
+import { useForwardProps as A } from "../../utils/props.js";
+const S = /* @__PURE__ */ f({
   __name: "index",
   props: {
     component: {},
@@ -17,44 +17,43 @@ const b = /* @__PURE__ */ v({
     ariaLabel: {},
     data: {}
   },
-  setup(c, { expose: p }) {
-    const i = c, { data: n } = m(i), u = f(), d = g(() => B({ ...i }, u)), o = r(), t = r({
+  setup(c, { expose: d }) {
+    const a = c, { data: n } = m(a), l = A(a);
+    let e;
+    const o = u({
       component: void 0,
       tooltip: void 0
-    }), a = r(), s = () => {
-      o.value || a.value && t.value.component && (o.value = new x(a.value, t.value, n.value));
+    }), i = v(), s = () => {
+      e || i.value && o.component && (e = new R(i.value, { ...r(o) }, n.value));
     };
-    return h(() => {
-      var e;
-      s(), (e = o.value) == null || e.updateContainer({ ...d.value, ...t.value });
-    }), y(n, () => {
-      o.value ? o.value.setData(n.value, !0) : s();
-    }), _(() => {
-      var e;
-      return (e = o.value) == null ? void 0 : e.destroy();
-    }), l(R, {
+    return g(() => {
+      var t;
+      s(), (t = o.component) == null || t.config, e == null || e.updateContainer({ ...r(l.value), ...r(o) });
+    }), w(n, () => {
+      e ? e.setData(n.value, !0) : s();
+    }), y(() => e == null ? void 0 : e.destroy()), p(k, {
       data: n,
-      update: (e) => t.value.component = e,
-      destroy: () => t.value.component = void 0
-    }), l(A, {
+      update: (t) => o.component = t,
+      destroy: () => o.component = void 0
+    }), p(x, {
       data: n,
-      update: (e) => t.value.tooltip = e,
+      update: (t) => o.tooltip = t,
       destroy: () => {
-        t.value.tooltip = void 0;
+        o.tooltip = void 0;
       }
-    }), p({
-      component: o
-    }), (e, D) => (C(), w("div", {
+    }), d({
+      component: e
+    }), (t, B) => (_(), h("div", {
       "data-vis-single-container": "",
       ref_key: "elRef",
-      ref: a,
+      ref: i,
       class: "unovis-single-container"
     }, [
-      k(e.$slots, "default")
+      C(t.$slots, "default")
     ], 512));
   }
 });
 export {
-  b as default
+  S as default
 };
 //# sourceMappingURL=index.js.map

package/containers/single-container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/containers/single-container/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { SingleContainer, ComponentCore, SingleContainerConfigInterface, Tooltip } from '@unovis/ts'\nimport { onUnmounted, ref, provide, watch, toRefs, getCurrentInstance, computed, watchEffect, Ref, onMounted } from 'vue'\nimport { componentAccessorKey, tooltipAccessorKey } from \"../../utils/context\"\nimport { parseProps } from \"../../utils/props\"\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    component: {},\n    tooltip: {},\n    duration: {},\n    margin: {},\n    padding: {},\n    sizing: {},\n    width: {},\n    height: {},\n    svgDefs: {},\n    ariaLabel: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n\nconst { data } = toRefs(props)\nconst instance = getCurrentInstance()\nconst parsedProps = computed(() => parseProps({ ...props }, instance))\n\nconst chart = ref<SingleContainer<T> | undefined>()\nconst config = ref({\n  component: undefined,\n  tooltip: undefined,\n}) as Ref<SingleContainerConfigInterface<T>>\nconst elRef = ref<HTMLDivElement>()\n\nconst initChart = () => {\n  if (chart.value) return\n  if (elRef.value && config.value.component)\n    chart.value = new SingleContainer(elRef.value, config.value, data.value)\n}\n\nwatchEffect(() => {\n  initChart()\n  chart.value?.updateContainer({ ...parsedProps.value, ...config.value })\n})\n\nwatch(data, () => {\n  if (chart.value) {\n    chart.value.setData(data.value, true)\n  } else {\n    initChart()\n  }\n})\n\nonUnmounted(() => chart.value?.destroy())\n\nprovide(componentAccessorKey, {\n  data,\n  update: (c: ComponentCore<T>) => config.value.component = c,\n  destroy: () => config.value.component = undefined,\n})\n\nprovide(tooltipAccessorKey, {\n  data,\n  update: (t: Tooltip) => config.value.tooltip = t,\n  destroy: () => { config.value.tooltip = undefined },\n})\n\n__expose({\n  component: chart\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-single-container\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef,\n    class: \"unovis-single-container\"\n  }, [\n    _renderSlot(_ctx.$slots, \"default\")\n  ], 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","props","data","toRefs","instance","getCurrentInstance","parsedProps","computed","parseProps","chart","ref","config","elRef","initChart","SingleContainer","watchEffect","_a","watch","onUnmounted","provide","componentAccessorKey","c","tooltipAccessorKey","t","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot"],"mappings":";;;;AASA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,WAAW,CAAC;AAAA,IACZ,SAAS,CAAC;AAAA,IACV,UAAU,CAAC;AAAA,IACX,QAAQ,CAAC;AAAA,IACT,SAAS,CAAC;AAAA,IACV,QAAQ,CAAC;AAAA,IACT,OAAO,CAAC;AAAA,IACR,QAAQ,CAAC;AAAA,IACT,SAAS,CAAC;AAAA,IACV,WAAW,CAAC;AAAA,IACZ,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc,EAAE,QAAQC,KAAY;AAE5C,UAAMC,IAAQF,GAGR,EAAE,MAAAG,EAAA,IAASC,EAAOF,CAAK,GACvBG,IAAWC,KACXC,IAAcC,EAAS,MAAMC,EAAW,EAAE,GAAGP,EAAS,GAAAG,CAAQ,CAAC,GAE/DK,IAAQC,KACRC,IAASD,EAAI;AAAA,MACjB,WAAW;AAAA,MACX,SAAS;AAAA,IAAA,CACV,GACKE,IAAQF,KAERG,IAAY,MAAM;AACtB,MAAIJ,EAAM,SACNG,EAAM,SAASD,EAAO,MAAM,cACxBF,EAAA,QAAQ,IAAIK,EAAgBF,EAAM,OAAOD,EAAO,OAAOT,EAAK,KAAK;AAAA,IAAA;AAG3E,WAAAa,EAAY,MAAM;;AACN,MAAAF,MACJG,IAAAP,EAAA,UAAA,QAAAO,EAAO,gBAAgB,EAAE,GAAGV,EAAY,OAAO,GAAGK,EAAO,MAAA;AAAA,IAAO,CACvE,GAEDM,EAAMf,GAAM,MAAM;AAChB,MAAIO,EAAM,QACRA,EAAM,MAAM,QAAQP,EAAK,OAAO,EAAI,IAE1BW;IACZ,CACD,GAEDK,EAAY,MAAA;;AAAM,cAAAF,IAAAP,EAAM,UAAN,gBAAAO,EAAa;AAAA,KAAS,GAExCG,EAAQC,GAAsB;AAAA,MAC5B,MAAAlB;AAAA,MACA,QAAQ,CAACmB,MAAwBV,EAAO,MAAM,YAAYU;AAAA,MAC1D,SAAS,MAAMV,EAAO,MAAM,YAAY;AAAA,IAAA,CACzC,GAEDQ,EAAQG,GAAoB;AAAA,MAC1B,MAAApB;AAAA,MACA,QAAQ,CAACqB,MAAeZ,EAAO,MAAM,UAAUY;AAAA,MAC/C,SAAS,MAAM;AAAE,QAAAZ,EAAO,MAAM,UAAU;AAAA,MAAU;AAAA,IAAA,CACnD,GAEQX,EAAA;AAAA,MACP,WAAWS;AAAA,IAAA,CACZ,GAEM,CAACe,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,6BAA6B;AAAA,MAC7B,SAAS;AAAA,MACT,KAAKf;AAAA,MACL,OAAO;AAAA,IAAA,GACN;AAAA,MACDgB,EAAYJ,EAAK,QAAQ,SAAS;AAAA,OACjC,GAAG;AAAA,EAER;AAEA,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../../src/containers/single-container/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { SingleContainer, ComponentCore, SingleContainerConfigInterface, Tooltip } from '@unovis/ts'\nimport { onUnmounted, ref, provide, watch, toRefs, watchEffect, reactive, toRaw } from 'vue'\nimport { componentAccessorKey, tooltipAccessorKey } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    component: {},\n    tooltip: {},\n    duration: {},\n    margin: {},\n    padding: {},\n    sizing: {},\n    width: {},\n    height: {},\n    svgDefs: {},\n    ariaLabel: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nlet chart: SingleContainer<T>\nconst config = reactive({\n  component: undefined,\n  tooltip: undefined,\n}) as SingleContainerConfigInterface<T>\nconst elRef = ref<HTMLDivElement>()\n\nconst initChart = () => {\n  if (chart) return\n  if (elRef.value && config.component)\n    chart = new SingleContainer(elRef.value, { ...toRaw(config) }, data.value)\n}\n\nwatchEffect(() => {\n  initChart()\n  // watch deep changes in components config\n  const t = config.component?.config\n  chart?.updateContainer({ ...toRaw(parsedProps.value), ...toRaw(config) })\n})\n\nwatch(data, () => {\n  if (chart) {\n    chart.setData(data.value, true)\n  } else {\n    initChart()\n  }\n})\n\nonUnmounted(() => chart?.destroy())\n\nprovide(componentAccessorKey, {\n  data,\n  update: (c: ComponentCore<T>) => config.component = c,\n  destroy: () => config.component = undefined,\n})\n\nprovide(tooltipAccessorKey, {\n  data,\n  update: (t: Tooltip) => config.tooltip = t,\n  destroy: () => { config.tooltip = undefined },\n})\n\n__expose({\n  component: chart\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-single-container\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef,\n    class: \"unovis-single-container\"\n  }, [\n    _renderSlot(_ctx.$slots, \"default\")\n  ], 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","props","data","toRefs","parsedProps","useForwardProps","chart","config","reactive","elRef","ref","initChart","SingleContainer","toRaw","watchEffect","_a","watch","onUnmounted","provide","componentAccessorKey","c","tooltipAccessorKey","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot"],"mappings":";;;;AASA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,WAAW,CAAC;AAAA,IACZ,SAAS,CAAC;AAAA,IACV,UAAU,CAAC;AAAA,IACX,QAAQ,CAAC;AAAA,IACT,SAAS,CAAC;AAAA,IACV,QAAQ,CAAC;AAAA,IACT,OAAO,CAAC;AAAA,IACR,QAAQ,CAAC;AAAA,IACT,SAAS,CAAC;AAAA,IACV,WAAW,CAAC;AAAA,IACZ,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc,EAAE,QAAQC,KAAY;AAE5C,UAAMC,IAAQF,GAGR,EAAE,MAAAG,EAAA,IAASC,EAAOF,CAAK,GACvBG,IAAcC,EAAgBJ,CAAK;AAErC,QAAAK;AACJ,UAAMC,IAASC,EAAS;AAAA,MACtB,WAAW;AAAA,MACX,SAAS;AAAA,IAAA,CACV,GACKC,IAAQC,KAERC,IAAY,MAAM;AAClB,MAAAL,KACAG,EAAM,SAASF,EAAO,cAChBD,IAAA,IAAIM,EAAgBH,EAAM,OAAO,EAAE,GAAGI,EAAMN,CAAM,EAAA,GAAKL,EAAK,KAAK;AAAA,IAAA;AAG7E,WAAAY,EAAY,MAAM;;AACN,MAAAH,MAEAI,IAAAR,EAAO,cAAP,QAAAQ,EAAkB,QACrBT,KAAA,QAAAA,EAAA,gBAAgB,EAAE,GAAGO,EAAMT,EAAY,KAAK,GAAG,GAAGS,EAAMN,CAAM,EAAA;AAAA,IAAG,CACzE,GAEDS,EAAMd,GAAM,MAAM;AAChB,MAAII,IACIA,EAAA,QAAQJ,EAAK,OAAO,EAAI,IAEpBS;IACZ,CACD,GAEWM,EAAA,MAAMX,KAAA,gBAAAA,EAAO,SAAS,GAElCY,EAAQC,GAAsB;AAAA,MAC5B,MAAAjB;AAAA,MACA,QAAQ,CAACkB,MAAwBb,EAAO,YAAYa;AAAA,MACpD,SAAS,MAAMb,EAAO,YAAY;AAAA,IAAA,CACnC,GAEDW,EAAQG,GAAoB;AAAA,MAC1B,MAAAnB;AAAA,MACA,QAAQ,CAAC,MAAeK,EAAO,UAAU;AAAA,MACzC,SAAS,MAAM;AAAE,QAAAA,EAAO,UAAU;AAAA,MAAU;AAAA,IAAA,CAC7C,GAEQP,EAAA;AAAA,MACP,WAAWM;AAAA,IAAA,CACZ,GAEM,CAACgB,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,6BAA6B;AAAA,MAC7B,SAAS;AAAA,MACT,KAAKhB;AAAA,MACL,OAAO;AAAA,IAAA,GACN;AAAA,MACDiB,EAAYJ,EAAK,QAAQ,SAAS;AAAA,OACjC,GAAG;AAAA,EAER;AAEA,CAAC;"}

package/containers/xy-container/index.cjs

@@ -1,2 +1,2 @@
-"use strict";const o=require("vue"),d=require("@unovis/ts"),s=require("../../utils/context.cjs"),y=require("../../utils/props.cjs"),m=o.defineComponent({__name:"index",props:{components:{},xScale:{type:[Object,Function]},xDomain:{},xDomainMinConstraint:{},xDomainMaxConstraint:{},xRange:{},yScale:{type:[Object,Function]},yDomain:{},yDomainMinConstraint:{},yDomainMaxConstraint:{},yRange:{},yDirection:{},xAxis:{},yAxis:{},autoMargin:{type:Boolean},tooltip:{},crosshair:{},preventEmptyDomain:{type:[Boolean,null]},scaleByDomain:{type:Boolean},duration:{},margin:{},padding:{},sizing:{},width:{},height:{},svgDefs:{},ariaLabel:{},data:{}},setup(u,{expose:p}){const r=u,{data:n}=o.toRefs(r),l=o.getCurrentInstance(),v=o.computed(()=>y.parseProps({...r},l)),a=o.ref(),t=o.ref({components:[],crosshair:void 0,tooltip:void 0,xAxis:void 0,yAxis:void 0}),i=o.ref();return o.watch(n,()=>{a.value&&a.value.setData(n.value,!0)}),o.watchEffect(()=>{var e;(e=a.value)==null||e.updateContainer({...v.value,...t.value})}),o.onMounted(()=>{i.value&&(a.value=new d.XYContainer(i.value,t.value,n.value))}),o.onUnmounted(()=>{var e;return(e=a.value)==null?void 0:e.destroy()}),o.provide(s.componentAccessorKey,{data:n,update:e=>t.value.components=[...t.value.components,e],destroy:()=>{var e;return t.value.components=(e=t.value.components)==null?void 0:e.filter(c=>!c.isDestroyed())}}),o.provide(s.axisAccessorKey,{data:n,update:e=>t.value[`${e.config.type}Axis`]=e,destroy:e=>{t.value[`${e}Axis`]=void 0}}),o.provide(s.crosshairAccessorKey,{data:n,update:e=>t.value.crosshair=e,destroy:()=>{t.value.crosshair=void 0}}),o.provide(s.tooltipAccessorKey,{data:n,update:e=>t.value.tooltip=e,destroy:()=>{t.value.tooltip=void 0}}),p({component:a}),(e,c)=>(o.openBlock(),o.createElementBlock("div",{"data-vis-xy-container":"",ref_key:"elRef",ref:i,class:"unovis-xy-container"},[o.renderSlot(e.$slots,"default")],512))}});module.exports=m;
+"use strict";const o=require("vue"),l=require("@unovis/ts"),i=require("../../utils/context.cjs"),y=require("../../utils/props.cjs"),v=o.defineComponent({__name:"index",props:{components:{},xScale:{type:[Object,Function]},xDomain:{},xDomainMinConstraint:{},xDomainMaxConstraint:{},xRange:{},yScale:{type:[Object,Function]},yDomain:{},yDomainMinConstraint:{},yDomainMaxConstraint:{},yRange:{},yDirection:{},xAxis:{},yAxis:{},autoMargin:{type:Boolean},tooltip:{},crosshair:{},preventEmptyDomain:{type:[Boolean,null]},scaleByDomain:{type:Boolean},duration:{},margin:{},padding:{},sizing:{},width:{},height:{},svgDefs:{},ariaLabel:{},data:{}},setup(p,{expose:d}){const c=p,{data:n}=o.toRefs(c),u=y.useForwardProps(c),s=o.ref(),t=o.reactive({components:[],crosshair:void 0,tooltip:void 0,xAxis:void 0,yAxis:void 0}),r=o.ref();return o.watch(n,()=>{s.value&&s.value.setData(n.value,!0)}),o.watchEffect(()=>{var e;t.components.map(a=>a.config),(e=s.value)==null||e.updateContainer({...o.toRaw(u.value),...o.toRaw(t)})}),o.onMounted(()=>{r.value&&(s.value=new l.XYContainer(r.value,{...o.toRaw(t)},n.value))}),o.onUnmounted(()=>{var e;return(e=s.value)==null?void 0:e.destroy()}),o.provide(i.componentAccessorKey,{data:n,update:e=>t.components=[...t.components,e],destroy:()=>{var e;return t.components=(e=t.components)==null?void 0:e.filter(a=>!a.isDestroyed())}}),o.provide(i.axisAccessorKey,{data:n,update:e=>t[`${e.config.type}Axis`]=e,destroy:e=>{t[`${e}Axis`]=void 0}}),o.provide(i.crosshairAccessorKey,{data:n,update:e=>t.crosshair=e,destroy:()=>{t.crosshair=void 0}}),o.provide(i.tooltipAccessorKey,{data:n,update:e=>t.tooltip=e,destroy:()=>{t.tooltip=void 0}}),d({component:s}),(e,a)=>(o.openBlock(),o.createElementBlock("div",{"data-vis-xy-container":"",ref_key:"elRef",ref:r,class:"unovis-xy-container"},[o.renderSlot(e.$slots,"default")],512))}});module.exports=v;
 //# sourceMappingURL=index.cjs.map

package/containers/xy-container/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/containers/xy-container/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { XYContainer, XYComponentCore, XYContainerConfigInterface, Tooltip, Crosshair, Axis } from '@unovis/ts'\nimport { onMounted, onUnmounted, ref, provide, watch, toRefs, getCurrentInstance, computed, reactive, watchEffect, shallowRef, Ref } from 'vue'\nimport { componentAccessorKey, tooltipAccessorKey, axisAccessorKey, crosshairAccessorKey } from \"../../utils/context\"\nimport { parseProps } from \"../../utils/props\"\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    components: {},\n    xScale: { type: [Object, Function] },\n    xDomain: {},\n    xDomainMinConstraint: {},\n    xDomainMaxConstraint: {},\n    xRange: {},\n    yScale: { type: [Object, Function] },\n    yDomain: {},\n    yDomainMinConstraint: {},\n    yDomainMaxConstraint: {},\n    yRange: {},\n    yDirection: {},\n    xAxis: {},\n    yAxis: {},\n    autoMargin: { type: Boolean },\n    tooltip: {},\n    crosshair: {},\n    preventEmptyDomain: { type: [Boolean, null] },\n    scaleByDomain: { type: Boolean },\n    duration: {},\n    margin: {},\n    padding: {},\n    sizing: {},\n    width: {},\n    height: {},\n    svgDefs: {},\n    ariaLabel: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n\nconst { data } = toRefs(props)\nconst instance = getCurrentInstance()\nconst parsedProps = computed(() => parseProps({ ...props }, instance))\n\nconst chart = ref<XYContainer<T> | undefined>()\nconst config = ref({\n  components: [],\n  crosshair: undefined,\n  tooltip: undefined,\n  xAxis: undefined,\n  yAxis: undefined,\n}) as Ref<XYContainerConfigInterface<T>>\nconst elRef = ref<HTMLDivElement>()\n\nwatch(data, () => {\n  if (chart.value) {\n    chart.value.setData(data.value, true)\n  }\n})\n\nwatchEffect(() => {\n  chart.value?.updateContainer({ ...parsedProps.value, ...config.value })\n})\n\nonMounted(() => {\n  if (elRef.value) chart.value = new XYContainer(elRef.value, config.value, data.value)\n})\n\nonUnmounted(() => chart.value?.destroy())\n\nprovide(componentAccessorKey, {\n  data,\n  update: (c: XYComponentCore<T>) => config.value.components = [...config.value.components!, c],\n  destroy: () => config.value.components = config.value.components?.filter(c => !c.isDestroyed()),\n})\n\nprovide(axisAccessorKey, {\n  data,\n  update: (c: Axis<T>) => config.value[`${c.config.type}Axis`] = c,\n  destroy: (c) => { config.value[`${c}Axis`] = undefined },\n})\n\nprovide(crosshairAccessorKey, {\n  data,\n  update: (c: Crosshair<T>) => config.value.crosshair = c,\n  destroy: () => { config.value.crosshair = undefined },\n})\n\nprovide(tooltipAccessorKey, {\n  data,\n  update: (t: Tooltip) => config.value.tooltip = t,\n  destroy: () => { config.value.tooltip = undefined },\n})\n\n__expose({\n  component: chart\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-xy-container\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef,\n    class: \"unovis-xy-container\"\n  }, [\n    _renderSlot(_ctx.$slots, \"default\")\n  ], 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","props","data","toRefs","instance","getCurrentInstance","parsedProps","computed","parseProps","chart","ref","config","elRef","watch","watchEffect","_a","onMounted","XYContainer","onUnmounted","provide","componentAccessorKey","c","axisAccessorKey","crosshairAccessorKey","tooltipAccessorKey","t","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/containers/xy-container/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { XYContainer, XYComponentCore, XYContainerConfigInterface, Tooltip, Crosshair, Axis } from '@unovis/ts'\nimport { onMounted, onUnmounted, ref, provide, watch, toRefs, reactive, watchEffect, toRaw } from 'vue'\nimport { componentAccessorKey, tooltipAccessorKey, axisAccessorKey, crosshairAccessorKey } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    components: {},\n    xScale: { type: [Object, Function] },\n    xDomain: {},\n    xDomainMinConstraint: {},\n    xDomainMaxConstraint: {},\n    xRange: {},\n    yScale: { type: [Object, Function] },\n    yDomain: {},\n    yDomainMinConstraint: {},\n    yDomainMaxConstraint: {},\n    yRange: {},\n    yDirection: {},\n    xAxis: {},\n    yAxis: {},\n    autoMargin: { type: Boolean },\n    tooltip: {},\n    crosshair: {},\n    preventEmptyDomain: { type: [Boolean, null] },\n    scaleByDomain: { type: Boolean },\n    duration: {},\n    margin: {},\n    padding: {},\n    sizing: {},\n    width: {},\n    height: {},\n    svgDefs: {},\n    ariaLabel: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nconst chart = ref<XYContainer<T> | undefined>()\nconst config = reactive({\n  components: [],\n  crosshair: undefined,\n  tooltip: undefined,\n  xAxis: undefined,\n  yAxis: undefined,\n}) as XYContainerConfigInterface<T>\nconst elRef = ref<HTMLDivElement>()\n\nwatch(data, () => {\n  if (chart.value) {\n    chart.value.setData(data.value, true)\n  }\n})\n\nwatchEffect(() => {\n  // watch deep changes in components config\n  const t = config.components.map(i => i.config)\n  chart.value?.updateContainer({ ...toRaw(parsedProps.value), ...toRaw(config) })\n})\n\nonMounted(() => {\n  if (elRef.value) chart.value = new XYContainer(elRef.value, { ...toRaw(config) }, data.value)\n})\n\nonUnmounted(() => chart.value?.destroy())\n\nprovide(componentAccessorKey, {\n  data,\n  update: (c: XYComponentCore<T>) => config.components = [...config.components!, c],\n  destroy: () => config.components = config.components?.filter(c => !c.isDestroyed()),\n})\n\nprovide(axisAccessorKey, {\n  data,\n  update: (c: Axis<T>) => config[`${c.config.type}Axis`] = c,\n  destroy: (c) => { config[`${c}Axis`] = undefined },\n})\n\nprovide(crosshairAccessorKey, {\n  data,\n  update: (c: Crosshair<T>) => config.crosshair = c,\n  destroy: () => { config.crosshair = undefined },\n})\n\nprovide(tooltipAccessorKey, {\n  data,\n  update: (t: Tooltip) => config.tooltip = t,\n  destroy: () => { config.tooltip = undefined },\n})\n\n__expose({\n  component: chart\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-xy-container\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef,\n    class: \"unovis-xy-container\"\n  }, [\n    _renderSlot(_ctx.$slots, \"default\")\n  ], 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","props","data","toRefs","parsedProps","useForwardProps","chart","ref","config","reactive","elRef","watch","watchEffect","i","_a","toRaw","onMounted","XYContainer","onUnmounted","provide","componentAccessorKey","c","axisAccessorKey","crosshairAccessorKey","tooltipAccessorKey","t","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot"],"mappings":"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"}

package/containers/xy-container/index.d.ts

@@ -1,5 +1,4 @@
 import { XYContainer, XYComponentCore, Tooltip, Crosshair, Axis } from '@unovis/ts';
-import { Ref } from 'vue';
 declare const _default: <T>(__VLS_props: any, __VLS_ctx?: {
     attrs: any;
     emit: any;
@@ -35,9 +34,9 @@ declare const _default: <T>(__VLS_props: any, __VLS_ctx?: {
         preventEmptyDomain?: boolean;
         scaleByDomain?: boolean;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
-    expose(exposed: {
-        component: Ref<XYContainer<T>>;
-    }): void;
+    expose(exposed: import("vue").ShallowUnwrapRef<{
+        component: import("vue").Ref<XYContainer<T>>;
+    }>): void;
     attrs: any;
     slots: {
         default?(_: {}): any;

package/containers/xy-container/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as v, toRefs as m, getCurrentInstance as y, computed as f, ref as i, watch as x, watchEffect as h, onMounted as D, onUnmounted as g, provide as a, openBlock as A, createElementBlock as C, renderSlot as B } from "vue";
-import { XYContainer as M } from "@unovis/ts";
-import { componentAccessorKey as _, axisAccessorKey as R, crosshairAccessorKey as w, tooltipAccessorKey as K } from "../../utils/context.js";
-import { parseProps as b } from "../../utils/props.js";
-const j = /* @__PURE__ */ v({
+import { defineComponent as u, toRefs as y, ref as p, reactive as v, watch as f, watchEffect as x, toRaw as r, onMounted as h, onUnmounted as D, provide as i, openBlock as g, createElementBlock as A, renderSlot as C } from "vue";
+import { XYContainer as w } from "@unovis/ts";
+import { componentAccessorKey as B, axisAccessorKey as M, crosshairAccessorKey as R, tooltipAccessorKey as _ } from "../../utils/context.js";
+import { useForwardProps as K } from "../../utils/props.js";
+const S = /* @__PURE__ */ u({
   __name: "index",
   props: {
     components: {},
@@ -34,62 +34,62 @@ const j = /* @__PURE__ */ v({
     ariaLabel: {},
     data: {}
   },
-  setup(l, { expose: p }) {
-    const r = l, { data: t } = m(r), u = y(), d = f(() => b({ ...r }, u)), n = i(), o = i({
+  setup(d, { expose: l }) {
+    const c = d, { data: t } = y(c), m = K(c), n = p(), e = v({
       components: [],
       crosshair: void 0,
       tooltip: void 0,
       xAxis: void 0,
       yAxis: void 0
-    }), s = i();
-    return x(t, () => {
+    }), s = p();
+    return f(t, () => {
       n.value && n.value.setData(t.value, !0);
+    }), x(() => {
+      var o;
+      e.components.map((a) => a.config), (o = n.value) == null || o.updateContainer({ ...r(m.value), ...r(e) });
     }), h(() => {
-      var e;
-      (e = n.value) == null || e.updateContainer({ ...d.value, ...o.value });
+      s.value && (n.value = new w(s.value, { ...r(e) }, t.value));
     }), D(() => {
-      s.value && (n.value = new M(s.value, o.value, t.value));
-    }), g(() => {
-      var e;
-      return (e = n.value) == null ? void 0 : e.destroy();
-    }), a(_, {
+      var o;
+      return (o = n.value) == null ? void 0 : o.destroy();
+    }), i(B, {
       data: t,
-      update: (e) => o.value.components = [...o.value.components, e],
+      update: (o) => e.components = [...e.components, o],
       destroy: () => {
-        var e;
-        return o.value.components = (e = o.value.components) == null ? void 0 : e.filter((c) => !c.isDestroyed());
+        var o;
+        return e.components = (o = e.components) == null ? void 0 : o.filter((a) => !a.isDestroyed());
       }
-    }), a(R, {
+    }), i(M, {
       data: t,
-      update: (e) => o.value[`${e.config.type}Axis`] = e,
-      destroy: (e) => {
-        o.value[`${e}Axis`] = void 0;
+      update: (o) => e[`${o.config.type}Axis`] = o,
+      destroy: (o) => {
+        e[`${o}Axis`] = void 0;
       }
-    }), a(w, {
+    }), i(R, {
       data: t,
-      update: (e) => o.value.crosshair = e,
+      update: (o) => e.crosshair = o,
       destroy: () => {
-        o.value.crosshair = void 0;
+        e.crosshair = void 0;
       }
-    }), a(K, {
+    }), i(_, {
       data: t,
-      update: (e) => o.value.tooltip = e,
+      update: (o) => e.tooltip = o,
       destroy: () => {
-        o.value.tooltip = void 0;
+        e.tooltip = void 0;
       }
-    }), p({
+    }), l({
       component: n
-    }), (e, c) => (A(), C("div", {
+    }), (o, a) => (g(), A("div", {
       "data-vis-xy-container": "",
       ref_key: "elRef",
       ref: s,
       class: "unovis-xy-container"
     }, [
-      B(e.$slots, "default")
+      C(o.$slots, "default")
     ], 512));
   }
 });
 export {
-  j as default
+  S as default
 };
 //# sourceMappingURL=index.js.map