@fluentui/react-charting 5.23.17 → 5.23.19

package/lib-amd/components/DeclarativeChart/PlotlySchemaAdapter.js

@@ -0,0 +1,402 @@
+define(["require", "exports", "tslib", "../../utilities/colors"], function (require, exports, tslib_1, colors_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.findArrayAttributes = exports.transformPlotlyJsonToGaugeProps = exports.transformPlotlyJsonToSankeyProps = exports.transformPlotlyJsonToHeatmapProps = exports.transformPlotlyJsonToHorizontalBarWithAxisProps = exports.transformPlotlyJsonToScatterChartProps = exports.transformPlotlyJsonToGVBCProps = exports.transformPlotlyJsonToVSBCProps = exports.transformPlotlyJsonToDonutProps = exports.getColor = exports.isNumberArray = exports.isDateArray = void 0;
+    var isDate = function (value) { return !isNaN(Date.parse(value)); };
+    var isNumber = function (value) { return !isNaN(parseFloat(value)) && isFinite(value); };
+    var isDateArray = function (array) { return isArrayOrTypedArray(array) && array.every(isDate); };
+    exports.isDateArray = isDateArray;
+    var isNumberArray = function (array) { return isArrayOrTypedArray(array) && array.every(isNumber); };
+    exports.isNumberArray = isNumberArray;
+    var getColor = function (legendLabel, colorMap) {
+        if (!colorMap.current.has(legendLabel)) {
+            var nextColor = (0, colors_1.getNextColor)(colorMap.current.size + 1);
+            colorMap.current.set(legendLabel, nextColor);
+            return nextColor;
+        }
+        return colorMap.current.get(legendLabel);
+    };
+    exports.getColor = getColor;
+    var transformPlotlyJsonToDonutProps = function (jsonObj, colorMap) {
+        var _a, _b;
+        var data = jsonObj.data, layout = jsonObj.layout;
+        var firstData = data[0];
+        var donutData = (_a = firstData.labels) === null || _a === void 0 ? void 0 : _a.map(function (label, index) {
+            var _a;
+            var color = (0, exports.getColor)(label, colorMap);
+            return {
+                legend: label,
+                data: (_a = firstData.values) === null || _a === void 0 ? void 0 : _a[index],
+                color: color,
+            };
+        });
+        // TODO: innerRadius as a fraction needs to be supported internally. The pixel value depends on
+        // chart dimensions, arc label dimensions and the legend container height, all of which are subject to change.
+        var width = (layout === null || layout === void 0 ? void 0 : layout.width) || 440;
+        var height = (layout === null || layout === void 0 ? void 0 : layout.height) || 220;
+        var hideLabels = firstData.textinfo ? !['value', 'percent'].includes(firstData.textinfo) : false;
+        var donutMarginHorizontal = hideLabels ? 0 : 80;
+        var donutMarginVertical = 40 + (hideLabels ? 0 : 40);
+        var innerRadius = firstData.hole
+            ? firstData.hole * (Math.min(width - donutMarginHorizontal, height - donutMarginVertical) / 2)
+            : 0;
+        var styles = {
+            root: {
+                '[class^="arcLabel"]': {
+                    fontSize: (_b = firstData.textfont) === null || _b === void 0 ? void 0 : _b.size,
+                },
+            },
+        };
+        return {
+            data: {
+                chartTitle: layout === null || layout === void 0 ? void 0 : layout.title,
+                chartData: donutData,
+            },
+            hideLegend: (layout === null || layout === void 0 ? void 0 : layout.showlegend) === false ? true : false,
+            width: width,
+            height: height,
+            innerRadius: innerRadius,
+            hideLabels: hideLabels,
+            showLabelsInPercent: firstData.textinfo ? firstData.textinfo === 'percent' : true,
+            styles: styles,
+            // TODO: Render custom hover card based on textinfo
+            // onRenderCalloutPerDataPoint: undefined,
+        };
+    };
+    exports.transformPlotlyJsonToDonutProps = transformPlotlyJsonToDonutProps;
+    var transformPlotlyJsonToVSBCProps = function (jsonObj, colorMap) {
+        var data = jsonObj.data, layout = jsonObj.layout;
+        var mapXToDataPoints = {};
+        var yMaxValue = 0;
+        data.forEach(function (series, index1) {
+            var _a;
+            (_a = series.x) === null || _a === void 0 ? void 0 : _a.forEach(function (x, index2) {
+                var _a, _b, _c;
+                if (!mapXToDataPoints[x]) {
+                    mapXToDataPoints[x] = { xAxisPoint: x, chartData: [], lineData: [] };
+                }
+                var legend = series.name || "Series ".concat(index1 + 1);
+                if (series.type === 'bar') {
+                    var color = (0, exports.getColor)(legend, colorMap);
+                    mapXToDataPoints[x].chartData.push({
+                        legend: legend,
+                        data: (_a = series.y) === null || _a === void 0 ? void 0 : _a[index2],
+                        color: color,
+                    });
+                }
+                else if (series.type === 'line') {
+                    var color = (0, exports.getColor)(legend, colorMap);
+                    mapXToDataPoints[x].lineData.push({
+                        legend: legend,
+                        y: (_b = series.y) === null || _b === void 0 ? void 0 : _b[index2],
+                        color: color,
+                    });
+                }
+                yMaxValue = Math.max(yMaxValue, (_c = series.y) === null || _c === void 0 ? void 0 : _c[index2]);
+            });
+        });
+        return {
+            data: Object.values(mapXToDataPoints),
+            chartTitle: layout === null || layout === void 0 ? void 0 : layout.title,
+            // width: layout?.width,
+            // height: layout?.height,
+            barWidth: 'auto',
+            yMaxValue: yMaxValue,
+        };
+    };
+    exports.transformPlotlyJsonToVSBCProps = transformPlotlyJsonToVSBCProps;
+    // TODO: Add support for continuous x-axis in grouped vertical bar chart
+    var transformPlotlyJsonToGVBCProps = function (jsonObj, colorMap) {
+        var data = jsonObj.data, layout = jsonObj.layout;
+        var mapXToDataPoints = {};
+        data.forEach(function (series, index1) {
+            var _a;
+            (_a = series.x) === null || _a === void 0 ? void 0 : _a.forEach(function (x, index2) {
+                var _a;
+                if (!mapXToDataPoints[x]) {
+                    mapXToDataPoints[x] = { name: x.toString(), series: [] };
+                }
+                if (series.type === 'bar') {
+                    var legend = series.name || "Series ".concat(index1 + 1);
+                    var color = (0, exports.getColor)(legend, colorMap);
+                    mapXToDataPoints[x].series.push({
+                        key: legend,
+                        data: (_a = series.y) === null || _a === void 0 ? void 0 : _a[index2],
+                        color: color,
+                        legend: legend,
+                    });
+                }
+            });
+        });
+        return {
+            data: Object.values(mapXToDataPoints),
+            chartTitle: layout === null || layout === void 0 ? void 0 : layout.title,
+            // width: layout?.width,
+            // height: layout?.height,
+            barwidth: 'auto',
+        };
+    };
+    exports.transformPlotlyJsonToGVBCProps = transformPlotlyJsonToGVBCProps;
+    var transformPlotlyJsonToScatterChartProps = function (jsonObj, isAreaChart, colorMap) {
+        var data = jsonObj.data, layout = jsonObj.layout;
+        var chartData = data.map(function (series, index) {
+            var xValues = series.x;
+            var isString = typeof xValues[0] === 'string';
+            var isXDate = (0, exports.isDateArray)(xValues);
+            var isXNumber = (0, exports.isNumberArray)(xValues);
+            var legend = series.name || "Series ".concat(index + 1);
+            var lineColor = (0, exports.getColor)(legend, colorMap);
+            return {
+                legend: legend,
+                data: xValues.map(function (x, i) { return ({
+                    x: isString ? (isXDate ? new Date(x) : isXNumber ? parseFloat(x) : x) : x,
+                    y: series.y[i],
+                }); }),
+                color: lineColor,
+            };
+        });
+        var chartProps = {
+            chartTitle: layout.title || '',
+            lineChartData: chartData,
+        };
+        if (isAreaChart) {
+            return {
+                data: chartProps,
+            };
+        }
+        else {
+            return {
+                data: chartProps,
+            };
+        }
+    };
+    exports.transformPlotlyJsonToScatterChartProps = transformPlotlyJsonToScatterChartProps;
+    var transformPlotlyJsonToHorizontalBarWithAxisProps = function (jsonObj, colorMap) {
+        var _a, _b;
+        var data = jsonObj.data, layout = jsonObj.layout;
+        var chartData = data
+            .map(function (series, index) {
+            return series.y.map(function (yValue, i) {
+                var color = (0, exports.getColor)(yValue, colorMap);
+                return {
+                    x: series.x[i],
+                    y: yValue,
+                    legend: yValue,
+                    color: color,
+                };
+            });
+        })
+            .flat();
+        var chartHeight = layout.height || 350;
+        var margin = ((_a = layout.margin) === null || _a === void 0 ? void 0 : _a.l) || 0;
+        var padding = ((_b = layout.margin) === null || _b === void 0 ? void 0 : _b.pad) || 0;
+        var availableHeight = chartHeight - margin - padding;
+        var numberOfBars = data[0].y.length;
+        var gapFactor = 0.5;
+        var barHeight = availableHeight / (numberOfBars * (1 + gapFactor));
+        return {
+            data: chartData,
+            chartTitle: layout.title || '',
+            barHeight: barHeight,
+            showYAxisLables: true,
+            styles: {
+                root: {
+                    height: chartHeight,
+                    width: layout.width || 600,
+                },
+            },
+        };
+    };
+    exports.transformPlotlyJsonToHorizontalBarWithAxisProps = transformPlotlyJsonToHorizontalBarWithAxisProps;
+    // FIXME: Order of string axis ticks does not match the order in plotly json
+    // TODO: Add support for custom hover card
+    var transformPlotlyJsonToHeatmapProps = function (jsonObj) {
+        var _a, _b, _c;
+        var data = jsonObj.data, layout = jsonObj.layout;
+        var firstData = data[0];
+        var heatmapDataPoints = [];
+        var zMin = Number.POSITIVE_INFINITY;
+        var zMax = Number.NEGATIVE_INFINITY;
+        (_a = firstData.x) === null || _a === void 0 ? void 0 : _a.forEach(function (xVal, xIdx) {
+            var _a;
+            (_a = firstData.y) === null || _a === void 0 ? void 0 : _a.forEach(function (yVal, yIdx) {
+                var _a, _b, _c, _d;
+                var zVal = (_b = (_a = firstData.z) === null || _a === void 0 ? void 0 : _a[yIdx]) === null || _b === void 0 ? void 0 : _b[xIdx];
+                heatmapDataPoints.push({
+                    x: ((_c = layout.xaxis) === null || _c === void 0 ? void 0 : _c.type) === 'date' ? new Date(xVal) : xVal,
+                    y: ((_d = layout.yaxis) === null || _d === void 0 ? void 0 : _d.type) === 'date' ? new Date(yVal) : yVal,
+                    value: zVal,
+                });
+                zMin = Math.min(zMin, zVal);
+                zMax = Math.max(zMax, zVal);
+            });
+        });
+        var heatmapData = {
+            legend: firstData.name || '',
+            data: heatmapDataPoints,
+            value: 0,
+        };
+        // Convert normalized values to actual values
+        var domainValuesForColorScale = (_b = firstData.colorscale) === null || _b === void 0 ? void 0 : _b.map(function (arr) { return arr[0] * (zMax - zMin) + zMin; });
+        var rangeValuesForColorScale = (_c = firstData.colorscale) === null || _c === void 0 ? void 0 : _c.map(function (arr) { return arr[1]; });
+        return {
+            data: [heatmapData],
+            domainValuesForColorScale: domainValuesForColorScale,
+            rangeValuesForColorScale: rangeValuesForColorScale,
+            hideLegend: true,
+        };
+    };
+    exports.transformPlotlyJsonToHeatmapProps = transformPlotlyJsonToHeatmapProps;
+    var transformPlotlyJsonToSankeyProps = function (jsonObj, colorMap) {
+        var _a;
+        var data = jsonObj.data, layout = jsonObj.layout;
+        var _b = data[0], link = _b.link, node = _b.node;
+        var validLinks = link.value
+            .map(function (val, index) { return ({
+            value: val,
+            source: link.source[index],
+            target: link.target[index],
+        }); })
+            // eslint-disable-next-line @typescript-eslint/no-shadow
+            //@ts-expect-error Dynamic link object. Ignore for now.
+            .filter(function (x) { return x.source !== x.target; }); // Filter out self-references (circular links)
+        var sankeyChartData = {
+            nodes: node.label.map(function (label, index) {
+                var color = (0, exports.getColor)(label, colorMap);
+                return {
+                    nodeId: index,
+                    name: label,
+                    color: color,
+                };
+            }),
+            links: validLinks.map(function (validLink, index) {
+                return tslib_1.__assign({}, validLink);
+            }),
+        };
+        var width = (layout === null || layout === void 0 ? void 0 : layout.width) || 440;
+        var height = (layout === null || layout === void 0 ? void 0 : layout.height) || 220;
+        var styles = {
+            root: {
+                fontSize: (_a = layout.font) === null || _a === void 0 ? void 0 : _a.size,
+            },
+        };
+        var shouldResize = width + height;
+        return {
+            data: {
+                chartTitle: layout === null || layout === void 0 ? void 0 : layout.title,
+                SankeyChartData: sankeyChartData,
+            },
+            width: width,
+            height: height,
+            styles: styles,
+            shouldResize: shouldResize,
+            enableReflow: true,
+        };
+    };
+    exports.transformPlotlyJsonToSankeyProps = transformPlotlyJsonToSankeyProps;
+    var transformPlotlyJsonToGaugeProps = function (jsonObj, colorMap) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        var data = jsonObj.data, layout = jsonObj.layout;
+        var firstData = data[0];
+        var segments = (_b = (_a = firstData.gauge) === null || _a === void 0 ? void 0 : _a.steps) === null || _b === void 0 ? void 0 : _b.map(function (step, index) {
+            var _a, _b;
+            var legend = step.name || "Segment ".concat(index + 1);
+            var color = (0, exports.getColor)(legend, colorMap);
+            return {
+                legend: legend,
+                size: ((_a = step.range) === null || _a === void 0 ? void 0 : _a[1]) - ((_b = step.range) === null || _b === void 0 ? void 0 : _b[0]),
+                color: color,
+            };
+        });
+        var sublabel;
+        var sublabelColor;
+        if (typeof ((_c = firstData.delta) === null || _c === void 0 ? void 0 : _c.reference) === 'number') {
+            var diff = firstData.value - firstData.delta.reference;
+            if (diff >= 0) {
+                sublabel = "\u25B2 ".concat(diff);
+                var color = (0, exports.getColor)(((_d = firstData.delta.increasing) === null || _d === void 0 ? void 0 : _d.color) || '', colorMap);
+                sublabelColor = color;
+            }
+            else {
+                sublabel = "\u25BC ".concat(Math.abs(diff));
+                var color = (0, exports.getColor)(((_e = firstData.delta.decreasing) === null || _e === void 0 ? void 0 : _e.color) || '', colorMap);
+                sublabelColor = color;
+            }
+        }
+        var styles = {
+            sublabel: {
+                fill: sublabelColor,
+            },
+        };
+        return {
+            segments: segments,
+            chartValue: firstData.value,
+            chartTitle: (_f = firstData.title) === null || _f === void 0 ? void 0 : _f.text,
+            sublabel: sublabel,
+            // range values can be null
+            minValue: (_k = (_j = (_h = (_g = firstData.gauge) === null || _g === void 0 ? void 0 : _g.axis) === null || _h === void 0 ? void 0 : _h.range) === null || _j === void 0 ? void 0 : _j[0]) !== null && _k !== void 0 ? _k : undefined,
+            maxValue: (_p = (_o = (_m = (_l = firstData.gauge) === null || _l === void 0 ? void 0 : _l.axis) === null || _m === void 0 ? void 0 : _m.range) === null || _o === void 0 ? void 0 : _o[1]) !== null && _p !== void 0 ? _p : undefined,
+            chartValueFormat: function () { return firstData.value; },
+            width: layout === null || layout === void 0 ? void 0 : layout.width,
+            height: layout === null || layout === void 0 ? void 0 : layout.height,
+            hideLegend: true,
+            styles: styles,
+        };
+    };
+    exports.transformPlotlyJsonToGaugeProps = transformPlotlyJsonToGaugeProps;
+    function isTypedArray(a) {
+        return ArrayBuffer.isView(a) && !(a instanceof DataView);
+    }
+    function isArrayOrTypedArray(a) {
+        return Array.isArray(a) || isTypedArray(a);
+    }
+    function isPlainObject(obj) {
+        if (window && window.process && window.process.versions) {
+            return Object.prototype.toString.call(obj) === '[object Object]';
+        }
+        return (Object.prototype.toString.call(obj) === '[object Object]' &&
+            Object.getPrototypeOf(obj).hasOwnProperty('hasOwnProperty'));
+    }
+    var arrayAttributes = [];
+    var stack = [];
+    var isArrayStack = [];
+    var baseContainer, baseAttrName;
+    /**
+     * Interate iteratively through the trace object and find all the array attributes.
+     * 1 trace record = 1 series of data
+     * @param trace
+     */
+    function findArrayAttributes(trace) {
+        // Init basecontainer and baseAttrName
+        crawlIntoTrace(baseContainer, 0, '');
+        for (var _i = 0, arrayAttributes_1 = arrayAttributes; _i < arrayAttributes_1.length; _i++) {
+            var attribute = arrayAttributes_1[_i];
+            console.log(attribute);
+        }
+    }
+    exports.findArrayAttributes = findArrayAttributes;
+    function crawlIntoTrace(container, i, astrPartial) {
+        var item = container[stack[i]];
+        var newAstrPartial = astrPartial + stack[i];
+        if (i === stack.length - 1) {
+            if (isArrayOrTypedArray(item)) {
+                arrayAttributes.push(baseAttrName + newAstrPartial);
+            }
+        }
+        else {
+            if (isArrayStack[i]) {
+                if (Array.isArray(item)) {
+                    for (var j = 0; j < item.length; j++) {
+                        if (isPlainObject(item[j])) {
+                            crawlIntoTrace(item[j], i + 1, newAstrPartial + '[' + j + '].');
+                        }
+                    }
+                }
+            }
+            else if (isPlainObject(item)) {
+                crawlIntoTrace(item, i + 1, newAstrPartial + '.');
+            }
+        }
+    }
+});
+//# sourceMappingURL=PlotlySchemaAdapter.js.map

