@pnp/spfx-controls-react 3.24.0-beta.2252463 → 3.24.0-beta.2280641

package/lib-commonjs/controls/chartControl/ChartControl.js

@@ -0,0 +1,368 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChartControl = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var ChartControl_module_scss_1 = tslib_1.__importDefault(require("./ChartControl.module.scss"));
+var Utilities_1 = require("@fluentui/react/lib/Utilities");
+var chart_js_1 = require("chart.js");
+var PaletteGenerator_1 = require("./PaletteGenerator");
+var AccessibleChartTable_1 = require("./AccessibleChartTable");
+var telemetry = tslib_1.__importStar(require("../../common/telemetry"));
+var ChartControl_types_1 = require("./ChartControl.types");
+var ThemeColorHelper_1 = require("../../common/utilities/ThemeColorHelper");
+var ChartControl = /** @class */ (function (_super) {
+    tslib_1.__extends(ChartControl, _super);
+    function ChartControl(props) {
+        var _this = _super.call(this, props) || this;
+        /**
+         * The canvas element that will host the chart
+         */
+        _this._canvasElem = undefined;
+        _this._linkCanvas = function (e) {
+            _this._canvasElem = e;
+        };
+        telemetry.track('ReactChartComponent', {
+            type: !!props.type,
+            className: !!props.className,
+            palette: !!props.palette,
+            accessibility: !!props.accessibility.enable
+        });
+        _this.state = {
+            isLoading: false,
+            rejected: undefined,
+            data: undefined
+        };
+        return _this;
+    }
+    /**
+     * componentDidMount lifecycle hook
+     */
+    ChartControl.prototype.componentDidMount = function () {
+        if (this.props.datapromise) {
+            this._doPromise(this.props.datapromise);
+        }
+        else {
+            this._initChart(this.props, this.props.data);
+        }
+    };
+    /**
+     * componentWillReceiveProps lifecycle hook
+     *
+     * @param nextProps
+     */
+    ChartControl.prototype.UNSAFE_componentWillReceiveProps = function (nextProps) {
+        if (nextProps.datapromise !== this.props.datapromise) {
+            this.setState({
+                isLoading: false
+            });
+            this._doPromise(nextProps.datapromise);
+        }
+        else {
+            this._destroyChart();
+            this._initChart(nextProps, this.props.data);
+        }
+    };
+    /**
+     * componentWillUnmount lifecycle hook
+     */
+    ChartControl.prototype.componentWillUnmount = function () {
+        this._destroyChart();
+    };
+    /**
+    * shouldComponentUpdate lifecycle hook
+    *
+    * @param nextProps
+    * @param nextState
+    */
+    ChartControl.prototype.shouldComponentUpdate = function (nextProps, nextState) {
+        var _a = this.props, data = _a.data, options = _a.options, plugins = _a.plugins, className = _a.className, accessibility = _a.accessibility, useTheme = _a.useTheme, palette = _a.palette;
+        return data !== nextProps.data ||
+            options !== nextProps.options ||
+            plugins !== nextProps.plugins ||
+            className !== nextProps.className ||
+            useTheme !== nextProps.useTheme ||
+            palette !== nextProps.palette ||
+            accessibility !== nextProps.accessibility;
+    };
+    /**
+     * Default React render method
+     */
+    ChartControl.prototype.render = function () {
+        var _a = this.props, type = _a.type, accessibility = _a.accessibility, useTheme = _a.useTheme, options = _a.options, data = _a.data;
+        // If we're still loading, try to show the loading template
+        if (this.state.isLoading) {
+            if (this.props.loadingtemplate) {
+                if (typeof this.props.loadingtemplate === "function") {
+                    return this.props.loadingtemplate();
+                }
+                else {
+                    return this.props.loadingtemplate;
+                }
+            }
+        }
+        // If promise was rejected, try to show the rejected template
+        if (this.state.rejected) {
+            if (this.props.rejectedtemplate) {
+                if (typeof this.props.rejectedtemplate === "function") {
+                    return this.props.rejectedtemplate(this.state.rejected);
+                }
+                else {
+                    return this.props.rejectedtemplate;
+                }
+            }
+        }
+        var alternateText = accessibility.alternateText;
+        return (React.createElement("div", { className: (0, Utilities_1.css)(ChartControl_module_scss_1.default.chartComponent, (useTheme ? ChartControl_module_scss_1.default.themed : null), this.props.className) },
+            React.createElement("canvas", { ref: this._linkCanvas, role: 'img', "aria-label": alternateText }),
+            accessibility.enable === undefined || accessibility.enable ? (React.createElement(AccessibleChartTable_1.AccessibleChartTable, { chartType: type, data: data || this.state.data, chartOptions: options, className: accessibility.className, caption: accessibility.caption, summary: accessibility.summary, onRenderTable: accessibility.onRenderTable })) : null));
+    };
+    /**
+     * Triggers an update of the chart.
+     * This can be safely called after updating the data object.
+     * This will update all scales, legends, and then re-render the chart.
+     * @param config duration (number): Time for the animation of the redraw in milliseconds
+     * lazy (boolean): If true, the animation can be interrupted by other animations
+     * easing (string): The animation easing function.
+     */
+    ChartControl.prototype.update = function (config) {
+        this._chart.update(config);
+    };
+    /**
+     * Triggers a redraw of all chart elements.
+     * Note, this does not update elements for new data. Use .update() in that case.
+     * @param config  duration is the time for the animation of the redraw in milliseconds
+      lazy is a boolean. If true, the animation can be interrupted by other animations
+     */
+    ChartControl.prototype.renderChart = function (config) {
+        this._chart.render(config);
+    };
+    /**
+     Use this to stop any current animation loop.
+     This will pause the chart during any current animation frame.
+     Call .render() to re-animate.
+     */
+    ChartControl.prototype.stop = function () {
+        this._chart.stop();
+    };
+    /**
+     Will clear the chart canvas.
+     Used extensively internally between animation frames, but you might find it useful.
+     */
+    ChartControl.prototype.clear = function () {
+        this._chart.clear();
+    };
+    /**
+   Returns a base 64 encoded string of the chart in it's current state.
+   @returns {string} A base-64 encoded PNG data URL containing image of the chart in its current state
+   */
+    ChartControl.prototype.toBase64Image = function () {
+        return this._chart.toBase64Image();
+    };
+    /**
+     Return the chartjs instance
+     */
+    //  tslint:disable-next-line no-any
+    ChartControl.prototype.getChart = function () {
+        return this._chart;
+    };
+    /**
+    Return the canvass element that contains the chart
+    @returns {HTMLCanvasElement} the canvas element containig the chart
+     */
+    ChartControl.prototype.getCanvas = function () {
+        return this._chart.canvas;
+    };
+    /**
+     Looks for the element under the event point,
+     then returns all elements from that dataset.
+     This is used internally for 'dataset' mode highlighting
+     * @param e An array of elements
+     */
+    ChartControl.prototype.getDatasetAtEvent = function (e) {
+        return this.getChart().getDatasetAtEvent(e);
+    };
+    /**
+   * Calling getElementAtEvent(event) on your Chart instance passing an argument of an event,
+   * or jQuery event, will return the single element at the event position.
+   * If there are multiple items within range, only the first is returned.
+   * The value returned from this method is an array with a single parameter.
+   * An array is used to keep a consistent API between the get*AtEvent methods.
+   * @param e the first element at the event point.
+   */
+    ChartControl.prototype.getElementAtEvent = function (e) {
+        return this.getChart().getElementAtEvent(e);
+    };
+    /**
+    Looks for the element under the event point, then returns all elements
+    at the same data index. This is used internally for 'label' mode highlighting.
+   Calling getElementsAtEvent(event) on your Chart instance passing an argument of an
+   event, or jQuery event, will return the point elements that are at that
+   the same position of that event.
+    * @param e
+    */
+    ChartControl.prototype.getElementsAtEvent = function (e) {
+        return this.getChart().getElementsAtEvent(e);
+    };
+    /**
+     * Initializes the chart
+     * @param props chart control properties
+     */
+    ChartControl.prototype._initChart = function (props, data) {
+        var _this = this;
+        var options = props.options, type = props.type, plugins = props.plugins, useTheme = props.useTheme;
+        // add event handlers -- if they weren't already provided through options
+        if (this.props.onClick !== undefined) {
+            if (options.onClick === undefined) {
+                options.onClick = this.props.onClick;
+            }
+        }
+        // Add onhover
+        if (this.props.onHover !== undefined) {
+            if (options.onHover === undefined) {
+                options.onHover = function (event, activeElements) {
+                    _this.props.onHover(_this.getChart(), event, activeElements);
+                };
+            }
+        }
+        // Add onResize
+        // Note that onResize won't work unless the chart is
+        // position: relative and has a height and width defined
+        if (this.props.onResize !== undefined) {
+            if (options.onResize === undefined) {
+                options.onResize = function (newSize) {
+                    _this.props.onResize(_this.getChart(), newSize);
+                };
+            }
+        }
+        this._applyDatasetPalette(data);
+        if (useTheme) {
+            this._applyChartThemes();
+        }
+        this._chart = new chart_js_1.Chart(this._canvasElem, {
+            type: type,
+            data: data,
+            options: options,
+            plugins: plugins
+        });
+    };
+    ChartControl.prototype._applyDatasetPalette = function (data) {
+        var _this = this;
+        try {
+            // Get the dataset
+            var datasets = data.datasets;
+            if (datasets !== undefined) {
+                datasets.forEach(function (dataset) {
+                    var _a;
+                    if (dataset.backgroundColor === undefined) {
+                        var datasetLength = (_a = dataset.data) === null || _a === void 0 ? void 0 : _a.length;
+                        if (datasetLength) {
+                            dataset.backgroundColor = PaletteGenerator_1.PaletteGenerator.GetPalette(_this.props.palette, datasetLength);
+                        }
+                    }
+                });
+            }
+        }
+        catch (_a) {
+            // no-op;
+        }
+    };
+    ChartControl.prototype._applyChartThemes = function () {
+        try {
+            chart_js_1.Chart.defaults.global.defaultFontColor = ThemeColorHelper_1.ThemeColorHelper.GetThemeColor(ChartControl_module_scss_1.default.defaultFontColor);
+            chart_js_1.Chart.defaults.global.defaultFontFamily = ChartControl_module_scss_1.default.defaultFontFamily;
+            chart_js_1.Chart.defaults.global.defaultFontSize = this._getFontSizeNumber(ChartControl_module_scss_1.default.defaultFontSize);
+            chart_js_1.Chart.defaults.global.title.fontColor = ThemeColorHelper_1.ThemeColorHelper.GetThemeColor(ChartControl_module_scss_1.default.titleColor);
+            chart_js_1.Chart.defaults.global.title.fontFamily = ChartControl_module_scss_1.default.titleFont;
+            chart_js_1.Chart.defaults.global.title.fontSize = this._getFontSizeNumber(ChartControl_module_scss_1.default.titleFontSize);
+            chart_js_1.Chart.defaults.global.legend.labels.fontColor = ThemeColorHelper_1.ThemeColorHelper.GetThemeColor(ChartControl_module_scss_1.default.legendColor);
+            chart_js_1.Chart.defaults.global.legend.labels.fontFamily = ChartControl_module_scss_1.default.legendFont;
+            chart_js_1.Chart.defaults.global.legend.labels.fontSize = this._getFontSizeNumber(ChartControl_module_scss_1.default.legendFontSize);
+            chart_js_1.Chart.defaults.global.tooltips.backgroundColor = ThemeColorHelper_1.ThemeColorHelper.GetThemeColor(ChartControl_module_scss_1.default.tooltipBackgroundColor);
+            chart_js_1.Chart.defaults.global.tooltips.bodyFontColor = ThemeColorHelper_1.ThemeColorHelper.GetThemeColor(ChartControl_module_scss_1.default.tooltipBodyColor);
+            chart_js_1.Chart.defaults.global.tooltips.bodyFontFamily = ChartControl_module_scss_1.default.tooltipFont;
+            chart_js_1.Chart.defaults.global.tooltips.bodyFontSize = this._getFontSizeNumber(ChartControl_module_scss_1.default.tooltipFontSize);
+            chart_js_1.Chart.defaults.global.tooltips.titleFontColor = ThemeColorHelper_1.ThemeColorHelper.GetThemeColor(ChartControl_module_scss_1.default.tooltipTitleColor);
+            chart_js_1.Chart.defaults.global.tooltips.titleFontFamily = ChartControl_module_scss_1.default.tooltipTitleFont;
+            chart_js_1.Chart.defaults.global.tooltips.titleFontSize = this._getFontSizeNumber(ChartControl_module_scss_1.default.tooltipTitleFontSize);
+            chart_js_1.Chart.defaults.global.tooltips.footerFontColor = ThemeColorHelper_1.ThemeColorHelper.GetThemeColor(ChartControl_module_scss_1.default.tooltipFooterColor);
+            chart_js_1.Chart.defaults.global.tooltips.footerFontFamily = ChartControl_module_scss_1.default.tooltipFooterFont;
+            chart_js_1.Chart.defaults.global.tooltips.footerFontSize = this._getFontSizeNumber(ChartControl_module_scss_1.default.tooltipFooterFontSize);
+            chart_js_1.Chart.defaults.global.tooltips.borderColor = ThemeColorHelper_1.ThemeColorHelper.GetThemeColor(ChartControl_module_scss_1.default.tooltipBorderColor);
+            if (chart_js_1.Chart.defaults
+                && chart_js_1.Chart.defaults.scale
+                && chart_js_1.Chart.defaults.scale.gridLines
+                && chart_js_1.Chart.defaults.scale.gridLines.color) {
+                chart_js_1.Chart.defaults.scale.gridLines.color = ThemeColorHelper_1.ThemeColorHelper.GetThemeColor(ChartControl_module_scss_1.default.lineColor);
+            }
+        }
+        catch (_a) {
+            // no-op;
+        }
+    };
+    ChartControl.prototype._destroyChart = function () {
+        try {
+            if (this._chart !== undefined) {
+                this._chart.destroy();
+            }
+        }
+        catch (_a) {
+            // no-op;
+        }
+    };
+    // Reads one of the Office Fabric defined font sizes
+    // and converts to a number
+    ChartControl.prototype._getFontSizeNumber = function (value) {
+        try {
+            return parseInt(value.replace('px', ''), 10);
+        }
+        catch (_a) {
+            return undefined;
+        }
+    };
+    /**
+     * Gets the results of a promise and returns it to the chart
+     * @param promise
+     */
+    ChartControl.prototype._doPromise = function (promise) {
+        var _this = this;
+        this.setState({
+            isLoading: true
+        }, function () {
+            promise.then(function (results) {
+                _this.setState({
+                    isLoading: false,
+                    data: results
+                }, function () {
+                    _this._initChart(_this.props, results);
+                });
+            }, function (rejected) {
+                _this.setState({
+                    isLoading: false,
+                    rejected: rejected
+                });
+            });
+        });
+    };
+    /**
+     * Sets default properties
+     */
+    ChartControl.defaultProps = {
+        // We want accessibility on by default
+        // -- it's the law in some countries!!!
+        accessibility: {
+            enable: true
+        },
+        useTheme: true,
+        palette: ChartControl_types_1.ChartPalette.OfficeColorful1,
+        // Make charts responsive so that they fit within their
+        // parent elements
+        options: {
+            responsive: true,
+            maintainAspectRatio: true
+        }
+    };
+    return ChartControl;
+}(React.Component));
+exports.ChartControl = ChartControl;
+//# sourceMappingURL=ChartControl.js.map

