vue-chrts 0.1.0-beta.2-internal-20 → 0.1.0-beta.2-internal-21

package/dist/node_modules/@unovis/ts/core/component/index.js

@@ -0,0 +1,68 @@
+import { CoreDataModel as u } from "../../data-models/core.js";
+import { throttle as l, merge as a } from "../../utils/data.js";
+import { guid as m } from "../../utils/misc.js";
+import { ComponentType as o, Sizing as g } from "../../types/component.js";
+import { ComponentDefaultConfig as _ } from "./config.js";
+import p from "../../../../d3-selection/src/select.js";
+class w {
+  constructor(t = o.SVG) {
+    var e, i;
+    this.type = o.SVG, this.datamodel = new u(), this.sizing = g.Fit, this.events = {}, this._defaultConfig = _, this._width = 400, this._height = 200, this._containerWidth = void 0, this._containerHeight = void 0, this._setUpComponentEventsThrottled = l(this._setUpComponentEvents, 500), this._setCustomAttributesThrottled = l(this._setCustomAttributes, 500), t === o.SVG ? this.element = document.createElementNS("http://www.w3.org/2000/svg", "g") : this.element = document.createElement("div"), this.uid = m(), this.g = p(this.element);
+    const s = (i = (e = this.constructor) === null || e === void 0 ? void 0 : e.selectors) === null || i === void 0 ? void 0 : i.root;
+    s && this.g.attr("class", s);
+  }
+  setConfig(t) {
+    this.prevConfig = this.config, this.config = a(this._defaultConfig, t);
+  }
+  setData(t) {
+    this.datamodel.data = t;
+  }
+  setSize(t, e, i, s) {
+    isFinite(t) && (this._width = t), isFinite(e) && (this._height = e), isFinite(i) && (this._containerWidth = i), isFinite(s) && (this._containerHeight = s);
+  }
+  render(t = this.config.duration) {
+    this._render(t);
+    const e = "animating";
+    t && (this.g.attr(e, ""), this.g.transition(e).duration(t).on("end interrupt", () => {
+      this.g.attr(e, null);
+    })), this._setUpComponentEventsThrottled(), this._setCustomAttributesThrottled();
+  }
+  get bleed() {
+    return { top: 0, bottom: 0, left: 0, right: 0 };
+  }
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  _render(t = this.config.duration) {
+  }
+  _setCustomAttributes() {
+    const t = this.config.attributes;
+    Object.keys(t).forEach((e) => {
+      Object.keys(t[e]).forEach((i) => {
+        this.g.selectAll(`.${e}`).attr(i, t[e][i]);
+      });
+    });
+  }
+  _setUpComponentEvents() {
+    this._bindEvents(this.events), this._bindEvents(this.config.events, ".user");
+  }
+  _bindEvents(t = this.events, e = "") {
+    Object.keys(t).forEach((i) => {
+      Object.keys(t[i]).forEach((s) => {
+        const r = this.g.selectAll(`.${i}`);
+        r.on(s + e, (h, c) => {
+          const d = r.nodes(), f = d.indexOf(h.currentTarget), n = t[i][s];
+          return n == null ? void 0 : n(c, h, f, d);
+        });
+      });
+    });
+  }
+  destroy() {
+    var t;
+    (t = this.g) === null || t === void 0 || t.remove(), this.element = void 0;
+  }
+  isDestroyed() {
+    return !this.element;
+  }
+}
+export {
+  w as ComponentCore
+};

package/dist/node_modules/@unovis/ts/core/container/config.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../types/component.cjs"),n={duration:void 0,margin:{top:0,bottom:0,left:0,right:0},padding:{top:0,bottom:0,left:0,right:0},sizing:e.Sizing.Fit,width:void 0,height:void 0,svgDefs:void 0,ariaLabel:void 0};exports.ContainerDefaultConfig=n;

package/dist/node_modules/@unovis/ts/core/container/config.js

@@ -0,0 +1,24 @@
+import { Sizing as i } from "../../types/component.js";
+const t = {
+  duration: void 0,
+  margin: {
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0
+  },
+  padding: {
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0
+  },
+  sizing: i.Fit,
+  width: void 0,
+  height: void 0,
+  svgDefs: void 0,
+  ariaLabel: void 0
+};
+export {
+  t as ContainerDefaultConfig
+};

