@unovis/vue 1.6.2 → 1.6.4

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@unovis/ts"),c=require("../../utils/props.cjs"),f=s.LeafletFlowMap.selectors,y=e.defineComponent({__name:"index",props:{sourceLongitude:{},sourceLatitude:{},targetLongitude:{},targetLatitude:{},sourcePointRadius:{},sourcePointColor:{},flowParticleColor:{},flowParticleRadius:{},flowParticleSpeed:{},flowParticleDensity:{},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:{},pointLatitude:{},pointId:{},pointShape:{},pointColor:{},pointRadius:{},pointLabel:{},pointLabelColor:{},pointBottomLabel:{},pointCursor:{},pointRingWidth:{},selectedPointId:{},clusterColor:{},clusterRadius:{},clusterLabel:{},clusterLabelColor:{},clusterBottomLabel:{},clusterRingWidth:{},clusterBackground:{type:Boolean},clusterExpandOnClick:{type:Boolean},clusteringDistance:{},colorMap:{},topoJSONLayer:{},tooltip:{},ariaLabel:{},duration:{},events:{},attributes:{},data:{}},setup(p,{expose:d}){const l=p,n=e.computed(()=>l.data),a=c.useForwardProps(l),o=e.ref(),i=e.ref();return e.onMounted(()=>{e.nextTick(()=>{i.value&&(o.value=new s.LeafletFlowMap(i.value,a.value,n.value))})}),e.onUnmounted(()=>{var t;(t=o.value)==null||t.destroy()}),e.watch(a,(t,r)=>{var u;c.arePropsEqual(t,r)||(u=o.value)==null||u.setConfig(a.value)}),e.watch(n,()=>{var t;(t=o.value)==null||t.setData(n.value)}),d({component:o}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-leaflet-flow-map":"",ref_key:"elRef",ref:i},null,512))}});exports.VisLeafletFlowMapSelectors=f;exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),p=require("@unovis/ts"),c=require("../../utils/props.cjs"),d=p.LeafletFlowMap.selectors,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,String,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(s,{expose:y}){const l=s,o=t.computed(()=>l.data),u=c.useForwardProps(l),n=t.ref(),i=t.ref();return t.onMounted(()=>{t.nextTick(()=>{i.value&&(n.value=new p.LeafletFlowMap(i.value,u.value,o.value))})}),t.onUnmounted(()=>{var e;(e=n.value)==null||e.destroy()}),t.watch(u,(e,r)=>{var a;c.arePropsEqual(e,r)||(a=n.value)==null||a.setConfig(u.value)}),t.watch(o,()=>{var e;(e=n.value)==null||e.setData(o.value)}),y({component:n}),(e,r)=>(t.openBlock(),t.createElementBlock("div",{"data-vis-leaflet-flow-map":"",ref_key:"elRef",ref:i},null,512))}});exports.VisLeafletFlowMapSelectors=d;exports.default=F;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/html-components/leaflet-flow-map/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"PointDatum extends GenericDataRecord,FlowDatum extends GenericDataRecord\">\n// !!! This code was automatically generated. You should not change it !!!\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 \ntype Props = LeafletFlowMapConfigInterface<PointDatum, FlowDatum>\nconst props = defineProps<Props & { data?: { points: PointDatum[]; flows?: FlowDatum[] } }>()\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\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisLeafletFlowMapSelectors = LeafletFlowMap.selectors\n</script>\n\n<template>\n  <div data-vis-leaflet-flow-map ref=\"elRef\"/>\n</template>\n\n\n<style>\n  [data-vis-leaflet-flow-map] {\n    display:block;\n    position:relative;\n  }\n</style>\n"],"names":["VisLeafletFlowMapSelectors","LeafletFlowMap","props","__props","data","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose"],"mappings":"8LAiDaA,EAA6BC,EAAAA,eAAe,ozCAxCzD,MAAMC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMH,EAAM,IAAI,EAEhCI,EAASC,kBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAA2C,EACvDC,EAAQD,EAAAA,IAAoB,EAElCE,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACVF,EAAM,QACCF,EAAA,MAAQ,IAAIP,EAAAA,eAAsCS,EAAM,MAAOJ,EAAO,MAAOF,EAAK,KAAK,EAAA,CAGlG,CAAA,CACF,EAEDS,EAAAA,YAAY,IAAM,QAChBC,EAAAN,EAAU,QAAV,MAAAM,EAAiB,SAAQ,CAE1B,EAEKC,EAAAA,MAAAT,EAAQ,CAACU,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBH,EAAAN,EAAA,QAAA,MAAAM,EAAO,UAAUR,EAAO,MACpC,CACD,EAEDS,EAAA,MAAMX,EAAM,IAAM,QACNU,EAAAN,EAAA,QAAA,MAAAM,EAAO,QAAQV,EAAK,MAAK,CACpC,EAEYe,EAAA,CACX,UAAAX,CAAA,CACD"}
+{"version":3,"file":"index.cjs","sources":["../../../src/html-components/leaflet-flow-map/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"PointDatum extends GenericDataRecord,FlowDatum extends GenericDataRecord\">\n// !!! This code was automatically generated. You should not change it !!!\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 \ntype Props = LeafletFlowMapConfigInterface<PointDatum, FlowDatum>\nconst props = defineProps<Props & { data?: { points: PointDatum[]; flows?: FlowDatum[] } }>()\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\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisLeafletFlowMapSelectors = LeafletFlowMap.selectors\n</script>\n\n<template>\n  <div data-vis-leaflet-flow-map ref=\"elRef\"/>\n</template>\n\n\n<style>\n  [data-vis-leaflet-flow-map] {\n    display:block;\n    position:relative;\n  }\n</style>\n"],"names":["VisLeafletFlowMapSelectors","LeafletFlowMap","props","__props","data","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose","_createElementBlock"],"mappings":"8LAiDaA,EAA6BC,EAAAA,eAAe,++DAxCzD,MAAMC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMH,EAAM,IAAI,EAEhCI,EAASC,EAAAA,gBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAA,EACZC,EAAQD,EAAAA,IAAA,EAEdE,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACVF,EAAM,QACTF,EAAU,MAAQ,IAAIP,EAAAA,eAAsCS,EAAM,MAAOJ,EAAO,MAAOF,EAAK,KAAK,EAGnG,CAAC,CACH,CAAC,EAEDS,EAAAA,YAAY,IAAM,QAChBC,EAAAN,EAAU,QAAV,MAAAM,EAAiB,SAEnB,CAAC,EAEDC,EAAAA,MAAMT,EAAQ,CAACU,EAAMC,IAAS,OACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BH,EAAAN,EAAU,QAAV,MAAAM,EAAiB,UAAUR,EAAO,MAEtC,CAAC,EAEDS,EAAAA,MAAMX,EAAM,IAAM,QAChBU,EAAAN,EAAU,QAAV,MAAAM,EAAiB,QAAQV,EAAK,MAChC,CAAC,EAEDe,EAAa,CACX,UAAAX,CAAA,CACD,wBAQCY,EAAAA,mBAA4C,MAAA,CAAvC,4BAAA,WAA8B,QAAJ,IAAIV,CAAA"}

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