package/lib-commonjs/controls/chartControl/ChartControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartControl.js","sourceRoot":"","sources":["../../../src/controls/chartControl/ChartControl.tsx"],"names":[],"mappings":"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"}

package/lib-commonjs/controls/chartControl/ChartControl.module.scss.css

@@ -0,0 +1,43 @@
+/*
+  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license
+*/
+:export {
+  defaultFontColor: #605e5c;
+  defaultFontFamily: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
+  defaultFontSize: 14px;
+  lineColor: #f3f2f1;
+  titleColor: #605e5c;
+  titleFont: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
+  titleFontSize: 14px;
+  legendColor: #a19f9d;
+  legendFont: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
+  legendFontSize: 12px;
+  tooltipFontSize: 12px;
+  tooltipFont: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
+  tooltipBodyColor: #ffffff;
+  tooltipTitleFont: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
+  tooltipTitleColor: #ffffff;
+  tooltipTitleFontSize: 12px;
+  tooltipFooterColor: #ffffff;
+  tooltipFooterFont: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
+  tooltipFooterFontSize: 12px;
+  tooltipBackgroundColor: #323130;
+  tooltipBorderColor: #323130;
+  scaleFontColor: #605e5c;
+  scaleFont: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
+  scaleFontSize: 12px;
+}
+
+.chartComponent.themed {
+  background-color: "[theme: bodyBackground, default: #ffffff]";
+}
+
+.accessibleTable {
+  position: "absolute";
+  left: -10000;
+  top: "auto";
+  width: 1;
+  height: 1;
+  overflow: "hidden";
+  display: none;
+}

