UNPKG

igniteui-react-charts

Version:

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

859 lines (858 loc) 30.3 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 aa7() { if (this.aa6 == null) { this.aa6 = DVContainer.instance.createInstance(IAnchoredCategorySeriesInteractionManager_$type, () => this.ds.n); } return this.aa6; } getHostReferenceValue() { return this.iz(); } mg() { return AnchoredCategorySeries.$$p[5]; } ct() { let a = new AnchoredCategorySeriesView(this); return a; } q3(a) { super.q3(a); this.aa2 = a; } constructor() { super(); this.aa6 = null; this.abd = false; this.aa8 = null; this.aa3 = null; this.abk = null; this.abj = null; this.aba = true; this.abe = 0; this.abf = 0; this.y4 = new CategoryFramePreparer(1, this, this.y8, this, this, this.y8.c9); } kr(a, b) { let c = this.nf(b); if (c == AnchoredCategorySeries.$$p[5]) { return this.ks(a, b, this.abu); } if (c == AnchoredCategorySeries.$$p[1]) { return this.ks(a, b, this.abm); } return super.kr(a, b); } mf(a) { let b = this.nf(a); if (b == AnchoredCategorySeries.$$p[5]) { return this.abu; } if (b == AnchoredCategorySeries.$$p[1]) { return this.abm; } return super.mf(a); } get valueColumn() { return this.aa8; } set valueColumn(a) { if (this.aa8 != a) { let b = this.aa8; this.aa8 = a; if (!this.abd) { this.raisePropertyChanged("ValueColumn", b, this.aa8); } } } getDataLegendSeriesContextAt(a, b) { let c = new DataLegendSeriesValueInfo(); c.a = 0; c.l = this.i6({ $type: Point_$type, x: a, y: b }, false, false); c.r = this.abu != null ? this.abu : "Value"; c.q = "Value"; c.s = this.abq != null ? this.abq : "V:"; c.t = this.abs != null ? this.abs : ""; let d = new DataLegendSeriesContext(); d.e = ((() => { let $ret = new List$1(DataLegendSeriesValueInfo.$, 0); $ret.add(c); return $ret; })()); d.h = this.me(); return d; } get ach() { return this.c(AnchoredCategorySeries.ab3); } set ach(a) { this.h(AnchoredCategorySeries.ab3, a); } ge(a) { let b = new Rect(0, 0, 0, 1, 1); let c = this.fetchXAxis(); let d = this.fetchYAxis(); let e = this.wq(this.cw); let f = c != null ? this.y4.r(typeCast(ICategoryScaler_$type, c), b, b, e) : 0; return this.aa7.c$a(this, this.valueColumn, c, d, f, a); } aaz(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.cn; 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; } rc(a, b, c, d) { super.rc(a, b, c, d); if (this.aa2.dl && this.aa2.dk.g$e(a, b, c, d)) { let e = false; if (b == "FastItemsSource") { e = this.gh && c != null; } this.ru(e); this.qn(); } switch (b) { case AnchoredCategorySeries.$$p[3]: case AnchoredCategorySeries.$$p[4]: this.qh(); 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.abu); } let f = typeCast(NumericAxisBase.$, this.fetchYAxis()); if (f != null && !f.c1()) { this.aa2.c9.g(this.ie); this.ru(this.gh && c != null); } break; case AnchoredCategorySeries.$$p[5]: if (this.dp != null) { this.dp.deregisterColumn(this.valueColumn); this.valueColumn = this.dl(this.abu); } this.abk = this.abu; break; case AnchoredCategorySeries.$$p[1]: this.abj = this.abm; this.ru(true); break; case "ValueColumn": if (this.aa2.dl) { this.aa2.dk.g$m(); } for (let g = 0; g < this.aa2.aa.count; g++) { let h = this.aa2.aa._inner[g]; h.g$m(); } let i = typeCast(NumericAxisBase.$, this.fetchYAxis()); if (i != null && !i.c1()) { this.aa2.c9.g(this.ie); this.ru(this.gh && this.d9); } this.ab2(); this.sr(); break; case "TrendLineBrush": this.ri(b); break; case "ErrorBarSettings": this.ru(false); break; case "TrendLineType": this.qn(); if (this.aa2.dl) { this.aa2.dk.g$b = this.trendLineType; } break; case "TrendLinePeriod": if (this.aa2.dl) { this.aa2.dk.g$f = this.trendLinePeriod; } break; case AnchoredCategorySeries.$$p[2]: this.ru(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; } pd(a, b, c, d) { switch (a) { case 4: case 1: case 0: this.aa2.c9.g(this.ie); break; } if (this.aa2.dl) { this.aa2.dk.g$i(a, b, c, d); } for (let e = 0; e < this.aa2.aa.count; e++) { let f = this.aa2.aa._inner[e]; f.g$i(a, b, c, d); } this.ab2(); this.sr(); if (a == 0 || a == 2 || a == 3 || a == 4) { this.aba = true; } else if (a == 1) { for (let g = b; g < b + c; g++) { this.abe += this.valueColumn.item(g); } this.abf = this.abe / this.valueColumn.count; } } zz() { return this.abg(this.y8); } abg(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.ch, e); if (f.cp) { g.b = this.iz(); } b = f.el(f.me, g); } return b; } ab0(a, b, c) { let d = this.abg(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 }); } } aa0(a, b, c, d) { return this.aa1(a, b, c, d, false); } aa1(a, b, c, d, e) { return CategorySeries.ys(a, b, c, d, e); } gc() { return this.highlightedItemsSource != null || this.abm != 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.abw)); a.add(b); } return a; } abw(a, b) { if (this.abm != null) { b.value = this.abm; return; } b.value = this.abu; } 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; } o7(a, b) { super.o7(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(); } } aap(a, b) { super.aap(a, b); let c = this.y5(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); } } } aas(a, b) { super.aas(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.xl()) { CategoryMarkerManager.e(this, a.p, b.dc, this.xn); this.aae(b, a); b.c4(); } this.abx(a, b); } rt(a, b, c, d, e) { super.rt(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.aa3 == null) { this.aa3 = new CategoryFrame(3); } this.aa3.x(); this.aap(this.aa3, g); this.aas(this.aa3, g); } abx(a, b) { } sl() { super.sl(); if (this.index < 0) { return; } this.aa2.dq(); if (this.trendLineBrush != null) { this.aa2.dn(); } else { this.aa2.dm(); } } ky(a, b) { if (this.aa2.dl && a == this.aa2.dk.g$n) { return null; } return super.ky(a, b); } get currentCategoryMode() { return this.preferredCategoryMode(typeCast(CategoryAxisBase.$, this.yx())); } get scaler() { return typeCast(ICategoryScaler_$type, this.yx()); } get yScaler() { return typeCast(IScaler_$type, this.ze()); } get bucketizer() { return this.aa2.c9; } get currentMode2Index() { return this.z3(); } provideCollisionDetector() { if (this.aa4 == 1) { return new CollisionAvoider(); } return NonCollisionAvoider.b; } get trendlinePreparer() { return this.aa2.dl ? this.aa2.dk : null; } p1(a) { super.p1(a); if (this.aa2.dl) { this.bc.exportTrendlineData(this, a, this.aa2.dk.g$n); } } ko(a) { let b = this.fetchXAxis(); let c = this.fetchYAxis(); return this.aa7.c$b(this, a, this.z0(this.cw), this.valueColumn, b, c, this.aa5 == 1, (d) => super.ko(d)); } get mayContainUnknowns() { return this.valueColumn == null || this.valueColumn.mayContainUnknowns; } iz() { return Series.i0(this.valueColumn, typeCast(ISortingAxis_$type, this.fetchXAxis())); } get_abi() { return 0; } get abi() { return this.get_abi(); } az(a) { if (a.isEmpty && this.dc != null) { a = this.dc.wt; } if (this.valueColumn == null) { return null; } let b = this.wo(this.cw); let c = this.yx(); let d = new ScalerParams(0, a, this.dc.xb, c.ch, this.getEffectiveViewport()); let e = (c.eo(b.left, d)); let f = (c.eo(b.right, d)); if (c.ch) { let g = e; e = f; f = g; } e -= this.abi; f += this.abi; let h = null; if (c.cn) { 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.ze(), a); return n; } ab2() { this.io = this.valueColumn == null || this.valueColumn.count == 0 ? NaN : this.valueColumn.item(this.valueColumn.count - 1); } ab1() { if (this.aba) { this.abe = 0; for (let a = 0; a < this.valueColumn.count; a++) { this.abe += this.valueColumn.item(a); } this.abf = this.abe / this.valueColumn.count; this.aba = false; } } i9(a, b) { if (b == null || !b.cj) { return NaN; } let c = this.ze(); if (b != c) { return NaN; } let d = this.aq(a); if (c.cp) { 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.aba) { this.ab1(); } b = this.abf; break; } let c = this.ze(); if (c.cp) { return [NaN, b]; } else { return [b, NaN]; } } wk(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.aba) { this.ab1(); } b = this.abf; break; } if (isNaN_(b)) { return { $type: Point_$type, x: NaN, y: NaN }; } let c = this.ze(); let d = this.getEffectiveViewport1(this.cw); let e = new ScalerParams(0, this.cw.ca, this.cw.b9, c.ch, d); if (c.cp) { e.b = this.iz(); } e.c = d; if (c.cp) { return { $type: Point_$type, x: NaN, y: c.el(b, e) }; } else { return { $type: Point_$type, x: c.el(b, e), y: NaN }; } } wl(a) { let b = this.ze(); let c = this.getEffectiveViewport1(this.cw); let d = new ScalerParams(0, this.cw.ca, this.cw.b9, b.ch, c); if (b.cp) { d.b = this.iz(); } d.c = c; if (b.cp) { return { $type: Point_$type, x: NaN, y: b.el(a[1], d) }; } else { return { $type: Point_$type, x: b.el(a[0], d), y: NaN }; } } aal(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.abb(e, f, h)) { if (g == 7 || g == 6) { b.add(((() => { let $ret = new ChartSelection(); $ret.series = this; return $ret; })())); return; } this.aac(b, h, g); } } else { if (this.abc(e, f, h)) { if (g == 7 || g == 6) { b.add(((() => { let $ret = new ChartSelection(); $ret.series = this; return $ret; })())); return; } this.aac(b, h, g); } } } } abc(a, b, c) { return this.valueColumn.item(c) < b && a < this.valueColumn.item(c); } abb(a, b, c) { return 0 < b && a < this.valueColumn.item(c); } aac(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); } get useHighMarkerFidelity() { return this.zv; } } AnchoredCategorySeries.$t = /*@__PURE__*/ markType(AnchoredCategorySeries, 'AnchoredCategorySeries', CategorySeries.$, [IIsCategoryBased_$type, IHasSingleValueCategory_$type, IHasCategoryTrendline_$type, ITrendLineSeries_$type]); AnchoredCategorySeries.ab3 = /*@__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:aa5:ab4', [ConsolidatedItemHitTestBehavior_$type, /*@__PURE__*/ enumGetBox(ConsolidatedItemHitTestBehavior_$type, 0)], 'HighlightedValueMemberPath:abm:ab5', [2, null], 'MarkerCollisionAvoidance:aa4:ab6', [CategorySeriesMarkerCollisionAvoidance_$type, /*@__PURE__*/ enumGetBox(CategorySeriesMarkerCollisionAvoidance_$type, 1)], 'ValueMemberAsLegendLabel:abq:ace', [2, null], 'ValueMemberAsLegendUnit:abs:acf', [2, null], 'ValueMemberPath:abu:acg', [2, null], 'TrendLineType::acc', [TrendLineType_$type, /*@__PURE__*/ enumGetBox(TrendLineType_$type, 0)], 'TrendLineThickness::acb', [1, 1.5], 'TrendLinePeriod::aca', [1, 7], 'TrendLineBrush::ab7', [Brush.$, null], 'TrendLineZIndex:abh:acd', [1, 1001], 'TrendLineDashArray:aci:ab8', [DoubleCollection.$], 'TrendLineDashCap:acj:ab9', [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.sz, 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.ach = null; } dn() { this.di.ach = this.di.trendLineBrush; } dm() { this.di.ach = this.di.ve; } 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.ach; c.ai = this.di.aci; c.aj = this.di.acj; a.v(c); } } super.bi(a, b); } getDefaultTooltipTemplate() { return this.di.aa7.c$c(this.f, this.di.abu); } } AnchoredCategorySeriesView.$t = /*@__PURE__*/ markType(AnchoredCategorySeriesView, 'AnchoredCategorySeriesView', CategorySeriesView.$); return AnchoredCategorySeriesView; })();