UNPKG

igniteui-react-charts

Version:

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

833 lines (832 loc) 29.1 kB
/* 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 { Base, typeCast, Number_$type, Array_$type, markType, markDep, TypeRegistrar } from "igniteui-react-core"; import { DependencyProperty } from "igniteui-react-core"; import { Axis } from "./Axis"; import { List$1 } from "igniteui-react-core"; import { HorizontalAxisLabelPanel } from "./HorizontalAxisLabelPanel"; import { Rect } from "igniteui-react-core"; import { ScalerParams } from "./ScalerParams"; import { NumericScaler } from "./NumericScaler"; import { LinearCategorySnapper } from "./LinearCategorySnapper"; import { NumericYAxis } from "./NumericYAxis"; import { LabelPosition } from "./LabelPosition"; import { AxisRangeChangedEventArgs } from "./AxisRangeChangedEventArgs"; import { MathUtil } from "igniteui-react-core"; import { PropertyMetadata } from "igniteui-react-core"; import { truncate, isNaN_, isInfinity } from "igniteui-react-core"; import { CategoryAxisBaseView } from "./CategoryAxisBaseView"; import { AxisDefaults } from "./AxisDefaults"; /** * @hidden */ var CategoryXAxis = /** @class */ /*@__PURE__*/ (function (_super) { __extends(CategoryXAxis, _super); function CategoryXAxis() { var _this = _super.call(this) || this; _this.rs = 1; _this.rr = 1; _this.rv = null; _this.rg = 0; _this.rh = 0; _this.pt = new List$1(Number_$type, 0); _this.ab = CategoryXAxis.$; return _this; } CategoryXAxis.prototype.bo = function () { return new CategoryXAxisView(this); }; CategoryXAxis.prototype.k6 = function (a) { _super.prototype.k6.call(this, a); this.rd = a; }; CategoryXAxis.prototype.al = function () { return new CategoryXAxis(); }; CategoryXAxis.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"); }; CategoryXAxis.prototype.kp = function (a, b) { _super.prototype.kp.call(this, a, b); var c = typeCast(CategoryXAxis.$, a); if (c == null) { return; } var d = this; if (b == "ActualMinorInterval") { c.rq = Axis.gs(d.rl, d.rj); } if (b == "ActualInterval") { c.rp = Axis.gs(d.rk, d.ri); } 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; } }; Object.defineProperty(CategoryXAxis.prototype, "ru", { get: function () { return this.rs; }, set: function (a) { this.rs = a; }, enumerable: false, configurable: true }); Object.defineProperty(CategoryXAxis.prototype, "rt", { get: function () { return this.rr; }, set: function (a) { this.rr = a; }, enumerable: false, configurable: true }); CategoryXAxis.prototype.a0 = function () { if (this.ei) { return (TypeRegistrar.create('HorizontalSmartAxisLabelPanel')); } else { return new HorizontalAxisLabelPanel(); } }; CategoryXAxis.prototype.getCategorySize = function (a, b, c) { var d = this.o4(b, c); return d.width / (this.qa * a.width); }; CategoryXAxis.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); } else { e = 0; } ; var f = 1 - 0.5 * d; var g = this.qc == 0 ? 1 : this.qc; var h = this.getCategorySize(a, b, c) * f / (g - (g - 1) * e); return h; }; CategoryXAxis.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; }; CategoryXAxis.prototype.fr = function () { return this.rp; }; CategoryXAxis.prototype.r7 = function (a) { var b = this.b7 != null ? this.b7.yr : Rect.empty; b = b.copy(); var c = this.o6; var d = this.o3(); var e = new Rect(0, 0, 0, 1, 1); var f = new ScalerParams(0, e, e, this.dn, d); 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.left + 0.1 * b.width) { h = h + 0.4 * b.width; b.x = h - 0.5 * b.width; } if (h > b.right - 0.1 * b.width) { h = h - 0.4 * b.width; b.x = h - 0.5 * b.width; } } this.b7.ue(b, false, true); } }; CategoryXAxis.prototype.f6 = function (a, b) { if (!b.c.isEmpty) { var c = this.ro(a, NumericScaler.ac, b.c, this.categoryMode); c = (c - b.d.left) / b.d.width; c = b.d.left + b.d.width * (c - b.e.left) / b.e.width; return c; } return this.ro(a, b.e, b.d, this.categoryMode); }; CategoryXAxis.prototype.rc = function (a) { if (typeCast(List$1.$.specialize(Array_$type), a) !== null) { return a.asArray(); } return null; }; CategoryXAxis.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.left; var n = i.width; var o = g.left; var p = g.width; var q = h.left; var r = h.width; 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; z = (z - q) / r; var aa = q + r * (z - o) / p; 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; } } } }; CategoryXAxis.prototype.f7 = function (a, b, c) { if (!b.c.isEmpty) { var d = this.ro(a, NumericScaler.ac, b.c, c); d = (d - b.d.left) / b.d.width; d = b.d.left + b.d.width * (d - b.e.left) / b.e.width; return d; } return this.ro(a, b.e, b.d, c); }; CategoryXAxis.prototype.ro = function (a, b, c, d) { var e = d == 0 ? this.qa - 1 : this.qa; if (e < 0) { e = 0; } var f = e >= 1 ? (a) / (e) : e == 0 ? 0.5 : NaN; if (this.dp) { f = 1 - f; } return c.left + c.width * (f - b.left) / b.width; }; CategoryXAxis.prototype.f9 = function (a, b) { if (!b.c.isEmpty) { var c = b.e.left + b.e.width * (a - b.d.left) / b.d.width; c = (c * b.d.width) + b.d.left; c = this.getUnscaledValue3(c, NumericScaler.ac, b.c, this.categoryMode); return c; } return this.getUnscaledValue3(a, b.e, b.d, this.categoryMode); }; CategoryXAxis.prototype.ga = function (a, b, c) { if (!b.c.isEmpty) { var d = b.e.left + b.e.width * (a - b.d.left) / b.d.width; d = (d * b.d.width) + b.d.left; d = this.getUnscaledValue3(d, NumericScaler.ac, b.c, c); return d; } return this.getUnscaledValue3(a, b.e, b.d, c); }; CategoryXAxis.prototype.getUnscaledValue3 = function (a, b, c, d) { var e = b.left + (a - c.left) * b.width / c.width; if (this.dp) { e = 1 - e; } var f = d == 0 ? this.qa - 1 : this.qa; if (f < 0) { f = 0; } return e * f; }; CategoryXAxis.prototype.r8 = 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 + 1) / this.pm.count; this.b7.za = new Rect(0, c, this.b7.za.y, d - c, this.b7.za.height); }; CategoryXAxis.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(); var n = this.pm; var o = this.re(); 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.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 || o == null || n.count == 0) { this.ci.count = 0; this.ch.count = 0; this.cf.count = 0; this.cg.count = 0; this.bp.aj(); return; } if (!b.isEmpty && !c.isEmpty) { var p = this.f9(e.left, f); var q = this.f9(e.right, f); var r = 0; var s = false; if (this.eg) { var t = Math.abs(q - p); r = Math.ceil(t) + 1; if (this.dn) { if (Math.abs(q - Math.floor(q)) < Math.abs(p - Math.ceil(p))) { s = true; } } else { if (Math.abs(q - Math.ceil(q)) < Math.abs(p - Math.floor(p))) { s = true; } } } if (this.dn) { p = Math.ceil(p); q = Math.floor(q); } else { p = Math.floor(p); q = Math.ceil(q); } if (this.eg) { if (Math.abs(q - p) < r) { if (this.dn) { if (s) { q--; } else { p++; } } else { if (s) { q++; } else { p--; } } } } var u = c.bottom; var v = u - c.top; if (this.an != null) { var w = typeCast(NumericYAxis.$, this.an); if (w != null) { var x = this.l4(u, v, b, c, d, c.top, c.bottom); u = x.p0; v = x.p1; } } this.k4(g, u, c, k, true); this.bp.a0(v); var y = Math.min(p, q); var z = Math.max(p, q); var aa = e.width; if (this.eg) { var ab = this.f6(y, f); var ac = this.f6(z, f); if (ab != ac) { aa = Math.abs(ac - ab); } } var ad = new LinearCategorySnapper(1, y, z, aa, this.rp, this.categoryMode, this.gm()); var ae = ad.g; ae = this.fo(ae, this.rf(), b, c, d); if (ad.g != ae) { ad = new LinearCategorySnapper(1, y, z, aa, ae, this.categoryMode, this.gm()); } var af = Math.floor((y - 0) / ad.g); var ag = Math.ceil((z - 0) / ad.g); this.ri = ad.g; if (!isNaN_(af) && !isNaN_(ag)) { var ah = truncate(af); var ai = truncate(ag); var aj = this.rn(0 + ah * ad.g, f); var ak = this.f6(ad.g, f); var al = Math.abs(ak - this.f6(0, f)); this.bp.a1(ak); var am = truncate(Math.ceil(e.right)); var an = truncate(Math.floor(e.left)); var ao = this.rq; var ap = ao > 0 && ao < ad.g; var aq = c.right; var ar = this.pt; var as = ad.g; var at = truncate(as); var au = this.qc; var av = this.dn; var aw = this.categoryMode; this.rv = null; for (var ax = ah; ax <= ai; ++ax) { var ay = this.rn(0 + (ax + 1) * ad.g, f); if (aj <= aq) { if (ax % 2 == 0) { this.mc(h, aj, ay, c); } this.mb(i, aj, c, l, false); ar.add(aj); } if (this.categoryMode != 0 && this.qc != 0 && this.ea) { if (ap) { var az = al * this.rq; if (this.dn) { var a0 = aj; while (a0 - az > ay) { a0 -= az; if (Math.abs(a0 - ay) < 0.0001) { break; } this.mb(j, a0, c, m, false); } } else { var a1 = aj; while (a1 + az < ay) { a1 += az; if (Math.abs(a1 - ay) < 0.0001) { break; } this.mb(j, a1, c, m, false); } } this.rj = this.rq; } else { for (var a2 = 0; a2 < truncate(ad.g); a2++) { for (var a3 = 0; a3 < this.qc; a3++) { var a4 = this.getGroupCenter(a3, b, c, d); if (this.dn) { a4 = -a4; } var a5 = this.f6(a2 + ax * ad.g, f) + a4; this.mb(j, a5, c, m, false); } } this.rj = 0.5; } } var a6 = this.rm(ax * as, aj, aw == 0, f); var a7 = truncate(Math.round(a6)); if (a7 >= an && a7 <= am) { var a8 = 0; if (as >= 1) { a8 = ax * truncate(Math.floor(as)); } else { if ((ax * as) * 2 % 2 == 0) { a8 = truncate(Math.floor(ax * as)); } else { a8 = -1; } } if (o != null && a8 < n.count && a8 >= 0) { var a9 = o.getItem(a8); var ba = this.hw(a9); this.rv = a9; if (!isNaN_(a6) && !isInfinity(a6) && ba != null) { if ((typeof ba === 'string') && Base.equalsStatic(ba, "")) { } else { this.eq.add1(ba); this.er.add(new LabelPosition(0, a6)); } } } } aj = ay; } } this.rv = null; if ((this.a4 == null || this.a4.visibility == 0) && this.an != null) { if (this.a4 != null && (this.a4.location == 4 || this.a4.location == 5)) { this.b7.pr(); } } this.bp.a6(this.eq, this.er); this.q0(); } }; CategoryXAxis.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.rt) { var c = new AxisRangeChangedEventArgs(0, 1, 1, this.rt, b); this.rt = b; this.lt(c); a = true; } this.sa(); this.r9(); return a; }; CategoryXAxis.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.width; 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; }; CategoryXAxis.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.width; 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; }; CategoryXAxis.prototype.sa = function () { if (this.pm == null || this.b7 == null) { return; } var a = !isNaN_(this.b7.jw) && !isNaN_(this.b7.jy); if (a) { return; } if (!isNaN_(this.zoomMaximumItemSpan) && !isInfinity(this.zoomMaximumItemSpan)) { var b = this.getWindowZoomFromItemSpan(this.zoomMaximumItemSpan); if (!isNaN_(b) && !isInfinity(b)) { this.b7.io = b; } } else if (!isNaN_(this.zoomMaximumCategoryRange) && !isInfinity(this.zoomMaximumCategoryRange)) { var c = this.getWindowZoomFromCategories(this.zoomMaximumCategoryRange); if (!isNaN_(c) && !isInfinity(c)) { this.b7.io = c; } } }; CategoryXAxis.prototype.r9 = 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) && this.zoomToItemSpan > 0) { e = true; c = this.getWindowZoomFromItemSpan(this.zoomToItemSpan); c = Math.max(c, this.b7.io); } else if (MathUtil.b(this.zoomToCategoryRange) && this.zoomToCategoryRange > 0 && this.zoomToCategoryRange <= this.qb) { e = true; c = this.getWindowZoomFromCategories(this.zoomToCategoryRange); c = Math.max(c, this.b7.io); } if (MathUtil.b(this.zoomToCategoryStart) && this.zoomToCategoryStart >= 0 && this.zoomToCategoryStart < this.qb) { e = true; a = this.getWindowZoomFromCategories(this.zoomToCategoryStart); var f = c + a - 1; var g = c - f; if (f > 0 && g > this.b7.io) { c = g; c = Math.max(c, this.b7.io); } } if (e) { this.b7.ub(a, b, c, d); } }; CategoryXAxis.prototype.la = function (a, b, c, d) { _super.prototype.la.call(this, a, b, c, d); switch (b) { case CategoryXAxis.$$p[2]: case CategoryXAxis.$$p[3]: this.sa(); break; case CategoryXAxis.$$p[4]: case CategoryXAxis.$$p[5]: case CategoryXAxis.$$p[6]: this.r9(); break; case CategoryXAxis.$$p[0]: case CategoryXAxis.$$p[1]: this.kw(b); break; } }; CategoryXAxis.prototype.kw = function (a) { _super.prototype.kw.call(this, a); switch (a) { case CategoryXAxis.$$p[0]: case CategoryXAxis.$$p[1]: this.kr(a); break; } }; Object.defineProperty(CategoryXAxis.prototype, "rp", { get: function () { return this.c(CategoryXAxis.sd); }, set: function (a) { this.h(CategoryXAxis.sd, a); }, enumerable: false, configurable: true }); CategoryXAxis.prototype.rf = function () { return !isNaN_(this.rp); }; Object.defineProperty(CategoryXAxis.prototype, "ri", { get: function () { return this.rg; }, set: function (a) { if (this.ri != a) { var b = this.rg; this.rg = a; this.ls("ActualInterval", b, this.ri); } }, enumerable: false, configurable: true }); CategoryXAxis.prototype.gi = function () { return this.ri; }; Object.defineProperty(CategoryXAxis.prototype, "rq", { get: function () { return this.c(CategoryXAxis.se); }, set: function (a) { this.h(CategoryXAxis.se, a); }, enumerable: false, configurable: true }); Object.defineProperty(CategoryXAxis.prototype, "rj", { get: function () { return this.rh; }, set: function (a) { if (this.rj != a) { var b = this.rh; this.rh = a; this.ls("ActualMinorInterval", b, this.rj); } }, enumerable: false, configurable: true }); CategoryXAxis.prototype.pp = function (a) { if (a == null) { return false; } var b = this.b3(); if (b == null) { return false; } return b.synchronizeHorizontally; }; CategoryXAxis.prototype.get_bm = function () { return 0; }; Object.defineProperty(CategoryXAxis.prototype, "bm", { get: function () { return this.get_bm(); }, enumerable: false, configurable: true }); CategoryXAxis.prototype.re = function () { return this.pm; }; CategoryXAxis.prototype.rn = function (a, b) { return this.f6(a, b); }; CategoryXAxis.prototype.rm = function (a, b, c, d) { if (!c) { var e = this.rn(a + 1, d); return (b + e) / 2; } return b; }; Object.defineProperty(CategoryXAxis.prototype, "isVertical", { get: function () { return this.dy; }, enumerable: false, configurable: true }); CategoryXAxis.prototype.j$d = function (a, b) { return this.f9.apply(this, arguments); }; CategoryXAxis.prototype.j$c = function (a, b) { return this.f6.apply(this, arguments); }; CategoryXAxis.prototype.j$e = function (a, b, c, d, e) { this.k0.apply(this, arguments); }; CategoryXAxis.prototype.j$f = function (a, b, c, d) { this.k1.apply(this, arguments); }; CategoryXAxis.prototype.j$g = function (a, b, c, d) { this.k2.apply(this, arguments); }; Object.defineProperty(CategoryXAxis.prototype, "j$b", { get: function () { return this.dn; }, enumerable: false, configurable: true }); CategoryXAxis.prototype.j$a = function () { return this.ag.apply(this, arguments); }; CategoryXAxis.$t = markType(CategoryXAxis, 'CategoryXAxis', CategoryAxisBase.$, [IZoomableCategoryAxis_$type]); CategoryXAxis.sd = DependencyProperty.i("Interval", Number_$type, CategoryXAxis.$, new PropertyMetadata(2, NaN, function (a, b) { a.ls("Interval", b.oldValue, b.newValue); a.ly(false); })); CategoryXAxis.se = DependencyProperty.i("MinorInterval", Number_$type, CategoryXAxis.$, new PropertyMetadata(2, NaN, function (a, b) { (typeCast(CategoryXAxis.$, a)).ls("MinorInterval", b.oldValue, b.newValue); (typeCast(CategoryXAxis.$, a)).ly(false); })); CategoryXAxis.$$p = markDep(DependencyProperty, PropertyMetadata, CategoryXAxis, 'ls', ['CompanionAxisInterval:rk:sb', [1, NaN], 'CompanionAxisMinorInterval:rl:sc', [1, NaN], 'ZoomMaximumCategoryRange::sf', [1, NaN], 'ZoomMaximumItemSpan::sg', [1, NaN], 'ZoomToCategoryRange::sh', [1, NaN], 'ZoomToCategoryStart::si', [1, NaN], 'ZoomToItemSpan::sj', [1, NaN]]); return CategoryXAxis; }(CategoryAxisBase)); export { CategoryXAxis }; /** * @hidden */ var CategoryXAxisView = /** @class */ /*@__PURE__*/ (function (_super) { __extends(CategoryXAxisView, _super); function CategoryXAxisView(a) { var _this = _super.call(this, a) || this; _this.bs = null; _this.bs = a; return _this; } CategoryXAxisView.prototype.ar = function () { _super.prototype.ar.call(this); this.b.g6 = AxisDefaults.categoryAxis_TickLength; }; CategoryXAxisView.$t = markType(CategoryXAxisView, 'CategoryXAxisView', CategoryAxisBaseView.$); return CategoryXAxisView; }(CategoryAxisBaseView)); export { CategoryXAxisView };