@unovis/vue 1.4.1-beta.0 → 1.4.2-beta.0

package/components/annotations/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@unovis/ts"),c=require("../../utils/props.cjs"),p=require("../../utils/context.cjs"),v={"data-vis-annotations":""},_=i.Annotations.selectors,f=e.defineComponent({__name:"index",props:{items:{},duration:{},events:{},attributes:{},data:{}},setup(u,{expose:l}){const d=u,s=e.inject(p.annotationsAccessorKey),n=c.useForwardProps(d),t=e.ref();return e.onMounted(()=>{e.nextTick(()=>{t.value=new i.Annotations(n.value),s.update(t.value)})}),e.onUnmounted(()=>{var o;(o=t.value)==null||o.destroy(),s.destroy()}),e.watch(n,(o,r)=>{var a;c.arePropsEqual(o,r)||(a=t.value)==null||a.setConfig(n.value)}),l({component:t}),(o,r)=>(e.openBlock(),e.createElementBlock("div",v))}});exports.VisAnnotationsSelectors=_;exports.default=f;
+//# 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\n\nexport const VisAnnotationsSelectors = Annotations.selectors\n\ntype Props = 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","VisAnnotationsSelectors","Annotations","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","annotationsAccessorKey","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"mOAGMA,EAAa,CAAE,uBAAwB,IAQhCC,EAA0BC,EAAY,YAAA,UAIvBC,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,IAAIX,EAAY,YAAAS,EAAO,KAAK,EAErCH,EAAA,OAAOK,EAAU,KAAK,CAAA,CAChC,CAAA,CACF,EAEDI,EAAAA,YAAY,IAAM,QAChBC,EAAAL,EAAU,QAAV,MAAAK,EAAiB,UACjBV,EAAS,QAAQ,CAAA,CAClB,EAEKW,EAAAA,MAAAR,EAAQ,CAACS,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBH,EAAAL,EAAA,QAAA,MAAAK,EAAO,UAAUP,EAAO,MACpC,CACD,EAGQL,EAAA,CACP,UAAAO,CAAA,CACD,EAEM,CAACU,EAAUC,KACRC,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAO1B,CAAU,EAE7D,CAEA,CAAC"}

package/components/annotations/index.d.ts

@@ -0,0 +1,96 @@
+import { Annotations, AnnotationItem } from '@unovis/ts';
+export declare const VisAnnotationsSelectors: typeof import("@unovis/ts/lib/components/annotations/style");
+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,35 @@
+import { defineComponent as u, inject as m, ref as d, onMounted as l, nextTick as f, onUnmounted as v, watch as _, openBlock as x, createElementBlock as h } from "vue";
+import { Annotations as r } from "@unovis/ts";
+import { useForwardProps as k, arePropsEqual as w } from "../../utils/props.js";
+import { annotationsAccessorKey as y } from "../../utils/context.js";
+const A = { "data-vis-annotations": "" }, P = r.selectors, b = /* @__PURE__ */ u({
+  __name: "index",
+  props: {
+    items: {},
+    duration: {},
+    events: {},
+    attributes: {},
+    data: {}
+  },
+  setup(c, { expose: i }) {
+    const p = c, n = m(y), t = k(p), o = d();
+    return l(() => {
+      f(() => {
+        o.value = new r(t.value), n.update(o.value);
+      });
+    }), v(() => {
+      var e;
+      (e = o.value) == null || e.destroy(), n.destroy();
+    }), _(t, (e, s) => {
+      var a;
+      w(e, s) || (a = o.value) == null || a.setConfig(t.value);
+    }), i({
+      component: o
+    }), (e, s) => (x(), h("div", A));
+  }
+});
+export {
+  P as VisAnnotationsSelectors,
+  b 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\n\nexport const VisAnnotationsSelectors = Annotations.selectors\n\ntype Props = 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","VisAnnotationsSelectors","Annotations","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","annotationsAccessorKey","config","useForwardProps","component","ref","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;;;AAGA,MAAMA,IAAa,EAAE,wBAAwB,MAQhCC,IAA0BC,EAAY,WAIvBC,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,IAAIX,EAAYS,EAAO,KAAK,GAErCH,EAAA,OAAOK,EAAU,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF,GAEDI,EAAY,MAAM;;AAChB,OAAAC,IAAAL,EAAU,UAAV,QAAAK,EAAiB,WACjBV,EAAS,QAAQ;AAAA,IAAA,CAClB,GAEKW,EAAAR,GAAQ,CAACS,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBH,IAAAL,EAAA,UAAA,QAAAK,EAAO,UAAUP,EAAO;AAAA,IACpC,CACD,GAGQL,EAAA;AAAA,MACP,WAAAO;AAAA,IAAA,CACD,GAEM,CAACU,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAO1B,CAAU;AAAA,EAE7D;AAEA,CAAC;"}

package/components/annotations/index2.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.cjs");exports.VisAnnotationsSelectors=e.VisAnnotationsSelectors;exports.default=e.default;
+//# 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,7 @@
+import t from "./index.js";
+import { VisAnnotationsSelectors as s } from "./index.js";
+export {
+  s as VisAnnotationsSelectors,
+  t 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

@@ -38,14 +38,14 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
             };
         };
         data?: Datum[];
+        x: NumericAccessor<Datum>;
+        y: NumericAccessor<Datum> | NumericAccessor<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;

package/components/axis/index.d.ts

@@ -38,10 +38,10 @@ 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>[];
+        label?: string;
+        color?: string | string[] | ((d: Datum, i: number, ...any: unknown[]) => string) | ((d: Datum[], i: number, ...any: unknown[]) => string);
         id?: (d: Datum, i: number, ...any: any[]) => string;
         xScale?: import("@unovis/ts").ContinuousScale;
         yScale?: import("@unovis/ts").ContinuousScale;

package/components/brush/index.d.ts

@@ -38,9 +38,9 @@ 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>[];
+        color?: string | string[] | ((d: Datum, i: number, ...any: unknown[]) => string) | ((d: Datum[], i: number, ...any: unknown[]) => string);
         id?: (d: Datum, i: number, ...any: any[]) => string;
         xScale?: import("@unovis/ts").ContinuousScale;
         yScale?: import("@unovis/ts").ContinuousScale;

package/components/crosshair/index.d.ts

@@ -38,11 +38,11 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
             };
         };
         data?: Datum[];
+        x?: NumericAccessor<Datum>;
+        y?: NumericAccessor<Datum> | NumericAccessor<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;

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

@@ -38,9 +38,9 @@ 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>[];
+        color?: string | string[] | ((d: Datum, i: number, ...any: unknown[]) => string) | ((d: Datum[], i: number, ...any: unknown[]) => string);
         id?: (d: Datum, i: number, ...any: any[]) => string;
         xScale?: import("@unovis/ts").ContinuousScale;
         yScale?: import("@unovis/ts").ContinuousScale;

package/components/graph/index.cjs

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

