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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../types/position.cjs"),P=require("../../utils/data.cjs"),y=require("./config.cjs"),p=require("./style.cjs"),_=require("../../../../d3-selection/src/select.cjs"),g=require("../../../../d3-selection/src/pointer.cjs");class C{constructor(t={}){this._defaultConfig=y.TooltipDefaultConfig,this.config=this._defaultConfig,this._setUpEventsThrottled=P.throttle(this._setUpEvents,500),this._setContainerPositionThrottled=P.throttle(this._setContainerPosition,500),this._isShown=!1,this.element=document.createElement("div"),this.div=_.default(this.element).attr("class",p.root),this.setConfig(t),this.components=this.config.components,this._mutationObserver=new MutationObserver(()=>{this._isShown&&(!this.config.followCursor&&this._hoveredElement?this.placeByElement(this._hoveredElement):this._position&&this.place({x:this._position[0],y:this._position[1]}))}),this._mutationObserver.observe(this.div.node(),{childList:!0,subtree:!0})}setConfig(t){var i;this.prevConfig=this.config,this.config=P.merge(this._defaultConfig,t),this.prevConfig.horizontalPlacement!==this.config.horizontalPlacement&&this.overrideHorizontalPlacement(void 0),this.config.container&&this.config.container!==((i=this.prevConfig)===null||i===void 0?void 0:i.container)&&this.setContainer(this.config.container),this._setUpAttributes()}setContainer(t){var i;(i=this.element.parentNode)===null||i===void 0||i.removeChild(this.element),this._container=t,this._container.appendChild(this.element),this._setContainerPositionThrottled()}getContainer(){return this._container}hasContainer(){return!!this._container&&this._container.isConnected}setComponents(t){this.components=t}update(){this._container&&this._setUpEventsThrottled()}show(t,i){this.render(t),this.place(i)}hide(){this.div.classed(p.show,!1).on("transitionend",()=>{this.div.classed(p.hidden,!this._isShown)}),this._isShown=!1}display(){this.div.classed(p.hidden,!1).classed(p.show,!0),this._isShown=!0}place(t){if(this._position=[t.x,t.y],!this.hasContainer()){console.warn("Unovis | Tooltip: Container was not set or is not initialized yet");return}const{config:i}=this,n=this.element.offsetWidth,e=this.element.offsetHeight,a=this._overriddenHorizontalPlacement||(i.horizontalPlacement===o.Position.Auto?o.Position.Center:i.horizontalPlacement),l=i.verticalPlacement===o.Position.Auto?t.y-e<0?o.Position.Bottom:o.Position.Top:i.verticalPlacement,c=5,s=a===o.Position.Left?-n-c-i.horizontalShift:a===o.Position.Center?-n/2:c+i.horizontalShift,r=l===o.Position.Bottom?c+i.verticalShift:l===o.Position.Center?-e/2:-5-i.verticalShift-e,[f,h]=this._constraintPosToContainer(t.x+s,t.y+r,n,e);this._applyPosition(f,h,e)}placeByElement(t){const{config:i}=this;this._hoveredElement=t;const n=5,e=this.element.offsetWidth,a=this.element.offsetHeight,l=this.isContainerBody(),c=l?window.innerWidth:this._container.scrollWidth,s=t.getBoundingClientRect(),r=l?[s.x,s.y]:g.default({clientX:s.x,clientY:s.y,pageX:s.x,pageY:s.y},this._container),f=this._overriddenHorizontalPlacement||(i.horizontalPlacement===o.Position.Auto?r[0]-e<0?o.Position.Right:r[0]+e>c?o.Position.Left:o.Position.Center:i.horizontalPlacement);let h=0;switch(f){case o.Position.Left:h=-e-n-i.horizontalShift;break;case o.Position.Right:h=s.width+n+i.horizontalShift;break;case o.Position.Center:default:h=(-e+s.width)/2;break}const d=i.verticalPlacement===o.Position.Auto?f!==o.Position.Center?o.Position.Center:r[1]-a<0?o.Position.Bottom:o.Position.Top:i.verticalPlacement;let m=-a;switch(d){case o.Position.Center:m+=(a+s.height)/2;break;case o.Position.Bottom:m+=a+s.height+n+i.verticalShift;break;case o.Position.Top:default:m+=-5-i.verticalShift;break}const[u,v]=this._constraintPosToContainer(r[0]+h,r[1]+m,e,a);this._applyPosition(u,v,a)}isContainerBody(){return this._container===document.body}overrideHorizontalPlacement(t){this._overriddenHorizontalPlacement=t}render(t){var i;const{config:n,prevConfig:e}=this;t instanceof HTMLElement?this.div.select(":first-child").node()!==t&&this.div.html("").append(()=>t):t&&this.div.html(t),this.div.classed((i=n.className)!==null&&i!==void 0?i:"",!!n.className).classed(p.nonInteractive,!n.allowHover||n.followCursor),e!=null&&e.className&&e.className!==n.className&&this.div.classed(e.className,!1),this.display()}_applyPosition(t,i,n){const e=this.isContainerBody(),a=e?window.innerHeight:this._container.scrollHeight;this.div.classed(p.positionFixed,e).style("top",e?`${i}px`:"unset").style("bottom",e?"unset":`${a-i-n}px`).style("left",`${t}px`)}_constraintPosToContainer(t,i,n,e){const a=this.isContainerBody(),l=a?window.innerHeight:this._container.scrollHeight,c=a?window.innerWidth:this._container.scrollWidth,s=10,r=t>c-n-s,f=t<s,h=r?c-n-s:f?s:t,d=10,m=i>l-e-d,u=i<d,v=m?l-e-d:u?d:i;return[c<n?0:h,l<e?0:v]}_setContainerPosition(){var t;this._container!==document.body&&((t=getComputedStyle(this._container))===null||t===void 0?void 0:t.position)==="static"&&(this._container.style.position="relative")}_setUpEvents(){const{config:t}=this;this.components.forEach(i=>{const n=_.default(i.element);n.on("mousemove.tooltip",e=>{const a=e.composedPath&&e.composedPath()||e.path||[e.target];for(const l of Object.keys(t.triggers)){const c=t.triggers[l];if(!c)continue;const s=n.selectAll(`.${l}`).nodes();for(const r of a){if(r===n.node())break;if(r.classList.contains(l)){const f=s.indexOf(r),h=_.default(r).datum(),d=c(h,f,s),[m,u]=this.isContainerBody()?[e.clientX,e.clientY]:g.default(e,this._container);d===null?this.hide():(this.render(d),t.followCursor?this.place({x:m,y:u}):this.placeByElement(r)),e.stopPropagation();return}}}this._isShown&&this.hide()}).on("mouseleave.tooltip",e=>{e.stopPropagation(),this.hide()})}),t.allowHover&&!t.followCursor?this.div.on("mouseenter.tooltip",this.display.bind(this)).on("mouseleave.tooltip",this.hide.bind(this)):this.div.on("mouseenter.tooltip",null).on("mouseleave.tooltip",null)}_setUpAttributes(){const t=this.config.attributes;t&&Object.keys(t).forEach(i=>{this.div.attr(i,t[i])})}destroy(){var t;this._mutationObserver.disconnect(),(t=this.div)===null||t===void 0||t.remove()}}C.selectors=p;exports.Tooltip=C;

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

