igniteui-angular-charts
Version:
Ignite UI Angular charting components for building rich data visualizations for modern web apps.
215 lines (210 loc) • 9.16 kB
JavaScript
import { __extends } from "tslib";
import { Component, forwardRef, Input, ChangeDetectionStrategy } from '@angular/core';
import { IgxColorScaleComponent } from "./igx-color-scale-component";
import { IgxScatterTriangulationSeriesComponent } from "./igx-scatter-triangulation-series-component";
import { IgxSeriesComponent } from "./igx-series-component";
import { ScatterAreaSeries } from "./ScatterAreaSeries";
import { toPoint } from "igniteui-angular-core";
import * as i0 from "@angular/core";
/**
* Series class which draws a colored 2D surface based on a triangulation of XY data with numeric values assigned to each point.
*/
var IgxScatterAreaSeriesComponent = /** @class */ /*@__PURE__*/ (function (_super) {
__extends(IgxScatterAreaSeriesComponent, _super);
function IgxScatterAreaSeriesComponent() {
return _super.call(this) || this;
}
IgxScatterAreaSeriesComponent.prototype.createImplementation = function () {
return new ScatterAreaSeries();
};
Object.defineProperty(IgxScatterAreaSeriesComponent.prototype, "i", {
/**
* @hidden
*/
get: function () {
return this._implementation;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxScatterAreaSeriesComponent.prototype, "isArea", {
/**
* Gets whether the current series shows an area shape.
*/
get: function () {
return this.i.ew;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxScatterAreaSeriesComponent.prototype, "colorScale", {
/**
* Gets or sets ColorScale used to resolve the color values of points in the series.
*/
get: function () {
var r = this.i.y0;
if (r == null) {
return null;
}
if (!r.externalObject) {
var e = IgxColorScaleComponent._createFromInternal(r);
if (e) {
e._implementation = r;
}
r.externalObject = e;
}
return r.externalObject;
},
set: function (v) {
if (v != null && this._stylingContainer && v._styling)
v._styling(this._stylingContainer, this, this);
v == null ? this.i.y0 = null : this.i.y0 = v.i;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxScatterAreaSeriesComponent.prototype, "colorMemberPath", {
/**
* Gets or sets the name of the property on each data item containing a numeric value which can be converted to a color by the ColorScale.
*/
get: function () {
return this.i.zc;
},
set: function (v) {
this.i.zc = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxScatterAreaSeriesComponent.prototype, "actualColorScale", {
/**
* Gets actual color scale that is set on ColorScale property or default ColorScale
*/
get: function () {
var r = this.i.yz;
if (r == null) {
return null;
}
if (!r.externalObject) {
var e = IgxColorScaleComponent._createFromInternal(r);
if (e) {
e._implementation = r;
}
r.externalObject = e;
}
return r.externalObject;
},
set: function (v) {
if (v != null && this._stylingContainer && v._styling)
v._styling(this._stylingContainer, this, this);
v == null ? this.i.yz = null : this.i.yz = v.i;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxScatterAreaSeriesComponent.prototype, "colorMemberAsLegendLabel", {
/**
* Gets or sets the label displayed before series color value in the Data Legend.
*/
get: function () {
return this.i.y8;
},
set: function (v) {
this.i.y8 = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgxScatterAreaSeriesComponent.prototype, "colorMemberAsLegendUnit", {
/**
* Gets or sets the unit displayed after series color value in the Data Legend.
*/
get: function () {
return this.i.za;
},
set: function (v) {
this.i.za = v;
},
enumerable: false,
configurable: true
});
IgxScatterAreaSeriesComponent.prototype.findByName = function (name) {
var baseResult = _super.prototype.findByName.call(this, name);
if (baseResult) {
return baseResult;
}
if (this.colorScale && this.colorScale.name && this.colorScale.name == name) {
return this.colorScale;
}
if (this.actualColorScale && this.actualColorScale.name && this.actualColorScale.name == name) {
return this.actualColorScale;
}
return null;
};
IgxScatterAreaSeriesComponent.prototype._styling = function (container, component, parent) {
_super.prototype._styling.call(this, container, component, parent);
this._inStyling = true;
if (this.colorScale && this.colorScale._styling) {
this.colorScale._styling(container, component, this);
}
if (this.actualColorScale && this.actualColorScale._styling) {
this.actualColorScale._styling(container, component, this);
}
this._inStyling = false;
};
IgxScatterAreaSeriesComponent.prototype.getItemValue = function (item, memberPathName) {
var iv = this.i.kr(item, memberPathName);
return (iv);
};
/**
* Gets the value of a requested member path from the series.
* @param memberPathName * The property name of a valid member path for the series
*/
IgxScatterAreaSeriesComponent.prototype.getMemberPathValue = function (memberPathName) {
var iv = this.i.mf(memberPathName);
return (iv);
};
/**
* Gets the item that is the best match for the specified world coordinates.
* @param world * The world coordinates to use.
*/
IgxScatterAreaSeriesComponent.prototype.getItem = function (world) {
var iv = this.i.ko(toPoint(world));
return (iv);
};
/**
* Updates ActualColorScale properties when the ColorScale property has changed
*/
IgxScatterAreaSeriesComponent.prototype.updateActualColorScale = function () {
this.i.zj();
};
/**
* Attaches an image to the view of this series
*/
IgxScatterAreaSeriesComponent.prototype.attachImage = function (image) {
this.i.zg(image);
};
IgxScatterAreaSeriesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxScatterAreaSeriesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
IgxScatterAreaSeriesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: IgxScatterAreaSeriesComponent, selector: "igx-scatter-area-series", inputs: { colorScale: "colorScale", colorMemberPath: "colorMemberPath", actualColorScale: "actualColorScale", colorMemberAsLegendLabel: "colorMemberAsLegendLabel", colorMemberAsLegendUnit: "colorMemberAsLegendUnit" }, providers: [{ provide: IgxScatterTriangulationSeriesComponent, useExisting: forwardRef(function () { return IgxScatterAreaSeriesComponent; }) }, { provide: IgxSeriesComponent, useExisting: forwardRef(function () { return IgxScatterAreaSeriesComponent; }) }], usesInheritance: true, ngImport: i0, template: "", isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
return IgxScatterAreaSeriesComponent;
}(IgxScatterTriangulationSeriesComponent));
export { IgxScatterAreaSeriesComponent };
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: IgxScatterAreaSeriesComponent, decorators: [{
type: Component,
args: [{
selector: 'igx-scatter-area-series',
template: "",
providers: [{ provide: IgxScatterTriangulationSeriesComponent, useExisting: forwardRef(function () { return IgxScatterAreaSeriesComponent; }) }, { provide: IgxSeriesComponent, useExisting: forwardRef(function () { return IgxScatterAreaSeriesComponent; }) }],
changeDetection: ChangeDetectionStrategy.OnPush
}]
}], ctorParameters: function () { return []; }, propDecorators: { colorScale: [{
type: Input
}], colorMemberPath: [{
type: Input
}], actualColorScale: [{
type: Input
}], colorMemberAsLegendLabel: [{
type: Input
}], colorMemberAsLegendUnit: [{
type: Input
}] } });