package/components/graph/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/graph/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-component\": \"\" }\n\nimport { Graph, GraphConfigInterface, GraphInputNode, GraphInputLink } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\n\nexport const VisGraphSelectors = Graph.selectors\n\ntype Props = GraphConfigInterface<N, L>\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    zoomScaleExtent: {},\n    disableZoom: { type: Boolean },\n    disableDrag: { type: Boolean },\n    zoomThrottledUpdateNodeThreshold: {},\n    layoutType: {},\n    layoutAutofit: { type: Boolean },\n    layoutAutofitTolerance: {},\n    layoutNonConnectedAside: { type: Boolean },\n    layoutNodeGroup: { type: [Function, String, null] },\n    layoutGroupOrder: {},\n    layoutParallelNodesPerColumn: {},\n    layoutParallelNodeSubGroup: { type: [Function, String, null] },\n    layoutParallelSubGroupsPerRow: {},\n    layoutParallelGroupSpacing: {},\n    layoutParallelSortConnectionsByGroup: {},\n    forceLayoutSettings: {},\n    dagreLayoutSettings: {},\n    layoutElkSettings: { type: [Function, null] },\n    layoutElkNodeGroups: {},\n    linkWidth: { type: [Function, Number, null] },\n    linkStyle: { type: [Function, null] },\n    linkBandWidth: { type: [Function, Number, null] },\n    linkArrow: { type: [Function, null] },\n    linkStroke: { type: [Function, String, Array, null] },\n    linkDisabled: { type: [Function, Boolean, null] },\n    linkFlow: { type: [Function, Boolean, null] },\n    linkFlowAnimDuration: {},\n    linkFlowParticleSize: {},\n    linkLabel: { type: [Function, null] },\n    linkLabelShiftFromCenter: { type: [Function, Boolean, null] },\n    linkNeighborSpacing: {},\n    linkCurvature: { type: [Function, Number, null] },\n    selectedLinkId: {},\n    nodeSize: { type: [Function, Number, null] },\n    nodeStrokeWidth: { type: [Function, Number, null] },\n    nodeShape: { type: [Function, null] },\n    nodeGaugeValue: { type: [Function, Number, null] },\n    nodeGaugeFill: { type: [Function, String, Array, null] },\n    nodeGaugeAnimDuration: {},\n    nodeIcon: { type: [Function, String, null] },\n    nodeIconSize: { type: [Function, Number, null] },\n    nodeLabel: { type: [Function, String, null] },\n    nodeLabelTrim: { type: [Function, Boolean, null] },\n    nodeLabelTrimMode: { type: [Function, null] },\n    nodeLabelTrimLength: { type: [Function, Number, null] },\n    nodeSubLabel: { type: [Function, String, null] },\n    nodeSubLabelTrim: { type: [Function, Boolean, null] },\n    nodeSubLabelTrimMode: { type: [Function, null] },\n    nodeSubLabelTrimLength: { type: [Function, Number, null] },\n    nodeSideLabels: { type: [Function, null] },\n    nodeBottomIcon: { type: [Function, String, null] },\n    nodeDisabled: { type: [Function, Boolean, null] },\n    nodeFill: { type: [Function, String, Array, null] },\n    nodeStroke: { type: [Function, String, Array, null] },\n    nodeSort: { type: Function },\n    nodeEnterPosition: { type: [Function, null] },\n    nodeEnterScale: { type: [Function, Number, null] },\n    nodeExitPosition: { type: [Function, null] },\n    nodeExitScale: { type: [Function, Number, null] },\n    selectedNodeId: {},\n    panels: {},\n    onNodeDragStart: { type: Function },\n    onNodeDrag: { type: Function },\n    onNodeDragEnd: { type: Function },\n    onZoom: { type: Function },\n    onLayoutCalculated: { type: Function },\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(componentAccessorKey)\n\n// data and required props \n\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Graph<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Graph<N, L>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\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","VisGraphSelectors","Graph","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/graph/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-component\": \"\" }\n\nimport { Graph, GraphConfigInterface, GraphInputNode, GraphInputLink } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\n\nexport const VisGraphSelectors = Graph.selectors\n\ntype Props = GraphConfigInterface<N, L>\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    zoomScaleExtent: {},\n    disableZoom: { type: Boolean },\n    disableDrag: { type: Boolean },\n    disableBrush: { type: Boolean },\n    zoomThrottledUpdateNodeThreshold: {},\n    layoutType: {},\n    layoutAutofit: { type: Boolean },\n    layoutAutofitTolerance: {},\n    layoutNonConnectedAside: { type: Boolean },\n    layoutNodeGroup: { type: [Function, String, null] },\n    layoutGroupOrder: {},\n    layoutParallelNodesPerColumn: {},\n    layoutParallelNodeSubGroup: { type: [Function, String, null] },\n    layoutParallelSubGroupsPerRow: {},\n    layoutParallelGroupSpacing: {},\n    layoutParallelSortConnectionsByGroup: {},\n    forceLayoutSettings: {},\n    dagreLayoutSettings: {},\n    layoutElkSettings: { type: [Function, null] },\n    layoutElkNodeGroups: {},\n    linkWidth: { type: [Function, Number, null] },\n    linkStyle: { type: [Function, null] },\n    linkBandWidth: { type: [Function, Number, null] },\n    linkArrow: { type: [Function, null] },\n    linkStroke: { type: [Function, String, Array, null] },\n    linkDisabled: { type: [Function, Boolean, null] },\n    linkFlow: { type: [Function, Boolean, null] },\n    linkFlowAnimDuration: {},\n    linkFlowParticleSize: {},\n    linkLabel: { type: [Function, null] },\n    linkLabelShiftFromCenter: { type: [Function, Boolean, null] },\n    linkNeighborSpacing: {},\n    linkCurvature: { type: [Function, Number, null] },\n    selectedLinkId: {},\n    nodeSize: { type: [Function, Number, null] },\n    nodeStrokeWidth: { type: [Function, Number, null] },\n    nodeShape: { type: [Function, null] },\n    nodeGaugeValue: { type: [Function, Number, null] },\n    nodeGaugeFill: { type: [Function, String, Array, null] },\n    nodeGaugeAnimDuration: {},\n    nodeIcon: { type: [Function, String, null] },\n    nodeIconSize: { type: [Function, Number, null] },\n    nodeLabel: { type: [Function, String, null] },\n    nodeLabelTrim: { type: [Function, Boolean, null] },\n    nodeLabelTrimMode: { type: [Function, null] },\n    nodeLabelTrimLength: { type: [Function, Number, null] },\n    nodeSubLabel: { type: [Function, String, null] },\n    nodeSubLabelTrim: { type: [Function, Boolean, null] },\n    nodeSubLabelTrimMode: { type: [Function, null] },\n    nodeSubLabelTrimLength: { type: [Function, Number, null] },\n    nodeSideLabels: { type: [Function, null] },\n    nodeBottomIcon: { type: [Function, String, null] },\n    nodeDisabled: { type: [Function, Boolean, null] },\n    nodeFill: { type: [Function, String, Array, null] },\n    nodeStroke: { type: [Function, String, Array, null] },\n    nodeSort: { type: Function },\n    nodeEnterPosition: { type: [Function, null] },\n    nodeEnterScale: { type: [Function, Number, null] },\n    nodeExitPosition: { type: [Function, null] },\n    nodeExitScale: { type: [Function, Number, null] },\n    selectedNodeId: {},\n    selectedNodeIds: {},\n    panels: {},\n    onNodeDragStart: { type: Function },\n    onNodeDrag: { type: Function },\n    onNodeDragEnd: { type: Function },\n    onZoom: { type: Function },\n    onLayoutCalculated: { type: Function },\n    onNodeSelectionBrush: { type: Function },\n    onNodeSelectionDrag: { type: Function },\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(componentAccessorKey)\n\n// data and required props \n\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Graph<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Graph<N, L>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\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","VisGraphSelectors","Graph","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"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"}

package/components/graph/index.d.ts

