@piwitests/server 0.25.0 → 0.26.0

package/.output/server/node_modules/@unovis/ts/components/crosshair/config.js

@@ -1,6 +0,0 @@
-import { XYComponentDefaultConfig } from '../../core/xy-component/config.js';
-
-const CrosshairDefaultConfig = Object.assign(Object.assign({}, XYComponentDefaultConfig), { yStacked: undefined, baseline: null, duration: 100, tooltip: undefined, template: (d, x, data, leftNearestDatumIndex) => '', hideWhenFarFromPointer: true, hideWhenFarFromPointerDistance: 100, snapToData: true, getCircles: undefined, color: undefined, strokeColor: undefined, strokeWidth: undefined, circleRadius: 4, onCrosshairMove: undefined, forceShowAt: undefined, skipRangeCheck: false, visibilityThreshold: 0.35 });
-
-export { CrosshairDefaultConfig };
-//# sourceMappingURL=config.js.map

package/.output/server/node_modules/@unovis/ts/components/crosshair/index.js

@@ -1,287 +0,0 @@
-import { pointer } from 'd3-selection';
-import { easeLinear } from 'd3-ease';
-import { XYComponentCore } from '../../core/xy-component/index.js';
-import { isArray, isNumber, getNearest, clamp, getNumber, isFunction, getStackedValues } from '../../utils/data.js';
-import { smartTransition } from '../../utils/d3.js';
-import { getColor } from '../../utils/color.js';
-import { Position } from '../../types/position.js';
-import { FindNearestDirection } from '../../types/data.js';
-import { CrosshairDefaultConfig } from './config.js';
-import * as style from './style.js';
-import { line, circle } from './style.js';
-
-class Crosshair extends XYComponentCore {
-    constructor(config) {
-        super();
-        this.clippable = true; // Don't apply clipping path to this component. See XYContainer
-        this._defaultConfig = CrosshairDefaultConfig;
-        this.config = this._defaultConfig;
-        this._xPx = undefined;
-        this._yPx = undefined;
-        this._mouseEvent = undefined;
-        this._animFrameId = null;
-        /** Accessors passed externally (e.g. from XYContainer) */
-        this._accessors = {
-            x: undefined,
-            y: undefined,
-            yStacked: undefined,
-            baseline: undefined,
-        };
-        if (config)
-            this.setConfig(config);
-        this.g.style('opacity', 0);
-        this.line = this.g.append('line')
-            .attr('class', line);
-    }
-    set accessors(accessors) { this._accessors = accessors; }
-    get accessors() {
-        var _a;
-        const { config } = this;
-        const hasConfig = !!(config.x || config.y || config.yStacked);
-        const x = hasConfig ? config.x : this._accessors.x;
-        const yAcc = hasConfig ? config.y : this._accessors.y;
-        const y = yAcc ? (isArray(yAcc) ? yAcc : [yAcc]) : undefined;
-        const yStacked = hasConfig ? config.yStacked : this._accessors.yStacked;
-        const baseline = (_a = config.baseline) !== null && _a !== void 0 ? _a : this._accessors.baseline;
-        return { x, y, yStacked, baseline };
-    }
-    _isContainerInViewport() {
-        var _a;
-        if (!((_a = this.container) === null || _a === void 0 ? void 0 : _a.node()))
-            return false;
-        const containerRect = this.container.node().getBoundingClientRect();
-        const viewportWidth = window.innerWidth || document.documentElement.clientWidth;
-        const viewportHeight = window.innerHeight || document.documentElement.clientHeight;
-        // Calculate the visible area of the container
-        const visibleWidth = Math.max(0, Math.min(containerRect.right, viewportWidth) - Math.max(containerRect.left, 0));
-        const visibleHeight = Math.max(0, Math.min(containerRect.bottom, viewportHeight) - Math.max(containerRect.top, 0));
-        const containerArea = containerRect.width * containerRect.height;
-        const visibleArea = visibleWidth * visibleHeight;
-        // Container must be at least `visibilityThreshold` (default 35%) visible
-        return containerArea > 0 && (visibleArea / containerArea) >= this.config.visibilityThreshold;
-    }
-    get bleed() {
-        const { config: { circleRadius } } = this;
-        // We leave the bottom bleed empty because usually the crosshair is used along with the X axis,
-        // so we don't need extra space at the bottom. For inverted charts, the users will need to specify
-        // the container margins themselves to avoid the crosshair circles from being cut off.
-        return { top: circleRadius, left: circleRadius, right: circleRadius };
-    }
-    setContainer(containerSvg) {
-        if (this.container === containerSvg)
-            return;
-        this.container = containerSvg;
-        this.container.on('mousemove.crosshair', this._onMouseMove.bind(this));
-        this.container.on('mouseout.crosshair', this._onMouseOut.bind(this));
-        this.container.on('wheel.crosshair', this._onWheel.bind(this));
-    }
-    _render(customDuration) {
-        var _a, _b, _c, _d, _e;
-        const { config, datamodel } = this;
-        const duration = isNumber(customDuration) ? customDuration : config.duration;
-        const isForceShowAtDefined = config.forceShowAt !== undefined;
-        const xPx = isForceShowAtDefined ? this.xScale(config.forceShowAt) : this._xPx;
-        const xValue = this.xScale.invert(xPx);
-        const leftNearestDatumIndex = (((_a = datamodel.data) === null || _a === void 0 ? void 0 : _a.length) && this.accessors.x)
-            ? datamodel.data.indexOf(getNearest(datamodel.data, xValue, this.accessors.x, FindNearestDirection.Left)) : undefined;
-        // If `snapToData` is `true`, we need to find the nearest datum to the crosshair
-        // It can be from a mouse interaction or from a `forceShowAt` setting
-        let nearestDatum;
-        let nearestDatumIndex;
-        if (config.snapToData) {
-            if (!this.accessors.y && !this.accessors.yStacked && ((_b = datamodel.data) === null || _b === void 0 ? void 0 : _b.length)) {
-                console.warn('Unovis | Crosshair: Y accessors have not been configured. Please check if they\'re present in the configuration object');
-            }
-            // Emit a warning if there's no data to snap to.
-            // To keep the console clean, only emit the warning when there's mouse interaction.
-            if (!((_c = datamodel.data) === null || _c === void 0 ? void 0 : _c.length) && this._mouseEvent) {
-                console.warn('Unovis | Crosshair: No data to snap to. Make sure the data has been passed to the container or to the crosshair itself');
-            }
-            nearestDatum = getNearest(datamodel.data, xValue, this.accessors.x);
-            nearestDatumIndex = datamodel.data.indexOf(nearestDatum);
-        }
-        const xRange = this.xScale.range();
-        const yRange = this.yScale.range();
-        const xClamped = config.snapToData && nearestDatum
-            ? clamp(Math.round(this.xScale(getNumber(nearestDatum, this.accessors.x, nearestDatumIndex))), 0, this._width)
-            : clamp(xPx, xRange[0], xRange[1]);
-        const isCrosshairWithinXRange = (xPx >= xRange[0]) && (xPx <= xRange[1]);
-        const isCrosshairWithinYRange = (this._yPx >= Math.min(yRange[0], yRange[1])) && (this._yPx <= Math.max(yRange[0], yRange[1]));
-        let shouldShow = config.skipRangeCheck ? !!this._xPx : (this._xPx ? isCrosshairWithinXRange && isCrosshairWithinYRange : isCrosshairWithinXRange);
-        // If the crosshair is far from the mouse pointer (usually when `snapToData` is `true` and data resolution is low), hide it
-        if (config.hideWhenFarFromPointer && ((Math.abs(xClamped - (+xPx)) >= config.hideWhenFarFromPointerDistance))) {
-            shouldShow = false;
-        }
-        const tooltip = (_d = config.tooltip) !== null && _d !== void 0 ? _d : this.tooltip;
-        if (shouldShow && tooltip && this._isContainerInViewport()) {
-            const container = tooltip.getContainer() || this.container.node();
-            const isContainerBody = tooltip.isContainerBody();
-            const nearestDatumXValue = (this.accessors.x && nearestDatum !== undefined) ? getNumber(nearestDatum, this.accessors.x, nearestDatumIndex) : undefined;
-            const tooltipXValue = nearestDatumXValue !== null && nearestDatumXValue !== void 0 ? nearestDatumXValue : xValue;
-            if (isForceShowAtDefined) {
-                // Convert SVG coordinates to screen coordinates
-                const containerRect = this.container.node().getBoundingClientRect();
-                // Use the actual left margin from the container
-                const screenX = (isContainerBody ? xPx + containerRect.left : xPx) + this._containerMargin.left;
-                const screenY = this._height / 2 + (isContainerBody ? containerRect.top : 0);
-                const pos = [screenX, screenY];
-                this._showTooltip(nearestDatum, tooltipXValue, pos, leftNearestDatumIndex);
-            }
-            else if (this._mouseEvent) {
-                const pos = (isContainerBody ? [this._mouseEvent.clientX, this._mouseEvent.clientY] : pointer(this._mouseEvent, container));
-                this._showTooltip(nearestDatum, tooltipXValue, pos, leftNearestDatumIndex);
-            }
-        }
-        else
-            this._hideTooltip();
-        // Trigger `onCrosshairMove` if the render was triggered by a mouse move event
-        if (this._mouseEvent) {
-            (_e = config.onCrosshairMove) === null || _e === void 0 ? void 0 : _e.call(config, shouldShow ? this.xScale.invert(this._xPx) : undefined, nearestDatum, nearestDatumIndex, this._mouseEvent);
-            this._mouseEvent = undefined;
-        }
-        smartTransition(this.g, duration)
-            .style('opacity', shouldShow ? 1 : 0);
-        // When `config.forceShowAt` becomes `undefined`, the crosshair "jumps" to the edge of the chart.
-        // This looks off, so we stop further rendering when the `xPx` value is not finite.
-        if (!isFinite(xPx))
-            return;
-        this.line
-            .attr('y1', 0)
-            .attr('y2', this._height);
-        smartTransition(this.line, duration, easeLinear)
-            .attr('x1', xClamped)
-            .attr('x2', xClamped);
-        const circleData = isFunction(config.getCircles)
-            ? config.getCircles(xValue, datamodel.data, this.yScale, leftNearestDatumIndex)
-            : this.getCircleData(nearestDatum, nearestDatumIndex);
-        const circles = this.g
-            .selectAll('circle')
-            .data(circleData, (d, i) => { var _a; return (_a = d.id) !== null && _a !== void 0 ? _a : i; });
-        const circlesEnter = circles.enter()
-            .append('circle')
-            .attr('class', circle)
-            .attr('r', 0)
-            .attr('cx', xClamped)
-            .attr('cy', d => d.y)
-            .style('fill', d => d.color)
-            .style('stroke', d => d.strokeColor)
-            .style('stroke-width', d => d.strokeWidth);
-        smartTransition(circlesEnter.merge(circles), duration, easeLinear)
-            .attr('cx', xClamped)
-            .attr('cy', d => d.y)
-            .attr('r', config.circleRadius)
-            .style('opacity', d => d.opacity)
-            .style('fill', d => d.color)
-            .style('stroke', d => d.strokeColor)
-            .style('stroke-width', d => d.strokeWidth);
-        smartTransition(circles.exit(), duration, easeLinear)
-            .attr('r', 0)
-            .style('opacity', 0)
-            .remove()
-            .on('interrupt', function () { this.remove(); });
-    }
-    hide(sourceEvent) {
-        window.cancelAnimationFrame(this._animFrameId);
-        this._animFrameId = window.requestAnimationFrame(() => {
-            var _a, _b;
-            this._xPx = undefined;
-            this._yPx = undefined;
-            this._mouseEvent = undefined;
-            // We call `onCrosshairMove` with all the arguments set to `undefined` because we want
-            // the users to be able to hide the crosshair easily when using `forceShowAt`
-            (_b = (_a = this.config).onCrosshairMove) === null || _b === void 0 ? void 0 : _b.call(_a, undefined, undefined, undefined, sourceEvent);
-            this._render();
-        });
-    }
-    _onMouseMove(event) {
-        var _a;
-        const { datamodel, element } = this;
-        if (!this.accessors.x && ((_a = datamodel.data) === null || _a === void 0 ? void 0 : _a.length)) {
-            console.warn('Unovis | Crosshair: X accessor function has not been configured. Please check if it\'s present in the configuration object');
-        }
-        const [x, y] = pointer(event, element);
-        this._xPx = x;
-        this._yPx = y;
-        this._mouseEvent = event;
-        window.cancelAnimationFrame(this._animFrameId);
-        this._animFrameId = window.requestAnimationFrame(() => {
-            // We'll call `config.onCrosshairMove` in `_render` with the found `nearestDatum` and `nearestDatumIndex`,
-            // which can come from the mouse interaction or from the `forceShowAt` setting
-            this._render();
-        });
-    }
-    _onMouseOut(event) {
-        var _a;
-        // Only hide if the mouse actually left the SVG, not just moved to a child
-        if (!event || !((_a = this.container) === null || _a === void 0 ? void 0 : _a.node().contains(event.relatedTarget))) {
-            this.hide(event);
-        }
-    }
-    _onWheel(event) {
-        this.hide(event);
-    }
-    _showTooltip(datum, xValue, pos, nearestDatumIndex) {
-        var _a;
-        const { config, datamodel } = this;
-        const tooltip = (_a = config.tooltip) !== null && _a !== void 0 ? _a : this.tooltip;
-        if (!tooltip || !pos)
-            return;
-        const [x, y] = pos;
-        const content = config.template(datum, xValue, datamodel.data, nearestDatumIndex);
-        // Force set `followCursor` to `true` because we don't want Crosshair's tooltip to be hoverable
-        tooltip.config.followCursor = true;
-        // Set tooltip placement based on Crosshair's position (left / right)
-        if (!tooltip.config.horizontalPlacement || tooltip.config.horizontalPlacement === Position.Auto) {
-            const xRelative = tooltip.isContainerBody() ? x - this.container.node().getBoundingClientRect().left : x;
-            tooltip.overrideHorizontalPlacement(xRelative > this._containerWidth / 2 ? Position.Left : Position.Right);
-        }
-        if (content)
-            tooltip.show(content, { x, y });
-    }
-    _hideTooltip() {
-        var _a;
-        const { config } = this;
-        const tooltip = (_a = config.tooltip) !== null && _a !== void 0 ? _a : this.tooltip;
-        tooltip === null || tooltip === void 0 ? void 0 : tooltip.hide();
-    }
-    // We don't want Crosshair to be be taken in to account in domain calculations
-    getYDataExtent() {
-        return [undefined, undefined];
-    }
-    getCircleData(datum, datumIndex) {
-        var _a, _b;
-        const { config } = this;
-        if (config.snapToData && datum) {
-            const yAccessors = (_a = this.accessors.y) !== null && _a !== void 0 ? _a : [];
-            const yStackedAccessors = (_b = this.accessors.yStacked) !== null && _b !== void 0 ? _b : [];
-            const baselineValue = getNumber(datum, this.accessors.baseline, datumIndex) || 0;
-            const stackedValues = getStackedValues(datum, datumIndex, ...yStackedAccessors)
-                .map((value, index) => ({
-                id: `stacked-${index}`,
-                y: this.yScale(value + baselineValue),
-                opacity: isNumber(getNumber(datum, yStackedAccessors[index], index)) ? 1 : 0,
-                color: getColor(datum, config.color, index),
-                strokeColor: config.strokeColor ? getColor(datum, config.strokeColor, index) : undefined,
-                strokeWidth: config.strokeWidth ? getNumber(datum, config.strokeWidth, index) : undefined,
-            }));
-            const regularValues = yAccessors
-                .map((a, index) => {
-                const value = getNumber(datum, a, datumIndex);
-                return {
-                    id: `regular-${index}`,
-                    y: this.yScale(value),
-                    opacity: isNumber(value) ? 1 : 0,
-                    color: getColor(datum, config.color, stackedValues.length + index),
-                    strokeColor: config.strokeColor ? getColor(datum, config.strokeColor, index) : undefined,
-                    strokeWidth: config.strokeWidth ? getNumber(datum, config.strokeWidth, index) : undefined,
-                };
-            });
-            return stackedValues.concat(regularValues).filter(d => isNumber(d.y));
-        }
-        return [];
-    }
-}
-Crosshair.selectors = style;
-
-export { Crosshair };
-//# sourceMappingURL=index.js.map

