@unovis/vue 1.3.0-alpha.0 → 1.3.0-alpha.2

package/index.js

@@ -1,1173 +1,55 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".unovis-xy-container,.unovis-single-container{display:block;position:relative;width:100%}[data-vis-leaflet-map],[data-vis-leaflet-flow-map]{display:block;position:relative}[data-vis-bullet-legend]{display:block}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { defineComponent as y, toRefs as L, getCurrentInstance as v, computed as s, ref as p, watch as d, onMounted as _, onUnmounted as F, provide as C, openBlock as m, createElementBlock as g, renderSlot as k, inject as f, nextTick as S } from "vue";
-import { isEqual as M, XYContainer as w, SingleContainer as T, Line as P, Area as O, Axis as $, Brush as R, FreeBrush as V, Crosshair as W, GroupedBar as j, Scatter as z, StackedBar as E, Timeline as I, XYLabels as G, Donut as H, TopoJSONMap as Z, Sankey as K, Graph as U, ChordDiagram as J, NestedDonut as X, Tooltip as Y, LeafletMap as q, LeafletFlowMap as Q, BulletLegend as tt } from "@unovis/ts";
-const x = Symbol("componentAccessorKey"), N = Symbol("tooltipAccessorKey"), A = Symbol("crosshairAccessorKey"), D = Symbol("axisAccessorKey");
-function h(r, u) {
-  return M(r, u);
-}
-function b(r, u) {
-  const n = {}, c = (u == null ? void 0 : u.vnode.props) ?? {};
-  return Object.keys(c).forEach((i) => {
-    n[i] = r[i];
-  }), n;
-}
-const ft = /* @__PURE__ */ y({
-  __name: "xy-container",
-  props: {
-    components: {},
-    xScale: { type: [Object, Function] },
-    xDomain: {},
-    xDomainMinConstraint: {},
-    xDomainMaxConstraint: {},
-    xRange: {},
-    yScale: { type: [Object, Function] },
-    yDomain: {},
-    yDomainMinConstraint: {},
-    yDomainMaxConstraint: {},
-    yRange: {},
-    yDirection: {},
-    xAxis: {},
-    yAxis: {},
-    autoMargin: { type: Boolean },
-    tooltip: {},
-    crosshair: {},
-    preventEmptyDomain: { type: [Boolean, null] },
-    scaleByDomain: { type: Boolean },
-    duration: {},
-    margin: {},
-    padding: {},
-    sizing: {},
-    width: {},
-    height: {},
-    svgDefs: {},
-    ariaLabel: {},
-    data: {}
-  },
-  setup(r) {
-    const u = r, { data: n } = L(u), c = v(), i = s(() => b(u, c)), o = p(), e = {
-      components: [],
-      crosshair: void 0,
-      tooltip: void 0,
-      xAxis: void 0,
-      yAxis: void 0
-    }, t = p(), l = () => {
-      var a;
-      (a = o.value) == null || a.updateContainer({ ...i.value, ...e });
-    };
-    return d(n, () => {
-      o.value && (o.value.setData(n.value, !0), l());
-    }), d(i, () => {
-      l();
-    }), _(() => {
-      t.value && (o.value = new w(t.value, e, n.value));
-    }), F(() => {
-      var a;
-      return (a = o.value) == null ? void 0 : a.destroy();
-    }), C(x, {
-      data: n,
-      update: (a) => {
-        e.components = [...e.components, a], l();
-      },
-      destroy: () => {
-        var a;
-        return e.components = (a = e.components) == null ? void 0 : a.filter((B) => !B.isDestroyed());
-      }
-    }), C(D, {
-      data: n,
-      update: (a) => {
-        e[`${a.config.type}Axis`] = a, l();
-      },
-      destroy: (a) => {
-        e[`${a}Axis`] = void 0;
-      }
-    }), C(A, {
-      data: n,
-      update: (a) => {
-        e.crosshair = a, l();
-      },
-      destroy: () => {
-        e.crosshair = void 0;
-      }
-    }), C(N, {
-      data: n,
-      update: (a) => {
-        e.tooltip = a, l();
-      },
-      destroy: () => {
-        e.tooltip = void 0;
-      }
-    }), (a, B) => (m(), g("div", {
-      "data-vis-xy-container": "",
-      ref_key: "elRef",
-      ref: t,
-      class: "unovis-xy-container"
-    }, [
-      k(a.$slots, "default")
-    ], 512));
-  }
-});
-const xt = /* @__PURE__ */ y({
-  __name: "single-container",
-  props: {
-    component: {},
-    tooltip: {},
-    duration: {},
-    margin: {},
-    padding: {},
-    sizing: {},
-    width: {},
-    height: {},
-    svgDefs: {},
-    ariaLabel: {},
-    data: {}
-  },
-  setup(r) {
-    const u = r, { data: n } = L(u), c = v(), i = s(() => b(u, c)), o = p(), e = {
-      component: void 0,
-      tooltip: void 0
-    }, t = p(), l = () => {
-      var B;
-      a(), (B = o.value) == null || B.updateContainer({ ...i.value, ...e });
-    }, a = () => {
-      o.value || t.value && e.component && n.value && (o.value = new T(t.value, e, n.value));
-    };
-    return d(n, () => {
-      o.value ? (o.value.setData(n.value, !0), l()) : a();
-    }), d(i, () => {
-      l();
-    }), F(() => {
-      var B;
-      return (B = o.value) == null ? void 0 : B.destroy();
-    }), C(x, {
-      data: n,
-      update: (B) => {
-        e.component = B, l();
-      },
-      destroy: () => e.component = void 0
-    }), C(N, {
-      data: n,
-      update: (B) => {
-        e.tooltip = B, l();
-      },
-      destroy: () => {
-        e.tooltip = void 0;
-      }
-    }), (B, _t) => (m(), g("div", {
-      "data-vis-single-container": "",
-      ref_key: "elRef",
-      ref: t,
-      class: "unovis-single-container"
-    }, [
-      k(B.$slots, "default")
-    ], 512));
-  }
-});
-const et = { "data-vis-component": "" }, Bt = /* @__PURE__ */ y({
-  __name: "line",
-  props: {
-    curveType: {},
-    lineWidth: {},
-    lineDashArray: { type: [Function, null] },
-    fallbackValue: {},
-    highlightOnHover: { type: Boolean },
-    cursor: { type: [Function, String, null] },
-    x: { type: [Function, Number, null] },
-    y: { type: [Function, Number, null, Array] },
-    id: { type: Function },
-    color: { type: [Function, String, Array, null] },
-    xScale: { type: [Object, Function] },
-    yScale: { type: [Object, Function] },
-    excludeFromDomainCalculation: { type: Boolean },
-    duration: {},
-    events: {},
-    attributes: {},
-    data: {}
-  },
-  setup(r) {
-    const u = r, n = f(x), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
-    return _(() => {
-      S(() => {
-        var t;
-        e.value = new P(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
-      });
-    }), F(() => {
-      var t;
-      (t = e.value) == null || t.destroy(), n.destroy();
-    }), d(o, (t, l) => {
-      var a;
-      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
-    }), (t, l) => (m(), g("div", et));
-  }
-}), nt = { "data-vis-component": "" }, Ct = /* @__PURE__ */ y({
-  __name: "area",
-  props: {
-    curveType: {},
-    baseline: { type: [Function, Number, null] },
-    opacity: { type: [Function, Number, null] },
-    cursor: { type: [Function, String, null] },
-    minHeight1Px: { type: Boolean },
-    x: { type: [Function, Number, null] },
-    y: { type: [Function, Number, null, Array] },
-    id: { type: Function },
-    color: { type: [Function, String, Array, null] },
-    xScale: { type: [Object, Function] },
-    yScale: { type: [Object, Function] },
-    excludeFromDomainCalculation: { type: Boolean },
-    duration: {},
-    events: {},
-    attributes: {},
-    data: {}
-  },
-  setup(r) {
-    const u = r, n = f(x), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
-    return _(() => {
-      S(() => {
-        var t;
-        e.value = new O(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
-      });
-    }), F(() => {
-      var t;
-      (t = e.value) == null || t.destroy(), n.destroy();
-    }), d(o, (t, l) => {
-      var a;
-      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
-    }), (t, l) => (m(), g("div", nt));
-  }
-}), ot = { "data-vis-axis": "" }, Nt = /* @__PURE__ */ y({
-  __name: "axis",
-  props: {
-    position: {},
-    type: {},
-    fullSize: { type: Boolean },
-    label: {},
-    labelFontSize: {},
-    labelMargin: {},
-    labelColor: {},
-    gridLine: { type: Boolean },
-    tickLine: { type: Boolean },
-    domainLine: { type: Boolean },
-    minMaxTicksOnly: { type: Boolean },
-    tickFormat: { type: Function },
-    tickValues: {},
-    numTicks: {},
-    tickTextFitMode: {},
-    tickTextWidth: {},
-    tickTextSeparator: {},
-    tickTextForceWordBreak: { type: Boolean },
-    tickTextTrimType: {},
-    tickTextFontSize: {},
-    tickTextAlign: {},
-    tickTextColor: {},
-    tickPadding: {},
-    x: { type: [Function, Number, null] },
-    y: { type: [Function, Number, null, Array] },
-    id: { type: Function },
-    color: { type: [Function, String, Array, null] },
-    xScale: { type: [Object, Function] },
-    yScale: { type: [Object, Function] },
-    excludeFromDomainCalculation: { type: Boolean },
-    duration: {},
-    events: {},
-    attributes: {},
-    data: {}
-  },
-  setup(r) {
-    const u = r, n = f(D), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
-    return _(() => {
-      S(() => {
-        var t;
-        e.value = new $(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
-      });
-    }), F(() => {
-      var t;
-      (t = e.value) == null || t.destroy(), n.destroy(u.type);
-    }), d(o, (t, l) => {
-      var a;
-      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
-    }), (t, l) => (m(), g("div", ot));
-  }
-}), at = { "data-vis-component": "" }, Lt = /* @__PURE__ */ y({
-  __name: "brush",
-  props: {
-    onBrush: { type: Function },
-    onBrushStart: { type: Function },
-    onBrushMove: { type: Function },
-    onBrushEnd: { type: Function },
-    handleWidth: {},
-    selection: {},
-    draggable: { type: Boolean },
-    handlePosition: {},
-    selectionMinLength: {},
-    x: { type: [Function, Number, null] },
-    y: { type: [Function, Number, null, Array] },
-    id: { type: Function },
-    color: { type: [Function, String, Array, null] },
-    xScale: { type: [Object, Function] },
-    yScale: { type: [Object, Function] },
-    excludeFromDomainCalculation: { type: Boolean },
-    duration: {},
-    events: {},
-    attributes: {},
-    data: {}
-  },
-  setup(r) {
-    const u = r, n = f(x), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
-    return _(() => {
-      S(() => {
-        var t;
-        e.value = new R(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
-      });
-    }), F(() => {
-      var t;
-      (t = e.value) == null || t.destroy(), n.destroy();
-    }), d(o, (t, l) => {
-      var a;
-      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
-    }), (t, l) => (m(), g("div", at));
-  }
-}), lt = { "data-vis-component": "" }, kt = /* @__PURE__ */ y({
-  __name: "free-brush",
-  props: {
-    mode: {},
-    onBrush: { type: Function },
-    onBrushStart: { type: Function },
-    onBrushMove: { type: Function },
-    onBrushEnd: { type: Function },
-    handleWidth: {},
-    selection: {},
-    selectionMinLength: {},
-    autoHide: { type: Boolean },
-    x: { type: [Function, Number, null] },
-    y: { type: [Function, Number, null, Array] },
-    id: { type: Function },
-    color: { type: [Function, String, Array, null] },
-    xScale: { type: [Object, Function] },
-    yScale: { type: [Object, Function] },
-    excludeFromDomainCalculation: { type: Boolean },
-    duration: {},
-    events: {},
-    attributes: {},
-    data: {}
-  },
-  setup(r) {
-    const u = r, n = f(x), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
-    return _(() => {
-      S(() => {
-        var t;
-        e.value = new V(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
-      });
-    }), F(() => {
-      var t;
-      (t = e.value) == null || t.destroy(), n.destroy();
-    }), d(o, (t, l) => {
-      var a;
-      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
-    }), (t, l) => (m(), g("div", lt));
-  }
-}), it = { "data-vis-crosshair": "" }, At = /* @__PURE__ */ y({
-  __name: "crosshair",
-  props: {
-    yStacked: {},
-    baseline: { type: [Function, Number, null] },
-    tooltip: {},
-    template: { type: Function },
-    hideWhenFarFromPointer: { type: Boolean },
-    hideWhenFarFromPointerDistance: {},
-    snapToData: { type: Boolean },
-    getCircles: { type: Function },
-    x: { type: [Function, Number, null] },
-    y: { type: [Function, Number, null, Array] },
-    id: { type: Function },
-    color: { type: [Function, String, Array, null] },
-    xScale: { type: [Object, Function] },
-    yScale: { type: [Object, Function] },
-    excludeFromDomainCalculation: { type: Boolean },
-    duration: {},
-    events: {},
-    attributes: {},
-    data: {}
-  },
-  setup(r) {
-    const u = r, n = f(A), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
-    return _(() => {
-      S(() => {
-        var t;
-        e.value = new W(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
-      });
-    }), F(() => {
-      var t;
-      (t = e.value) == null || t.destroy(), n.destroy();
-    }), d(o, (t, l) => {
-      var a;
-      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
-    }), (t, l) => (m(), g("div", it));
-  }
-}), ut = { "data-vis-component": "" }, Dt = /* @__PURE__ */ y({
-  __name: "grouped-bar",
-  props: {
-    groupWidth: {},
-    groupMaxWidth: {},
-    dataStep: {},
-    groupPadding: {},
-    barPadding: {},
-    roundedCorners: { type: [Number, Boolean] },
-    barMinHeight: {},
-    cursor: { type: [Function, String, null] },
-    orientation: {},
-    x: { type: [Function, Number, null] },
-    y: { type: [Function, Number, null, Array] },
-    id: { type: Function },
-    color: { type: [Function, String, Array, null] },
-    xScale: { type: [Object, Function] },
-    yScale: { type: [Object, Function] },
-    excludeFromDomainCalculation: { type: Boolean },
-    duration: {},
-    events: {},
-    attributes: {},
-    data: {}
-  },
-  setup(r) {
-    const u = r, n = f(x), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
-    return _(() => {
-      S(() => {
-        var t;
-        e.value = new j(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
-      });
-    }), F(() => {
-      var t;
-      (t = e.value) == null || t.destroy(), n.destroy();
-    }), d(o, (t, l) => {
-      var a;
-      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
-    }), (t, l) => (m(), g("div", ut));
-  }
-}), rt = { "data-vis-component": "" }, Mt = /* @__PURE__ */ y({
-  __name: "scatter",
-  props: {
-    size: { type: [Function, Number, null] },
-    sizeScale: { type: [Object, Function] },
-    sizeRange: {},
-    shape: { type: [Function, String] },
-    label: { type: [Function, String, null] },
-    labelColor: { type: [Function, String, Array, null] },
-    labelHideOverlapping: { type: Boolean },
-    cursor: { type: [Function, String, null] },
-    labelTextBrightnessRatio: {},
-    labelPosition: { type: [Function, null] },
-    strokeColor: { type: [Function, String, Array, null] },
-    strokeWidth: { type: [Function, Number, null] },
-    x: { type: [Function, Number, null] },
-    y: { type: [Function, Number, null, Array] },
-    id: { type: Function },
-    color: { type: [Function, String, Array, null] },
-    xScale: { type: [Object, Function] },
-    yScale: { type: [Object, Function] },
-    excludeFromDomainCalculation: { type: Boolean },
-    duration: {},
-    events: {},
-    attributes: {},
-    data: {}
-  },
-  setup(r) {
-    const u = r, n = f(x), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
-    return _(() => {
-      S(() => {
-        var t;
-        e.value = new z(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
-      });
-    }), F(() => {
-      var t;
-      (t = e.value) == null || t.destroy(), n.destroy();
-    }), d(o, (t, l) => {
-      var a;
-      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
-    }), (t, l) => (m(), g("div", rt));
-  }
-}), ct = { "data-vis-component": "" }, wt = /* @__PURE__ */ y({
-  __name: "stacked-bar",
-  props: {
-    barWidth: {},
-    barMaxWidth: {},
-    dataStep: {},
-    barPadding: {},
-    roundedCorners: { type: [Number, Boolean] },
-    cursor: { type: [Function, String, null] },
-    barMinHeight1Px: { type: Boolean },
-    barMinHeightZeroValue: {},
-    orientation: {},
-    x: { type: [Function, Number, null] },
-    y: { type: [Function, Number, null, Array] },
-    id: { type: Function },
-    color: { type: [Function, String, Array, null] },
-    xScale: { type: [Object, Function] },
-    yScale: { type: [Object, Function] },
-    excludeFromDomainCalculation: { type: Boolean },
-    duration: {},
-    events: {},
-    attributes: {},
-    data: {}
-  },
-  setup(r) {
-    const u = r, n = f(x), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
-    return _(() => {
-      S(() => {
-        var t;
-        e.value = new E(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
-      });
-    }), F(() => {
-      var t;
-      (t = e.value) == null || t.destroy(), n.destroy();
-    }), d(o, (t, l) => {
-      var a;
-      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
-    }), (t, l) => (m(), g("div", ct));
-  }
-}), st = { "data-vis-component": "" }, Tt = /* @__PURE__ */ y({
-  __name: "timeline",
-  props: {
-    x: { type: [Function, Number, null] },
-    y: { type: [Function, Number, null, Array] },
-    id: { type: Function },
-    color: { type: [Function, String, Array, null] },
-    xScale: { type: [Object, Function] },
-    yScale: { type: [Object, Function] },
-    excludeFromDomainCalculation: { type: Boolean },
-    duration: {},
-    events: {},
-    attributes: {},
-    lineWidth: { type: [Function, Number, null] },
-    lineCap: { type: Boolean },
-    rowHeight: {},
-    length: { type: [Function, Number, null] },
-    type: { type: [Function, String, null] },
-    cursor: { type: [Function, String, null] },
-    showLabels: { type: Boolean },
-    labelWidth: {},
-    maxLabelWidth: {},
-    alternatingRowColors: { type: Boolean },
-    onScroll: { type: Function },
-    showEmptySegments: { type: Boolean },
-    data: {}
-  },
-  setup(r) {
-    const u = r, n = f(x), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
-    return _(() => {
-      S(() => {
-        var t;
-        e.value = new I(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
-      });
-    }), F(() => {
-      var t;
-      (t = e.value) == null || t.destroy(), n.destroy();
-    }), d(o, (t, l) => {
-      var a;
-      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
-    }), (t, l) => (m(), g("div", st));
-  }
-}), pt = { "data-vis-component": "" }, Pt = /* @__PURE__ */ y({
-  __name: "xy-labels",
-  props: {
-    y: { type: [Function, Number, null] },
-    xPositioning: { type: [Function, null] },
-    yPositioning: { type: [Function, null] },
-    labelFontSize: { type: [Function, Number, null] },
-    label: { type: [Function, String, null] },
-    backgroundColor: { type: [Function, String, Array, null] },
-    cursor: { type: [Function, String, null] },
-    labelTextBrightnessRatio: {},
-    clustering: { type: Boolean },
-    clusterLabel: { type: [Function, String, null] },
-    clusterFontSize: { type: [Function, Number, null] },
-    clusterBackgroundColor: { type: [Function, String, Array, null] },
-    clusterCursor: { type: [Function, String, null] },
-    clusterLabelColor: { type: [Function, String, Array, null] },
-    x: { type: [Function, Number, null] },
-    id: { type: Function },
-    color: { type: [Function, String, Array, null] },
-    xScale: { type: [Object, Function] },
-    yScale: { type: [Object, Function] },
-    excludeFromDomainCalculation: { type: Boolean },
-    duration: {},
-    events: {},
-    attributes: {},
-    data: {}
-  },
-  setup(r) {
-    const u = r, n = f(x), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
-    return _(() => {
-      S(() => {
-        var t;
-        e.value = new G(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
-      });
-    }), F(() => {
-      var t;
-      (t = e.value) == null || t.destroy(), n.destroy();
-    }), d(o, (t, l) => {
-      var a;
-      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
-    }), (t, l) => (m(), g("div", pt));
-  }
-}), dt = { "data-vis-component": "" }, Ot = /* @__PURE__ */ y({
-  __name: "donut",
-  props: {
-    id: { type: Function },
-    value: { type: [Function, Number, null] },
-    angleRange: {},
-    padAngle: {},
-    sortFunction: { type: Function },
-    cornerRadius: {},
-    color: { type: [Function, String, Array, null] },
-    radius: {},
-    arcWidth: {},
-    centralLabel: {},
-    centralSubLabel: {},
-    centralSubLabelWrap: { type: Boolean },
-    showEmptySegments: { type: Boolean },
-    emptySegmentAngle: {},
-    showBackground: { type: Boolean },
-    backgroundAngleRange: {},
-    duration: {},
-    events: {},
-    attributes: {},
-    data: {}
-  },
-  setup(r) {
-    const u = r, n = f(x), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
-    return _(() => {
-      S(() => {
-        var t;
-        e.value = new H(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
-      });
-    }), F(() => {
-      var t;
-      (t = e.value) == null || t.destroy(), n.destroy();
-    }), d(o, (t, l) => {
-      var a;
-      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
-    }), (t, l) => (m(), g("div", dt));
-  }
-}), yt = { "data-vis-component": "" }, $t = /* @__PURE__ */ y({
-  __name: "topojson-map",
-  props: {
-    projection: { type: [Function, Object] },
-    topojson: {},
-    mapFeatureName: {},
-    mapFitToPoints: { type: Boolean },
-    zoomFactor: {},
-    disableZoom: { type: Boolean },
-    zoomExtent: {},
-    zoomDuration: {},
-    linkWidth: { type: [Function, Number, null] },
-    linkColor: { type: [Function, String, Array, null] },
-    linkCursor: { type: [Function, String, null] },
-    linkId: { type: [Function, String, null] },
-    linkSource: { type: Function },
-    linkTarget: { type: Function },
-    areaId: { type: [Function, String, null] },
-    areaColor: { type: [Function, String, Array, null] },
-    areaCursor: { type: [Function, String, null] },
-    pointColor: { type: [Function, String, Array, null] },
-    pointRadius: { type: [Function, Number, null] },
-    pointStrokeWidth: { type: [Function, Number, null] },
-    pointCursor: { type: [Function, String, null] },
-    longitude: { type: [Function, Number, null] },
-    latitude: { type: [Function, Number, null] },
-    pointLabel: { type: [Function, String, null] },
-    pointLabelPosition: {},
-    pointLabelTextBrightnessRatio: {},
-    pointId: { type: Function },
-    heatmapMode: { type: Boolean },
-    heatmapModeBlurStdDeviation: {},
-    heatmapModeZoomLevelThreshold: {},
-    duration: {},
-    events: {},
-    attributes: {},
-    data: {}
-  },
-  setup(r) {
-    const u = r, n = f(x), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
-    return _(() => {
-      S(() => {
-        var t;
-        e.value = new Z(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
-      });
-    }), F(() => {
-      var t;
-      (t = e.value) == null || t.destroy(), n.destroy();
-    }), d(o, (t, l) => {
-      var a;
-      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
-    }), (t, l) => (m(), g("div", yt));
-  }
-}), vt = { "data-vis-component": "" }, Rt = /* @__PURE__ */ y({
-  __name: "sankey",
-  props: {
-    id: { type: Function },
-    heightNormalizationCoeff: {},
-    exitTransitionType: {},
-    enterTransitionType: {},
-    highlightSubtreeOnHover: { type: Boolean },
-    highlightDuration: {},
-    highlightDelay: {},
-    iterations: {},
-    nodeSort: { type: [Function, null] },
-    linkSort: { type: [Function, null] },
-    nodeWidth: {},
-    nodeAlign: {},
-    nodeHorizontalSpacing: {},
-    nodeMinHeight: {},
-    nodeMaxHeight: {},
-    nodePadding: {},
-    showSingleNode: { type: Boolean },
-    nodeCursor: { type: [Function, String, null] },
-    nodeIcon: { type: [Function, String, null] },
-    nodeColor: { type: [Function, String, Array, null] },
-    nodeFixedValue: { type: [Function, Number, null] },
-    nodeIconColor: { type: [Function, String, Array, null] },
-    linkColor: { type: [Function, String, null] },
-    linkValue: { type: [Function, Number, null] },
-    linkCursor: { type: [Function, String, null] },
-    label: { type: [Function, String, null] },
-    subLabel: { type: [Function, String, null] },
-    labelPosition: { type: [Function, null] },
-    labelVerticalAlign: {},
-    labelBackground: { type: Boolean },
-    labelFit: {},
-    labelMaxWidth: {},
-    labelExpandTrimmedOnHover: { type: Boolean },
-    labelTrimMode: {},
-    labelFontSize: {},
-    labelTextSeparator: {},
-    labelForceWordBreak: { type: Boolean },
-    labelColor: { type: [Function, String, Array, null] },
-    labelCursor: { type: [Function, String, null] },
-    labelVisibility: { type: Function },
-    subLabelFontSize: {},
-    subLabelColor: { type: [Function, String, Array, null] },
-    subLabelPlacement: {},
-    subLabelToLabelInlineWidthRatio: {},
-    duration: {},
-    events: {},
-    attributes: {},
-    data: {}
-  },
-  setup(r) {
-    const u = r, n = f(x), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
-    return _(() => {
-      S(() => {
-        var t;
-        e.value = new K(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
-      });
-    }), F(() => {
-      var t;
-      (t = e.value) == null || t.destroy(), n.destroy();
-    }), d(o, (t, l) => {
-      var a;
-      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
-    }), (t, l) => (m(), g("div", vt));
-  }
-}), Ft = { "data-vis-component": "" }, Vt = /* @__PURE__ */ y({
-  __name: "graph",
-  props: {
-    zoomScaleExtent: {},
-    disableZoom: { type: Boolean },
-    disableDrag: { type: Boolean },
-    zoomThrottledUpdateNodeThreshold: {},
-    onZoom: { type: Function },
-    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: {},
-    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: {},
-    duration: {},
-    events: {},
-    attributes: {},
-    data: {}
-  },
-  setup(r) {
-    const u = r, n = f(x), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
-    return _(() => {
-      S(() => {
-        var t;
-        e.value = new U(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
-      });
-    }), F(() => {
-      var t;
-      (t = e.value) == null || t.destroy(), n.destroy();
-    }), d(o, (t, l) => {
-      var a;
-      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
-    }), (t, l) => (m(), g("div", Ft));
-  }
-}), mt = { "data-vis-component": "" }, Wt = /* @__PURE__ */ y({
-  __name: "chord-diagram",
-  props: {
-    highlightedNodeId: {},
-    highlightedLinkIds: {},
-    linkColor: { type: [Function, String, Array, null] },
-    linkValue: { type: [Function, Number, null] },
-    nodeLevels: {},
-    nodeWidth: {},
-    nodeColor: { type: [Function, String, Array, null] },
-    nodeLabel: { type: [Function, String, null] },
-    nodeLabelColor: { type: [Function, String, null] },
-    nodeLabelAlignment: { type: [Function, null] },
-    padAngle: { type: [Function, Number, null] },
-    cornerRadius: { type: [Function, Number, null] },
-    angleRange: {},
-    radiusScaleExponent: {},
-    duration: {},
-    events: {},
-    attributes: {},
-    data: {}
-  },
-  setup(r) {
-    const u = r, n = f(x), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
-    return _(() => {
-      S(() => {
-        var t;
-        e.value = new J(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
-      });
-    }), F(() => {
-      var t;
-      (t = e.value) == null || t.destroy(), n.destroy();
-    }), d(o, (t, l) => {
-      var a;
-      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
-    }), (t, l) => (m(), g("div", mt));
-  }
-}), gt = { "data-vis-component": "" }, jt = /* @__PURE__ */ y({
-  __name: "nested-donut",
-  props: {
-    angleRange: {},
-    direction: {},
-    value: { type: [Function, Number, null] },
-    centralLabel: {},
-    centralSubLabel: {},
-    centralSubLabelWrap: { type: Boolean },
-    showBackground: { type: Boolean },
-    sort: { type: Function },
-    layers: {},
-    layerSettings: { type: [Function, null] },
-    layerPadding: {},
-    cornerRadius: {},
-    emptySegmentAngle: {},
-    hideOverflowingSegmentLabels: { type: Boolean },
-    segmentColor: { type: [Function, String, Array, null] },
-    segmentLabel: { type: [Function, String, null] },
-    segmentLabelColor: { type: [Function, String, Array, null] },
-    showEmptySegments: { type: Boolean },
-    duration: {},
-    events: {},
-    attributes: {},
-    data: {}
-  },
-  setup(r) {
-    const u = r, n = f(x), c = s(() => n.data.value), i = v(), o = s(() => b(u, i)), e = p();
-    return _(() => {
-      S(() => {
-        var t;
-        e.value = new X(o.value), (t = e.value) == null || t.setData(c.value), n.update(e.value);
-      });
-    }), F(() => {
-      var t;
-      (t = e.value) == null || t.destroy(), n.destroy();
-    }), d(o, (t, l) => {
-      var a;
-      h(t, l) || ((a = e.value) == null || a.setConfig(o.value), n.update(e.value));
-    }), (t, l) => (m(), g("div", gt));
-  }
-}), bt = { "data-vis-tooltip": "" }, zt = /* @__PURE__ */ y({
-  __name: "tooltip",
-  props: {
-    components: {},
-    container: {},
-    horizontalPlacement: {},
-    horizontalShift: {},
-    verticalPlacement: {},
-    verticalShift: {},
-    triggers: {},
-    attributes: {},
-    data: {}
-  },
-  setup(r) {
-    const u = r, n = f(N), c = v(), i = s(() => b(u, c)), o = p();
-    return _(() => {
-      S(() => {
-        o.value = new Y(i.value), n.update(o.value);
-      });
-    }), F(() => {
-      var e;
-      (e = o.value) == null || e.destroy(), n.destroy();
-    }), d(i, (e, t) => {
-      var l;
-      h(e, t) || ((l = o.value) == null || l.setConfig(i.value), n.update(o.value));
-    }), (e, t) => (m(), g("div", bt));
-  }
-}), Et = /* @__PURE__ */ y({
-  __name: "leaflet-map",
-  props: {
-    width: {},
-    height: {},
-    flyToDuration: {},
-    fitViewPadding: {},
-    zoomDuration: {},
-    initialBounds: {},
-    fitBoundsOnUpdate: {},
-    fitViewOnInit: { type: Boolean },
-    fitViewOnUpdate: { type: Boolean },
-    style: {},
-    styleDarkTheme: {},
-    accessToken: {},
-    attribution: {},
-    renderer: {},
-    onMapInitialized: { type: Function },
-    onMapMoveZoom: { type: Function },
-    onMapMoveStart: { type: Function },
-    onMapMoveEnd: { type: Function },
-    onMapZoomStart: { type: Function },
-    onMapZoomEnd: { type: Function },
-    onMapClick: { type: Function },
-    pointLongitude: { type: [Function, Number, null] },
-    pointLatitude: { type: [Function, Number, null] },
-    pointId: { type: [Function, String, null] },
-    pointShape: { type: [Function, null] },
-    pointColor: { type: [Function, String, Array, null] },
-    pointRadius: { type: [Function, Number, null] },
-    pointLabel: { type: [Function, String, null] },
-    pointLabelColor: { type: [Function, String, null] },
-    pointBottomLabel: { type: [Function, String, null] },
-    pointCursor: { type: [Function, String, null] },
-    pointRingWidth: {},
-    selectedPointId: {},
-    clusterColor: { type: [Function, String, Array, null] },
-    clusterRadius: { type: [Function, Number, null] },
-    clusterLabel: { type: [Function, String, null] },
-    clusterLabelColor: { type: [Function, String, null] },
-    clusterBottomLabel: { type: [Function, String, null] },
-    clusterRingWidth: {},
-    clusterBackground: { type: Boolean },
-    clusterExpandOnClick: { type: Boolean },
-    clusteringDistance: {},
-    colorMap: {},
-    topoJSONLayer: {},
-    tooltip: {},
-    ariaLabel: {},
-    duration: {},
-    events: {},
-    attributes: {},
-    data: {}
-  },
-  setup(r) {
-    const u = r, n = s(() => u.data), c = v(), i = s(() => b(u, c)), o = p(), e = p();
-    return _(() => {
-      S(() => {
-        e.value && (o.value = new q(e.value, i.value, n.value));
-      });
-    }), F(() => {
-      var t;
-      (t = o.value) == null || t.destroy();
-    }), d(i, (t, l) => {
-      var a;
-      h(t, l) || (a = o.value) == null || a.setConfig(i.value);
-    }), (t, l) => (m(), g("div", {
-      "data-vis-leaflet-map": "",
-      ref_key: "elRef",
-      ref: e
-    }, null, 512));
-  }
-});
-const It = /* @__PURE__ */ y({
-  __name: "leaflet-flow-map",
-  props: {
-    sourceLongitude: { type: [Function, Number, null] },
-    sourceLatitude: { type: [Function, Number, null] },
-    targetLongitude: { type: [Function, Number, null] },
-    targetLatitude: { type: [Function, Number, null] },
-    sourcePointRadius: { type: [Function, Number, null] },
-    sourcePointColor: { type: [Function, String, Array, null] },
-    flowParticleColor: { type: [Function, String, Array, null] },
-    flowParticleRadius: { type: [Function, Number, null] },
-    flowParticleSpeed: { type: [Function, Number, null] },
-    flowParticleDensity: { type: [Function, Number, null] },
-    onSourcePointClick: { type: Function },
-    onSourcePointMouseEnter: { type: Function },
-    onSourcePointMouseLeave: { type: Function },
-    width: {},
-    height: {},
-    flyToDuration: {},
-    fitViewPadding: {},
-    zoomDuration: {},
-    initialBounds: {},
-    fitBoundsOnUpdate: {},
-    fitViewOnInit: { type: Boolean },
-    fitViewOnUpdate: { type: Boolean },
-    style: {},
-    styleDarkTheme: {},
-    accessToken: {},
-    attribution: {},
-    renderer: {},
-    onMapInitialized: { type: Function },
-    onMapMoveZoom: { type: Function },
-    onMapMoveStart: { type: Function },
-    onMapMoveEnd: { type: Function },
-    onMapZoomStart: { type: Function },
-    onMapZoomEnd: { type: Function },
-    onMapClick: { type: Function },
-    pointLongitude: { type: [Function, Number, null] },
-    pointLatitude: { type: [Function, Number, null] },
-    pointId: { type: [Function, String, null] },
-    pointShape: { type: [Function, null] },
-    pointColor: { type: [Function, String, Array, null] },
-    pointRadius: { type: [Function, Number, null] },
-    pointLabel: { type: [Function, String, null] },
-    pointLabelColor: { type: [Function, String, null] },
-    pointBottomLabel: { type: [Function, String, null] },
-    pointCursor: { type: [Function, String, null] },
-    pointRingWidth: {},
-    selectedPointId: {},
-    clusterColor: { type: [Function, String, Array, null] },
-    clusterRadius: { type: [Function, Number, null] },
-    clusterLabel: { type: [Function, String, null] },
-    clusterLabelColor: { type: [Function, String, null] },
-    clusterBottomLabel: { type: [Function, String, null] },
-    clusterRingWidth: {},
-    clusterBackground: { type: Boolean },
-    clusterExpandOnClick: { type: Boolean },
-    clusteringDistance: {},
-    colorMap: {},
-    topoJSONLayer: {},
-    tooltip: {},
-    ariaLabel: {},
-    duration: {},
-    events: {},
-    attributes: {},
-    data: {}
-  },
-  setup(r) {
-    const u = r, n = s(() => u.data), c = v(), i = s(() => b(u, c)), o = p(), e = p();
-    return _(() => {
-      S(() => {
-        e.value && (o.value = new Q(e.value, i.value, n.value));
-      });
-    }), F(() => {
-      var t;
-      (t = o.value) == null || t.destroy();
-    }), d(i, (t, l) => {
-      var a;
-      h(t, l) || (a = o.value) == null || a.setConfig(i.value);
-    }), (t, l) => (m(), g("div", {
-      "data-vis-leaflet-flow-map": "",
-      ref_key: "elRef",
-      ref: e
-    }, null, 512));
-  }
-});
-const Gt = /* @__PURE__ */ y({
-  __name: "bullet-legend",
-  props: {
-    items: {},
-    labelClassName: {},
-    onLegendItemClick: { type: Function },
-    labelFontSize: {},
-    labelMaxWidth: {},
-    bulletSize: {},
-    data: {}
-  },
-  setup(r) {
-    const u = r;
-    s(() => u.data);
-    const n = v(), c = s(() => b(u, n)), i = p(), o = p();
-    return _(() => {
-      S(() => {
-        o.value && (i.value = new tt(o.value, c.value));
-      });
-    }), F(() => {
-      var e;
-      (e = i.value) == null || e.destroy();
-    }), d(c, (e, t) => {
-      var l;
-      h(e, t) || (l = i.value) == null || l.update(c.value);
-    }), (e, t) => (m(), g("div", {
-      "data-vis-bullet-legend": "",
-      ref_key: "elRef",
-      ref: o
-    }, null, 512));
-  }
-});
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".unovis-xy-container,.unovis-single-container{display:block;position:relative;width:100%}[data-vis-leaflet-flow-map],[data-vis-leaflet-map]{display:block;position:relative}[data-vis-bullet-legend]{display:block}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import { default as i } from "./containers/xy-container/index.js";
+import "./containers/xy-container/index2.js";
+import { default as l } from "./containers/single-container/index.js";
+import "./containers/single-container/index2.js";
+import { default as u } from "./components/line/index.js";
+import { default as x } from "./components/area/index.js";
+import { default as n } from "./components/axis/index.js";
+import { default as B } from "./components/brush/index.js";
+import { default as S } from "./components/free-brush/index.js";
+import { default as g } from "./components/crosshair/index.js";
+import { default as M } from "./components/grouped-bar/index.js";
+import { default as c } from "./components/scatter/index.js";
+import { default as A } from "./components/stacked-bar/index.js";
+import { default as G } from "./components/timeline/index.js";
+import { default as X } from "./components/xy-labels/index.js";
+import { default as b } from "./components/donut/index.js";
+import { default as y } from "./components/topojson-map/index.js";
+import { default as O } from "./components/sankey/index.js";
+import { default as q } from "./components/graph/index.js";
+import { default as z } from "./components/chord-diagram/index.js";
+import { default as H } from "./components/nested-donut/index.js";
+import { default as K } from "./components/tooltip/index.js";
+import { default as Q } from "./html-components/leaflet-map/index.js";
+import "./html-components/leaflet-map/index2.js";
+import { default as U } from "./html-components/leaflet-flow-map/index.js";
+import "./html-components/leaflet-flow-map/index2.js";
+import { default as Z } from "./html-components/bullet-legend/index.js";
+import "./html-components/bullet-legend/index2.js";
 export {
-  Ct as VisArea,
-  Nt as VisAxis,
-  Lt as VisBrush,
-  Gt as VisBulletLegend,
-  Wt as VisChordDiagram,
-  At as VisCrosshair,
-  Ot as VisDonut,
-  kt as VisFreeBrush,
-  Vt as VisGraph,
-  Dt as VisGroupedBar,
-  It as VisLeafletFlowMap,
-  Et as VisLeafletMap,
-  Bt as VisLine,
-  jt as VisNestedDonut,
-  Rt as VisSankey,
-  Mt as VisScatter,
-  xt as VisSingleContainer,
-  wt as VisStackedBar,
-  Tt as VisTimeline,
-  zt as VisTooltip,
-  $t as VisTopoJSONMap,
-  ft as VisXYContainer,
-  Pt as VisXYLabels
+  x as VisArea,
+  n as VisAxis,
+  B as VisBrush,
+  Z as VisBulletLegend,
+  z as VisChordDiagram,
+  g as VisCrosshair,
+  b as VisDonut,
+  S as VisFreeBrush,
+  q as VisGraph,
+  M as VisGroupedBar,
+  U as VisLeafletFlowMap,
+  Q as VisLeafletMap,
+  u as VisLine,
+  H as VisNestedDonut,
+  O as VisSankey,
+  c as VisScatter,
+  l as VisSingleContainer,
+  A as VisStackedBar,
+  G as VisTimeline,
+  K as VisTooltip,
+  y as VisTopoJSONMap,
+  i as VisXYContainer,
+  X as VisXYLabels
 };
+//# sourceMappingURL=index.js.map