@unovis/vue 1.7.0-pre.1 → 1.7.0

package/components/axis/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as d, inject as x, computed as m, ref as y, onMounted as k, nextTick as T, onUnmounted as v, watch as s, createElementBlock as f, openBlock as B } from "vue";
+import { defineComponent as u, inject as d, computed as y, ref as x, onMounted as m, nextTick as k, onUnmounted as T, watch as c, openBlock as v, createElementBlock as F } from "vue";
 import { Axis as r } from "@unovis/ts";
-import { useForwardProps as F, arePropsEqual as b } from "../../utils/props.js";
-import { axisAccessorKey as g } from "../../utils/context.js";
-const S = { "data-vis-axis": "" }, A = r.selectors, C = /* @__PURE__ */ d({
+import { axisAccessorKey as S } from "../../utils/context.js";
+import { useForwardProps as B, arePropsEqual as b } from "../../utils/props.js";
+const f = { "data-vis-axis": "" }, M = r.selectors, O = /* @__PURE__ */ u({
   __name: "index",
   props: {
     position: {},
@@ -13,6 +13,7 @@ const S = { "data-vis-axis": "" }, A = r.selectors, C = /* @__PURE__ */ d({
     labelMargin: {},
     labelTextFitMode: {},
     labelTextTrimType: {},
+    labelTextSeparator: {},
     labelColor: {},
     gridLine: { type: Boolean },
     tickLine: { type: Boolean },
@@ -23,21 +24,25 @@ const S = { "data-vis-axis": "" }, A = r.selectors, C = /* @__PURE__ */ d({
     tickFormat: { type: Function },
     tickValues: {},
     numTicks: {},
+    tickSpacing: {},
     tickTextFitMode: {},
     tickTextWidth: {},
     tickTextSeparator: {},
     tickTextForceWordBreak: { type: Boolean },
     tickTextTrimType: {},
     tickTextFontSize: {},
-    tickTextAlign: {},
+    tickTextAlign: { type: [String, Function] },
     tickTextColor: {},
     tickTextAngle: {},
+    tickTextAdaptiveSets: { type: Boolean },
     tickTextHideOverlapping: { type: Boolean },
     tickPadding: {},
-    x: {},
-    y: {},
+    tickSize: {},
+    x: { type: [Function, Number, null] },
+    y: { type: [Function, Number, null, Array] },
     id: { type: Function },
-    color: {},
+    color: { type: [Function, String, Array, null] },
+    colorKeys: {},
     xScale: { type: [Object, Function] },
     yScale: { type: [Object, Function] },
     excludeFromDomainCalculation: { type: Boolean },
@@ -46,29 +51,25 @@ const S = { "data-vis-axis": "" }, A = r.selectors, C = /* @__PURE__ */ d({
     attributes: {},
     data: {}
   },
-  setup(p, { expose: u }) {
-    const o = x(g), a = p, i = m(() => o.data.value ?? a.data), n = F(a), t = y();
-    return k(() => {
-      T(() => {
-        var e;
-        t.value = new r(n.value), (e = t.value) == null || e.setData(i.value), o.update(t.value);
+  setup(s, { expose: p }) {
+    const t = s, o = d(S), n = y(() => o.data.value ?? t.data), i = B(t), e = x();
+    return m(() => {
+      k(() => {
+        e.value = new r(i.value), e.value?.setData(n.value), o.update(e.value);
       });
-    }), v(() => {
-      var e;
-      (e = t.value) == null || e.destroy(), o.destroy(a.type);
-    }), s(n, (e, c) => {
-      var l;
-      b(e, c) || (l = t.value) == null || l.setConfig(n.value);
-    }), s(i, () => {
-      var e;
-      (e = t.value) == null || e.setData(i.value);
-    }), u({
-      component: t
-    }), (e, c) => (B(), f("div", S));
+    }), T(() => {
+      e.value?.destroy(), o.destroy(t.type);
+    }), c(i, (a, l) => {
+      b(a, l) || (e.value?.setConfig(i.value), e.value?.render());
+    }), c(n, () => {
+      e.value?.setData(n.value);
+    }), p({
+      component: e
+    }), (a, l) => (v(), F("div", f));
   }
 });
 export {
-  A as VisAxisSelectors,
-  C as default
+  M as VisAxisSelectors,
+  O as default
 };
 //# sourceMappingURL=index.js.map

package/components/axis/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/axis/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Axis, AxisConfigInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { axisAccessorKey } from '../../utils/context'\n\nconst accessor = inject(axisAccessorKey)\n\n// data and required props \ntype Props = AxisConfigInterface<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<Axis<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Axis<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(props.type)\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 VisAxisSelectors = Axis.selectors\n</script>\n\n<template>\n  <div data-vis-axis />\n</template>\n\n\n"],"names":["VisAxisSelectors","Axis","accessor","inject","axisAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"mappings":";;;;mCAkDaA,IAAmBC,EAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3C/B,UAAAC,IAAWC,EAAOC,CAAe,GAIjCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAiB;AAGnC,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAYQ,EAAO,KAAK,IACpCM,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,WACRb,EAAA,QAAQG,EAAM,IAAI;AAAA,IAAA,CAC5B,GAEKY,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/axis/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { AxisConfigInterface } from '@unovis/ts'\nimport { Axis } from '@unovis/ts'\nimport { computed, inject, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'\nimport { axisAccessorKey } from '../../utils/context'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\nconst props = defineProps<Props & { data?: Datum[] }>()\n\nconst accessor = inject(axisAccessorKey)\n\n// data and required props\ntype Props = AxisConfigInterface<Datum>\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Axis<Datum>>()\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Axis<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(props.type)\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 VisAxisSelectors = Axis.selectors\n</script>\n\n<template>\n  <div data-vis-axis />\n</template>\n"],"names":["VisAxisSelectors","Axis","props","__props","accessor","inject","axisAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","watch","curr","prev","arePropsEqual","__expose","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;mCAmDaA,IAAmBC,EAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3CrC,UAAMC,IAAQC,GAERC,IAAWC,EAAOC,CAAe,GAIjCC,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,EAAYQ,EAAO,KAAK,GAC9CE,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,QAAQF,EAAM,IAAI;AAAA,IAC7B,CAAC,GAEDc,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,EAAqB,OAArBC,CAAqB;AAAA;;"}

package/components/boxplot/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@unovis/ts"),i=require("../../utils/context.cjs"),u=require("../../utils/props.cjs"),v={"data-vis-component":""},m=l.Boxplot.selectors,_=e.defineComponent({__name:"index",props:{data:{}},setup(p,{expose:d}){const a=p,o=e.inject(i.componentAccessorKey),s=e.computed(()=>o.data.value??a.data),n=u.useForwardProps(a),t=e.ref();return e.onMounted(()=>{e.nextTick(()=>{t.value=new l.Boxplot(n.value),t.value?.setData(s.value),o.update(t.value)})}),e.onUnmounted(()=>{t.value?.destroy(),o.destroy()}),e.watch(n,(c,r)=>{u.arePropsEqual(c,r)||(t.value?.setConfig(n.value),t.value?.render())}),e.watch(s,()=>{t.value?.setData(s.value)}),d({component:t}),(c,r)=>(e.openBlock(),e.createElementBlock("div",v))}});exports.VisBoxplotSelectors=m;exports.default=_;
+//# sourceMappingURL=index.cjs.map

package/components/boxplot/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/boxplot/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { BoxplotConfigInterface } from '@unovis/ts'\nimport { Boxplot } 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\n// data and required props\n// !!! temporary solution to ignore complex type. related issue: https://github.com/vuejs/core/issues/8412\nconst props = defineProps<{ data?: Datum[] } & /** @vue-ignore */ BoxplotConfigInterface<Datum>>()\n\nconst accessor = inject(componentAccessorKey)\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Boxplot<Datum>>()\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Boxplot<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 VisBoxplotSelectors = Boxplot.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n"],"names":["VisBoxplotSelectors","Boxplot","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,kFAzC3C,MAAMC,EAAQC,EAERC,EAAWC,EAAAA,OAAOC,sBAAoB,EAEtCC,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/boxplot/index.d.ts

@@ -0,0 +1,19 @@
+import { BoxplotConfigInterface, Boxplot } from '@unovis/ts';
+
+export declare const VisBoxplotSelectors: typeof import("@unovis/ts/components/boxplot/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>) & ({
+        data?: Datum[];
+    } & BoxplotConfigInterface<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<Boxplot<Datum>, Boxplot<Datum>>;
+    }>): void;
+    attrs: any;
+    slots: ReturnType<() => {}>;
+    emit: typeof __VLS_emit;
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;

package/components/boxplot/index.js

@@ -0,0 +1,31 @@
+import { defineComponent as d, inject as m, computed as i, ref as v, onMounted as f, nextTick as _, onUnmounted as x, watch as c, openBlock as B, createElementBlock as h } from "vue";
+import { Boxplot as p } from "@unovis/ts";
+import { componentAccessorKey as k } from "../../utils/context.js";
+import { useForwardProps as w, arePropsEqual as y } from "../../utils/props.js";
+const g = { "data-vis-component": "" }, j = p.selectors, q = /* @__PURE__ */ d({
+  __name: "index",
+  props: {
+    data: {}
+  },
+  setup(u, { expose: l }) {
+    const n = u, o = m(k), t = i(() => o.data.value ?? n.data), a = w(n), e = v();
+    return f(() => {
+      _(() => {
+        e.value = new p(a.value), e.value?.setData(t.value), o.update(e.value);
+      });
+    }), x(() => {
+      e.value?.destroy(), o.destroy();
+    }), c(a, (s, r) => {
+      y(s, r) || (e.value?.setConfig(a.value), e.value?.render());
+    }), c(t, () => {
+      e.value?.setData(t.value);
+    }), l({
+      component: e
+    }), (s, r) => (B(), h("div", g));
+  }
+});
+export {
+  j as VisBoxplotSelectors,
+  q as default
+};
+//# sourceMappingURL=index.js.map

package/components/boxplot/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/boxplot/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { BoxplotConfigInterface } from '@unovis/ts'\nimport { Boxplot } 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\n// data and required props\n// !!! temporary solution to ignore complex type. related issue: https://github.com/vuejs/core/issues/8412\nconst props = defineProps<{ data?: Datum[] } & /** @vue-ignore */ BoxplotConfigInterface<Datum>>()\n\nconst accessor = inject(componentAccessorKey)\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Boxplot<Datum>>()\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Boxplot<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 VisBoxplotSelectors = Boxplot.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n"],"names":["VisBoxplotSelectors","Boxplot","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,IAAsBC,EAAQ;;;;;;AAzC3C,UAAMC,IAAQC,GAERC,IAAWC,EAAOC,CAAoB,GAEtCC,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,EAAeQ,EAAO,KAAK,GACjDE,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/boxplot/index2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.cjs");exports.VisBoxplotSelectors=e.VisBoxplotSelectors;exports.default=e.default;
+//# sourceMappingURL=index2.cjs.map

package/components/boxplot/index2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index2.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/boxplot/index2.js

@@ -0,0 +1,7 @@
+import r from "./index.js";
+import { VisBoxplotSelectors as f } from "./index.js";
+export {
+  f as VisBoxplotSelectors,
+  r as default
+};
+//# sourceMappingURL=index2.js.map

package/components/boxplot/index2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/components/brush/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),l=require("@unovis/ts"),i=require("../../utils/props.cjs"),v=require("../../utils/context.cjs"),h={"data-vis-component":""},y=l.Brush.selectors,m=t.defineComponent({__name:"index",props:{onBrush:{type:Function},onBrushStart:{type:Function},onBrushMove:{type:Function},onBrushEnd:{type:Function},handleWidth:{},selection:{},draggable:{type:Boolean},handlePosition:{},selectionMinLength:{},x:{},y:{},id:{type:Function},color:{},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(d,{expose:p}){const n=t.inject(v.componentAccessorKey),c=d,s=t.computed(()=>n.data.value??c.data),a=i.useForwardProps(c),o=t.ref();return t.onMounted(()=>{t.nextTick(()=>{var e;o.value=new l.Brush(a.value),(e=o.value)==null||e.setData(s.value),n.update(o.value)})}),t.onUnmounted(()=>{var e;(e=o.value)==null||e.destroy(),n.destroy()}),t.watch(a,(e,u)=>{var r;i.arePropsEqual(e,u)||(r=o.value)==null||r.setConfig(a.value)}),t.watch(s,()=>{var e;(e=o.value)==null||e.setData(s.value)}),p({component:o}),(e,u)=>(t.openBlock(),t.createElementBlock("div",h))}});exports.VisBrushSelectors=y;exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@unovis/ts"),p=require("../../utils/context.cjs"),a=require("../../utils/props.cjs"),y={"data-vis-component":""},v=l.Brush.selectors,h=e.defineComponent({__name:"index",props:{onBrush:{type:Function},onBrushStart:{type:Function},onBrushMove:{type:Function},onBrushEnd:{type:Function},handleWidth:{},selection:{},draggable:{type:Boolean},handlePosition:{},selectionMinLength:{},brushHeightExtend:{},x:{type:[Function,Number,null]},y:{type:[Function,Number,null,Array]},id:{type:Function},color:{type:[Function,String,Array,null]},colorKeys:{},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},duration:{},events:{},attributes:{},data:{}},setup(i,{expose:d}){const r=i,n=e.inject(p.componentAccessorKey),o=e.computed(()=>n.data.value??r.data),u=a.useForwardProps(r),t=e.ref();return e.onMounted(()=>{e.nextTick(()=>{t.value=new l.Brush(u.value),t.value?.setData(o.value),n.update(t.value)})}),e.onUnmounted(()=>{t.value?.destroy(),n.destroy()}),e.watch(u,(c,s)=>{a.arePropsEqual(c,s)||(t.value?.setConfig(u.value),t.value?.render())}),e.watch(o,()=>{t.value?.setData(o.value)}),d({component:t}),(c,s)=>(e.openBlock(),e.createElementBlock("div",y))}});exports.VisBrushSelectors=v;exports.default=h;
 //# sourceMappingURL=index.cjs.map

package/components/brush/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/brush/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Brush, BrushConfigInterface } 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 = BrushConfigInterface<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<Brush<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Brush<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 VisBrushSelectors = Brush.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisBrushSelectors","Brush","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"mappings":"+PAkDaA,EAAoBC,EAAAA,MAAM,idA3CjC,MAAAC,EAAWC,SAAOC,sBAAoB,EAItCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,kBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAkB,EAGpCC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,QAAaQ,EAAO,KAAK,GACrCM,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/brush/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { BrushConfigInterface } from '@unovis/ts'\nimport { Brush } 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 = BrushConfigInterface<Datum>\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Brush<Datum>>()\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Brush<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 VisBrushSelectors = Brush.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n"],"names":["VisBrushSelectors","Brush","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,EAAoBC,EAAAA,MAAM,glBA3CvC,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,QAAaQ,EAAO,KAAK,EAC/CE,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/brush/index.d.ts

@@ -1,69 +1,19 @@
-import { Brush } from '@unovis/ts';
-export declare const VisBrushSelectors: typeof import("@unovis/ts/dist/components/brush/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 { BrushConfigInterface, Brush } from '@unovis/ts';
+
+export declare const VisBrushSelectors: typeof import("@unovis/ts/components/brush/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>) & (BrushConfigInterface<Datum> & {
         data?: Datum[];
-        x?: import("@unovis/ts").NumericAccessor<Datum>;
-        y?: import("@unovis/ts").NumericAccessor<Datum> | import("@unovis/ts").NumericAccessor<Datum>[];
-        color?: string | string[] | ((d: Datum, i: number, ...any: unknown[]) => string) | ((d: Datum[], i: number, ...any: unknown[]) => string);
-        id?: (d: Datum, i: number, ...any: any[]) => string;
-        xScale?: import("@unovis/ts").ContinuousScale;
-        yScale?: import("@unovis/ts").ContinuousScale;
-        excludeFromDomainCalculation?: boolean;
-        onBrush?: (selection: [number, number], event: import("d3-brush").D3BrushEvent<Datum>, userDriven: boolean) => void;
-        onBrushStart?: (selection: [number, number], event: import("d3-brush").D3BrushEvent<Datum>, userDriven: boolean) => void;
-        onBrushMove?: (selection: [number, number], event: import("d3-brush").D3BrushEvent<Datum>, userDriven: boolean) => void;
-        onBrushEnd?: (selection: [number, number], event: import("d3-brush").D3BrushEvent<Datum>, userDriven: boolean) => void;
-        handleWidth?: number;
-        selection?: [number, number];
-        draggable?: boolean;
-        handlePosition?: string;
-        selectionMinLength?: number;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{
-        component: import("vue").Ref<Brush<Datum>, Brush<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<Brush<Datum>, Brush<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/components/brush/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as d, inject as m, computed as v, ref as y, onMounted as h, nextTick as f, onUnmounted as B, watch as u, createElementBlock as F, openBlock as x } from "vue";
-import { Brush as i } from "@unovis/ts";
-import { useForwardProps as _, arePropsEqual as g } from "../../utils/props.js";
-import { componentAccessorKey as b } from "../../utils/context.js";
-const S = { "data-vis-component": "" }, D = i.selectors, E = /* @__PURE__ */ d({
+import { defineComponent as p, inject as d, computed as m, ref as y, onMounted as v, nextTick as h, onUnmounted as F, watch as u, openBlock as f, createElementBlock as B } from "vue";
+import { Brush as s } from "@unovis/ts";
+import { componentAccessorKey as x } from "../../utils/context.js";
+import { useForwardProps as _, arePropsEqual as b } from "../../utils/props.js";
+const g = { "data-vis-component": "" }, w = s.selectors, A = /* @__PURE__ */ p({
   __name: "index",
   props: {
     onBrush: { type: Function },
@@ -14,10 +14,12 @@ const S = { "data-vis-component": "" }, D = i.selectors, E = /* @__PURE__ */ d({
     draggable: { type: Boolean },
     handlePosition: {},
     selectionMinLength: {},
-    x: {},
-    y: {},
+    brushHeightExtend: {},
+    x: { type: [Function, Number, null] },
+    y: { type: [Function, Number, null, Array] },
     id: { type: Function },
-    color: {},
+    color: { type: [Function, String, Array, null] },
+    colorKeys: {},
     xScale: { type: [Object, Function] },
     yScale: { type: [Object, Function] },
     excludeFromDomainCalculation: { type: Boolean },
@@ -26,29 +28,25 @@ const S = { "data-vis-component": "" }, D = i.selectors, E = /* @__PURE__ */ d({
     attributes: {},
     data: {}
   },
-  setup(l, { expose: p }) {
-    const o = m(b), c = l, n = v(() => o.data.value ?? c.data), a = _(c), t = y();
-    return h(() => {
-      f(() => {
-        var e;
-        t.value = new i(a.value), (e = t.value) == null || e.setData(n.value), o.update(t.value);
+  setup(i, { expose: l }) {
+    const a = i, t = d(x), o = m(() => t.data.value ?? a.data), n = _(a), e = y();
+    return v(() => {
+      h(() => {
+        e.value = new s(n.value), e.value?.setData(o.value), t.update(e.value);
       });
-    }), B(() => {
-      var e;
-      (e = t.value) == null || e.destroy(), o.destroy();
-    }), u(a, (e, s) => {
-      var r;
-      g(e, s) || (r = t.value) == null || r.setConfig(a.value);
-    }), u(n, () => {
-      var e;
-      (e = t.value) == null || e.setData(n.value);
-    }), p({
-      component: t
-    }), (e, s) => (x(), F("div", S));
+    }), F(() => {
+      e.value?.destroy(), t.destroy();
+    }), u(n, (r, c) => {
+      b(r, c) || (e.value?.setConfig(n.value), e.value?.render());
+    }), u(o, () => {
+      e.value?.setData(o.value);
+    }), l({
+      component: e
+    }), (r, c) => (f(), B("div", g));
   }
 });
 export {
-  D as VisBrushSelectors,
-  E as default
+  w as VisBrushSelectors,
+  A as default
 };
 //# sourceMappingURL=index.js.map

package/components/brush/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/brush/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Brush, BrushConfigInterface } 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 = BrushConfigInterface<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<Brush<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Brush<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 VisBrushSelectors = Brush.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisBrushSelectors","Brush","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"mappings":";;;;wCAkDaA,IAAoBC,EAAM;;;;;;;;;;;;;;;;;;;;;;;;;AA3CjC,UAAAC,IAAWC,EAAOC,CAAoB,GAItCC,IAAQC,GAERC,IAAOC,EAAS,MAAMN,EAAS,KAAK,SAASG,EAAM,IAAI,GAEvDI,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC,EAAkB;AAGpC,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;;AACb,QAAAH,EAAU,QAAQ,IAAIV,EAAaQ,EAAO,KAAK,IACrCM,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/brush/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { BrushConfigInterface } from '@unovis/ts'\nimport { Brush } 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 = BrushConfigInterface<Datum>\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Brush<Datum>>()\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Brush<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 VisBrushSelectors = Brush.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n"],"names":["VisBrushSelectors","Brush","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,IAAoBC,EAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;AA3CvC,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,EAAaQ,EAAO,KAAK,GAC/CE,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/chord-diagram/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),i=require("@unovis/ts"),l=require("../../utils/props.cjs"),v=require("../../utils/context.cjs"),g={"data-vis-component":""},h=i.ChordDiagram.selectors,m=o.defineComponent({__name:"index",props:{angleRange:{},cornerRadius:{},highlightedNodeId:{},highlightedLinkIds:{},linkColor:{},linkValue:{},nodeLevels:{},nodeWidth:{},nodeColor:{},nodeLabel:{},nodeLabelColor:{},nodeLabelAlignment:{},padAngle:{},radiusScaleExponent:{},duration:{},events:{},attributes:{},data:{}},setup(u,{expose:p}){const a=o.inject(v.componentAccessorKey),s=u,n=o.computed(()=>a.data.value??s.data),r=l.useForwardProps(s),t=o.ref();return o.onMounted(()=>{o.nextTick(()=>{var e;t.value=new i.ChordDiagram(r.value),(e=t.value)==null||e.setData(n.value),a.update(t.value)})}),o.onUnmounted(()=>{var e;(e=t.value)==null||e.destroy(),a.destroy()}),o.watch(r,(e,c)=>{var d;l.arePropsEqual(e,c)||(d=t.value)==null||d.setConfig(r.value)}),o.watch(n,()=>{var e;(e=t.value)==null||e.setData(n.value)}),p({component:t}),(e,c)=>(o.openBlock(),o.createElementBlock("div",g))}});exports.VisChordDiagramSelectors=h;exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("@unovis/ts"),p=require("../../utils/context.cjs"),i=require("../../utils/props.cjs"),g={"data-vis-component":""},v=c.ChordDiagram.selectors,m=e.defineComponent({__name:"index",props:{angleRange:{},cornerRadius:{type:[Function,Number,null]},highlightedNodeId:{},highlightedLinkIds:{},linkColor:{type:[Function,String,Array,null]},linkPattern:{type:[Function,null]},linkValue:{type:[Function,Number,null]},nodeLevels:{},nodeWidth:{},nodeColor:{type:[Function,String,Array,null]},nodePattern:{type:[Function,null]},nodeLabel:{type:[Function,String,null]},nodeLabelColor:{type:[Function,String,null]},nodeLabelAlignment:{type:[Function,String,null]},padAngle:{},radiusScaleExponent:{},duration:{},events:{},attributes:{},data:{}},setup(s,{expose:d}){const r=s,t=e.inject(p.componentAccessorKey),o=e.computed(()=>t.data.value??r.data),a=i.useForwardProps(r),n=e.ref();return e.onMounted(()=>{e.nextTick(()=>{n.value=new c.ChordDiagram(a.value),n.value?.setData(o.value),t.update(n.value)})}),e.onUnmounted(()=>{n.value?.destroy(),t.destroy()}),e.watch(a,(l,u)=>{i.arePropsEqual(l,u)||(n.value?.setConfig(a.value),n.value?.render())}),e.watch(o,()=>{n.value?.setData(o.value)}),d({component:n}),(l,u)=>(e.openBlock(),e.createElementBlock("div",g))}});exports.VisChordDiagramSelectors=v;exports.default=m;
 //# sourceMappingURL=index.cjs.map

package/components/chord-diagram/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/chord-diagram/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"N extends ChordInputNode,L extends ChordInputLink\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { ChordDiagram, ChordDiagramConfigInterface, ChordInputNode, ChordInputLink } 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 = ChordDiagramConfigInterface<N, L>\nconst props = defineProps<Props & { data?: { nodes: N[]; links?: L[] } }>()\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<ChordDiagram<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new ChordDiagram<N, L>(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 VisChordDiagramSelectors = ChordDiagram.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisChordDiagramSelectors","ChordDiagram","accessor","inject","componentAccessorKey","props","__props","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","__expose"],"mappings":"+PAkDaA,EAA2BC,EAAAA,aAAa,yVA3C/C,MAAAC,EAAWC,SAAOC,sBAAoB,EAItCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,kBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAwB,EAG1CC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,eAAmBQ,EAAO,KAAK,GAC3CM,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/chord-diagram/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"N extends ChordInputNode, L extends ChordInputLink\">\n// !!! This code was automatically generated. You should not change it !!!\nimport type { ChordDiagramConfigInterface, ChordInputLink, ChordInputNode } from '@unovis/ts'\nimport { ChordDiagram } 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?: { nodes: N[], links?: L[] } }>()\n\nconst accessor = inject(componentAccessorKey)\n\n// data and required props\ntype Props = ChordDiagramConfigInterface<N, L>\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<ChordDiagram<N, L>>()\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new ChordDiagram<N, L>(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 VisChordDiagramSelectors = ChordDiagram.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n"],"names":["VisChordDiagramSelectors","ChordDiagram","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,EAA2BC,EAAAA,aAAa,wmBA3CrD,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,eAAmBQ,EAAO,KAAK,EACrDE,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/chord-diagram/index.d.ts

@@ -1,70 +1,22 @@
-import { ChordDiagram, ChordInputNode, ChordInputLink } from '@unovis/ts';
-export declare const VisChordDiagramSelectors: typeof import("@unovis/ts/dist/components/chord-diagram/style");
-declare const _default: <N extends ChordInputNode, L extends ChordInputLink>(__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 { ChordDiagramConfigInterface, ChordInputLink, ChordInputNode, ChordDiagram } from '@unovis/ts';
+
+export declare const VisChordDiagramSelectors: typeof import("@unovis/ts/components/chord-diagram/style");
+declare const _default: <N extends ChordInputNode, L extends ChordInputLink>(__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>) & (ChordDiagramConfigInterface<N, L> & {
         data?: {
             nodes: N[];
             links?: L[];
         };
-        angleRange?: [number, number];
-        cornerRadius?: import("@unovis/ts").NumericAccessor<import("@unovis/ts").ChordNodeDatum<N>>;
-        highlightedNodeId?: string | number;
-        highlightedLinkIds?: (string | number)[];
-        linkColor?: import("@unovis/ts").ColorAccessor<import("@unovis/ts").ChordLinkDatum<N, L>>;
-        linkValue?: import("@unovis/ts").NumericAccessor<import("@unovis/ts").ChordLinkDatum<N, L>>;
-        nodeLevels?: string[];
-        nodeWidth?: number;
-        nodeColor?: import("@unovis/ts").ColorAccessor<import("@unovis/ts").ChordNodeDatum<N>>;
-        nodeLabel?: import("@unovis/ts").StringAccessor<import("@unovis/ts").ChordNodeDatum<N>>;
-        nodeLabelColor?: import("@unovis/ts").StringAccessor<import("@unovis/ts").ChordNodeDatum<N>>;
-        nodeLabelAlignment?: import("@unovis/ts").GenericAccessor<string, import("@unovis/ts").ChordNodeDatum<N>>;
-        padAngle?: number;
-        radiusScaleExponent?: number;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{
-        component: import("vue").Ref<ChordDiagram<N, L>, ChordDiagram<N, L>>;
+    }), 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<ChordDiagram<N, L>, ChordDiagram<N, L>>;
     }>): 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;