@piwitests/server 0.25.0 → 0.26.0

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

@@ -1,6 +0,0 @@
-import { ComponentDefaultConfig } from '../../core/component/config.js';
-
-const AnnotationsDefaultConfig = Object.assign(Object.assign({}, ComponentDefaultConfig), { items: [], renderTextBoundingBoxes: false });
-
-export { AnnotationsDefaultConfig };
-//# sourceMappingURL=config.js.map

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

@@ -1,125 +0,0 @@
-import { select } from 'd3-selection';
-import { ComponentCore } from '../../core/component/index.js';
-import { isNumber } from '../../utils/data.js';
-import { smartTransition } from '../../utils/d3.js';
-import { renderTextIntoFrame } from '../../utils/text.js';
-import { parseUnit } from '../../utils/misc.js';
-import { UNOVIS_TEXT_DEFAULT } from '../../styles/index.js';
-import { AnnotationsDefaultConfig } from './config.js';
-import * as style from './style.js';
-import { annotation, annotationContent, debugBoundingBox, annotationSubject, variables } from './style.js';
-
-class Annotations extends ComponentCore {
-    constructor(config) {
-        super();
-        this._defaultConfig = AnnotationsDefaultConfig;
-        this.config = this._defaultConfig;
-        this.events = {};
-        if (config)
-            this.setConfig(config);
-    }
-    _render(customDuration) {
-        super._render(customDuration);
-        const { config } = this;
-        const duration = isNumber(customDuration) ? customDuration : config.duration;
-        const annotations = this.g.selectAll(`.${annotation}`)
-            .data(config.items, d => JSON.stringify(d));
-        const annotationsEnter = annotations.enter().append('g')
-            .attr('class', annotation)
-            .style('opacity', 0);
-        // Content
-        annotationsEnter.append('g').attr('class', annotationContent);
-        const annotationsMerged = annotationsEnter.merge(annotations)
-            .attr('cursor', d => d === null || d === void 0 ? void 0 : d.cursor)
-            .each((annotation, i, elements) => {
-            if (annotation.content) {
-                const content = typeof annotation.content === 'string' ? Object.assign(Object.assign({}, UNOVIS_TEXT_DEFAULT), { text: annotation.content }) : annotation.content;
-                const x = parseUnit(annotation.x, this._width);
-                const y = parseUnit(annotation.y, this._height);
-                const width = parseUnit(annotation.width, this._width);
-                const height = parseUnit(annotation.height, this._height);
-                const options = Object.assign(Object.assign({}, annotation), { x, y, width, height });
-                const contentGroupElement = select(elements[i]).select(`.${annotationContent}`);
-                renderTextIntoFrame(contentGroupElement.node(), content, options);
-                // Render debug bounding boxes showing the frame (x, y, width, height)
-                contentGroupElement.selectAll(`.${debugBoundingBox}`).remove();
-                if (config.renderTextBoundingBoxes) {
-                    const debugWidth = width !== null && width !== void 0 ? width : 100;
-                    const debugHeight = height || 0.1;
-                    contentGroupElement.append('rect')
-                        .attr('class', debugBoundingBox)
-                        .attr('x', x)
-                        .attr('y', y)
-                        .attr('width', debugWidth)
-                        .attr('height', debugHeight);
-                }
-            }
-            if (annotation.subject) {
-                requestAnimationFrame(() => this._renderSubject(elements[i], annotation.subject));
-            }
-            else {
-                select(elements[i]).select(`.${annotationSubject}`).remove();
-            }
-        });
-        smartTransition(annotationsMerged, duration)
-            .style('opacity', 1);
-        smartTransition(annotations.exit(), duration)
-            .style('opacity', 0)
-            .remove();
-    }
-    _renderSubject(annotationGroupElement, subject) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        const annotationGroup = select(annotationGroupElement);
-        const contentGroup = annotationGroup.select(`.${annotationContent}`);
-        // Create subject group if it doesn't exist
-        let subjectGroup = annotationGroup.select(`.${annotationSubject}`);
-        if (subjectGroup.empty()) {
-            subjectGroup = annotationGroup.append('g').attr('class', annotationSubject);
-            subjectGroup.append('circle');
-            subjectGroup.append('line');
-        }
-        const subjectX = (_a = parseUnit(typeof (subject === null || subject === void 0 ? void 0 : subject.x) === 'function' ? subject.x() : subject === null || subject === void 0 ? void 0 : subject.x, this._width)) !== null && _a !== void 0 ? _a : null;
-        const subjectY = (_b = parseUnit(typeof (subject === null || subject === void 0 ? void 0 : subject.y) === 'function' ? subject.y() : subject === null || subject === void 0 ? void 0 : subject.y, this._height)) !== null && _b !== void 0 ? _b : null;
-        const subjectStrokeColor = (_c = subject === null || subject === void 0 ? void 0 : subject.strokeColor) !== null && _c !== void 0 ? _c : null;
-        const subjectFillColor = (_d = subject === null || subject === void 0 ? void 0 : subject.fillColor) !== null && _d !== void 0 ? _d : null;
-        const subjectStrokeDasharray = (_e = subject === null || subject === void 0 ? void 0 : subject.strokeDasharray) !== null && _e !== void 0 ? _e : null;
-        const connectorLineColor = (_f = subject === null || subject === void 0 ? void 0 : subject.connectorLineColor) !== null && _f !== void 0 ? _f : null;
-        const connectorLineStrokeDasharray = (_g = subject === null || subject === void 0 ? void 0 : subject.connectorLineStrokeDasharray) !== null && _g !== void 0 ? _g : null;
-        const subjectRadius = (_h = subject === null || subject === void 0 ? void 0 : subject.radius) !== null && _h !== void 0 ? _h : 0;
-        const padding = (_j = subject === null || subject === void 0 ? void 0 : subject.padding) !== null && _j !== void 0 ? _j : 5;
-        const contentBbox = contentGroup.node().getBBox();
-        const dy = Math.abs(subjectY - (contentBbox.y + contentBbox.height / 2));
-        const dx = Math.abs(subjectX - (contentBbox.x + contentBbox.width / 2));
-        const annotationPadding = 5;
-        const x2 = (dx < dy) && ((subjectY < contentBbox.y) || (subjectY > (contentBbox.y + contentBbox.height)))
-            ? contentBbox.x + contentBbox.width / 2
-            : (subjectX < contentBbox.x) ? contentBbox.x - annotationPadding : contentBbox.x + contentBbox.width + annotationPadding;
-        const y2 = (dx >= dy) || ((subjectY >= contentBbox.y) && (subjectY <= (contentBbox.y + contentBbox.height)))
-            ? contentBbox.y + contentBbox.height / 2
-            : (subjectY < contentBbox.y) ? contentBbox.y - annotationPadding : contentBbox.y + contentBbox.height + annotationPadding;
-        const angle = Math.atan2(y2 - subjectY, x2 - subjectX) * 180 / Math.PI;
-        const x1 = subjectX + Math.cos(angle * Math.PI / 180) * (subjectRadius + padding);
-        const y1 = subjectY + Math.sin(angle * Math.PI / 180) * (subjectRadius + padding);
-        subjectGroup.select('circle')
-            .attr('cx', subjectX)
-            .attr('cy', subjectY)
-            .attr('r', subjectRadius)
-            .style('stroke', subjectStrokeColor)
-            .style('fill', subjectFillColor)
-            .style('stroke-dasharray', subjectStrokeDasharray);
-        subjectGroup.select('line')
-            .attr('x1', x1)
-            .attr('y1', y1)
-            .attr('x2', x1)
-            .attr('y2', y1)
-            .attr('x2', x2)
-            .attr('y2', y2)
-            .style('stroke', connectorLineColor)
-            .style('stroke-dasharray', connectorLineStrokeDasharray);
-    }
-}
-Annotations.selectors = style;
-Annotations.cssVariables = variables;
-
-export { Annotations };
-//# sourceMappingURL=index.js.map

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

