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

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

@@ -1,7 +1,7 @@
-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 h, arePropsEqual as C } from "../../utils/props.js";
-const w = /* @__PURE__ */ d({
+import { defineComponent as s, computed as i, ref as u, onMounted as d, nextTick as m, onUnmounted as f, watch as v, openBlock as _, createElementBlock as b } from "vue";
+import { BulletLegend as x } from "@unovis/ts";
+import { useForwardProps as k, arePropsEqual as g } from "../../utils/props.js";
+const B = /* @__PURE__ */ s({
   __name: "index",
   props: {
     items: {},
@@ -13,30 +13,30 @@ const w = /* @__PURE__ */ d({
     bulletShape: {},
     data: {}
   },
-  setup(s, { expose: p }) {
-    const a = s;
-    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));
+  setup(c, { expose: p }) {
+    const n = c;
+    i(() => n.data);
+    const o = k(n), t = u(), l = u();
+    return d(() => {
+      m(() => {
+        l.value && (t.value = new x(l.value, o.value));
       });
-    }), _(() => {
+    }), f(() => {
       var e;
       (e = t.value) == null || e.destroy();
-    }), b(n, (e, l) => {
+    }), v(o, (e, a) => {
       var r;
-      C(e, l) || (r = t.value) == null || r.update(n.value);
+      g(e, a) || (r = t.value) == null || r.update(o.value);
     }), p({
       component: t
-    }), (e, l) => (x(), g("div", {
+    }), (e, a) => (_(), b("div", {
       "data-vis-bullet-legend": "",
       ref_key: "elRef",
-      ref: o
+      ref: l
     }, null, 512));
   }
 });
 export {
-  w as default
+  B 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    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;"}
+{"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, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \ninterface Props extends  BulletLegendConfigInterface { }\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\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\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\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","config","useForwardProps","component","ref","elRef","onMounted","nextTick","BulletLegend","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;;AAWA,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;AAKD,IAAAG,EAAS,MAAMD,EAAM,IAAI;AAEhC,UAAAE,IAASC,EAAgBH,CAAK,GAG9BI,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,GAGQH,EAAA;AAAA,MACP,WAAAK;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"),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;
+"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,null]},flowParticleColor:{type:[Function,String,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,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,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),o=c.useForwardProps(i),e=t.ref(),u=t.ref();return t.onMounted(()=>{t.nextTick(()=>{u.value&&(e.value=new y.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=d;
 //# 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, { 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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"}
+{"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, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \ninterface Props extends  LeafletFlowMapConfigInterface<PointDatum, FlowDatum> { }\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, null] },\n    flowParticleColor: { type: [Function, String, 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, 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, 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\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\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\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","config","useForwardProps","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

@@ -42,7 +42,7 @@ declare const _default: <PointDatum extends GenericDataRecord, FlowDatum extends
         };
         tooltip?: import("@unovis/ts").Tooltip;
         zoomDuration?: number;
-        pointColor?: import("@unovis/ts").ColorAccessor<PointDatum>;
+        pointColor?: import("@unovis/ts").ColorAccessor<import("@unovis/ts").LeafletMapPointDatum<PointDatum>>;
         pointRadius?: import("@unovis/ts").NumericAccessor<import("@unovis/ts").LeafletMapPointDatum<PointDatum>>;
         pointCursor?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapPointDatum<PointDatum>>;
         pointLabel?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapPointDatum<PointDatum>>;
@@ -89,7 +89,7 @@ declare const _default: <PointDatum extends GenericDataRecord, FlowDatum extends
         pointBottomLabel?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapPointDatum<PointDatum>>;
         pointRingWidth?: number;
         selectedPointId?: string;
-        clusterColor?: import("@unovis/ts").ColorAccessor<PointDatum>;
+        clusterColor?: import("@unovis/ts").ColorAccessor<import("@unovis/ts").LeafletMapClusterDatum<PointDatum>>;
         clusterRadius?: import("@unovis/ts").NumericAccessor<import("@unovis/ts").LeafletMapClusterDatum<PointDatum>>;
         clusterBottomLabel?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapClusterDatum<PointDatum>>;
         clusterRingWidth?: number;
@@ -107,9 +107,9 @@ declare const _default: <PointDatum extends GenericDataRecord, FlowDatum extends
             strokeWidth?: number;
         };
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
-    expose(exposed: {
+    expose(exposed: import("vue").ShallowUnwrapRef<{
         component: import("vue").Ref<LeafletFlowMap<PointDatum, FlowDatum>>;
-    }): void;
+    }>): void;
     attrs: any;
     slots: {};
     emit: any;

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

@@ -1,7 +1,7 @@
-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({
+import { defineComponent as s, computed as y, ref as r, onMounted as d, nextTick as F, onUnmounted as m, watch as f, openBlock as g, createElementBlock as b } from "vue";
+import { LeafletFlowMap as S } from "@unovis/ts";
+import { useForwardProps as L, arePropsEqual as v } from "../../utils/props.js";
+const P = /* @__PURE__ */ s({
   __name: "index",
   props: {
     sourceLongitude: { type: [Function, Number, null] },
@@ -9,8 +9,8 @@ const B = /* @__PURE__ */ d({
     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] },
+    sourcePointColor: { type: [Function, String, null] },
+    flowParticleColor: { type: [Function, String, null] },
     flowParticleRadius: { type: [Function, Number, null] },
     flowParticleSpeed: { type: [Function, Number, null] },
     flowParticleDensity: { type: [Function, Number, null] },
@@ -42,7 +42,7 @@ const B = /* @__PURE__ */ d({
     pointLatitude: { type: [Function, Number, null] },
     pointId: { type: [Function, String, null] },
     pointShape: { type: [Function, null] },
-    pointColor: { type: [Function, String, Array, null] },
+    pointColor: { type: [Function, String, null] },
     pointRadius: { type: [Function, Number, null] },
     pointLabel: { type: [Function, String, null] },
     pointLabelColor: { type: [Function, String, null] },
@@ -50,7 +50,7 @@ const B = /* @__PURE__ */ d({
     pointCursor: { type: [Function, String, null] },
     pointRingWidth: {},
     selectedPointId: {},
-    clusterColor: { type: [Function, String, Array, null] },
+    clusterColor: { type: [Function, String, null] },
     clusterRadius: { type: [Function, Number, null] },
     clusterLabel: { type: [Function, String, null] },
     clusterLabelColor: { type: [Function, String, null] },
@@ -68,21 +68,21 @@ const B = /* @__PURE__ */ d({
     attributes: {},
     data: {}
   },
-  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));
+  setup(a, { expose: p }) {
+    const u = a, c = y(() => u.data), e = L(u), n = r(), o = r();
+    return d(() => {
+      F(() => {
+        o.value && (n.value = new S(o.value, e.value, c.value));
       });
-    }), g(() => {
+    }), m(() => {
       var t;
       (t = n.value) == null || t.destroy();
-    }), b(e, (t, u) => {
+    }), f(e, (t, i) => {
       var l;
-      C(t, u) || (l = n.value) == null || l.setConfig(e.value);
+      v(t, i) || (l = n.value) == null || l.setConfig(e.value);
     }), p({
       component: n
-    }), (t, u) => (S(), L("div", {
+    }), (t, i) => (g(), b("div", {
       "data-vis-leaflet-flow-map": "",
       ref_key: "elRef",
       ref: o
@@ -90,6 +90,6 @@ const B = /* @__PURE__ */ d({
   }
 });
 export {
-  B as default
+  P 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, { 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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"}
+{"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, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \ninterface Props extends  LeafletFlowMapConfigInterface<PointDatum, FlowDatum> { }\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, null] },\n    flowParticleColor: { type: [Function, String, 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, 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, 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\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\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\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","config","useForwardProps","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"),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;
+"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,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,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),o=r.useForwardProps(u),e=t.ref(),i=t.ref();return t.onMounted(()=>{t.nextTick(()=>{i.value&&(e.value=new d.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=y;
 //# 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, { 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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"}
+{"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, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \ninterface Props extends  LeafletMapConfigInterface<Datum> { }\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, 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, 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\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\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\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","config","useForwardProps","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

@@ -39,7 +39,7 @@ declare const _default: <Datum extends GenericDataRecord>(__VLS_props: any, __VL
         data?: Datum[];
         tooltip?: import("@unovis/ts").Tooltip;
         zoomDuration?: number;
-        pointColor?: import("@unovis/ts").ColorAccessor<Datum>;
+        pointColor?: import("@unovis/ts").ColorAccessor<import("@unovis/ts").LeafletMapPointDatum<Datum>>;
         pointRadius?: import("@unovis/ts").NumericAccessor<import("@unovis/ts").LeafletMapPointDatum<Datum>>;
         pointCursor?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapPointDatum<Datum>>;
         pointLabel?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapPointDatum<Datum>>;
@@ -73,7 +73,7 @@ declare const _default: <Datum extends GenericDataRecord>(__VLS_props: any, __VL
         pointBottomLabel?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapPointDatum<Datum>>;
         pointRingWidth?: number;
         selectedPointId?: string;
-        clusterColor?: import("@unovis/ts").ColorAccessor<Datum>;
+        clusterColor?: import("@unovis/ts").ColorAccessor<import("@unovis/ts").LeafletMapClusterDatum<Datum>>;
         clusterRadius?: import("@unovis/ts").NumericAccessor<import("@unovis/ts").LeafletMapClusterDatum<Datum>>;
         clusterBottomLabel?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapClusterDatum<Datum>>;
         clusterRingWidth?: number;
@@ -91,9 +91,9 @@ declare const _default: <Datum extends GenericDataRecord>(__VLS_props: any, __VL
             strokeWidth?: number;
         };
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
-    expose(exposed: {
+    expose(exposed: import("vue").ShallowUnwrapRef<{
         component: import("vue").Ref<LeafletMap<Datum>>;
-    }): void;
+    }>): void;
     attrs: any;
     slots: {};
     emit: any;

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

@@ -1,7 +1,7 @@
-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({
+import { defineComponent as s, computed as d, ref as a, onMounted as y, nextTick as m, onUnmounted as F, watch as f, openBlock as g, createElementBlock as v } from "vue";
+import { LeafletMap as S } from "@unovis/ts";
+import { useForwardProps as b, arePropsEqual as M } from "../../utils/props.js";
+const k = /* @__PURE__ */ s({
   __name: "index",
   props: {
     width: {},
@@ -29,7 +29,7 @@ const _ = /* @__PURE__ */ y({
     pointLatitude: { type: [Function, Number, null] },
     pointId: { type: [Function, String, null] },
     pointShape: { type: [Function, null] },
-    pointColor: { type: [Function, String, Array, null] },
+    pointColor: { type: [Function, String, null] },
     pointRadius: { type: [Function, Number, null] },
     pointLabel: { type: [Function, String, null] },
     pointLabelColor: { type: [Function, String, null] },
@@ -37,7 +37,7 @@ const _ = /* @__PURE__ */ y({
     pointCursor: { type: [Function, String, null] },
     pointRingWidth: {},
     selectedPointId: {},
-    clusterColor: { type: [Function, String, Array, null] },
+    clusterColor: { type: [Function, String, null] },
     clusterRadius: { type: [Function, Number, null] },
     clusterLabel: { type: [Function, String, null] },
     clusterLabelColor: { type: [Function, String, null] },
@@ -55,21 +55,21 @@ const _ = /* @__PURE__ */ y({
     attributes: {},
     data: {}
   },
-  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));
+  setup(p, { expose: r }) {
+    const i = p, c = d(() => i.data), e = b(i), n = a(), o = a();
+    return y(() => {
+      m(() => {
+        o.value && (n.value = new S(o.value, e.value, c.value));
       });
-    }), g(() => {
+    }), F(() => {
       var t;
       (t = n.value) == null || t.destroy();
-    }), v(e, (t, l) => {
+    }), f(e, (t, l) => {
       var u;
-      L(t, l) || (u = n.value) == null || u.setConfig(e.value);
-    }), c({
+      M(t, l) || (u = n.value) == null || u.setConfig(e.value);
+    }), r({
       component: n
-    }), (t, l) => (S(), b("div", {
+    }), (t, l) => (g(), v("div", {
       "data-vis-leaflet-map": "",
       ref_key: "elRef",
       ref: o
@@ -77,6 +77,6 @@ const _ = /* @__PURE__ */ y({
   }
 });
 export {
-  _ as default
+  k 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, { 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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"}
+{"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, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \ninterface Props extends  LeafletMapConfigInterface<Datum> { }\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, 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, 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\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\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\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","config","useForwardProps","component","ref","elRef","onMounted","nextTick","LeafletMap","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;;AAWA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,OAAO,CAAC;AAAA,IACR,QAAQ,CAAC;AAAA,IACT,eAAe,CAAC;AAAA,IAChB,gBAAgB,CAAC;AAAA,IACjB,cAAc,CAAC;AAAA,IACf,eAAe,CAAC;AAAA,IAChB,mBAAmB,CAAC;AAAA,IACpB,eAAe,EAAE,MAAM,QAAQ;AAAA,IAC/B,iBAAiB,EAAE,MAAM,QAAQ;AAAA,IACjC,OAAO,CAAC;AAAA,IACR,gBAAgB,CAAC;AAAA,IACjB,aAAa,CAAC;AAAA,IACd,aAAa,CAAC;AAAA,IACd,UAAU,CAAC;AAAA,IACX,kBAAkB,EAAE,MAAM,SAAS;AAAA,IACnC,eAAe,EAAE,MAAM,SAAS;AAAA,IAChC,gBAAgB,EAAE,MAAM,SAAS;AAAA,IACjC,cAAc,EAAE,MAAM,SAAS;AAAA,IAC/B,gBAAgB,EAAE,MAAM,SAAS;AAAA,IACjC,cAAc,EAAE,MAAM,SAAS;AAAA,IAC/B,YAAY,EAAE,MAAM,SAAS;AAAA,IAC7B,gBAAgB,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACjD,eAAe,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAChD,SAAS,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC1C,YAAY,EAAE,MAAM,CAAC,UAAU,IAAI,EAAE;AAAA,IACrC,YAAY,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC7C,aAAa,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC9C,YAAY,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC7C,iBAAiB,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAClD,kBAAkB,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACnD,aAAa,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC9C,gBAAgB,CAAC;AAAA,IACjB,iBAAiB,CAAC;AAAA,IAClB,cAAc,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC/C,eAAe,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAChD,cAAc,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IAC/C,mBAAmB,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACpD,oBAAoB,EAAE,MAAM,CAAC,UAAU,QAAQ,IAAI,EAAE;AAAA,IACrD,kBAAkB,CAAC;AAAA,IACnB,mBAAmB,EAAE,MAAM,QAAQ;AAAA,IACnC,sBAAsB,EAAE,MAAM,QAAQ;AAAA,IACtC,oBAAoB,CAAC;AAAA,IACrB,UAAU,CAAC;AAAA,IACX,eAAe,CAAC;AAAA,IAChB,SAAS,CAAC;AAAA,IACV,WAAW,CAAC;AAAA,IACZ,UAAU,CAAC;AAAA,IACX,QAAQ,CAAC;AAAA,IACT,YAAY,CAAC;AAAA,IACb,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc,EAAE,QAAQC,KAAY;AAE5C,UAAMC,IAAQF,GAKRG,IAAOC,EAAS,MAAMF,EAAM,IAAI,GAEhCG,IAASC,EAAgBJ,CAAK,GAG9BK,IAAYC,KACZC,IAAQD;AAEd,WAAAE,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAGF,EAAM,UACCF,EAAA,QAAQ,IAAIK,EAAkBH,EAAM,OAAOJ,EAAO,OAAOF,EAAK,KAAK;AAAA,MAAA,CAG9E;AAAA,IAAA,CACF,GAEDU,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,UAAUT,EAAO;AAAA,IACpC,CACD,GAGQJ,EAAA;AAAA,MACP,WAAAM;AAAA,IAAA,CACD,GAEM,CAACY,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,wBAAwB;AAAA,MACxB,SAAS;AAAA,MACT,KAAKb;AAAA,IAAA,GACJ,MAAM,GAAG;AAAA,EAEd;AAEA,CAAC;"}

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)}})();
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("[data-vis-leaflet-flow-map],[data-vis-leaflet-map]{display:block;position:relative}[data-vis-bullet-legend]{display:block}.unovis-xy-container,.unovis-single-container{display:block;position:relative;width:100%}")),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/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,4 +1,4 @@
-(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)}})();
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("[data-vis-leaflet-flow-map],[data-vis-leaflet-map]{display:block;position:relative}[data-vis-bullet-legend]{display:block}.unovis-xy-container,.unovis-single-container{display:block;position:relative;width:100%}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
 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";

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.4",
+  "version": "1.3.0-beta.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/f5/unovis.git",
@@ -47,11 +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"
+    "build:gallery": "vite build --mode gallery",
+    "gallery": "vite"
   },
   "peerDependencies": {
-    "@unovis/ts": "1.3.0-alpha.4",
+    "@unovis/ts": "1.2.1",
     "vue": "^3"
   },
   "devDependencies": {

package/utils/props.cjs

@@ -1,2 +1,2 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@unovis/ts"),e=require("vue");function c(t,r){return a.isEqual(t,r)}function i(t){const r=e.getCurrentInstance(),n=r.attrs;return e.computed(()=>{const s={},u=(r==null?void 0:r.vnode.props)??{};return Object.keys(u).forEach(o=>{s[e.camelize(o)]=t[e.camelize(o)]}),{...s,...n}})}exports.arePropsEqual=c;exports.useForwardProps=i;
 //# 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, 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"}
+{"version":3,"file":"props.cjs","sources":["../../src/utils/props.ts"],"sourcesContent":["import { isEqual } from '@unovis/ts'\nimport { ComponentInternalInstance, camelize, computed, getCurrentInstance } from 'vue'\n\nexport function arePropsEqual<PropTypes> (prevProps: PropTypes, nextProps: PropTypes): boolean {\n  return isEqual(prevProps, nextProps)\n}\n\n// source: https://www.radix-vue.com/utilities/use-forward-props.html\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type\nexport function useForwardProps<T extends Record<string, any>> (props: T) {\n  const vm = getCurrentInstance()\n  const attrs = vm.attrs\n\n  return computed(() => {\n    const preservedProps = {} as T\n    const assignedProps = vm?.vnode.props ?? {}\n\n    Object.keys(assignedProps).forEach((key) => {\n      preservedProps[camelize(key) as keyof T] = props[camelize(key)]\n    })\n    return { ...preservedProps, ...attrs }\n  })\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","useForwardProps","props","vm","getCurrentInstance","attrs","computed","preservedProps","assignedProps","key","camelize"],"mappings":"+HAGgB,SAAAA,EAA0BC,EAAsBC,EAA+B,CACtF,OAAAC,EAAA,QAAQF,EAAWC,CAAS,CACrC,CAIO,SAASE,EAAgDC,EAAU,CACxE,MAAMC,EAAKC,EAAAA,qBACLC,EAAQF,EAAG,MAEjB,OAAOG,WAAS,IAAM,CACpB,MAAMC,EAAiB,CAAA,EACjBC,GAAgBL,GAAA,YAAAA,EAAI,MAAM,QAAS,CAAA,EAEzC,cAAO,KAAKK,CAAa,EAAE,QAASC,GAAQ,CAC1CF,EAAeG,WAASD,CAAG,CAAY,EAAIP,EAAMQ,EAAA,SAASD,CAAG,CAAC,CAAA,CAC/D,EACM,CAAE,GAAGF,EAAgB,GAAGF,EAAM,CACtC,CACH"}

package/utils/props.d.ts

@@ -1,3 +1,6 @@
 import { ComponentInternalInstance } from 'vue';
 export declare function arePropsEqual<PropTypes>(prevProps: PropTypes, nextProps: PropTypes): boolean;
+export declare function useForwardProps<T extends Record<string, any>>(props: T): import("vue").ComputedRef<T & {
+    [x: string]: unknown;
+}>;
 export declare function parseProps<T extends object>(props: T, instance: ComponentInternalInstance | null): T;

package/utils/props.js

@@ -1,16 +1,19 @@
-import { isEqual as t } from "@unovis/ts";
-import { camelize as u } from "vue";
-function P(o, r) {
-  return t(o, r);
+import { isEqual as p } from "@unovis/ts";
+import { getCurrentInstance as a, computed as u, camelize as s } from "vue";
+function f(t, r) {
+  return p(t, 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;
+function m(t) {
+  const r = a(), n = r.attrs;
+  return u(() => {
+    const o = {}, c = (r == null ? void 0 : r.vnode.props) ?? {};
+    return Object.keys(c).forEach((e) => {
+      o[s(e)] = t[s(e)];
+    }), { ...o, ...n };
+  });
 }
 export {
-  P as arePropsEqual,
-  a as parseProps
+  f as arePropsEqual,
+  m as useForwardProps
 };
 //# 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, 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;"}
+{"version":3,"file":"props.js","sources":["../../src/utils/props.ts"],"sourcesContent":["import { isEqual } from '@unovis/ts'\nimport { ComponentInternalInstance, camelize, computed, getCurrentInstance } from 'vue'\n\nexport function arePropsEqual<PropTypes> (prevProps: PropTypes, nextProps: PropTypes): boolean {\n  return isEqual(prevProps, nextProps)\n}\n\n// source: https://www.radix-vue.com/utilities/use-forward-props.html\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type\nexport function useForwardProps<T extends Record<string, any>> (props: T) {\n  const vm = getCurrentInstance()\n  const attrs = vm.attrs\n\n  return computed(() => {\n    const preservedProps = {} as T\n    const assignedProps = vm?.vnode.props ?? {}\n\n    Object.keys(assignedProps).forEach((key) => {\n      preservedProps[camelize(key) as keyof T] = props[camelize(key)]\n    })\n    return { ...preservedProps, ...attrs }\n  })\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","useForwardProps","props","vm","getCurrentInstance","attrs","computed","preservedProps","assignedProps","key","camelize"],"mappings":";;AAGgB,SAAAA,EAA0BC,GAAsBC,GAA+B;AACtF,SAAAC,EAAQF,GAAWC,CAAS;AACrC;AAIO,SAASE,EAAgDC,GAAU;AACxE,QAAMC,IAAKC,KACLC,IAAQF,EAAG;AAEjB,SAAOG,EAAS,MAAM;AACpB,UAAMC,IAAiB,CAAA,GACjBC,KAAgBL,KAAA,gBAAAA,EAAI,MAAM,UAAS,CAAA;AAEzC,kBAAO,KAAKK,CAAa,EAAE,QAAQ,CAACC,MAAQ;AAC1C,MAAAF,EAAeG,EAASD,CAAG,CAAY,IAAIP,EAAMQ,EAASD,CAAG,CAAC;AAAA,IAAA,CAC/D,GACM,EAAE,GAAGF,GAAgB,GAAGF;EAAM,CACtC;AACH;"}