@taiga-ui/addon-charts 2.26.0 → 2.29.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -5
- package/bundles/taiga-ui-addon-charts-components-arc-chart.umd.js +352 -0
- package/bundles/taiga-ui-addon-charts-components-arc-chart.umd.js.map +1 -0
- package/bundles/taiga-ui-addon-charts-components-arc-chart.umd.min.js +16 -0
- package/bundles/taiga-ui-addon-charts-components-arc-chart.umd.min.js.map +1 -0
- package/bundles/taiga-ui-addon-charts-components-bar-chart.umd.js +5 -5
- package/bundles/taiga-ui-addon-charts-components-bar-chart.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-charts-components-bar-chart.umd.min.js +1 -1
- package/bundles/taiga-ui-addon-charts-components-bar-chart.umd.min.js.map +1 -1
- package/bundles/taiga-ui-addon-charts-components-legend-item.umd.js +19 -2
- package/bundles/taiga-ui-addon-charts-components-legend-item.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-charts-components-legend-item.umd.min.js +1 -1
- package/bundles/taiga-ui-addon-charts-components-legend-item.umd.min.js.map +1 -1
- package/bundles/taiga-ui-addon-charts-components-line-chart.umd.js +11 -11
- package/bundles/taiga-ui-addon-charts-components-line-chart.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-charts-components-line-chart.umd.min.js +1 -1
- package/bundles/taiga-ui-addon-charts-components-line-chart.umd.min.js.map +1 -1
- package/bundles/taiga-ui-addon-charts-components-line-days-chart.umd.js +17 -17
- package/bundles/taiga-ui-addon-charts-components-line-days-chart.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-charts-components-line-days-chart.umd.min.js +1 -1
- package/bundles/taiga-ui-addon-charts-components-line-days-chart.umd.min.js.map +1 -1
- package/bundles/taiga-ui-addon-charts-components-pie-chart.umd.js +98 -22
- package/bundles/taiga-ui-addon-charts-components-pie-chart.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-charts-components-pie-chart.umd.min.js +2 -2
- package/bundles/taiga-ui-addon-charts-components-pie-chart.umd.min.js.map +1 -1
- package/bundles/taiga-ui-addon-charts-components-ring-chart.umd.js +2 -14
- package/bundles/taiga-ui-addon-charts-components-ring-chart.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-charts-components-ring-chart.umd.min.js +1 -1
- package/bundles/taiga-ui-addon-charts-components-ring-chart.umd.min.js.map +1 -1
- package/bundles/taiga-ui-addon-charts-components.umd.js +12 -4
- package/bundles/taiga-ui-addon-charts-components.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-charts-components.umd.min.js +1 -1
- package/bundles/taiga-ui-addon-charts-utils.umd.js +4 -2
- package/bundles/taiga-ui-addon-charts-utils.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-charts-utils.umd.min.js +1 -1
- package/bundles/taiga-ui-addon-charts-utils.umd.min.js.map +1 -1
- package/components/arc-chart/arc-chart.component.d.ts +20 -0
- package/components/arc-chart/arc-chart.module.d.ts +2 -0
- package/components/arc-chart/index.d.ts +2 -0
- package/components/arc-chart/package.json +13 -0
- package/components/arc-chart/taiga-ui-addon-charts-components-arc-chart.d.ts +4 -0
- package/components/arc-chart/taiga-ui-addon-charts-components-arc-chart.metadata.json +1 -0
- package/components/bar-chart/bar-chart.component.d.ts +3 -3
- package/components/bar-chart/taiga-ui-addon-charts-components-bar-chart.metadata.json +1 -1
- package/components/index.d.ts +1 -0
- package/components/legend-item/legend-item.component.d.ts +4 -1
- package/components/legend-item/taiga-ui-addon-charts-components-legend-item.metadata.json +1 -1
- package/components/line-chart/line-chart-hint.directive.d.ts +1 -1
- package/components/line-chart/line-chart.component.d.ts +3 -3
- package/components/line-chart/taiga-ui-addon-charts-components-line-chart.metadata.json +1 -1
- package/components/line-days-chart/line-days-chart-hint.directive.d.ts +1 -1
- package/components/line-days-chart/line-days-chart.component.d.ts +5 -5
- package/components/line-days-chart/taiga-ui-addon-charts-components-line-days-chart.metadata.json +1 -1
- package/components/pie-chart/index.d.ts +1 -0
- package/components/pie-chart/pie-chart.component.d.ts +6 -4
- package/components/pie-chart/pie-chart.directive.d.ts +7 -0
- package/components/pie-chart/taiga-ui-addon-charts-components-pie-chart.metadata.json +1 -1
- package/components/ring-chart/ring-chart.component.d.ts +0 -2
- package/components/ring-chart/taiga-ui-addon-charts-components-ring-chart.metadata.json +1 -1
- package/components/taiga-ui-addon-charts-components.metadata.json +1 -1
- package/esm2015/components/arc-chart/arc-chart.component.js +102 -0
- package/esm2015/components/arc-chart/arc-chart.module.js +15 -0
- package/esm2015/components/arc-chart/index.js +3 -0
- package/esm2015/components/arc-chart/taiga-ui-addon-charts-components-arc-chart.js +5 -0
- package/esm2015/components/bar-chart/bar-chart.component.js +6 -6
- package/esm2015/components/index.js +2 -1
- package/esm2015/components/legend-item/legend-item.component.js +21 -4
- package/esm2015/components/line-chart/line-chart-hint.directive.js +6 -6
- package/esm2015/components/line-chart/line-chart.component.js +7 -7
- package/esm2015/components/line-days-chart/line-days-chart-hint.directive.js +5 -5
- package/esm2015/components/line-days-chart/line-days-chart.component.js +14 -14
- package/esm2015/components/pie-chart/index.js +2 -1
- package/esm2015/components/pie-chart/pie-chart.component.js +23 -13
- package/esm2015/components/pie-chart/pie-chart.directive.js +56 -0
- package/esm2015/components/pie-chart/pie-chart.module.js +11 -4
- package/esm2015/components/ring-chart/ring-chart.component.js +4 -12
- package/esm2015/utils/describe-sector.js +5 -3
- package/esm5/components/arc-chart/arc-chart.component.js +112 -0
- package/esm5/components/arc-chart/arc-chart.module.js +18 -0
- package/esm5/components/arc-chart/index.js +3 -0
- package/esm5/components/arc-chart/taiga-ui-addon-charts-components-arc-chart.js +5 -0
- package/esm5/components/bar-chart/bar-chart.component.js +6 -6
- package/esm5/components/index.js +2 -1
- package/esm5/components/legend-item/legend-item.component.js +21 -4
- package/esm5/components/line-chart/line-chart-hint.directive.js +6 -6
- package/esm5/components/line-chart/line-chart.component.js +7 -7
- package/esm5/components/line-days-chart/line-days-chart-hint.directive.js +5 -5
- package/esm5/components/line-days-chart/line-days-chart.component.js +14 -14
- package/esm5/components/pie-chart/index.js +2 -1
- package/esm5/components/pie-chart/pie-chart.component.js +29 -18
- package/esm5/components/pie-chart/pie-chart.directive.js +66 -0
- package/esm5/components/pie-chart/pie-chart.module.js +11 -4
- package/esm5/components/ring-chart/ring-chart.component.js +4 -16
- package/esm5/utils/describe-sector.js +5 -3
- package/fesm2015/taiga-ui-addon-charts-components-arc-chart.js +118 -0
- package/fesm2015/taiga-ui-addon-charts-components-arc-chart.js.map +1 -0
- package/fesm2015/taiga-ui-addon-charts-components-bar-chart.js +5 -5
- package/fesm2015/taiga-ui-addon-charts-components-bar-chart.js.map +1 -1
- package/fesm2015/taiga-ui-addon-charts-components-legend-item.js +20 -3
- package/fesm2015/taiga-ui-addon-charts-components-legend-item.js.map +1 -1
- package/fesm2015/taiga-ui-addon-charts-components-line-chart.js +12 -12
- package/fesm2015/taiga-ui-addon-charts-components-line-chart.js.map +1 -1
- package/fesm2015/taiga-ui-addon-charts-components-line-days-chart.js +18 -18
- package/fesm2015/taiga-ui-addon-charts-components-line-days-chart.js.map +1 -1
- package/fesm2015/taiga-ui-addon-charts-components-pie-chart.js +84 -17
- package/fesm2015/taiga-ui-addon-charts-components-pie-chart.js.map +1 -1
- package/fesm2015/taiga-ui-addon-charts-components-ring-chart.js +3 -11
- package/fesm2015/taiga-ui-addon-charts-components-ring-chart.js.map +1 -1
- package/fesm2015/taiga-ui-addon-charts-components.js +1 -0
- package/fesm2015/taiga-ui-addon-charts-components.js.map +1 -1
- package/fesm2015/taiga-ui-addon-charts-utils.js +4 -2
- package/fesm2015/taiga-ui-addon-charts-utils.js.map +1 -1
- package/fesm5/taiga-ui-addon-charts-components-arc-chart.js +131 -0
- package/fesm5/taiga-ui-addon-charts-components-arc-chart.js.map +1 -0
- package/fesm5/taiga-ui-addon-charts-components-bar-chart.js +5 -5
- package/fesm5/taiga-ui-addon-charts-components-bar-chart.js.map +1 -1
- package/fesm5/taiga-ui-addon-charts-components-legend-item.js +20 -3
- package/fesm5/taiga-ui-addon-charts-components-legend-item.js.map +1 -1
- package/fesm5/taiga-ui-addon-charts-components-line-chart.js +12 -12
- package/fesm5/taiga-ui-addon-charts-components-line-chart.js.map +1 -1
- package/fesm5/taiga-ui-addon-charts-components-line-days-chart.js +18 -18
- package/fesm5/taiga-ui-addon-charts-components-line-days-chart.js.map +1 -1
- package/fesm5/taiga-ui-addon-charts-components-pie-chart.js +101 -23
- package/fesm5/taiga-ui-addon-charts-components-pie-chart.js.map +1 -1
- package/fesm5/taiga-ui-addon-charts-components-ring-chart.js +3 -15
- package/fesm5/taiga-ui-addon-charts-components-ring-chart.js.map +1 -1
- package/fesm5/taiga-ui-addon-charts-components.js +1 -0
- package/fesm5/taiga-ui-addon-charts-components.js.map +1 -1
- package/fesm5/taiga-ui-addon-charts-utils.js +4 -2
- package/fesm5/taiga-ui-addon-charts-utils.js.map +1 -1
- package/package.json +5 -5
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { toInt, toRadians } from '@taiga-ui/cdk';
|
|
2
|
+
var EMPTY = 'M 100 0 A 100 100 0 1 1 100 0 L 0 0';
|
|
2
3
|
/**
|
|
3
4
|
* Describes a normalized sector by angles. Normalized meaning it supposed to work with
|
|
4
5
|
* SVG with viewBox="-1 -1 2 2" so that 0 coordinates in cartesian and polar match the same spot.
|
|
@@ -16,7 +17,7 @@ export function describeSector(startAngle, endAngle) {
|
|
|
16
17
|
var endX = Math.cos(endRad) * 100;
|
|
17
18
|
var endY = Math.sin(endRad) * 100;
|
|
18
19
|
var largeArcFlag = toInt(endAngle - startAngle > 180);
|
|
19
|
-
|
|
20
|
+
var result = [
|
|
20
21
|
'M',
|
|
21
22
|
startX,
|
|
22
23
|
startY,
|
|
@@ -26,6 +27,7 @@ export function describeSector(startAngle, endAngle) {
|
|
|
26
27
|
endX,
|
|
27
28
|
endY,
|
|
28
29
|
'L 0 0',
|
|
29
|
-
]
|
|
30
|
+
];
|
|
31
|
+
return isNaN(endX) ? EMPTY : result.join(' ');
|
|
30
32
|
}
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVzY3JpYmUtc2VjdG9yLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHRhaWdhLXVpL2FkZG9uLWNoYXJ0cy91dGlscy8iLCJzb3VyY2VzIjpbImRlc2NyaWJlLXNlY3Rvci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsS0FBSyxFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUUvQyxJQUFNLEtBQUssR0FBRyxxQ0FBcUMsQ0FBQztBQUVwRDs7Ozs7Ozs7R0FRRztBQUNILE1BQU0sVUFBVSxjQUFjLENBQUMsVUFBa0IsRUFBRSxRQUFnQjtJQUMvRCxJQUFNLFFBQVEsR0FBRyxTQUFTLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDdkMsSUFBTSxNQUFNLEdBQUcsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ25DLElBQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLEdBQUcsR0FBRyxDQUFDO0lBQ3hDLElBQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLEdBQUcsR0FBRyxDQUFDO0lBQ3hDLElBQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLEdBQUcsR0FBRyxDQUFDO0lBQ3BDLElBQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLEdBQUcsR0FBRyxDQUFDO0lBQ3BDLElBQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxRQUFRLEdBQUcsVUFBVSxHQUFHLEdBQUcsQ0FBQyxDQUFDO0lBQ3hELElBQU0sTUFBTSxHQUFHO1FBQ1gsR0FBRztRQUNILE1BQU07UUFDTixNQUFNO1FBQ04sYUFBYTtRQUNiLFlBQVk7UUFDWixDQUFDO1FBQ0QsSUFBSTtRQUNKLElBQUk7UUFDSixPQUFPO0tBQ1YsQ0FBQztJQUVGLE9BQU8sS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7QUFDbEQsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7dG9JbnQsIHRvUmFkaWFuc30gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5cbmNvbnN0IEVNUFRZID0gJ00gMTAwIDAgQSAxMDAgMTAwIDAgMSAxIDEwMCAwIEwgMCAwJztcblxuLyoqXG4gKiBEZXNjcmliZXMgYSBub3JtYWxpemVkIHNlY3RvciBieSBhbmdsZXMuIE5vcm1hbGl6ZWQgbWVhbmluZyBpdCBzdXBwb3NlZCB0byB3b3JrIHdpdGhcbiAqIFNWRyB3aXRoIHZpZXdCb3g9XCItMSAtMSAyIDJcIiBzbyB0aGF0IDAgY29vcmRpbmF0ZXMgaW4gY2FydGVzaWFuIGFuZCBwb2xhciBtYXRjaCB0aGUgc2FtZSBzcG90LlxuICogRXZlcnl0aGluZyBpcyBtdWx0aXBsaWVkIGJ5IDEwMCAoaW5jbHVkaW5nIHZpZXdCb3ggb2YgU1ZHIHRvIGhvc3QgdGhpcykgc28gSUUgcHJvcGVybHlcbiAqIGhhbmRsZXMgaG92ZXIgZXZlbnRzLlxuICpcbiAqIEBwYXJhbSBzdGFydEFuZ2xlIHN0YXJ0aW5nIGFuZ2xlIGluIGRlZ3JlZXNcbiAqIEBwYXJhbSBlbmRBbmdsZSBlbmRpbmcgYW5nbGUgaW4gZGVncmVlc1xuICovXG5leHBvcnQgZnVuY3Rpb24gZGVzY3JpYmVTZWN0b3Ioc3RhcnRBbmdsZTogbnVtYmVyLCBlbmRBbmdsZTogbnVtYmVyKTogc3RyaW5nIHtcbiAgICBjb25zdCBzdGFydFJhZCA9IHRvUmFkaWFucyhzdGFydEFuZ2xlKTtcbiAgICBjb25zdCBlbmRSYWQgPSB0b1JhZGlhbnMoZW5kQW5nbGUpO1xuICAgIGNvbnN0IHN0YXJ0WCA9IE1hdGguY29zKHN0YXJ0UmFkKSAqIDEwMDtcbiAgICBjb25zdCBzdGFydFkgPSBNYXRoLnNpbihzdGFydFJhZCkgKiAxMDA7XG4gICAgY29uc3QgZW5kWCA9IE1hdGguY29zKGVuZFJhZCkgKiAxMDA7XG4gICAgY29uc3QgZW5kWSA9IE1hdGguc2luKGVuZFJhZCkgKiAxMDA7XG4gICAgY29uc3QgbGFyZ2VBcmNGbGFnID0gdG9JbnQoZW5kQW5nbGUgLSBzdGFydEFuZ2xlID4gMTgwKTtcbiAgICBjb25zdCByZXN1bHQgPSBbXG4gICAgICAgICdNJyxcbiAgICAgICAgc3RhcnRYLFxuICAgICAgICBzdGFydFksXG4gICAgICAgICdBIDEwMCAxMDAgMCcsXG4gICAgICAgIGxhcmdlQXJjRmxhZyxcbiAgICAgICAgMSxcbiAgICAgICAgZW5kWCxcbiAgICAgICAgZW5kWSxcbiAgICAgICAgJ0wgMCAwJyxcbiAgICBdO1xuXG4gICAgcmV0dXJuIGlzTmFOKGVuZFgpID8gRU1QVFkgOiByZXN1bHQuam9pbignICcpO1xufVxuIl19
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
import { __decorate, __param } from 'tslib';
|
|
2
|
+
import { Inject, ChangeDetectorRef, Input, HostBinding, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
|
3
|
+
import { DomSanitizer } from '@angular/platform-browser';
|
|
4
|
+
import { tuiDefaultProp, TuiRepeatTimesModule } from '@taiga-ui/cdk';
|
|
5
|
+
|
|
6
|
+
// 3/4 with 1% safety offset
|
|
7
|
+
const ARC = 0.76;
|
|
8
|
+
const SIZE = {
|
|
9
|
+
m: 9,
|
|
10
|
+
l: 11,
|
|
11
|
+
xl: 16,
|
|
12
|
+
};
|
|
13
|
+
const WIDTH = {
|
|
14
|
+
m: 0.25,
|
|
15
|
+
l: 0.375,
|
|
16
|
+
xl: 0.5625,
|
|
17
|
+
};
|
|
18
|
+
const GAP = {
|
|
19
|
+
m: 0.125,
|
|
20
|
+
l: 0.1875,
|
|
21
|
+
xl: 0.25,
|
|
22
|
+
};
|
|
23
|
+
let TuiArcChartComponent = class TuiArcChartComponent {
|
|
24
|
+
constructor(sanitizer, changeDetectorRef) {
|
|
25
|
+
this.sanitizer = sanitizer;
|
|
26
|
+
this.value = [];
|
|
27
|
+
this.size = 'm';
|
|
28
|
+
this.max = 100;
|
|
29
|
+
this.minLabel = '0%';
|
|
30
|
+
this.maxLabel = '100%';
|
|
31
|
+
this.initialized = false;
|
|
32
|
+
// So initial animation works
|
|
33
|
+
setTimeout(() => {
|
|
34
|
+
this.initialized = true;
|
|
35
|
+
changeDetectorRef.markForCheck();
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
get width() {
|
|
39
|
+
return SIZE[this.size];
|
|
40
|
+
}
|
|
41
|
+
get strokeWidth() {
|
|
42
|
+
return WIDTH[this.size];
|
|
43
|
+
}
|
|
44
|
+
getInset(index) {
|
|
45
|
+
return this.strokeWidth / 2 + index * (this.strokeWidth + GAP[this.size]);
|
|
46
|
+
}
|
|
47
|
+
getDiameter(index) {
|
|
48
|
+
return SIZE[this.size] - 2 * this.getInset(index);
|
|
49
|
+
}
|
|
50
|
+
getLength(index) {
|
|
51
|
+
return Math.PI * this.getDiameter(index) * ARC;
|
|
52
|
+
}
|
|
53
|
+
getOffset(index) {
|
|
54
|
+
return this.getLength(index) * (1 - Math.min(this.value[index] / this.max, 1));
|
|
55
|
+
}
|
|
56
|
+
getColor(index) {
|
|
57
|
+
return this.sanitizer.bypassSecurityTrustStyle(`var(--tui-chart-${index}, var(--tui-support-0${index + 1}))`);
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
TuiArcChartComponent.ctorParameters = () => [
|
|
61
|
+
{ type: DomSanitizer, decorators: [{ type: Inject, args: [DomSanitizer,] }] },
|
|
62
|
+
{ type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] }
|
|
63
|
+
];
|
|
64
|
+
__decorate([
|
|
65
|
+
Input(),
|
|
66
|
+
tuiDefaultProp()
|
|
67
|
+
], TuiArcChartComponent.prototype, "value", void 0);
|
|
68
|
+
__decorate([
|
|
69
|
+
Input(),
|
|
70
|
+
HostBinding('attr.data-size'),
|
|
71
|
+
tuiDefaultProp()
|
|
72
|
+
], TuiArcChartComponent.prototype, "size", void 0);
|
|
73
|
+
__decorate([
|
|
74
|
+
Input(),
|
|
75
|
+
tuiDefaultProp()
|
|
76
|
+
], TuiArcChartComponent.prototype, "max", void 0);
|
|
77
|
+
__decorate([
|
|
78
|
+
Input(),
|
|
79
|
+
tuiDefaultProp()
|
|
80
|
+
], TuiArcChartComponent.prototype, "minLabel", void 0);
|
|
81
|
+
__decorate([
|
|
82
|
+
Input(),
|
|
83
|
+
tuiDefaultProp()
|
|
84
|
+
], TuiArcChartComponent.prototype, "maxLabel", void 0);
|
|
85
|
+
__decorate([
|
|
86
|
+
HostBinding('style.width.rem'),
|
|
87
|
+
HostBinding('style.height.rem')
|
|
88
|
+
], TuiArcChartComponent.prototype, "width", null);
|
|
89
|
+
__decorate([
|
|
90
|
+
HostBinding('style.strokeWidth.rem')
|
|
91
|
+
], TuiArcChartComponent.prototype, "strokeWidth", null);
|
|
92
|
+
TuiArcChartComponent = __decorate([
|
|
93
|
+
Component({
|
|
94
|
+
selector: 'tui-arc-chart',
|
|
95
|
+
template: "<svg\n *tuiRepeatTimes=\"let index of value.length\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"-100 -100 200 200\"\n focusable=\"false\"\n class=\"t-svg\"\n [style.top.em]=\"getInset(index)\"\n [style.left.em]=\"getInset(index)\"\n [style.width.em]=\"getDiameter(index)\"\n [style.height.em]=\"getDiameter(index)\"\n>\n <path\n vector-effect=\"non-scaling-stroke\"\n d=\"M -70 70 A 100 100 0 1 1 70 70\"\n />\n <path\n vector-effect=\"non-scaling-stroke\"\n d=\"M -70 70 A 100 100 0 1 1 70 70\"\n class=\"t-value\"\n [style.stroke]=\"getColor(index)\"\n [style.strokeDasharray.em]=\"getLength(index)\"\n [style.strokeDashoffset.em]=\"initialized ? getOffset(index) : getLength(index)\"\n />\n</svg>\n<div class=\"t-content\">\n <div class=\"t-wrapper\"><ng-content></ng-content></div>\n</div>\n<div class=\"t-percent\">\n <span>{{minLabel}}</span>\n <span>{{maxLabel}}</span>\n</div>\n",
|
|
96
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
97
|
+
styles: [":host{position:relative;display:block;flex-shrink:0}.t-svg{position:absolute;top:0;left:0;bottom:0;right:0;overflow:visible;fill:none;stroke:currentColor;stroke-linecap:round;color:var(--tui-secondary);font-size:1rem}.t-value{transition-property:stroke-dashoffset;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out}.t-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;color:var(--tui-text-02);font:var(--tui-font-text-xs)}:host[data-size=xl] .t-content{font:var(--tui-font-text-m)}.t-wrapper{flex:1}.t-wrapper:first-line{color:var(--tui-text-01)}:host[data-size='m'] .t-wrapper:first-line{font:var(--tui-font-text-s);font-weight:700}:host[data-size='l'] .t-wrapper:first-line{font:var(--tui-font-text-m);font-weight:700}:host[data-size=xl] .t-wrapper:first-line{font:var(--tui-font-heading-5)}.t-percent{position:absolute;left:25%;bottom:11%;display:flex;width:50%;justify-content:space-between;font:var(--tui-font-text-xs);color:var(--tui-text-02)}:host[data-size=xl] .t-percent{font:var(--tui-font-text-m)}"]
|
|
98
|
+
}),
|
|
99
|
+
__param(0, Inject(DomSanitizer)),
|
|
100
|
+
__param(1, Inject(ChangeDetectorRef))
|
|
101
|
+
], TuiArcChartComponent);
|
|
102
|
+
|
|
103
|
+
let TuiArcChartModule = class TuiArcChartModule {
|
|
104
|
+
};
|
|
105
|
+
TuiArcChartModule = __decorate([
|
|
106
|
+
NgModule({
|
|
107
|
+
imports: [TuiRepeatTimesModule],
|
|
108
|
+
declarations: [TuiArcChartComponent],
|
|
109
|
+
exports: [TuiArcChartComponent],
|
|
110
|
+
})
|
|
111
|
+
], TuiArcChartModule);
|
|
112
|
+
|
|
113
|
+
/**
|
|
114
|
+
* Generated bundle index. Do not edit.
|
|
115
|
+
*/
|
|
116
|
+
|
|
117
|
+
export { TuiArcChartComponent, TuiArcChartModule };
|
|
118
|
+
//# sourceMappingURL=taiga-ui-addon-charts-components-arc-chart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"taiga-ui-addon-charts-components-arc-chart.js","sources":["ng://@taiga-ui/addon-charts/components/arc-chart/arc-chart.component.ts","ng://@taiga-ui/addon-charts/components/arc-chart/arc-chart.module.ts","ng://@taiga-ui/addon-charts/components/arc-chart/taiga-ui-addon-charts-components-arc-chart.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n HostBinding,\n Inject,\n Input,\n} from '@angular/core';\nimport {DomSanitizer, SafeValue} from '@angular/platform-browser';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TuiSizeXL} from '@taiga-ui/core';\n\n// 3/4 with 1% safety offset\nconst ARC = 0.76;\n\nconst SIZE: Record<TuiSizeXL, number> = {\n m: 9,\n l: 11,\n xl: 16,\n};\n\nconst WIDTH: Record<TuiSizeXL, number> = {\n m: 0.25,\n l: 0.375,\n xl: 0.5625,\n};\n\nconst GAP: Record<TuiSizeXL, number> = {\n m: 0.125,\n l: 0.1875,\n xl: 0.25,\n};\n\n@Component({\n selector: 'tui-arc-chart',\n templateUrl: './arc-chart.template.html',\n styleUrls: ['./arc-chart.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiArcChartComponent {\n @Input()\n @tuiDefaultProp()\n value: readonly number[] = [];\n\n @Input()\n @HostBinding('attr.data-size')\n @tuiDefaultProp()\n size: TuiSizeXL = 'm';\n\n @Input()\n @tuiDefaultProp()\n max = 100;\n\n @Input()\n @tuiDefaultProp()\n minLabel = '0%';\n\n @Input()\n @tuiDefaultProp()\n maxLabel = '100%';\n\n initialized = false;\n\n constructor(\n @Inject(DomSanitizer) private readonly sanitizer: DomSanitizer,\n @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n ) {\n // So initial animation works\n setTimeout(() => {\n this.initialized = true;\n changeDetectorRef.markForCheck();\n });\n }\n\n @HostBinding('style.width.rem')\n @HostBinding('style.height.rem')\n get width(): number {\n return SIZE[this.size];\n }\n\n @HostBinding('style.strokeWidth.rem')\n get strokeWidth(): number {\n return WIDTH[this.size];\n }\n\n getInset(index: number): number {\n return this.strokeWidth / 2 + index * (this.strokeWidth + GAP[this.size]);\n }\n\n getDiameter(index: number): number {\n return SIZE[this.size] - 2 * this.getInset(index);\n }\n\n getLength(index: number): number {\n return Math.PI * this.getDiameter(index) * ARC;\n }\n\n getOffset(index: number): number {\n return this.getLength(index) * (1 - Math.min(this.value[index] / this.max, 1));\n }\n\n getColor(index: number): SafeValue {\n return this.sanitizer.bypassSecurityTrustStyle(\n `var(--tui-chart-${index}, var(--tui-support-0${index + 1}))`,\n );\n }\n}\n","import {NgModule} from '@angular/core';\nimport {TuiRepeatTimesModule} from '@taiga-ui/cdk';\n\nimport {TuiArcChartComponent} from './arc-chart.component';\n\n@NgModule({\n imports: [TuiRepeatTimesModule],\n declarations: [TuiArcChartComponent],\n exports: [TuiArcChartComponent],\n})\nexport class TuiArcChartModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -33,17 +33,17 @@ let TuiBarChartComponent = class TuiBarChartComponent {
|
|
|
33
33
|
get computedMax() {
|
|
34
34
|
return this.max || this.getMax(this.value, this.collapsed);
|
|
35
35
|
}
|
|
36
|
+
getContentContext(index) {
|
|
37
|
+
return {
|
|
38
|
+
$implicit: index,
|
|
39
|
+
};
|
|
40
|
+
}
|
|
36
41
|
getHint(hint) {
|
|
37
42
|
return this.hasHint ? hint : '';
|
|
38
43
|
}
|
|
39
44
|
getHintId(index) {
|
|
40
45
|
return `${this.autoIdString}_${index}`;
|
|
41
46
|
}
|
|
42
|
-
getContentContext(index) {
|
|
43
|
-
return {
|
|
44
|
-
$implicit: index,
|
|
45
|
-
};
|
|
46
|
-
}
|
|
47
47
|
transpose(value) {
|
|
48
48
|
return value.reduce((result, next) => next.map((_, index) => [...(result[index] || []), next[index]]), []);
|
|
49
49
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-addon-charts-components-bar-chart.js","sources":["ng://@taiga-ui/addon-charts/components/bar-chart/bar-chart.component.ts","ng://@taiga-ui/addon-charts/components/bar-chart/bar-chart.module.ts","ng://@taiga-ui/addon-charts/components/bar-chart/taiga-ui-addon-charts-components-bar-chart.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, Inject, Input} from '@angular/core';\nimport {TUI_DEFAULT_COLOR_HANDLER} from '@taiga-ui/addon-charts/constants';\nimport {TuiColorHandler} from '@taiga-ui/addon-charts/types';\nimport {\n sum,\n TuiContextWithImplicit,\n tuiDefaultProp,\n TuiIdService,\n TuiMapper,\n tuiPure,\n} from '@taiga-ui/cdk';\nimport {TuiHintModeT, TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nexport function valueAssertion(value: ReadonlyArray<readonly number[]>): boolean {\n const valid = value.every(array => array.length === value[0].length);\n\n return valid;\n}\n\nconst VALUE_ERROR = 'All arrays must be of the same length';\n\n@Component({\n selector: 'tui-bar-chart',\n templateUrl: './bar-chart.template.html',\n styleUrls: ['./bar-chart.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiBarChartComponent {\n @Input()\n @tuiDefaultProp(valueAssertion, VALUE_ERROR)\n value: ReadonlyArray<readonly number[]> = [];\n\n @Input()\n @tuiDefaultProp()\n max = NaN;\n\n @Input()\n @tuiDefaultProp()\n colorHandler: TuiColorHandler = TUI_DEFAULT_COLOR_HANDLER;\n\n @Input()\n @tuiDefaultProp()\n size: TuiSizeS | TuiSizeL | null = 'm';\n\n @Input()\n @tuiDefaultProp()\n collapsed = false;\n\n @Input()\n @tuiDefaultProp()\n hintContent: PolymorpheusContent<TuiContextWithImplicit<number>> = '';\n\n @Input()\n @tuiDefaultProp()\n hintMode: TuiHintModeT | null = null;\n\n
|
|
1
|
+
{"version":3,"file":"taiga-ui-addon-charts-components-bar-chart.js","sources":["ng://@taiga-ui/addon-charts/components/bar-chart/bar-chart.component.ts","ng://@taiga-ui/addon-charts/components/bar-chart/bar-chart.module.ts","ng://@taiga-ui/addon-charts/components/bar-chart/taiga-ui-addon-charts-components-bar-chart.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, Inject, Input} from '@angular/core';\nimport {TUI_DEFAULT_COLOR_HANDLER} from '@taiga-ui/addon-charts/constants';\nimport {TuiColorHandler} from '@taiga-ui/addon-charts/types';\nimport {\n sum,\n TuiContextWithImplicit,\n tuiDefaultProp,\n TuiIdService,\n TuiMapper,\n tuiPure,\n} from '@taiga-ui/cdk';\nimport {TuiHintModeT, TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nexport function valueAssertion(value: ReadonlyArray<readonly number[]>): boolean {\n const valid = value.every(array => array.length === value[0].length);\n\n return valid;\n}\n\nconst VALUE_ERROR = 'All arrays must be of the same length';\n\n@Component({\n selector: 'tui-bar-chart',\n templateUrl: './bar-chart.template.html',\n styleUrls: ['./bar-chart.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiBarChartComponent {\n private readonly autoIdString: string;\n\n @Input()\n @tuiDefaultProp(valueAssertion, VALUE_ERROR)\n value: ReadonlyArray<readonly number[]> = [];\n\n @Input()\n @tuiDefaultProp()\n max = NaN;\n\n @Input()\n @tuiDefaultProp()\n colorHandler: TuiColorHandler = TUI_DEFAULT_COLOR_HANDLER;\n\n @Input()\n @tuiDefaultProp()\n size: TuiSizeS | TuiSizeL | null = 'm';\n\n @Input()\n @tuiDefaultProp()\n collapsed = false;\n\n @Input()\n @tuiDefaultProp()\n hintContent: PolymorpheusContent<TuiContextWithImplicit<number>> = '';\n\n @Input()\n @tuiDefaultProp()\n hintMode: TuiHintModeT | null = null;\n\n constructor(@Inject(TuiIdService) idService: TuiIdService) {\n this.autoIdString = idService.generate();\n }\n\n get hasHint(): boolean {\n return !!this.hintContent;\n }\n\n get transposed(): ReadonlyArray<readonly number[]> {\n return this.transpose(this.value);\n }\n\n get computedMax(): number {\n return this.max || this.getMax(this.value, this.collapsed);\n }\n\n @tuiPure\n getContentContext(index: number): TuiContextWithImplicit<number> {\n return {\n $implicit: index,\n };\n }\n\n readonly percentMapper: TuiMapper<ReadonlyArray<number>, number> = (\n set,\n collapsed: boolean,\n max: number,\n ) => (100 * (collapsed ? sum(...set) : Math.max(...set))) / max;\n\n getHint(hint: PolymorpheusContent): PolymorpheusContent {\n return this.hasHint ? hint : '';\n }\n\n getHintId(index: number): string {\n return `${this.autoIdString}_${index}`;\n }\n\n @tuiPure\n private transpose(\n value: ReadonlyArray<readonly number[]>,\n ): ReadonlyArray<readonly number[]> {\n return value.reduce<ReadonlyArray<readonly number[]>>(\n (result, next) =>\n next.map((_, index) => [...(result[index] || []), next[index]]),\n [],\n );\n }\n\n @tuiPure\n private getMax(values: ReadonlyArray<readonly number[]>, collapsed: boolean): number {\n return collapsed\n ? Math.max(\n ...values.reduce((result, next) =>\n result.map((value, index) => value + next[index]),\n ),\n )\n : values.reduce((max, value) => Math.max(...value, max), 0);\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiBarSetModule} from '@taiga-ui/addon-charts/components/bar-set';\nimport {TuiFocusableModule, TuiMapperPipeModule} from '@taiga-ui/cdk';\nimport {TuiDescribedByModule, TuiHintModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiBarChartComponent} from './bar-chart.component';\n\n@NgModule({\n imports: [\n CommonModule,\n PolymorpheusModule,\n TuiDescribedByModule,\n TuiBarSetModule,\n TuiFocusableModule,\n TuiHintModule,\n TuiMapperPipeModule,\n ],\n declarations: [TuiBarChartComponent],\n exports: [TuiBarChartComponent],\n})\nexport class TuiBarChartModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __decorate } from 'tslib';
|
|
2
|
-
import { Input, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
|
2
|
+
import { Input, HostBinding, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
|
3
3
|
import { tuiDefaultProp } from '@taiga-ui/cdk';
|
|
4
4
|
import { colorFallback, TuiButtonModule } from '@taiga-ui/core';
|
|
5
5
|
import { CommonModule } from '@angular/common';
|
|
@@ -10,8 +10,13 @@ let TuiLegendItemComponent = class TuiLegendItemComponent {
|
|
|
10
10
|
this.active = false;
|
|
11
11
|
this.color = '';
|
|
12
12
|
this.text = '';
|
|
13
|
+
this.size = 'm';
|
|
14
|
+
this.disabled = false;
|
|
13
15
|
}
|
|
14
16
|
get computedColor() {
|
|
17
|
+
if (this.color === 'var(--tui-primary)') {
|
|
18
|
+
return null;
|
|
19
|
+
}
|
|
15
20
|
return this.color.startsWith('var(') ? this.color : colorFallback(this.color);
|
|
16
21
|
}
|
|
17
22
|
};
|
|
@@ -27,12 +32,24 @@ __decorate([
|
|
|
27
32
|
Input(),
|
|
28
33
|
tuiDefaultProp()
|
|
29
34
|
], TuiLegendItemComponent.prototype, "text", void 0);
|
|
35
|
+
__decorate([
|
|
36
|
+
Input(),
|
|
37
|
+
HostBinding('attr.data-size'),
|
|
38
|
+
tuiDefaultProp()
|
|
39
|
+
], TuiLegendItemComponent.prototype, "size", void 0);
|
|
40
|
+
__decorate([
|
|
41
|
+
Input(),
|
|
42
|
+
HostBinding('class._disabled')
|
|
43
|
+
], TuiLegendItemComponent.prototype, "disabled", void 0);
|
|
44
|
+
__decorate([
|
|
45
|
+
HostBinding('style.--tui-primary')
|
|
46
|
+
], TuiLegendItemComponent.prototype, "computedColor", null);
|
|
30
47
|
TuiLegendItemComponent = __decorate([
|
|
31
48
|
Component({
|
|
32
49
|
selector: 'tui-legend-item',
|
|
33
|
-
template: "<button\n tuiButton\n type=\"button\"\n size=\"s\"\n appearance=\"whiteblock\"\n class=\"t-button\"\n [pseudoHovered]=\"active || null\"\n>\n <
|
|
50
|
+
template: "<button\n tuiButton\n type=\"button\"\n size=\"s\"\n appearance=\"whiteblock\"\n class=\"t-button\"\n [pseudoHovered]=\"active || null\"\n>\n <div class=\"t-wrapper\">\n <ng-content select=\"tui-primitive-checkbox\"></ng-content>\n <span class=\"t-dot\"></span>\n <span class=\"t-text\">{{ text }}</span>\n <ng-content></ng-content>\n </div>\n</button>\n",
|
|
34
51
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
35
|
-
styles: [":host{display:inline-block}.t-button{font-weight:700}.t-dot{width:.5rem;height:.5rem;border-radius:100
|
|
52
|
+
styles: [":host{display:inline-block}.t-button{height:2rem;font-weight:700}:host[data-size='m'] .t-button{height:2.25rem;font:var(--tui-font-text-m);font-weight:700}.t-wrapper{display:flex;align-items:center;pointer-events:none}:host._disabled .t-wrapper{color:var(--tui-text-03)}.t-dot{width:.5rem;height:.5rem;border-radius:100%;background:var(--tui-primary)}:host._disabled .t-dot{background:var(--tui-base-04)}.t-dot:not(:first-child){display:none}.t-text{margin:0 .5rem;font-weight:400}"]
|
|
36
53
|
})
|
|
37
54
|
], TuiLegendItemComponent);
|
|
38
55
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-addon-charts-components-legend-item.js","sources":["ng://@taiga-ui/addon-charts/components/legend-item/legend-item.component.ts","ng://@taiga-ui/addon-charts/components/legend-item/legend-item.module.ts","ng://@taiga-ui/addon-charts/components/legend-item/taiga-ui-addon-charts-components-legend-item.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, Input} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {colorFallback} from '@taiga-ui/core';\n\n// TODO: Remove fallback in 3.0\n@Component({\n selector: 'tui-legend-item',\n templateUrl: './legend-item.template.html',\n styleUrls: ['./legend-item.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiLegendItemComponent {\n @Input()\n @tuiDefaultProp()\n active = false;\n\n @Input()\n @tuiDefaultProp()\n color = '';\n\n @Input()\n @tuiDefaultProp()\n text = '';\n\n get computedColor(): string {\n return this.color.startsWith('var(') ? this.color : colorFallback(this.color);\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiButtonModule} from '@taiga-ui/core';\n\nimport {TuiLegendItemComponent} from './legend-item.component';\n\n@NgModule({\n imports: [CommonModule, TuiButtonModule],\n declarations: [TuiLegendItemComponent],\n exports: [TuiLegendItemComponent],\n})\nexport class TuiLegendItemModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAIA;IAOa,sBAAsB,GAAnC,MAAa,sBAAsB;IAAnC;QAGI,WAAM,GAAG,KAAK,CAAC;QAIf,UAAK,GAAG,EAAE,CAAC;QAIX,SAAI,GAAG,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"taiga-ui-addon-charts-components-legend-item.js","sources":["ng://@taiga-ui/addon-charts/components/legend-item/legend-item.component.ts","ng://@taiga-ui/addon-charts/components/legend-item/legend-item.module.ts","ng://@taiga-ui/addon-charts/components/legend-item/taiga-ui-addon-charts-components-legend-item.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {colorFallback, TuiSizeS} from '@taiga-ui/core';\n\n// TODO: Remove fallback in 3.0\n@Component({\n selector: 'tui-legend-item',\n templateUrl: './legend-item.template.html',\n styleUrls: ['./legend-item.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiLegendItemComponent {\n @Input()\n @tuiDefaultProp()\n active = false;\n\n @Input()\n @tuiDefaultProp()\n color = '';\n\n @Input()\n @tuiDefaultProp()\n text = '';\n\n @Input()\n @HostBinding('attr.data-size')\n @tuiDefaultProp()\n size: TuiSizeS = 'm';\n\n @Input()\n @HostBinding('class._disabled')\n disabled = false;\n\n @HostBinding('style.--tui-primary')\n get computedColor(): string | null {\n if (this.color === 'var(--tui-primary)') {\n return null;\n }\n\n return this.color.startsWith('var(') ? this.color : colorFallback(this.color);\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiButtonModule} from '@taiga-ui/core';\n\nimport {TuiLegendItemComponent} from './legend-item.component';\n\n@NgModule({\n imports: [CommonModule, TuiButtonModule],\n declarations: [TuiLegendItemComponent],\n exports: [TuiLegendItemComponent],\n})\nexport class TuiLegendItemModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAIA;IAOa,sBAAsB,GAAnC,MAAa,sBAAsB;IAAnC;QAGI,WAAM,GAAG,KAAK,CAAC;QAIf,UAAK,GAAG,EAAE,CAAC;QAIX,SAAI,GAAG,EAAE,CAAC;QAKV,SAAI,GAAa,GAAG,CAAC;QAIrB,aAAQ,GAAG,KAAK,CAAC;KAUpB;IAPG,IAAI,aAAa;QACb,IAAI,IAAI,CAAC,KAAK,KAAK,oBAAoB,EAAE;YACrC,OAAO,IAAI,CAAC;SACf;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACjF;EACJ;AA3BG;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;sDACF;AAIf;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;qDACN;AAIX;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;oDACP;AAKV;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,gBAAgB,CAAC;IAC7B,cAAc,EAAE;oDACI;AAIrB;IAFC,KAAK,EAAE;IACP,WAAW,CAAC,iBAAiB,CAAC;wDACd;AAGjB;IADC,WAAW,CAAC,qBAAqB,CAAC;2DAOlC;AA7BQ,sBAAsB;IANlC,SAAS,CAAC;QACP,QAAQ,EAAE,iBAAiB;QAC3B,kaAA0C;QAE1C,eAAe,EAAE,uBAAuB,CAAC,MAAM;;KAClD,CAAC;GACW,sBAAsB,CA8BlC;;IC9BY,mBAAmB,GAAhC,MAAa,mBAAmB;EAAG;AAAtB,mBAAmB;IAL/B,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC;QACxC,YAAY,EAAE,CAAC,sBAAsB,CAAC;QACtC,OAAO,EAAE,CAAC,sBAAsB,CAAC;KACpC,CAAC;GACW,mBAAmB,CAAG;;ACXnC;;;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __decorate, __param } from 'tslib';
|
|
2
2
|
import { Location, CommonModule } from '@angular/common';
|
|
3
|
-
import { Renderer2, Inject, ElementRef, NgZone,
|
|
3
|
+
import { Renderer2, Inject, ElementRef, NgZone, ContentChildren, forwardRef, Input, Directive, Optional, HostListener, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
|
4
4
|
import { draw } from '@taiga-ui/addon-charts/utils';
|
|
5
5
|
import { EMPTY_QUERY, tuiZonefree, TuiDestroyService, tuiDefaultProp, tuiPure, inRange, tuiZoneOptimized, TuiIdService, TuiFocusableModule, TuiLetModule } from '@taiga-ui/cdk';
|
|
6
6
|
import { Observable, Subject } from 'rxjs';
|
|
@@ -12,9 +12,9 @@ import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
|
|
|
12
12
|
let TuiLineChartHintDirective = class TuiLineChartHintDirective {
|
|
13
13
|
constructor(renderer, destroy$, { nativeElement }, ngZone, animationFrame$) {
|
|
14
14
|
this.renderer = renderer;
|
|
15
|
-
this.hint = '';
|
|
16
15
|
this.charts = EMPTY_QUERY;
|
|
17
16
|
this.chartsRef = EMPTY_QUERY;
|
|
17
|
+
this.hint = '';
|
|
18
18
|
animationFrame$
|
|
19
19
|
.pipe(throttleTime(200), map(() => !!nativeElement.querySelector(`.${HINT_HOVERED_CLASS}`)), startWith(false), distinctUntilChanged(), filter(v => !v), tuiZonefree(ngZone), takeUntil(destroy$))
|
|
20
20
|
.subscribe(() => {
|
|
@@ -45,16 +45,16 @@ TuiLineChartHintDirective.ctorParameters = () => [
|
|
|
45
45
|
{ type: NgZone, decorators: [{ type: Inject, args: [NgZone,] }] },
|
|
46
46
|
{ type: Observable, decorators: [{ type: Inject, args: [ANIMATION_FRAME,] }] }
|
|
47
47
|
];
|
|
48
|
-
__decorate([
|
|
49
|
-
Input('tuiLineChartHint'),
|
|
50
|
-
tuiDefaultProp()
|
|
51
|
-
], TuiLineChartHintDirective.prototype, "hint", void 0);
|
|
52
48
|
__decorate([
|
|
53
49
|
ContentChildren(forwardRef(() => TuiLineChartComponent))
|
|
54
50
|
], TuiLineChartHintDirective.prototype, "charts", void 0);
|
|
55
51
|
__decorate([
|
|
56
52
|
ContentChildren(forwardRef(() => TuiLineChartComponent), { read: ElementRef })
|
|
57
53
|
], TuiLineChartHintDirective.prototype, "chartsRef", void 0);
|
|
54
|
+
__decorate([
|
|
55
|
+
Input('tuiLineChartHint'),
|
|
56
|
+
tuiDefaultProp()
|
|
57
|
+
], TuiLineChartHintDirective.prototype, "hint", void 0);
|
|
58
58
|
__decorate([
|
|
59
59
|
tuiPure
|
|
60
60
|
], TuiLineChartHintDirective.prototype, "computeContext", null);
|
|
@@ -79,6 +79,7 @@ let TuiLineChartComponent = class TuiLineChartComponent {
|
|
|
79
79
|
this.ngZone = ngZone;
|
|
80
80
|
this.locationRef = locationRef;
|
|
81
81
|
this.hintDirective = hintDirective;
|
|
82
|
+
this._hovered$ = new Subject();
|
|
82
83
|
this.x = 0;
|
|
83
84
|
this.y = 0;
|
|
84
85
|
this.width = 0;
|
|
@@ -90,7 +91,6 @@ let TuiLineChartComponent = class TuiLineChartComponent {
|
|
|
90
91
|
this.filled = false;
|
|
91
92
|
this.dots = false;
|
|
92
93
|
this.value = [];
|
|
93
|
-
this._hovered$ = new Subject();
|
|
94
94
|
this.autoIdString = idService.generate();
|
|
95
95
|
}
|
|
96
96
|
set valueSetter(value) {
|
|
@@ -127,6 +127,11 @@ let TuiLineChartComponent = class TuiLineChartComponent {
|
|
|
127
127
|
get hasHints() {
|
|
128
128
|
return !!this.xStringify || !!this.yStringify || !!this.computedHint;
|
|
129
129
|
}
|
|
130
|
+
onMouseLeave() {
|
|
131
|
+
if (!this.hintDirective) {
|
|
132
|
+
this.onHovered(NaN);
|
|
133
|
+
}
|
|
134
|
+
}
|
|
130
135
|
getX(index) {
|
|
131
136
|
if (this.isSinglePoint) {
|
|
132
137
|
return this.value[0][0] / 2;
|
|
@@ -170,11 +175,6 @@ let TuiLineChartComponent = class TuiLineChartComponent {
|
|
|
170
175
|
onHovered(index) {
|
|
171
176
|
this._hovered$.next(index);
|
|
172
177
|
}
|
|
173
|
-
onMouseLeave() {
|
|
174
|
-
if (!this.hintDirective) {
|
|
175
|
-
this.onHovered(NaN);
|
|
176
|
-
}
|
|
177
|
-
}
|
|
178
178
|
get isSinglePoint() {
|
|
179
179
|
return this.value.length === 1;
|
|
180
180
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-addon-charts-components-line-chart.js","sources":["ng://@taiga-ui/addon-charts/components/line-chart/line-chart-hint.directive.ts","ng://@taiga-ui/addon-charts/components/line-chart/line-chart.component.ts","ng://@taiga-ui/addon-charts/components/line-chart/line-chart.module.ts","ng://@taiga-ui/addon-charts/components/line-chart/taiga-ui-addon-charts-components-line-chart.ts"],"sourcesContent":["import {\n ContentChildren,\n Directive,\n ElementRef,\n forwardRef,\n Inject,\n Input,\n NgZone,\n QueryList,\n Renderer2,\n} from '@angular/core';\nimport {ANIMATION_FRAME} from '@ng-web-apis/common';\nimport {\n EMPTY_QUERY,\n TuiContextWithImplicit,\n tuiDefaultProp,\n TuiDestroyService,\n tuiPure,\n tuiZonefree,\n} from '@taiga-ui/cdk';\nimport {HINT_HOVERED_CLASS, TuiPoint} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\nimport {\n distinctUntilChanged,\n filter,\n map,\n startWith,\n takeUntil,\n throttleTime,\n} from 'rxjs/operators';\n\nimport {TuiLineChartComponent} from './line-chart.component';\n\n@Directive({\n selector: '[tuiLineChartHint]',\n providers: [TuiDestroyService],\n})\nexport class TuiLineChartHintDirective {\n @Input('tuiLineChartHint')\n @tuiDefaultProp()\n hint: PolymorpheusContent<TuiContextWithImplicit<ReadonlyArray<TuiPoint>>> = '';\n\n @ContentChildren(forwardRef(() => TuiLineChartComponent))\n private readonly charts: QueryList<TuiLineChartComponent> = EMPTY_QUERY;\n\n @ContentChildren(forwardRef(() => TuiLineChartComponent), {read: ElementRef})\n private readonly chartsRef: QueryList<ElementRef<HTMLElement>> = EMPTY_QUERY;\n\n constructor(\n @Inject(Renderer2) private readonly renderer: Renderer2,\n @Inject(TuiDestroyService) destroy$: TuiDestroyService,\n @Inject(ElementRef) {nativeElement}: ElementRef<HTMLElement>,\n @Inject(NgZone) ngZone: NgZone,\n @Inject(ANIMATION_FRAME) animationFrame$: Observable<number>,\n ) {\n animationFrame$\n .pipe(\n throttleTime(200),\n map(() => !!nativeElement.querySelector(`.${HINT_HOVERED_CLASS}`)),\n startWith(false),\n distinctUntilChanged(),\n filter(v => !v),\n tuiZonefree(ngZone),\n takeUntil(destroy$),\n )\n .subscribe(() => {\n this.charts.forEach(chart => chart.onHovered(NaN));\n });\n }\n\n // _chart is required by TuiLineDaysChartComponent that impersonates this directive\n getContext(\n index: number,\n _chart: TuiLineChartComponent,\n ): TuiContextWithImplicit<ReadonlyArray<TuiPoint>> {\n return this.computeContext(index, this.charts);\n }\n\n // _chart is required by TuiLineDaysChartComponent that impersonates this directive\n raise(index: number, _chart: TuiLineChartComponent) {\n const current = this.charts.map(chart => chart.value[index]);\n const sorted = [...current].sort((a, b) => a[1] - b[1]);\n\n this.charts.forEach(chart => chart.onHovered(index));\n this.chartsRef.forEach(({nativeElement}, index) =>\n this.renderer.setStyle(\n nativeElement,\n 'z-index',\n sorted.indexOf(current[index]),\n ),\n );\n }\n\n @tuiPure\n private computeContext(\n index: number,\n charts: QueryList<TuiLineChartComponent>,\n ): TuiContextWithImplicit<ReadonlyArray<TuiPoint>> {\n return {\n $implicit: charts.map(chart => chart.value[index]),\n };\n }\n}\n","import {Location} from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n HostListener,\n Inject,\n Input,\n NgZone,\n Optional,\n} from '@angular/core';\nimport {draw} from '@taiga-ui/addon-charts/utils';\nimport {\n inRange,\n TuiContextWithImplicit,\n tuiDefaultProp,\n TuiIdService,\n tuiPure,\n TuiStringHandler,\n tuiZoneOptimized,\n} from '@taiga-ui/cdk';\nimport {TuiPoint} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable, Subject} from 'rxjs';\nimport {distinctUntilChanged} from 'rxjs/operators';\n\nimport {TuiLineChartHintDirective} from './line-chart-hint.directive';\n\nexport function smoothingAssertion(smoothingFactor: number): boolean {\n return inRange(smoothingFactor, 0, 100);\n}\n\nconst SMOOTHING_MESSAGE = 'smoothingFactor must be between 0 and 100';\n\n@Component({\n selector: 'tui-line-chart',\n templateUrl: './line-chart.template.html',\n styleUrls: ['./line-chart.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiLineChartComponent {\n @Input('value')\n @tuiDefaultProp()\n set valueSetter(value: ReadonlyArray<TuiPoint>) {\n this.value = value.filter(item => !item.some(isNaN));\n }\n\n @Input()\n @tuiDefaultProp()\n x = 0;\n\n @Input()\n @tuiDefaultProp()\n y = 0;\n\n @Input()\n @tuiDefaultProp()\n width = 0;\n\n @Input()\n @tuiDefaultProp()\n height = 0;\n\n @Input()\n @tuiDefaultProp(smoothingAssertion, SMOOTHING_MESSAGE)\n smoothingFactor = 0;\n\n @Input()\n @tuiDefaultProp()\n hintContent: PolymorpheusContent<TuiContextWithImplicit<TuiPoint>> = '';\n\n @Input()\n @tuiDefaultProp()\n xStringify: TuiStringHandler<number> | null = null;\n\n @Input()\n @tuiDefaultProp()\n yStringify: TuiStringHandler<number> | null = null;\n\n @Input()\n @tuiDefaultProp()\n filled = false;\n\n @Input()\n @tuiDefaultProp()\n dots = false;\n\n value: ReadonlyArray<TuiPoint> = [];\n\n private readonly _hovered$ = new Subject<number>();\n\n private readonly autoIdString: string;\n\n constructor(\n @Inject(TuiIdService) idService: TuiIdService,\n @Inject(NgZone) private readonly ngZone: NgZone,\n @Inject(Location) private readonly locationRef: Location,\n @Optional()\n @Inject(TuiLineChartHintDirective)\n private readonly hintDirective: TuiLineChartHintDirective | null,\n ) {\n this.autoIdString = idService.generate();\n }\n\n @tuiPure\n get hovered$(): Observable<number> {\n return this._hovered$.pipe(distinctUntilChanged(), tuiZoneOptimized(this.ngZone));\n }\n\n get fillId(): string {\n return 'tui-line-chart-' + this.autoIdString;\n }\n\n get fill(): string {\n return this.filled\n ? `url(${this.locationRef.prepareExternalUrl(this.locationRef.path())}#${\n this.fillId\n })`\n : 'none';\n }\n\n get viewBox(): string {\n return `${this.x} ${this.y} ${this.width} ${this.height}`;\n }\n\n get d(): string {\n return this.getD(this.value, this.smoothingFactor);\n }\n\n get fillD(): string {\n return this.value.length\n ? this.d + `V ${this.y} H ${this.value[0][0]} V ${this.value[0][1]}`\n : this.d;\n }\n\n get computedHint():\n | PolymorpheusContent<TuiContextWithImplicit<TuiPoint>>\n | PolymorpheusContent<TuiContextWithImplicit<ReadonlyArray<TuiPoint>>> {\n return this.hintDirective ? this.hintDirective.hint : this.hintContent;\n }\n\n get isFocusable(): boolean {\n return !this.hintDirective && this.hasHints;\n }\n\n get hasHints(): boolean {\n return !!this.xStringify || !!this.yStringify || !!this.computedHint;\n }\n\n getX(index: number): number {\n if (this.isSinglePoint) {\n return this.value[0][0] / 2;\n }\n\n return index\n ? (this.value[index - 1][0] + this.value[index][0]) / 2\n : 2 * this.value[0][0] - this.getX(1);\n }\n\n getWidth(index: number): number {\n return (100 * this.computeWidth(index)) / this.width;\n }\n\n getHintId(index: number): string {\n return `${this.autoIdString}_${index}`;\n }\n\n getContentContext(\n $implicit: TuiPoint,\n ):\n | TuiContextWithImplicit<TuiPoint>\n | TuiContextWithImplicit<ReadonlyArray<TuiPoint>> {\n return this.hintDirective\n ? this.hintDirective.getContext(this.value.indexOf($implicit), this)\n : {$implicit};\n }\n\n getHovered(hovered: number): TuiPoint | null {\n // This checks for NaN and null too since async pipe returns null before first item\n return Number.isInteger(hovered) ? this.value[hovered] : null;\n }\n\n getBottom(y: number): number {\n return (100 * (y - this.y)) / this.height;\n }\n\n getLeft(x: number): number {\n return (100 * (x - this.x)) / this.width;\n }\n\n getOffset(x: number): number {\n return (100 * (this.value[x][0] - this.getX(x))) / this.computeWidth(x);\n }\n\n onMouseEnter(index: number) {\n if (this.hintDirective) {\n this.hintDirective.raise(index, this);\n } else {\n this.onHovered(index);\n }\n }\n\n onHovered(index: number) {\n this._hovered$.next(index);\n }\n\n @HostListener('mouseleave')\n onMouseLeave() {\n if (!this.hintDirective) {\n this.onHovered(NaN);\n }\n }\n\n private get isSinglePoint(): boolean {\n return this.value.length === 1;\n }\n\n @tuiPure\n private getD(value: ReadonlyArray<TuiPoint>, smoothingFactor: number): string {\n return value.reduce(\n (d, point, index) =>\n index ? `${d} ${draw(value, index, smoothingFactor)}` : `M ${point}`,\n '',\n );\n }\n\n private computeWidth(index: number): number {\n return index === this.value.length - 1\n ? 2 * (this.value[index][0] - this.getX(index))\n : this.getX(index + 1) - this.getX(index);\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiFocusableModule, TuiLetModule} from '@taiga-ui/cdk';\nimport {TuiDescribedByModule, TuiHintModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiLineChartComponent} from './line-chart.component';\nimport {TuiLineChartHintDirective} from './line-chart-hint.directive';\n\n@NgModule({\n imports: [\n CommonModule,\n PolymorpheusModule,\n TuiHintModule,\n TuiFocusableModule,\n TuiDescribedByModule,\n TuiLetModule,\n ],\n declarations: [TuiLineChartComponent, TuiLineChartHintDirective],\n exports: [TuiLineChartComponent, TuiLineChartHintDirective],\n})\nexport class TuiLineChartModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"taiga-ui-addon-charts-components-line-chart.js","sources":["ng://@taiga-ui/addon-charts/components/line-chart/line-chart-hint.directive.ts","ng://@taiga-ui/addon-charts/components/line-chart/line-chart.component.ts","ng://@taiga-ui/addon-charts/components/line-chart/line-chart.module.ts","ng://@taiga-ui/addon-charts/components/line-chart/taiga-ui-addon-charts-components-line-chart.ts"],"sourcesContent":["import {\n ContentChildren,\n Directive,\n ElementRef,\n forwardRef,\n Inject,\n Input,\n NgZone,\n QueryList,\n Renderer2,\n} from '@angular/core';\nimport {ANIMATION_FRAME} from '@ng-web-apis/common';\nimport {\n EMPTY_QUERY,\n TuiContextWithImplicit,\n tuiDefaultProp,\n TuiDestroyService,\n tuiPure,\n tuiZonefree,\n} from '@taiga-ui/cdk';\nimport {HINT_HOVERED_CLASS, TuiPoint} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\nimport {\n distinctUntilChanged,\n filter,\n map,\n startWith,\n takeUntil,\n throttleTime,\n} from 'rxjs/operators';\n\nimport {TuiLineChartComponent} from './line-chart.component';\n\n@Directive({\n selector: '[tuiLineChartHint]',\n providers: [TuiDestroyService],\n})\nexport class TuiLineChartHintDirective {\n @ContentChildren(forwardRef(() => TuiLineChartComponent))\n private readonly charts: QueryList<TuiLineChartComponent> = EMPTY_QUERY;\n\n @ContentChildren(forwardRef(() => TuiLineChartComponent), {read: ElementRef})\n private readonly chartsRef: QueryList<ElementRef<HTMLElement>> = EMPTY_QUERY;\n\n @Input('tuiLineChartHint')\n @tuiDefaultProp()\n hint: PolymorpheusContent<TuiContextWithImplicit<ReadonlyArray<TuiPoint>>> = '';\n\n constructor(\n @Inject(Renderer2) private readonly renderer: Renderer2,\n @Inject(TuiDestroyService) destroy$: TuiDestroyService,\n @Inject(ElementRef) {nativeElement}: ElementRef<HTMLElement>,\n @Inject(NgZone) ngZone: NgZone,\n @Inject(ANIMATION_FRAME) animationFrame$: Observable<number>,\n ) {\n animationFrame$\n .pipe(\n throttleTime(200),\n map(() => !!nativeElement.querySelector(`.${HINT_HOVERED_CLASS}`)),\n startWith(false),\n distinctUntilChanged(),\n filter(v => !v),\n tuiZonefree(ngZone),\n takeUntil(destroy$),\n )\n .subscribe(() => {\n this.charts.forEach(chart => chart.onHovered(NaN));\n });\n }\n\n // _chart is required by TuiLineDaysChartComponent that impersonates this directive\n getContext(\n index: number,\n _chart: TuiLineChartComponent,\n ): TuiContextWithImplicit<ReadonlyArray<TuiPoint>> {\n return this.computeContext(index, this.charts);\n }\n\n // _chart is required by TuiLineDaysChartComponent that impersonates this directive\n raise(index: number, _chart: TuiLineChartComponent) {\n const current = this.charts.map(chart => chart.value[index]);\n const sorted = [...current].sort((a, b) => a[1] - b[1]);\n\n this.charts.forEach(chart => chart.onHovered(index));\n this.chartsRef.forEach(({nativeElement}, index) =>\n this.renderer.setStyle(\n nativeElement,\n 'z-index',\n sorted.indexOf(current[index]),\n ),\n );\n }\n\n @tuiPure\n private computeContext(\n index: number,\n charts: QueryList<TuiLineChartComponent>,\n ): TuiContextWithImplicit<ReadonlyArray<TuiPoint>> {\n return {\n $implicit: charts.map(chart => chart.value[index]),\n };\n }\n}\n","import {Location} from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n HostListener,\n Inject,\n Input,\n NgZone,\n Optional,\n} from '@angular/core';\nimport {draw} from '@taiga-ui/addon-charts/utils';\nimport {\n inRange,\n TuiContextWithImplicit,\n tuiDefaultProp,\n TuiIdService,\n tuiPure,\n TuiStringHandler,\n tuiZoneOptimized,\n} from '@taiga-ui/cdk';\nimport {TuiPoint} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable, Subject} from 'rxjs';\nimport {distinctUntilChanged} from 'rxjs/operators';\n\nimport {TuiLineChartHintDirective} from './line-chart-hint.directive';\n\nexport function smoothingAssertion(smoothingFactor: number): boolean {\n return inRange(smoothingFactor, 0, 100);\n}\n\nconst SMOOTHING_MESSAGE = 'smoothingFactor must be between 0 and 100';\n\n@Component({\n selector: 'tui-line-chart',\n templateUrl: './line-chart.template.html',\n styleUrls: ['./line-chart.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiLineChartComponent {\n private readonly _hovered$ = new Subject<number>();\n\n private readonly autoIdString: string;\n\n @Input('value')\n @tuiDefaultProp()\n set valueSetter(value: ReadonlyArray<TuiPoint>) {\n this.value = value.filter(item => !item.some(isNaN));\n }\n\n @Input()\n @tuiDefaultProp()\n x = 0;\n\n @Input()\n @tuiDefaultProp()\n y = 0;\n\n @Input()\n @tuiDefaultProp()\n width = 0;\n\n @Input()\n @tuiDefaultProp()\n height = 0;\n\n @Input()\n @tuiDefaultProp(smoothingAssertion, SMOOTHING_MESSAGE)\n smoothingFactor = 0;\n\n @Input()\n @tuiDefaultProp()\n hintContent: PolymorpheusContent<TuiContextWithImplicit<TuiPoint>> = '';\n\n @Input()\n @tuiDefaultProp()\n xStringify: TuiStringHandler<number> | null = null;\n\n @Input()\n @tuiDefaultProp()\n yStringify: TuiStringHandler<number> | null = null;\n\n @Input()\n @tuiDefaultProp()\n filled = false;\n\n @Input()\n @tuiDefaultProp()\n dots = false;\n\n value: ReadonlyArray<TuiPoint> = [];\n\n constructor(\n @Inject(TuiIdService) idService: TuiIdService,\n @Inject(NgZone) private readonly ngZone: NgZone,\n @Inject(Location) private readonly locationRef: Location,\n @Optional()\n @Inject(TuiLineChartHintDirective)\n private readonly hintDirective: TuiLineChartHintDirective | null,\n ) {\n this.autoIdString = idService.generate();\n }\n\n @tuiPure\n get hovered$(): Observable<number> {\n return this._hovered$.pipe(distinctUntilChanged(), tuiZoneOptimized(this.ngZone));\n }\n\n get fillId(): string {\n return 'tui-line-chart-' + this.autoIdString;\n }\n\n get fill(): string {\n return this.filled\n ? `url(${this.locationRef.prepareExternalUrl(this.locationRef.path())}#${\n this.fillId\n })`\n : 'none';\n }\n\n get viewBox(): string {\n return `${this.x} ${this.y} ${this.width} ${this.height}`;\n }\n\n get d(): string {\n return this.getD(this.value, this.smoothingFactor);\n }\n\n get fillD(): string {\n return this.value.length\n ? this.d + `V ${this.y} H ${this.value[0][0]} V ${this.value[0][1]}`\n : this.d;\n }\n\n get computedHint():\n | PolymorpheusContent<TuiContextWithImplicit<TuiPoint>>\n | PolymorpheusContent<TuiContextWithImplicit<ReadonlyArray<TuiPoint>>> {\n return this.hintDirective ? this.hintDirective.hint : this.hintContent;\n }\n\n get isFocusable(): boolean {\n return !this.hintDirective && this.hasHints;\n }\n\n get hasHints(): boolean {\n return !!this.xStringify || !!this.yStringify || !!this.computedHint;\n }\n\n @HostListener('mouseleave')\n onMouseLeave() {\n if (!this.hintDirective) {\n this.onHovered(NaN);\n }\n }\n\n getX(index: number): number {\n if (this.isSinglePoint) {\n return this.value[0][0] / 2;\n }\n\n return index\n ? (this.value[index - 1][0] + this.value[index][0]) / 2\n : 2 * this.value[0][0] - this.getX(1);\n }\n\n getWidth(index: number): number {\n return (100 * this.computeWidth(index)) / this.width;\n }\n\n getHintId(index: number): string {\n return `${this.autoIdString}_${index}`;\n }\n\n getContentContext(\n $implicit: TuiPoint,\n ):\n | TuiContextWithImplicit<TuiPoint>\n | TuiContextWithImplicit<ReadonlyArray<TuiPoint>> {\n return this.hintDirective\n ? this.hintDirective.getContext(this.value.indexOf($implicit), this)\n : {$implicit};\n }\n\n getHovered(hovered: number): TuiPoint | null {\n // This checks for NaN and null too since async pipe returns null before first item\n return Number.isInteger(hovered) ? this.value[hovered] : null;\n }\n\n getBottom(y: number): number {\n return (100 * (y - this.y)) / this.height;\n }\n\n getLeft(x: number): number {\n return (100 * (x - this.x)) / this.width;\n }\n\n getOffset(x: number): number {\n return (100 * (this.value[x][0] - this.getX(x))) / this.computeWidth(x);\n }\n\n onMouseEnter(index: number) {\n if (this.hintDirective) {\n this.hintDirective.raise(index, this);\n } else {\n this.onHovered(index);\n }\n }\n\n onHovered(index: number) {\n this._hovered$.next(index);\n }\n\n private get isSinglePoint(): boolean {\n return this.value.length === 1;\n }\n\n @tuiPure\n private getD(value: ReadonlyArray<TuiPoint>, smoothingFactor: number): string {\n return value.reduce(\n (d, point, index) =>\n index ? `${d} ${draw(value, index, smoothingFactor)}` : `M ${point}`,\n '',\n );\n }\n\n private computeWidth(index: number): number {\n return index === this.value.length - 1\n ? 2 * (this.value[index][0] - this.getX(index))\n : this.getX(index + 1) - this.getX(index);\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiFocusableModule, TuiLetModule} from '@taiga-ui/cdk';\nimport {TuiDescribedByModule, TuiHintModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiLineChartComponent} from './line-chart.component';\nimport {TuiLineChartHintDirective} from './line-chart-hint.directive';\n\n@NgModule({\n imports: [\n CommonModule,\n PolymorpheusModule,\n TuiHintModule,\n TuiFocusableModule,\n TuiDescribedByModule,\n TuiLetModule,\n ],\n declarations: [TuiLineChartComponent, TuiLineChartHintDirective],\n exports: [TuiLineChartComponent, TuiLineChartHintDirective],\n})\nexport class TuiLineChartModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __decorate, __param } from 'tslib';
|
|
2
|
-
import { Inject, ElementRef, NgZone,
|
|
2
|
+
import { Inject, ElementRef, NgZone, ContentChildren, forwardRef, Input, Directive, Optional, ViewChildren, HostBinding, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
|
3
3
|
import { TuiLineChartComponent, TuiLineChartHintDirective, TuiLineChartModule } from '@taiga-ui/addon-charts/components/line-chart';
|
|
4
4
|
import { EMPTY_QUERY, tuiZonefree, TuiDestroyService, tuiDefaultProp, tuiPure, TuiDay, EMPTY_ARRAY, TuiMonth, isPresent } from '@taiga-ui/cdk';
|
|
5
5
|
import { ANIMATION_FRAME } from '@ng-web-apis/common';
|
|
@@ -11,8 +11,8 @@ import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
|
|
|
11
11
|
|
|
12
12
|
let TuiLineDaysChartHintDirective = class TuiLineDaysChartHintDirective {
|
|
13
13
|
constructor(destroy$, { nativeElement }, ngZone, animationFrame$) {
|
|
14
|
-
this.hint = '';
|
|
15
14
|
this.charts = EMPTY_QUERY;
|
|
15
|
+
this.hint = '';
|
|
16
16
|
animationFrame$
|
|
17
17
|
.pipe(throttleTime(200), map(() => !!nativeElement.querySelector(`.${HINT_HOVERED_CLASS}`)), startWith(false), distinctUntilChanged(), tuiZonefree(ngZone), filter(v => !v), takeUntil(destroy$))
|
|
18
18
|
.subscribe(() => {
|
|
@@ -44,13 +44,13 @@ TuiLineDaysChartHintDirective.ctorParameters = () => [
|
|
|
44
44
|
{ type: NgZone, decorators: [{ type: Inject, args: [NgZone,] }] },
|
|
45
45
|
{ type: Observable, decorators: [{ type: Inject, args: [ANIMATION_FRAME,] }] }
|
|
46
46
|
];
|
|
47
|
+
__decorate([
|
|
48
|
+
ContentChildren(forwardRef(() => TuiLineDaysChartComponent))
|
|
49
|
+
], TuiLineDaysChartHintDirective.prototype, "charts", void 0);
|
|
47
50
|
__decorate([
|
|
48
51
|
Input('tuiLineChartHint'),
|
|
49
52
|
tuiDefaultProp()
|
|
50
53
|
], TuiLineDaysChartHintDirective.prototype, "hint", void 0);
|
|
51
|
-
__decorate([
|
|
52
|
-
ContentChildren(forwardRef(() => TuiLineDaysChartComponent))
|
|
53
|
-
], TuiLineDaysChartHintDirective.prototype, "charts", void 0);
|
|
54
54
|
__decorate([
|
|
55
55
|
tuiPure
|
|
56
56
|
], TuiLineDaysChartHintDirective.prototype, "computeContext", null);
|
|
@@ -73,6 +73,7 @@ const DUMMY = [NaN, NaN];
|
|
|
73
73
|
let TuiLineDaysChartComponent = TuiLineDaysChartComponent_1 = class TuiLineDaysChartComponent {
|
|
74
74
|
constructor(hintDirective) {
|
|
75
75
|
this.hintDirective = hintDirective;
|
|
76
|
+
this.charts = EMPTY_QUERY;
|
|
76
77
|
this.y = 0;
|
|
77
78
|
this.height = 0;
|
|
78
79
|
this.smoothingFactor = 0;
|
|
@@ -80,10 +81,9 @@ let TuiLineDaysChartComponent = TuiLineDaysChartComponent_1 = class TuiLineDaysC
|
|
|
80
81
|
this.xStringify = null;
|
|
81
82
|
this.yStringify = null;
|
|
82
83
|
this.dots = false;
|
|
83
|
-
this.value = [];
|
|
84
84
|
this.zIndex = 0;
|
|
85
|
+
this.value = [];
|
|
85
86
|
this.daysStringify = index => this.xStringify ? this.xStringify(this.getMonth(index)) : '';
|
|
86
|
-
this.charts = EMPTY_QUERY;
|
|
87
87
|
}
|
|
88
88
|
set valueSetter(value) {
|
|
89
89
|
if (!value.length) {
|
|
@@ -109,6 +109,11 @@ let TuiLineDaysChartComponent = TuiLineDaysChartComponent_1 = class TuiLineDaysC
|
|
|
109
109
|
get hint() {
|
|
110
110
|
return this.hintDirective ? this.hintDirective.hint : this.hintContent;
|
|
111
111
|
}
|
|
112
|
+
getHintContext(x, value) {
|
|
113
|
+
return {
|
|
114
|
+
$implicit: value[x - value[0][0].day + 1],
|
|
115
|
+
};
|
|
116
|
+
}
|
|
112
117
|
getX(index) {
|
|
113
118
|
const current = this.getMonth(index);
|
|
114
119
|
const months = TuiMonth.lengthBetween(this.value[0][0], current);
|
|
@@ -143,20 +148,12 @@ let TuiLineDaysChartComponent = TuiLineDaysChartComponent_1 = class TuiLineDaysC
|
|
|
143
148
|
getWidth(index) {
|
|
144
149
|
return this.getMonth(index).daysCount * this.months.length;
|
|
145
150
|
}
|
|
146
|
-
getHintContext(x, value) {
|
|
147
|
-
return {
|
|
148
|
-
$implicit: value[x - value[0][0].day + 1],
|
|
149
|
-
};
|
|
150
|
-
}
|
|
151
151
|
getContext(index, { value }) {
|
|
152
152
|
const x = value[index][0];
|
|
153
153
|
return this.hintDirective
|
|
154
154
|
? this.hintDirective.getContext(this.getMonth(x))
|
|
155
155
|
: this.getHintContext(x, this.value);
|
|
156
156
|
}
|
|
157
|
-
getMonth(index) {
|
|
158
|
-
return this.value[index - this.value[0][0].day + 1][0];
|
|
159
|
-
}
|
|
160
157
|
breakMonths(value) {
|
|
161
158
|
const offset = value[0][0].day - 1;
|
|
162
159
|
return Array.from({ length: TuiMonth.lengthBetween(value[0][0], value[value.length - 1][0]) + 1 }, (_, i) => i + value[0][0].month + value[0][0].year * 12)
|
|
@@ -167,10 +164,16 @@ let TuiLineDaysChartComponent = TuiLineDaysChartComponent_1 = class TuiLineDaysC
|
|
|
167
164
|
? month
|
|
168
165
|
: [...month, array[index + 1].find(day => !isNaN(day[1])) || DUMMY]);
|
|
169
166
|
}
|
|
167
|
+
getMonth(index) {
|
|
168
|
+
return this.value[index - this.value[0][0].day + 1][0];
|
|
169
|
+
}
|
|
170
170
|
};
|
|
171
171
|
TuiLineDaysChartComponent.ctorParameters = () => [
|
|
172
172
|
{ type: TuiLineDaysChartHintDirective, decorators: [{ type: Optional }, { type: Inject, args: [TuiLineDaysChartHintDirective,] }] }
|
|
173
173
|
];
|
|
174
|
+
__decorate([
|
|
175
|
+
ViewChildren(TuiLineChartComponent)
|
|
176
|
+
], TuiLineDaysChartComponent.prototype, "charts", void 0);
|
|
174
177
|
__decorate([
|
|
175
178
|
Input('value'),
|
|
176
179
|
tuiDefaultProp()
|
|
@@ -206,9 +209,6 @@ __decorate([
|
|
|
206
209
|
__decorate([
|
|
207
210
|
HostBinding('style.zIndex')
|
|
208
211
|
], TuiLineDaysChartComponent.prototype, "zIndex", void 0);
|
|
209
|
-
__decorate([
|
|
210
|
-
ViewChildren(TuiLineChartComponent)
|
|
211
|
-
], TuiLineDaysChartComponent.prototype, "charts", void 0);
|
|
212
212
|
__decorate([
|
|
213
213
|
tuiPure
|
|
214
214
|
], TuiLineDaysChartComponent.prototype, "getHintContext", null);
|