@@ -1,54 +0,0 @@
-import { css } from '@emotion/css';
-import { getCssVarNames, injectGlobalCssVariables } from '../../utils/style.js';
-
-const cssVarDefaults = {
-    '--vis-annotations-text-color': '#282C34',
-    '--vis-annotations-connector-stroke-color': '#444',
-    '--vis-annotations-connector-stroke-width': '1px',
-    '--vis-annotations-connector-stroke-dasharray': 'none',
-    '--vis-annotations-subject-stroke-color': '#444',
-    '--vis-annotations-subject-fill-color': 'none',
-    '--vis-annotations-subject-stroke-dasharray': 'none',
-    '--vis-annotations-debug-bounding-box-stroke-color': '#f00',
-    '--vis-dark-annotations-text-color': '#e8e9ef',
-    '--vis-dark-annotations-connector-stroke-color': '#fff',
-    '--vis-dark-annotations-subject-stroke-color': '#fff',
-};
-const root = css `
-  label: annotations-component;
-`;
-const variables = getCssVarNames(cssVarDefaults);
-injectGlobalCssVariables(cssVarDefaults, root);
-const annotation = css `
-  label: annotation;
-`;
-const annotationSubject = css `
-  label: annotationSubject;
-
-  line {
-    stroke: var(${variables.annotationsConnectorStrokeColor});
-    stroke-width: var(${variables.annotationsConnectorStrokeWidth});
-    stroke-dasharray: var(${variables.annotationsConnectorStrokeDasharray});
-  }
-
-  circle {
-    stroke: var(${variables.annotationsSubjectStrokeColor});
-    fill: var(${variables.annotationsSubjectFillColor});
-    stroke-dasharray: var(${variables.annotationsSubjectStrokeDasharray});
-  }
-`;
-const annotationContent = css `
-  label: annotationContent;
-  > text {
-    fill: var(--vis-annotations-text-color);
-  }
-`;
-const debugBoundingBox = css `
-  label: debugBoundingBox;
-  fill: none;
-  stroke: var(--vis-annotations-debug-bounding-box-stroke-color);
-  stroke-width: 1;
-`;
-
-export { annotation, annotationContent, annotationSubject, debugBoundingBox, root, variables };
-//# sourceMappingURL=style.js.map

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

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

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

