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 abn() { if (this.abm == null) { this.abm = DVContainer.instance.createInstance(IAnchoredCategorySeriesInteractionManager_$type, () => this.ds.n); } return this.abm; } getHostReferenceValue() { return this.i5(); } mp() { return AnchoredCategorySeries.$$p[5]; } ct() { let a = new AnchoredCategorySeriesView(this); return a; } rh(a) { super.rh(a); this.abi = a; } constructor() { super(); this.abm = null; this.abt = false; this.abo = null; this.abj = null; this.ab0 = null; this.abz = null; this.abq = true; this.abu = 0; this.abv = 0; this.zk = new CategoryFramePreparer(1, this, this.zo, this, this, this.zo.c9); } kz(a, b) { let c = this.no(b); if (c == AnchoredCategorySeries.$$p[5]) { return this.k0(a, b, this.aca); } if (c == AnchoredCategorySeries.$$p[1]) { return this.k0(a, b, this.ab2); } return super.kz(a, b); } mo(a) { let b = this.no(a); if (b == AnchoredCategorySeries.$$p[5]) { return this.aca; } if (b == AnchoredCategorySeries.$$p[1]) { return this.ab2; } return super.mo(a); } get valueColumn() { return this.abo; } set valueColumn(a) { if (this.abo != a) { let b = this.abo; this.abo = a; if (!this.abt) { this.raisePropertyChanged("ValueColumn", b, this.abo); } } } getDataLegendSeriesContextAt(a, b) { let c = new DataLegendSeriesValueInfo(); c.a = 0; c.l = this.jd({ $type: Point_$type, x: a, y: b }, false, false); c.r = this.aca != null ? this.aca : "Value"; c.q = "Value"; c.s = this.ab6 != null ? this.ab6 : "V:"; c.t = this.ab8 != null ? this.ab8 : ""; let d = new DataLegendSeriesContext(); d.e = ((() => { let $ret = new List$1(DataLegendSeriesValueInfo.$, 0); $ret.add(c); return $ret; })()); d.h = this.mn(); return d; } get acx() { return this.c(AnchoredCategorySeries.acj); } set acx(a) { this.h(AnchoredCategorySeries.acj, a); } gj(a) { let b = new Rect(0, 0, 0, 1, 1); let c = this.fetchXAxis(); let d = this.fetchYAxis(); let e = this.w6(this.cw); let f = c != null ? this.zk.r(typeCast(ICategoryScaler_$type, c), b, b, e) : 0; return this.abn.c$a(this, this.valueColumn, c, d, f, a); } abf(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.dv; 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; } rq(a, b, c, d) { super.rq(a, b, c, d); if (this.abi.dl && this.abi.dk.g$e(a, b, c, d)) { let e = false; if (b == "FastItemsSource") { e = this.gm && c != null; } this.r8(e); this.q0(); } switch (b) { case AnchoredCategorySeries.$$p[3]: case AnchoredCategorySeries.$$p[4]: this.qu(); 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.aca); } let f = typeCast(NumericAxisBase.$, this.fetchYAxis()); if (f != null && !f.ed()) { this.abi.c9.g(this.ik); this.r8(this.gm && c != null); } break; case AnchoredCategorySeries.$$p[5]: if (this.dp != null) { this.dp.deregisterColumn(this.valueColumn); this.valueColumn = this.dl(this.aca); } this.ab0 = this.aca; break; case AnchoredCategorySeries.$$p[1]: this.abz = this.ab2; this.r8(true); break; case "ValueColumn": if (this.abi.dl) { this.abi.dk.g$m(); } for (let g = 0; g < this.abi.aa.count; g++) { let h = this.abi.aa._inner[g]; h.g$m(); } let i = typeCast(NumericAxisBase.$, this.fetchYAxis()); if (i != null && !i.ed()) { this.abi.c9.g(this.ik); this.r8(this.gm && this.d9); } this.aci(); this.s5(); break; case "TrendLineBrush": this.rw(b); break; case "ErrorBarSettings": this.r8(false); break; case "TrendLineType": this.q0(); if (this.abi.dl) { this.abi.dk.g$b = this.trendLineType; } break; case "TrendLinePeriod": if (this.abi.dl) { this.abi.dk.g$f = this.trendLinePeriod; } break; case AnchoredCategorySeries.$$p[2]: this.r8(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; } po(a, b, c, d) { switch (a) { case 4: case 1: case 0: this.abi.c9.g(this.ik); break; } if (this.abi.dl) { this.abi.dk.g$i(a, b, c, d); } for (let e = 0; e < this.abi.aa.count; e++) { let f = this.abi.aa._inner[e]; f.g$i(a, b, c, d); } this.aci(); this.s5(); if (a == 0 || a == 2 || a == 3 || a == 4) { this.abq = true; } else if (a == 1) { for (let g = b; g < b + c; g++) { this.abu += this.valueColumn.item(g); } this.abv = this.abu / this.valueColumn.count; } } aaf() { return this.abw(this.zo); } abw(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.dn, e); if (f.dy) { g.b = this.i5(); } b = f.f6(f.rb, g); } return b; } acg(a, b, c) { let d = this.abw(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 }); } } abg(a, b, c, d) { return this.abh(a, b, c, d, false); } abh(a, b, c, d, e) { return CategorySeries.y8(a, b, c, d, e); } gh() { return this.highlightedItemsSource != null || this.ab2 != null; } hz() { let a = super.hz(); { 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.acc)); a.add(b); } return a; } acc(a, b) { if (this.ab2 != null) { b.value = this.ab2; return; } b.value = this.aca; } hk(a, b, c) { let d = super.hk(a, b, c); let e = c; if (this.valueColumn == null || this.valueColumn.count == 0 || e.c9.d < 1) { d = false; } return d; } pi(a, b) { super.pi(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(); } } aa5(a, b) { super.aa5(a, b); let c = this.zl(b); c.d(a, b); a.i.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.i.add(new List$1(Point_$type, 0)); let h = b.aa._inner[g]; h.prepareLine1(this, a.i._inner[g], d, e, f); } } } aa8(a, b) { super.aa8(a, b); let c = typeCast(AnchoredCategorySeriesView.$, b); c.ck = true; if (c.dl) { c.dk.g$k(a.v); } for (let d = 0; d < b.aa.count; d++) { let e = b.aa._inner[d]; e.g$k(a.i._inner[d]); } if (this.x1()) { CategoryMarkerManager.e(this, a.s, b.dc, this.x3); this.aau(b, a); b.c4(); } this.acd(a, b); } r7(a, b, c, d, e) { super.r7(a, b, c, d, e); let f = this.ba.a$k.item(d); let g = f; g.c9.g(this.ik); f.bd(c); if (this.d7(g)) { return; } if (this.abj == null) { this.abj = new CategoryFrame(3); } this.abj.aa(); this.aa5(this.abj, g); this.aa8(this.abj, g); } acd(a, b) { } sz() { super.sz(); if (this.index < 0) { return; } this.abi.dq(); if (this.trendLineBrush != null) { this.abi.dn(); } else { this.abi.dm(); } } k6(a, b) { if (this.abi.dl && a == this.abi.dk.g$n) { return null; } return super.k6(a, b); } get currentCategoryMode() { return this.preferredCategoryMode(typeCast(CategoryAxisBase.$, this.zd())); } get scaler() { return typeCast(ICategoryScaler_$type, this.zd()); } get yScaler() { return typeCast(IScaler_$type, this.zu()); } get bucketizer() { return this.abi.c9; } get currentMode2Index() { return this.aaj(); } provideCollisionDetector() { if (this.abk == 1) { return new CollisionAvoider(); } return NonCollisionAvoider.b; } get trendlinePreparer() { return this.abi.dl ? this.abi.dk : null; } qd(a) { super.qd(a); if (this.abi.dl) { this.bc.exportTrendlineData(this, a, this.abi.dk.g$n); } } kw(a) { let b = this.fetchXAxis(); let c = this.fetchYAxis(); return this.abn.c$b(this, a, this.aag(this.cw), this.valueColumn, b, c, this.abl == 1, (d) => super.kw(d)); } get mayContainUnknowns() { return this.valueColumn == null || this.valueColumn.mayContainUnknowns; } i5() { return Series.i6(this.valueColumn, typeCast(ISortingAxis_$type, this.fetchXAxis())); } get_aby() { return 0; } get aby() { return this.get_aby(); } az(a) { if (a.isEmpty && this.dc != null) { a = this.dc.yr; } if (this.valueColumn == null) { return null; } let b = this.w4(this.cw); let c = this.zd(); let d = new ScalerParams(0, a, this.dc.y9, c.dn, this.getEffectiveViewport()); let e = (c.f9(b.left, d)); let f = (c.f9(b.right, d)); if (c.dn) { let g = e; e = f; f = g; } e -= this.aby; f += this.aby; let h = null; if (c.dv) { 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.zu(), a); return n; } aci() { this.it = this.valueColumn == null || this.valueColumn.count == 0 ? NaN : this.valueColumn.item(this.valueColumn.count - 1); } ach() { if (this.abq) { this.abu = 0; for (let a = 0; a < this.valueColumn.count; a++) { this.abu += this.valueColumn.item(a); } this.abv = this.abu / this.valueColumn.count; this.abq = false; } } jg(a, b) { if (b == null || !b.dq) { return NaN; } let c = this.zu(); if (b != c) { return NaN; } let d = this.aq(a); if (c.dy) { 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.abq) { this.ach(); } b = this.abv; break; } let c = this.zu(); if (c.dy) { return [NaN, b]; } else { return [b, NaN]; } } wz(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.abq) { this.ach(); } b = this.abv; break; } if (isNaN_(b)) { return { $type: Point_$type, x: NaN, y: NaN }; } let c = this.zu(); let d = this.getEffectiveViewport1(this.cw); let e = new ScalerParams(0, this.cw.ca, this.cw.b9, c.dn, d); if (c.dy) { e.b = this.i5(); } e.c = d; if (c.dy) { return { $type: Point_$type, x: NaN, y: c.f6(b, e) }; } else { return { $type: Point_$type, x: c.f6(b, e), y: NaN }; } } w0(a) { let b = this.zu(); let c = this.getEffectiveViewport1(this.cw); let d = new ScalerParams(0, this.cw.ca, this.cw.b9, b.dn, c); if (b.dy) { d.b = this.i5(); } d.c = c; if (b.dy) { return { $type: Point_$type, x: NaN, y: b.f6(a[1], d) }; } else { return { $type: Point_$type, x: b.f6(a[0], d), y: NaN }; } } aa1(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.abr(e, f, h)) { if (g == 7 || g == 6) { b.add(((() => { let $ret = new ChartSelection(); $ret.series = this; return $ret; })())); return; } this.aas(b, h, g); } } else { if (this.abs(e, f, h)) { if (g == 7 || g == 6) { b.add(((() => { let $ret = new ChartSelection(); $ret.series = this; return $ret; })())); return; } this.aas(b, h, g); } } } } abs(a, b, c) { return this.valueColumn.item(c) < b && a < this.valueColumn.item(c); } abr(a, b, c) { return 0 < b && a < this.valueColumn.item(c); } aas(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); } qr() { super.qr(); if (this.abi.dl) { this.abi.dk.g$m(); } for (let a = 0; a < this.abi.aa.count; a++) { let b = this.abi.aa._inner[a]; b.g$m(); } } get useHighMarkerFidelity() { return this.aab; } } AnchoredCategorySeries.$t = /*@__PURE__*/ markType(AnchoredCategorySeries, 'AnchoredCategorySeries', CategorySeries.$, [IIsCategoryBased_$type, IHasSingleValueCategory_$type, IHasCategoryTrendline_$type, ITrendLineSeries_$type]); AnchoredCategorySeries.acj = /*@__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:abl:ack', [ConsolidatedItemHitTestBehavior_$type, /*@__PURE__*/ enumGetBox(ConsolidatedItemHitTestBehavior_$type, 0)], 'HighlightedValueMemberPath:ab2:acl', [2, null], 'MarkerCollisionAvoidance:abk:acm', [CategorySeriesMarkerCollisionAvoidance_$type, /*@__PURE__*/ enumGetBox(CategorySeriesMarkerCollisionAvoidance_$type, 1)], 'ValueMemberAsLegendLabel:ab6:acu', [2, null], 'ValueMemberAsLegendUnit:ab8:acv', [2, null], 'ValueMemberPath:aca:acw', [2, null], 'TrendLineType::acs', [TrendLineType_$type, /*@__PURE__*/ enumGetBox(TrendLineType_$type, 0)], 'TrendLineThickness::acr', [1, 1.5], 'TrendLinePeriod::acq', [1, 7], 'TrendLineBrush::acn', [Brush.$, null], 'TrendLineZIndex:abx:act', [1, 1001], 'TrendLineDashArray:acy:aco', [DoubleCollection.$], 'TrendLineDashCap:acz:acp', [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.td, 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.acx = null; } dn() { this.di.acx = this.di.trendLineBrush; } dm() { this.di.acx = this.di.vt; } 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.acx; c.ai = this.di.acy; c.aj = this.di.acz; a.v(c); } } super.bi(a, b); } getDefaultTooltipTemplate() { return this.di.abn.c$c(this.f, this.di.aca); } } AnchoredCategorySeriesView.$t = /*@__PURE__*/ markType(AnchoredCategorySeriesView, 'AnchoredCategorySeriesView', CategorySeriesView.$); return AnchoredCategorySeriesView; })();