package/.output/server/node_modules/@unovis/ts/components/crosshair/style.js

@@ -1,30 +0,0 @@
-import { injectGlobal, css } from '@emotion/css';
-
-const globalStyles = 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;
-  }
-`;
-const root = css `
-  label: crosshair-component;
-`;
-const line = 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;
-`;
-const circle = 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;
-`;
-
-export { circle, globalStyles, line, root };
-//# sourceMappingURL=style.js.map

package/.output/server/node_modules/@unovis/ts/components/crosshair/types.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=types.js.map

package/.output/server/node_modules/@unovis/ts/components/donut/config.js

@@ -1,7 +0,0 @@
-import { ComponentDefaultConfig } from '../../core/component/config.js';
-
-// Core
-const DonutDefaultConfig = Object.assign(Object.assign({}, ComponentDefaultConfig), { id: (d, i) => { var _a; return (_a = d.id) !== null && _a !== void 0 ? _a : i; }, value: undefined, angleRange: [0, 2 * Math.PI], padAngle: 0, sortFunction: undefined, cornerRadius: 0, color: undefined, radius: undefined, arcWidth: 20, centralLabel: undefined, centralSubLabel: undefined, centralSubLabelWrap: true, showEmptySegments: false, emptySegmentAngle: 0.5 * Math.PI / 180, showBackground: true, backgroundAngleRange: undefined, centralLabelOffsetX: undefined, centralLabelOffsetY: undefined });
-
-export { DonutDefaultConfig };
-//# sourceMappingURL=config.js.map

package/.output/server/node_modules/@unovis/ts/components/donut/constants.js

@@ -1,8 +0,0 @@
-const DONUT_HALF_ANGLE_RANGES = Array.from({ length: 4 }, (_, i) => {
-    const offset = -Math.PI / 2 + i * Math.PI / 2;
-    return [offset, offset + Math.PI];
-});
-const [DONUT_HALF_ANGLE_RANGE_TOP, DONUT_HALF_ANGLE_RANGE_RIGHT, DONUT_HALF_ANGLE_RANGE_BOTTOM, DONUT_HALF_ANGLE_RANGE_LEFT,] = DONUT_HALF_ANGLE_RANGES;
-
-export { DONUT_HALF_ANGLE_RANGES, DONUT_HALF_ANGLE_RANGE_BOTTOM, DONUT_HALF_ANGLE_RANGE_LEFT, DONUT_HALF_ANGLE_RANGE_RIGHT, DONUT_HALF_ANGLE_RANGE_TOP };
-//# sourceMappingURL=constants.js.map

package/.output/server/node_modules/@unovis/ts/components/donut/index.js

@@ -1,138 +0,0 @@
-import { arc, pie } from 'd3-shape';
-import { ComponentCore } from '../../core/component/index.js';
-import { SeriesDataModel } from '../../data-models/series.js';
-import { smartTransition } from '../../utils/d3.js';
-import { getNumber, isNumber, clamp } from '../../utils/data.js';
-import { wrapSVGText } from '../../utils/text.js';
-import { DonutDefaultConfig } from './config.js';
-import { createArc, updateArc, removeArc } from './modules/arc.js';
-import { DONUT_HALF_ANGLE_RANGES } from './constants.js';
-import * as style from './style.js';
-import { centralLabel, centralSubLabel, segment, segmentExit, background } from './style.js';
-
-class Donut extends ComponentCore {
-    constructor(config) {
-        super();
-        this._defaultConfig = DonutDefaultConfig;
-        this.config = this._defaultConfig;
-        this.datamodel = new SeriesDataModel();
-        this.arcGen = arc();
-        this.events = {};
-        if (config)
-            this.setConfig(config);
-        this.arcBackground = this.g.append('path');
-        this.arcGroup = this.g.append('g');
-        this.centralLabel = this.g.append('text')
-            .attr('class', centralLabel);
-        this.centralSubLabel = this.g.append('text')
-            .attr('class', centralSubLabel);
-    }
-    get bleed() {
-        return { top: 0, bottom: 0, left: 0, right: 0 };
-    }
-    _render(customDuration) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-        const { config, datamodel, bleed } = this;
-        // Wrap data to preserve original indices
-        const data = datamodel.data
-            .map((d, i) => ({
-            index: i,
-            datum: d,
-        }))
-            .filter(d => config.showEmptySegments || getNumber(d.datum, config.value, d.index));
-        const duration = isNumber(customDuration) ? customDuration : config.duration;
-        // Handle half-donut cases, which adjust the scaling and positioning.
-        // One of these is true if we are dealing with a half-donut.
-        const [isHalfDonutTop, isHalfDonutRight, isHalfDonutBottom, isHalfDonutLeft,] = DONUT_HALF_ANGLE_RANGES.map(angleRange => config.angleRange && (config.angleRange[0] === angleRange[0] &&
-            config.angleRange[1] === angleRange[1]));
-        const isVerticalHalfDonut = isHalfDonutTop || isHalfDonutBottom;
-        const isHorizontalHalfDonut = isHalfDonutRight || isHalfDonutLeft;
-        // Compute the bounding box of the donut,
-        // considering it may be a half-donut
-        const width = this._width * (isHorizontalHalfDonut ? 2 : 1);
-        const height = this._height * (isVerticalHalfDonut ? 2 : 1);
-        const outerRadius = config.radius || Math.min(width - bleed.left - bleed.right, height - bleed.top - bleed.bottom) / 2;
-        const innerRadius = config.arcWidth === 0 ? 0 : clamp(outerRadius - config.arcWidth, 0, outerRadius - 1);
-        const translateY = this._height / 2 + (isHalfDonutTop ? outerRadius / 2 : isHalfDonutBottom ? -outerRadius / 2 : 0);
-        const translateX = this._width / 2 + (isHalfDonutLeft ? outerRadius / 2 : isHalfDonutRight ? -outerRadius / 2 : 0);
-        const translate = `translate(${translateX},${translateY})`;
-        this.arcGroup.attr('transform', translate);
-        this.arcGen
-            .startAngle(d => d.startAngle)
-            .endAngle(d => d.endAngle)
-            .innerRadius(d => d.innerRadius)
-            .outerRadius(d => d.outerRadius)
-            .padAngle(d => d.padAngle)
-            .cornerRadius(config.cornerRadius);
-        const pieGen = pie()
-            .startAngle((_b = (_a = config.angleRange) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : 0)
-            .endAngle((_d = (_c = config.angleRange) === null || _c === void 0 ? void 0 : _c[1]) !== null && _d !== void 0 ? _d : 2 * Math.PI)
-            .padAngle(config.padAngle)
-            .value(d => getNumber(d.datum, config.value, d.index) || 0)
-            .sort((a, b) => { var _a; return (_a = config.sortFunction) === null || _a === void 0 ? void 0 : _a.call(config, a.datum, b.datum); });
-        const arcData = pieGen(data).map(d => {
-            const arc = Object.assign(Object.assign({}, d), { data: d.data.datum, index: d.data.index, innerRadius,
-                outerRadius });
-            if (config.showEmptySegments && d.endAngle - d.startAngle - d.padAngle <= Number.EPSILON) {
-                arc.endAngle = d.startAngle + Math.max(config.emptySegmentAngle, config.padAngle);
-                arc.padAngle = d.padAngle / 2;
-            }
-            return arc;
-        });
-        // Arc segments
-        const arcsSelection = this.arcGroup
-            .selectAll(`.${segment}`)
-            .data(arcData, (d) => config.id(d.data, d.index));
-        const arcsEnter = arcsSelection.enter().append('path')
-            .attr('class', segment)
-            .call(createArc, config);
-        const arcsMerged = arcsSelection.merge(arcsEnter);
-        arcsMerged.call(updateArc, config, this.arcGen, duration);
-        arcsMerged.sort((a, b) => b.value - a.value);
-        arcsSelection.exit()
-            .attr('class', segmentExit)
-            .call(removeArc, duration);
-        // Label
-        const labelTextAnchor = isHalfDonutRight ? 'start' : isHalfDonutLeft ? 'end' : 'middle';
-        this.centralLabel
-            .attr('dy', config.centralSubLabel ? '-0.55em' : null)
-            .style('text-anchor', labelTextAnchor)
-            .text((_e = config.centralLabel) !== null && _e !== void 0 ? _e : null);
-        this.centralSubLabel
-            .attr('dy', config.centralLabel ? '0.55em' : null)
-            .style('text-anchor', labelTextAnchor)
-            .text((_f = config.centralSubLabel) !== null && _f !== void 0 ? _f : null);
-        if (config.centralSubLabelWrap)
-            wrapSVGText(this.centralSubLabel, innerRadius * 1.9);
-        // Label placement
-        const labelTranslateX = (config.centralLabelOffsetX || 0) + translateX;
-        let labelTranslateY = (config.centralLabelOffsetY || 0) + translateY;
-        // Special case label placement for half donut
-        if (isVerticalHalfDonut && config.centralLabelOffsetX === undefined && config.centralLabelOffsetY === undefined) {
-            const halfDonutLabelOffsetY = isHalfDonutTop
-                ? -this.centralSubLabel.node().getBoundingClientRect().height
-                : isHalfDonutBottom
-                    ? this.centralLabel.node().getBoundingClientRect().height
-                    : 0;
-            labelTranslateY = halfDonutLabelOffsetY + translateY;
-        }
-        const labelTranslate = `translate(${labelTranslateX},${labelTranslateY})`;
-        this.centralLabel.attr('transform', labelTranslate);
-        this.centralSubLabel.attr('transform', labelTranslate);
-        // Background
-        this.arcBackground.attr('class', background)
-            .attr('visibility', config.showBackground ? null : 'hidden')
-            .attr('transform', translate);
-        smartTransition(this.arcBackground, duration)
-            .attr('d', this.arcGen({
-            startAngle: (_k = (_h = (_g = config.backgroundAngleRange) === null || _g === void 0 ? void 0 : _g[0]) !== null && _h !== void 0 ? _h : (_j = config.angleRange) === null || _j === void 0 ? void 0 : _j[0]) !== null && _k !== void 0 ? _k : 0,
-            endAngle: (_p = (_m = (_l = config.backgroundAngleRange) === null || _l === void 0 ? void 0 : _l[1]) !== null && _m !== void 0 ? _m : (_o = config.angleRange) === null || _o === void 0 ? void 0 : _o[1]) !== null && _p !== void 0 ? _p : 2 * Math.PI,
-            innerRadius,
-            outerRadius,
-        }));
-    }
-}
-Donut.selectors = style;
-
-export { Donut };
-//# sourceMappingURL=index.js.map

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

@@ -1,59 +0,0 @@
-import { interpolate } from 'd3-interpolate';
-import { getColor } from '../../../utils/color.js';
-import { smartTransition } from '../../../utils/d3.js';
-
-function createArc(selection, config) {
-    selection
-        .style('fill', d => getColor(d.data, config.color, d.index))
-        .style('opacity', 0)
-        .each((d, i, els) => {
-        const arcNode = els[i];
-        const angleCenter = (d.startAngle + d.endAngle) / 2;
-        const angleHalfWidth = (d.endAngle - d.startAngle) / 2;
-        arcNode._animState = {
-            startAngle: angleCenter - angleHalfWidth,
-            endAngle: angleCenter + angleHalfWidth,
-            innerRadius: d.innerRadius,
-            outerRadius: d.outerRadius,
-            padAngle: d.padAngle,
-        };
-    });
-}
-function updateArc(selection, config, arcGen, duration) {
-    selection
-        .style('transition', `fill ${duration}ms`) // Animate color with CSS because we're using CSS-variables
-        .style('fill', d => getColor(d.data, config.color, d.index));
-    const setOpacity = (d) => (config.showEmptySegments || d.value) ? 1 : 0;
-    if (duration) {
-        const transition = smartTransition(selection, duration)
-            .style('opacity', setOpacity);
-        transition.attrTween('d', (d, i, els) => {
-            const arcNode = els[i];
-            const nextAnimState = {
-                startAngle: d.startAngle,
-                endAngle: d.endAngle,
-                innerRadius: d.innerRadius,
-                outerRadius: d.outerRadius,
-                padAngle: d.padAngle,
-            };
-            const datum = interpolate(arcNode._animState, nextAnimState);
-            return (t) => {
-                arcNode._animState = datum(t);
-                return arcGen(arcNode._animState);
-            };
-        });
-    }
-    else {
-        selection
-            .attr('d', arcGen)
-            .style('opacity', setOpacity);
-    }
-}
-function removeArc(selection, duration) {
-    smartTransition(selection, duration)
-        .style('opacity', 0)
-        .remove();
-}
-
-export { createArc, removeArc, updateArc };
-//# sourceMappingURL=arc.js.map

package/.output/server/node_modules/@unovis/ts/components/donut/style.js

@@ -1,70 +0,0 @@
-import { css, injectGlobal } from '@emotion/css';
-import { darkThemeCssSelectors } from '../../utils/theme.js';
-
-const root = css `
-  label: donut-component;
-`;
-const variables = 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;
-  }
-
-  ${darkThemeCssSelectors} ${`.${root}`} {
-    --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);
-  }
-`;
-const background = css `
-  label: background;
-  fill: var(--vis-donut-background-color);
-`;
-const segment = css `
-  label: segment;
-  stroke-width: var(--vis-donut-segment-stroke-width);
-  stroke: var(--vis-donut-segment-stroke-color, var(--vis-donut-background-color));
-`;
-const segmentExit = css `
-  label: segment-exit;
-`;
-const centralLabel = 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);
-`;
-const centralSubLabel = 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);
-`;
-
-export { background, centralLabel, centralSubLabel, root, segment, segmentExit, variables };
-//# sourceMappingURL=style.js.map

package/.output/server/node_modules/@unovis/ts/components/flow-legend/config.js

@@ -1,17 +0,0 @@
-const FlowLegendDefaultConfig = {
-    margin: undefined,
-    customWidth: undefined,
-    items: [],
-    spacing: undefined,
-    labelFontSize: 12,
-    lineColor: undefined,
-    labelColor: undefined,
-    arrowSymbol: '▶',
-    arrowColor: undefined,
-    arrowSymbolYOffset: -1,
-    onLegendItemClick: undefined,
-    renderIntoProvidedDomNode: false,
-};
-
-export { FlowLegendDefaultConfig };
-//# sourceMappingURL=config.js.map