@@ -0,0 +1,166 @@
+import { Position as o } from "../../types/position.js";
+import { throttle as _, merge as P } from "../../utils/data.js";
+import { TooltipDefaultConfig as w } from "./config.js";
+import * as b from "./style.js";
+import { root as z, show as g, hidden as C, nonInteractive as B, positionFixed as H } from "./style.js";
+import u from "../../../../d3-selection/src/select.js";
+import y from "../../../../d3-selection/src/pointer.js";
+class T {
+  constructor(t = {}) {
+    this._defaultConfig = w, this.config = this._defaultConfig, this._setUpEventsThrottled = _(this._setUpEvents, 500), this._setContainerPositionThrottled = _(this._setContainerPosition, 500), this._isShown = !1, this.element = document.createElement("div"), this.div = u(this.element).attr("class", z), this.setConfig(t), this.components = this.config.components, this._mutationObserver = new MutationObserver(() => {
+      this._isShown && (!this.config.followCursor && this._hoveredElement ? this.placeByElement(this._hoveredElement) : this._position && this.place({ x: this._position[0], y: this._position[1] }));
+    }), this._mutationObserver.observe(this.div.node(), { childList: !0, subtree: !0 });
+  }
+  setConfig(t) {
+    var e;
+    this.prevConfig = this.config, this.config = P(this._defaultConfig, t), this.prevConfig.horizontalPlacement !== this.config.horizontalPlacement && this.overrideHorizontalPlacement(void 0), this.config.container && this.config.container !== ((e = this.prevConfig) === null || e === void 0 ? void 0 : e.container) && this.setContainer(this.config.container), this._setUpAttributes();
+  }
+  setContainer(t) {
+    var e;
+    (e = this.element.parentNode) === null || e === void 0 || e.removeChild(this.element), this._container = t, this._container.appendChild(this.element), this._setContainerPositionThrottled();
+  }
+  getContainer() {
+    return this._container;
+  }
+  hasContainer() {
+    return !!this._container && this._container.isConnected;
+  }
+  setComponents(t) {
+    this.components = t;
+  }
+  update() {
+    this._container && this._setUpEventsThrottled();
+  }
+  /** Show the tooltip by providing content and position */
+  show(t, e) {
+    this.render(t), this.place(e);
+  }
+  /** Hide the tooltip */
+  hide() {
+    this.div.classed(g, !1).on("transitionend", () => {
+      this.div.classed(C, !this._isShown);
+    }), this._isShown = !1;
+  }
+  /** Simply displays the tooltip with its previous content on position */
+  display() {
+    this.div.classed(C, !1).classed(g, !0), this._isShown = !0;
+  }
+  place(t) {
+    if (this._position = [t.x, t.y], !this.hasContainer()) {
+      console.warn("Unovis | Tooltip: Container was not set or is not initialized yet");
+      return;
+    }
+    const { config: e } = this, n = this.element.offsetWidth, i = this.element.offsetHeight, r = this._overriddenHorizontalPlacement || (e.horizontalPlacement === o.Auto ? o.Center : e.horizontalPlacement), l = e.verticalPlacement === o.Auto ? t.y - i < 0 ? o.Bottom : o.Top : e.verticalPlacement, h = 5, s = r === o.Left ? -n - h - e.horizontalShift : r === o.Center ? -n / 2 : h + e.horizontalShift, a = l === o.Bottom ? h + e.verticalShift : l === o.Center ? -i / 2 : -5 - e.verticalShift - i, [f, c] = this._constraintPosToContainer(t.x + s, t.y + a, n, i);
+    this._applyPosition(f, c, i);
+  }
+  placeByElement(t) {
+    const { config: e } = this;
+    this._hoveredElement = t;
+    const n = 5, i = this.element.offsetWidth, r = this.element.offsetHeight, l = this.isContainerBody(), h = l ? window.innerWidth : this._container.scrollWidth, s = t.getBoundingClientRect(), a = l ? [s.x, s.y] : y({
+      clientX: s.x,
+      clientY: s.y,
+      pageX: s.x,
+      pageY: s.y
+    }, this._container), f = this._overriddenHorizontalPlacement || (e.horizontalPlacement === o.Auto ? a[0] - i < 0 ? o.Right : a[0] + i > h ? o.Left : o.Center : e.horizontalPlacement);
+    let c = 0;
+    switch (f) {
+      case o.Left:
+        c = -i - n - e.horizontalShift;
+        break;
+      case o.Right:
+        c = s.width + n + e.horizontalShift;
+        break;
+      case o.Center:
+      default:
+        c = (-i + s.width) / 2;
+        break;
+    }
+    const d = e.verticalPlacement === o.Auto ? f !== o.Center ? o.Center : a[1] - r < 0 ? o.Bottom : o.Top : e.verticalPlacement;
+    let m = -r;
+    switch (d) {
+      case o.Center:
+        m += (r + s.height) / 2;
+        break;
+      case o.Bottom:
+        m += r + s.height + n + e.verticalShift;
+        break;
+      case o.Top:
+      default:
+        m += -5 - e.verticalShift;
+        break;
+    }
+    const [p, v] = this._constraintPosToContainer(a[0] + c, a[1] + m, i, r);
+    this._applyPosition(p, v, r);
+  }
+  isContainerBody() {
+    return this._container === document.body;
+  }
+  /** Allows to override the horizontal placement of the tooltip which is useful when you want to define custom positioning behavior.
+   * This method has been added for Crosshair to allow it position tooltip left or right of the crosshair line
+   * (see the `_showTooltip` method of the Crosshair component).
+   */
+  overrideHorizontalPlacement(t) {
+    this._overriddenHorizontalPlacement = t;
+  }
+  render(t) {
+    var e;
+    const { config: n, prevConfig: i } = this;
+    t instanceof HTMLElement ? this.div.select(":first-child").node() !== t && this.div.html("").append(() => t) : t && this.div.html(t), this.div.classed((e = n.className) !== null && e !== void 0 ? e : "", !!n.className).classed(B, !n.allowHover || n.followCursor), i != null && i.className && i.className !== n.className && this.div.classed(i.className, !1), this.display();
+  }
+  _applyPosition(t, e, n) {
+    const i = this.isContainerBody(), r = i ? window.innerHeight : this._container.scrollHeight;
+    this.div.classed(H, i).style("top", i ? `${e}px` : "unset").style("bottom", i ? "unset" : `${r - e - n}px`).style("left", `${t}px`);
+  }
+  _constraintPosToContainer(t, e, n, i) {
+    const r = this.isContainerBody(), l = r ? window.innerHeight : this._container.scrollHeight, h = r ? window.innerWidth : this._container.scrollWidth, s = 10, a = t > h - n - s, f = t < s, c = a ? h - n - s : f ? s : t, d = 10, m = e > l - i - d, p = e < d, v = m ? l - i - d : p ? d : e;
+    return [
+      h < n ? 0 : c,
+      l < i ? 0 : v
+    ];
+  }
+  _setContainerPosition() {
+    var t;
+    this._container !== document.body && ((t = getComputedStyle(this._container)) === null || t === void 0 ? void 0 : t.position) === "static" && (this._container.style.position = "relative");
+  }
+  _setUpEvents() {
+    const { config: t } = this;
+    this.components.forEach((e) => {
+      const n = u(e.element);
+      n.on("mousemove.tooltip", (i) => {
+        const r = i.composedPath && i.composedPath() || i.path || [i.target];
+        for (const l of Object.keys(t.triggers)) {
+          const h = t.triggers[l];
+          if (!h)
+            continue;
+          const s = n.selectAll(`.${l}`).nodes();
+          for (const a of r) {
+            if (a === n.node())
+              break;
+            if (a.classList.contains(l)) {
+              const f = s.indexOf(a), c = u(a).datum(), d = h(c, f, s), [m, p] = this.isContainerBody() ? [i.clientX, i.clientY] : y(i, this._container);
+              d === null ? this.hide() : (this.render(d), t.followCursor ? this.place({ x: m, y: p }) : this.placeByElement(a)), i.stopPropagation();
+              return;
+            }
+          }
+        }
+        this._isShown && this.hide();
+      }).on("mouseleave.tooltip", (i) => {
+        i.stopPropagation(), this.hide();
+      });
+    }), t.allowHover && !t.followCursor ? this.div.on("mouseenter.tooltip", this.display.bind(this)).on("mouseleave.tooltip", this.hide.bind(this)) : this.div.on("mouseenter.tooltip", null).on("mouseleave.tooltip", null);
+  }
+  _setUpAttributes() {
+    const t = this.config.attributes;
+    t && Object.keys(t).forEach((e) => {
+      this.div.attr(e, t[e]);
+    });
+  }
+  destroy() {
+    var t;
+    this._mutationObserver.disconnect(), (t = this.div) === null || t === void 0 || t.remove();
+  }
+}
+T.selectors = b;
+export {
+  T as Tooltip
+};

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

