igniteui-react-charts
Version:
Ignite UI React charting components for building rich data visualizations using TypeScript APIs.
707 lines (706 loc) • 25 kB
JavaScript
/*
THIS INFRAGISTICS ULTIMATE SOFTWARE LICENSE AGREEMENT ("AGREEMENT") LOCATED HERE:
https://www.infragistics.com/legal/license/igultimate-la
https://www.infragistics.com/legal/license/igultimate-eula
GOVERNS THE LICENSING, INSTALLATION AND USE OF INFRAGISTICS SOFTWARE. BY DOWNLOADING AND/OR INSTALLING AND USING INFRAGISTICS SOFTWARE: you are indicating that you have read and understand this Agreement, and agree to be legally bound by it on behalf of the yourself and your company.
*/
import { __extends, __values } from "tslib";
import { AnchoredRadialSeries } from "./AnchoredRadialSeries";
import { DependencyProperty } from "igniteui-react-core";
import { enumGetBox, Point_$type, runOn, typeCast, markType, markDep, fromEnum } from "igniteui-react-core";
import { LegendEmptyValuesMode_$type } from "igniteui-react-core";
import { Defaults } from "./Defaults";
import { Pool$1 } from "igniteui-react-core";
import { Path } from "igniteui-react-core";
import { List$1 } from "igniteui-react-core";
import { Rect } from "igniteui-react-core";
import { RadialBaseView } from "./RadialBaseView";
import { ScalerParams } from "./ScalerParams";
import { PathGeometry } from "igniteui-react-core";
import { ViewportUtils } from "./ViewportUtils";
import { SliceCoords } from "./SliceCoords";
import { PathFigure } from "igniteui-react-core";
import { LineSegment } from "igniteui-react-core";
import { ArcSegment } from "igniteui-react-core";
import { PieSliceCollisionGeometry } from "igniteui-react-core";
import { Size } from "igniteui-react-core";
import { GeometryUtil } from "igniteui-react-core";
import { MathUtil } from "igniteui-react-core";
import { ProportionalCategoryAngleAxis } from "./ProportionalCategoryAngleAxis";
import { SeriesPointOfInterest } from "./SeriesPointOfInterest";
import { DataContext } from "igniteui-react-core";
import { ChartSelection } from "./ChartSelection";
import { CollisionRect } from "igniteui-react-core";
import { PropertyMetadata } from "igniteui-react-core";
import { intDivide, isNaN_ } from "igniteui-react-core";
import { AnchoredRadialSeriesView } from "./AnchoredRadialSeriesView";
/**
* @hidden
*/
var RadialPieSeries = /** @class */ /*@__PURE__*/ (function (_super) {
__extends(RadialPieSeries, _super);
function RadialPieSeries() {
var _this = _super.call(this) || this;
_this.adu = null;
_this.adz = null;
_this.adr = 0;
_this.ab = RadialPieSeries.$;
return _this;
}
RadialPieSeries.prototype.bk = function () {
return new RadialPieSeries();
};
RadialPieSeries.prototype.get_fn = function () {
return true;
};
RadialPieSeries.prototype.get_fl = function () {
return true;
};
RadialPieSeries.prototype.jk = function () {
if (!isNaN_(this.jj)) {
return _super.prototype.jk.call(this);
}
return Defaults.h;
};
RadialPieSeries.prototype.ct = function () {
return new RadialPieSeriesView(this);
};
RadialPieSeries.prototype.q1 = function (a) {
_super.prototype.q1.call(this, a);
this.adt = a;
};
Object.defineProperty(RadialPieSeries.prototype, "adv", {
get: function () {
return this.adu;
},
set: function (a) {
if (this.adu != a) {
var b = this.adv;
this.adu = a;
this.raisePropertyChanged("LegendLabelColumn", b, this.adv);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(RadialPieSeries.prototype, "ad2", {
get: function () {
return this.adz;
},
set: function (a) {
if (this.adz != a) {
var b = this.adz;
this.adz = a;
this.raisePropertyChanged("LegendLabelMemberPath", b, this.adz);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(RadialPieSeries.prototype, "ads", {
get: function () {
return this.adr;
},
set: function (a) {
if (this.adr != a) {
var b = this.adr;
this.adr = a;
this.raisePropertyChanged("LegendEmptyValuesMode", enumGetBox(LegendEmptyValuesMode_$type, b), enumGetBox(LegendEmptyValuesMode_$type, this.adr));
}
},
enumerable: false,
configurable: true
});
RadialPieSeries.prototype.preferredCategoryMode = function (a) {
return a != null && a == this.y1 ? 2 : 0;
};
RadialPieSeries.prototype.o5 = function (a, b) {
_super.prototype.o5.call(this, a, b);
var c = b;
if (a && c.da != null) {
c.da.count = 0;
}
};
RadialPieSeries.prototype.iw = function () {
return this.y1.k8(this.cw.b2, this.cw.b1, this.getEffectiveViewport1(this.cw));
};
RadialPieSeries.prototype.ar = function (a, b) {
var c = new List$1(Rect.$, 0);
var d = this.cw.b2;
var e = this.cw.b1;
var f = this.getEffectiveViewport1(this.cw);
var g = this.wl(this.cw);
var h = this.y7.k5(e, d, f, g);
var i = { $type: Point_$type, x: 0.5, y: 0.5 };
var j = this.y7;
var k = Math.max(0, 0.5 * j.n6);
var l = k;
l = Math.max(l, h.minLength);
var m = this.y1.k8(d, e, f);
var n = this.y1 != null && this.y1.cl;
var o = this.zc;
if (this.d4()) {
o = this.zf;
}
{
if (n) {
m = this.z2(a, d, e, f);
}
if (b < 0 || b > o.h.count - 1) {
return null;
}
var p = o.h._inner[b][0];
var q = Math.min(o.h._inner[b][2], h.maxLength);
return this.adw(d, e, f, p - (m * 0.5), p + (m * 0.5), l, q, i);
}
};
RadialPieSeries.prototype.get_ee = function () {
return true;
};
RadialPieSeries.prototype.get_aci = function () {
return true;
};
RadialPieSeries.prototype.get_acc = function () {
return true;
};
RadialPieSeries.prototype.abe = function (a, b) {
_super.prototype.abe.call(this, a, b);
var c = b;
var d = b.b2;
var e = b.b1;
var f = this.getEffectiveViewport1(b);
var g = this.wl(b);
var h = this.y7.k5(e, d, f, g);
var i = a.h;
var j = this.y7;
var k = Math.max(0, 0.5 * j.n6);
var l = k;
l = Math.max(l, h.minLength);
var m = this.y1.k8(d, e, f);
var n = this.y1.cl;
var o = { $type: Point_$type, x: 0.5, y: 0.5 };
var p = this.adx;
var q = this.ady;
var r = (p > 0 && q > 0);
var s = this.aca.count;
this.zi.a2(this, this.zz(), runOn(this, this.yp), this.z8(b), this.z9(b));
this.zi.r = this.adx;
this.zi.s = this.ady;
this.zi.k = this.adx;
this.zi.l = this.ady;
var t = false;
var u = this.zi.b;
if (u != null) {
t = true;
}
var v = this.y1;
var w = new ScalerParams(1, b.b2, b.b1, v.ch);
w.c = this.getEffectiveViewport();
var x = 0;
var y = 0;
for (var z = 0; z < i.count; ++z) {
var aa = i._inner[z][0];
var ab = Math.min(i._inner[z][2], h.maxLength);
var ac = i._inner[z][1];
var ad = i._inner[z][2];
var ae = i._inner[z][3];
if (t) {
this.ac7(i, z, s, v, w, b.r);
}
if (n) {
if (isNaN_(aa) || isNaN_(ac) || isNaN_(ad)) {
continue;
}
var af = (b.c1.c + z) * b.c1.b;
if ((b.c1.c + z) * b.c1.b > this.y1.lk - 1) {
if ((af) * b.c1.b >= this.y1.lj) {
af = (af) - (intDivide((this.y1.lj), b.c1.b));
}
}
m = ae;
if (isNaN_(m)) {
continue;
}
}
var ag = c.da.item(x);
x++;
var ah = this.zi.k;
var ai = this.zi.l;
r = (ah > 0 && ai > 0);
var aj = null;
if (r) {
aj = this.ad8(d, e, f, aa - (m * 0.5), aa + (m * 0.5), l, ab, o, ah, ai);
}
else {
aj = this.ad9(d, e, f, aa - (m * 0.5), aa + (m * 0.5), l, ab, o);
}
ag.an = aj;
this.zi.ad(ag, false, false, false, false);
var ak = i._inner[z][2];
if (ak > y) {
y = ak;
}
}
c.c3 = ViewportUtils.f(y, d, e);
c.c4 = { $type: Point_$type, x: ViewportUtils.e(o.x, d, e, f), y: ViewportUtils.i(o.y, d, e, f) };
c.da.count = x;
c.df();
};
RadialPieSeries.prototype.ad9 = function (a, b, c, d, e, f, g, h) {
var i = SliceCoords.b(a, b, c, d, e, f, g, h);
var j = new PathFigure();
j._startPoint = i.d;
j._isClosed = true;
j._segments.add(((function () {
var $ret = new LineSegment(1);
$ret.c = i.f;
return $ret;
})()));
j._segments.add(((function () {
var $ret = new ArcSegment();
$ret.e = i.h;
$ret.f = i.n;
$ret.d = 1;
$ret.b = i.c;
return $ret;
})()));
j._segments.add(((function () {
var $ret = new LineSegment(1);
$ret.c = i.j;
return $ret;
})()));
j._segments.add(((function () {
var $ret = new ArcSegment();
$ret.e = i.d;
$ret.f = i.m;
$ret.d = 0;
$ret.b = i.c;
return $ret;
})()));
var k = new PathGeometry();
k.c.add(j);
return k;
};
RadialPieSeries.prototype.adw = function (a, b, c, d, e, f, g, h) {
var i = SliceCoords.b(a, b, c, d, e, f, g, h);
if (isNaN_(i.n.width) || isNaN_(d) || isNaN_(e)) {
return null;
}
var j = ViewportUtils.e(0.5, a, b, c);
var k = ViewportUtils.i(0.5, a, b, c);
return new PieSliceCollisionGeometry(j, k, i.n.width, i.m.width, d, e);
};
RadialPieSeries.prototype.ad8 = function (a, b, c, d, e, f, g, h, i, j) {
var k = SliceCoords.a(a, b, c, d, e, f, g, h, i, j);
if (k == null) {
return this.ad9(a, b, c, d, e, f, g, h);
}
var l = new PathFigure();
l._startPoint = k.d;
l._isClosed = true;
var m = ((d + ((e - d) * 0.5)) * 180 / Math.PI) + 90;
var n = new Size(1, k.l.width * (f / g), k.l.height * (f / g));
l._segments.add(((function () {
var $ret = new ArcSegment();
$ret.e = k.e;
$ret.f = n;
$ret.c = m;
$ret.d = 1;
$ret.b = false;
return $ret;
})()));
l._segments.add(((function () {
var $ret = new LineSegment(1);
$ret.c = k.f;
return $ret;
})()));
l._segments.add(((function () {
var $ret = new ArcSegment();
$ret.e = k.g;
$ret.f = k.l;
$ret.c = m;
$ret.d = 1;
$ret.b = false;
return $ret;
})()));
l._segments.add(((function () {
var $ret = new ArcSegment();
$ret.e = k.h;
$ret.f = k.n;
$ret.d = 1;
$ret.b = k.c;
return $ret;
})()));
l._segments.add(((function () {
var $ret = new ArcSegment();
$ret.e = k.i;
$ret.f = k.l;
$ret.c = m;
$ret.d = 1;
$ret.b = false;
return $ret;
})()));
l._segments.add(((function () {
var $ret = new LineSegment(1);
$ret.c = k.j;
return $ret;
})()));
l._segments.add(((function () {
var $ret = new ArcSegment();
$ret.e = k.k;
$ret.f = n;
$ret.c = m;
$ret.d = 1;
$ret.b = false;
return $ret;
})()));
l._segments.add(((function () {
var $ret = new ArcSegment();
$ret.e = k.d;
$ret.f = k.m;
$ret.d = 0;
$ret.b = k.c;
return $ret;
})()));
var o = new PathGeometry();
o.c.add(l);
return o;
};
RadialPieSeries.prototype.ra = function (a, b, c, d) {
_super.prototype.ra.call(this, a, b, c, d);
switch (b) {
case RadialPieSeries.$$p[0]:
case RadialPieSeries.$$p[1]:
this.q3();
break;
case "FastItemsSource":
if (c != null) {
if (this.adv != null) {
c.deregisterColumn(this.adv);
}
}
if (d != null) {
if (this.ad2 != null) {
this.adv = this.dn(this.ad2);
}
}
break;
case "LegendLabelMemberPath":
if (this.dp != null) {
this.dp.deregisterColumn(this.adv);
this.adv = this.dn(this.ad2);
this.pe();
this.pt();
}
break;
}
};
RadialPieSeries.prototype.wp = function (a) {
var b = this.adt.b2;
var c = this.adt.b1;
var d = this.getEffectiveViewport1(this.adt);
var e = this.wl(this.adt);
var f = this.y7.k5(c, b, d, e);
var g = { $type: Point_$type, x: 0.5, y: 0.5 };
var h = GeometryUtil.j(g, a);
var i = this.zc.h;
var j = 0;
for (var k = 0; k < i.count; k++) {
var l = i._inner[k][0];
var m = Math.min(i._inner[k][2], f.maxLength);
var n = i._inner[k][3];
if (isNaN_(n)) {
continue;
}
l = l % 6.28318531;
if (l < 0) {
l += 6.28318531;
}
if (h >= l - (n * 0.5) && h <= l + (n * 0.5)) {
var o = Math.max(0, 0.5 * this.y7.n6);
var p = o;
p = Math.max(p, f.minLength);
var q = SliceCoords.b(b, c, d, l - (n * 0.5), l + (n * 0.5), p, m, g);
var r = GeometryUtil.u({ $type: Point_$type, x: ViewportUtils.e(g.x, b, c, d), y: ViewportUtils.i(g.y, b, c, d) }, MathUtil.f(l), q.n.width);
var s = 1.7976931348623157E+308;
var t = 1.7976931348623157E+308;
var u = -1.7976931348623157E+308;
var v = -1.7976931348623157E+308;
s = Math.min(s, q.d.x);
s = Math.min(s, q.f.x);
s = Math.min(s, q.h.x);
s = Math.min(s, q.j.x);
s = Math.min(s, r.x);
t = Math.min(t, q.d.y);
t = Math.min(t, q.f.y);
t = Math.min(t, q.h.y);
t = Math.min(t, q.j.y);
t = Math.min(t, r.y);
u = Math.max(u, q.d.x);
u = Math.max(u, q.f.x);
u = Math.max(u, q.h.x);
u = Math.max(u, q.j.x);
u = Math.max(u, r.x);
v = Math.max(v, q.d.y);
v = Math.max(v, q.f.y);
v = Math.max(v, q.h.y);
v = Math.max(v, q.j.y);
v = Math.max(v, r.y);
return new Rect(0, s, t, u - s, v - t);
}
j++;
}
return new Rect(0, 0, 0, 0, 0);
};
RadialPieSeries.prototype.ku = function (a) {
if (this.y1 != null && this.y1.cl && a == this.y1.othersIndex) {
return null;
}
if (this.adv != null) {
return this.adv.item(a);
}
return null;
};
RadialPieSeries.prototype.ec = function (a, b, c, d, e) {
var _this = this;
if (_super.prototype.ec.call(this, a, b, c, d, e)) {
var f = typeCast(ProportionalCategoryAngleAxis.$, this.y1) !== null && this.y1.hasOthersCategory;
if (e && (this.ads == 1 || (this.ads == 2 && !f))) {
var g = this.y1;
var h = new ScalerParams(1, this.dc.v5, this.wu, g.ch);
h.c = this.getEffectiveViewport1(this.cw);
var i = this.y7;
var j = new ScalerParams(1, this.dc.v5, this.wu, i.ch);
j.c = this.getEffectiveViewport1(this.cw);
var k = this.z7;
var _loop_1 = function (l) {
var m = this_1.dp.item(l);
var n = NaN;
if (m != null) {
n = this_1.jc(m);
}
if (n == 0) {
var o = new SeriesPointOfInterest();
o.f = this_1.aa7(n, m, l, d, k, c, b, false);
o.b = ((function () {
var $ret = new DataContext();
$ret.item = m;
$ret.series = _this;
return $ret;
})());
o.g = this_1.vi;
o.c = l;
if (this_1.g9) {
o.g = this_1.vp(l);
}
var p = false;
for (var q = 0; q < a.count; q++) {
if (o.c < a._inner[q].c) {
a.insert(q, o);
p = true;
break;
}
}
if (!p) {
a.add(o);
}
}
};
var this_1 = this;
for (var l = 0; l < this.dp.count; l++) {
_loop_1(l);
}
}
return true;
}
return false;
};
RadialPieSeries.prototype.ak = function (a, b) {
var c = new List$1(ChartSelection.$, 0);
this.p4(a, c, b);
return c.toArray();
};
RadialPieSeries.prototype.p4 = function (a, b, c) {
var _this = this;
if (this.y2 == 0) {
_super.prototype.p4.call(this, a, b, c);
return;
}
var d = this.cw.b2;
var e = this.cw.b1;
var f = this.getEffectiveViewport1(this.cw);
var g = this.dc.wd(this.wu, this.getEffectiveViewport(), d);
var h = this.y7.k5(e, d, f, g);
var i = { $type: Point_$type, x: 0.5, y: 0.5 };
var j = this.y7;
var k = Math.max(0, 0.5 * j.n6);
var l = k;
l = Math.max(l, h.minLength);
var m = this.y1.k8(d, e, f);
var n = this.y1 != null && this.y1.cl;
var o = new CollisionRect(0, this.dc.wa(a));
var _loop_2 = function (p) {
var q = typeCast(RadialBaseView.$, this_2.cw);
var r = q.c1.getBucket(p);
var s = this_2.acl(this_2.y1, d, e, f);
if (n) {
m = this_2.z2(p, d, e, f);
s = this_2.ack(p, this_2.y1, d, e, f);
if (isNaN_(s)) {
s = 0;
}
}
r[0] = this_2.y1.getScaledAngle(r[0]) + s;
var t = r[0];
var u = Math.min(this_2.za.b.od(r[2]), h.maxLength);
var v = this_2.adw(d, e, f, t - (m * 0.5), t + (m * 0.5), l, u, i);
if (v.collidesWithHeavy(o)) {
if (c == 7 || c == 6) {
b.add(((function () {
var $ret = new ChartSelection();
$ret.series = _this;
return $ret;
})()));
return { value: void 0 };
}
if (c == 2 || c == 1) {
b.add(((function () {
var $ret = new ChartSelection();
$ret.item = _this.dp.item(p);
return $ret;
})()));
}
else {
b.add(((function () {
var $ret = new ChartSelection();
$ret.item = _this.dp.item(p);
$ret.series = _this;
return $ret;
})()));
}
}
};
var this_2 = this;
for (var p = 0; p < this.y1.lk; p++) {
var state_1 = _loop_2(p);
if (typeof state_1 === "object")
return state_1.value;
}
};
RadialPieSeries.$t = markType(RadialPieSeries, 'RadialPieSeries', AnchoredRadialSeries.$);
RadialPieSeries.$$p = markDep(DependencyProperty, PropertyMetadata, RadialPieSeries, 'raisePropertyChanged', ['RadiusX:adx:ad6', [1, 2], 'RadiusY:ady:ad7', [1, 2]]);
return RadialPieSeries;
}(AnchoredRadialSeries));
export { RadialPieSeries };
/**
* @hidden
*/
var RadialPieSeriesView = /** @class */ /*@__PURE__*/ (function (_super) {
__extends(RadialPieSeriesView, _super);
function RadialPieSeriesView(a) {
var _this = _super.call(this, a) || this;
_this.c9 = null;
_this.da = null;
_this.db = null;
_this.dg = new Path();
_this.c9 = a;
_this.da = ((function () {
var $ret = new Pool$1(Path.$);
$ret.create = runOn(_this, _this.dh);
$ret.activate = runOn(_this, _this.dc);
$ret.disactivate = runOn(_this, _this.de);
$ret.destroy = runOn(_this, _this.dd);
return $ret;
})());
return _this;
}
RadialPieSeriesView.prototype.ax = function () {
_super.prototype.ax.call(this);
this.db = new List$1(Path.$, 0);
if (!this.r) {
this.c0.xc = Defaults.c;
this.c0.jp = Defaults.i;
}
};
RadialPieSeriesView.prototype.dh = function () {
var _this = this;
var a = ((function () {
var $ret = new Path();
$ret.dataContext = ((function () {
var $ret = new DataContext();
$ret.series = _this.f;
return $ret;
})());
return $ret;
})());
this.db.add(a);
a._visibility = 1;
return a;
};
RadialPieSeriesView.prototype.dc = function (a) {
a._visibility = 0;
};
RadialPieSeriesView.prototype.de = function (a) {
a._visibility = 1;
};
RadialPieSeriesView.prototype.dd = function (a) {
this.db.remove(a);
};
RadialPieSeriesView.prototype.bk = function (a, b) {
_super.prototype.bk.call(this, a, b);
var c = a;
};
RadialPieSeriesView.prototype.af = function (a) {
return this.db._inner[a];
};
RadialPieSeriesView.prototype.ae = function (a) {
var b = this.db._inner[a];
this.dg._visibility = b._visibility;
this.dg.an = b.an;
var c = this.bw(a);
this.dg._fill = c;
this.dg._stroke = c;
this.dg.ad = this.f.ie;
return this.dg;
};
RadialPieSeriesView.prototype.bc = function (a, b) {
_super.prototype.bc.call(this, a, b);
if (a.d) {
for (var c = 0; c < this.db.count; c++) {
var d = this.ad(c, b);
a.t(d);
}
}
};
RadialPieSeriesView.prototype.df = function () {
this.av();
};
RadialPieSeriesView.prototype.aq = function (a) {
var e_1, _a;
_super.prototype.aq.call(this, a);
var b = 0;
try {
for (var _b = __values(fromEnum(this.da.a)), _c = _b.next(); !_c.done; _c = _b.next()) {
var c = _c.value;
this.f.bc.exportPathData(a, c, "slice" + b, ["Main", "Fill"]);
b++;
}
}
catch (e_1_1) {
e_1 = { error: e_1_1 };
}
finally {
try {
if (_c && !_c.done && (_a = _b.return))
_a.call(_b);
}
finally {
if (e_1)
throw e_1.error;
}
}
};
RadialPieSeriesView.$t = markType(RadialPieSeriesView, 'RadialPieSeriesView', AnchoredRadialSeriesView.$);
return RadialPieSeriesView;
}(AnchoredRadialSeriesView));
export { RadialPieSeriesView };