UNPKG

igniteui-react-charts

Version:

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

869 lines (868 loc) 30.6 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 { CategorySeries } from "./CategorySeries"; import { IIsCategoryBased_$type } from "./IIsCategoryBased"; import { IHasSingleValueCategory_$type } from "./IHasSingleValueCategory"; import { IHasCategoryTrendline_$type } from "./IHasCategoryTrendline"; import { ITrendLineSeries_$type } from "./ITrendLineSeries"; import { IAnchoredCategorySeriesInteractionManager_$type } from "./IAnchoredCategorySeriesInteractionManager"; import { DVContainer } from "igniteui-react-core"; import { Point_$type, enumGetBox, typeCast, runOn, delegateCombine, markType, markDep } from "igniteui-react-core"; import { DependencyProperty } from "igniteui-react-core"; import { Series } from "./Series"; import { TrendLineType_$type } from "igniteui-react-core"; import { Brush } from "igniteui-react-core"; import { PenLineCap_$type } from "igniteui-react-core"; import { DoubleCollection } from "igniteui-react-core"; import { CategoryFrame } from "./CategoryFrame"; import { ICategoryScaler_$type } from "./ICategoryScaler"; import { IScaler_$type } from "./IScaler"; import { CategorySeriesView } from "./CategorySeriesView"; import { CategorySeriesMarkerCollisionAvoidance_$type } from "./CategorySeriesMarkerCollisionAvoidance"; import { ConsolidatedItemHitTestBehavior_$type } from "./ConsolidatedItemHitTestBehavior"; import { CategoryFramePreparer } from "./CategoryFramePreparer"; import { DataLegendSeriesValueInfo } from "igniteui-react-core"; import { DataLegendSeriesContext } from "igniteui-react-core"; import { List$1 } from "igniteui-react-core"; import { Rect } from "igniteui-react-core"; import { ISortingAxis_$type } from "./ISortingAxis"; import { IFastItemsSource_$type } from "igniteui-react-core"; import { NumericAxisBase } from "./NumericAxisBase"; import { CategoryBucketCalculator } from "./CategoryBucketCalculator"; import { AxisRange } from "./AxisRange"; import { NumericYAxis } from "./NumericYAxis"; import { ScalerParams } from "./ScalerParams"; import { SeriesLayerPropertyOverlay } from "./SeriesLayerPropertyOverlay"; import { CategoryMarkerManager } from "./CategoryMarkerManager"; import { CollisionAvoider } from "./CollisionAvoider"; import { NonCollisionAvoider } from "./NonCollisionAvoider"; import { CategoryAxisBase } from "./CategoryAxisBase"; import { ChartSelection } from "./ChartSelection"; import { CategoryTrendLineManagerFactory } from "./CategoryTrendLineManagerFactory"; import { PropertyMetadata } from "igniteui-react-core"; import { truncate, isNaN_, isInfinity } from "igniteui-react-core"; /** * @hidden */ export let AnchoredCategorySeries = /*@__PURE__*/ (() => { class AnchoredCategorySeries extends CategorySeries { get abd() { if (this.abc == null) { this.abc = DVContainer.instance.createInstance(IAnchoredCategorySeriesInteractionManager_$type, () => this.ds.n); } return this.abc; } getHostReferenceValue() { return this.i0(); } mj() { return AnchoredCategorySeries.$$p[5]; } ct() { let a = new AnchoredCategorySeriesView(this); return a; } q8(a) { super.q8(a); this.aa8 = a; } constructor() { super(); this.abc = null; this.abj = false; this.abe = null; this.aa9 = null; this.abq = null; this.abp = null; this.abg = true; this.abk = 0; this.abl = 0; this.za = new CategoryFramePreparer(1, this, this.ze, this, this, this.ze.c9); } ku(a, b) { let c = this.ni(b); if (c == AnchoredCategorySeries.$$p[5]) { return this.kv(a, b, this.ab0); } if (c == AnchoredCategorySeries.$$p[1]) { return this.kv(a, b, this.abs); } return super.ku(a, b); } mi(a) { let b = this.ni(a); if (b == AnchoredCategorySeries.$$p[5]) { return this.ab0; } if (b == AnchoredCategorySeries.$$p[1]) { return this.abs; } return super.mi(a); } get valueColumn() { return this.abe; } set valueColumn(a) { if (this.abe != a) { let b = this.abe; this.abe = a; if (!this.abj) { this.raisePropertyChanged("ValueColumn", b, this.abe); } } } getDataLegendSeriesContextAt(a, b) { let c = new DataLegendSeriesValueInfo(); c.a = 0; c.l = this.i8({ $type: Point_$type, x: a, y: b }, false, false); c.r = this.ab0 != null ? this.ab0 : "Value"; c.q = "Value"; c.s = this.abw != null ? this.abw : "V:"; c.t = this.aby != null ? this.aby : ""; let d = new DataLegendSeriesContext(); d.e = ((() => { let $ret = new List$1(DataLegendSeriesValueInfo.$, 0); $ret.add(c); return $ret; })()); d.h = this.mh(); return d; } get acn() { return this.c(AnchoredCategorySeries.ab9); } set acn(a) { this.h(AnchoredCategorySeries.ab9, a); } ge(a) { let b = new Rect(0, 0, 0, 1, 1); let c = this.fetchXAxis(); let d = this.fetchYAxis(); let e = this.ww(this.cw); let f = c != null ? this.za.r(typeCast(ICategoryScaler_$type, c), b, b, e) : 0; return this.abd.c$a(this, this.valueColumn, c, d, f, a); } aa5(a, b, c) { if (b < a || a < 0 || a > this.valueColumn.count || b < 0 || b > this.valueColumn.count || c == null) { return null; } let d = new Array((b - a) + 1); let e = c.dm; let f = null; if (e) { f = c.i$b; } for (let g = a; g <= b; g++) { let h = g; if (e) { h = f._inner[h]; } d[g - a] = this.dp.item(g); } return d; } rh(a, b, c, d) { super.rh(a, b, c, d); if (this.aa8.dl && this.aa8.dk.g$e(a, b, c, d)) { let e = false; if (b == "FastItemsSource") { e = this.gh && c != null; } this.rz(e); this.qs(); } switch (b) { case AnchoredCategorySeries.$$p[3]: case AnchoredCategorySeries.$$p[4]: this.qm(); break; case "FastItemsSource": if (typeCast(IFastItemsSource_$type, c) != null) { c.deregisterColumn(this.valueColumn); this.valueColumn = null; } if (typeCast(IFastItemsSource_$type, d) != null) { this.valueColumn = this.dl(this.ab0); } let f = typeCast(NumericAxisBase.$, this.fetchYAxis()); if (f != null && !f.d2()) { this.aa8.c9.g(this.ie); this.rz(this.gh && c != null); } break; case AnchoredCategorySeries.$$p[5]: if (this.dp != null) { this.dp.deregisterColumn(this.valueColumn); this.valueColumn = this.dl(this.ab0); } this.abq = this.ab0; break; case AnchoredCategorySeries.$$p[1]: this.abp = this.abs; this.rz(true); break; case "ValueColumn": if (this.aa8.dl) { this.aa8.dk.g$m(); } for (let g = 0; g < this.aa8.aa.count; g++) { let h = this.aa8.aa._inner[g]; h.g$m(); } let i = typeCast(NumericAxisBase.$, this.fetchYAxis()); if (i != null && !i.d2()) { this.aa8.c9.g(this.ie); this.rz(this.gh && this.d9); } this.ab8(); this.sw(); break; case "TrendLineBrush": this.rn(b); break; case "ErrorBarSettings": this.rz(false); break; case "TrendLineType": this.qs(); if (this.aa8.dl) { this.aa8.dk.g$b = this.trendLineType; } break; case "TrendLinePeriod": if (this.aa8.dl) { this.aa8.dk.g$f = this.trendLinePeriod; } break; case AnchoredCategorySeries.$$p[2]: this.rz(false); break; } } ay(a) { if (this.valueColumn == null || this.valueColumn.count == 0) { return null; } if (a == this.fetchXAxis()) { return new AxisRange(0, this.valueColumn.count - 1); } if (a == this.fetchYAxis()) { return new AxisRange(this.valueColumn.minimum, this.valueColumn.maximum); } return null; } ph(a, b, c, d) { switch (a) { case 4: case 1: case 0: this.aa8.c9.g(this.ie); break; } if (this.aa8.dl) { this.aa8.dk.g$i(a, b, c, d); } for (let e = 0; e < this.aa8.aa.count; e++) { let f = this.aa8.aa._inner[e]; f.g$i(a, b, c, d); } this.ab8(); this.sw(); if (a == 0 || a == 2 || a == 3 || a == 4) { this.abg = true; } else if (a == 1) { for (let g = b; g < b + c; g++) { this.abk += this.valueColumn.item(g); } this.abl = this.abk / this.valueColumn.count; } } z5() { return this.abm(this.ze); } abm(a) { let b = 0; let c = a.ca; let d = a.b9; let e = this.getEffectiveViewport1(a); let f = typeCast(NumericYAxis.$, this.fetchYAxis()); if (!c.isEmpty && !d.isEmpty && f != null) { let g = new ScalerParams(0, c, d, f.df, e); if (f.dq) { g.b = this.i0(); } b = f.ft(f.p5, g); } return b; } ab6(a, b, c) { let d = this.abm(c); if (a.count > 0) { let e = d; a.add({ $type: Point_$type, x: a._inner[a.count - 1].x, y: e }); a.add({ $type: Point_$type, x: a._inner[0].x, y: e }); } } aa6(a, b, c, d) { return this.aa7(a, b, c, d, false); } aa7(a, b, c, d, e) { return CategorySeries.yy(a, b, c, d, e); } gc() { return this.highlightedItemsSource != null || this.abs != null; } hu() { let a = super.hu(); { let b = ((() => { let $ret = new SeriesLayerPropertyOverlay(); $ret.ad = "ValueMemberPath"; $ret.p = true; $ret.y = "HighlightedValueMemberPath"; $ret.q = true; return $ret; })()); b.valueResolving = delegateCombine(b.valueResolving, runOn(this, this.ab2)); a.add(b); } return a; } ab2(a, b) { if (this.abs != null) { b.value = this.abs; return; } b.value = this.ab0; } hf(a, b, c) { let d = super.hf(a, b, c); let e = c; if (this.valueColumn == null || this.valueColumn.count == 0 || e.c9.d < 1) { d = false; } return d; } pb(a, b) { super.pb(a, b); let c = b; c.df(); if (c.dl) { c.dk.g$h(); } for (let d = 0; d < b.aa.count; d++) { let e = c.aa._inner[d]; e.g$h(); } } aav(a, b) { super.aav(a, b); let c = this.zb(b); c.d(a, b); a.f.clear(); if (b.aa.count > 0) { let d = c.i(a); if (d == null || c.g == null) { return; } let e = c.j(d); let f = c.s(d); for (let g = 0; g < b.aa.count; g++) { a.f.add(new List$1(Point_$type, 0)); let h = b.aa._inner[g]; h.prepareLine1(this, a.f._inner[g], d, e, f); } } } aay(a, b) { super.aay(a, b); let c = typeCast(AnchoredCategorySeriesView.$, b); c.ck = true; if (c.dl) { c.dk.g$k(a.s); } for (let d = 0; d < b.aa.count; d++) { let e = b.aa._inner[d]; e.g$k(a.f._inner[d]); } if (this.xr()) { CategoryMarkerManager.e(this, a.p, b.dc, this.xt); this.aak(b, a); b.c4(); } this.ab3(a, b); } ry(a, b, c, d, e) { super.ry(a, b, c, d, e); let f = this.ba.a$j.item(d); let g = f; g.c9.g(this.ie); f.bd(c); if (this.d7(g)) { return; } if (this.aa9 == null) { this.aa9 = new CategoryFrame(3); } this.aa9.x(); this.aav(this.aa9, g); this.aay(this.aa9, g); } ab3(a, b) { } sq() { super.sq(); if (this.index < 0) { return; } this.aa8.dq(); if (this.trendLineBrush != null) { this.aa8.dn(); } else { this.aa8.dm(); } } k1(a, b) { if (this.aa8.dl && a == this.aa8.dk.g$n) { return null; } return super.k1(a, b); } get currentCategoryMode() { return this.preferredCategoryMode(typeCast(CategoryAxisBase.$, this.y3())); } get scaler() { return typeCast(ICategoryScaler_$type, this.y3()); } get yScaler() { return typeCast(IScaler_$type, this.zk()); } get bucketizer() { return this.aa8.c9; } get currentMode2Index() { return this.z9(); } provideCollisionDetector() { if (this.aba == 1) { return new CollisionAvoider(); } return NonCollisionAvoider.b; } get trendlinePreparer() { return this.aa8.dl ? this.aa8.dk : null; } p5(a) { super.p5(a); if (this.aa8.dl) { this.bc.exportTrendlineData(this, a, this.aa8.dk.g$n); } } kr(a) { let b = this.fetchXAxis(); let c = this.fetchYAxis(); return this.abd.c$b(this, a, this.z6(this.cw), this.valueColumn, b, c, this.abb == 1, (d) => super.kr(d)); } get mayContainUnknowns() { return this.valueColumn == null || this.valueColumn.mayContainUnknowns; } i0() { return Series.i1(this.valueColumn, typeCast(ISortingAxis_$type, this.fetchXAxis())); } get_abo() { return 0; } get abo() { return this.get_abo(); } az(a) { if (a.isEmpty && this.dc != null) { a = this.dc.xn; } if (this.valueColumn == null) { return null; } let b = this.wu(this.cw); let c = this.y3(); let d = new ScalerParams(0, a, this.dc.x5, c.df, this.getEffectiveViewport()); let e = (c.fw(b.left, d)); let f = (c.fw(b.right, d)); if (c.df) { let g = e; e = f; f = g; } e -= this.abo; f += this.abo; let h = null; if (c.dm) { h = c; e = h.i$f(e); f = h.i$f(f); } else { e = Math.floor(e); f = Math.ceil(f); } if (isNaN_(e) || isNaN_(f)) { return null; } e = Math.max(0, Math.min(this.valueColumn.count - 1, e)); f = Math.max(0, Math.min(this.valueColumn.count - 1, f)); let i = 1.7976931348623157E+308; let j = -1.7976931348623157E+308; if (truncate(e) <= truncate(f)) { for (let k = truncate(e); k <= truncate(f); k++) { let l = k; if (h != null) { l = h.i$b._inner[k]; } let m = this.valueColumn.item(l); if (this.valueColumn.mayContainUnknowns) { if (isInfinity(m) || isNaN_(m)) { continue; } } i = Math.min(i, m); j = Math.max(j, m); } } let n = new AxisRange(i, j); n = this.ax(n, this.zk(), a); return n; } ab8() { this.io = this.valueColumn == null || this.valueColumn.count == 0 ? NaN : this.valueColumn.item(this.valueColumn.count - 1); } ab7() { if (this.abg) { this.abk = 0; for (let a = 0; a < this.valueColumn.count; a++) { this.abk += this.valueColumn.item(a); } this.abl = this.abk / this.valueColumn.count; this.abg = false; } } jb(a, b) { if (b == null || !b.dh) { return NaN; } let c = this.zk(); if (b != c) { return NaN; } let d = this.aq(a); if (c.dq) { return d[1]; } else { return d[0]; } } aq(a) { let b = NaN; switch (a) { case 5: case 2: b = this.valueColumn.maximum; break; case 4: case 1: b = this.valueColumn.minimum; break; case 6: case 3: if (this.abg) { this.ab7(); } b = this.abl; break; } let c = this.zk(); if (c.dq) { return [NaN, b]; } else { return [b, NaN]; } } wq(a) { let b = NaN; switch (a) { case 5: case 2: b = this.valueColumn.maximum; break; case 4: case 1: b = this.valueColumn.minimum; break; case 6: case 3: if (this.abg) { this.ab7(); } b = this.abl; break; } if (isNaN_(b)) { return { $type: Point_$type, x: NaN, y: NaN }; } let c = this.zk(); let d = this.getEffectiveViewport1(this.cw); let e = new ScalerParams(0, this.cw.ca, this.cw.b9, c.df, d); if (c.dq) { e.b = this.i0(); } e.c = d; if (c.dq) { return { $type: Point_$type, x: NaN, y: c.ft(b, e) }; } else { return { $type: Point_$type, x: c.ft(b, e), y: NaN }; } } wr(a) { let b = this.zk(); let c = this.getEffectiveViewport1(this.cw); let d = new ScalerParams(0, this.cw.ca, this.cw.b9, b.df, c); if (b.dq) { d.b = this.i0(); } d.c = c; if (b.dq) { return { $type: Point_$type, x: NaN, y: b.ft(a[1], d) }; } else { return { $type: Point_$type, x: b.ft(a[0], d), y: NaN }; } } aar(a, b, c, d, e, f, g) { if (c < 0 || d < 0) { return; } for (let h = c; h <= d; h++) { if (a == 1) { if (this.abh(e, f, h)) { if (g == 7 || g == 6) { b.add(((() => { let $ret = new ChartSelection(); $ret.series = this; return $ret; })())); return; } this.aai(b, h, g); } } else { if (this.abi(e, f, h)) { if (g == 7 || g == 6) { b.add(((() => { let $ret = new ChartSelection(); $ret.series = this; return $ret; })())); return; } this.aai(b, h, g); } } } } abi(a, b, c) { return this.valueColumn.item(c) < b && a < this.valueColumn.item(c); } abh(a, b, c) { return 0 < b && a < this.valueColumn.item(c); } aai(a, b, c) { if (c == 2 || c == 1) { a.add(((() => { let $ret = new ChartSelection(); $ret.item = this.dp.item(b); return $ret; })())); } else { a.add(((() => { let $ret = new ChartSelection(); $ret.item = this.dp.item(b); $ret.series = this; return $ret; })())); } } bd() { return CategoryTrendLineManagerFactory.a(null, this.a0(), null, this, this.ds); } qj() { super.qj(); if (this.aa8.dl) { this.aa8.dk.g$m(); } for (let a = 0; a < this.aa8.aa.count; a++) { let b = this.aa8.aa._inner[a]; b.g$m(); } } get useHighMarkerFidelity() { return this.z1; } } AnchoredCategorySeries.$t = /*@__PURE__*/ markType(AnchoredCategorySeries, 'AnchoredCategorySeries', CategorySeries.$, [IIsCategoryBased_$type, IHasSingleValueCategory_$type, IHasCategoryTrendline_$type, ITrendLineSeries_$type]); AnchoredCategorySeries.ab9 = /*@__PURE__*/ DependencyProperty.i("ActualTrendLineBrush", Brush.$, AnchoredCategorySeries.$, /*@__PURE__*/ new PropertyMetadata(2, null, (a, b) => a.raisePropertyChanged("ActualTrendLineBrush", b.oldValue, b.newValue))); AnchoredCategorySeries.$$p = /*@__PURE__*/ markDep(DependencyProperty, PropertyMetadata, AnchoredCategorySeries, 'raisePropertyChanged', ['ConsolidatedItemHitTestBehavior:abb:aca', [ConsolidatedItemHitTestBehavior_$type, /*@__PURE__*/ enumGetBox(ConsolidatedItemHitTestBehavior_$type, 0)], 'HighlightedValueMemberPath:abs:acb', [2, null], 'MarkerCollisionAvoidance:aba:acc', [CategorySeriesMarkerCollisionAvoidance_$type, /*@__PURE__*/ enumGetBox(CategorySeriesMarkerCollisionAvoidance_$type, 1)], 'ValueMemberAsLegendLabel:abw:ack', [2, null], 'ValueMemberAsLegendUnit:aby:acl', [2, null], 'ValueMemberPath:ab0:acm', [2, null], 'TrendLineType::aci', [TrendLineType_$type, /*@__PURE__*/ enumGetBox(TrendLineType_$type, 0)], 'TrendLineThickness::ach', [1, 1.5], 'TrendLinePeriod::acg', [1, 7], 'TrendLineBrush::acd', [Brush.$, null], 'TrendLineZIndex:abn:acj', [1, 1001], 'TrendLineDashArray:aco:ace', [DoubleCollection.$], 'TrendLineDashCap:acp:acf', [PenLineCap_$type, /*@__PURE__*/ enumGetBox(PenLineCap_$type, 0)]]); return AnchoredCategorySeries; })(); /** * @hidden */ export let AnchoredCategoryBucketCalculator = /*@__PURE__*/ (() => { class AnchoredCategoryBucketCalculator extends CategoryBucketCalculator { constructor(a) { super(a); this.i = null; this.h = null; this.j = 0; this.i = a; } getBucketWithoutUnknowns(a) { let b = this.h; let c = this.j; let d = a * this.d; let e = d + this.d - 1; let f = c - 1; d = d < f ? d : f; e = e < f ? e : f; let g = 1.7976931348623157E+308; let h = -1.7976931348623157E+308; let i = true; for (let j = d; j <= e; ++j) { let k = b[j]; g = g < k ? g : k; h = h > k ? h : k; i = false; } if (!i) { return [0.5 * (d + e), g, h]; } return [0.5 * (d + e), NaN, NaN]; } getBucket(a) { let b = this.h; let c = this.j; let d = a * this.d; let e = d + this.d - 1; let f = c - 1; d = d < f ? d : f; e = e < f ? e : f; let g = 0; let h = 0; let i = true; for (let j = d; j <= e; ++j) { let k = b[j]; if (!i) { if (!isNaN_(k)) { g = g < k ? g : k; h = h > k ? h : k; } } else { if (!isNaN_(k)) { g = k; h = k; i = false; } } } if (!i) { return [0.5 * (d + e), g, h]; } return [0.5 * (d + e), NaN, NaN]; } cacheValues() { this.j = this.i.di.valueColumn.count; this.h = this.i.di.valueColumn.asArray(); } unCacheValues() { this.h = null; } } AnchoredCategoryBucketCalculator.$t = /*@__PURE__*/ markType(AnchoredCategoryBucketCalculator, 'AnchoredCategoryBucketCalculator', CategoryBucketCalculator.$); return AnchoredCategoryBucketCalculator; })(); /** * @hidden */ export let AnchoredCategorySeriesView = /*@__PURE__*/ (() => { class AnchoredCategorySeriesView extends CategorySeriesView { constructor(a) { super(a); this.di = null; this.dj = null; this.di = a; } get dk() { if (this.dj == null) { this.dj = CategoryTrendLineManagerFactory.a(this.dj, this.f.a0(), this.f.s4, this.f, this.f.ds); this.dj.g$b = this.di.trendLineType; this.dj.g$f = this.di.trendLinePeriod; } return this.dj; } set dk(a) { this.dj = a; } get dl() { return this.dj != null; } dq() { this.di.acn = null; } dn() { this.di.acn = this.di.trendLineBrush; } dm() { this.di.acn = this.di.vk; } da() { return new AnchoredCategoryBucketCalculator(this); } dp() { this.c9.cacheValues(); } dr() { this.c9.unCacheValues(); } ds(a) { let b = this.dc.item(a); return this.c7(b); } bi(a, b) { if (a.d) { if (this.di.trendLineType != 0 && !b) { let c = this.dk.g$n; c.ad = this.di.trendLineThickness; c._stroke = this.di.acn; c.ai = this.di.aco; c.aj = this.di.acp; a.v(c); } } super.bi(a, b); } getDefaultTooltipTemplate() { return this.di.abd.c$c(this.f, this.di.ab0); } } AnchoredCategorySeriesView.$t = /*@__PURE__*/ markType(AnchoredCategorySeriesView, 'AnchoredCategorySeriesView', CategorySeriesView.$); return AnchoredCategorySeriesView; })();