@carbon/charts 1.8.0 → 1.9.0-next.1.0

package/components/axes/two-dimensional-axes.d.ts

@@ -1,16 +0,0 @@
-import { Component } from '../component';
-import { RenderTypes } from '../../interfaces';
-import { Threshold } from '../essentials/threshold';
-export declare class TwoDimensionalAxes extends Component {
-    type: string;
-    renderType: RenderTypes;
-    children: any;
-    thresholds: Threshold[];
-    margins: {
-        top: number;
-        right: number;
-        bottom: number;
-        left: number;
-    };
-    render(animate?: boolean): void;
-}

package/components/axes/two-dimensional-axes.js

@@ -1,134 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-// Internal Imports
-import { Component } from '../component';
-import { AxisPositions, RenderTypes, AxisFlavor } from '../../interfaces';
-import { Axis } from './axis';
-import * as Tools from '../../tools';
-import { DOMUtils } from '../../services';
-import { Events } from './../../interfaces';
-import { HoverAxis } from './hover-axis';
-var TwoDimensionalAxes = /** @class */ (function (_super) {
-    __extends(TwoDimensionalAxes, _super);
-    function TwoDimensionalAxes() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.type = '2D-axes';
-        _this.renderType = RenderTypes.SVG;
-        _this.children = {};
-        _this.thresholds = [];
-        _this.margins = {
-            top: 0,
-            right: 0,
-            bottom: 0,
-            left: 0,
-        };
-        return _this;
-    }
-    TwoDimensionalAxes.prototype.render = function (animate) {
-        var _this = this;
-        if (animate === void 0) { animate = false; }
-        var axes = {};
-        var axisPositions = Object.keys(AxisPositions);
-        var axesOptions = Tools.getProperty(this.getOptions(), 'axes');
-        axisPositions.forEach(function (axisPosition) {
-            var axisOptions = axesOptions[AxisPositions[axisPosition]];
-            if (axisOptions) {
-                axes[AxisPositions[axisPosition]] = true;
-            }
-        });
-        this.configs.axes = axes;
-        // Check the configs to know which axes need to be rendered
-        axisPositions.forEach(function (axisPositionKey) {
-            var axisPosition = AxisPositions[axisPositionKey];
-            if (_this.configs.axes[axisPosition] &&
-                !_this.children[axisPosition]) {
-                var configs = {
-                    position: axisPosition,
-                    axes: _this.configs.axes,
-                    margins: _this.margins,
-                };
-                var axisComponent = _this.model.axisFlavor === AxisFlavor.DEFAULT
-                    ? new Axis(_this.model, _this.services, configs)
-                    : new HoverAxis(_this.model, _this.services, configs);
-                // Set model, services & parent for the new axis component
-                axisComponent.setModel(_this.model);
-                axisComponent.setServices(_this.services);
-                axisComponent.setParent(_this.parent);
-                _this.children[axisPosition] = axisComponent;
-            }
-        });
-        Object.keys(this.children).forEach(function (childKey) {
-            var child = _this.children[childKey];
-            child.render(animate);
-        });
-        var margins = {};
-        Object.keys(this.children).forEach(function (childKey) {
-            var child = _this.children[childKey];
-            var axisPosition = child.configs.position;
-            // Grab the invisibly rendered axis' width & height, and set margins
-            // Based off of that
-            // We draw the invisible axis because of the async nature of d3 transitions
-            // To be able to tell the final width & height of the axis when initiaing the transition
-            // The invisible axis is updated instantly and without a transition
-            var invisibleAxisRef = child.getInvisibleAxisRef();
-            var _a = DOMUtils.getSVGElementSize(invisibleAxisRef, { useBBox: true }), width = _a.width, height = _a.height;
-            var offset;
-            if (child.getTitleRef().empty()) {
-                offset = 0;
-            }
-            else {
-                offset = DOMUtils.getSVGElementSize(child.getTitleRef(), {
-                    useBBox: true,
-                }).height;
-                if (axisPosition === AxisPositions.LEFT ||
-                    axisPosition === AxisPositions.RIGHT) {
-                    offset += 5;
-                }
-            }
-            switch (axisPosition) {
-                case AxisPositions.TOP:
-                    margins.top = height + offset;
-                    break;
-                case AxisPositions.BOTTOM:
-                    margins.bottom = height + offset;
-                    break;
-                case AxisPositions.LEFT:
-                    margins.left = width + offset;
-                    break;
-                case AxisPositions.RIGHT:
-                    margins.right = width + offset;
-                    break;
-            }
-        });
-        this.services.events.dispatchEvent(Events.Axis.RENDER_COMPLETE);
-        // If the new margins are different than the existing ones
-        var isNotEqual = Object.keys(margins).some(function (marginKey) {
-            return _this.margins[marginKey] !== margins[marginKey];
-        });
-        if (isNotEqual) {
-            this.margins = Object.assign(this.margins, margins);
-            // also set new margins to model to allow external components to access
-            this.model.set({ axesMargins: this.margins }, { skipUpdate: true });
-            this.services.events.dispatchEvent(Events.ZoomBar.UPDATE);
-            Object.keys(this.children).forEach(function (childKey) {
-                var child = _this.children[childKey];
-                child.margins = _this.margins;
-            });
-            this.render(true);
-        }
-    };
-    return TwoDimensionalAxes;
-}(Component));
-export { TwoDimensionalAxes };
-//# sourceMappingURL=../../../src/components/axes/two-dimensional-axes.js.map

