@unovis/vue 1.7.0-pre.1 → 1.7.0

package/components/tooltip/index.d.ts

@@ -1,100 +1,20 @@
-import { Tooltip } from '@unovis/ts';
-export declare const VisTooltipSelectors: typeof import("@unovis/ts/dist/components/tooltip/style");
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    components: {
-        type: import("vue").PropType<import("@unovis/ts").ComponentCore<unknown, import("@unovis/ts").ComponentConfigInterface>[]>;
-    };
-    container: {
-        type: import("vue").PropType<HTMLElement>;
-    };
-    followCursor: {
-        type: import("vue").PropType<boolean>;
-    };
-    allowHover: {
-        type: import("vue").PropType<boolean>;
-    };
-    horizontalPlacement: {
-        type: import("vue").PropType<string>;
-    };
-    horizontalShift: {
-        type: import("vue").PropType<number>;
-    };
-    verticalPlacement: {
-        type: import("vue").PropType<string>;
-    };
-    verticalShift: {
-        type: import("vue").PropType<number>;
-    };
-    triggers: {
-        type: import("vue").PropType<{
-            [selector: string]: (data: any, i: number, elements: (SVGElement | HTMLElement)[]) => string | void | HTMLElement;
-        }>;
-    };
-    attributes: {
-        type: import("vue").PropType<{
-            [attr: string]: string | number | boolean;
-        }>;
-    };
-    className: {
-        type: import("vue").PropType<string>;
-    };
-    hideDelay: {
-        type: import("vue").PropType<number>;
-    };
-    showDelay: {
-        type: import("vue").PropType<number>;
-    };
-    data: {
-        type: import("vue").PropType<never>;
-    };
-}>, {
-    component: import("vue").Ref<Tooltip, Tooltip>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    components: {
-        type: import("vue").PropType<import("@unovis/ts").ComponentCore<unknown, import("@unovis/ts").ComponentConfigInterface>[]>;
-    };
-    container: {
-        type: import("vue").PropType<HTMLElement>;
-    };
-    followCursor: {
-        type: import("vue").PropType<boolean>;
-    };
-    allowHover: {
-        type: import("vue").PropType<boolean>;
-    };
-    horizontalPlacement: {
-        type: import("vue").PropType<string>;
-    };
-    horizontalShift: {
-        type: import("vue").PropType<number>;
-    };
-    verticalPlacement: {
-        type: import("vue").PropType<string>;
-    };
-    verticalShift: {
-        type: import("vue").PropType<number>;
-    };
-    triggers: {
-        type: import("vue").PropType<{
-            [selector: string]: (data: any, i: number, elements: (SVGElement | HTMLElement)[]) => string | void | HTMLElement;
-        }>;
-    };
-    attributes: {
-        type: import("vue").PropType<{
-            [attr: string]: string | number | boolean;
-        }>;
-    };
-    className: {
-        type: import("vue").PropType<string>;
-    };
-    hideDelay: {
-        type: import("vue").PropType<number>;
-    };
-    showDelay: {
-        type: import("vue").PropType<number>;
-    };
-    data: {
-        type: import("vue").PropType<never>;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+import { TooltipConfigInterface, Tooltip } from '@unovis/ts';
+
+export declare const VisTooltipSelectors: typeof import("@unovis/ts/components/tooltip/style");
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TooltipConfigInterface & {
+    data?: null;
+}>>, {
+    component: import('vue').Ref<Tooltip, Tooltip>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TooltipConfigInterface & {
+    data?: null;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/components/tooltip/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as i, inject as p, ref as m, onMounted as u, nextTick as d, onUnmounted as f, watch as v, createElementBlock as h, openBlock as _ } from "vue";
-import { Tooltip as s } from "@unovis/ts";
-import { useForwardProps as y, arePropsEqual as w } from "../../utils/props.js";
-import { tooltipAccessorKey as x } from "../../utils/context.js";
-const g = { "data-vis-tooltip": "" }, T = s.selectors, z = /* @__PURE__ */ i({
+import { defineComponent as i, inject as p, ref as m, onMounted as u, nextTick as d, onUnmounted as f, watch as v, openBlock as h, createElementBlock as _ } from "vue";
+import { Tooltip as a } from "@unovis/ts";
+import { tooltipAccessorKey as y } from "../../utils/context.js";
+import { useForwardProps as w, arePropsEqual as x } from "../../utils/props.js";
+const g = { "data-vis-tooltip": "" }, S = a.selectors, T = /* @__PURE__ */ i({
   __name: "index",
   props: {
     components: {},
@@ -20,25 +20,23 @@ const g = { "data-vis-tooltip": "" }, T = s.selectors, z = /* @__PURE__ */ i({
     showDelay: {},
     data: {}
   },
-  setup(c, { expose: l }) {
-    const r = p(x), t = y(c), o = m();
+  setup(s, { expose: l }) {
+    const c = s, t = p(y), o = w(c), e = m();
     return u(() => {
       d(() => {
-        o.value = new s(t.value), r.update(o.value);
+        e.value = new a(o.value), t.update(e.value);
       });
     }), f(() => {
-      var e;
-      (e = o.value) == null || e.destroy(), r.destroy();
-    }), v(t, (e, n) => {
-      var a;
-      w(e, n) || (a = o.value) == null || a.setConfig(t.value);
+      e.value?.destroy(), t.destroy();
+    }), v(o, (r, n) => {
+      x(r, n) || (e.value?.setConfig(o.value), e.value?.render());
     }), l({
-      component: o
-    }), (e, n) => (_(), h("div", g));
+      component: e
+    }), (r, n) => (h(), _("div", g));
   }
 });
 export {
-  T as VisTooltipSelectors,
-  z as default
+  S as VisTooltipSelectors,
+  T as default
 };
 //# sourceMappingURL=index.js.map

package/components/tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/tooltip/index.vue"],"sourcesContent":["<script setup lang=\"ts\" >\n// !!! This code was automatically generated. You should not change it !!!\nimport { Tooltip, TooltipConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { tooltipAccessorKey } from '../../utils/context'\n\nconst accessor = inject(tooltipAccessorKey)\n\n// data and required props \ntype Props = TooltipConfigInterface\nconst props = defineProps<Props & { data?: null }>()\n\n\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Tooltip>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Tooltip(config.value)\n    \n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\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 VisTooltipSelectors = Tooltip.selectors\n</script>\n\n<template>\n  <div data-vis-tooltip />\n</template>\n\n\n"],"names":["VisTooltipSelectors","Tooltip","accessor","inject","tooltipAccessorKey","config","useForwardProps","__props","component","ref","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose"],"mappings":";;;;sCA+CaA,IAAsBC,EAAQ;;;;;;;;;;;;;;;;;;;AAxCrC,UAAAC,IAAWC,EAAOC,CAAkB,GAQpCC,IAASC,EAJDC,CAIsB,GAG9BC,IAAYC,EAAa;AAG/B,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAAH,EAAU,QAAQ,IAAIP,EAAQI,EAAO,KAAK,GAEjCH,EAAA,OAAOM,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDI,EAAY,MAAM;;AAChB,OAAAC,IAAAL,EAAU,UAAV,QAAAK,EAAiB,WACjBX,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKY,EAAAT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBH,IAAAL,EAAA,UAAA,QAAAK,EAAO,UAAUR,EAAO;AAAA,IACpC,CACD,GAGYa,EAAA;AAAA,MACX,WAAAV;AAAA,IAAA,CACD;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/tooltip/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { TooltipConfigInterface } from '@unovis/ts'\nimport { Tooltip } from '@unovis/ts'\nimport { inject, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { tooltipAccessorKey } from '../../utils/context'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\nconst props = defineProps<Props & { data?: null }>()\n\nconst accessor = inject(tooltipAccessorKey)\n\n// data and required props\ntype Props = TooltipConfigInterface\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Tooltip>()\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Tooltip(config.value)\n\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n    component.value?.render()\n  }\n})\n\ndefineExpose({\n  component,\n})\n</script>\n\n<script lang=\"ts\">\nexport const VisTooltipSelectors = Tooltip.selectors\n</script>\n\n<template>\n  <div data-vis-tooltip />\n</template>\n"],"names":["VisTooltipSelectors","Tooltip","props","__props","accessor","inject","tooltipAccessorKey","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;sCA8CaA,IAAsBC,EAAQ;;;;;;;;;;;;;;;;;;;AAtC3C,UAAMC,IAAQC,GAERC,IAAWC,EAAOC,CAAkB,GAKpCC,IAASC,EAAgBN,CAAK,GAG9BO,IAAYC,EAAA;AAElB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAAH,EAAU,QAAQ,IAAIR,EAAQM,EAAO,KAAK,GAE1CH,EAAS,OAAOK,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDI,EAAY,MAAM;AAChB,MAAAJ,EAAU,OAAO,QAAA,GACjBL,EAAS,QAAA;AAAA,IACX,CAAC,GAEDU,EAAMP,GAAQ,CAACQ,GAAMC,MAAS;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BP,EAAU,OAAO,UAAUF,EAAO,KAAK,GACvCE,EAAU,OAAO,OAAA;AAAA,IAErB,CAAC,GAEDS,EAAa;AAAA,MACX,WAAAT;AAAA,IAAA,CACD,cAQCU,EAAA,GAAAC,EAAwB,OAAxBC,CAAwB;AAAA;;"}

package/components/topojson-map/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),c=require("@unovis/ts"),u=require("../../utils/props.cjs"),m=require("../../utils/context.cjs"),v={"data-vis-component":""},h=c.TopoJSONMap.selectors,y=o.defineComponent({__name:"index",props:{projection:{type:[Function,Object]},topojson:{},mapFeatureName:{},mapFitToPoints:{type:Boolean},zoomFactor:{},disableZoom:{type:Boolean},zoomExtent:{},zoomDuration:{},linkWidth:{},linkColor:{},linkCursor:{},linkId:{},linkSource:{type:Function},linkTarget:{type:Function},areaId:{},areaColor:{},areaCursor:{},pointColor:{},pointRadius:{},pointStrokeWidth:{},pointCursor:{},longitude:{},latitude:{},pointLabel:{},pointLabelPosition:{},pointLabelTextBrightnessRatio:{},pointId:{type:Function},heatmapMode:{type:Boolean},heatmapModeBlurStdDeviation:{},heatmapModeZoomLevelThreshold:{},duration:{},events:{},attributes:{},data:{}},setup(l,{expose:d}){const n=o.inject(m.componentAccessorKey),i=l,a=o.computed(()=>n.data.value??i.data),r=u.useForwardProps(i),t=o.ref();return o.onMounted(()=>{o.nextTick(()=>{var e;t.value=new c.TopoJSONMap(r.value),(e=t.value)==null||e.setData(a.value),n.update(t.value)})}),o.onUnmounted(()=>{var e;(e=t.value)==null||e.destroy(),n.destroy()}),o.watch(r,(e,s)=>{var p;u.arePropsEqual(e,s)||(p=t.value)==null||p.setConfig(r.value)}),o.watch(a,()=>{var e;(e=t.value)==null||e.setData(a.value)}),d({component:t}),(e,s)=>(o.openBlock(),o.createElementBlock("div",v))}});exports.VisTopoJSONMapSelectors=h;exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),c=require("@unovis/ts"),y=require("../../utils/context.cjs"),a=require("../../utils/props.cjs"),d={"data-vis-component":""},F=c.TopoJSONMap.selectors,m=t.defineComponent({__name:"index",props:{projection:{type:[Function,Object]},topojson:{},mapFeatureName:{},mapFitToPoints:{type:Boolean},zoomFactor:{},zoomToLocation:{},disableZoom:{type:Boolean},zoomExtent:{},zoomDuration:{},linkWidth:{type:[Function,Number,null]},linkColor:{type:[Function,String,Array,null]},linkCursor:{type:[Function,String,null]},linkId:{type:[Function,String,null]},linkSource:{type:Function},linkTarget:{type:Function},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]},enableFlowAnimation:{type:Boolean},onSourcePointClick:{type:Function},onSourcePointMouseEnter:{type:Function},onSourcePointMouseLeave:{type:Function},areaId:{type:[Function,String,null]},areaColor:{type:[Function,String,Array,null]},areaCursor:{type:[Function,String,null]},areaLabel:{type:[Function,String,null]},pointColor:{type:[Function,String,Array,null]},pointRadius:{type:[Function,Number,null]},pointStrokeWidth:{type:[Function,Number,null]},pointShape:{type:[Function,String,null]},pointRingWidth:{type:[Function,Number,null]},pointCursor:{type:[Function,String,null]},longitude:{type:[Function,Number,null]},latitude:{type:[Function,Number,null]},pointLabel:{type:[Function,String,null]},pointLabelColor:{type:[Function,String,Array,null]},pointLabelPosition:{},pointBottomLabel:{type:[Function,String,null]},pointLabelTextBrightnessRatio:{},pointId:{type:Function},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:{},clustering:{type:Boolean},heatmapMode:{type:Boolean},heatmapModeBlurStdDeviation:{},heatmapModeZoomLevelThreshold:{},colorMap:{},duration:{},events:{},attributes:{},data:{}},setup(p,{expose:s}){const l=p,e=t.inject(y.componentAccessorKey),o=t.computed(()=>e.data.value??l.data),u=a.useForwardProps(l),n=t.ref();return t.onMounted(()=>{t.nextTick(()=>{n.value=new c.TopoJSONMap(u.value),n.value?.setData(o.value),e.update(n.value)})}),t.onUnmounted(()=>{n.value?.destroy(),e.destroy()}),t.watch(u,(i,r)=>{a.arePropsEqual(i,r)||(n.value?.setConfig(u.value),n.value?.render())}),t.watch(o,()=>{n.value?.setData(o.value)}),s({component:n}),(i,r)=>(t.openBlock(),t.createElementBlock("div",d))}});exports.VisTopoJSONMapSelectors=F;exports.default=m;
 //# sourceMappingURL=index.cjs.map

