@taiga-ui/addon-charts 2.75.0 → 2.77.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/bundles/taiga-ui-addon-charts-components-arc-chart.umd.js +58 -13
- package/bundles/taiga-ui-addon-charts-components-arc-chart.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-charts-components-arc-chart.umd.min.js +1 -1
- package/bundles/taiga-ui-addon-charts-components-arc-chart.umd.min.js.map +1 -1
- package/bundles/taiga-ui-addon-charts-components-axes.umd.js +54 -9
- package/bundles/taiga-ui-addon-charts-components-axes.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-charts-components-axes.umd.min.js.map +1 -1
- package/bundles/taiga-ui-addon-charts-components-bar-chart.umd.js +51 -6
- 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.map +1 -1
- package/bundles/taiga-ui-addon-charts-components-bar-set.umd.js +49 -4
- package/bundles/taiga-ui-addon-charts-components-bar-set.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-charts-components-bar-set.umd.min.js.map +1 -1
- package/bundles/taiga-ui-addon-charts-components-bar.umd.js +49 -4
- package/bundles/taiga-ui-addon-charts-components-bar.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-charts-components-bar.umd.min.js.map +1 -1
- package/bundles/taiga-ui-addon-charts-components-legend-item.umd.js +55 -10
- 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.map +1 -1
- package/bundles/taiga-ui-addon-charts-components-line-chart.umd.js +58 -13
- 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 +58 -11
- 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 +59 -14
- 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.map +1 -1
- package/bundles/taiga-ui-addon-charts-components-ring-chart.umd.js +50 -5
- 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.map +1 -1
- package/bundles/taiga-ui-addon-charts-utils.umd.js +48 -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/taiga-ui-addon-charts-components-arc-chart.metadata.json +1 -1
- package/components/bar/bar.component.d.ts +1 -1
- package/components/bar-chart/bar-chart.component.d.ts +1 -1
- package/components/bar-set/bar-set.component.d.ts +2 -2
- package/components/pie-chart/pie-chart.component.d.ts +1 -1
- package/esm2015/components/arc-chart/arc-chart.component.js +13 -13
- package/esm2015/components/axes/axes.component.js +9 -9
- package/esm2015/components/bar/bar.component.js +4 -4
- package/esm2015/components/bar-chart/bar-chart.component.js +6 -6
- package/esm2015/components/bar-set/bar-set.component.js +4 -4
- package/esm2015/components/legend-item/legend-item.component.js +10 -10
- package/esm2015/components/line-chart/line-chart-hint.directive.js +5 -5
- package/esm2015/components/line-chart/line-chart.component.js +9 -9
- 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 +10 -7
- package/esm2015/components/pie-chart/pie-chart.component.js +12 -12
- package/esm2015/components/pie-chart/pie-chart.directive.js +3 -3
- package/esm2015/components/ring-chart/ring-chart.component.js +5 -5
- package/esm2015/types/line-type.js +1 -1
- package/esm2015/utils/describe-sector.js +2 -2
- package/esm2015/utils/line-length.js +2 -1
- package/esm5/components/arc-chart/arc-chart.component.js +13 -13
- package/esm5/components/axes/axes.component.js +9 -9
- package/esm5/components/bar/bar.component.js +4 -4
- package/esm5/components/bar-chart/bar-chart.component.js +6 -6
- package/esm5/components/bar-set/bar-set.component.js +4 -4
- package/esm5/components/legend-item/legend-item.component.js +10 -10
- package/esm5/components/line-chart/line-chart-hint.directive.js +5 -5
- package/esm5/components/line-chart/line-chart.component.js +9 -9
- 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 +9 -7
- package/esm5/components/pie-chart/pie-chart.component.js +12 -12
- package/esm5/components/pie-chart/pie-chart.directive.js +3 -3
- package/esm5/components/ring-chart/ring-chart.component.js +5 -5
- package/esm5/types/line-type.js +1 -1
- package/esm5/utils/describe-sector.js +2 -2
- package/esm5/utils/line-length.js +2 -1
- package/fesm2015/taiga-ui-addon-charts-components-arc-chart.js +12 -12
- package/fesm2015/taiga-ui-addon-charts-components-arc-chart.js.map +1 -1
- package/fesm2015/taiga-ui-addon-charts-components-axes.js +8 -8
- package/fesm2015/taiga-ui-addon-charts-components-axes.js.map +1 -1
- 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-bar-set.js +3 -3
- package/fesm2015/taiga-ui-addon-charts-components-bar-set.js.map +1 -1
- package/fesm2015/taiga-ui-addon-charts-components-bar.js +3 -3
- package/fesm2015/taiga-ui-addon-charts-components-bar.js.map +1 -1
- package/fesm2015/taiga-ui-addon-charts-components-legend-item.js +9 -9
- 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 +13 -10
- package/fesm2015/taiga-ui-addon-charts-components-line-days-chart.js.map +1 -1
- package/fesm2015/taiga-ui-addon-charts-components-pie-chart.js +13 -13
- package/fesm2015/taiga-ui-addon-charts-components-pie-chart.js.map +1 -1
- package/fesm2015/taiga-ui-addon-charts-components-ring-chart.js +4 -4
- package/fesm2015/taiga-ui-addon-charts-components-ring-chart.js.map +1 -1
- package/fesm2015/taiga-ui-addon-charts-utils.js +2 -1
- package/fesm2015/taiga-ui-addon-charts-utils.js.map +1 -1
- package/fesm5/taiga-ui-addon-charts-components-arc-chart.js +12 -12
- package/fesm5/taiga-ui-addon-charts-components-arc-chart.js.map +1 -1
- package/fesm5/taiga-ui-addon-charts-components-axes.js +8 -8
- package/fesm5/taiga-ui-addon-charts-components-axes.js.map +1 -1
- 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-bar-set.js +3 -3
- package/fesm5/taiga-ui-addon-charts-components-bar-set.js.map +1 -1
- package/fesm5/taiga-ui-addon-charts-components-bar.js +3 -3
- package/fesm5/taiga-ui-addon-charts-components-bar.js.map +1 -1
- package/fesm5/taiga-ui-addon-charts-components-legend-item.js +9 -9
- 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 +12 -10
- package/fesm5/taiga-ui-addon-charts-components-line-days-chart.js.map +1 -1
- package/fesm5/taiga-ui-addon-charts-components-pie-chart.js +13 -13
- package/fesm5/taiga-ui-addon-charts-components-pie-chart.js.map +1 -1
- package/fesm5/taiga-ui-addon-charts-components-ring-chart.js +4 -4
- package/fesm5/taiga-ui-addon-charts-components-ring-chart.js.map +1 -1
- package/fesm5/taiga-ui-addon-charts-utils.js +2 -1
- package/fesm5/taiga-ui-addon-charts-utils.js.map +1 -1
- package/package.json +3 -3
- package/types/line-type.d.ts +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-addon-charts-utils.js","sources":["ng://@taiga-ui/addon-charts/utils/line-angle.ts","ng://@taiga-ui/addon-charts/utils/line-length.ts","ng://@taiga-ui/addon-charts/utils/control-point.ts","ng://@taiga-ui/addon-charts/utils/describe-sector.ts","ng://@taiga-ui/addon-charts/utils/draw-curve.ts","ng://@taiga-ui/addon-charts/utils/draw-line.ts","ng://@taiga-ui/addon-charts/utils/draw.ts","ng://@taiga-ui/addon-charts/utils/taiga-ui-addon-charts-utils.ts"],"sourcesContent":["import {TuiPoint} from '@taiga-ui/core';\n\n/**\n * @deprecated: use {@link tuiLineAngle} instead\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function lineAngle(a: TuiPoint, b: TuiPoint): number {\n const x = b[0] - a[0];\n const y = b[1] - a[1];\n\n return Math.atan2(y, x);\n}\n\nexport const tuiLineAngle = lineAngle;\n","import {TuiPoint} from '@taiga-ui/core';\n\n/**\n * @deprecated: use {@link tuiLineLength} instead\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function lineLength(a: TuiPoint, b: TuiPoint): number {\n const x = b[0] - a[0];\n const y = b[1] - a[1];\n\n return Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));\n}\n\nexport const tuiLineLength = lineLength;\n","import {TuiPoint} from '@taiga-ui/core';\n\nimport {lineAngle} from './line-angle';\nimport {lineLength} from './line-length';\n\n/**\n * @deprecated: use {@link tuiControlPoint} instead\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function controlPoint(\n current: TuiPoint,\n previous?: TuiPoint,\n next?: TuiPoint,\n reverse: boolean = false,\n smoothing: number = 0.2,\n): TuiPoint {\n const p = previous || current;\n const n = next || current;\n const angle = lineAngle(p, n) + (reverse ? Math.PI : 0);\n const length = lineLength(p, n) * smoothing;\n const x = current[0] + Math.cos(angle) * length;\n const y = current[1] + Math.sin(angle) * length;\n\n return [x, y];\n}\n\nexport const tuiControlPoint = controlPoint;\n","import {toInt, toRadians} from '@taiga-ui/cdk';\n\nconst EMPTY = `M 100 0 A 100 100 0 1 1 100 0 L 0 0`;\n\n/**\n * @deprecated: use {@link tuiDescribeSector} instead\n * Describes a normalized sector by angles. Normalized meaning it supposed to work with\n * SVG with viewBox=\"-1 -1 2 2\" so that 0 coordinates in cartesian and polar match the same spot.\n * Everything is multiplied by 100 (including viewBox of SVG to host this) so IE properly\n * handles hover events.\n *\n * @param startAngle starting angle in degrees\n * @param endAngle ending angle in degrees\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function describeSector(startAngle: number, endAngle: number): string {\n const startRad = toRadians(startAngle);\n const endRad = toRadians(endAngle);\n const startX = Math.cos(startRad) * 100;\n const startY = Math.sin(startRad) * 100;\n const endX = Math.cos(endRad) * 100;\n const endY = Math.sin(endRad) * 100;\n const largeArcFlag = toInt(endAngle - startAngle > 180);\n const result = [\n `M`,\n startX,\n startY,\n `A 100 100 0`,\n largeArcFlag,\n 1,\n endX,\n endY,\n `L 0 0`,\n ];\n\n return isNaN(endX) ? EMPTY : result.join(` `);\n}\n\nexport const tuiDescribeSector = describeSector;\n","import {TuiPoint} from '@taiga-ui/core';\n\nimport {controlPoint} from './control-point';\n\n/**\n * @deprecated: use {@link tuiDrawCurve} instead\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function drawCurve(\n array: readonly TuiPoint[],\n index: number,\n smoothing: number,\n): string {\n const [cpsX, cpsY] = controlPoint(\n array[index - 1],\n array[index - 2],\n array[index],\n false,\n smoothing,\n );\n const [cpeX, cpeY] = controlPoint(\n array[index],\n array[index - 1],\n array[index + 1],\n true,\n smoothing,\n );\n\n return `C ${cpsX},${cpsY} ${cpeX},${cpeY} ${array[index][0]},${array[index][1]}`;\n}\n\nexport const tuiDrawCurve = drawCurve;\n","/**\n * @deprecated: use {@link drawLine} instead\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function drawLine(point: [number, number]): string {\n return `L ${point}`;\n}\n\nexport const tuiDrawLine = drawLine;\n","import {TuiPoint} from '@taiga-ui/core';\n\nimport {drawCurve} from './draw-curve';\nimport {drawLine} from './draw-line';\n\nconst COEFFICIENT = 500;\n\n/**\n * @deprecated: use {@link tuiDraw} instead\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function draw(\n array: readonly TuiPoint[],\n index: number,\n smoothing: number,\n): string {\n return smoothing\n ? drawCurve(array, index, smoothing / COEFFICIENT)\n : drawLine([array[index][0], array[index][1]]);\n}\n\nexport const tuiDraw = draw;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAEA;;;AAGA;SACgB,SAAS,CAAC,CAAW,EAAE,CAAW;IAC9C,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACtB,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAEtB,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC5B,CAAC;MAEY,YAAY,GAAG;;ACX5B;;;AAGA;SACgB,UAAU,CAAC,CAAW,EAAE,CAAW;IAC/C,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACtB,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC
|
|
1
|
+
{"version":3,"file":"taiga-ui-addon-charts-utils.js","sources":["ng://@taiga-ui/addon-charts/utils/line-angle.ts","ng://@taiga-ui/addon-charts/utils/line-length.ts","ng://@taiga-ui/addon-charts/utils/control-point.ts","ng://@taiga-ui/addon-charts/utils/describe-sector.ts","ng://@taiga-ui/addon-charts/utils/draw-curve.ts","ng://@taiga-ui/addon-charts/utils/draw-line.ts","ng://@taiga-ui/addon-charts/utils/draw.ts","ng://@taiga-ui/addon-charts/utils/taiga-ui-addon-charts-utils.ts"],"sourcesContent":["import {TuiPoint} from '@taiga-ui/core';\n\n/**\n * @deprecated: use {@link tuiLineAngle} instead\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function lineAngle(a: TuiPoint, b: TuiPoint): number {\n const x = b[0] - a[0];\n const y = b[1] - a[1];\n\n return Math.atan2(y, x);\n}\n\nexport const tuiLineAngle = lineAngle;\n","import {TuiPoint} from '@taiga-ui/core';\n\n/**\n * @deprecated: use {@link tuiLineLength} instead\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function lineLength(a: TuiPoint, b: TuiPoint): number {\n const x = b[0] - a[0];\n const y = b[1] - a[1];\n\n // eslint-disable-next-line no-restricted-properties\n return Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));\n}\n\nexport const tuiLineLength = lineLength;\n","import {TuiPoint} from '@taiga-ui/core';\n\nimport {lineAngle} from './line-angle';\nimport {lineLength} from './line-length';\n\n/**\n * @deprecated: use {@link tuiControlPoint} instead\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function controlPoint(\n current: TuiPoint,\n previous?: TuiPoint,\n next?: TuiPoint,\n reverse: boolean = false,\n smoothing: number = 0.2,\n): TuiPoint {\n const p = previous || current;\n const n = next || current;\n const angle = lineAngle(p, n) + (reverse ? Math.PI : 0);\n const length = lineLength(p, n) * smoothing;\n const x = current[0] + Math.cos(angle) * length;\n const y = current[1] + Math.sin(angle) * length;\n\n return [x, y];\n}\n\nexport const tuiControlPoint = controlPoint;\n","import {toInt, toRadians} from '@taiga-ui/cdk';\n\nconst EMPTY = `M 100 0 A 100 100 0 1 1 100 0 L 0 0`;\n\n/**\n * @deprecated: use {@link tuiDescribeSector} instead\n * Describes a normalized sector by angles. Normalized meaning it supposed to work with\n * SVG with viewBox=\"-1 -1 2 2\" so that 0 coordinates in cartesian and polar match the same spot.\n * Everything is multiplied by 100 (including viewBox of SVG to host this) so IE properly\n * handles hover events.\n *\n * @param startAngle starting angle in degrees\n * @param endAngle ending angle in degrees\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function describeSector(startAngle: number, endAngle: number): string {\n const startRad = toRadians(startAngle);\n const endRad = toRadians(endAngle);\n const startX = Math.cos(startRad) * 100;\n const startY = Math.sin(startRad) * 100;\n const endX = Math.cos(endRad) * 100;\n const endY = Math.sin(endRad) * 100;\n const largeArcFlag = toInt(endAngle - startAngle > 180);\n const result = [\n `M`,\n startX,\n startY,\n `A 100 100 0`,\n largeArcFlag,\n 1,\n endX,\n endY,\n `L 0 0`,\n ];\n\n return Number.isNaN(endX) ? EMPTY : result.join(` `);\n}\n\nexport const tuiDescribeSector = describeSector;\n","import {TuiPoint} from '@taiga-ui/core';\n\nimport {controlPoint} from './control-point';\n\n/**\n * @deprecated: use {@link tuiDrawCurve} instead\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function drawCurve(\n array: readonly TuiPoint[],\n index: number,\n smoothing: number,\n): string {\n const [cpsX, cpsY] = controlPoint(\n array[index - 1],\n array[index - 2],\n array[index],\n false,\n smoothing,\n );\n const [cpeX, cpeY] = controlPoint(\n array[index],\n array[index - 1],\n array[index + 1],\n true,\n smoothing,\n );\n\n return `C ${cpsX},${cpsY} ${cpeX},${cpeY} ${array[index][0]},${array[index][1]}`;\n}\n\nexport const tuiDrawCurve = drawCurve;\n","/**\n * @deprecated: use {@link drawLine} instead\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function drawLine(point: [number, number]): string {\n return `L ${point}`;\n}\n\nexport const tuiDrawLine = drawLine;\n","import {TuiPoint} from '@taiga-ui/core';\n\nimport {drawCurve} from './draw-curve';\nimport {drawLine} from './draw-line';\n\nconst COEFFICIENT = 500;\n\n/**\n * @deprecated: use {@link tuiDraw} instead\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function draw(\n array: readonly TuiPoint[],\n index: number,\n smoothing: number,\n): string {\n return smoothing\n ? drawCurve(array, index, smoothing / COEFFICIENT)\n : drawLine([array[index][0], array[index][1]]);\n}\n\nexport const tuiDraw = draw;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -28,10 +28,10 @@ var TuiArcChartComponent = /** @class */ (function () {
|
|
|
28
28
|
this.sanitizer = sanitizer;
|
|
29
29
|
this.arcs$ = new ReplaySubject(1);
|
|
30
30
|
this.value = [];
|
|
31
|
-
this.size =
|
|
31
|
+
this.size = 'm';
|
|
32
32
|
this.max = 100;
|
|
33
|
-
this.minLabel =
|
|
34
|
-
this.maxLabel =
|
|
33
|
+
this.minLabel = '0%';
|
|
34
|
+
this.maxLabel = '100%';
|
|
35
35
|
this.activeItemIndex = NaN;
|
|
36
36
|
this.activeItemIndexChange = this.arcs$.pipe(switchMap(function (arcs) {
|
|
37
37
|
return arcs.changes.pipe(startWith(null), switchMap(function () { return merge.apply(void 0, __spread(arcsToIndex(arcs))); }));
|
|
@@ -67,7 +67,7 @@ var TuiArcChartComponent = /** @class */ (function () {
|
|
|
67
67
|
configurable: true
|
|
68
68
|
});
|
|
69
69
|
TuiArcChartComponent.prototype.isInactive = function (index) {
|
|
70
|
-
return !isNaN(this.activeItemIndex) && index !== this.activeItemIndex;
|
|
70
|
+
return !Number.isNaN(this.activeItemIndex) && index !== this.activeItemIndex;
|
|
71
71
|
};
|
|
72
72
|
TuiArcChartComponent.prototype.getInset = function (index) {
|
|
73
73
|
return this.strokeWidth / 2 + index * (this.strokeWidth + GAP[this.size]);
|
|
@@ -89,7 +89,7 @@ var TuiArcChartComponent = /** @class */ (function () {
|
|
|
89
89
|
{ type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] }
|
|
90
90
|
]; };
|
|
91
91
|
__decorate([
|
|
92
|
-
ViewChildren(
|
|
92
|
+
ViewChildren('arc')
|
|
93
93
|
], TuiArcChartComponent.prototype, "arcs", null);
|
|
94
94
|
__decorate([
|
|
95
95
|
Input(),
|
|
@@ -97,7 +97,7 @@ var TuiArcChartComponent = /** @class */ (function () {
|
|
|
97
97
|
], TuiArcChartComponent.prototype, "value", void 0);
|
|
98
98
|
__decorate([
|
|
99
99
|
Input(),
|
|
100
|
-
HostBinding(
|
|
100
|
+
HostBinding('attr.data-size'),
|
|
101
101
|
tuiDefaultProp()
|
|
102
102
|
], TuiArcChartComponent.prototype, "size", void 0);
|
|
103
103
|
__decorate([
|
|
@@ -120,16 +120,16 @@ var TuiArcChartComponent = /** @class */ (function () {
|
|
|
120
120
|
Output()
|
|
121
121
|
], TuiArcChartComponent.prototype, "activeItemIndexChange", void 0);
|
|
122
122
|
__decorate([
|
|
123
|
-
HostBinding(
|
|
124
|
-
HostBinding(
|
|
123
|
+
HostBinding('style.width.rem'),
|
|
124
|
+
HostBinding('style.height.rem')
|
|
125
125
|
], TuiArcChartComponent.prototype, "width", null);
|
|
126
126
|
__decorate([
|
|
127
|
-
HostBinding(
|
|
127
|
+
HostBinding('style.strokeWidth.rem')
|
|
128
128
|
], TuiArcChartComponent.prototype, "strokeWidth", null);
|
|
129
129
|
TuiArcChartComponent = __decorate([
|
|
130
130
|
Component({
|
|
131
|
-
selector:
|
|
132
|
-
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 #arc\n vector-effect=\"non-scaling-stroke\"\n d=\"M -70 70 A 100 100 0 1 1 70 70\"\n class=\"t-value\"\n [class.t-value_inactive]=\"isInactive(index)\"\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\"
|
|
131
|
+
selector: 'tui-arc-chart',
|
|
132
|
+
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 #arc\n vector-effect=\"non-scaling-stroke\"\n d=\"M -70 70 A 100 100 0 1 1 70 70\"\n class=\"t-value\"\n [class.t-value_inactive]=\"isInactive(index)\"\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\">\n <ng-content></ng-content>\n </div>\n</div>\n<div class=\"t-percent\">\n <span>{{ minLabel }}</span>\n <span>{{ maxLabel }}</span>\n</div>\n",
|
|
133
133
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
134
134
|
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;pointer-events:none}.t-value{pointer-events:auto;transition:stroke-dashoffset var(--tui-duration) ease-in-out,opacity var(--tui-duration) ease-in-out .1s}.t-value_inactive{transition-property:stroke-dashoffset,opacity;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;opacity:.16}.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);pointer-events:none}:host[data-size=xl] .t-content{font:var(--tui-font-text-m)}.t-wrapper{pointer-events:auto}.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)}"]
|
|
135
135
|
}),
|
|
@@ -143,7 +143,7 @@ function arcsToIndex(arcs) {
|
|
|
143
143
|
.toArray()
|
|
144
144
|
.map(function (_a, index) {
|
|
145
145
|
var nativeElement = _a.nativeElement;
|
|
146
|
-
return merge(typedFromEvent(nativeElement,
|
|
146
|
+
return merge(typedFromEvent(nativeElement, 'mouseenter').pipe(mapTo(index)), typedFromEvent(nativeElement, 'mouseleave').pipe(mapTo(NaN)));
|
|
147
147
|
});
|
|
148
148
|
}
|
|
149
149
|
|
|
@@ -1 +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 ElementRef,\n HostBinding,\n Inject,\n Input,\n Output,\n QueryList,\n ViewChildren,\n} from '@angular/core';\nimport {DomSanitizer, SafeValue} from '@angular/platform-browser';\nimport {tuiDefaultProp, typedFromEvent} from '@taiga-ui/cdk';\nimport {TuiSizeXL} from '@taiga-ui/core';\nimport {merge, Observable, ReplaySubject} from 'rxjs';\nimport {mapTo, startWith, switchMap, tap} from 'rxjs/operators';\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:
|
|
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 ElementRef,\n HostBinding,\n Inject,\n Input,\n Output,\n QueryList,\n ViewChildren,\n} from '@angular/core';\nimport {DomSanitizer, SafeValue} from '@angular/platform-browser';\nimport {tuiDefaultProp, typedFromEvent} from '@taiga-ui/cdk';\nimport {TuiSizeXL} from '@taiga-ui/core';\nimport {merge, Observable, ReplaySubject} from 'rxjs';\nimport {mapTo, startWith, switchMap, tap} from 'rxjs/operators';\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 private readonly arcs$ = new ReplaySubject<QueryList<ElementRef<SVGElement>>>(1);\n\n @ViewChildren('arc')\n set arcs(arcs: QueryList<ElementRef<SVGElement>>) {\n this.arcs$.next(arcs);\n }\n\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 @Input()\n @tuiDefaultProp()\n activeItemIndex = NaN;\n\n @Output()\n readonly activeItemIndexChange = this.arcs$.pipe(\n switchMap(arcs =>\n arcs.changes.pipe(\n startWith(null),\n switchMap(() => merge(...arcsToIndex(arcs))),\n ),\n ),\n tap(index => {\n this.activeItemIndex = index;\n }),\n );\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 isInactive(index: number): boolean {\n return !Number.isNaN(this.activeItemIndex) && index !== this.activeItemIndex;\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\nfunction arcsToIndex(arcs: QueryList<ElementRef<SVGElement>>): Array<Observable<number>> {\n return arcs\n .toArray()\n .map(({nativeElement}, index) =>\n merge(\n typedFromEvent(nativeElement, 'mouseenter').pipe(mapTo(index)),\n typedFromEvent(nativeElement, 'mouseleave').pipe(mapTo(NaN)),\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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"}
|
|
@@ -10,15 +10,15 @@ import { CommonModule } from '@angular/common';
|
|
|
10
10
|
var TuiAxesComponent = /** @class */ (function () {
|
|
11
11
|
function TuiAxesComponent(mode$) {
|
|
12
12
|
this.mode$ = mode$;
|
|
13
|
-
this.axisX =
|
|
13
|
+
this.axisX = 'solid';
|
|
14
14
|
this.axisXLabels = [];
|
|
15
|
-
this.axisY =
|
|
15
|
+
this.axisY = 'solid';
|
|
16
16
|
this.axisYInset = false;
|
|
17
17
|
this.axisYLabels = [];
|
|
18
|
-
this.axisYName =
|
|
18
|
+
this.axisYName = '';
|
|
19
19
|
this.axisYSecondaryInset = false;
|
|
20
20
|
this.axisYSecondaryLabels = [];
|
|
21
|
-
this.axisYSecondaryName =
|
|
21
|
+
this.axisYSecondaryName = '';
|
|
22
22
|
this.horizontalLines = 0;
|
|
23
23
|
this.horizontalLinesHandler = TUI_ALWAYS_SOLID;
|
|
24
24
|
this.verticalLines = 0;
|
|
@@ -26,7 +26,7 @@ var TuiAxesComponent = /** @class */ (function () {
|
|
|
26
26
|
}
|
|
27
27
|
Object.defineProperty(TuiAxesComponent.prototype, "centeredXLabels", {
|
|
28
28
|
get: function () {
|
|
29
|
-
return this.axisY ===
|
|
29
|
+
return this.axisY === 'none';
|
|
30
30
|
},
|
|
31
31
|
enumerable: true,
|
|
32
32
|
configurable: true
|
|
@@ -112,16 +112,16 @@ var TuiAxesComponent = /** @class */ (function () {
|
|
|
112
112
|
tuiDefaultProp()
|
|
113
113
|
], TuiAxesComponent.prototype, "verticalLinesHandler", void 0);
|
|
114
114
|
__decorate([
|
|
115
|
-
HostBinding(
|
|
115
|
+
HostBinding('class._centered')
|
|
116
116
|
], TuiAxesComponent.prototype, "centeredXLabels", null);
|
|
117
117
|
TuiAxesComponent = __decorate([
|
|
118
118
|
Component({
|
|
119
|
-
selector:
|
|
119
|
+
selector: 'tui-axes',
|
|
120
120
|
template: "<div\n *ngIf=\"hasYLabels\"\n class=\"t-side\"\n [class.t-side_padding]=\"hasXLabels\"\n>\n <div\n *ngIf=\"axisYName\"\n automation-id=\"tui-axex__axis-y-name\"\n class=\"t-name t-name_primary\"\n >\n {{ axisYName }}\n </div>\n <div\n *ngIf=\"!axisYInset\"\n class=\"t-labels-y t-labels-y_primary\"\n >\n <div\n *ngFor=\"let label of axisYLabels\"\n automation-id=\"tui-axex__axis-y-label\"\n class=\"t-label-y\"\n >\n {{ fallback(label) }}\n </div>\n </div>\n</div>\n<div class=\"t-wrapper\">\n <div\n class=\"t-grid\"\n [style.borderLeftStyle]=\"axisY\"\n [style.borderBottomStyle]=\"axisX\"\n >\n <div class=\"t-vertical\">\n <div\n *tuiRepeatTimes=\"let index of verticalLines\"\n automation-id=\"tui-axex__vertical-line\"\n class=\"t-line t-line_vertical\"\n [style.borderRightStyle]=\"verticalLinesHandler(index, verticalLines)\"\n ></div>\n </div>\n <div class=\"t-horizontal\">\n <div\n *tuiRepeatTimes=\"let index of horizontalLines\"\n automation-id=\"tui-axex__horizontal-line\"\n class=\"t-line\"\n [style.borderTopStyle]=\"horizontalLinesHandler(index, horizontalLines)\"\n ></div>\n </div>\n <div\n *ngIf=\"axisYInset\"\n class=\"t-labels-y t-labels-y_inset\"\n >\n <div\n *ngFor=\"let label of axisYLabels\"\n automation-id=\"tui-axex__axis-y-label\"\n class=\"t-label-y\"\n >\n {{ fallback(label) }}\n </div>\n </div>\n <div\n *ngIf=\"axisYSecondaryInset\"\n class=\"t-labels-y t-labels-y_inset t-labels-y_inset_secondary\"\n >\n <div\n *ngFor=\"let label of axisYSecondaryLabels\"\n automation-id=\"tui-axex__axis-y-secondary-label\"\n class=\"t-label-y\"\n >\n {{ fallback(label) }}\n </div>\n </div>\n <div class=\"t-content\">\n <ng-content></ng-content>\n </div>\n </div>\n <div\n *ngIf=\"hasXLabels\"\n class=\"t-labels-x\"\n >\n <div\n *ngFor=\"let label of axisXLabels\"\n automation-id=\"tui-axex__axis-x-label\"\n class=\"t-label-x\"\n [class.t-label-x_transparent]=\"label === null\"\n >\n {{ fallback(label) }}\n </div>\n </div>\n</div>\n<div\n *ngIf=\"hasYSecondaryLabels\"\n class=\"t-side\"\n [class.t-side_padding]=\"hasXLabels\"\n>\n <div\n *ngIf=\"!axisYSecondaryInset\"\n class=\"t-labels-y t-labels-y_secondary\"\n >\n <div\n *ngFor=\"let label of axisYSecondaryLabels\"\n automation-id=\"tui-axex__axis-y-secondary-label\"\n class=\"t-label-y\"\n >\n {{ fallback(label) }}\n </div>\n </div>\n <div\n *ngIf=\"axisYSecondaryName\"\n automation-id=\"tui-axex__axis-y-secondary-name\"\n class=\"t-name\"\n >\n {{ axisYSecondaryName }}\n </div>\n</div>\n",
|
|
121
121
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
122
122
|
providers: [MODE_PROVIDER],
|
|
123
123
|
host: {
|
|
124
|
-
'($.data-mode.attr)':
|
|
124
|
+
'($.data-mode.attr)': 'mode$',
|
|
125
125
|
},
|
|
126
126
|
styles: [":host{display:flex}.t-wrapper{display:flex;flex:1;height:100%;flex-direction:column}.t-grid{position:relative;z-index:0;display:flex;flex:1;justify-content:space-around;align-items:flex-end;border-width:1px;border-color:var(--tui-base-03)}:host[data-mode=onDark] .t-grid{border-color:rgba(255,255,255,.48)}:host[data-mode=onLight] .t-grid{border-color:rgba(0,0,0,.48)}.t-horizontal{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column}.t-vertical{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}:host._centered .t-vertical:after{content:'';display:block;flex:1 0 1px}.t-line{flex:2 0 1px;box-sizing:border-box;border-width:1px;border-color:var(--tui-base-03)}:host[data-mode=onDark] .t-line{border-color:rgba(255,255,255,.48)}:host[data-mode=onLight] .t-line{border-color:rgba(0,0,0,.48)}:host._centered .t-line_vertical:first-child{flex:1 0 1px;pointer-events:none}.t-side{display:flex;align-items:stretch}.t-side_padding{padding-bottom:2rem}.t-name{font:var(--tui-font-text-xs);-webkit-writing-mode:tb;writing-mode:tb;text-align:center;padding-left:.75rem;color:var(--tui-text-02)}.t-name_primary{transform:rotate(180deg)}:host[data-mode=onDark] .t-name{color:var(--tui-text-02-night)}.t-labels-y{display:flex;font:var(--tui-font-text-xs);flex-direction:column-reverse;justify-content:space-between;color:var(--tui-text-02)}:host[data-mode=onDark] .t-labels-y{color:var(--tui-text-02-night)}.t-labels-y_primary{text-align:right;padding-right:.75rem}.t-labels-y_secondary{padding-left:.75rem}.t-labels-y_transparent{border-color:transparent}.t-labels-y_inset{position:absolute;top:.5625rem;left:.25rem;bottom:-.75rem;pointer-events:none}.t-labels-y_inset_secondary{left:auto;right:.25rem;text-align:right}.t-labels-x{display:flex;font:var(--tui-font-text-xs);border-right:1px solid transparent;color:var(--tui-text-02)}.t-label-x{height:.4375rem;border-left:1px solid var(--tui-base-03);flex:1;margin-bottom:1.5625rem}:host[data-mode=onDark] .t-label-x{border-color:rgba(255,255,255,.48)}:host[data-mode=onLight] .t-label-x{border-color:rgba(0,0,0,.48)}.t-label-x:before{content:'';display:block;height:.5625rem}.t-label-x_transparent{border-color:transparent}:host._centered .t-label-x{height:2rem;text-align:center;border:none;margin:0}.t-label-y:first-child{margin-bottom:-.375rem}.t-label-y:last-child{margin-top:-.375rem}.t-content{position:absolute;top:0;left:-1px;right:0;bottom:-1px;display:flex;align-items:flex-end}"]
|
|
127
127
|
}),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-addon-charts-components-axes.js","sources":["ng://@taiga-ui/addon-charts/components/axes/axes.component.ts","ng://@taiga-ui/addon-charts/components/axes/axes.module.ts","ng://@taiga-ui/addon-charts/components/axes/taiga-ui-addon-charts-components-axes.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n HostBinding,\n Inject,\n Input,\n} from '@angular/core';\nimport {TUI_ALWAYS_DASHED, TUI_ALWAYS_SOLID} from '@taiga-ui/addon-charts/constants';\nimport {TuiLineHandler, TuiLineTypeT} from '@taiga-ui/addon-charts/types';\nimport {CHAR_NO_BREAK_SPACE, tuiDefaultProp} from '@taiga-ui/cdk';\nimport {MODE_PROVIDER} from '@taiga-ui/core/providers';\nimport {TUI_MODE} from '@taiga-ui/core/tokens';\nimport {TuiBrightness} from '@taiga-ui/core/types';\nimport {Observable} from 'rxjs';\n\n@Component({\n selector:
|
|
1
|
+
{"version":3,"file":"taiga-ui-addon-charts-components-axes.js","sources":["ng://@taiga-ui/addon-charts/components/axes/axes.component.ts","ng://@taiga-ui/addon-charts/components/axes/axes.module.ts","ng://@taiga-ui/addon-charts/components/axes/taiga-ui-addon-charts-components-axes.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n HostBinding,\n Inject,\n Input,\n} from '@angular/core';\nimport {TUI_ALWAYS_DASHED, TUI_ALWAYS_SOLID} from '@taiga-ui/addon-charts/constants';\nimport {TuiLineHandler, TuiLineTypeT} from '@taiga-ui/addon-charts/types';\nimport {CHAR_NO_BREAK_SPACE, tuiDefaultProp} from '@taiga-ui/cdk';\nimport {MODE_PROVIDER} from '@taiga-ui/core/providers';\nimport {TUI_MODE} from '@taiga-ui/core/tokens';\nimport {TuiBrightness} from '@taiga-ui/core/types';\nimport {Observable} from 'rxjs';\n\n@Component({\n selector: 'tui-axes',\n templateUrl: './axes.template.html',\n styleUrls: ['./axes.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [MODE_PROVIDER],\n host: {\n '($.data-mode.attr)': 'mode$',\n },\n})\nexport class TuiAxesComponent {\n @Input()\n @tuiDefaultProp()\n axisX: TuiLineTypeT = 'solid';\n\n @Input()\n @tuiDefaultProp()\n axisXLabels: ReadonlyArray<string | null> = [];\n\n @Input()\n @tuiDefaultProp()\n axisY: TuiLineTypeT = 'solid';\n\n @Input()\n @tuiDefaultProp()\n axisYInset = false;\n\n @Input()\n @tuiDefaultProp()\n axisYLabels: readonly string[] = [];\n\n @Input()\n @tuiDefaultProp()\n axisYName = '';\n\n @Input()\n @tuiDefaultProp()\n axisYSecondaryInset = false;\n\n @Input()\n @tuiDefaultProp()\n axisYSecondaryLabels: readonly string[] = [];\n\n @Input()\n @tuiDefaultProp()\n axisYSecondaryName = '';\n\n @Input()\n @tuiDefaultProp()\n horizontalLines = 0;\n\n @Input()\n @tuiDefaultProp()\n horizontalLinesHandler: TuiLineHandler = TUI_ALWAYS_SOLID;\n\n @Input()\n @tuiDefaultProp()\n verticalLines = 0;\n\n @Input()\n @tuiDefaultProp()\n verticalLinesHandler: TuiLineHandler = TUI_ALWAYS_DASHED;\n\n @HostBinding('class._centered')\n get centeredXLabels(): boolean {\n return this.axisY === 'none';\n }\n\n constructor(@Inject(TUI_MODE) readonly mode$: Observable<TuiBrightness | null>) {}\n\n get hasXLabels(): boolean {\n return !!this.axisXLabels.length;\n }\n\n get hasYLabels(): boolean {\n return (!!this.axisYLabels.length && !this.axisYInset) || !!this.axisYName;\n }\n\n get hasYSecondaryLabels(): boolean {\n return (\n (!!this.axisYSecondaryLabels.length && !this.axisYSecondaryInset) ||\n !!this.axisYSecondaryName\n );\n }\n\n fallback(label: string | null): string {\n return label || CHAR_NO_BREAK_SPACE;\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiRepeatTimesModule} from '@taiga-ui/cdk';\n\nimport {TuiAxesComponent} from './axes.component';\n\n@NgModule({\n imports: [CommonModule, TuiRepeatTimesModule],\n declarations: [TuiAxesComponent],\n exports: [TuiAxesComponent],\n})\nexport class TuiAxesModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -12,15 +12,15 @@ function valueAssertion(value) {
|
|
|
12
12
|
var valid = value.every(function (array) { return array.length === value[0].length; });
|
|
13
13
|
return valid;
|
|
14
14
|
}
|
|
15
|
-
var VALUE_ERROR =
|
|
15
|
+
var VALUE_ERROR = 'All arrays must be of the same length';
|
|
16
16
|
var TuiBarChartComponent = /** @class */ (function () {
|
|
17
17
|
function TuiBarChartComponent(idService) {
|
|
18
18
|
this.value = [];
|
|
19
19
|
this.max = NaN;
|
|
20
20
|
this.colorHandler = TUI_DEFAULT_COLOR_HANDLER;
|
|
21
|
-
this.size =
|
|
21
|
+
this.size = 'm';
|
|
22
22
|
this.collapsed = false;
|
|
23
|
-
this.hintContent =
|
|
23
|
+
this.hintContent = '';
|
|
24
24
|
this.hintMode = null;
|
|
25
25
|
this.percentMapper = function (set, collapsed, max) { return (100 * (collapsed ? sum.apply(void 0, __spread(set)) : Math.max.apply(Math, __spread(set)))) / max; };
|
|
26
26
|
this.autoIdString = idService.generate();
|
|
@@ -52,7 +52,7 @@ var TuiBarChartComponent = /** @class */ (function () {
|
|
|
52
52
|
};
|
|
53
53
|
};
|
|
54
54
|
TuiBarChartComponent.prototype.getHint = function (hint) {
|
|
55
|
-
return this.hasHint ? hint :
|
|
55
|
+
return this.hasHint ? hint : '';
|
|
56
56
|
};
|
|
57
57
|
TuiBarChartComponent.prototype.getHintId = function (index) {
|
|
58
58
|
return this.autoIdString + "_" + index;
|
|
@@ -110,7 +110,7 @@ var TuiBarChartComponent = /** @class */ (function () {
|
|
|
110
110
|
], TuiBarChartComponent.prototype, "getMax", null);
|
|
111
111
|
TuiBarChartComponent = __decorate([
|
|
112
112
|
Component({
|
|
113
|
-
selector:
|
|
113
|
+
selector: 'tui-bar-chart',
|
|
114
114
|
template: "<div\n *ngFor=\"let set of transposed; let index = index\"\n tuiHintDirection=\"top-left\"\n class=\"t-wrapper\"\n [class.t-wrapper_hoverable]=\"hasHint\"\n [tuiHintHost]=\"hintHost\"\n [tuiHintId]=\"getHintId(index)\"\n [tuiHint]=\"getHint(hint)\"\n [tuiHintMode]=\"hintMode\"\n>\n <div\n class=\"t-container\"\n [style.height.%]=\"set | tuiMapper: percentMapper:collapsed:computedMax\"\n >\n <div\n #hintHost\n class=\"t-host\"\n ></div>\n <tui-bar-set\n class=\"t-set\"\n [tuiDescribedBy]=\"getHintId(index)\"\n [tuiFocusable]=\"hasHint\"\n [value]=\"set\"\n [size]=\"size\"\n [collapsed]=\"collapsed\"\n [colorHandler]=\"colorHandler\"\n ></tui-bar-set>\n </div>\n <ng-template\n #hint=\"polymorpheus\"\n polymorpheus\n >\n <div\n polymorpheus-outlet\n class=\"t-text\"\n [content]=\"hintContent\"\n [context]=\"getContentContext(index)\"\n ></div>\n </ng-template>\n</div>\n",
|
|
115
115
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
116
116
|
styles: [":host{display:flex;flex:1;height:100%}.t-wrapper{transition-property:background-color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:relative;display:flex;flex:1;align-items:flex-end;justify-content:center;height:100%}.t-wrapper_hoverable._hint_hovered{background-color:rgba(0,0,0,.05);cursor:pointer}.t-container{flex:1}.t-host{position:absolute;left:50%;right:50%}.t-set{border-radius:var(--tui-radius-m);pointer-events:none;outline:0}.t-set:focus{box-shadow:0 0 0 2px var(--tui-focus)}.t-text{white-space:pre-wrap}"]
|
|
@@ -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\n// eslint-disable-next-line @typescript-eslint/naming-convention\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 =
|
|
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\n// eslint-disable-next-line @typescript-eslint/naming-convention\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: TuiSizeL | TuiSizeS | 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<readonly 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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"}
|
|
@@ -16,7 +16,7 @@ var TuiBarSetComponent = /** @class */ (function () {
|
|
|
16
16
|
this.sanitizer = sanitizer;
|
|
17
17
|
this.value = [];
|
|
18
18
|
this.colorHandler = TUI_DEFAULT_COLOR_HANDLER;
|
|
19
|
-
this.size =
|
|
19
|
+
this.size = 'm';
|
|
20
20
|
this.collapsed = false;
|
|
21
21
|
}
|
|
22
22
|
Object.defineProperty(TuiBarSetComponent.prototype, "computedValue", {
|
|
@@ -35,7 +35,7 @@ var TuiBarSetComponent = /** @class */ (function () {
|
|
|
35
35
|
});
|
|
36
36
|
Object.defineProperty(TuiBarSetComponent.prototype, "computedSize", {
|
|
37
37
|
get: function () {
|
|
38
|
-
return this.size ||
|
|
38
|
+
return this.size || 'm';
|
|
39
39
|
},
|
|
40
40
|
enumerable: true,
|
|
41
41
|
configurable: true
|
|
@@ -73,7 +73,7 @@ var TuiBarSetComponent = /** @class */ (function () {
|
|
|
73
73
|
], TuiBarSetComponent.prototype, "getLargest", null);
|
|
74
74
|
TuiBarSetComponent = __decorate([
|
|
75
75
|
Component({
|
|
76
|
-
selector:
|
|
76
|
+
selector: 'tui-bar-set',
|
|
77
77
|
template: "<ng-container *ngIf=\"size; else flexible\">\n <ng-container\n *ngFor=\"let item of computedValue; let index = index\"\n [ngTemplateOutlet]=\"bar\"\n [ngTemplateOutletContext]=\"{$implicit: item, index: index, flexible: false}\"\n ></ng-container>\n</ng-container>\n<ng-template #flexible>\n <div\n *ngFor=\"let item of computedValue; let index = index\"\n class=\"t-wrapper\"\n >\n <ng-container\n [ngTemplateOutlet]=\"bar\"\n [ngTemplateOutletContext]=\"{$implicit: item, index: index, flexible: true}\"\n ></ng-container>\n </div>\n</ng-template>\n<ng-template\n #bar\n let-item\n let-index=\"index\"\n let-flexible=\"flexible\"\n>\n <tui-bar\n automation-id=\"tui-bar-set__bar\"\n class=\"t-bar\"\n [class.t-bar_flexible]=\"flexible\"\n [class.t-bar_negative]=\"item < 0\"\n [style.height.%]=\"getHeight(item)\"\n [style.background]=\"getColor(index)\"\n [value]=\"computedSegments\"\n [size]=\"computedSize\"\n [colorHandler]=\"colorHandler\"\n ></tui-bar>\n</ng-template>\n",
|
|
78
78
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
79
79
|
styles: [":host{display:flex;height:100%;align-items:flex-end;justify-content:center}.t-wrapper{display:flex;flex:1;height:100%;align-items:flex-end}.t-wrapper:first-child{margin-left:25%}.t-wrapper:last-child{margin-right:25%}.t-bar{transform-origin:bottom center}.t-bar_negative{transform:rotate(180deg);opacity:var(--tui-disabled-opacity)}.t-bar.t-bar_flexible{max-width:none;width:75%;margin:0 auto}"]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-addon-charts-components-bar-set.js","sources":["ng://@taiga-ui/addon-charts/components/bar-set/bar-set.component.ts","ng://@taiga-ui/addon-charts/components/bar-set/bar-set.module.ts","ng://@taiga-ui/addon-charts/components/bar-set/taiga-ui-addon-charts-components-bar-set.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, Inject, Input} from '@angular/core';\nimport {DomSanitizer, SafeValue} from '@angular/platform-browser';\nimport {TUI_DEFAULT_COLOR_HANDLER} from '@taiga-ui/addon-charts/constants';\nimport {TuiColorHandler} from '@taiga-ui/addon-charts/types';\nimport {tuiDefaultProp, tuiPure} from '@taiga-ui/cdk';\nimport {colorFallback, TuiSizeL, TuiSizeS} from '@taiga-ui/core';\n\nconst PERCENT = 100;\nconst EMPTY_ARRAY: readonly number[] = [];\nconst FILLER_ARRAY: readonly number[] = [1];\n\n// TODO: 3.0 Remove sanitizer when Angular version is bumped\n@Component({\n selector:
|
|
1
|
+
{"version":3,"file":"taiga-ui-addon-charts-components-bar-set.js","sources":["ng://@taiga-ui/addon-charts/components/bar-set/bar-set.component.ts","ng://@taiga-ui/addon-charts/components/bar-set/bar-set.module.ts","ng://@taiga-ui/addon-charts/components/bar-set/taiga-ui-addon-charts-components-bar-set.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, Inject, Input} from '@angular/core';\nimport {DomSanitizer, SafeValue} from '@angular/platform-browser';\nimport {TUI_DEFAULT_COLOR_HANDLER} from '@taiga-ui/addon-charts/constants';\nimport {TuiColorHandler} from '@taiga-ui/addon-charts/types';\nimport {tuiDefaultProp, tuiPure} from '@taiga-ui/cdk';\nimport {colorFallback, TuiSizeL, TuiSizeS} from '@taiga-ui/core';\n\nconst PERCENT = 100;\nconst EMPTY_ARRAY: readonly number[] = [];\nconst FILLER_ARRAY: readonly number[] = [1];\n\n// TODO: 3.0 Remove sanitizer when Angular version is bumped\n@Component({\n selector: 'tui-bar-set',\n templateUrl: './bar-set.template.html',\n styleUrls: ['./bar-set.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiBarSetComponent {\n @Input()\n @tuiDefaultProp()\n value: readonly number[] = [];\n\n @Input()\n @tuiDefaultProp()\n colorHandler: TuiColorHandler = TUI_DEFAULT_COLOR_HANDLER;\n\n @Input()\n @tuiDefaultProp()\n size: TuiSizeL | TuiSizeS | null = 'm';\n\n @Input()\n @tuiDefaultProp()\n collapsed = false;\n\n constructor(@Inject(DomSanitizer) private readonly sanitizer: DomSanitizer) {}\n\n get computedValue(): readonly number[] {\n return this.collapsed ? FILLER_ARRAY : this.value;\n }\n\n get computedSegments(): readonly number[] {\n return this.collapsed ? this.value : EMPTY_ARRAY;\n }\n\n get computedSize(): TuiSizeL | TuiSizeS {\n return this.size || 'm';\n }\n\n getHeight(value: number): number {\n return Math.abs((PERCENT * value) / this.getLargest(this.computedValue));\n }\n\n getColor(index: number): SafeValue {\n return this.sanitizer.bypassSecurityTrustStyle(\n `var(--tui-chart-${index}, ${colorFallback(this.colorHandler(index))})`,\n );\n }\n\n @tuiPure\n private getLargest(value: readonly number[]): number {\n return value.reduce((a, b) => (a > b ? a : b), 0);\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiBarModule} from '@taiga-ui/addon-charts/components/bar';\n\nimport {TuiBarSetComponent} from './bar-set.component';\n\n@NgModule({\n imports: [CommonModule, TuiBarModule],\n declarations: [TuiBarSetComponent],\n exports: [TuiBarSetComponent],\n})\nexport class TuiBarSetModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAOA,IAAM,OAAO,GAAG,GAAG,CAAC;AACpB,IAAM,WAAW,GAAsB,EAAE,CAAC;AAC1C,IAAM,YAAY,GAAsB,CAAC,CAAC,CAAC,CAAC;AAE5C;;IAwBI,4BAAmD,SAAuB;QAAvB,cAAS,GAAT,SAAS,CAAc;QAd1E,UAAK,GAAsB,EAAE,CAAC;QAI9B,iBAAY,GAAoB,yBAAyB,CAAC;QAI1D,SAAI,GAA+B,GAAG,CAAC;QAIvC,cAAS,GAAG,KAAK,CAAC;KAE4D;IAE9E,sBAAI,6CAAa;aAAjB;YACI,OAAO,IAAI,CAAC,SAAS,GAAG,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC;SACrD;;;OAAA;IAED,sBAAI,gDAAgB;aAApB;YACI,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,GAAG,WAAW,CAAC;SACpD;;;OAAA;IAED,sBAAI,4CAAY;aAAhB;YACI,OAAO,IAAI,CAAC,IAAI,IAAI,GAAG,CAAC;SAC3B;;;OAAA;IAED,sCAAS,GAAT,UAAU,KAAa;QACnB,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,GAAG,KAAK,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;KAC5E;IAED,qCAAQ,GAAR,UAAS,KAAa;QAClB,OAAO,IAAI,CAAC,SAAS,CAAC,wBAAwB,CAC1C,qBAAmB,KAAK,UAAK,aAAa,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,MAAG,CAC1E,CAAC;KACL;IAGO,uCAAU,GAAlB,UAAmB,KAAwB;QACvC,OAAO,KAAK,CAAC,MAAM,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,QAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,IAAC,EAAE,CAAC,CAAC,CAAC;KACrD;;gBA3B6D,YAAY,uBAA7D,MAAM,SAAC,YAAY;;IAdhC;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;qDACa;IAI9B;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;4DACyC;IAI1D;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;oDACsB;IAIvC;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;yDACC;IA2BlB;QADC,OAAO;wDAGP;IA5CQ,kBAAkB;QAN9B,SAAS,CAAC;YACP,QAAQ,EAAE,aAAa;YACvB,soCAAsC;YAEtC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;SAClD,CAAC;QAkBe,WAAA,MAAM,CAAC,YAAY,CAAC,CAAA;OAjBxB,kBAAkB,CA6C9B;IAAD,yBAAC;CA7CD;;;ICPA;KAA+B;IAAlB,eAAe;QAL3B,QAAQ,CAAC;YACN,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;YACrC,YAAY,EAAE,CAAC,kBAAkB,CAAC;YAClC,OAAO,EAAE,CAAC,kBAAkB,CAAC;SAChC,CAAC;OACW,eAAe,CAAG;IAAD,sBAAC;CAA/B;;ACXA;;;;;;"}
|
|
@@ -12,7 +12,7 @@ var TuiBarComponent = /** @class */ (function () {
|
|
|
12
12
|
this.sanitizer = sanitizer;
|
|
13
13
|
this.value = [];
|
|
14
14
|
this.colorHandler = TUI_DEFAULT_COLOR_HANDLER;
|
|
15
|
-
this.size =
|
|
15
|
+
this.size = 'm';
|
|
16
16
|
}
|
|
17
17
|
TuiBarComponent.prototype.getHeight = function (value) {
|
|
18
18
|
return (100 * value) / this.getSum(this.value);
|
|
@@ -36,7 +36,7 @@ var TuiBarComponent = /** @class */ (function () {
|
|
|
36
36
|
], TuiBarComponent.prototype, "colorHandler", void 0);
|
|
37
37
|
__decorate([
|
|
38
38
|
Input(),
|
|
39
|
-
HostBinding(
|
|
39
|
+
HostBinding('attr.data-size'),
|
|
40
40
|
tuiDefaultProp()
|
|
41
41
|
], TuiBarComponent.prototype, "size", void 0);
|
|
42
42
|
__decorate([
|
|
@@ -44,7 +44,7 @@ var TuiBarComponent = /** @class */ (function () {
|
|
|
44
44
|
], TuiBarComponent.prototype, "getSum", null);
|
|
45
45
|
TuiBarComponent = __decorate([
|
|
46
46
|
Component({
|
|
47
|
-
selector:
|
|
47
|
+
selector: 'tui-bar',
|
|
48
48
|
template: "<div\n *ngFor=\"let item of value; let index = index\"\n automation-id=\"tui-bar__bar\"\n [style.height.%]=\"getHeight(item)\"\n [style.background]=\"getColor(index)\"\n></div>\n",
|
|
49
49
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
50
50
|
styles: [":host{display:flex;min-width:.125rem;flex-direction:column-reverse;border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l);overflow:hidden}:host[data-size='l']{width:1rem;max-width:1rem;margin:0 .1875rem}:host[data-size='m']{width:.5rem;max-width:.5rem;margin:0 .1875rem}:host[data-size='s']{width:.25rem;max-width:.5rem;margin:0 .125rem}"]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-addon-charts-components-bar.js","sources":["ng://@taiga-ui/addon-charts/components/bar/bar.component.ts","ng://@taiga-ui/addon-charts/components/bar/bar.module.ts","ng://@taiga-ui/addon-charts/components/bar/taiga-ui-addon-charts-components-bar.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n HostBinding,\n Inject,\n Input,\n} from '@angular/core';\nimport {DomSanitizer, SafeValue} from '@angular/platform-browser';\nimport {TUI_DEFAULT_COLOR_HANDLER} from '@taiga-ui/addon-charts/constants';\nimport {TuiColorHandler} from '@taiga-ui/addon-charts/types';\nimport {sum, tuiDefaultProp, tuiPure} from '@taiga-ui/cdk';\nimport {colorFallback, TuiSizeL, TuiSizeS} from '@taiga-ui/core';\n\n// TODO: 3.0 Remove sanitizer when Angular version is bumped\n@Component({\n selector:
|
|
1
|
+
{"version":3,"file":"taiga-ui-addon-charts-components-bar.js","sources":["ng://@taiga-ui/addon-charts/components/bar/bar.component.ts","ng://@taiga-ui/addon-charts/components/bar/bar.module.ts","ng://@taiga-ui/addon-charts/components/bar/taiga-ui-addon-charts-components-bar.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n HostBinding,\n Inject,\n Input,\n} from '@angular/core';\nimport {DomSanitizer, SafeValue} from '@angular/platform-browser';\nimport {TUI_DEFAULT_COLOR_HANDLER} from '@taiga-ui/addon-charts/constants';\nimport {TuiColorHandler} from '@taiga-ui/addon-charts/types';\nimport {sum, tuiDefaultProp, tuiPure} from '@taiga-ui/cdk';\nimport {colorFallback, TuiSizeL, TuiSizeS} from '@taiga-ui/core';\n\n// TODO: 3.0 Remove sanitizer when Angular version is bumped\n@Component({\n selector: 'tui-bar',\n templateUrl: './bar.template.html',\n styleUrls: ['./bar.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiBarComponent {\n @Input()\n @tuiDefaultProp()\n value: readonly number[] = [];\n\n @Input()\n @tuiDefaultProp()\n colorHandler: TuiColorHandler = TUI_DEFAULT_COLOR_HANDLER;\n\n @Input()\n @HostBinding('attr.data-size')\n @tuiDefaultProp()\n size: TuiSizeL | TuiSizeS = 'm';\n\n constructor(@Inject(DomSanitizer) private readonly sanitizer: DomSanitizer) {}\n\n getHeight(value: number): number {\n return (100 * value) / this.getSum(this.value);\n }\n\n getColor(index: number): SafeValue {\n return this.sanitizer.bypassSecurityTrustStyle(\n `var(--tui-chart-${index}, ${colorFallback(this.colorHandler(index))})`,\n );\n }\n\n @tuiPure\n private getSum(value: readonly number[]): number {\n return sum(...value);\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport {TuiBarComponent} from './bar.component';\n\n@NgModule({\n imports: [CommonModule],\n declarations: [TuiBarComponent],\n exports: [TuiBarComponent],\n})\nexport class TuiBarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAaA;;IAqBI,yBAAmD,SAAuB;QAAvB,cAAS,GAAT,SAAS,CAAc;QAX1E,UAAK,GAAsB,EAAE,CAAC;QAI9B,iBAAY,GAAoB,yBAAyB,CAAC;QAK1D,SAAI,GAAwB,GAAG,CAAC;KAE8C;IAE9E,mCAAS,GAAT,UAAU,KAAa;QACnB,OAAO,CAAC,GAAG,GAAG,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAClD;IAED,kCAAQ,GAAR,UAAS,KAAa;QAClB,OAAO,IAAI,CAAC,SAAS,CAAC,wBAAwB,CAC1C,qBAAmB,KAAK,UAAK,aAAa,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,MAAG,CAC1E,CAAC;KACL;IAGO,gCAAM,GAAd,UAAe,KAAwB;QACnC,OAAO,GAAG,wBAAI,KAAK,GAAE;KACxB;;gBAf6D,YAAY,uBAA7D,MAAM,SAAC,YAAY;;IAXhC;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;kDACa;IAI9B;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;yDACyC;IAK1D;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,gBAAgB,CAAC;QAC7B,cAAc,EAAE;iDACe;IAehC;QADC,OAAO;iDAGP;IA7BQ,eAAe;QAN3B,SAAS,CAAC;YACP,QAAQ,EAAE,SAAS;YACnB,0MAAkC;YAElC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;SAClD,CAAC;QAee,WAAA,MAAM,CAAC,YAAY,CAAC,CAAA;OAdxB,eAAe,CA8B3B;IAAD,sBAAC;CA9BD;;;ICVA;KAA4B;IAAf,YAAY;QALxB,QAAQ,CAAC;YACN,OAAO,EAAE,CAAC,YAAY,CAAC;YACvB,YAAY,EAAE,CAAC,eAAe,CAAC;YAC/B,OAAO,EAAE,CAAC,eAAe,CAAC;SAC7B,CAAC;OACW,YAAY,CAAG;IAAD,mBAAC;CAA5B;;ACVA;;;;;;"}
|
|
@@ -8,17 +8,17 @@ import { CommonModule } from '@angular/common';
|
|
|
8
8
|
var TuiLegendItemComponent = /** @class */ (function () {
|
|
9
9
|
function TuiLegendItemComponent() {
|
|
10
10
|
this.active = false;
|
|
11
|
-
this.color =
|
|
12
|
-
this.text =
|
|
13
|
-
this.size =
|
|
11
|
+
this.color = '';
|
|
12
|
+
this.text = '';
|
|
13
|
+
this.size = 'm';
|
|
14
14
|
this.disabled = false;
|
|
15
15
|
}
|
|
16
16
|
Object.defineProperty(TuiLegendItemComponent.prototype, "computedColor", {
|
|
17
17
|
get: function () {
|
|
18
|
-
if (this.color ===
|
|
18
|
+
if (this.color === 'var(--tui-primary)') {
|
|
19
19
|
return null;
|
|
20
20
|
}
|
|
21
|
-
return this.color.startsWith(
|
|
21
|
+
return this.color.startsWith('var(') ? this.color : colorFallback(this.color);
|
|
22
22
|
},
|
|
23
23
|
enumerable: true,
|
|
24
24
|
configurable: true
|
|
@@ -37,19 +37,19 @@ var TuiLegendItemComponent = /** @class */ (function () {
|
|
|
37
37
|
], TuiLegendItemComponent.prototype, "text", void 0);
|
|
38
38
|
__decorate([
|
|
39
39
|
Input(),
|
|
40
|
-
HostBinding(
|
|
40
|
+
HostBinding('attr.data-size'),
|
|
41
41
|
tuiDefaultProp()
|
|
42
42
|
], TuiLegendItemComponent.prototype, "size", void 0);
|
|
43
43
|
__decorate([
|
|
44
44
|
Input(),
|
|
45
|
-
HostBinding(
|
|
45
|
+
HostBinding('class._disabled')
|
|
46
46
|
], TuiLegendItemComponent.prototype, "disabled", void 0);
|
|
47
47
|
__decorate([
|
|
48
|
-
HostBinding(
|
|
48
|
+
HostBinding('style.--tui-primary')
|
|
49
49
|
], TuiLegendItemComponent.prototype, "computedColor", null);
|
|
50
50
|
TuiLegendItemComponent = __decorate([
|
|
51
51
|
Component({
|
|
52
|
-
selector:
|
|
52
|
+
selector: 'tui-legend-item',
|
|
53
53
|
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",
|
|
54
54
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
55
55
|
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}"]
|
|
@@ -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, HostBinding, Input} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {colorFallback, TuiSizeS} from '@taiga-ui/core';\n\n// TODO: 3.0 Remove fallback\n@Component({\n selector:
|
|
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: 3.0 Remove fallback\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;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,sBAAI,iDAAa;aAAjB;YACI,IAAI,IAAI,CAAC,KAAK,KAAK,oBAAoB,EAAE;gBACrC,OAAO,IAAI,CAAC;aACf;YAED,OAAO,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACjF;;;OAAA;IA1BD;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;0DACF;IAIf;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;yDACN;IAIX;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;wDACP;IAKV;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,gBAAgB,CAAC;QAC7B,cAAc,EAAE;wDACI;IAIrB;QAFC,KAAK,EAAE;QACP,WAAW,CAAC,iBAAiB,CAAC;4DACd;IAGjB;QADC,WAAW,CAAC,qBAAqB,CAAC;+DAOlC;IA7BQ,sBAAsB;QANlC,SAAS,CAAC;YACP,QAAQ,EAAE,iBAAiB;YAC3B,kaAA0C;YAE1C,eAAe,EAAE,uBAAuB,CAAC,MAAM;;SAClD,CAAC;OACW,sBAAsB,CA8BlC;IAAD,6BAAC;CA9BD;;;ICAA;KAAmC;IAAtB,mBAAmB;QAL/B,QAAQ,CAAC;YACN,OAAO,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC;YACxC,YAAY,EAAE,CAAC,sBAAsB,CAAC;YACtC,OAAO,EAAE,CAAC,sBAAsB,CAAC;SACpC,CAAC;OACW,mBAAmB,CAAG;IAAD,0BAAC;CAAnC;;ACXA;;;;;;"}
|