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

package/containers/single-container/index.js

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

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 } 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) {\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: SingleContainerConfigInterface<T> = {\n  component: undefined,\n  tooltip: undefined,\n}\nconst elRef = ref<HTMLDivElement>()\n\nconst updateContainer = () => {\n  initChart()\n  chart.value?.updateContainer({ ...parsedProps.value, ...config })\n}\n\nconst initChart = () => {\n  if (chart.value) return\n  if (elRef.value && config.component && data.value)\n    chart.value = new SingleContainer(elRef.value, config, data.value)\n}\n\nwatch(data, () => {\n  if (chart.value) {\n    chart.value.setData(data.value, true)\n    updateContainer()\n  } else {\n    initChart()\n  }\n})\nwatch(parsedProps, () => {\n  updateContainer()\n})\n\nonUnmounted(() => chart.value?.destroy())\n\nprovide(componentAccessorKey, {\n  data,\n  update: (c: ComponentCore<T>) => {\n    config.component = c\n    updateContainer()\n  },\n  destroy: () => config.component = undefined,\n})\n\nprovide(tooltipAccessorKey, {\n  data,\n  update: (t: Tooltip) => {\n    config.tooltip = t\n    updateContainer()\n  },\n  destroy: () => { config.tooltip = undefined },\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","props","data","toRefs","instance","getCurrentInstance","parsedProps","computed","parseProps","chart","ref","config","elRef","updateContainer","initChart","_a","SingleContainer","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;AAEtB,UAAMC,IAAQD,GAGR,EAAE,MAAAE,EAAA,IAASC,EAAOF,CAAK,GACvBG,IAAWC,KACXC,IAAcC,EAAS,MAAMC,EAAWP,GAAOG,CAAQ,CAAC,GAExDK,IAAQC,KACRC,IAA4C;AAAA,MAChD,WAAW;AAAA,MACX,SAAS;AAAA,IAAA,GAELC,IAAQF,KAERG,IAAkB,MAAM;;AAClB,MAAAC,MACJC,IAAAN,EAAA,UAAA,QAAAM,EAAO,gBAAgB,EAAE,GAAGT,EAAY,OAAO,GAAGK;IAAQ,GAG5DG,IAAY,MAAM;AACtB,MAAIL,EAAM,SACNG,EAAM,SAASD,EAAO,aAAaT,EAAK,UAC1CO,EAAM,QAAQ,IAAIO,EAAgBJ,EAAM,OAAOD,GAAQT,EAAK,KAAK;AAAA,IAAA;AAGrE,WAAAe,EAAMf,GAAM,MAAM;AAChB,MAAIO,EAAM,SACRA,EAAM,MAAM,QAAQP,EAAK,OAAO,EAAI,GACpBW,OAENC;IACZ,CACD,GACDG,EAAMX,GAAa,MAAM;AACP,MAAAO;IAAA,CACjB,GAEDK,EAAY,MAAA;;AAAM,cAAAH,IAAAN,EAAM,UAAN,gBAAAM,EAAa;AAAA,KAAS,GAExCI,EAAQC,GAAsB;AAAA,MAC5B,MAAAlB;AAAA,MACA,QAAQ,CAACmB,MAAwB;AAC/B,QAAAV,EAAO,YAAYU,GACHR;MAClB;AAAA,MACA,SAAS,MAAMF,EAAO,YAAY;AAAA,IAAA,CACnC,GAEDQ,EAAQG,GAAoB;AAAA,MAC1B,MAAApB;AAAA,MACA,QAAQ,CAACqB,MAAe;AACtB,QAAAZ,EAAO,UAAUY,GACDV;MAClB;AAAA,MACA,SAAS,MAAM;AAAE,QAAAF,EAAO,UAAU;AAAA,MAAU;AAAA,IAAA,CAC7C,GAEM,CAACa,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, 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;"}

package/containers/xy-container/index.cjs

@@ -1,2 +1,2 @@
-"use strict";const o=require("vue"),y=require("@unovis/ts"),i=require("../../utils/context.cjs"),v=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){const c=u,{data:n}=o.toRefs(c),l=o.getCurrentInstance(),p=o.computed(()=>v.parseProps(c,l)),a=o.ref(),t={components:[],crosshair:void 0,tooltip:void 0,xAxis:void 0,yAxis:void 0},r=o.ref(),s=()=>{var e;(e=a.value)==null||e.updateContainer({...p.value,...t})};return o.watch(n,()=>{a.value&&(a.value.setData(n.value,!0),s())}),o.watch(p,()=>{s()}),o.onMounted(()=>{r.value&&(a.value=new y.XYContainer(r.value,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],s()},destroy:()=>{var e;return t.components=(e=t.components)==null?void 0:e.filter(d=>!d.isDestroyed())}}),o.provide(i.axisAccessorKey,{data:n,update:e=>{t[`${e.config.type}Axis`]=e,s()},destroy:e=>{t[`${e}Axis`]=void 0}}),o.provide(i.crosshairAccessorKey,{data:n,update:e=>{t.crosshair=e,s()},destroy:()=>{t.crosshair=void 0}}),o.provide(i.tooltipAccessorKey,{data:n,update:e=>{t.tooltip=e,s()},destroy:()=>{t.tooltip=void 0}}),(e,d)=>(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=m;
+"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;
 //# 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 } 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) {\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: XYContainerConfigInterface<T> = {\n  components: [],\n  crosshair: undefined,\n  tooltip: undefined,\n  xAxis: undefined,\n  yAxis: undefined,\n}\nconst elRef = ref<HTMLDivElement>()\n\nconst updateContainer = () => {\n  chart.value?.updateContainer({ ...parsedProps.value, ...config })\n}\n\nwatch(data, () => {\n  if (chart.value) {\n    chart.value.setData(data.value, true)\n    updateContainer()\n  }\n})\nwatch(parsedProps, () => {\n  updateContainer()\n})\n\nonMounted(() => {\n  if (elRef.value) chart.value = new XYContainer(elRef.value, config, data.value)\n})\nonUnmounted(() => chart.value?.destroy())\n\nprovide(componentAccessorKey, {\n  data,\n  update: (c: XYComponentCore<T>) => {\n    config.components = [...config.components!, c]\n    updateContainer()\n  },\n  destroy: () => config.components = config.components?.filter(c => !c.isDestroyed()),\n})\n\nprovide(axisAccessorKey, {\n  data,\n  update: (c: Axis<T>) => {\n    config[`${c.config.type}Axis`] = c\n    updateContainer()\n  },\n  destroy: (c) => { config[`${c}Axis`] = undefined },\n})\n\nprovide(crosshairAccessorKey, {\n  data,\n  update: (c: Crosshair<T>) => {\n    config.crosshair = c\n    updateContainer()\n  },\n  destroy: () => { config.crosshair = undefined },\n})\n\nprovide(tooltipAccessorKey, {\n  data,\n  update: (t: Tooltip) => {\n    config.tooltip = t\n    updateContainer()\n  },\n  destroy: () => { config.tooltip = undefined },\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","props","data","toRefs","instance","getCurrentInstance","parsedProps","computed","parseProps","chart","ref","config","elRef","updateContainer","_a","watch","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, 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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"}

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

@@ -1,9 +1,43 @@
-import { XYContainerConfigInterface } from '@unovis/ts';
-declare const _default: <T>(__VLS_props: any, __VLS_ctx?: Pick<any, "attrs" | "emit" | "slots">, __VLS_expose?: any, __VLS_setup?: Promise<{
-    props: XYContainerConfigInterface<T> & {
-        data: T[];
-    };
-    expose(exposed: {}): void;
+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;
+    slots: any;
+}, __VLS_expose?: any, __VLS_setup?: Promise<{
+    props: {
+        xScale?: import("@unovis/ts").ContinuousScale;
+        yScale?: import("@unovis/ts").ContinuousScale;
+        duration?: number;
+        data?: T[];
+        tooltip?: Tooltip;
+        components?: XYComponentCore<T, import("@unovis/ts/lib/core/xy-component/config").XYComponentConfig<T>, Partial<import("@unovis/ts").XYComponentConfigInterface<T>>>[];
+        margin?: import("@unovis/ts").Spacing;
+        padding?: import("@unovis/ts").Spacing;
+        sizing?: string;
+        width?: string | number;
+        height?: string | number;
+        svgDefs?: string;
+        ariaLabel?: string;
+        xDomain?: [number, number];
+        xDomainMinConstraint?: [number, number];
+        xDomainMaxConstraint?: [number, number];
+        xRange?: [number, number];
+        yDomain?: [number, number];
+        yDomainMinConstraint?: [number, number];
+        yDomainMaxConstraint?: [number, number];
+        yRange?: [number, number];
+        yDirection?: string;
+        xAxis?: Axis<T>;
+        yAxis?: Axis<T>;
+        autoMargin?: boolean;
+        crosshair?: Crosshair<T>;
+        preventEmptyDomain?: boolean;
+        scaleByDomain?: boolean;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    expose(exposed: {
+        component: Ref<XYContainer<T>>;
+    }): void;
     attrs: any;
     slots: {
         default?(_: {}): any;

package/containers/xy-container/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","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 } 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) {\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: XYContainerConfigInterface<T> = {\n  components: [],\n  crosshair: undefined,\n  tooltip: undefined,\n  xAxis: undefined,\n  yAxis: undefined,\n}\nconst elRef = ref<HTMLDivElement>()\n\nconst updateContainer = () => {\n  chart.value?.updateContainer({ ...parsedProps.value, ...config })\n}\n\nwatch(data, () => {\n  if (chart.value) {\n    chart.value.setData(data.value, true)\n    updateContainer()\n  }\n})\nwatch(parsedProps, () => {\n  updateContainer()\n})\n\nonMounted(() => {\n  if (elRef.value) chart.value = new XYContainer(elRef.value, config, data.value)\n})\nonUnmounted(() => chart.value?.destroy())\n\nprovide(componentAccessorKey, {\n  data,\n  update: (c: XYComponentCore<T>) => {\n    config.components = [...config.components!, c]\n    updateContainer()\n  },\n  destroy: () => config.components = config.components?.filter(c => !c.isDestroyed()),\n})\n\nprovide(axisAccessorKey, {\n  data,\n  update: (c: Axis<T>) => {\n    config[`${c.config.type}Axis`] = c\n    updateContainer()\n  },\n  destroy: (c) => { config[`${c}Axis`] = undefined },\n})\n\nprovide(crosshairAccessorKey, {\n  data,\n  update: (c: Crosshair<T>) => {\n    config.crosshair = c\n    updateContainer()\n  },\n  destroy: () => { config.crosshair = undefined },\n})\n\nprovide(tooltipAccessorKey, {\n  data,\n  update: (t: Tooltip) => {\n    config.tooltip = t\n    updateContainer()\n  },\n  destroy: () => { config.tooltip = undefined },\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","props","data","toRefs","instance","getCurrentInstance","parsedProps","computed","parseProps","chart","ref","config","elRef","updateContainer","_a","watch","onMounted","XYContainer","onUnmounted","provide","componentAccessorKey","c","axisAccessorKey","crosshairAccessorKey","tooltipAccessorKey","t","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"index.js","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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"}

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

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),p=require("@unovis/ts"),r=require("../../utils/props.cjs"),d=e.defineComponent({__name:"index",props:{items:{},labelClassName:{},onLegendItemClick:{type:Function},labelFontSize:{},labelMaxWidth:{},bulletSize:{},data:{}},setup(u){const l=u;e.computed(()=>l.data);const i=e.getCurrentInstance(),n=e.computed(()=>r.parseProps(l,i)),o=e.ref(),a=e.ref();return e.onMounted(()=>{e.nextTick(()=>{a.value&&(o.value=new p.BulletLegend(a.value,n.value))})}),e.onUnmounted(()=>{var t;(t=o.value)==null||t.destroy()}),e.watch(n,(t,s)=>{var c;r.arePropsEqual(t,s)||(c=o.value)==null||c.update(n.value)}),(t,s)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-bullet-legend":"",ref_key:"elRef",ref:a},null,512))}});module.exports=d;
+"use strict";const e=require("vue"),d=require("@unovis/ts"),c=require("../../utils/props.cjs"),f=e.defineComponent({__name:"index",props:{items:{},labelClassName:{},onLegendItemClick:{type:Function},labelFontSize:{},labelMaxWidth:{},bulletSize:{},bulletShape:{},data:{}},setup(r,{expose:i}){const a=r;e.computed(()=>a.data);const p=e.getCurrentInstance(),o=e.computed(()=>c.parseProps({...a},p)),n=e.ref(),l=e.ref();return e.onMounted(()=>{e.nextTick(()=>{l.value&&(n.value=new d.BulletLegend(l.value,o.value))})}),e.onUnmounted(()=>{var t;(t=n.value)==null||t.destroy()}),e.watch(o,(t,s)=>{var u;c.arePropsEqual(t,s)||(u=n.value)==null||u.update(o.value)}),i({component:n}),(t,s)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-bullet-legend":"",ref_key:"elRef",ref:l},null,512))}});module.exports=f;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/html-components/bullet-legend/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\nimport { BulletLegend, BulletLegendConfigInterface, BulletLegendItemInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\n\n\n// data and required props\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    items: {},\n    labelClassName: {},\n    onLegendItemClick: { type: Function },\n    labelFontSize: {},\n    labelMaxWidth: {},\n    bulletSize: {},\n    data: {}\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\n\nconst data = computed(() => props.data)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps(props, instance))\n\n// component declaration\nconst component = ref<BulletLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  nextTick(() => {\n    if(elRef.value)\n    component.value = new BulletLegend(elRef.value, config.value)\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?.update(config.value)\n    \n  }\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-bullet-legend\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef\n  }, null, 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","props","computed","instance","getCurrentInstance","config","parseProps","component","ref","elRef","onMounted","nextTick","BulletLegend","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"+FAU4BA,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,MAAO,CAAC,EACR,eAAgB,CAAC,EACjB,kBAAmB,CAAE,KAAM,QAAS,EACpC,cAAe,CAAC,EAChB,cAAe,CAAC,EAChB,WAAY,CAAC,EACb,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAIDE,WAAS,IAAMD,EAAM,IAAI,EAEtC,MAAME,EAAWC,EAAAA,qBACXC,EAASH,EAAAA,SAAS,IAAMI,EAAW,WAAAL,EAAOE,CAAQ,CAAC,EAGnDI,EAAYC,EAAAA,MACZC,EAAQD,EAAAA,MAEdE,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACVF,EAAM,QACTF,EAAU,MAAQ,IAAIK,EAAA,aAAaH,EAAM,MAAOJ,EAAO,KAAK,EAAA,CAG7D,CAAA,CACF,EAEDQ,EAAAA,YAAY,IAAM,QAChBC,EAAAP,EAAU,QAAV,MAAAO,EAAiB,SAAQ,CAE1B,EAEKC,EAAAA,MAAAV,EAAQ,CAACW,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBH,EAAAP,EAAA,QAAA,MAAAO,EAAO,OAAOT,EAAO,MAEjC,CACD,EAEM,CAACc,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,yBAA0B,GAC1B,QAAS,QACT,IAAKb,CAAA,EACJ,KAAM,GAAG,EAEd,CAEA,CAAC"}
+{"version":3,"file":"index.cjs","sources":["../../../src/html-components/bullet-legend/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\nimport { BulletLegend, BulletLegendConfigInterface, BulletLegendItemInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\n\n\n// data and required props\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    items: {},\n    labelClassName: {},\n    onLegendItemClick: { type: Function },\n    labelFontSize: {},\n    labelMaxWidth: {},\n    bulletSize: {},\n    bulletShape: {},\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 !!!\n\nconst data = computed(() => props.data)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps({ ...props }, instance))\n\n// component declaration\nconst component = ref<BulletLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  nextTick(() => {\n    if(elRef.value)\n    component.value = new BulletLegend(elRef.value, config.value)\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?.update(config.value)\n  }\n})\n\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-bullet-legend\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef\n  }, null, 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","props","computed","instance","getCurrentInstance","config","parseProps","component","ref","elRef","onMounted","nextTick","BulletLegend","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"+FAU4BA,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,MAAO,CAAC,EACR,eAAgB,CAAC,EACjB,kBAAmB,CAAE,KAAM,QAAS,EACpC,cAAe,CAAC,EAChB,cAAe,CAAC,EAChB,WAAY,CAAC,EACb,YAAa,CAAC,EACd,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAAE,OAAQC,GAAY,CAE5C,MAAMC,EAAQF,EAIDG,WAAS,IAAMD,EAAM,IAAI,EAEtC,MAAME,EAAWC,EAAAA,qBACXC,EAASH,WAAS,IAAMI,EAAA,WAAW,CAAE,GAAGL,CAAS,EAAAE,CAAQ,CAAC,EAG1DI,EAAYC,EAAAA,MACZC,EAAQD,EAAAA,MAEdE,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACVF,EAAM,QACTF,EAAU,MAAQ,IAAIK,EAAA,aAAaH,EAAM,MAAOJ,EAAO,KAAK,EAAA,CAG7D,CAAA,CACF,EAEDQ,EAAAA,YAAY,IAAM,QAChBC,EAAAP,EAAU,QAAV,MAAAO,EAAiB,SAAQ,CAE1B,EAEKC,EAAAA,MAAAV,EAAQ,CAACW,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBH,EAAAP,EAAA,QAAA,MAAAO,EAAO,OAAOT,EAAO,MACjC,CACD,EAEQL,EAAA,CACP,UAAAO,CAAA,CACD,EAEM,CAACY,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,yBAA0B,GAC1B,QAAS,QACT,IAAKb,CAAA,EACJ,KAAM,GAAG,EAEd,CAEA,CAAC"}

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

@@ -1,4 +1,4 @@
-import { BulletLegendItemInterface } from '@unovis/ts';
+import { BulletLegend, BulletLegendItemInterface } from '@unovis/ts';
 declare const _default: import("vue").DefineComponent<{
     items: {
         type: import("vue").PropType<BulletLegendItemInterface[]>;
@@ -19,10 +19,15 @@ declare const _default: import("vue").DefineComponent<{
     bulletSize: {
         type: import("vue").PropType<string>;
     };
+    bulletShape: {
+        type: import("vue").PropType<import("@unovis/ts").BulletShape>;
+    };
     data: {
         type: import("vue").PropType<never>;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {
+    component: import("vue").Ref<BulletLegend>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     items: {
         type: import("vue").PropType<BulletLegendItemInterface[]>;
         required: true;
@@ -42,6 +47,9 @@ declare const _default: import("vue").DefineComponent<{
     bulletSize: {
         type: import("vue").PropType<string>;
     };
+    bulletShape: {
+        type: import("vue").PropType<import("@unovis/ts").BulletShape>;
+    };
     data: {
         type: import("vue").PropType<never>;
     };

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

@@ -1,7 +1,7 @@
-import { defineComponent as p, computed as c, getCurrentInstance as d, ref as u, onMounted as m, nextTick as f, onUnmounted as v, watch as _, openBlock as b, createElementBlock as g } from "vue";
+import { defineComponent as d, computed as u, getCurrentInstance as m, ref as c, onMounted as f, nextTick as v, onUnmounted as _, watch as b, openBlock as x, createElementBlock as g } from "vue";
 import { BulletLegend as k } from "@unovis/ts";
-import { parseProps as x, arePropsEqual as C } from "../../utils/props.js";
-const w = /* @__PURE__ */ p({
+import { parseProps as h, arePropsEqual as C } from "../../utils/props.js";
+const w = /* @__PURE__ */ d({
   __name: "index",
   props: {
     items: {},
@@ -10,23 +10,26 @@ const w = /* @__PURE__ */ p({
     labelFontSize: {},
     labelMaxWidth: {},
     bulletSize: {},
+    bulletShape: {},
     data: {}
   },
-  setup(s) {
+  setup(s, { expose: p }) {
     const a = s;
-    c(() => a.data);
-    const i = d(), t = c(() => x(a, i)), n = u(), o = u();
-    return m(() => {
-      f(() => {
-        o.value && (n.value = new k(o.value, t.value));
+    u(() => a.data);
+    const i = m(), n = u(() => h({ ...a }, i)), t = c(), o = c();
+    return f(() => {
+      v(() => {
+        o.value && (t.value = new k(o.value, n.value));
       });
-    }), v(() => {
+    }), _(() => {
       var e;
-      (e = n.value) == null || e.destroy();
-    }), _(t, (e, l) => {
+      (e = t.value) == null || e.destroy();
+    }), b(n, (e, l) => {
       var r;
-      C(e, l) || (r = n.value) == null || r.update(t.value);
-    }), (e, l) => (b(), g("div", {
+      C(e, l) || (r = t.value) == null || r.update(n.value);
+    }), p({
+      component: t
+    }), (e, l) => (x(), g("div", {
       "data-vis-bullet-legend": "",
       ref_key: "elRef",
       ref: o

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/html-components/bullet-legend/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\nimport { BulletLegend, BulletLegendConfigInterface, BulletLegendItemInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\n\n\n// data and required props\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    items: {},\n    labelClassName: {},\n    onLegendItemClick: { type: Function },\n    labelFontSize: {},\n    labelMaxWidth: {},\n    bulletSize: {},\n    data: {}\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\n\nconst data = computed(() => props.data)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps(props, instance))\n\n// component declaration\nconst component = ref<BulletLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  nextTick(() => {\n    if(elRef.value)\n    component.value = new BulletLegend(elRef.value, config.value)\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?.update(config.value)\n    \n  }\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-bullet-legend\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef\n  }, null, 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","props","computed","instance","getCurrentInstance","config","parseProps","component","ref","elRef","onMounted","nextTick","BulletLegend","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;;AAUA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,OAAO,CAAC;AAAA,IACR,gBAAgB,CAAC;AAAA,IACjB,mBAAmB,EAAE,MAAM,SAAS;AAAA,IACpC,eAAe,CAAC;AAAA,IAChB,eAAe,CAAC;AAAA,IAChB,YAAY,CAAC;AAAA,IACb,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD;AAID,IAAAE,EAAS,MAAMD,EAAM,IAAI;AAEtC,UAAME,IAAWC,KACXC,IAASH,EAAS,MAAMI,EAAWL,GAAOE,CAAQ,CAAC,GAGnDI,IAAYC,KACZC,IAAQD;AAEd,WAAAE,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAGF,EAAM,UACTF,EAAU,QAAQ,IAAIK,EAAaH,EAAM,OAAOJ,EAAO,KAAK;AAAA,MAAA,CAG7D;AAAA,IAAA,CACF,GAEDQ,EAAY,MAAM;;AAChB,OAAAC,IAAAP,EAAU,UAAV,QAAAO,EAAiB;AAAA,IAAQ,CAE1B,GAEKC,EAAAV,GAAQ,CAACW,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBH,IAAAP,EAAA,UAAA,QAAAO,EAAO,OAAOT,EAAO;AAAA,IAEjC,CACD,GAEM,CAACc,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,0BAA0B;AAAA,MAC1B,SAAS;AAAA,MACT,KAAKb;AAAA,IAAA,GACJ,MAAM,GAAG;AAAA,EAEd;AAEA,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../../src/html-components/bullet-legend/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\nimport { BulletLegend, BulletLegendConfigInterface, BulletLegendItemInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\n\n\n// data and required props\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    items: {},\n    labelClassName: {},\n    onLegendItemClick: { type: Function },\n    labelFontSize: {},\n    labelMaxWidth: {},\n    bulletSize: {},\n    bulletShape: {},\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 !!!\n\nconst data = computed(() => props.data)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps({ ...props }, instance))\n\n// component declaration\nconst component = ref<BulletLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  nextTick(() => {\n    if(elRef.value)\n    component.value = new BulletLegend(elRef.value, config.value)\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?.update(config.value)\n  }\n})\n\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-bullet-legend\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef\n  }, null, 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","props","computed","instance","getCurrentInstance","config","parseProps","component","ref","elRef","onMounted","nextTick","BulletLegend","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;;AAUA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,OAAO,CAAC;AAAA,IACR,gBAAgB,CAAC;AAAA,IACjB,mBAAmB,EAAE,MAAM,SAAS;AAAA,IACpC,eAAe,CAAC;AAAA,IAChB,eAAe,CAAC;AAAA,IAChB,YAAY,CAAC;AAAA,IACb,aAAa,CAAC;AAAA,IACd,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc,EAAE,QAAQC,KAAY;AAE5C,UAAMC,IAAQF;AAID,IAAAG,EAAS,MAAMD,EAAM,IAAI;AAEtC,UAAME,IAAWC,KACXC,IAASH,EAAS,MAAMI,EAAW,EAAE,GAAGL,EAAS,GAAAE,CAAQ,CAAC,GAG1DI,IAAYC,KACZC,IAAQD;AAEd,WAAAE,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAGF,EAAM,UACTF,EAAU,QAAQ,IAAIK,EAAaH,EAAM,OAAOJ,EAAO,KAAK;AAAA,MAAA,CAG7D;AAAA,IAAA,CACF,GAEDQ,EAAY,MAAM;;AAChB,OAAAC,IAAAP,EAAU,UAAV,QAAAO,EAAiB;AAAA,IAAQ,CAE1B,GAEKC,EAAAV,GAAQ,CAACW,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBH,IAAAP,EAAA,UAAA,QAAAO,EAAO,OAAOT,EAAO;AAAA,IACjC,CACD,GAEQL,EAAA;AAAA,MACP,WAAAO;AAAA,IAAA,CACD,GAEM,CAACY,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,0BAA0B;AAAA,MAC1B,SAAS;AAAA,MACT,KAAKb;AAAA,IAAA,GACJ,MAAM,GAAG;AAAA,EAEd;AAEA,CAAC;"}

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

@@ -1,2 +1,2 @@
-"use strict";const t=require("vue"),y=require("@unovis/ts"),c=require("../../utils/props.cjs"),d=t.defineComponent({__name:"index",props:{sourceLongitude:{type:[Function,Number,null]},sourceLatitude:{type:[Function,Number,null]},targetLongitude:{type:[Function,Number,null]},targetLatitude:{type:[Function,Number,null]},sourcePointRadius:{type:[Function,Number,null]},sourcePointColor:{type:[Function,String,Array,null]},flowParticleColor:{type:[Function,String,Array,null]},flowParticleRadius:{type:[Function,Number,null]},flowParticleSpeed:{type:[Function,Number,null]},flowParticleDensity:{type:[Function,Number,null]},onSourcePointClick:{type:Function},onSourcePointMouseEnter:{type:Function},onSourcePointMouseLeave:{type:Function},width:{},height:{},flyToDuration:{},fitViewPadding:{},zoomDuration:{},initialBounds:{},fitBoundsOnUpdate:{},fitViewOnInit:{type:Boolean},fitViewOnUpdate:{type:Boolean},style:{},styleDarkTheme:{},accessToken:{},attribution:{},renderer:{},onMapInitialized:{type:Function},onMapMoveZoom:{type:Function},onMapMoveStart:{type:Function},onMapMoveEnd:{type:Function},onMapZoomStart:{type:Function},onMapZoomEnd:{type:Function},onMapClick:{type:Function},pointLongitude:{type:[Function,Number,null]},pointLatitude:{type:[Function,Number,null]},pointId:{type:[Function,String,null]},pointShape:{type:[Function,null]},pointColor:{type:[Function,String,Array,null]},pointRadius:{type:[Function,Number,null]},pointLabel:{type:[Function,String,null]},pointLabelColor:{type:[Function,String,null]},pointBottomLabel:{type:[Function,String,null]},pointCursor:{type:[Function,String,null]},pointRingWidth:{},selectedPointId:{},clusterColor:{type:[Function,String,Array,null]},clusterRadius:{type:[Function,Number,null]},clusterLabel:{type:[Function,String,null]},clusterLabelColor:{type:[Function,String,null]},clusterBottomLabel:{type:[Function,String,null]},clusterRingWidth:{},clusterBackground:{type:Boolean},clusterExpandOnClick:{type:Boolean},clusteringDistance:{},colorMap:{},topoJSONLayer:{},tooltip:{},ariaLabel:{},duration:{},events:{},attributes:{},data:{}},setup(a){const i=a,p=t.computed(()=>i.data),s=t.getCurrentInstance(),e=t.computed(()=>c.parseProps(i,s)),o=t.ref(),u=t.ref();return t.onMounted(()=>{t.nextTick(()=>{u.value&&(o.value=new y.LeafletFlowMap(u.value,e.value,p.value))})}),t.onUnmounted(()=>{var n;(n=o.value)==null||n.destroy()}),t.watch(e,(n,l)=>{var r;c.arePropsEqual(n,l)||(r=o.value)==null||r.setConfig(e.value)}),(n,l)=>(t.openBlock(),t.createElementBlock("div",{"data-vis-leaflet-flow-map":"",ref_key:"elRef",ref:u},null,512))}});module.exports=d;
+"use strict";const t=require("vue"),d=require("@unovis/ts"),c=require("../../utils/props.cjs"),F=t.defineComponent({__name:"index",props:{sourceLongitude:{type:[Function,Number,null]},sourceLatitude:{type:[Function,Number,null]},targetLongitude:{type:[Function,Number,null]},targetLatitude:{type:[Function,Number,null]},sourcePointRadius:{type:[Function,Number,null]},sourcePointColor:{type:[Function,String,Array,null]},flowParticleColor:{type:[Function,String,Array,null]},flowParticleRadius:{type:[Function,Number,null]},flowParticleSpeed:{type:[Function,Number,null]},flowParticleDensity:{type:[Function,Number,null]},onSourcePointClick:{type:Function},onSourcePointMouseEnter:{type:Function},onSourcePointMouseLeave:{type:Function},width:{},height:{},flyToDuration:{},fitViewPadding:{},zoomDuration:{},initialBounds:{},fitBoundsOnUpdate:{},fitViewOnInit:{type:Boolean},fitViewOnUpdate:{type:Boolean},style:{},styleDarkTheme:{},accessToken:{},attribution:{},renderer:{},onMapInitialized:{type:Function},onMapMoveZoom:{type:Function},onMapMoveStart:{type:Function},onMapMoveEnd:{type:Function},onMapZoomStart:{type:Function},onMapZoomEnd:{type:Function},onMapClick:{type:Function},pointLongitude:{type:[Function,Number,null]},pointLatitude:{type:[Function,Number,null]},pointId:{type:[Function,String,null]},pointShape:{type:[Function,null]},pointColor:{type:[Function,String,Array,null]},pointRadius:{type:[Function,Number,null]},pointLabel:{type:[Function,String,null]},pointLabelColor:{type:[Function,String,null]},pointBottomLabel:{type:[Function,String,null]},pointCursor:{type:[Function,String,null]},pointRingWidth:{},selectedPointId:{},clusterColor:{type:[Function,String,Array,null]},clusterRadius:{type:[Function,Number,null]},clusterLabel:{type:[Function,String,null]},clusterLabelColor:{type:[Function,String,null]},clusterBottomLabel:{type:[Function,String,null]},clusterRingWidth:{},clusterBackground:{type:Boolean},clusterExpandOnClick:{type:Boolean},clusteringDistance:{},colorMap:{},topoJSONLayer:{},tooltip:{},ariaLabel:{},duration:{},events:{},attributes:{},data:{}},setup(a,{expose:p}){const i=a,s=t.computed(()=>i.data),y=t.getCurrentInstance(),o=t.computed(()=>c.parseProps({...i},y)),e=t.ref(),u=t.ref();return t.onMounted(()=>{t.nextTick(()=>{u.value&&(e.value=new d.LeafletFlowMap(u.value,o.value,s.value))})}),t.onUnmounted(()=>{var n;(n=e.value)==null||n.destroy()}),t.watch(o,(n,l)=>{var r;c.arePropsEqual(n,l)||(r=e.value)==null||r.setConfig(o.value)}),p({component:e}),(n,l)=>(t.openBlock(),t.createElementBlock("div",{"data-vis-leaflet-flow-map":"",ref_key:"elRef",ref:u},null,512))}});module.exports=F;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/html-components/leaflet-flow-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\nimport { LeafletFlowMap, LeafletFlowMapConfigInterface, GenericDataRecord, MapLibreStyleSpecs } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\n\n\n// data and required props\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    sourceLongitude: { type: [Function, Number, null] },\n    sourceLatitude: { type: [Function, Number, null] },\n    targetLongitude: { type: [Function, Number, null] },\n    targetLatitude: { type: [Function, Number, null] },\n    sourcePointRadius: { type: [Function, Number, null] },\n    sourcePointColor: { type: [Function, String, Array, null] },\n    flowParticleColor: { type: [Function, String, Array, null] },\n    flowParticleRadius: { type: [Function, Number, null] },\n    flowParticleSpeed: { type: [Function, Number, null] },\n    flowParticleDensity: { type: [Function, Number, null] },\n    onSourcePointClick: { type: Function },\n    onSourcePointMouseEnter: { type: Function },\n    onSourcePointMouseLeave: { type: Function },\n    width: {},\n    height: {},\n    flyToDuration: {},\n    fitViewPadding: {},\n    zoomDuration: {},\n    initialBounds: {},\n    fitBoundsOnUpdate: {},\n    fitViewOnInit: { type: Boolean },\n    fitViewOnUpdate: { type: Boolean },\n    style: {},\n    styleDarkTheme: {},\n    accessToken: {},\n    attribution: {},\n    renderer: {},\n    onMapInitialized: { type: Function },\n    onMapMoveZoom: { type: Function },\n    onMapMoveStart: { type: Function },\n    onMapMoveEnd: { type: Function },\n    onMapZoomStart: { type: Function },\n    onMapZoomEnd: { type: Function },\n    onMapClick: { type: Function },\n    pointLongitude: { type: [Function, Number, null] },\n    pointLatitude: { type: [Function, Number, null] },\n    pointId: { type: [Function, String, null] },\n    pointShape: { type: [Function, null] },\n    pointColor: { type: [Function, String, Array, null] },\n    pointRadius: { type: [Function, Number, null] },\n    pointLabel: { type: [Function, String, null] },\n    pointLabelColor: { type: [Function, String, null] },\n    pointBottomLabel: { type: [Function, String, null] },\n    pointCursor: { type: [Function, String, null] },\n    pointRingWidth: {},\n    selectedPointId: {},\n    clusterColor: { type: [Function, String, Array, null] },\n    clusterRadius: { type: [Function, Number, null] },\n    clusterLabel: { type: [Function, String, null] },\n    clusterLabelColor: { type: [Function, String, null] },\n    clusterBottomLabel: { type: [Function, String, null] },\n    clusterRingWidth: {},\n    clusterBackground: { type: Boolean },\n    clusterExpandOnClick: { type: Boolean },\n    clusteringDistance: {},\n    colorMap: {},\n    topoJSONLayer: {},\n    tooltip: {},\n    ariaLabel: {},\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\n\nconst data = computed(() => props.data)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps(props, instance))\n\n// component declaration\nconst component = ref<LeafletFlowMap<PointDatum, FlowDatum>>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  nextTick(() => {\n    if(elRef.value)\n    component.value = new LeafletFlowMap<PointDatum, FlowDatum>(elRef.value, config.value, data.value)\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\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-leaflet-flow-map\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef\n  }, null, 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","props","data","computed","instance","getCurrentInstance","config","parseProps","component","ref","elRef","onMounted","nextTick","LeafletFlowMap","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/html-components/leaflet-flow-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\nimport { LeafletFlowMap, LeafletFlowMapConfigInterface, GenericDataRecord, MapLibreStyleSpecs } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\n\n\n// data and required props\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    sourceLongitude: { type: [Function, Number, null] },\n    sourceLatitude: { type: [Function, Number, null] },\n    targetLongitude: { type: [Function, Number, null] },\n    targetLatitude: { type: [Function, Number, null] },\n    sourcePointRadius: { type: [Function, Number, null] },\n    sourcePointColor: { type: [Function, String, Array, null] },\n    flowParticleColor: { type: [Function, String, Array, null] },\n    flowParticleRadius: { type: [Function, Number, null] },\n    flowParticleSpeed: { type: [Function, Number, null] },\n    flowParticleDensity: { type: [Function, Number, null] },\n    onSourcePointClick: { type: Function },\n    onSourcePointMouseEnter: { type: Function },\n    onSourcePointMouseLeave: { type: Function },\n    width: {},\n    height: {},\n    flyToDuration: {},\n    fitViewPadding: {},\n    zoomDuration: {},\n    initialBounds: {},\n    fitBoundsOnUpdate: {},\n    fitViewOnInit: { type: Boolean },\n    fitViewOnUpdate: { type: Boolean },\n    style: {},\n    styleDarkTheme: {},\n    accessToken: {},\n    attribution: {},\n    renderer: {},\n    onMapInitialized: { type: Function },\n    onMapMoveZoom: { type: Function },\n    onMapMoveStart: { type: Function },\n    onMapMoveEnd: { type: Function },\n    onMapZoomStart: { type: Function },\n    onMapZoomEnd: { type: Function },\n    onMapClick: { type: Function },\n    pointLongitude: { type: [Function, Number, null] },\n    pointLatitude: { type: [Function, Number, null] },\n    pointId: { type: [Function, String, null] },\n    pointShape: { type: [Function, null] },\n    pointColor: { type: [Function, String, Array, null] },\n    pointRadius: { type: [Function, Number, null] },\n    pointLabel: { type: [Function, String, null] },\n    pointLabelColor: { type: [Function, String, null] },\n    pointBottomLabel: { type: [Function, String, null] },\n    pointCursor: { type: [Function, String, null] },\n    pointRingWidth: {},\n    selectedPointId: {},\n    clusterColor: { type: [Function, String, Array, null] },\n    clusterRadius: { type: [Function, Number, null] },\n    clusterLabel: { type: [Function, String, null] },\n    clusterLabelColor: { type: [Function, String, null] },\n    clusterBottomLabel: { type: [Function, String, null] },\n    clusterRingWidth: {},\n    clusterBackground: { type: Boolean },\n    clusterExpandOnClick: { type: Boolean },\n    clusteringDistance: {},\n    colorMap: {},\n    topoJSONLayer: {},\n    tooltip: {},\n    ariaLabel: {},\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 !!!\n\nconst data = computed(() => props.data)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps({ ...props }, instance))\n\n// component declaration\nconst component = ref<LeafletFlowMap<PointDatum, FlowDatum>>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  nextTick(() => {\n    if(elRef.value)\n    component.value = new LeafletFlowMap<PointDatum, FlowDatum>(elRef.value, config.value, data.value)\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__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-leaflet-flow-map\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef\n  }, null, 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","props","data","computed","instance","getCurrentInstance","config","parseProps","component","ref","elRef","onMounted","nextTick","LeafletFlowMap","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"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"}