udp-stencil-component-library 25.18.1 → 25.18.2-beta.10

package/dist/components/chartUtils.js

@@ -1,574 +1 @@
-import * as am4charts from '@amcharts/amcharts4/charts';
-import * as am4core from '@amcharts/amcharts4/core';
-
-function parseValueToNumber(input) {
-    // If input is already a number, return it directly
-    if (typeof input === 'number') {
-        return input;
-    }
-    // If input is not a string, return null
-    if (typeof input !== 'string') {
-        return null;
-    }
-    // Remove leading and trailing special characters
-    input = input.replace(/^[^a-zA-Z0-9]+|[^a-zA-Z0-9]+$/g, '').trim();
-    if (input === '') {
-        return null;
-    }
-    // Try to parse as integer
-    const intValue = parseInt(input, 10);
-    if (!isNaN(intValue) && intValue.toString() === input) {
-        return intValue;
-    }
-    // Try to parse as float
-    const floatValue = parseFloat(input);
-    if (!isNaN(floatValue) && floatValue.toString() === input) {
-        return floatValue;
-    }
-    // If parsing fails, return null
-    return null;
-}
-const PIE_LABEL_MAX_WIDTH = 200;
-/**
- * Sets default settings for all chart types.
- * @param chart A chart
- */
-function setChartDefaultSettings(chart, chartContainer, exportable = false) {
-    var _a, _b;
-    am4core.addLicense('CH98568001');
-    chart.responsive.enabled = true;
-    if (exportable) {
-        chart.exportable = true;
-        chart.exporting.menu = new am4core.ExportMenu();
-        chart.exporting.menu.container = chartContainer;
-        chart.exporting.menu.align = 'right';
-        chart.exporting.menu.verticalAlign = 'top';
-    }
-    const dateLocale = Intl.DateTimeFormat().resolvedOptions().locale;
-    const numberLocale = Intl.NumberFormat().resolvedOptions().locale;
-    chart.dateFormatter.dateFormat = 'yyyy-MM-dd HH:mm:ss';
-    chart.dateFormatter.intlLocales = dateLocale;
-    chart.numberFormatter.intlLocales = numberLocale;
-    // TODO: not sure if this works for all locales. try using Intl
-    const _decimalSeparator = (_a = (0.1).toLocaleString().charAt(1)) !== null && _a !== void 0 ? _a : '.';
-    const _thousandSeparator = (_b = (10000).toLocaleString().charAt(2)) !== null && _b !== void 0 ? _b : ',';
-    chart.language.locale['_decimalSeparator'] = isNaN(parseInt(_decimalSeparator)) ? _decimalSeparator : '.';
-    chart.language.locale['_thousandSeparator'] = isNaN(parseInt(_thousandSeparator)) ? _thousandSeparator : ',';
-    if (chart === null || chart === void 0 ? void 0 : chart.logo) {
-        chart.logo.disabled = true;
-    }
-}
-function specifyColor(descriptionPropertyName, colorList, getColor, dataContext) {
-    if (getColor) {
-        const currentColor = getColor(dataContext);
-        return currentColor ? am4core.color(currentColor) : null;
-    }
-    else {
-        return (colorList === null || colorList === void 0 ? void 0 : colorList[dataContext[descriptionPropertyName]]) ? am4core.color(colorList === null || colorList === void 0 ? void 0 : colorList[dataContext[descriptionPropertyName]]) : null;
-    }
-}
-//#region XY Chart
-/**
- * Sets default settings for XYCharts.
- * @param xyChart The XYChart.
- * @param titles The title(s) for the chart.
- */
-function setXYChartDefaultSettings(xyChart) {
-    // Don't cutoff bullets
-    xyChart.maskBullets = false;
-    xyChart.cursor = new am4charts.XYCursor();
-    xyChart.cursor.exportable = false;
-    xyChart.cursor.lineX.strokeOpacity = 0;
-    xyChart.cursor.lineY.strokeOpacity = 0;
-    //Don't zoom if the user drags to select with the mouse
-    xyChart.cursor.behavior = 'none';
-    //Only show tooltips if the nearest tooltip is within a 10px radius
-    xyChart.cursor.maxTooltipDistance = 10;
-}
-/**
- * Adds a category axis to the chart. Use this axis for
- * string "categories" along the axis.
- * @param xyChart The chart to add an axis to.
- * @param id The unique id for this axis.
- * @param field The field in the data to use for this axis.
- * @param titles The axis title(s).
- * @param position The position of this axis on the chart.
- * A category axis is usually positioned on the X-axis.
- * @param distBetweenGridLines The distance between grid lines
- * in a chart. Smaller values increase the number of grid lines
- * and therefore, allows more data labels to be displayed.
- * @returns The newly-created category axis.
- */
-function addXYCategoryAxis(xyChart, id, field, titles = [], position = 'X', distBetweenGridLines = 60) {
-    const categoryAxis = new am4charts.CategoryAxis();
-    categoryAxis.id = id;
-    if (position === 'X' || position === 'X2') {
-        xyChart.xAxes.push(categoryAxis);
-        categoryAxis.renderer.minGridDistance = distBetweenGridLines;
-        categoryAxis.renderer.labels.template.maxWidth = 110;
-        categoryAxis.renderer.labels.template.paddingBottom = 0;
-        categoryAxis.renderer.labels.template.rotation = 315;
-        categoryAxis.renderer.labels.template.horizontalCenter = 'right';
-        categoryAxis.renderer.labels.template.verticalCenter = 'middle';
-        categoryAxis.renderer.grid.template.location = 0;
-    }
-    else {
-        xyChart.yAxes.push(categoryAxis);
-        categoryAxis.renderer.labels.template.maxWidth = 200;
-        categoryAxis.title.maxWidth = 300;
-        categoryAxis.title.truncate = true;
-        categoryAxis.title.tooltipText = '{text}';
-        if (categoryAxis.title.tooltip) {
-            categoryAxis.title.tooltip.ignoreBounds = true;
-        }
-    }
-    // Swap from the bottom of chart to the top, or from left to right
-    if (position === 'X2' || position === 'Y2') {
-        categoryAxis.renderer.opposite = true;
-    }
-    categoryAxis.dataFields.category = field;
-    categoryAxis.cursorTooltipEnabled = false;
-    categoryAxis.renderer.labels.template.wrap = true;
-    categoryAxis.renderer.cellStartLocation = 0.1;
-    categoryAxis.renderer.cellEndLocation = 0.9;
-    if (titles && titles.length > 0) {
-        categoryAxis.title.text = titles.join('\n');
-        categoryAxis.title.fontWeight = '700';
-    }
-    return categoryAxis;
-}
-/**
- * Adds a date axis to the chart. Use this axis to
- * let AmCharts handle dates along the axis.
- * Note: If the dates in the data are in string format, you should
- * convert them to Date objects first, or set
- * dateFormatter.inputDateFormat = <the format, eg: "yyyy-MM-ddThh:mm:ss">
- * on the returned DateAxis object.
- * @param xyChart The chart to add an axis to.
- * @param id The unique id for this axis.
- * @param titles The axis title(s).
- * @param position The position of this axis on the chart.
- * A date axis is usually positioned on the X-axis.
- * @param distBetweenGridLines The distance between grid lines
- * in a chart. Smaller values increase the number of grid lines
- * and therefore, allows more data labels to be displayed.
- * @returns
- */
-function addXYDateAxis(xyChart, id, titles = [], position = 'X', distBetweenGridLines = 55) {
-    const dateAxis = new am4charts.DateAxis();
-    dateAxis.id = id;
-    if (position === 'X' || position === 'X2') {
-        xyChart.xAxes.push(dateAxis);
-        dateAxis.title.marginTop = -15;
-        dateAxis.renderer.minGridDistance = distBetweenGridLines;
-        dateAxis.renderer.labels.template.maxWidth = 110;
-        dateAxis.renderer.labels.template.paddingBottom = 0;
-        dateAxis.renderer.labels.template.rotation = 315;
-        dateAxis.renderer.labels.template.horizontalCenter = 'right';
-        dateAxis.renderer.labels.template.verticalCenter = 'middle';
-        dateAxis.renderer.labels.template.dy = -16;
-        dateAxis.renderer.labels.template.dx = 8;
-    }
-    else {
-        xyChart.yAxes.push(dateAxis);
-        dateAxis.renderer.inversed = true;
-        dateAxis.renderer.labels.template.maxWidth = 200;
-        dateAxis.title.maxWidth = 300;
-        dateAxis.title.truncate = true;
-        dateAxis.title.tooltipText = '{text}';
-        if (dateAxis.title.tooltip) {
-            dateAxis.title.tooltip.ignoreBounds = true;
-        }
-    }
-    // Swap from the bottom of chart to the top, or from left to right
-    if (position === 'X2' || position === 'Y2') {
-        dateAxis.renderer.opposite = true;
-    }
-    dateAxis.cursorTooltipEnabled = false;
-    dateAxis.renderer.labels.template.wrap = true;
-    dateAxis.renderer.cellStartLocation = 0.1;
-    dateAxis.renderer.cellEndLocation = 0.9;
-    // todo get user's locale for proper format
-    dateAxis.dateFormats.setKey('day', 'yyyy-MM-dd');
-    dateAxis.periodChangeDateFormats.setKey('day', 'yyyy-MM-dd');
-    dateAxis.periodChangeDateFormats.setKey('hour', 'yyyy-MM-dd');
-    if (titles && titles.length > 0) {
-        dateAxis.title.text = titles.join('\n');
-        dateAxis.title.fontWeight = '700';
-    }
-    return dateAxis;
-}
-/**
- * Adds a value axis to the chart. Use this axis
- * to display numeric values.
- * @param xyChart The chart to add an axis to.
- * @param id The unique id for this axis.
- * @param titles The axis title(s).
- * @param position The position of this axis on the chart.
- * A value axis is usually positioned on the Y-axis.
- * @returns The newly-created value axis.
- */
-function addXYValueAxis(xyChart, id, titles = [], position = 'Y') {
-    const valueAxis = new am4charts.ValueAxis();
-    valueAxis.id = id;
-    if (position === 'X' || position === 'X2') {
-        xyChart.xAxes.push(valueAxis);
-    }
-    else {
-        xyChart.yAxes.push(valueAxis);
-        valueAxis.title.maxWidth = 300;
-        valueAxis.title.truncate = true;
-        valueAxis.title.tooltipText = '{text}';
-        if (valueAxis.title.tooltip) {
-            valueAxis.title.tooltip.ignoreBounds = true;
-        }
-    }
-    // Swap from the bottom of chart to the top, or from left to right
-    if (position === 'X2' || position === 'Y2') {
-        valueAxis.renderer.opposite = true;
-    }
-    valueAxis.title.maxWidth = 300;
-    valueAxis.title.truncate = true;
-    valueAxis.title.tooltipText = '{text}';
-    if (valueAxis.title.tooltip) {
-        valueAxis.title.tooltip.ignoreBounds = true;
-    }
-    valueAxis.cursorTooltipEnabled = false;
-    valueAxis.renderer.grid.template.strokeOpacity = 0;
-    if (titles && titles.length > 0) {
-        valueAxis.title.text = titles.join('\n');
-        valueAxis.title.fontWeight = '700';
-    }
-    return valueAxis;
-}
-/**
- * Adds a series to an XYChart.
- * @param xyChart The chart to add a series of data to.
- * @param name The name of this series to display to the user.
- * @param seriesType The type of series to create.
- * @param xAxis The x-axis to plot this series on.
- * @param xPropertyName The name of the property in the data to use
- * for plotting data on the x-axis.
- * @param yAxis The y-axis to plot this series data on.
- * @param yPropertyName The name of the property in the data to use
- * for plotting data on the y-axis.
- * @returns The newly-created series.
- */
-function addXYSeries(xyChart, name, seriesType, xAxis, xPropertyName, yAxis, yPropertyName, showBullets) {
-    let xySeries;
-    switch (seriesType) {
-        case 'Area':
-        case 'StackedArea':
-        case 'Line':
-        case 'SmoothedLine':
-        case 'Step':
-        case 'ScatterPlot':
-            const lineSeries = seriesType === 'Step' ? xyChart.series.push(new am4charts.StepLineSeries()) : xyChart.series.push(new am4charts.LineSeries());
-            lineSeries.strokeWidth = 3;
-            lineSeries.hideTooltip();
-            if (seriesType === 'Area' || seriesType === 'StackedArea') {
-                lineSeries.fillOpacity = 0.6;
-                lineSeries.stacked = seriesType === 'StackedArea';
-            }
-            else if (seriesType === 'SmoothedLine') {
-                lineSeries.tensionX = 0.77;
-            }
-            else if (seriesType === 'ScatterPlot') {
-                lineSeries.strokeOpacity = 0;
-            }
-            xySeries = lineSeries;
-            break;
-        case 'Column':
-        case 'StackedColumn':
-            const columnSeries = xyChart.series.push(new am4charts.ColumnSeries());
-            columnSeries.columns.template.width = am4core.percent(90);
-            columnSeries.stacked = seriesType === 'StackedColumn';
-            xySeries = columnSeries;
-            break;
-    }
-    xySeries.name = name;
-    xySeries.xAxis = xAxis;
-    console.log({ xPropertyName, yPropertyName, xAxis, yAxis });
-    if (xAxis instanceof am4charts.CategoryAxis) {
-        xAxis.dataFields.category = xPropertyName; // Category Axes require a field name too
-        xySeries.dataFields.categoryX = xPropertyName;
-    }
-    else if (xAxis instanceof am4charts.DateAxis) {
-        xySeries.dataFields.dateX = xPropertyName;
-    }
-    else {
-        xySeries.dataFields.valueX = xPropertyName;
-    }
-    xySeries.yAxis = yAxis;
-    if (yAxis instanceof am4charts.CategoryAxis) {
-        xySeries.dataFields.categoryY = yPropertyName;
-    }
-    else if (yAxis instanceof am4charts.DateAxis) {
-        xySeries.dataFields.dateY = yPropertyName;
-    }
-    else {
-        xySeries.dataFields.valueY = yPropertyName;
-    }
-    addXYSeriesTooltipText(xySeries, seriesType);
-    console.log(xySeries.dataFields);
-    return xySeries;
-}
-/**
- * Adds a legend to an XYChart.
- * @param xyChart The XYChart to add a legend to.
- */
-function addXYLegend(xyChart, position = 'right') {
-    xyChart.legend = new am4charts.Legend();
-    xyChart.legend.position = position;
-    xyChart.legend.align = 'left';
-    xyChart.legend.labels.template.truncate = false;
-    xyChart.legend.labels.template.wrap = true;
-    xyChart.legend.valueLabels.template.text = ''; // Don't show the highlighted point's value when using the chart cursor option
-}
-/**
- * Add bullets to an XYSeries. Has no effect on column-based
- * charts.
- * @param xyChart The chart containing the series.
- * @param series The series to add bullets to.
- * @param seriesType The type of the series.
- * @returns
- */
-function addXYSeriesBullets(xyChart, series, seriesType) {
-    let bulletSprite;
-    if (seriesType === 'ScatterPlot') {
-        const bullet = series.bullets.push(new am4core.Circle());
-        bullet.strokeOpacity = 0;
-        bullet.fillOpacity = 0.5;
-        bullet.radius = 4;
-        bullet.hiddenState.properties.opacity = 0;
-        bulletSprite = bullet;
-    }
-    else if (seriesType === 'Area' || seriesType === 'Line' || seriesType === 'SmoothedLine' || seriesType === 'StackedArea') {
-        const bullet = series.bullets.push(new am4charts.CircleBullet());
-        // Only show bullets if at least 30px available between each
-        series.minBulletDistance = 30;
-        bullet.circle.radius = 4;
-        bullet.circle.strokeWidth = 2;
-        if (xyChart.scrollbarX || xyChart.scrollbarY) {
-            addXYBulletAdapter(bullet, xyChart);
-        }
-        bulletSprite = bullet;
-    }
-    else {
-        return;
-    }
-    // Bullets grow on hover
-    const bulletHover = bulletSprite.states.create('hover');
-    bulletHover.properties.scale = 1.3;
-    // Re-add tooltip text as some series types need tooltips on bullets
-    addXYSeriesTooltipText(series, seriesType);
-}
-/**
- * When a user zooms a chart, bullets can draw outside the plot
- * area, so we have to manually fix this with this adapter.
- * @param bullet The bullet instance.
- * @param xyChart The chart containing the series with the bullet instance.
- */
-function addXYBulletAdapter(bullet, xyChart) {
-    bullet.adapter.add('dy', (dy, b) => {
-        if (b.pixelX < 0 || b.pixelX > xyChart.plotContainer.measuredWidth || b.pixelY < 0 || b.pixelY > xyChart.plotContainer.measuredHeight) {
-            b.visible = false;
-        }
-        else {
-            b.visible = true;
-        }
-        return dy;
-    });
-}
-/**
- * Adds a standard tooltip to an XYChart series.
- * @param series The series to add a tooltip to.
- * @param seriesType The type of the series.
- */
-function addXYSeriesTooltipText(series, seriesType) {
-    const xField = series.xAxis instanceof am4charts.CategoryAxis ? 'categoryX' : series.xAxis instanceof am4charts.DateAxis ? 'dateX' : 'valueX';
-    const yField = series.yAxis instanceof am4charts.CategoryAxis ? 'categoryY' : series.yAxis instanceof am4charts.DateAxis ? 'dateY' : 'valueY';
-    let standardXYTooltip = '[bold]{' + xField + '}[/]\n{name}: {' + yField + '}';
-    if (seriesType === 'StackedColumn' || seriesType === 'StackedArea') {
-        standardXYTooltip = '{name}: [bold]{' + yField + '}[/]';
-        if (yField === 'categoryY' && xField !== 'categoryX') {
-            standardXYTooltip = '{name}: [bold]{' + xField + '}[/]';
-        }
-    }
-    else if (yField === 'categoryY' && xField !== 'categoryX') {
-        standardXYTooltip = '[bold]{' + yField + '}[/]\n{name}: {' + xField + '}';
-    }
-    if (series.tooltip) {
-        series.tooltip.exportable = false;
-    }
-    switch (seriesType) {
-        case 'Area':
-        case 'StackedArea':
-        case 'Line':
-        case 'SmoothedLine':
-        case 'Step':
-        case 'ScatterPlot':
-            const lineSeries = series;
-            if (seriesType === 'ScatterPlot') {
-                let tooltipText = series.xAxis.title.text + ':\n{' + xField + '}\n\n';
-                tooltipText += series.yAxis.title.text + ':\n{' + yField + '}';
-                const lineBullet = lineSeries.bullets.getIndex(0);
-                if (lineBullet) {
-                    lineSeries.cursorTooltipEnabled = false;
-                    lineBullet.tooltipText = tooltipText;
-                }
-            }
-            else {
-                lineSeries.tooltipText = standardXYTooltip;
-            }
-            break;
-        case 'Column':
-        case 'StackedColumn':
-            const columnSeries = series;
-            columnSeries.tooltipText = standardXYTooltip;
-            break;
-    }
-}
-//#endregion
-//#region Pie Chart
-/**
- * The default settings for a pie chart.
- * @param pieChart The pie chart to set defaults on.
- */
-function setPieChartDefaultSettings(pieChart, useLegend = false) {
-    pieChart.radius = am4core.percent(65);
-    pieChart.chartContainer.resizable = true;
-    pieChart.chartContainer.width = am4core.percent(100);
-    pieChart.svgContainer.autoResize = true;
-    pieChart.height = am4core.percent(100);
-    pieChart.width = am4core.percent(100);
-    /**
-     * Hide labels when the available width is too small
-     */
-    pieChart.responsive.enabled = true;
-    pieChart.responsive.rules.push({
-        relevant: function (target) {
-            if (target.pixelWidth <= 600) {
-                return true;
-            }
-            return false;
-        },
-        state: function (target, stateId) {
-            if (target instanceof am4charts.PieSeries) {
-                const state = target.states.create(stateId);
-                const labelState = target.labels.template.states.create(stateId);
-                labelState.properties.disabled = true;
-                const tickState = target.ticks.template.states.create(stateId);
-                tickState.properties.disabled = true;
-                return state;
-            }
-        },
-    });
-    // A PieChart component always has a legend object.
-    // However, if useLegend = false, then the legend only
-    // appears when the size of the PieChart is below a
-    // certain threshold.
-    pieChart.responsive.rules.push({
-        relevant: function (target) {
-            if (target.pixelWidth > 600) {
-                return true;
-            }
-            return false;
-        },
-        state: function (target, stateId) {
-            if (target instanceof am4charts.Legend && !useLegend) {
-                const state = target.states.create(stateId);
-                state.properties.disabled = true;
-                return state;
-            }
-        },
-    });
-    /**
-     * Calculate and adjust the pie radius based on available space
-     * to prevent labels from being cutoff.
-     */
-    pieChart.events.on('sizechanged', function () {
-        if (pieChart.pixelWidth <= 600) {
-            // Reponsive plugin hides labels if chart is too narrow, so keep pie radius large
-            pieChart.radius = am4core.percent(80);
-        }
-        else {
-            // Otherwise, calculate available space for pie radius after subtracting
-            // the total max width of the labels on both sides of the pie.
-            const smallerDimension = Math.min(pieChart.pixelHeight, pieChart.pixelWidth);
-            const labelMaxWidth = PIE_LABEL_MAX_WIDTH * 2;
-            const availablePieWidth = pieChart.pixelWidth - labelMaxWidth;
-            const newRadius = 100 * (availablePieWidth / smallerDimension);
-            pieChart.radius = am4core.percent(Math.min(newRadius, 80));
-        }
-    });
-}
-/**
- * Adds a series to a PieChart.
- * @param pieChart The chart to add the series to.
- * @param descriptionPropertyName The name of the property
- * in the data array to use as the description for each pie slice.
- * @param valuePropertyName The name of the property
- * in the data array to use as the value for each pie slice.
- * @param ignoreZeroValues If true, do not display a
- * pie slice when the value is 0. Default is true.
- */
-function addPieChartSeries(pieChart, descriptionPropertyName, valuePropertyName, ignoreZeroValues = true, colorList, getColor) {
-    const nextPieSeries = pieChart.series.push(new am4charts.PieSeries());
-    nextPieSeries.ignoreZeroValues = ignoreZeroValues ? true : false;
-    nextPieSeries.dataFields.category = descriptionPropertyName;
-    nextPieSeries.dataFields.value = valuePropertyName;
-    nextPieSeries.labels.template.maxWidth = PIE_LABEL_MAX_WIDTH;
-    nextPieSeries.labels.template.wrap = true;
-    if (colorList || getColor) {
-        nextPieSeries.slices.template.events.once('inited', function (event) {
-            const currentColor = specifyColor(descriptionPropertyName, colorList, getColor, event.target.dataItem.dataContext);
-            event.target.fill = currentColor;
-            event.target.stroke = currentColor;
-        });
-    }
-    addPieSeriesTooltipText(nextPieSeries);
-}
-/**
- * Sets the default tooltip text for a PieChart series.
- * @param series The series to add tooltip text to.
- */
-function addPieSeriesTooltipText(series) {
-    series.slices.template.tooltipText = "{category}: {value.percent.formatNumber('#.#')}% ({value.value})";
-}
-/**
- * Adds a legend to a PieChart.
- * @param pieChart The PieChart to add a legend to.
- */
-function addPieChartLegend(pieChart, position = 'right') {
-    pieChart.legend = new am4charts.Legend();
-    pieChart.legend.position = position;
-    pieChart.legend.labels.template.truncate = false;
-    pieChart.legend.labels.template.wrap = true;
-}
-//#endregion
-//#region Sankey Chart
-function setSankeyChartDefaultSettings(sankeyChart, valueField, sourceField, targetField, paddingRight, labelFormat, tooltipTextFormat, nodeTooltipTextFormat) {
-    sankeyChart.height = am4core.percent(100);
-    sankeyChart.paddingRight = paddingRight;
-    sankeyChart.paddingTop = 20;
-    sankeyChart.dataFields.fromName = sourceField;
-    sankeyChart.dataFields.toName = targetField;
-    sankeyChart.dataFields.value = valueField;
-    sankeyChart.nodes.template.nameLabel.label.hideOversized = true;
-    sankeyChart.nodes.template.nameLabel.label.text = labelFormat;
-    sankeyChart.nodes.template.tooltipText = nodeTooltipTextFormat;
-    sankeyChart.links.template.tooltipText = tooltipTextFormat;
-    sankeyChart.nodes.template.nameLabel.label.wrap = true;
-    //whenever a new node is created, it will check if there's a key "disabled" present in
-    //the corresponding data context, and will set it
-    sankeyChart.nodes.template.propertyFields.hidden = 'disabled';
-    sankeyChart.minNodeSize = 0.0001;
-    sankeyChart.nodePadding = 1;
-    sankeyChart.links.template.minWidth = 1;
-}
-
-export { setXYChartDefaultSettings as a, addXYValueAxis as b, addXYDateAxis as c, addXYCategoryAxis as d, addXYSeries as e, addXYLegend as f, addPieChartLegend as g, setPieChartDefaultSettings as h, addPieChartSeries as i, setSankeyChartDefaultSettings as j, addXYSeriesBullets as k, parseValueToNumber as p, setChartDefaultSettings as s };
-//# sourceMappingURL=chartUtils.js.map
-
-//# sourceMappingURL=chartUtils.js.map
+import*as n from"@amcharts/amcharts4/charts";import*as e from"@amcharts/amcharts4/core";function t(n){if("number"==typeof n)return n;if("string"!=typeof n)return null;if(""===(n=n.replace(/^[^a-zA-Z0-9]+|[^a-zA-Z0-9]+$/g,"").trim()))return null;const e=parseInt(n,10);if(!isNaN(e)&&e.toString()===n)return e;const t=parseFloat(n);return isNaN(t)||t.toString()!==n?null:t}function a(n,t,a=!1){var o,c;e.addLicense("CH98568001"),n.responsive.enabled=!0,a&&(n.exportable=!0,n.exporting.menu=new e.ExportMenu,n.exporting.menu.container=t,n.exporting.menu.align="right",n.exporting.menu.verticalAlign="top");const s=Intl.DateTimeFormat().resolvedOptions().locale,r=Intl.NumberFormat().resolvedOptions().locale;n.dateFormatter.dateFormat="yyyy-MM-dd HH:mm:ss",n.dateFormatter.intlLocales=s,n.numberFormatter.intlLocales=r;const i=null!==(o=.1.toLocaleString().charAt(1))&&void 0!==o?o:".",u=null!==(c=1e4.toLocaleString().charAt(2))&&void 0!==c?c:",";n.language.locale._decimalSeparator=isNaN(parseInt(i))?i:".",n.language.locale._thousandSeparator=isNaN(parseInt(u))?u:",",(null==n?void 0:n.logo)&&(n.logo.disabled=!0)}function o(e){e.maskBullets=!1,e.cursor=new n.XYCursor,e.cursor.exportable=!1,e.cursor.lineX.strokeOpacity=0,e.cursor.lineY.strokeOpacity=0,e.cursor.behavior="none",e.cursor.maxTooltipDistance=10}function c(e,t,a,o=[],c="X",s=60){const r=new n.CategoryAxis;return r.id=t,"X"===c||"X2"===c?(e.xAxes.push(r),r.renderer.minGridDistance=s,r.renderer.labels.template.maxWidth=110,r.renderer.labels.template.paddingBottom=0,r.renderer.labels.template.rotation=315,r.renderer.labels.template.horizontalCenter="right",r.renderer.labels.template.verticalCenter="middle",r.renderer.grid.template.location=0):(e.yAxes.push(r),r.renderer.labels.template.maxWidth=200,r.title.maxWidth=300,r.title.truncate=!0,r.title.tooltipText="{text}",r.title.tooltip&&(r.title.tooltip.ignoreBounds=!0)),"X2"!==c&&"Y2"!==c||(r.renderer.opposite=!0),r.dataFields.category=a,r.cursorTooltipEnabled=!1,r.renderer.labels.template.wrap=!0,r.renderer.cellStartLocation=.1,r.renderer.cellEndLocation=.9,o&&o.length>0&&(r.title.text=o.join("\n"),r.title.fontWeight="700"),r}function s(e,t,a=[],o="X",c=55){const s=new n.DateAxis;return s.id=t,"X"===o||"X2"===o?(e.xAxes.push(s),s.title.marginTop=-15,s.renderer.minGridDistance=c,s.renderer.labels.template.maxWidth=110,s.renderer.labels.template.paddingBottom=0,s.renderer.labels.template.rotation=315,s.renderer.labels.template.horizontalCenter="right",s.renderer.labels.template.verticalCenter="middle",s.renderer.labels.template.dy=-16,s.renderer.labels.template.dx=8):(e.yAxes.push(s),s.renderer.inversed=!0,s.renderer.labels.template.maxWidth=200,s.title.maxWidth=300,s.title.truncate=!0,s.title.tooltipText="{text}",s.title.tooltip&&(s.title.tooltip.ignoreBounds=!0)),"X2"!==o&&"Y2"!==o||(s.renderer.opposite=!0),s.cursorTooltipEnabled=!1,s.renderer.labels.template.wrap=!0,s.renderer.cellStartLocation=.1,s.renderer.cellEndLocation=.9,s.dateFormats.setKey("day","yyyy-MM-dd"),s.periodChangeDateFormats.setKey("day","yyyy-MM-dd"),s.periodChangeDateFormats.setKey("hour","yyyy-MM-dd"),a&&a.length>0&&(s.title.text=a.join("\n"),s.title.fontWeight="700"),s}function r(e,t,a=[],o="Y"){const c=new n.ValueAxis;return c.id=t,"X"===o||"X2"===o?e.xAxes.push(c):(e.yAxes.push(c),c.title.maxWidth=300,c.title.truncate=!0,c.title.tooltipText="{text}",c.title.tooltip&&(c.title.tooltip.ignoreBounds=!0)),"X2"!==o&&"Y2"!==o||(c.renderer.opposite=!0),c.title.maxWidth=300,c.title.truncate=!0,c.title.tooltipText="{text}",c.title.tooltip&&(c.title.tooltip.ignoreBounds=!0),c.cursorTooltipEnabled=!1,c.renderer.grid.template.strokeOpacity=0,a&&a.length>0&&(c.title.text=a.join("\n"),c.title.fontWeight="700"),c}function i(t,a,o,c,s,r,i){let u;switch(o){case"Area":case"StackedArea":case"Line":case"SmoothedLine":case"Step":case"ScatterPlot":const a=t.series.push("Step"===o?new n.StepLineSeries:new n.LineSeries);a.strokeWidth=3,a.hideTooltip(),"Area"===o||"StackedArea"===o?(a.fillOpacity=.6,a.stacked="StackedArea"===o):"SmoothedLine"===o?a.tensionX=.77:"ScatterPlot"===o&&(a.strokeOpacity=0),u=a;break;case"Column":case"StackedColumn":const c=t.series.push(new n.ColumnSeries);c.columns.template.width=e.percent(90),c.stacked="StackedColumn"===o,u=c}return u.name=a,u.xAxis=c,console.log({xPropertyName:s,yPropertyName:i,xAxis:c,yAxis:r}),c instanceof n.CategoryAxis?(c.dataFields.category=s,u.dataFields.categoryX=s):c instanceof n.DateAxis?u.dataFields.dateX=s:u.dataFields.valueX=s,u.yAxis=r,r instanceof n.CategoryAxis?u.dataFields.categoryY=i:r instanceof n.DateAxis?u.dataFields.dateY=i:u.dataFields.valueY=i,f(u,o),console.log(u.dataFields),u}function u(e,t="right"){e.legend=new n.Legend,e.legend.position=t,e.legend.align="left",e.legend.labels.template.truncate=!1,e.legend.labels.template.wrap=!0,e.legend.valueLabels.template.text=""}function l(t,a,o){let c;if("ScatterPlot"===o){const n=a.bullets.push(new e.Circle);n.strokeOpacity=0,n.fillOpacity=.5,n.radius=4,n.hiddenState.properties.opacity=0,c=n}else{if("Area"!==o&&"Line"!==o&&"SmoothedLine"!==o&&"StackedArea"!==o)return;{const e=a.bullets.push(new n.CircleBullet);a.minBulletDistance=30,e.circle.radius=4,e.circle.strokeWidth=2,(t.scrollbarX||t.scrollbarY)&&function(n,e){n.adapter.add("dy",((n,t)=>(t.visible=!(t.pixelX<0||t.pixelX>e.plotContainer.measuredWidth||t.pixelY<0||t.pixelY>e.plotContainer.measuredHeight),n)))}(e,t),c=e}}c.states.create("hover").properties.scale=1.3,f(a,o)}function f(e,t){const a=e.xAxis instanceof n.CategoryAxis?"categoryX":e.xAxis instanceof n.DateAxis?"dateX":"valueX",o=e.yAxis instanceof n.CategoryAxis?"categoryY":e.yAxis instanceof n.DateAxis?"dateY":"valueY";let c="[bold]{"+a+"}[/]\n{name}: {"+o+"}";switch("StackedColumn"===t||"StackedArea"===t?(c="{name}: [bold]{"+o+"}[/]","categoryY"===o&&"categoryX"!==a&&(c="{name}: [bold]{"+a+"}[/]")):"categoryY"===o&&"categoryX"!==a&&(c="[bold]{"+o+"}[/]\n{name}: {"+a+"}"),e.tooltip&&(e.tooltip.exportable=!1),t){case"Area":case"StackedArea":case"Line":case"SmoothedLine":case"Step":case"ScatterPlot":const n=e;if("ScatterPlot"===t){let t=e.xAxis.title.text+":\n{"+a+"}\n\n";t+=e.yAxis.title.text+":\n{"+o+"}";const c=n.bullets.getIndex(0);c&&(n.cursorTooltipEnabled=!1,c.tooltipText=t)}else n.tooltipText=c;break;case"Column":case"StackedColumn":e.tooltipText=c}}function d(t,a=!1){t.radius=e.percent(65),t.chartContainer.resizable=!0,t.chartContainer.width=e.percent(100),t.svgContainer.autoResize=!0,t.height=e.percent(100),t.width=e.percent(100),t.responsive.enabled=!0,t.responsive.rules.push({relevant:function(n){return n.pixelWidth<=600},state:function(e,t){if(e instanceof n.PieSeries){const n=e.states.create(t);return e.labels.template.states.create(t).properties.disabled=!0,e.ticks.template.states.create(t).properties.disabled=!0,n}}}),t.responsive.rules.push({relevant:function(n){return n.pixelWidth>600},state:function(e,t){if(e instanceof n.Legend&&!a){const n=e.states.create(t);return n.properties.disabled=!0,n}}}),t.events.on("sizechanged",(function(){if(t.pixelWidth<=600)t.radius=e.percent(80);else{const n=Math.min(t.pixelHeight,t.pixelWidth);t.radius=e.percent(Math.min((t.pixelWidth-400)/n*100,80))}}))}function y(t,a,o,c=!0,s,r){const i=t.series.push(new n.PieSeries);i.ignoreZeroValues=!!c,i.dataFields.category=a,i.dataFields.value=o,i.labels.template.maxWidth=200,i.labels.template.wrap=!0,(s||r)&&i.slices.template.events.once("inited",(function(n){const t=function(n,t,a,o){if(a){const n=a(o);return n?e.color(n):null}return(null==t?void 0:t[o[n]])?e.color(null==t?void 0:t[o[n]]):null}(a,s,r,n.target.dataItem.dataContext);n.target.fill=t,n.target.stroke=t})),i.slices.template.tooltipText="{category}: {value.percent.formatNumber('#.#')}% ({value.value})"}function m(e,t="right"){e.legend=new n.Legend,e.legend.position=t,e.legend.labels.template.truncate=!1,e.legend.labels.template.wrap=!0}function h(n,t,a,o,c,s,r,i){n.height=e.percent(100),n.paddingRight=c,n.paddingTop=20,n.dataFields.fromName=a,n.dataFields.toName=o,n.dataFields.value=t,n.nodes.template.nameLabel.label.hideOversized=!0,n.nodes.template.nameLabel.label.text=s,n.nodes.template.tooltipText=i,n.links.template.tooltipText=r,n.nodes.template.nameLabel.label.wrap=!0,n.nodes.template.propertyFields.hidden="disabled",n.minNodeSize=1e-4,n.nodePadding=1,n.links.template.minWidth=1}export{o as a,r as b,s as c,c as d,i as e,u as f,m as g,d as h,y as i,h as j,l as k,t as p,a as s}

package/dist/components/check-box-group.js

@@ -1,9 +1 @@
-import { C as CheckboxGroup, d as defineCustomElement$1 } from './check-box-group2.js';
-
-const CheckBoxGroup = CheckboxGroup;
-const defineCustomElement = defineCustomElement$1;
-
-export { CheckBoxGroup, defineCustomElement };
-//# sourceMappingURL=check-box-group.js.map
-
-//# sourceMappingURL=check-box-group.js.map
+import{C as o,d as r}from"./check-box-group2.js";const s=o,c=r;export{s as CheckBoxGroup,c as defineCustomElement}