package/lib-amd/components/DeclarativeChart/PlotlySchemaAdapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlotlySchemaAdapter.js","sourceRoot":"../src/","sources":["components/DeclarativeChart/PlotlySchemaAdapter.ts"],"names":[],"mappings":";;;;IA2BA,IAAM,MAAM,GAAG,UAAC,KAAU,IAAc,OAAA,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAzB,CAAyB,CAAC;IAClE,IAAM,QAAQ,GAAG,UAAC,KAAU,IAAc,OAAA,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,EAA5C,CAA4C,CAAC;IAChF,IAAM,WAAW,GAAG,UAAC,KAAY,IAAc,OAAA,mBAAmB,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,EAAjD,CAAiD,CAAC;IAA3F,QAAA,WAAW,eAAgF;IACjG,IAAM,aAAa,GAAG,UAAC,KAAY,IAAc,OAAA,mBAAmB,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAnD,CAAmD,CAAC;IAA/F,QAAA,aAAa,iBAAkF;IAErG,IAAM,QAAQ,GAAG,UAAC,WAAmB,EAAE,QAAqD;QACjG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE;YACtC,IAAM,SAAS,GAAG,IAAA,qBAAY,EAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;YAC1D,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;YAC7C,OAAO,SAAS,CAAC;SAClB;QAED,OAAO,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,WAAW,CAAW,CAAC;IACrD,CAAC,CAAC;IARW,QAAA,QAAQ,YAQnB;IAEK,IAAM,+BAA+B,GAAG,UAC7C,OAAY,EACZ,QAAqD;;QAE7C,IAAA,IAAI,GAAa,OAAO,KAApB,EAAE,MAAM,GAAK,OAAO,OAAZ,CAAa;QACjC,IAAM,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QAE1B,IAAM,SAAS,GAAG,MAAA,SAAS,CAAC,MAAM,0CAAE,GAAG,CAAC,UAAC,KAAa,EAAE,KAAa;;YACnE,IAAM,KAAK,GAAG,IAAA,gBAAQ,EAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;YACxC,OAAO;gBACL,MAAM,EAAE,KAAK;gBACb,IAAI,EAAE,MAAA,SAAS,CAAC,MAAM,0CAAG,KAAK,CAAC;gBAC/B,KAAK,OAAA;aACN,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,+FAA+F;QAC/F,8GAA8G;QAC9G,IAAM,KAAK,GAAW,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,KAAI,GAAG,CAAC;QAC3C,IAAM,MAAM,GAAW,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,KAAI,GAAG,CAAC;QAC7C,IAAM,UAAU,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QACnG,IAAM,qBAAqB,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAClD,IAAM,mBAAmB,GAAG,EAAE,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACvD,IAAM,WAAW,GAAW,SAAS,CAAC,IAAI;YACxC,CAAC,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,qBAAqB,EAAE,MAAM,GAAG,mBAAmB,CAAC,GAAG,CAAC,CAAC;YAC9F,CAAC,CAAC,CAAC,CAAC;QAEN,IAAM,MAAM,GAA+B;YACzC,IAAI,EAAE;gBACJ,qBAAqB,EAAE;oBACrB,QAAQ,EAAE,MAAA,SAAS,CAAC,QAAQ,0CAAE,IAAI;iBACnC;aACF;SACF,CAAC;QAEF,OAAO;YACL,IAAI,EAAE;gBACJ,UAAU,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK;gBACzB,SAAS,EAAE,SAAS;aACrB;YACD,UAAU,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,MAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;YACvD,KAAK,OAAA;YACL,MAAM,QAAA;YACN,WAAW,aAAA;YACX,UAAU,YAAA;YACV,mBAAmB,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI;YACjF,MAAM,QAAA;YACN,mDAAmD;YACnD,0CAA0C;SAC3C,CAAC;IACJ,CAAC,CAAC;IAlDW,QAAA,+BAA+B,mCAkD1C;IAEK,IAAM,8BAA8B,GAAG,UAC5C,OAAY,EACZ,QAAqD;QAE7C,IAAA,IAAI,GAAa,OAAO,KAApB,EAAE,MAAM,GAAK,OAAO,OAAZ,CAAa;QACjC,IAAM,gBAAgB,GAAkD,EAAE,CAAC;QAC3E,IAAI,SAAS,GAAG,CAAC,CAAC;QAElB,IAAI,CAAC,OAAO,CAAC,UAAC,MAAW,EAAE,MAAc;;YACvC,MAAA,MAAM,CAAC,CAAC,0CAAE,OAAO,CAAC,UAAC,CAAkB,EAAE,MAAc;;gBACnD,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE;oBACxB,gBAAgB,CAAC,CAAC,CAAC,GAAG,EAAE,UAAU,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;iBACtE;gBACD,IAAM,MAAM,GAAW,MAAM,CAAC,IAAI,IAAI,iBAAU,MAAM,GAAG,CAAC,CAAE,CAAC;gBAC7D,IAAI,MAAM,CAAC,IAAI,KAAK,KAAK,EAAE;oBACzB,IAAM,KAAK,GAAG,IAAA,gBAAQ,EAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;oBACzC,gBAAgB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC;wBACjC,MAAM,QAAA;wBACN,IAAI,EAAE,MAAA,MAAM,CAAC,CAAC,0CAAG,MAAM,CAAC;wBACxB,KAAK,OAAA;qBACN,CAAC,CAAC;iBACJ;qBAAM,IAAI,MAAM,CAAC,IAAI,KAAK,MAAM,EAAE;oBACjC,IAAM,KAAK,GAAG,IAAA,gBAAQ,EAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;oBACzC,gBAAgB,CAAC,CAAC,CAAC,CAAC,QAAS,CAAC,IAAI,CAAC;wBACjC,MAAM,QAAA;wBACN,CAAC,EAAE,MAAA,MAAM,CAAC,CAAC,0CAAG,MAAM,CAAC;wBACrB,KAAK,OAAA;qBACN,CAAC,CAAC;iBACJ;gBAED,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,MAAA,MAAM,CAAC,CAAC,0CAAG,MAAM,CAAC,CAAC,CAAC;YACtD,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,OAAO;YACL,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC;YACrC,UAAU,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK;YACzB,wBAAwB;YACxB,0BAA0B;YAC1B,QAAQ,EAAE,MAAM;YAChB,SAAS,WAAA;SACV,CAAC;IACJ,CAAC,CAAC;IA1CW,QAAA,8BAA8B,kCA0CzC;IAEF,wEAAwE;IACjE,IAAM,8BAA8B,GAAG,UAC5C,OAAY,EACZ,QAAqD;QAE7C,IAAA,IAAI,GAAa,OAAO,KAApB,EAAE,MAAM,GAAK,OAAO,OAAZ,CAAa;QACjC,IAAM,gBAAgB,GAAiD,EAAE,CAAC;QAE1E,IAAI,CAAC,OAAO,CAAC,UAAC,MAAW,EAAE,MAAc;;YACvC,MAAA,MAAM,CAAC,CAAC,0CAAE,OAAO,CAAC,UAAC,CAAkB,EAAE,MAAc;;gBACnD,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE;oBACxB,gBAAgB,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;iBAC1D;gBACD,IAAI,MAAM,CAAC,IAAI,KAAK,KAAK,EAAE;oBACzB,IAAM,MAAM,GAAW,MAAM,CAAC,IAAI,IAAI,iBAAU,MAAM,GAAG,CAAC,CAAE,CAAC;oBAC7D,IAAM,KAAK,GAAG,IAAA,gBAAQ,EAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;oBAEzC,gBAAgB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC;wBAC9B,GAAG,EAAE,MAAM;wBACX,IAAI,EAAE,MAAA,MAAM,CAAC,CAAC,0CAAG,MAAM,CAAC;wBACxB,KAAK,OAAA;wBACL,MAAM,QAAA;qBACP,CAAC,CAAC;iBACJ;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,OAAO;YACL,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC;YACrC,UAAU,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK;YACzB,wBAAwB;YACxB,0BAA0B;YAC1B,QAAQ,EAAE,MAAM;SACjB,CAAC;IACJ,CAAC,CAAC;IAjCW,QAAA,8BAA8B,kCAiCzC;IAEK,IAAM,sCAAsC,GAAG,UACpD,OAAY,EACZ,WAAoB,EACpB,QAAqD;QAE7C,IAAA,IAAI,GAAa,OAAO,KAApB,EAAE,MAAM,GAAK,OAAO,OAAZ,CAAa;QAEjC,IAAM,SAAS,GAAuB,IAAI,CAAC,GAAG,CAAC,UAAC,MAAW,EAAE,KAAa;YACxE,IAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC;YACzB,IAAM,QAAQ,GAAG,OAAO,OAAO,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC;YAChD,IAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,OAAO,CAAC,CAAC;YACrC,IAAM,SAAS,GAAG,IAAA,qBAAa,EAAC,OAAO,CAAC,CAAC;YACzC,IAAM,MAAM,GAAG,MAAM,CAAC,IAAI,IAAI,iBAAU,KAAK,GAAG,CAAC,CAAE,CAAC;YACpD,IAAM,SAAS,GAAG,IAAA,gBAAQ,EAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;YAE7C,OAAO;gBACL,MAAM,QAAA;gBACN,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,UAAC,CAAkB,EAAE,CAAS,IAAK,OAAA,CAAC;oBACpD,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBACnF,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;iBACf,CAAC,EAHmD,CAGnD,CAAC;gBACH,KAAK,EAAE,SAAS;aACjB,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,IAAM,UAAU,GAAgB;YAC9B,UAAU,EAAE,MAAM,CAAC,KAAK,IAAI,EAAE;YAC9B,aAAa,EAAE,SAAS;SACzB,CAAC;QAEF,IAAI,WAAW,EAAE;YACf,OAAO;gBACL,IAAI,EAAE,UAAU;aACE,CAAC;SACtB;aAAM;YACL,OAAO;gBACL,IAAI,EAAE,UAAU;aACE,CAAC;SACtB;IACH,CAAC,CAAC;IAvCW,QAAA,sCAAsC,0CAuCjD;IAEK,IAAM,+CAA+C,GAAG,UAC7D,OAAY,EACZ,QAAqD;;QAE7C,IAAA,IAAI,GAAa,OAAO,KAApB,EAAE,MAAM,GAAK,OAAO,OAAZ,CAAa;QAEjC,IAAM,SAAS,GAA2C,IAAI;aAC3D,GAAG,CAAC,UAAC,MAAW,EAAE,KAAa;YAC9B,OAAO,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,UAAC,MAAc,EAAE,CAAS;gBAC5C,IAAM,KAAK,GAAG,IAAA,gBAAQ,EAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;gBACzC,OAAO;oBACL,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;oBACd,CAAC,EAAE,MAAM;oBACT,MAAM,EAAE,MAAM;oBACd,KAAK,OAAA;iBACN,CAAC;YACJ,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;aACD,IAAI,EAAE,CAAC;QAEV,IAAM,WAAW,GAAG,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC;QACzC,IAAM,MAAM,GAAG,CAAA,MAAA,MAAM,CAAC,MAAM,0CAAE,CAAC,KAAI,CAAC,CAAC;QACrC,IAAM,OAAO,GAAG,CAAA,MAAA,MAAM,CAAC,MAAM,0CAAE,GAAG,KAAI,CAAC,CAAC;QACxC,IAAM,eAAe,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;QACvD,IAAM,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;QACtC,IAAM,SAAS,GAAG,GAAG,CAAC;QACtB,IAAM,SAAS,GAAG,eAAe,GAAG,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC;QAErE,OAAO;YACL,IAAI,EAAE,SAAS;YACf,UAAU,EAAE,MAAM,CAAC,KAAK,IAAI,EAAE;YAC9B,SAAS,WAAA;YACT,eAAe,EAAE,IAAI;YACrB,MAAM,EAAE;gBACN,IAAI,EAAE;oBACJ,MAAM,EAAE,WAAW;oBACnB,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,GAAG;iBAC3B;aACF;SACF,CAAC;IACJ,CAAC,CAAC;IAxCW,QAAA,+CAA+C,mDAwC1D;IAEF,4EAA4E;IAC5E,0CAA0C;IACnC,IAAM,iCAAiC,GAAG,UAAC,OAAY;;QACpD,IAAA,IAAI,GAAa,OAAO,KAApB,EAAE,MAAM,GAAK,OAAO,OAAZ,CAAa;QACjC,IAAM,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QAC1B,IAAM,iBAAiB,GAA6B,EAAE,CAAC;QACvD,IAAI,IAAI,GAAG,MAAM,CAAC,iBAAiB,CAAC;QACpC,IAAI,IAAI,GAAG,MAAM,CAAC,iBAAiB,CAAC;QAEpC,MAAA,SAAS,CAAC,CAAC,0CAAE,OAAO,CAAC,UAAC,IAAS,EAAE,IAAY;;YAC3C,MAAA,SAAS,CAAC,CAAC,0CAAE,OAAO,CAAC,UAAC,IAAS,EAAE,IAAY;;gBAC3C,IAAM,IAAI,GAAG,MAAA,MAAA,SAAS,CAAC,CAAC,0CAAG,IAAI,CAAC,0CAAG,IAAI,CAAC,CAAC;gBAEzC,iBAAiB,CAAC,IAAI,CAAC;oBACrB,CAAC,EAAE,CAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,MAAK,MAAM,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI;oBACxD,CAAC,EAAE,CAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,IAAI,MAAK,MAAM,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI;oBACxD,KAAK,EAAE,IAAI;iBACZ,CAAC,CAAC;gBAEH,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;gBAC5B,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YAC9B,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QACH,IAAM,WAAW,GAAsB;YACrC,MAAM,EAAE,SAAS,CAAC,IAAI,IAAI,EAAE;YAC5B,IAAI,EAAE,iBAAiB;YACvB,KAAK,EAAE,CAAC;SACT,CAAC;QAEF,6CAA6C;QAC7C,IAAM,yBAAyB,GAAa,MAAA,SAAS,CAAC,UAAU,0CAAE,GAAG,CAAC,UAAC,GAAQ,IAAK,OAAA,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,IAAI,EAA7B,CAA6B,CAAC,CAAC;QACnH,IAAM,wBAAwB,GAAa,MAAA,SAAS,CAAC,UAAU,0CAAE,GAAG,CAAC,UAAC,GAAQ,IAAK,OAAA,GAAG,CAAC,CAAC,CAAC,EAAN,CAAM,CAAC,CAAC;QAE3F,OAAO;YACL,IAAI,EAAE,CAAC,WAAW,CAAC;YACnB,yBAAyB,2BAAA;YACzB,wBAAwB,0BAAA;YACxB,UAAU,EAAE,IAAI;SACjB,CAAC;IACJ,CAAC,CAAC;IArCW,QAAA,iCAAiC,qCAqC5C;IAEK,IAAM,gCAAgC,GAAG,UAC9C,OAAY,EACZ,QAAqD;;QAE7C,IAAA,IAAI,GAAa,OAAO,KAApB,EAAE,MAAM,GAAK,OAAO,OAAZ,CAAa;QAC3B,IAAA,KAAiB,IAAI,CAAC,CAAC,CAAC,EAAtB,IAAI,UAAA,EAAE,IAAI,UAAY,CAAC;QAC/B,IAAM,UAAU,GAAG,IAAI,CAAC,KAAK;aAC1B,GAAG,CAAC,UAAC,GAAW,EAAE,KAAa,IAAK,OAAA,CAAC;YACpC,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;YAC1B,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;SAC3B,CAAC,EAJmC,CAInC,CAAC;YACH,wDAAwD;YACxD,uDAAuD;aACtD,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM,EAArB,CAAqB,CAAC,CAAC,CAAC,8CAA8C;QAErF,IAAM,eAAe,GAAG;YACtB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,KAAa,EAAE,KAAa;gBACjD,IAAM,KAAK,GAAG,IAAA,gBAAQ,EAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;gBAExC,OAAO;oBACL,MAAM,EAAE,KAAK;oBACb,IAAI,EAAE,KAAK;oBACX,KAAK,OAAA;iBACN,CAAC;YACJ,CAAC,CAAC;YACF,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,UAAC,SAAc,EAAE,KAAa;gBAClD,4BACK,SAAS,EACZ;YACJ,CAAC,CAAC;SACH,CAAC;QAEF,IAAM,KAAK,GAAW,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,KAAI,GAAG,CAAC;QAC3C,IAAM,MAAM,GAAW,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,KAAI,GAAG,CAAC;QAC7C,IAAM,MAAM,GAAgC;YAC1C,IAAI,EAAE;gBACJ,QAAQ,EAAE,MAAA,MAAM,CAAC,IAAI,0CAAE,IAAI;aAC5B;SACF,CAAC;QACF,IAAM,YAAY,GAAW,KAAK,GAAG,MAAM,CAAC;QAC5C,OAAO;YACL,IAAI,EAAE;gBACJ,UAAU,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK;gBACzB,eAAe,EAAE,eAAe;aACjC;YACD,KAAK,OAAA;YACL,MAAM,QAAA;YACN,MAAM,QAAA;YACN,YAAY,cAAA;YACZ,YAAY,EAAE,IAAI;SACnB,CAAC;IACJ,CAAC,CAAC;IApDW,QAAA,gCAAgC,oCAoD3C;IAEK,IAAM,+BAA+B,GAAG,UAC7C,OAAY,EACZ,QAAqD;;QAE7C,IAAA,IAAI,GAAa,OAAO,KAApB,EAAE,MAAM,GAAK,OAAO,OAAZ,CAAa;QACjC,IAAM,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QAE1B,IAAM,QAAQ,GAAG,MAAA,MAAA,SAAS,CAAC,KAAK,0CAAE,KAAK,0CAAE,GAAG,CAAC,UAAC,IAAS,EAAE,KAAa;;YACpE,IAAM,MAAM,GAAG,IAAI,CAAC,IAAI,IAAI,kBAAW,KAAK,GAAG,CAAC,CAAE,CAAC;YACnD,IAAM,KAAK,GAAG,IAAA,gBAAQ,EAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;YACzC,OAAO;gBACL,MAAM,QAAA;gBACN,IAAI,EAAE,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAG,CAAC,CAAC,KAAG,MAAA,IAAI,CAAC,KAAK,0CAAG,CAAC,CAAC,CAAA;gBACvC,KAAK,OAAA;aACN,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,IAAI,QAA4B,CAAC;QACjC,IAAI,aAAiC,CAAC;QACtC,IAAI,OAAO,CAAA,MAAA,SAAS,CAAC,KAAK,0CAAE,SAAS,CAAA,KAAK,QAAQ,EAAE;YAClD,IAAM,IAAI,GAAG,SAAS,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC;YACzD,IAAI,IAAI,IAAI,CAAC,EAAE;gBACb,QAAQ,GAAG,iBAAU,IAAI,CAAE,CAAC;gBAC5B,IAAM,KAAK,GAAG,IAAA,gBAAQ,EAAC,CAAA,MAAA,SAAS,CAAC,KAAK,CAAC,UAAU,0CAAE,KAAK,KAAI,EAAE,EAAE,QAAQ,CAAC,CAAC;gBAC1E,aAAa,GAAG,KAAK,CAAC;aACvB;iBAAM;gBACL,QAAQ,GAAG,iBAAU,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAE,CAAC;gBACtC,IAAM,KAAK,GAAG,IAAA,gBAAQ,EAAC,CAAA,MAAA,SAAS,CAAC,KAAK,CAAC,UAAU,0CAAE,KAAK,KAAI,EAAE,EAAE,QAAQ,CAAC,CAAC;gBAC1E,aAAa,GAAG,KAAK,CAAC;aACvB;SACF;QAED,IAAM,MAAM,GAA+B;YACzC,QAAQ,EAAE;gBACR,IAAI,EAAE,aAAa;aACpB;SACF,CAAC;QAEF,OAAO;YACL,QAAQ,UAAA;YACR,UAAU,EAAE,SAAS,CAAC,KAAK;YAC3B,UAAU,EAAE,MAAA,SAAS,CAAC,KAAK,0CAAE,IAAI;YACjC,QAAQ,UAAA;YACR,2BAA2B;YAC3B,QAAQ,EAAE,MAAA,MAAA,MAAA,MAAA,SAAS,CAAC,KAAK,0CAAE,IAAI,0CAAE,KAAK,0CAAG,CAAC,CAAC,mCAAI,SAAS;YACxD,QAAQ,EAAE,MAAA,MAAA,MAAA,MAAA,SAAS,CAAC,KAAK,0CAAE,IAAI,0CAAE,KAAK,0CAAG,CAAC,CAAC,mCAAI,SAAS;YACxD,gBAAgB,EAAE,cAAM,OAAA,SAAS,CAAC,KAAK,EAAf,CAAe;YACvC,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK;YACpB,MAAM,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM;YACtB,UAAU,EAAE,IAAI;YAChB,MAAM,QAAA;SACP,CAAC;IACJ,CAAC,CAAC;IApDW,QAAA,+BAA+B,mCAoD1C;IAEF,SAAS,YAAY,CAAC,CAAM;QAC1B,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,QAAQ,CAAC,CAAC;IAC3D,CAAC;IAED,SAAS,mBAAmB,CAAC,CAAM;QACjC,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC;IAC7C,CAAC;IAED,SAAS,aAAa,CAAC,GAAQ;QAC7B,IAAI,MAAM,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,CAAC,QAAQ,EAAE;YACvD,OAAO,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,iBAAiB,CAAC;SAClE;QAED,OAAO,CACL,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,iBAAiB;YACzD,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAC5D,CAAC;IACJ,CAAC;IAED,IAAI,eAAe,GAAU,EAAE,CAAC;IAChC,IAAI,KAAK,GAAU,EAAE,CAAC;IACtB,IAAI,YAAY,GAAU,EAAE,CAAC;IAC7B,IAAI,aAAkB,EAAE,YAAiB,CAAC;IAC1C;;;;OAIG;IACH,SAAgB,mBAAmB,CAAC,KAAU;QAC5C,sCAAsC;QACtC,cAAc,CAAC,aAAa,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QACrC,KAAwB,UAAe,EAAf,mCAAe,EAAf,6BAAe,EAAf,IAAe,EAAE;YAApC,IAAM,SAAS,wBAAA;YAClB,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;SACxB;IACH,CAAC;IAND,kDAMC;IAED,SAAS,cAAc,CAAC,SAAc,EAAE,CAAS,EAAE,WAAgB;QACjE,IAAI,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/B,IAAI,cAAc,GAAG,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QAC5C,IAAI,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YAC1B,IAAI,mBAAmB,CAAC,IAAI,CAAC,EAAE;gBAC7B,eAAe,CAAC,IAAI,CAAC,YAAY,GAAG,cAAc,CAAC,CAAC;aACrD;SACF;aAAM;YACL,IAAI,YAAY,CAAC,CAAC,CAAC,EAAE;gBACnB,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;oBACvB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;wBACpC,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE;4BAC1B,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,cAAc,GAAG,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;yBACjE;qBACF;iBACF;aACF;iBAAM,IAAI,aAAa,CAAC,IAAI,CAAC,EAAE;gBAC9B,cAAc,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,cAAc,GAAG,GAAG,CAAC,CAAC;aACnD;SACF;IACH,CAAC","sourcesContent":["/* eslint-disable one-var */\n/* eslint-disable vars-on-top */\n/* eslint-disable no-var */\n/* eslint-disable no-console */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport * as React from 'react';\nimport { IDonutChartProps } from '../DonutChart/index';\nimport {\n  IChartDataPoint,\n  IChartProps,\n  IHorizontalBarChartWithAxisDataPoint,\n  ILineChartPoints,\n  IVerticalStackedChartProps,\n  IHeatMapChartData,\n  IHeatMapChartDataPoint,\n  IGroupedVerticalBarChartData,\n} from '../../types/IDataPoint';\nimport { ISankeyChartProps } from '../SankeyChart/index';\nimport { IVerticalStackedBarChartProps } from '../VerticalStackedBarChart/index';\nimport { IHorizontalBarChartWithAxisProps } from '../HorizontalBarChartWithAxis/index';\nimport { ILineChartProps } from '../LineChart/index';\nimport { IAreaChartProps } from '../AreaChart/index';\nimport { IHeatMapChartProps } from '../HeatMapChart/index';\nimport { getNextColor } from '../../utilities/colors';\nimport { IGaugeChartProps, IGaugeChartSegment } from '../GaugeChart/index';\nimport { IGroupedVerticalBarChartProps } from '../GroupedVerticalBarChart/index';\n\nconst isDate = (value: any): boolean => !isNaN(Date.parse(value));\nconst isNumber = (value: any): boolean => !isNaN(parseFloat(value)) && isFinite(value);\nexport const isDateArray = (array: any[]): boolean => isArrayOrTypedArray(array) && array.every(isDate);\nexport const isNumberArray = (array: any[]): boolean => isArrayOrTypedArray(array) && array.every(isNumber);\n\nexport const getColor = (legendLabel: string, colorMap: React.MutableRefObject<Map<string, string>>): string => {\n  if (!colorMap.current.has(legendLabel)) {\n    const nextColor = getNextColor(colorMap.current.size + 1);\n    colorMap.current.set(legendLabel, nextColor);\n    return nextColor;\n  }\n\n  return colorMap.current.get(legendLabel) as string;\n};\n\nexport const transformPlotlyJsonToDonutProps = (\n  jsonObj: any,\n  colorMap: React.MutableRefObject<Map<string, string>>,\n): IDonutChartProps => {\n  const { data, layout } = jsonObj;\n  const firstData = data[0];\n\n  const donutData = firstData.labels?.map((label: string, index: number): IChartDataPoint => {\n    const color = getColor(label, colorMap);\n    return {\n      legend: label,\n      data: firstData.values?.[index],\n      color,\n    };\n  });\n\n  // TODO: innerRadius as a fraction needs to be supported internally. The pixel value depends on\n  // chart dimensions, arc label dimensions and the legend container height, all of which are subject to change.\n  const width: number = layout?.width || 440;\n  const height: number = layout?.height || 220;\n  const hideLabels = firstData.textinfo ? !['value', 'percent'].includes(firstData.textinfo) : false;\n  const donutMarginHorizontal = hideLabels ? 0 : 80;\n  const donutMarginVertical = 40 + (hideLabels ? 0 : 40);\n  const innerRadius: number = firstData.hole\n    ? firstData.hole * (Math.min(width - donutMarginHorizontal, height - donutMarginVertical) / 2)\n    : 0;\n\n  const styles: IDonutChartProps['styles'] = {\n    root: {\n      '[class^=\"arcLabel\"]': {\n        fontSize: firstData.textfont?.size,\n      },\n    },\n  };\n\n  return {\n    data: {\n      chartTitle: layout?.title,\n      chartData: donutData,\n    },\n    hideLegend: layout?.showlegend === false ? true : false,\n    width,\n    height,\n    innerRadius,\n    hideLabels,\n    showLabelsInPercent: firstData.textinfo ? firstData.textinfo === 'percent' : true,\n    styles,\n    // TODO: Render custom hover card based on textinfo\n    // onRenderCalloutPerDataPoint: undefined,\n  };\n};\n\nexport const transformPlotlyJsonToVSBCProps = (\n  jsonObj: any,\n  colorMap: React.MutableRefObject<Map<string, string>>,\n): IVerticalStackedBarChartProps => {\n  const { data, layout } = jsonObj;\n  const mapXToDataPoints: { [key: string]: IVerticalStackedChartProps } = {};\n  let yMaxValue = 0;\n\n  data.forEach((series: any, index1: number) => {\n    series.x?.forEach((x: string | number, index2: number) => {\n      if (!mapXToDataPoints[x]) {\n        mapXToDataPoints[x] = { xAxisPoint: x, chartData: [], lineData: [] };\n      }\n      const legend: string = series.name || `Series ${index1 + 1}`;\n      if (series.type === 'bar') {\n        const color = getColor(legend, colorMap);\n        mapXToDataPoints[x].chartData.push({\n          legend,\n          data: series.y?.[index2],\n          color,\n        });\n      } else if (series.type === 'line') {\n        const color = getColor(legend, colorMap);\n        mapXToDataPoints[x].lineData!.push({\n          legend,\n          y: series.y?.[index2],\n          color,\n        });\n      }\n\n      yMaxValue = Math.max(yMaxValue, series.y?.[index2]);\n    });\n  });\n\n  return {\n    data: Object.values(mapXToDataPoints),\n    chartTitle: layout?.title,\n    // width: layout?.width,\n    // height: layout?.height,\n    barWidth: 'auto',\n    yMaxValue,\n  };\n};\n\n// TODO: Add support for continuous x-axis in grouped vertical bar chart\nexport const transformPlotlyJsonToGVBCProps = (\n  jsonObj: any,\n  colorMap: React.MutableRefObject<Map<string, string>>,\n): IGroupedVerticalBarChartProps => {\n  const { data, layout } = jsonObj;\n  const mapXToDataPoints: Record<string, IGroupedVerticalBarChartData> = {};\n\n  data.forEach((series: any, index1: number) => {\n    series.x?.forEach((x: string | number, index2: number) => {\n      if (!mapXToDataPoints[x]) {\n        mapXToDataPoints[x] = { name: x.toString(), series: [] };\n      }\n      if (series.type === 'bar') {\n        const legend: string = series.name || `Series ${index1 + 1}`;\n        const color = getColor(legend, colorMap);\n\n        mapXToDataPoints[x].series.push({\n          key: legend,\n          data: series.y?.[index2],\n          color,\n          legend,\n        });\n      }\n    });\n  });\n\n  return {\n    data: Object.values(mapXToDataPoints),\n    chartTitle: layout?.title,\n    // width: layout?.width,\n    // height: layout?.height,\n    barwidth: 'auto',\n  };\n};\n\nexport const transformPlotlyJsonToScatterChartProps = (\n  jsonObj: any,\n  isAreaChart: boolean,\n  colorMap: React.MutableRefObject<Map<string, string>>,\n): ILineChartProps | IAreaChartProps => {\n  const { data, layout } = jsonObj;\n\n  const chartData: ILineChartPoints[] = data.map((series: any, index: number) => {\n    const xValues = series.x;\n    const isString = typeof xValues[0] === 'string';\n    const isXDate = isDateArray(xValues);\n    const isXNumber = isNumberArray(xValues);\n    const legend = series.name || `Series ${index + 1}`;\n    const lineColor = getColor(legend, colorMap);\n\n    return {\n      legend,\n      data: xValues.map((x: string | number, i: number) => ({\n        x: isString ? (isXDate ? new Date(x) : isXNumber ? parseFloat(x as string) : x) : x,\n        y: series.y[i],\n      })),\n      color: lineColor,\n    };\n  });\n\n  const chartProps: IChartProps = {\n    chartTitle: layout.title || '',\n    lineChartData: chartData,\n  };\n\n  if (isAreaChart) {\n    return {\n      data: chartProps,\n    } as IAreaChartProps;\n  } else {\n    return {\n      data: chartProps,\n    } as ILineChartProps;\n  }\n};\n\nexport const transformPlotlyJsonToHorizontalBarWithAxisProps = (\n  jsonObj: any,\n  colorMap: React.MutableRefObject<Map<string, string>>,\n): IHorizontalBarChartWithAxisProps => {\n  const { data, layout } = jsonObj;\n\n  const chartData: IHorizontalBarChartWithAxisDataPoint[] = data\n    .map((series: any, index: number) => {\n      return series.y.map((yValue: string, i: number) => {\n        const color = getColor(yValue, colorMap);\n        return {\n          x: series.x[i],\n          y: yValue,\n          legend: yValue,\n          color,\n        };\n      });\n    })\n    .flat();\n\n  const chartHeight = layout.height || 350;\n  const margin = layout.margin?.l || 0;\n  const padding = layout.margin?.pad || 0;\n  const availableHeight = chartHeight - margin - padding;\n  const numberOfBars = data[0].y.length;\n  const gapFactor = 0.5;\n  const barHeight = availableHeight / (numberOfBars * (1 + gapFactor));\n\n  return {\n    data: chartData,\n    chartTitle: layout.title || '',\n    barHeight,\n    showYAxisLables: true,\n    styles: {\n      root: {\n        height: chartHeight,\n        width: layout.width || 600,\n      },\n    },\n  };\n};\n\n// FIXME: Order of string axis ticks does not match the order in plotly json\n// TODO: Add support for custom hover card\nexport const transformPlotlyJsonToHeatmapProps = (jsonObj: any): IHeatMapChartProps => {\n  const { data, layout } = jsonObj;\n  const firstData = data[0];\n  const heatmapDataPoints: IHeatMapChartDataPoint[] = [];\n  let zMin = Number.POSITIVE_INFINITY;\n  let zMax = Number.NEGATIVE_INFINITY;\n\n  firstData.x?.forEach((xVal: any, xIdx: number) => {\n    firstData.y?.forEach((yVal: any, yIdx: number) => {\n      const zVal = firstData.z?.[yIdx]?.[xIdx];\n\n      heatmapDataPoints.push({\n        x: layout.xaxis?.type === 'date' ? new Date(xVal) : xVal,\n        y: layout.yaxis?.type === 'date' ? new Date(yVal) : yVal,\n        value: zVal,\n      });\n\n      zMin = Math.min(zMin, zVal);\n      zMax = Math.max(zMax, zVal);\n    });\n  });\n  const heatmapData: IHeatMapChartData = {\n    legend: firstData.name || '',\n    data: heatmapDataPoints,\n    value: 0,\n  };\n\n  // Convert normalized values to actual values\n  const domainValuesForColorScale: number[] = firstData.colorscale?.map((arr: any) => arr[0] * (zMax - zMin) + zMin);\n  const rangeValuesForColorScale: string[] = firstData.colorscale?.map((arr: any) => arr[1]);\n\n  return {\n    data: [heatmapData],\n    domainValuesForColorScale,\n    rangeValuesForColorScale,\n    hideLegend: true,\n  };\n};\n\nexport const transformPlotlyJsonToSankeyProps = (\n  jsonObj: any,\n  colorMap: React.MutableRefObject<Map<string, string>>,\n): ISankeyChartProps => {\n  const { data, layout } = jsonObj;\n  const { link, node } = data[0];\n  const validLinks = link.value\n    .map((val: number, index: number) => ({\n      value: val,\n      source: link.source[index],\n      target: link.target[index],\n    }))\n    // eslint-disable-next-line @typescript-eslint/no-shadow\n    //@ts-expect-error Dynamic link object. Ignore for now.\n    .filter(x => x.source !== x.target); // Filter out self-references (circular links)\n\n  const sankeyChartData = {\n    nodes: node.label.map((label: string, index: number) => {\n      const color = getColor(label, colorMap);\n\n      return {\n        nodeId: index,\n        name: label,\n        color,\n      };\n    }),\n    links: validLinks.map((validLink: any, index: number) => {\n      return {\n        ...validLink,\n      };\n    }),\n  };\n\n  const width: number = layout?.width || 440;\n  const height: number = layout?.height || 220;\n  const styles: ISankeyChartProps['styles'] = {\n    root: {\n      fontSize: layout.font?.size,\n    },\n  };\n  const shouldResize: number = width + height;\n  return {\n    data: {\n      chartTitle: layout?.title,\n      SankeyChartData: sankeyChartData,\n    },\n    width,\n    height,\n    styles,\n    shouldResize,\n    enableReflow: true,\n  };\n};\n\nexport const transformPlotlyJsonToGaugeProps = (\n  jsonObj: any,\n  colorMap: React.MutableRefObject<Map<string, string>>,\n): IGaugeChartProps => {\n  const { data, layout } = jsonObj;\n  const firstData = data[0];\n\n  const segments = firstData.gauge?.steps?.map((step: any, index: number): IGaugeChartSegment => {\n    const legend = step.name || `Segment ${index + 1}`;\n    const color = getColor(legend, colorMap);\n    return {\n      legend,\n      size: step.range?.[1] - step.range?.[0],\n      color,\n    };\n  });\n\n  let sublabel: string | undefined;\n  let sublabelColor: string | undefined;\n  if (typeof firstData.delta?.reference === 'number') {\n    const diff = firstData.value - firstData.delta.reference;\n    if (diff >= 0) {\n      sublabel = `\\u25B2 ${diff}`;\n      const color = getColor(firstData.delta.increasing?.color || '', colorMap);\n      sublabelColor = color;\n    } else {\n      sublabel = `\\u25BC ${Math.abs(diff)}`;\n      const color = getColor(firstData.delta.decreasing?.color || '', colorMap);\n      sublabelColor = color;\n    }\n  }\n\n  const styles: IGaugeChartProps['styles'] = {\n    sublabel: {\n      fill: sublabelColor,\n    },\n  };\n\n  return {\n    segments,\n    chartValue: firstData.value,\n    chartTitle: firstData.title?.text,\n    sublabel,\n    // range values can be null\n    minValue: firstData.gauge?.axis?.range?.[0] ?? undefined,\n    maxValue: firstData.gauge?.axis?.range?.[1] ?? undefined,\n    chartValueFormat: () => firstData.value,\n    width: layout?.width,\n    height: layout?.height,\n    hideLegend: true,\n    styles,\n  };\n};\n\nfunction isTypedArray(a: any) {\n  return ArrayBuffer.isView(a) && !(a instanceof DataView);\n}\n\nfunction isArrayOrTypedArray(a: any) {\n  return Array.isArray(a) || isTypedArray(a);\n}\n\nfunction isPlainObject(obj: any) {\n  if (window && window.process && window.process.versions) {\n    return Object.prototype.toString.call(obj) === '[object Object]';\n  }\n\n  return (\n    Object.prototype.toString.call(obj) === '[object Object]' &&\n    Object.getPrototypeOf(obj).hasOwnProperty('hasOwnProperty')\n  );\n}\n\nvar arrayAttributes: any[] = [];\nvar stack: any[] = [];\nvar isArrayStack: any[] = [];\nvar baseContainer: any, baseAttrName: any;\n/**\n * Interate iteratively through the trace object and find all the array attributes.\n * 1 trace record = 1 series of data\n * @param trace\n */\nexport function findArrayAttributes(trace: any) {\n  // Init basecontainer and baseAttrName\n  crawlIntoTrace(baseContainer, 0, '');\n  for (const attribute of arrayAttributes) {\n    console.log(attribute);\n  }\n}\n\nfunction crawlIntoTrace(container: any, i: number, astrPartial: any) {\n  var item = container[stack[i]];\n  var newAstrPartial = astrPartial + stack[i];\n  if (i === stack.length - 1) {\n    if (isArrayOrTypedArray(item)) {\n      arrayAttributes.push(baseAttrName + newAstrPartial);\n    }\n  } else {\n    if (isArrayStack[i]) {\n      if (Array.isArray(item)) {\n        for (var j = 0; j < item.length; j++) {\n          if (isPlainObject(item[j])) {\n            crawlIntoTrace(item[j], i + 1, newAstrPartial + '[' + j + '].');\n          }\n        }\n      }\n    } else if (isPlainObject(item)) {\n      crawlIntoTrace(item, i + 1, newAstrPartial + '.');\n    }\n  }\n}\n"]}

package/lib-amd/components/Legends/shape.js

@@ -19,8 +19,8 @@ define(["require", "exports", "tslib", "react", "../../utilities/utilities"], fu
         if (Object.keys(pointPath).indexOf(shape) === -1) {
             return React.createElement("div", { className: classNameForNonSvg });
         }
-        return (React.createElement("svg", tslib_1.__assign({ width: 14, height: 14, viewBox: '-1 -1 14 14' }, svgProps, { transform: "rotate(".concat(shape === utilities_1.Points[utilities_1.Points.diamond] ? 45 : shape === utilities_1.Points[utilities_1.Points.pyramid] ? 180 : 0, ", 0, 0)") }),
-            React.createElement("path", tslib_1.__assign({ d: pointPath[shape] }, pathProps))));
+        return (React.createElement("svg", tslib_1.__assign({ width: 14, height: 14, viewBox: '-1 -1 14 14' }, (0, utilities_1.getSecureProps)(svgProps), { transform: "rotate(".concat(shape === utilities_1.Points[utilities_1.Points.diamond] ? 45 : shape === utilities_1.Points[utilities_1.Points.pyramid] ? 180 : 0, ", 0, 0)") }),
+            React.createElement("path", tslib_1.__assign({ d: pointPath[shape] }, (0, utilities_1.getSecureProps)(pathProps)))));
     };
     exports.Shape = Shape;
 });