package/dist/node_modules/@unovis/ts/core/container/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../types/component.cjs"),r=require("../../utils/data.cjs"),c=require("../../utils/resize-observer.cjs"),d=require("./config.cjs"),o=require("../../../../d3-selection/src/select.cjs");class t{constructor(e){this._defaultConfig=d.ContainerDefaultConfig,this._isFirstRender=!0,this._renderAnimationFrameId=null,this._container=e;const i=o.default(this._container);i.attr("role","figure"),this.svg=i.append("svg").style("display","block").attr("xmlns","http://www.w3.org/2000/svg").attr("height",t.DEFAULT_CONTAINER_HEIGHT).attr("aria-hidden",!0),this._svgDefs=this.svg.append("defs"),this._svgDefsExternal=this.svg.append("defs"),this.element=this.svg.node()}updateContainer(e){var i;this.prevConfig=this.config,this.config=r.merge(this._defaultConfig,e),(e==null?void 0:e.svgDefs)!==((i=this.prevConfig)===null||i===void 0?void 0:i.svgDefs)&&(this._svgDefsExternal.selectAll("*").remove(),this._svgDefsExternal.html(e.svgDefs))}_preRender(){}_render(e){const{config:i}=this;o.default(this._container).attr("aria-label",i.ariaLabel),this._isFirstRender=!1}render(e=this.config.duration){const i=this.config.width||this.containerWidth,s=this.config.height||this.containerHeight;this.svg.attr("width",i).attr("height",s),this._resizeObserver||this._setUpResizeObserver(),cancelAnimationFrame(this._renderAnimationFrameId),this._renderAnimationFrameId=requestAnimationFrame(()=>{this._preRender(),this._render(e)})}get containerWidth(){return this.config.width?this.element.clientWidth:this._container.clientWidth||this._container.getBoundingClientRect().width}get containerHeight(){return this.config.height?this.element.clientHeight:this._container.clientHeight||this._container.getBoundingClientRect().height||t.DEFAULT_CONTAINER_HEIGHT}get width(){return r.clamp(this.containerWidth-this.config.margin.left-this.config.margin.right,0,Number.POSITIVE_INFINITY)}get height(){return r.clamp(this.containerHeight-this.config.margin.top-this.config.margin.bottom,0,Number.POSITIVE_INFINITY)}_removeAllChildren(){for(;this.element.firstChild;)this.element.removeChild(this.element.firstChild)}_onResize(){const{config:e}=this;(e.sizing===a.Sizing.Fit||e.sizing===a.Sizing.FitWidth)&&this.render(0)}_setUpResizeObserver(){if(this._resizeObserver)return;const e=this._container.getBoundingClientRect();this._containerSize={width:e.width,height:e.height},this._resizeObserver=new c.ResizeObserver((i,s)=>{cancelAnimationFrame(this._resizeObserverAnimationFrameId),this._resizeObserverAnimationFrameId=requestAnimationFrame(()=>{const h=this._container.getBoundingClientRect(),n={width:h.width,height:h.height};!r.isEqual(this._containerSize,n)&&n.width&&n.height&&(this._containerSize=n,this._onResize())})}),this._resizeObserver.observe(this._container)}destroy(){var e;cancelAnimationFrame(this._renderAnimationFrameId),cancelAnimationFrame(this._resizeObserverAnimationFrameId),(e=this._resizeObserver)===null||e===void 0||e.disconnect(),this.svg.remove()}}t.DEFAULT_CONTAINER_HEIGHT=300;exports.ContainerCore=t;

package/dist/node_modules/@unovis/ts/core/container/index.js

@@ -0,0 +1,73 @@
+import { Sizing as h } from "../../types/component.js";
+import { merge as d, clamp as o, isEqual as g } from "../../utils/data.js";
+import { ResizeObserver as c } from "../../utils/resize-observer.js";
+import { ContainerDefaultConfig as l } from "./config.js";
+import a from "../../../../d3-selection/src/select.js";
+class n {
+  constructor(e) {
+    this._defaultConfig = l, this._isFirstRender = !0, this._renderAnimationFrameId = null, this._container = e;
+    const i = a(this._container);
+    i.attr("role", "figure"), this.svg = i.append("svg").style("display", "block").attr("xmlns", "http://www.w3.org/2000/svg").attr("height", n.DEFAULT_CONTAINER_HEIGHT).attr("aria-hidden", !0), this._svgDefs = this.svg.append("defs"), this._svgDefsExternal = this.svg.append("defs"), this.element = this.svg.node();
+  }
+  updateContainer(e) {
+    var i;
+    this.prevConfig = this.config, this.config = d(this._defaultConfig, e), (e == null ? void 0 : e.svgDefs) !== ((i = this.prevConfig) === null || i === void 0 ? void 0 : i.svgDefs) && (this._svgDefsExternal.selectAll("*").remove(), this._svgDefsExternal.html(e.svgDefs));
+  }
+  // The `_preRender` step should be used to perform some actions before rendering.
+  // For example, calculating scales, setting component sizes, etc ...
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  _preRender() {
+  }
+  // The `_render` step should be used to perform the actual rendering
+  _render(e) {
+    const { config: i } = this;
+    a(this._container).attr("aria-label", i.ariaLabel), this._isFirstRender = !1;
+  }
+  // Warning: Some Containers (i.e. Single Container) may override this method, so if you introduce any changes here,
+  // make sure to check that other containers didn't break after them.
+  render(e = this.config.duration) {
+    const i = this.config.width || this.containerWidth, r = this.config.height || this.containerHeight;
+    this.svg.attr("width", i).attr("height", r), this._resizeObserver || this._setUpResizeObserver(), cancelAnimationFrame(this._renderAnimationFrameId), this._renderAnimationFrameId = requestAnimationFrame(() => {
+      this._preRender(), this._render(e);
+    });
+  }
+  get containerWidth() {
+    return this.config.width ? this.element.clientWidth : this._container.clientWidth || this._container.getBoundingClientRect().width;
+  }
+  get containerHeight() {
+    return this.config.height ? this.element.clientHeight : this._container.clientHeight || this._container.getBoundingClientRect().height || n.DEFAULT_CONTAINER_HEIGHT;
+  }
+  get width() {
+    return o(this.containerWidth - this.config.margin.left - this.config.margin.right, 0, Number.POSITIVE_INFINITY);
+  }
+  get height() {
+    return o(this.containerHeight - this.config.margin.top - this.config.margin.bottom, 0, Number.POSITIVE_INFINITY);
+  }
+  _removeAllChildren() {
+    for (; this.element.firstChild; )
+      this.element.removeChild(this.element.firstChild);
+  }
+  _onResize() {
+    const { config: e } = this;
+    (e.sizing === h.Fit || e.sizing === h.FitWidth) && this.render(0);
+  }
+  _setUpResizeObserver() {
+    if (this._resizeObserver)
+      return;
+    const e = this._container.getBoundingClientRect();
+    this._containerSize = { width: e.width, height: e.height }, this._resizeObserver = new c((i, r) => {
+      cancelAnimationFrame(this._resizeObserverAnimationFrameId), this._resizeObserverAnimationFrameId = requestAnimationFrame(() => {
+        const s = this._container.getBoundingClientRect(), t = { width: s.width, height: s.height };
+        !g(this._containerSize, t) && t.width && t.height && (this._containerSize = t, this._onResize());
+      });
+    }), this._resizeObserver.observe(this._container);
+  }
+  destroy() {
+    var e;
+    cancelAnimationFrame(this._renderAnimationFrameId), cancelAnimationFrame(this._resizeObserverAnimationFrameId), (e = this._resizeObserver) === null || e === void 0 || e.disconnect(), this.svg.remove();
+  }
+}
+n.DEFAULT_CONTAINER_HEIGHT = 300;
+export {
+  n as ContainerCore
+};