package/components/axes/two-dimensional-axes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"two-dimensional-axes.js","sourceRoot":"","sources":["two-dimensional-axes.ts"],"names":[],"mappings":"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","sourcesContent":["// Internal Imports\nimport { Component } from '../component';\nimport { AxisPositions, RenderTypes, AxisFlavor } from '../../interfaces';\nimport { Axis } from './axis';\nimport * as Tools from '../../tools';\nimport { DOMUtils } from '../../services';\nimport { Threshold } from '../essentials/threshold';\nimport { Events } from './../../interfaces';\nimport { HoverAxis } from './hover-axis';\n\nexport class TwoDimensionalAxes extends Component {\n\ttype = '2D-axes';\n\trenderType = RenderTypes.SVG;\n\n\tchildren: any = {};\n\n\tthresholds: Threshold[] = [];\n\n\tmargins = {\n\t\ttop: 0,\n\t\tright: 0,\n\t\tbottom: 0,\n\t\tleft: 0,\n\t};\n\n\trender(animate = false) {\n\t\tconst axes = {};\n\t\tconst axisPositions = Object.keys(AxisPositions);\n\t\tconst axesOptions = Tools.getProperty(this.getOptions(), 'axes');\n\n\t\taxisPositions.forEach((axisPosition) => {\n\t\t\tconst axisOptions = axesOptions[AxisPositions[axisPosition]];\n\t\t\tif (axisOptions) {\n\t\t\t\taxes[AxisPositions[axisPosition]] = true;\n\t\t\t}\n\t\t});\n\n\t\tthis.configs.axes = axes;\n\n\t\t// Check the configs to know which axes need to be rendered\n\t\taxisPositions.forEach((axisPositionKey) => {\n\t\t\tconst axisPosition = AxisPositions[axisPositionKey];\n\t\t\tif (\n\t\t\t\tthis.configs.axes[axisPosition] &&\n\t\t\t\t!this.children[axisPosition]\n\t\t\t) {\n\t\t\t\tconst configs = {\n\t\t\t\t\tposition: axisPosition,\n\t\t\t\t\taxes: this.configs.axes,\n\t\t\t\t\tmargins: this.margins,\n\t\t\t\t};\n\n\t\t\t\tconst axisComponent =\n\t\t\t\t\tthis.model.axisFlavor === AxisFlavor.DEFAULT\n\t\t\t\t\t\t? new Axis(this.model, this.services, configs)\n\t\t\t\t\t\t: new HoverAxis(this.model, this.services, configs);\n\n\t\t\t\t// Set model, services & parent for the new axis component\n\t\t\t\taxisComponent.setModel(this.model);\n\t\t\t\taxisComponent.setServices(this.services);\n\t\t\t\taxisComponent.setParent(this.parent);\n\n\t\t\t\tthis.children[axisPosition] = axisComponent;\n\t\t\t}\n\t\t});\n\n\t\tObject.keys(this.children).forEach((childKey) => {\n\t\t\tconst child = this.children[childKey];\n\t\t\tchild.render(animate);\n\t\t});\n\n\t\tconst margins = {} as any;\n\n\t\tObject.keys(this.children).forEach((childKey) => {\n\t\t\tconst child = this.children[childKey];\n\t\t\tconst axisPosition = child.configs.position;\n\n\t\t\t// Grab the invisibly rendered axis' width & height, and set margins\n\t\t\t// Based off of that\n\t\t\t// We draw the invisible axis because of the async nature of d3 transitions\n\t\t\t// To be able to tell the final width & height of the axis when initiaing the transition\n\t\t\t// The invisible axis is updated instantly and without a transition\n\t\t\tconst invisibleAxisRef = child.getInvisibleAxisRef();\n\t\t\tconst {\n\t\t\t\twidth,\n\t\t\t\theight,\n\t\t\t} = DOMUtils.getSVGElementSize(invisibleAxisRef, { useBBox: true });\n\n\t\t\tlet offset;\n\t\t\tif (child.getTitleRef().empty()) {\n\t\t\t\toffset = 0;\n\t\t\t} else {\n\t\t\t\toffset = DOMUtils.getSVGElementSize(child.getTitleRef(), {\n\t\t\t\t\tuseBBox: true,\n\t\t\t\t}).height;\n\n\t\t\t\tif (\n\t\t\t\t\taxisPosition === AxisPositions.LEFT ||\n\t\t\t\t\taxisPosition === AxisPositions.RIGHT\n\t\t\t\t) {\n\t\t\t\t\toffset += 5;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tswitch (axisPosition) {\n\t\t\t\tcase AxisPositions.TOP:\n\t\t\t\t\tmargins.top = height + offset;\n\t\t\t\t\tbreak;\n\t\t\t\tcase AxisPositions.BOTTOM:\n\t\t\t\t\tmargins.bottom = height + offset;\n\t\t\t\t\tbreak;\n\t\t\t\tcase AxisPositions.LEFT:\n\t\t\t\t\tmargins.left = width + offset;\n\t\t\t\t\tbreak;\n\t\t\t\tcase AxisPositions.RIGHT:\n\t\t\t\t\tmargins.right = width + offset;\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t});\n\n\t\tthis.services.events.dispatchEvent(Events.Axis.RENDER_COMPLETE);\n\n\t\t// If the new margins are different than the existing ones\n\t\tconst isNotEqual = Object.keys(margins).some((marginKey) => {\n\t\t\treturn this.margins[marginKey] !== margins[marginKey];\n\t\t});\n\n\t\tif (isNotEqual) {\n\t\t\tthis.margins = Object.assign(this.margins, margins);\n\n\t\t\t// also set new margins to model to allow external components to access\n\t\t\tthis.model.set({ axesMargins: this.margins }, { skipUpdate: true });\n\t\t\tthis.services.events.dispatchEvent(Events.ZoomBar.UPDATE);\n\n\t\t\tObject.keys(this.children).forEach((childKey) => {\n\t\t\t\tconst child = this.children[childKey];\n\t\t\t\tchild.margins = this.margins;\n\t\t\t});\n\n\t\t\tthis.render(true);\n\t\t}\n\t}\n}\n"]}

