UNPKG

igniteui-webcomponents-charts

Version:

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

116 lines (113 loc) 4.37 kB
import { IgcAnchoredRadialSeriesComponent } from "./igc-anchored-radial-series-component"; import { RadialColumnSeries } from "./RadialColumnSeries"; import { getAllPropertyNames, toSpinal } from "igniteui-webcomponents-core"; import { RegisterElementHelper } from "igniteui-webcomponents-core"; /** * Represents a IgxDataChartComponent radial column series. * Compare values across categories by using radial rectangles. */ export let IgcRadialColumnSeriesComponent = /*@__PURE__*/ (() => { class IgcRadialColumnSeriesComponent extends IgcAnchoredRadialSeriesComponent { createImplementation() { return new RadialColumnSeries(); } /** * @hidden */ get i() { return this._implementation; } constructor() { super(); } connectedCallback() { if (super["connectedCallback"]) { super["connectedCallback"](); } if (this.i.connectedCallback) { this.i.connectedCallback(); } if (!this._attached) { this._attached = true; this._flushQueuedAttributes(); } } disconnectedCallback() { if (super["disconnectedCallback"]) { super["disconnectedCallback"](); } if (this.i.disconnectedCallback) { this.i.disconnectedCallback(); } if (this._attached) { this._attached = false; } } static get observedAttributes() { if (IgcRadialColumnSeriesComponent._observedAttributesIgcRadialColumnSeriesComponent == null) { let names = getAllPropertyNames(IgcRadialColumnSeriesComponent); for (let i = 0; i < names.length; i++) { names[i] = toSpinal(names[i]); } IgcRadialColumnSeriesComponent._observedAttributesIgcRadialColumnSeriesComponent = names; } return IgcRadialColumnSeriesComponent._observedAttributesIgcRadialColumnSeriesComponent; } static register() { if (!IgcRadialColumnSeriesComponent._isElementRegistered) { IgcRadialColumnSeriesComponent._isElementRegistered = true; RegisterElementHelper.registerElement(IgcRadialColumnSeriesComponent.htmlTagName, IgcRadialColumnSeriesComponent); } } /** * Gets whether the current series shows a column shape. */ get isColumn() { return this.i.e1; } /** * Overridden by derived series classes to indicate when marker-less display is preferred or not. */ get isMarkerlessDisplayPreferred() { return this.i.fm; } /** * Gets or sets the x-radius of the ellipse that is used to round the corners of the column. */ get radiusX() { return this.i.adt; } set radiusX(v) { this.i.adt = +v; this._a("radiusX", this.i.adt); } /** * Gets or sets the y-radius of the ellipse that is used to round the corners of the column. */ get radiusY() { return this.i.adu; } set radiusY(v) { this.i.adu = +v; this._a("radiusY", this.i.adu); } /** * When overridden in a derived class, is invoked whenever application code or internal processes * call ApplyTemplate. */ onApplyTemplate() { this.i.ac(); } /** * For a category plotted series, returns the current width of the items within the categories. This only returns a value if the items have some form of width (e.g. columns, bars, etc.) otherwise 0 is returned. */ getItemSpan() { let iv = this.i.ix(); return (iv); } } IgcRadialColumnSeriesComponent._observedAttributesIgcRadialColumnSeriesComponent = null; IgcRadialColumnSeriesComponent.htmlTagName = "igc-radial-column-series"; IgcRadialColumnSeriesComponent._isElementRegistered = false; return IgcRadialColumnSeriesComponent; })();