@unovis/vue 1.5.2 → 1.6.0-bigip.0

package/components/crosshair/index.d.ts

@@ -55,6 +55,7 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
         hideWhenFarFromPointerDistance?: number;
         snapToData?: boolean;
         getCircles?: (x: number | Date, data: Datum[], yScale: import("@unovis/ts").ContinuousScale) => import("@unovis/ts").CrosshairCircle[];
+        syncId?: string;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
         component: import("vue").Ref<Crosshair<Datum>, Crosshair<Datum>>;

package/components/graph/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"),r=require("../../utils/props.cjs"),y=require("../../utils/context.cjs"),S={"data-vis-component":""},m=c.Graph.selectors,F=o.defineComponent({__name:"index",props:{zoomScaleExtent:{},disableZoom:{type:Boolean},zoomEventFilter:{type:Function},disableDrag:{type:Boolean},disableBrush:{type:Boolean},zoomThrottledUpdateNodeThreshold:{},fitViewPadding:{},fitViewAlign:{},layoutType:{},layoutAutofit:{type:Boolean},layoutAutofitTolerance:{},layoutNonConnectedAside:{type:Boolean},layoutNodeGroup:{},layoutGroupOrder:{},layoutParallelNodesPerColumn:{},layoutParallelNodeSubGroup:{},layoutParallelSubGroupsPerRow:{},layoutParallelGroupSpacing:{},layoutParallelSortConnectionsByGroup:{},forceLayoutSettings:{},dagreLayoutSettings:{},layoutElkSettings:{},layoutElkNodeGroups:{},layoutElkGetNodeShape:{type:Function},linkWidth:{},linkStyle:{},linkBandWidth:{},linkArrow:{},linkStroke:{},linkDisabled:{},linkFlow:{},linkFlowAnimDuration:{},linkFlowParticleSize:{},linkFlowParticleSpeed:{},linkLabel:{},linkLabelShiftFromCenter:{},linkNeighborSpacing:{},linkCurvature:{},linkHighlightOnHover:{type:Boolean},linkSourcePointOffset:{},linkTargetPointOffset:{},selectedLinkId:{},nodeSize:{},nodeStrokeWidth:{},nodeShape:{},nodeGaugeValue:{},nodeGaugeFill:{},nodeGaugeAnimDuration:{},nodeIcon:{},nodeIconSize:{},nodeLabel:{},nodeLabelTrim:{},nodeLabelTrimMode:{},nodeLabelTrimLength:{},nodeSubLabel:{},nodeSubLabelTrim:{},nodeSubLabelTrimMode:{},nodeSubLabelTrimLength:{},nodeSideLabels:{},nodeBottomIcon:{},nodeDisabled:{},nodeFill:{},nodeStroke:{},nodeSort:{type:Function},nodeEnterPosition:{},nodeEnterScale:{},nodeExitPosition:{},nodeExitScale:{},nodeEnterCustomRenderFunction:{type:Function},nodeUpdateCustomRenderFunction:{type:Function},nodePartialUpdateCustomRenderFunction:{type:Function},nodeExitCustomRenderFunction:{type:Function},nodeOnZoomCustomRenderFunction:{type:Function},nodeSelectionHighlightMode:{},selectedNodeId:{},selectedNodeIds:{},panels:{},onNodeDragStart:{type:Function},onNodeDrag:{type:Function},onNodeDragEnd:{type:Function},onZoom:{type:Function},onZoomStart:{type:Function},onZoomEnd:{type:Function},onLayoutCalculated:{type:Function},onNodeSelectionBrush:{type:Function},onNodeSelectionDrag:{type:Function},onRenderComplete:{type:Function},shouldDataUpdate:{type:Function},duration:{},events:{},attributes:{},data:{}},setup(s,{expose:p}){const n=o.inject(y.componentAccessorKey),i=s,a=o.computed(()=>n.data.value??i.data),l=r.useForwardProps(i),t=o.ref();return o.onMounted(()=>{o.nextTick(()=>{var e;t.value=new c.Graph(l.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(l,(e,u)=>{var d;r.arePropsEqual(e,u)||(d=t.value)==null||d.setConfig(l.value)}),o.watch(a,()=>{var e;(e=t.value)==null||e.setData(a.value)}),p({component:t}),(e,u)=>(o.openBlock(),o.createElementBlock("div",S))}});exports.VisGraphSelectors=m;exports.default=F;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),c=require("@unovis/ts"),r=require("../../utils/props.cjs"),y=require("../../utils/context.cjs"),S={"data-vis-component":""},m=c.Graph.selectors,F=o.defineComponent({__name:"index",props:{zoomScaleExtent:{},disableZoom:{type:Boolean},zoomEventFilter:{type:Function},disableDrag:{type:Boolean},disableBrush:{type:Boolean},zoomThrottledUpdateNodeThreshold:{},fitViewPadding:{},fitViewAlign:{},layoutType:{},layoutAutofit:{type:Boolean},layoutAutofitTolerance:{},layoutNonConnectedAside:{type:Boolean},layoutNodeGroup:{},layoutGroupOrder:{},layoutParallelNodesPerColumn:{},layoutParallelNodeSubGroup:{},layoutParallelSubGroupsPerRow:{},layoutParallelNodeSpacing:{},layoutParallelSubGroupSpacing:{},layoutParallelGroupSpacing:{},layoutParallelSortConnectionsByGroup:{},forceLayoutSettings:{},dagreLayoutSettings:{},layoutElkSettings:{},layoutElkNodeGroups:{},layoutElkGetNodeShape:{type:Function},linkWidth:{},linkStyle:{},linkBandWidth:{},linkArrow:{},linkStroke:{},linkDisabled:{},linkFlow:{},linkFlowAnimDuration:{},linkFlowParticleSize:{},linkFlowParticleSpeed:{},linkLabel:{},linkLabelShiftFromCenter:{},linkNeighborSpacing:{},linkCurvature:{},linkHighlightOnHover:{type:Boolean},linkSourcePointOffset:{},linkTargetPointOffset:{},selectedLinkId:{},nodeSize:{},nodeStrokeWidth:{},nodeShape:{},nodeGaugeValue:{},nodeGaugeFill:{},nodeGaugeAnimDuration:{},nodeIcon:{},nodeIconSize:{},nodeLabel:{},nodeLabelTrim:{},nodeLabelTrimMode:{},nodeLabelTrimLength:{},nodeSubLabel:{},nodeSubLabelTrim:{},nodeSubLabelTrimMode:{},nodeSubLabelTrimLength:{},nodeSideLabels:{},nodeBottomIcon:{},nodeDisabled:{},nodeFill:{},nodeStroke:{},nodeSort:{type:Function},nodeEnterPosition:{},nodeEnterScale:{},nodeExitPosition:{},nodeExitScale:{},nodeEnterCustomRenderFunction:{type:Function},nodeUpdateCustomRenderFunction:{type:Function},nodePartialUpdateCustomRenderFunction:{type:Function},nodeExitCustomRenderFunction:{type:Function},nodeOnZoomCustomRenderFunction:{type:Function},nodeSelectionHighlightMode:{},selectedNodeId:{},selectedNodeIds:{},panels:{},onNodeDragStart:{type:Function},onNodeDrag:{type:Function},onNodeDragEnd:{type:Function},onZoom:{type:Function},onZoomStart:{type:Function},onZoomEnd:{type:Function},onLayoutCalculated:{type:Function},onNodeSelectionBrush:{type:Function},onNodeSelectionDrag:{type:Function},onRenderComplete:{type:Function},shouldDataUpdate:{type:Function},duration:{},events:{},attributes:{},data:{}},setup(s,{expose:p}){const n=o.inject(y.componentAccessorKey),i=s,a=o.computed(()=>n.data.value??i.data),l=r.useForwardProps(i),t=o.ref();return o.onMounted(()=>{o.nextTick(()=>{var e;t.value=new c.Graph(l.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(l,(e,u)=>{var d;r.arePropsEqual(e,u)||(d=t.value)==null||d.setConfig(l.value)}),o.watch(a,()=>{var e;(e=t.value)==null||e.setData(a.value)}),p({component:t}),(e,u)=>(o.openBlock(),o.createElementBlock("div",S))}});exports.VisGraphSelectors=m;exports.default=F;
 //# sourceMappingURL=index.cjs.map

package/components/graph/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/graph/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"N extends GraphInputNode,L extends GraphInputLink\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Graph, GraphConfigInterface, GraphInputNode, GraphInputLink } 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 = GraphConfigInterface<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<Graph<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Graph<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 VisGraphSelectors = Graph.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisGraphSelectors","Graph","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,osEA3CjC,MAAAC,EAAWC,SAAOC,sBAAoB,EAItCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,kBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAiB,EAGnCC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,QAAYQ,EAAO,KAAK,GACpCM,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/graph/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"N extends GraphInputNode,L extends GraphInputLink\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Graph, GraphConfigInterface, GraphInputNode, GraphInputLink } 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 = GraphConfigInterface<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<Graph<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Graph<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 VisGraphSelectors = Graph.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisGraphSelectors","Graph","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,kwEA3CjC,MAAAC,EAAWC,SAAOC,sBAAoB,EAItCC,EAAQC,EAERC,EAAOC,EAAAA,SAAS,IAAMN,EAAS,KAAK,OAASG,EAAM,IAAI,EAEvDI,EAASC,kBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,IAAiB,EAGnCC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,OACbH,EAAU,MAAQ,IAAIV,QAAYQ,EAAO,KAAK,GACpCM,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"}

