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

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 c, getCurrentInstance as m, ref as s, onMounted as f, nextTick as v, onUnmounted as _, watch as x, openBlock as b, 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 C, arePropsEqual as h } from "../../utils/props.js";
+const z = /* @__PURE__ */ d({
   __name: "index",
   props: {
     items: {},
@@ -12,20 +12,22 @@ const w = /* @__PURE__ */ p({
     bulletSize: {},
     data: {}
   },
-  setup(s) {
-    const a = s;
+  setup(u, { expose: i }) {
+    const a = u;
     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));
+    const p = m(), n = c(() => C({ ...a }, p)), t = s(), o = s();
+    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();
+    }), x(n, (e, l) => {
       var r;
-      C(e, l) || (r = n.value) == null || r.update(t.value);
+      h(e, l) || (r = t.value) == null || r.update(n.value);
+    }), i({
+      component: t
     }), (e, l) => (b(), g("div", {
       "data-vis-bullet-legend": "",
       ref_key: "elRef",
@@ -34,6 +36,6 @@ const w = /* @__PURE__ */ p({
   }
 });
 export {
-  w as default
+  z as default
 };
 //# sourceMappingURL=index.js.map

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    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,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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"}

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

@@ -1,4 +1,4 @@
-import { LeafletFlowMapConfigInterface, GenericDataRecord } from '@unovis/ts';
+import { LeafletFlowMap, LeafletFlowMapConfigInterface, GenericDataRecord } from '@unovis/ts';
 declare const _default: <PointDatum extends GenericDataRecord, FlowDatum extends GenericDataRecord>(__VLS_props: any, __VLS_ctx?: Pick<any, "attrs" | "emit" | "slots">, __VLS_expose?: any, __VLS_setup?: Promise<{
     props: LeafletFlowMapConfigInterface<PointDatum, FlowDatum> & {
         data?: {
@@ -6,7 +6,9 @@ declare const _default: <PointDatum extends GenericDataRecord, FlowDatum extends
             flows?: FlowDatum[];
         };
     };
-    expose(exposed: {}): void;
+    expose(exposed: {
+        component: import("vue").Ref<LeafletFlowMap<PointDatum, FlowDatum>>;
+    }): void;
     attrs: any;
     slots: {};
     emit: any;

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

@@ -1,7 +1,7 @@
-import { defineComponent as y, computed as r, getCurrentInstance as d, ref as a, onMounted as F, nextTick as m, onUnmounted as f, watch as g, openBlock as b, createElementBlock as S } from "vue";
-import { LeafletFlowMap as L } from "@unovis/ts";
-import { parseProps as v, arePropsEqual as M } from "../../utils/props.js";
-const w = /* @__PURE__ */ y({
+import { defineComponent as d, computed as r, getCurrentInstance as F, ref as a, onMounted as m, nextTick as f, onUnmounted as g, watch as b, openBlock as S, createElementBlock as L } from "vue";
+import { LeafletFlowMap as v } from "@unovis/ts";
+import { parseProps as M, arePropsEqual as C } from "../../utils/props.js";
+const B = /* @__PURE__ */ d({
   __name: "index",
   props: {
     sourceLongitude: { type: [Function, Number, null] },
@@ -68,19 +68,21 @@ const w = /* @__PURE__ */ y({
     attributes: {},
     data: {}
   },
-  setup(c) {
-    const i = c, p = r(() => i.data), s = d(), n = r(() => v(i, s)), e = a(), o = a();
-    return F(() => {
-      m(() => {
-        o.value && (e.value = new L(o.value, n.value, p.value));
+  setup(c, { expose: p }) {
+    const i = c, s = r(() => i.data), y = F(), e = r(() => M({ ...i }, y)), n = a(), o = a();
+    return m(() => {
+      f(() => {
+        o.value && (n.value = new v(o.value, e.value, s.value));
       });
-    }), f(() => {
+    }), g(() => {
       var t;
-      (t = e.value) == null || t.destroy();
-    }), g(n, (t, u) => {
+      (t = n.value) == null || t.destroy();
+    }), b(e, (t, u) => {
       var l;
-      M(t, u) || (l = e.value) == null || l.setConfig(n.value);
-    }), (t, u) => (b(), S("div", {
+      C(t, u) || (l = n.value) == null || l.setConfig(e.value);
+    }), p({
+      component: n
+    }), (t, u) => (S(), L("div", {
       "data-vis-leaflet-flow-map": "",
       ref_key: "elRef",
       ref: o
@@ -88,6 +90,6 @@ const w = /* @__PURE__ */ y({
   }
 });
 export {
-  w as default
+  B as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","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.js","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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"}

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

@@ -1,2 +1,2 @@
-"use strict";const t=require("vue"),d=require("@unovis/ts"),r=require("../../utils/props.cjs"),y=t.defineComponent({__name:"index",props:{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(p){const u=p,c=t.computed(()=>u.data),s=t.getCurrentInstance(),e=t.computed(()=>r.parseProps(u,s)),o=t.ref(),i=t.ref();return t.onMounted(()=>{t.nextTick(()=>{i.value&&(o.value=new d.LeafletMap(i.value,e.value,c.value))})}),t.onUnmounted(()=>{var n;(n=o.value)==null||n.destroy()}),t.watch(e,(n,l)=>{var a;r.arePropsEqual(n,l)||(a=o.value)==null||a.setConfig(e.value)}),(n,l)=>(t.openBlock(),t.createElementBlock("div",{"data-vis-leaflet-map":"",ref_key:"elRef",ref:i},null,512))}});module.exports=y;
+"use strict";const t=require("vue"),y=require("@unovis/ts"),r=require("../../utils/props.cjs"),F=t.defineComponent({__name:"index",props:{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(p,{expose:c}){const u=p,s=t.computed(()=>u.data),d=t.getCurrentInstance(),o=t.computed(()=>r.parseProps({...u},d)),e=t.ref(),i=t.ref();return t.onMounted(()=>{t.nextTick(()=>{i.value&&(e.value=new y.LeafletMap(i.value,o.value,s.value))})}),t.onUnmounted(()=>{var n;(n=e.value)==null||n.destroy()}),t.watch(o,(n,l)=>{var a;r.arePropsEqual(n,l)||(a=e.value)==null||a.setConfig(o.value)}),c({component:e}),(n,l)=>(t.openBlock(),t.createElementBlock("div",{"data-vis-leaflet-map":"",ref_key:"elRef",ref:i},null,512))}});module.exports=F;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/html-components/leaflet-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 { LeafletMap, LeafletMapConfigInterface, 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    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<LeafletMap<Datum>>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  nextTick(() => {\n    if(elRef.value)\n    component.value = new LeafletMap<Datum>(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-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","LeafletMap","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-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 { LeafletMap, LeafletMapConfigInterface, 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    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<LeafletMap<Datum>>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  nextTick(() => {\n    if(elRef.value)\n    component.value = new LeafletMap<Datum>(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-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","LeafletMap","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"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"}

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

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

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

@@ -1,7 +1,7 @@
-import { defineComponent as d, computed as a, getCurrentInstance as y, ref as r, onMounted as m, nextTick as f, onUnmounted as F, watch as g, openBlock as v, createElementBlock as S } from "vue";
-import { LeafletMap as b } from "@unovis/ts";
-import { parseProps as M, arePropsEqual as B } from "../../utils/props.js";
-const k = /* @__PURE__ */ d({
+import { defineComponent as y, computed as a, getCurrentInstance as m, ref as r, onMounted as f, nextTick as F, onUnmounted as g, watch as v, openBlock as S, createElementBlock as b } from "vue";
+import { LeafletMap as M } from "@unovis/ts";
+import { parseProps as B, arePropsEqual as L } from "../../utils/props.js";
+const _ = /* @__PURE__ */ y({
   __name: "index",
   props: {
     width: {},
@@ -55,19 +55,21 @@ const k = /* @__PURE__ */ d({
     attributes: {},
     data: {}
   },
-  setup(p) {
-    const i = p, c = a(() => i.data), s = y(), n = a(() => M(i, s)), e = r(), o = r();
-    return m(() => {
-      f(() => {
-        o.value && (e.value = new b(o.value, n.value, c.value));
+  setup(p, { expose: c }) {
+    const i = p, s = a(() => i.data), d = m(), e = a(() => B({ ...i }, d)), n = r(), o = r();
+    return f(() => {
+      F(() => {
+        o.value && (n.value = new M(o.value, e.value, s.value));
       });
-    }), F(() => {
+    }), g(() => {
       var t;
-      (t = e.value) == null || t.destroy();
-    }), g(n, (t, l) => {
+      (t = n.value) == null || t.destroy();
+    }), v(e, (t, l) => {
       var u;
-      B(t, l) || (u = e.value) == null || u.setConfig(n.value);
-    }), (t, l) => (v(), S("div", {
+      L(t, l) || (u = n.value) == null || u.setConfig(e.value);
+    }), c({
+      component: n
+    }), (t, l) => (S(), b("div", {
       "data-vis-leaflet-map": "",
       ref_key: "elRef",
       ref: o
@@ -75,6 +77,6 @@ const k = /* @__PURE__ */ d({
   }
 });
 export {
-  k as default
+  _ as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/html-components/leaflet-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 { LeafletMap, LeafletMapConfigInterface, 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    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<LeafletMap<Datum>>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  nextTick(() => {\n    if(elRef.value)\n    component.value = new LeafletMap<Datum>(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-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","LeafletMap","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/html-components/leaflet-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 { LeafletMap, LeafletMapConfigInterface, 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    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<LeafletMap<Datum>>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  nextTick(() => {\n    if(elRef.value)\n    component.value = new LeafletMap<Datum>(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-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","LeafletMap","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"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"}

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]{display:block}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./containers/xy-container/xy-container.cjs");require("./containers/xy-container/xy-container2.cjs");const _=require("./containers/single-container/single-container.cjs");require("./containers/single-container/single-container2.cjs");const t=require("./components/line/index.cjs"),u=require("./components/area/index.cjs"),r=require("./components/axis/index.cjs"),i=require("./components/brush/index.cjs"),s=require("./components/free-brush/index.cjs"),n=require("./components/crosshair/index.cjs"),p=require("./components/grouped-bar/index.cjs"),c=require("./components/scatter/index.cjs"),v=require("./components/stacked-bar/index.cjs"),a=require("./components/timeline/index.cjs"),o=require("./components/xy-labels/index.cjs"),l=require("./components/donut/index.cjs"),g=require("./components/topojson-map/index.cjs"),d=require("./components/sankey/index.cjs"),q=require("./components/graph/index.cjs"),y=require("./components/chord-diagram/index.cjs"),x=require("./components/nested-donut/index.cjs"),V=require("./components/tooltip/index.cjs"),$=require("./html-components/leaflet-map/index.cjs");require("./html-components/leaflet-map/index2.cjs");const S=require("./html-components/leaflet-flow-map/index.cjs");require("./html-components/leaflet-flow-map/index2.cjs");const h=require("./html-components/bullet-legend/index.cjs");require("./html-components/bullet-legend/index2.cjs");exports.VisXYContainer=e;exports.VisSingleContainer=_;exports.VisLine=t;exports.VisArea=u;exports.VisAxis=r;exports.VisBrush=i;exports.VisFreeBrush=s;exports.VisCrosshair=n;exports.VisGroupedBar=p;exports.VisScatter=c;exports.VisStackedBar=v;exports.VisTimeline=a;exports.VisXYLabels=o;exports.VisDonut=l;exports.VisTopoJSONMap=g;exports.VisSankey=d;exports.VisGraph=q;exports.VisChordDiagram=y;exports.VisNestedDonut=x;exports.VisTooltip=V;exports.VisLeafletMap=$;exports.VisLeafletFlowMap=S;exports.VisBulletLegend=h;
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("[data-vis-leaflet-map],[data-vis-leaflet-flow-map]{display:block;position:relative}.unovis-single-container{display:block;position:relative;width:100%}[data-vis-bullet-legend]{display:block}.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("./containers/xy-container/index.cjs");require("./containers/xy-container/index2.cjs");const _=require("./containers/single-container/index.cjs");require("./containers/single-container/index2.cjs");const t=require("./components/line/index.cjs"),u=require("./components/area/index.cjs"),r=require("./components/axis/index.cjs"),i=require("./components/brush/index.cjs"),s=require("./components/free-brush/index.cjs"),n=require("./components/crosshair/index.cjs"),p=require("./components/grouped-bar/index.cjs"),c=require("./components/scatter/index.cjs"),v=require("./components/stacked-bar/index.cjs"),a=require("./components/timeline/index.cjs"),o=require("./components/xy-labels/index.cjs"),l=require("./components/donut/index.cjs"),d=require("./components/topojson-map/index.cjs"),g=require("./components/sankey/index.cjs"),q=require("./components/graph/index.cjs"),y=require("./components/chord-diagram/index.cjs"),x=require("./components/nested-donut/index.cjs"),V=require("./components/tooltip/index.cjs"),$=require("./html-components/leaflet-map/index.cjs");require("./html-components/leaflet-map/index2.cjs");const S=require("./html-components/leaflet-flow-map/index.cjs");require("./html-components/leaflet-flow-map/index2.cjs");const h=require("./html-components/bullet-legend/index.cjs");require("./html-components/bullet-legend/index2.cjs");exports.VisXYContainer=e;exports.VisSingleContainer=_;exports.VisLine=t;exports.VisArea=u;exports.VisAxis=r;exports.VisBrush=i;exports.VisFreeBrush=s;exports.VisCrosshair=n;exports.VisGroupedBar=p;exports.VisScatter=c;exports.VisStackedBar=v;exports.VisTimeline=a;exports.VisXYLabels=o;exports.VisDonut=l;exports.VisTopoJSONMap=d;exports.VisSankey=g;exports.VisGraph=q;exports.VisChordDiagram=y;exports.VisNestedDonut=x;exports.VisTooltip=V;exports.VisLeafletMap=$;exports.VisLeafletFlowMap=S;exports.VisBulletLegend=h;
 //# sourceMappingURL=index.cjs.map

package/index.js

@@ -1,8 +1,8 @@
-(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]{display:block}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { default as i } from "./containers/xy-container/xy-container.js";
-import "./containers/xy-container/xy-container2.js";
-import { default as l } from "./containers/single-container/single-container.js";
-import "./containers/single-container/single-container2.js";
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("[data-vis-leaflet-map],[data-vis-leaflet-flow-map]{display:block;position:relative}.unovis-single-container{display:block;position:relative;width:100%}[data-vis-bullet-legend]{display:block}.unovis-xy-container{display:block;position:relative;width:100%}")),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
+import { default as i } from "./containers/xy-container/index.js";
+import "./containers/xy-container/index2.js";
+import { default as l } from "./containers/single-container/index.js";
+import "./containers/single-container/index2.js";
 import { default as u } from "./components/line/index.js";
 import { default as x } from "./components/area/index.js";
 import { default as n } from "./components/axis/index.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unovis/vue",
   "description": "Modular data visualization framework for React, Angular, Svelte, Vue, and vanilla TypeScript or JavaScript",
-  "version": "1.3.0-alpha.1",
+  "version": "1.3.0-alpha.3",
   "repository": {
     "type": "git",
     "url": "https://github.com/f5/unovis.git",
@@ -23,6 +23,18 @@
     "Nikita Rokotyan <nikita@f5.com> (https://rokotyan.com)",
     "Rebecca Bol <r.bol@f5.com>"
   ],
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "require": "./index.cjs",
+      "import": "./index.js"
+    },
+    "./*": {
+      "types": "./*/index.d.ts",
+      "require": "./*/index.cjs",
+      "import": "./*/index.js"
+    }
+  },
   "license": "Apache-2.0",
   "main": "./index.cjs",
   "module": "./index.js",
@@ -35,10 +47,11 @@
     "check": "vue-tsc --noEmit",
     "generate": "rollup -c ./autogen/rollup.config.js; node .autogen.cjs; rm .autogen.cjs",
     "publish:dist": "rm -rf dist/.cache; cp ./{LICENSE,README.md,package.json} ./dist; cd ./dist; npm publish",
+    "gallery": "vite build --mode gallery",
     "dev": "vite"
   },
   "peerDependencies": {
-    "@unovis/ts": "1.3.0-alpha.1",
+    "@unovis/ts": "1.3.0-alpha.3",
     "vue": "^3"
   },
   "devDependencies": {
@@ -46,12 +59,12 @@
     "@rollup/plugin-node-resolve": "^13.0.4",
     "@vitejs/plugin-vue": "^4.3.4",
     "@vue/tsconfig": "^0.4.0",
+    "de-indent": "^1.0.2",
+    "jju": "^1.4.0",
     "rollup": "^2.61.1",
     "rollup-plugin-commonjs": "^10.1.0",
     "rollup-plugin-typescript2": "^0.31.1",
-    "rollup-plugin-vue": "^6.0.0",
     "tslib": "^2.3.1",
-    "ttypescript": "^1.5.13",
     "typescript": "~4.2.4",
     "vite": "^4.4.9",
     "vite-plugin-css-injected-by-js": "^3.3.0",

package/utils/props.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@unovis/ts");function u(o,r){return t.isEqual(o,r)}function a(o,r){const e={},p=(r==null?void 0:r.vnode.props)??{};return Object.keys(p).forEach(s=>{e[s]=o[s]}),e}exports.arePropsEqual=u;exports.parseProps=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@unovis/ts"),t=require("vue");function a(e,r){return u.isEqual(e,r)}function c(e,r){const o={},s=(r==null?void 0:r.vnode.props)??{};return Object.keys(s).forEach(p=>{o[t.camelize(p)]=s[p]}),o}exports.arePropsEqual=a;exports.parseProps=c;
 //# sourceMappingURL=props.cjs.map

package/utils/props.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"props.cjs","sources":["../../src/utils/props.ts"],"sourcesContent":["import { isEqual } from '@unovis/ts'\nimport { ComponentInternalInstance } from 'vue'\n\nexport function arePropsEqual<PropTypes> (prevProps: PropTypes, nextProps: PropTypes): boolean {\n  return isEqual(prevProps, nextProps)\n}\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type\nexport function parseProps <T extends object> (props: T, instance: ComponentInternalInstance | null) {\n  const preservedProps = {} as T\n  const assignedProps = instance?.vnode.props ?? {}\n\n  Object.keys(assignedProps).forEach(key => {\n    preservedProps[key] = props[key]\n  })\n  return preservedProps\n}\n\n"],"names":["arePropsEqual","prevProps","nextProps","isEqual","parseProps","props","instance","preservedProps","assignedProps","key"],"mappings":"8GAGgB,SAAAA,EAA0BC,EAAsBC,EAA+B,CACtF,OAAAC,EAAA,QAAQF,EAAWC,CAAS,CACrC,CAGgB,SAAAE,EAA+BC,EAAUC,EAA4C,CACnG,MAAMC,EAAiB,CAAA,EACjBC,GAAgBF,GAAA,YAAAA,EAAU,MAAM,QAAS,CAAA,EAE/C,cAAO,KAAKE,CAAa,EAAE,QAAeC,GAAA,CACzBF,EAAAE,CAAG,EAAIJ,EAAMI,CAAG,CAAA,CAChC,EACMF,CACT"}
+{"version":3,"file":"props.cjs","sources":["../../src/utils/props.ts"],"sourcesContent":["import { isEqual } from '@unovis/ts'\nimport { ComponentInternalInstance, camelize } from 'vue'\n\nexport function arePropsEqual<PropTypes> (prevProps: PropTypes, nextProps: PropTypes): boolean {\n  return isEqual(prevProps, nextProps)\n}\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type\nexport function parseProps <T extends object> (props: T, instance: ComponentInternalInstance | null) {\n  const preservedProps = {} as T\n  const assignedProps = instance?.vnode.props ?? {}\n\n  Object.keys(assignedProps).forEach(key => {\n    preservedProps[camelize(key)] = assignedProps[key]\n  })\n  return preservedProps\n}\n\n"],"names":["arePropsEqual","prevProps","nextProps","isEqual","parseProps","props","instance","preservedProps","assignedProps","key","camelize"],"mappings":"+HAGgB,SAAAA,EAA0BC,EAAsBC,EAA+B,CACtF,OAAAC,EAAA,QAAQF,EAAWC,CAAS,CACrC,CAGgB,SAAAE,EAA+BC,EAAUC,EAA4C,CACnG,MAAMC,EAAiB,CAAA,EACjBC,GAAgBF,GAAA,YAAAA,EAAU,MAAM,QAAS,CAAA,EAE/C,cAAO,KAAKE,CAAa,EAAE,QAAeC,GAAA,CACxCF,EAAeG,EAAS,SAAAD,CAAG,CAAC,EAAID,EAAcC,CAAG,CAAA,CAClD,EACMF,CACT"}

package/utils/props.js

@@ -1,15 +1,16 @@
-import { isEqual as u } from "@unovis/ts";
-function f(o, r) {
-  return u(o, r);
-}
+import { isEqual as t } from "@unovis/ts";
+import { camelize as u } from "vue";
 function P(o, r) {
-  const p = {}, e = (r == null ? void 0 : r.vnode.props) ?? {};
-  return Object.keys(e).forEach((s) => {
-    p[s] = o[s];
+  return t(o, r);
+}
+function a(o, r) {
+  const p = {}, s = (r == null ? void 0 : r.vnode.props) ?? {};
+  return Object.keys(s).forEach((e) => {
+    p[u(e)] = s[e];
   }), p;
 }
 export {
-  f as arePropsEqual,
-  P as parseProps
+  P as arePropsEqual,
+  a as parseProps
 };
 //# sourceMappingURL=props.js.map

package/utils/props.js.map

@@ -1 +1 @@
-{"version":3,"file":"props.js","sources":["../../src/utils/props.ts"],"sourcesContent":["import { isEqual } from '@unovis/ts'\nimport { ComponentInternalInstance } from 'vue'\n\nexport function arePropsEqual<PropTypes> (prevProps: PropTypes, nextProps: PropTypes): boolean {\n  return isEqual(prevProps, nextProps)\n}\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type\nexport function parseProps <T extends object> (props: T, instance: ComponentInternalInstance | null) {\n  const preservedProps = {} as T\n  const assignedProps = instance?.vnode.props ?? {}\n\n  Object.keys(assignedProps).forEach(key => {\n    preservedProps[key] = props[key]\n  })\n  return preservedProps\n}\n\n"],"names":["arePropsEqual","prevProps","nextProps","isEqual","parseProps","props","instance","preservedProps","assignedProps","key"],"mappings":";AAGgB,SAAAA,EAA0BC,GAAsBC,GAA+B;AACtF,SAAAC,EAAQF,GAAWC,CAAS;AACrC;AAGgB,SAAAE,EAA+BC,GAAUC,GAA4C;AACnG,QAAMC,IAAiB,CAAA,GACjBC,KAAgBF,KAAA,gBAAAA,EAAU,MAAM,UAAS,CAAA;AAE/C,gBAAO,KAAKE,CAAa,EAAE,QAAQ,CAAOC,MAAA;AACzB,IAAAF,EAAAE,CAAG,IAAIJ,EAAMI,CAAG;AAAA,EAAA,CAChC,GACMF;AACT;"}
+{"version":3,"file":"props.js","sources":["../../src/utils/props.ts"],"sourcesContent":["import { isEqual } from '@unovis/ts'\nimport { ComponentInternalInstance, camelize } from 'vue'\n\nexport function arePropsEqual<PropTypes> (prevProps: PropTypes, nextProps: PropTypes): boolean {\n  return isEqual(prevProps, nextProps)\n}\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type\nexport function parseProps <T extends object> (props: T, instance: ComponentInternalInstance | null) {\n  const preservedProps = {} as T\n  const assignedProps = instance?.vnode.props ?? {}\n\n  Object.keys(assignedProps).forEach(key => {\n    preservedProps[camelize(key)] = assignedProps[key]\n  })\n  return preservedProps\n}\n\n"],"names":["arePropsEqual","prevProps","nextProps","isEqual","parseProps","props","instance","preservedProps","assignedProps","key","camelize"],"mappings":";;AAGgB,SAAAA,EAA0BC,GAAsBC,GAA+B;AACtF,SAAAC,EAAQF,GAAWC,CAAS;AACrC;AAGgB,SAAAE,EAA+BC,GAAUC,GAA4C;AACnG,QAAMC,IAAiB,CAAA,GACjBC,KAAgBF,KAAA,gBAAAA,EAAU,MAAM,UAAS,CAAA;AAE/C,gBAAO,KAAKE,CAAa,EAAE,QAAQ,CAAOC,MAAA;AACxC,IAAAF,EAAeG,EAASD,CAAG,CAAC,IAAID,EAAcC,CAAG;AAAA,EAAA,CAClD,GACMF;AACT;"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"single-container.cjs","sources":["../../../src/containers/single-container/single-container.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: 'single-container',\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","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot"],"mappings":"oIAS4BA,EAAiBC,kBAAA,CAC3C,OAAQ,mBACR,MAAO,CACL,UAAW,CAAC,EACZ,QAAS,CAAC,EACV,SAAU,CAAC,EACX,OAAQ,CAAC,EACT,QAAS,CAAC,EACV,OAAQ,CAAC,EACT,MAAO,CAAC,EACR,OAAQ,CAAC,EACT,QAAS,CAAC,EACV,UAAW,CAAC,EACZ,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAGR,CAAE,KAAAE,CAAA,EAASC,EAAA,OAAOF,CAAK,EACvBG,EAAWC,EAAAA,qBACXC,EAAcC,EAAAA,SAAS,IAAMC,EAAW,WAAAP,EAAOG,CAAQ,CAAC,EAExDK,EAAQC,EAAAA,MACRC,EAA4C,CAChD,UAAW,OACX,QAAS,MAAA,EAELC,EAAQF,EAAAA,MAERG,EAAkB,IAAM,OAClBC,KACJC,EAAAN,EAAA,QAAA,MAAAM,EAAO,gBAAgB,CAAE,GAAGT,EAAY,MAAO,GAAGK,GAAQ,EAG5DG,EAAY,IAAM,CAClBL,EAAM,OACNG,EAAM,OAASD,EAAO,WAAaT,EAAK,QAC1CO,EAAM,MAAQ,IAAIO,kBAAgBJ,EAAM,MAAOD,EAAQT,EAAK,KAAK,EAAA,EAGrEe,OAAAA,EAAA,MAAMf,EAAM,IAAM,CACZO,EAAM,OACRA,EAAM,MAAM,QAAQP,EAAK,MAAO,EAAI,EACpBW,KAENC,GACZ,CACD,EACDG,EAAA,MAAMX,EAAa,IAAM,CACPO,GAAA,CACjB,EAEDK,EAAAA,YAAY,IAAA,OAAM,OAAAH,EAAAN,EAAM,QAAN,YAAAM,EAAa,UAAS,EAExCI,EAAAA,QAAQC,EAAAA,qBAAsB,CAC5B,KAAAlB,EACA,OAASmB,GAAwB,CAC/BV,EAAO,UAAYU,EACHR,GAClB,EACA,QAAS,IAAMF,EAAO,UAAY,MAAA,CACnC,EAEDQ,EAAAA,QAAQG,EAAAA,mBAAoB,CAC1B,KAAApB,EACA,OAAS,GAAe,CACtBS,EAAO,QAAU,EACDE,GAClB,EACA,QAAS,IAAM,CAAEF,EAAO,QAAU,MAAU,CAAA,CAC7C,EAEM,CAACY,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,4BAA6B,GAC7B,QAAS,QACT,IAAKd,EACL,MAAO,yBAAA,EACN,CACDe,aAAYJ,EAAK,OAAQ,SAAS,GACjC,GAAG,EAER,CAEA,CAAC"}