igniteui-webcomponents-charts/esm5/lib/igc-line-series-component.js

Ignite UI Web Components charting components for building rich data visualizations using TypeScript APIs.

import { __extends } from "tslib";
import { UnknownValuePlotting_$type } from "igniteui-webcomponents-core";
import { IgcHorizontalAnchoredCategorySeriesComponent } from "./igc-horizontal-anchored-category-series-component";
import { LineSeries } from "./LineSeries";
import { getAllPropertyNames, toSpinal, ensureEnum, enumToString } from "igniteui-webcomponents-core";
import { RegisterElementHelper } from "igniteui-webcomponents-core";
/**
 * Represents a IgxDataChartComponent line series.
 * Displays trend over time or ordered categories.
 * Useful when there are many data points and the order is important.
*
* `LineSeries` belongs to a group of `CategorySeries` and it is rendered using a collection of points connected by straight line segments.
*/
var IgcLineSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
    __extends(IgcLineSeriesComponent, _super);
    function IgcLineSeriesComponent() {
        return _super.call(this) || this;
    }
    IgcLineSeriesComponent.prototype.createImplementation = function () {
        return new LineSeries();
    };
    Object.defineProperty(IgcLineSeriesComponent.prototype, "i", {
        /**
                                     * @hidden
                                     */
        get: function () {
            return this._implementation;
        },
        enumerable: false,
        configurable: true
    });
    IgcLineSeriesComponent.prototype.connectedCallback = function () {
        if (_super.prototype["connectedCallback"]) {
            _super.prototype["connectedCallback"].call(this);
        }
        if (this.i.connectedCallback) {
            this.i.connectedCallback();
        }
        if (!this._attached) {
            this._attached = true;
            this._flushQueuedAttributes();
        }
    };
    IgcLineSeriesComponent.prototype.disconnectedCallback = function () {
        if (_super.prototype["disconnectedCallback"]) {
            _super.prototype["disconnectedCallback"].call(this);
        }
        if (this.i.disconnectedCallback) {
            this.i.disconnectedCallback();
        }
        if (this._attached) {
            this._attached = false;
        }
    };
    Object.defineProperty(IgcLineSeriesComponent, "observedAttributes", {
        get: function () {
            if (IgcLineSeriesComponent._observedAttributesIgcLineSeriesComponent == null) {
                var names = getAllPropertyNames(IgcLineSeriesComponent);
                for (var i = 0; i < names.length; i++) {
                    names[i] = toSpinal(names[i]);
                }
                IgcLineSeriesComponent._observedAttributesIgcLineSeriesComponent = names;
            }
            return IgcLineSeriesComponent._observedAttributesIgcLineSeriesComponent;
        },
        enumerable: false,
        configurable: true
    });
    IgcLineSeriesComponent.register = function () {
        if (!IgcLineSeriesComponent._isElementRegistered) {
            IgcLineSeriesComponent._isElementRegistered = true;
            RegisterElementHelper.registerElement(IgcLineSeriesComponent.htmlTagName, IgcLineSeriesComponent);
        }
    };
    Object.defineProperty(IgcLineSeriesComponent.prototype, "isLineOnly", {
        /**
         * Gets whether the current series shows only line shapes.
        */
        get: function () {
            return this.i.fl;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcLineSeriesComponent.prototype, "isAreaOrLine", {
        /**
         * Gets whether the current series shows an area or line shape.
        *
        * Gets whether the `Series` shows an area or a line shape.
        *
        * ```ts
        * let isAreaOrLine: boolean = series.isAreaOrLine;
        * ```
        */
        get: function () {
            return this.i.ex;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcLineSeriesComponent.prototype, "unknownValuePlotting", {
        /**
         * Determines how unknown values will be plotted on the chart.
         * Null and Double.NaN are two examples of unknown values.
        *
        * Determines how unknown values will be plotted for the `Series`. This can be set to `LinearInterpolate` to create a continous shape or `DontPlot` to create breaks in the series.
        *
        * Null and Double.NaN are two examples of unknown values.
        *
        * ```ts
        * series.unknownValuePlotting = UnknownValuePlotting.LinearInterpolate;
        * ```
        */
        get: function () {
            return this.i.unknownValuePlotting;
        },
        set: function (v) {
            this.i.unknownValuePlotting = ensureEnum(UnknownValuePlotting_$type, v);
            this._a("unknownValuePlotting", enumToString(UnknownValuePlotting_$type, this.i.unknownValuePlotting));
        },
        enumerable: false,
        configurable: true
    });
    IgcLineSeriesComponent._observedAttributesIgcLineSeriesComponent = null;
    IgcLineSeriesComponent.htmlTagName = "igc-line-series";
    IgcLineSeriesComponent._isElementRegistered = false;
    return IgcLineSeriesComponent;
}(IgcHorizontalAnchoredCategorySeriesComponent));
export { IgcLineSeriesComponent };