@@ -0,0 +1,61 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../../@emotion/css/dist/emotion-css.esm.cjs"),t=o.css`
+  label: tooltip;
+  display: inline-block;
+  left: 0;
+  bottom: 0;
+  min-width: max-content;
+  position: absolute;
+  opacity: 0;
+  transition: opacity;
+  transition-duration: var(--vis-tooltip-transition-duration);
+  z-index: 999999;
+  padding: var(--vis-tooltip-padding);
+  color: var(--vis-tooltip-text-color);
+  border-radius: var(--vis-tooltip-border-radius);
+  box-shadow: var(--vis-tooltip-box-shadow);
+  border: solid 1px var(--vis-tooltip-border-color);
+  background-color: var(--vis-tooltip-background-color);
+  backdrop-filter: var(--vis-tooltip-backdrop-filter);
+`,i=t,r=o.injectGlobal`
+  :root {
+    --vis-tooltip-background-color: rgba(255, 255, 255, 0.95);
+    --vis-tooltip-border-color: #e5e9f7;
+    --vis-tooltip-text-color: #000;
+    --vis-tooltip-shadow-color: rgba(172, 179, 184, 0.35);
+    --vis-tooltip-backdrop-filter: none;
+    --vis-tooltip-padding: 10px 15px;
+    --vis-tooltip-border-radius: 5px;
+    --vis-tooltip-transition-duration: 300ms;
+    --vis-tooltip-box-shadow: none;
+
+    --vis-dark-tooltip-background-color: rgba(30,30,30, 0.95);
+    --vis-dark-tooltip-text-color: #e5e9f7;
+    --vis-dark-tooltip-border-color: var(--vis-color-grey);
+    --vis-dark-tooltip-shadow-color: rgba(0,0,0, 0.95);
+  }
+
+  body.theme-dark ${`.${t}`} {
+    --vis-tooltip-background-color: var(--vis-dark-tooltip-background-color);
+    --vis-tooltip-text-color: var(--vis-dark-tooltip-text-color);
+    --vis-tooltip-border-color: var(--vis-dark-tooltip-border-color);
+    --vis-tooltip-shadow-color: var(--vis-dark-tooltip-shadow-color);
+  }
+
+  body.theme-dark {
+    --vis-tooltip-background-color: rgba(30,30,30, 0.95);
+    --vis-tooltip-text-color: #e5e9f7;
+    --vis-tooltip-border-color: var(--vis-color-grey);
+    --vis-tooltip-shadow-color: rgba(0,0,0, 0.95);
+  }
+`,s=o.css`
+  bottom: unset;
+  position: fixed;
+`,l=o.css`
+  opacity: 1;
+`,a=o.css`
+  display: none;
+`,e=o.css`
+  label: non-interactive;
+  pointer-events: none;
+  user-select: none;
+`;exports.hidden=a;exports.nonInteractive=e;exports.positionFixed=s;exports.root=t;exports.show=l;exports.tooltip=i;exports.variables=r;

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

@@ -0,0 +1,71 @@
+import { css as o, injectGlobal as i } from "../../../../@emotion/css/dist/emotion-css.esm.js";
+const t = o`
+  label: tooltip;
+  display: inline-block;
+  left: 0;
+  bottom: 0;
+  min-width: max-content;
+  position: absolute;
+  opacity: 0;
+  transition: opacity;
+  transition-duration: var(--vis-tooltip-transition-duration);
+  z-index: 999999;
+  padding: var(--vis-tooltip-padding);
+  color: var(--vis-tooltip-text-color);
+  border-radius: var(--vis-tooltip-border-radius);
+  box-shadow: var(--vis-tooltip-box-shadow);
+  border: solid 1px var(--vis-tooltip-border-color);
+  background-color: var(--vis-tooltip-background-color);
+  backdrop-filter: var(--vis-tooltip-backdrop-filter);
+`, l = t, a = i`
+  :root {
+    --vis-tooltip-background-color: rgba(255, 255, 255, 0.95);
+    --vis-tooltip-border-color: #e5e9f7;
+    --vis-tooltip-text-color: #000;
+    --vis-tooltip-shadow-color: rgba(172, 179, 184, 0.35);
+    --vis-tooltip-backdrop-filter: none;
+    --vis-tooltip-padding: 10px 15px;
+    --vis-tooltip-border-radius: 5px;
+    --vis-tooltip-transition-duration: 300ms;
+    --vis-tooltip-box-shadow: none;
+
+    --vis-dark-tooltip-background-color: rgba(30,30,30, 0.95);
+    --vis-dark-tooltip-text-color: #e5e9f7;
+    --vis-dark-tooltip-border-color: var(--vis-color-grey);
+    --vis-dark-tooltip-shadow-color: rgba(0,0,0, 0.95);
+  }
+
+  body.theme-dark ${`.${t}`} {
+    --vis-tooltip-background-color: var(--vis-dark-tooltip-background-color);
+    --vis-tooltip-text-color: var(--vis-dark-tooltip-text-color);
+    --vis-tooltip-border-color: var(--vis-dark-tooltip-border-color);
+    --vis-tooltip-shadow-color: var(--vis-dark-tooltip-shadow-color);
+  }
+
+  body.theme-dark {
+    --vis-tooltip-background-color: rgba(30,30,30, 0.95);
+    --vis-tooltip-text-color: #e5e9f7;
+    --vis-tooltip-border-color: var(--vis-color-grey);
+    --vis-tooltip-shadow-color: rgba(0,0,0, 0.95);
+  }
+`, s = o`
+  bottom: unset;
+  position: fixed;
+`, d = o`
+  opacity: 1;
+`, e = o`
+  display: none;
+`, n = o`
+  label: non-interactive;
+  pointer-events: none;
+  user-select: none;
+`;
+export {
+  e as hidden,
+  n as nonInteractive,
+  s as positionFixed,
+  t as root,
+  d as show,
+  l as tooltip,
+  a as variables
+};

package/dist/node_modules/@unovis/ts/containers/single-container/config.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../core/container/config.cjs"),e=Object.assign(Object.assign({},n.ContainerDefaultConfig),{tooltip:void 0,annotations:void 0});exports.SingleContainerDefaultConfig=e;

package/dist/node_modules/@unovis/ts/containers/single-container/config.js

@@ -0,0 +1,5 @@
+import { ContainerDefaultConfig as n } from "../../core/container/config.js";
+const e = Object.assign(Object.assign({}, n), { tooltip: void 0, annotations: void 0 });
+export {
+  e as SingleContainerDefaultConfig
+};

package/dist/node_modules/@unovis/ts/containers/single-container/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../styles/index.cjs");const m=require("../../core/container/index.cjs"),u=require("../../utils/d3.cjs"),o=require("../../types/component.cjs"),f=require("./config.cjs");class v extends m.ContainerCore{constructor(t,e,i){var n;super(t),this._defaultConfig=f.SingleContainerDefaultConfig,this.config=this._defaultConfig,e&&(this.updateContainer(e,!0),this.component=e.component),i&&this.setData(i,!0),!((n=this.component)===null||n===void 0)&&n.datamodel.data&&this.render()}setData(t,e){var i;const{config:n}=this;this.component&&this.component.setData(t),e||this.render(),(i=n.tooltip)===null||i===void 0||i.hide()}updateContainer(t,e){super.updateContainer(t),this._removeAllChildren(),this.component=t.component,t.sizing&&(this.component.sizing=t.sizing),this.element.appendChild(this.component.element);const i=t.tooltip;i&&(i.hasContainer()||i.setContainer(this._container),i.setComponents([this.component]));const n=t.annotations;n&&this.element.appendChild(n.element),this.element.appendChild(this._svgDefs.node()),this.element.appendChild(this._svgDefsExternal.node()),e||this.render()}updateComponent(t,e){this.component.setConfig(t),e||this.render()}update(t,e,i){t&&this.updateContainer(t,!0),e&&this.updateComponent(e,!0),i&&this.setData(i,!0),this.render()}getFitWidthScale(){const{config:t,component:e}=this,i=e;if(!i.getWidth)return 1;const n=i.getWidth()+t.margin.left+t.margin.right;return this.width/n}_preRender(){var t;super._preRender(),this.component.setSize(this.width,this.height,this.containerWidth,this.containerHeight),(t=this.config.annotations)===null||t===void 0||t.setSize(this.width,this.height,this.containerWidth,this.containerHeight)}_render(t){var e;const{config:i,component:n}=this;super._render(t),n.g.attr("transform",`translate(${i.margin.left},${i.margin.top})`),n.render(t),(e=i.annotations)===null||e===void 0||e.render(t),i.tooltip&&i.tooltip.update()}render(t=this.config.duration){const{config:e,component:i}=this;if(e.sizing===o.Sizing.Extend||e.sizing===o.Sizing.FitWidth){const n=e.sizing===o.Sizing.FitWidth,s=i,r=s.getWidth()+e.margin.left+e.margin.right,h=s.getHeight()+e.margin.top+e.margin.bottom,a=n?this.getFitWidthScale():1,c=this.svg.attr("width"),p=this.svg.attr("height"),l=r*a,d=h*a,g=c||p;u.smartTransition(this.svg,g?t:0).attr("width",l).attr("height",d).attr("viewBox",`0 0 ${r} ${n?d:h}`).attr("preserveAspectRatio","xMinYMin")}else this.svg.attr("width",this.config.width||this.containerWidth).attr("height",this.config.height||this.containerHeight);this._resizeObserver||this._setUpResizeObserver(),cancelAnimationFrame(this._renderAnimationFrameId),this._renderAnimationFrameId=requestAnimationFrame(()=>{this._preRender(),this._render(t)})}_onResize(){var t;const{config:e}=this;super._onResize(),(t=e.tooltip)===null||t===void 0||t.hide()}destroy(){var t,e;const{component:i,config:n}=this;super.destroy(),i==null||i.destroy(),(t=n.tooltip)===null||t===void 0||t.destroy(),(e=n.annotations)===null||e===void 0||e.destroy()}}exports.SingleContainer=v;

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

@@ -0,0 +1,71 @@
+import "../../styles/index.js";
+import { ContainerCore as g } from "../../core/container/index.js";
+import { smartTransition as f } from "../../utils/d3.js";
+import { Sizing as o } from "../../types/component.js";
+import { SingleContainerDefaultConfig as u } from "./config.js";
+class w extends g {
+  constructor(t, i, e) {
+    var n;
+    super(t), this._defaultConfig = u, this.config = this._defaultConfig, i && (this.updateContainer(i, !0), this.component = i.component), e && this.setData(e, !0), !((n = this.component) === null || n === void 0) && n.datamodel.data && this.render();
+  }
+  setData(t, i) {
+    var e;
+    const { config: n } = this;
+    this.component && this.component.setData(t), i || this.render(), (e = n.tooltip) === null || e === void 0 || e.hide();
+  }
+  updateContainer(t, i) {
+    super.updateContainer(t), this._removeAllChildren(), this.component = t.component, t.sizing && (this.component.sizing = t.sizing), this.element.appendChild(this.component.element);
+    const e = t.tooltip;
+    e && (e.hasContainer() || e.setContainer(this._container), e.setComponents([this.component]));
+    const n = t.annotations;
+    n && this.element.appendChild(n.element), this.element.appendChild(this._svgDefs.node()), this.element.appendChild(this._svgDefsExternal.node()), i || this.render();
+  }
+  updateComponent(t, i) {
+    this.component.setConfig(t), i || this.render();
+  }
+  update(t, i, e) {
+    t && this.updateContainer(t, !0), i && this.updateComponent(i, !0), e && this.setData(e, !0), this.render();
+  }
+  getFitWidthScale() {
+    const { config: t, component: i } = this, e = i;
+    if (!e.getWidth)
+      return 1;
+    const n = e.getWidth() + t.margin.left + t.margin.right;
+    return this.width / n;
+  }
+  _preRender() {
+    var t;
+    super._preRender(), this.component.setSize(this.width, this.height, this.containerWidth, this.containerHeight), (t = this.config.annotations) === null || t === void 0 || t.setSize(this.width, this.height, this.containerWidth, this.containerHeight);
+  }
+  _render(t) {
+    var i;
+    const { config: e, component: n } = this;
+    super._render(t), n.g.attr("transform", `translate(${e.margin.left},${e.margin.top})`), n.render(t), (i = e.annotations) === null || i === void 0 || i.render(t), e.tooltip && e.tooltip.update();
+  }
+  // Re-defining the `render()` function to handle different sizing techniques (`Sizing.Extend` and `Sizing.FitWidth`)
+  // Not calling `super.render()` because we don't want it to interfere with setting the SVG size here.
+  render(t = this.config.duration) {
+    const { config: i, component: e } = this;
+    if (i.sizing === o.Extend || i.sizing === o.FitWidth) {
+      const n = i.sizing === o.FitWidth, s = e, r = s.getWidth() + i.margin.left + i.margin.right, h = s.getHeight() + i.margin.top + i.margin.bottom, a = n ? this.getFitWidthScale() : 1, p = this.svg.attr("width"), c = this.svg.attr("height"), m = r * a, d = h * a, l = p || c;
+      f(this.svg, l ? t : 0).attr("width", m).attr("height", d).attr("viewBox", `0 0 ${r} ${n ? d : h}`).attr("preserveAspectRatio", "xMinYMin");
+    } else
+      this.svg.attr("width", this.config.width || this.containerWidth).attr("height", this.config.height || this.containerHeight);
+    this._resizeObserver || this._setUpResizeObserver(), cancelAnimationFrame(this._renderAnimationFrameId), this._renderAnimationFrameId = requestAnimationFrame(() => {
+      this._preRender(), this._render(t);
+    });
+  }
+  _onResize() {
+    var t;
+    const { config: i } = this;
+    super._onResize(), (t = i.tooltip) === null || t === void 0 || t.hide();
+  }
+  destroy() {
+    var t, i;
+    const { component: e, config: n } = this;
+    super.destroy(), e == null || e.destroy(), (t = n.tooltip) === null || t === void 0 || t.destroy(), (i = n.annotations) === null || i === void 0 || i.destroy();
+  }
+}
+export {
+  w as SingleContainer
+};

package/dist/node_modules/@unovis/ts/containers/xy-container/config.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../core/container/config.cjs"),e=require("../../types/direction.cjs"),i=Object.assign(Object.assign({},n.ContainerDefaultConfig),{components:[],tooltip:void 0,crosshair:void 0,annotations:void 0,xAxis:void 0,yAxis:void 0,autoMargin:!0,xScale:void 0,xDomain:void 0,xDomainMinConstraint:void 0,xDomainMaxConstraint:void 0,xRange:void 0,yScale:void 0,yDomain:void 0,yDomainMinConstraint:void 0,yDomainMaxConstraint:void 0,yRange:void 0,yDirection:e.Direction.North,preventEmptyDomain:null,scaleByDomain:!1});exports.XYContainerDefaultConfig=i;

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

@@ -0,0 +1,6 @@
+import { ContainerDefaultConfig as n } from "../../core/container/config.js";
+import { Direction as e } from "../../types/direction.js";
+const a = Object.assign(Object.assign({}, n), { components: [], tooltip: void 0, crosshair: void 0, annotations: void 0, xAxis: void 0, yAxis: void 0, autoMargin: !0, xScale: void 0, xDomain: void 0, xDomainMinConstraint: void 0, xDomainMaxConstraint: void 0, xRange: void 0, yScale: void 0, yDomain: void 0, yDomainMinConstraint: void 0, yDomainMaxConstraint: void 0, yRange: void 0, yDirection: e.North, preventEmptyDomain: null, scaleByDomain: !1 });
+export {
+  a as XYContainerDefaultConfig
+};

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

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("../../../../@emotion/css/dist/emotion-css.esm.cjs");require("../../styles/index.cjs");const M=require("../../core/container/index.cjs"),E=require("../../data-models/core.cjs"),D=require("../../components/axis/types.cjs"),m=require("../../types/scale.cjs"),N=require("../../types/direction.cjs"),g=require("../../utils/data.cjs"),R=require("../../utils/misc.cjs"),P=require("./config.cjs"),Y=require("../../../../d3-array/src/extent.cjs"),T=require("../../../../d3-array/src/merge.cjs");class q extends M.ContainerCore{constructor(t,i,e){var n,s;super(t),this._defaultConfig=P.XYContainerDefaultConfig,this.datamodel=new E.CoreDataModel,this.config=this._defaultConfig,this._clipPathId=R.guid(),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 o="saturate",r=window.location.href.replace(window.location.hash,"");this.svg.attr("class",C.css`
+      --highlight-filter-id: url(${r}#${o}); // defining a css variable
+    `),this._svgDefs.append("filter").attr("id",o).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||!((n=this.components)===null||n===void 0)&&n.some(a=>a.datamodel.data))&&this.render(),(s=document.fonts)===null||s===void 0||s.ready.then(()=>{this._firstRender||this._renderAxes(0)})}get components(){return this.config.components}get width(){const t=this._getMargin();return g.clamp(this.containerWidth-t.left-t.right,0,Number.POSITIVE_INFINITY)}get height(){const t=this._getMargin();return g.clamp(this.containerHeight-t.top-t.bottom,0,Number.POSITIVE_INFINITY)}setData(t,i){var e,n,s,o;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),(n=a.xAxis)===null||n===void 0||n.setData(t),(s=a.yAxis)===null||s===void 0||s.setData(t),(o=a.tooltip)===null||o===void 0||o.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.AxisType.X,this.element.appendChild(t.xAxis.element)),t.yAxis&&(this.config.yAxis.config.type=D.AxisType.Y,this.element.appendChild(t.yAxis.element));for(const o of this.components)this.element.appendChild(o.element);const e=t.tooltip;e&&(e.hasContainer()||e.setContainer(this._container),e.setComponents(this.components));const n=t.crosshair;n&&(n.setContainer(this.svg),n.tooltip=e,this.element.appendChild(n.element));const s=t.annotations;s&&this.element.appendChild(s.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((n,s)=>{t[s]&&n.setConfig(t[s])}),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=g.clean([...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,n,s,o;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(h=>!h.stacked).map(h=>h.config.y),f=this.components.filter(h=>h.stacked).map(h=>h.config.y),c=(e=this.components.find(h=>h.config.baseline))===null||e===void 0?void 0:e.config,_=c==null?void 0:c.baseline;p.accessors={x:(n=this.components[0])===null||n===void 0?void 0:n.config.x,y:g.flatten(d),yStacked:g.flatten(f),baseline:_},p.g.attr("transform",`translate(${a.left},${a.top})`).style("clip-path",`url(#${this._clipPathId})`).style("-webkit-clip-path",`url(#${this._clipPathId})`),p.hide()}(s=r.annotations)===null||s===void 0||s.g.attr("transform",`translate(${a.left},${a.top})`),(o=r.annotations)===null||o===void 0||o.render(),this._firstRender=!1}_updateScales(...t){const i=g.clean(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(m.ScaleDimension.X,i.xScale)),i.yScale&&t.forEach(e=>e.setScale(m.ScaleDimension.Y,i.yScale)))}_updateScalesDomain(...t){const{config:i}=this;if(!t)return;const e=t.filter(n=>!n.config.excludeFromDomainCalculation);Object.values(m.ScaleDimension).forEach(n=>{var s,o,r,a,l,p,d,f;const[c,_]=Y.default(T.default(e.map(y=>y.getDataExtent(n,i.scaleByDomain)))),h=n===m.ScaleDimension.Y?i.yDomain:i.xDomain,u=n===m.ScaleDimension.Y?i.yDomainMinConstraint:i.xDomainMinConstraint,v=n===m.ScaleDimension.Y?i.yDomainMaxConstraint:i.xDomainMaxConstraint,b=(o=(s=h==null?void 0:h[0])!==null&&s!==void 0?s:c)!==null&&o!==void 0?o:0,I=(a=(r=h==null?void 0:h[1])!==null&&r!==void 0?r:_)!==null&&a!==void 0?a:1,x=[g.clamp(b,(l=u==null?void 0:u[0])!==null&&l!==void 0?l:Number.NEGATIVE_INFINITY,(p=u==null?void 0:u[1])!==null&&p!==void 0?p:Number.POSITIVE_INFINITY),g.clamp(I,(d=v==null?void 0:v[0])!==null&&d!==void 0?d:Number.NEGATIVE_INFINITY,(f=v==null?void 0:v[1])!==null&&f!==void 0?f:Number.POSITIVE_INFINITY)];if(x[0]===x[1]){const y=e.some(A=>{var S;return((S=A.datamodel.data)===null||S===void 0?void 0:S.length)>0});(i.preventEmptyDomain||i.preventEmptyDomain===null&&(!y||n===m.ScaleDimension.Y))&&(x[1]=x[0]+1)}t.forEach(y=>y.setScaleDomain(n,x))})}_updateScalesRange(...t){var i,e,n,s,o,r;const{config:a}=this;if(!t)return;const l=a.yDirection===N.Direction.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-((n=a.padding.bottom)!==null&&n!==void 0?n:0),(s=a.padding.top)!==null&&s!==void 0?s:0];l&&d.reverse();for(const c of t)c.setSize(this.width,this.height,this.containerWidth,this.containerHeight),c.setScaleRange(m.ScaleDimension.X,(o=a.xRange)!==null&&o!==void 0?o:p),c.setScaleRange(m.ScaleDimension.Y,(r=a.yRange)!==null&&r!==void 0?r:d);const f=t.map(c=>c.bleed).reduce((c,_)=>{for(const h of Object.keys(c)){const u=h;c[u]<_[u]&&(c[u]=_[u])}return c},{top:0,bottom:0,left:0,right:0});for(const c of t)c.setScaleRange(m.ScaleDimension.X,[p[0]+f.left,p[1]-f.right]),c.setScaleRange(m.ScaleDimension.Y,l?[d[0]+f.top,d[1]-f.bottom]:[d[0]-f.bottom,d[1]+f.top])}_renderAxes(t){const{config:{xAxis:i,yAxis:e}}=this,n=this._getMargin();g.clean([i,e]).forEach(o=>{const r=o.getOffset(n);o.g.attr("transform",`translate(${r.left},${r.top})`),o.render(t)})}_setAutoMargin(){const{config:{xAxis:t,yAxis:i}}=this,e=g.clean([...this.components,t,i]);this._setScales(...e),this._updateScalesDomain(...e);const n=this._firstRender?2:1;for(let s=0;s<n;s+=1){const o={top:0,bottom:0,left:0,right:0};this._updateScalesRange(...e),g.clean([t,i]).forEach(a=>{a.preRender();const l=a.getRequiredMargin();o.top<l.top&&(o.top=l.top),o.bottom<l.bottom&&(o.bottom=l.bottom),o.left<l.left&&(o.left=l.left),o.right<l.right&&(o.right=l.right)}),this._axisMargin=o}}_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:n,xAxis:s,yAxis:o}}=this;super.destroy();for(const r of t)r==null||r.destroy();i==null||i.destroy(),e==null||e.destroy(),n==null||n.destroy(),s==null||s.destroy(),o==null||o.destroy()}}exports.XYContainer=q;

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

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

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

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

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

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