package/components/axes/zero-line.d.ts

@@ -1,7 +0,0 @@
-import { Component } from '../component';
-import { RenderTypes } from '../../interfaces';
-export declare class ZeroLine extends Component {
-    type: string;
-    renderType: RenderTypes;
-    render(animate: boolean): void;
-}

package/components/axes/zero-line.js

@@ -1,76 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-// Internal Imports
-import { Component } from '../component';
-import { DOMUtils } from '../../services';
-import * as Tools from '../../tools';
-import { RenderTypes } from '../../interfaces';
-var ZeroLine = /** @class */ (function (_super) {
-    __extends(ZeroLine, _super);
-    function ZeroLine() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.type = 'zero-line';
-        _this.renderType = RenderTypes.SVG;
-        return _this;
-    }
-    ZeroLine.prototype.render = function (animate) {
-        var _this = this;
-        var axisPosition = this.services.cartesianScales.getRangeAxisPosition({ groups: this.configs.groups });
-        var rangeScale = this.services.cartesianScales.getScaleByPosition(axisPosition);
-        // check the domain
-        var _a = rangeScale.domain(), minDomainValue = _a[0], maxDomainValue = _a[1];
-        var drawZeroLine = (minDomainValue > 0 && maxDomainValue < 0) ||
-            (minDomainValue < 0 && maxDomainValue > 0);
-        // Grab container SVG
-        var svg = this.getComponentContainer();
-        // show zero line only if is necessary, otherwise make sure tto remove zero line if the chart
-        // previously had a domain that went into negatives
-        if (!drawZeroLine) {
-            // otherwise if a chart draws a zero line and then the domain change the zero line is still in the DOM
-            svg.selectAll('line.domain').remove();
-            return;
-        }
-        // Get x & y position of the line
-        var _b = this.services.cartesianScales.getDomainScale().range(), x0 = _b[0], x1 = _b[1];
-        var yPosition = +rangeScale(0) + 0.5;
-        // if scale domain contains NaN, return the first value of the range
-        // this is necessary for the zero line y position that otherwise is NaN
-        // so on the top of the chart while we want it on the bottom
-        if (!yPosition) {
-            yPosition = rangeScale.range()[0];
-        }
-        var lineCoordinates = Tools.flipSVGCoordinatesBasedOnOrientation({
-            x0: x0,
-            x1: x1,
-            y0: yPosition,
-            y1: yPosition,
-        }, this.services.cartesianScales.getOrientation());
-        var line = DOMUtils.appendOrSelect(svg, 'line.domain');
-        line.transition()
-            .call(function (t) {
-            return _this.services.transitions.setupTransition({
-                transition: t,
-                name: 'zero-line-update',
-                animate: animate,
-            });
-        })
-            .attr('y1', lineCoordinates.y0)
-            .attr('y2', lineCoordinates.y1)
-            .attr('x1', lineCoordinates.x0)
-            .attr('x2', lineCoordinates.x1);
-    };
-    return ZeroLine;
-}(Component));
-export { ZeroLine };
-//# sourceMappingURL=../../../src/components/axes/zero-line.js.map