package/components/graph/index.d.ts

@@ -81,6 +81,8 @@ declare const _default: <N extends GraphInputNode, L extends GraphInputLink>(__V
         layoutParallelNodesPerColumn?: number;
         layoutParallelNodeSubGroup?: import("@unovis/ts").StringAccessor<N>;
         layoutParallelSubGroupsPerRow?: number;
+        layoutParallelNodeSpacing?: number | [number, number];
+        layoutParallelSubGroupSpacing?: number;
         layoutParallelGroupSpacing?: number;
         layoutParallelSortConnectionsByGroup?: string;
         forceLayoutSettings?: import("@unovis/ts").GraphForceLayoutSettings<N, L>;

package/components/graph/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as s, inject as y, computed as m, ref as S, onMounted as F, nextTick as k, onUnmounted as g, watch as r, createElementBlock as b, openBlock as h } from "vue";
-import { Graph as u } from "@unovis/ts";
-import { useForwardProps as f, arePropsEqual as v } from "../../utils/props.js";
-import { componentAccessorKey as L } from "../../utils/context.js";
-const P = { "data-vis-component": "" }, G = u.selectors, D = /* @__PURE__ */ s({
+import { defineComponent as s, inject as y, computed as m, ref as S, onMounted as F, nextTick as g, onUnmounted as k, watch as u, createElementBlock as b, openBlock as h } from "vue";
+import { Graph as r } from "@unovis/ts";
+import { useForwardProps as f, arePropsEqual as P } from "../../utils/props.js";
+import { componentAccessorKey as v } from "../../utils/context.js";
+const L = { "data-vis-component": "" }, B = r.selectors, D = /* @__PURE__ */ s({
   __name: "index",
   props: {
     zoomScaleExtent: {},
@@ -22,6 +22,8 @@ const P = { "data-vis-component": "" }, G = u.selectors, D = /* @__PURE__ */ s({
     layoutParallelNodesPerColumn: {},
     layoutParallelNodeSubGroup: {},
     layoutParallelSubGroupsPerRow: {},
+    layoutParallelNodeSpacing: {},
+    layoutParallelSubGroupSpacing: {},
     layoutParallelGroupSpacing: {},
     layoutParallelSortConnectionsByGroup: {},
     forceLayoutSettings: {},
@@ -99,28 +101,28 @@ const P = { "data-vis-component": "" }, G = u.selectors, D = /* @__PURE__ */ s({
     data: {}
   },
   setup(c, { expose: p }) {
-    const n = y(L), l = c, t = m(() => n.data.value ?? l.data), a = f(l), o = S();
+    const n = y(v), l = c, t = m(() => n.data.value ?? l.data), a = f(l), o = S();
     return F(() => {
-      k(() => {
+      g(() => {
         var e;
-        o.value = new u(a.value), (e = o.value) == null || e.setData(t.value), n.update(o.value);
+        o.value = new r(a.value), (e = o.value) == null || e.setData(t.value), n.update(o.value);
       });
-    }), g(() => {
+    }), k(() => {
       var e;
       (e = o.value) == null || e.destroy(), n.destroy();
-    }), r(a, (e, i) => {
+    }), u(a, (e, i) => {
       var d;
-      v(e, i) || (d = o.value) == null || d.setConfig(a.value);
-    }), r(t, () => {
+      P(e, i) || (d = o.value) == null || d.setConfig(a.value);
+    }), u(t, () => {
       var e;
       (e = o.value) == null || e.setData(t.value);
     }), p({
       component: o
-    }), (e, i) => (h(), b("div", P));
+    }), (e, i) => (h(), b("div", L));
   }
 });
 export {
-  G as VisGraphSelectors,
+  B as VisGraphSelectors,
   D as default
 };
 //# sourceMappingURL=index.js.map

package/components/graph/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/graph/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"N extends GraphInputNode,L extends GraphInputLink\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Graph, GraphConfigInterface, GraphInputNode, GraphInputLink } 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 = GraphConfigInterface<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<Graph<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Graph<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 VisGraphSelectors = Graph.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisGraphSelectors","Graph","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,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,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/graph/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"N extends GraphInputNode,L extends GraphInputLink\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Graph, GraphConfigInterface, GraphInputNode, GraphInputLink } 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 = GraphConfigInterface<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<Graph<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Graph<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 VisGraphSelectors = Graph.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisGraphSelectors","Graph","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,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,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;;;"}

package/components/plotband/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@unovis/ts"),l=require("../../utils/props.cjs"),p=require("../../utils/context.cjs"),b={"data-vis-component":""},f=r.Plotband.selectors,m=e.defineComponent({__name:"index",props:{color:{},axis:{},from:{},to:{},duration:{},labelText:{},labelPosition:{},labelOffsetX:{},labelOffsetY:{},labelOrientation:{},labelColor:{},labelSize:{},x:{},y:{},id:{type:Function},xScale:{type:[Object,Function]},yScale:{type:[Object,Function]},excludeFromDomainCalculation:{type:Boolean},events:{},attributes:{},data:{}},setup(i,{expose:u}){const s=e.inject(p.componentAccessorKey),d=i,n=l.useForwardProps(d),t=e.ref();return e.onMounted(()=>{e.nextTick(()=>{t.value=new r.Plotband(n.value),s.update(t.value)})}),e.onUnmounted(()=>{var o;(o=t.value)==null||o.destroy(),s.destroy()}),e.watch(n,(o,a)=>{var c;l.arePropsEqual(o,a)||(c=t.value)==null||c.setConfig(n.value)}),u({component:t}),(o,a)=>(e.openBlock(),e.createElementBlock("div",b))}});exports.VisPlotbandSelectors=f;exports.default=m;
+//# sourceMappingURL=index.cjs.map

package/components/plotband/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/plotband/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Plotband, PlotbandConfigInterface } 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 = PlotbandConfigInterface<Datum>\nconst props = defineProps<Props & { data?: null }>()\n\n\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Plotband<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Plotband<Datum>(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 VisPlotbandSelectors = Plotband.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisPlotbandSelectors","Plotband","accessor","inject","componentAccessorKey","props","__props","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose"],"mappings":"+PA+CaA,EAAuBC,EAAAA,SAAS,2YAxCvC,MAAAC,EAAWC,SAAOC,sBAAoB,EAItCC,EAAQC,EAIRC,EAASC,kBAAgBH,CAAK,EAG9BI,EAAYC,EAAAA,IAAqB,EAGvCC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACbH,EAAU,MAAQ,IAAIR,WAAgBM,EAAO,KAAK,EAEzCL,EAAA,OAAOO,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDI,EAAAA,YAAY,IAAM,QAChBC,EAAAL,EAAU,QAAV,MAAAK,EAAiB,UACjBZ,EAAS,QAAQ,CAAA,CAClB,EAEKa,EAAAA,MAAAR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBH,EAAAL,EAAA,QAAA,MAAAK,EAAO,UAAUP,EAAO,MACpC,CACD,EAGYY,EAAA,CACX,UAAAV,CAAA,CACD"}

package/components/plotband/index.d.ts

@@ -0,0 +1,70 @@
+import { Plotband } from '@unovis/ts';
+export declare const VisPlotbandSelectors: typeof import("@unovis/ts/dist/components/plotband/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);
+            };
+        };
+        data?: null;
+        x?: import("@unovis/ts").NumericAccessor<Datum>;
+        y?: import("@unovis/ts").NumericAccessor<Datum> | import("@unovis/ts").NumericAccessor<Datum>[];
+        color?: string;
+        id?: (d: Datum, i: number, ...any: any[]) => string;
+        xScale?: import("@unovis/ts").ContinuousScale;
+        yScale?: import("@unovis/ts").ContinuousScale;
+        excludeFromDomainCalculation?: boolean;
+        labelColor?: string;
+        axis?: import("@unovis/ts").AxisType;
+        from?: number;
+        to?: number;
+        labelText?: string;
+        labelPosition?: import("@unovis/ts").PlotbandLabelPosition;
+        labelOffsetX?: number;
+        labelOffsetY?: number;
+        labelOrientation?: import("@unovis/ts").PlotbandLabelOrientation;
+        labelSize?: number;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{
+        component: import("vue").Ref<Plotband<Datum>, Plotband<Datum>>;
+    }>): void;
+    attrs: any;
+    slots: {};
+    emit: any;
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: any;
+};
+export default _default;

package/components/plotband/index.js

@@ -0,0 +1,51 @@
+import { defineComponent as i, inject as p, ref as u, onMounted as m, nextTick as d, onUnmounted as f, watch as b, createElementBlock as x, openBlock as v } from "vue";
+import { Plotband as l } from "@unovis/ts";
+import { useForwardProps as y, arePropsEqual as _ } from "../../utils/props.js";
+import { componentAccessorKey as F } from "../../utils/context.js";
+const O = { "data-vis-component": "" }, k = l.selectors, w = /* @__PURE__ */ i({
+  __name: "index",
+  props: {
+    color: {},
+    axis: {},
+    from: {},
+    to: {},
+    duration: {},
+    labelText: {},
+    labelPosition: {},
+    labelOffsetX: {},
+    labelOffsetY: {},
+    labelOrientation: {},
+    labelColor: {},
+    labelSize: {},
+    x: {},
+    y: {},
+    id: { type: Function },
+    xScale: { type: [Object, Function] },
+    yScale: { type: [Object, Function] },
+    excludeFromDomainCalculation: { type: Boolean },
+    events: {},
+    attributes: {},
+    data: {}
+  },
+  setup(r, { expose: s }) {
+    const n = p(F), t = y(r), e = u();
+    return m(() => {
+      d(() => {
+        e.value = new l(t.value), n.update(e.value);
+      });
+    }), f(() => {
+      var o;
+      (o = e.value) == null || o.destroy(), n.destroy();
+    }), b(t, (o, a) => {
+      var c;
+      _(o, a) || (c = e.value) == null || c.setConfig(t.value);
+    }), s({
+      component: e
+    }), (o, a) => (v(), x("div", O));
+  }
+});
+export {
+  k as VisPlotbandSelectors,
+  w as default
+};
+//# sourceMappingURL=index.js.map

package/components/plotband/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/plotband/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"Datum\">\n// !!! This code was automatically generated. You should not change it !!!\nimport { Plotband, PlotbandConfigInterface } 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 = PlotbandConfigInterface<Datum>\nconst props = defineProps<Props & { data?: null }>()\n\n\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Plotband<Datum>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Plotband<Datum>(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 VisPlotbandSelectors = Plotband.selectors\n</script>\n\n<template>\n  <div data-vis-component />\n</template>\n\n\n"],"names":["VisPlotbandSelectors","Plotband","accessor","inject","componentAccessorKey","config","useForwardProps","__props","component","ref","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","__expose"],"mappings":";;;;wCA+CaA,IAAuBC,EAAS;;;;;;;;;;;;;;;;;;;;;;;;;;AAxCvC,UAAAC,IAAWC,EAAOC,CAAoB,GAQtCC,IAASC,EAJDC,CAIsB,GAG9BC,IAAYC,EAAqB;AAGvC,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAAH,EAAU,QAAQ,IAAIP,EAAgBI,EAAO,KAAK,GAEzCH,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;;;"}