package/dist/node_modules/@unovis/ts/core/xy-component/config.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../component/config.cjs"),t=Object.assign(Object.assign({},i.ComponentDefaultConfig),{x:void 0,y:void 0,id:(e,o)=>{var n;return(n=e.id)!==null&&n!==void 0?n:`${o}`},color:e=>e.color,xScale:void 0,yScale:void 0,excludeFromDomainCalculation:!1});exports.XYComponentDefaultConfig=t;

package/dist/node_modules/@unovis/ts/core/xy-component/config.js

@@ -0,0 +1,8 @@
+import { ComponentDefaultConfig as i } from "../component/config.js";
+const d = Object.assign(Object.assign({}, i), { x: void 0, y: void 0, id: (e, o) => {
+  var n;
+  return (n = e.id) !== null && n !== void 0 ? n : `${o}`;
+}, color: (e) => e.color, xScale: void 0, yScale: void 0, excludeFromDomainCalculation: !1 });
+export {
+  d as XYComponentDefaultConfig
+};

package/dist/node_modules/@unovis/ts/core/xy-component/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../component/index.cjs"),l=require("../../data-models/series.cjs"),s=require("../../utils/data.cjs"),n=require("../../types/scale.cjs"),r=require("./config.cjs");class S extends o.ComponentCore{constructor(){super(...arguments),this.datamodel=new l.SeriesDataModel,this.clippable=!0,this.stacked=!1,this._defaultConfig=r.XYComponentDefaultConfig,this._xScale=n.Scale.scaleLinear(),this._yScale=n.Scale.scaleLinear()}get xScale(){return this.config.xScale||this._xScale}get yScale(){return this.config.yScale||this._yScale}setConfig(t){var e,a;!((e=this.config)===null||e===void 0)&&e.xScale&&(t.xScale=this.config.xScale),!((a=this.config)===null||a===void 0)&&a.yScale&&(t.yScale=this.config.yScale),super.setConfig(t)}setScaleDomain(t,e){var a,i;t===n.ScaleDimension.X&&((a=this._xScale)===null||a===void 0||a.domain(e)),t===n.ScaleDimension.Y&&((i=this._yScale)===null||i===void 0||i.domain(e))}setScaleRange(t,e){var a,i;t===n.ScaleDimension.X&&((a=this._xScale)===null||a===void 0||a.range(e)),t===n.ScaleDimension.Y&&((i=this._yScale)===null||i===void 0||i.range(e))}setScale(t,e){e&&t===n.ScaleDimension.X&&(this._xScale=e),e&&t===n.ScaleDimension.Y&&(this._yScale=e)}getDataExtent(t,e){const{config:a,datamodel:i}=this;switch(t){case n.ScaleDimension.X:return this.getXDataExtent();case n.ScaleDimension.Y:return this.getYDataExtent(e);default:return s.getExtent(i.data,a[t])}}getXDataExtent(){const{config:t,datamodel:e}=this;return s.getExtent(e.data,t.x)}getYDataExtent(t){const{config:e,datamodel:a}=this,i=t?s.filterDataByRange(a.data,this.xScale.domain(),e.x):a.data,c=s.isArray(e.y)?e.y:[e.y];return s.getExtent(i,...c)}}exports.XYComponentCore=S;

package/dist/node_modules/@unovis/ts/core/xy-component/index.js

@@ -0,0 +1,53 @@
+import { ComponentCore as n } from "../component/index.js";
+import { SeriesDataModel as r } from "../../data-models/series.js";
+import { getExtent as l, filterDataByRange as f, isArray as d } from "../../utils/data.js";
+import { Scale as s, ScaleDimension as o } from "../../types/scale.js";
+import { XYComponentDefaultConfig as h } from "./config.js";
+class y extends n {
+  constructor() {
+    super(...arguments), this.datamodel = new r(), this.clippable = !0, this.stacked = !1, this._defaultConfig = h, this._xScale = s.scaleLinear(), this._yScale = s.scaleLinear();
+  }
+  get xScale() {
+    return this.config.xScale || this._xScale;
+  }
+  get yScale() {
+    return this.config.yScale || this._yScale;
+  }
+  setConfig(e) {
+    var t, a;
+    !((t = this.config) === null || t === void 0) && t.xScale && (e.xScale = this.config.xScale), !((a = this.config) === null || a === void 0) && a.yScale && (e.yScale = this.config.yScale), super.setConfig(e);
+  }
+  setScaleDomain(e, t) {
+    var a, i;
+    e === o.X && ((a = this._xScale) === null || a === void 0 || a.domain(t)), e === o.Y && ((i = this._yScale) === null || i === void 0 || i.domain(t));
+  }
+  setScaleRange(e, t) {
+    var a, i;
+    e === o.X && ((a = this._xScale) === null || a === void 0 || a.range(t)), e === o.Y && ((i = this._yScale) === null || i === void 0 || i.range(t));
+  }
+  setScale(e, t) {
+    t && e === o.X && (this._xScale = t), t && e === o.Y && (this._yScale = t);
+  }
+  getDataExtent(e, t) {
+    const { config: a, datamodel: i } = this;
+    switch (e) {
+      case o.X:
+        return this.getXDataExtent();
+      case o.Y:
+        return this.getYDataExtent(t);
+      default:
+        return l(i.data, a[e]);
+    }
+  }
+  getXDataExtent() {
+    const { config: e, datamodel: t } = this;
+    return l(t.data, e.x);
+  }
+  getYDataExtent(e) {
+    const { config: t, datamodel: a } = this, i = e ? f(a.data, this.xScale.domain(), t.x) : a.data, c = d(t.y) ? t.y : [t.y];
+    return l(i, ...c);
+  }
+}
+export {
+  y as XYComponentCore
+};

