igniteui-react-charts
Version:
Ignite UI React charting components for building rich data visualizations using TypeScript APIs.
792 lines (791 loc) • 28.7 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 {
bm() {
return new CategoryXAxisView(this);
}
kb(a) {
super.kb(a);
this.p8 = a;
}
ak() {
return new CategoryXAxis();
}
jr(a) {
super.jr(a);
this.ju(a, "ActualInterval");
this.ju(a, "ActualMinorInterval");
this.ju(a, "ZoomToItemSpan");
this.ju(a, "ZoomToCategoryStart");
this.ju(a, "ZoomToCategoryRange");
this.ju(a, "ZoomMaximumItemSpan");
this.ju(a, "ZoomMaximumCategoryRange");
}
ju(a, b) {
super.ju(a, b);
let c = typeCast(CategoryXAxis.$, a);
if (c == null) {
return;
}
let d = this;
if (b == "ActualMinorInterval") {
c.ql = Axis.gf(c.qg, d.qe);
}
if (b == "ActualInterval") {
c.qk = Axis.gf(c.qf, d.qd);
}
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.qn = 1;
this.qm = 1;
this.qq = null;
this.qb = 0;
this.qc = 0;
this.oo = new List$1(Number_$type, 0);
this.ab = CategoryXAxis.$;
}
get qp() {
return this.qn;
}
set qp(a) {
this.qn = a;
}
get qo() {
return this.qm;
}
set qo(a) {
this.qm = a;
}
az() {
if (this.d7) {
return (TypeRegistrar.create('HorizontalSmartAxisLabelPanel'));
}
else {
return new HorizontalAxisLabelPanel();
}
}
getCategorySize(a, b, c) {
let d = this.nz(b, c);
return d.width / (this.o5 * a.width);
}
ou(a, b, c) {
let d = this.o1(a, b, c);
let e = 0;
if (!isNaN_(this.o0)) {
e = Math.min(this.o0, 1);
}
else {
e = 0;
}
;
let f = 1 - 0.5 * d;
let g = this.o7 == 0 ? 1 : this.o7;
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.o7 > 1) {
let f = this.o1(b, c, d);
let g = 0;
if (!isNaN_(this.o0)) {
g = Math.min(this.o0, 1);
}
let h = 1 - 0.5 * f;
let i = h / (this.o7 - (this.o7 - 1) * g);
let j = (h - i) / (this.o7 - 1);
e = 0.25 * f + 0.5 * i + a * j;
}
return this.getCategorySize(b, c, d) * e;
}
fe() {
return this.qk;
}
q2(a) {
let b = this.b0 != null ? this.b0.xn : Rect.empty;
b = b.copy();
let c = this.n1;
let d = this.ny();
let e = new Rect(0, 0, 0, 1, 1);
let f = new ScalerParams(0, e, e, this.df, d);
let g = !b.isEmpty && !c.isEmpty && this.oh != null ? this.oh.indexOf(a) : -1;
let h = g > -1 ? this.ft(g, f) : NaN;
if (!isNaN_(h) && this.b0.fx) {
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.b0.tb(b, false, true);
}
}
ft(a, b) {
if (!b.c.isEmpty) {
let c = this.qj(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.qj(a, b.e, b.d, this.categoryMode);
}
p7(a) {
if (typeCast(List$1.$.specialize(Array_$type), a) !== null) {
return a.asArray();
}
return null;
}
j5(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.o5 - 1 : this.o5;
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.p7(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;
}
}
}
}
fu(a, b, c) {
if (!b.c.isEmpty) {
let d = this.qj(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.qj(a, b.e, b.d, c);
}
qj(a, b, c, d) {
let e = d == 0 ? this.o5 - 1 : this.o5;
if (e < 0) {
e = 0;
}
let f = e >= 1 ? (a) / (e) : e == 0 ? 0.5 : NaN;
if (this.dg) {
f = 1 - f;
}
return c.left + c.width * (f - b.left) / b.width;
}
fw(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);
}
fx(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.dg) {
e = 1 - e;
}
let f = d == 0 ? this.o5 - 1 : this.o5;
if (f < 0) {
f = 0;
}
return e * f;
}
q3(a, b) {
if (isNaN_(a) || isNaN_(b) || this.oh == null || this.oh.count == 0) {
return;
}
let c = a / this.oh.count;
let d = (b + 1) / this.oh.count;
this.b0.x6 = new Rect(0, c, this.b0.x6.y, d - c, this.b0.x6.height);
}
k4(a) {
super.k4(a);
let b = this.b0 != null ? this.b0.xn : Rect.empty;
let c = this.n1;
let d = this.nw();
let e = this.nv();
let f = new ScalerParams(0, b, c, this.df, d);
let g = this.bn.a4();
let h = this.bn.a7();
let i = this.bn.a5();
let j = this.bn.a6();
let k = this.bn.e();
let l = this.bn.f();
let m = this.bn.g();
let n = this.oh;
let o = this.p9();
this.lf();
this.jp(g);
this.jp(h);
this.jp(i);
this.jp(j);
this.ef.clear();
this.eg.clear();
this.oo.clear();
this.bn.az(this, b, c);
if (b.isEmpty || c.isEmpty) {
this.b9.count = 0;
this.b8.count = 0;
this.b7.count = 0;
}
if (this.b9.count == 0 && this.b8.count == 0 && this.bn.l()) {
this.bn.ad();
}
if (this.a3 != null) {
this.a3.registerAxis(this);
}
if (this.itemsSource == null || o == null || n.count == 0) {
this.b9.count = 0;
this.b8.count = 0;
this.b7.count = 0;
this.bn.ad();
return;
}
if (!b.isEmpty && !c.isEmpty) {
let p = this.fw(e.left, f);
let q = this.fw(e.right, f);
let r = 0;
let s = false;
if (this.d5) {
let t = Math.abs(q - p);
r = Math.ceil(t) + 1;
if (this.df) {
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.df) {
p = Math.ceil(p);
q = Math.floor(q);
}
else {
p = Math.floor(p);
q = Math.ceil(q);
}
if (this.d5) {
if (Math.abs(q - p) < r) {
if (this.df) {
if (s) {
q--;
}
else {
p++;
}
}
else {
if (s) {
q++;
}
else {
p--;
}
}
}
}
let u = c.bottom;
let v = u - c.top;
if (this.am != null) {
let w = typeCast(NumericYAxis.$, this.am);
if (w != null) {
let x = this.k9(u, v, b, c, d, c.top, c.bottom);
u = x.p0;
v = x.p1;
}
}
this.j9(g, u, c, k, true);
this.bn.au(v);
let y = Math.min(p, q);
let z = Math.max(p, q);
let aa = e.width;
if (this.d5) {
let ab = this.ft(y, f);
let ac = this.ft(z, f);
if (ab != ac) {
aa = Math.abs(ac - ab);
}
}
let ad = new LinearCategorySnapper(1, y, z, aa, this.qk, this.categoryMode, this.f9());
let ae = ad.g;
ae = this.fb(ae, this.qa(), b, c, d);
if (ad.g != ae) {
ad = new LinearCategorySnapper(1, y, z, aa, ae, this.categoryMode, this.f9());
}
let af = Math.floor((y - 0) / ad.g);
let ag = Math.ceil((z - 0) / ad.g);
this.qd = ad.g;
if (!isNaN_(af) && !isNaN_(ag)) {
let ah = truncate(af);
let ai = truncate(ag);
let aj = this.qi(0 + ah * ad.g, f);
let ak = this.ft(ad.g, f);
let al = Math.abs(ak - this.ft(0, f));
this.bn.av(ak);
let am = truncate(Math.ceil(e.right));
let an = truncate(Math.floor(e.left));
let ao = this.ql;
let ap = ao > 0 && ao < ad.g;
let aq = c.right;
let ar = this.oo;
let as = ad.g;
let at = truncate(as);
let au = this.o7;
let av = this.df;
let aw = this.categoryMode;
this.qq = null;
for (let ax = ah; ax <= ai; ++ax) {
let ay = this.qi(0 + (ax + 1) * ad.g, f);
if (aj <= aq) {
if (ax % 2 == 0) {
this.lh(h, aj, ay, c);
}
this.lg(i, aj, c, l, false);
ar.add(aj);
}
if (this.categoryMode != 0 && this.o7 != 0 && this.dz) {
if (ap) {
let az = al * this.ql;
if (this.df) {
let a0 = aj;
while (a0 - az > ay) {
a0 -= az;
if (Math.abs(a0 - ay) < 0.0001) {
break;
}
this.lg(j, a0, c, m, false);
}
}
else {
let a1 = aj;
while (a1 + az < ay) {
a1 += az;
if (Math.abs(a1 - ay) < 0.0001) {
break;
}
this.lg(j, a1, c, m, false);
}
}
this.qe = this.ql;
}
else {
for (let a2 = 0; a2 < truncate(ad.g); a2++) {
for (let a3 = 0; a3 < this.o7; a3++) {
let a4 = this.getGroupCenter(a3, b, c, d);
if (this.df) {
a4 = -a4;
}
let a5 = this.ft(a2 + ax * ad.g, f) + a4;
this.lg(j, a5, c, m, false);
}
}
this.qe = 0.5;
}
}
let a6 = this.qh(ax * as, aj, aw == 0, f);
let a7 = truncate(Math.round(a6));
if (a7 >= an && a7 <= am) {
let 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) {
let a9 = o.getItem(a8);
let ba = this.hf(a9);
this.qq = a9;
if (!isNaN_(a6) && !isInfinity(a6) && ba != null) {
if ((typeof ba === 'string') && Base.equalsStatic(ba, "")) {
}
else {
this.ef.add1(ba);
this.eg.add(new LabelPosition(a6));
}
}
}
}
aj = ay;
}
}
this.qq = null;
if ((this.a3 == null || this.a3.visibility == 0) && this.am != null) {
if (this.a3 != null && (this.a3.location == 4 || this.a3.location == 5)) {
this.b0.o2();
}
}
this.bn.a0(this.ef, this.eg);
this.pv();
}
}
d4() {
if (this.dr && this.d5) {
this.bu = this.bt();
}
if (this.oh == null) {
return false;
}
let a = false;
let b = this.oh.count;
if (b != this.qo) {
let c = new AxisRangeChangedEventArgs(0, 1, 1, this.qo, b);
this.qo = b;
this.ky(c);
a = true;
}
this.q5();
this.q4();
return a;
}
getWindowZoomFromCategories(a) {
let b = MathUtil.a(a) && a > 0;
let c = this.oh.count;
if (c > 0 && b) {
let d = this.b0.x5.width;
let e = isNaN_(d) || isInfinity(d);
if (e) {
return NaN;
}
let f = new Rect(0, 0, 0, 1, 1);
let g = this.b0.x5;
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.a(a) && a > 0;
let c = this.oh.count;
if (c > 0 && b) {
let d = this.b0.x5.width;
let e = isNaN_(d) || isInfinity(d);
if (e) {
return NaN;
}
let f = new Rect(0, 0, 0, 1, 1);
let g = this.b0.x5;
let h = this.ou(f, g, g);
let i = a / h;
let j = Math.min(1, 1 / i);
if (j > 0 && j <= 1) {
return j;
}
}
return NaN;
}
q5() {
if (this.oh == null || this.b0 == null) {
return;
}
let a = !isNaN_(this.b0.jh) && !isNaN_(this.b0.jj);
if (a) {
return;
}
if (!isNaN_(this.zoomMaximumItemSpan) && !isInfinity(this.zoomMaximumItemSpan)) {
let b = this.getWindowZoomFromItemSpan(this.zoomMaximumItemSpan);
if (!isNaN_(b) && !isInfinity(b)) {
this.b0.h7 = b;
}
}
else if (!isNaN_(this.zoomMaximumCategoryRange) && !isInfinity(this.zoomMaximumCategoryRange)) {
let c = this.getWindowZoomFromCategories(this.zoomMaximumCategoryRange);
if (!isNaN_(c) && !isInfinity(c)) {
this.b0.h7 = c;
}
}
}
q4() {
if (this.oh == null || this.b0 == null) {
return;
}
let a = NaN;
let b = NaN;
let c = this.b0.id();
let d = this.b0.ie();
let e = false;
if (MathUtil.a(this.zoomToItemSpan) && this.zoomToItemSpan > 0) {
e = true;
c = this.getWindowZoomFromItemSpan(this.zoomToItemSpan);
c = Math.max(c, this.b0.h7);
}
else if (MathUtil.a(this.zoomToCategoryRange) && this.zoomToCategoryRange > 0 && this.zoomToCategoryRange <= this.o6) {
e = true;
c = this.getWindowZoomFromCategories(this.zoomToCategoryRange);
c = Math.max(c, this.b0.h7);
}
if (MathUtil.a(this.zoomToCategoryStart) && this.zoomToCategoryStart >= 0 && this.zoomToCategoryStart < this.o6) {
e = true;
a = this.getWindowZoomFromCategories(this.zoomToCategoryStart);
let f = c + a - 1;
let g = c - f;
if (f > 0 && g > this.b0.h7) {
c = g;
c = Math.max(c, this.b0.h7);
}
}
if (e) {
this.b0.s9(a, b, c, d);
}
}
kf(a, b, c, d) {
super.kf(a, b, c, d);
switch (b) {
case CategoryXAxis.$$p[2]:
case CategoryXAxis.$$p[3]:
this.q5();
break;
case CategoryXAxis.$$p[4]:
case CategoryXAxis.$$p[5]:
case CategoryXAxis.$$p[6]:
this.q4();
break;
case CategoryXAxis.$$p[0]:
case CategoryXAxis.$$p[1]:
this.j1(b);
break;
}
}
j1(a) {
super.j1(a);
switch (a) {
case CategoryXAxis.$$p[0]:
case CategoryXAxis.$$p[1]:
this.jw(a);
break;
}
}
get qk() {
return this.c(CategoryXAxis.q8);
}
set qk(a) {
this.h(CategoryXAxis.q8, a);
}
qa() {
return !isNaN_(this.qk);
}
get qd() {
return this.qb;
}
set qd(a) {
if (this.qd != a) {
let b = this.qb;
this.qb = a;
this.kx("ActualInterval", b, this.qd);
}
}
f5() {
return this.qd;
}
get ql() {
return this.c(CategoryXAxis.q9);
}
set ql(a) {
this.h(CategoryXAxis.q9, a);
}
get qe() {
return this.qc;
}
set qe(a) {
if (this.qe != a) {
let b = this.qc;
this.qc = a;
this.kx("ActualMinorInterval", b, this.qe);
}
}
ok(a) {
if (a == null) {
return false;
}
let b = this.bw();
if (b == null) {
return false;
}
return b.synchronizeHorizontally;
}
get_bk() {
return 0;
}
get bk() {
return this.get_bk();
}
p9() {
return this.oh;
}
qi(a, b) {
return this.ft(a, b);
}
qh(a, b, c, d) {
if (!c) {
let e = this.qi(a + 1, d);
return (b + e) / 2;
}
return b;
}
get isVertical() {
return this.dq;
}
j$d(a, b) {
return this.fw.apply(this, arguments);
}
j$c(a, b) {
return this.ft.apply(this, arguments);
}
j$e(a, b, c, d, e) {
this.j5.apply(this, arguments);
}
j$f(a, b, c, d) {
this.j6.apply(this, arguments);
}
j$g(a, b, c, d) {
this.j7.apply(this, arguments);
}
get j$b() {
return this.df;
}
j$a() {
return this.ag.apply(this, arguments);
}
}
CategoryXAxis.$t = /*@__PURE__*/ markType(CategoryXAxis, 'CategoryXAxis', CategoryAxisBase.$, [IZoomableCategoryAxis_$type]);
CategoryXAxis.q8 = /*@__PURE__*/ DependencyProperty.i("Interval", Number_$type, CategoryXAxis.$, /*@__PURE__*/ new PropertyMetadata(2, NaN, (a, b) => {
a.kx("Interval", b.oldValue, b.newValue);
a.k3(false);
}));
CategoryXAxis.q9 = /*@__PURE__*/ DependencyProperty.i("MinorInterval", Number_$type, CategoryXAxis.$, /*@__PURE__*/ new PropertyMetadata(2, NaN, (a, b) => {
(typeCast(CategoryXAxis.$, a)).kx("MinorInterval", b.oldValue, b.newValue);
(typeCast(CategoryXAxis.$, a)).k3(false);
}));
CategoryXAxis.$$p = /*@__PURE__*/ markDep(DependencyProperty, PropertyMetadata, CategoryXAxis, 'kx', ['CompanionAxisInterval:qf:q6', [1, NaN], 'CompanionAxisMinorInterval:qg:q7', [1, NaN], 'ZoomMaximumCategoryRange::ra', [1, NaN], 'ZoomMaximumItemSpan::rb', [1, NaN], 'ZoomToCategoryRange::rc', [1, NaN], 'ZoomToCategoryStart::rd', [1, NaN], 'ZoomToItemSpan::re', [1, NaN]]);
return CategoryXAxis;
})();
/**
* @hidden
*/
export let CategoryXAxisView = /*@__PURE__*/ (() => {
class CategoryXAxisView extends CategoryAxisBaseView {
constructor(a) {
super(a);
this.bm = null;
this.bm = a;
}
al() {
super.al();
this.a.gt = AxisDefaults.categoryAxis_TickLength;
}
}
CategoryXAxisView.$t = /*@__PURE__*/ markType(CategoryXAxisView, 'CategoryXAxisView', CategoryAxisBaseView.$);
return CategoryXAxisView;
})();