@@ -1,122 +1,22 @@
-import { LeafletFlowMap, GenericDataRecord } from '@unovis/ts';
-export declare const VisLeafletFlowMapSelectors: typeof import("@unovis/ts/dist/components/leaflet-map/style");
-declare const _default: <PointDatum extends GenericDataRecord, FlowDatum 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);
-            };
-        };
+import { LeafletFlowMap, LeafletFlowMapConfigInterface, GenericDataRecord } from '@unovis/ts';
+
+export declare const VisLeafletFlowMapSelectors: typeof import("@unovis/ts/components/leaflet-map/style");
+declare const _default: <PointDatum extends GenericDataRecord, FlowDatum extends GenericDataRecord>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & (LeafletFlowMapConfigInterface<PointDatum, FlowDatum> & {
         data?: {
             points: PointDatum[];
             flows?: FlowDatum[];
         };
-        width?: string | number;
-        tooltip?: import("@unovis/ts").Tooltip;
-        fitViewPadding?: [number, number];
-        zoomDuration?: number;
-        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>>;
-        pointId?: import("@unovis/ts").StringAccessor<PointDatum>;
-        clusterLabel?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapClusterDatum<PointDatum>>;
-        clusterLabelColor?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapClusterDatum<PointDatum>>;
-        height?: string | number;
-        ariaLabel?: string;
-        sourceLongitude?: import("@unovis/ts").NumericAccessor<FlowDatum>;
-        sourceLatitude?: import("@unovis/ts").NumericAccessor<FlowDatum>;
-        targetLongitude?: import("@unovis/ts").NumericAccessor<FlowDatum>;
-        targetLatitude?: import("@unovis/ts").NumericAccessor<FlowDatum>;
-        sourcePointRadius?: import("@unovis/ts").NumericAccessor<FlowDatum>;
-        sourcePointColor?: import("@unovis/ts").ColorAccessor<FlowDatum>;
-        flowParticleColor?: import("@unovis/ts").ColorAccessor<FlowDatum>;
-        flowParticleRadius?: import("@unovis/ts").NumericAccessor<FlowDatum>;
-        flowParticleSpeed?: import("@unovis/ts").NumericAccessor<FlowDatum>;
-        flowParticleDensity?: import("@unovis/ts").NumericAccessor<FlowDatum>;
-        onSourcePointClick?: (f: FlowDatum, x: number, y: number, event: MouseEvent) => void;
-        onSourcePointMouseEnter?: (f: FlowDatum, x: number, y: number, event: MouseEvent) => void;
-        onSourcePointMouseLeave?: (f: FlowDatum, event: MouseEvent) => void;
-        flyToDuration?: 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<PointDatum>;
-        pointLatitude?: import("@unovis/ts").NumericAccessor<PointDatum>;
-        pointShape?: import("@unovis/ts").GenericAccessor<string, PointDatum>;
-        pointLabelColor?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapPointDatum<PointDatum>>;
-        pointBottomLabel?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapPointDatum<PointDatum>>;
-        pointRingWidth?: number;
-        selectedPointId?: string;
-        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;
-        clusterBackground?: boolean;
-        clusterExpandOnClick?: boolean;
-        clusteringDistance?: number;
-        colorMap?: import("@unovis/ts").LeafletMapPointStyles<PointDatum>;
-        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<LeafletFlowMap<PointDatum, FlowDatum>, LeafletFlowMap<PointDatum, FlowDatum>>;
+    }), keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>> & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
+    expose(exposed: import('vue').ShallowUnwrapRef<{
+        component: import('vue').Ref<LeafletFlowMap<PointDatum, FlowDatum>, LeafletFlowMap<PointDatum, FlowDatum>>;
     }>): void;
     attrs: any;
