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

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

@@ -1,11 +1,99 @@
-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> & {
+import { LeafletMap, GenericDataRecord } from '@unovis/ts';
+declare const _default: <Datum extends GenericDataRecord>(__VLS_props: any, __VLS_ctx?: {
+    attrs: any;
+    emit: any;
+    slots: any;
+}, __VLS_expose?: any, __VLS_setup?: Promise<{
+    props: {
+        duration?: number;
+        events?: {
+            [selector: string]: {
+                touchstart?: import("@unovis/ts").VisEventCallback<any>;
+                touchmove?: import("@unovis/ts").VisEventCallback<any>;
+                touchend?: import("@unovis/ts").VisEventCallback<any>;
+                mouseover?: import("@unovis/ts").VisEventCallback<any>;
+                mousemove?: import("@unovis/ts").VisEventCallback<any>;
+                mousedown?: import("@unovis/ts").VisEventCallback<any>;
+                mouseup?: import("@unovis/ts").VisEventCallback<any>;
+                click?: import("@unovis/ts").VisEventCallback<any>;
+                auxclick?: import("@unovis/ts").VisEventCallback<any>;
+                contextmenu?: import("@unovis/ts").VisEventCallback<any>;
+                dblclick?: import("@unovis/ts").VisEventCallback<any>;
+                mouseenter?: import("@unovis/ts").VisEventCallback<any>;
+                mouseleave?: import("@unovis/ts").VisEventCallback<any>;
+                mouseout?: import("@unovis/ts").VisEventCallback<any>;
+                scroll?: import("@unovis/ts").VisEventCallback<any>;
+                select?: import("@unovis/ts").VisEventCallback<any>;
+                wheel?: import("@unovis/ts").VisEventCallback<any>;
+                pointerdown?: import("@unovis/ts").VisEventCallback<any>;
+                pointerup?: import("@unovis/ts").VisEventCallback<any>;
+                pointerout?: import("@unovis/ts").VisEventCallback<any>;
+                pointermove?: import("@unovis/ts").VisEventCallback<any>;
+            };
+        };
+        attributes?: {
+            [selector: string]: {
+                [attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);
+            };
+        };
         data?: Datum[];
-    };
-    expose(exposed: {
+        tooltip?: import("@unovis/ts").Tooltip;
+        zoomDuration?: number;
+        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>>;
+        pointId?: import("@unovis/ts").StringAccessor<Datum>;
+        clusterLabel?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapClusterDatum<Datum>>;
+        clusterLabelColor?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapClusterDatum<Datum>>;
+        width?: string | number;
+        height?: string | number;
+        ariaLabel?: string;
+        flyToDuration?: number;
+        fitViewPadding?: [number, number];
+        initialBounds?: import("@unovis/ts").Bounds;
+        fitBoundsOnUpdate?: import("@unovis/ts").Bounds;
+        fitViewOnInit?: boolean;
+        fitViewOnUpdate?: boolean;
+        styleDarkTheme?: string | import("maplibre-gl").StyleSpecification;
+        accessToken?: string;
+        attribution?: string[];
+        renderer?: string;
+        onMapInitialized?: () => void;
+        onMapMoveZoom?: ({ mapCenter, zoomLevel, bounds }: import("@unovis/ts").MapZoomState) => void;
+        onMapMoveStart?: ({ mapCenter, zoomLevel, bounds }: import("@unovis/ts").MapZoomState) => void;
+        onMapMoveEnd?: ({ mapCenter, zoomLevel, bounds }: import("@unovis/ts").MapZoomState) => void;
+        onMapZoomStart?: ({ mapCenter, zoomLevel, bounds }: import("@unovis/ts").MapZoomState) => void;
+        onMapZoomEnd?: ({ mapCenter, zoomLevel, bounds }: import("@unovis/ts").MapZoomState) => void;
+        onMapClick?: ({ mapCenter, zoomLevel, bounds }: import("@unovis/ts").MapZoomState) => void;
+        pointLongitude?: import("@unovis/ts").NumericAccessor<Datum>;
+        pointLatitude?: import("@unovis/ts").NumericAccessor<Datum>;
+        pointShape?: import("@unovis/ts").GenericAccessor<string, Datum>;
+        pointLabelColor?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapPointDatum<Datum>>;
+        pointBottomLabel?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapPointDatum<Datum>>;
+        pointRingWidth?: number;
+        selectedPointId?: string;
+        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;
+        clusterBackground?: boolean;
+        clusterExpandOnClick?: boolean;
+        clusteringDistance?: number;
+        colorMap?: import("@unovis/ts").LeafletMapPointStyles<Datum>;
+        topoJSONLayer?: {
+            sources: any;
+            featureName?: string;
+            fillProperty?: string;
+            strokeProperty?: string;
+            fillOpacity?: number;
+            strokeOpacity?: number;
+            strokeWidth?: number;
+        };
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    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":"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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("[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)}})();
+(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("[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)}})();
+(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.3",
+  "version": "1.3.0-beta.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/f5/unovis.git",
@@ -18,7 +18,7 @@
     "charts",
     "graphs"
   ],
-  "author": "Rebecca Bol, F5 Inc. <r.bol@f5.com>",
+  "author": "Zernonia Kong <zernonia@gmail.com>",
   "maintainers": [
     "Nikita Rokotyan <nikita@f5.com> (https://rokotyan.com)",
     "Rebecca Bol <r.bol@f5.com>"
@@ -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.3",
+    "@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;"}