package/components/axes/zero-line.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"zero-line.js","sourceRoot":"","sources":["zero-line.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,mBAAmB;AACnB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,KAAK,KAAK,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C;IAA8B,4BAAS;IAAvC;QAAA,qEAgEC;QA/DA,UAAI,GAAG,WAAW,CAAC;QACnB,gBAAU,GAAG,WAAW,CAAC,GAAG,CAAC;;IA8D9B,CAAC;IA5DA,yBAAM,GAAN,UAAO,OAAgB;QAAvB,iBA2DC;QA1DA,IAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,oBAAoB,CACtE,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAC/B,CAAC;QACF,IAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,kBAAkB,CAClE,YAAY,CACZ,CAAC;QACF,mBAAmB;QACb,IAAA,wBAAsD,EAArD,sBAAc,EAAE,sBAAqC,CAAC;QAE7D,IAAM,YAAY,GACjB,CAAC,cAAc,GAAG,CAAC,IAAI,cAAc,GAAG,CAAC,CAAC;YAC1C,CAAC,cAAc,GAAG,CAAC,IAAI,cAAc,GAAG,CAAC,CAAC,CAAC;QAE5C,qBAAqB;QACrB,IAAM,GAAG,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAEzC,6FAA6F;QAC7F,mDAAmD;QACnD,IAAI,CAAC,YAAY,EAAE;YAClB,sGAAsG;YACtG,GAAG,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,MAAM,EAAE,CAAC;YACtC,OAAO;SACP;QAED,iCAAiC;QAC3B,IAAA,2DAAiE,EAAhE,UAAE,EAAE,UAA4D,CAAC;QACxE,IAAI,SAAS,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;QAErC,oEAAoE;QACpE,uEAAuE;QACvE,4DAA4D;QAC5D,IAAI,CAAC,SAAS,EAAE;YACf,SAAS,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;SAClC;QAED,IAAM,eAAe,GAAG,KAAK,CAAC,oCAAoC,CACjE;YACC,EAAE,IAAA;YACF,EAAE,IAAA;YACF,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;SACb,EACD,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,cAAc,EAAE,CAC9C,CAAC;QAEF,IAAM,IAAI,GAAG,QAAQ,CAAC,cAAc,CAAC,GAAG,EAAE,aAAa,CAAC,CAAC;QACzD,IAAI,CAAC,UAAU,EAAE;aACf,IAAI,CAAC,UAAC,CAAC;YACP,OAAA,KAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,eAAe,CAAC;gBACzC,UAAU,EAAE,CAAC;gBACb,IAAI,EAAE,kBAAkB;gBACxB,OAAO,SAAA;aACP,CAAC;QAJF,CAIE,CACF;aACA,IAAI,CAAC,IAAI,EAAE,eAAe,CAAC,EAAE,CAAC;aAC9B,IAAI,CAAC,IAAI,EAAE,eAAe,CAAC,EAAE,CAAC;aAC9B,IAAI,CAAC,IAAI,EAAE,eAAe,CAAC,EAAE,CAAC;aAC9B,IAAI,CAAC,IAAI,EAAE,eAAe,CAAC,EAAE,CAAC,CAAC;IAClC,CAAC;IACF,eAAC;AAAD,CAAC,AAhED,CAA8B,SAAS,GAgEtC","sourcesContent":["// Internal Imports\nimport { Component } from '../component';\nimport { DOMUtils } from '../../services';\nimport * as Tools from '../../tools';\nimport { RenderTypes } from '../../interfaces';\n\nexport class ZeroLine extends Component {\n\ttype = 'zero-line';\n\trenderType = RenderTypes.SVG;\n\n\trender(animate: boolean) {\n\t\tconst axisPosition = this.services.cartesianScales.getRangeAxisPosition(\n\t\t\t{ groups: this.configs.groups }\n\t\t);\n\t\tconst rangeScale = this.services.cartesianScales.getScaleByPosition(\n\t\t\taxisPosition\n\t\t);\n\t\t// check the domain\n\t\tconst [minDomainValue, maxDomainValue] = rangeScale.domain();\n\n\t\tconst drawZeroLine =\n\t\t\t(minDomainValue > 0 && maxDomainValue < 0) ||\n\t\t\t(minDomainValue < 0 && maxDomainValue > 0);\n\n\t\t// Grab container SVG\n\t\tconst svg = this.getComponentContainer();\n\n\t\t// show zero line only if is necessary, otherwise make sure tto remove zero line if the chart\n\t\t// previously had a domain that went into negatives\n\t\tif (!drawZeroLine) {\n\t\t\t// otherwise if a chart draws a zero line and then the domain change the zero line is still in the DOM\n\t\t\tsvg.selectAll('line.domain').remove();\n\t\t\treturn;\n\t\t}\n\n\t\t// Get x & y position of the line\n\t\tconst [x0, x1] = this.services.cartesianScales.getDomainScale().range();\n\t\tlet yPosition = +rangeScale(0) + 0.5;\n\n\t\t// if scale domain contains NaN, return the first value of the range\n\t\t// this is necessary for the zero line y position that otherwise is NaN\n\t\t// so on the top of the chart while we want it on the bottom\n\t\tif (!yPosition) {\n\t\t\tyPosition = rangeScale.range()[0];\n\t\t}\n\n\t\tconst lineCoordinates = Tools.flipSVGCoordinatesBasedOnOrientation(\n\t\t\t{\n\t\t\t\tx0,\n\t\t\t\tx1,\n\t\t\t\ty0: yPosition,\n\t\t\t\ty1: yPosition,\n\t\t\t},\n\t\t\tthis.services.cartesianScales.getOrientation()\n\t\t);\n\n\t\tconst line = DOMUtils.appendOrSelect(svg, 'line.domain');\n\t\tline.transition()\n\t\t\t.call((t) =>\n\t\t\t\tthis.services.transitions.setupTransition({\n\t\t\t\t\ttransition: t,\n\t\t\t\t\tname: 'zero-line-update',\n\t\t\t\t\tanimate,\n\t\t\t\t})\n\t\t\t)\n\t\t\t.attr('y1', lineCoordinates.y0)\n\t\t\t.attr('y2', lineCoordinates.y1)\n\t\t\t.attr('x1', lineCoordinates.x0)\n\t\t\t.attr('x2', lineCoordinates.x1);\n\t}\n}\n"]}