-    slots: {};
-    emit: any;
-}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    slots: ReturnType<() => {}>;
+    emit: typeof __VLS_emit;
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }> & {
-    __ctx?: any;
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

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

@@ -1,19 +1,19 @@
-import { defineComponent as f, computed as m, ref as u, onMounted as y, nextTick as v, onUnmounted as L, watch as c, createElementBlock as M, openBlock as w } from "vue";
+import { defineComponent as d, computed as F, ref as a, onMounted as m, nextTick as f, onUnmounted as g, watch as c, createElementBlock as S, openBlock as b } from "vue";
 import { LeafletFlowMap as p } from "@unovis/ts";
-import { useForwardProps as g, arePropsEqual as F } from "../../utils/props.js";
-const k = p.selectors, b = /* @__PURE__ */ f({
+import { useForwardProps as v, arePropsEqual as L } from "../../utils/props.js";
+const P = p.selectors, C = /* @__PURE__ */ d({
   __name: "index",
   props: {
-    sourceLongitude: {},
-    sourceLatitude: {},
-    targetLongitude: {},
-    targetLatitude: {},
-    sourcePointRadius: {},
-    sourcePointColor: {},
-    flowParticleColor: {},
-    flowParticleRadius: {},
-    flowParticleSpeed: {},
-    flowParticleDensity: {},
+    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 },
@@ -38,23 +38,23 @@ const k = p.selectors, b = /* @__PURE__ */ f({
     onMapZoomStart: { type: Function },
     onMapZoomEnd: { type: Function },
     onMapClick: { type: Function },
-    pointLongitude: {},
-    pointLatitude: {},
-    pointId: {},
-    pointShape: {},
-    pointColor: {},
-    pointRadius: {},
-    pointLabel: {},
-    pointLabelColor: {},
-    pointBottomLabel: {},
-    pointCursor: {},
+    pointLongitude: { type: [Function, Number, null] },
+    pointLatitude: { type: [Function, Number, null] },
+    pointId: { type: [Function, String, null] },
+    pointShape: { type: [Function, String, 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: {},
-    clusterRadius: {},
-    clusterLabel: {},
-    clusterLabelColor: {},
-    clusterBottomLabel: {},
+    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 },
@@ -68,32 +68,32 @@ const k = p.selectors, b = /* @__PURE__ */ f({
     attributes: {},
     data: {}
   },
-  setup(s, { expose: d }) {
-    const i = s, o = m(() => i.data), n = g(i), t = u(), a = u();
-    return y(() => {
-      v(() => {
-        a.value && (t.value = new p(a.value, n.value, o.value));
+  setup(s, { expose: y }) {
+    const i = s, e = F(() => i.data), o = v(i), n = a(), u = a();
+    return m(() => {
+      f(() => {
+        u.value && (n.value = new p(u.value, o.value, e.value));
       });
-    }), L(() => {
-      var e;
-      (e = t.value) == null || e.destroy();
-    }), c(n, (e, l) => {
+    }), g(() => {
+      var t;
+      (t = n.value) == null || t.destroy();
+    }), c(o, (t, l) => {
       var r;
-      F(e, l) || (r = t.value) == null || r.setConfig(n.value);
-    }), c(o, () => {
-      var e;
-      (e = t.value) == null || e.setData(o.value);
-    }), d({
-      component: t
-    }), (e, l) => (w(), M("div", {
+      L(t, l) || (r = n.value) == null || r.setConfig(o.value);
+    }), c(e, () => {
+      var t;
+      (t = n.value) == null || t.setData(e.value);
+    }), y({
+      component: n
+    }), (t, l) => (b(), S("div", {
       "data-vis-leaflet-flow-map": "",
       ref_key: "elRef",
-      ref: a
+      ref: u
     }, null, 512));
   }
 });
 export {
-  k as VisLeafletFlowMapSelectors,
-  b as default
+  P as VisLeafletFlowMapSelectors,
+  C 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"],"sourcesContent":["<script setup lang=\"ts\" generic=\"PointDatum extends GenericDataRecord,FlowDatum extends GenericDataRecord\">\n// !!! This code was automatically generated. You should not change it !!!\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 \ntype Props = LeafletFlowMapConfigInterface<PointDatum, FlowDatum>\nconst props = defineProps<Props & { data?: { points: PointDatum[]; flows?: FlowDatum[] } }>()\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\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisLeafletFlowMapSelectors = LeafletFlowMap.selectors\n</script>\n\n<template>\n  <div data-vis-leaflet-flow-map ref=\"elRef\"/>\n</template>\n\n\n<style>\n  [data-vis-leaflet-flow-map] {\n    display:block;\n    position:relative;\n  }\n</style>\n"],"names":["VisLeafletFlowMapSelectors","LeafletFlowMap","props","__props","data","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose"],"mappings":";;;AAiDO,MAAMA,IAA6BC,EAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAxCzD,UAAMC,IAAQC,GAERC,IAAOC,EAAS,MAAMH,EAAM,IAAI,GAEhCI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAA2C,GACvDC,IAAQD,EAAoB;AAElC,WAAAE,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAGF,EAAM,UACCF,EAAA,QAAQ,IAAIP,EAAsCS,EAAM,OAAOJ,EAAO,OAAOF,EAAK,KAAK;AAAA,MAAA,CAGlG;AAAA,IAAA,CACF,GAEDS,EAAY,MAAM;;AAChB,OAAAC,IAAAN,EAAU,UAAV,QAAAM,EAAiB;AAAA,IAAQ,CAE1B,GAEKC,EAAAT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBH,IAAAN,EAAA,UAAA,QAAAM,EAAO,UAAUR,EAAO;AAAA,IACpC,CACD,GAEDS,EAAMX,GAAM,MAAM;;AACN,OAAAU,IAAAN,EAAA,UAAA,QAAAM,EAAO,QAAQV,EAAK;AAAA,IAAK,CACpC,GAEYe,EAAA;AAAA,MACX,WAAAX;AAAA,IAAA,CACD;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/html-components/leaflet-flow-map/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"PointDatum extends GenericDataRecord,FlowDatum extends GenericDataRecord\">\n// !!! This code was automatically generated. You should not change it !!!\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 \ntype Props = LeafletFlowMapConfigInterface<PointDatum, FlowDatum>\nconst props = defineProps<Props & { data?: { points: PointDatum[]; flows?: FlowDatum[] } }>()\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\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisLeafletFlowMapSelectors = LeafletFlowMap.selectors\n</script>\n\n<template>\n  <div data-vis-leaflet-flow-map ref=\"elRef\"/>\n</template>\n\n\n<style>\n  [data-vis-leaflet-flow-map] {\n    display:block;\n    position:relative;\n  }\n</style>\n"],"names":["VisLeafletFlowMapSelectors","LeafletFlowMap","props","__props","data","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose","_createElementBlock"],"mappings":";;;AAiDO,MAAMA,IAA6BC,EAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAxCzD,UAAMC,IAAQC,GAERC,IAAOC,EAAS,MAAMH,EAAM,IAAI,GAEhCI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAA,GACZC,IAAQD,EAAA;AAEd,WAAAE,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAGF,EAAM,UACTF,EAAU,QAAQ,IAAIP,EAAsCS,EAAM,OAAOJ,EAAO,OAAOF,EAAK,KAAK;AAAA,MAGnG,CAAC;AAAA,IACH,CAAC,GAEDS,EAAY,MAAM;;AAChB,OAAAC,IAAAN,EAAU,UAAV,QAAAM,EAAiB;AAAA,IAEnB,CAAC,GAEDC,EAAMT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BH,IAAAN,EAAU,UAAV,QAAAM,EAAiB,UAAUR,EAAO;AAAA,IAEtC,CAAC,GAEDS,EAAMX,GAAM,MAAM;;AAChB,OAAAU,IAAAN,EAAU,UAAV,QAAAM,EAAiB,QAAQV,EAAK;AAAA,IAChC,CAAC,GAEDe,EAAa;AAAA,MACX,WAAAX;AAAA,IAAA,CACD,mBAQCY,EAA4C,OAAA;AAAA,MAAvC,6BAAA;AAAA,eAA8B;AAAA,MAAJ,KAAIV;AAAA,IAAA;;;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@unovis/ts"),p=require("../../utils/props.cjs"),f=s.LeafletMap.selectors,v=e.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:{},pointLatitude:{},pointId:{},pointShape:{},pointColor:{},pointRadius:{},pointLabel:{},pointLabelColor:{},pointBottomLabel:{},pointCursor:{},pointRingWidth:{},selectedPointId:{},clusterColor:{},clusterRadius:{},clusterLabel:{},clusterLabelColor:{},clusterBottomLabel:{},clusterRingWidth:{},clusterBackground:{type:Boolean},clusterExpandOnClick:{type:Boolean},clusteringDistance:{},colorMap:{},topoJSONLayer:{},tooltip:{},ariaLabel:{},duration:{},events:{},attributes:{},data:{}},setup(c,{expose:d}){const l=c,n=e.computed(()=>l.data),a=p.useForwardProps(l),o=e.ref(),i=e.ref();return e.onMounted(()=>{e.nextTick(()=>{i.value&&(o.value=new s.LeafletMap(i.value,a.value,n.value))})}),e.onUnmounted(()=>{var t;(t=o.value)==null||t.destroy()}),e.watch(a,(t,r)=>{var u;p.arePropsEqual(t,r)||(u=o.value)==null||u.setConfig(a.value)}),e.watch(n,()=>{var t;(t=o.value)==null||t.setData(n.value)}),d({component:o}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-leaflet-map":"",ref_key:"elRef",ref:i},null,512))}});exports.VisLeafletMapSelectors=f;exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),c=require("@unovis/ts"),p=require("../../utils/props.cjs"),y=c.LeafletMap.selectors,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,String,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(s,{expose:d}){const u=s,o=t.computed(()=>u.data),i=p.useForwardProps(u),n=t.ref(),l=t.ref();return t.onMounted(()=>{t.nextTick(()=>{l.value&&(n.value=new c.LeafletMap(l.value,i.value,o.value))})}),t.onUnmounted(()=>{var e;(e=n.value)==null||e.destroy()}),t.watch(i,(e,a)=>{var r;p.arePropsEqual(e,a)||(r=n.value)==null||r.setConfig(i.value)}),t.watch(o,()=>{var e;(e=n.value)==null||e.setData(o.value)}),d({component:n}),(e,a)=>(t.openBlock(),t.createElementBlock("div",{"data-vis-leaflet-map":"",ref_key:"elRef",ref:l},null,512))}});exports.VisLeafletMapSelectors=y;exports.default=f;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/html-components/leaflet-map/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum extends GenericDataRecord\">\n// !!! This code was automatically generated. You should not change it !!!\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 \ntype Props = LeafletMapConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\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\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisLeafletMapSelectors = LeafletMap.selectors\n</script>\n\n<template>\n  <div data-vis-leaflet-map ref=\"elRef\"/>\n</template>\n\n\n<style>\n  [data-vis-leaflet-map] {\n    display:block;\n    position:relative;\n  }\n</style>\n"],"names":["VisLeafletMapSelectors","LeafletMap","props","__props","data","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose"],"mappings":"8LAiDaA,EAAyBC,EAAAA,WAAW,u/BAxCjD,MAAMC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMH,EAAM,IAAI,EAEhCI,EAASC,kBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAuB,EACnCC,EAAQD,EAAAA,IAAoB,EAElCE,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACVF,EAAM,QACCF,EAAA,MAAQ,IAAIP,EAAAA,WAAkBS,EAAM,MAAOJ,EAAO,MAAOF,EAAK,KAAK,EAAA,CAG9E,CAAA,CACF,EAEDS,EAAAA,YAAY,IAAM,QAChBC,EAAAN,EAAU,QAAV,MAAAM,EAAiB,SAAQ,CAE1B,EAEKC,EAAAA,MAAAT,EAAQ,CAACU,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBH,EAAAN,EAAA,QAAA,MAAAM,EAAO,UAAUR,EAAO,MACpC,CACD,EAEDS,EAAA,MAAMX,EAAM,IAAM,QACNU,EAAAN,EAAA,QAAA,MAAAM,EAAO,QAAQV,EAAK,MAAK,CACpC,EAEYe,EAAA,CACX,UAAAX,CAAA,CACD"}
+{"version":3,"file":"index.cjs","sources":["../../../src/html-components/leaflet-map/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum extends GenericDataRecord\">\n// !!! This code was automatically generated. You should not change it !!!\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 \ntype Props = LeafletMapConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\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\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisLeafletMapSelectors = LeafletMap.selectors\n</script>\n\n<template>\n  <div data-vis-leaflet-map ref=\"elRef\"/>\n</template>\n\n\n<style>\n  [data-vis-leaflet-map] {\n    display:block;\n    position:relative;\n  }\n</style>\n"],"names":["VisLeafletMapSelectors","LeafletMap","props","__props","data","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose","_createElementBlock"],"mappings":"8LAiDaA,EAAyBC,EAAAA,WAAW,w5CAxCjD,MAAMC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMH,EAAM,IAAI,EAEhCI,EAASC,EAAAA,gBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAA,EACZC,EAAQD,EAAAA,IAAA,EAEdE,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACVF,EAAM,QACTF,EAAU,MAAQ,IAAIP,EAAAA,WAAkBS,EAAM,MAAOJ,EAAO,MAAOF,EAAK,KAAK,EAG/E,CAAC,CACH,CAAC,EAEDS,EAAAA,YAAY,IAAM,QAChBC,EAAAN,EAAU,QAAV,MAAAM,EAAiB,SAEnB,CAAC,EAEDC,EAAAA,MAAMT,EAAQ,CAACU,EAAMC,IAAS,OACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BH,EAAAN,EAAU,QAAV,MAAAM,EAAiB,UAAUR,EAAO,MAEtC,CAAC,EAEDS,EAAAA,MAAMX,EAAM,IAAM,QAChBU,EAAAN,EAAU,QAAV,MAAAM,EAAiB,QAAQV,EAAK,MAChC,CAAC,EAEDe,EAAa,CACX,UAAAX,CAAA,CACD,wBAQCY,EAAAA,mBAAuC,MAAA,CAAlC,uBAAA,WAAyB,QAAJ,IAAIV,CAAA"}

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

@@ -1,106 +1,19 @@
-import { LeafletMap, GenericDataRecord } from '@unovis/ts';
-export declare const VisLeafletMapSelectors: typeof import("@unovis/ts/dist/components/leaflet-map/style");
-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);
-            };
-        };
+import { LeafletMap, LeafletMapConfigInterface, GenericDataRecord } from '@unovis/ts';
+
+export declare const VisLeafletMapSelectors: typeof import("@unovis/ts/components/leaflet-map/style");
+declare const _default: <Datum extends GenericDataRecord>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>) & (LeafletMapConfigInterface<Datum> & {
         data?: Datum[];
-        width?: string | number;
-        tooltip?: import("@unovis/ts").Tooltip;
-        fitViewPadding?: [number, number];
-        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>>;
-        height?: string | number;
-        ariaLabel?: string;
-        flyToDuration?: 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>, LeafletMap<Datum>>;
+    }), keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>> & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
+    expose(exposed: import('vue').ShallowUnwrapRef<{
+        component: import('vue').Ref<LeafletMap<Datum>, LeafletMap<Datum>>;
     }>): void;
     attrs: any;
-    slots: {};
-    emit: any;
-}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    slots: ReturnType<() => {}>;
+    emit: typeof __VLS_emit;
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }> & {
-    __ctx?: any;
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

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

@@ -1,7 +1,7 @@
-import { defineComponent as f, computed as m, ref as r, onMounted as y, nextTick as v, onUnmounted as M, watch as u, createElementBlock as L, openBlock as B } from "vue";
-import { LeafletMap as s } from "@unovis/ts";
-import { useForwardProps as b, arePropsEqual as g } from "../../utils/props.js";
-const F = s.selectors, w = /* @__PURE__ */ f({
+import { defineComponent as y, computed as m, ref as r, onMounted as f, nextTick as F, onUnmounted as g, watch as p, createElementBlock as v, openBlock as S } from "vue";
+import { LeafletMap as c } from "@unovis/ts";
+import { useForwardProps as M, arePropsEqual as b } from "../../utils/props.js";
+const k = c.selectors, C = /* @__PURE__ */ y({
   __name: "index",
   props: {
     width: {},
@@ -25,23 +25,23 @@ const F = s.selectors, w = /* @__PURE__ */ f({
     onMapZoomStart: { type: Function },
     onMapZoomEnd: { type: Function },
     onMapClick: { type: Function },
-    pointLongitude: {},
-    pointLatitude: {},
-    pointId: {},
-    pointShape: {},
-    pointColor: {},
-    pointRadius: {},
-    pointLabel: {},
-    pointLabelColor: {},
-    pointBottomLabel: {},
-    pointCursor: {},
+    pointLongitude: { type: [Function, Number, null] },
+    pointLatitude: { type: [Function, Number, null] },
+    pointId: { type: [Function, String, null] },
+    pointShape: { type: [Function, String, 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: {},
-    clusterRadius: {},
-    clusterLabel: {},
-    clusterLabelColor: {},
-    clusterBottomLabel: {},
+    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 },
@@ -55,32 +55,32 @@ const F = s.selectors, w = /* @__PURE__ */ f({
     attributes: {},
     data: {}
   },
-  setup(c, { expose: d }) {
-    const i = c, o = m(() => i.data), n = b(i), t = r(), a = r();
-    return y(() => {
-      v(() => {
-        a.value && (t.value = new s(a.value, n.value, o.value));
+  setup(s, { expose: d }) {
+    const l = s, e = m(() => l.data), o = M(l), n = r(), i = r();
+    return f(() => {
+      F(() => {
+        i.value && (n.value = new c(i.value, o.value, e.value));
       });
-    }), M(() => {
-      var e;
-      (e = t.value) == null || e.destroy();
-    }), u(n, (e, l) => {
-      var p;
-      g(e, l) || (p = t.value) == null || p.setConfig(n.value);
-    }), u(o, () => {
-      var e;
-      (e = t.value) == null || e.setData(o.value);
+    }), g(() => {
+      var t;
+      (t = n.value) == null || t.destroy();
+    }), p(o, (t, u) => {
+      var a;
+      b(t, u) || (a = n.value) == null || a.setConfig(o.value);
+    }), p(e, () => {
+      var t;
+      (t = n.value) == null || t.setData(e.value);
     }), d({
-      component: t
-    }), (e, l) => (B(), L("div", {
+      component: n
+    }), (t, u) => (S(), v("div", {
       "data-vis-leaflet-map": "",
       ref_key: "elRef",
-      ref: a
+      ref: i
     }, null, 512));
   }
 });
 export {
-  F as VisLeafletMapSelectors,
-  w as default
+  k as VisLeafletMapSelectors,
+  C 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"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum extends GenericDataRecord\">\n// !!! This code was automatically generated. You should not change it !!!\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 \ntype Props = LeafletMapConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\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\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisLeafletMapSelectors = LeafletMap.selectors\n</script>\n\n<template>\n  <div data-vis-leaflet-map ref=\"elRef\"/>\n</template>\n\n\n<style>\n  [data-vis-leaflet-map] {\n    display:block;\n    position:relative;\n  }\n</style>\n"],"names":["VisLeafletMapSelectors","LeafletMap","props","__props","data","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose"],"mappings":";;;AAiDO,MAAMA,IAAyBC,EAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAxCjD,UAAMC,IAAQC,GAERC,IAAOC,EAAS,MAAMH,EAAM,IAAI,GAEhCI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAuB,GACnCC,IAAQD,EAAoB;AAElC,WAAAE,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAGF,EAAM,UACCF,EAAA,QAAQ,IAAIP,EAAkBS,EAAM,OAAOJ,EAAO,OAAOF,EAAK,KAAK;AAAA,MAAA,CAG9E;AAAA,IAAA,CACF,GAEDS,EAAY,MAAM;;AAChB,OAAAC,IAAAN,EAAU,UAAV,QAAAM,EAAiB;AAAA,IAAQ,CAE1B,GAEKC,EAAAT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBH,IAAAN,EAAA,UAAA,QAAAM,EAAO,UAAUR,EAAO;AAAA,IACpC,CACD,GAEDS,EAAMX,GAAM,MAAM;;AACN,OAAAU,IAAAN,EAAA,UAAA,QAAAM,EAAO,QAAQV,EAAK;AAAA,IAAK,CACpC,GAEYe,EAAA;AAAA,MACX,WAAAX;AAAA,IAAA,CACD;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/html-components/leaflet-map/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum extends GenericDataRecord\">\n// !!! This code was automatically generated. You should not change it !!!\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 \ntype Props = LeafletMapConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\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\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisLeafletMapSelectors = LeafletMap.selectors\n</script>\n\n<template>\n  <div data-vis-leaflet-map ref=\"elRef\"/>\n</template>\n\n\n<style>\n  [data-vis-leaflet-map] {\n    display:block;\n    position:relative;\n  }\n</style>\n"],"names":["VisLeafletMapSelectors","LeafletMap","props","__props","data","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose","_createElementBlock"],"mappings":";;;AAiDO,MAAMA,IAAyBC,EAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAxCjD,UAAMC,IAAQC,GAERC,IAAOC,EAAS,MAAMH,EAAM,IAAI,GAEhCI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAA,GACZC,IAAQD,EAAA;AAEd,WAAAE,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAGF,EAAM,UACTF,EAAU,QAAQ,IAAIP,EAAkBS,EAAM,OAAOJ,EAAO,OAAOF,EAAK,KAAK;AAAA,MAG/E,CAAC;AAAA,IACH,CAAC,GAEDS,EAAY,MAAM;;AAChB,OAAAC,IAAAN,EAAU,UAAV,QAAAM,EAAiB;AAAA,IAEnB,CAAC,GAEDC,EAAMT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BH,IAAAN,EAAU,UAAV,QAAAM,EAAiB,UAAUR,EAAO;AAAA,IAEtC,CAAC,GAEDS,EAAMX,GAAM,MAAM;;AAChB,OAAAU,IAAAN,EAAU,UAAV,QAAAM,EAAiB,QAAQV,EAAK;AAAA,IAChC,CAAC,GAEDe,EAAa;AAAA,MACX,WAAAX;AAAA,IAAA,CACD,mBAQCY,EAAuC,OAAA;AAAA,MAAlC,wBAAA;AAAA,eAAyB;AAAA,MAAJ,KAAIV;AAAA,IAAA;;;"}

package/html-components/rolling-pin-legend/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/html-components/rolling-pin-legend/index.vue"],"sourcesContent":["<script setup lang=\"ts\" >\n// !!! This code was automatically generated. You should not change it !!!\nimport { RollingPinLegend, RollingPinLegendConfigInterface, RollingPinLegendItem } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \ntype Props = RollingPinLegendConfigInterface\nconst props = defineProps<Props & { data?: null }>()\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<RollingPinLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  nextTick(() => {\n    if(elRef.value)\n    component.value = new RollingPinLegend(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?.setConfig(config.value)\n  }\n})\n\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisRollingPinLegendSelectors = RollingPinLegend.selectors\n</script>\n\n<template>\n  <div data-vis-rolling-pin-legend ref=\"elRef\"/>\n</template>\n\n\n<style>\n  [data-vis-rolling-pin-legend] {\n    display:block;\n  }\n</style>\n"],"names":["VisRollingPinLegendSelectors","RollingPinLegend","props","__props","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose"],"mappings":"8LA8CaA,EAA+BC,EAAAA,iBAAiB,0MArC7D,MAAMC,EAAQC,EAEDC,EAAA,SAAS,IAAMF,EAAM,IAAI,EAEhC,MAAAG,EAASC,kBAAgBJ,CAAK,EAG9BK,EAAYC,EAAAA,IAAsB,EAClCC,EAAQD,EAAAA,IAAoB,EAElCE,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACVF,EAAM,QACTF,EAAU,MAAQ,IAAIN,EAAA,iBAAiBQ,EAAM,MAAOJ,EAAO,KAAK,EAAA,CAGjE,CAAA,CACF,EAEDO,EAAAA,YAAY,IAAM,QAChBC,EAAAN,EAAU,QAAV,MAAAM,EAAiB,SAAQ,CAE1B,EAEKC,EAAAA,MAAAT,EAAQ,CAACU,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBH,EAAAN,EAAA,QAAA,MAAAM,EAAO,UAAUR,EAAO,MACpC,CACD,EAGYa,EAAA,CACX,UAAAX,CAAA,CACD"}
+{"version":3,"file":"index.cjs","sources":["../../../src/html-components/rolling-pin-legend/index.vue"],"sourcesContent":["<script setup lang=\"ts\" >\n// !!! This code was automatically generated. You should not change it !!!\nimport { RollingPinLegend, RollingPinLegendConfigInterface, RollingPinLegendItem } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \ntype Props = RollingPinLegendConfigInterface\nconst props = defineProps<Props & { data?: null }>()\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<RollingPinLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  nextTick(() => {\n    if(elRef.value)\n    component.value = new RollingPinLegend(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?.setConfig(config.value)\n  }\n})\n\n\ndefineExpose({\n  component\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisRollingPinLegendSelectors = RollingPinLegend.selectors\n</script>\n\n<template>\n  <div data-vis-rolling-pin-legend ref=\"elRef\"/>\n</template>\n\n\n<style>\n  [data-vis-rolling-pin-legend] {\n    display:block;\n  }\n</style>\n"],"names":["VisRollingPinLegendSelectors","RollingPinLegend","props","__props","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose","_createElementBlock"],"mappings":"8LA8CaA,EAA+BC,EAAAA,iBAAiB,0MArC7D,MAAMC,EAAQC,EAEDC,EAAAA,SAAS,IAAMF,EAAM,IAAI,EAEtC,MAAMG,EAASC,EAAAA,gBAAgBJ,CAAK,EAG9BK,EAAYC,EAAAA,IAAA,EACZC,EAAQD,EAAAA,IAAA,EAEdE,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACVF,EAAM,QACTF,EAAU,MAAQ,IAAIN,EAAAA,iBAAiBQ,EAAM,MAAOJ,EAAO,KAAK,EAGlE,CAAC,CACH,CAAC,EAEDO,EAAAA,YAAY,IAAM,QAChBC,EAAAN,EAAU,QAAV,MAAAM,EAAiB,SAEnB,CAAC,EAEDC,EAAAA,MAAMT,EAAQ,CAACU,EAAMC,IAAS,OACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BH,EAAAN,EAAU,QAAV,MAAAM,EAAiB,UAAUR,EAAO,MAEtC,CAAC,EAGDa,EAAa,CACX,UAAAX,CAAA,CACD,wBAQCY,EAAAA,mBAA8C,MAAA,CAAzC,8BAAA,WAAgC,QAAJ,IAAIV,CAAA"}