package/components/plotband/index2.cjs

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

package/components/plotband/index2.cjs.map

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

package/components/plotband/index2.js

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

package/components/plotband/index2.js.map

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

package/components/sankey/index.d.ts

@@ -51,6 +51,7 @@ declare const _default: <N extends import("@unovis/ts").GraphInputNode, L extend
         nodeColor?: import("@unovis/ts").ColorAccessor<import("@unovis/ts").SankeyNode<N, L>>;
         nodeIcon?: import("@unovis/ts").StringAccessor<import("@unovis/ts").SankeyNode<N, L>>;
         nodeSort?: (node1: import("@unovis/ts").SankeyNode<N, L>, node2: import("@unovis/ts").SankeyNode<N, L>) => number;
+        labelPosition?: import("@unovis/ts").GenericAccessor<string, import("@unovis/ts").SankeyNode<N, L>>;
         heightNormalizationCoeff?: number;
         exitTransitionType?: import("@unovis/ts").SankeyExitTransitionType;
         enterTransitionType?: import("@unovis/ts").SankeyEnterTransitionType;
@@ -70,7 +71,6 @@ declare const _default: <N extends import("@unovis/ts").GraphInputNode, L extend
         nodeIconColor?: import("@unovis/ts").ColorAccessor<import("@unovis/ts").SankeyNode<N, L>>;
         linkCursor?: import("@unovis/ts").StringAccessor<import("@unovis/ts").SankeyLink<N, L>>;
         subLabel?: import("@unovis/ts").StringAccessor<import("@unovis/ts").SankeyNode<N, L>>;
-        labelPosition?: import("@unovis/ts").GenericAccessor<string, import("@unovis/ts").SankeyNode<N, L>>;
         labelVerticalAlign?: string;
         labelBackground?: boolean;
         labelFit?: import("@unovis/ts").FitMode;

package/components/timeline/index.d.ts

@@ -52,12 +52,33 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
         type?: StringAccessor<Datum>;
         showEmptySegments?: boolean;
         lineWidth?: NumericAccessor<Datum>;
+        lineRow?: StringAccessor<Datum>;
+        lineDuration?: NumericAccessor<Datum>;
         lineCap?: boolean;
+        lineStartIcon?: StringAccessor<Datum>;
+        lineStartIconColor?: StringAccessor<Datum>;
+        lineStartIconSize?: NumericAccessor<Datum>;
+        lineStartIconArrangement?: import("@unovis/ts").GenericAccessor<import("@unovis/ts").Arrangement | "inside" | "outside" | "center", Datum>;
+        lineEndIcon?: StringAccessor<Datum>;
+        lineEndIconColor?: StringAccessor<Datum>;
+        lineEndIconSize?: NumericAccessor<Datum>;
+        lineEndIconArrangement?: import("@unovis/ts").GenericAccessor<import("@unovis/ts").Arrangement | "inside" | "outside" | "center", Datum>;
+        lineCursor?: StringAccessor<Datum>;
         rowHeight?: number;
+        alternatingRowColors?: boolean;
         showLabels?: boolean;
         labelWidth?: number;
         maxLabelWidth?: number;
-        alternatingRowColors?: boolean;
+        showRowLabels?: boolean;
+        rowLabelStyle?: import("@unovis/ts").GenericAccessor<Record<string, string>, import("@unovis/ts").TimelineRowLabel<Datum>>;
+        rowLabelFormatter?: (key: string, items: Datum[], i: number) => string;
+        rowIcon?: (key: string, items: Datum[], i: number) => import("@unovis/ts").TimelineRowIcon;
+        rowLabelWidth?: number;
+        rowMaxLabelWidth?: number;
+        rowLabelTextAlign?: import("@unovis/ts").TextAlign | "center" | "left" | "right";
+        arrows?: import("@unovis/ts").TimelineArrow[];
+        animationLineEnterPosition?: [number, number] | ((d: Datum & import("@unovis/ts").TimelineLineRenderState, i: number, data: (Datum & import("@unovis/ts").TimelineLineRenderState)[]) => [number, number]);
+        animationLineExitPosition?: [number, number] | ((d: Datum & import("@unovis/ts").TimelineLineRenderState, i: number, data: (Datum & import("@unovis/ts").TimelineLineRenderState)[]) => [number, number]);
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
         component: import("vue").Ref<Timeline<Datum>, Timeline<Datum>>;

package/components.d.ts

@@ -9,6 +9,7 @@ export { default as VisScatter, VisScatterSelectors } from "./components/scatter
 export { default as VisStackedBar, VisStackedBarSelectors } from "./components/stacked-bar/index";
 export { default as VisTimeline, VisTimelineSelectors } from "./components/timeline/index";
 export { default as VisXYLabels, VisXYLabelsSelectors } from "./components/xy-labels/index";
+export { default as VisPlotband, VisPlotbandSelectors } from "./components/plotband/index";
 export { default as VisChordDiagram, VisChordDiagramSelectors } from "./components/chord-diagram/index";
 export { default as VisDonut, VisDonutSelectors } from "./components/donut/index";
 export { default as VisGraph, VisGraphSelectors } from "./components/graph/index";

package/containers/xy-container/index.cjs