package/components/topojson-map/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/topojson-map/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"AreaDatum,PointDatum,LinkDatum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { TopoJSONMap, TopoJSONMapConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = TopoJSONMapConfigInterface<AreaDatum, PointDatum, LinkDatum>\nconst props = defineProps<Props & { data?: {areas?: AreaDatum[]; points?: PointDatum[]; links?: LinkDatum[]} }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<TopoJSONMap<AreaDatum, PointDatum, LinkDatum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new TopoJSONMap<AreaDatum, PointDatum, LinkDatum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\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 VisTopoJSONMapSelectors = TopoJSONMap.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisTopoJSONMapSelectors","TopoJSONMap","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"mappings":"+PAkDaA,EAA0BC,EAAAA,YAAY,2rBA3C7C,MAAAC,EAAWC,SAAOC,sBAAoB,EAItCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,kBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAmD,EAGrEC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,cAA8CQ,EAAO,KAAK,GACtEM,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,OACrBL,EAAA,OAAOS,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBb,EAAS,QAAQ,CAAA,CAClB,EAEKe,EAAAA,MAAAR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBJ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,UAAUN,EAAO,MACpC,CACD,EAEDQ,EAAA,MAAMV,EAAM,IAAM,QACNQ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,MAAK,CACpC,EAEYc,EAAA,CACX,UAAAV,CAAA,CACD"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/topojson-map/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"AreaDatum, PointDatum, LinkDatum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { TopoJSONMapConfigInterface } from '@unovis/ts'\nimport { TopoJSONMap } from '@unovis/ts'\nimport { computed, inject, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { componentAccessorKey } from '../../utils/context'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\nconst props = defineProps<Props & { data?: { areas?: AreaDatum[], points?: PointDatum[], links?: LinkDatum[] } }>()\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\ntype Props = TopoJSONMapConfigInterface<AreaDatum, PointDatum, LinkDatum>\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<TopoJSONMap<AreaDatum, PointDatum, LinkDatum>>()\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new TopoJSONMap<AreaDatum, PointDatum, LinkDatum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n    component.value?.render()\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 VisTopoJSONMapSelectors = TopoJSONMap.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n"],"names":["VisTopoJSONMapSelectors","TopoJSONMap","props","__props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PAmDaA,EAA0BC,EAAAA,YAAY,kzEA3CnD,MAAMC,EAAQC,EAERC,EAAWC,EAAAA,OAAOC,sBAAoB,EAItCC,EAAOC,EAAAA,SAAS,IAAMJ,EAAS,KAAK,OAASF,EAAM,IAAI,EAEvDO,EAASC,EAAAA,gBAAgBR,CAAK,EAG9BS,EAAYC,EAAAA,IAAA,EAElBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACbH,EAAU,MAAQ,IAAIV,cAA8CQ,EAAO,KAAK,EAChFE,EAAU,OAAO,QAAQJ,EAAK,KAAK,EACnCH,EAAS,OAAOO,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDI,EAAAA,YAAY,IAAM,CAChBJ,EAAU,OAAO,QAAA,EACjBP,EAAS,QAAA,CACX,CAAC,EAEDY,EAAAA,MAAMP,EAAQ,CAACQ,EAAMC,IAAS,CACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BP,EAAU,OAAO,UAAUF,EAAO,KAAK,EACvCE,EAAU,OAAO,OAAA,EAErB,CAAC,EAEDK,EAAAA,MAAMT,EAAM,IAAM,CAChBI,EAAU,OAAO,QAAQJ,EAAK,KAAK,CACrC,CAAC,EAEDa,EAAa,CACX,UAAAT,CAAA,CACD,UAQCU,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}

