igniteui-react-charts
Version:
Ignite UI React charting components for building rich data visualizations using TypeScript APIs.
794 lines (793 loc) • 28.8 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.rf = 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.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;
}
}
constructor() {
super();
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.$;
}
get rw() {
return this.ru;
}
set rw(a) {
this.ru = a;
}
get rv() {
return this.rt;
}
set rv(a) {
this.rt = 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.qc * a.width);
}
p1(a, b, c) {
let d = this.p8(a, b, c);
let e = 0;
if (!isNaN_(this.p7)) {
e = Math.min(this.p7, 1);
}
else {
e = 0;
}
;
let f = 1 - 0.5 * d;
let g = this.qe == 0 ? 1 : this.qe;
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.qe > 1) {
let f = this.p8(b, c, d);
let g = 0;
if (!isNaN_(this.p7)) {
g = Math.min(this.p7, 1);
}
let h = 1 - 0.5 * f;
let i = h / (this.qe - (this.qe - 1) * g);
let j = (h - i) / (this.qe - 1);
e = 0.25 * f + 0.5 * i + a * j;
}
return this.getCategorySize(b, c, d) * e;
}
fs() {
return this.rr;
}
r9(a) {
let b = this.b7 != null ? this.b7.ys : 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.uf(b, false, true);
}
}
f7(a, b) {
if (!b.c.isEmpty) {
let 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);
}
re(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.qc - 1 : this.qc;
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.re(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.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);
}
rq(a, b, c, d) {
let e = d == 0 ? this.qc - 1 : this.qc;
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.qc - 1 : this.qc;
if (f < 0) {
f = 0;
}
return e * f;
}
sa(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.zb = new Rect(0, c, this.b7.zb.y, d - c, this.b7.zb.height);
}
l1(a) {
super.l1(a);
let b = this.b7 != null ? this.b7.ys : 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.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) {
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.rr, this.categoryMode, this.go());
let 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());
}
let af = Math.floor((y - 0) / ad.g);
let ag = Math.ceil((z - 0) / ad.g);
this.rk = ad.g;
if (!isNaN_(af) && !isNaN_(ag)) {
let ah = truncate(af);
let ai = truncate(ag);
let aj = this.rp(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.rs;
let ap = ao > 0 && ao < ad.g;
let aq = c.right;
let ar = this.pv;
let as = ad.g;
let at = truncate(as);
let au = this.qe;
let av = this.dn;
let aw = this.categoryMode;
this.rx = null;
for (let ax = ah; ax <= ai; ++ax) {
let 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) {
let az = al * this.rs;
if (this.dn) {
let a0 = aj;
while (a0 - az > ay) {
a0 -= az;
if (Math.abs(a0 - ay) < 0.0001) {
break;
}
this.md(j, a0, c, m, false);
}
}
else {
let 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 (let a2 = 0; a2 < truncate(ad.g); a2++) {
for (let a3 = 0; a3 < this.qe; a3++) {
let a4 = this.getGroupCenter(a3, b, c, d);
if (this.dn) {
a4 = -a4;
}
let a5 = this.f7(a2 + ax * ad.g, f) + a4;
this.md(j, a5, c, m, false);
}
}
this.rl = 0.5;
}
}
let a6 = this.ro(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.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();
}
}
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.rv) {
let c = new AxisRangeChangedEventArgs(0, 1, 1, this.rv, b);
this.rv = b;
this.lv(c);
a = true;
}
this.sc();
this.sb();
return a;
}
getWindowZoomFromCategories(a) {
let b = MathUtil.b(a) && a > 0;
let c = this.po.count;
if (c > 0 && b) {
let d = this.b7.za.width;
let e = isNaN_(d) || isInfinity(d);
if (e) {
return NaN;
}
let f = new Rect(0, 0, 0, 1, 1);
let g = this.b7.za;
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.za.width;
let e = isNaN_(d) || isInfinity(d);
if (e) {
return NaN;
}
let f = new Rect(0, 0, 0, 1, 1);
let g = this.b7.za;
let h = this.p1(f, g, g);
let i = a / h;
let j = Math.min(1, 1 / i);
if (j > 0 && j <= 1) {
return j;
}
}
return NaN;
}
sc() {
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;
}
}
}
sb() {
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.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);
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.uc(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.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;
}
}
ky(a) {
super.ky(a);
switch (a) {
case CategoryXAxis.$$p[0]:
case CategoryXAxis.$$p[1]:
this.kt(a);
break;
}
}
get rr() {
return this.c(CategoryXAxis.sf);
}
set rr(a) {
this.h(CategoryXAxis.sf, a);
}
rh() {
return !isNaN_(this.rr);
}
get rk() {
return this.ri;
}
set rk(a) {
if (this.rk != a) {
let b = this.ri;
this.ri = a;
this.lu("ActualInterval", b, this.rk);
}
}
gk() {
return this.rk;
}
get rs() {
return this.c(CategoryXAxis.sg);
}
set rs(a) {
this.h(CategoryXAxis.sg, a);
}
get rl() {
return this.rj;
}
set rl(a) {
if (this.rl != a) {
let b = this.rj;
this.rj = a;
this.lu("ActualMinorInterval", b, this.rl);
}
}
pr(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();
}
rg() {
return this.po;
}
rp(a, b) {
return this.f7(a, b);
}
ro(a, b, c, d) {
if (!c) {
let e = this.rp(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.sf = /*@__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.sg = /*@__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: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;
})();
/**
* @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;
})();