vue-chrts 0.1.0-beta.2-internal-22 → 0.1.0-beta.3

package/dist/node_modules/@unovis/ts/containers/xy-container/index.js

@@ -1,185 +0,0 @@
-import { css as E } from "../../../../@emotion/css/dist/emotion-css.esm.js";
-import "../../styles/index.js";
-import { ContainerCore as N } from "../../core/container/index.js";
-import { CoreDataModel as R } from "../../data-models/core.js";
-import { AxisType as D } from "../../components/axis/types.js";
-import { ScaleDimension as u } from "../../types/scale.js";
-import { Direction as P } from "../../types/direction.js";
-import { clamp as b, clean as y, flatten as S } from "../../utils/data.js";
-import { guid as Y } from "../../utils/misc.js";
-import { XYContainerDefaultConfig as $ } from "./config.js";
-import w from "../../../../d3-array/src/extent.js";
-import T from "../../../../d3-array/src/merge.js";
-class J extends N {
-  constructor(t, i, e) {
-    var o, n;
-    super(t), this._defaultConfig = $, this.datamodel = new R(), this.config = this._defaultConfig, this._clipPathId = Y(), this._axisMargin = { top: 0, bottom: 0, left: 0, right: 0 }, this._firstRender = !0, this._clipPath = this.svg.append("clipPath").attr("id", this._clipPathId), this._clipPath.append("rect");
-    const s = "saturate", r = window.location.href.replace(window.location.hash, "");
-    this.svg.attr("class", E`
-      --highlight-filter-id: url(${r}#${s}); // defining a css variable
-    `), this._svgDefs.append("filter").attr("id", s).attr("filterUnits", "objectBoundingBox").html('<feColorMatrix type="saturate" in="SourceGraphic" values="1.35"/>'), i && this.updateContainer(i, !0), e && this.setData(e, !0), (this.config.xAxis || this.config.yAxis || !((o = this.components) === null || o === void 0) && o.some((a) => a.datamodel.data)) && this.render(), (n = document.fonts) === null || n === void 0 || n.ready.then(() => {
-      this._firstRender || this._renderAxes(0);
-    });
-  }
-  get components() {
-    return this.config.components;
-  }
-  // Overriding ContainerCore default get width method to work with axis auto margin
-  get width() {
-    const t = this._getMargin();
-    return b(this.containerWidth - t.left - t.right, 0, Number.POSITIVE_INFINITY);
-  }
-  // Overriding ContainerCore default get height method to work with axis auto margin
-  get height() {
-    const t = this._getMargin();
-    return b(this.containerHeight - t.top - t.bottom, 0, Number.POSITIVE_INFINITY);
-  }
-  setData(t, i) {
-    var e, o, n, s;
-    const { components: r, config: a } = this;
-    t && (this.datamodel.data = t, r.forEach((l) => {
-      l.setData(t);
-    }), (e = a.crosshair) === null || e === void 0 || e.setData(t), (o = a.xAxis) === null || o === void 0 || o.setData(t), (n = a.yAxis) === null || n === void 0 || n.setData(t), (s = a.tooltip) === null || s === void 0 || s.hide(), i || this.render());
-  }
-  updateContainer(t, i) {
-    super.updateContainer(t), this._removeAllChildren(), this.setData(this.datamodel.data, !0), t.xAxis && (this.config.xAxis.config.type = D.X, this.element.appendChild(t.xAxis.element)), t.yAxis && (this.config.yAxis.config.type = D.Y, this.element.appendChild(t.yAxis.element));
-    for (const s of this.components)
-      this.element.appendChild(s.element);
-    const e = t.tooltip;
-    e && (e.hasContainer() || e.setContainer(this._container), e.setComponents(this.components));
-    const o = t.crosshair;
-    o && (o.setContainer(this.svg), o.tooltip = e, this.element.appendChild(o.element));
-    const n = t.annotations;
-    n && this.element.appendChild(n.element), this.element.appendChild(this._clipPath.node()), this.element.appendChild(this._svgDefs.node()), this.element.appendChild(this._svgDefsExternal.node()), i || this.render();
-  }
-  updateComponents(t, i) {
-    const { config: e } = this;
-    this.components.forEach((o, n) => {
-      t[n] && o.setConfig(t[n]);
-    }), this._updateScales(...this.components, e.xAxis, e.yAxis, e.crosshair), i || this.render();
-  }
-  update(t, i, e) {
-    e && (this.datamodel.data = e), t && this.updateContainer(t, !0), i && this.updateComponents(i, !0), this.render();
-  }
-  _preRender() {
-    const { config: t } = this;
-    super._preRender(), t.autoMargin && this._setAutoMargin();
-    const i = y([...this.components, t.xAxis, t.yAxis, t.crosshair, t.annotations]);
-    for (const e of i)
-      e.setSize(this.width, this.height, this.containerWidth, this.containerHeight);
-    this._updateScales(...this.components, t.xAxis, t.yAxis, t.crosshair);
-  }
-  _render(t) {
-    var i, e, o, n, s;
-    const { config: r } = this;
-    super._render();
-    const a = this._getMargin();
-    for (const d of this.components)
-      d.g.attr("transform", `translate(${a.left},${a.top})`).style("clip-path", d.clippable ? `url(#${this._clipPathId})` : null).style("-webkit-clip-path", d.clippable ? `url(#${this._clipPathId})` : null), d.render(t);
-    this._renderAxes(this._firstRender ? 0 : t);
-    const l = 2;
-    this._clipPath.select("rect").attr("x", -2).attr("y", -2).attr("width", this.width + 2 * l).attr("height", this.height + 2 * l), (i = r.tooltip) === null || i === void 0 || i.update();
-    const p = r.crosshair;
-    if (p) {
-      const d = this.components.filter((c) => !c.stacked).map((c) => c.config.y), f = this.components.filter((c) => c.stacked).map((c) => c.config.y), h = (e = this.components.find((c) => c.config.baseline)) === null || e === void 0 ? void 0 : e.config, g = h == null ? void 0 : h.baseline;
-      p.accessors = {
-        x: (o = this.components[0]) === null || o === void 0 ? void 0 : o.config.x,
-        y: S(d),
-        yStacked: S(f),
-        baseline: g
-      }, p.g.attr("transform", `translate(${a.left},${a.top})`).style("clip-path", `url(#${this._clipPathId})`).style("-webkit-clip-path", `url(#${this._clipPathId})`), p.hide();
-    }
-    (n = r.annotations) === null || n === void 0 || n.g.attr("transform", `translate(${a.left},${a.top})`), (s = r.annotations) === null || s === void 0 || s.render(), this._firstRender = !1;
-  }
-  _updateScales(...t) {
-    const i = y(t || this.components);
-    this._setScales(...i), this._updateScalesDomain(...i), this._updateScalesRange(...i);
-  }
-  _setScales(...t) {
-    const { config: i } = this;
-    t && (i.xScale && t.forEach((e) => e.setScale(u.X, i.xScale)), i.yScale && t.forEach((e) => e.setScale(u.Y, i.yScale)));
-  }
-  _updateScalesDomain(...t) {
-    const { config: i } = this;
-    if (!t)
-      return;
-    const e = t.filter((o) => !o.config.excludeFromDomainCalculation);
-    Object.values(u).forEach((o) => {
-      var n, s, r, a, l, p, d, f;
-      const [h, g] = w(T(e.map((x) => x.getDataExtent(o, i.scaleByDomain)))), c = o === u.Y ? i.yDomain : i.xDomain, m = o === u.Y ? i.yDomainMinConstraint : i.xDomainMinConstraint, _ = o === u.Y ? i.yDomainMaxConstraint : i.xDomainMaxConstraint, A = (s = (n = c == null ? void 0 : c[0]) !== null && n !== void 0 ? n : h) !== null && s !== void 0 ? s : 0, C = (a = (r = c == null ? void 0 : c[1]) !== null && r !== void 0 ? r : g) !== null && a !== void 0 ? a : 1, v = [
-        b(A, (l = m == null ? void 0 : m[0]) !== null && l !== void 0 ? l : Number.NEGATIVE_INFINITY, (p = m == null ? void 0 : m[1]) !== null && p !== void 0 ? p : Number.POSITIVE_INFINITY),
-        b(C, (d = _ == null ? void 0 : _[0]) !== null && d !== void 0 ? d : Number.NEGATIVE_INFINITY, (f = _ == null ? void 0 : _[1]) !== null && f !== void 0 ? f : Number.POSITIVE_INFINITY)
-      ];
-      if (v[0] === v[1]) {
-        const x = e.some((M) => {
-          var I;
-          return ((I = M.datamodel.data) === null || I === void 0 ? void 0 : I.length) > 0;
-        });
-        (i.preventEmptyDomain || i.preventEmptyDomain === null && (!x || o === u.Y)) && (v[1] = v[0] + 1);
-      }
-      t.forEach((x) => x.setScaleDomain(o, v));
-    });
-  }
-  _updateScalesRange(...t) {
-    var i, e, o, n, s, r;
-    const { config: a } = this;
-    if (!t)
-      return;
-    const l = a.yDirection === P.South, p = [(i = a.padding.left) !== null && i !== void 0 ? i : 0, this.width - ((e = a.padding.right) !== null && e !== void 0 ? e : 0)], d = [this.height - ((o = a.padding.bottom) !== null && o !== void 0 ? o : 0), (n = a.padding.top) !== null && n !== void 0 ? n : 0];
-    l && d.reverse();
-    for (const h of t)
-      h.setSize(this.width, this.height, this.containerWidth, this.containerHeight), h.setScaleRange(u.X, (s = a.xRange) !== null && s !== void 0 ? s : p), h.setScaleRange(u.Y, (r = a.yRange) !== null && r !== void 0 ? r : d);
-    const f = t.map((h) => h.bleed).reduce((h, g) => {
-      for (const c of Object.keys(h)) {
-        const m = c;
-        h[m] < g[m] && (h[m] = g[m]);
-      }
-      return h;
-    }, { top: 0, bottom: 0, left: 0, right: 0 });
-    for (const h of t)
-      h.setScaleRange(u.X, [p[0] + f.left, p[1] - f.right]), h.setScaleRange(
-        u.Y,
-        l ? [d[0] + f.top, d[1] - f.bottom] : [d[0] - f.bottom, d[1] + f.top]
-        // if Y axis is directed upwards
-      );
-  }
-  _renderAxes(t) {
-    const { config: { xAxis: i, yAxis: e } } = this, o = this._getMargin();
-    y([i, e]).forEach((s) => {
-      const r = s.getOffset(o);
-      s.g.attr("transform", `translate(${r.left},${r.top})`), s.render(t);
-    });
-  }
-  _setAutoMargin() {
-    const { config: { xAxis: t, yAxis: i } } = this, e = y([...this.components, t, i]);
-    this._setScales(...e), this._updateScalesDomain(...e);
-    const o = this._firstRender ? 2 : 1;
-    for (let n = 0; n < o; n += 1) {
-      const s = { top: 0, bottom: 0, left: 0, right: 0 };
-      this._updateScalesRange(...e), y([t, i]).forEach((a) => {
-        a.preRender();
-        const l = a.getRequiredMargin();
-        s.top < l.top && (s.top = l.top), s.bottom < l.bottom && (s.bottom = l.bottom), s.left < l.left && (s.left = l.left), s.right < l.right && (s.right = l.right);
-      }), this._axisMargin = s;
-    }
-  }
-  _getMargin() {
-    const { config: { margin: t } } = this;
-    return {
-      top: t.top + this._axisMargin.top,
-      bottom: t.bottom + this._axisMargin.bottom,
-      left: t.left + this._axisMargin.left,
-      right: t.right + this._axisMargin.right
-    };
-  }
-  destroy() {
-    const { components: t, config: { tooltip: i, crosshair: e, annotations: o, xAxis: n, yAxis: s } } = this;
-    super.destroy();
-    for (const r of t)
-      r == null || r.destroy();
-    i == null || i.destroy(), e == null || e.destroy(), o == null || o.destroy(), n == null || n.destroy(), s == null || s.destroy();
-  }
-}
-export {
-  J as XYContainer
-};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={duration:600,events:{},attributes:{}};exports.ComponentDefaultConfig=t;

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