package/components/topojson-map/index.d.ts

@@ -1,89 +1,23 @@
-import { TopoJSONMap } from '@unovis/ts';
-export declare const VisTopoJSONMapSelectors: typeof import("@unovis/ts/dist/components/topojson-map/style");
-declare const _default: <AreaDatum, PointDatum, LinkDatum>(__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 { TopoJSONMapConfigInterface, TopoJSONMap } from '@unovis/ts';
+
+export declare const VisTopoJSONMapSelectors: typeof import("@unovis/ts/components/topojson-map/style");
+declare const _default: <AreaDatum, PointDatum, LinkDatum>(__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>) & (TopoJSONMapConfigInterface<AreaDatum, PointDatum, LinkDatum> & {
         data?: {
             areas?: AreaDatum[];
             points?: PointDatum[];
             links?: LinkDatum[];
         };
-        linkColor?: import("@unovis/ts").ColorAccessor<LinkDatum>;
-        disableZoom?: boolean;
-        linkWidth?: import("@unovis/ts").NumericAccessor<LinkDatum>;
-        zoomExtent?: number[];
-        linkCursor?: import("@unovis/ts").StringAccessor<LinkDatum>;
-        projection?: import("d3-geo").GeoProjection;
-        topojson?: import("topojson-specification").Topology<import("topojson-specification").Objects<{
-            [name: string]: any;
-        }>>;
-        mapFeatureName?: string;
-        mapFitToPoints?: boolean;
-        zoomFactor?: number;
-        zoomDuration?: number;
-        linkId?: import("@unovis/ts").StringAccessor<LinkDatum>;
-        linkSource?: (l: LinkDatum) => string | number | PointDatum;
-        linkTarget?: (l: LinkDatum) => string | number | PointDatum;
-        areaId?: import("@unovis/ts").StringAccessor<AreaDatum>;
-        areaColor?: import("@unovis/ts").ColorAccessor<AreaDatum>;
-        areaCursor?: import("@unovis/ts").StringAccessor<AreaDatum>;
-        pointColor?: import("@unovis/ts").ColorAccessor<PointDatum>;
-        pointRadius?: import("@unovis/ts").NumericAccessor<PointDatum>;
-        pointStrokeWidth?: import("@unovis/ts").NumericAccessor<PointDatum>;
-        pointCursor?: import("@unovis/ts").StringAccessor<PointDatum>;
-        longitude?: import("@unovis/ts").NumericAccessor<PointDatum>;
-        latitude?: import("@unovis/ts").NumericAccessor<PointDatum>;
-        pointLabel?: import("@unovis/ts").StringAccessor<PointDatum>;
-        pointLabelPosition?: import("@unovis/ts").MapPointLabelPosition;
-        pointLabelTextBrightnessRatio?: number;
-        pointId?: (d: PointDatum, i: number) => string;
-        heatmapMode?: boolean;
-        heatmapModeBlurStdDeviation?: number;
-        heatmapModeZoomLevelThreshold?: number;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{
-        component: import("vue").Ref<TopoJSONMap<AreaDatum, PointDatum, LinkDatum>, TopoJSONMap<AreaDatum, PointDatum, LinkDatum>>;
+    }), 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<TopoJSONMap<AreaDatum, PointDatum, LinkDatum>, TopoJSONMap<AreaDatum, PointDatum, LinkDatum>>;
     }>): 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/components/topojson-map/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as d, inject as m, computed as v, ref as f, onMounted as h, nextTick as k, onUnmounted as y, watch as s, createElementBlock as C, openBlock as F } from "vue";