@@ -1,7 +0,0 @@
-import { XYComponentDefaultConfig } from '../../core/xy-component/config.js';
-import { CurveType } from '../../types/curve.js';
-
-const AreaDefaultConfig = Object.assign(Object.assign({}, XYComponentDefaultConfig), { color: undefined, curveType: CurveType.MonotoneX, baseline: () => 0, opacity: 1, cursor: null, line: false, lineColor: undefined, lineWidth: 2, lineDashArray: undefined, minHeight1Px: false, minHeight: undefined, stackMinHeight: false });
-
-export { AreaDefaultConfig };
-//# sourceMappingURL=config.js.map

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

@@ -1,197 +0,0 @@
-import { select } from 'd3-selection';
-import { area, line } from 'd3-shape';
-import { interpolatePath } from 'd3-interpolate-path';
-import { XYComponentCore } from '../../core/xy-component/index.js';
-import { isNumber, isArray, getNumber, getStackedData, clamp, getString, getValue, filterDataByRange, getStackedExtent } from '../../utils/data.js';
-import { smartTransition } from '../../utils/d3.js';
-import { getColor } from '../../utils/color.js';
-import { Curve } from '../../types/curve.js';
-import { Direction } from '../../types/direction.js';
-import { AreaDefaultConfig } from './config.js';
-import * as style from './style.js';
-import { area as area$1, areaLinePath } from './style.js';
-
-class Area extends XYComponentCore {
-    constructor(config) {
-        super();
-        this._defaultConfig = AreaDefaultConfig;
-        this.config = this._defaultConfig;
-        this.stacked = true;
-        this.events = {
-            [Area.selectors.area]: {},
-        };
-        if (config)
-            this.setConfig(config);
-        // Determine if the provided chart should be stacked
-        this.stacked = Array.isArray(this.config.y);
-    }
-    get bleed() {
-        const { config: { line, lineWidth } } = this;
-        if (!line)
-            return { top: 0, bottom: 0, left: 0, right: 0 };
-        const yDomain = this.yScale.domain();
-        const yDirection = this.yScale.range()[0] > this.yScale.range()[1]
-            ? Direction.North
-            : Direction.South;
-        const isYDirectionSouth = yDirection === Direction.South;
-        const isLineThick = lineWidth > 3;
-        const isLineVeryThick = lineWidth >= 10;
-        return {
-            top: !isLineVeryThick && ((!isYDirectionSouth && (yDomain[1] === 0)) || (isYDirectionSouth && (yDomain[0] === 0))) ? 0 : lineWidth / 2,
-            bottom: !isLineVeryThick && ((!isYDirectionSouth && (yDomain[0] === 0)) || (isYDirectionSouth && (yDomain[1] === 0))) ? 0 : lineWidth / 2,
-            left: isLineThick ? lineWidth / 2 : 0,
-            right: isLineThick ? lineWidth / 2 : 0,
-        };
-    }
-    _render(customDuration) {
-        super._render(customDuration);
-        const { config, datamodel: { data } } = this;
-        const duration = isNumber(customDuration) ? customDuration : config.duration;
-        const curveGen = Curve[config.curveType];
-        this._areaGen = area()
-            .x(d => d.x)
-            .y0(d => d.y0)
-            .y1(d => d.y1)
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            .curve(curveGen);
-        const yAccessors = (isArray(config.y) ? config.y : [config.y]);
-        const areaDataX = data.map((d, i) => this.xScale(getNumber(d, config.x, i)));
-        const stacked = getStackedData(data, config.baseline, yAccessors, this._prevNegative);
-        this._prevNegative = stacked.map(s => !!s.isMostlyNegative);
-        // Clamp to the visible y range so the area and its fill stay within the container
-        const yRange = this.yScale.range();
-        const yRangeMin = Math.min(yRange[0], yRange[1]);
-        const yRangeMax = Math.max(yRange[0], yRange[1]);
-        const minHeightCumulativeArray = [];
-        const stackedData = stacked.map(arr => arr.map((d, j) => {
-            var _a, _b;
-            const x = areaDataX[j];
-            const y0 = clamp(this.yScale(d[0]), yRangeMin, yRangeMax);
-            const y1 = clamp(this.yScale(d[1]), yRangeMin, yRangeMax);
-            const isNegativeArea = y1 > y0;
-            // Only apply cumulative adjustment if `config.stackMinHeight` is true
-            const cumulative = config.stackMinHeight ? (minHeightCumulativeArray[j] || 0) : 0;
-            const adjustedY0 = isNegativeArea ? y0 + cumulative : y0 - cumulative;
-            const adjustedY1 = isNegativeArea ? y1 + cumulative : y1 - cumulative;
-            // Calculate height adjustment if needed
-            let heightAdjustment = 0;
-            if ((config.minHeight || config.minHeight1Px) &&
-                Math.abs(adjustedY1 - adjustedY0) < ((_a = config.minHeight) !== null && _a !== void 0 ? _a : 1)) {
-                heightAdjustment = ((_b = config.minHeight) !== null && _b !== void 0 ? _b : 1) - Math.abs(adjustedY1 - adjustedY0);
-                // Only update cumulative array if we're stacking min heights
-                if (config.stackMinHeight) {
-                    minHeightCumulativeArray[j] = cumulative + heightAdjustment;
-                }
-            }
-            return {
-                x,
-                y0: adjustedY0,
-                y1: isNegativeArea ? adjustedY1 + heightAdjustment : adjustedY1 - heightAdjustment,
-            };
-        }));
-        // We reverse the data in order to have the first areas to be displayed on top
-        //   for better visibility when they're close to zero
-        const areaMaxIdx = stackedData.length - 1;
-        const stackedDataReversed = [...stackedData].reverse();
-        const areas = this.g
-            .selectAll(`.${area$1}`)
-            .data(stackedDataReversed);
-        const areasEnter = areas.enter().append('path')
-            .attr('class', area$1)
-            .attr('d', d => this._areaGen(d) || this._emptyPath())
-            .style('opacity', 0)
-            .style('fill', (d, i) => getColor(data, config.color, areaMaxIdx - i));
-        const areasMerged = smartTransition(areasEnter.merge(areas), duration)
-            .style('opacity', (d, i) => {
-            const isDefined = d.some(p => (p.y0 - p.y1) !== 0);
-            return isDefined ? getNumber(data, config.opacity, areaMaxIdx - i) : 0;
-        })
-            .style('fill', (d, i) => getColor(data, config.color, areaMaxIdx - i))
-            .style('cursor', (d, i) => getString(data, config.cursor, areaMaxIdx - i));
-        if (duration) {
-            const transition = areasMerged;
-            transition.attrTween('d', (d, i, el) => {
-                const previous = select(el[i]).attr('d');
-                const next = this._areaGen(d) || this._emptyPath();
-                return interpolatePath(previous, next);
-            });
-        }
-        else {
-            areasMerged.attr('d', d => this._areaGen(d) || this._emptyPath());
-        }
-        smartTransition(areas.exit(), duration)
-            .style('opacity', 0)
-            .remove();
-        this._renderLines(duration, config.line ? stackedData : []);
-    }
-    _renderLines(duration, stackedData) {
-        var _a;
-        const { config, datamodel: { data } } = this;
-        const areaMaxIdx = stackedData.length - 1;
-        const stackedDataReversed = [...stackedData].reverse();
-        const colorAccessor = (_a = config.lineColor) !== null && _a !== void 0 ? _a : config.color;
-        const lines = this.g
-            .selectAll(`.${areaLinePath}`)
-            .data(stackedDataReversed);
-        const areas = this.g.selectAll(`.${area$1}`).nodes();
-        const linesEnter = lines.enter().insert('path', (d, i) => areas[i + 1])
-            .attr('class', areaLinePath)
-            .attr('stroke', (d, i) => getColor(data, colorAccessor, areaMaxIdx - i))
-            .attr('stroke-width', config.lineWidth)
-            .attr('stroke-opacity', 0);
-        const linesMerged = smartTransition(linesEnter.merge(lines), duration)
-            .attr('stroke', (d, i) => getColor(data, colorAccessor, areaMaxIdx - i))
-            .attr('stroke-width', config.lineWidth)
-            .attr('stroke-opacity', 1)
-            .attr('cursor', (d, i) => getString(data, config.cursor, areaMaxIdx - i))
-            .style('stroke-dasharray', (d, i) => { var _a, _b; return (_b = (_a = getValue(data, config.lineDashArray, i)) === null || _a === void 0 ? void 0 : _a.join(' ')) !== null && _b !== void 0 ? _b : null; });
-        const curveGen = Curve[config.curveType];
-        this._lineGen = line()
-            .x(d => d.x)
-            .y(d => d.y1)
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            .curve(curveGen);
-        if (duration) {
-            const lineTransition = linesMerged;
-            lineTransition.attrTween('d', (d, i, el) => {
-                const previous = select(el[i]).attr('d') || this._emptyLinePath();
-                const next = this._lineGen(d) || this._emptyLinePath();
-                return interpolatePath(previous, next);
-            });
-        }
-        else {
-            linesMerged.attr('d', d => this._lineGen(d) || this._emptyLinePath());
-        }
-        smartTransition(lines.exit(), duration)
-            .style('opacity', 0)
-            .remove();
-    }
-    getYDataExtent(scaleByVisibleData) {
-        const { config, datamodel } = this;
-        const yAccessors = (isArray(config.y) ? config.y : [config.y]);
-        const xDomain = this.xScale.domain();
-        const data = scaleByVisibleData ? filterDataByRange(datamodel.data, xDomain, config.x, true) : datamodel.data;
-        return getStackedExtent(data, config.baseline, ...yAccessors);
-    }
-    _emptyPath() {
-        const xRange = this.xScale.range();
-        const yDomain = this.yScale.domain();
-        const y0 = this.yScale((yDomain[0] + yDomain[1]) / 2);
-        const y1 = y0;
-        return this._areaGen([
-            { y0, y1, x: xRange[0] },
-            { y0, y1, x: xRange[1] },
-        ]);
-    }
-    _emptyLinePath() {
-        const xRange = this.xScale.range();
-        const yRange = this.yScale.range();
-        return `M${xRange[0]},${yRange[0]} L${xRange[1]},${yRange[0]}`;
-    }
-}
-Area.selectors = style;
-
-export { Area };
-//# sourceMappingURL=index.js.map

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