package/lib-amd/components/Legends/shape.js.map

@@ -1 +1 @@
-{"version":3,"file":"shape.js","sourceRoot":"../src/","sources":["components/Legends/shape.tsx"],"names":[],"mappings":";;;;;IAeA,IAAM,SAAS;QACb,GAAC,UAAG,kBAAM,CAAC,kBAAM,CAAC,MAAM,CAAC,CAAE,IAAG,6CAA6C;QAC3E,GAAC,UAAG,kBAAM,CAAC,kBAAM,CAAC,MAAM,CAAC,CAAE,IAAG,iCAAiC;QAC/D,GAAC,UAAG,kBAAM,CAAC,kBAAM,CAAC,QAAQ,CAAC,CAAE,IAAG,2CAA2C;QAC3E,GAAC,UAAG,kBAAM,CAAC,kBAAM,CAAC,OAAO,CAAC,CAAE,IAAG,2CAA2C;QAC1E,GAAC,UAAG,kBAAM,CAAC,kBAAM,CAAC,OAAO,CAAC,CAAE,IAAG,iCAAiC;QAChE,GAAC,UAAG,kBAAM,CAAC,kBAAM,CAAC,OAAO,CAAC,CAAE,IAAG,6BAA6B;QAC5D,GAAC,UAAG,kBAAM,CAAC,kBAAM,CAAC,QAAQ,CAAC,CAAE,IAAG,+DAA+D;QAC/F,GAAC,UAAG,kBAAM,CAAC,kBAAM,CAAC,OAAO,CAAC,CAAE,IAC1B,uFAAuF;QACzF,GAAC,UAAG,wBAAY,CAAC,wBAAY,CAAC,UAAU,CAAC,CAAE,IAAG,2BAA2B;WAC1E,CAAC;IAEK,IAAM,KAAK,GAA0B,UAAC,EAAkD;YAAhD,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,kBAAkB,wBAAA;QAC3F,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE;YAChD,OAAO,6BAAK,SAAS,EAAE,kBAAkB,GAAI,CAAC;SAC/C;QACD,OAAO,CACL,8CACE,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,aAAa,IAClB,QAAQ,IACZ,SAAS,EAAE,iBAAU,KAAK,KAAK,kBAAM,CAAC,kBAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,kBAAM,CAAC,kBAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,YAAS;YAEhH,+CAAM,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,IAAM,SAAS,EAAI,CACxC,CACP,CAAC;IACJ,CAAC,CAAC;IAfW,QAAA,KAAK,SAehB","sourcesContent":["import * as React from 'react';\nimport { LegendShape } from './Legends.types';\nimport { CustomPoints, Points } from '../../utilities/utilities';\n\nexport interface IShapeProps {\n  svgProps: React.SVGAttributes<SVGElement>;\n  pathProps: React.SVGAttributes<SVGPathElement>;\n  shape: LegendShape;\n  classNameForNonSvg?: string;\n}\n\ntype PointPathType = {\n  [key: string]: string;\n};\n\nconst pointPath: PointPathType = {\n  [`${Points[Points.circle]}`]: 'M1 6 A5 5 0 1 0  12 6 M1 6 A5 5 0 0 1  12 6',\n  [`${Points[Points.square]}`]: 'M1 1 L12 1 L12 12  L1 12 L1 1 Z',\n  [`${Points[Points.triangle]}`]: 'M6 10L8.74228e-07 -1.04907e-06L12 0L6 10Z',\n  [`${Points[Points.pyramid]}`]: 'M6 10L8.74228e-07 -1.04907e-06L12 0L6 10Z',\n  [`${Points[Points.diamond]}`]: 'M2 2 L10 2 L10 10  L2 10 L2 2 Z',\n  [`${Points[Points.hexagon]}`]: 'M9 0H3L0 5L3 10H9L12 5L9 0Z',\n  [`${Points[Points.pentagon]}`]: 'M6.06061 0L0 4.21277L2.30303 11H9.69697L12 4.21277L6.06061 0Z',\n  [`${Points[Points.octagon]}`]:\n    'M7.08333 0H2.91667L0 2.91667V7.08333L2.91667 10H7.08333L10 7.08333V2.91667L7.08333 0Z',\n  [`${CustomPoints[CustomPoints.dottedLine]}`]: 'M0 6 H3 M5 6 H8 M10 6 H13',\n};\n\nexport const Shape: React.FC<IShapeProps> = ({ svgProps, pathProps, shape, classNameForNonSvg }) => {\n  if (Object.keys(pointPath).indexOf(shape) === -1) {\n    return <div className={classNameForNonSvg} />;\n  }\n  return (\n    <svg\n      width={14}\n      height={14}\n      viewBox={'-1 -1 14 14'}\n      {...svgProps}\n      transform={`rotate(${shape === Points[Points.diamond] ? 45 : shape === Points[Points.pyramid] ? 180 : 0}, 0, 0)`}\n    >\n      <path d={pointPath[shape]} {...pathProps} />\n    </svg>\n  );\n};\n"]}
+{"version":3,"file":"shape.js","sourceRoot":"../src/","sources":["components/Legends/shape.tsx"],"names":[],"mappings":";;;;;IAeA,IAAM,SAAS;QACb,GAAC,UAAG,kBAAM,CAAC,kBAAM,CAAC,MAAM,CAAC,CAAE,IAAG,6CAA6C;QAC3E,GAAC,UAAG,kBAAM,CAAC,kBAAM,CAAC,MAAM,CAAC,CAAE,IAAG,iCAAiC;QAC/D,GAAC,UAAG,kBAAM,CAAC,kBAAM,CAAC,QAAQ,CAAC,CAAE,IAAG,2CAA2C;QAC3E,GAAC,UAAG,kBAAM,CAAC,kBAAM,CAAC,OAAO,CAAC,CAAE,IAAG,2CAA2C;QAC1E,GAAC,UAAG,kBAAM,CAAC,kBAAM,CAAC,OAAO,CAAC,CAAE,IAAG,iCAAiC;QAChE,GAAC,UAAG,kBAAM,CAAC,kBAAM,CAAC,OAAO,CAAC,CAAE,IAAG,6BAA6B;QAC5D,GAAC,UAAG,kBAAM,CAAC,kBAAM,CAAC,QAAQ,CAAC,CAAE,IAAG,+DAA+D;QAC/F,GAAC,UAAG,kBAAM,CAAC,kBAAM,CAAC,OAAO,CAAC,CAAE,IAC1B,uFAAuF;QACzF,GAAC,UAAG,wBAAY,CAAC,wBAAY,CAAC,UAAU,CAAC,CAAE,IAAG,2BAA2B;WAC1E,CAAC;IAEK,IAAM,KAAK,GAA0B,UAAC,EAAkD;YAAhD,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,kBAAkB,wBAAA;QAC3F,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE;YAChD,OAAO,6BAAK,SAAS,EAAE,kBAAkB,GAAI,CAAC;SAC/C;QACD,OAAO,CACL,8CACE,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,aAAa,IAClB,IAAA,0BAAc,EAAC,QAAQ,CAAC,IAC5B,SAAS,EAAE,iBAAU,KAAK,KAAK,kBAAM,CAAC,kBAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,kBAAM,CAAC,kBAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,YAAS;YAEhH,+CAAM,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,IAAM,IAAA,0BAAc,EAAC,SAAS,CAAC,EAAI,CACxD,CACP,CAAC;IACJ,CAAC,CAAC;IAfW,QAAA,KAAK,SAehB","sourcesContent":["import * as React from 'react';\nimport { LegendShape } from './Legends.types';\nimport { CustomPoints, getSecureProps, Points } from '../../utilities/utilities';\n\nexport interface IShapeProps {\n  svgProps: React.SVGAttributes<SVGElement>;\n  pathProps: React.SVGAttributes<SVGPathElement>;\n  shape: LegendShape;\n  classNameForNonSvg?: string;\n}\n\ntype PointPathType = {\n  [key: string]: string;\n};\n\nconst pointPath: PointPathType = {\n  [`${Points[Points.circle]}`]: 'M1 6 A5 5 0 1 0  12 6 M1 6 A5 5 0 0 1  12 6',\n  [`${Points[Points.square]}`]: 'M1 1 L12 1 L12 12  L1 12 L1 1 Z',\n  [`${Points[Points.triangle]}`]: 'M6 10L8.74228e-07 -1.04907e-06L12 0L6 10Z',\n  [`${Points[Points.pyramid]}`]: 'M6 10L8.74228e-07 -1.04907e-06L12 0L6 10Z',\n  [`${Points[Points.diamond]}`]: 'M2 2 L10 2 L10 10  L2 10 L2 2 Z',\n  [`${Points[Points.hexagon]}`]: 'M9 0H3L0 5L3 10H9L12 5L9 0Z',\n  [`${Points[Points.pentagon]}`]: 'M6.06061 0L0 4.21277L2.30303 11H9.69697L12 4.21277L6.06061 0Z',\n  [`${Points[Points.octagon]}`]:\n    'M7.08333 0H2.91667L0 2.91667V7.08333L2.91667 10H7.08333L10 7.08333V2.91667L7.08333 0Z',\n  [`${CustomPoints[CustomPoints.dottedLine]}`]: 'M0 6 H3 M5 6 H8 M10 6 H13',\n};\n\nexport const Shape: React.FC<IShapeProps> = ({ svgProps, pathProps, shape, classNameForNonSvg }) => {\n  if (Object.keys(pointPath).indexOf(shape) === -1) {\n    return <div className={classNameForNonSvg} />;\n  }\n  return (\n    <svg\n      width={14}\n      height={14}\n      viewBox={'-1 -1 14 14'}\n      {...getSecureProps(svgProps)}\n      transform={`rotate(${shape === Points[Points.diamond] ? 45 : shape === Points[Points.pyramid] ? 180 : 0}, 0, 0)`}\n    >\n      <path d={pointPath[shape]} {...getSecureProps(pathProps)} />\n    </svg>\n  );\n};\n"]}

