igniteui-webcomponents-charts/esm5/lib/igc-area-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 { AreaSeries } from "./AreaSeries";
import { getAllPropertyNames, toSpinal, ensureEnum, enumToString } from "igniteui-webcomponents-core";
import { RegisterElementHelper } from "igniteui-webcomponents-core";
/**
 * Represents a IgxDataChartComponent area series.
 * Displays trend over time or ordered categories.
 * Useful when there are many data points and the order is important.
*
* The `AreaSeries` class represents a IgxDataChartComponent area series.Displays trend over time or ordered categories.
*
* Useful when there are many data points and the order is important.
*/
var IgcAreaSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
    __extends(IgcAreaSeriesComponent, _super);
    function IgcAreaSeriesComponent() {
        return _super.call(this) || this;
    }
    IgcAreaSeriesComponent.prototype.createImplementation = function () {
        return new AreaSeries();
    };
    Object.defineProperty(IgcAreaSeriesComponent.prototype, "i", {
        /**
                                     * @hidden
                                     */
        get: function () {
            return this._implementation;
        },
        enumerable: false,
        configurable: true
    });
    IgcAreaSeriesComponent.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();
        }
    };
    IgcAreaSeriesComponent.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(IgcAreaSeriesComponent, "observedAttributes", {
        get: function () {
            if (IgcAreaSeriesComponent._observedAttributesIgcAreaSeriesComponent == null) {
                var names = getAllPropertyNames(IgcAreaSeriesComponent);
                for (var i = 0; i < names.length; i++) {
                    names[i] = toSpinal(names[i]);
                }
                IgcAreaSeriesComponent._observedAttributesIgcAreaSeriesComponent = names;
            }
            return IgcAreaSeriesComponent._observedAttributesIgcAreaSeriesComponent;
        },
        enumerable: false,
        configurable: true
    });
    IgcAreaSeriesComponent.register = function () {
        if (!IgcAreaSeriesComponent._isElementRegistered) {
            IgcAreaSeriesComponent._isElementRegistered = true;
            RegisterElementHelper.registerElement(IgcAreaSeriesComponent.htmlTagName, IgcAreaSeriesComponent);
        }
    };
    Object.defineProperty(IgcAreaSeriesComponent.prototype, "isAreaOrLine", {
        /**
         * Gets whether the current series shows an area or line shape.
        *
        * The `IsAreaOrLine` is used to check if the current series shows an area or line shape.
        */
        get: function () {
            return this.i.ex;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcAreaSeriesComponent.prototype, "isArea", {
        /**
         * Gets whether the current series shows an area shape.
        */
        get: function () {
            return this.i.ew;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcAreaSeriesComponent.prototype, "unknownValuePlotting", {
        /**
         * Determines how unknown values will be plotted on the chart.
         * Null and Double.NaN are two examples of unknown values.
        *
        * The `unknownValuePlotting` property is used to determines how unknown values will be plotted on the chart.
        *
        * 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
    });
    IgcAreaSeriesComponent._observedAttributesIgcAreaSeriesComponent = null;
    IgcAreaSeriesComponent.htmlTagName = "igc-area-series";
    IgcAreaSeriesComponent._isElementRegistered = false;
    return IgcAreaSeriesComponent;
}(IgcHorizontalAnchoredCategorySeriesComponent));
export { IgcAreaSeriesComponent };