-import { TopoJSONMap as l } from "@unovis/ts";
-import { useForwardProps as _, arePropsEqual as x } from "../../utils/props.js";
-import { componentAccessorKey as B } from "../../utils/context.js";
-const T = { "data-vis-component": "" }, j = l.selectors, D = /* @__PURE__ */ d({
+import { defineComponent as s, inject as y, computed as m, ref as F, onMounted as d, nextTick as g, onUnmounted as S, watch as r, openBlock as b, createElementBlock as v } from "vue";
+import { TopoJSONMap as a } from "@unovis/ts";
+import { componentAccessorKey as N } from "../../utils/context.js";
+import { useForwardProps as L, arePropsEqual as f } from "../../utils/props.js";
+const C = { "data-vis-component": "" }, A = a.selectors, M = /* @__PURE__ */ s({
   __name: "index",
   props: {
     projection: { type: [Function, Object] },
@@ -10,59 +10,86 @@ const T = { "data-vis-component": "" }, j = l.selectors, D = /* @__PURE__ */ d({
     mapFeatureName: {},
     mapFitToPoints: { type: Boolean },
     zoomFactor: {},
+    zoomToLocation: {},
     disableZoom: { type: Boolean },
     zoomExtent: {},
     zoomDuration: {},
-    linkWidth: {},
-    linkColor: {},
-    linkCursor: {},
-    linkId: {},
+    linkWidth: { type: [Function, Number, null] },
+    linkColor: { type: [Function, String, Array, null] },
+    linkCursor: { type: [Function, String, null] },
+    linkId: { type: [Function, String, null] },
     linkSource: { type: Function },
     linkTarget: { type: Function },
-    areaId: {},
-    areaColor: {},
-    areaCursor: {},
-    pointColor: {},
-    pointRadius: {},
-    pointStrokeWidth: {},
-    pointCursor: {},
-    longitude: {},
-    latitude: {},
-    pointLabel: {},
+    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] },
+    enableFlowAnimation: { type: Boolean },
+    onSourcePointClick: { type: Function },
+    onSourcePointMouseEnter: { type: Function },
+    onSourcePointMouseLeave: { type: Function },
+    areaId: { type: [Function, String, null] },
+    areaColor: { type: [Function, String, Array, null] },
+    areaCursor: { type: [Function, String, null] },
+    areaLabel: { type: [Function, String, null] },
+    pointColor: { type: [Function, String, Array, null] },
+    pointRadius: { type: [Function, Number, null] },
+    pointStrokeWidth: { type: [Function, Number, null] },
+    pointShape: { type: [Function, String, null] },
+    pointRingWidth: { type: [Function, Number, null] },
+    pointCursor: { type: [Function, String, null] },
+    longitude: { type: [Function, Number, null] },
+    latitude: { type: [Function, Number, null] },
+    pointLabel: { type: [Function, String, null] },
+    pointLabelColor: { type: [Function, String, Array, null] },
     pointLabelPosition: {},
+    pointBottomLabel: { type: [Function, String, null] },
     pointLabelTextBrightnessRatio: {},
     pointId: { type: Function },
+    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: {},
+    clustering: { type: Boolean },
     heatmapMode: { type: Boolean },
     heatmapModeBlurStdDeviation: {},
     heatmapModeZoomLevelThreshold: {},
+    colorMap: {},
     duration: {},
     events: {},
     attributes: {},
     data: {}
   },
-  setup(c, { expose: u }) {
-    const t = m(B), i = c, a = v(() => t.data.value ?? i.data), n = _(i), e = f();
-    return h(() => {
-      k(() => {
-        var o;
-        e.value = new l(n.value), (o = e.value) == null || o.setData(a.value), t.update(e.value);
+  setup(c, { expose: p }) {
+    const u = c, n = y(N), e = m(() => n.data.value ?? u.data), o = L(u), t = F();
+    return d(() => {
+      g(() => {
+        t.value = new a(o.value), t.value?.setData(e.value), n.update(t.value);
       });
-    }), y(() => {
-      var o;
-      (o = e.value) == null || o.destroy(), t.destroy();
-    }), s(n, (o, r) => {
-      var p;
-      x(o, r) || (p = e.value) == null || p.setConfig(n.value);
-    }), s(a, () => {
-      var o;
-      (o = e.value) == null || o.setData(a.value);
-    }), u({
-      component: e
-    }), (o, r) => (F(), C("div", T));
+    }), S(() => {
+      t.value?.destroy(), n.destroy();
+    }), r(o, (l, i) => {
+      f(l, i) || (t.value?.setConfig(o.value), t.value?.render());
+    }), r(e, () => {
+      t.value?.setData(e.value);
+    }), p({
+      component: t
+    }), (l, i) => (b(), v("div", C));
   }
 });
 export {
-  j as VisTopoJSONMapSelectors,
-  D as default
+  A as VisTopoJSONMapSelectors,
+  M as default
 };
 //# sourceMappingURL=index.js.map

package/components/topojson-map/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/topojson-map/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"AreaDatum,PointDatum,LinkDatum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { TopoJSONMap, TopoJSONMapConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = TopoJSONMapConfigInterface<AreaDatum, PointDatum, LinkDatum>\nconst props = defineProps<Props & { data?: {areas?: AreaDatum[]; points?: PointDatum[]; links?: LinkDatum[]} }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<TopoJSONMap<AreaDatum, PointDatum, LinkDatum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new TopoJSONMap<AreaDatum, PointDatum, LinkDatum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\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 VisTopoJSONMapSelectors = TopoJSONMap.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisTopoJSONMapSelectors","TopoJSONMap","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"mappings":";;;;wCAkDaA,IAA0BC,EAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3C7C,UAAAC,IAAWC,EAAOC,CAAoB,GAItCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAmD;AAGrE,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAA8CQ,EAAO,KAAK,IACtEM,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK,QACrBL,EAAA,OAAOS,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDK,EAAY,MAAM;;AAChB,OAAAD,IAAAJ,EAAU,UAAV,QAAAI,EAAiB,WACjBb,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKe,EAAAR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBJ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,UAAUN,EAAO;AAAA,IACpC,CACD,GAEDQ,EAAMV,GAAM,MAAM;;AACN,OAAAQ,IAAAJ,EAAA,UAAA,QAAAI,EAAO,QAAQR,EAAK;AAAA,IAAK,CACpC,GAEYc,EAAA;AAAA,MACX,WAAAV;AAAA,IAAA,CACD;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/topojson-map/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"AreaDatum, PointDatum, LinkDatum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { TopoJSONMapConfigInterface } from '@unovis/ts'\nimport { TopoJSONMap } from '@unovis/ts'\nimport { computed, inject, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { componentAccessorKey } from '../../utils/context'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\nconst props = defineProps<Props & { data?: { areas?: AreaDatum[], points?: PointDatum[], links?: LinkDatum[] } }>()\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\ntype Props = TopoJSONMapConfigInterface<AreaDatum, PointDatum, LinkDatum>\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<TopoJSONMap<AreaDatum, PointDatum, LinkDatum>>()\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new TopoJSONMap<AreaDatum, PointDatum, LinkDatum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n    component.value?.render()\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 VisTopoJSONMapSelectors = TopoJSONMap.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n"],"names":["VisTopoJSONMapSelectors","TopoJSONMap","props","__props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;wCAmDaA,IAA0BC,EAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3CnD,UAAMC,IAAQC,GAERC,IAAWC,EAAOC,CAAoB,GAItCC,IAAOC,EAAS,MAAMJ,EAAS,KAAK,SAASF,EAAM,IAAI,GAEvDO,IAASC,EAAgBR,CAAK,GAG9BS,IAAYC,EAAA;AAElB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAA8CQ,EAAO,KAAK,GAChFE,EAAU,OAAO,QAAQJ,EAAK,KAAK,GACnCH,EAAS,OAAOO,EAAU,KAAK;AAAA,MACjC,CAAC;AAAA,IACH,CAAC,GAEDI,EAAY,MAAM;AAChB,MAAAJ,EAAU,OAAO,QAAA,GACjBP,EAAS,QAAA;AAAA,IACX,CAAC,GAEDY,EAAMP,GAAQ,CAACQ,GAAMC,MAAS;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MAC3BP,EAAU,OAAO,UAAUF,EAAO,KAAK,GACvCE,EAAU,OAAO,OAAA;AAAA,IAErB,CAAC,GAEDK,EAAMT,GAAM,MAAM;AAChB,MAAAI,EAAU,OAAO,QAAQJ,EAAK,KAAK;AAAA,IACrC,CAAC,GAEDa,EAAa;AAAA,MACX,WAAAT;AAAA,IAAA,CACD,cAQCU,EAAA,GAAAC,EAA0B,OAA1BC,CAA0B;AAAA;;"}

package/components/treemap/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),u=require("@unovis/ts"),c=require("../../utils/props.cjs"),m=require("../../utils/context.cjs"),v={"data-vis-component":""},b=u.Treemap.selectors,f=t.defineComponent({__name:"index",props:{id:{type:Function},value:{},layers:{},numberFormat:{type:Function},tileLabel:{type:Function},tileColor:{},tilePadding:{},tilePaddingTop:{},labelInternalNodes:{type:Boolean},labelOffsetX:{},labelOffsetY:{},labelFit:{},labelTrimMode:{},tileBorderRadius:{},tileBorderRadiusFactor:{},enableLightnessVariance:{type:Boolean},enableTileLabelFontSizeVariation:{type:Boolean},tileLabelSmallFontSize:{},tileLabelMediumFontSize:{},tileLabelLargeFontSize:{},showTileClickAffordance:{type:Boolean},lightnessVariationAmount:{},minTileSizeForLabel:{},duration:{},events:{},attributes:{},data:{}},setup(d,{expose:p}){const a=t.inject(m.componentAccessorKey),i=d,n=t.computed(()=>a.data.value??i.data),l=c.useForwardProps(i),o=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;o.value=new u.Treemap(l.value),(e=o.value)==null||e.setData(n.value),a.update(o.value)})}),t.onUnmounted(()=>{var e;(e=o.value)==null||e.destroy(),a.destroy()}),t.watch(l,(e,r)=>{var s;c.arePropsEqual(e,r)||(s=o.value)==null||s.setConfig(l.value)}),t.watch(n,()=>{var e;(e=o.value)==null||e.setData(n.value)}),p({component:o}),(e,r)=>(t.openBlock(),t.createElementBlock("div",v))}});exports.VisTreemapSelectors=b;exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("@unovis/ts"),d=require("../../utils/context.cjs"),s=require("../../utils/props.cjs"),m={"data-vis-component":""},v=u.Treemap.selectors,b=e.defineComponent({__name:"index",props:{id:{type:Function},value:{type:[Function,Number,null]},layers:{},numberFormat:{type:Function},tileLabel:{type:Function},tileColor:{type:[Function,String,Array,null]},tileFunction:{type:Function},tileSort:{type:[Function,null]},tilePadding:{},tilePaddingTop:{},tileShowHtmlTooltip:{type:Boolean},labelInternalNodes:{type:Boolean},labelOffsetX:{},labelOffsetY:{},labelFit:{},labelTrimMode:{},tileBorderRadius:{},tileBorderRadiusFactor:{},enableLightnessVariance:{type:Boolean},enableTileLabelFontSizeVariation:{type:Boolean},tileLabelSmallFontSize:{},tileLabelMediumFontSize:{},tileLabelLargeFontSize:{},showTileClickAffordance:{type:Boolean},lightnessVariationAmount:{},minTileSizeForLabel:{},duration:{},events:{},attributes:{},data:{}},setup(c,{expose:p}){const l=c,o=e.inject(d.componentAccessorKey),n=e.computed(()=>o.data.value??l.data),a=s.useForwardProps(l),t=e.ref();return e.onMounted(()=>{e.nextTick(()=>{t.value=new u.Treemap(a.value),t.value?.setData(n.value),o.update(t.value)})}),e.onUnmounted(()=>{t.value?.destroy(),o.destroy()}),e.watch(a,(i,r)=>{s.arePropsEqual(i,r)||(t.value?.setConfig(a.value),t.value?.render())}),e.watch(n,()=>{t.value?.setData(n.value)}),p({component:t}),(i,r)=>(e.openBlock(),e.createElementBlock("div",m))}});exports.VisTreemapSelectors=v;exports.default=b;
 //# sourceMappingURL=index.cjs.map