package/lib-amd/components/LineChart/eventAnnotation/Textbox.js

@@ -1,4 +1,4 @@
-define(["require", "exports", "tslib", "react", "d3-selection"], function (require, exports, tslib_1, React, d3_selection_1) {
+define(["require", "exports", "tslib", "react", "d3-selection", "../../../utilities/utilities"], function (require, exports, tslib_1, React, d3_selection_1, utilities_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.Textbox = void 0;
@@ -33,7 +33,7 @@ define(["require", "exports", "tslib", "react", "d3-selection"], function (requi
         };
         React.useEffect(wrapWords);
         var lineHeight = props.lineHeight, rest = tslib_1.__rest(props, ["lineHeight"]);
-        return React.createElement("text", tslib_1.__assign({ ref: textElementRef }, rest));
+        return React.createElement("text", tslib_1.__assign({ ref: textElementRef }, (0, utilities_1.getSecureProps)(rest)));
     };
     exports.Textbox = Textbox;
 });

package/lib-amd/components/LineChart/eventAnnotation/Textbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textbox.js","sourceRoot":"../src/","sources":["components/LineChart/eventAnnotation/Textbox.tsx"],"names":[],"mappings":";;;;IAcO,IAAM,OAAO,GAA2C,UAAA,KAAK;QAClE,IAAM,cAAc,GAAoC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAE3E,IAAM,SAAS,GAAG;YAChB,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;gBAC3B,OAAO;aACR;YACD,IAAM,IAAI,GAAG,IAAA,qBAAM,EAAC,cAAc,CAAC,OAAO,CAAC,CAAC;YAC5C,IAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACtC,IAAI,IAAI,GAAa,EAAE,CAAC;YACxB,IAAI,KAAK,GAAG,IAAI,CAAC,MAAM,CAAkB,OAAO,CAAC,CAAC;YAClD,IAAI,QAAQ,GAAG,CAAC,CAAC;YAEjB,KAAK,CAAC,OAAO,CAAC,UAAA,IAAI;gBAChB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAChB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;gBAC3B,IAAM,IAAI,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;gBAC1B,IAAI,IAAI,IAAI,IAAI,CAAC,qBAAqB,EAAE,GAAG,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;oBACzE,QAAQ,EAAE,CAAC;oBACX,IAAI,CAAC,GAAG,EAAE,CAAC;oBACX,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;oBAC3B,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;oBACd,KAAK,GAAG,IAAI,CAAC,MAAM,CAAkB,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;iBAC1G;YACH,CAAC,CAAC,CAAC;YACH,qBAAqB;YACrB,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC;YAE9C,OAAO;gBACL,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,CAAC;YACnC,CAAC,CAAC;QACJ,CAAC,CAAC;QACF,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QAEnB,IAAA,UAAU,GAAc,KAAK,WAAnB,EAAK,IAAI,kBAAK,KAAK,EAA/B,cAAuB,CAAF,CAAW;QAEtC,OAAO,+CAAM,GAAG,EAAE,cAAc,IAAM,IAAI,EAAI,CAAC;IACjD,CAAC,CAAC;IArCW,QAAA,OAAO,WAqClB","sourcesContent":["import * as React from 'react';\nimport { select } from 'd3-selection';\n\ninterface ITextboxProps {\n  text: string;\n  width: number;\n  x: number;\n  y: number;\n  lineHeight: number;\n  textAnchor?: 'start' | 'middle' | 'end';\n  fontSize?: string;\n  fill?: string;\n}\n\nexport const Textbox: React.FunctionComponent<ITextboxProps> = props => {\n  const textElementRef: React.RefObject<SVGTextElement> = React.useRef(null);\n\n  const wrapWords = () => {\n    if (!textElementRef.current) {\n      return;\n    }\n    const text = select(textElementRef.current);\n    const words = props.text.split(/\\s+/);\n    let line: string[] = [];\n    let tspan = text.append<SVGTSpanElement>('tspan');\n    let numLines = 0;\n\n    words.forEach(word => {\n      line.push(word);\n      tspan.text(line.join(' '));\n      const node = tspan.node();\n      if (node && node.getComputedTextLength() > props.width && line.length > 1) {\n        numLines++;\n        line.pop();\n        tspan.text(line.join(' '));\n        line = [word];\n        tspan = text.append<SVGTSpanElement>('tspan').text(word).attr('dy', props.lineHeight).attr('x', props.x);\n      }\n    });\n    // bottom aligns text\n    text.attr('dy', -numLines * props.lineHeight);\n\n    return () => {\n      text.selectAll('tspan').remove();\n    };\n  };\n  React.useEffect(wrapWords);\n\n  const { lineHeight, ...rest } = props;\n\n  return <text ref={textElementRef} {...rest} />;\n};\n"]}
+{"version":3,"file":"Textbox.js","sourceRoot":"../src/","sources":["components/LineChart/eventAnnotation/Textbox.tsx"],"names":[],"mappings":";;;;IAeO,IAAM,OAAO,GAA2C,UAAA,KAAK;QAClE,IAAM,cAAc,GAAoC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAE3E,IAAM,SAAS,GAAG;YAChB,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE;gBAC3B,OAAO;aACR;YACD,IAAM,IAAI,GAAG,IAAA,qBAAM,EAAC,cAAc,CAAC,OAAO,CAAC,CAAC;YAC5C,IAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACtC,IAAI,IAAI,GAAa,EAAE,CAAC;YACxB,IAAI,KAAK,GAAG,IAAI,CAAC,MAAM,CAAkB,OAAO,CAAC,CAAC;YAClD,IAAI,QAAQ,GAAG,CAAC,CAAC;YAEjB,KAAK,CAAC,OAAO,CAAC,UAAA,IAAI;gBAChB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAChB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;gBAC3B,IAAM,IAAI,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;gBAC1B,IAAI,IAAI,IAAI,IAAI,CAAC,qBAAqB,EAAE,GAAG,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;oBACzE,QAAQ,EAAE,CAAC;oBACX,IAAI,CAAC,GAAG,EAAE,CAAC;oBACX,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;oBAC3B,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;oBACd,KAAK,GAAG,IAAI,CAAC,MAAM,CAAkB,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;iBAC1G;YACH,CAAC,CAAC,CAAC;YACH,qBAAqB;YACrB,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC;YAE9C,OAAO;gBACL,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,CAAC;YACnC,CAAC,CAAC;QACJ,CAAC,CAAC;QACF,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QAEnB,IAAA,UAAU,GAAc,KAAK,WAAnB,EAAK,IAAI,kBAAK,KAAK,EAA/B,cAAuB,CAAF,CAAW;QAEtC,OAAO,+CAAM,GAAG,EAAE,cAAc,IAAM,IAAA,0BAAc,EAAC,IAAI,CAAC,EAAI,CAAC;IACjE,CAAC,CAAC;IArCW,QAAA,OAAO,WAqClB","sourcesContent":["import * as React from 'react';\nimport { select } from 'd3-selection';\nimport { getSecureProps } from '../../../utilities/utilities';\n\ninterface ITextboxProps {\n  text: string;\n  width: number;\n  x: number;\n  y: number;\n  lineHeight: number;\n  textAnchor?: 'start' | 'middle' | 'end';\n  fontSize?: string;\n  fill?: string;\n}\n\nexport const Textbox: React.FunctionComponent<ITextboxProps> = props => {\n  const textElementRef: React.RefObject<SVGTextElement> = React.useRef(null);\n\n  const wrapWords = () => {\n    if (!textElementRef.current) {\n      return;\n    }\n    const text = select(textElementRef.current);\n    const words = props.text.split(/\\s+/);\n    let line: string[] = [];\n    let tspan = text.append<SVGTSpanElement>('tspan');\n    let numLines = 0;\n\n    words.forEach(word => {\n      line.push(word);\n      tspan.text(line.join(' '));\n      const node = tspan.node();\n      if (node && node.getComputedTextLength() > props.width && line.length > 1) {\n        numLines++;\n        line.pop();\n        tspan.text(line.join(' '));\n        line = [word];\n        tspan = text.append<SVGTSpanElement>('tspan').text(word).attr('dy', props.lineHeight).attr('x', props.x);\n      }\n    });\n    // bottom aligns text\n    text.attr('dy', -numLines * props.lineHeight);\n\n    return () => {\n      text.selectAll('tspan').remove();\n    };\n  };\n  React.useEffect(wrapWords);\n\n  const { lineHeight, ...rest } = props;\n\n  return <text ref={textElementRef} {...getSecureProps(rest)} />;\n};\n"]}

package/lib-amd/index.d.ts

@@ -37,4 +37,6 @@ export { DataVizPalette, getColorFromToken, getNextColor } from './utilities/col
 export { DataVizGradientPalette, getGradientFromToken, getNextGradient } from './utilities/gradients';
 export type { IGaugeChartProps, IGaugeChartSegment, IGaugeChartStyleProps, IGaugeChartStyles } from './GaugeChart';
 export { GaugeChart, GaugeChartVariant, GaugeValueFormat } from './GaugeChart';
+export type { DeclarativeChartProps, Schema } from './DeclarativeChart';
+export { DeclarativeChart } from './DeclarativeChart';
 import './version';

package/lib-amd/index.js

@@ -1,7 +1,7 @@
-define(["require", "exports", "./HorizontalBarChart", "./DonutChart", "./Legends", "./LineChart", "./AreaChart", "./PieChart", "./StackedBarChart", "./VerticalBarChart", "./VerticalStackedBarChart", "./GroupedVerticalBarChart", "./CartesianChart", "./utilities/ChartHoverCard/index", "./HeatMapChart", "./SankeyChart", "./TreeChart", "./Sparkline", "./HorizontalBarChartWithAxis", "./utilities/colors", "./utilities/gradients", "./GaugeChart", "./version"], function (require, exports, HorizontalBarChart_1, DonutChart_1, Legends_1, LineChart_1, AreaChart_1, PieChart_1, StackedBarChart_1, VerticalBarChart_1, VerticalStackedBarChart_1, GroupedVerticalBarChart_1, CartesianChart_1, index_1, HeatMapChart_1, SankeyChart_1, TreeChart_1, Sparkline_1, HorizontalBarChartWithAxis_1, colors_1, gradients_1, GaugeChart_1) {
+define(["require", "exports", "./HorizontalBarChart", "./DonutChart", "./Legends", "./LineChart", "./AreaChart", "./PieChart", "./StackedBarChart", "./VerticalBarChart", "./VerticalStackedBarChart", "./GroupedVerticalBarChart", "./CartesianChart", "./utilities/ChartHoverCard/index", "./HeatMapChart", "./SankeyChart", "./TreeChart", "./Sparkline", "./HorizontalBarChartWithAxis", "./utilities/colors", "./utilities/gradients", "./GaugeChart", "./DeclarativeChart", "./version"], function (require, exports, HorizontalBarChart_1, DonutChart_1, Legends_1, LineChart_1, AreaChart_1, PieChart_1, StackedBarChart_1, VerticalBarChart_1, VerticalStackedBarChart_1, GroupedVerticalBarChart_1, CartesianChart_1, index_1, HeatMapChart_1, SankeyChart_1, TreeChart_1, Sparkline_1, HorizontalBarChartWithAxis_1, colors_1, gradients_1, GaugeChart_1, DeclarativeChart_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.GaugeValueFormat = exports.GaugeChartVariant = exports.GaugeChart = exports.getNextGradient = exports.getGradientFromToken = exports.DataVizGradientPalette = exports.getNextColor = exports.getColorFromToken = exports.DataVizPalette = exports.HorizontalBarChartWithAxis = exports.Sparkline = exports.TreeTraverse = exports.TreeChart = exports.NodesComposition = exports.SankeyChart = exports.HeatMapChart = exports.getChartHoverCardStyles = exports.ChartHoverCard = exports.CartesianChart = exports.GroupedVerticalBarChart = exports.VerticalStackedBarChart = exports.VerticalBarChart = exports.StackedBarChart = exports.MultiStackedBarChartVariant = exports.MultiStackedBarChart = exports.PieChart = exports.AreaChart = exports.Textbox = exports.LineChart = exports.Shape = exports.Legends = exports.DonutChart = exports.HorizontalBarChartVariant = exports.HorizontalBarChart = void 0;
+    exports.DeclarativeChart = exports.GaugeValueFormat = exports.GaugeChartVariant = exports.GaugeChart = exports.getNextGradient = exports.getGradientFromToken = exports.DataVizGradientPalette = exports.getNextColor = exports.getColorFromToken = exports.DataVizPalette = exports.HorizontalBarChartWithAxis = exports.Sparkline = exports.TreeTraverse = exports.TreeChart = exports.NodesComposition = exports.SankeyChart = exports.HeatMapChart = exports.getChartHoverCardStyles = exports.ChartHoverCard = exports.CartesianChart = exports.GroupedVerticalBarChart = exports.VerticalStackedBarChart = exports.VerticalBarChart = exports.StackedBarChart = exports.MultiStackedBarChartVariant = exports.MultiStackedBarChart = exports.PieChart = exports.AreaChart = exports.Textbox = exports.LineChart = exports.Shape = exports.Legends = exports.DonutChart = exports.HorizontalBarChartVariant = exports.HorizontalBarChart = void 0;
     Object.defineProperty(exports, "HorizontalBarChart", { enumerable: true, get: function () { return HorizontalBarChart_1.HorizontalBarChart; } });
     Object.defineProperty(exports, "HorizontalBarChartVariant", { enumerable: true, get: function () { return HorizontalBarChart_1.HorizontalBarChartVariant; } });
     Object.defineProperty(exports, "DonutChart", { enumerable: true, get: function () { return DonutChart_1.DonutChart; } });
@@ -36,5 +36,6 @@ define(["require", "exports", "./HorizontalBarChart", "./DonutChart", "./Legends
     Object.defineProperty(exports, "GaugeChart", { enumerable: true, get: function () { return GaugeChart_1.GaugeChart; } });
     Object.defineProperty(exports, "GaugeChartVariant", { enumerable: true, get: function () { return GaugeChart_1.GaugeChartVariant; } });
     Object.defineProperty(exports, "GaugeValueFormat", { enumerable: true, get: function () { return GaugeChart_1.GaugeValueFormat; } });
+    Object.defineProperty(exports, "DeclarativeChart", { enumerable: true, get: function () { return DeclarativeChart_1.DeclarativeChart; } });
 });
 //# sourceMappingURL=index.js.map

package/lib-amd/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;;IAMS,wHAAA,kBAAkB,OAAA;IAAE,+HAAA,yBAAyB,OAAA;IAE7C,wGAAA,UAAU,OAAA;IAWV,kGAAA,OAAO,OAAA;IAAE,gGAAA,KAAK,OAAA;IASd,sGAAA,SAAS,OAAA;IAAE,oGAAA,OAAO,OAAA;IAElB,sGAAA,SAAS,OAAA;IAET,oGAAA,QAAQ,OAAA;IAUR,uHAAA,oBAAoB,OAAA;IAAE,8HAAA,2BAA2B,OAAA;IAAE,kHAAA,eAAe,OAAA;IAElE,oHAAA,gBAAgB,OAAA;IAMhB,kIAAA,uBAAuB,OAAA;IAMvB,kIAAA,uBAAuB,OAAA;IASvB,gHAAA,cAAc,OAAA;IAwCd,uGAAA,cAAc,OAAA;IAAE,gHAAA,uBAAuB,OAAA;IAEvC,4GAAA,YAAY,OAAA;IAQZ,0GAAA,WAAW,OAAA;IASX,6GAAA,gBAAgB,OAAA;IAAE,sGAAA,SAAS,OAAA;IAAE,yGAAA,YAAY,OAAA;IAEzC,sGAAA,SAAS,OAAA;IAMT,wIAAA,0BAA0B,OAAA;IAC1B,wGAAA,cAAc,OAAA;IAAE,2GAAA,iBAAiB,OAAA;IAAE,sGAAA,YAAY,OAAA;IAC/C,mHAAA,sBAAsB,OAAA;IAAE,iHAAA,oBAAoB,OAAA;IAAE,4GAAA,eAAe,OAAA;IAE7D,wGAAA,UAAU,OAAA;IAAE,+GAAA,iBAAiB,OAAA;IAAE,8GAAA,gBAAgB,OAAA","sourcesContent":["export type {\n  ChartDataMode,\n  IHorizontalBarChartProps,\n  IHorizontalBarChartStyleProps,\n  IHorizontalBarChartStyles,\n} from './HorizontalBarChart';\nexport { HorizontalBarChart, HorizontalBarChartVariant } from './HorizontalBarChart';\nexport type { IDonutChart, IDonutChartProps, IDonutChartStyleProps, IDonutChartStyles } from './DonutChart';\nexport { DonutChart } from './DonutChart';\nexport type {\n  ILegend,\n  ILegendOverflowData,\n  ILegendStyleProps,\n  ILegendSubComponentStyles,\n  ILegendsProps,\n  ILegendsStyles,\n  IShapeProps,\n  LegendShape,\n} from './Legends';\nexport { Legends, Shape } from './Legends';\nexport type {\n  IColorFillBarData,\n  IColorFillBarsProps,\n  IEventsAnnotationProps,\n  ILineChartProps,\n  ILineChartStyleProps,\n  ILineChartStyles,\n} from './LineChart';\nexport { LineChart, Textbox } from './LineChart';\nexport type { IAreaChartProps, IAreaChartStyleProps, IAreaChartStyles } from './AreaChart';\nexport { AreaChart } from './AreaChart';\nexport type { IPieChart, IPieChartProps, IPieChartStyleProps, IPieChartStyles } from './PieChart';\nexport { PieChart } from './PieChart';\nexport type {\n  IMultiStackedBarChartProps,\n  IMultiStackedBarChartStyleProps,\n  IMultiStackedBarChartStyles,\n  IStackedBarChart,\n  IStackedBarChartProps,\n  IStackedBarChartStyleProps,\n  IStackedBarChartStyles,\n} from './StackedBarChart';\nexport { MultiStackedBarChart, MultiStackedBarChartVariant, StackedBarChart } from './StackedBarChart';\nexport type { IVerticalBarChartProps, IVerticalBarChartStyleProps, IVerticalBarChartStyles } from './VerticalBarChart';\nexport { VerticalBarChart } from './VerticalBarChart';\nexport type {\n  IVerticalStackedBarChartProps,\n  IVerticalStackedBarChartStyleProps,\n  IVerticalStackedBarChartStyles,\n} from './VerticalStackedBarChart';\nexport { VerticalStackedBarChart } from './VerticalStackedBarChart';\nexport type {\n  IGroupedVerticalBarChartProps,\n  IGroupedVerticalBarChartStyleProps,\n  IGroupedVerticalBarChartStyles,\n} from './GroupedVerticalBarChart';\nexport { GroupedVerticalBarChart } from './GroupedVerticalBarChart';\nexport type {\n  ICartesianChartProps,\n  ICartesianChartStyleProps,\n  ICartesianChartStyles,\n  IChildProps,\n  IModifiedCartesianChartProps,\n  IYValueHover,\n} from './CartesianChart';\nexport { CartesianChart } from './CartesianChart';\nexport type {\n  IAccessibilityProps,\n  IBasestate,\n  IChartDataPoint,\n  IChartProps,\n  ICustomizedCalloutData,\n  ICustomizedCalloutDataPoint,\n  IDataPoint,\n  IGVBarChartSeriesPoint,\n  IGVDataPoint,\n  IGVForBarChart,\n  IGVSingleDataPoint,\n  IGroupedVerticalBarChartData,\n  IHeatMapChartData,\n  IHeatMapChartDataPoint,\n  IHorizontalBarChartWithAxisDataPoint,\n  IHorizontalDataPoint,\n  ILegendDataItem,\n  ILineChartDataPoint,\n  ILineChartGap,\n  ILineChartLineOptions,\n  ILineChartPoints,\n  ILineDataInVerticalBarChart,\n  ILineDataInVerticalStackedBarChart,\n  IMargins,\n  IRefArrayData,\n  ISankeyChartData,\n  IVSChartDataPoint,\n  IVerticalBarChartDataPoint,\n  IVerticalStackedBarDataPoint,\n  IVerticalStackedChartProps,\n  SLink,\n  SNode,\n} from './types/index';\nexport type {\n  IChartHoverCardProps,\n  IChartHoverCardStyleProps,\n  IChartHoverCardStyles,\n} from './utilities/ChartHoverCard/index';\nexport { ChartHoverCard, getChartHoverCardStyles } from './utilities/ChartHoverCard/index';\nexport type { IHeatMapChartProps, IHeatMapChartStyleProps, IHeatMapChartStyles } from './HeatMapChart';\nexport { HeatMapChart } from './HeatMapChart';\nexport type {\n  ISankeyChartAccessibilityProps,\n  ISankeyChartProps,\n  ISankeyChartStrings,\n  ISankeyChartStyleProps,\n  ISankeyChartStyles,\n} from './SankeyChart';\nexport { SankeyChart } from './SankeyChart';\nexport type {\n  ITreeChartDataPoint,\n  ITreeDataStructure,\n  ITreeProps,\n  ITreeState,\n  ITreeStyleProps,\n  ITreeStyles,\n} from './TreeChart';\nexport { NodesComposition, TreeChart, TreeTraverse } from './TreeChart';\nexport type { ISparklineProps, ISparklineStyleProps, ISparklineStyles } from './Sparkline';\nexport { Sparkline } from './Sparkline';\nexport type {\n  IHorizontalBarChartWithAxisProps,\n  IHorizontalBarChartWithAxisStyleProps,\n  IHorizontalBarChartWithAxisStyles,\n} from './HorizontalBarChartWithAxis';\nexport { HorizontalBarChartWithAxis } from './HorizontalBarChartWithAxis';\nexport { DataVizPalette, getColorFromToken, getNextColor } from './utilities/colors';\nexport { DataVizGradientPalette, getGradientFromToken, getNextGradient } from './utilities/gradients';\nexport type { IGaugeChartProps, IGaugeChartSegment, IGaugeChartStyleProps, IGaugeChartStyles } from './GaugeChart';\nexport { GaugeChart, GaugeChartVariant, GaugeValueFormat } from './GaugeChart';\n\nimport './version';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;;IAMS,wHAAA,kBAAkB,OAAA;IAAE,+HAAA,yBAAyB,OAAA;IAE7C,wGAAA,UAAU,OAAA;IAWV,kGAAA,OAAO,OAAA;IAAE,gGAAA,KAAK,OAAA;IASd,sGAAA,SAAS,OAAA;IAAE,oGAAA,OAAO,OAAA;IAElB,sGAAA,SAAS,OAAA;IAET,oGAAA,QAAQ,OAAA;IAUR,uHAAA,oBAAoB,OAAA;IAAE,8HAAA,2BAA2B,OAAA;IAAE,kHAAA,eAAe,OAAA;IAElE,oHAAA,gBAAgB,OAAA;IAMhB,kIAAA,uBAAuB,OAAA;IAMvB,kIAAA,uBAAuB,OAAA;IASvB,gHAAA,cAAc,OAAA;IAwCd,uGAAA,cAAc,OAAA;IAAE,gHAAA,uBAAuB,OAAA;IAEvC,4GAAA,YAAY,OAAA;IAQZ,0GAAA,WAAW,OAAA;IASX,6GAAA,gBAAgB,OAAA;IAAE,sGAAA,SAAS,OAAA;IAAE,yGAAA,YAAY,OAAA;IAEzC,sGAAA,SAAS,OAAA;IAMT,wIAAA,0BAA0B,OAAA;IAC1B,wGAAA,cAAc,OAAA;IAAE,2GAAA,iBAAiB,OAAA;IAAE,sGAAA,YAAY,OAAA;IAC/C,mHAAA,sBAAsB,OAAA;IAAE,iHAAA,oBAAoB,OAAA;IAAE,4GAAA,eAAe,OAAA;IAE7D,wGAAA,UAAU,OAAA;IAAE,+GAAA,iBAAiB,OAAA;IAAE,8GAAA,gBAAgB,OAAA;IAE/C,oHAAA,gBAAgB,OAAA","sourcesContent":["export type {\n  ChartDataMode,\n  IHorizontalBarChartProps,\n  IHorizontalBarChartStyleProps,\n  IHorizontalBarChartStyles,\n} from './HorizontalBarChart';\nexport { HorizontalBarChart, HorizontalBarChartVariant } from './HorizontalBarChart';\nexport type { IDonutChart, IDonutChartProps, IDonutChartStyleProps, IDonutChartStyles } from './DonutChart';\nexport { DonutChart } from './DonutChart';\nexport type {\n  ILegend,\n  ILegendOverflowData,\n  ILegendStyleProps,\n  ILegendSubComponentStyles,\n  ILegendsProps,\n  ILegendsStyles,\n  IShapeProps,\n  LegendShape,\n} from './Legends';\nexport { Legends, Shape } from './Legends';\nexport type {\n  IColorFillBarData,\n  IColorFillBarsProps,\n  IEventsAnnotationProps,\n  ILineChartProps,\n  ILineChartStyleProps,\n  ILineChartStyles,\n} from './LineChart';\nexport { LineChart, Textbox } from './LineChart';\nexport type { IAreaChartProps, IAreaChartStyleProps, IAreaChartStyles } from './AreaChart';\nexport { AreaChart } from './AreaChart';\nexport type { IPieChart, IPieChartProps, IPieChartStyleProps, IPieChartStyles } from './PieChart';\nexport { PieChart } from './PieChart';\nexport type {\n  IMultiStackedBarChartProps,\n  IMultiStackedBarChartStyleProps,\n  IMultiStackedBarChartStyles,\n  IStackedBarChart,\n  IStackedBarChartProps,\n  IStackedBarChartStyleProps,\n  IStackedBarChartStyles,\n} from './StackedBarChart';\nexport { MultiStackedBarChart, MultiStackedBarChartVariant, StackedBarChart } from './StackedBarChart';\nexport type { IVerticalBarChartProps, IVerticalBarChartStyleProps, IVerticalBarChartStyles } from './VerticalBarChart';\nexport { VerticalBarChart } from './VerticalBarChart';\nexport type {\n  IVerticalStackedBarChartProps,\n  IVerticalStackedBarChartStyleProps,\n  IVerticalStackedBarChartStyles,\n} from './VerticalStackedBarChart';\nexport { VerticalStackedBarChart } from './VerticalStackedBarChart';\nexport type {\n  IGroupedVerticalBarChartProps,\n  IGroupedVerticalBarChartStyleProps,\n  IGroupedVerticalBarChartStyles,\n} from './GroupedVerticalBarChart';\nexport { GroupedVerticalBarChart } from './GroupedVerticalBarChart';\nexport type {\n  ICartesianChartProps,\n  ICartesianChartStyleProps,\n  ICartesianChartStyles,\n  IChildProps,\n  IModifiedCartesianChartProps,\n  IYValueHover,\n} from './CartesianChart';\nexport { CartesianChart } from './CartesianChart';\nexport type {\n  IAccessibilityProps,\n  IBasestate,\n  IChartDataPoint,\n  IChartProps,\n  ICustomizedCalloutData,\n  ICustomizedCalloutDataPoint,\n  IDataPoint,\n  IGVBarChartSeriesPoint,\n  IGVDataPoint,\n  IGVForBarChart,\n  IGVSingleDataPoint,\n  IGroupedVerticalBarChartData,\n  IHeatMapChartData,\n  IHeatMapChartDataPoint,\n  IHorizontalBarChartWithAxisDataPoint,\n  IHorizontalDataPoint,\n  ILegendDataItem,\n  ILineChartDataPoint,\n  ILineChartGap,\n  ILineChartLineOptions,\n  ILineChartPoints,\n  ILineDataInVerticalBarChart,\n  ILineDataInVerticalStackedBarChart,\n  IMargins,\n  IRefArrayData,\n  ISankeyChartData,\n  IVSChartDataPoint,\n  IVerticalBarChartDataPoint,\n  IVerticalStackedBarDataPoint,\n  IVerticalStackedChartProps,\n  SLink,\n  SNode,\n} from './types/index';\nexport type {\n  IChartHoverCardProps,\n  IChartHoverCardStyleProps,\n  IChartHoverCardStyles,\n} from './utilities/ChartHoverCard/index';\nexport { ChartHoverCard, getChartHoverCardStyles } from './utilities/ChartHoverCard/index';\nexport type { IHeatMapChartProps, IHeatMapChartStyleProps, IHeatMapChartStyles } from './HeatMapChart';\nexport { HeatMapChart } from './HeatMapChart';\nexport type {\n  ISankeyChartAccessibilityProps,\n  ISankeyChartProps,\n  ISankeyChartStrings,\n  ISankeyChartStyleProps,\n  ISankeyChartStyles,\n} from './SankeyChart';\nexport { SankeyChart } from './SankeyChart';\nexport type {\n  ITreeChartDataPoint,\n  ITreeDataStructure,\n  ITreeProps,\n  ITreeState,\n  ITreeStyleProps,\n  ITreeStyles,\n} from './TreeChart';\nexport { NodesComposition, TreeChart, TreeTraverse } from './TreeChart';\nexport type { ISparklineProps, ISparklineStyleProps, ISparklineStyles } from './Sparkline';\nexport { Sparkline } from './Sparkline';\nexport type {\n  IHorizontalBarChartWithAxisProps,\n  IHorizontalBarChartWithAxisStyleProps,\n  IHorizontalBarChartWithAxisStyles,\n} from './HorizontalBarChartWithAxis';\nexport { HorizontalBarChartWithAxis } from './HorizontalBarChartWithAxis';\nexport { DataVizPalette, getColorFromToken, getNextColor } from './utilities/colors';\nexport { DataVizGradientPalette, getGradientFromToken, getNextGradient } from './utilities/gradients';\nexport type { IGaugeChartProps, IGaugeChartSegment, IGaugeChartStyleProps, IGaugeChartStyles } from './GaugeChart';\nexport { GaugeChart, GaugeChartVariant, GaugeValueFormat } from './GaugeChart';\nexport type { DeclarativeChartProps, Schema } from './DeclarativeChart';\nexport { DeclarativeChart } from './DeclarativeChart';\n\nimport './version';\n"]}

package/lib-amd/utilities/utilities.d.ts

@@ -408,4 +408,5 @@ export declare const getBarWidth: (barWidthProp: number | 'default' | 'auto' | u
 export declare const getScalePadding: (prop: number | undefined, shorthandProp?: number, defaultValue?: number) => number;
 export declare const isScalePaddingDefined: (prop: number | undefined, shorthandProp?: number) => boolean;
 export declare const formatDate: (date: Date, useUTC?: boolean) => string;
+export declare function getSecureProps(props?: Record<string, any>): Record<string, any>;
 export {};

package/lib-amd/utilities/utilities.js

@@ -2,7 +2,7 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
     "use strict";
     var _a;
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.formatDate = exports.isScalePaddingDefined = exports.getScalePadding = exports.getBarWidth = exports.formatValueWithSIPrefix = exports.wrapTextInsideDonut = exports.rotateXAxisLabels = exports.convertToLocaleString = exports.getAccessibleDataObject = exports.pointTypes = exports.CustomPoints = exports.Points = exports.getTypeOfAxis = exports.findHBCWANumericMinMaxOfY = exports.findVerticalNumericMinMaxOfY = exports.findVSBCNumericMinMaxOfY = exports.findNumericMinMaxOfY = exports.domainRageOfVerticalNumeric = exports.domainRangeOfDateForAreaLineVerticalBarChart = exports.domainRangeOfVSBCNumeric = exports.domainRangeOfXStringAxis = exports.domainRangeOfNumericForHorizontalBarChartWithAxis = exports.domainRangeOfNumericForAreaChart = exports.getXAxisType = exports.tooltipOfXAxislabels = exports.calculateLongestLabelWidth = exports.wrapContent = exports.createYAxisLabels = exports.createWrapOfXLabels = exports.silceOrAppendToArray = exports.getUnique = exports.calloutData = exports.createStringYAxis = exports.createStringYAxisForHorizontalBarChartWithAxis = exports.createNumericYAxis = exports.createYAxisForHorizontalBarChartWithAxis = exports.prepareDatapoints = exports.createStringXAxis = exports.createDateXAxis = exports.createNumericXAxis = exports.YAxisType = exports.XAxisTypes = exports.ChartTypes = void 0;
+    exports.getSecureProps = exports.formatDate = exports.isScalePaddingDefined = exports.getScalePadding = exports.getBarWidth = exports.formatValueWithSIPrefix = exports.wrapTextInsideDonut = exports.rotateXAxisLabels = exports.convertToLocaleString = exports.getAccessibleDataObject = exports.pointTypes = exports.CustomPoints = exports.Points = exports.getTypeOfAxis = exports.findHBCWANumericMinMaxOfY = exports.findVerticalNumericMinMaxOfY = exports.findVSBCNumericMinMaxOfY = exports.findNumericMinMaxOfY = exports.domainRageOfVerticalNumeric = exports.domainRangeOfDateForAreaLineVerticalBarChart = exports.domainRangeOfVSBCNumeric = exports.domainRangeOfXStringAxis = exports.domainRangeOfNumericForHorizontalBarChartWithAxis = exports.domainRangeOfNumericForAreaChart = exports.getXAxisType = exports.tooltipOfXAxislabels = exports.calculateLongestLabelWidth = exports.wrapContent = exports.createYAxisLabels = exports.createWrapOfXLabels = exports.silceOrAppendToArray = exports.getUnique = exports.calloutData = exports.createStringYAxis = exports.createStringYAxisForHorizontalBarChartWithAxis = exports.createNumericYAxis = exports.createYAxisForHorizontalBarChartWithAxis = exports.prepareDatapoints = exports.createStringXAxis = exports.createDateXAxis = exports.createNumericXAxis = exports.YAxisType = exports.XAxisTypes = exports.ChartTypes = void 0;
     var ChartTypes;
     (function (ChartTypes) {
         ChartTypes[ChartTypes["AreaChart"] = 0] = "AreaChart";
@@ -1081,5 +1081,12 @@ define(["require", "exports", "tslib", "d3-axis", "d3-array", "d3-scale", "d3-se
         return timeFormat('%-e %b %Y, %H:%M')(date) + (useUTC ? ' GMT' : '');
     };
     exports.formatDate = formatDate;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    function getSecureProps(props) {
+        if (props === void 0) { props = {}; }
+        var dangerouslySetInnerHTML = props.dangerouslySetInnerHTML, result = tslib_1.__rest(props, ["dangerouslySetInnerHTML"]);
+        return result;
+    }
+    exports.getSecureProps = getSecureProps;
 });
 //# sourceMappingURL=utilities.js.map