@unovis/vue 1.6.4 → 1.6.5

package/components/treemap/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as d, inject as m, computed as f, ref as b, onMounted as v, nextTick as y, onUnmounted as F, watch as s, createElementBlock as g, openBlock as B } from "vue";
+import { defineComponent as d, inject as m, computed as f, ref as y, onMounted as F, nextTick as b, onUnmounted as v, watch as s, openBlock as S, createElementBlock as B } from "vue";
 import { Treemap as c } from "@unovis/ts";
-import { useForwardProps as L, arePropsEqual as S } from "../../utils/props.js";
-import { componentAccessorKey as T } from "../../utils/context.js";
-const _ = { "data-vis-component": "" }, w = c.selectors, A = /* @__PURE__ */ d({
+import { useForwardProps as T, arePropsEqual as g } from "../../utils/props.js";
+import { componentAccessorKey as L } from "../../utils/context.js";
+const _ = { "data-vis-component": "" }, k = c.selectors, A = /* @__PURE__ */ d({
   __name: "index",
   props: {
     id: { type: Function },
@@ -11,8 +11,11 @@ const _ = { "data-vis-component": "" }, w = c.selectors, A = /* @__PURE__ */ d({
     numberFormat: { type: Function },
     tileLabel: { type: Function },
     tileColor: { type: [Function, String, Array, null] },
+    tileFunction: { type: Function },
+    tileSort: { type: [Function, null] },
     tilePadding: {},
     tilePaddingTop: {},
+    tileShowHtmlTooltip: { type: Boolean },
     labelInternalNodes: { type: Boolean },
     labelOffsetX: {},
     labelOffsetY: {},
@@ -34,28 +37,28 @@ const _ = { "data-vis-component": "" }, w = c.selectors, A = /* @__PURE__ */ d({
     data: {}
   },
   setup(u, { expose: p }) {
-    const o = m(T), l = u, a = f(() => o.data.value ?? l.data), n = L(l), t = b();
-    return v(() => {
-      y(() => {
+    const o = m(L), l = u, n = f(() => o.data.value ?? l.data), a = T(l), t = y();
+    return F(() => {
+      b(() => {
         var e;
-        t.value = new c(n.value), (e = t.value) == null || e.setData(a.value), o.update(t.value);
+        t.value = new c(a.value), (e = t.value) == null || e.setData(n.value), o.update(t.value);
       });
-    }), F(() => {
+    }), v(() => {
       var e;
       (e = t.value) == null || e.destroy(), o.destroy();
-    }), s(n, (e, i) => {
+    }), s(a, (e, i) => {
       var r;
-      S(e, i) || (r = t.value) == null || r.setConfig(n.value);
-    }), s(a, () => {
+      g(e, i) || (r = t.value) == null || r.setConfig(a.value);
+    }), s(n, () => {
       var e;
-      (e = t.value) == null || e.setData(a.value);
+      (e = t.value) == null || e.setData(n.value);
     }), p({
       component: t
-    }), (e, i) => (B(), g("div", _));
+    }), (e, i) => (S(), B("div", _));
   }
 });
 export {
-  w as VisTreemapSelectors,
+  k as VisTreemapSelectors,
   A as default
 };
 //# sourceMappingURL=index.js.map

package/components/treemap/index.js.map

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

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

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

package/components/xy-labels/index.js

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

package/containers/single-container/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("@unovis/ts"),a=require("../../utils/context.cjs"),v=require("../../utils/props.cjs"),f=e.defineComponent({__name:"index",props:{component:{},tooltip:{},annotations:{},duration:{},margin:{},padding:{},sizing:{},width:{},height:{},svgDefs:{},ariaLabel:{},data:{}},setup(d,{expose:p}){const r=d,{data:i}=e.toRefs(r),l=v.useForwardProps(r);let o;const t=e.reactive({component:void 0,tooltip:void 0,annotations:void 0}),s=e.ref(),c=()=>{o||s.value&&t.component&&(o=new u.SingleContainer(s.value,{...e.toRaw(t)},i.value))};return e.watchEffect(()=>{var n;c(),(n=t.component)==null||n.config,o==null||o.updateContainer({...e.toRaw(l.value),...e.toRaw(t)})}),e.watch(i,()=>{o?o.setData(i.value,!0):c()}),e.onUnmounted(()=>o==null?void 0:o.destroy()),e.provide(a.componentAccessorKey,{data:i,update:n=>t.component=n,destroy:()=>t.component=void 0}),e.provide(a.tooltipAccessorKey,{data:i,update:n=>t.tooltip=n,destroy:()=>{t.tooltip=void 0}}),e.provide(a.annotationsAccessorKey,{data:i,update:n=>t.annotations=n,destroy:()=>{t.annotations=void 0}}),p({component:o}),(n,m)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-single-container":"",ref_key:"elRef",ref:s,class:"unovis-single-container"},[e.renderSlot(n.$slots,"default")],512))}});exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("@unovis/ts"),a=require("../../utils/context.cjs"),v=require("../../utils/props.cjs"),f=e.defineComponent({__name:"index",props:{component:{},tooltip:{},annotations:{},onRenderComplete:{type:Function},duration:{},margin:{},padding:{},sizing:{},width:{},height:{},svgDefs:{},ariaLabel:{},data:{}},setup(d,{expose:p}){const r=d,{data:i}=e.toRefs(r),l=v.useForwardProps(r);let o;const t=e.reactive({component:void 0,tooltip:void 0,annotations:void 0}),s=e.ref(),c=()=>{o||s.value&&t.component&&(o=new u.SingleContainer(s.value,{...e.toRaw(t)},i.value))};return e.watchEffect(()=>{var n;c(),(n=t.component)==null||n.config,o==null||o.updateContainer({...e.toRaw(l.value),...e.toRaw(t)})}),e.watch(i,()=>{o?o.setData(i.value,!0):c()}),e.onUnmounted(()=>o==null?void 0:o.destroy()),e.provide(a.componentAccessorKey,{data:i,update:n=>t.component=n,destroy:()=>t.component=void 0}),e.provide(a.tooltipAccessorKey,{data:i,update:n=>t.tooltip=n,destroy:()=>{t.tooltip=void 0}}),e.provide(a.annotationsAccessorKey,{data:i,update:n=>t.annotations=n,destroy:()=>{t.annotations=void 0}}),p({component:o}),(n,m)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-single-container":"",ref_key:"elRef",ref:s,class:"unovis-single-container"},[e.renderSlot(n.$slots,"default")],512))}});exports.default=f;
 //# 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"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T\">\nimport { SingleContainer, ComponentCore, SingleContainerConfigInterface, Tooltip, Annotations } from '@unovis/ts'\nimport { onUnmounted, ref, provide, watch, toRefs, watchEffect, reactive, toRaw } from 'vue'\nimport { annotationsAccessorKey, componentAccessorKey, tooltipAccessorKey,  } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\nconst props = defineProps<SingleContainerConfigInterface<T> & { data?: T }>()\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nlet chart: SingleContainer<T>\nconst config = reactive({\n  component: undefined,\n  tooltip: undefined,\n  annotations: 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\nprovide(annotationsAccessorKey, {\n  data,\n  update: (a: Annotations) => config.annotations = a,\n  destroy: () => { config.annotations = undefined },\n})\n\n\ndefineExpose({\n  component: chart\n})\n</script>\n\n<template>\n  <div data-vis-single-container ref=\"elRef\" class='unovis-single-container'>\n    <slot />\n  </div>\n</template>\n\n\n\n<style>\n.unovis-single-container {\n  display: block;\n  position: relative;\n  width: 100%;\n}\n</style>\n"],"names":["props","__props","data","toRefs","parsedProps","useForwardProps","chart","config","reactive","elRef","ref","initChart","SingleContainer","toRaw","watchEffect","_a","watch","onUnmounted","provide","componentAccessorKey","c","tooltipAccessorKey","t","annotationsAccessorKey","a","__expose","_createElementBlock","_renderSlot","_ctx"],"mappings":"waAMA,MAAMA,EAAQC,EACR,CAAE,KAAAC,CAAA,EAASC,EAAAA,OAAOH,CAAK,EACvBI,EAAcC,EAAAA,gBAAgBL,CAAK,EAEzC,IAAIM,EACJ,MAAMC,EAASC,EAAAA,SAAS,CACtB,UAAW,OACX,QAAS,OACT,YAAa,MAAA,CACd,EACKC,EAAQC,EAAAA,IAAA,EAERC,EAAY,IAAM,CAClBL,GACAG,EAAM,OAASF,EAAO,YACxBD,EAAQ,IAAIM,EAAAA,gBAAgBH,EAAM,MAAO,CAAE,GAAGI,EAAAA,MAAMN,CAAM,CAAA,EAAKL,EAAK,KAAK,EAC7E,EAEAY,OAAAA,EAAAA,YAAY,IAAM,OAChBH,EAAA,GAEUI,EAAAR,EAAO,YAAP,MAAAQ,EAAkB,OAC5BT,GAAA,MAAAA,EAAO,gBAAgB,CAAE,GAAGO,QAAMT,EAAY,KAAK,EAAG,GAAGS,EAAAA,MAAMN,CAAM,GACvE,CAAC,EAEDS,EAAAA,MAAMd,EAAM,IAAM,CACZI,EACFA,EAAM,QAAQJ,EAAK,MAAO,EAAI,EAE9BS,EAAA,CAEJ,CAAC,EAEDM,cAAY,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,EAEDW,EAAAA,QAAQK,EAAAA,uBAAwB,CAC9B,KAAArB,EACA,OAASsB,GAAmBjB,EAAO,YAAciB,EACjD,QAAS,IAAM,CAAEjB,EAAO,YAAc,MAAU,CAAA,CACjD,EAGDkB,EAAa,CACX,UAAWnB,CAAA,CACZ,wBAICoB,EAAAA,mBAEM,MAAA,CAFD,4BAAA,WAA8B,QAAJ,IAAIjB,EAAQ,MAAM,yBAAA,GAC/CkB,aAAQC,EAAA,OAAA,SAAA,CAAA"}
+{"version":3,"file":"index.cjs","sources":["../../../src/containers/single-container/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T\">\nimport { SingleContainer, ComponentCore, SingleContainerConfigInterface, Tooltip, Annotations } from '@unovis/ts'\nimport { onUnmounted, ref, provide, watch, toRefs, watchEffect, reactive, toRaw } from 'vue'\nimport { annotationsAccessorKey, componentAccessorKey, tooltipAccessorKey,  } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\nconst props = defineProps<SingleContainerConfigInterface<T> & { data?: T }>()\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nlet chart: SingleContainer<T>\nconst config = reactive({\n  component: undefined,\n  tooltip: undefined,\n  annotations: 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\nprovide(annotationsAccessorKey, {\n  data,\n  update: (a: Annotations) => config.annotations = a,\n  destroy: () => { config.annotations = undefined },\n})\n\n\ndefineExpose({\n  component: chart\n})\n</script>\n\n<template>\n  <div data-vis-single-container ref=\"elRef\" class='unovis-single-container'>\n    <slot />\n  </div>\n</template>\n\n\n\n<style>\n.unovis-single-container {\n  display: block;\n  position: relative;\n  width: 100%;\n}\n</style>\n"],"names":["props","__props","data","toRefs","parsedProps","useForwardProps","chart","config","reactive","elRef","ref","initChart","SingleContainer","toRaw","watchEffect","_a","watch","onUnmounted","provide","componentAccessorKey","c","tooltipAccessorKey","t","annotationsAccessorKey","a","__expose","_createElementBlock","_renderSlot","_ctx"],"mappings":"ycAMA,MAAMA,EAAQC,EACR,CAAE,KAAAC,CAAA,EAASC,EAAAA,OAAOH,CAAK,EACvBI,EAAcC,EAAAA,gBAAgBL,CAAK,EAEzC,IAAIM,EACJ,MAAMC,EAASC,EAAAA,SAAS,CACtB,UAAW,OACX,QAAS,OACT,YAAa,MAAA,CACd,EACKC,EAAQC,EAAAA,IAAA,EAERC,EAAY,IAAM,CAClBL,GACAG,EAAM,OAASF,EAAO,YACxBD,EAAQ,IAAIM,EAAAA,gBAAgBH,EAAM,MAAO,CAAE,GAAGI,EAAAA,MAAMN,CAAM,CAAA,EAAKL,EAAK,KAAK,EAC7E,EAEAY,OAAAA,EAAAA,YAAY,IAAM,OAChBH,EAAA,GAEUI,EAAAR,EAAO,YAAP,MAAAQ,EAAkB,OAC5BT,GAAA,MAAAA,EAAO,gBAAgB,CAAE,GAAGO,QAAMT,EAAY,KAAK,EAAG,GAAGS,EAAAA,MAAMN,CAAM,GACvE,CAAC,EAEDS,EAAAA,MAAMd,EAAM,IAAM,CACZI,EACFA,EAAM,QAAQJ,EAAK,MAAO,EAAI,EAE9BS,EAAA,CAEJ,CAAC,EAEDM,cAAY,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,EAEDW,EAAAA,QAAQK,EAAAA,uBAAwB,CAC9B,KAAArB,EACA,OAASsB,GAAmBjB,EAAO,YAAciB,EACjD,QAAS,IAAM,CAAEjB,EAAO,YAAc,MAAU,CAAA,CACjD,EAGDkB,EAAa,CACX,UAAWnB,CAAA,CACZ,wBAICoB,EAAAA,mBAEM,MAAA,CAFD,4BAAA,WAA8B,QAAJ,IAAIjB,EAAQ,MAAM,yBAAA,GAC/CkB,aAAQC,EAAA,OAAA,SAAA,CAAA"}

package/containers/single-container/index.js

@@ -1,13 +1,14 @@
-import { defineComponent as f, toRefs as m, reactive as u, ref as v, watchEffect as g, watch as y, onUnmounted as w, provide as a, createElementBlock as _, openBlock as h, renderSlot as C, toRaw as s } from "vue";
-import { SingleContainer as R } from "@unovis/ts";
+import { defineComponent as m, toRefs as f, reactive as u, ref as v, watchEffect as g, watch as y, onUnmounted as w, provide as a, openBlock as _, createElementBlock as C, renderSlot as R, toRaw as s } from "vue";
+import { SingleContainer as h } from "@unovis/ts";
 import { componentAccessorKey as k, tooltipAccessorKey as x, annotationsAccessorKey as A } from "../../utils/context.js";
 import { useForwardProps as K } from "../../utils/props.js";
-const b = /* @__PURE__ */ f({
+const S = /* @__PURE__ */ m({
   __name: "index",
   props: {
     component: {},
     tooltip: {},
     annotations: {},
+    onRenderComplete: { type: Function },
     duration: {},
     margin: {},
     padding: {},
@@ -19,14 +20,14 @@ const b = /* @__PURE__ */ f({
     data: {}
   },
   setup(c, { expose: d }) {
-    const r = c, { data: n } = m(r), l = K(r);
+    const r = c, { data: n } = f(r), l = K(r);
     let o;
     const e = u({
       component: void 0,
       tooltip: void 0,
       annotations: void 0
     }), i = v(), p = () => {
-      o || i.value && e.component && (o = new R(i.value, { ...s(e) }, n.value));
+      o || i.value && e.component && (o = new h(i.value, { ...s(e) }, n.value));
     };
     return g(() => {
       var t;
@@ -51,17 +52,17 @@ const b = /* @__PURE__ */ f({
       }
     }), d({
       component: o
-    }), (t, B) => (h(), _("div", {
+    }), (t, B) => (_(), C("div", {
       "data-vis-single-container": "",
       ref_key: "elRef",
       ref: i,
       class: "unovis-single-container"
     }, [
-      C(t.$slots, "default")
+      R(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"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T\">\nimport { SingleContainer, ComponentCore, SingleContainerConfigInterface, Tooltip, Annotations } from '@unovis/ts'\nimport { onUnmounted, ref, provide, watch, toRefs, watchEffect, reactive, toRaw } from 'vue'\nimport { annotationsAccessorKey, componentAccessorKey, tooltipAccessorKey,  } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\nconst props = defineProps<SingleContainerConfigInterface<T> & { data?: T }>()\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nlet chart: SingleContainer<T>\nconst config = reactive({\n  component: undefined,\n  tooltip: undefined,\n  annotations: 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\nprovide(annotationsAccessorKey, {\n  data,\n  update: (a: Annotations) => config.annotations = a,\n  destroy: () => { config.annotations = undefined },\n})\n\n\ndefineExpose({\n  component: chart\n})\n</script>\n\n<template>\n  <div data-vis-single-container ref=\"elRef\" class='unovis-single-container'>\n    <slot />\n  </div>\n</template>\n\n\n\n<style>\n.unovis-single-container {\n  display: block;\n  position: relative;\n  width: 100%;\n}\n</style>\n"],"names":["props","__props","data","toRefs","parsedProps","useForwardProps","chart","config","reactive","elRef","ref","initChart","SingleContainer","toRaw","watchEffect","_a","watch","onUnmounted","provide","componentAccessorKey","c","tooltipAccessorKey","annotationsAccessorKey","a","__expose","_createElementBlock","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GACR,EAAE,MAAAC,EAAA,IAASC,EAAOH,CAAK,GACvBI,IAAcC,EAAgBL,CAAK;AAEzC,QAAIM;AACJ,UAAMC,IAASC,EAAS;AAAA,MACtB,WAAW;AAAA,MACX,SAAS;AAAA,MACT,aAAa;AAAA,IAAA,CACd,GACKC,IAAQC,EAAA,GAERC,IAAY,MAAM;AACtB,MAAIL,KACAG,EAAM,SAASF,EAAO,cACxBD,IAAQ,IAAIM,EAAgBH,EAAM,OAAO,EAAE,GAAGI,EAAMN,CAAM,EAAA,GAAKL,EAAK,KAAK;AAAA,IAC7E;AAEA,WAAAY,EAAY,MAAM;;AAChB,MAAAH,EAAA,IAEUI,IAAAR,EAAO,cAAP,QAAAQ,EAAkB,QAC5BT,KAAA,QAAAA,EAAO,gBAAgB,EAAE,GAAGO,EAAMT,EAAY,KAAK,GAAG,GAAGS,EAAMN,CAAM;IACvE,CAAC,GAEDS,EAAMd,GAAM,MAAM;AAChB,MAAII,IACFA,EAAM,QAAQJ,EAAK,OAAO,EAAI,IAE9BS,EAAA;AAAA,IAEJ,CAAC,GAEDM,EAAY,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,GAEDW,EAAQI,GAAwB;AAAA,MAC9B,MAAApB;AAAA,MACA,QAAQ,CAACqB,MAAmBhB,EAAO,cAAcgB;AAAA,MACjD,SAAS,MAAM;AAAE,QAAAhB,EAAO,cAAc;AAAA,MAAU;AAAA,IAAA,CACjD,GAGDiB,EAAa;AAAA,MACX,WAAWlB;AAAA,IAAA,CACZ,mBAICmB,EAEM,OAAA;AAAA,MAFD,6BAAA;AAAA,eAA8B;AAAA,MAAJ,KAAIhB;AAAA,MAAQ,OAAM;AAAA,IAAA;MAC/CiB,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/containers/single-container/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T\">\nimport { SingleContainer, ComponentCore, SingleContainerConfigInterface, Tooltip, Annotations } from '@unovis/ts'\nimport { onUnmounted, ref, provide, watch, toRefs, watchEffect, reactive, toRaw } from 'vue'\nimport { annotationsAccessorKey, componentAccessorKey, tooltipAccessorKey,  } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\nconst props = defineProps<SingleContainerConfigInterface<T> & { data?: T }>()\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nlet chart: SingleContainer<T>\nconst config = reactive({\n  component: undefined,\n  tooltip: undefined,\n  annotations: 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\nprovide(annotationsAccessorKey, {\n  data,\n  update: (a: Annotations) => config.annotations = a,\n  destroy: () => { config.annotations = undefined },\n})\n\n\ndefineExpose({\n  component: chart\n})\n</script>\n\n<template>\n  <div data-vis-single-container ref=\"elRef\" class='unovis-single-container'>\n    <slot />\n  </div>\n</template>\n\n\n\n<style>\n.unovis-single-container {\n  display: block;\n  position: relative;\n  width: 100%;\n}\n</style>\n"],"names":["props","__props","data","toRefs","parsedProps","useForwardProps","chart","config","reactive","elRef","ref","initChart","SingleContainer","toRaw","watchEffect","_a","watch","onUnmounted","provide","componentAccessorKey","c","tooltipAccessorKey","annotationsAccessorKey","a","__expose","_createElementBlock","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GACR,EAAE,MAAAC,EAAA,IAASC,EAAOH,CAAK,GACvBI,IAAcC,EAAgBL,CAAK;AAEzC,QAAIM;AACJ,UAAMC,IAASC,EAAS;AAAA,MACtB,WAAW;AAAA,MACX,SAAS;AAAA,MACT,aAAa;AAAA,IAAA,CACd,GACKC,IAAQC,EAAA,GAERC,IAAY,MAAM;AACtB,MAAIL,KACAG,EAAM,SAASF,EAAO,cACxBD,IAAQ,IAAIM,EAAgBH,EAAM,OAAO,EAAE,GAAGI,EAAMN,CAAM,EAAA,GAAKL,EAAK,KAAK;AAAA,IAC7E;AAEA,WAAAY,EAAY,MAAM;;AAChB,MAAAH,EAAA,IAEUI,IAAAR,EAAO,cAAP,QAAAQ,EAAkB,QAC5BT,KAAA,QAAAA,EAAO,gBAAgB,EAAE,GAAGO,EAAMT,EAAY,KAAK,GAAG,GAAGS,EAAMN,CAAM;IACvE,CAAC,GAEDS,EAAMd,GAAM,MAAM;AAChB,MAAII,IACFA,EAAM,QAAQJ,EAAK,OAAO,EAAI,IAE9BS,EAAA;AAAA,IAEJ,CAAC,GAEDM,EAAY,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,GAEDW,EAAQI,GAAwB;AAAA,MAC9B,MAAApB;AAAA,MACA,QAAQ,CAACqB,MAAmBhB,EAAO,cAAcgB;AAAA,MACjD,SAAS,MAAM;AAAE,QAAAhB,EAAO,cAAc;AAAA,MAAU;AAAA,IAAA,CACjD,GAGDiB,EAAa;AAAA,MACX,WAAWlB;AAAA,IAAA,CACZ,mBAICmB,EAEM,OAAA;AAAA,MAFD,6BAAA;AAAA,eAA8B;AAAA,MAAJ,KAAIhB;AAAA,MAAQ,OAAM;AAAA,IAAA;MAC/CiB,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}

package/containers/xy-container/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@unovis/ts"),i=require("../../utils/context.cjs"),v=require("../../utils/props.cjs"),y=e.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},annotations:{},clipPathExtend:{},duration:{},margin:{},padding:{},sizing:{},width:{},height:{},svgDefs:{},ariaLabel:{},data:{}},setup(p,{expose:d}){const c=p,{data:n}=e.toRefs(c),u=v.useForwardProps(c),a=e.ref(),t=e.reactive({components:[],annotations:void 0,crosshair:void 0,tooltip:void 0,xAxis:void 0,yAxis:void 0}),r=e.ref();return e.watch(n,()=>{a.value&&a.value.setData(n.value,!0)}),e.watchEffect(()=>{var o;t.components.map(s=>s.config),(o=a.value)==null||o.updateContainer({...e.toRaw(u.value),...e.toRaw(t)})}),e.onMounted(()=>{r.value&&(a.value=new l.XYContainer(r.value,{...e.toRaw(t)},n.value))}),e.onUnmounted(()=>{var o;return(o=a.value)==null?void 0:o.destroy()}),e.provide(i.componentAccessorKey,{data:n,update:o=>t.components=[...t.components,o],destroy:()=>{var o;return t.components=(o=t.components)==null?void 0:o.filter(s=>!s.isDestroyed())}}),e.provide(i.axisAccessorKey,{data:n,update:o=>t[`${o.config.type}Axis`]=o,destroy:o=>{t[`${o}Axis`]=void 0}}),e.provide(i.crosshairAccessorKey,{data:n,update:o=>t.crosshair=o,destroy:()=>{t.crosshair=void 0}}),e.provide(i.tooltipAccessorKey,{data:n,update:o=>t.tooltip=o,destroy:()=>{t.tooltip=void 0}}),e.provide(i.annotationsAccessorKey,{data:n,update:o=>t.annotations=o,destroy:()=>{t.annotations=void 0}}),d({component:a}),(o,s)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-xy-container":"",ref_key:"elRef",ref:r,class:"unovis-xy-container"},[e.renderSlot(o.$slots,"default")],512))}});exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),l=require("@unovis/ts"),i=require("../../utils/context.cjs"),v=require("../../utils/props.cjs"),y=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},annotations:{},clipPathExtend:{},onRenderComplete:{type:Function},duration:{},margin:{},padding:{},sizing:{},width:{},height:{},svgDefs:{},ariaLabel:{},data:{}},setup(p,{expose:d}){const c=p,{data:n}=o.toRefs(c),u=v.useForwardProps(c),a=o.ref(),t=o.reactive({components:[],annotations:void 0,crosshair:void 0,tooltip:void 0,xAxis:void 0,yAxis:void 0}),r=o.ref();return o.watch(n,()=>{a.value&&a.value.setData(n.value,!0)}),o.watchEffect(()=>{var e;t.components.map(s=>s.config),(e=a.value)==null||e.updateContainer({...o.toRaw(u.value),...o.toRaw(t)})}),o.onMounted(()=>{r.value&&(a.value=new l.XYContainer(r.value,{...o.toRaw(t)},n.value))}),o.onUnmounted(()=>{var e;return(e=a.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(s=>!s.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}}),o.provide(i.annotationsAccessorKey,{data:n,update:e=>t.annotations=e,destroy:()=>{t.annotations=void 0}}),d({component:a}),(e,s)=>(o.openBlock(),o.createElementBlock("div",{"data-vis-xy-container":"",ref_key:"elRef",ref:r,class:"unovis-xy-container"},[o.renderSlot(e.$slots,"default")],512))}});exports.default=y;
 //# 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"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T\">\nimport { XYContainer, XYComponentCore, XYContainerConfigInterface, Tooltip, Crosshair, Axis, Annotations } from '@unovis/ts'\nimport { onMounted, onUnmounted, ref, provide, watch, toRefs, reactive, watchEffect, toRaw } from 'vue'\nimport { componentAccessorKey, tooltipAccessorKey, axisAccessorKey, crosshairAccessorKey, annotationsAccessorKey } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\nconst props = defineProps<XYContainerConfigInterface<T> & { data?: T[] }>()\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nconst chart = ref<XYContainer<T> | undefined>()\nconst config = reactive({\n  components: [],\n  annotations: undefined,\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\nprovide(annotationsAccessorKey, {\n  data,\n  update: (a: Annotations) => config.annotations = a,\n  destroy: () => { config.annotations = undefined },\n})\n\ndefineExpose({\n  component: chart\n})\n</script>\n\n<template>\n  <div data-vis-xy-container ref=\"elRef\" class='unovis-xy-container'>\n    <slot />\n  </div>\n</template>\n\n\n<style>\n.unovis-xy-container {\n  display: block;\n  position: relative;\n  width: 100%;\n}\n</style>\n"],"names":["props","__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","annotationsAccessorKey","a","__expose","_createElementBlock","_renderSlot","_ctx"],"mappings":"kxBAMA,MAAMA,EAAQC,EACR,CAAE,KAAAC,CAAA,EAASC,EAAAA,OAAOH,CAAK,EACvBI,EAAcC,EAAAA,gBAAgBL,CAAK,EAEnCM,EAAQC,EAAAA,IAAA,EACRC,EAASC,EAAAA,SAAS,CACtB,WAAY,CAAA,EACZ,YAAa,OACb,UAAW,OACX,QAAS,OACT,MAAO,OACP,MAAO,MAAA,CACR,EACKC,EAAQH,EAAAA,IAAA,EAEdI,OAAAA,EAAAA,MAAMT,EAAM,IAAM,CACZI,EAAM,OACRA,EAAM,MAAM,QAAQJ,EAAK,MAAO,EAAI,CAExC,CAAC,EAEDU,EAAAA,YAAY,IAAM,OAENJ,EAAO,WAAW,IAAIK,GAAKA,EAAE,MAAM,GAC7CC,EAAAR,EAAM,QAAN,MAAAQ,EAAa,gBAAgB,CAAE,GAAGC,EAAAA,MAAMX,EAAY,KAAK,EAAG,GAAGW,QAAMP,CAAM,CAAA,EAC7E,CAAC,EAEDQ,EAAAA,UAAU,IAAM,CACVN,EAAM,QAAOJ,EAAM,MAAQ,IAAIW,EAAAA,YAAYP,EAAM,MAAO,CAAE,GAAGK,EAAAA,MAAMP,CAAM,CAAA,EAAKN,EAAK,KAAK,EAC9F,CAAC,EAEDgB,EAAAA,YAAY,IAAA,OAAM,OAAAJ,EAAAR,EAAM,QAAN,YAAAQ,EAAa,UAAS,EAExCK,EAAAA,QAAQC,EAAAA,qBAAsB,CAC5B,KAAAlB,EACA,OAASmB,GAA0Bb,EAAO,WAAa,CAAC,GAAGA,EAAO,WAAaa,CAAC,EAChF,QAAS,IAAA,OAAM,OAAAb,EAAO,YAAaM,EAAAN,EAAO,aAAP,YAAAM,EAAmB,OAAOO,GAAK,CAACA,EAAE,YAAA,GAAa,CACnF,EAEDF,EAAAA,QAAQG,EAAAA,gBAAiB,CACvB,KAAApB,EACA,OAASmB,GAAeb,EAAO,GAAGa,EAAE,OAAO,IAAI,MAAM,EAAIA,EACzD,QAAUA,GAAM,CAAEb,EAAO,GAAGa,CAAC,MAAM,EAAI,MAAU,CAAA,CAClD,EAEDF,EAAAA,QAAQI,EAAAA,qBAAsB,CAC5B,KAAArB,EACA,OAASmB,GAAoBb,EAAO,UAAYa,EAChD,QAAS,IAAM,CAAEb,EAAO,UAAY,MAAU,CAAA,CAC/C,EAEDW,EAAAA,QAAQK,EAAAA,mBAAoB,CAC1B,KAAAtB,EACA,OAASuB,GAAejB,EAAO,QAAUiB,EACzC,QAAS,IAAM,CAAEjB,EAAO,QAAU,MAAU,CAAA,CAC7C,EAEDW,EAAAA,QAAQO,EAAAA,uBAAwB,CAC9B,KAAAxB,EACA,OAASyB,GAAmBnB,EAAO,YAAcmB,EACjD,QAAS,IAAM,CAAEnB,EAAO,YAAc,MAAU,CAAA,CACjD,EAEDoB,EAAa,CACX,UAAWtB,CAAA,CACZ,wBAICuB,EAAAA,mBAEM,MAAA,CAFD,wBAAA,WAA0B,QAAJ,IAAInB,EAAQ,MAAM,qBAAA,GAC3CoB,aAAQC,EAAA,OAAA,SAAA,CAAA"}
+{"version":3,"file":"index.cjs","sources":["../../../src/containers/xy-container/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T\">\nimport { XYContainer, XYComponentCore, XYContainerConfigInterface, Tooltip, Crosshair, Axis, Annotations } from '@unovis/ts'\nimport { onMounted, onUnmounted, ref, provide, watch, toRefs, reactive, watchEffect, toRaw } from 'vue'\nimport { componentAccessorKey, tooltipAccessorKey, axisAccessorKey, crosshairAccessorKey, annotationsAccessorKey } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\nconst props = defineProps<XYContainerConfigInterface<T> & { data?: T[] }>()\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nconst chart = ref<XYContainer<T> | undefined>()\nconst config = reactive({\n  components: [],\n  annotations: undefined,\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\nprovide(annotationsAccessorKey, {\n  data,\n  update: (a: Annotations) => config.annotations = a,\n  destroy: () => { config.annotations = undefined },\n})\n\ndefineExpose({\n  component: chart\n})\n</script>\n\n<template>\n  <div data-vis-xy-container ref=\"elRef\" class='unovis-xy-container'>\n    <slot />\n  </div>\n</template>\n\n\n<style>\n.unovis-xy-container {\n  display: block;\n  position: relative;\n  width: 100%;\n}\n</style>\n"],"names":["props","__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","annotationsAccessorKey","a","__expose","_createElementBlock","_renderSlot","_ctx"],"mappings":"mzBAMA,MAAMA,EAAQC,EACR,CAAE,KAAAC,CAAA,EAASC,EAAAA,OAAOH,CAAK,EACvBI,EAAcC,EAAAA,gBAAgBL,CAAK,EAEnCM,EAAQC,EAAAA,IAAA,EACRC,EAASC,EAAAA,SAAS,CACtB,WAAY,CAAA,EACZ,YAAa,OACb,UAAW,OACX,QAAS,OACT,MAAO,OACP,MAAO,MAAA,CACR,EACKC,EAAQH,EAAAA,IAAA,EAEdI,OAAAA,EAAAA,MAAMT,EAAM,IAAM,CACZI,EAAM,OACRA,EAAM,MAAM,QAAQJ,EAAK,MAAO,EAAI,CAExC,CAAC,EAEDU,EAAAA,YAAY,IAAM,OAENJ,EAAO,WAAW,IAAIK,GAAKA,EAAE,MAAM,GAC7CC,EAAAR,EAAM,QAAN,MAAAQ,EAAa,gBAAgB,CAAE,GAAGC,EAAAA,MAAMX,EAAY,KAAK,EAAG,GAAGW,QAAMP,CAAM,CAAA,EAC7E,CAAC,EAEDQ,EAAAA,UAAU,IAAM,CACVN,EAAM,QAAOJ,EAAM,MAAQ,IAAIW,EAAAA,YAAYP,EAAM,MAAO,CAAE,GAAGK,EAAAA,MAAMP,CAAM,CAAA,EAAKN,EAAK,KAAK,EAC9F,CAAC,EAEDgB,EAAAA,YAAY,IAAA,OAAM,OAAAJ,EAAAR,EAAM,QAAN,YAAAQ,EAAa,UAAS,EAExCK,EAAAA,QAAQC,EAAAA,qBAAsB,CAC5B,KAAAlB,EACA,OAASmB,GAA0Bb,EAAO,WAAa,CAAC,GAAGA,EAAO,WAAaa,CAAC,EAChF,QAAS,IAAA,OAAM,OAAAb,EAAO,YAAaM,EAAAN,EAAO,aAAP,YAAAM,EAAmB,OAAOO,GAAK,CAACA,EAAE,YAAA,GAAa,CACnF,EAEDF,EAAAA,QAAQG,EAAAA,gBAAiB,CACvB,KAAApB,EACA,OAASmB,GAAeb,EAAO,GAAGa,EAAE,OAAO,IAAI,MAAM,EAAIA,EACzD,QAAUA,GAAM,CAAEb,EAAO,GAAGa,CAAC,MAAM,EAAI,MAAU,CAAA,CAClD,EAEDF,EAAAA,QAAQI,EAAAA,qBAAsB,CAC5B,KAAArB,EACA,OAASmB,GAAoBb,EAAO,UAAYa,EAChD,QAAS,IAAM,CAAEb,EAAO,UAAY,MAAU,CAAA,CAC/C,EAEDW,EAAAA,QAAQK,EAAAA,mBAAoB,CAC1B,KAAAtB,EACA,OAASuB,GAAejB,EAAO,QAAUiB,EACzC,QAAS,IAAM,CAAEjB,EAAO,QAAU,MAAU,CAAA,CAC7C,EAEDW,EAAAA,QAAQO,EAAAA,uBAAwB,CAC9B,KAAAxB,EACA,OAASyB,GAAmBnB,EAAO,YAAcmB,EACjD,QAAS,IAAM,CAAEnB,EAAO,YAAc,MAAU,CAAA,CACjD,EAEDoB,EAAa,CACX,UAAWtB,CAAA,CACZ,wBAICuB,EAAAA,mBAEM,MAAA,CAFD,wBAAA,WAA0B,QAAJ,IAAInB,EAAQ,MAAM,qBAAA,GAC3CoB,aAAQC,EAAA,OAAA,SAAA,CAAA"}

package/containers/xy-container/index.js

@@ -1,6 +1,6 @@
-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 a, createElementBlock as g, openBlock 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 _, annotationsAccessorKey as K } from "../../utils/context.js";
+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 a, openBlock as g, createElementBlock as A, renderSlot as C } from "vue";
+import { XYContainer as R } from "@unovis/ts";
+import { componentAccessorKey as w, axisAccessorKey as B, crosshairAccessorKey as M, tooltipAccessorKey as _, annotationsAccessorKey as K } from "../../utils/context.js";
 import { useForwardProps as E } from "../../utils/props.js";
 const S = /* @__PURE__ */ u({
   __name: "index",
@@ -26,6 +26,7 @@ const S = /* @__PURE__ */ u({
     scaleByDomain: { type: Boolean },
     annotations: {},
     clipPathExtend: {},
+    onRenderComplete: { type: Function },
     duration: {},
     margin: {},
     padding: {},
@@ -51,24 +52,24 @@ const S = /* @__PURE__ */ u({
       var o;
       e.components.map((i) => i.config), (o = n.value) == null || o.updateContainer({ ...r(m.value), ...r(e) });
     }), h(() => {
-      s.value && (n.value = new w(s.value, { ...r(e) }, t.value));
+      s.value && (n.value = new R(s.value, { ...r(e) }, t.value));
     }), D(() => {
       var o;
       return (o = n.value) == null ? void 0 : o.destroy();
-    }), a(B, {
+    }), a(w, {
       data: t,
       update: (o) => e.components = [...e.components, o],
       destroy: () => {
         var o;
         return e.components = (o = e.components) == null ? void 0 : o.filter((i) => !i.isDestroyed());
       }
-    }), a(M, {
+    }), a(B, {
       data: t,
       update: (o) => e[`${o.config.type}Axis`] = o,
       destroy: (o) => {
         e[`${o}Axis`] = void 0;
       }
-    }), a(R, {
+    }), a(M, {
       data: t,
       update: (o) => e.crosshair = o,
       destroy: () => {
@@ -88,7 +89,7 @@ const S = /* @__PURE__ */ u({
       }
     }), l({
       component: n
-    }), (o, i) => (A(), g("div", {
+    }), (o, i) => (g(), A("div", {
       "data-vis-xy-container": "",
       ref_key: "elRef",
       ref: s,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/containers/xy-container/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T\">\nimport { XYContainer, XYComponentCore, XYContainerConfigInterface, Tooltip, Crosshair, Axis, Annotations } from '@unovis/ts'\nimport { onMounted, onUnmounted, ref, provide, watch, toRefs, reactive, watchEffect, toRaw } from 'vue'\nimport { componentAccessorKey, tooltipAccessorKey, axisAccessorKey, crosshairAccessorKey, annotationsAccessorKey } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\nconst props = defineProps<XYContainerConfigInterface<T> & { data?: T[] }>()\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nconst chart = ref<XYContainer<T> | undefined>()\nconst config = reactive({\n  components: [],\n  annotations: undefined,\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\nprovide(annotationsAccessorKey, {\n  data,\n  update: (a: Annotations) => config.annotations = a,\n  destroy: () => { config.annotations = undefined },\n})\n\ndefineExpose({\n  component: chart\n})\n</script>\n\n<template>\n  <div data-vis-xy-container ref=\"elRef\" class='unovis-xy-container'>\n    <slot />\n  </div>\n</template>\n\n\n<style>\n.unovis-xy-container {\n  display: block;\n  position: relative;\n  width: 100%;\n}\n</style>\n"],"names":["props","__props","data","toRefs","parsedProps","useForwardProps","chart","ref","config","reactive","elRef","watch","watchEffect","_a","toRaw","onMounted","XYContainer","onUnmounted","provide","componentAccessorKey","c","axisAccessorKey","crosshairAccessorKey","tooltipAccessorKey","t","annotationsAccessorKey","a","__expose","_createElementBlock","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GACR,EAAE,MAAAC,EAAA,IAASC,EAAOH,CAAK,GACvBI,IAAcC,EAAgBL,CAAK,GAEnCM,IAAQC,EAAA,GACRC,IAASC,EAAS;AAAA,MACtB,YAAY,CAAA;AAAA,MACZ,aAAa;AAAA,MACb,WAAW;AAAA,MACX,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,IAAA,CACR,GACKC,IAAQH,EAAA;AAEd,WAAAI,EAAMT,GAAM,MAAM;AAChB,MAAII,EAAM,SACRA,EAAM,MAAM,QAAQJ,EAAK,OAAO,EAAI;AAAA,IAExC,CAAC,GAEDU,EAAY,MAAM;;AAEN,MAAAJ,EAAO,WAAW,IAAI,CAAA,MAAK,EAAE,MAAM,IAC7CK,IAAAP,EAAM,UAAN,QAAAO,EAAa,gBAAgB,EAAE,GAAGC,EAAMV,EAAY,KAAK,GAAG,GAAGU,EAAMN,CAAM,EAAA;AAAA,IAC7E,CAAC,GAEDO,EAAU,MAAM;AACd,MAAIL,EAAM,UAAOJ,EAAM,QAAQ,IAAIU,EAAYN,EAAM,OAAO,EAAE,GAAGI,EAAMN,CAAM,EAAA,GAAKN,EAAK,KAAK;AAAA,IAC9F,CAAC,GAEDe,EAAY,MAAA;;AAAM,cAAAJ,IAAAP,EAAM,UAAN,gBAAAO,EAAa;AAAA,KAAS,GAExCK,EAAQC,GAAsB;AAAA,MAC5B,MAAAjB;AAAA,MACA,QAAQ,CAACkB,MAA0BZ,EAAO,aAAa,CAAC,GAAGA,EAAO,YAAaY,CAAC;AAAA,MAChF,SAAS,MAAA;;AAAM,eAAAZ,EAAO,cAAaK,IAAAL,EAAO,eAAP,gBAAAK,EAAmB,OAAO,CAAAO,MAAK,CAACA,EAAE,YAAA;AAAA;AAAA,IAAa,CACnF,GAEDF,EAAQG,GAAiB;AAAA,MACvB,MAAAnB;AAAA,MACA,QAAQ,CAACkB,MAAeZ,EAAO,GAAGY,EAAE,OAAO,IAAI,MAAM,IAAIA;AAAA,MACzD,SAAS,CAACA,MAAM;AAAE,QAAAZ,EAAO,GAAGY,CAAC,MAAM,IAAI;AAAA,MAAU;AAAA,IAAA,CAClD,GAEDF,EAAQI,GAAsB;AAAA,MAC5B,MAAApB;AAAA,MACA,QAAQ,CAACkB,MAAoBZ,EAAO,YAAYY;AAAA,MAChD,SAAS,MAAM;AAAE,QAAAZ,EAAO,YAAY;AAAA,MAAU;AAAA,IAAA,CAC/C,GAEDU,EAAQK,GAAoB;AAAA,MAC1B,MAAArB;AAAA,MACA,QAAQ,CAACsB,MAAehB,EAAO,UAAUgB;AAAA,MACzC,SAAS,MAAM;AAAE,QAAAhB,EAAO,UAAU;AAAA,MAAU;AAAA,IAAA,CAC7C,GAEDU,EAAQO,GAAwB;AAAA,MAC9B,MAAAvB;AAAA,MACA,QAAQ,CAACwB,MAAmBlB,EAAO,cAAckB;AAAA,MACjD,SAAS,MAAM;AAAE,QAAAlB,EAAO,cAAc;AAAA,MAAU;AAAA,IAAA,CACjD,GAEDmB,EAAa;AAAA,MACX,WAAWrB;AAAA,IAAA,CACZ,mBAICsB,EAEM,OAAA;AAAA,MAFD,yBAAA;AAAA,eAA0B;AAAA,MAAJ,KAAIlB;AAAA,MAAQ,OAAM;AAAA,IAAA;MAC3CmB,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/containers/xy-container/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T\">\nimport { XYContainer, XYComponentCore, XYContainerConfigInterface, Tooltip, Crosshair, Axis, Annotations } from '@unovis/ts'\nimport { onMounted, onUnmounted, ref, provide, watch, toRefs, reactive, watchEffect, toRaw } from 'vue'\nimport { componentAccessorKey, tooltipAccessorKey, axisAccessorKey, crosshairAccessorKey, annotationsAccessorKey } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\nconst props = defineProps<XYContainerConfigInterface<T> & { data?: T[] }>()\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nconst chart = ref<XYContainer<T> | undefined>()\nconst config = reactive({\n  components: [],\n  annotations: undefined,\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\nprovide(annotationsAccessorKey, {\n  data,\n  update: (a: Annotations) => config.annotations = a,\n  destroy: () => { config.annotations = undefined },\n})\n\ndefineExpose({\n  component: chart\n})\n</script>\n\n<template>\n  <div data-vis-xy-container ref=\"elRef\" class='unovis-xy-container'>\n    <slot />\n  </div>\n</template>\n\n\n<style>\n.unovis-xy-container {\n  display: block;\n  position: relative;\n  width: 100%;\n}\n</style>\n"],"names":["props","__props","data","toRefs","parsedProps","useForwardProps","chart","ref","config","reactive","elRef","watch","watchEffect","_a","toRaw","onMounted","XYContainer","onUnmounted","provide","componentAccessorKey","c","axisAccessorKey","crosshairAccessorKey","tooltipAccessorKey","t","annotationsAccessorKey","a","__expose","_createElementBlock","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GACR,EAAE,MAAAC,EAAA,IAASC,EAAOH,CAAK,GACvBI,IAAcC,EAAgBL,CAAK,GAEnCM,IAAQC,EAAA,GACRC,IAASC,EAAS;AAAA,MACtB,YAAY,CAAA;AAAA,MACZ,aAAa;AAAA,MACb,WAAW;AAAA,MACX,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,IAAA,CACR,GACKC,IAAQH,EAAA;AAEd,WAAAI,EAAMT,GAAM,MAAM;AAChB,MAAII,EAAM,SACRA,EAAM,MAAM,QAAQJ,EAAK,OAAO,EAAI;AAAA,IAExC,CAAC,GAEDU,EAAY,MAAM;;AAEN,MAAAJ,EAAO,WAAW,IAAI,CAAA,MAAK,EAAE,MAAM,IAC7CK,IAAAP,EAAM,UAAN,QAAAO,EAAa,gBAAgB,EAAE,GAAGC,EAAMV,EAAY,KAAK,GAAG,GAAGU,EAAMN,CAAM,EAAA;AAAA,IAC7E,CAAC,GAEDO,EAAU,MAAM;AACd,MAAIL,EAAM,UAAOJ,EAAM,QAAQ,IAAIU,EAAYN,EAAM,OAAO,EAAE,GAAGI,EAAMN,CAAM,EAAA,GAAKN,EAAK,KAAK;AAAA,IAC9F,CAAC,GAEDe,EAAY,MAAA;;AAAM,cAAAJ,IAAAP,EAAM,UAAN,gBAAAO,EAAa;AAAA,KAAS,GAExCK,EAAQC,GAAsB;AAAA,MAC5B,MAAAjB;AAAA,MACA,QAAQ,CAACkB,MAA0BZ,EAAO,aAAa,CAAC,GAAGA,EAAO,YAAaY,CAAC;AAAA,MAChF,SAAS,MAAA;;AAAM,eAAAZ,EAAO,cAAaK,IAAAL,EAAO,eAAP,gBAAAK,EAAmB,OAAO,CAAAO,MAAK,CAACA,EAAE,YAAA;AAAA;AAAA,IAAa,CACnF,GAEDF,EAAQG,GAAiB;AAAA,MACvB,MAAAnB;AAAA,MACA,QAAQ,CAACkB,MAAeZ,EAAO,GAAGY,EAAE,OAAO,IAAI,MAAM,IAAIA;AAAA,MACzD,SAAS,CAACA,MAAM;AAAE,QAAAZ,EAAO,GAAGY,CAAC,MAAM,IAAI;AAAA,MAAU;AAAA,IAAA,CAClD,GAEDF,EAAQI,GAAsB;AAAA,MAC5B,MAAApB;AAAA,MACA,QAAQ,CAACkB,MAAoBZ,EAAO,YAAYY;AAAA,MAChD,SAAS,MAAM;AAAE,QAAAZ,EAAO,YAAY;AAAA,MAAU;AAAA,IAAA,CAC/C,GAEDU,EAAQK,GAAoB;AAAA,MAC1B,MAAArB;AAAA,MACA,QAAQ,CAACsB,MAAehB,EAAO,UAAUgB;AAAA,MACzC,SAAS,MAAM;AAAE,QAAAhB,EAAO,UAAU;AAAA,MAAU;AAAA,IAAA,CAC7C,GAEDU,EAAQO,GAAwB;AAAA,MAC9B,MAAAvB;AAAA,MACA,QAAQ,CAACwB,MAAmBlB,EAAO,cAAckB;AAAA,MACjD,SAAS,MAAM;AAAE,QAAAlB,EAAO,cAAc;AAAA,MAAU;AAAA,IAAA,CACjD,GAEDmB,EAAa;AAAA,MACX,WAAWrB;AAAA,IAAA,CACZ,mBAICsB,EAEM,OAAA;AAAA,MAFD,yBAAA;AAAA,eAA0B;AAAA,MAAJ,KAAIlB;AAAA,MAAQ,OAAM;AAAA,IAAA;MAC3CmB,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}

package/html-components/bullet-legend/index.d.ts

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

package/html-components/bullet-legend/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as c, computed as p, ref as u, onMounted as m, nextTick as f, onUnmounted as v, watch as b, createElementBlock as g, openBlock as _ } from "vue";
+import { defineComponent as c, computed as p, ref as u, onMounted as m, nextTick as f, onUnmounted as v, watch as b, openBlock as g, createElementBlock as _ } from "vue";
 import { BulletLegend as i } from "@unovis/ts";
 import { useForwardProps as x, arePropsEqual as k } from "../../utils/props.js";
 const h = i.selectors, C = /* @__PURE__ */ c({
@@ -32,7 +32,7 @@ const h = i.selectors, C = /* @__PURE__ */ c({
       k(e, a) || (r = o.value) == null || r.setConfig(t.value);
     }), s({
       component: o
-    }), (e, a) => (_(), g("div", {
+    }), (e, a) => (g(), _("div", {
       "data-vis-bullet-legend": "",
       ref_key: "elRef",
       ref: n

package/html-components/flow-legend/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("@unovis/ts"),a=require("../../utils/props.cjs"),p=c.FlowLegend.selectors,f=e.defineComponent({__name:"index",props:{customWidth:{},items:{},lineColor:{},labelColor:{},labelFontSize:{},arrowSymbol:{},arrowColor:{},onLegendItemClick:{type:Function},data:{}},setup(d,{expose:i}){const l=d;e.computed(()=>l.data);const n=a.useForwardProps(l),t=e.ref(),r=e.ref();return e.onMounted(()=>{e.nextTick(()=>{r.value&&(t.value=new c.FlowLegend(r.value,{...n.value,renderIntoProvidedDomNode:!0}))})}),e.onUnmounted(()=>{var o;(o=t.value)==null||o.destroy()}),e.watch(n,(o,s)=>{var u;a.arePropsEqual(o,s)||(u=t.value)==null||u.setConfig(n.value)}),i({component:t}),(o,s)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-flow-legend":"",ref_key:"elRef",ref:r},null,512))}});exports.VisFlowLegendSelectors=p;exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("@unovis/ts"),c=require("../../utils/props.cjs"),p=d.FlowLegend.selectors,f=e.defineComponent({__name:"index",props:{margin:{},customWidth:{},items:{},spacing:{},lineColor:{},labelColor:{},labelFontSize:{},arrowSymbol:{},arrowColor:{},arrowSymbolYOffset:{},onLegendItemClick:{type:Function},renderIntoProvidedDomNode:{type:Boolean},data:{}},setup(u,{expose:i}){const l=u;e.computed(()=>l.data);const t=c.useForwardProps(l),n=e.ref(),r=e.ref();return e.onMounted(()=>{e.nextTick(()=>{r.value&&(n.value=new d.FlowLegend(r.value,{...t.value,renderIntoProvidedDomNode:!0}))})}),e.onUnmounted(()=>{var o;(o=n.value)==null||o.destroy()}),e.watch(t,(o,s)=>{var a;c.arePropsEqual(o,s)||(a=n.value)==null||a.setConfig(t.value)}),i({component:n}),(o,s)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-flow-legend":"",ref_key:"elRef",ref:r},null,512))}});exports.VisFlowLegendSelectors=p;exports.default=f;
 //# sourceMappingURL=index.cjs.map

package/html-components/flow-legend/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/html-components/flow-legend/index.vue"],"sourcesContent":["<script setup lang=\"ts\" >\n// !!! This code was automatically generated. You should not change it !!!\nimport { FlowLegend, FlowLegendConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \ntype Props = FlowLegendConfigInterface\nconst props = defineProps<Props & { data?: null }>()\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<FlowLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  nextTick(() => {\n    if(elRef.value)\n    component.value = new FlowLegend(elRef.value, { ...config.value, renderIntoProvidedDomNode: true })\n    \n    \n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  \n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisFlowLegendSelectors = FlowLegend.selectors\n</script>\n\n<template>\n  <div data-vis-flow-legend ref=\"elRef\"/>\n</template>\n\n\n<style>\n  [data-vis-flow-legend] {\n    display:block;\n  }\n</style>\n"],"names":["VisFlowLegendSelectors","FlowLegend","props","__props","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose","_createElementBlock"],"mappings":"8LA8CaA,EAAyBC,EAAAA,WAAW,qNArCjD,MAAMC,EAAQC,EAEDC,EAAAA,SAAS,IAAMF,EAAM,IAAI,EAEtC,MAAMG,EAASC,EAAAA,gBAAgBJ,CAAK,EAG9BK,EAAYC,EAAAA,IAAA,EACZC,EAAQD,EAAAA,IAAA,EAEdE,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACVF,EAAM,QACTF,EAAU,MAAQ,IAAIN,EAAAA,WAAWQ,EAAM,MAAO,CAAE,GAAGJ,EAAO,MAAO,0BAA2B,EAAA,CAAM,EAGpG,CAAC,CACH,CAAC,EAEDO,EAAAA,YAAY,IAAM,QAChBC,EAAAN,EAAU,QAAV,MAAAM,EAAiB,SAEnB,CAAC,EAEDC,EAAAA,MAAMT,EAAQ,CAACU,EAAMC,IAAS,OACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BH,EAAAN,EAAU,QAAV,MAAAM,EAAiB,UAAUR,EAAO,MAEtC,CAAC,EAGDa,EAAa,CACX,UAAAX,CAAA,CACD,wBAQCY,EAAAA,mBAAuC,MAAA,CAAlC,uBAAA,WAAyB,QAAJ,IAAIV,CAAA"}
+{"version":3,"file":"index.cjs","sources":["../../../src/html-components/flow-legend/index.vue"],"sourcesContent":["<script setup lang=\"ts\" >\n// !!! This code was automatically generated. You should not change it !!!\nimport { FlowLegend, FlowLegendConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \ntype Props = FlowLegendConfigInterface\nconst props = defineProps<Props & { data?: null }>()\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<FlowLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  nextTick(() => {\n    if(elRef.value)\n    component.value = new FlowLegend(elRef.value, { ...config.value, renderIntoProvidedDomNode: true })\n    \n    \n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  \n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisFlowLegendSelectors = FlowLegend.selectors\n</script>\n\n<template>\n  <div data-vis-flow-legend ref=\"elRef\"/>\n</template>\n\n\n<style>\n  [data-vis-flow-legend] {\n    display:block;\n  }\n</style>\n"],"names":["VisFlowLegendSelectors","FlowLegend","props","__props","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose","_createElementBlock"],"mappings":"8LA8CaA,EAAyBC,EAAAA,WAAW,ySArCjD,MAAMC,EAAQC,EAEDC,EAAAA,SAAS,IAAMF,EAAM,IAAI,EAEtC,MAAMG,EAASC,EAAAA,gBAAgBJ,CAAK,EAG9BK,EAAYC,EAAAA,IAAA,EACZC,EAAQD,EAAAA,IAAA,EAEdE,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACVF,EAAM,QACTF,EAAU,MAAQ,IAAIN,EAAAA,WAAWQ,EAAM,MAAO,CAAE,GAAGJ,EAAO,MAAO,0BAA2B,EAAA,CAAM,EAGpG,CAAC,CACH,CAAC,EAEDO,EAAAA,YAAY,IAAM,QAChBC,EAAAN,EAAU,QAAV,MAAAM,EAAiB,SAEnB,CAAC,EAEDC,EAAAA,MAAMT,EAAQ,CAACU,EAAMC,IAAS,OACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BH,EAAAN,EAAU,QAAV,MAAAM,EAAiB,UAAUR,EAAO,MAEtC,CAAC,EAGDa,EAAa,CACX,UAAAX,CAAA,CACD,wBAQCY,EAAAA,mBAAuC,MAAA,CAAlC,uBAAA,WAAyB,QAAJ,IAAIV,CAAA"}

package/html-components/flow-legend/index.d.ts

@@ -1,6 +1,6 @@
 import { FlowLegend, FlowLegendConfigInterface } from '@unovis/ts';
 
-export declare const VisFlowLegendSelectors: any;
+export declare const VisFlowLegendSelectors: typeof import("@unovis/ts/dist/components/flow-legend/style");
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FlowLegendConfigInterface & {
     data?: null;
 }>>, {

package/html-components/flow-legend/index.js

@@ -1,44 +1,48 @@
-import { defineComponent as u, computed as m, ref as s, onMounted as p, nextTick as f, onUnmounted as v, watch as w, createElementBlock as _, openBlock as g } from "vue";
-import { FlowLegend as c } from "@unovis/ts";
-import { useForwardProps as C, arePropsEqual as k } from "../../utils/props.js";
-const b = c.selectors, h = /* @__PURE__ */ u({
+import { defineComponent as m, computed as u, ref as s, onMounted as p, nextTick as f, onUnmounted as v, watch as w, openBlock as g, createElementBlock as _ } from "vue";
+import { FlowLegend as d } from "@unovis/ts";
+import { useForwardProps as y, arePropsEqual as C } from "../../utils/props.js";
+const b = d.selectors, P = /* @__PURE__ */ m({
   __name: "index",
   props: {
+    margin: {},
     customWidth: {},
     items: {},
+    spacing: {},
     lineColor: {},
     labelColor: {},
     labelFontSize: {},
     arrowSymbol: {},
     arrowColor: {},
+    arrowSymbolYOffset: {},
     onLegendItemClick: { type: Function },
+    renderIntoProvidedDomNode: { type: Boolean },
     data: {}
   },
-  setup(d, { expose: i }) {
-    const r = d;
-    m(() => r.data);
-    const t = C(r), o = s(), n = s();
+  setup(c, { expose: i }) {
+    const r = c;
+    u(() => r.data);
+    const n = y(r), o = s(), t = s();
     return p(() => {
       f(() => {
-        n.value && (o.value = new c(n.value, { ...t.value, renderIntoProvidedDomNode: !0 }));
+        t.value && (o.value = new d(t.value, { ...n.value, renderIntoProvidedDomNode: !0 }));
       });
     }), v(() => {
       var e;
       (e = o.value) == null || e.destroy();
-    }), w(t, (e, l) => {
+    }), w(n, (e, l) => {
       var a;
-      k(e, l) || (a = o.value) == null || a.setConfig(t.value);
+      C(e, l) || (a = o.value) == null || a.setConfig(n.value);
     }), i({
       component: o
     }), (e, l) => (g(), _("div", {
       "data-vis-flow-legend": "",
       ref_key: "elRef",
-      ref: n
+      ref: t
     }, null, 512));
   }
 });
 export {
   b as VisFlowLegendSelectors,
-  h as default
+  P as default
 };
 //# sourceMappingURL=index.js.map

package/html-components/flow-legend/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/html-components/flow-legend/index.vue"],"sourcesContent":["<script setup lang=\"ts\" >\n// !!! This code was automatically generated. You should not change it !!!\nimport { FlowLegend, FlowLegendConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \ntype Props = FlowLegendConfigInterface\nconst props = defineProps<Props & { data?: null }>()\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<FlowLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  nextTick(() => {\n    if(elRef.value)\n    component.value = new FlowLegend(elRef.value, { ...config.value, renderIntoProvidedDomNode: true })\n    \n    \n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  \n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisFlowLegendSelectors = FlowLegend.selectors\n</script>\n\n<template>\n  <div data-vis-flow-legend ref=\"elRef\"/>\n</template>\n\n\n<style>\n  [data-vis-flow-legend] {\n    display:block;\n  }\n</style>\n"],"names":["VisFlowLegendSelectors","FlowLegend","props","__props","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose","_createElementBlock"],"mappings":";;;AA8CO,MAAMA,IAAyBC,EAAW;;;;;;;;;;;;;;AArCjD,UAAMC,IAAQC;AAED,IAAAC,EAAS,MAAMF,EAAM,IAAI;AAEtC,UAAMG,IAASC,EAAgBJ,CAAK,GAG9BK,IAAYC,EAAA,GACZC,IAAQD,EAAA;AAEd,WAAAE,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAGF,EAAM,UACTF,EAAU,QAAQ,IAAIN,EAAWQ,EAAM,OAAO,EAAE,GAAGJ,EAAO,OAAO,2BAA2B,GAAA,CAAM;AAAA,MAGpG,CAAC;AAAA,IACH,CAAC,GAEDO,EAAY,MAAM;;AAChB,OAAAC,IAAAN,EAAU,UAAV,QAAAM,EAAiB;AAAA,IAEnB,CAAC,GAEDC,EAAMT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BH,IAAAN,EAAU,UAAV,QAAAM,EAAiB,UAAUR,EAAO;AAAA,IAEtC,CAAC,GAGDa,EAAa;AAAA,MACX,WAAAX;AAAA,IAAA,CACD,mBAQCY,EAAuC,OAAA;AAAA,MAAlC,wBAAA;AAAA,eAAyB;AAAA,MAAJ,KAAIV;AAAA,IAAA;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/html-components/flow-legend/index.vue"],"sourcesContent":["<script setup lang=\"ts\" >\n// !!! This code was automatically generated. You should not change it !!!\nimport { FlowLegend, FlowLegendConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \ntype Props = FlowLegendConfigInterface\nconst props = defineProps<Props & { data?: null }>()\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<FlowLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  nextTick(() => {\n    if(elRef.value)\n    component.value = new FlowLegend(elRef.value, { ...config.value, renderIntoProvidedDomNode: true })\n    \n    \n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  \n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisFlowLegendSelectors = FlowLegend.selectors\n</script>\n\n<template>\n  <div data-vis-flow-legend ref=\"elRef\"/>\n</template>\n\n\n<style>\n  [data-vis-flow-legend] {\n    display:block;\n  }\n</style>\n"],"names":["VisFlowLegendSelectors","FlowLegend","props","__props","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose","_createElementBlock"],"mappings":";;;AA8CO,MAAMA,IAAyBC,EAAW;;;;;;;;;;;;;;;;;;AArCjD,UAAMC,IAAQC;AAED,IAAAC,EAAS,MAAMF,EAAM,IAAI;AAEtC,UAAMG,IAASC,EAAgBJ,CAAK,GAG9BK,IAAYC,EAAA,GACZC,IAAQD,EAAA;AAEd,WAAAE,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAGF,EAAM,UACTF,EAAU,QAAQ,IAAIN,EAAWQ,EAAM,OAAO,EAAE,GAAGJ,EAAO,OAAO,2BAA2B,GAAA,CAAM;AAAA,MAGpG,CAAC;AAAA,IACH,CAAC,GAEDO,EAAY,MAAM;;AAChB,OAAAC,IAAAN,EAAU,UAAV,QAAAM,EAAiB;AAAA,IAEnB,CAAC,GAEDC,EAAMT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BH,IAAAN,EAAU,UAAV,QAAAM,EAAiB,UAAUR,EAAO;AAAA,IAEtC,CAAC,GAGDa,EAAa;AAAA,MACX,WAAAX;AAAA,IAAA,CACD,mBAQCY,EAAuC,OAAA;AAAA,MAAlC,wBAAA;AAAA,eAAyB;AAAA,MAAJ,KAAIV;AAAA,IAAA;;;"}

package/html-components/leaflet-flow-map/index.d.ts

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

package/html-components/leaflet-flow-map/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as d, computed as F, ref as a, onMounted as m, nextTick as f, onUnmounted as g, watch as c, createElementBlock as S, openBlock as b } from "vue";
+import { defineComponent as d, computed as F, ref as a, onMounted as m, nextTick as f, onUnmounted as g, watch as c, openBlock as S, createElementBlock as b } from "vue";
 import { LeafletFlowMap as p } from "@unovis/ts";
 import { useForwardProps as v, arePropsEqual as L } from "../../utils/props.js";
 const P = p.selectors, C = /* @__PURE__ */ d({
@@ -85,7 +85,7 @@ const P = p.selectors, C = /* @__PURE__ */ d({
       (t = n.value) == null || t.setData(e.value);
     }), y({
       component: n
-    }), (t, l) => (b(), S("div", {
+    }), (t, l) => (S(), b("div", {
       "data-vis-leaflet-flow-map": "",
       ref_key: "elRef",
       ref: u

package/html-components/leaflet-map/index.d.ts

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

package/html-components/leaflet-map/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as y, computed as m, ref as r, onMounted as f, nextTick as F, onUnmounted as g, watch as p, createElementBlock as v, openBlock as S } from "vue";
+import { defineComponent as y, computed as m, ref as r, onMounted as f, nextTick as F, onUnmounted as g, watch as p, openBlock as v, createElementBlock as S } from "vue";
 import { LeafletMap as c } from "@unovis/ts";
 import { useForwardProps as M, arePropsEqual as b } from "../../utils/props.js";
 const k = c.selectors, C = /* @__PURE__ */ y({
@@ -72,7 +72,7 @@ const k = c.selectors, C = /* @__PURE__ */ y({
       (t = n.value) == null || t.setData(e.value);
     }), d({
       component: n
-    }), (t, u) => (S(), v("div", {
+    }), (t, u) => (v(), S("div", {
       "data-vis-leaflet-map": "",
       ref_key: "elRef",
       ref: i

package/html-components/rolling-pin-legend/index.d.ts

@@ -1,6 +1,6 @@
 import { RollingPinLegend, RollingPinLegendConfigInterface } from '@unovis/ts';
 
-export declare const VisRollingPinLegendSelectors: typeof import("@unovis/ts/components/rolling-pin-legend/style");
+export declare const VisRollingPinLegendSelectors: typeof import("@unovis/ts/dist/components/rolling-pin-legend/style");
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<RollingPinLegendConfigInterface & {
     data?: null;
 }>>, {

package/html-components/rolling-pin-legend/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as p, computed as u, ref as s, onMounted as f, nextTick as m, onUnmounted as v, watch as g, createElementBlock as x, openBlock as _ } from "vue";
+import { defineComponent as p, computed as u, ref as s, onMounted as f, nextTick as m, onUnmounted as v, watch as g, openBlock as x, createElementBlock as _ } from "vue";
 import { RollingPinLegend as i } from "@unovis/ts";
 import { useForwardProps as P, arePropsEqual as b } from "../../utils/props.js";
 const h = i.selectors, w = /* @__PURE__ */ p({
@@ -28,7 +28,7 @@ const h = i.selectors, w = /* @__PURE__ */ p({
       b(e, r) || (a = o.value) == null || a.setConfig(n.value);
     }), d({
       component: o
-    }), (e, r) => (_(), x("div", {
+    }), (e, r) => (x(), _("div", {
       "data-vis-rolling-pin-legend": "",
       ref_key: "elRef",
       ref: t

package/index.cjs

@@ -1,3 +1,3 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".unovis-xy-container,.unovis-single-container{display:block;position:relative;width:100%}[data-vis-leaflet-map],[data-vis-leaflet-flow-map]{display:block;position:relative}[data-vis-bullet-legend],[data-vis-flow-legend],[data-vis-rolling-pin-legend]{display:block}")),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./containers/xy-container/index.cjs");;const M=require("./containers/single-container/index.cjs");;const e=require("./components/area/index.cjs"),t=require("./components/axis/index.cjs"),s=require("./components/brush/index.cjs"),r=require("./components/crosshair/index.cjs"),i=require("./components/free-brush/index.cjs"),_=require("./components/grouped-bar/index.cjs"),u=require("./components/line/index.cjs"),l=require("./components/scatter/index.cjs"),n=require("./components/stacked-bar/index.cjs"),o=require("./components/timeline/index.cjs"),c=require("./components/xy-labels/index.cjs"),a=require("./components/plotband/index.cjs"),p=require("./components/plotline/index.cjs"),d=require("./components/chord-diagram/index.cjs"),V=require("./components/donut/index.cjs"),S=require("./components/graph/index.cjs"),v=require("./components/nested-donut/index.cjs"),g=require("./components/sankey/index.cjs"),f=require("./components/topojson-map/index.cjs"),q=require("./components/treemap/index.cjs"),y=require("./components/tooltip/index.cjs"),x=require("./components/annotations/index.cjs"),$=require("./html-components/leaflet-map/index.cjs");;const L=require("./html-components/leaflet-flow-map/index.cjs");;const h=require("./html-components/bullet-legend/index.cjs");;const B=require("./html-components/flow-legend/index.cjs");;const T=require("./html-components/rolling-pin-legend/index.cjs");;exports.VisXYContainer=m.default;exports.VisSingleContainer=M.default;exports.VisArea=e.default;exports.VisAreaSelectors=e.VisAreaSelectors;exports.VisAxis=t.default;exports.VisAxisSelectors=t.VisAxisSelectors;exports.VisBrush=s.default;exports.VisBrushSelectors=s.VisBrushSelectors;exports.VisCrosshair=r.default;exports.VisCrosshairSelectors=r.VisCrosshairSelectors;exports.VisFreeBrush=i.default;exports.VisFreeBrushSelectors=i.VisFreeBrushSelectors;exports.VisGroupedBar=_.default;exports.VisGroupedBarSelectors=_.VisGroupedBarSelectors;exports.VisLine=u.default;exports.VisLineSelectors=u.VisLineSelectors;exports.VisScatter=l.default;exports.VisScatterSelectors=l.VisScatterSelectors;exports.VisStackedBar=n.default;exports.VisStackedBarSelectors=n.VisStackedBarSelectors;exports.VisTimeline=o.default;exports.VisTimelineSelectors=o.VisTimelineSelectors;exports.VisXYLabels=c.default;exports.VisXYLabelsSelectors=c.VisXYLabelsSelectors;exports.VisPlotband=a.default;exports.VisPlotbandSelectors=a.VisPlotbandSelectors;exports.VisPlotline=p.default;exports.VisPlotlineSelectors=p.VisPlotlineSelectors;exports.VisChordDiagram=d.default;exports.VisChordDiagramSelectors=d.VisChordDiagramSelectors;exports.VisDonut=V.default;exports.VisDonutSelectors=V.VisDonutSelectors;exports.VisGraph=S.default;exports.VisGraphSelectors=S.VisGraphSelectors;exports.VisNestedDonut=v.default;exports.VisNestedDonutSelectors=v.VisNestedDonutSelectors;exports.VisSankey=g.default;exports.VisSankeySelectors=g.VisSankeySelectors;exports.VisTopoJSONMap=f.default;exports.VisTopoJSONMapSelectors=f.VisTopoJSONMapSelectors;exports.VisTreemap=q.default;exports.VisTreemapSelectors=q.VisTreemapSelectors;exports.VisTooltip=y.default;exports.VisTooltipSelectors=y.VisTooltipSelectors;exports.VisAnnotations=x.default;exports.VisAnnotationsSelectors=x.VisAnnotationsSelectors;exports.VisLeafletMap=$.default;exports.VisLeafletMapSelectors=$.VisLeafletMapSelectors;exports.VisLeafletFlowMap=L.default;exports.VisLeafletFlowMapSelectors=L.VisLeafletFlowMapSelectors;exports.VisBulletLegend=h.default;exports.VisBulletLegendSelectors=h.VisBulletLegendSelectors;exports.VisFlowLegend=B.default;exports.VisFlowLegendSelectors=B.VisFlowLegendSelectors;exports.VisRollingPinLegend=T.default;exports.VisRollingPinLegendSelectors=T.VisRollingPinLegendSelectors;
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("[data-vis-bullet-legend],[data-vis-flow-legend]{display:block}[data-vis-leaflet-flow-map],[data-vis-leaflet-map]{display:block;position:relative}[data-vis-rolling-pin-legend]{display:block}.unovis-single-container,.unovis-xy-container{display:block;position:relative;width:100%}")),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/annotations/index.cjs"),t=require("./components/area/index.cjs"),s=require("./components/axis/index.cjs"),r=require("./components/brush/index.cjs"),i=require("./html-components/bullet-legend/index.cjs");;const _=require("./components/chord-diagram/index.cjs"),u=require("./components/crosshair/index.cjs"),l=require("./components/donut/index.cjs"),n=require("./html-components/flow-legend/index.cjs");;const o=require("./components/free-brush/index.cjs"),c=require("./components/graph/index.cjs"),a=require("./components/grouped-bar/index.cjs"),p=require("./html-components/leaflet-flow-map/index.cjs");;const d=require("./html-components/leaflet-map/index.cjs");;const V=require("./components/line/index.cjs"),S=require("./components/nested-donut/index.cjs"),v=require("./components/plotband/index.cjs"),g=require("./components/plotline/index.cjs"),f=require("./html-components/rolling-pin-legend/index.cjs");;const q=require("./components/sankey/index.cjs"),y=require("./components/scatter/index.cjs"),m=require("./containers/single-container/index.cjs");;const x=require("./components/stacked-bar/index.cjs"),$=require("./components/timeline/index.cjs"),L=require("./components/tooltip/index.cjs"),h=require("./components/topojson-map/index.cjs"),B=require("./components/treemap/index.cjs"),M=require("./containers/xy-container/index.cjs");;const T=require("./components/xy-labels/index.cjs");exports.VisAnnotations=e.default;exports.VisAnnotationsSelectors=e.VisAnnotationsSelectors;exports.VisArea=t.default;exports.VisAreaSelectors=t.VisAreaSelectors;exports.VisAxis=s.default;exports.VisAxisSelectors=s.VisAxisSelectors;exports.VisBrush=r.default;exports.VisBrushSelectors=r.VisBrushSelectors;exports.VisBulletLegend=i.default;exports.VisBulletLegendSelectors=i.VisBulletLegendSelectors;exports.VisChordDiagram=_.default;exports.VisChordDiagramSelectors=_.VisChordDiagramSelectors;exports.VisCrosshair=u.default;exports.VisCrosshairSelectors=u.VisCrosshairSelectors;exports.VisDonut=l.default;exports.VisDonutSelectors=l.VisDonutSelectors;exports.VisFlowLegend=n.default;exports.VisFlowLegendSelectors=n.VisFlowLegendSelectors;exports.VisFreeBrush=o.default;exports.VisFreeBrushSelectors=o.VisFreeBrushSelectors;exports.VisGraph=c.default;exports.VisGraphSelectors=c.VisGraphSelectors;exports.VisGroupedBar=a.default;exports.VisGroupedBarSelectors=a.VisGroupedBarSelectors;exports.VisLeafletFlowMap=p.default;exports.VisLeafletFlowMapSelectors=p.VisLeafletFlowMapSelectors;exports.VisLeafletMap=d.default;exports.VisLeafletMapSelectors=d.VisLeafletMapSelectors;exports.VisLine=V.default;exports.VisLineSelectors=V.VisLineSelectors;exports.VisNestedDonut=S.default;exports.VisNestedDonutSelectors=S.VisNestedDonutSelectors;exports.VisPlotband=v.default;exports.VisPlotbandSelectors=v.VisPlotbandSelectors;exports.VisPlotline=g.default;exports.VisPlotlineSelectors=g.VisPlotlineSelectors;exports.VisRollingPinLegend=f.default;exports.VisRollingPinLegendSelectors=f.VisRollingPinLegendSelectors;exports.VisSankey=q.default;exports.VisSankeySelectors=q.VisSankeySelectors;exports.VisScatter=y.default;exports.VisScatterSelectors=y.VisScatterSelectors;exports.VisSingleContainer=m.default;exports.VisStackedBar=x.default;exports.VisStackedBarSelectors=x.VisStackedBarSelectors;exports.VisTimeline=$.default;exports.VisTimelineSelectors=$.VisTimelineSelectors;exports.VisTooltip=L.default;exports.VisTooltipSelectors=L.VisTooltipSelectors;exports.VisTopoJSONMap=h.default;exports.VisTopoJSONMapSelectors=h.VisTopoJSONMapSelectors;exports.VisTreemap=B.default;exports.VisTreemapSelectors=B.VisTreemapSelectors;exports.VisXYContainer=M.default;exports.VisXYLabels=T.default;exports.VisXYLabelsSelectors=T.VisXYLabelsSelectors;
 //# sourceMappingURL=index.cjs.map