package/components/treemap/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/treemap/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Treemap, TreemapConfigInterface, StringAccessor } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props \ntype Props = TreemapConfigInterface<Datum>\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Treemap<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Treemap<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\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 VisTreemapSelectors = Treemap.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisTreemapSelectors","Treemap","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"mappings":"+PAkDaA,EAAsBC,EAAAA,QAAQ,8oBA3CrC,MAAAC,EAAWC,SAAOC,sBAAoB,EAItCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,kBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAoB,EAGtCC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,UAAeQ,EAAO,KAAK,GACvCM,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,OACrBL,EAAA,OAAOS,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDK,EAAAA,YAAY,IAAM,QAChBD,EAAAJ,EAAU,QAAV,MAAAI,EAAiB,UACjBb,EAAS,QAAQ,CAAA,CAClB,EAEKe,EAAAA,MAAAR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBJ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,UAAUN,EAAO,MACpC,CACD,EAEDQ,EAAA,MAAMV,EAAM,IAAM,QACNQ,EAAAJ,EAAA,QAAA,MAAAI,EAAO,QAAQR,EAAK,MAAK,CACpC,EAEYc,EAAA,CACX,UAAAV,CAAA,CACD"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/treemap/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { TreemapConfigInterface } from '@unovis/ts'\nimport { Treemap } from '@unovis/ts'\nimport { computed, inject, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { componentAccessorKey } from '../../utils/context'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\ntype Props = TreemapConfigInterface<Datum>\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Treemap<Datum>>()\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Treemap<Datum>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n    component.value?.render()\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 VisTreemapSelectors = Treemap.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n"],"names":["VisTreemapSelectors","Treemap","props","__props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"+PAmDaA,EAAsBC,EAAAA,QAAQ,0yBA3C3C,MAAMC,EAAQC,EAERC,EAAWC,EAAAA,OAAOC,sBAAoB,EAItCC,EAAOC,EAAAA,SAAS,IAAMJ,EAAS,KAAK,OAASF,EAAM,IAAI,EAEvDO,EAASC,EAAAA,gBAAgBR,CAAK,EAG9BS,EAAYC,EAAAA,IAAA,EAElBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACbH,EAAU,MAAQ,IAAIV,UAAeQ,EAAO,KAAK,EACjDE,EAAU,OAAO,QAAQJ,EAAK,KAAK,EACnCH,EAAS,OAAOO,EAAU,KAAK,CACjC,CAAC,CACH,CAAC,EAEDI,EAAAA,YAAY,IAAM,CAChBJ,EAAU,OAAO,QAAA,EACjBP,EAAS,QAAA,CACX,CAAC,EAEDY,EAAAA,MAAMP,EAAQ,CAACQ,EAAMC,IAAS,CACvBC,EAAAA,cAAcF,EAAMC,CAAI,IAC3BP,EAAU,OAAO,UAAUF,EAAO,KAAK,EACvCE,EAAU,OAAO,OAAA,EAErB,CAAC,EAEDK,EAAAA,MAAMT,EAAM,IAAM,CAChBI,EAAU,OAAO,QAAQJ,EAAK,KAAK,CACrC,CAAC,EAEDa,EAAa,CACX,UAAAT,CAAA,CACD,UAQCU,YAAA,EAAAC,qBAA0B,MAA1BC,CAA0B"}