package/dist/node_modules/@unovis/ts/data-models/core.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class a{constructor(t){this.data=t}get data(){return this._data}set data(t){this._data=t}}exports.CoreDataModel=a;

package/dist/node_modules/@unovis/ts/data-models/core.js

@@ -0,0 +1,14 @@
+class s {
+  constructor(t) {
+    this.data = t;
+  }
+  get data() {
+    return this._data;
+  }
+  set data(t) {
+    this._data = t;
+  }
+}
+export {
+  s as CoreDataModel
+};

package/dist/node_modules/@unovis/ts/data-models/series.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./core.cjs");class r extends t.CoreDataModel{constructor(e){super(e)}get data(){var e;return(e=this._data)!==null&&e!==void 0?e:[]}set data(e){Array.isArray(e)&&(this._data=e)}}exports.SeriesDataModel=r;

package/dist/node_modules/@unovis/ts/data-models/series.js

@@ -0,0 +1,16 @@
+import { CoreDataModel as r } from "./core.js";
+class s extends r {
+  constructor(a) {
+    super(a);
+  }
+  get data() {
+    var a;
+    return (a = this._data) !== null && a !== void 0 ? a : [];
+  }
+  set data(a) {
+    Array.isArray(a) && (this._data = a);
+  }
+}
+export {
+  s as SeriesDataModel
+};

package/dist/node_modules/@unovis/ts/styles/colors.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../utils/data.cjs"),t=require("../../../d3-color/src/color.cjs"),s=(globalThis==null?void 0:globalThis.UNOVIS_COLORS)||["#4D8CFD","#FF6B7E","#F4B83E","#A6CC74","#00C19A","#6859BE"],a=(globalThis==null?void 0:globalThis.UNOVIS_COLORS_DARK)||["#4D8CFD","#FF6B7E","#FFC16D","#A6CC74","#00C19A","#7887E0"],c=o=>`--vis-${i.isNumber(o)?`color${o%s.length}`:o}`;function n(o,e=.4){const l=t.hsl(o);return l.l=l.l*(1+e),l.formatHex()}function C(o,e=.4,l=.6){const r=t.hsl(o);return r.s=r.s*(1-l),r.l=r.l*(1-e),r.formatHex()}exports.colors=s;exports.colorsDark=a;exports.getCSSColorVariable=c;exports.getDarkerColor=C;exports.getLighterColor=n;

package/dist/node_modules/@unovis/ts/styles/colors.js

@@ -0,0 +1,18 @@
+import { isNumber as s } from "../utils/data.js";
+import { hsl as i } from "../../../d3-color/src/color.js";
+const n = (globalThis == null ? void 0 : globalThis.UNOVIS_COLORS) || ["#4D8CFD", "#FF6B7E", "#F4B83E", "#A6CC74", "#00C19A", "#6859BE"], a = (globalThis == null ? void 0 : globalThis.UNOVIS_COLORS_DARK) || ["#4D8CFD", "#FF6B7E", "#FFC16D", "#A6CC74", "#00C19A", "#7887E0"], c = (o) => `--vis-${s(o) ? `color${o % n.length}` : o}`;
+function g(o, t = 0.4) {
+  const l = i(o);
+  return l.l = l.l * (1 + t), l.formatHex();
+}
+function h(o, t = 0.4, l = 0.6) {
+  const r = i(o);
+  return r.s = r.s * (1 - l), r.l = r.l * (1 - t), r.formatHex();
+}
+export {
+  n as colors,
+  a as colorsDark,
+  c as getCSSColorVariable,
+  h as getDarkerColor,
+  g as getLighterColor
+};

package/dist/node_modules/@unovis/ts/styles/index.cjs

