igniteui-react-charts
Version:
Ignite UI React charting components for building rich data visualizations using TypeScript APIs.
753 lines (752 loc) • 26.6 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 } from "tslib";
import { CategoryAxisBase } from "./CategoryAxisBase";
import { IZoomableCategoryAxis_$type } from "./IZoomableCategoryAxis";
import { DependencyProperty } from "igniteui-react-core";
import { Axis } from "./Axis";
import { Rect } from "igniteui-react-core";
import { Base, typeCast, Array_$type, Number_$type, markType, markDep } from "igniteui-react-core";
import { List$1 } from "igniteui-react-core";
import { ScalerParams } from "./ScalerParams";
import { NumericScaler } from "./NumericScaler";
import { VerticalAxisLabelPanel } from "./VerticalAxisLabelPanel";
import { AxisRangeChangedEventArgs } from "./AxisRangeChangedEventArgs";
import { MathUtil } from "igniteui-react-core";
import { LinearCategorySnapper } from "./LinearCategorySnapper";
import { NumericXAxis } from "./NumericXAxis";
import { LabelPosition } from "./LabelPosition";
import { PropertyMetadata } from "igniteui-react-core";
import { truncate, isNaN_, isInfinity } from "igniteui-react-core";
import { CategoryAxisBaseView } from "./CategoryAxisBaseView";
import { AxisDefaults } from "./AxisDefaults";
/**
* @hidden
*/
var CategoryYAxis = /** @class */ /*@__PURE__*/ (function (_super) {
__extends(CategoryYAxis, _super);
function CategoryYAxis() {
var _this = _super.call(this) || this;
_this.rf = 0;
_this.rg = 0;
_this.rp = 1;
_this.ro = 1;
_this.pt = new List$1(Number_$type, 0);
_this.ab = CategoryYAxis.$;
return _this;
}
CategoryYAxis.prototype.bo = function () {
return new CategoryYAxisView(this);
};
CategoryYAxis.prototype.k6 = function (a) {
_super.prototype.k6.call(this, a);
this.rd = a;
};
CategoryYAxis.prototype.al = function () {
return new CategoryYAxis();
};
CategoryYAxis.prototype.km = function (a) {
_super.prototype.km.call(this, a);
this.kp(a, "ActualInterval");
this.kp(a, "ActualMinorInterval");
this.kp(a, "ZoomToItemSpan");
this.kp(a, "ZoomToCategoryStart");
this.kp(a, "ZoomToCategoryRange");
this.kp(a, "ZoomMaximumItemSpan");
this.kp(a, "ZoomMaximumCategoryRange");
};
CategoryYAxis.prototype.kp = function (a, b) {
_super.prototype.kp.call(this, a, b);
var c = typeCast(CategoryYAxis.$, a);
if (c == null) {
return;
}
var d = this;
if (b == "ActualMinorInterval") {
c.rn = Axis.gs(d.rk, d.ri);
}
if (b == "ActualInterval") {
c.rm = Axis.gs(d.rj, d.rh);
}
if (b == "ZoomToItemSpan") {
c.zoomToItemSpan = d.zoomToItemSpan;
}
if (b == "ZoomToCategoryStart") {
c.zoomToCategoryStart = d.zoomToCategoryStart;
}
if (b == "ZoomToCategoryRange") {
c.zoomToCategoryRange = d.zoomToCategoryRange;
}
if (b == "ZoomMaximumItemSpan") {
c.zoomMaximumItemSpan = d.zoomMaximumItemSpan;
}
if (b == "ZoomMaximumCategoryRange") {
c.zoomMaximumCategoryRange = d.zoomMaximumCategoryRange;
}
};
CategoryYAxis.prototype.get_dy = function () {
return true;
};
CategoryYAxis.prototype.f5 = function () {
return this.o0().height;
};
CategoryYAxis.prototype.ra = function (a, b, c) {
return this.rb(a, b, c, true);
};
CategoryYAxis.prototype.rc = function (a) {
if (typeCast(List$1.$.specialize(Array_$type), a) !== null) {
return a.asArray();
}
return null;
};
CategoryYAxis.prototype.k0 = function (a, b, c, d, e) {
var f;
var g = e.e;
var h = e.d;
var i = e.c;
var j = e.a;
var k = !i.isEmpty;
var l = this.categoryMode == 0 ? this.qa - 1 : this.qa;
if (l < 0) {
l = 0;
}
var m = i.top;
var n = i.height;
var o = g.top;
var p = g.height;
var q = h.top;
var r = h.height;
var s = 0;
var t = 1;
var u = this.rc(a);
var v = false;
if (u != null) {
v = true;
}
var w;
for (var x = 0; x < b.count; x++) {
w = b.item(x);
for (var y = c; y < d; y++) {
if (v) {
f = u[y];
}
else {
f = a.item(y);
}
if (k) {
var z = l >= 1 ? (f[w]) / (l) : l == 0 ? 0.5 : NaN;
if (!j) {
z = 1 - z;
}
z = m + n * (z - s) / t;
var aa = (z - e.d.top) / e.d.height;
aa = e.d.top + e.d.height * (aa - e.e.top) / e.e.height;
f[w] = aa;
}
else {
var ab = l >= 1 ? (f[w]) / (l) : l == 0 ? 0.5 : NaN;
if (!j) {
ab = 1 - ab;
}
ab = q + r * (ab - o) / p;
f[w] = ab;
}
}
}
};
Object.defineProperty(CategoryYAxis.prototype, "rm", {
get: function () {
return this.c(CategoryYAxis.r9);
},
set: function (a) {
this.h(CategoryYAxis.r9, a);
},
enumerable: false,
configurable: true
});
CategoryYAxis.prototype.re = function () {
return !isNaN_(this.rm);
};
Object.defineProperty(CategoryYAxis.prototype, "rh", {
get: function () {
return this.rf;
},
set: function (a) {
if (this.rh != a) {
var b = this.rf;
this.rf = a;
this.ls("ActualInterval", b, this.rh);
}
},
enumerable: false,
configurable: true
});
CategoryYAxis.prototype.gi = function () {
return this.rh;
};
Object.defineProperty(CategoryYAxis.prototype, "rn", {
get: function () {
return this.c(CategoryYAxis.sa);
},
set: function (a) {
this.h(CategoryYAxis.sa, a);
},
enumerable: false,
configurable: true
});
Object.defineProperty(CategoryYAxis.prototype, "ri", {
get: function () {
return this.rg;
},
set: function (a) {
if (this.ri != a) {
var b = this.rg;
this.rg = a;
this.ls("ActualMinorInterval", b, this.ri);
}
},
enumerable: false,
configurable: true
});
Object.defineProperty(CategoryYAxis.prototype, "rr", {
get: function () {
return this.rp;
},
set: function (a) {
this.rp = a;
},
enumerable: false,
configurable: true
});
Object.defineProperty(CategoryYAxis.prototype, "rq", {
get: function () {
return this.ro;
},
set: function (a) {
this.ro = a;
},
enumerable: false,
configurable: true
});
CategoryYAxis.prototype.f6 = function (a, b) {
if (!b.c.isEmpty) {
var c = this.rl(a, NumericScaler.ac, b.c);
c = (c - b.d.top) / b.d.height;
c = b.d.top + b.d.height * (c - b.e.top) / b.e.height;
return c;
}
return this.rl(a, b.e, b.d);
};
CategoryYAxis.prototype.rl = function (a, b, c) {
var d = this.categoryMode == 0 ? this.qa - 1 : this.qa;
if (d < 0) {
d = 0;
}
var e = d >= 1 ? (a) / (d) : d == 0 ? 0.5 : NaN;
if (!this.dp) {
e = 1 - e;
}
return c.top + c.height * (e - b.top) / b.height;
};
CategoryYAxis.prototype.f9 = function (a, b) {
if (!b.c.isEmpty) {
var c = b.e.top + b.e.height * (a - b.d.top) / b.d.height;
c = (c * b.d.height) + b.d.top;
c = this.getUnscaledValue3(c, NumericScaler.ac, b.c, this.categoryMode);
return c;
}
return this.getUnscaledValue3(a, b.e, b.d, this.categoryMode);
};
CategoryYAxis.prototype.ga = function (a, b, c) {
if (!b.c.isEmpty) {
var d = b.e.top + b.e.height * (a - b.d.top) / b.d.height;
d = (d * b.d.height) + b.d.top;
d = this.getUnscaledValue3(d, NumericScaler.ac, b.c, c);
return d;
}
return this.getUnscaledValue3(a, b.e, b.d, c);
};
CategoryYAxis.prototype.getUnscaledValue3 = function (a, b, c, d) {
var e = b.top + (a - c.top) * b.height / c.height;
if (!this.dp) {
e = 1 - e;
}
var f = d == 0 ? this.qa - 1 : this.qa;
if (f < 0) {
f = 0;
}
return e * f;
};
CategoryYAxis.prototype.r4 = function (a, b) {
if (isNaN_(a) || isNaN_(b) || this.pm == null || this.pm.count == 0) {
return;
}
var c = a / this.pm.count;
var d = b / this.pm.count;
this.b7.za = new Rect(0, this.b7.za.x, 1 - d, this.b7.za.width, d - c);
};
CategoryYAxis.prototype.a0 = function () {
return new VerticalAxisLabelPanel();
};
CategoryYAxis.prototype.fr = function () {
return this.rm;
};
CategoryYAxis.prototype.getCategorySize = function (a, b, c) {
var d = this.o4(b, c);
return d.height / (this.qa * a.height);
};
CategoryYAxis.prototype.pz = function (a, b, c) {
var d = this.p6(a, b, c);
var e = 0;
if (!isNaN_(this.p5)) {
e = Math.min(this.p5, 1);
}
var f = 1 - 0.5 * d;
var g = this.getCategorySize(a, b, c) * f / (this.qc - (this.qc - 1) * e);
return g;
};
CategoryYAxis.prototype.getGroupCenter = function (a, b, c, d) {
var e = 0.5;
if (this.qc > 1) {
var f = this.p6(b, c, d);
var g = 0;
if (!isNaN_(this.p5)) {
g = Math.min(this.p5, 1);
}
var h = 1 - 0.5 * f;
var i = h / (this.qc - (this.qc - 1) * g);
var j = (h - i) / (this.qc - 1);
e = 0.25 * f + 0.5 * i + a * j;
}
return this.getCategorySize(b, c, d) * e;
};
CategoryYAxis.prototype.r3 = function (a) {
var b = this.b7 != null ? this.b7.yr : Rect.empty;
b = b.copy();
var c = this.o6;
var d = new Rect(0, 0, 0, 1, 1);
var e = this.o3();
var f = new ScalerParams(0, d, d, this.dn, e);
var g = !b.isEmpty && !c.isEmpty && this.pm != null ? this.pm.indexOf(a) : -1;
var h = g > -1 ? this.f6(g, f) : NaN;
if (!isNaN_(h) && this.b7.ga) {
if (!isNaN_(h)) {
if (h < b.top + 0.1 * b.height) {
h = h + 0.4 * b.height;
b.y = h - 0.5 * b.height;
}
if (h > b.bottom - 0.1 * b.height) {
h = h - 0.4 * b.height;
b.y = h - 0.5 * b.height;
}
}
this.b7.ue(b, false, true);
}
};
CategoryYAxis.prototype.ef = function () {
if (this.d0 && this.eg) {
this.b1 = this.b0();
}
if (this.pm == null) {
return false;
}
var a = false;
var b = this.pm.count;
if (b != this.rq) {
var c = new AxisRangeChangedEventArgs(0, 1, 1, this.rq, b);
this.rq = b;
this.lt(c);
a = true;
}
this.r6();
this.r5();
return a;
};
CategoryYAxis.prototype.getWindowZoomFromCategories = function (a) {
var b = MathUtil.b(a) && a > 0;
var c = this.pm.count;
if (c > 0 && b) {
var d = this.b7.y9.height;
var e = isNaN_(d) || isInfinity(d);
if (e) {
return NaN;
}
var f = new Rect(0, 0, 0, 1, 1);
var g = this.b7.y9;
var h = this.getCategorySize(f, g, g);
var i = isNaN_(h) || isInfinity(h);
if (i) {
return NaN;
}
var j = h * a / d;
if (j >= 0 && j <= 1) {
return j;
}
}
return NaN;
};
CategoryYAxis.prototype.getWindowZoomFromItemSpan = function (a) {
var b = MathUtil.b(a) && a > 0;
var c = this.pm.count;
if (c > 0 && b) {
var d = this.b7.y9.height;
var e = isNaN_(d) || isInfinity(d);
if (e) {
return NaN;
}
var f = new Rect(0, 0, 0, 1, 1);
var g = this.b7.y9;
var h = this.pz(f, g, g);
var i = a / h;
var j = Math.min(1, 1 / i);
if (j > 0 && j <= 1) {
return j;
}
}
return NaN;
};
CategoryYAxis.prototype.r6 = function () {
if (this.pm == null || this.b7 == null) {
return;
}
var a = !isNaN_(this.b7.jv) && !isNaN_(this.b7.jx);
if (a) {
return;
}
if (!isNaN_(this.zoomMaximumItemSpan) && !isInfinity(this.zoomMaximumItemSpan)) {
var b = this.getWindowZoomFromItemSpan(this.zoomMaximumItemSpan);
if (!isNaN_(b) && !isInfinity(b)) {
this.b7.im = b;
}
}
else if (!isNaN_(this.zoomMaximumCategoryRange) && !isInfinity(this.zoomMaximumCategoryRange)) {
var c = this.getWindowZoomFromCategories(this.zoomMaximumCategoryRange);
if (!isNaN_(c) && !isInfinity(c)) {
this.b7.im = c;
}
}
};
CategoryYAxis.prototype.r5 = function () {
if (this.pm == null || this.b7 == null) {
return;
}
var a = NaN;
var b = NaN;
var c = this.b7.iu();
var d = this.b7.iv();
var e = false;
if (MathUtil.b(this.zoomToItemSpan)) {
e = true;
d = this.getWindowZoomFromItemSpan(this.zoomToItemSpan);
d = Math.max(d, this.b7.im);
}
else if (MathUtil.b(this.zoomToCategoryRange)) {
e = true;
d = this.getWindowZoomFromCategories(this.zoomToCategoryRange);
d = Math.max(d, this.b7.im);
}
if (MathUtil.b(this.zoomToCategoryStart) && this.zoomToCategoryStart >= 0 && this.zoomToCategoryStart < this.qb) {
e = true;
b = this.getWindowZoomFromCategories(this.zoomToCategoryStart);
var f = d + a - 1;
var g = d - f;
if (f > 0 && g > this.b7.im) {
d = g;
d = Math.max(d, this.b7.im);
}
}
if (e) {
this.b7.ub(a, b, c, d);
}
};
CategoryYAxis.prototype.la = function (a, b, c, d) {
_super.prototype.la.call(this, a, b, c, d);
switch (b) {
case CategoryYAxis.$$p[2]:
case CategoryYAxis.$$p[3]:
this.r6();
break;
case CategoryYAxis.$$p[4]:
case CategoryYAxis.$$p[5]:
case CategoryYAxis.$$p[6]:
this.r5();
break;
case CategoryYAxis.$$p[0]:
case CategoryYAxis.$$p[1]:
this.kw(b);
break;
}
};
CategoryYAxis.prototype.kw = function (a) {
_super.prototype.kw.call(this, a);
switch (a) {
case CategoryYAxis.$$p[0]:
case CategoryYAxis.$$p[1]:
this.kr(a);
break;
}
};
CategoryYAxis.prototype.pp = function (a) {
if (a == null) {
return false;
}
var b = this.b3();
if (b == null) {
return false;
}
return b.synchronizeVertically;
};
CategoryYAxis.prototype.lz = function (a) {
_super.prototype.lz.call(this, a);
var b = this.b7 != null ? this.b7.yr : Rect.empty;
var c = this.o6;
var d = this.o1();
var e = this.o0();
var f = new ScalerParams(0, b, c, this.dn, d);
var g = this.bp.ba();
var h = this.bp.bd();
var i = this.bp.bb();
var j = this.bp.bc();
var k = this.bp.f();
var l = this.bp.g();
var m = this.bp.h();
this.ma();
this.kk(g);
this.kk(h);
this.kk(i);
this.kk(j);
this.eq.clear();
this.er.clear();
this.pt.clear();
this.bp.a5(this, b, c);
if (b.isEmpty || c.isEmpty) {
this.ci.count = 0;
this.ch.count = 0;
this.cf.count = 0;
this.ce.count = 0;
this.cg.count = 0;
}
if (this.ci.count == 0 && this.ch.count == 0 && this.bp.n()) {
this.bp.aj();
}
if (this.a4 != null) {
this.a4.registerAxis(this);
}
if (this.itemsSource == null || this.pm == null || this.pm.count == 0) {
this.ci.count = 0;
this.ch.count = 0;
this.cf.count = 0;
this.ce.count = 0;
this.cg.count = 0;
this.bp.aj();
return;
}
if (!b.isEmpty && !c.isEmpty) {
var n = this.f9(e.top, f);
var o = this.f9(e.bottom, f);
if (!this.dn) {
n = Math.ceil(n);
o = Math.floor(o);
}
else {
n = Math.floor(n);
o = Math.ceil(o);
}
var p = c.left;
var q = 0;
if (this.an != null) {
var r = typeCast(NumericXAxis.$, this.an);
if (r != null) {
var s = this.l4(p, q, b, c, d, c.left, c.right);
p = s.p0;
q = s.p1;
}
}
this.mb(g, p, c, k, true);
this.bp.a0(q);
var t = Math.min(n, o);
var u = Math.max(n, o);
var v = new LinearCategorySnapper(1, t, u, e.height, this.rm, this.categoryMode, this.gm());
var w = v.g;
w = this.fo(w, this.re(), b, c, d);
if (v.g != w) {
v = new LinearCategorySnapper(1, t, u, e.height, w, this.categoryMode, this.gm());
}
var x = Math.floor((t - 0) / v.g);
var y = Math.ceil((u - 0) / v.g);
if (!isNaN_(x) && !isNaN_(y)) {
var z = truncate(x);
var aa = truncate(y);
var ab = this.f6(0 + z * v.g, f);
var ac = Math.abs(this.f6(v.g, f) - this.f6(0, f));
this.a1.b1 = this.f6(v.g, f);
for (var ad = z; ad <= aa; ++ad) {
var ae = this.f6(0 + (ad + 1) * v.g, f);
if (ab <= e.bottom) {
if (ad % 2 == 0) {
this.k5(h, ab, ae, c);
}
this.k4(i, ab, c, l, false);
this.pt.add(ab);
}
if (this.categoryMode != 0 && this.qc != 0 && this.ea) {
if (this.rn > 0 && this.rn < v.g) {
var af = ac * this.rn;
if (!this.dn) {
var ag = ab;
while (ag - af > ae) {
ag -= af;
if (Math.abs(ag - ae) < 0.0001) {
break;
}
this.k4(j, ag, c, m, false);
}
}
else {
var ah = ab;
while (ah + af < ae) {
ah += af;
if (Math.abs(ah - ae) < 0.0001) {
break;
}
this.k4(j, ah, c, m, false);
}
}
this.ri = this.rn;
}
else {
for (var ai = 0; ai < truncate(v.g); ai++) {
for (var aj = 0; aj < this.qc; aj++) {
var ak = this.getGroupCenter(aj, b, c, d);
if (!this.dn) {
ak = -ak;
}
var al = this.f6(ai + ad * v.g, f) + ak;
this.k4(j, al, c, m, false);
}
}
this.ri = 0.5;
}
}
var am = ab;
if (this.categoryMode != 0) {
var an = this.f6(ad * v.g + 1, f);
am = (ab + an) / 2;
}
if (am <= e.bottom && am >= e.top) {
var ao = 0;
if (v.g >= 1) {
ao = ad * truncate(Math.floor(v.g));
}
else {
if ((ad * v.g) * 2 % 2 == 0) {
ao = truncate(Math.floor(ad * v.g));
}
else {
ao = -1;
}
}
if (this.pm != null && ao < this.pm.count && ao >= 0) {
var ap = this.pm.item(ao);
var aq = this.hw(ap);
if (!isNaN_(am) && !isInfinity(am) && aq != null) {
if ((typeof aq === 'string') && Base.equalsStatic(aq, "")) {
}
else {
this.eq.add1(aq);
this.er.add(new LabelPosition(0, am));
}
}
}
}
ab = ae;
}
}
this.rh = v.g;
if ((this.a4 == null || this.a4.visibility == 0) && this.an != null) {
if (this.a4 != null && (this.a4.location == 6 || this.a4.location == 7)) {
this.b7.pr();
}
}
this.bp.a6(this.eq, this.er);
this.q0();
}
};
CategoryYAxis.prototype.get_bm = function () {
return 1;
};
Object.defineProperty(CategoryYAxis.prototype, "bm", {
get: function () {
return this.get_bm();
},
enumerable: false,
configurable: true
});
Object.defineProperty(CategoryYAxis.prototype, "isVertical", {
get: function () {
return this.dy;
},
enumerable: false,
configurable: true
});
CategoryYAxis.prototype.j$d = function (a, b) {
return this.f9.apply(this, arguments);
};
CategoryYAxis.prototype.j$c = function (a, b) {
return this.f6.apply(this, arguments);
};
CategoryYAxis.prototype.j$e = function (a, b, c, d, e) {
this.k0.apply(this, arguments);
};
CategoryYAxis.prototype.j$f = function (a, b, c, d) {
this.k1.apply(this, arguments);
};
CategoryYAxis.prototype.j$g = function (a, b, c, d) {
this.k2.apply(this, arguments);
};
Object.defineProperty(CategoryYAxis.prototype, "j$b", {
get: function () {
return this.dn;
},
enumerable: false,
configurable: true
});
CategoryYAxis.prototype.j$a = function () {
return this.ag.apply(this, arguments);
};
CategoryYAxis.$t = markType(CategoryYAxis, 'CategoryYAxis', CategoryAxisBase.$, [IZoomableCategoryAxis_$type]);
CategoryYAxis.r9 = DependencyProperty.i("Interval", Number_$type, CategoryYAxis.$, new PropertyMetadata(2, NaN, function (a, b) {
a.ls("Interval", b.oldValue, b.newValue);
a.ly(false);
}));
CategoryYAxis.sa = DependencyProperty.i("MinorInterval", Number_$type, CategoryYAxis.$, new PropertyMetadata(2, NaN, function (a, b) {
(typeCast(CategoryYAxis.$, a)).ls("MinorInterval", b.oldValue, b.newValue);
(typeCast(CategoryYAxis.$, a)).ly(false);
}));
CategoryYAxis.$$p = markDep(DependencyProperty, PropertyMetadata, CategoryYAxis, 'ls', ['CompanionAxisInterval:rj:r7', [1, NaN], 'CompanionAxisMinorInterval:rk:r8', [1, NaN], 'ZoomMaximumCategoryRange::sb', [1, NaN], 'ZoomMaximumItemSpan::sc', [1, NaN], 'ZoomToCategoryRange::sd', [1, NaN], 'ZoomToCategoryStart::se', [1, NaN], 'ZoomToItemSpan::sf', [1, NaN]]);
return CategoryYAxis;
}(CategoryAxisBase));
export { CategoryYAxis };
/**
* @hidden
*/
var CategoryYAxisView = /** @class */ /*@__PURE__*/ (function (_super) {
__extends(CategoryYAxisView, _super);
function CategoryYAxisView(a) {
var _this = _super.call(this, a) || this;
_this.bs = null;
_this.bs = a;
return _this;
}
CategoryYAxisView.prototype.ar = function () {
_super.prototype.ar.call(this);
this.b.g6 = AxisDefaults.categoryAxis_TickLength;
};
CategoryYAxisView.$t = markType(CategoryYAxisView, 'CategoryYAxisView', CategoryAxisBaseView.$);
return CategoryYAxisView;
}(CategoryAxisBaseView));
export { CategoryYAxisView };