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.ru = 1; _this.rt = 1; _this.rx = null; _this.ri = 0; _this.rj = 0; _this.pv = new List$1(Number_$type, 0); _this.ab = CategoryXAxis.$; return _this; } CategoryXAxis.prototype.bo = function () { return new CategoryXAxisView(this); }; CategoryXAxis.prototype.k8 = function (a) { _super.prototype.k8.call(this, a); this.rf = a; }; CategoryXAxis.prototype.al = function () { return new CategoryXAxis(); }; CategoryXAxis.prototype.ko = function (a) { _super.prototype.ko.call(this, a); this.kr(a, "ActualInterval"); this.kr(a, "ActualMinorInterval"); this.kr(a, "ZoomToItemSpan"); this.kr(a, "ZoomToCategoryStart"); this.kr(a, "ZoomToCategoryRange"); this.kr(a, "ZoomMaximumItemSpan"); this.kr(a, "ZoomMaximumCategoryRange"); }; CategoryXAxis.prototype.kr = function (a, b) { _super.prototype.kr.call(this, a, b); var c = typeCast(CategoryXAxis.$, a); if (c == null) { return; } var d = this; if (b == "ActualMinorInterval") { c.rs = Axis.gu(d.rn, d.rl); } if (b == "ActualInterval") { c.rr = Axis.gu(d.rm, d.rk); } 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, "rw", { get: function () { return this.ru; }, set: function (a) { this.ru = a; }, enumerable: false, configurable: true }); Object.defineProperty(CategoryXAxis.prototype, "rv", { get: function () { return this.rt; }, set: function (a) { this.rt = a; }, enumerable: false, configurable: true }); CategoryXAxis.prototype.a0 = function () { if (this.ej) { return (TypeRegistrar.create('HorizontalSmartAxisLabelPanel')); } else { return new HorizontalAxisLabelPanel(); } }; CategoryXAxis.prototype.getCategorySize = function (a, b, c) { var d = this.o6(b, c); return d.width / (this.qc * a.width); }; CategoryXAxis.prototype.p1 = function (a, b, c) { var d = this.p8(a, b, c); var e = 0; if (!isNaN_(this.p7)) { e = Math.min(this.p7, 1); } else { e = 0; } ; var f = 1 - 0.5 * d; var g = this.qe == 0 ? 1 : this.qe; 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.qe > 1) { var f = this.p8(b, c, d); var g = 0; if (!isNaN_(this.p7)) { g = Math.min(this.p7, 1); } var h = 1 - 0.5 * f; var i = h / (this.qe - (this.qe - 1) * g); var j = (h - i) / (this.qe - 1); e = 0.25 * f + 0.5 * i + a * j; } return this.getCategorySize(b, c, d) * e; }; CategoryXAxis.prototype.fs = function () { return this.rr; }; CategoryXAxis.prototype.r9 = function (a) { var b = this.b7 != null ? this.b7.ys : Rect.empty; b = b.copy(); var c = this.o8; var d = this.o5(); 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.po != null ? this.po.indexOf(a) : -1; var h = g > -1 ? this.f7(g, f) : NaN; if (!isNaN_(h) && this.b7.gb) { 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.uf(b, false, true); } }; CategoryXAxis.prototype.f7 = function (a, b) { if (!b.c.isEmpty) { var c = this.rq(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.rq(a, b.e, b.d, this.categoryMode); }; CategoryXAxis.prototype.re = function (a) { if (typeCast(List$1.$.specialize(Array_$type), a) !== null) { return a.asArray(); } return null; }; CategoryXAxis.prototype.k2 = 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.qc - 1 : this.qc; 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.re(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.f8 = function (a, b, c) { if (!b.c.isEmpty) { var d = this.rq(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.rq(a, b.e, b.d, c); }; CategoryXAxis.prototype.rq = function (a, b, c, d) { var e = d == 0 ? this.qc - 1 : this.qc; 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.ga = 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.gb = 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.qc - 1 : this.qc; if (f < 0) { f = 0; } return e * f; }; CategoryXAxis.prototype.sa = function (a, b) { if (isNaN_(a) || isNaN_(b) || this.po == null || this.po.count == 0) { return; } var c = a / this.po.count; var d = (b + 1) / this.po.count; this.b7.zb = new Rect(0, c, this.b7.zb.y, d - c, this.b7.zb.height); }; CategoryXAxis.prototype.l1 = function (a) { _super.prototype.l1.call(this, a); var b = this.b7 != null ? this.b7.ys : Rect.empty; var c = this.o8; var d = this.o3(); var e = this.o2(); var f = new ScalerParams(0, b, c, this.dn, d); var g = this.bp.bb(); var h = this.bp.be(); var i = this.bp.bc(); var j = this.bp.bd(); var k = this.bp.g(); var l = this.bp.h(); var m = this.bp.i(); var n = this.po; var o = this.rg(); this.mc(); this.km(g); this.km(h); this.km(i); this.km(j); this.er.clear(); this.es.clear(); this.pv.clear(); this.bp.a6(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.o()) { this.bp.ak(); } 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.ak(); return; } if (!b.isEmpty && !c.isEmpty) { var p = this.ga(e.left, f); var q = this.ga(e.right, f); var r = 0; var s = false; if (this.eh) { 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.eh) { 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.l6(u, v, b, c, d, c.top, c.bottom); u = x.p0; v = x.p1; } } this.k6(g, u, c, k, true); this.bp.a1(v); var y = Math.min(p, q); var z = Math.max(p, q); var aa = e.width; if (this.eh) { var ab = this.f7(y, f); var ac = this.f7(z, f); if (ab != ac) { aa = Math.abs(ac - ab); } } var ad = new LinearCategorySnapper(1, y, z, aa, this.rr, this.categoryMode, this.go()); var ae = ad.g; ae = this.fp(ae, this.rh(), b, c, d); if (ad.g != ae) { ad = new LinearCategorySnapper(1, y, z, aa, ae, this.categoryMode, this.go()); } var af = Math.floor((y - 0) / ad.g); var ag = Math.ceil((z - 0) / ad.g); this.rk = ad.g; if (!isNaN_(af) && !isNaN_(ag)) { var ah = truncate(af); var ai = truncate(ag); var aj = this.rp(0 + ah * ad.g, f); var ak = this.f7(ad.g, f); var al = Math.abs(ak - this.f7(0, f)); this.bp.a2(ak); var am = truncate(Math.ceil(e.right)); var an = truncate(Math.floor(e.left)); var ao = this.rs; var ap = ao > 0 && ao < ad.g; var aq = c.right; var ar = this.pv; var as = ad.g; var at = truncate(as); var au = this.qe; var av = this.dn; var aw = this.categoryMode; this.rx = null; for (var ax = ah; ax <= ai; ++ax) { var ay = this.rp(0 + (ax + 1) * ad.g, f); if (aj <= aq) { if (ax % 2 == 0) { this.me(h, aj, ay, c); } this.md(i, aj, c, l, false); ar.add(aj); } if (this.categoryMode != 0 && this.qe != 0 && this.eb) { if (ap) { var az = al * this.rs; if (this.dn) { var a0 = aj; while (a0 - az > ay) { a0 -= az; if (Math.abs(a0 - ay) < 0.0001) { break; } this.md(j, a0, c, m, false); } } else { var a1 = aj; while (a1 + az < ay) { a1 += az; if (Math.abs(a1 - ay) < 0.0001) { break; } this.md(j, a1, c, m, false); } } this.rl = this.rs; } else { for (var a2 = 0; a2 < truncate(ad.g); a2++) { for (var a3 = 0; a3 < this.qe; a3++) { var a4 = this.getGroupCenter(a3, b, c, d); if (this.dn) { a4 = -a4; } var a5 = this.f7(a2 + ax * ad.g, f) + a4; this.md(j, a5, c, m, false); } } this.rl = 0.5; } } var a6 = this.ro(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.hy(a9); this.rx = a9; if (!isNaN_(a6) && !isInfinity(a6) && ba != null) { if ((typeof ba === 'string') && Base.equalsStatic(ba, "")) { } else { this.er.add1(ba); this.es.add(new LabelPosition(0, a6)); } } } } aj = ay; } } this.rx = 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.ps(); } } this.bp.a7(this.er, this.es); this.q2(); } }; CategoryXAxis.prototype.eg = function () { if (this.d1 && this.eh) { this.b1 = this.b0(); } if (this.po == null) { return false; } var a = false; var b = this.po.count; if (b != this.rv) { var c = new AxisRangeChangedEventArgs(0, 1, 1, this.rv, b); this.rv = b; this.lv(c); a = true; } this.sc(); this.sb(); return a; }; CategoryXAxis.prototype.getWindowZoomFromCategories = function (a) { var b = MathUtil.b(a) && a > 0; var c = this.po.count; if (c > 0 && b) { var d = this.b7.za.width; var e = isNaN_(d) || isInfinity(d); if (e) { return NaN; } var f = new Rect(0, 0, 0, 1, 1); var g = this.b7.za; 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.po.count; if (c > 0 && b) { var d = this.b7.za.width; var e = isNaN_(d) || isInfinity(d); if (e) { return NaN; } var f = new Rect(0, 0, 0, 1, 1); var g = this.b7.za; var h = this.p1(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.sc = function () { if (this.po == null || this.b7 == null) { return; } var a = !isNaN_(this.b7.jx) && !isNaN_(this.b7.jz); if (a) { return; } if (!isNaN_(this.zoomMaximumItemSpan) && !isInfinity(this.zoomMaximumItemSpan)) { var b = this.getWindowZoomFromItemSpan(this.zoomMaximumItemSpan); if (!isNaN_(b) && !isInfinity(b)) { this.b7.ip = b; } } else if (!isNaN_(this.zoomMaximumCategoryRange) && !isInfinity(this.zoomMaximumCategoryRange)) { var c = this.getWindowZoomFromCategories(this.zoomMaximumCategoryRange); if (!isNaN_(c) && !isInfinity(c)) { this.b7.ip = c; } } }; CategoryXAxis.prototype.sb = function () { if (this.po == null || this.b7 == null) { return; } var a = NaN; var b = NaN; var c = this.b7.iv(); var d = this.b7.iw(); var e = false; if (MathUtil.b(this.zoomToItemSpan) && this.zoomToItemSpan > 0) { e = true; c = this.getWindowZoomFromItemSpan(this.zoomToItemSpan); c = Math.max(c, this.b7.ip); } else if (MathUtil.b(this.zoomToCategoryRange) && this.zoomToCategoryRange > 0 && this.zoomToCategoryRange <= this.qd) { e = true; c = this.getWindowZoomFromCategories(this.zoomToCategoryRange); c = Math.max(c, this.b7.ip); } if (MathUtil.b(this.zoomToCategoryStart) && this.zoomToCategoryStart >= 0 && this.zoomToCategoryStart < this.qd) { e = true; a = this.getWindowZoomFromCategories(this.zoomToCategoryStart); var f = c + a - 1; var g = c - f; if (f > 0 && g > this.b7.ip) { c = g; c = Math.max(c, this.b7.ip); } } if (e) { this.b7.uc(a, b, c, d); } }; CategoryXAxis.prototype.lc = function (a, b, c, d) { _super.prototype.lc.call(this, a, b, c, d); switch (b) { case CategoryXAxis.$$p[2]: case CategoryXAxis.$$p[3]: this.sc(); break; case CategoryXAxis.$$p[4]: case CategoryXAxis.$$p[5]: case CategoryXAxis.$$p[6]: this.sb(); break; case CategoryXAxis.$$p[0]: case CategoryXAxis.$$p[1]: this.ky(b); break; } }; CategoryXAxis.prototype.ky = function (a) { _super.prototype.ky.call(this, a); switch (a) { case CategoryXAxis.$$p[0]: case CategoryXAxis.$$p[1]: this.kt(a); break; } }; Object.defineProperty(CategoryXAxis.prototype, "rr", { get: function () { return this.c(CategoryXAxis.sf); }, set: function (a) { this.h(CategoryXAxis.sf, a); }, enumerable: false, configurable: true }); CategoryXAxis.prototype.rh = function () { return !isNaN_(this.rr); }; Object.defineProperty(CategoryXAxis.prototype, "rk", { get: function () { return this.ri; }, set: function (a) { if (this.rk != a) { var b = this.ri; this.ri = a; this.lu("ActualInterval", b, this.rk); } }, enumerable: false, configurable: true }); CategoryXAxis.prototype.gk = function () { return this.rk; }; Object.defineProperty(CategoryXAxis.prototype, "rs", { get: function () { return this.c(CategoryXAxis.sg); }, set: function (a) { this.h(CategoryXAxis.sg, a); }, enumerable: false, configurable: true }); Object.defineProperty(CategoryXAxis.prototype, "rl", { get: function () { return this.rj; }, set: function (a) { if (this.rl != a) { var b = this.rj; this.rj = a; this.lu("ActualMinorInterval", b, this.rl); } }, enumerable: false, configurable: true }); CategoryXAxis.prototype.pr = 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.rg = function () { return this.po; }; CategoryXAxis.prototype.rp = function (a, b) { return this.f7(a, b); }; CategoryXAxis.prototype.ro = function (a, b, c, d) { if (!c) { var e = this.rp(a + 1, d); return (b + e) / 2; } return b; }; Object.defineProperty(CategoryXAxis.prototype, "isVertical", { get: function () { return this.dz; }, enumerable: false, configurable: true }); CategoryXAxis.prototype.j$d = function (a, b) { return this.ga.apply(this, arguments); }; CategoryXAxis.prototype.j$c = function (a, b) { return this.f7.apply(this, arguments); }; CategoryXAxis.prototype.j$e = function (a, b, c, d, e) { this.k2.apply(this, arguments); }; CategoryXAxis.prototype.j$f = function (a, b, c, d) { this.k3.apply(this, arguments); }; CategoryXAxis.prototype.j$g = function (a, b, c, d) { this.k4.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.sf = DependencyProperty.i("Interval", Number_$type, CategoryXAxis.$, new PropertyMetadata(2, NaN, function (a, b) { a.lu("Interval", b.oldValue, b.newValue); a.l0(false); })); CategoryXAxis.sg = DependencyProperty.i("MinorInterval", Number_$type, CategoryXAxis.$, new PropertyMetadata(2, NaN, function (a, b) { (typeCast(CategoryXAxis.$, a)).lu("MinorInterval", b.oldValue, b.newValue); (typeCast(CategoryXAxis.$, a)).l0(false); })); CategoryXAxis.$$p = markDep(DependencyProperty, PropertyMetadata, CategoryXAxis, 'lu', ['CompanionAxisInterval:rm:sd', [1, NaN], 'CompanionAxisMinorInterval:rn:se', [1, NaN], 'ZoomMaximumCategoryRange::sh', [1, NaN], 'ZoomMaximumItemSpan::si', [1, NaN], 'ZoomToCategoryRange::sj', [1, NaN], 'ZoomToCategoryStart::sk', [1, NaN], 'ZoomToItemSpan::sl', [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.bv = null; _this.bv = a; return _this; } CategoryXAxisView.prototype.as = function () { _super.prototype.as.call(this); this.c.g8 = AxisDefaults.categoryAxis_TickLength; }; CategoryXAxisView.$t = markType(CategoryXAxisView, 'CategoryXAxisView', CategoryAxisBaseView.$); return CategoryXAxisView; }(CategoryAxisBaseView)); export { CategoryXAxisView };