@unovis/vue 1.3.4-beta.2 → 1.4.0-beta.0

package/components/annotations/index.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),d=require("@unovis/ts"),a=require("../../utils/props.cjs"),l=require("../../utils/context.cjs"),v={"data-vis-annotations":""},_=e.defineComponent({__name:"index",props:{items:{},duration:{},events:{},attributes:{},data:{}},setup(i,{expose:u}){const p=i,s=e.inject(l.annotationsAccessorKey),o=a.useForwardProps(p),t=e.ref();return e.onMounted(()=>{e.nextTick(()=>{t.value=new d.Annotations(o.value),s.update(t.value)})}),e.onUnmounted(()=>{var n;(n=t.value)==null||n.destroy(),s.destroy()}),e.watch(o,(n,r)=>{var c;a.arePropsEqual(n,r)||(c=t.value)==null||c.setConfig(o.value)}),u({component:t}),(n,r)=>(e.openBlock(),e.createElementBlock("div",v))}});module.exports=_;
+//# sourceMappingURL=index.cjs.map

package/components/annotations/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/annotations/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-annotations\": \"\" }\n\nimport { Annotations, AnnotationsConfigInterface, AnnotationItem } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { annotationsAccessorKey } from '../../utils/context'\n\ninterface Props extends  AnnotationsConfigInterface { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    items: {},\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(annotationsAccessorKey)\n\n// data and required props \n\n\n\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Annotations>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Annotations(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\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","annotationsAccessorKey","config","useForwardProps","component","ref","onMounted","nextTick","Annotations","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"oIAGMA,EAAa,CAAE,uBAAwB,IASjBC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,MAAO,CAAC,EACR,SAAU,CAAC,EACX,OAAQ,CAAC,EACT,WAAY,CAAC,EACb,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAAE,OAAQC,GAAY,CAE5C,MAAMC,EAAQF,EAGRG,EAAWC,SAAOC,EAAAA,sBAAsB,EAOxCC,EAASC,kBAAgBL,CAAK,EAG9BM,EAAYC,EAAAA,MAGlBC,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACbH,EAAU,MAAQ,IAAII,EAAY,YAAAN,EAAO,KAAK,EAErCH,EAAA,OAAOK,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDK,EAAAA,YAAY,IAAM,QAChBC,EAAAN,EAAU,QAAV,MAAAM,EAAiB,UACjBX,EAAS,QAAQ,CAAA,CAClB,EAEKY,EAAAA,MAAAT,EAAQ,CAACU,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBH,EAAAN,EAAA,QAAA,MAAAM,EAAO,UAAUR,EAAO,MACpC,CACD,EAGQL,EAAA,CACP,UAAAO,CAAA,CACD,EAEM,CAACW,EAAUC,KACRC,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAOzB,CAAU,EAE7D,CAEA,CAAC"}

package/components/annotations/index.d.ts