@@ -1,2 +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"),v=require("../../utils/props.cjs"),y=e.defineComponent({__name:"index",props:{components:{},xScale:{type:[Object,Function]},xDomain:{},xDomainMinConstraint:{},xDomainMaxConstraint:{},xRange:{},yScale:{type:[Object,Function]},yDomain:{},yDomainMinConstraint:{},yDomainMaxConstraint:{},yRange:{},yDirection:{},xAxis:{},yAxis:{},autoMargin:{type:Boolean},tooltip:{},crosshair:{},preventEmptyDomain:{type:[Boolean,null]},scaleByDomain:{type:Boolean},annotations:{},duration:{},margin:{},padding:{},sizing:{},width:{},height:{},svgDefs:{},ariaLabel:{},data:{}},setup(p,{expose:d}){const c=p,{data:n}=e.toRefs(c),u=v.useForwardProps(c),a=e.ref(),t=e.reactive({components:[],annotations:void 0,crosshair:void 0,tooltip:void 0,xAxis:void 0,yAxis:void 0}),r=e.ref();return e.watch(n,()=>{a.value&&a.value.setData(n.value,!0)}),e.watchEffect(()=>{var o;t.components.map(s=>s.config),(o=a.value)==null||o.updateContainer({...e.toRaw(u.value),...e.toRaw(t)})}),e.onMounted(()=>{r.value&&(a.value=new l.XYContainer(r.value,{...e.toRaw(t)},n.value))}),e.onUnmounted(()=>{var o;return(o=a.value)==null?void 0:o.destroy()}),e.provide(i.componentAccessorKey,{data:n,update:o=>t.components=[...t.components,o],destroy:()=>{var o;return t.components=(o=t.components)==null?void 0:o.filter(s=>!s.isDestroyed())}}),e.provide(i.axisAccessorKey,{data:n,update:o=>t[`${o.config.type}Axis`]=o,destroy:o=>{t[`${o}Axis`]=void 0}}),e.provide(i.crosshairAccessorKey,{data:n,update:o=>t.crosshair=o,destroy:()=>{t.crosshair=void 0}}),e.provide(i.tooltipAccessorKey,{data:n,update:o=>t.tooltip=o,destroy:()=>{t.tooltip=void 0}}),e.provide(i.annotationsAccessorKey,{data:n,update:o=>t.annotations=o,destroy:()=>{t.annotations=void 0}}),d({component:a}),(o,s)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-xy-container":"",ref_key:"elRef",ref:r,class:"unovis-xy-container"},[e.renderSlot(o.$slots,"default")],512))}});exports.default=y;
+"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"),v=require("../../utils/props.cjs"),y=e.defineComponent({__name:"index",props:{components:{},xScale:{type:[Object,Function]},xDomain:{},xDomainMinConstraint:{},xDomainMaxConstraint:{},xRange:{},yScale:{type:[Object,Function]},yDomain:{},yDomainMinConstraint:{},yDomainMaxConstraint:{},yRange:{},yDirection:{},xAxis:{},yAxis:{},autoMargin:{type:Boolean},tooltip:{},crosshair:{},preventEmptyDomain:{type:[Boolean,null]},scaleByDomain:{type:Boolean},annotations:{},clipPathExtend:{},duration:{},margin:{},padding:{},sizing:{},width:{},height:{},svgDefs:{},ariaLabel:{},data:{}},setup(p,{expose:d}){const c=p,{data:n}=e.toRefs(c),u=v.useForwardProps(c),a=e.ref(),t=e.reactive({components:[],annotations:void 0,crosshair:void 0,tooltip:void 0,xAxis:void 0,yAxis:void 0}),r=e.ref();return e.watch(n,()=>{a.value&&a.value.setData(n.value,!0)}),e.watchEffect(()=>{var o;t.components.map(s=>s.config),(o=a.value)==null||o.updateContainer({...e.toRaw(u.value),...e.toRaw(t)})}),e.onMounted(()=>{r.value&&(a.value=new l.XYContainer(r.value,{...e.toRaw(t)},n.value))}),e.onUnmounted(()=>{var o;return(o=a.value)==null?void 0:o.destroy()}),e.provide(i.componentAccessorKey,{data:n,update:o=>t.components=[...t.components,o],destroy:()=>{var o;return t.components=(o=t.components)==null?void 0:o.filter(s=>!s.isDestroyed())}}),e.provide(i.axisAccessorKey,{data:n,update:o=>t[`${o.config.type}Axis`]=o,destroy:o=>{t[`${o}Axis`]=void 0}}),e.provide(i.crosshairAccessorKey,{data:n,update:o=>t.crosshair=o,destroy:()=>{t.crosshair=void 0}}),e.provide(i.tooltipAccessorKey,{data:n,update:o=>t.tooltip=o,destroy:()=>{t.tooltip=void 0}}),e.provide(i.annotationsAccessorKey,{data:n,update:o=>t.annotations=o,destroy:()=>{t.annotations=void 0}}),d({component:a}),(o,s)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-xy-container":"",ref_key:"elRef",ref:r,class:"unovis-xy-container"},[e.renderSlot(o.$slots,"default")],512))}});exports.default=y;
 //# sourceMappingURL=index.cjs.map

package/containers/xy-container/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/containers/xy-container/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T\">\nimport { XYContainer, XYComponentCore, XYContainerConfigInterface, Tooltip, Crosshair, Axis, Annotations } from '@unovis/ts'\nimport { onMounted, onUnmounted, ref, provide, watch, toRefs, reactive, watchEffect, toRaw } from 'vue'\nimport { componentAccessorKey, tooltipAccessorKey, axisAccessorKey, crosshairAccessorKey, annotationsAccessorKey } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\nconst props = defineProps<XYContainerConfigInterface<T> & { data?: T[] }>()\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nconst chart = ref<XYContainer<T> | undefined>()\nconst config = reactive({\n  components: [],\n  annotations: undefined,\n  crosshair: undefined,\n  tooltip: undefined,\n  xAxis: undefined,\n  yAxis: undefined,\n}) as XYContainerConfigInterface<T>\nconst elRef = ref<HTMLDivElement>()\n\nwatch(data, () => {\n  if (chart.value) {\n    chart.value.setData(data.value, true)\n  }\n})\n\nwatchEffect(() => {\n  // watch deep changes in components config\n  const t = config.components.map(i => i.config)\n  chart.value?.updateContainer({ ...toRaw(parsedProps.value), ...toRaw(config) })\n})\n\nonMounted(() => {\n  if (elRef.value) chart.value = new XYContainer(elRef.value, { ...toRaw(config) }, data.value)\n})\n\nonUnmounted(() => chart.value?.destroy())\n\nprovide(componentAccessorKey, {\n  data,\n  update: (c: XYComponentCore<T>) => config.components = [...config.components!, c],\n  destroy: () => config.components = config.components?.filter(c => !c.isDestroyed()),\n})\n\nprovide(axisAccessorKey, {\n  data,\n  update: (c: Axis<T>) => config[`${c.config.type}Axis`] = c,\n  destroy: (c) => { config[`${c}Axis`] = undefined },\n})\n\nprovide(crosshairAccessorKey, {\n  data,\n  update: (c: Crosshair<T>) => config.crosshair = c,\n  destroy: () => { config.crosshair = undefined },\n})\n\nprovide(tooltipAccessorKey, {\n  data,\n  update: (t: Tooltip) => config.tooltip = t,\n  destroy: () => { config.tooltip = undefined },\n})\n\nprovide(annotationsAccessorKey, {\n  data,\n  update: (a: Annotations) => config.annotations = a,\n  destroy: () => { config.annotations = undefined },\n})\n\ndefineExpose({\n  component: chart\n})\n</script>\n\n<template>\n  <div data-vis-xy-container ref=\"elRef\" class='unovis-xy-container'>\n    <slot />\n  </div>\n</template>\n\n\n<style>\n.unovis-xy-container {\n  display: block;\n  position: relative;\n  width: 100%;\n}\n</style>\n"],"names":["props","__props","data","toRefs","parsedProps","useForwardProps","chart","ref","config","reactive","elRef","watch","watchEffect","i","_a","toRaw","onMounted","XYContainer","onUnmounted","provide","componentAccessorKey","c","axisAccessorKey","crosshairAccessorKey","tooltipAccessorKey","t","annotationsAccessorKey","a","__expose"],"mappings":"gwBAMA,MAAMA,EAAQC,EACR,CAAE,KAAAC,CAAA,EAASC,EAAA,OAAOH,CAAK,EACvBI,EAAcC,kBAAgBL,CAAK,EAEnCM,EAAQC,EAAAA,IAAgC,EACxCC,EAASC,EAAAA,SAAS,CACtB,WAAY,CAAC,EACb,YAAa,OACb,UAAW,OACX,QAAS,OACT,MAAO,OACP,MAAO,MAAA,CACR,EACKC,EAAQH,EAAAA,IAAoB,EAElCI,OAAAA,EAAA,MAAMT,EAAM,IAAM,CACZI,EAAM,OACRA,EAAM,MAAM,QAAQJ,EAAK,MAAO,EAAI,CACtC,CACD,EAEDU,EAAAA,YAAY,IAAM,OAENJ,EAAO,WAAW,IAAIK,GAAKA,EAAE,MAAM,GAC7CC,EAAAR,EAAM,QAAN,MAAAQ,EAAa,gBAAgB,CAAE,GAAGC,EAAM,MAAAX,EAAY,KAAK,EAAG,GAAGW,QAAMP,CAAM,CAAA,EAAG,CAC/E,EAEDQ,EAAAA,UAAU,IAAM,CACVN,EAAM,QAAaJ,EAAA,MAAQ,IAAIW,EAAAA,YAAYP,EAAM,MAAO,CAAE,GAAGK,EAAAA,MAAMP,CAAM,CAAE,EAAGN,EAAK,KAAK,EAAA,CAC7F,EAEDgB,EAAAA,YAAY,IAAM,OAAA,OAAAJ,EAAAR,EAAM,QAAN,YAAAQ,EAAa,UAAS,EAExCK,EAAAA,QAAQC,EAAAA,qBAAsB,CAC5B,KAAAlB,EACA,OAASmB,GAA0Bb,EAAO,WAAa,CAAC,GAAGA,EAAO,WAAaa,CAAC,EAChF,QAAS,IAAM,OAAA,OAAAb,EAAO,YAAaM,EAAAN,EAAO,aAAP,YAAAM,EAAmB,OAAYO,GAAA,CAACA,EAAE,YAAa,GAAA,CACnF,EAEDF,EAAAA,QAAQG,EAAAA,gBAAiB,CACvB,KAAApB,EACA,OAASmB,GAAeb,EAAO,GAAGa,EAAE,OAAO,IAAI,MAAM,EAAIA,EACzD,QAAUA,GAAM,CAASb,EAAA,GAAGa,CAAC,MAAM,EAAI,MAAA,CAAU,CAClD,EAEDF,EAAAA,QAAQI,EAAAA,qBAAsB,CAC5B,KAAArB,EACA,OAASmB,GAAoBb,EAAO,UAAYa,EAChD,QAAS,IAAM,CAAEb,EAAO,UAAY,MAAA,CAAU,CAC/C,EAEDW,EAAAA,QAAQK,EAAAA,mBAAoB,CAC1B,KAAAtB,EACA,OAASuB,GAAejB,EAAO,QAAUiB,EACzC,QAAS,IAAM,CAAEjB,EAAO,QAAU,MAAA,CAAU,CAC7C,EAEDW,EAAAA,QAAQO,EAAAA,uBAAwB,CAC9B,KAAAxB,EACA,OAASyB,GAAmBnB,EAAO,YAAcmB,EACjD,QAAS,IAAM,CAAEnB,EAAO,YAAc,MAAA,CAAU,CACjD,EAEYoB,EAAA,CACX,UAAWtB,CAAA,CACZ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/containers/xy-container/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T\">\nimport { XYContainer, XYComponentCore, XYContainerConfigInterface, Tooltip, Crosshair, Axis, Annotations } from '@unovis/ts'\nimport { onMounted, onUnmounted, ref, provide, watch, toRefs, reactive, watchEffect, toRaw } from 'vue'\nimport { componentAccessorKey, tooltipAccessorKey, axisAccessorKey, crosshairAccessorKey, annotationsAccessorKey } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\nconst props = defineProps<XYContainerConfigInterface<T> & { data?: T[] }>()\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nconst chart = ref<XYContainer<T> | undefined>()\nconst config = reactive({\n  components: [],\n  annotations: undefined,\n  crosshair: undefined,\n  tooltip: undefined,\n  xAxis: undefined,\n  yAxis: undefined,\n}) as XYContainerConfigInterface<T>\nconst elRef = ref<HTMLDivElement>()\n\nwatch(data, () => {\n  if (chart.value) {\n    chart.value.setData(data.value, true)\n  }\n})\n\nwatchEffect(() => {\n  // watch deep changes in components config\n  const t = config.components.map(i => i.config)\n  chart.value?.updateContainer({ ...toRaw(parsedProps.value), ...toRaw(config) })\n})\n\nonMounted(() => {\n  if (elRef.value) chart.value = new XYContainer(elRef.value, { ...toRaw(config) }, data.value)\n})\n\nonUnmounted(() => chart.value?.destroy())\n\nprovide(componentAccessorKey, {\n  data,\n  update: (c: XYComponentCore<T>) => config.components = [...config.components!, c],\n  destroy: () => config.components = config.components?.filter(c => !c.isDestroyed()),\n})\n\nprovide(axisAccessorKey, {\n  data,\n  update: (c: Axis<T>) => config[`${c.config.type}Axis`] = c,\n  destroy: (c) => { config[`${c}Axis`] = undefined },\n})\n\nprovide(crosshairAccessorKey, {\n  data,\n  update: (c: Crosshair<T>) => config.crosshair = c,\n  destroy: () => { config.crosshair = undefined },\n})\n\nprovide(tooltipAccessorKey, {\n  data,\n  update: (t: Tooltip) => config.tooltip = t,\n  destroy: () => { config.tooltip = undefined },\n})\n\nprovide(annotationsAccessorKey, {\n  data,\n  update: (a: Annotations) => config.annotations = a,\n  destroy: () => { config.annotations = undefined },\n})\n\ndefineExpose({\n  component: chart\n})\n</script>\n\n<template>\n  <div data-vis-xy-container ref=\"elRef\" class='unovis-xy-container'>\n    <slot />\n  </div>\n</template>\n\n\n<style>\n.unovis-xy-container {\n  display: block;\n  position: relative;\n  width: 100%;\n}\n</style>\n"],"names":["props","__props","data","toRefs","parsedProps","useForwardProps","chart","ref","config","reactive","elRef","watch","watchEffect","i","_a","toRaw","onMounted","XYContainer","onUnmounted","provide","componentAccessorKey","c","axisAccessorKey","crosshairAccessorKey","tooltipAccessorKey","t","annotationsAccessorKey","a","__expose"],"mappings":"kxBAMA,MAAMA,EAAQC,EACR,CAAE,KAAAC,CAAA,EAASC,EAAA,OAAOH,CAAK,EACvBI,EAAcC,kBAAgBL,CAAK,EAEnCM,EAAQC,EAAAA,IAAgC,EACxCC,EAASC,EAAAA,SAAS,CACtB,WAAY,CAAC,EACb,YAAa,OACb,UAAW,OACX,QAAS,OACT,MAAO,OACP,MAAO,MAAA,CACR,EACKC,EAAQH,EAAAA,IAAoB,EAElCI,OAAAA,EAAA,MAAMT,EAAM,IAAM,CACZI,EAAM,OACRA,EAAM,MAAM,QAAQJ,EAAK,MAAO,EAAI,CACtC,CACD,EAEDU,EAAAA,YAAY,IAAM,OAENJ,EAAO,WAAW,IAAIK,GAAKA,EAAE,MAAM,GAC7CC,EAAAR,EAAM,QAAN,MAAAQ,EAAa,gBAAgB,CAAE,GAAGC,EAAM,MAAAX,EAAY,KAAK,EAAG,GAAGW,QAAMP,CAAM,CAAA,EAAG,CAC/E,EAEDQ,EAAAA,UAAU,IAAM,CACVN,EAAM,QAAaJ,EAAA,MAAQ,IAAIW,EAAAA,YAAYP,EAAM,MAAO,CAAE,GAAGK,EAAAA,MAAMP,CAAM,CAAE,EAAGN,EAAK,KAAK,EAAA,CAC7F,EAEDgB,EAAAA,YAAY,IAAM,OAAA,OAAAJ,EAAAR,EAAM,QAAN,YAAAQ,EAAa,UAAS,EAExCK,EAAAA,QAAQC,EAAAA,qBAAsB,CAC5B,KAAAlB,EACA,OAASmB,GAA0Bb,EAAO,WAAa,CAAC,GAAGA,EAAO,WAAaa,CAAC,EAChF,QAAS,IAAM,OAAA,OAAAb,EAAO,YAAaM,EAAAN,EAAO,aAAP,YAAAM,EAAmB,OAAYO,GAAA,CAACA,EAAE,YAAa,GAAA,CACnF,EAEDF,EAAAA,QAAQG,EAAAA,gBAAiB,CACvB,KAAApB,EACA,OAASmB,GAAeb,EAAO,GAAGa,EAAE,OAAO,IAAI,MAAM,EAAIA,EACzD,QAAUA,GAAM,CAASb,EAAA,GAAGa,CAAC,MAAM,EAAI,MAAA,CAAU,CAClD,EAEDF,EAAAA,QAAQI,EAAAA,qBAAsB,CAC5B,KAAArB,EACA,OAASmB,GAAoBb,EAAO,UAAYa,EAChD,QAAS,IAAM,CAAEb,EAAO,UAAY,MAAA,CAAU,CAC/C,EAEDW,EAAAA,QAAQK,EAAAA,mBAAoB,CAC1B,KAAAtB,EACA,OAASuB,GAAejB,EAAO,QAAUiB,EACzC,QAAS,IAAM,CAAEjB,EAAO,QAAU,MAAA,CAAU,CAC7C,EAEDW,EAAAA,QAAQO,EAAAA,uBAAwB,CAC9B,KAAAxB,EACA,OAASyB,GAAmBnB,EAAO,YAAcmB,EACjD,QAAS,IAAM,CAAEnB,EAAO,YAAc,MAAA,CAAU,CACjD,EAEYoB,EAAA,CACX,UAAWtB,CAAA,CACZ"}

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