@@ -0,0 +1,38 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../@emotion/css/dist/emotion-css.esm.cjs"),s=require("../utils/misc.cjs"),r=require("./colors.cjs"),l=require("./patterns.cjs"),e=(globalThis==null?void 0:globalThis.UNOVIS_FONT_W2H_RATIO_DEFAULT)||.5,n=(globalThis==null?void 0:globalThis.UNOVIS_TEXT_SEPARATOR_DEFAULT)||[" ","-",".",","],T=(globalThis==null?void 0:globalThis.UNOVIS_TEXT_HYPHEN_CHARACTER_DEFAULT)||"-",v=(globalThis==null?void 0:globalThis.UNOVIS_TEXT_DEFAULT)||{text:"",fontSize:12,fontFamily:"var(--vis-font-family)",lineHeight:1.25,marginTop:0,marginBottom:0};i.injectGlobal`
+  :root {
+    label: vis-root-styles;
+    --vis-font-family: Inter, Arial, "Helvetica Neue", Helvetica, sans-serif;
+    --vis-font-wh-ratio: ${e};
+    --vis-color-main: var(${r.getCSSColorVariable(0)});
+    --vis-color-main-light: ${r.getLighterColor(r.colors[0])};
+    --vis-color-main-dark: ${r.getDarkerColor(r.colors[0])};
+    --vis-color-grey: #2a2a2a;
+    ${r.colors.map((o,a)=>`${r.getCSSColorVariable(a)}: ${o};`)}
+    ${r.colorsDark.map((o,a)=>`--vis-dark-color${a}: ${o};`)}
+    ${l.fills.map((o,a)=>`
+      --${l.getPatternVariable(o)}: url(#${l.getPatternVariable(o)});
+      --vis-pattern-fill${a}: var(--${l.getPatternVariable(o)});
+    `)}
+    ${l.lines.map((o,a)=>{var t;return`
+      --${l.getPatternVariable(o)}: url(#${l.getPatternVariable(o)});
+      --vis-pattern-marker${a}: var(--${l.getPatternVariable(o)});
+      --vis-pattern-dasharray${a}: ${(t=o.dashArray)===null||t===void 0?void 0:t.join(" ")};
+    `})}
+
+    body.theme-dark {
+      ${r.colors.map((o,a)=>`${r.getCSSColorVariable(a)}: var(--vis-dark-color${a});`)}
+    }
+
+    body.theme-patterns {
+      ${l.fills.map((o,a)=>`path[style*="fill: var(${r.getCSSColorVariable(a)})"]  {
+        mask: var(--vis-pattern-fill${a});
+      }`)}
+      ${l.lines.map((o,a)=>`
+      path[stroke="var(${r.getCSSColorVariable(a)})"]:not([style*="fill"]),
+      path[style*="stroke: var(${r.getCSSColorVariable(a)})"]:not([style*="fill"]) {
+        marker: var(--vis-pattern-marker${a});
+        stroke-dasharray: var(--vis-pattern-dasharray${a});
+      }
+    `)}
+}
+`;function _(o=window==null?void 0:window.document.body){return o?+s.getCSSVariableValue("var(--vis-font-wh-ratio)",o):e}exports.UNOVIS_FONT_WH_RATIO_DEFAULT=e;exports.UNOVIS_TEXT_DEFAULT=v;exports.UNOVIS_TEXT_HYPHEN_CHARACTER_DEFAULT=T;exports.UNOVIS_TEXT_SEPARATOR_DEFAULT=n;exports.getFontWidthToHeightRatio=_;

package/dist/node_modules/@unovis/ts/styles/index.js

@@ -0,0 +1,63 @@
+import { injectGlobal as v } from "../../../@emotion/css/dist/emotion-css.esm.js";
+import { getCSSVariableValue as T } from "../utils/misc.js";
+import { getCSSColorVariable as r, getLighterColor as $, getDarkerColor as m, colors as i, colorsDark as _ } from "./colors.js";
+import { fills as e, lines as s, getPatternVariable as l } from "./patterns.js";
+const n = (globalThis == null ? void 0 : globalThis.UNOVIS_FONT_W2H_RATIO_DEFAULT) || 0.5, f = (globalThis == null ? void 0 : globalThis.UNOVIS_TEXT_SEPARATOR_DEFAULT) || [" ", "-", ".", ","], A = (globalThis == null ? void 0 : globalThis.UNOVIS_TEXT_HYPHEN_CHARACTER_DEFAULT) || "-", E = (globalThis == null ? void 0 : globalThis.UNOVIS_TEXT_DEFAULT) || {
+  text: "",
+  fontSize: 12,
+  fontFamily: "var(--vis-font-family)",
+  lineHeight: 1.25,
+  marginTop: 0,
+  marginBottom: 0
+};
+v`
+  :root {
+    label: vis-root-styles;
+    --vis-font-family: Inter, Arial, "Helvetica Neue", Helvetica, sans-serif;
+    --vis-font-wh-ratio: ${n};
+    --vis-color-main: var(${r(0)});
+    --vis-color-main-light: ${$(i[0])};
+    --vis-color-main-dark: ${m(i[0])};
+    --vis-color-grey: #2a2a2a;
+    ${i.map((o, a) => `${r(a)}: ${o};`)}
+    ${_.map((o, a) => `--vis-dark-color${a}: ${o};`)}
+    ${e.map((o, a) => `
+      --${l(o)}: url(#${l(o)});
+      --vis-pattern-fill${a}: var(--${l(o)});
+    `)}
+    ${s.map((o, a) => {
+  var t;
+  return `
+      --${l(o)}: url(#${l(o)});
+      --vis-pattern-marker${a}: var(--${l(o)});
+      --vis-pattern-dasharray${a}: ${(t = o.dashArray) === null || t === void 0 ? void 0 : t.join(" ")};
+    `;
+})}
+
+    body.theme-dark {
+      ${i.map((o, a) => `${r(a)}: var(--vis-dark-color${a});`)}
+    }
+
+    body.theme-patterns {
+      ${e.map((o, a) => `path[style*="fill: var(${r(a)})"]  {
+        mask: var(--vis-pattern-fill${a});
+      }`)}
+      ${s.map((o, a) => `
+      path[stroke="var(${r(a)})"]:not([style*="fill"]),
+      path[style*="stroke: var(${r(a)})"]:not([style*="fill"]) {
+        marker: var(--vis-pattern-marker${a});
+        stroke-dasharray: var(--vis-pattern-dasharray${a});
+      }
+    `)}
+}
+`;
+function p(o = window == null ? void 0 : window.document.body) {
+  return o ? +T("var(--vis-font-wh-ratio)", o) : n;
+}
+export {
+  n as UNOVIS_FONT_WH_RATIO_DEFAULT,
+  E as UNOVIS_TEXT_DEFAULT,
+  A as UNOVIS_TEXT_HYPHEN_CHARACTER_DEFAULT,
+  f as UNOVIS_TEXT_SEPARATOR_DEFAULT,
+  p as getFontWidthToHeightRatio
+};

package/dist/node_modules/@unovis/ts/styles/patterns.cjs

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./colors.cjs"),t=10,a=[{id:"stripes-diagonal",svg:'<path d="M-1,1 l2,-2 M0,10 l10,-10 M9,11 l2,-2" stroke="#000"/>'},{id:"dots",svg:'<path d="m0-1.5a1 1 0 010 3m10-3a1 1 0 000 3M5 3.5a1 1 0 010 3 1 1 0 010-3M0 8.5 a1 1 0 010 3m10-3a1 1 0 000 3" fill"#000"/>'},{id:"stripes-vertical",svg:'<path d="M 5,-1 L5,11" stroke="#000"/>'},{id:"crosshatch",svg:'<path d="M0 0L10 10ZM10 0L0 10Z" stroke="#000"/>'},{id:"waves",svg:'<path d="M0 4Q2.5 1 5 4 7.5 7 10 4v2Q7.5 9 5 6 2.5 3 0 6Z" fill="#000"/>'},{id:"circles",svg:'<circle cx="5" cy="5" r="3" stroke="#000" fill="#fff"/>'}],s=[{id:"circle",marker:'<circle cx="5" cy="5" r="5"/>',dashArray:[]},{id:"triangle",marker:'<path d="M5,0 L10,9 L0,9Z">',dashArray:[9,1]},{id:"diamond",marker:'<path d="M 0 5 L5 0 L 10 5 L 5 10 L 0 5Z">',dashArray:[2]},{id:"arrow",marker:'<path d="M4 0 0 0 6 5 0 10 4 10 10 5Z">',dashArray:[2,3,8,3]},{id:"square",marker:'<rect x="1" y="1" width="8" height="8"/>',dashArray:[6]},{id:"star",marker:'<path d="m2 9 3-9 3 9L0 3h10Z"/>',dashArray:[1,6]}];function i(e){return`vis-${`pattern-${e.svg?"fill":"marker"}`}-${e.id}`}const n=e=>`<mask id="${i(e)}">
+    <pattern id="${e.id}" viewBox="0 0 10 10" width="${t}" height="${t}" patternUnits="userSpaceOnUse">
+      <rect width="100%" height="100%" fill="#fff"/>
+      ${e.svg}
+    </pattern>
+    <rect x="-50%" y="-50%" width="200%" height="200%" fill="url(#${e.id})"/>
+  </mask>`,l=(e,r)=>`<marker id="${i(e)}"
+    fill="var(${d.getCSSColorVariable(r)})"
+    markerUnits="userSpaceOnUse"
+    refX="5"
+    refY="5"
+    markerWidth="${t}"
+    markerHeight="${t}">
+    ${e.marker}
+  </marker>`;function c(){const e=a.map(n).concat(s.map(l)).join(""),r=document.createElementNS("http://www.w3.org/2000/svg","svg");r.setAttribute("height","100%"),r.setAttribute("width","100%"),r.style.position="fixed",r.style.zIndex="-99999999",r.innerHTML=`<defs>${e}</defs>`,document.body.appendChild(r)}typeof window<"u"&&c();exports.PATTERN_SIZE_PX=t;exports.fills=a;exports.getPatternVariable=i;exports.lines=s;

package/dist/node_modules/@unovis/ts/styles/patterns.js

@@ -0,0 +1,45 @@
+import { getCSSColorVariable as i } from "./colors.js";
+const t = 10, s = [
+  { id: "stripes-diagonal", svg: '<path d="M-1,1 l2,-2 M0,10 l10,-10 M9,11 l2,-2" stroke="#000"/>' },
+  { id: "dots", svg: '<path d="m0-1.5a1 1 0 010 3m10-3a1 1 0 000 3M5 3.5a1 1 0 010 3 1 1 0 010-3M0 8.5 a1 1 0 010 3m10-3a1 1 0 000 3" fill"#000"/>' },
+  { id: "stripes-vertical", svg: '<path d="M 5,-1 L5,11" stroke="#000"/>' },
+  { id: "crosshatch", svg: '<path d="M0 0L10 10ZM10 0L0 10Z" stroke="#000"/>' },
+  { id: "waves", svg: '<path d="M0 4Q2.5 1 5 4 7.5 7 10 4v2Q7.5 9 5 6 2.5 3 0 6Z" fill="#000"/>' },
+  { id: "circles", svg: '<circle cx="5" cy="5" r="3" stroke="#000" fill="#fff"/>' }
+], d = [
+  { id: "circle", marker: '<circle cx="5" cy="5" r="5"/>', dashArray: [] },
+  { id: "triangle", marker: '<path d="M5,0 L10,9 L0,9Z">', dashArray: [9, 1] },
+  { id: "diamond", marker: '<path d="M 0 5 L5 0 L 10 5 L 5 10 L 0 5Z">', dashArray: [2] },
+  { id: "arrow", marker: '<path d="M4 0 0 0 6 5 0 10 4 10 10 5Z">', dashArray: [2, 3, 8, 3] },
+  { id: "square", marker: '<rect x="1" y="1" width="8" height="8"/>', dashArray: [6] },
+  { id: "star", marker: '<path d="m2 9 3-9 3 9L0 3h10Z"/>', dashArray: [1, 6] }
+];
+function a(r) {
+  return `vis-${`pattern-${r.svg ? "fill" : "marker"}`}-${r.id}`;
+}
+const n = (r) => `<mask id="${a(r)}">
+    <pattern id="${r.id}" viewBox="0 0 10 10" width="${t}" height="${t}" patternUnits="userSpaceOnUse">
+      <rect width="100%" height="100%" fill="#fff"/>
+      ${r.svg}
+    </pattern>
+    <rect x="-50%" y="-50%" width="200%" height="200%" fill="url(#${r.id})"/>
+  </mask>`, h = (r, e) => `<marker id="${a(r)}"
+    fill="var(${i(e)})"
+    markerUnits="userSpaceOnUse"
+    refX="5"
+    refY="5"
+    markerWidth="${t}"
+    markerHeight="${t}">
+    ${r.marker}
+  </marker>`;
+function c() {
+  const r = s.map(n).concat(d.map(h)).join(""), e = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+  e.setAttribute("height", "100%"), e.setAttribute("width", "100%"), e.style.position = "fixed", e.style.zIndex = "-99999999", e.innerHTML = `<defs>${r}</defs>`, document.body.appendChild(e);
+}
+typeof window < "u" && c();
+export {
+  t as PATTERN_SIZE_PX,
+  s as fills,
+  a as getPatternVariable,
+  d as lines
+};

package/dist/node_modules/@unovis/ts/types/component.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.ComponentType=void 0;(function(t){t[t.SVG=0]="SVG",t[t.HTML=1]="HTML"})(exports.ComponentType||(exports.ComponentType={}));exports.Sizing=void 0;(function(t){t.Fit="fit",t.Extend="extend",t.FitWidth="fit_width"})(exports.Sizing||(exports.Sizing={}));

package/dist/node_modules/@unovis/ts/types/component.js

@@ -0,0 +1,12 @@
+var i;
+(function(t) {
+  t[t.SVG = 0] = "SVG", t[t.HTML = 1] = "HTML";
+})(i || (i = {}));
+var d;
+(function(t) {
+  t.Fit = "fit", t.Extend = "extend", t.FitWidth = "fit_width";
+})(d || (d = {}));
+export {
+  i as ComponentType,
+  d as Sizing
+};

package/dist/node_modules/@unovis/ts/types/curve.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../../d3-shape/src/curve/step.cjs"),a=require("../../../d3-shape/src/curve/natural.cjs"),o=require("../../../d3-shape/src/curve/monotone.cjs"),t=require("../../../d3-shape/src/curve/linearClosed.cjs"),n=require("../../../d3-shape/src/curve/linear.cjs"),r=require("../../../d3-shape/src/curve/catmullRomOpen.cjs"),s=require("../../../d3-shape/src/curve/catmullRomClosed.cjs"),u=require("../../../d3-shape/src/curve/catmullRom.cjs"),i=require("../../../d3-shape/src/curve/cardinalOpen.cjs"),d=require("../../../d3-shape/src/curve/cardinalClosed.cjs"),C=require("../../../d3-shape/src/curve/cardinal.cjs"),c=require("../../../d3-shape/src/curve/bundle.cjs"),m=require("../../../d3-shape/src/curve/basisOpen.cjs"),p=require("../../../d3-shape/src/curve/basisClosed.cjs"),f=require("../../../d3-shape/src/curve/basis.cjs");exports.CurveType=void 0;(function(e){e.Basis="basis",e.BasisClosed="basisClosed",e.BasisOpen="basisOpen",e.Bundle="bundle",e.Cardinal="cardinal",e.CardinalClosed="cardinalClosed",e.CardinalOpen="cardinalOpen",e.CatmullRom="catmullRom",e.CatmullRomClosed="catmullRomClosed",e.CatmullRomOpen="catmullRomOpen",e.Linear="linear",e.LinearClosed="linearClosed",e.MonotoneX="monotoneX",e.MonotoneY="monotoneY",e.Natural="natural",e.Step="step",e.StepAfter="stepAfter",e.StepBefore="stepBefore"})(exports.CurveType||(exports.CurveType={}));const q={[exports.CurveType.Basis]:f.default,[exports.CurveType.BasisClosed]:p.default,[exports.CurveType.BasisOpen]:m.default,[exports.CurveType.Bundle]:c.default,[exports.CurveType.Cardinal]:C.default,[exports.CurveType.CardinalClosed]:d.default,[exports.CurveType.CardinalOpen]:i.default,[exports.CurveType.CatmullRom]:u.default,[exports.CurveType.CatmullRomClosed]:s.default,[exports.CurveType.CatmullRomOpen]:r.default,[exports.CurveType.Linear]:n.default,[exports.CurveType.LinearClosed]:t.default,[exports.CurveType.MonotoneX]:o.monotoneX,[exports.CurveType.MonotoneY]:o.monotoneY,[exports.CurveType.Natural]:a.default,[exports.CurveType.Step]:l.default,[exports.CurveType.StepAfter]:l.stepAfter,[exports.CurveType.StepBefore]:l.stepBefore};exports.Curve=q;

package/dist/node_modules/@unovis/ts/types/curve.js

@@ -0,0 +1,43 @@
+import r, { stepBefore as l, stepAfter as m } from "../../../d3-shape/src/curve/step.js";
+import t from "../../../d3-shape/src/curve/natural.js";
+import { monotoneY as e, monotoneX as n } from "../../../d3-shape/src/curve/monotone.js";
+import i from "../../../d3-shape/src/curve/linearClosed.js";
+import s from "../../../d3-shape/src/curve/linear.js";
+import d from "../../../d3-shape/src/curve/catmullRomOpen.js";
+import f from "../../../d3-shape/src/curve/catmullRomClosed.js";
+import p from "../../../d3-shape/src/curve/catmullRom.js";
+import c from "../../../d3-shape/src/curve/cardinalOpen.js";
+import u from "../../../d3-shape/src/curve/cardinalClosed.js";
+import C from "../../../d3-shape/src/curve/cardinal.js";
+import B from "../../../d3-shape/src/curve/bundle.js";
+import O from "../../../d3-shape/src/curve/basisOpen.js";
+import R from "../../../d3-shape/src/curve/basisClosed.js";
+import S from "../../../d3-shape/src/curve/basis.js";
+var o;
+(function(a) {
+  a.Basis = "basis", a.BasisClosed = "basisClosed", a.BasisOpen = "basisOpen", a.Bundle = "bundle", a.Cardinal = "cardinal", a.CardinalClosed = "cardinalClosed", a.CardinalOpen = "cardinalOpen", a.CatmullRom = "catmullRom", a.CatmullRomClosed = "catmullRomClosed", a.CatmullRomOpen = "catmullRomOpen", a.Linear = "linear", a.LinearClosed = "linearClosed", a.MonotoneX = "monotoneX", a.MonotoneY = "monotoneY", a.Natural = "natural", a.Step = "step", a.StepAfter = "stepAfter", a.StepBefore = "stepBefore";
+})(o || (o = {}));
+const z = {
+  [o.Basis]: S,
+  [o.BasisClosed]: R,
+  [o.BasisOpen]: O,
+  [o.Bundle]: B,
+  [o.Cardinal]: C,
+  [o.CardinalClosed]: u,
+  [o.CardinalOpen]: c,
+  [o.CatmullRom]: p,
+  [o.CatmullRomClosed]: f,
+  [o.CatmullRomOpen]: d,
+  [o.Linear]: s,
+  [o.LinearClosed]: i,
+  [o.MonotoneX]: n,
+  [o.MonotoneY]: e,
+  [o.Natural]: t,
+  [o.Step]: r,
+  [o.StepAfter]: m,
+  [o.StepBefore]: l
+};
+export {
+  z as Curve,
+  o as CurveType
+};

package/dist/node_modules/@unovis/ts/types/direction.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.Direction=void 0;(function(t){t.West="west",t.East="east",t.North="north",t.South="south"})(exports.Direction||(exports.Direction={}));

package/dist/node_modules/@unovis/ts/types/direction.js

@@ -0,0 +1,7 @@
+var s;
+(function(t) {
+  t.West = "west", t.East = "east", t.North = "north", t.South = "south";
+})(s || (s = {}));
+export {
+  s as Direction
+};

package/dist/node_modules/@unovis/ts/types/position.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.Position=void 0;(function(t){t.Top="top",t.Bottom="bottom",t.Left="left",t.Right="right",t.Center="center",t.Auto="auto"})(exports.Position||(exports.Position={}));exports.PositionStrategy=void 0;(function(t){t.Absolute="absolute",t.Fixed="fixed"})(exports.PositionStrategy||(exports.PositionStrategy={}));exports.Arrangement=void 0;(function(t){t.Inside="inside",t.Outside="outside"})(exports.Arrangement||(exports.Arrangement={}));exports.Orientation=void 0;(function(t){t.Horizontal="horizontal",t.Vertical="vertical"})(exports.Orientation||(exports.Orientation={}));

package/dist/node_modules/@unovis/ts/types/position.js

@@ -0,0 +1,22 @@
+var e;
+(function(t) {
+  t.Top = "top", t.Bottom = "bottom", t.Left = "left", t.Right = "right", t.Center = "center", t.Auto = "auto";
+})(e || (e = {}));
+var o;
+(function(t) {
+  t.Absolute = "absolute", t.Fixed = "fixed";
+})(o || (o = {}));
+var r;
+(function(t) {
+  t.Inside = "inside", t.Outside = "outside";
+})(r || (r = {}));
+var a;
+(function(t) {
+  t.Horizontal = "horizontal", t.Vertical = "vertical";
+})(a || (a = {}));
+export {
+  r as Arrangement,
+  a as Orientation,
+  e as Position,
+  o as PositionStrategy
+};

package/dist/node_modules/@unovis/ts/types/scale.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../../d3-scale/src/linear.cjs"),t=require("../../../d3-scale/src/band.cjs"),i=require("../../../d3-scale/src/ordinal.cjs"),r=require("../../../d3-scale/src/threshold.cjs"),n=require("../../../d3-scale/src/quantile.cjs"),c=require("../../../d3-scale/src/quantize.cjs"),s=require("../../../d3-scale/src/diverging.cjs"),u=require("../../../d3-scale/src/sequential.cjs"),o=require("../../../d3-scale/src/utcTime.cjs"),d=require("../../../d3-scale/src/time.cjs"),q=require("../../../d3-scale/src/identity.cjs"),f=require("../../../d3-scale/src/symlog.cjs"),g=require("../../../d3-scale/src/log.cjs"),l=require("../../../d3-scale/src/pow.cjs"),S={scaleLinear:a.default,scalePow:l.default,scaleSqrt:l.sqrt,scaleLog:g.default,scaleSymlog:f.default,scaleIdentity:q.default,scaleTime:d.default,scaleUtc:o.default,scaleSequential:u.default,scaleDiverging:s.default,scaleQuantize:c.default,scaleQuantile:n.default,scaleThreshold:r.default,scaleOrdinal:i.default,scaleBand:t.default,scalePoint:t.point};exports.ScaleDimension=void 0;(function(e){e.X="x",e.Y="y"})(exports.ScaleDimension||(exports.ScaleDimension={}));exports.Scale=S;