igniteui-webcomponents-charts
Version:
Ignite UI Web Components charting components for building rich data visualizations using TypeScript APIs.
117 lines (114 loc) • 4.44 kB
JavaScript
import { IgcNumericAxisBaseComponent } from "./igc-numeric-axis-base-component";
import { NumericRadiusAxis } from "./NumericRadiusAxis";
import { getAllPropertyNames, toSpinal } from "igniteui-webcomponents-core";
import { RegisterElementHelper } from "igniteui-webcomponents-core";
let IgcNumericRadiusAxisComponent = /*@__PURE__*/ (() => {
class IgcNumericRadiusAxisComponent extends IgcNumericAxisBaseComponent {
createImplementation() {
return new NumericRadiusAxis();
}
/**
* @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 (IgcNumericRadiusAxisComponent._observedAttributesIgcNumericRadiusAxisComponent == null) {
let names = getAllPropertyNames(IgcNumericRadiusAxisComponent);
for (let i = 0; i < names.length; i++) {
names[i] = toSpinal(names[i]);
}
IgcNumericRadiusAxisComponent._observedAttributesIgcNumericRadiusAxisComponent = names;
}
return IgcNumericRadiusAxisComponent._observedAttributesIgcNumericRadiusAxisComponent;
}
static register() {
if (!IgcNumericRadiusAxisComponent._isElementRegistered) {
IgcNumericRadiusAxisComponent._isElementRegistered = true;
RegisterElementHelper.registerElement(IgcNumericRadiusAxisComponent.htmlTagName, IgcNumericRadiusAxisComponent);
}
}
/**
* Checks if the axis is of radial axis type
*
* ```ts
* let isRadial: boolean = this.series.isRadial;
* ```
*/
get isRadial() {
return this.i.du;
}
/**
* Defines the percentage of the maximum radius extent to use as the maximum radius. Should be
* a value between 0.0 and 1.0.
*/
get radiusExtentScale() {
return this.i.tq;
}
set radiusExtentScale(v) {
this.i.tq = +v;
this._a("radiusExtentScale", this.i.tq);
}
/**
* Defines the percentage of the maximum radius extent to leave blank at the center of the chart. Should be
* a value between 0.0 and 1.0.
*/
get innerRadiusExtentScale() {
return this.i.tp;
}
set innerRadiusExtentScale(v) {
this.i.tp = +v;
this._a("innerRadiusExtentScale", this.i.tp);
}
/**
* Returns a world coordinates radius length (0 - 0.5) from a raw axis value.
* @param unscaledValue * The raw axis value.
*/
getScaledValue(unscaledValue) {
let iv = this.i.tm(unscaledValue);
return (iv);
}
/**
* Returns a raw axis value from the world coordinates radius length provided.
* @param scaledValue * The scaled world coordinates radius length.
*
* Class containing several properties which are used as parameters passed to scaling operations in a `SeriesViewer`.
*/
getUnscaledValue(scaledValue) {
let iv = this.i.to(scaledValue);
return (iv);
}
}
IgcNumericRadiusAxisComponent._observedAttributesIgcNumericRadiusAxisComponent = null;
IgcNumericRadiusAxisComponent.htmlTagName = "igc-numeric-radius-axis";
IgcNumericRadiusAxisComponent._isElementRegistered = false;
return IgcNumericRadiusAxisComponent;
})();
export { IgcNumericRadiusAxisComponent };