package/lib-commonjs/controls/chartControl/ChartControl.types.js

@@ -0,0 +1,109 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChartType = exports.ChartPalette = void 0;
+/**
+ * The color palettes available within Office.
+ */
+var ChartPalette;
+(function (ChartPalette) {
+    /**
+     * Office Colorful Palette 1:
+     * Blue, Orange, Grey, Gold, Blue, Green
+     */
+    ChartPalette[ChartPalette["OfficeColorful1"] = 0] = "OfficeColorful1";
+    /**
+    * Office Colorful Palette 2:
+    * Blue, Grey, Blue, Dark Blue, Dark Grey, Dark Blue
+     */
+    ChartPalette[ChartPalette["OfficeColorful2"] = 1] = "OfficeColorful2";
+    /**
+     * Office Colorful Palette 3:
+     *  Orange, Gold, Green, Brown, Dark Yellow, Dark Green */
+    ChartPalette[ChartPalette["OfficeColorful3"] = 2] = "OfficeColorful3";
+    /**
+     * Office Colorful Palette 4:
+     * Green, Blue, Gold, Dark Green, Dark Blue, Dark Yellow */
+    ChartPalette[ChartPalette["OfficeColorful4"] = 3] = "OfficeColorful4";
+    /**
+     * Monochromatic Palette 1:
+     * Blue gradient, dark to light
+     */
+    ChartPalette[ChartPalette["OfficeMonochromatic1"] = 4] = "OfficeMonochromatic1";
+    /**
+     * Monochromatic Palette 2:
+     * Orange gradient, dark to light
+     */
+    ChartPalette[ChartPalette["OfficeMonochromatic2"] = 5] = "OfficeMonochromatic2";
+    /**
+     * Monochromatic Palette 3:
+     * Grey gradient, dark to light
+     */
+    ChartPalette[ChartPalette["OfficeMonochromatic3"] = 6] = "OfficeMonochromatic3";
+    /**
+     * Monochromatic Palette 4:
+     * Gold gradient, dark to light
+     */
+    ChartPalette[ChartPalette["OfficeMonochromatic4"] = 7] = "OfficeMonochromatic4";
+    /**
+     * Monochromatic Palette 5:
+     * Blue gradient, dark to light
+     */
+    ChartPalette[ChartPalette["OfficeMonochromatic5"] = 8] = "OfficeMonochromatic5";
+    /**
+     * Monochromatic Palette 6:
+     * Green gradient, dark to light
+     */
+    ChartPalette[ChartPalette["OfficeMonochromatic6"] = 9] = "OfficeMonochromatic6";
+    /**
+     * Monochromatic Palette 7:
+     * Dark Grey, Light Grey, Grey, Dark Grey, Light Grey, Grey
+     */
+    ChartPalette[ChartPalette["OfficeMonochromatic7"] = 10] = "OfficeMonochromatic7";
+    /**
+     * Monochromatic Palette 8:
+     * Blue gradient, light to dark
+     */
+    ChartPalette[ChartPalette["OfficeMonochromatic8"] = 11] = "OfficeMonochromatic8";
+    /**
+     * Monochromatic Palette 9:
+     * Orange gradient, light to dark
+     */
+    ChartPalette[ChartPalette["OfficeMonochromatic9"] = 12] = "OfficeMonochromatic9";
+    /**
+     * Monochromatic Palette 10:
+     * Grey gradient, light to dark
+     */
+    ChartPalette[ChartPalette["OfficeMonochromatic10"] = 13] = "OfficeMonochromatic10";
+    /**
+     * Monochromatic Palette 11:
+     * Gold gradient, light to dark
+     */
+    ChartPalette[ChartPalette["OfficeMonochromatic11"] = 14] = "OfficeMonochromatic11";
+    /**
+     * Monochromatic Palette 12:
+     * Blue gradient, light to dark
+     */
+    ChartPalette[ChartPalette["OfficeMonochromatic12"] = 15] = "OfficeMonochromatic12";
+    /**
+     * Monochromatic Palette 13:
+     * Green gradient, light to dark
+     */
+    ChartPalette[ChartPalette["OfficeMonochromatic13"] = 16] = "OfficeMonochromatic13";
+})(ChartPalette || (exports.ChartPalette = ChartPalette = {}));
+/**
+ * The types of charts available
+ */
+/* tslint:disable */
+exports.ChartType = {
+    Line: 'line',
+    Bar: 'bar',
+    HorizontalBar: 'horizontalBar',
+    Radar: 'radar',
+    Doughnut: 'doughnut',
+    PolarArea: 'polarArea',
+    Bubble: 'bubble',
+    Pie: 'pie',
+    Scatter: 'scatter'
+};
+/* tslint:enable */
+//# sourceMappingURL=ChartControl.types.js.map