@@ -34,6 +34,7 @@ declare const _default: <T>(__VLS_props: any, __VLS_ctx?: {
         crosshair?: Crosshair<T>;
         preventEmptyDomain?: boolean;
         scaleByDomain?: boolean;
+        clipPathExtend?: number;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
         component: import("vue").Ref<XYContainer<T>, XYContainer<T>>;

package/containers/xy-container/index.js

@@ -1,8 +1,8 @@
 import { defineComponent as u, toRefs as y, ref as p, reactive as v, watch as f, watchEffect as x, toRaw as r, onMounted as h, onUnmounted as D, provide as a, createElementBlock as g, openBlock as A, renderSlot as C } from "vue";
 import { XYContainer as w } from "@unovis/ts";
 import { componentAccessorKey as B, axisAccessorKey as M, crosshairAccessorKey as R, tooltipAccessorKey as _, annotationsAccessorKey as K } from "../../utils/context.js";
-import { useForwardProps as b } from "../../utils/props.js";
-const $ = /* @__PURE__ */ u({
+import { useForwardProps as E } from "../../utils/props.js";
+const S = /* @__PURE__ */ u({
   __name: "index",
   props: {
     components: {},
@@ -25,6 +25,7 @@ const $ = /* @__PURE__ */ u({
     preventEmptyDomain: { type: [Boolean, null] },
     scaleByDomain: { type: Boolean },
     annotations: {},
+    clipPathExtend: {},
     duration: {},
     margin: {},
     padding: {},
@@ -36,7 +37,7 @@ const $ = /* @__PURE__ */ u({
     data: {}
   },
   setup(d, { expose: l }) {
-    const c = d, { data: t } = y(c), m = b(c), n = p(), e = v({
+    const c = d, { data: t } = y(c), m = E(c), n = p(), e = v({
       components: [],
       annotations: void 0,
       crosshair: void 0,
@@ -98,6 +99,6 @@ const $ = /* @__PURE__ */ u({
   }
 });
 export {
-  $ as default
+  S as default
 };
 //# sourceMappingURL=index.js.map

package/containers/xy-container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/containers/xy-container/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T\">\nimport { XYContainer, XYComponentCore, XYContainerConfigInterface, Tooltip, Crosshair, Axis, Annotations } from '@unovis/ts'\nimport { onMounted, onUnmounted, ref, provide, watch, toRefs, reactive, watchEffect, toRaw } from 'vue'\nimport { componentAccessorKey, tooltipAccessorKey, axisAccessorKey, crosshairAccessorKey, annotationsAccessorKey } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\nconst props = defineProps<XYContainerConfigInterface<T> & { data?: T[] }>()\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nconst chart = ref<XYContainer<T> | undefined>()\nconst config = reactive({\n  components: [],\n  annotations: undefined,\n  crosshair: undefined,\n  tooltip: undefined,\n  xAxis: undefined,\n  yAxis: undefined,\n}) as XYContainerConfigInterface<T>\nconst elRef = ref<HTMLDivElement>()\n\nwatch(data, () => {\n  if (chart.value) {\n    chart.value.setData(data.value, true)\n  }\n})\n\nwatchEffect(() => {\n  // watch deep changes in components config\n  const t = config.components.map(i => i.config)\n  chart.value?.updateContainer({ ...toRaw(parsedProps.value), ...toRaw(config) })\n})\n\nonMounted(() => {\n  if (elRef.value) chart.value = new XYContainer(elRef.value, { ...toRaw(config) }, data.value)\n})\n\nonUnmounted(() => chart.value?.destroy())\n\nprovide(componentAccessorKey, {\n  data,\n  update: (c: XYComponentCore<T>) => config.components = [...config.components!, c],\n  destroy: () => config.components = config.components?.filter(c => !c.isDestroyed()),\n})\n\nprovide(axisAccessorKey, {\n  data,\n  update: (c: Axis<T>) => config[`${c.config.type}Axis`] = c,\n  destroy: (c) => { config[`${c}Axis`] = undefined },\n})\n\nprovide(crosshairAccessorKey, {\n  data,\n  update: (c: Crosshair<T>) => config.crosshair = c,\n  destroy: () => { config.crosshair = undefined },\n})\n\nprovide(tooltipAccessorKey, {\n  data,\n  update: (t: Tooltip) => config.tooltip = t,\n  destroy: () => { config.tooltip = undefined },\n})\n\nprovide(annotationsAccessorKey, {\n  data,\n  update: (a: Annotations) => config.annotations = a,\n  destroy: () => { config.annotations = undefined },\n})\n\ndefineExpose({\n  component: chart\n})\n</script>\n\n<template>\n  <div data-vis-xy-container ref=\"elRef\" class='unovis-xy-container'>\n    <slot />\n  </div>\n</template>\n\n\n<style>\n.unovis-xy-container {\n  display: block;\n  position: relative;\n  width: 100%;\n}\n</style>\n"],"names":["props","__props","data","toRefs","parsedProps","useForwardProps","chart","ref","config","reactive","elRef","watch","watchEffect","_a","toRaw","onMounted","XYContainer","onUnmounted","provide","componentAccessorKey","c","axisAccessorKey","crosshairAccessorKey","tooltipAccessorKey","t","annotationsAccessorKey","a","__expose"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GACR,EAAE,MAAAC,EAAA,IAASC,EAAOH,CAAK,GACvBI,IAAcC,EAAgBL,CAAK,GAEnCM,IAAQC,EAAgC,GACxCC,IAASC,EAAS;AAAA,MACtB,YAAY,CAAC;AAAA,MACb,aAAa;AAAA,MACb,WAAW;AAAA,MACX,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,IAAA,CACR,GACKC,IAAQH,EAAoB;AAElC,WAAAI,EAAMT,GAAM,MAAM;AAChB,MAAII,EAAM,SACRA,EAAM,MAAM,QAAQJ,EAAK,OAAO,EAAI;AAAA,IACtC,CACD,GAEDU,EAAY,MAAM;;AAEN,MAAAJ,EAAO,WAAW,IAAI,CAAA,MAAK,EAAE,MAAM,IAC7CK,IAAAP,EAAM,UAAN,QAAAO,EAAa,gBAAgB,EAAE,GAAGC,EAAMV,EAAY,KAAK,GAAG,GAAGU,EAAMN,CAAM,EAAA;AAAA,IAAG,CAC/E,GAEDO,EAAU,MAAM;AACd,MAAIL,EAAM,UAAaJ,EAAA,QAAQ,IAAIU,EAAYN,EAAM,OAAO,EAAE,GAAGI,EAAMN,CAAM,EAAE,GAAGN,EAAK,KAAK;AAAA,IAAA,CAC7F,GAEDe,EAAY,MAAM;;AAAA,cAAAJ,IAAAP,EAAM,UAAN,gBAAAO,EAAa;AAAA,KAAS,GAExCK,EAAQC,GAAsB;AAAA,MAC5B,MAAAjB;AAAA,MACA,QAAQ,CAACkB,MAA0BZ,EAAO,aAAa,CAAC,GAAGA,EAAO,YAAaY,CAAC;AAAA,MAChF,SAAS,MAAM;;AAAA,eAAAZ,EAAO,cAAaK,IAAAL,EAAO,eAAP,gBAAAK,EAAmB,OAAO,CAAKO,MAAA,CAACA,EAAE,YAAa;AAAA;AAAA,IAAA,CACnF,GAEDF,EAAQG,GAAiB;AAAA,MACvB,MAAAnB;AAAA,MACA,QAAQ,CAACkB,MAAeZ,EAAO,GAAGY,EAAE,OAAO,IAAI,MAAM,IAAIA;AAAA,MACzD,SAAS,CAACA,MAAM;AAAS,QAAAZ,EAAA,GAAGY,CAAC,MAAM,IAAI;AAAA,MAAA;AAAA,IAAU,CAClD,GAEDF,EAAQI,GAAsB;AAAA,MAC5B,MAAApB;AAAA,MACA,QAAQ,CAACkB,MAAoBZ,EAAO,YAAYY;AAAA,MAChD,SAAS,MAAM;AAAE,QAAAZ,EAAO,YAAY;AAAA,MAAA;AAAA,IAAU,CAC/C,GAEDU,EAAQK,GAAoB;AAAA,MAC1B,MAAArB;AAAA,MACA,QAAQ,CAACsB,MAAehB,EAAO,UAAUgB;AAAA,MACzC,SAAS,MAAM;AAAE,QAAAhB,EAAO,UAAU;AAAA,MAAA;AAAA,IAAU,CAC7C,GAEDU,EAAQO,GAAwB;AAAA,MAC9B,MAAAvB;AAAA,MACA,QAAQ,CAACwB,MAAmBlB,EAAO,cAAckB;AAAA,MACjD,SAAS,MAAM;AAAE,QAAAlB,EAAO,cAAc;AAAA,MAAA;AAAA,IAAU,CACjD,GAEYmB,EAAA;AAAA,MACX,WAAWrB;AAAA,IAAA,CACZ;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/containers/xy-container/index.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T\">\nimport { XYContainer, XYComponentCore, XYContainerConfigInterface, Tooltip, Crosshair, Axis, Annotations } from '@unovis/ts'\nimport { onMounted, onUnmounted, ref, provide, watch, toRefs, reactive, watchEffect, toRaw } from 'vue'\nimport { componentAccessorKey, tooltipAccessorKey, axisAccessorKey, crosshairAccessorKey, annotationsAccessorKey } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\nconst props = defineProps<XYContainerConfigInterface<T> & { data?: T[] }>()\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nconst chart = ref<XYContainer<T> | undefined>()\nconst config = reactive({\n  components: [],\n  annotations: undefined,\n  crosshair: undefined,\n  tooltip: undefined,\n  xAxis: undefined,\n  yAxis: undefined,\n}) as XYContainerConfigInterface<T>\nconst elRef = ref<HTMLDivElement>()\n\nwatch(data, () => {\n  if (chart.value) {\n    chart.value.setData(data.value, true)\n  }\n})\n\nwatchEffect(() => {\n  // watch deep changes in components config\n  const t = config.components.map(i => i.config)\n  chart.value?.updateContainer({ ...toRaw(parsedProps.value), ...toRaw(config) })\n})\n\nonMounted(() => {\n  if (elRef.value) chart.value = new XYContainer(elRef.value, { ...toRaw(config) }, data.value)\n})\n\nonUnmounted(() => chart.value?.destroy())\n\nprovide(componentAccessorKey, {\n  data,\n  update: (c: XYComponentCore<T>) => config.components = [...config.components!, c],\n  destroy: () => config.components = config.components?.filter(c => !c.isDestroyed()),\n})\n\nprovide(axisAccessorKey, {\n  data,\n  update: (c: Axis<T>) => config[`${c.config.type}Axis`] = c,\n  destroy: (c) => { config[`${c}Axis`] = undefined },\n})\n\nprovide(crosshairAccessorKey, {\n  data,\n  update: (c: Crosshair<T>) => config.crosshair = c,\n  destroy: () => { config.crosshair = undefined },\n})\n\nprovide(tooltipAccessorKey, {\n  data,\n  update: (t: Tooltip) => config.tooltip = t,\n  destroy: () => { config.tooltip = undefined },\n})\n\nprovide(annotationsAccessorKey, {\n  data,\n  update: (a: Annotations) => config.annotations = a,\n  destroy: () => { config.annotations = undefined },\n})\n\ndefineExpose({\n  component: chart\n})\n</script>\n\n<template>\n  <div data-vis-xy-container ref=\"elRef\" class='unovis-xy-container'>\n    <slot />\n  </div>\n</template>\n\n\n<style>\n.unovis-xy-container {\n  display: block;\n  position: relative;\n  width: 100%;\n}\n</style>\n"],"names":["props","__props","data","toRefs","parsedProps","useForwardProps","chart","ref","config","reactive","elRef","watch","watchEffect","_a","toRaw","onMounted","XYContainer","onUnmounted","provide","componentAccessorKey","c","axisAccessorKey","crosshairAccessorKey","tooltipAccessorKey","t","annotationsAccessorKey","a","__expose"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GACR,EAAE,MAAAC,EAAA,IAASC,EAAOH,CAAK,GACvBI,IAAcC,EAAgBL,CAAK,GAEnCM,IAAQC,EAAgC,GACxCC,IAASC,EAAS;AAAA,MACtB,YAAY,CAAC;AAAA,MACb,aAAa;AAAA,MACb,WAAW;AAAA,MACX,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,IAAA,CACR,GACKC,IAAQH,EAAoB;AAElC,WAAAI,EAAMT,GAAM,MAAM;AAChB,MAAII,EAAM,SACRA,EAAM,MAAM,QAAQJ,EAAK,OAAO,EAAI;AAAA,IACtC,CACD,GAEDU,EAAY,MAAM;;AAEN,MAAAJ,EAAO,WAAW,IAAI,CAAA,MAAK,EAAE,MAAM,IAC7CK,IAAAP,EAAM,UAAN,QAAAO,EAAa,gBAAgB,EAAE,GAAGC,EAAMV,EAAY,KAAK,GAAG,GAAGU,EAAMN,CAAM,EAAA;AAAA,IAAG,CAC/E,GAEDO,EAAU,MAAM;AACd,MAAIL,EAAM,UAAaJ,EAAA,QAAQ,IAAIU,EAAYN,EAAM,OAAO,EAAE,GAAGI,EAAMN,CAAM,EAAE,GAAGN,EAAK,KAAK;AAAA,IAAA,CAC7F,GAEDe,EAAY,MAAM;;AAAA,cAAAJ,IAAAP,EAAM,UAAN,gBAAAO,EAAa;AAAA,KAAS,GAExCK,EAAQC,GAAsB;AAAA,MAC5B,MAAAjB;AAAA,MACA,QAAQ,CAACkB,MAA0BZ,EAAO,aAAa,CAAC,GAAGA,EAAO,YAAaY,CAAC;AAAA,MAChF,SAAS,MAAM;;AAAA,eAAAZ,EAAO,cAAaK,IAAAL,EAAO,eAAP,gBAAAK,EAAmB,OAAO,CAAKO,MAAA,CAACA,EAAE,YAAa;AAAA;AAAA,IAAA,CACnF,GAEDF,EAAQG,GAAiB;AAAA,MACvB,MAAAnB;AAAA,MACA,QAAQ,CAACkB,MAAeZ,EAAO,GAAGY,EAAE,OAAO,IAAI,MAAM,IAAIA;AAAA,MACzD,SAAS,CAACA,MAAM;AAAS,QAAAZ,EAAA,GAAGY,CAAC,MAAM,IAAI;AAAA,MAAA;AAAA,IAAU,CAClD,GAEDF,EAAQI,GAAsB;AAAA,MAC5B,MAAApB;AAAA,MACA,QAAQ,CAACkB,MAAoBZ,EAAO,YAAYY;AAAA,MAChD,SAAS,MAAM;AAAE,QAAAZ,EAAO,YAAY;AAAA,MAAA;AAAA,IAAU,CAC/C,GAEDU,EAAQK,GAAoB;AAAA,MAC1B,MAAArB;AAAA,MACA,QAAQ,CAACsB,MAAehB,EAAO,UAAUgB;AAAA,MACzC,SAAS,MAAM;AAAE,QAAAhB,EAAO,UAAU;AAAA,MAAA;AAAA,IAAU,CAC7C,GAEDU,EAAQO,GAAwB;AAAA,MAC9B,MAAAvB;AAAA,MACA,QAAQ,CAACwB,MAAmBlB,EAAO,cAAckB;AAAA,MACjD,SAAS,MAAM;AAAE,QAAAlB,EAAO,cAAc;AAAA,MAAA;AAAA,IAAU,CACjD,GAEYmB,EAAA;AAAA,MACX,WAAWrB;AAAA,IAAA,CACZ;;;;;;;;;;"}

package/index.cjs

@@ -1,3 +1,3 @@
 (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 $=require("./containers/xy-container/index.cjs");;exports.VisXYContainer=$.default;exports.VisSingleContainer=h.default;exports.VisArea=e.default;exports.VisAreaSelectors=e.VisAreaSelectors;exports.VisAxis=t.default;exports.VisAxisSelectors=t.VisAxisSelectors;exports.VisBrush=s.default;exports.VisBrushSelectors=s.VisBrushSelectors;exports.VisCrosshair=r.default;exports.VisCrosshairSelectors=r.VisCrosshairSelectors;exports.VisFreeBrush=i.default;exports.VisFreeBrushSelectors=i.VisFreeBrushSelectors;exports.VisGroupedBar=u.default;exports.VisGroupedBarSelectors=u.VisGroupedBarSelectors;exports.VisLine=_.default;exports.VisLineSelectors=_.VisLineSelectors;exports.VisScatter=l.default;exports.VisScatterSelectors=l.VisScatterSelectors;exports.VisStackedBar=o.default;exports.VisStackedBarSelectors=o.VisStackedBarSelectors;exports.VisTimeline=n.default;exports.VisTimelineSelectors=n.VisTimelineSelectors;exports.VisXYLabels=a.default;exports.VisXYLabelsSelectors=a.VisXYLabelsSelectors;exports.VisChordDiagram=c.default;exports.VisChordDiagramSelectors=c.VisChordDiagramSelectors;exports.VisDonut=p.default;exports.VisDonutSelectors=p.VisDonutSelectors;exports.VisGraph=V.default;exports.VisGraphSelectors=V.VisGraphSelectors;exports.VisNestedDonut=d.default;exports.VisNestedDonutSelectors=d.VisNestedDonutSelectors;exports.VisSankey=S.default;exports.VisSankeySelectors=S.VisSankeySelectors;exports.VisTopoJSONMap=v.default;exports.VisTopoJSONMapSelectors=v.VisTopoJSONMapSelectors;exports.VisTooltip=g.default;exports.VisTooltipSelectors=g.VisTooltipSelectors;exports.VisAnnotations=f.default;exports.VisAnnotationsSelectors=f.VisAnnotationsSelectors;exports.VisLeafletMap=q.default;exports.VisLeafletMapSelectors=q.VisLeafletMapSelectors;exports.VisLeafletFlowMap=y.default;exports.VisLeafletFlowMapSelectors=y.VisLeafletFlowMapSelectors;exports.VisBulletLegend=x.default;exports.VisBulletLegendSelectors=x.VisBulletLegendSelectors;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("./containers/xy-container/index.cjs");;exports.VisXYContainer=h.default;exports.VisSingleContainer=B.default;exports.VisArea=e.default;exports.VisAreaSelectors=e.VisAreaSelectors;exports.VisAxis=t.default;exports.VisAxisSelectors=t.VisAxisSelectors;exports.VisBrush=s.default;exports.VisBrushSelectors=s.VisBrushSelectors;exports.VisCrosshair=r.default;exports.VisCrosshairSelectors=r.VisCrosshairSelectors;exports.VisFreeBrush=i.default;exports.VisFreeBrushSelectors=i.VisFreeBrushSelectors;exports.VisGroupedBar=u.default;exports.VisGroupedBarSelectors=u.VisGroupedBarSelectors;exports.VisLine=_.default;exports.VisLineSelectors=_.VisLineSelectors;exports.VisScatter=l.default;exports.VisScatterSelectors=l.VisScatterSelectors;exports.VisStackedBar=o.default;exports.VisStackedBarSelectors=o.VisStackedBarSelectors;exports.VisTimeline=n.default;exports.VisTimelineSelectors=n.VisTimelineSelectors;exports.VisXYLabels=a.default;exports.VisXYLabelsSelectors=a.VisXYLabelsSelectors;exports.VisPlotband=c.default;exports.VisPlotbandSelectors=c.VisPlotbandSelectors;exports.VisChordDiagram=p.default;exports.VisChordDiagramSelectors=p.VisChordDiagramSelectors;exports.VisDonut=d.default;exports.VisDonutSelectors=d.VisDonutSelectors;exports.VisGraph=V.default;exports.VisGraphSelectors=V.VisGraphSelectors;exports.VisNestedDonut=S.default;exports.VisNestedDonutSelectors=S.VisNestedDonutSelectors;exports.VisSankey=v.default;exports.VisSankeySelectors=v.VisSankeySelectors;exports.VisTopoJSONMap=g.default;exports.VisTopoJSONMapSelectors=g.VisTopoJSONMapSelectors;exports.VisTooltip=f.default;exports.VisTooltipSelectors=f.VisTooltipSelectors;exports.VisAnnotations=q.default;exports.VisAnnotationsSelectors=q.VisAnnotationsSelectors;exports.VisLeafletMap=y.default;exports.VisLeafletMapSelectors=y.VisLeafletMapSelectors;exports.VisLeafletFlowMap=x.default;exports.VisLeafletFlowMapSelectors=x.VisLeafletFlowMapSelectors;exports.VisBulletLegend=$.default;exports.VisBulletLegendSelectors=$.VisBulletLegendSelectors;
 //# sourceMappingURL=index.cjs.map

package/index.js

@@ -3,77 +3,80 @@ import { default as l } from "./containers/xy-container/index.js";
 
 import { default as V } from "./containers/single-container/index.js";
 /* empty css                                   */
-import { default as u, VisAreaSelectors as d } from "./components/area/index.js";
+import { default as d, VisAreaSelectors as u } from "./components/area/index.js";
 import { default as S, VisAxisSelectors as c } from "./components/axis/index.js";
 import { default as n, VisBrushSelectors as h } from "./components/brush/index.js";
 import { default as L, VisCrosshairSelectors as A } from "./components/crosshair/index.js";
 import { default as D, VisFreeBrushSelectors as M } from "./components/free-brush/index.js";
-import { default as g, VisGroupedBarSelectors as k } from "./components/grouped-bar/index.js";
-import { default as G, VisLineSelectors as N } from "./components/line/index.js";
-import { default as Y, VisScatterSelectors as b } from "./components/scatter/index.js";
+import { default as g, VisGroupedBarSelectors as b } from "./components/grouped-bar/index.js";
+import { default as F, VisLineSelectors as G } from "./components/line/index.js";
+import { default as X, VisScatterSelectors as Y } from "./components/scatter/index.js";
 import { default as y, VisStackedBarSelectors as J } from "./components/stacked-bar/index.js";
-import { default as j, VisTimelineSelectors as q } from "./components/timeline/index.js";
-import { default as z, VisXYLabelsSelectors as E } from "./components/xy-labels/index.js";
-import { default as I, VisChordDiagramSelectors as K } from "./components/chord-diagram/index.js";
-import { default as Q, VisDonutSelectors as R } from "./components/donut/index.js";
-import { default as W, VisGraphSelectors as Z } from "./components/graph/index.js";
-import { default as $, VisNestedDonutSelectors as ee } from "./components/nested-donut/index.js";
-import { default as re, VisSankeySelectors as oe } from "./components/sankey/index.js";
-import { default as ae, VisTopoJSONMapSelectors as ie } from "./components/topojson-map/index.js";
-import { default as fe, VisTooltipSelectors as Ve } from "./components/tooltip/index.js";
-import { default as ue, VisAnnotationsSelectors as de } from "./components/annotations/index.js";
-import { default as Se, VisLeafletMapSelectors as ce } from "./html-components/leaflet-map/index.js";
+import { default as P, VisTimelineSelectors as j } from "./components/timeline/index.js";
+import { default as v, VisXYLabelsSelectors as z } from "./components/xy-labels/index.js";
+import { default as H, VisPlotbandSelectors as I } from "./components/plotband/index.js";
+import { default as Q, VisChordDiagramSelectors as R } from "./components/chord-diagram/index.js";
+import { default as W, VisDonutSelectors as Z } from "./components/donut/index.js";
+import { default as $, VisGraphSelectors as ee } from "./components/graph/index.js";
+import { default as oe, VisNestedDonutSelectors as re } from "./components/nested-donut/index.js";
+import { default as ae, VisSankeySelectors as ie } from "./components/sankey/index.js";
+import { default as fe, VisTopoJSONMapSelectors as Ve } from "./components/topojson-map/index.js";
+import { default as de, VisTooltipSelectors as ue } from "./components/tooltip/index.js";
+import { default as Se, VisAnnotationsSelectors as ce } from "./components/annotations/index.js";
+import { default as ne, VisLeafletMapSelectors as he } from "./html-components/leaflet-map/index.js";
 /* empty css                                   */
-import { default as ne, VisLeafletFlowMapSelectors as he } from "./html-components/leaflet-flow-map/index.js";
+import { default as Le, VisLeafletFlowMapSelectors as Ae } from "./html-components/leaflet-flow-map/index.js";
 /* empty css                                        */
-import { default as Le, VisBulletLegendSelectors as Ae } from "./html-components/bullet-legend/index.js";
+import { default as De, VisBulletLegendSelectors as Me } from "./html-components/bullet-legend/index.js";
 /* empty css                                     */
 export {
-  ue as VisAnnotations,
-  de as VisAnnotationsSelectors,
-  u as VisArea,
-  d as VisAreaSelectors,
+  Se as VisAnnotations,
+  ce as VisAnnotationsSelectors,
+  d as VisArea,
+  u as VisAreaSelectors,
   S as VisAxis,
   c as VisAxisSelectors,
   n as VisBrush,
   h as VisBrushSelectors,
-  Le as VisBulletLegend,
-  Ae as VisBulletLegendSelectors,
-  I as VisChordDiagram,
-  K as VisChordDiagramSelectors,
+  De as VisBulletLegend,
+  Me as VisBulletLegendSelectors,
+  Q as VisChordDiagram,
+  R as VisChordDiagramSelectors,
   L as VisCrosshair,
   A as VisCrosshairSelectors,
-  Q as VisDonut,
-  R as VisDonutSelectors,
+  W as VisDonut,
+  Z as VisDonutSelectors,
   D as VisFreeBrush,
   M as VisFreeBrushSelectors,
-  W as VisGraph,
-  Z as VisGraphSelectors,
+  $ as VisGraph,
+  ee as VisGraphSelectors,
   g as VisGroupedBar,
-  k as VisGroupedBarSelectors,
-  ne as VisLeafletFlowMap,
-  he as VisLeafletFlowMapSelectors,
-  Se as VisLeafletMap,
-  ce as VisLeafletMapSelectors,
-  G as VisLine,
-  N as VisLineSelectors,
-  $ as VisNestedDonut,
-  ee as VisNestedDonutSelectors,
-  re as VisSankey,
-  oe as VisSankeySelectors,
-  Y as VisScatter,
-  b as VisScatterSelectors,
+  b as VisGroupedBarSelectors,
+  Le as VisLeafletFlowMap,
+  Ae as VisLeafletFlowMapSelectors,
+  ne as VisLeafletMap,
+  he as VisLeafletMapSelectors,
+  F as VisLine,
+  G as VisLineSelectors,
+  oe as VisNestedDonut,
+  re as VisNestedDonutSelectors,
+  H as VisPlotband,
+  I as VisPlotbandSelectors,
+  ae as VisSankey,
+  ie as VisSankeySelectors,
+  X as VisScatter,
+  Y as VisScatterSelectors,
   V as VisSingleContainer,
   y as VisStackedBar,
   J as VisStackedBarSelectors,
-  j as VisTimeline,
-  q as VisTimelineSelectors,
-  fe as VisTooltip,
-  Ve as VisTooltipSelectors,
-  ae as VisTopoJSONMap,
-  ie as VisTopoJSONMapSelectors,
+  P as VisTimeline,
+  j as VisTimelineSelectors,
+  de as VisTooltip,
+  ue as VisTooltipSelectors,
+  fe as VisTopoJSONMap,
+  Ve as VisTopoJSONMapSelectors,
   l as VisXYContainer,
-  z as VisXYLabels,
-  E as VisXYLabelsSelectors
+  v as VisXYLabels,
+  z as VisXYLabelsSelectors
 };
 //# sourceMappingURL=index.js.map

package/index.js.map

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

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.5.2",
+  "version": "1.6.0-bigip.0",
   "packageManager": "npm@10.9.1",
   "repository": {
     "type": "git",
@@ -53,7 +53,7 @@
     "gallery": "vite"
   },
   "peerDependencies": {
-    "@unovis/ts": "1.5.2",
+    "@unovis/ts": "1.6.0-bigip.0",
     "vue": "^3"
   },
   "devDependencies": {