@@ -1,8 +0,0 @@
-const t = {
-  duration: 600,
-  events: {},
-  attributes: {}
-};
-export {
-  t as ComponentDefaultConfig
-};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../data-models/core.cjs"),r=require("../../utils/data.cjs"),g=require("../../utils/misc.cjs"),s=require("../../types/component.cjs"),f=require("./config.cjs"),m=require("../../../../d3-selection/src/select.cjs");class _{constructor(t=s.ComponentType.SVG){var e,i;this.type=s.ComponentType.SVG,this.datamodel=new a.CoreDataModel,this.sizing=s.Sizing.Fit,this.events={},this._defaultConfig=f.ComponentDefaultConfig,this._width=400,this._height=200,this._containerWidth=void 0,this._containerHeight=void 0,this._setUpComponentEventsThrottled=r.throttle(this._setUpComponentEvents,500),this._setCustomAttributesThrottled=r.throttle(this._setCustomAttributes,500),t===s.ComponentType.SVG?this.element=document.createElementNS("http://www.w3.org/2000/svg","g"):this.element=document.createElement("div"),this.uid=g.guid(),this.g=m.default(this.element);const n=(i=(e=this.constructor)===null||e===void 0?void 0:e.selectors)===null||i===void 0?void 0:i.root;n&&this.g.attr("class",n)}setConfig(t){this.prevConfig=this.config,this.config=r.merge(this._defaultConfig,t)}setData(t){this.datamodel.data=t}setSize(t,e,i,n){isFinite(t)&&(this._width=t),isFinite(e)&&(this._height=e),isFinite(i)&&(this._containerWidth=i),isFinite(n)&&(this._containerHeight=n)}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}}_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(n=>{const h=this.g.selectAll(`.${i}`);h.on(n+e,(c,l)=>{const d=h.nodes(),u=d.indexOf(c.currentTarget),o=t[i][n];return o==null?void 0:o(l,c,u,d)})})})}destroy(){var t;(t=this.g)===null||t===void 0||t.remove(),this.element=void 0}isDestroyed(){return!this.element}}exports.ComponentCore=_;

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

@@ -1,68 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,24 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,73 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,8 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,53 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,14 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,16 +0,0 @@
-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

@@ -1 +0,0 @@
-"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

@@ -1,18 +0,0 @@
-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

@@ -1,38 +0,0 @@
-"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

@@ -1,63 +0,0 @@
-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

@@ -1,15 +0,0 @@
-"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;