igniteui-webcomponents-charts/esm5/lib/igc-radial-base-chart-component.js

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

import { __extends } from "tslib";
import { HorizontalAlignment_$type } from "igniteui-webcomponents-core";
import { VerticalAlignment_$type } from "igniteui-webcomponents-core";
import { Visibility_$type } from "igniteui-webcomponents-core";
import { ValueAxisLabelLocation_$type } from "./ValueAxisLabelLocation";
import { AngleAxisLabelLocation_$type } from "./AngleAxisLabelLocation";
import { IgcDomainChartComponent } from "./igc-domain-chart-component";
import { getAllPropertyNames, toSpinal, brushToString, stringToBrush, ensureBool, ensureEnum, enumToString, arrayFindByName } from "igniteui-webcomponents-core";
/**
 * Represents a base class for domain charts with X/Y axes
*/
export var IgcRadialBaseChartComponent = /** @class */ /*@__PURE__*/ (function (_super) {
    __extends(IgcRadialBaseChartComponent, _super);
    function IgcRadialBaseChartComponent() {
        return _super.call(this) || this;
    }
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "i", {
        /**
                                     * @hidden
                                     */
        get: function () {
            return this._implementation;
        },
        enumerable: false,
        configurable: true
    });
    IgcRadialBaseChartComponent.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();
        }
    };
    IgcRadialBaseChartComponent.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(IgcRadialBaseChartComponent, "observedAttributes", {
        get: function () {
            if (IgcRadialBaseChartComponent._observedAttributesIgcRadialBaseChartComponent == null) {
                var names = getAllPropertyNames(IgcRadialBaseChartComponent);
                for (var i = 0; i < names.length; i++) {
                    names[i] = toSpinal(names[i]);
                }
                IgcRadialBaseChartComponent._observedAttributesIgcRadialBaseChartComponent = names;
            }
            return IgcRadialBaseChartComponent._observedAttributesIgcRadialBaseChartComponent;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisFormatLabel", {
        /**
         * Gets or sets function which takes an context object and returns a formatted label for the X-axis.
        */
        get: function () {
            return this.i.abp;
        },
        set: function (v) {
            this.i.abp = v;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisFormatLabel", {
        /**
         * Gets or sets function which takes a context object and returns a formatted label for the Y-axis.
        */
        get: function () {
            return this.i.abq;
        },
        set: function (v) {
            this.i.abq = v;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisLabelLeftMargin", {
        /**
         * Gets or sets the left margin of labels on the X-axis
        */
        get: function () {
            return this.i.ac4;
        },
        set: function (v) {
            this.i.ac4 = +v;
            this._a("angleAxisLabelLeftMargin", this.i.ac4);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisLabelTopMargin", {
        /**
         * Gets or sets the top margin of labels on the X-axis
        */
        get: function () {
            return this.i.ac6;
        },
        set: function (v) {
            this.i.ac6 = +v;
            this._a("angleAxisLabelTopMargin", this.i.ac6);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisLabelRightMargin", {
        /**
         * Gets or sets the right margin of labels on the X-axis
        */
        get: function () {
            return this.i.ac5;
        },
        set: function (v) {
            this.i.ac5 = +v;
            this._a("angleAxisLabelRightMargin", this.i.ac5);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisLabelBottomMargin", {
        /**
         * Gets or sets the bottom margin of labels on the X-axis
        */
        get: function () {
            return this.i.ac3;
        },
        set: function (v) {
            this.i.ac3 = +v;
            this._a("angleAxisLabelBottomMargin", this.i.ac3);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisLabelLeftMargin", {
        /**
         * Gets or sets the left margin of labels on the Y-axis
        */
        get: function () {
            return this.i.adr;
        },
        set: function (v) {
            this.i.adr = +v;
            this._a("valueAxisLabelLeftMargin", this.i.adr);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisLabelTopMargin", {
        /**
         * Gets or sets the top margin of labels on the Y-axis
        */
        get: function () {
            return this.i.adt;
        },
        set: function (v) {
            this.i.adt = +v;
            this._a("valueAxisLabelTopMargin", this.i.adt);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisLabelRightMargin", {
        /**
         * Gets or sets the right margin of labels on the Y-axis
        */
        get: function () {
            return this.i.ads;
        },
        set: function (v) {
            this.i.ads = +v;
            this._a("valueAxisLabelRightMargin", this.i.ads);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisLabelBottomMargin", {
        /**
         * Gets or sets the bottom margin of labels on the Y-axis
        */
        get: function () {
            return this.i.adq;
        },
        set: function (v) {
            this.i.adq = +v;
            this._a("valueAxisLabelBottomMargin", this.i.adq);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisLabelTextColor", {
        /**
         * Gets or sets color of labels on the X-axis
        */
        get: function () {
            return brushToString(this.i.ah4);
        },
        set: function (v) {
            this.i.ah4 = stringToBrush(v);
            this._a("angleAxisLabelTextColor", brushToString(this.i.ah4));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisLabelTextColor", {
        /**
         * Gets or sets color of labels on the Y-axis
        */
        get: function () {
            return brushToString(this.i.aib);
        },
        set: function (v) {
            this.i.aib = stringToBrush(v);
            this._a("valueAxisLabelTextColor", brushToString(this.i.aib));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "actualAngleAxisLabelTextColor", {
        /**
         * Gets the actual color of labels on the X-axis
        */
        get: function () {
            return brushToString(this.i.ah2);
        },
        set: function (v) {
            this.i.ah2 = stringToBrush(v);
            this._a("actualAngleAxisLabelTextColor", brushToString(this.i.ah2));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "actualValueAxisLabelTextColor", {
        /**
         * Gets the actual color of labels on the Y-axis
        */
        get: function () {
            return brushToString(this.i.ah3);
        },
        set: function (v) {
            this.i.ah3 = stringToBrush(v);
            this._a("actualValueAxisLabelTextColor", brushToString(this.i.ah3));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisTitleMargin", {
        /**
         * Gets or sets the margin around a title on the X-axis
        */
        get: function () {
            return this.i.adh;
        },
        set: function (v) {
            this.i.adh = +v;
            this._a("angleAxisTitleMargin", this.i.adh);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisTitleMargin", {
        /**
         * Gets or sets the margin around a title on the Y-axis
        */
        get: function () {
            return this.i.ad4;
        },
        set: function (v) {
            this.i.ad4 = +v;
            this._a("valueAxisTitleMargin", this.i.ad4);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisTitleLeftMargin", {
        /**
         * Gets or sets the left margin of a title on the X-axis
        */
        get: function () {
            return this.i.adg;
        },
        set: function (v) {
            this.i.adg = +v;
            this._a("angleAxisTitleLeftMargin", this.i.adg);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisTitleLeftMargin", {
        /**
         * Gets or sets the left margin of a title on the Y-axis
        */
        get: function () {
            return this.i.ad3;
        },
        set: function (v) {
            this.i.ad3 = +v;
            this._a("valueAxisTitleLeftMargin", this.i.ad3);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisTitleTopMargin", {
        /**
         * Gets or sets the top margin of a title on the X-axis
        */
        get: function () {
            return this.i.adj;
        },
        set: function (v) {
            this.i.adj = +v;
            this._a("angleAxisTitleTopMargin", this.i.adj);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisTitleTopMargin", {
        /**
         * Gets or sets the top margin of a title on the Y-axis
        */
        get: function () {
            return this.i.ad6;
        },
        set: function (v) {
            this.i.ad6 = +v;
            this._a("valueAxisTitleTopMargin", this.i.ad6);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisTitleRightMargin", {
        /**
         * Gets or sets the right margin of a title on the X-axis
        */
        get: function () {
            return this.i.adi;
        },
        set: function (v) {
            this.i.adi = +v;
            this._a("angleAxisTitleRightMargin", this.i.adi);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisTitleRightMargin", {
        /**
         * Gets or sets the right margin of a title on the Y-axis
        */
        get: function () {
            return this.i.ad5;
        },
        set: function (v) {
            this.i.ad5 = +v;
            this._a("valueAxisTitleRightMargin", this.i.ad5);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisTitleBottomMargin", {
        /**
         * Gets or sets the bottom margin of a title on the X-axis
        */
        get: function () {
            return this.i.adf;
        },
        set: function (v) {
            this.i.adf = +v;
            this._a("angleAxisTitleBottomMargin", this.i.adf);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisTitleBottomMargin", {
        /**
         * Gets or sets the bottom margin of a title on the Y-axis
        */
        get: function () {
            return this.i.ad2;
        },
        set: function (v) {
            this.i.ad2 = +v;
            this._a("valueAxisTitleBottomMargin", this.i.ad2);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisTitleTextColor", {
        /**
         * Gets or sets color of title on the X-axis
        */
        get: function () {
            return brushToString(this.i.aia);
        },
        set: function (v) {
            this.i.aia = stringToBrush(v);
            this._a("angleAxisTitleTextColor", brushToString(this.i.aia));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisTitleTextColor", {
        /**
         * Gets or sets color of title on the Y-axis
        */
        get: function () {
            return brushToString(this.i.aih);
        },
        set: function (v) {
            this.i.aih = stringToBrush(v);
            this._a("valueAxisTitleTextColor", brushToString(this.i.aih));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisLabelTextStyle", {
        /**
         * Gets or sets CSS font property for labels on X-axis
        */
        get: function () {
            return this.i.aez;
        },
        set: function (v) {
            this.i.aez = v;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisLabelTextStyle", {
        /**
         * Gets or sets CSS font property for labels on Y-axis
        */
        get: function () {
            return this.i.af7;
        },
        set: function (v) {
            this.i.af7 = v;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisTitleTextStyle", {
        /**
         * Gets or sets CSS font property for title on X-axis
        */
        get: function () {
            return this.i.afp;
        },
        set: function (v) {
            this.i.afp = v;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisTitleTextStyle", {
        /**
         * Gets or sets CSS font property for title on Y-axis
        */
        get: function () {
            return this.i.agx;
        },
        set: function (v) {
            this.i.agx = v;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisLabel", {
        /**
         * Gets or sets the format for labels along the X-axis.
        */
        get: function () {
            return this.i.ad9;
        },
        set: function (v) {
            this.i.ad9 = v;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisLabel", {
        /**
         * Gets or sets the property or string from which the labels are derived.
        */
        get: function () {
            return this.i.aea;
        },
        set: function (v) {
            this.i.aea = v;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisMajorStroke", {
        /**
         * Gets or sets the color to apply to major gridlines along the X-axis.
        */
        get: function () {
            return brushToString(this.i.ah5);
        },
        set: function (v) {
            this.i.ah5 = stringToBrush(v);
            this._a("angleAxisMajorStroke", brushToString(this.i.ah5));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisMajorStroke", {
        /**
         * Gets or sets the color to apply to major gridlines along the Y-axis.
        */
        get: function () {
            return brushToString(this.i.aic);
        },
        set: function (v) {
            this.i.aic = stringToBrush(v);
            this._a("valueAxisMajorStroke", brushToString(this.i.aic));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisMajorStrokeThickness", {
        /**
         * Gets or sets the thickness to apply to major gridlines along the X-axis.
        */
        get: function () {
            return this.i.ac7;
        },
        set: function (v) {
            this.i.ac7 = +v;
            this._a("angleAxisMajorStrokeThickness", this.i.ac7);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisMajorStrokeThickness", {
        /**
         * Gets or sets the thickness to apply to major gridlines along the Y-axis.
        */
        get: function () {
            return this.i.adu;
        },
        set: function (v) {
            this.i.adu = +v;
            this._a("valueAxisMajorStrokeThickness", this.i.adu);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisMinorStrokeThickness", {
        /**
         * Gets or sets the thickness to apply to minor gridlines along the X-axis.
        */
        get: function () {
            return this.i.ada;
        },
        set: function (v) {
            this.i.ada = +v;
            this._a("angleAxisMinorStrokeThickness", this.i.ada);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisMinorStrokeThickness", {
        /**
         * Gets or sets the thickness to apply to minor gridlines along the Y-axis.
        */
        get: function () {
            return this.i.adx;
        },
        set: function (v) {
            this.i.adx = +v;
            this._a("valueAxisMinorStrokeThickness", this.i.adx);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisStrip", {
        /**
         * Gets or sets the color to apply to stripes along the X-axis.
        */
        get: function () {
            return brushToString(this.i.ah7);
        },
        set: function (v) {
            this.i.ah7 = stringToBrush(v);
            this._a("angleAxisStrip", brushToString(this.i.ah7));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisStrip", {
        /**
         * Gets or sets the color to apply to stripes along the Y-axis.
        */
        get: function () {
            return brushToString(this.i.aie);
        },
        set: function (v) {
            this.i.aie = stringToBrush(v);
            this._a("valueAxisStrip", brushToString(this.i.aie));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisStroke", {
        /**
         * Gets or sets the color to apply to the X-axis line.
        */
        get: function () {
            return brushToString(this.i.ah8);
        },
        set: function (v) {
            this.i.ah8 = stringToBrush(v);
            this._a("angleAxisStroke", brushToString(this.i.ah8));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisStroke", {
        /**
         * Gets or sets the color to apply to the Y-axis line.
        */
        get: function () {
            return brushToString(this.i.aif);
        },
        set: function (v) {
            this.i.aif = stringToBrush(v);
            this._a("valueAxisStroke", brushToString(this.i.aif));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisStrokeThickness", {
        /**
         * Gets or sets the thickness to apply to the X-axis line.
        */
        get: function () {
            return this.i.adb;
        },
        set: function (v) {
            this.i.adb = +v;
            this._a("angleAxisStrokeThickness", this.i.adb);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisStrokeThickness", {
        /**
         * Gets or sets the thickness to apply to the Y-axis line.
        */
        get: function () {
            return this.i.ady;
        },
        set: function (v) {
            this.i.ady = +v;
            this._a("valueAxisStrokeThickness", this.i.ady);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisTickLength", {
        /**
         * Gets or sets the length of tickmarks along the X-axis.
        */
        get: function () {
            return this.i.adc;
        },
        set: function (v) {
            this.i.adc = +v;
            this._a("angleAxisTickLength", this.i.adc);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisTickLength", {
        /**
         * Gets or sets the length of tickmarks along the Y-axis.
        */
        get: function () {
            return this.i.adz;
        },
        set: function (v) {
            this.i.adz = +v;
            this._a("valueAxisTickLength", this.i.adz);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisTickStroke", {
        /**
         * Gets or sets the color to apply to tickmarks along the X-axis.
        */
        get: function () {
            return brushToString(this.i.ah9);
        },
        set: function (v) {
            this.i.ah9 = stringToBrush(v);
            this._a("angleAxisTickStroke", brushToString(this.i.ah9));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisTickStroke", {
        /**
         * Gets or sets the color to apply to tickmarks along the Y-axis.
        */
        get: function () {
            return brushToString(this.i.aig);
        },
        set: function (v) {
            this.i.aig = stringToBrush(v);
            this._a("valueAxisTickStroke", brushToString(this.i.aig));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisTickStrokeThickness", {
        /**
         * Gets or sets the thickness to apply to tickmarks along the X-axis.
        */
        get: function () {
            return this.i.add;
        },
        set: function (v) {
            this.i.add = +v;
            this._a("angleAxisTickStrokeThickness", this.i.add);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisTickStrokeThickness", {
        /**
         * Gets or sets the thickness to apply to tickmarks along the Y-axis.
        */
        get: function () {
            return this.i.ad0;
        },
        set: function (v) {
            this.i.ad0 = +v;
            this._a("valueAxisTickStrokeThickness", this.i.ad0);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisTitle", {
        /**
         * Gets or sets the Text to display below the X-axis.
        */
        get: function () {
            return this.i.afg;
        },
        set: function (v) {
            this.i.afg = v;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisTitle", {
        /**
         * Gets or sets the Text to display to the left of the Y-axis.
        */
        get: function () {
            return this.i.ago;
        },
        set: function (v) {
            this.i.ago = v;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisMinorStroke", {
        /**
         * Gets or sets the color to apply to minor gridlines along the X-axis.
        */
        get: function () {
            return brushToString(this.i.ah6);
        },
        set: function (v) {
            this.i.ah6 = stringToBrush(v);
            this._a("angleAxisMinorStroke", brushToString(this.i.ah6));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisMinorStroke", {
        /**
         * Gets or sets the color to apply to minor gridlines along the Y-axis.
        */
        get: function () {
            return brushToString(this.i.aid);
        },
        set: function (v) {
            this.i.aid = stringToBrush(v);
            this._a("valueAxisMinorStroke", brushToString(this.i.aid));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisLabelAngle", {
        /**
         * Gets or sets the angle of rotation for labels along the X-axis.
        */
        get: function () {
            return this.i.ac2;
        },
        set: function (v) {
            this.i.ac2 = +v;
            this._a("angleAxisLabelAngle", this.i.ac2);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisLabelAngle", {
        /**
         * Gets or sets the angle of rotation for labels along the Y-axis.
        */
        get: function () {
            return this.i.adp;
        },
        set: function (v) {
            this.i.adp = +v;
            this._a("valueAxisLabelAngle", this.i.adp);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisExtent", {
        /**
         * Gets or sets the distance between the X-axis and the bottom of the chart.
        */
        get: function () {
            return this.i.ac1;
        },
        set: function (v) {
            this.i.ac1 = +v;
            this._a("angleAxisExtent", this.i.ac1);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisMaximumExtent", {
        /**
         * Gets or sets the maximum distance between the X-axis and the bottom of the chart.
        */
        get: function () {
            return this.i.ac8;
        },
        set: function (v) {
            this.i.ac8 = +v;
            this._a("angleAxisMaximumExtent", this.i.ac8);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisMaximumExtentPercentage", {
        /**
         * Gets or sets the maximum width between the X-axis and the bottom of the chart, as a percentage of total chart width.
        */
        get: function () {
            return this.i.ac9;
        },
        set: function (v) {
            this.i.ac9 = +v;
            this._a("angleAxisMaximumExtentPercentage", this.i.ac9);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisExtent", {
        /**
         * Gets or sets the distance between the Y-axis and the left edge of the chart.
        */
        get: function () {
            return this.i.ado;
        },
        set: function (v) {
            this.i.ado = +v;
            this._a("valueAxisExtent", this.i.ado);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisMaximumExtent", {
        /**
         * Gets or sets the distance between the Y-axis and the left edge of the chart.
        */
        get: function () {
            return this.i.adv;
        },
        set: function (v) {
            this.i.adv = +v;
            this._a("valueAxisMaximumExtent", this.i.adv);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisMaximumExtentPercentage", {
        /**
         * Gets or sets the distance between the Y-axis and the left edge of the chart.
        */
        get: function () {
            return this.i.adw;
        },
        set: function (v) {
            this.i.adw = +v;
            this._a("valueAxisMaximumExtentPercentage", this.i.adw);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisTitleAngle", {
        /**
         * Gets or sets the angle of rotation for the X-axis title.
        */
        get: function () {
            return this.i.ade;
        },
        set: function (v) {
            this.i.ade = +v;
            this._a("angleAxisTitleAngle", this.i.ade);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisTitleAngle", {
        /**
         * Gets or sets the angle of rotation for the Y-axis title.
        */
        get: function () {
            return this.i.ad1;
        },
        set: function (v) {
            this.i.ad1 = +v;
            this._a("valueAxisTitleAngle", this.i.ad1);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisInverted", {
        /**
         * Gets or sets whether to invert the direction of the X-axis by placing the first data items on the right side of the chart.
        */
        get: function () {
            return this.i.abx;
        },
        set: function (v) {
            this.i.abx = ensureBool(v);
            this._a("angleAxisInverted", this.i.abx);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisInverted", {
        /**
         * Gets or sets whether to invert the direction of the Y-axis by placing the minimum numeric value at the top of the chart.
        */
        get: function () {
            return this.i.aby;
        },
        set: function (v) {
            this.i.aby = ensureBool(v);
            this._a("valueAxisInverted", this.i.aby);
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisTitleAlignment", {
        /**
         * Gets or sets Horizontal alignment of the X-axis title.
        */
        get: function () {
            return this.i.ahk;
        },
        set: function (v) {
            this.i.ahk = ensureEnum(HorizontalAlignment_$type, v);
            this._a("angleAxisTitleAlignment", enumToString(HorizontalAlignment_$type, this.i.ahk));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisTitleAlignment", {
        /**
         * Gets or sets Vertical alignment of the Y-axis title.
        */
        get: function () {
            return this.i.ain;
        },
        set: function (v) {
            this.i.ain = ensureEnum(VerticalAlignment_$type, v);
            this._a("valueAxisTitleAlignment", enumToString(VerticalAlignment_$type, this.i.ain));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisLabelHorizontalAlignment", {
        /**
         * Gets or sets Horizontal alignment of X-axis labels.
        */
        get: function () {
            return this.i.ahj;
        },
        set: function (v) {
            this.i.ahj = ensureEnum(HorizontalAlignment_$type, v);
            this._a("angleAxisLabelHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.ahj));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisLabelHorizontalAlignment", {
        /**
         * Gets or sets Horizontal alignment of Y-axis labels.
        */
        get: function () {
            return this.i.ahl;
        },
        set: function (v) {
            this.i.ahl = ensureEnum(HorizontalAlignment_$type, v);
            this._a("valueAxisLabelHorizontalAlignment", enumToString(HorizontalAlignment_$type, this.i.ahl));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisLabelVerticalAlignment", {
        /**
         * Gets or sets Vertical alignment of X-axis labels.
        */
        get: function () {
            return this.i.ail;
        },
        set: function (v) {
            this.i.ail = ensureEnum(VerticalAlignment_$type, v);
            this._a("angleAxisLabelVerticalAlignment", enumToString(VerticalAlignment_$type, this.i.ail));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisLabelVerticalAlignment", {
        /**
         * Gets or sets Vertical alignment of Y-axis labels.
        */
        get: function () {
            return this.i.aim;
        },
        set: function (v) {
            this.i.aim = ensureEnum(VerticalAlignment_$type, v);
            this._a("valueAxisLabelVerticalAlignment", enumToString(VerticalAlignment_$type, this.i.aim));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisLabelVisibility", {
        /**
         * Gets or sets Visibility of X-axis labels.
        */
        get: function () {
            return this.i.aiq;
        },
        set: function (v) {
            this.i.aiq = ensureEnum(Visibility_$type, v);
            this._a("angleAxisLabelVisibility", enumToString(Visibility_$type, this.i.aiq));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisLabelVisibility", {
        /**
         * Gets or sets Visibility of Y-axis labels.
        */
        get: function () {
            return this.i.air;
        },
        set: function (v) {
            this.i.air = ensureEnum(Visibility_$type, v);
            this._a("valueAxisLabelVisibility", enumToString(Visibility_$type, this.i.air));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisLabelLocation", {
        /**
         * Gets or sets location of Y-axis labels, relative to the plot area.
        */
        get: function () {
            return this.i.abu;
        },
        set: function (v) {
            this.i.abu = ensureEnum(ValueAxisLabelLocation_$type, v);
            this._a("valueAxisLabelLocation", enumToString(ValueAxisLabelLocation_$type, this.i.abu));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisLabelLocation", {
        /**
         * Gets or sets location of X-axis labels, relative to the plot area.
        */
        get: function () {
            return this.i.abk;
        },
        set: function (v) {
            this.i.abk = ensureEnum(AngleAxisLabelLocation_$type, v);
            this._a("angleAxisLabelLocation", enumToString(AngleAxisLabelLocation_$type, this.i.abk));
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisLabelFormat", {
        /**
         * Gets or sets the format string for the X axis label.
        */
        get: function () {
            return this.i.aeq;
        },
        set: function (v) {
            this.i.aeq = v;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "angleAxisLabelFormatSpecifiers", {
        /**
         * Gets or sets the format specifiers to use with the AngleAxisLabelFormat string.
        */
        get: function () {
            return this.i.abh;
        },
        set: function (v) {
            if (v && !Array.isArray(v) && typeof (v) == "string") {
                var re = /\s*(?:,|\s|$)\s*/gm;
                v = v.split(re);
            }
            this.i.abh = v;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisLabelFormat", {
        /**
         * Gets or sets the format string for the Y axis label.
        */
        get: function () {
            return this.i.afy;
        },
        set: function (v) {
            this.i.afy = v;
        },
        enumerable: false,
        configurable: true
    });
    Object.defineProperty(IgcRadialBaseChartComponent.prototype, "valueAxisLabelFormatSpecifiers", {
        /**
         * Gets or sets the format specifiers to use with the ValueAxisLabelFormat string.
        */
        get: function () {
            return this.i.abi;
        },
        set: function (v) {
            if (v && !Array.isArray(v) && typeof (v) == "string") {
                var re = /\s*(?:,|\s|$)\s*/gm;
                v = v.split(re);
            }
            this.i.abi = v;
        },
        enumerable: false,
        configurable: true
    });
    IgcRadialBaseChartComponent.prototype.findByName = function (name) {
        var baseResult = _super.prototype.findByName.call(this, name);
        if (baseResult) {
            return baseResult;
        }
        if (this.angleAxisLabelFormatSpecifiers != null && arrayFindByName(this.angleAxisLabelFormatSpecifiers, name)) {
            return arrayFindByName(this.angleAxisLabelFormatSpecifiers, name);
        }
        if (this.valueAxisLabelFormatSpecifiers != null && arrayFindByName(this.valueAxisLabelFormatSpecifiers, name)) {
            return arrayFindByName(this.valueAxisLabelFormatSpecifiers, name);
        }
        return null;
    };
    /**
     * Called by the UI framework to provide a UI container for rendering this control.
    
    * @param container  * The UI container element.
    */
    IgcRadialBaseChartComponent.prototype.provideContainer = function (container) {
        this.i.provideContainer(container);
    };
    /**
     * Converts the given visual location to a data value.
    
    * @param unscaledValue  * The x-coordinate of the location to scale.
    */
    IgcRadialBaseChartComponent.prototype.getScaledAngle = function (unscaledValue) {
        var iv = this.i.adk(unscaledValue);
        return (iv);
    };
    /**
     * Converts the given data value to a visual location.
    
    * @param scaledValue  * The data value to un-scale.
    */
    IgcRadialBaseChartComponent.prototype.getUnscaledAngle = function (scaledValue) {
        var iv = this.i.adm(scaledValue);
        return (iv);
    };
    /**
     * Converts the given visual location to a data value.
    
    * @param unscaledValue  * The y-coordinate of the location to scale.
    */
    IgcRadialBaseChartComponent.prototype.getScaledValue = function (unscaledValue) {
        var iv = this.i.adl(unscaledValue);
        return (iv);
    };
    /**
     * Converts the given data value to a visual location.
    
    * @param scaledValue  * The data value to un-scale.
    */
    IgcRadialBaseChartComponent.prototype.getUnscaledValue = function (scaledValue) {
        var iv = this.i.adn(scaledValue);
        return (iv);
    };
    IgcRadialBaseChartComponent._observedAttributesIgcRadialBaseChartComponent = null;
    return IgcRadialBaseChartComponent;
}(IgcDomainChartComponent));