package/lib-commonjs/controls/chartControl/ChartControl.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartControl.types.js","sourceRoot":"","sources":["../../../src/controls/chartControl/ChartControl.types.ts"],"names":[],"mappings":";;;AA0HA;;GAEG;AACH,IAAY,YAoGX;AApGD,WAAY,YAAY;IACtB;;;OAGG;IACH,qEAAe,CAAA;IAEf;;;OAGG;IACH,qEAAe,CAAA;IAEf;;8DAE0D;IAC1D,qEAAe,CAAA;IAEf;;+DAE2D;IAC3D,qEAAe,CAAA;IAEf;;;OAGG;IACH,+EAAoB,CAAA;IAEpB;;;OAGG;IACH,+EAAoB,CAAA;IAEpB;;;OAGG;IACH,+EAAoB,CAAA;IAEpB;;;OAGG;IACH,+EAAoB,CAAA;IAEpB;;;OAGG;IACH,+EAAoB,CAAA;IAEpB;;;OAGG;IACH,+EAAoB,CAAA;IAEpB;;;OAGG;IACH,gFAAoB,CAAA;IAEpB;;;OAGG;IACH,gFAAoB,CAAA;IAEpB;;;OAGG;IACH,gFAAoB,CAAA;IAEpB;;;OAGG;IACH,kFAAqB,CAAA;IAErB;;;OAGG;IACH,kFAAqB,CAAA;IAErB;;;OAGG;IACH,kFAAqB,CAAA;IAErB;;;OAGG;IACH,kFAAqB,CAAA;AACvB,CAAC,EApGW,YAAY,4BAAZ,YAAY,QAoGvB;AAkGD;;GAEG;AACH,oBAAoB;AACP,QAAA,SAAS,GAAG;IACvB,IAAI,EAAE,MAAmB;IACzB,GAAG,EAAE,KAAkB;IACvB,aAAa,EAAE,eAA4B;IAC3C,KAAK,EAAE,OAAoB;IAC3B,QAAQ,EAAE,UAAuB;IACjC,SAAS,EAAE,WAAwB;IACnC,MAAM,EAAE,QAAqB;IAC7B,GAAG,EAAE,KAAkB;IACvB,OAAO,EAAE,SAAsB;CAChC,CAAC;AACF,mBAAmB"}