igniteui-react-charts
Version:
Ignite UI React charting components for building rich data visualizations using TypeScript APIs.
817 lines (816 loc) • 29.9 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 { 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
*/
export let CategoryXAxis = /*@__PURE__*/ (() => {
class CategoryXAxis extends CategoryAxisBase {
bo() {
return new CategoryXAxisView(this);
}
k8(a) {
super.k8(a);
this.ri = a;
}
al() {
return new CategoryXAxis();
}
ko(a) {
super.ko(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");
}
kr(a, b) {
super.kr(a, b);
let c = typeCast(CategoryXAxis.$, a);
if (c == null) {
return;
}
let d = this;
if (b == "ActualMinorInterval") {
c.rv = Axis.gu(d.rq, d.ro);
}
if (b == "ActualInterval") {
c.ru = Axis.gu(d.rp, d.rn);
}
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;
}
}
constructor() {
super();
this.rx = 1;
this.rw = 1;
this.r0 = null;
this.rl = 0;
this.rm = 0;
this.pw = new List$1(Number_$type, 0);
this.ab = CategoryXAxis.$;
}
get rz() {
return this.rx;
}
set rz(a) {
this.rx = a;
}
get ry() {
return this.rw;
}
set ry(a) {
this.rw = a;
}
a0() {
if (this.ej) {
return (TypeRegistrar.create('HorizontalSmartAxisLabelPanel'));
}
else {
return new HorizontalAxisLabelPanel();
}
}
getCategorySize(a, b, c) {
let d = this.o6(b, c);
return d.width / (this.qd * a.width);
}
p2(a, b, c) {
let d = this.p9(a, b, c);
let e = 0;
if (!isNaN_(this.p8)) {
e = Math.min(this.p8, 1);
}
else {
e = 0;
}
;
let f = 1 - 0.5 * d;
let g = this.qf == 0 ? 1 : this.qf;
let h = this.getCategorySize(a, b, c) * f / (g - (g - 1) * e);
return h;
}
getGroupCenter(a, b, c, d) {
let e = 0.5;
if (this.qf > 1) {
let f = this.p9(b, c, d);
let g = 0;
if (!isNaN_(this.p8)) {
g = Math.min(this.p8, 1);
}
let h = 1 - 0.5 * f;
let i = h / (this.qf - (this.qf - 1) * g);
let j = (h - i) / (this.qf - 1);
e = 0.25 * f + 0.5 * i + a * j;
}
return this.getCategorySize(b, c, d) * e;
}
fs() {
return this.ru;
}
sc(a) {
let b = this.b7 != null ? this.b7.yv : Rect.empty;
b = b.copy();
let c = this.o8;
let d = this.o5();
let e = new Rect(0, 0, 0, 1, 1);
let f = new ScalerParams(0, e, e, this.dn, d);
let g = !b.isEmpty && !c.isEmpty && this.po != null ? this.po.indexOf(a) : -1;
let 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.ug(b, false, true);
}
}
f7(a, b) {
if (!b.c.isEmpty) {
let c = this.rt(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.rt(a, b.e, b.d, this.categoryMode);
}
rh(a) {
if (typeCast(List$1.$.specialize(Array_$type), a) !== null) {
return a.asArray();
}
return null;
}
k2(a, b, c, d, e) {
let f;
let g = e.e;
let h = e.d;
let i = e.c;
let j = e.a;
let k = !i.isEmpty;
let l = this.categoryMode == 0 ? this.qd - 1 : this.qd;
if (l < 0) {
l = 0;
}
let m = i.left;
let n = i.width;
let o = g.left;
let p = g.width;
let q = h.left;
let r = h.width;
let s = 0;
let t = 1;
let u = this.rh(a);
let v = false;
if (u != null) {
v = true;
}
let w;
for (let x = 0; x < b.count; x++) {
w = b.item(x);
for (let y = c; y < d; y++) {
if (v) {
f = u[y];
}
else {
f = a.item(y);
}
if (k) {
let 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;
let aa = q + r * (z - o) / p;
f[w] = aa;
}
else {
let 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;
}
}
}
}
f8(a, b, c) {
if (!b.c.isEmpty) {
let d = this.rt(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.rt(a, b.e, b.d, c);
}
rt(a, b, c, d) {
let e = d == 0 ? this.qd - 1 : this.qd;
if (e < 0) {
e = 0;
}
let 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;
}
ga(a, b) {
if (!b.c.isEmpty) {
let 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);
}
gb(a, b, c) {
if (!b.c.isEmpty) {
let 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);
}
getUnscaledValue3(a, b, c, d) {
let e = b.left + (a - c.left) * b.width / c.width;
if (this.dp) {
e = 1 - e;
}
let f = d == 0 ? this.qd - 1 : this.qd;
if (f < 0) {
f = 0;
}
return e * f;
}
sd(a, b) {
if (isNaN_(a) || isNaN_(b) || this.po == null || this.po.count == 0) {
return;
}
let c = a / this.po.count;
let d = (b + 1) / this.po.count;
this.b7.ze = new Rect(0, c, this.b7.ze.y, d - c, this.b7.ze.height);
}
l1(a) {
super.l1(a);
let b = this.b7 != null ? this.b7.yv : Rect.empty;
let c = this.o8;
let d = this.o3();
let e = this.o2();
let f = new ScalerParams(0, b, c, this.dn, d);
let g = this.bp.bb();
let h = this.bp.be();
let i = this.bp.bc();
let j = this.bp.bd();
let k = this.bp.g();
let l = this.bp.h();
let m = this.bp.i();
let n = this.po;
let o = this.rj();
this.mc();
this.km(g);
this.km(h);
this.km(i);
this.km(j);
this.er.clear();
this.es.clear();
this.pw.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) {
let p = this.ga(e.left, f);
let q = this.ga(e.right, f);
let r = 0;
let s = false;
if (this.eh) {
let 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--;
}
}
}
}
let u = c.bottom;
let v = u - c.top;
if (this.an != null) {
let w = typeCast(NumericYAxis.$, this.an);
if (w != null) {
let 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);
let y = Math.min(p, q);
let z = Math.max(p, q);
let aa = e.width;
if (this.eh) {
let ab = this.f7(y, f);
let ac = this.f7(z, f);
if (ab != ac) {
aa = Math.abs(ac - ab);
}
}
let ad = new LinearCategorySnapper(1, y, z, aa, this.ru, this.categoryMode, this.go());
let ae = ad.g;
ae = this.fp(ae, this.rk(), b, c, d);
if (ad.g != ae) {
ad = new LinearCategorySnapper(1, y, z, aa, ae, this.categoryMode, this.go());
}
let af = Math.floor((y - 0) / ad.g);
let ag = Math.ceil((z - 0) / ad.g);
this.rn = ad.g;
if (!isNaN_(af) && !isNaN_(ag)) {
let ah = truncate(af);
let ai = truncate(ag);
let aj = this.rs(0 + ah * ad.g, f);
let ak = this.f7(ad.g, f);
let al = Math.abs(ak - this.f7(0, f));
this.bp.a2(ak);
let am = truncate(Math.ceil(e.right));
let an = truncate(Math.floor(e.left));
let ao = this.rv;
let ap = ao > 0 && ao < ad.g;
let aq = c.right;
let ar = this.pw;
let as = ad.g;
let at = truncate(as);
let au = this.qf;
let av = this.dn;
let aw = this.categoryMode;
let ax = false;
this.r0 = null;
for (let ay = ah; ay <= ai; ++ay) {
let az = ay * as;
if (this.pr && o != null && n.count > 0 && as >= 1) {
let a0 = n.count - 1;
let a1 = ay * truncate(Math.floor(as));
let a2 = (ay + 1) * truncate(Math.floor(as));
if (a1 <= a0 && a2 > a0 && a1 != a0) {
let a3 = this.rs(a0, f);
let a4 = this.rr(a0, a3, aw == 0, f);
let a5 = truncate(Math.round(a4));
if (a5 >= an && a5 <= am) {
aj = a3;
az = a0;
ax = true;
}
}
}
let a6 = this.rs(0 + (ay + 1) * ad.g, f);
if (aj <= aq) {
if (ay % 2 == 0) {
this.me(h, aj, a6, c);
}
this.md(i, aj, c, l, false);
ar.add(aj);
}
if (this.categoryMode != 0 && this.qf != 0 && this.eb) {
if (ap) {
let a7 = al * this.rv;
if (this.dn) {
let a8 = aj;
while (a8 - a7 > a6) {
a8 -= a7;
if (Math.abs(a8 - a6) < 0.0001) {
break;
}
this.md(j, a8, c, m, false);
}
}
else {
let a9 = aj;
while (a9 + a7 < a6) {
a9 += a7;
if (Math.abs(a9 - a6) < 0.0001) {
break;
}
this.md(j, a9, c, m, false);
}
}
this.ro = this.rv;
}
else {
for (let ba = 0; ba < truncate(ad.g); ba++) {
for (let bb = 0; bb < this.qf; bb++) {
let bc = this.getGroupCenter(bb, b, c, d);
if (this.dn) {
bc = -bc;
}
let bd = this.f7(ba + ay * ad.g, f) + bc;
this.md(j, bd, c, m, false);
}
}
this.ro = 0.5;
}
}
let be = this.rr(az, aj, aw == 0, f);
let bf = truncate(Math.round(be));
if (bf >= an && bf <= am) {
let bg = 0;
if (ax) {
bg = n.count - 1;
}
else if (as >= 1) {
bg = ay * truncate(Math.floor(as));
}
else {
if ((ay * as) * 2 % 2 == 0) {
bg = truncate(Math.floor(ay * as));
}
else {
bg = -1;
}
}
if (o != null && bg < n.count && bg >= 0) {
let bh = o.getItem(bg);
let bi = this.hy(bh);
this.r0 = bh;
if (!isNaN_(be) && !isInfinity(be) && bi != null) {
if ((typeof bi === 'string') && Base.equalsStatic(bi, "")) {
}
else {
this.er.add1(bi);
this.es.add(new LabelPosition(0, be));
}
}
}
}
aj = a6;
}
if (ax && this.a1 != null) {
this.a1.an = true;
}
}
this.r0 = 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.pt();
}
}
this.bp.a7(this.er, this.es);
this.q4();
}
}
eg() {
if (this.d1 && this.eh) {
this.b1 = this.b0();
}
if (this.po == null) {
return false;
}
let a = false;
let b = this.po.count;
if (b != this.ry) {
let c = new AxisRangeChangedEventArgs(0, 1, 1, this.ry, b);
this.ry = b;
this.lv(c);
a = true;
}
this.sf();
this.se();
return a;
}
getWindowZoomFromCategories(a) {
let b = MathUtil.b(a) && a > 0;
let c = this.po.count;
if (c > 0 && b) {
let d = this.b7.zd.width;
let e = isNaN_(d) || isInfinity(d);
if (e) {
return NaN;
}
let f = new Rect(0, 0, 0, 1, 1);
let g = this.b7.zd;
let h = this.getCategorySize(f, g, g);
let i = isNaN_(h) || isInfinity(h);
if (i) {
return NaN;
}
let j = h * a / d;
if (j >= 0 && j <= 1) {
return j;
}
}
return NaN;
}
getWindowZoomFromItemSpan(a) {
let b = MathUtil.b(a) && a > 0;
let c = this.po.count;
if (c > 0 && b) {
let d = this.b7.zd.width;
let e = isNaN_(d) || isInfinity(d);
if (e) {
return NaN;
}
let f = new Rect(0, 0, 0, 1, 1);
let g = this.b7.zd;
let h = this.p2(f, g, g);
let i = a / h;
let j = Math.min(1, 1 / i);
if (j > 0 && j <= 1) {
return j;
}
}
return NaN;
}
sf() {
if (this.po == null || this.b7 == null) {
return;
}
let a = !isNaN_(this.b7.jx) && !isNaN_(this.b7.jz);
if (a) {
return;
}
if (!isNaN_(this.zoomMaximumItemSpan) && !isInfinity(this.zoomMaximumItemSpan)) {
let b = this.getWindowZoomFromItemSpan(this.zoomMaximumItemSpan);
if (!isNaN_(b) && !isInfinity(b)) {
this.b7.ip = b;
}
}
else if (!isNaN_(this.zoomMaximumCategoryRange) && !isInfinity(this.zoomMaximumCategoryRange)) {
let c = this.getWindowZoomFromCategories(this.zoomMaximumCategoryRange);
if (!isNaN_(c) && !isInfinity(c)) {
this.b7.ip = c;
}
}
}
se() {
if (this.po == null || this.b7 == null) {
return;
}
let a = NaN;
let b = NaN;
let c = this.b7.iv();
let d = this.b7.iw();
let 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.qe) {
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.qe) {
e = true;
a = this.getWindowZoomFromCategories(this.zoomToCategoryStart);
let f = c + a - 1;
let g = c - f;
if (f > 0 && g > this.b7.ip) {
c = g;
c = Math.max(c, this.b7.ip);
}
}
if (e) {
this.b7.ud(a, b, c, d);
}
}
lc(a, b, c, d) {
super.lc(a, b, c, d);
switch (b) {
case CategoryXAxis.$$p[2]:
case CategoryXAxis.$$p[3]:
this.sf();
break;
case CategoryXAxis.$$p[4]:
case CategoryXAxis.$$p[5]:
case CategoryXAxis.$$p[6]:
this.se();
break;
case CategoryXAxis.$$p[0]:
case CategoryXAxis.$$p[1]:
this.ky(b);
break;
}
}
ky(a) {
super.ky(a);
switch (a) {
case CategoryXAxis.$$p[0]:
case CategoryXAxis.$$p[1]:
this.kt(a);
break;
}
}
get ru() {
return this.c(CategoryXAxis.si);
}
set ru(a) {
this.h(CategoryXAxis.si, a);
}
rk() {
return !isNaN_(this.ru);
}
get rn() {
return this.rl;
}
set rn(a) {
if (this.rn != a) {
let b = this.rl;
this.rl = a;
this.lu("ActualInterval", b, this.rn);
}
}
gk() {
return this.rn;
}
get rv() {
return this.c(CategoryXAxis.sj);
}
set rv(a) {
this.h(CategoryXAxis.sj, a);
}
get ro() {
return this.rm;
}
set ro(a) {
if (this.ro != a) {
let b = this.rm;
this.rm = a;
this.lu("ActualMinorInterval", b, this.ro);
}
}
ps(a) {
if (a == null) {
return false;
}
let b = this.b3();
if (b == null) {
return false;
}
return b.synchronizeHorizontally;
}
get_bm() {
return 0;
}
get bm() {
return this.get_bm();
}
rj() {
return this.po;
}
rs(a, b) {
return this.f7(a, b);
}
rr(a, b, c, d) {
if (!c) {
let e = this.rs(a + 1, d);
return (b + e) / 2;
}
return b;
}
get isVertical() {
return this.dz;
}
j$d(a, b) {
return this.ga.apply(this, arguments);
}
j$c(a, b) {
return this.f7.apply(this, arguments);
}
j$e(a, b, c, d, e) {
this.k2.apply(this, arguments);
}
j$f(a, b, c, d) {
this.k3.apply(this, arguments);
}
j$g(a, b, c, d) {
this.k4.apply(this, arguments);
}
get j$b() {
return this.dn;
}
j$a() {
return this.ag.apply(this, arguments);
}
}
CategoryXAxis.$t = /*@__PURE__*/ markType(CategoryXAxis, 'CategoryXAxis', CategoryAxisBase.$, [IZoomableCategoryAxis_$type]);
CategoryXAxis.si = /*@__PURE__*/ DependencyProperty.i("Interval", Number_$type, CategoryXAxis.$, /*@__PURE__*/ new PropertyMetadata(2, NaN, (a, b) => {
a.lu("Interval", b.oldValue, b.newValue);
a.l0(false);
}));
CategoryXAxis.sj = /*@__PURE__*/ DependencyProperty.i("MinorInterval", Number_$type, CategoryXAxis.$, /*@__PURE__*/ new PropertyMetadata(2, NaN, (a, b) => {
(typeCast(CategoryXAxis.$, a)).lu("MinorInterval", b.oldValue, b.newValue);
(typeCast(CategoryXAxis.$, a)).l0(false);
}));
CategoryXAxis.$$p = /*@__PURE__*/ markDep(DependencyProperty, PropertyMetadata, CategoryXAxis, 'lu', ['CompanionAxisInterval:rp:sg', [1, NaN], 'CompanionAxisMinorInterval:rq:sh', [1, NaN], 'ZoomMaximumCategoryRange::sk', [1, NaN], 'ZoomMaximumItemSpan::sl', [1, NaN], 'ZoomToCategoryRange::sm', [1, NaN], 'ZoomToCategoryStart::sn', [1, NaN], 'ZoomToItemSpan::so', [1, NaN]]);
return CategoryXAxis;
})();
/**
* @hidden
*/
export let CategoryXAxisView = /*@__PURE__*/ (() => {
class CategoryXAxisView extends CategoryAxisBaseView {
constructor(a) {
super(a);
this.bv = null;
this.bv = a;
}
as() {
super.as();
this.c.g8 = AxisDefaults.categoryAxis_TickLength;
}
}
CategoryXAxisView.$t = /*@__PURE__*/ markType(CategoryXAxisView, 'CategoryXAxisView', CategoryAxisBaseView.$);
return CategoryXAxisView;
})();