@@ -0,0 +1,95 @@
+import { Annotations, AnnotationItem } from '@unovis/ts';
+declare const _default: import("vue").DefineComponent<{
+    items: {
+        type: import("vue").PropType<AnnotationItem[]>;
+        required: true;
+    };
+    duration: {
+        type: import("vue").PropType<number>;
+    };
+    events: {
+        type: import("vue").PropType<{
+            [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: {
+        type: import("vue").PropType<{
+            [selector: string]: {
+                [attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);
+            };
+        }>;
+    };
+    data: {
+        type: import("vue").PropType<never>;
+    };
+}, {
+    component: import("vue").Ref<Annotations>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: import("vue").PropType<AnnotationItem[]>;
+        required: true;
+    };
+    duration: {
+        type: import("vue").PropType<number>;
+    };
+    events: {
+        type: import("vue").PropType<{
+            [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: {
+        type: import("vue").PropType<{
+            [selector: string]: {
+                [attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);
+            };
+        }>;
+    };
+    data: {
+        type: import("vue").PropType<never>;
+    };
+}>>, {}, {}>;
+export default _default;

package/components/annotations/index.js

@@ -0,0 +1,34 @@
+import { defineComponent as p, inject as u, ref as m, onMounted as d, nextTick as f, onUnmounted as l, watch as v, openBlock as _, createElementBlock as x } from "vue";
+import { Annotations as h } from "@unovis/ts";
+import { useForwardProps as k, arePropsEqual as w } from "../../utils/props.js";
+import { annotationsAccessorKey as y } from "../../utils/context.js";
+const g = { "data-vis-annotations": "" }, P = /* @__PURE__ */ p({
+  __name: "index",
+  props: {
+    items: {},
+    duration: {},
+    events: {},
+    attributes: {},
+    data: {}
+  },
+  setup(r, { expose: c }) {
+    const i = r, n = u(y), t = k(i), o = m();
+    return d(() => {
+      f(() => {
+        o.value = new h(t.value), n.update(o.value);
+      });
+    }), l(() => {
+      var e;
+      (e = o.value) == null || e.destroy(), n.destroy();
+    }), v(t, (e, s) => {
+      var a;
+      w(e, s) || (a = o.value) == null || a.setConfig(t.value);
+    }), c({
+      component: o
+    }), (e, s) => (_(), x("div", g));
+  }
+});
+export {
+  P as default
+};
+//# sourceMappingURL=index.js.map

package/components/annotations/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/annotations/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { \"data-vis-annotations\": \"\" }\n\nimport { Annotations, AnnotationsConfigInterface, AnnotationItem } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { annotationsAccessorKey } from '../../utils/context'\n\ninterface Props extends  AnnotationsConfigInterface { }\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    items: {},\n    duration: {},\n    events: {},\n    attributes: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\nconst accessor = inject(annotationsAccessorKey)\n\n// data and required props \n\n\n\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Annotations>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Annotations(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\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","annotationsAccessorKey","config","useForwardProps","component","ref","onMounted","nextTick","Annotations","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;;;AAGA,MAAMA,IAAa,EAAE,wBAAwB,MASjBC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,OAAO,CAAC;AAAA,IACR,UAAU,CAAC;AAAA,IACX,QAAQ,CAAC;AAAA,IACT,YAAY,CAAC;AAAA,IACb,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc,EAAE,QAAQC,KAAY;AAE5C,UAAMC,IAAQF,GAGRG,IAAWC,EAAOC,CAAsB,GAOxCC,IAASC,EAAgBL,CAAK,GAG9BM,IAAYC;AAGlB,WAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAAH,EAAU,QAAQ,IAAII,EAAYN,EAAO,KAAK,GAErCH,EAAA,OAAOK,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDK,EAAY,MAAM;;AAChB,OAAAC,IAAAN,EAAU,UAAV,QAAAM,EAAiB,WACjBX,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKY,EAAAT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBH,IAAAN,EAAA,UAAA,QAAAM,EAAO,UAAUR,EAAO;AAAA,IACpC,CACD,GAGQL,EAAA;AAAA,MACP,WAAAO;AAAA,IAAA,CACD,GAEM,CAACW,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAOzB,CAAU;AAAA,EAE7D;AAEA,CAAC;"}

package/components/annotations/index2.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("./index.cjs");module.exports=e;
+//# sourceMappingURL=index2.cjs.map

package/components/annotations/index2.cjs.map

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

package/components/annotations/index2.js

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

package/components/annotations/index2.js.map

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

package/components/area/index.d.ts

@@ -5,18 +5,6 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
     slots: any;
 }, __VLS_expose?: any, __VLS_setup?: Promise<{
     props: {
-        color?: import("@unovis/ts").ColorAccessor<Datum[]>;
-        curveType?: import("@unovis/ts").CurveType;
-        baseline?: NumericAccessor<Datum>;
-        opacity?: NumericAccessor<Datum[]>;
-        cursor?: import("@unovis/ts").StringAccessor<Datum[]>;
-        minHeight1Px?: boolean;
-        x: NumericAccessor<Datum>;
-        y: NumericAccessor<Datum> | NumericAccessor<Datum>[];
-        id?: (d: Datum, i: number, ...any: any[]) => string;
-        xScale?: import("@unovis/ts").ContinuousScale;
-        yScale?: import("@unovis/ts").ContinuousScale;
-        excludeFromDomainCalculation?: boolean;
         duration?: number;
         events?: {
             [selector: string]: {
@@ -49,6 +37,18 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
             };
         };
         data?: Datum[];
+        color?: import("@unovis/ts").ColorAccessor<Datum[]>;
+        curveType?: string;
+        baseline?: NumericAccessor<Datum>;
+        opacity?: NumericAccessor<Datum[]>;
+        cursor?: import("@unovis/ts").StringAccessor<Datum[]>;
+        minHeight1Px?: boolean;
+        x: NumericAccessor<Datum>;
+        y: NumericAccessor<Datum> | NumericAccessor<Datum>[];
+        id?: (d: Datum, i: number, ...any: any[]) => string;
+        xScale?: import("@unovis/ts").ContinuousScale;
+        yScale?: import("@unovis/ts").ContinuousScale;
+        excludeFromDomainCalculation?: boolean;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
         component: import("vue").Ref<Area<Datum>>;

package/components/axis/index.d.ts

@@ -5,13 +5,6 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
     slots: any;
 }, __VLS_expose?: any, __VLS_setup?: Promise<{
     props: {
-        color?: string | string[] | ((d: Datum, i: number, ...any: unknown[]) => string) | ((d: Datum[], i: number, ...any: unknown[]) => string);
-        x?: import("@unovis/ts").NumericAccessor<Datum>;
-        y?: import("@unovis/ts").NumericAccessor<Datum> | import("@unovis/ts").NumericAccessor<Datum>[];
-        id?: (d: Datum, i: number, ...any: any[]) => string;
-        xScale?: import("@unovis/ts").ContinuousScale;
-        yScale?: import("@unovis/ts").ContinuousScale;
-        excludeFromDomainCalculation?: boolean;
         duration?: number;
         events?: {
             [selector: string]: {
@@ -45,6 +38,13 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
         };
         data?: Datum[];
         label?: string;
+        color?: string | string[] | ((d: Datum, i: number, ...any: unknown[]) => string) | ((d: Datum[], i: number, ...any: unknown[]) => string);
+        x?: import("@unovis/ts").NumericAccessor<Datum>;
+        y?: import("@unovis/ts").NumericAccessor<Datum> | import("@unovis/ts").NumericAccessor<Datum>[];
+        id?: (d: Datum, i: number, ...any: any[]) => string;
+        xScale?: import("@unovis/ts").ContinuousScale;
+        yScale?: import("@unovis/ts").ContinuousScale;
+        excludeFromDomainCalculation?: boolean;
         position?: string;
         type?: string;
         fullSize?: boolean;

package/components/brush/index.d.ts

@@ -5,13 +5,6 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
     slots: any;
 }, __VLS_expose?: any, __VLS_setup?: Promise<{
     props: {
-        color?: string | string[] | ((d: Datum, i: number, ...any: unknown[]) => string) | ((d: Datum[], i: number, ...any: unknown[]) => string);
-        x?: import("@unovis/ts").NumericAccessor<Datum>;
-        y?: import("@unovis/ts").NumericAccessor<Datum> | import("@unovis/ts").NumericAccessor<Datum>[];
-        id?: (d: Datum, i: number, ...any: any[]) => string;
-        xScale?: import("@unovis/ts").ContinuousScale;
-        yScale?: import("@unovis/ts").ContinuousScale;
-        excludeFromDomainCalculation?: boolean;
         duration?: number;
         events?: {
             [selector: string]: {
@@ -44,6 +37,13 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
             };
         };
         data?: Datum[];
+        color?: string | string[] | ((d: Datum, i: number, ...any: unknown[]) => string) | ((d: Datum[], i: number, ...any: unknown[]) => string);
+        x?: import("@unovis/ts").NumericAccessor<Datum>;
+        y?: import("@unovis/ts").NumericAccessor<Datum> | import("@unovis/ts").NumericAccessor<Datum>[];
+        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;

package/components/crosshair/index.d.ts

@@ -5,14 +5,6 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
     slots: any;
 }, __VLS_expose?: any, __VLS_setup?: Promise<{
     props: {
-        color?: import("@unovis/ts").ColorAccessor<Datum>;
-        baseline?: NumericAccessor<Datum>;
-        x?: NumericAccessor<Datum>;
-        y?: NumericAccessor<Datum> | NumericAccessor<Datum>[];
-        id?: (d: Datum, i: number, ...any: any[]) => string;
-        xScale?: import("@unovis/ts").ContinuousScale;
-        yScale?: import("@unovis/ts").ContinuousScale;
-        excludeFromDomainCalculation?: boolean;
         duration?: number;
         events?: {
             [selector: string]: {
@@ -46,6 +38,14 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
         };
         data?: Datum[];
         template?: (data: Datum, x: number | Date) => string | HTMLElement;
+        color?: import("@unovis/ts").ColorAccessor<Datum>;
+        baseline?: NumericAccessor<Datum>;
+        x?: NumericAccessor<Datum>;
+        y?: NumericAccessor<Datum> | NumericAccessor<Datum>[];
+        id?: (d: Datum, i: number, ...any: any[]) => string;
+        xScale?: import("@unovis/ts").ContinuousScale;
+        yScale?: import("@unovis/ts").ContinuousScale;
+        excludeFromDomainCalculation?: boolean;
         yStacked?: NumericAccessor<Datum>[];
         tooltip?: import("@unovis/ts").Tooltip;
         hideWhenFarFromPointer?: boolean;

package/components/donut/index.d.ts

@@ -5,9 +5,6 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
     slots: any;
 }, __VLS_expose?: any, __VLS_setup?: Promise<{
     props: {
-        value: NumericAccessor<Datum>;
-        color?: import("@unovis/ts").ColorAccessor<Datum>;
-        id?: (d: Datum, i: number, ...any: unknown[]) => string | number;
         duration?: number;
         events?: {
             [selector: string]: {
@@ -40,6 +37,9 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
             };
         };
         data?: Datum[];
+        value: NumericAccessor<Datum>;
+        color?: import("@unovis/ts").ColorAccessor<Datum>;
+        id?: (d: Datum, i: number, ...any: unknown[]) => string | number;
         angleRange?: [number, number];
         cornerRadius?: number;
         padAngle?: number;

package/components/free-brush/index.d.ts

@@ -5,13 +5,6 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
     slots: any;
 }, __VLS_expose?: any, __VLS_setup?: Promise<{
     props: {
-        color?: string | string[] | ((d: Datum, i: number, ...any: unknown[]) => string) | ((d: Datum[], i: number, ...any: unknown[]) => string);
-        x?: import("@unovis/ts").NumericAccessor<Datum>;
-        y?: import("@unovis/ts").NumericAccessor<Datum> | import("@unovis/ts").NumericAccessor<Datum>[];
-        id?: (d: Datum, i: number, ...any: any[]) => string;
-        xScale?: import("@unovis/ts").ContinuousScale;
-        yScale?: import("@unovis/ts").ContinuousScale;
-        excludeFromDomainCalculation?: boolean;
         duration?: number;
         events?: {
             [selector: string]: {
@@ -44,6 +37,13 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
             };
         };
         data?: Datum[];
+        color?: string | string[] | ((d: Datum, i: number, ...any: unknown[]) => string) | ((d: Datum[], i: number, ...any: unknown[]) => string);
+        x?: import("@unovis/ts").NumericAccessor<Datum>;
+        y?: import("@unovis/ts").NumericAccessor<Datum> | import("@unovis/ts").NumericAccessor<Datum>[];
+        id?: (d: Datum, i: number, ...any: any[]) => string;
+        xScale?: import("@unovis/ts").ContinuousScale;
+        yScale?: import("@unovis/ts").ContinuousScale;
+        excludeFromDomainCalculation?: boolean;
         onBrush?: (selection: import("@unovis/ts").FreeBrushSelection, event: import("d3-brush").D3BrushEvent<unknown>, userDriven: boolean) => void;
         onBrushStart?: (selection: import("@unovis/ts").FreeBrushSelection, event: import("d3-brush").D3BrushEvent<unknown>, userDriven: boolean) => void;
         onBrushMove?: (selection: import("@unovis/ts").FreeBrushSelection, event: import("d3-brush").D3BrushEvent<unknown>, userDriven: boolean) => void;

package/components/grouped-bar/index.d.ts

@@ -5,14 +5,6 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
     slots: any;
 }, __VLS_expose?: any, __VLS_setup?: Promise<{
     props: {
-        color?: import("@unovis/ts").ColorAccessor<Datum>;
-        cursor?: import("@unovis/ts").StringAccessor<Datum>;
-        x: NumericAccessor<Datum>;
-        y: NumericAccessor<Datum> | NumericAccessor<Datum>[];
-        id?: (d: Datum, i: number, ...any: any[]) => string;
-        xScale?: import("@unovis/ts").ContinuousScale;
-        yScale?: import("@unovis/ts").ContinuousScale;
-        excludeFromDomainCalculation?: boolean;
         duration?: number;
         events?: {
             [selector: string]: {
@@ -45,6 +37,14 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
             };
         };
         data?: Datum[];
+        color?: import("@unovis/ts").ColorAccessor<Datum>;
+        cursor?: import("@unovis/ts").StringAccessor<Datum>;
+        x: NumericAccessor<Datum>;
+        y: NumericAccessor<Datum> | NumericAccessor<Datum>[];
+        id?: (d: Datum, i: number, ...any: any[]) => string;
+        xScale?: import("@unovis/ts").ContinuousScale;
+        yScale?: import("@unovis/ts").ContinuousScale;
+        excludeFromDomainCalculation?: boolean;
         groupWidth?: number;
         groupMaxWidth?: number;
         dataStep?: number;

package/components/line/index.d.ts

@@ -5,15 +5,6 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
     slots: any;
 }, __VLS_expose?: any, __VLS_setup?: Promise<{
     props: {
-        color?: import("@unovis/ts").ColorAccessor<Datum[]>;
-        curveType?: import("@unovis/ts").CurveType;
-        cursor?: import("@unovis/ts").StringAccessor<Datum[]>;
-        x: NumericAccessor<Datum>;
-        y: NumericAccessor<Datum> | NumericAccessor<Datum>[];
-        id?: (d: Datum, i: number, ...any: any[]) => string;
-        xScale?: import("@unovis/ts").ContinuousScale;
-        yScale?: import("@unovis/ts").ContinuousScale;
-        excludeFromDomainCalculation?: boolean;
         duration?: number;
         events?: {
             [selector: string]: {
@@ -46,6 +37,15 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
             };
         };
         data?: Datum[];
+        color?: import("@unovis/ts").ColorAccessor<Datum[]>;
+        curveType?: import("@unovis/ts").CurveType;
+        cursor?: import("@unovis/ts").StringAccessor<Datum[]>;
+        x: NumericAccessor<Datum>;
+        y: NumericAccessor<Datum> | NumericAccessor<Datum>[];
+        id?: (d: Datum, i: number, ...any: any[]) => string;
+        xScale?: import("@unovis/ts").ContinuousScale;
+        yScale?: import("@unovis/ts").ContinuousScale;
+        excludeFromDomainCalculation?: boolean;
         lineWidth?: number;
         lineDashArray?: import("@unovis/ts").GenericAccessor<number[], Datum[]>;
         fallbackValue?: number;

package/components/nested-donut/index.d.ts

@@ -5,7 +5,6 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
     slots: any;
 }, __VLS_expose?: any, __VLS_setup?: Promise<{
     props: {
-        value?: import("@unovis/ts").NumericAccessor<Datum>;
         duration?: number;
         events?: {
             [selector: string]: {
@@ -38,6 +37,7 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
             };
         };
         data?: Datum[];
+        value?: import("@unovis/ts").NumericAccessor<Datum>;
         angleRange?: [number, number];
         cornerRadius?: number;
         centralLabel?: string;

package/components/sankey/index.d.ts

@@ -5,7 +5,6 @@ declare const _default: <N extends import("@unovis/ts").GraphInputNode, L extend
     slots: any;
 }, __VLS_expose?: any, __VLS_setup?: Promise<{
     props: {
-        id?: (d: import("@unovis/ts").GraphInputNode | import("@unovis/ts").GraphInputLink, i: number, ...any: unknown[]) => string;
         duration?: number;
         events?: {
             [selector: string]: {
@@ -42,6 +41,7 @@ declare const _default: <N extends import("@unovis/ts").GraphInputNode, L extend
             links?: L[];
         };
         label?: import("@unovis/ts").StringAccessor<import("@unovis/ts").SankeyNode<N, L>>;
+        id?: (d: import("@unovis/ts").GraphInputNode | import("@unovis/ts").GraphInputLink, i: number, ...any: unknown[]) => string;
         labelFontSize?: number;
         labelColor?: import("@unovis/ts").ColorAccessor<import("@unovis/ts").SankeyNode<N, L>>;
         linkColor?: import("@unovis/ts").StringAccessor<import("@unovis/ts").SankeyLink<N, L>>;

package/components/scatter/index.d.ts

@@ -5,14 +5,6 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
     slots: any;
 }, __VLS_expose?: any, __VLS_setup?: Promise<{
     props: {
-        color?: import("@unovis/ts").ColorAccessor<Datum>;
-        cursor?: import("@unovis/ts").StringAccessor<Datum>;
-        x: NumericAccessor<Datum>;
-        y: NumericAccessor<Datum> | NumericAccessor<Datum>[];
-        id?: (d: Datum, i: number, ...any: any[]) => string;
-        xScale?: import("@unovis/ts").ContinuousScale;
-        yScale?: import("@unovis/ts").ContinuousScale;
-        excludeFromDomainCalculation?: boolean;
         duration?: number;
         events?: {
             [selector: string]: {
@@ -46,6 +38,14 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
         };
         data?: Datum[];
         label?: import("@unovis/ts").StringAccessor<Datum>;
+        color?: import("@unovis/ts").ColorAccessor<Datum>;
+        cursor?: import("@unovis/ts").StringAccessor<Datum>;
+        x: NumericAccessor<Datum>;
+        y: NumericAccessor<Datum> | NumericAccessor<Datum>[];
+        id?: (d: Datum, i: number, ...any: any[]) => string;
+        xScale?: import("@unovis/ts").ContinuousScale;
+        yScale?: import("@unovis/ts").ContinuousScale;
+        excludeFromDomainCalculation?: boolean;
         labelColor?: import("@unovis/ts").ColorAccessor<Datum>;
         labelPosition?: import("@unovis/ts").GenericAccessor<string, Datum>;
         size?: NumericAccessor<Datum>;

package/components/stacked-bar/index.d.ts

@@ -5,14 +5,6 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
     slots: any;
 }, __VLS_expose?: any, __VLS_setup?: Promise<{
     props: {
-        color?: import("@unovis/ts").ColorAccessor<Datum>;
-        cursor?: import("@unovis/ts").StringAccessor<Datum>;
-        x: NumericAccessor<Datum>;
-        y: NumericAccessor<Datum> | NumericAccessor<Datum>[];
-        id?: (d: Datum, i: number, ...any: any[]) => string;
-        xScale?: import("@unovis/ts").ContinuousScale;
-        yScale?: import("@unovis/ts").ContinuousScale;
-        excludeFromDomainCalculation?: boolean;
         duration?: number;
         events?: {
             [selector: string]: {
@@ -45,6 +37,14 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
             };
         };
         data?: Datum[];
+        color?: import("@unovis/ts").ColorAccessor<Datum>;
+        cursor?: import("@unovis/ts").StringAccessor<Datum>;
+        x: NumericAccessor<Datum>;
+        y: NumericAccessor<Datum> | NumericAccessor<Datum>[];
+        id?: (d: Datum, i: number, ...any: any[]) => string;
+        xScale?: import("@unovis/ts").ContinuousScale;
+        yScale?: import("@unovis/ts").ContinuousScale;
+        excludeFromDomainCalculation?: boolean;
         dataStep?: number;
         barPadding?: number;
         roundedCorners?: number | boolean;

package/components/timeline/index.d.ts

@@ -6,14 +6,6 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
     slots: any;
 }, __VLS_expose?: any, __VLS_setup?: Promise<{
     props: {
-        color?: import("@unovis/ts").ColorAccessor<Datum>;
-        cursor?: StringAccessor<Datum>;
-        x: NumericAccessor<Datum>;
-        y?: NumericAccessor<Datum> | NumericAccessor<Datum>[];
-        id?: (d: Datum, i: number, ...any: any[]) => string;
-        xScale?: import("@unovis/ts").ContinuousScale;
-        yScale?: import("@unovis/ts").ContinuousScale;
-        excludeFromDomainCalculation?: boolean;
         duration?: number;
         events?: {
             [selector: string]: {
@@ -48,6 +40,14 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
         data?: Datum[];
         length?: NumericAccessor<Datum>;
         onScroll?: (scrollTop: number) => void;
+        color?: import("@unovis/ts").ColorAccessor<Datum>;
+        cursor?: StringAccessor<Datum>;
+        x: NumericAccessor<Datum>;
+        y?: NumericAccessor<Datum> | NumericAccessor<Datum>[];
+        id?: (d: Datum, i: number, ...any: any[]) => string;
+        xScale?: import("@unovis/ts").ContinuousScale;
+        yScale?: import("@unovis/ts").ContinuousScale;
+        excludeFromDomainCalculation?: boolean;
         type?: StringAccessor<Datum>;
         showEmptySegments?: boolean;
         lineWidth?: NumericAccessor<Datum>;

package/components/xy-labels/index.d.ts

@@ -5,14 +5,6 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
     slots: any;
 }, __VLS_expose?: any, __VLS_setup?: Promise<{
     props: {
-        color?: import("@unovis/ts").ColorAccessor<Datum>;
-        cursor?: import("@unovis/ts").StringAccessor<Datum>;
-        x: NumericAccessor<Datum>;
-        y: NumericAccessor<Datum>;
-        id?: (d: Datum, i: number, ...any: any[]) => string;
-        xScale?: import("@unovis/ts").ContinuousScale;
-        yScale?: import("@unovis/ts").ContinuousScale;
-        excludeFromDomainCalculation?: boolean;
         duration?: number;
         events?: {
             [selector: string]: {
@@ -46,6 +38,14 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
         };
         data?: Datum[];
         label?: import("@unovis/ts").StringAccessor<Datum>;
+        color?: import("@unovis/ts").ColorAccessor<Datum>;
+        cursor?: import("@unovis/ts").StringAccessor<Datum>;
+        x: NumericAccessor<Datum>;
+        y: NumericAccessor<Datum>;
+        id?: (d: Datum, i: number, ...any: any[]) => string;
+        xScale?: import("@unovis/ts").ContinuousScale;
+        yScale?: import("@unovis/ts").ContinuousScale;
+        excludeFromDomainCalculation?: boolean;
         labelFontSize?: NumericAccessor<Datum>;
         labelTextBrightnessRatio?: number;
         xPositioning?: import("@unovis/ts").GenericAccessor<string, Datum>;

package/components.d.ts

@@ -16,6 +16,7 @@ export { default as VisGraph } from "./components/graph/index";
 export { default as VisChordDiagram } from "./components/chord-diagram/index";
 export { default as VisNestedDonut } from "./components/nested-donut/index";
 export { default as VisTooltip } from "./components/tooltip/index";
+export { default as VisAnnotations } from "./components/annotations/index";
 export { default as VisLeafletMap } from "./html-components/leaflet-map/index";
 export { default as VisLeafletFlowMap } from "./html-components/leaflet-flow-map/index";
 export { default as VisBulletLegend } from "./html-components/bullet-legend/index";

package/containers/single-container/index.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),u=require("@unovis/ts"),c=require("../../utils/context.cjs"),f=require("../../utils/props.cjs"),v=e.defineComponent({__name:"index",props:{component:{},tooltip:{},duration:{},margin:{},padding:{},sizing:{},width:{},height:{},svgDefs:{},ariaLabel:{},data:{}},setup(p,{expose:d}){const r=p,{data:s}=e.toRefs(r),l=f.useForwardProps(r);let o;const t=e.reactive({component:void 0,tooltip:void 0}),i=e.ref(),a=()=>{o||i.value&&t.component&&(o=new u.SingleContainer(i.value,{...e.toRaw(t)},s.value))};return e.watchEffect(()=>{var n;a(),(n=t.component)==null||n.config,o==null||o.updateContainer({...e.toRaw(l.value),...e.toRaw(t)})}),e.watch(s,()=>{o?o.setData(s.value,!0):a()}),e.onUnmounted(()=>o==null?void 0:o.destroy()),e.provide(c.componentAccessorKey,{data:s,update:n=>t.component=n,destroy:()=>t.component=void 0}),e.provide(c.tooltipAccessorKey,{data:s,update:n=>t.tooltip=n,destroy:()=>{t.tooltip=void 0}}),d({component:o}),(n,m)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-single-container":"",ref_key:"elRef",ref:i,class:"unovis-single-container"},[e.renderSlot(n.$slots,"default")],512))}});module.exports=v;
+"use strict";const e=require("vue"),u=require("@unovis/ts"),a=require("../../utils/context.cjs"),v=require("../../utils/props.cjs"),f=e.defineComponent({__name:"index",props:{component:{},tooltip:{},annotations:{},duration:{},margin:{},padding:{},sizing:{},width:{},height:{},svgDefs:{},ariaLabel:{},data:{}},setup(p,{expose:d}){const r=p,{data:s}=e.toRefs(r),l=v.useForwardProps(r);let o;const t=e.reactive({component:void 0,tooltip:void 0,annotations:void 0}),i=e.ref(),c=()=>{o||i.value&&t.component&&(o=new u.SingleContainer(i.value,{...e.toRaw(t)},s.value))};return e.watchEffect(()=>{var n;c(),(n=t.component)==null||n.config,o==null||o.updateContainer({...e.toRaw(l.value),...e.toRaw(t)})}),e.watch(s,()=>{o?o.setData(s.value,!0):c()}),e.onUnmounted(()=>o==null?void 0:o.destroy()),e.provide(a.componentAccessorKey,{data:s,update:n=>t.component=n,destroy:()=>t.component=void 0}),e.provide(a.tooltipAccessorKey,{data:s,update:n=>t.tooltip=n,destroy:()=>{t.tooltip=void 0}}),e.provide(a.annotationsAccessorKey,{data:s,update:n=>t.annotations=n,destroy:()=>{t.annotations=void 0}}),d({component:o}),(n,m)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-single-container":"",ref_key:"elRef",ref:i,class:"unovis-single-container"},[e.renderSlot(n.$slots,"default")],512))}});module.exports=f;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/containers/single-container/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { SingleContainer, ComponentCore, SingleContainerConfigInterface, Tooltip } from '@unovis/ts'\nimport { onUnmounted, ref, provide, watch, toRefs, watchEffect, reactive, toRaw } from 'vue'\nimport { componentAccessorKey, tooltipAccessorKey } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    component: {},\n    tooltip: {},\n    duration: {},\n    margin: {},\n    padding: {},\n    sizing: {},\n    width: {},\n    height: {},\n    svgDefs: {},\n    ariaLabel: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nlet chart: SingleContainer<T>\nconst config = reactive({\n  component: undefined,\n  tooltip: undefined,\n}) as SingleContainerConfigInterface<T>\nconst elRef = ref<HTMLDivElement>()\n\nconst initChart = () => {\n  if (chart) return\n  if (elRef.value && config.component)\n    chart = new SingleContainer(elRef.value, { ...toRaw(config) }, data.value)\n}\n\nwatchEffect(() => {\n  initChart()\n  // watch deep changes in components config\n  const t = config.component?.config\n  chart?.updateContainer({ ...toRaw(parsedProps.value), ...toRaw(config) })\n})\n\nwatch(data, () => {\n  if (chart) {\n    chart.setData(data.value, true)\n  } else {\n    initChart()\n  }\n})\n\nonUnmounted(() => chart?.destroy())\n\nprovide(componentAccessorKey, {\n  data,\n  update: (c: ComponentCore<T>) => config.component = c,\n  destroy: () => config.component = undefined,\n})\n\nprovide(tooltipAccessorKey, {\n  data,\n  update: (t: Tooltip) => config.tooltip = t,\n  destroy: () => { config.tooltip = undefined },\n})\n\n__expose({\n  component: chart\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-single-container\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef,\n    class: \"unovis-single-container\"\n  }, [\n    _renderSlot(_ctx.$slots, \"default\")\n  ], 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","props","data","toRefs","parsedProps","useForwardProps","chart","config","reactive","elRef","ref","initChart","SingleContainer","toRaw","watchEffect","_a","watch","onUnmounted","provide","componentAccessorKey","c","tooltipAccessorKey","t","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot"],"mappings":"oIAS4BA,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,UAAW,CAAC,EACZ,QAAS,CAAC,EACV,SAAU,CAAC,EACX,OAAQ,CAAC,EACT,QAAS,CAAC,EACV,OAAQ,CAAC,EACT,MAAO,CAAC,EACR,OAAQ,CAAC,EACT,QAAS,CAAC,EACV,UAAW,CAAC,EACZ,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAAE,OAAQC,GAAY,CAE5C,MAAMC,EAAQF,EAGR,CAAE,KAAAG,CAAA,EAASC,EAAA,OAAOF,CAAK,EACvBG,EAAcC,kBAAgBJ,CAAK,EAErC,IAAAK,EACJ,MAAMC,EAASC,EAAAA,SAAS,CACtB,UAAW,OACX,QAAS,MAAA,CACV,EACKC,EAAQC,EAAAA,MAERC,EAAY,IAAM,CAClBL,GACAG,EAAM,OAASF,EAAO,YAChBD,EAAA,IAAIM,EAAAA,gBAAgBH,EAAM,MAAO,CAAE,GAAGI,EAAA,MAAMN,CAAM,CAAA,EAAKL,EAAK,KAAK,EAAA,EAG7EY,OAAAA,EAAAA,YAAY,IAAM,OACNH,KAEAI,EAAAR,EAAO,YAAP,MAAAQ,EAAkB,OACrBT,GAAA,MAAAA,EAAA,gBAAgB,CAAE,GAAGO,EAAAA,MAAMT,EAAY,KAAK,EAAG,GAAGS,EAAA,MAAMN,CAAM,CAAA,EAAG,CACzE,EAEDS,EAAA,MAAMd,EAAM,IAAM,CACZI,EACIA,EAAA,QAAQJ,EAAK,MAAO,EAAI,EAEpBS,GACZ,CACD,EAEWM,EAAAA,YAAA,IAAMX,GAAA,YAAAA,EAAO,SAAS,EAElCY,EAAAA,QAAQC,EAAAA,qBAAsB,CAC5B,KAAAjB,EACA,OAASkB,GAAwBb,EAAO,UAAYa,EACpD,QAAS,IAAMb,EAAO,UAAY,MAAA,CACnC,EAEDW,EAAAA,QAAQG,EAAAA,mBAAoB,CAC1B,KAAAnB,EACA,OAASoB,GAAef,EAAO,QAAUe,EACzC,QAAS,IAAM,CAAEf,EAAO,QAAU,MAAU,CAAA,CAC7C,EAEQP,EAAA,CACP,UAAWM,CAAA,CACZ,EAEM,CAACiB,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,4BAA6B,GAC7B,QAAS,QACT,IAAKjB,EACL,MAAO,yBAAA,EACN,CACDkB,aAAYJ,EAAK,OAAQ,SAAS,GACjC,GAAG,EAER,CAEA,CAAC"}
+{"version":3,"file":"index.cjs","sources":["../../../src/containers/single-container/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { SingleContainer, ComponentCore, SingleContainerConfigInterface, Tooltip, Annotations } from '@unovis/ts'\nimport { onUnmounted, ref, provide, watch, toRefs, watchEffect, reactive, toRaw } from 'vue'\nimport { annotationsAccessorKey, componentAccessorKey, tooltipAccessorKey,  } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    component: {},\n    tooltip: {},\n    annotations: {},\n    duration: {},\n    margin: {},\n    padding: {},\n    sizing: {},\n    width: {},\n    height: {},\n    svgDefs: {},\n    ariaLabel: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nlet chart: SingleContainer<T>\nconst config = reactive({\n  component: undefined,\n  tooltip: undefined,\n  annotations: undefined,\n}) as SingleContainerConfigInterface<T>\nconst elRef = ref<HTMLDivElement>()\n\nconst initChart = () => {\n  if (chart) return\n  if (elRef.value && config.component)\n    chart = new SingleContainer(elRef.value, { ...toRaw(config) }, data.value)\n}\n\nwatchEffect(() => {\n  initChart()\n  // watch deep changes in components config\n  const t = config.component?.config\n  chart?.updateContainer({ ...toRaw(parsedProps.value), ...toRaw(config) })\n})\n\nwatch(data, () => {\n  if (chart) {\n    chart.setData(data.value, true)\n  } else {\n    initChart()\n  }\n})\n\nonUnmounted(() => chart?.destroy())\n\nprovide(componentAccessorKey, {\n  data,\n  update: (c: ComponentCore<T>) => config.component = c,\n  destroy: () => config.component = 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\n\n__expose({\n  component: chart\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-single-container\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef,\n    class: \"unovis-single-container\"\n  }, [\n    _renderSlot(_ctx.$slots, \"default\")\n  ], 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","props","data","toRefs","parsedProps","useForwardProps","chart","config","reactive","elRef","ref","initChart","SingleContainer","toRaw","watchEffect","_a","watch","onUnmounted","provide","componentAccessorKey","c","tooltipAccessorKey","t","annotationsAccessorKey","a","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot"],"mappings":"oIAS4BA,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,UAAW,CAAC,EACZ,QAAS,CAAC,EACV,YAAa,CAAC,EACd,SAAU,CAAC,EACX,OAAQ,CAAC,EACT,QAAS,CAAC,EACV,OAAQ,CAAC,EACT,MAAO,CAAC,EACR,OAAQ,CAAC,EACT,QAAS,CAAC,EACV,UAAW,CAAC,EACZ,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAAE,OAAQC,GAAY,CAE5C,MAAMC,EAAQF,EAGR,CAAE,KAAAG,CAAA,EAASC,EAAA,OAAOF,CAAK,EACvBG,EAAcC,kBAAgBJ,CAAK,EAErC,IAAAK,EACJ,MAAMC,EAASC,EAAAA,SAAS,CACtB,UAAW,OACX,QAAS,OACT,YAAa,MAAA,CACd,EACKC,EAAQC,EAAAA,MAERC,EAAY,IAAM,CAClBL,GACAG,EAAM,OAASF,EAAO,YAChBD,EAAA,IAAIM,EAAAA,gBAAgBH,EAAM,MAAO,CAAE,GAAGI,EAAA,MAAMN,CAAM,CAAA,EAAKL,EAAK,KAAK,EAAA,EAG7EY,OAAAA,EAAAA,YAAY,IAAM,OACNH,KAEAI,EAAAR,EAAO,YAAP,MAAAQ,EAAkB,OACrBT,GAAA,MAAAA,EAAA,gBAAgB,CAAE,GAAGO,EAAAA,MAAMT,EAAY,KAAK,EAAG,GAAGS,EAAA,MAAMN,CAAM,CAAA,EAAG,CACzE,EAEDS,EAAA,MAAMd,EAAM,IAAM,CACZI,EACIA,EAAA,QAAQJ,EAAK,MAAO,EAAI,EAEpBS,GACZ,CACD,EAEWM,EAAAA,YAAA,IAAMX,GAAA,YAAAA,EAAO,SAAS,EAElCY,EAAAA,QAAQC,EAAAA,qBAAsB,CAC5B,KAAAjB,EACA,OAASkB,GAAwBb,EAAO,UAAYa,EACpD,QAAS,IAAMb,EAAO,UAAY,MAAA,CACnC,EAEDW,EAAAA,QAAQG,EAAAA,mBAAoB,CAC1B,KAAAnB,EACA,OAASoB,GAAef,EAAO,QAAUe,EACzC,QAAS,IAAM,CAAEf,EAAO,QAAU,MAAU,CAAA,CAC7C,EAEDW,EAAAA,QAAQK,EAAAA,uBAAwB,CAC9B,KAAArB,EACA,OAASsB,GAAmBjB,EAAO,YAAciB,EACjD,QAAS,IAAM,CAAEjB,EAAO,YAAc,MAAU,CAAA,CACjD,EAGQP,EAAA,CACP,UAAWM,CAAA,CACZ,EAEM,CAACmB,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,4BAA6B,GAC7B,QAAS,QACT,IAAKnB,EACL,MAAO,yBAAA,EACN,CACDoB,aAAYJ,EAAK,OAAQ,SAAS,GACjC,GAAG,EAER,CAEA,CAAC"}

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

@@ -1,4 +1,4 @@
-import { SingleContainer, ComponentCore, Tooltip } from '@unovis/ts';
+import { SingleContainer, ComponentCore, Tooltip, Annotations } from '@unovis/ts';
 declare const _default: <T>(__VLS_props: any, __VLS_ctx?: {
     attrs: any;
     emit: any;
@@ -9,6 +9,7 @@ declare const _default: <T>(__VLS_props: any, __VLS_ctx?: {
         data?: T;
         tooltip?: Tooltip;
         component?: ComponentCore<T, import("@unovis/ts").ComponentConfigInterface>;
+        annotations?: Annotations;
         margin?: import("@unovis/ts").Spacing;
         padding?: import("@unovis/ts").Spacing;
         sizing?: string;

package/containers/single-container/index.js

@@ -1,12 +1,13 @@
-import { defineComponent as f, toRefs as m, reactive as u, ref as v, watchEffect as g, watch as w, onUnmounted as y, provide as p, openBlock as _, createElementBlock as h, renderSlot as C, toRaw as r } from "vue";
+import { defineComponent as f, toRefs as m, reactive as u, ref as v, watchEffect as g, watch as y, onUnmounted as w, provide as a, openBlock as _, createElementBlock as h, renderSlot as C, toRaw as s } from "vue";
 import { SingleContainer as R } from "@unovis/ts";
-import { componentAccessorKey as k, tooltipAccessorKey as x } from "../../utils/context.js";
-import { useForwardProps as A } from "../../utils/props.js";
-const S = /* @__PURE__ */ f({
+import { componentAccessorKey as k, tooltipAccessorKey as x, annotationsAccessorKey as A } from "../../utils/context.js";
+import { useForwardProps as K } from "../../utils/props.js";
+const b = /* @__PURE__ */ f({
   __name: "index",
   props: {
     component: {},
     tooltip: {},
+    annotations: {},
     duration: {},
     margin: {},
     padding: {},
@@ -18,31 +19,38 @@ const S = /* @__PURE__ */ f({
     data: {}
   },
   setup(c, { expose: d }) {
-    const a = c, { data: n } = m(a), l = A(a);
-    let e;
-    const o = u({
+    const r = c, { data: n } = m(r), l = K(r);
+    let o;
+    const e = u({
       component: void 0,
-      tooltip: void 0
-    }), i = v(), s = () => {
-      e || i.value && o.component && (e = new R(i.value, { ...r(o) }, n.value));
+      tooltip: void 0,
+      annotations: void 0
+    }), i = v(), p = () => {
+      o || i.value && e.component && (o = new R(i.value, { ...s(e) }, n.value));
     };
     return g(() => {
       var t;
-      s(), (t = o.component) == null || t.config, e == null || e.updateContainer({ ...r(l.value), ...r(o) });
-    }), w(n, () => {
-      e ? e.setData(n.value, !0) : s();
-    }), y(() => e == null ? void 0 : e.destroy()), p(k, {
+      p(), (t = e.component) == null || t.config, o == null || o.updateContainer({ ...s(l.value), ...s(e) });
+    }), y(n, () => {
+      o ? o.setData(n.value, !0) : p();
+    }), w(() => o == null ? void 0 : o.destroy()), a(k, {
       data: n,
-      update: (t) => o.component = t,
-      destroy: () => o.component = void 0
-    }), p(x, {
+      update: (t) => e.component = t,
+      destroy: () => e.component = void 0
+    }), a(x, {
       data: n,
-      update: (t) => o.tooltip = t,
+      update: (t) => e.tooltip = t,
       destroy: () => {
-        o.tooltip = void 0;
+        e.tooltip = void 0;
+      }
+    }), a(A, {
+      data: n,
+      update: (t) => e.annotations = t,
+      destroy: () => {
+        e.annotations = void 0;
       }
     }), d({
-      component: e
+      component: o
     }), (t, B) => (_(), h("div", {
       "data-vis-single-container": "",
       ref_key: "elRef",
@@ -54,6 +62,6 @@ const S = /* @__PURE__ */ f({
   }
 });
 export {
-  S as default
+  b as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/containers/single-container/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { SingleContainer, ComponentCore, SingleContainerConfigInterface, Tooltip } from '@unovis/ts'\nimport { onUnmounted, ref, provide, watch, toRefs, watchEffect, reactive, toRaw } from 'vue'\nimport { componentAccessorKey, tooltipAccessorKey } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    component: {},\n    tooltip: {},\n    duration: {},\n    margin: {},\n    padding: {},\n    sizing: {},\n    width: {},\n    height: {},\n    svgDefs: {},\n    ariaLabel: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nlet chart: SingleContainer<T>\nconst config = reactive({\n  component: undefined,\n  tooltip: undefined,\n}) as SingleContainerConfigInterface<T>\nconst elRef = ref<HTMLDivElement>()\n\nconst initChart = () => {\n  if (chart) return\n  if (elRef.value && config.component)\n    chart = new SingleContainer(elRef.value, { ...toRaw(config) }, data.value)\n}\n\nwatchEffect(() => {\n  initChart()\n  // watch deep changes in components config\n  const t = config.component?.config\n  chart?.updateContainer({ ...toRaw(parsedProps.value), ...toRaw(config) })\n})\n\nwatch(data, () => {\n  if (chart) {\n    chart.setData(data.value, true)\n  } else {\n    initChart()\n  }\n})\n\nonUnmounted(() => chart?.destroy())\n\nprovide(componentAccessorKey, {\n  data,\n  update: (c: ComponentCore<T>) => config.component = c,\n  destroy: () => config.component = undefined,\n})\n\nprovide(tooltipAccessorKey, {\n  data,\n  update: (t: Tooltip) => config.tooltip = t,\n  destroy: () => { config.tooltip = undefined },\n})\n\n__expose({\n  component: chart\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-single-container\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef,\n    class: \"unovis-single-container\"\n  }, [\n    _renderSlot(_ctx.$slots, \"default\")\n  ], 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","props","data","toRefs","parsedProps","useForwardProps","chart","config","reactive","elRef","ref","initChart","SingleContainer","toRaw","watchEffect","_a","watch","onUnmounted","provide","componentAccessorKey","c","tooltipAccessorKey","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot"],"mappings":";;;;AASA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,WAAW,CAAC;AAAA,IACZ,SAAS,CAAC;AAAA,IACV,UAAU,CAAC;AAAA,IACX,QAAQ,CAAC;AAAA,IACT,SAAS,CAAC;AAAA,IACV,QAAQ,CAAC;AAAA,IACT,OAAO,CAAC;AAAA,IACR,QAAQ,CAAC;AAAA,IACT,SAAS,CAAC;AAAA,IACV,WAAW,CAAC;AAAA,IACZ,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc,EAAE,QAAQC,KAAY;AAE5C,UAAMC,IAAQF,GAGR,EAAE,MAAAG,EAAA,IAASC,EAAOF,CAAK,GACvBG,IAAcC,EAAgBJ,CAAK;AAErC,QAAAK;AACJ,UAAMC,IAASC,EAAS;AAAA,MACtB,WAAW;AAAA,MACX,SAAS;AAAA,IAAA,CACV,GACKC,IAAQC,KAERC,IAAY,MAAM;AAClB,MAAAL,KACAG,EAAM,SAASF,EAAO,cAChBD,IAAA,IAAIM,EAAgBH,EAAM,OAAO,EAAE,GAAGI,EAAMN,CAAM,EAAA,GAAKL,EAAK,KAAK;AAAA,IAAA;AAG7E,WAAAY,EAAY,MAAM;;AACN,MAAAH,MAEAI,IAAAR,EAAO,cAAP,QAAAQ,EAAkB,QACrBT,KAAA,QAAAA,EAAA,gBAAgB,EAAE,GAAGO,EAAMT,EAAY,KAAK,GAAG,GAAGS,EAAMN,CAAM,EAAA;AAAA,IAAG,CACzE,GAEDS,EAAMd,GAAM,MAAM;AAChB,MAAII,IACIA,EAAA,QAAQJ,EAAK,OAAO,EAAI,IAEpBS;IACZ,CACD,GAEWM,EAAA,MAAMX,KAAA,gBAAAA,EAAO,SAAS,GAElCY,EAAQC,GAAsB;AAAA,MAC5B,MAAAjB;AAAA,MACA,QAAQ,CAACkB,MAAwBb,EAAO,YAAYa;AAAA,MACpD,SAAS,MAAMb,EAAO,YAAY;AAAA,IAAA,CACnC,GAEDW,EAAQG,GAAoB;AAAA,MAC1B,MAAAnB;AAAA,MACA,QAAQ,CAAC,MAAeK,EAAO,UAAU;AAAA,MACzC,SAAS,MAAM;AAAE,QAAAA,EAAO,UAAU;AAAA,MAAU;AAAA,IAAA,CAC7C,GAEQP,EAAA;AAAA,MACP,WAAWM;AAAA,IAAA,CACZ,GAEM,CAACgB,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,6BAA6B;AAAA,MAC7B,SAAS;AAAA,MACT,KAAKhB;AAAA,MACL,OAAO;AAAA,IAAA,GACN;AAAA,MACDiB,EAAYJ,EAAK,QAAQ,SAAS;AAAA,OACjC,GAAG;AAAA,EAER;AAEA,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../../src/containers/single-container/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { SingleContainer, ComponentCore, SingleContainerConfigInterface, Tooltip, Annotations } from '@unovis/ts'\nimport { onUnmounted, ref, provide, watch, toRefs, watchEffect, reactive, toRaw } from 'vue'\nimport { annotationsAccessorKey, componentAccessorKey, tooltipAccessorKey,  } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    component: {},\n    tooltip: {},\n    annotations: {},\n    duration: {},\n    margin: {},\n    padding: {},\n    sizing: {},\n    width: {},\n    height: {},\n    svgDefs: {},\n    ariaLabel: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nlet chart: SingleContainer<T>\nconst config = reactive({\n  component: undefined,\n  tooltip: undefined,\n  annotations: undefined,\n}) as SingleContainerConfigInterface<T>\nconst elRef = ref<HTMLDivElement>()\n\nconst initChart = () => {\n  if (chart) return\n  if (elRef.value && config.component)\n    chart = new SingleContainer(elRef.value, { ...toRaw(config) }, data.value)\n}\n\nwatchEffect(() => {\n  initChart()\n  // watch deep changes in components config\n  const t = config.component?.config\n  chart?.updateContainer({ ...toRaw(parsedProps.value), ...toRaw(config) })\n})\n\nwatch(data, () => {\n  if (chart) {\n    chart.setData(data.value, true)\n  } else {\n    initChart()\n  }\n})\n\nonUnmounted(() => chart?.destroy())\n\nprovide(componentAccessorKey, {\n  data,\n  update: (c: ComponentCore<T>) => config.component = c,\n  destroy: () => config.component = 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\n\n__expose({\n  component: chart\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-single-container\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef,\n    class: \"unovis-single-container\"\n  }, [\n    _renderSlot(_ctx.$slots, \"default\")\n  ], 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","props","data","toRefs","parsedProps","useForwardProps","chart","config","reactive","elRef","ref","initChart","SingleContainer","toRaw","watchEffect","_a","watch","onUnmounted","provide","componentAccessorKey","c","tooltipAccessorKey","annotationsAccessorKey","a","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot"],"mappings":";;;;AASA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,WAAW,CAAC;AAAA,IACZ,SAAS,CAAC;AAAA,IACV,aAAa,CAAC;AAAA,IACd,UAAU,CAAC;AAAA,IACX,QAAQ,CAAC;AAAA,IACT,SAAS,CAAC;AAAA,IACV,QAAQ,CAAC;AAAA,IACT,OAAO,CAAC;AAAA,IACR,QAAQ,CAAC;AAAA,IACT,SAAS,CAAC;AAAA,IACV,WAAW,CAAC;AAAA,IACZ,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc,EAAE,QAAQC,KAAY;AAE5C,UAAMC,IAAQF,GAGR,EAAE,MAAAG,EAAA,IAASC,EAAOF,CAAK,GACvBG,IAAcC,EAAgBJ,CAAK;AAErC,QAAAK;AACJ,UAAMC,IAASC,EAAS;AAAA,MACtB,WAAW;AAAA,MACX,SAAS;AAAA,MACT,aAAa;AAAA,IAAA,CACd,GACKC,IAAQC,KAERC,IAAY,MAAM;AAClB,MAAAL,KACAG,EAAM,SAASF,EAAO,cAChBD,IAAA,IAAIM,EAAgBH,EAAM,OAAO,EAAE,GAAGI,EAAMN,CAAM,EAAA,GAAKL,EAAK,KAAK;AAAA,IAAA;AAG7E,WAAAY,EAAY,MAAM;;AACN,MAAAH,MAEAI,IAAAR,EAAO,cAAP,QAAAQ,EAAkB,QACrBT,KAAA,QAAAA,EAAA,gBAAgB,EAAE,GAAGO,EAAMT,EAAY,KAAK,GAAG,GAAGS,EAAMN,CAAM,EAAA;AAAA,IAAG,CACzE,GAEDS,EAAMd,GAAM,MAAM;AAChB,MAAII,IACIA,EAAA,QAAQJ,EAAK,OAAO,EAAI,IAEpBS;IACZ,CACD,GAEWM,EAAA,MAAMX,KAAA,gBAAAA,EAAO,SAAS,GAElCY,EAAQC,GAAsB;AAAA,MAC5B,MAAAjB;AAAA,MACA,QAAQ,CAACkB,MAAwBb,EAAO,YAAYa;AAAA,MACpD,SAAS,MAAMb,EAAO,YAAY;AAAA,IAAA,CACnC,GAEDW,EAAQG,GAAoB;AAAA,MAC1B,MAAAnB;AAAA,MACA,QAAQ,CAAC,MAAeK,EAAO,UAAU;AAAA,MACzC,SAAS,MAAM;AAAE,QAAAA,EAAO,UAAU;AAAA,MAAU;AAAA,IAAA,CAC7C,GAEDW,EAAQI,GAAwB;AAAA,MAC9B,MAAApB;AAAA,MACA,QAAQ,CAACqB,MAAmBhB,EAAO,cAAcgB;AAAA,MACjD,SAAS,MAAM;AAAE,QAAAhB,EAAO,cAAc;AAAA,MAAU;AAAA,IAAA,CACjD,GAGQP,EAAA;AAAA,MACP,WAAWM;AAAA,IAAA,CACZ,GAEM,CAACkB,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,6BAA6B;AAAA,MAC7B,SAAS;AAAA,MACT,KAAKlB;AAAA,MACL,OAAO;AAAA,IAAA,GACN;AAAA,MACDmB,EAAYJ,EAAK,QAAQ,SAAS;AAAA,OACjC,GAAG;AAAA,EAER;AAEA,CAAC;"}

package/containers/xy-container/index.cjs

@@ -1,2 +1,2 @@
-"use strict";const o=require("vue"),l=require("@unovis/ts"),i=require("../../utils/context.cjs"),y=require("../../utils/props.cjs"),v=o.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},duration:{},margin:{},padding:{},sizing:{},width:{},height:{},svgDefs:{},ariaLabel:{},data:{}},setup(p,{expose:d}){const c=p,{data:n}=o.toRefs(c),u=y.useForwardProps(c),s=o.ref(),t=o.reactive({components:[],crosshair:void 0,tooltip:void 0,xAxis:void 0,yAxis:void 0}),r=o.ref();return o.watch(n,()=>{s.value&&s.value.setData(n.value,!0)}),o.watchEffect(()=>{var e;t.components.map(a=>a.config),(e=s.value)==null||e.updateContainer({...o.toRaw(u.value),...o.toRaw(t)})}),o.onMounted(()=>{r.value&&(s.value=new l.XYContainer(r.value,{...o.toRaw(t)},n.value))}),o.onUnmounted(()=>{var e;return(e=s.value)==null?void 0:e.destroy()}),o.provide(i.componentAccessorKey,{data:n,update:e=>t.components=[...t.components,e],destroy:()=>{var e;return t.components=(e=t.components)==null?void 0:e.filter(a=>!a.isDestroyed())}}),o.provide(i.axisAccessorKey,{data:n,update:e=>t[`${e.config.type}Axis`]=e,destroy:e=>{t[`${e}Axis`]=void 0}}),o.provide(i.crosshairAccessorKey,{data:n,update:e=>t.crosshair=e,destroy:()=>{t.crosshair=void 0}}),o.provide(i.tooltipAccessorKey,{data:n,update:e=>t.tooltip=e,destroy:()=>{t.tooltip=void 0}}),d({component:s}),(e,a)=>(o.openBlock(),o.createElementBlock("div",{"data-vis-xy-container":"",ref_key:"elRef",ref:r,class:"unovis-xy-container"},[o.renderSlot(e.$slots,"default")],512))}});module.exports=v;
+"use strict";const e=require("vue"),l=require("@unovis/ts"),s=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(i=>i.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(s.componentAccessorKey,{data:n,update:o=>t.components=[...t.components,o],destroy:()=>{var o;return t.components=(o=t.components)==null?void 0:o.filter(i=>!i.isDestroyed())}}),e.provide(s.axisAccessorKey,{data:n,update:o=>t[`${o.config.type}Axis`]=o,destroy:o=>{t[`${o}Axis`]=void 0}}),e.provide(s.crosshairAccessorKey,{data:n,update:o=>t.crosshair=o,destroy:()=>{t.crosshair=void 0}}),e.provide(s.tooltipAccessorKey,{data:n,update:o=>t.tooltip=o,destroy:()=>{t.tooltip=void 0}}),e.provide(s.annotationsAccessorKey,{data:n,update:o=>t.annotations=o,destroy:()=>{t.annotations=void 0}}),d({component:a}),(o,i)=>(e.openBlock(),e.createElementBlock("div",{"data-vis-xy-container":"",ref_key:"elRef",ref:r,class:"unovis-xy-container"},[e.renderSlot(o.$slots,"default")],512))}});module.exports=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?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { XYContainer, XYComponentCore, XYContainerConfigInterface, Tooltip, Crosshair, Axis } from '@unovis/ts'\nimport { onMounted, onUnmounted, ref, provide, watch, toRefs, reactive, watchEffect, toRaw } from 'vue'\nimport { componentAccessorKey, tooltipAccessorKey, axisAccessorKey, crosshairAccessorKey } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    components: {},\n    xScale: { type: [Object, Function] },\n    xDomain: {},\n    xDomainMinConstraint: {},\n    xDomainMaxConstraint: {},\n    xRange: {},\n    yScale: { type: [Object, Function] },\n    yDomain: {},\n    yDomainMinConstraint: {},\n    yDomainMaxConstraint: {},\n    yRange: {},\n    yDirection: {},\n    xAxis: {},\n    yAxis: {},\n    autoMargin: { type: Boolean },\n    tooltip: {},\n    crosshair: {},\n    preventEmptyDomain: { type: [Boolean, null] },\n    scaleByDomain: { type: Boolean },\n    duration: {},\n    margin: {},\n    padding: {},\n    sizing: {},\n    width: {},\n    height: {},\n    svgDefs: {},\n    ariaLabel: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nconst chart = ref<XYContainer<T> | undefined>()\nconst config = reactive({\n  components: [],\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\n__expose({\n  component: chart\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-xy-container\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef,\n    class: \"unovis-xy-container\"\n  }, [\n    _renderSlot(_ctx.$slots, \"default\")\n  ], 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","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","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot"],"mappings":"oIAS4BA,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,WAAY,CAAC,EACb,OAAQ,CAAE,KAAM,CAAC,OAAQ,QAAQ,CAAE,EACnC,QAAS,CAAC,EACV,qBAAsB,CAAC,EACvB,qBAAsB,CAAC,EACvB,OAAQ,CAAC,EACT,OAAQ,CAAE,KAAM,CAAC,OAAQ,QAAQ,CAAE,EACnC,QAAS,CAAC,EACV,qBAAsB,CAAC,EACvB,qBAAsB,CAAC,EACvB,OAAQ,CAAC,EACT,WAAY,CAAC,EACb,MAAO,CAAC,EACR,MAAO,CAAC,EACR,WAAY,CAAE,KAAM,OAAQ,EAC5B,QAAS,CAAC,EACV,UAAW,CAAC,EACZ,mBAAoB,CAAE,KAAM,CAAC,QAAS,IAAI,CAAE,EAC5C,cAAe,CAAE,KAAM,OAAQ,EAC/B,SAAU,CAAC,EACX,OAAQ,CAAC,EACT,QAAS,CAAC,EACV,OAAQ,CAAC,EACT,MAAO,CAAC,EACR,OAAQ,CAAC,EACT,QAAS,CAAC,EACV,UAAW,CAAC,EACZ,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAAE,OAAQC,GAAY,CAE5C,MAAMC,EAAQF,EAGR,CAAE,KAAAG,CAAA,EAASC,EAAA,OAAOF,CAAK,EACvBG,EAAcC,kBAAgBJ,CAAK,EAEnCK,EAAQC,EAAAA,MACRC,EAASC,EAAAA,SAAS,CACtB,WAAY,CAAC,EACb,UAAW,OACX,QAAS,OACT,MAAO,OACP,MAAO,MAAA,CACR,EACKC,EAAQH,EAAAA,MAEdI,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,EAAAA,MAAMX,EAAY,KAAK,EAAG,GAAGW,EAAAA,MAAMP,CAAM,CAAG,EAAA,CAC/E,EAEDQ,EAAAA,UAAU,IAAM,CACVN,EAAM,QAAOJ,EAAM,MAAQ,IAAIW,EAAY,YAAAP,EAAM,MAAO,CAAE,GAAGK,EAAAA,MAAMP,CAAM,CAAA,EAAKN,EAAK,KAAK,EAAA,CAC7F,EAEDgB,EAAAA,YAAY,IAAA,OAAM,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,MAAU,CAAA,CAClD,EAEDF,EAAAA,QAAQI,EAAAA,qBAAsB,CAC5B,KAAArB,EACA,OAASmB,GAAoBb,EAAO,UAAYa,EAChD,QAAS,IAAM,CAAEb,EAAO,UAAY,MAAU,CAAA,CAC/C,EAEDW,EAAAA,QAAQK,EAAAA,mBAAoB,CAC1B,KAAAtB,EACA,OAASuB,GAAejB,EAAO,QAAUiB,EACzC,QAAS,IAAM,CAAEjB,EAAO,QAAU,MAAU,CAAA,CAC7C,EAEQR,EAAA,CACP,UAAWM,CAAA,CACZ,EAEM,CAACoB,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,wBAAyB,GACzB,QAAS,QACT,IAAKnB,EACL,MAAO,qBAAA,EACN,CACDoB,aAAYJ,EAAK,OAAQ,SAAS,GACjC,GAAG,EAER,CAEA,CAAC"}
+{"version":3,"file":"index.cjs","sources":["../../../src/containers/xy-container/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\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\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    components: {},\n    xScale: { type: [Object, Function] },\n    xDomain: {},\n    xDomainMinConstraint: {},\n    xDomainMaxConstraint: {},\n    xRange: {},\n    yScale: { type: [Object, Function] },\n    yDomain: {},\n    yDomainMinConstraint: {},\n    yDomainMaxConstraint: {},\n    yRange: {},\n    yDirection: {},\n    xAxis: {},\n    yAxis: {},\n    autoMargin: { type: Boolean },\n    tooltip: {},\n    crosshair: {},\n    preventEmptyDomain: { type: [Boolean, null] },\n    scaleByDomain: { type: Boolean },\n    annotations: {},\n    duration: {},\n    margin: {},\n    padding: {},\n    sizing: {},\n    width: {},\n    height: {},\n    svgDefs: {},\n    ariaLabel: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n\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\n__expose({\n  component: chart\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-xy-container\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef,\n    class: \"unovis-xy-container\"\n  }, [\n    _renderSlot(_ctx.$slots, \"default\")\n  ], 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","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","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot"],"mappings":"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"}

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

@@ -1,16 +1,17 @@
-import { XYContainer, XYComponentCore, Tooltip, Crosshair, Axis } from '@unovis/ts';
+import { XYContainer, XYComponentCore, Tooltip, Crosshair, Axis, Annotations } from '@unovis/ts';
 declare const _default: <T>(__VLS_props: any, __VLS_ctx?: {
     attrs: any;
     emit: any;
     slots: any;
 }, __VLS_expose?: any, __VLS_setup?: Promise<{
     props: {
-        xScale?: import("@unovis/ts").ContinuousScale;
-        yScale?: import("@unovis/ts").ContinuousScale;
         duration?: number;
         data?: T[];
+        xScale?: import("@unovis/ts").ContinuousScale;
+        yScale?: import("@unovis/ts").ContinuousScale;
         tooltip?: Tooltip;
         components?: XYComponentCore<T, Partial<import("@unovis/ts").XYComponentConfigInterface<T>>>[];
+        annotations?: Annotations;
         margin?: import("@unovis/ts").Spacing;
         padding?: import("@unovis/ts").Spacing;
         sizing?: string;

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 i, openBlock as g, createElementBlock as A, renderSlot as C } from "vue";
+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, openBlock as g, createElementBlock 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 _ } from "../../utils/context.js";
-import { useForwardProps as K } from "../../utils/props.js";
-const S = /* @__PURE__ */ u({
+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({
   __name: "index",
   props: {
     components: {},
@@ -24,6 +24,7 @@ const S = /* @__PURE__ */ u({
     crosshair: {},
     preventEmptyDomain: { type: [Boolean, null] },
     scaleByDomain: { type: Boolean },
+    annotations: {},
     duration: {},
     margin: {},
     padding: {},
@@ -35,8 +36,9 @@ const S = /* @__PURE__ */ u({
     data: {}
   },
   setup(d, { expose: l }) {
-    const c = d, { data: t } = y(c), m = K(c), n = p(), e = v({
+    const c = d, { data: t } = y(c), m = b(c), n = p(), e = v({
       components: [],
+      annotations: void 0,
       crosshair: void 0,
       tooltip: void 0,
       xAxis: void 0,
@@ -46,40 +48,46 @@ const S = /* @__PURE__ */ u({
       n.value && n.value.setData(t.value, !0);
     }), x(() => {
       var o;
-      e.components.map((a) => a.config), (o = n.value) == null || o.updateContainer({ ...r(m.value), ...r(e) });
+      e.components.map((i) => i.config), (o = n.value) == null || o.updateContainer({ ...r(m.value), ...r(e) });
     }), h(() => {
       s.value && (n.value = new w(s.value, { ...r(e) }, t.value));
     }), D(() => {
       var o;
       return (o = n.value) == null ? void 0 : o.destroy();
-    }), i(B, {
+    }), a(B, {
       data: t,
       update: (o) => e.components = [...e.components, o],
       destroy: () => {
         var o;
-        return e.components = (o = e.components) == null ? void 0 : o.filter((a) => !a.isDestroyed());
+        return e.components = (o = e.components) == null ? void 0 : o.filter((i) => !i.isDestroyed());
       }
-    }), i(M, {
+    }), a(M, {
       data: t,
       update: (o) => e[`${o.config.type}Axis`] = o,
       destroy: (o) => {
         e[`${o}Axis`] = void 0;
       }
-    }), i(R, {
+    }), a(R, {
       data: t,
       update: (o) => e.crosshair = o,
       destroy: () => {
         e.crosshair = void 0;
       }
-    }), i(_, {
+    }), a(_, {
       data: t,
       update: (o) => e.tooltip = o,
       destroy: () => {
         e.tooltip = void 0;
       }
+    }), a(K, {
+      data: t,
+      update: (o) => e.annotations = o,
+      destroy: () => {
+        e.annotations = void 0;
+      }
     }), l({
       component: n
-    }), (o, a) => (g(), A("div", {
+    }), (o, i) => (g(), A("div", {
       "data-vis-xy-container": "",
       ref_key: "elRef",
       ref: s,
@@ -90,6 +98,6 @@ const S = /* @__PURE__ */ u({
   }
 });
 export {
-  S as default
+  $ 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?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { XYContainer, XYComponentCore, XYContainerConfigInterface, Tooltip, Crosshair, Axis } from '@unovis/ts'\nimport { onMounted, onUnmounted, ref, provide, watch, toRefs, reactive, watchEffect, toRaw } from 'vue'\nimport { componentAccessorKey, tooltipAccessorKey, axisAccessorKey, crosshairAccessorKey } from \"../../utils/context\"\nimport { useForwardProps } from \"../../utils/props\"\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    components: {},\n    xScale: { type: [Object, Function] },\n    xDomain: {},\n    xDomainMinConstraint: {},\n    xDomainMaxConstraint: {},\n    xRange: {},\n    yScale: { type: [Object, Function] },\n    yDomain: {},\n    yDomainMinConstraint: {},\n    yDomainMaxConstraint: {},\n    yRange: {},\n    yDirection: {},\n    xAxis: {},\n    yAxis: {},\n    autoMargin: { type: Boolean },\n    tooltip: {},\n    crosshair: {},\n    preventEmptyDomain: { type: [Boolean, null] },\n    scaleByDomain: { type: Boolean },\n    duration: {},\n    margin: {},\n    padding: {},\n    sizing: {},\n    width: {},\n    height: {},\n    svgDefs: {},\n    ariaLabel: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n\nconst { data } = toRefs(props)\nconst parsedProps = useForwardProps(props)\n\nconst chart = ref<XYContainer<T> | undefined>()\nconst config = reactive({\n  components: [],\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\n__expose({\n  component: chart\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-xy-container\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef,\n    class: \"unovis-xy-container\"\n  }, [\n    _renderSlot(_ctx.$slots, \"default\")\n  ], 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","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","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/containers/xy-container/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\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\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    components: {},\n    xScale: { type: [Object, Function] },\n    xDomain: {},\n    xDomainMinConstraint: {},\n    xDomainMaxConstraint: {},\n    xRange: {},\n    yScale: { type: [Object, Function] },\n    yDomain: {},\n    yDomainMinConstraint: {},\n    yDomainMaxConstraint: {},\n    yRange: {},\n    yDirection: {},\n    xAxis: {},\n    yAxis: {},\n    autoMargin: { type: Boolean },\n    tooltip: {},\n    crosshair: {},\n    preventEmptyDomain: { type: [Boolean, null] },\n    scaleByDomain: { type: Boolean },\n    annotations: {},\n    duration: {},\n    margin: {},\n    padding: {},\n    sizing: {},\n    width: {},\n    height: {},\n    svgDefs: {},\n    ariaLabel: {},\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n\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\n__expose({\n  component: chart\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-xy-container\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef,\n    class: \"unovis-xy-container\"\n  }, [\n    _renderSlot(_ctx.$slots, \"default\")\n  ], 512))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","__expose","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","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot"],"mappings":";;;;AASA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,YAAY,CAAC;AAAA,IACb,QAAQ,EAAE,MAAM,CAAC,QAAQ,QAAQ,EAAE;AAAA,IACnC,SAAS,CAAC;AAAA,IACV,sBAAsB,CAAC;AAAA,IACvB,sBAAsB,CAAC;AAAA,IACvB,QAAQ,CAAC;AAAA,IACT,QAAQ,EAAE,MAAM,CAAC,QAAQ,QAAQ,EAAE;AAAA,IACnC,SAAS,CAAC;AAAA,IACV,sBAAsB,CAAC;AAAA,IACvB,sBAAsB,CAAC;AAAA,IACvB,QAAQ,CAAC;AAAA,IACT,YAAY,CAAC;AAAA,IACb,OAAO,CAAC;AAAA,IACR,OAAO,CAAC;AAAA,IACR,YAAY,EAAE,MAAM,QAAQ;AAAA,IAC5B,SAAS,CAAC;AAAA,IACV,WAAW,CAAC;AAAA,IACZ,oBAAoB,EAAE,MAAM,CAAC,SAAS,IAAI,EAAE;AAAA,IAC5C,eAAe,EAAE,MAAM,QAAQ;AAAA,IAC/B,aAAa,CAAC;AAAA,IACd,UAAU,CAAC;AAAA,IACX,QAAQ,CAAC;AAAA,IACT,SAAS,CAAC;AAAA,IACV,QAAQ,CAAC;AAAA,IACT,OAAO,CAAC;AAAA,IACR,QAAQ,CAAC;AAAA,IACT,SAAS,CAAC;AAAA,IACV,WAAW,CAAC;AAAA,IACZ,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc,EAAE,QAAQC,KAAY;AAE5C,UAAMC,IAAQF,GAGR,EAAE,MAAAG,EAAA,IAASC,EAAOF,CAAK,GACvBG,IAAcC,EAAgBJ,CAAK,GAEnCK,IAAQC,KACRC,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;AAEd,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,EAAG;AAAA,IAAA,CAC/E,GAEDO,EAAU,MAAM;AACd,MAAIL,EAAM,UAAOJ,EAAM,QAAQ,IAAIU,EAAYN,EAAM,OAAO,EAAE,GAAGI,EAAMN,CAAM,EAAA,GAAKN,EAAK,KAAK;AAAA,IAAA,CAC7F,GAEDe,EAAY,MAAA;;AAAM,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,MAAU;AAAA,IAAA,CAClD,GAEDF,EAAQI,GAAsB;AAAA,MAC5B,MAAApB;AAAA,MACA,QAAQ,CAACkB,MAAoBZ,EAAO,YAAYY;AAAA,MAChD,SAAS,MAAM;AAAE,QAAAZ,EAAO,YAAY;AAAA,MAAU;AAAA,IAAA,CAC/C,GAEDU,EAAQK,GAAoB;AAAA,MAC1B,MAAArB;AAAA,MACA,QAAQ,CAACsB,MAAehB,EAAO,UAAUgB;AAAA,MACzC,SAAS,MAAM;AAAE,QAAAhB,EAAO,UAAU;AAAA,MAAU;AAAA,IAAA,CAC7C,GAEDU,EAAQO,GAAwB;AAAA,MAC9B,MAAAvB;AAAA,MACA,QAAQ,CAACwB,MAAmBlB,EAAO,cAAckB;AAAA,MACjD,SAAS,MAAM;AAAE,QAAAlB,EAAO,cAAc;AAAA,MAAU;AAAA,IAAA,CACjD,GAEQR,EAAA;AAAA,MACP,WAAWM;AAAA,IAAA,CACZ,GAEM,CAACqB,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,yBAAyB;AAAA,MACzB,SAAS;AAAA,MACT,KAAKpB;AAAA,MACL,OAAO;AAAA,IAAA,GACN;AAAA,MACDqB,EAAYJ,EAAK,QAAQ,SAAS;AAAA,OACjC,GAAG;AAAA,EAER;AAEA,CAAC;"}

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

package/index.js

@@ -1,4 +1,4 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".unovis-xy-container,.unovis-single-container{display:block;position:relative;width:100%}[data-vis-leaflet-map]{display:block;position:relative}[data-vis-bullet-legend]{display:block}[data-vis-leaflet-flow-map]{display:block;position:relative}")),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".unovis-single-container,.unovis-xy-container{display:block;position:relative;width:100%}[data-vis-leaflet-map],[data-vis-leaflet-flow-map]{display:block;position:relative}[data-vis-bullet-legend]{display:block}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
 import { default as i } from "./containers/xy-container/index.js";
 import "./containers/xy-container/index2.js";
 import { default as l } from "./containers/single-container/index.js";
@@ -9,9 +9,9 @@ import { default as n } from "./components/axis/index.js";
 import { default as B } from "./components/brush/index.js";
 import { default as S } from "./components/free-brush/index.js";
 import { default as g } from "./components/crosshair/index.js";
-import { default as M } from "./components/grouped-bar/index.js";
-import { default as c } from "./components/scatter/index.js";
-import { default as A } from "./components/stacked-bar/index.js";
+import { default as D } from "./components/grouped-bar/index.js";
+import { default as T } from "./components/scatter/index.js";
+import { default as k } from "./components/stacked-bar/index.js";
 import { default as G } from "./components/timeline/index.js";
 import { default as X } from "./components/xy-labels/index.js";
 import { default as b } from "./components/donut/index.js";
@@ -21,31 +21,33 @@ import { default as q } from "./components/graph/index.js";
 import { default as z } from "./components/chord-diagram/index.js";
 import { default as H } from "./components/nested-donut/index.js";
 import { default as K } from "./components/tooltip/index.js";
-import { default as Q } from "./html-components/leaflet-map/index.js";
+import { default as Q } from "./components/annotations/index.js";
+import { default as U } from "./html-components/leaflet-map/index.js";
 import "./html-components/leaflet-map/index2.js";
-import { default as U } from "./html-components/leaflet-flow-map/index.js";
+import { default as Z } from "./html-components/leaflet-flow-map/index.js";
 import "./html-components/leaflet-flow-map/index2.js";
-import { default as Z } from "./html-components/bullet-legend/index.js";
+import { default as $ } from "./html-components/bullet-legend/index.js";
 import "./html-components/bullet-legend/index2.js";
 export {
+  Q as VisAnnotations,
   x as VisArea,
   n as VisAxis,
   B as VisBrush,
-  Z as VisBulletLegend,
+  $ as VisBulletLegend,
   z as VisChordDiagram,
   g as VisCrosshair,
   b as VisDonut,
   S as VisFreeBrush,
   q as VisGraph,
-  M as VisGroupedBar,
-  U as VisLeafletFlowMap,
-  Q as VisLeafletMap,
+  D as VisGroupedBar,
+  Z as VisLeafletFlowMap,
+  U as VisLeafletMap,
   u as VisLine,
   H as VisNestedDonut,
   O as VisSankey,
-  c as VisScatter,
+  T as VisScatter,
   l as VisSingleContainer,
-  A as VisStackedBar,
+  k as VisStackedBar,
   G as VisTimeline,
   K as VisTooltip,
   y as VisTopoJSONMap,

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.3.4-beta.2",
+  "version": "1.4.0-beta.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/f5/unovis.git",

package/utils/context.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=Symbol("componentAccessorKey"),s=Symbol("tooltipAccessorKey"),c=Symbol("crosshairAccessorKey"),e=Symbol("axisAccessorKey");exports.axisAccessorKey=e;exports.componentAccessorKey=o;exports.crosshairAccessorKey=c;exports.tooltipAccessorKey=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=Symbol("componentAccessorKey"),s=Symbol("tooltipAccessorKey"),c=Symbol("crosshairAccessorKey"),e=Symbol("axisAccessorKey"),t=Symbol("annotationsAccessorKey");exports.annotationsAccessorKey=t;exports.axisAccessorKey=e;exports.componentAccessorKey=o;exports.crosshairAccessorKey=c;exports.tooltipAccessorKey=s;
 //# sourceMappingURL=context.cjs.map

package/utils/context.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"context.cjs","sources":["../../src/utils/context.ts"],"sourcesContent":["import { XYComponentCore, ComponentCore, Tooltip, Crosshair, Axis } from '@unovis/ts'\nimport { InjectionKey, Ref } from 'vue'\n\nexport const componentAccessorKey = Symbol('componentAccessorKey') as InjectionKey<{\n  data: Ref<any>;\n  update: (c: XYComponentCore<any> | ComponentCore<any>) => void;\n  destroy: () => void;\n}>\n\nexport const tooltipAccessorKey = Symbol('tooltipAccessorKey') as InjectionKey<{\n  data: Ref<any>;\n  update: (c: Tooltip) => void;\n  destroy: () => void;\n}>\n\nexport const crosshairAccessorKey = Symbol('crosshairAccessorKey') as InjectionKey<{\n  data: Ref<any>;\n  update: (c: Crosshair<any>) => void;\n  destroy: () => void;\n}>\n\nexport const axisAccessorKey = Symbol('axisAccessorKey') as InjectionKey< {\n  data: Ref<any>;\n  update: (c: Axis<any>) => void;\n  destroy: (c: string) => void;\n}>\n\n"],"names":["componentAccessorKey","tooltipAccessorKey","crosshairAccessorKey","axisAccessorKey"],"mappings":"gFAGa,MAAAA,EAAuB,OAAO,sBAAsB,EAMpDC,EAAqB,OAAO,oBAAoB,EAMhDC,EAAuB,OAAO,sBAAsB,EAMpDC,EAAkB,OAAO,iBAAiB"}
+{"version":3,"file":"context.cjs","sources":["../../src/utils/context.ts"],"sourcesContent":["import { XYComponentCore, ComponentCore, Tooltip, Crosshair, Axis, Annotations } from '@unovis/ts'\nimport { InjectionKey, Ref } from 'vue'\n\nexport const componentAccessorKey = Symbol('componentAccessorKey') as InjectionKey<{\n  data: Ref<any>;\n  update: (c: XYComponentCore<any> | ComponentCore<any>) => void;\n  destroy: () => void;\n}>\n\nexport const tooltipAccessorKey = Symbol('tooltipAccessorKey') as InjectionKey<{\n  data: Ref<any>;\n  update: (c: Tooltip) => void;\n  destroy: () => void;\n}>\n\nexport const crosshairAccessorKey = Symbol('crosshairAccessorKey') as InjectionKey<{\n  data: Ref<any>;\n  update: (c: Crosshair<any>) => void;\n  destroy: () => void;\n}>\n\nexport const axisAccessorKey = Symbol('axisAccessorKey') as InjectionKey< {\n  data: Ref<any>;\n  update: (c: Axis<any>) => void;\n  destroy: (c: string) => void;\n}>\n\nexport const annotationsAccessorKey = Symbol('annotationsAccessorKey') as InjectionKey<{\n  data: Ref<any>;\n  update: (c: Annotations) => void;\n  destroy: () => void;\n}>\n"],"names":["componentAccessorKey","tooltipAccessorKey","crosshairAccessorKey","axisAccessorKey","annotationsAccessorKey"],"mappings":"gFAGa,MAAAA,EAAuB,OAAO,sBAAsB,EAMpDC,EAAqB,OAAO,oBAAoB,EAMhDC,EAAuB,OAAO,sBAAsB,EAMpDC,EAAkB,OAAO,iBAAiB,EAM1CC,EAAyB,OAAO,wBAAwB"}

package/utils/context.d.ts

@@ -1,4 +1,4 @@
-import { XYComponentCore, ComponentCore, Tooltip, Crosshair, Axis } from '@unovis/ts';
+import { XYComponentCore, ComponentCore, Tooltip, Crosshair, Axis, Annotations } from '@unovis/ts';
 import { InjectionKey, Ref } from 'vue';
 export declare const componentAccessorKey: InjectionKey<{
     data: Ref<any>;
@@ -20,3 +20,8 @@ export declare const axisAccessorKey: InjectionKey<{
     update: (c: Axis<any>) => void;
     destroy: (c: string) => void;
 }>;
+export declare const annotationsAccessorKey: InjectionKey<{
+    data: Ref<any>;
+    update: (c: Annotations) => void;
+    destroy: () => void;
+}>;

package/utils/context.js

@@ -1,5 +1,6 @@
-const o = Symbol("componentAccessorKey"), s = Symbol("tooltipAccessorKey"), c = Symbol("crosshairAccessorKey"), e = Symbol("axisAccessorKey");
+const o = Symbol("componentAccessorKey"), s = Symbol("tooltipAccessorKey"), c = Symbol("crosshairAccessorKey"), e = Symbol("axisAccessorKey"), t = Symbol("annotationsAccessorKey");
 export {
+  t as annotationsAccessorKey,
   e as axisAccessorKey,
   o as componentAccessorKey,
   c as crosshairAccessorKey,

package/utils/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../src/utils/context.ts"],"sourcesContent":["import { XYComponentCore, ComponentCore, Tooltip, Crosshair, Axis } from '@unovis/ts'\nimport { InjectionKey, Ref } from 'vue'\n\nexport const componentAccessorKey = Symbol('componentAccessorKey') as InjectionKey<{\n  data: Ref<any>;\n  update: (c: XYComponentCore<any> | ComponentCore<any>) => void;\n  destroy: () => void;\n}>\n\nexport const tooltipAccessorKey = Symbol('tooltipAccessorKey') as InjectionKey<{\n  data: Ref<any>;\n  update: (c: Tooltip) => void;\n  destroy: () => void;\n}>\n\nexport const crosshairAccessorKey = Symbol('crosshairAccessorKey') as InjectionKey<{\n  data: Ref<any>;\n  update: (c: Crosshair<any>) => void;\n  destroy: () => void;\n}>\n\nexport const axisAccessorKey = Symbol('axisAccessorKey') as InjectionKey< {\n  data: Ref<any>;\n  update: (c: Axis<any>) => void;\n  destroy: (c: string) => void;\n}>\n\n"],"names":["componentAccessorKey","tooltipAccessorKey","crosshairAccessorKey","axisAccessorKey"],"mappings":"AAGa,MAAAA,IAAuB,OAAO,sBAAsB,GAMpDC,IAAqB,OAAO,oBAAoB,GAMhDC,IAAuB,OAAO,sBAAsB,GAMpDC,IAAkB,OAAO,iBAAiB;"}
+{"version":3,"file":"context.js","sources":["../../src/utils/context.ts"],"sourcesContent":["import { XYComponentCore, ComponentCore, Tooltip, Crosshair, Axis, Annotations } from '@unovis/ts'\nimport { InjectionKey, Ref } from 'vue'\n\nexport const componentAccessorKey = Symbol('componentAccessorKey') as InjectionKey<{\n  data: Ref<any>;\n  update: (c: XYComponentCore<any> | ComponentCore<any>) => void;\n  destroy: () => void;\n}>\n\nexport const tooltipAccessorKey = Symbol('tooltipAccessorKey') as InjectionKey<{\n  data: Ref<any>;\n  update: (c: Tooltip) => void;\n  destroy: () => void;\n}>\n\nexport const crosshairAccessorKey = Symbol('crosshairAccessorKey') as InjectionKey<{\n  data: Ref<any>;\n  update: (c: Crosshair<any>) => void;\n  destroy: () => void;\n}>\n\nexport const axisAccessorKey = Symbol('axisAccessorKey') as InjectionKey< {\n  data: Ref<any>;\n  update: (c: Axis<any>) => void;\n  destroy: (c: string) => void;\n}>\n\nexport const annotationsAccessorKey = Symbol('annotationsAccessorKey') as InjectionKey<{\n  data: Ref<any>;\n  update: (c: Annotations) => void;\n  destroy: () => void;\n}>\n"],"names":["componentAccessorKey","tooltipAccessorKey","crosshairAccessorKey","axisAccessorKey","annotationsAccessorKey"],"mappings":"AAGa,MAAAA,IAAuB,OAAO,sBAAsB,GAMpDC,IAAqB,OAAO,oBAAoB,GAMhDC,IAAuB,OAAO,sBAAsB,GAMpDC,IAAkB,OAAO,iBAAiB,GAM1CC,IAAyB,OAAO,wBAAwB;"}