package/components/treemap/index.d.ts

@@ -1,76 +1,19 @@
-import { Treemap, StringAccessor } from '@unovis/ts';
-export declare const VisTreemapSelectors: typeof import("@unovis/ts/dist/components/treemap/style");
-declare const _default: <Datum>(__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 { TreemapConfigInterface, Treemap } from '@unovis/ts';
+
+export declare const VisTreemapSelectors: typeof import("@unovis/ts/components/treemap/style");
+declare const _default: <Datum>(__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>) & (TreemapConfigInterface<Datum> & {
         data?: Datum[];
-        id?: (d: Datum, i: number) => string | number;
-        value?: import("@unovis/ts").NumericAccessor<Datum>;
-        layers: StringAccessor<Datum>[];
-        labelOffsetX?: number;
-        labelOffsetY?: number;
-        labelFit?: import("@unovis/ts").FitMode;
-        labelTrimMode?: import("@unovis/ts").TrimMode;
-        numberFormat?: (value: number) => string;
-        tileLabel?: (node: import("@unovis/ts").TreemapNode<Datum>) => string;
-        tileColor?: import("@unovis/ts").ColorAccessor<import("@unovis/ts").TreemapNode<Datum>>;
-        tilePadding?: number;
-        tilePaddingTop?: number;
-        labelInternalNodes?: boolean;
-        tileBorderRadius?: number;
-        tileBorderRadiusFactor?: number;
-        enableLightnessVariance?: boolean;
-        enableTileLabelFontSizeVariation?: boolean;
-        tileLabelSmallFontSize?: number;
-        tileLabelMediumFontSize?: number;
-        tileLabelLargeFontSize?: number;
-        showTileClickAffordance?: boolean;
-        lightnessVariationAmount?: number;
-        minTileSizeForLabel?: number;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{
-        component: import("vue").Ref<Treemap<Datum>, Treemap<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<Treemap<Datum>, Treemap<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;