package/components/axes/zoom-bar.d.ts

@@ -1,28 +0,0 @@
-import { Component } from '../component';
-import { ChartModelCartesian } from '../../model/cartesian-charts';
-import { RenderTypes } from '../../interfaces';
-export declare class ZoomBar extends Component {
-    type: string;
-    renderType: RenderTypes;
-    MIN_SELECTION_DIFF: number;
-    brushSelector: string;
-    maxSelectionRange: [0, 0];
-    clipId: string;
-    brush: import("d3-brush").BrushBehavior<unknown>;
-    xScale: any;
-    yScale: any;
-    highlightStrokeWidth: number;
-    protected model: ChartModelCartesian;
-    init(): void;
-    render(animate?: boolean): void;
-    addBrushEventListener(zoomDomain: any, axesLeftMargin: any, width: any): void;
-    handleBrushedEvent(event: any, zoomDomain: any, scale: any, selection: any): void;
-    updateBrushHandle(svg: any, selection: any, domain: any): void;
-    updateSliderSelectedArea(selection: any): void;
-    renderZoomBarArea(container: any, querySelector: any, data: any, clipId: any): void;
-    updateClipPath(svg: any, clipId: any, x: any, y: any, width: any, height: any): void;
-    compensateDataForDefaultDomain(data: any, defaultDomain: any): any;
-    renderZoomBarBaseline(container: any, startX: any, endX: any, skeletonClass?: boolean): void;
-    renderSkeleton(container: any, startX: any, endX: any): void;
-    destroy(): void;
-}