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

package/dist/node_modules/@unovis/ts/components/bullet-legend/style.cjs

@@ -0,0 +1,63 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../@emotion/css/dist/emotion-css.esm.cjs"),l=e.css`
+  label: bullet-legend-component;
+`,i=e.injectGlobal`
+  :root {
+    // Undefined by default to allow proper fallback to var(--vis-font-family)
+    /* --vis-legend-font-family: */
+
+    --vis-legend-label-color: #6c778c;
+    --vis-legend-label-max-width: 300px;
+    --vis-legend-label-font-size: 12px;
+    --vis-legend-bullet-size: 9px;
+    --vis-legend-bullet-inactive-opacity: 0.15;
+    --vis-legend-item-spacing: 20px;
+    --vis-legend-vertical-item-spacing: 5px;
+    --vis-legend-bullet-label-spacing: 8px;
+
+    --vis-dark-legend-label-color: #eee;
+  }
+
+  body.theme-dark ${`.${l}`} {
+    --vis-legend-label-color: var(--vis-dark-legend-label-color);
+  }
+
+  body.theme-patterns {
+    --vis-legend-bullet-size: 14px;
+  }
+`,t=e.css`
+  label: legendItem;
+  display: inline-flex;
+  align-items: center;
+  font-family: var(--vis-legend-font-family, var(--vis-font-family));
+  margin-right: var(--vis-legend-item-spacing);
+  white-space: nowrap;
+  cursor: default;
+  user-select: none;
+  max-width: min-content;
+`,a=e.css`
+  label: legendItemVertical;
+  display: flex;
+  margin-top: var(--vis-legend-vertical-item-spacing);
+`,s=e.css`
+  cursor: pointer;
+`,n=e.css`
+  label: legendItemLabel;
+  font-size: var(--vis-legend-label-font-size);
+  display: inline-block;
+  vertical-align: middle;
+  color: var(--vis-legend-label-color);
+  max-width: var(--vis-legend-label-max-width);
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+`,o=e.css`
+  flex: 0 0 auto;
+  label: legendItemBullet;
+  margin-right: var(--vis-legend-bullet-label-spacing);
+  height: var(--vis-legend-bullet-size);
+  width: var(--vis-legend-bullet-size);
+
+  svg {
+    display: block;
+  }
+`;exports.bullet=o;exports.clickable=s;exports.item=t;exports.itemVertical=a;exports.label=n;exports.root=l;exports.variables=i;

package/dist/node_modules/@unovis/ts/components/bullet-legend/style.js

@@ -0,0 +1,73 @@
+import { css as e, injectGlobal as l } from "../../../../@emotion/css/dist/emotion-css.esm.js";
+const i = e`
+  label: bullet-legend-component;
+`, t = l`
+  :root {
+    // Undefined by default to allow proper fallback to var(--vis-font-family)
+    /* --vis-legend-font-family: */
+
+    --vis-legend-label-color: #6c778c;
+    --vis-legend-label-max-width: 300px;
+    --vis-legend-label-font-size: 12px;
+    --vis-legend-bullet-size: 9px;
+    --vis-legend-bullet-inactive-opacity: 0.15;
+    --vis-legend-item-spacing: 20px;
+    --vis-legend-vertical-item-spacing: 5px;
+    --vis-legend-bullet-label-spacing: 8px;
+
+    --vis-dark-legend-label-color: #eee;
+  }
+
+  body.theme-dark ${`.${i}`} {
+    --vis-legend-label-color: var(--vis-dark-legend-label-color);
+  }
+
+  body.theme-patterns {
+    --vis-legend-bullet-size: 14px;
+  }
+`, n = e`
+  label: legendItem;
+  display: inline-flex;
+  align-items: center;
+  font-family: var(--vis-legend-font-family, var(--vis-font-family));
+  margin-right: var(--vis-legend-item-spacing);
+  white-space: nowrap;
+  cursor: default;
+  user-select: none;
+  max-width: min-content;
+`, s = e`
+  label: legendItemVertical;
+  display: flex;
+  margin-top: var(--vis-legend-vertical-item-spacing);
+`, o = e`
+  cursor: pointer;
+`, r = e`
+  label: legendItemLabel;
+  font-size: var(--vis-legend-label-font-size);
+  display: inline-block;
+  vertical-align: middle;
+  color: var(--vis-legend-label-color);
+  max-width: var(--vis-legend-label-max-width);
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+`, d = e`
+  flex: 0 0 auto;
+  label: legendItemBullet;
+  margin-right: var(--vis-legend-bullet-label-spacing);
+  height: var(--vis-legend-bullet-size);
+  width: var(--vis-legend-bullet-size);
+
+  svg {
+    display: block;
+  }
+`;
+export {
+  d as bullet,
+  o as clickable,
+  n as item,
+  s as itemVertical,
+  r as label,
+  i as root,
+  t as variables
+};

package/dist/node_modules/@unovis/ts/components/bullet-legend/types.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../types/symbol.cjs"),i=Object.assign(Object.assign({},t.SymbolType),{Line:"line"});exports.BulletLegendOrientation=void 0;(function(e){e.Horizontal="horizontal",e.Vertical="vertical"})(exports.BulletLegendOrientation||(exports.BulletLegendOrientation={}));exports.BulletShape=i;

package/dist/node_modules/@unovis/ts/components/bullet-legend/types.js

@@ -0,0 +1,10 @@
+import { SymbolType as i } from "../../types/symbol.js";
+const n = Object.assign(Object.assign({}, i), { Line: "line" });
+var e;
+(function(t) {
+  t.Horizontal = "horizontal", t.Vertical = "vertical";
+})(e || (e = {}));
+export {
+  e as BulletLegendOrientation,
+  n as BulletShape
+};

package/dist/node_modules/@unovis/ts/components/crosshair/config.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../core/xy-component/config.cjs"),n=Object.assign(Object.assign({},e.XYComponentDefaultConfig),{yStacked:void 0,baseline:null,duration:100,tooltip:void 0,template:(t,i)=>"",hideWhenFarFromPointer:!0,hideWhenFarFromPointerDistance:100,snapToData:!0,getCircles:void 0,color:void 0,strokeColor:void 0,strokeWidth:void 0});exports.CrosshairDefaultConfig=n;

package/dist/node_modules/@unovis/ts/components/crosshair/config.js

@@ -0,0 +1,5 @@
+import { XYComponentDefaultConfig as e } from "../../core/xy-component/config.js";
+const i = Object.assign(Object.assign({}, e), { yStacked: void 0, baseline: null, duration: 100, tooltip: void 0, template: (n, t) => "", hideWhenFarFromPointer: !0, hideWhenFarFromPointerDistance: 100, snapToData: !0, getCircles: void 0, color: void 0, strokeColor: void 0, strokeWidth: void 0 });
+export {
+  i as CrosshairDefaultConfig
+};

package/dist/node_modules/@unovis/ts/components/crosshair/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("../../core/xy-component/index.cjs"),r=require("../../utils/data.cjs"),f=require("../../utils/d3.cjs"),u=require("../../utils/color.cjs"),g=require("../../types/position.cjs"),k=require("./config.cjs"),y=require("./style.cjs"),p=require("../../../../d3-selection/src/pointer.cjs"),_=require("../../../../d3-ease/src/linear.cjs");class x extends C.XYComponentCore{constructor(s){super(),this.clippable=!0,this._defaultConfig=k.CrosshairDefaultConfig,this.config=this._defaultConfig,this.x=0,this.show=!1,this._animFrameId=null,this._accessors={x:void 0,y:void 0,yStacked:void 0,baseline:void 0},s&&this.setConfig(s),this.g.style("opacity",this.show?1:0),this.line=this.g.append("line").attr("class",y.line)}set accessors(s){this._accessors=s}get accessors(){var s;const{config:i}=this,t=!!(i.x||i.y||i.yStacked),o=t?i.x:this._accessors.x,n=t?i.y:this._accessors.y,c=n?r.isArray(n)?n:[n]:void 0,e=t?i.yStacked:this._accessors.yStacked,a=(s=i.baseline)!==null&&s!==void 0?s:this._accessors.baseline;return{x:o,y:c,yStacked:e,baseline:a}}setContainer(s){this.container=s,this.container.on("mousemove.crosshair",this._onMouseMove.bind(this)),this.container.on("mouseout.crosshair",this._onMouseOut.bind(this))}_render(s){const{config:i}=this;if(i.snapToData&&!this.datum)return;const t=r.isNumber(s)?s:i.duration;f.smartTransition(this.g,t).style("opacity",this.show?1:0),this.line.attr("y1",0).attr("y1",this._height),f.smartTransition(this.line,t,_.linear).attr("x1",this.x).attr("x2",this.x);const o=this.getCircleData(),n=this.g.selectAll("circle").data(o,(e,a)=>{var h;return(h=e.id)!==null&&h!==void 0?h:a}),c=n.enter().append("circle").attr("class",y.circle).attr("r",0).attr("cx",this.x).attr("cy",e=>e.y).style("fill",e=>e.color).style("stroke",e=>e.strokeColor).style("stroke-width",e=>e.strokeWidth);f.smartTransition(c.merge(n),t,_.linear).attr("cx",this.x).attr("cy",e=>e.y).attr("r",4).style("opacity",e=>e.opacity).style("fill",e=>e.color).style("stroke",e=>e.strokeColor).style("stroke-width",e=>e.strokeWidth),n.exit().remove()}hide(){this._onMouseOut()}_onMouseMove(s){var i,t;const{config:o,datamodel:n,element:c}=this;!this.accessors.x&&(!((i=n.data)===null||i===void 0)&&i.length)&&console.warn("Unovis | Crosshair: X accessor function has not been configured. Please check if it's present in the configuration object");const[e]=p.default(s,c),a=this.xScale.range();if(o.snapToData){!this.accessors.y&&!this.accessors.yStacked&&(!((t=n.data)===null||t===void 0)&&t.length)&&console.warn("Unovis | Crosshair: Y accessors have not been configured. Please check if they're present in the configuration object");const h=this.xScale,d=h.invert(e);if(this.datum=r.getNearest(n.data,d,this.accessors.x),this.datumIndex=n.data.indexOf(this.datum),!this.datum)return;this.x=r.clamp(Math.round(h(r.getNumber(this.datum,this.accessors.x,this.datumIndex))),0,this._width),this.show=this.x>=0&&this.x<=this._width&&(!o.hideWhenFarFromPointer||Math.abs(this.x-e)<o.hideWhenFarFromPointerDistance)}else this.x=r.clamp(e,a[0],a[1]),this.show=e>=a[0]-2&&e<=a[1]+2;window.cancelAnimationFrame(this._animFrameId),this._animFrameId=window.requestAnimationFrame(()=>{this._render()}),this.show?this._showTooltip(s):this._hideTooltip()}_onMouseOut(){this.show=!1,window.cancelAnimationFrame(this._animFrameId),this._animFrameId=window.requestAnimationFrame(()=>{this._render()}),this._hideTooltip()}_showTooltip(s){var i;const{config:t}=this,o=(i=t.tooltip)!==null&&i!==void 0?i:this.tooltip;if(!o)return;const n=o.getContainer()||this.container.node(),[c,e]=o.isContainerBody()?[s.clientX,s.clientY]:p.default(s,n),a=t.template(this.datum,this.xScale.invert(this.x));if(o.config.followCursor=!0,!o.config.horizontalPlacement||o.config.horizontalPlacement===g.Position.Auto){const h=o.isContainerBody()?c-this.container.node().getBoundingClientRect().left:c;o.overrideHorizontalPlacement(h>this._containerWidth/2?g.Position.Left:g.Position.Right)}a&&o.show(a,{x:c,y:e})}_hideTooltip(){var s;const{config:i}=this,t=(s=i.tooltip)!==null&&s!==void 0?s:this.tooltip;t==null||t.hide()}getYDataExtent(){return[void 0,void 0]}getCircleData(){var s,i;const{config:t,datamodel:{data:o}}=this;if(r.isFunction(t.getCircles))return t.getCircles(this.xScale.invert(this.x),o,this.yScale);if(t.snapToData&&this.datum){const n=(s=this.accessors.y)!==null&&s!==void 0?s:[],c=(i=this.accessors.yStacked)!==null&&i!==void 0?i:[],e=r.getNumber(this.datum,this.accessors.baseline,this.datumIndex)||0,a=r.getStackedValues(this.datum,this.datumIndex,...c).map((d,l,m)=>({y:this.yScale(d+e),opacity:r.isNumber(r.getNumber(this.datum,c[l]))?1:0,color:u.getColor(this.datum,t.color,l),strokeColor:t.strokeColor?u.getColor(this.datum,t.strokeColor,l):void 0,strokeWidth:t.strokeWidth?r.getNumber(this.datum,t.strokeWidth,l):void 0})),h=n.map((d,l)=>{const m=r.getNumber(this.datum,d);return{y:this.yScale(m),opacity:r.isNumber(m)?1:0,color:u.getColor(this.datum,t.color,a.length+l),strokeColor:t.strokeColor?u.getColor(this.datum,t.strokeColor,l):void 0,strokeWidth:t.strokeWidth?r.getNumber(this.datum,t.strokeWidth,l):void 0}});return a.concat(h)}return[]}}x.selectors=y;exports.Crosshair=x;

package/dist/node_modules/@unovis/ts/components/crosshair/index.js

@@ -0,0 +1,119 @@
+import { XYComponentCore as k } from "../../core/xy-component/index.js";
+import { isNumber as f, getNearest as C, clamp as g, getNumber as l, isFunction as v, getStackedValues as w, isArray as b } from "../../utils/data.js";
+import { smartTransition as y } from "../../utils/d3.js";
+import { getColor as u } from "../../utils/color.js";
+import { Position as p } from "../../types/position.js";
+import { CrosshairDefaultConfig as S } from "./config.js";
+import * as F from "./style.js";
+import { line as W, circle as A } from "./style.js";
+import _ from "../../../../d3-selection/src/pointer.js";
+import { linear as x } from "../../../../d3-ease/src/linear.js";
+class I extends k {
+  constructor(i) {
+    super(), this.clippable = !0, this._defaultConfig = S, this.config = this._defaultConfig, this.x = 0, this.show = !1, this._animFrameId = null, this._accessors = {
+      x: void 0,
+      y: void 0,
+      yStacked: void 0,
+      baseline: void 0
+    }, i && this.setConfig(i), this.g.style("opacity", this.show ? 1 : 0), this.line = this.g.append("line").attr("class", W);
+  }
+  set accessors(i) {
+    this._accessors = i;
+  }
+  get accessors() {
+    var i;
+    const { config: e } = this, t = !!(e.x || e.y || e.yStacked), o = t ? e.x : this._accessors.x, n = t ? e.y : this._accessors.y, r = n ? b(n) ? n : [n] : void 0, s = t ? e.yStacked : this._accessors.yStacked, a = (i = e.baseline) !== null && i !== void 0 ? i : this._accessors.baseline;
+    return { x: o, y: r, yStacked: s, baseline: a };
+  }
+  setContainer(i) {
+    this.container = i, this.container.on("mousemove.crosshair", this._onMouseMove.bind(this)), this.container.on("mouseout.crosshair", this._onMouseOut.bind(this));
+  }
+  _render(i) {
+    const { config: e } = this;
+    if (e.snapToData && !this.datum)
+      return;
+    const t = f(i) ? i : e.duration;
+    y(this.g, t).style("opacity", this.show ? 1 : 0), this.line.attr("y1", 0).attr("y1", this._height), y(this.line, t, x).attr("x1", this.x).attr("x2", this.x);
+    const o = this.getCircleData(), n = this.g.selectAll("circle").data(o, (s, a) => {
+      var c;
+      return (c = s.id) !== null && c !== void 0 ? c : a;
+    }), r = n.enter().append("circle").attr("class", A).attr("r", 0).attr("cx", this.x).attr("cy", (s) => s.y).style("fill", (s) => s.color).style("stroke", (s) => s.strokeColor).style("stroke-width", (s) => s.strokeWidth);
+    y(r.merge(n), t, x).attr("cx", this.x).attr("cy", (s) => s.y).attr("r", 4).style("opacity", (s) => s.opacity).style("fill", (s) => s.color).style("stroke", (s) => s.strokeColor).style("stroke-width", (s) => s.strokeWidth), n.exit().remove();
+  }
+  hide() {
+    this._onMouseOut();
+  }
+  _onMouseMove(i) {
+    var e, t;
+    const { config: o, datamodel: n, element: r } = this;
+    !this.accessors.x && (!((e = n.data) === null || e === void 0) && e.length) && console.warn("Unovis | Crosshair: X accessor function has not been configured. Please check if it's present in the configuration object");
+    const [s] = _(i, r), a = this.xScale.range();
+    if (o.snapToData) {
+      !this.accessors.y && !this.accessors.yStacked && (!((t = n.data) === null || t === void 0) && t.length) && console.warn("Unovis | Crosshair: Y accessors have not been configured. Please check if they're present in the configuration object");
+      const c = this.xScale, d = c.invert(s);
+      if (this.datum = C(n.data, d, this.accessors.x), this.datumIndex = n.data.indexOf(this.datum), !this.datum)
+        return;
+      this.x = g(Math.round(c(l(this.datum, this.accessors.x, this.datumIndex))), 0, this._width), this.show = this.x >= 0 && this.x <= this._width && (!o.hideWhenFarFromPointer || Math.abs(this.x - s) < o.hideWhenFarFromPointerDistance);
+    } else
+      this.x = g(s, a[0], a[1]), this.show = s >= a[0] - 2 && s <= a[1] + 2;
+    window.cancelAnimationFrame(this._animFrameId), this._animFrameId = window.requestAnimationFrame(() => {
+      this._render();
+    }), this.show ? this._showTooltip(i) : this._hideTooltip();
+  }
+  _onMouseOut() {
+    this.show = !1, window.cancelAnimationFrame(this._animFrameId), this._animFrameId = window.requestAnimationFrame(() => {
+      this._render();
+    }), this._hideTooltip();
+  }
+  _showTooltip(i) {
+    var e;
+    const { config: t } = this, o = (e = t.tooltip) !== null && e !== void 0 ? e : this.tooltip;
+    if (!o)
+      return;
+    const n = o.getContainer() || this.container.node(), [r, s] = o.isContainerBody() ? [i.clientX, i.clientY] : _(i, n), a = t.template(this.datum, this.xScale.invert(this.x));
+    if (o.config.followCursor = !0, !o.config.horizontalPlacement || o.config.horizontalPlacement === p.Auto) {
+      const c = o.isContainerBody() ? r - this.container.node().getBoundingClientRect().left : r;
+      o.overrideHorizontalPlacement(c > this._containerWidth / 2 ? p.Left : p.Right);
+    }
+    a && o.show(a, { x: r, y: s });
+  }
+  _hideTooltip() {
+    var i;
+    const { config: e } = this, t = (i = e.tooltip) !== null && i !== void 0 ? i : this.tooltip;
+    t == null || t.hide();
+  }
+  // We don't want Crosshair to be be taken in to account in domain calculations
+  getYDataExtent() {
+    return [void 0, void 0];
+  }
+  getCircleData() {
+    var i, e;
+    const { config: t, datamodel: { data: o } } = this;
+    if (v(t.getCircles))
+      return t.getCircles(this.xScale.invert(this.x), o, this.yScale);
+    if (t.snapToData && this.datum) {
+      const n = (i = this.accessors.y) !== null && i !== void 0 ? i : [], r = (e = this.accessors.yStacked) !== null && e !== void 0 ? e : [], s = l(this.datum, this.accessors.baseline, this.datumIndex) || 0, a = w(this.datum, this.datumIndex, ...r).map((d, h, m) => ({
+        y: this.yScale(d + s),
+        opacity: f(l(this.datum, r[h])) ? 1 : 0,
+        color: u(this.datum, t.color, h),
+        strokeColor: t.strokeColor ? u(this.datum, t.strokeColor, h) : void 0,
+        strokeWidth: t.strokeWidth ? l(this.datum, t.strokeWidth, h) : void 0
+      })), c = n.map((d, h) => {
+        const m = l(this.datum, d);
+        return {
+          y: this.yScale(m),
+          opacity: f(m) ? 1 : 0,
+          color: u(this.datum, t.color, a.length + h),
+          strokeColor: t.strokeColor ? u(this.datum, t.strokeColor, h) : void 0,
+          strokeWidth: t.strokeWidth ? l(this.datum, t.strokeWidth, h) : void 0
+        };
+      });
+      return a.concat(c);
+    }
+    return [];
+  }
+}
+I.selectors = F;
+export {
+  I as Crosshair
+};

package/dist/node_modules/@unovis/ts/components/crosshair/style.cjs

@@ -0,0 +1,22 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../@emotion/css/dist/emotion-css.esm.cjs"),r=s.injectGlobal`
+  :root {
+    --vis-crosshair-line-stroke-color: #888;
+    --vis-crosshair-line-stroke-width: 1px;
+    --vis-crosshair-line-stroke-opacity: 1;
+    --vis-crosshair-circle-stroke-color: #fff;
+    --vis-crosshair-circle-stroke-width: 1px;
+    --vis-crosshair-circle-stroke-opacity: 0.75;
+  }
+`,o=s.css`
+  label: crosshair-component;
+`,i=s.css`
+  stroke: var(--vis-crosshair-line-stroke-color);
+  stroke-width: var(--vis-crosshair-line-stroke-width);
+  stroke-opacity: var(--vis-crosshair-line-stroke-opacity);
+  pointer-events: none;
+`,e=s.css`
+  stroke: var(--vis-crosshair-circle-stroke-color);
+  stroke-width: var(--vis-crosshair-circle-stroke-width);
+  stroke-opacity: var(--vis-crosshair-circle-stroke-opacity);
+  pointer-events: none;
+`;exports.circle=e;exports.globalStyles=r;exports.line=i;exports.root=o;

package/dist/node_modules/@unovis/ts/components/crosshair/style.js

@@ -0,0 +1,29 @@
+import { css as r, injectGlobal as s } from "../../../../@emotion/css/dist/emotion-css.esm.js";
+const i = s`
+  :root {
+    --vis-crosshair-line-stroke-color: #888;
+    --vis-crosshair-line-stroke-width: 1px;
+    --vis-crosshair-line-stroke-opacity: 1;
+    --vis-crosshair-circle-stroke-color: #fff;
+    --vis-crosshair-circle-stroke-width: 1px;
+    --vis-crosshair-circle-stroke-opacity: 0.75;
+  }
+`, e = r`
+  label: crosshair-component;
+`, t = r`
+  stroke: var(--vis-crosshair-line-stroke-color);
+  stroke-width: var(--vis-crosshair-line-stroke-width);
+  stroke-opacity: var(--vis-crosshair-line-stroke-opacity);
+  pointer-events: none;
+`, c = r`
+  stroke: var(--vis-crosshair-circle-stroke-color);
+  stroke-width: var(--vis-crosshair-circle-stroke-width);
+  stroke-opacity: var(--vis-crosshair-circle-stroke-opacity);
+  pointer-events: none;
+`;
+export {
+  c as circle,
+  i as globalStyles,
+  t as line,
+  e as root
+};

package/dist/node_modules/@unovis/ts/components/donut/config.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../core/component/config.cjs"),u=Object.assign(Object.assign({},a.ComponentDefaultConfig),{id:(n,t)=>{var e;return(e=n.id)!==null&&e!==void 0?e:t},value:void 0,angleRange:[0,2*Math.PI],padAngle:0,sortFunction:void 0,cornerRadius:0,color:void 0,radius:void 0,arcWidth:20,centralLabel:void 0,centralSubLabel:void 0,centralSubLabelWrap:!0,showEmptySegments:!1,emptySegmentAngle:.5*Math.PI/180,showBackground:!0,backgroundAngleRange:void 0,centralLabelOffsetX:void 0,centralLabelOffsetY:void 0});exports.DonutDefaultConfig=u;

package/dist/node_modules/@unovis/ts/components/donut/config.js

@@ -0,0 +1,8 @@
+import { ComponentDefaultConfig as t } from "../../core/component/config.js";
+const u = Object.assign(Object.assign({}, t), { id: (n, a) => {
+  var e;
+  return (e = n.id) !== null && e !== void 0 ? e : a;
+}, value: void 0, angleRange: [0, 2 * Math.PI], padAngle: 0, sortFunction: void 0, cornerRadius: 0, color: void 0, radius: void 0, arcWidth: 20, centralLabel: void 0, centralSubLabel: void 0, centralSubLabelWrap: !0, showEmptySegments: !1, emptySegmentAngle: 0.5 * Math.PI / 180, showBackground: !0, backgroundAngleRange: void 0, centralLabelOffsetX: void 0, centralLabelOffsetY: void 0 });
+export {
+  u as DonutDefaultConfig
+};

package/dist/node_modules/@unovis/ts/components/donut/constants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=Array.from({length:4},(O,N)=>{const _=-Math.PI/2+N*Math.PI/2;return[_,_+Math.PI]}),[E,G,L,T]=A;exports.DONUT_HALF_ANGLE_RANGES=A;exports.DONUT_HALF_ANGLE_RANGE_BOTTOM=L;exports.DONUT_HALF_ANGLE_RANGE_LEFT=T;exports.DONUT_HALF_ANGLE_RANGE_RIGHT=G;exports.DONUT_HALF_ANGLE_RANGE_TOP=E;

package/dist/node_modules/@unovis/ts/components/donut/constants.js

@@ -0,0 +1,11 @@
+const N = Array.from({ length: 4 }, (E, A) => {
+  const _ = -Math.PI / 2 + A * Math.PI / 2;
+  return [_, _ + Math.PI];
+}), [G, L, t, T] = N;
+export {
+  N as DONUT_HALF_ANGLE_RANGES,
+  t as DONUT_HALF_ANGLE_RANGE_BOTTOM,
+  T as DONUT_HALF_ANGLE_RANGE_LEFT,
+  L as DONUT_HALF_ANGLE_RANGE_RIGHT,
+  G as DONUT_HALF_ANGLE_RANGE_TOP
+};

package/dist/node_modules/@unovis/ts/components/donut/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("../../core/component/index.cjs"),U=require("../../data-models/series.cjs"),J=require("../../utils/d3.cjs"),i=require("../../utils/data.cjs"),K=require("../../utils/text.cjs"),Q=require("./config.cjs"),k=require("./modules/arc.cjs"),Z=require("./constants.cjs"),l=require("./style.cjs"),tt=require("../../../../d3-shape/src/arc.cjs"),et=require("../../../../d3-shape/src/pie.cjs");class Y extends z.ComponentCore{constructor(r){super(),this._defaultConfig=Q.DonutDefaultConfig,this.config=this._defaultConfig,this.datamodel=new U.SeriesDataModel,this.arcGen=tt.default(),this.events={},r&&this.setConfig(r),this.arcBackground=this.g.append("path"),this.arcGroup=this.g.append("g"),this.centralLabel=this.g.append("text").attr("class",l.centralLabel),this.centralSubLabel=this.g.append("text").attr("class",l.centralSubLabel)}get bleed(){return{top:0,bottom:0,left:0,right:0}}_render(r){var o,c,d,u,g,h,b,f,p,m,v,A,L,_;const{config:e,datamodel:$,bleed:s}=this,j=$.data.map((t,a)=>({index:a,datum:t})).filter(t=>e.showEmptySegments||i.getNumber(t.datum,e.value,t.index)),x=i.isNumber(r)?r:e.duration,[R,S,D,G]=Z.DONUT_HALF_ANGLE_RANGES.map(t=>e.angleRange&&e.angleRange[0]===t[0]&&e.angleRange[1]===t[1]),w=R||D,P=S||G,X=this._width*(P?2:1),I=this._height*(w?2:1),n=e.radius||Math.min(X-s.left-s.right,I-s.top-s.bottom)/2,q=e.arcWidth===0?0:i.clamp(n-e.arcWidth,0,n-1),y=this._height/2+(R?n/2:D?-n/2:0),C=this._width/2+(G?n/2:S?-n/2:0),H=`translate(${C},${y})`;this.arcGroup.attr("transform",H),this.arcGen.startAngle(t=>t.startAngle).endAngle(t=>t.endAngle).innerRadius(t=>t.innerRadius).outerRadius(t=>t.outerRadius).padAngle(t=>t.padAngle).cornerRadius(e.cornerRadius);const W=et.default().startAngle((c=(o=e.angleRange)===null||o===void 0?void 0:o[0])!==null&&c!==void 0?c:0).endAngle((u=(d=e.angleRange)===null||d===void 0?void 0:d[1])!==null&&u!==void 0?u:2*Math.PI).padAngle(e.padAngle).value(t=>i.getNumber(t.datum,e.value,t.index)||0).sort((t,a)=>{var T;return(T=e.sortFunction)===null||T===void 0?void 0:T.call(e,t.datum,a.datum)})(j).map(t=>{const a=Object.assign(Object.assign({},t),{data:t.data.datum,index:t.data.index,innerRadius:q,outerRadius:n});return e.showEmptySegments&&t.endAngle-t.startAngle-t.padAngle<=Number.EPSILON&&(a.endAngle=t.startAngle+Math.max(e.emptySegmentAngle,e.padAngle),a.padAngle=t.padAngle/2),a}),O=this.arcGroup.selectAll(`.${l.segment}`).data(W,t=>e.id(t.data,t.index)),F=O.enter().append("path").attr("class",l.segment).call(k.createArc,e),N=O.merge(F);N.call(k.updateArc,e,this.arcGen,x),N.sort((t,a)=>a.value-t.value),O.exit().attr("class",l.segmentExit).call(k.removeArc,x);const B=S?"start":G?"end":"middle";this.centralLabel.attr("dy",e.centralSubLabel?"-0.55em":null).style("text-anchor",B).text((g=e.centralLabel)!==null&&g!==void 0?g:null),this.centralSubLabel.attr("dy",e.centralLabel?"0.55em":null).style("text-anchor",B).text((h=e.centralSubLabel)!==null&&h!==void 0?h:null),e.centralSubLabelWrap&&K.wrapSVGText(this.centralSubLabel,q*1.9);const V=(e.centralLabelOffsetX||0)+C;let E=(e.centralLabelOffsetY||0)+y;w&&e.centralLabelOffsetX===void 0&&e.centralLabelOffsetY===void 0&&(E=(R?-this.centralSubLabel.node().getBoundingClientRect().height:D?this.centralLabel.node().getBoundingClientRect().height:0)+y);const M=`translate(${V},${E})`;this.centralLabel.attr("transform",M),this.centralSubLabel.attr("transform",M),this.arcBackground.attr("class",l.background).attr("visibility",e.showBackground?null:"hidden").attr("transform",H),J.smartTransition(this.arcBackground,x).attr("d",this.arcGen({startAngle:(m=(f=(b=e.backgroundAngleRange)===null||b===void 0?void 0:b[0])!==null&&f!==void 0?f:(p=e.angleRange)===null||p===void 0?void 0:p[0])!==null&&m!==void 0?m:0,endAngle:(_=(A=(v=e.backgroundAngleRange)===null||v===void 0?void 0:v[1])!==null&&A!==void 0?A:(L=e.angleRange)===null||L===void 0?void 0:L[1])!==null&&_!==void 0?_:2*Math.PI,innerRadius:q,outerRadius:n}))}}Y.selectors=l;exports.Donut=Y;

package/dist/node_modules/@unovis/ts/components/donut/index.js

@@ -0,0 +1,57 @@
+import { ComponentCore as V } from "../../core/component/index.js";
+import { SeriesDataModel as z } from "../../data-models/series.js";
+import { smartTransition as U } from "../../utils/d3.js";
+import { getNumber as N, isNumber as q, clamp as J } from "../../utils/data.js";
+import { wrapSVGText as K } from "../../utils/text.js";
+import { DonutDefaultConfig as Q } from "./config.js";
+import { createArc as Z, updateArc as tt, removeArc as et } from "./modules/arc.js";
+import { DONUT_HALF_ANGLE_RANGES as at } from "./constants.js";
+import * as nt from "./style.js";
+import { centralLabel as lt, centralSubLabel as rt, segment as M, segmentExit as it, background as ot } from "./style.js";
+import st from "../../../../d3-shape/src/arc.js";
+import dt from "../../../../d3-shape/src/pie.js";
+class ct extends V {
+  constructor(l) {
+    super(), this._defaultConfig = Q, this.config = this._defaultConfig, this.datamodel = new z(), this.arcGen = st(), this.events = {}, l && this.setConfig(l), this.arcBackground = this.g.append("path"), this.arcGroup = this.g.append("g"), this.centralLabel = this.g.append("text").attr("class", lt), this.centralSubLabel = this.g.append("text").attr("class", rt);
+  }
+  get bleed() {
+    return { top: 0, bottom: 0, left: 0, right: 0 };
+  }
+  _render(l) {
+    var i, o, s, d, c, u, g, h, m, f, p, b, v, A;
+    const { config: e, datamodel: Y, bleed: r } = this, $ = Y.data.map((t, a) => ({
+      index: a,
+      datum: t
+    })).filter((t) => e.showEmptySegments || N(t.datum, e.value, t.index)), L = q(l) ? l : e.duration, [_, R, x, S] = at.map((t) => e.angleRange && e.angleRange[0] === t[0] && e.angleRange[1] === t[1]), k = _ || x, X = R || S, j = this._width * (X ? 2 : 1), I = this._height * (k ? 2 : 1), n = e.radius || Math.min(j - r.left - r.right, I - r.top - r.bottom) / 2, D = e.arcWidth === 0 ? 0 : J(n - e.arcWidth, 0, n - 1), G = this._height / 2 + (_ ? n / 2 : x ? -n / 2 : 0), w = this._width / 2 + (S ? n / 2 : R ? -n / 2 : 0), C = `translate(${w},${G})`;
+    this.arcGroup.attr("transform", C), this.arcGen.startAngle((t) => t.startAngle).endAngle((t) => t.endAngle).innerRadius((t) => t.innerRadius).outerRadius((t) => t.outerRadius).padAngle((t) => t.padAngle).cornerRadius(e.cornerRadius);
+    const P = dt().startAngle((o = (i = e.angleRange) === null || i === void 0 ? void 0 : i[0]) !== null && o !== void 0 ? o : 0).endAngle((d = (s = e.angleRange) === null || s === void 0 ? void 0 : s[1]) !== null && d !== void 0 ? d : 2 * Math.PI).padAngle(e.padAngle).value((t) => N(t.datum, e.value, t.index) || 0).sort((t, a) => {
+      var y;
+      return (y = e.sortFunction) === null || y === void 0 ? void 0 : y.call(e, t.datum, a.datum);
+    })($).map((t) => {
+      const a = Object.assign(Object.assign({}, t), {
+        data: t.data.datum,
+        index: t.data.index,
+        innerRadius: D,
+        outerRadius: n
+      });
+      return e.showEmptySegments && t.endAngle - t.startAngle - t.padAngle <= Number.EPSILON && (a.endAngle = t.startAngle + Math.max(e.emptySegmentAngle, e.padAngle), a.padAngle = t.padAngle / 2), a;
+    }), O = this.arcGroup.selectAll(`.${M}`).data(P, (t) => e.id(t.data, t.index)), W = O.enter().append("path").attr("class", M).call(Z, e), H = O.merge(W);
+    H.call(tt, e, this.arcGen, L), H.sort((t, a) => a.value - t.value), O.exit().attr("class", it).call(et, L);
+    const T = R ? "start" : S ? "end" : "middle";
+    this.centralLabel.attr("dy", e.centralSubLabel ? "-0.55em" : null).style("text-anchor", T).text((c = e.centralLabel) !== null && c !== void 0 ? c : null), this.centralSubLabel.attr("dy", e.centralLabel ? "0.55em" : null).style("text-anchor", T).text((u = e.centralSubLabel) !== null && u !== void 0 ? u : null), e.centralSubLabelWrap && K(this.centralSubLabel, D * 1.9);
+    const F = (e.centralLabelOffsetX || 0) + w;
+    let B = (e.centralLabelOffsetY || 0) + G;
+    k && e.centralLabelOffsetX === void 0 && e.centralLabelOffsetY === void 0 && (B = (_ ? -this.centralSubLabel.node().getBoundingClientRect().height : x ? this.centralLabel.node().getBoundingClientRect().height : 0) + G);
+    const E = `translate(${F},${B})`;
+    this.centralLabel.attr("transform", E), this.centralSubLabel.attr("transform", E), this.arcBackground.attr("class", ot).attr("visibility", e.showBackground ? null : "hidden").attr("transform", C), U(this.arcBackground, L).attr("d", this.arcGen({
+      startAngle: (f = (h = (g = e.backgroundAngleRange) === null || g === void 0 ? void 0 : g[0]) !== null && h !== void 0 ? h : (m = e.angleRange) === null || m === void 0 ? void 0 : m[0]) !== null && f !== void 0 ? f : 0,
+      endAngle: (A = (b = (p = e.backgroundAngleRange) === null || p === void 0 ? void 0 : p[1]) !== null && b !== void 0 ? b : (v = e.angleRange) === null || v === void 0 ? void 0 : v[1]) !== null && A !== void 0 ? A : 2 * Math.PI,
+      innerRadius: D,
+      outerRadius: n
+    }));
+  }
+}
+ct.selectors = nt;
+export {
+  ct as Donut
+};

package/dist/node_modules/@unovis/ts/components/donut/modules/arc.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../../utils/color.cjs"),u=require("../../../utils/d3.cjs"),y=require("../../../../../d3-interpolate/src/value.cjs");function p(n,r){n.style("fill",t=>c.getColor(t.data,r.color,t.index)).style("opacity",0).each((t,i,s)=>{const a=s[i],e=(t.startAngle+t.endAngle)/2,o=(t.endAngle-t.startAngle)/2;a._animState={startAngle:e-o,endAngle:e+o,innerRadius:t.innerRadius,outerRadius:t.outerRadius,padAngle:t.padAngle}})}function f(n,r,t,i){n.style("transition",`fill ${i}ms`).style("fill",a=>c.getColor(a.data,r.color,a.index));const s=a=>r.showEmptySegments||a.value?1:0;i?u.smartTransition(n,i).style("opacity",s).attrTween("d",(e,o,A)=>{const l=A[o],g={startAngle:e.startAngle,endAngle:e.endAngle,innerRadius:e.innerRadius,outerRadius:e.outerRadius,padAngle:e.padAngle},d=y.default(l._animState,g);return m=>(l._animState=d(m),t(l._animState))}):n.attr("d",t).style("opacity",s)}function R(n,r){u.smartTransition(n,r).style("opacity",0).remove()}exports.createArc=p;exports.removeArc=R;exports.updateArc=f;

package/dist/node_modules/@unovis/ts/components/donut/modules/arc.js

@@ -0,0 +1,37 @@
+import { getColor as c } from "../../../utils/color.js";
+import { smartTransition as m } from "../../../utils/d3.js";
+import d from "../../../../../d3-interpolate/src/value.js";
+function S(n, r) {
+  n.style("fill", (t) => c(t.data, r.color, t.index)).style("opacity", 0).each((t, i, o) => {
+    const a = o[i], e = (t.startAngle + t.endAngle) / 2, s = (t.endAngle - t.startAngle) / 2;
+    a._animState = {
+      startAngle: e - s,
+      endAngle: e + s,
+      innerRadius: t.innerRadius,
+      outerRadius: t.outerRadius,
+      padAngle: t.padAngle
+    };
+  });
+}
+function x(n, r, t, i) {
+  n.style("transition", `fill ${i}ms`).style("fill", (a) => c(a.data, r.color, a.index));
+  const o = (a) => r.showEmptySegments || a.value ? 1 : 0;
+  i ? m(n, i).style("opacity", o).attrTween("d", (e, s, u) => {
+    const l = u[s], A = {
+      startAngle: e.startAngle,
+      endAngle: e.endAngle,
+      innerRadius: e.innerRadius,
+      outerRadius: e.outerRadius,
+      padAngle: e.padAngle
+    }, g = d(l._animState, A);
+    return (p) => (l._animState = g(p), t(l._animState));
+  }) : n.attr("d", t).style("opacity", o);
+}
+function _(n, r) {
+  m(n, r).style("opacity", 0).remove();
+}
+export {
+  S as createArc,
+  _ as removeArc,
+  x as updateArc
+};

package/dist/node_modules/@unovis/ts/components/donut/style.cjs

@@ -0,0 +1,58 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../@emotion/css/dist/emotion-css.esm.cjs"),l=t.css`
+  label: donut-component;
+`,e=t.injectGlobal`
+  :root {
+    --vis-donut-central-label-font-size: 16px;
+    --vis-donut-central-label-text-color: #5b5f6d;
+    // Undefined by default to allow proper fallback to var(--vis-font-family)
+    /* --vis-donut-central-label-font-family: */
+    --vis-donut-central-label-font-weight: 600;
+
+    --vis-donut-central-sub-label-font-size: 12px;
+    --vis-donut-central-sub-label-text-color: #5b5f6d;
+    // Undefined by default to allow proper fallback to var(--vis-font-family)
+    /* --vis-donut-central-sub-label-font-family: */
+    --vis-donut-central-sub-label-font-weight: 500;
+
+    --vis-donut-background-color: #E7E9F3;
+    --vis-donut-segment-stroke-width: 0;
+    // The line segment color variable is not defined by default
+    // to allow it to fallback to the donut background color
+    /* --vis-donut-segment-stroke-color: none; */
+
+    --vis-dark-donut-central-label-text-color: #C2BECE;
+    --vis-dark-donut-central-sub-label-text-color: #C2BECE;
+    --vis-dark-donut-background-color: #18160C;
+  }
+
+  body.theme-dark ${`.${l}`} {
+    --vis-donut-central-label-text-color: var(--vis-dark-donut-central-label-text-color);
+    --vis-donut-central-sub-label-text-color: var(--vis-dark-donut-central-sub-label-text-color);
+    --vis-donut-background-color: var(--vis-dark-donut-background-color);
+  }
+`,o=t.css`
+  label: background;
+  fill: var(--vis-donut-background-color);
+`,n=t.css`
+  label: segment;
+  stroke-width: var(--vis-donut-segment-stroke-width);
+  stroke: var(--vis-donut-segment-stroke-color, var(--vis-donut-background-color));
+`,a=t.css`
+  label: segment-exit;
+`,r=t.css`
+  label: central-label;
+  text-anchor: middle;
+  dominant-baseline: middle;
+  font-size: var(--vis-donut-central-label-font-size);
+  font-family: var(--vis-donut-central-label-font-family, var(--vis-font-family));
+  font-weight: var(--vis-donut-central-label-font-weight);
+  fill: var(--vis-donut-central-label-text-color);
+`,s=t.css`
+  label: central-label;
+  text-anchor: middle;
+  dominant-baseline: middle;
+  font-size: var(--vis-donut-central-sub-label-font-size);
+  font-family: var(--vis-donut-central-sub-label-font-family, var(--vis-font-family));
+  font-weight: var(--vis-donut-central-sub-label-font-weight);
+  fill: var(--vis-donut-central-sub-label-text-color);
+`;exports.background=o;exports.centralLabel=r;exports.centralSubLabel=s;exports.root=l;exports.segment=n;exports.segmentExit=a;exports.variables=e;

package/dist/node_modules/@unovis/ts/components/donut/style.js

@@ -0,0 +1,68 @@
+import { css as t, injectGlobal as l } from "../../../../@emotion/css/dist/emotion-css.esm.js";
+const o = t`
+  label: donut-component;
+`, n = l`
+  :root {
+    --vis-donut-central-label-font-size: 16px;
+    --vis-donut-central-label-text-color: #5b5f6d;
+    // Undefined by default to allow proper fallback to var(--vis-font-family)
+    /* --vis-donut-central-label-font-family: */
+    --vis-donut-central-label-font-weight: 600;
+
+    --vis-donut-central-sub-label-font-size: 12px;
+    --vis-donut-central-sub-label-text-color: #5b5f6d;
+    // Undefined by default to allow proper fallback to var(--vis-font-family)
+    /* --vis-donut-central-sub-label-font-family: */
+    --vis-donut-central-sub-label-font-weight: 500;
+
+    --vis-donut-background-color: #E7E9F3;
+    --vis-donut-segment-stroke-width: 0;
+    // The line segment color variable is not defined by default
+    // to allow it to fallback to the donut background color
+    /* --vis-donut-segment-stroke-color: none; */
+
+    --vis-dark-donut-central-label-text-color: #C2BECE;
+    --vis-dark-donut-central-sub-label-text-color: #C2BECE;
+    --vis-dark-donut-background-color: #18160C;
+  }
+
+  body.theme-dark ${`.${o}`} {
+    --vis-donut-central-label-text-color: var(--vis-dark-donut-central-label-text-color);
+    --vis-donut-central-sub-label-text-color: var(--vis-dark-donut-central-sub-label-text-color);
+    --vis-donut-background-color: var(--vis-dark-donut-background-color);
+  }
+`, a = t`
+  label: background;
+  fill: var(--vis-donut-background-color);
+`, r = t`
+  label: segment;
+  stroke-width: var(--vis-donut-segment-stroke-width);
+  stroke: var(--vis-donut-segment-stroke-color, var(--vis-donut-background-color));
+`, i = t`
+  label: segment-exit;
+`, s = t`
+  label: central-label;
+  text-anchor: middle;
+  dominant-baseline: middle;
+  font-size: var(--vis-donut-central-label-font-size);
+  font-family: var(--vis-donut-central-label-font-family, var(--vis-font-family));
+  font-weight: var(--vis-donut-central-label-font-weight);
+  fill: var(--vis-donut-central-label-text-color);
+`, d = t`
+  label: central-label;
+  text-anchor: middle;
+  dominant-baseline: middle;
+  font-size: var(--vis-donut-central-sub-label-font-size);
+  font-family: var(--vis-donut-central-sub-label-font-family, var(--vis-font-family));
+  font-weight: var(--vis-donut-central-sub-label-font-weight);
+  fill: var(--vis-donut-central-sub-label-text-color);
+`;
+export {
+  a as background,
+  s as centralLabel,
+  d as centralSubLabel,
+  o as root,
+  r as segment,
+  i as segmentExit,
+  n as variables
+};

package/dist/node_modules/@unovis/ts/components/grouped-bar/config.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../core/xy-component/config.cjs"),n=require("../../types/position.cjs"),i=Object.assign(Object.assign({},e.XYComponentDefaultConfig),{color:void 0,groupMaxWidth:void 0,groupWidth:void 0,dataStep:void 0,groupPadding:.05,barPadding:0,roundedCorners:2,barMinHeight:2,cursor:null,orientation:n.Orientation.Vertical});exports.GroupedBarDefaultConfig=i;

package/dist/node_modules/@unovis/ts/components/grouped-bar/config.js

@@ -0,0 +1,6 @@
+import { XYComponentDefaultConfig as n } from "../../core/xy-component/config.js";
+import { Orientation as e } from "../../types/position.js";
+const r = Object.assign(Object.assign({}, n), { color: void 0, groupMaxWidth: void 0, groupWidth: void 0, dataStep: void 0, groupPadding: 0.05, barPadding: 0, roundedCorners: 2, barMinHeight: 2, cursor: null, orientation: e.Vertical });
+export {
+  r as GroupedBarDefaultConfig
+};