@@ -1,50 +0,0 @@
-import { css, injectGlobal } from '@emotion/css';
-import { darkThemeCssSelectors } from '../../utils/theme.js';
-
-const root = css `
-  label: area-component;
-`;
-const globalStyles = injectGlobal `
-  :root {
-    --vis-area-cursor: default;
-    --vis-area-fill-opacity: 1;
-    --vis-area-stroke-color: none;
-    --vis-area-stroke-width: 0px;
-    --vis-area-stroke-dasharray: none;
-    --vis-area-stroke-opacity: 1;
-    --vis-area-hover-fill-opacity: none;
-    --vis-area-hover-stroke-width: none;
-
-    /* Dark Theme */
-    --vis-dark-area-stroke-color: none;
-  }
-
-  ${darkThemeCssSelectors} ${`.${root}`} {
-    --vis-area-fill-opacity: 0.5;
-    --vis-area-stroke-color: var(--vis-dark-area-stroke-color);
-  }
-
-`;
-const area = css `
-  label: area;
-  cursor: var(--vis-area-cursor);
-  fill-opacity: var(--vis-area-fill-opacity);
-  stroke-width: var(--vis-area-stroke-width);
-  stroke-dasharray: var(--vis-area-stroke-dasharray);
-  stroke: var(--vis-area-stroke-color);
-  stroke-opacity: var(--vis-area-stroke-opacity);
-
-  &:hover {
-    fill-opacity: var(--vis-area-hover-fill-opacity);
-    stroke-width: var(--vis-area-hover-stroke-width);
-  }
-`;
-const areaLinePath = css `
-  label: areaLinePath;
-  fill: none;
-  stroke-dasharray: var(--vis-line-stroke-dasharray);
-  stroke-dashoffset: var(--vis-line-stroke-dashoffset);
-`;
-
-export { area, areaLinePath, globalStyles, root };
-//# sourceMappingURL=style.js.map

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

@@ -1,7 +0,0 @@
-import { XYComponentDefaultConfig } from '../../core/xy-component/config.js';
-import { FitMode, TrimMode } from '../../types/text.js';
-
-const AxisDefaultConfig = Object.assign(Object.assign({}, XYComponentDefaultConfig), { position: undefined, type: undefined, label: undefined, labelFontSize: null, labelTextFitMode: FitMode.Wrap, labelTextTrimType: TrimMode.Middle, gridLine: true, tickLine: true, domainLine: true, numTicks: undefined, minMaxTicksOnly: false, minMaxTicksOnlyWhenWidthIsLess: 250, minMaxTicksOnlyShowGridLines: false, tickTextWidth: undefined, tickTextSeparator: undefined, tickTextForceWordBreak: false, tickTextTrimType: TrimMode.Middle, tickTextFitMode: FitMode.Wrap, tickTextFontSize: null, tickTextAlign: undefined, tickTextColor: null, tickTextAngle: undefined, labelMargin: 8, labelColor: null, tickFormat: undefined, tickValues: undefined, fullSize: true, tickPadding: 8, tickSize: 6, tickTextHideOverlapping: undefined });
-
-export { AxisDefaultConfig };
-//# sourceMappingURL=config.js.map