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

package/containers/xy-container/index.d.ts

@@ -1,9 +1,40 @@
-import { XYContainer, XYContainerConfigInterface } from '@unovis/ts';
+import { XYContainer, XYComponentCore, Tooltip, Crosshair, Axis } from '@unovis/ts';
 import { Ref } from 'vue';
-declare const _default: <T>(__VLS_props: any, __VLS_ctx?: Pick<any, "attrs" | "emit" | "slots">, __VLS_expose?: any, __VLS_setup?: Promise<{
-    props: XYContainerConfigInterface<T> & {
+declare const _default: <T>(__VLS_props: any, __VLS_ctx?: {
+    attrs: any;
+    emit: any;
+    slots: any;
+}, __VLS_expose?: any, __VLS_setup?: Promise<{
+    props: {
+        xScale?: import("@unovis/ts").ContinuousScale;
+        yScale?: import("@unovis/ts").ContinuousScale;
+        duration?: number;
         data?: T[];
-    };
+        tooltip?: Tooltip;
+        components?: XYComponentCore<T, import("@unovis/ts/lib/core/xy-component/config").XYComponentConfig<T>, Partial<import("@unovis/ts").XYComponentConfigInterface<T>>>[];
+        margin?: import("@unovis/ts").Spacing;
+        padding?: import("@unovis/ts").Spacing;
+        sizing?: string;
+        width?: string | number;
+        height?: string | number;
+        svgDefs?: string;
+        ariaLabel?: string;
+        xDomain?: [number, number];
+        xDomainMinConstraint?: [number, number];
+        xDomainMaxConstraint?: [number, number];
+        xRange?: [number, number];
+        yDomain?: [number, number];
+        yDomainMinConstraint?: [number, number];
+        yDomainMaxConstraint?: [number, number];
+        yRange?: [number, number];
+        yDirection?: string;
+        xAxis?: Axis<T>;
+        yAxis?: Axis<T>;
+        autoMargin?: boolean;
+        crosshair?: Crosshair<T>;
+        preventEmptyDomain?: boolean;
+        scaleByDomain?: boolean;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: {
         component: Ref<XYContainer<T>>;
     }): void;

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

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),d=require("@unovis/ts"),r=require("../../utils/props.cjs"),f=e.defineComponent({__name:"index",props:{items:{},labelClassName:{},onLegendItemClick:{type:Function},labelFontSize:{},labelMaxWidth:{},bulletSize:{},data:{}},setup(u,{expose:i}){const l=u;e.computed(()=>l.data);const p=e.getCurrentInstance(),o=e.computed(()=>r.parseProps({...l},p)),n=e.ref(),a=e.ref();return e.onMounted(()=>{e.nextTick(()=>{a.value&&(n.value=new d.BulletLegend(a.value,o.value))})}),e.onUnmounted(()=>{var t;(t=n.value)==null||t.destroy()}),e.watch(o,(t,s)=>{var c;r.arePropsEqual(t,s)||(c=n.value)==null||c.update(o.value)}),i({component:n}),(t,s)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-bullet-legend":"",ref_key:"elRef",ref:a},null,512))}});module.exports=f;
+"use strict";const e=require("vue"),d=require("@unovis/ts"),c=require("../../utils/props.cjs"),f=e.defineComponent({__name:"index",props:{items:{},labelClassName:{},onLegendItemClick:{type:Function},labelFontSize:{},labelMaxWidth:{},bulletSize:{},bulletShape:{},data:{}},setup(r,{expose:i}){const a=r;e.computed(()=>a.data);const p=e.getCurrentInstance(),o=e.computed(()=>c.parseProps({...a},p)),n=e.ref(),l=e.ref();return e.onMounted(()=>{e.nextTick(()=>{l.value&&(n.value=new d.BulletLegend(l.value,o.value))})}),e.onUnmounted(()=>{var t;(t=n.value)==null||t.destroy()}),e.watch(o,(t,s)=>{var u;c.arePropsEqual(t,s)||(u=n.value)==null||u.update(o.value)}),i({component:n}),(t,s)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-bullet-legend":"",ref_key:"elRef",ref:l},null,512))}});module.exports=f;
 //# sourceMappingURL=index.cjs.map

package/html-components/bullet-legend/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/html-components/bullet-legend/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { BulletLegend, BulletLegendConfigInterface, BulletLegendItemInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\n\n\n// data and required props\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    items: {},\n    labelClassName: {},\n    onLegendItemClick: { type: Function },\n    labelFontSize: {},\n    labelMaxWidth: {},\n    bulletSize: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\n\nconst data = computed(() => props.data)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps({ ...props }, instance))\n\n// component declaration\nconst component = ref<BulletLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  nextTick(() => {\n    if(elRef.value)\n    component.value = new BulletLegend(elRef.value, config.value)\n    \n    \n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  \n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.update(config.value)\n  }\n})\n\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-bullet-legend\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef\n  }, null, 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","props","computed","instance","getCurrentInstance","config","parseProps","component","ref","elRef","onMounted","nextTick","BulletLegend","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"+FAU4BA,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,MAAO,CAAC,EACR,eAAgB,CAAC,EACjB,kBAAmB,CAAE,KAAM,QAAS,EACpC,cAAe,CAAC,EAChB,cAAe,CAAC,EAChB,WAAY,CAAC,EACb,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAAE,OAAQC,GAAY,CAE5C,MAAMC,EAAQF,EAIDG,WAAS,IAAMD,EAAM,IAAI,EAEtC,MAAME,EAAWC,EAAAA,qBACXC,EAASH,WAAS,IAAMI,EAAA,WAAW,CAAE,GAAGL,CAAS,EAAAE,CAAQ,CAAC,EAG1DI,EAAYC,EAAAA,MACZC,EAAQD,EAAAA,MAEdE,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACVF,EAAM,QACTF,EAAU,MAAQ,IAAIK,EAAA,aAAaH,EAAM,MAAOJ,EAAO,KAAK,EAAA,CAG7D,CAAA,CACF,EAEDQ,EAAAA,YAAY,IAAM,QAChBC,EAAAP,EAAU,QAAV,MAAAO,EAAiB,SAAQ,CAE1B,EAEKC,EAAAA,MAAAV,EAAQ,CAACW,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBH,EAAAP,EAAA,QAAA,MAAAO,EAAO,OAAOT,EAAO,MACjC,CACD,EAEQL,EAAA,CACP,UAAAO,CAAA,CACD,EAEM,CAACY,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,yBAA0B,GAC1B,QAAS,QACT,IAAKb,CAAA,EACJ,KAAM,GAAG,EAEd,CAEA,CAAC"}
+{"version":3,"file":"index.cjs","sources":["../../../src/html-components/bullet-legend/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { BulletLegend, BulletLegendConfigInterface, BulletLegendItemInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\n\n\n// data and required props\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    items: {},\n    labelClassName: {},\n    onLegendItemClick: { type: Function },\n    labelFontSize: {},\n    labelMaxWidth: {},\n    bulletSize: {},\n    bulletShape: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\n\nconst data = computed(() => props.data)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps({ ...props }, instance))\n\n// component declaration\nconst component = ref<BulletLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  nextTick(() => {\n    if(elRef.value)\n    component.value = new BulletLegend(elRef.value, config.value)\n    \n    \n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  \n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.update(config.value)\n  }\n})\n\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-bullet-legend\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef\n  }, null, 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","props","computed","instance","getCurrentInstance","config","parseProps","component","ref","elRef","onMounted","nextTick","BulletLegend","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"+FAU4BA,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,MAAO,CAAC,EACR,eAAgB,CAAC,EACjB,kBAAmB,CAAE,KAAM,QAAS,EACpC,cAAe,CAAC,EAChB,cAAe,CAAC,EAChB,WAAY,CAAC,EACb,YAAa,CAAC,EACd,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAAE,OAAQC,GAAY,CAE5C,MAAMC,EAAQF,EAIDG,WAAS,IAAMD,EAAM,IAAI,EAEtC,MAAME,EAAWC,EAAAA,qBACXC,EAASH,WAAS,IAAMI,EAAA,WAAW,CAAE,GAAGL,CAAS,EAAAE,CAAQ,CAAC,EAG1DI,EAAYC,EAAAA,MACZC,EAAQD,EAAAA,MAEdE,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACVF,EAAM,QACTF,EAAU,MAAQ,IAAIK,EAAA,aAAaH,EAAM,MAAOJ,EAAO,KAAK,EAAA,CAG7D,CAAA,CACF,EAEDQ,EAAAA,YAAY,IAAM,QAChBC,EAAAP,EAAU,QAAV,MAAAO,EAAiB,SAAQ,CAE1B,EAEKC,EAAAA,MAAAV,EAAQ,CAACW,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBH,EAAAP,EAAA,QAAA,MAAAO,EAAO,OAAOT,EAAO,MACjC,CACD,EAEQL,EAAA,CACP,UAAAO,CAAA,CACD,EAEM,CAACY,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,yBAA0B,GAC1B,QAAS,QACT,IAAKb,CAAA,EACJ,KAAM,GAAG,EAEd,CAEA,CAAC"}

package/html-components/bullet-legend/index.d.ts

@@ -19,6 +19,9 @@ declare const _default: import("vue").DefineComponent<{
     bulletSize: {
         type: import("vue").PropType<string>;
     };
+    bulletShape: {
+        type: import("vue").PropType<import("@unovis/ts").BulletShape>;
+    };
     data: {
         type: import("vue").PropType<never>;
     };
@@ -44,6 +47,9 @@ declare const _default: import("vue").DefineComponent<{
     bulletSize: {
         type: import("vue").PropType<string>;
     };
+    bulletShape: {
+        type: import("vue").PropType<import("@unovis/ts").BulletShape>;
+    };
     data: {
         type: import("vue").PropType<never>;
     };

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

@@ -1,7 +1,7 @@
-import { defineComponent as d, computed as c, getCurrentInstance as m, ref as s, onMounted as f, nextTick as v, onUnmounted as _, watch as x, openBlock as b, createElementBlock as g } from "vue";
+import { defineComponent as d, computed as u, getCurrentInstance as m, ref as c, onMounted as f, nextTick as v, onUnmounted as _, watch as b, openBlock as x, createElementBlock as g } from "vue";
 import { BulletLegend as k } from "@unovis/ts";
-import { parseProps as C, arePropsEqual as h } from "../../utils/props.js";
-const z = /* @__PURE__ */ d({
+import { parseProps as h, arePropsEqual as C } from "../../utils/props.js";
+const w = /* @__PURE__ */ d({
   __name: "index",
   props: {
     items: {},
@@ -10,12 +10,13 @@ const z = /* @__PURE__ */ d({
     labelFontSize: {},
     labelMaxWidth: {},
     bulletSize: {},
+    bulletShape: {},
     data: {}
   },
-  setup(u, { expose: i }) {
-    const a = u;
-    c(() => a.data);
-    const p = m(), n = c(() => C({ ...a }, p)), t = s(), o = s();
+  setup(s, { expose: p }) {
+    const a = s;
+    u(() => a.data);
+    const i = m(), n = u(() => h({ ...a }, i)), t = c(), o = c();
     return f(() => {
       v(() => {
         o.value && (t.value = new k(o.value, n.value));
@@ -23,12 +24,12 @@ const z = /* @__PURE__ */ d({
     }), _(() => {
       var e;
       (e = t.value) == null || e.destroy();
-    }), x(n, (e, l) => {
+    }), b(n, (e, l) => {
       var r;
-      h(e, l) || (r = t.value) == null || r.update(n.value);
-    }), i({
+      C(e, l) || (r = t.value) == null || r.update(n.value);
+    }), p({
       component: t
-    }), (e, l) => (b(), g("div", {
+    }), (e, l) => (x(), g("div", {
       "data-vis-bullet-legend": "",
       ref_key: "elRef",
       ref: o
@@ -36,6 +37,6 @@ const z = /* @__PURE__ */ d({
   }
 });
 export {
-  z as default
+  w as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/html-components/bullet-legend/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { BulletLegend, BulletLegendConfigInterface, BulletLegendItemInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\n\n\n// data and required props\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    items: {},\n    labelClassName: {},\n    onLegendItemClick: { type: Function },\n    labelFontSize: {},\n    labelMaxWidth: {},\n    bulletSize: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\n\nconst data = computed(() => props.data)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps({ ...props }, instance))\n\n// component declaration\nconst component = ref<BulletLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  nextTick(() => {\n    if(elRef.value)\n    component.value = new BulletLegend(elRef.value, config.value)\n    \n    \n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  \n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.update(config.value)\n  }\n})\n\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-bullet-legend\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef\n  }, null, 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","props","computed","instance","getCurrentInstance","config","parseProps","component","ref","elRef","onMounted","nextTick","BulletLegend","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;;AAUA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,OAAO,CAAC;AAAA,IACR,gBAAgB,CAAC;AAAA,IACjB,mBAAmB,EAAE,MAAM,SAAS;AAAA,IACpC,eAAe,CAAC;AAAA,IAChB,eAAe,CAAC;AAAA,IAChB,YAAY,CAAC;AAAA,IACb,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc,EAAE,QAAQC,KAAY;AAE5C,UAAMC,IAAQF;AAID,IAAAG,EAAS,MAAMD,EAAM,IAAI;AAEtC,UAAME,IAAWC,KACXC,IAASH,EAAS,MAAMI,EAAW,EAAE,GAAGL,EAAS,GAAAE,CAAQ,CAAC,GAG1DI,IAAYC,KACZC,IAAQD;AAEd,WAAAE,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAGF,EAAM,UACTF,EAAU,QAAQ,IAAIK,EAAaH,EAAM,OAAOJ,EAAO,KAAK;AAAA,MAAA,CAG7D;AAAA,IAAA,CACF,GAEDQ,EAAY,MAAM;;AAChB,OAAAC,IAAAP,EAAU,UAAV,QAAAO,EAAiB;AAAA,IAAQ,CAE1B,GAEKC,EAAAV,GAAQ,CAACW,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBH,IAAAP,EAAA,UAAA,QAAAO,EAAO,OAAOT,EAAO;AAAA,IACjC,CACD,GAEQL,EAAA;AAAA,MACP,WAAAO;AAAA,IAAA,CACD,GAEM,CAACY,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,0BAA0B;AAAA,MAC1B,SAAS;AAAA,MACT,KAAKb;AAAA,IAAA,GACJ,MAAM,GAAG;AAAA,EAEd;AAEA,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../../src/html-components/bullet-legend/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { BulletLegend, BulletLegendConfigInterface, BulletLegendItemInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, getCurrentInstance, nextTick } from 'vue'\nimport { arePropsEqual, parseProps } from '../../utils/props'\n\n\n// data and required props\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    items: {},\n    labelClassName: {},\n    onLegendItemClick: { type: Function },\n    labelFontSize: {},\n    labelMaxWidth: {},\n    bulletSize: {},\n    bulletShape: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\n\nconst data = computed(() => props.data)\n// config\nconst instance = getCurrentInstance()\nconst config = computed(() => parseProps({ ...props }, instance))\n\n// component declaration\nconst component = ref<BulletLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  nextTick(() => {\n    if(elRef.value)\n    component.value = new BulletLegend(elRef.value, config.value)\n    \n    \n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  \n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.update(config.value)\n  }\n})\n\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-bullet-legend\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef\n  }, null, 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","props","computed","instance","getCurrentInstance","config","parseProps","component","ref","elRef","onMounted","nextTick","BulletLegend","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;;AAUA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,OAAO,CAAC;AAAA,IACR,gBAAgB,CAAC;AAAA,IACjB,mBAAmB,EAAE,MAAM,SAAS;AAAA,IACpC,eAAe,CAAC;AAAA,IAChB,eAAe,CAAC;AAAA,IAChB,YAAY,CAAC;AAAA,IACb,aAAa,CAAC;AAAA,IACd,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc,EAAE,QAAQC,KAAY;AAE5C,UAAMC,IAAQF;AAID,IAAAG,EAAS,MAAMD,EAAM,IAAI;AAEtC,UAAME,IAAWC,KACXC,IAASH,EAAS,MAAMI,EAAW,EAAE,GAAGL,EAAS,GAAAE,CAAQ,CAAC,GAG1DI,IAAYC,KACZC,IAAQD;AAEd,WAAAE,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAGF,EAAM,UACTF,EAAU,QAAQ,IAAIK,EAAaH,EAAM,OAAOJ,EAAO,KAAK;AAAA,MAAA,CAG7D;AAAA,IAAA,CACF,GAEDQ,EAAY,MAAM;;AAChB,OAAAC,IAAAP,EAAU,UAAV,QAAAO,EAAiB;AAAA,IAAQ,CAE1B,GAEKC,EAAAV,GAAQ,CAACW,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBH,IAAAP,EAAA,UAAA,QAAAO,EAAO,OAAOT,EAAO;AAAA,IACjC,CACD,GAEQL,EAAA;AAAA,MACP,WAAAO;AAAA,IAAA,CACD,GAEM,CAACY,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,0BAA0B;AAAA,MAC1B,SAAS;AAAA,MACT,KAAKb;AAAA,IAAA,GACJ,MAAM,GAAG;AAAA,EAEd;AAEA,CAAC;"}

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

@@ -1,11 +1,112 @@
-import { LeafletFlowMap, LeafletFlowMapConfigInterface, GenericDataRecord } from '@unovis/ts';
-declare const _default: <PointDatum extends GenericDataRecord, FlowDatum extends GenericDataRecord>(__VLS_props: any, __VLS_ctx?: Pick<any, "attrs" | "emit" | "slots">, __VLS_expose?: any, __VLS_setup?: Promise<{
-    props: LeafletFlowMapConfigInterface<PointDatum, FlowDatum> & {
+import { LeafletFlowMap, GenericDataRecord } from '@unovis/ts';
+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);
+            };
+        };
         data?: {
             points: PointDatum[];
             flows?: FlowDatum[];
         };
-    };
+        tooltip?: import("@unovis/ts").Tooltip;
+        zoomDuration?: number;
+        pointColor?: import("@unovis/ts").ColorAccessor<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>>;
+        width?: string | number;
+        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;
+        fitViewPadding?: [number, number];
+        initialBounds?: import("@unovis/ts").Bounds;
+        fitBoundsOnUpdate?: import("@unovis/ts").Bounds;
+        fitViewOnInit?: boolean;
+        fitViewOnUpdate?: boolean;
+        styleDarkTheme?: string | import("maplibre-gl").StyleSpecification;
+        accessToken?: string;
+        attribution?: string[];
+        renderer?: string;
+        onMapInitialized?: () => void;
+        onMapMoveZoom?: ({ mapCenter, zoomLevel, bounds }: import("@unovis/ts").MapZoomState) => void;
+        onMapMoveStart?: ({ mapCenter, zoomLevel, bounds }: import("@unovis/ts").MapZoomState) => void;
+        onMapMoveEnd?: ({ mapCenter, zoomLevel, bounds }: import("@unovis/ts").MapZoomState) => void;
+        onMapZoomStart?: ({ mapCenter, zoomLevel, bounds }: import("@unovis/ts").MapZoomState) => void;
+        onMapZoomEnd?: ({ mapCenter, zoomLevel, bounds }: import("@unovis/ts").MapZoomState) => void;
+        onMapClick?: ({ mapCenter, zoomLevel, bounds }: import("@unovis/ts").MapZoomState) => void;
+        pointLongitude?: import("@unovis/ts").NumericAccessor<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<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: {
         component: import("vue").Ref<LeafletFlowMap<PointDatum, FlowDatum>>;
     }): void;

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

@@ -1,8 +1,96 @@
-import { LeafletMap, LeafletMapConfigInterface, GenericDataRecord } from '@unovis/ts';
-declare const _default: <Datum extends GenericDataRecord>(__VLS_props: any, __VLS_ctx?: Pick<any, "attrs" | "emit" | "slots">, __VLS_expose?: any, __VLS_setup?: Promise<{
-    props: LeafletMapConfigInterface<Datum> & {
+import { LeafletMap, GenericDataRecord } from '@unovis/ts';
+declare const _default: <Datum extends GenericDataRecord>(__VLS_props: any, __VLS_ctx?: {
+    attrs: any;
+    emit: any;
+    slots: any;
+}, __VLS_expose?: any, __VLS_setup?: Promise<{
+    props: {
+        duration?: number;
+        events?: {
+            [selector: string]: {
+                touchstart?: import("@unovis/ts").VisEventCallback<any>;
+                touchmove?: import("@unovis/ts").VisEventCallback<any>;
+                touchend?: import("@unovis/ts").VisEventCallback<any>;
+                mouseover?: import("@unovis/ts").VisEventCallback<any>;
+                mousemove?: import("@unovis/ts").VisEventCallback<any>;
+                mousedown?: import("@unovis/ts").VisEventCallback<any>;
+                mouseup?: import("@unovis/ts").VisEventCallback<any>;
+                click?: import("@unovis/ts").VisEventCallback<any>;
+                auxclick?: import("@unovis/ts").VisEventCallback<any>;
+                contextmenu?: import("@unovis/ts").VisEventCallback<any>;
+                dblclick?: import("@unovis/ts").VisEventCallback<any>;
+                mouseenter?: import("@unovis/ts").VisEventCallback<any>;
+                mouseleave?: import("@unovis/ts").VisEventCallback<any>;
+                mouseout?: import("@unovis/ts").VisEventCallback<any>;
+                scroll?: import("@unovis/ts").VisEventCallback<any>;
+                select?: import("@unovis/ts").VisEventCallback<any>;
+                wheel?: import("@unovis/ts").VisEventCallback<any>;
+                pointerdown?: import("@unovis/ts").VisEventCallback<any>;
+                pointerup?: import("@unovis/ts").VisEventCallback<any>;
+                pointerout?: import("@unovis/ts").VisEventCallback<any>;
+                pointermove?: import("@unovis/ts").VisEventCallback<any>;
+            };
+        };
+        attributes?: {
+            [selector: string]: {
+                [attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);
+            };
+        };
         data?: Datum[];
-    };
+        tooltip?: import("@unovis/ts").Tooltip;
+        zoomDuration?: number;
+        pointColor?: import("@unovis/ts").ColorAccessor<Datum>;
+        pointRadius?: import("@unovis/ts").NumericAccessor<import("@unovis/ts").LeafletMapPointDatum<Datum>>;
+        pointCursor?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapPointDatum<Datum>>;
+        pointLabel?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapPointDatum<Datum>>;
+        pointId?: import("@unovis/ts").StringAccessor<Datum>;
+        clusterLabel?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapClusterDatum<Datum>>;
+        clusterLabelColor?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapClusterDatum<Datum>>;
+        width?: string | number;
+        height?: string | number;
+        ariaLabel?: string;
+        flyToDuration?: number;
+        fitViewPadding?: [number, number];
+        initialBounds?: import("@unovis/ts").Bounds;
+        fitBoundsOnUpdate?: import("@unovis/ts").Bounds;
+        fitViewOnInit?: boolean;
+        fitViewOnUpdate?: boolean;
+        styleDarkTheme?: string | import("maplibre-gl").StyleSpecification;
+        accessToken?: string;
+        attribution?: string[];
+        renderer?: string;
+        onMapInitialized?: () => void;
+        onMapMoveZoom?: ({ mapCenter, zoomLevel, bounds }: import("@unovis/ts").MapZoomState) => void;
+        onMapMoveStart?: ({ mapCenter, zoomLevel, bounds }: import("@unovis/ts").MapZoomState) => void;
+        onMapMoveEnd?: ({ mapCenter, zoomLevel, bounds }: import("@unovis/ts").MapZoomState) => void;
+        onMapZoomStart?: ({ mapCenter, zoomLevel, bounds }: import("@unovis/ts").MapZoomState) => void;
+        onMapZoomEnd?: ({ mapCenter, zoomLevel, bounds }: import("@unovis/ts").MapZoomState) => void;
+        onMapClick?: ({ mapCenter, zoomLevel, bounds }: import("@unovis/ts").MapZoomState) => void;
+        pointLongitude?: import("@unovis/ts").NumericAccessor<Datum>;
+        pointLatitude?: import("@unovis/ts").NumericAccessor<Datum>;
+        pointShape?: import("@unovis/ts").GenericAccessor<string, Datum>;
+        pointLabelColor?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapPointDatum<Datum>>;
+        pointBottomLabel?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapPointDatum<Datum>>;
+        pointRingWidth?: number;
+        selectedPointId?: string;
+        clusterColor?: import("@unovis/ts").ColorAccessor<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: {
         component: import("vue").Ref<LeafletMap<Datum>>;
     }): void;

package/index.cjs

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

package/index.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@unovis/vue",
   "description": "Modular data visualization framework for React, Angular, Svelte, Vue, and vanilla TypeScript or JavaScript",
-  "version": "1.3.0-alpha.3",
+  "version": "1.3.0-alpha.4",
   "repository": {
     "type": "git",
     "url": "https://github.com/f5/unovis.git",
@@ -18,7 +18,7 @@
     "charts",
     "graphs"
   ],
-  "author": "Rebecca Bol, F5 Inc. <r.bol@f5.com>",
+  "author": "Zernonia Kong <zernonia@gmail.com>",
   "maintainers": [
     "Nikita Rokotyan <nikita@f5.com> (https://rokotyan.com)",
     "Rebecca Bol <r.bol@f5.com>"
@@ -51,7 +51,7 @@
     "dev": "vite"
   },
   "peerDependencies": {
-    "@unovis/ts": "1.3.0-alpha.3",
+    "@unovis/ts": "1.3.0-alpha.4",
     "vue": "^3"
   },
   "devDependencies": {