@@ -65,6 +65,7 @@ declare const _default: <N extends GraphInputNode, L extends GraphInputLink>(__V
         zoomScaleExtent?: [number, number];
         disableZoom?: boolean;
         disableDrag?: boolean;
+        disableBrush?: boolean;
         zoomThrottledUpdateNodeThreshold?: number;
         layoutType?: string;
         layoutAutofit?: boolean;
@@ -121,12 +122,15 @@ declare const _default: <N extends GraphInputNode, L extends GraphInputLink>(__V
         nodeExitPosition?: import("@unovis/ts").GenericAccessor<[number, number], N>;
         nodeExitScale?: import("@unovis/ts").NumericAccessor<N>;
         selectedNodeId?: string | number;
+        selectedNodeIds?: string[] | number[];
         panels?: import("@unovis/ts").GraphPanelConfig[];
         onNodeDragStart?: (n: import("@unovis/ts").GraphNode<N, L>, event: import("d3-drag").D3DragEvent<SVGGElement, import("@unovis/ts").GraphNode<N, L>, unknown>) => void;
         onNodeDrag?: (n: import("@unovis/ts").GraphNode<N, L>, event: import("d3-drag").D3DragEvent<SVGGElement, import("@unovis/ts").GraphNode<N, L>, unknown>) => void;
         onNodeDragEnd?: (n: import("@unovis/ts").GraphNode<N, L>, event: import("d3-drag").D3DragEvent<SVGGElement, import("@unovis/ts").GraphNode<N, L>, unknown>) => void;
         onZoom?: (zoomScale: number, zoomScaleExtent: [number, number], event: import("d3-zoom").D3ZoomEvent<SVGGElement, unknown>) => void;
         onLayoutCalculated?: (n: import("@unovis/ts").GraphNode<N, L>[], links: import("@unovis/ts").GraphLink<N, L>[]) => void;
+        onNodeSelectionBrush?: (selectedNodes: import("@unovis/ts").GraphNode<N, L>[], event: import("d3-brush").D3BrushEvent<SVGGElement>) => void;
+        onNodeSelectionDrag?: (selectedNodes: import("@unovis/ts").GraphNode<N, L>[], event: import("d3-drag").D3DragEvent<SVGGElement, import("@unovis/ts").GraphNode<N, L>, unknown>) => void;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
         component: import("vue").Ref<Graph<N, L>>;

package/components/graph/index.js

@@ -1,13 +1,14 @@
-import { defineComponent as y, inject as s, computed as F, ref as m, onMounted as S, nextTick as b, onUnmounted as g, watch as r, openBlock as k, createElementBlock as N } from "vue";
+import { defineComponent as y, inject as s, computed as F, ref as m, onMounted as S, nextTick as b, onUnmounted as g, watch as r, openBlock as N, createElementBlock as k } from "vue";
 import { Graph as c } from "@unovis/ts";
-import { useForwardProps as L, arePropsEqual as h } from "../../utils/props.js";
-import { componentAccessorKey as f } from "../../utils/context.js";
-const v = { "data-vis-component": "" }, T = c.selectors, D = /* @__PURE__ */ y({
+import { useForwardProps as h, arePropsEqual as B } from "../../utils/props.js";
+import { componentAccessorKey as L } from "../../utils/context.js";
+const f = { "data-vis-component": "" }, D = c.selectors, T = /* @__PURE__ */ y({
   __name: "index",
   props: {
     zoomScaleExtent: {},
     disableZoom: { type: Boolean },
     disableDrag: { type: Boolean },
+    disableBrush: { type: Boolean },
     zoomThrottledUpdateNodeThreshold: {},
     layoutType: {},
     layoutAutofit: { type: Boolean },
@@ -65,19 +66,22 @@ const v = { "data-vis-component": "" }, T = c.selectors, D = /* @__PURE__ */ y({
     nodeExitPosition: { type: [Function, null] },
     nodeExitScale: { type: [Function, Number, null] },
     selectedNodeId: {},
+    selectedNodeIds: {},
     panels: {},
     onNodeDragStart: { type: Function },
     onNodeDrag: { type: Function },
     onNodeDragEnd: { type: Function },
     onZoom: { type: Function },
     onLayoutCalculated: { type: Function },
+    onNodeSelectionBrush: { type: Function },
+    onNodeSelectionDrag: { type: Function },
     duration: {},
     events: {},
     attributes: {},
     data: {}
   },
   setup(p, { expose: d }) {
-    const u = p, o = s(f), t = F(() => o.data.value ?? u.data), l = L(u), e = m();
+    const u = p, o = s(L), t = F(() => o.data.value ?? u.data), l = h(u), e = m();
     return S(() => {
       b(() => {
         var n;
@@ -88,17 +92,17 @@ const v = { "data-vis-component": "" }, T = c.selectors, D = /* @__PURE__ */ y({
       (n = e.value) == null || n.destroy(), o.destroy();
     }), r(l, (n, i) => {
       var a;
-      h(n, i) || (a = e.value) == null || a.setConfig(l.value);
+      B(n, i) || (a = e.value) == null || a.setConfig(l.value);
     }), r(t, () => {
       var n;
       (n = e.value) == null || n.setData(t.value);
     }), d({
       component: e
-    }), (n, i) => (k(), N("div", v));
+    }), (n, i) => (N(), k("div", f));
   }
 });
 export {
-  T as VisGraphSelectors,
-  D as default
+  D as VisGraphSelectors,
+  T as default
 };
 //# sourceMappingURL=index.js.map

package/components/graph/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/graph/index.vue?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-component\": \"\" }\n\nimport { Graph, GraphConfigInterface, GraphInputNode, GraphInputLink } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\n\nexport const VisGraphSelectors = Graph.selectors\n\ntype Props = GraphConfigInterface<N, L>\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    zoomScaleExtent: {},\n    disableZoom: { type: Boolean },\n    disableDrag: { type: Boolean },\n    zoomThrottledUpdateNodeThreshold: {},\n    layoutType: {},\n    layoutAutofit: { type: Boolean },\n    layoutAutofitTolerance: {},\n    layoutNonConnectedAside: { type: Boolean },\n    layoutNodeGroup: { type: [Function, String, null] },\n    layoutGroupOrder: {},\n    layoutParallelNodesPerColumn: {},\n    layoutParallelNodeSubGroup: { type: [Function, String, null] },\n    layoutParallelSubGroupsPerRow: {},\n    layoutParallelGroupSpacing: {},\n    layoutParallelSortConnectionsByGroup: {},\n    forceLayoutSettings: {},\n    dagreLayoutSettings: {},\n    layoutElkSettings: { type: [Function, null] },\n    layoutElkNodeGroups: {},\n    linkWidth: { type: [Function, Number, null] },\n    linkStyle: { type: [Function, null] },\n    linkBandWidth: { type: [Function, Number, null] },\n    linkArrow: { type: [Function, null] },\n    linkStroke: { type: [Function, String, Array, null] },\n    linkDisabled: { type: [Function, Boolean, null] },\n    linkFlow: { type: [Function, Boolean, null] },\n    linkFlowAnimDuration: {},\n    linkFlowParticleSize: {},\n    linkLabel: { type: [Function, null] },\n    linkLabelShiftFromCenter: { type: [Function, Boolean, null] },\n    linkNeighborSpacing: {},\n    linkCurvature: { type: [Function, Number, null] },\n    selectedLinkId: {},\n    nodeSize: { type: [Function, Number, null] },\n    nodeStrokeWidth: { type: [Function, Number, null] },\n    nodeShape: { type: [Function, null] },\n    nodeGaugeValue: { type: [Function, Number, null] },\n    nodeGaugeFill: { type: [Function, String, Array, null] },\n    nodeGaugeAnimDuration: {},\n    nodeIcon: { type: [Function, String, null] },\n    nodeIconSize: { type: [Function, Number, null] },\n    nodeLabel: { type: [Function, String, null] },\n    nodeLabelTrim: { type: [Function, Boolean, null] },\n    nodeLabelTrimMode: { type: [Function, null] },\n    nodeLabelTrimLength: { type: [Function, Number, null] },\n    nodeSubLabel: { type: [Function, String, null] },\n    nodeSubLabelTrim: { type: [Function, Boolean, null] },\n    nodeSubLabelTrimMode: { type: [Function, null] },\n    nodeSubLabelTrimLength: { type: [Function, Number, null] },\n    nodeSideLabels: { type: [Function, null] },\n    nodeBottomIcon: { type: [Function, String, null] },\n    nodeDisabled: { type: [Function, Boolean, null] },\n    nodeFill: { type: [Function, String, Array, null] },\n    nodeStroke: { type: [Function, String, Array, null] },\n    nodeSort: { type: Function },\n    nodeEnterPosition: { type: [Function, null] },\n    nodeEnterScale: { type: [Function, Number, null] },\n    nodeExitPosition: { type: [Function, null] },\n    nodeExitScale: { type: [Function, Number, null] },\n    selectedNodeId: {},\n    panels: {},\n    onNodeDragStart: { type: Function },\n    onNodeDrag: { type: Function },\n    onNodeDragEnd: { type: Function },\n    onZoom: { type: Function },\n    onLayoutCalculated: { type: Function },\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(componentAccessorKey)\n\n// data and required props \n\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Graph<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Graph<N, L>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\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","VisGraphSelectors","Graph","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/graph/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-component\": \"\" }\n\nimport { Graph, GraphConfigInterface, GraphInputNode, GraphInputLink } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick, inject } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\nimport { componentAccessorKey } from '../../utils/context'\n\n\nexport const VisGraphSelectors = Graph.selectors\n\ntype Props = GraphConfigInterface<N, L>\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    zoomScaleExtent: {},\n    disableZoom: { type: Boolean },\n    disableDrag: { type: Boolean },\n    disableBrush: { type: Boolean },\n    zoomThrottledUpdateNodeThreshold: {},\n    layoutType: {},\n    layoutAutofit: { type: Boolean },\n    layoutAutofitTolerance: {},\n    layoutNonConnectedAside: { type: Boolean },\n    layoutNodeGroup: { type: [Function, String, null] },\n    layoutGroupOrder: {},\n    layoutParallelNodesPerColumn: {},\n    layoutParallelNodeSubGroup: { type: [Function, String, null] },\n    layoutParallelSubGroupsPerRow: {},\n    layoutParallelGroupSpacing: {},\n    layoutParallelSortConnectionsByGroup: {},\n    forceLayoutSettings: {},\n    dagreLayoutSettings: {},\n    layoutElkSettings: { type: [Function, null] },\n    layoutElkNodeGroups: {},\n    linkWidth: { type: [Function, Number, null] },\n    linkStyle: { type: [Function, null] },\n    linkBandWidth: { type: [Function, Number, null] },\n    linkArrow: { type: [Function, null] },\n    linkStroke: { type: [Function, String, Array, null] },\n    linkDisabled: { type: [Function, Boolean, null] },\n    linkFlow: { type: [Function, Boolean, null] },\n    linkFlowAnimDuration: {},\n    linkFlowParticleSize: {},\n    linkLabel: { type: [Function, null] },\n    linkLabelShiftFromCenter: { type: [Function, Boolean, null] },\n    linkNeighborSpacing: {},\n    linkCurvature: { type: [Function, Number, null] },\n    selectedLinkId: {},\n    nodeSize: { type: [Function, Number, null] },\n    nodeStrokeWidth: { type: [Function, Number, null] },\n    nodeShape: { type: [Function, null] },\n    nodeGaugeValue: { type: [Function, Number, null] },\n    nodeGaugeFill: { type: [Function, String, Array, null] },\n    nodeGaugeAnimDuration: {},\n    nodeIcon: { type: [Function, String, null] },\n    nodeIconSize: { type: [Function, Number, null] },\n    nodeLabel: { type: [Function, String, null] },\n    nodeLabelTrim: { type: [Function, Boolean, null] },\n    nodeLabelTrimMode: { type: [Function, null] },\n    nodeLabelTrimLength: { type: [Function, Number, null] },\n    nodeSubLabel: { type: [Function, String, null] },\n    nodeSubLabelTrim: { type: [Function, Boolean, null] },\n    nodeSubLabelTrimMode: { type: [Function, null] },\n    nodeSubLabelTrimLength: { type: [Function, Number, null] },\n    nodeSideLabels: { type: [Function, null] },\n    nodeBottomIcon: { type: [Function, String, null] },\n    nodeDisabled: { type: [Function, Boolean, null] },\n    nodeFill: { type: [Function, String, Array, null] },\n    nodeStroke: { type: [Function, String, Array, null] },\n    nodeSort: { type: Function },\n    nodeEnterPosition: { type: [Function, null] },\n    nodeEnterScale: { type: [Function, Number, null] },\n    nodeExitPosition: { type: [Function, null] },\n    nodeExitScale: { type: [Function, Number, null] },\n    selectedNodeId: {},\n    selectedNodeIds: {},\n    panels: {},\n    onNodeDragStart: { type: Function },\n    onNodeDrag: { type: Function },\n    onNodeDragEnd: { type: Function },\n    onZoom: { type: Function },\n    onLayoutCalculated: { type: Function },\n    onNodeSelectionBrush: { type: Function },\n    onNodeSelectionDrag: { type: Function },\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(componentAccessorKey)\n\n// data and required props \n\n\nconst data = computed(() => accessor.data.value ?? props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<Graph<N, L>>()\n\n\nonMounted(() => {\n  nextTick(() => {\n    component.value = new Graph<N, L>(config.value)\n    component.value?.setData(data.value)\n    accessor.update(component.value)\n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  accessor.destroy()\n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.setConfig(config.value)\n  }\n})\n\nwatch(data, () => {\n  component.value?.setData(data.value)\n})\n\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","VisGraphSelectors","Graph","_sfc_main","_defineComponent","__props","__expose","props","accessor","inject","componentAccessorKey","data","computed","config","useForwardProps","component","ref","onMounted","nextTick","_a","onUnmounted","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"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"}

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

@@ -38,10 +38,10 @@ 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>[];
+        color?: import("@unovis/ts").ColorAccessor<Datum>;
+        cursor?: import("@unovis/ts").StringAccessor<Datum>;
         id?: (d: Datum, i: number, ...any: any[]) => string;
         xScale?: import("@unovis/ts").ContinuousScale;
         yScale?: import("@unovis/ts").ContinuousScale;

package/components/line/index.d.ts

@@ -38,11 +38,11 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
             };
         };
         data?: Datum[];
+        x: NumericAccessor<Datum>;
+        y: NumericAccessor<Datum> | NumericAccessor<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;

package/components/scatter/index.d.ts

@@ -38,11 +38,11 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
             };
         };
         data?: Datum[];
+        x: NumericAccessor<Datum>;
+        y: NumericAccessor<Datum> | NumericAccessor<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;

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

@@ -38,10 +38,10 @@ 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>[];
+        color?: import("@unovis/ts").ColorAccessor<Datum>;
+        cursor?: import("@unovis/ts").StringAccessor<Datum>;
         id?: (d: Datum, i: number, ...any: any[]) => string;
         xScale?: import("@unovis/ts").ContinuousScale;
         yScale?: import("@unovis/ts").ContinuousScale;

package/components/timeline/index.d.ts

@@ -40,11 +40,11 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
         };
         data?: Datum[];
         length?: NumericAccessor<Datum>;
+        x: NumericAccessor<Datum>;
+        y?: NumericAccessor<Datum> | 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;

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

@@ -38,11 +38,11 @@ declare const _default: <Datum>(__VLS_props: any, __VLS_ctx?: {
             };
         };
         data?: Datum[];
+        x: NumericAccessor<Datum>;
+        y: NumericAccessor<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;

package/components.d.ts

@@ -1,21 +1,22 @@
-export { default as VisLine, VisLineSelectors } from "./components/line/index";
 export { default as VisArea, VisAreaSelectors } from "./components/area/index";
 export { default as VisAxis, VisAxisSelectors } from "./components/axis/index";
 export { default as VisBrush, VisBrushSelectors } from "./components/brush/index";
-export { default as VisFreeBrush, VisFreeBrushSelectors } from "./components/free-brush/index";
 export { default as VisCrosshair, VisCrosshairSelectors } from "./components/crosshair/index";
+export { default as VisFreeBrush, VisFreeBrushSelectors } from "./components/free-brush/index";
 export { default as VisGroupedBar, VisGroupedBarSelectors } from "./components/grouped-bar/index";
+export { default as VisLine, VisLineSelectors } from "./components/line/index";
 export { default as VisScatter, VisScatterSelectors } from "./components/scatter/index";
 export { default as VisStackedBar, VisStackedBarSelectors } from "./components/stacked-bar/index";
 export { default as VisTimeline, VisTimelineSelectors } from "./components/timeline/index";
 export { default as VisXYLabels, VisXYLabelsSelectors } from "./components/xy-labels/index";
+export { default as VisChordDiagram, VisChordDiagramSelectors } from "./components/chord-diagram/index";
 export { default as VisDonut, VisDonutSelectors } from "./components/donut/index";
-export { default as VisTopoJSONMap, VisTopoJSONMapSelectors } from "./components/topojson-map/index";
-export { default as VisSankey, VisSankeySelectors } from "./components/sankey/index";
 export { default as VisGraph, VisGraphSelectors } from "./components/graph/index";
-export { default as VisChordDiagram, VisChordDiagramSelectors } from "./components/chord-diagram/index";
 export { default as VisNestedDonut, VisNestedDonutSelectors } from "./components/nested-donut/index";
+export { default as VisSankey, VisSankeySelectors } from "./components/sankey/index";
+export { default as VisTopoJSONMap, VisTopoJSONMapSelectors } from "./components/topojson-map/index";
 export { default as VisTooltip, VisTooltipSelectors } from "./components/tooltip/index";
+export { default as VisAnnotations, VisAnnotationsSelectors } from "./components/annotations/index";
 export { default as VisLeafletMap, VisLeafletMapSelectors } from "./html-components/leaflet-map/index";
 export { default as VisLeafletFlowMap, VisLeafletFlowMapSelectors } from "./html-components/leaflet-flow-map/index";
 export { default as VisBulletLegend, VisBulletLegendSelectors } from "./html-components/bullet-legend/index";

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

@@ -7,13 +7,13 @@ declare const _default: <T>(__VLS_props: any, __VLS_ctx?: {
     props: {
         duration?: number;
         data?: T;
+        width?: string | number;
         tooltip?: Tooltip;
         component?: ComponentCore<T, import("@unovis/ts").ComponentConfigInterface>;
         annotations?: Annotations;
         margin?: import("@unovis/ts").Spacing;
         padding?: import("@unovis/ts").Spacing;
         sizing?: string;
-        width?: string | number;
         height?: string | number;
         svgDefs?: string;
         ariaLabel?: string;

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

@@ -7,6 +7,7 @@ declare const _default: <T>(__VLS_props: any, __VLS_ctx?: {
     props: {
         duration?: number;
         data?: T[];
+        width?: string | number;
         xScale?: import("@unovis/ts").ContinuousScale;
         yScale?: import("@unovis/ts").ContinuousScale;
         tooltip?: Tooltip;
@@ -15,7 +16,6 @@ declare const _default: <T>(__VLS_props: any, __VLS_ctx?: {
         margin?: import("@unovis/ts").Spacing;
         padding?: import("@unovis/ts").Spacing;
         sizing?: string;
-        width?: string | number;
         height?: string | number;
         svgDefs?: string;
         ariaLabel?: string;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/html-components/bullet-legend/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { BulletLegend, BulletLegendConfigInterface, BulletLegendItemInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \n\nexport const VisBulletLegendSelectors = BulletLegend.selectors\n\ntype Props = BulletLegendConfigInterface\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    items: {},\n    labelClassName: {},\n    onLegendItemClick: { type: Function },\n    labelFontSize: {},\n    labelMaxWidth: {},\n    bulletSize: {},\n    bulletShape: { type: [Function, null] },\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\n\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<BulletLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  nextTick(() => {\n    if(elRef.value)\n    component.value = new BulletLegend(elRef.value, config.value)\n    \n    \n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  \n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.update(config.value)\n  }\n})\n\n\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-bullet-legend\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef\n  }, null, 512))\n}\n}\n\n})"],"names":["VisBulletLegendSelectors","BulletLegend","_sfc_main","_defineComponent","__props","__expose","props","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"8LAUaA,EAA2BC,EAAa,aAAA,UAIzBC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,MAAO,CAAC,EACR,eAAgB,CAAC,EACjB,kBAAmB,CAAE,KAAM,QAAS,EACpC,cAAe,CAAC,EAChB,cAAe,CAAC,EAChB,WAAY,CAAC,EACb,YAAa,CAAE,KAAM,CAAC,SAAU,IAAI,CAAE,EACtC,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAAE,OAAQC,GAAY,CAE5C,MAAMC,EAAQF,EAKDG,WAAS,IAAMD,EAAM,IAAI,EAEhC,MAAAE,EAASC,kBAAgBH,CAAK,EAG9BI,EAAYC,EAAAA,MACZC,EAAQD,EAAAA,MAEdE,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACVF,EAAM,QACTF,EAAU,MAAQ,IAAIT,EAAA,aAAaW,EAAM,MAAOJ,EAAO,KAAK,EAAA,CAG7D,CAAA,CACF,EAEDO,EAAAA,YAAY,IAAM,QAChBC,EAAAN,EAAU,QAAV,MAAAM,EAAiB,SAAQ,CAE1B,EAEKC,EAAAA,MAAAT,EAAQ,CAACU,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBH,EAAAN,EAAA,QAAA,MAAAM,EAAO,OAAOR,EAAO,MACjC,CACD,EAGQH,EAAA,CACP,UAAAK,CAAA,CACD,EAEM,CAACW,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,yBAA0B,GAC1B,QAAS,QACT,IAAKZ,CAAA,EACJ,KAAM,GAAG,EAEd,CAEA,CAAC"}
+{"version":3,"file":"index.cjs","sources":["../../../src/html-components/bullet-legend/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { BulletLegend, BulletLegendConfigInterface, BulletLegendItemInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \n\nexport const VisBulletLegendSelectors = BulletLegend.selectors\n\ntype Props = BulletLegendConfigInterface\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    items: {},\n    labelClassName: {},\n    onLegendItemClick: { type: Function },\n    labelFontSize: {},\n    labelMaxWidth: {},\n    bulletSize: {},\n    bulletShape: { type: [Function, null] },\n    orientation: {},\n    renderIntoProvidedDomNode: { type: Boolean },\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\n\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<BulletLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  nextTick(() => {\n    if(elRef.value)\n    component.value = new BulletLegend(elRef.value, { ...config.value, renderIntoProvidedDomNode: true })\n    \n    \n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  \n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.update(config.value)\n  }\n})\n\n\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-bullet-legend\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef\n  }, null, 512))\n}\n}\n\n})"],"names":["VisBulletLegendSelectors","BulletLegend","_sfc_main","_defineComponent","__props","__expose","props","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"8LAUaA,EAA2BC,EAAa,aAAA,UAIzBC,EAAiBC,kBAAA,CAC3C,OAAQ,QACR,MAAO,CACL,MAAO,CAAC,EACR,eAAgB,CAAC,EACjB,kBAAmB,CAAE,KAAM,QAAS,EACpC,cAAe,CAAC,EAChB,cAAe,CAAC,EAChB,WAAY,CAAC,EACb,YAAa,CAAE,KAAM,CAAC,SAAU,IAAI,CAAE,EACtC,YAAa,CAAC,EACd,0BAA2B,CAAE,KAAM,OAAQ,EAC3C,KAAM,CAAC,CACT,EACA,MAAMC,EAAc,CAAE,OAAQC,GAAY,CAE5C,MAAMC,EAAQF,EAKDG,WAAS,IAAMD,EAAM,IAAI,EAEhC,MAAAE,EAASC,kBAAgBH,CAAK,EAG9BI,EAAYC,EAAAA,MACZC,EAAQD,EAAAA,MAEdE,OAAAA,EAAAA,UAAU,IAAM,CACdC,EAAAA,SAAS,IAAM,CACVF,EAAM,QACCF,EAAA,MAAQ,IAAIT,EAAA,aAAaW,EAAM,MAAO,CAAE,GAAGJ,EAAO,MAAO,0BAA2B,EAAM,CAAA,EAAA,CAGrG,CAAA,CACF,EAEDO,EAAAA,YAAY,IAAM,QAChBC,EAAAN,EAAU,QAAV,MAAAM,EAAiB,SAAQ,CAE1B,EAEKC,EAAAA,MAAAT,EAAQ,CAACU,EAAMC,IAAS,OACvBC,EAAA,cAAcF,EAAMC,CAAI,IACjBH,EAAAN,EAAA,QAAA,MAAAM,EAAO,OAAOR,EAAO,MACjC,CACD,EAGQH,EAAA,CACP,UAAAK,CAAA,CACD,EAEM,CAACW,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,yBAA0B,GAC1B,QAAS,QACT,IAAKZ,CAAA,EACJ,KAAM,GAAG,EAEd,CAEA,CAAC"}

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

@@ -23,6 +23,12 @@ declare const _default: import("vue").DefineComponent<{
     bulletShape: {
         type: import("vue").PropType<import("@unovis/ts").GenericAccessor<import("@unovis/ts").BulletShape, BulletLegendItemInterface>>;
     };
+    orientation: {
+        type: import("vue").PropType<string>;
+    };
+    renderIntoProvidedDomNode: {
+        type: import("vue").PropType<boolean>;
+    };
     data: {
         type: import("vue").PropType<never>;
     };
@@ -51,6 +57,12 @@ declare const _default: import("vue").DefineComponent<{
     bulletShape: {
         type: import("vue").PropType<import("@unovis/ts").GenericAccessor<import("@unovis/ts").BulletShape, BulletLegendItemInterface>>;
     };
+    orientation: {
+        type: import("vue").PropType<string>;
+    };
+    renderIntoProvidedDomNode: {
+        type: import("vue").PropType<boolean>;
+    };
     data: {
         type: import("vue").PropType<never>;
     };

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

@@ -1,7 +1,7 @@
-import { defineComponent as p, computed as d, ref as r, onMounted as m, nextTick as f, onUnmounted as v, watch as _, openBlock as b, createElementBlock as x } from "vue";
-import { BulletLegend as s } from "@unovis/ts";
+import { defineComponent as c, computed as p, ref as u, onMounted as m, nextTick as f, onUnmounted as v, watch as _, openBlock as b, createElementBlock as x } from "vue";
+import { BulletLegend as d } from "@unovis/ts";
 import { useForwardProps as g, arePropsEqual as k } from "../../utils/props.js";
-const F = s.selectors, S = /* @__PURE__ */ p({
+const F = d.selectors, P = /* @__PURE__ */ c({
   __name: "index",
   props: {
     items: {},
@@ -11,33 +11,35 @@ const F = s.selectors, S = /* @__PURE__ */ p({
     labelMaxWidth: {},
     bulletSize: {},
     bulletShape: { type: [Function, null] },
+    orientation: {},
+    renderIntoProvidedDomNode: { type: Boolean },
     data: {}
   },
-  setup(c, { expose: i }) {
-    const n = c;
-    d(() => n.data);
-    const l = g(n), t = r(), o = r();
+  setup(i, { expose: s }) {
+    const l = i;
+    p(() => l.data);
+    const t = g(l), o = u(), n = u();
     return m(() => {
       f(() => {
-        o.value && (t.value = new s(o.value, l.value));
+        n.value && (o.value = new d(n.value, { ...t.value, renderIntoProvidedDomNode: !0 }));
       });
     }), v(() => {
       var e;
-      (e = t.value) == null || e.destroy();
-    }), _(l, (e, a) => {
-      var u;
-      k(e, a) || (u = t.value) == null || u.update(l.value);
-    }), i({
-      component: t
+      (e = o.value) == null || e.destroy();
+    }), _(t, (e, a) => {
+      var r;
+      k(e, a) || (r = o.value) == null || r.update(t.value);
+    }), s({
+      component: o
     }), (e, a) => (b(), x("div", {
       "data-vis-bullet-legend": "",
       ref_key: "elRef",
-      ref: o
+      ref: n
     }, null, 512));
   }
 });
 export {
   F as VisBulletLegendSelectors,
-  S as default
+  P as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/html-components/bullet-legend/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { BulletLegend, BulletLegendConfigInterface, BulletLegendItemInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \n\nexport const VisBulletLegendSelectors = BulletLegend.selectors\n\ntype Props = BulletLegendConfigInterface\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    items: {},\n    labelClassName: {},\n    onLegendItemClick: { type: Function },\n    labelFontSize: {},\n    labelMaxWidth: {},\n    bulletSize: {},\n    bulletShape: { type: [Function, null] },\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\n\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<BulletLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  nextTick(() => {\n    if(elRef.value)\n    component.value = new BulletLegend(elRef.value, config.value)\n    \n    \n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  \n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.update(config.value)\n  }\n})\n\n\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-bullet-legend\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef\n  }, null, 512))\n}\n}\n\n})"],"names":["VisBulletLegendSelectors","BulletLegend","_sfc_main","_defineComponent","__props","__expose","props","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;;AAUO,MAAMA,IAA2BC,EAAa,WAIzBC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,OAAO,CAAC;AAAA,IACR,gBAAgB,CAAC;AAAA,IACjB,mBAAmB,EAAE,MAAM,SAAS;AAAA,IACpC,eAAe,CAAC;AAAA,IAChB,eAAe,CAAC;AAAA,IAChB,YAAY,CAAC;AAAA,IACb,aAAa,EAAE,MAAM,CAAC,UAAU,IAAI,EAAE;AAAA,IACtC,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc,EAAE,QAAQC,KAAY;AAE5C,UAAMC,IAAQF;AAKD,IAAAG,EAAS,MAAMD,EAAM,IAAI;AAEhC,UAAAE,IAASC,EAAgBH,CAAK,GAG9BI,IAAYC,KACZC,IAAQD;AAEd,WAAAE,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAGF,EAAM,UACTF,EAAU,QAAQ,IAAIT,EAAaW,EAAM,OAAOJ,EAAO,KAAK;AAAA,MAAA,CAG7D;AAAA,IAAA,CACF,GAEDO,EAAY,MAAM;;AAChB,OAAAC,IAAAN,EAAU,UAAV,QAAAM,EAAiB;AAAA,IAAQ,CAE1B,GAEKC,EAAAT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBH,IAAAN,EAAA,UAAA,QAAAM,EAAO,OAAOR,EAAO;AAAA,IACjC,CACD,GAGQH,EAAA;AAAA,MACP,WAAAK;AAAA,IAAA,CACD,GAEM,CAACW,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,0BAA0B;AAAA,MAC1B,SAAS;AAAA,MACT,KAAKZ;AAAA,IAAA,GACJ,MAAM,GAAG;AAAA,EAEd;AAEA,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../../src/html-components/bullet-legend/index.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { BulletLegend, BulletLegendConfigInterface, BulletLegendItemInterface } from '@unovis/ts'\nimport { onMounted, onUnmounted, computed, ref, watch, nextTick } from 'vue'\nimport { arePropsEqual, useForwardProps } from '../../utils/props'\n\n\n// data and required props \n\nexport const VisBulletLegendSelectors = BulletLegend.selectors\n\ntype Props = BulletLegendConfigInterface\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'index',\n  props: {\n    items: {},\n    labelClassName: {},\n    onLegendItemClick: { type: Function },\n    labelFontSize: {},\n    labelMaxWidth: {},\n    bulletSize: {},\n    bulletShape: { type: [Function, null] },\n    orientation: {},\n    renderIntoProvidedDomNode: { type: Boolean },\n    data: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\nconst props = __props;\n\n// !!! This code was automatically generated. You should not change it !!!\n\n\nconst data = computed(() => props.data)\n// config\nconst config = useForwardProps(props)\n\n// component declaration\nconst component = ref<BulletLegend>()\nconst elRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  nextTick(() => {\n    if(elRef.value)\n    component.value = new BulletLegend(elRef.value, { ...config.value, renderIntoProvidedDomNode: true })\n    \n    \n  })\n})\n\nonUnmounted(() => {\n  component.value?.destroy()\n  \n})\n\nwatch(config, (curr, prev) => {\n  if (!arePropsEqual(curr, prev)) {\n    component.value?.update(config.value)\n  }\n})\n\n\n__expose({\n  component\n})\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    \"data-vis-bullet-legend\": \"\",\n    ref_key: \"elRef\",\n    ref: elRef\n  }, null, 512))\n}\n}\n\n})"],"names":["VisBulletLegendSelectors","BulletLegend","_sfc_main","_defineComponent","__props","__expose","props","computed","config","useForwardProps","component","ref","elRef","onMounted","nextTick","onUnmounted","_a","watch","curr","prev","arePropsEqual","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":";;;AAUO,MAAMA,IAA2BC,EAAa,WAIzBC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,OAAO,CAAC;AAAA,IACR,gBAAgB,CAAC;AAAA,IACjB,mBAAmB,EAAE,MAAM,SAAS;AAAA,IACpC,eAAe,CAAC;AAAA,IAChB,eAAe,CAAC;AAAA,IAChB,YAAY,CAAC;AAAA,IACb,aAAa,EAAE,MAAM,CAAC,UAAU,IAAI,EAAE;AAAA,IACtC,aAAa,CAAC;AAAA,IACd,2BAA2B,EAAE,MAAM,QAAQ;AAAA,IAC3C,MAAM,CAAC;AAAA,EACT;AAAA,EACA,MAAMC,GAAc,EAAE,QAAQC,KAAY;AAE5C,UAAMC,IAAQF;AAKD,IAAAG,EAAS,MAAMD,EAAM,IAAI;AAEhC,UAAAE,IAASC,EAAgBH,CAAK,GAG9BI,IAAYC,KACZC,IAAQD;AAEd,WAAAE,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAGF,EAAM,UACCF,EAAA,QAAQ,IAAIT,EAAaW,EAAM,OAAO,EAAE,GAAGJ,EAAO,OAAO,2BAA2B,GAAM,CAAA;AAAA,MAAA,CAGrG;AAAA,IAAA,CACF,GAEDO,EAAY,MAAM;;AAChB,OAAAC,IAAAN,EAAU,UAAV,QAAAM,EAAiB;AAAA,IAAQ,CAE1B,GAEKC,EAAAT,GAAQ,CAACU,GAAMC,MAAS;;AAC5B,MAAKC,EAAcF,GAAMC,CAAI,MACjBH,IAAAN,EAAA,UAAA,QAAAM,EAAO,OAAOR,EAAO;AAAA,IACjC,CACD,GAGQH,EAAA;AAAA,MACP,WAAAK;AAAA,IAAA,CACD,GAEM,CAACW,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,0BAA0B;AAAA,MAC1B,SAAS;AAAA,MACT,KAAKZ;AAAA,IAAA,GACJ,MAAM,GAAG;AAAA,EAEd;AAEA,CAAC;"}

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

@@ -41,6 +41,7 @@ declare const _default: <PointDatum extends GenericDataRecord, FlowDatum extends
             points: PointDatum[];
             flows?: FlowDatum[];
         };
+        width?: string | number;
         tooltip?: import("@unovis/ts").Tooltip;
         zoomDuration?: number;
         pointColor?: import("@unovis/ts").ColorAccessor<import("@unovis/ts").LeafletMapPointDatum<PointDatum>>;
@@ -50,7 +51,6 @@ declare const _default: <PointDatum extends GenericDataRecord, FlowDatum extends
         pointId?: import("@unovis/ts").StringAccessor<PointDatum>;
         clusterLabel?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapClusterDatum<PointDatum>>;
         clusterLabelColor?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapClusterDatum<PointDatum>>;
-        width?: string | number;
         height?: string | number;
         ariaLabel?: string;
         sourceLongitude?: import("@unovis/ts").NumericAccessor<FlowDatum>;

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

@@ -38,6 +38,7 @@ declare const _default: <Datum extends GenericDataRecord>(__VLS_props: any, __VL
             };
         };
         data?: Datum[];
+        width?: string | number;
         tooltip?: import("@unovis/ts").Tooltip;
         zoomDuration?: number;
         pointColor?: import("@unovis/ts").ColorAccessor<import("@unovis/ts").LeafletMapPointDatum<Datum>>;
@@ -47,7 +48,6 @@ declare const _default: <Datum extends GenericDataRecord>(__VLS_props: any, __VL
         pointId?: import("@unovis/ts").StringAccessor<Datum>;
         clusterLabel?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapClusterDatum<Datum>>;
         clusterLabelColor?: import("@unovis/ts").StringAccessor<import("@unovis/ts").LeafletMapClusterDatum<Datum>>;
-        width?: string | number;
         height?: string | number;
         ariaLabel?: string;
         flyToDuration?: number;

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-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 x=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 e=require("./components/line/index.cjs"),t=require("./components/area/index.cjs"),s=require("./components/axis/index.cjs"),r=require("./components/brush/index.cjs"),i=require("./components/free-brush/index.cjs"),u=require("./components/crosshair/index.cjs"),_=require("./components/grouped-bar/index.cjs"),l=require("./components/scatter/index.cjs"),o=require("./components/stacked-bar/index.cjs"),a=require("./components/timeline/index.cjs"),c=require("./components/xy-labels/index.cjs"),n=require("./components/donut/index.cjs"),p=require("./components/topojson-map/index.cjs"),V=require("./components/sankey/index.cjs"),d=require("./components/graph/index.cjs"),S=require("./components/chord-diagram/index.cjs"),v=require("./components/nested-donut/index.cjs"),g=require("./components/tooltip/index.cjs"),f=require("./html-components/leaflet-map/index.cjs");require("./html-components/leaflet-map/index2.cjs");const q=require("./html-components/leaflet-flow-map/index.cjs");require("./html-components/leaflet-flow-map/index2.cjs");const y=require("./html-components/bullet-legend/index.cjs");require("./html-components/bullet-legend/index2.cjs");exports.VisXYContainer=x.default;exports.VisSingleContainer=$.default;exports.VisLine=e.default;exports.VisLineSelectors=e.VisLineSelectors;exports.VisArea=t.default;exports.VisAreaSelectors=t.VisAreaSelectors;exports.VisAxis=s.default;exports.VisAxisSelectors=s.VisAxisSelectors;exports.VisBrush=r.default;exports.VisBrushSelectors=r.VisBrushSelectors;exports.VisFreeBrush=i.default;exports.VisFreeBrushSelectors=i.VisFreeBrushSelectors;exports.VisCrosshair=u.default;exports.VisCrosshairSelectors=u.VisCrosshairSelectors;exports.VisGroupedBar=_.default;exports.VisGroupedBarSelectors=_.VisGroupedBarSelectors;exports.VisScatter=l.default;exports.VisScatterSelectors=l.VisScatterSelectors;exports.VisStackedBar=o.default;exports.VisStackedBarSelectors=o.VisStackedBarSelectors;exports.VisTimeline=a.default;exports.VisTimelineSelectors=a.VisTimelineSelectors;exports.VisXYLabels=c.default;exports.VisXYLabelsSelectors=c.VisXYLabelsSelectors;exports.VisDonut=n.default;exports.VisDonutSelectors=n.VisDonutSelectors;exports.VisTopoJSONMap=p.default;exports.VisTopoJSONMapSelectors=p.VisTopoJSONMapSelectors;exports.VisSankey=V.default;exports.VisSankeySelectors=V.VisSankeySelectors;exports.VisGraph=d.default;exports.VisGraphSelectors=d.VisGraphSelectors;exports.VisChordDiagram=S.default;exports.VisChordDiagramSelectors=S.VisChordDiagramSelectors;exports.VisNestedDonut=v.default;exports.VisNestedDonutSelectors=v.VisNestedDonutSelectors;exports.VisTooltip=g.default;exports.VisTooltipSelectors=g.VisTooltipSelectors;exports.VisLeafletMap=f.default;exports.VisLeafletMapSelectors=f.VisLeafletMapSelectors;exports.VisLeafletFlowMap=q.default;exports.VisLeafletFlowMapSelectors=q.VisLeafletFlowMapSelectors;exports.VisBulletLegend=y.default;exports.VisBulletLegendSelectors=y.VisBulletLegendSelectors;
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("[data-vis-leaflet-map]{display:block;position:relative}[data-vis-bullet-legend]{display:block}.unovis-xy-container,.unovis-single-container{display:block;position:relative;width:100%}[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 $=require("./containers/xy-container/index.cjs");require("./containers/xy-container/index2.cjs");const h=require("./containers/single-container/index.cjs");require("./containers/single-container/index2.cjs");const e=require("./components/area/index.cjs"),t=require("./components/axis/index.cjs"),s=require("./components/brush/index.cjs"),r=require("./components/crosshair/index.cjs"),i=require("./components/free-brush/index.cjs"),u=require("./components/grouped-bar/index.cjs"),_=require("./components/line/index.cjs"),l=require("./components/scatter/index.cjs"),o=require("./components/stacked-bar/index.cjs"),n=require("./components/timeline/index.cjs"),a=require("./components/xy-labels/index.cjs"),c=require("./components/chord-diagram/index.cjs"),p=require("./components/donut/index.cjs"),V=require("./components/graph/index.cjs"),d=require("./components/nested-donut/index.cjs"),S=require("./components/sankey/index.cjs"),v=require("./components/topojson-map/index.cjs"),g=require("./components/tooltip/index.cjs"),f=require("./components/annotations/index.cjs"),q=require("./html-components/leaflet-map/index.cjs");require("./html-components/leaflet-map/index2.cjs");const y=require("./html-components/leaflet-flow-map/index.cjs");require("./html-components/leaflet-flow-map/index2.cjs");const x=require("./html-components/bullet-legend/index.cjs");require("./html-components/bullet-legend/index2.cjs");exports.VisXYContainer=$.default;exports.VisSingleContainer=h.default;exports.VisArea=e.default;exports.VisAreaSelectors=e.VisAreaSelectors;exports.VisAxis=t.default;exports.VisAxisSelectors=t.VisAxisSelectors;exports.VisBrush=s.default;exports.VisBrushSelectors=s.VisBrushSelectors;exports.VisCrosshair=r.default;exports.VisCrosshairSelectors=r.VisCrosshairSelectors;exports.VisFreeBrush=i.default;exports.VisFreeBrushSelectors=i.VisFreeBrushSelectors;exports.VisGroupedBar=u.default;exports.VisGroupedBarSelectors=u.VisGroupedBarSelectors;exports.VisLine=_.default;exports.VisLineSelectors=_.VisLineSelectors;exports.VisScatter=l.default;exports.VisScatterSelectors=l.VisScatterSelectors;exports.VisStackedBar=o.default;exports.VisStackedBarSelectors=o.VisStackedBarSelectors;exports.VisTimeline=n.default;exports.VisTimelineSelectors=n.VisTimelineSelectors;exports.VisXYLabels=a.default;exports.VisXYLabelsSelectors=a.VisXYLabelsSelectors;exports.VisChordDiagram=c.default;exports.VisChordDiagramSelectors=c.VisChordDiagramSelectors;exports.VisDonut=p.default;exports.VisDonutSelectors=p.VisDonutSelectors;exports.VisGraph=V.default;exports.VisGraphSelectors=V.VisGraphSelectors;exports.VisNestedDonut=d.default;exports.VisNestedDonutSelectors=d.VisNestedDonutSelectors;exports.VisSankey=S.default;exports.VisSankeySelectors=S.VisSankeySelectors;exports.VisTopoJSONMap=v.default;exports.VisTopoJSONMapSelectors=v.VisTopoJSONMapSelectors;exports.VisTooltip=g.default;exports.VisTooltipSelectors=g.VisTooltipSelectors;exports.VisAnnotations=f.default;exports.VisAnnotationsSelectors=f.VisAnnotationsSelectors;exports.VisLeafletMap=q.default;exports.VisLeafletMapSelectors=q.VisLeafletMapSelectors;exports.VisLeafletFlowMap=y.default;exports.VisLeafletFlowMapSelectors=y.VisLeafletFlowMapSelectors;exports.VisBulletLegend=x.default;exports.VisBulletLegendSelectors=x.VisBulletLegendSelectors;
 //# sourceMappingURL=index.cjs.map

package/index.js

@@ -1,63 +1,66 @@
-(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)}})();
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("[data-vis-leaflet-map]{display:block;position:relative}[data-vis-bullet-legend]{display:block}.unovis-xy-container,.unovis-single-container{display:block;position:relative;width:100%}[data-vis-leaflet-flow-map]{display:block;position:relative}")),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
 import { default as l } from "./containers/xy-container/index.js";
 import "./containers/xy-container/index2.js";
 import { default as V } from "./containers/single-container/index.js";
 import "./containers/single-container/index2.js";
-import { default as u, VisLineSelectors as d } from "./components/line/index.js";
-import { default as S, VisAreaSelectors as c } from "./components/area/index.js";
-import { default as n, VisAxisSelectors as h } from "./components/axis/index.js";
-import { default as L, VisBrushSelectors as C } from "./components/brush/index.js";
-import { default as M, VisFreeBrushSelectors as T } from "./components/free-brush/index.js";
-import { default as k, VisCrosshairSelectors as A } from "./components/crosshair/index.js";
-import { default as G, VisGroupedBarSelectors as N } from "./components/grouped-bar/index.js";
+import { default as u, VisAreaSelectors as d } from "./components/area/index.js";
+import { default as S, VisAxisSelectors as c } from "./components/axis/index.js";
+import { default as n, VisBrushSelectors as h } from "./components/brush/index.js";
+import { default as L, VisCrosshairSelectors as A } from "./components/crosshair/index.js";
+import { default as D, VisFreeBrushSelectors as M } from "./components/free-brush/index.js";
+import { default as g, VisGroupedBarSelectors as k } from "./components/grouped-bar/index.js";
+import { default as G, VisLineSelectors as N } from "./components/line/index.js";
 import { default as Y, VisScatterSelectors as b } from "./components/scatter/index.js";
 import { default as y, VisStackedBarSelectors as J } from "./components/stacked-bar/index.js";
 import { default as j, VisTimelineSelectors as q } from "./components/timeline/index.js";
 import { default as z, VisXYLabelsSelectors as E } from "./components/xy-labels/index.js";
-import { default as I, VisDonutSelectors as K } from "./components/donut/index.js";
-import { default as Q, VisTopoJSONMapSelectors as R } from "./components/topojson-map/index.js";
-import { default as W, VisSankeySelectors as Z } from "./components/sankey/index.js";
-import { default as $, VisGraphSelectors as ee } from "./components/graph/index.js";
-import { default as re, VisChordDiagramSelectors as oe } from "./components/chord-diagram/index.js";
-import { default as ae, VisNestedDonutSelectors as ie } from "./components/nested-donut/index.js";
+import { default as I, VisChordDiagramSelectors as K } from "./components/chord-diagram/index.js";
+import { default as Q, VisDonutSelectors as R } from "./components/donut/index.js";
+import { default as W, VisGraphSelectors as Z } from "./components/graph/index.js";
+import { default as $, VisNestedDonutSelectors as ee } from "./components/nested-donut/index.js";
+import { default as re, VisSankeySelectors as oe } from "./components/sankey/index.js";
+import { default as ae, VisTopoJSONMapSelectors as ie } from "./components/topojson-map/index.js";
 import { default as fe, VisTooltipSelectors as Ve } from "./components/tooltip/index.js";
-import { default as ue, VisLeafletMapSelectors as de } from "./html-components/leaflet-map/index.js";
+import { default as ue, VisAnnotationsSelectors as de } from "./components/annotations/index.js";
+import { default as Se, VisLeafletMapSelectors as ce } from "./html-components/leaflet-map/index.js";
 import "./html-components/leaflet-map/index2.js";
-import { default as Se, VisLeafletFlowMapSelectors as ce } from "./html-components/leaflet-flow-map/index.js";
+import { default as ne, VisLeafletFlowMapSelectors as he } from "./html-components/leaflet-flow-map/index.js";
 import "./html-components/leaflet-flow-map/index2.js";
-import { default as ne, VisBulletLegendSelectors as he } from "./html-components/bullet-legend/index.js";
+import { default as Le, VisBulletLegendSelectors as Ae } from "./html-components/bullet-legend/index.js";
 import "./html-components/bullet-legend/index2.js";
 export {
-  S as VisArea,
-  c as VisAreaSelectors,
-  n as VisAxis,
-  h as VisAxisSelectors,
-  L as VisBrush,
-  C as VisBrushSelectors,
-  ne as VisBulletLegend,
-  he as VisBulletLegendSelectors,
-  re as VisChordDiagram,
-  oe as VisChordDiagramSelectors,
-  k as VisCrosshair,
+  ue as VisAnnotations,
+  de as VisAnnotationsSelectors,
+  u as VisArea,
+  d as VisAreaSelectors,
+  S as VisAxis,
+  c as VisAxisSelectors,
+  n as VisBrush,
+  h as VisBrushSelectors,
+  Le as VisBulletLegend,
+  Ae as VisBulletLegendSelectors,
+  I as VisChordDiagram,
+  K as VisChordDiagramSelectors,
+  L as VisCrosshair,
   A as VisCrosshairSelectors,
-  I as VisDonut,
-  K as VisDonutSelectors,
-  M as VisFreeBrush,
-  T as VisFreeBrushSelectors,
-  $ as VisGraph,
-  ee as VisGraphSelectors,
-  G as VisGroupedBar,
-  N as VisGroupedBarSelectors,
-  Se as VisLeafletFlowMap,
-  ce as VisLeafletFlowMapSelectors,
-  ue as VisLeafletMap,
-  de as VisLeafletMapSelectors,
-  u as VisLine,
-  d as VisLineSelectors,
-  ae as VisNestedDonut,
-  ie as VisNestedDonutSelectors,
-  W as VisSankey,
-  Z as VisSankeySelectors,
+  Q as VisDonut,
+  R as VisDonutSelectors,
+  D as VisFreeBrush,
+  M as VisFreeBrushSelectors,
+  W as VisGraph,
+  Z as VisGraphSelectors,
+  g as VisGroupedBar,
+  k as VisGroupedBarSelectors,
+  ne as VisLeafletFlowMap,
+  he as VisLeafletFlowMapSelectors,
+  Se as VisLeafletMap,
+  ce as VisLeafletMapSelectors,
+  G as VisLine,
+  N as VisLineSelectors,
+  $ as VisNestedDonut,
+  ee as VisNestedDonutSelectors,
+  re as VisSankey,
+  oe as VisSankeySelectors,
   Y as VisScatter,
   b as VisScatterSelectors,
   V as VisSingleContainer,
@@ -67,8 +70,8 @@ export {
   q as VisTimelineSelectors,
   fe as VisTooltip,
   Ve as VisTooltipSelectors,
-  Q as VisTopoJSONMap,
-  R as VisTopoJSONMapSelectors,
+  ae as VisTopoJSONMap,
+  ie as VisTopoJSONMapSelectors,
   l as VisXYContainer,
   z as VisXYLabels,
   E as VisXYLabelsSelectors

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.4.1-beta.0",
+  "version": "1.4.2-beta.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/f5/unovis.git",
@@ -51,7 +51,7 @@
     "gallery": "vite"
   },
   "peerDependencies": {
-    "@unovis/ts": "1.4.1-beta.0",
+    "@unovis/ts": "1.4.2-beta.0",
     "vue": "^3"
   },
   "devDependencies": {