@taiga-ui/addon-charts 4.65.0 → 5.0.0-canary.8b64ec1
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 +2 -2
- package/components/arc-chart/arc-chart.component.d.ts +9 -14
- package/components/axes/axes.component.d.ts +18 -20
- package/components/bar/bar.component.d.ts +4 -5
- package/components/bar-chart/bar-chart.component.d.ts +11 -14
- package/components/bar-set/bar-set.component.d.ts +7 -9
- package/components/chart-hint/chart-hint.directive.d.ts +8 -0
- package/components/chart-hint/index.d.ts +1 -0
- package/components/index.d.ts +1 -0
- package/components/legend-item/legend-item.component.d.ts +6 -7
- package/components/line-chart/line-chart-hint.directive.d.ts +6 -6
- package/components/line-chart/line-chart.component.d.ts +20 -25
- package/components/line-chart/line-chart.options.d.ts +1 -3
- package/components/line-days-chart/line-days-chart-hint.directive.d.ts +3 -3
- package/components/line-days-chart/line-days-chart.component.d.ts +13 -14
- package/components/pie-chart/pie-chart.component.d.ts +7 -14
- package/components/pie-chart/pie-chart.directive.d.ts +2 -3
- package/components/ring-chart/ring-chart.component.d.ts +4 -9
- package/fesm2022/taiga-ui-addon-charts-components-arc-chart.mjs +29 -55
- package/fesm2022/taiga-ui-addon-charts-components-arc-chart.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-charts-components-axes.mjs +27 -67
- package/fesm2022/taiga-ui-addon-charts-components-axes.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-charts-components-bar-chart.mjs +28 -58
- package/fesm2022/taiga-ui-addon-charts-components-bar-chart.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-charts-components-bar-set.mjs +16 -39
- package/fesm2022/taiga-ui-addon-charts-components-bar-set.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-charts-components-bar.mjs +12 -24
- package/fesm2022/taiga-ui-addon-charts-components-bar.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-charts-components-chart-hint.mjs +24 -0
- package/fesm2022/taiga-ui-addon-charts-components-chart-hint.mjs.map +1 -0
- package/fesm2022/taiga-ui-addon-charts-components-legend-item.mjs +15 -28
- package/fesm2022/taiga-ui-addon-charts-components-legend-item.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-charts-components-line-chart.mjs +77 -140
- package/fesm2022/taiga-ui-addon-charts-components-line-chart.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-charts-components-line-days-chart.mjs +87 -124
- package/fesm2022/taiga-ui-addon-charts-components-line-days-chart.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-charts-components-pie-chart.mjs +57 -89
- package/fesm2022/taiga-ui-addon-charts-components-pie-chart.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-charts-components-ring-chart.mjs +11 -30
- package/fesm2022/taiga-ui-addon-charts-components-ring-chart.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-charts-components.mjs +1 -0
- package/fesm2022/taiga-ui-addon-charts-components.mjs.map +1 -1
- package/fesm2022/taiga-ui-addon-charts-utils.mjs +6 -3
- package/fesm2022/taiga-ui-addon-charts-utils.mjs.map +1 -1
- package/package.json +15 -36
- package/esm2022/components/arc-chart/arc-chart.component.mjs +0 -85
- package/esm2022/components/arc-chart/index.mjs +0 -2
- package/esm2022/components/arc-chart/taiga-ui-addon-charts-components-arc-chart.mjs +0 -5
- package/esm2022/components/axes/axes.component.mjs +0 -79
- package/esm2022/components/axes/index.mjs +0 -2
- package/esm2022/components/axes/taiga-ui-addon-charts-components-axes.mjs +0 -5
- package/esm2022/components/bar/bar.component.mjs +0 -35
- package/esm2022/components/bar/index.mjs +0 -2
- package/esm2022/components/bar/taiga-ui-addon-charts-components-bar.mjs +0 -5
- package/esm2022/components/bar-chart/bar-chart.component.mjs +0 -77
- package/esm2022/components/bar-chart/index.mjs +0 -2
- package/esm2022/components/bar-chart/taiga-ui-addon-charts-components-bar-chart.mjs +0 -5
- package/esm2022/components/bar-set/bar-set.component.mjs +0 -50
- package/esm2022/components/bar-set/index.mjs +0 -2
- package/esm2022/components/bar-set/taiga-ui-addon-charts-components-bar-set.mjs +0 -5
- package/esm2022/components/index.mjs +0 -11
- package/esm2022/components/legend-item/index.mjs +0 -2
- package/esm2022/components/legend-item/legend-item.component.mjs +0 -37
- package/esm2022/components/legend-item/taiga-ui-addon-charts-components-legend-item.mjs +0 -5
- package/esm2022/components/line-chart/index.mjs +0 -4
- package/esm2022/components/line-chart/line-chart-hint.directive.mjs +0 -68
- package/esm2022/components/line-chart/line-chart.component.mjs +0 -183
- package/esm2022/components/line-chart/line-chart.options.mjs +0 -14
- package/esm2022/components/line-chart/taiga-ui-addon-charts-components-line-chart.mjs +0 -5
- package/esm2022/components/line-days-chart/index.mjs +0 -3
- package/esm2022/components/line-days-chart/line-days-chart-hint.directive.mjs +0 -71
- package/esm2022/components/line-days-chart/line-days-chart.component.mjs +0 -194
- package/esm2022/components/line-days-chart/taiga-ui-addon-charts-components-line-days-chart.mjs +0 -5
- package/esm2022/components/pie-chart/index.mjs +0 -3
- package/esm2022/components/pie-chart/pie-chart.component.mjs +0 -115
- package/esm2022/components/pie-chart/pie-chart.directive.mjs +0 -48
- package/esm2022/components/pie-chart/taiga-ui-addon-charts-components-pie-chart.mjs +0 -5
- package/esm2022/components/ring-chart/index.mjs +0 -2
- package/esm2022/components/ring-chart/ring-chart.component.mjs +0 -39
- package/esm2022/components/ring-chart/taiga-ui-addon-charts-components-ring-chart.mjs +0 -5
- package/esm2022/components/taiga-ui-addon-charts-components.mjs +0 -5
- package/esm2022/index.mjs +0 -2
- package/esm2022/taiga-ui-addon-charts.mjs +0 -5
- package/esm2022/types/index.mjs +0 -2
- package/esm2022/types/taiga-ui-addon-charts-types.mjs +0 -5
- package/esm2022/utils/control-point.mjs +0 -13
- package/esm2022/utils/describe-sector.mjs +0 -33
- package/esm2022/utils/draw-curve.mjs +0 -8
- package/esm2022/utils/draw-line.mjs +0 -4
- package/esm2022/utils/draw.mjs +0 -10
- package/esm2022/utils/index.mjs +0 -8
- package/esm2022/utils/line-angle.mjs +0 -6
- package/esm2022/utils/line-length.mjs +0 -6
- package/esm2022/utils/taiga-ui-addon-charts-utils.mjs +0 -5
package/README.md
CHANGED
|
@@ -1,26 +1,21 @@
|
|
|
1
|
-
import { type ElementRef, type QueryList } from '@angular/core';
|
|
2
1
|
import { type TuiSizeXL } from '@taiga-ui/core/types';
|
|
3
|
-
import { type Observable } from 'rxjs';
|
|
4
2
|
import * as i0 from "@angular/core";
|
|
5
3
|
export declare class TuiArcChart {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
maxLabel: string;
|
|
14
|
-
activeItemIndex: number;
|
|
15
|
-
readonly activeItemIndexChange: Observable<number>;
|
|
16
|
-
protected set arcs(arcs: QueryList<ElementRef<SVGElement>>);
|
|
4
|
+
protected readonly initialized: import("@angular/core").Signal<boolean>;
|
|
5
|
+
readonly value: import("@angular/core").InputSignal<readonly number[]>;
|
|
6
|
+
readonly size: import("@angular/core").InputSignal<TuiSizeXL>;
|
|
7
|
+
readonly max: import("@angular/core").InputSignal<number>;
|
|
8
|
+
readonly minLabel: import("@angular/core").InputSignal<string>;
|
|
9
|
+
readonly maxLabel: import("@angular/core").InputSignal<string>;
|
|
10
|
+
readonly activeItemIndex: import("@angular/core").ModelSignal<number>;
|
|
17
11
|
protected get width(): number;
|
|
18
12
|
protected get strokeWidth(): number;
|
|
13
|
+
protected onHovered(hovered: boolean, index: number): void;
|
|
19
14
|
protected isInactive(index: number): boolean;
|
|
20
15
|
protected getInset(index: number): number;
|
|
21
16
|
protected getDiameter(index: number): number;
|
|
22
17
|
protected getLength(index: number): number;
|
|
23
18
|
protected getOffset(index: number): number;
|
|
24
19
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiArcChart, never>;
|
|
25
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiArcChart, "tui-arc-chart", never, { "value": { "alias": "value"; "required": false; }; "size": { "alias": "size"; "required": false; }; "max": { "alias": "max"; "required": false; }; "minLabel": { "alias": "minLabel"; "required": false; }; "maxLabel": { "alias": "maxLabel"; "required": false; }; "activeItemIndex": { "alias": "activeItemIndex"; "required": false; }; }, { "
|
|
20
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiArcChart, "tui-arc-chart", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "minLabel": { "alias": "minLabel"; "required": false; "isSignal": true; }; "maxLabel": { "alias": "maxLabel"; "required": false; "isSignal": true; }; "activeItemIndex": { "alias": "activeItemIndex"; "required": false; "isSignal": true; }; }, { "activeItemIndex": "activeItemIndexChange"; }, never, ["*"], true, never>;
|
|
26
21
|
}
|
|
@@ -1,28 +1,26 @@
|
|
|
1
|
-
import { type TuiLineHandler
|
|
1
|
+
import { type TuiLineHandler } from '@taiga-ui/addon-charts/types';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare const TUI_ALWAYS_DASHED: TuiLineHandler;
|
|
4
4
|
export declare const TUI_ALWAYS_DOTTED: TuiLineHandler;
|
|
5
5
|
export declare const TUI_ALWAYS_SOLID: TuiLineHandler;
|
|
6
6
|
export declare const TUI_ALWAYS_NONE: TuiLineHandler;
|
|
7
7
|
export declare class TuiAxes {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
fallback(label: string | null): string;
|
|
25
|
-
protected get centeredXLabels(): boolean;
|
|
8
|
+
readonly axisXLabels: import("@angular/core").InputSignal<readonly (string | null)[]>;
|
|
9
|
+
readonly axisYInset: import("@angular/core").InputSignal<boolean>;
|
|
10
|
+
readonly axisYLabels: import("@angular/core").InputSignal<readonly string[]>;
|
|
11
|
+
readonly axisYName: import("@angular/core").InputSignal<string>;
|
|
12
|
+
readonly axisYSecondaryInset: import("@angular/core").InputSignal<boolean>;
|
|
13
|
+
readonly axisYSecondaryLabels: import("@angular/core").InputSignal<readonly string[]>;
|
|
14
|
+
readonly axisYSecondaryName: import("@angular/core").InputSignal<string>;
|
|
15
|
+
readonly centeredXLabels: import("@angular/core").InputSignal<boolean>;
|
|
16
|
+
readonly horizontalLines: import("@angular/core").InputSignal<number>;
|
|
17
|
+
readonly horizontalLinesHandler: import("@angular/core").InputSignal<TuiLineHandler>;
|
|
18
|
+
readonly verticalLines: import("@angular/core").InputSignal<number>;
|
|
19
|
+
readonly verticalLinesHandler: import("@angular/core").InputSignal<TuiLineHandler>;
|
|
20
|
+
readonly fallbackLabel = "\u00A0";
|
|
21
|
+
readonly hasXLabels: import("@angular/core").Signal<boolean>;
|
|
22
|
+
readonly hasYLabels: import("@angular/core").Signal<boolean>;
|
|
23
|
+
readonly hasYSecondaryLabels: import("@angular/core").Signal<boolean>;
|
|
26
24
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiAxes, never>;
|
|
27
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiAxes, "tui-axes", never, { "
|
|
25
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiAxes, "tui-axes", never, { "axisXLabels": { "alias": "axisXLabels"; "required": false; "isSignal": true; }; "axisYInset": { "alias": "axisYInset"; "required": false; "isSignal": true; }; "axisYLabels": { "alias": "axisYLabels"; "required": false; "isSignal": true; }; "axisYName": { "alias": "axisYName"; "required": false; "isSignal": true; }; "axisYSecondaryInset": { "alias": "axisYSecondaryInset"; "required": false; "isSignal": true; }; "axisYSecondaryLabels": { "alias": "axisYSecondaryLabels"; "required": false; "isSignal": true; }; "axisYSecondaryName": { "alias": "axisYSecondaryName"; "required": false; "isSignal": true; }; "centeredXLabels": { "alias": "centeredXLabels"; "required": false; "isSignal": true; }; "horizontalLines": { "alias": "horizontalLines"; "required": false; "isSignal": true; }; "horizontalLinesHandler": { "alias": "horizontalLinesHandler"; "required": false; "isSignal": true; }; "verticalLines": { "alias": "verticalLines"; "required": false; "isSignal": true; }; "verticalLinesHandler": { "alias": "verticalLinesHandler"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
28
26
|
}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
|
|
2
1
|
import * as i0 from "@angular/core";
|
|
3
2
|
export declare class TuiBar {
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
private readonly sum;
|
|
4
|
+
readonly value: import("@angular/core").InputSignal<readonly number[]>;
|
|
5
|
+
readonly size: import("@angular/core").InputSignal<"m" | "l" | "s">;
|
|
6
6
|
protected getHeight(value: number): number;
|
|
7
|
-
private getSum;
|
|
8
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiBar, never>;
|
|
9
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiBar, "tui-bar", never, { "value": { "alias": "value"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
|
|
8
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiBar, "tui-bar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
10
9
|
}
|
|
@@ -1,20 +1,19 @@
|
|
|
1
|
-
import { EventEmitter, type QueryList } from '@angular/core';
|
|
2
1
|
import { type TuiContext, type TuiMapper } from '@taiga-ui/cdk/types';
|
|
3
|
-
import {
|
|
2
|
+
import { TuiHintHover } from '@taiga-ui/core/portals/hint';
|
|
4
3
|
import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
|
|
5
|
-
import { type Observable } from 'rxjs';
|
|
6
4
|
import * as i0 from "@angular/core";
|
|
7
5
|
export declare class TuiBarChart {
|
|
8
6
|
private readonly hintOptions;
|
|
9
7
|
private readonly autoId;
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
readonly
|
|
16
|
-
|
|
17
|
-
|
|
8
|
+
private readonly getMax;
|
|
9
|
+
protected readonly transposed: import("@angular/core").Signal<readonly (readonly number[])[]>;
|
|
10
|
+
protected readonly drivers: import("@angular/core").Signal<readonly TuiHintHover[]>;
|
|
11
|
+
readonly value: import("@angular/core").InputSignal<readonly (readonly number[])[]>;
|
|
12
|
+
readonly max: import("@angular/core").InputSignal<number>;
|
|
13
|
+
readonly size: import("@angular/core").InputSignal<"m" | "l" | "s" | null>;
|
|
14
|
+
readonly collapsed: import("@angular/core").InputSignal<boolean>;
|
|
15
|
+
readonly tapColumn: import("@angular/core").OutputEmitterRef<number>;
|
|
16
|
+
readonly computedMax: import("@angular/core").Signal<number>;
|
|
18
17
|
readonly percentMapper: TuiMapper<[
|
|
19
18
|
readonly number[],
|
|
20
19
|
boolean,
|
|
@@ -23,8 +22,6 @@ export declare class TuiBarChart {
|
|
|
23
22
|
protected get hintContent(): PolymorpheusContent<TuiContext<number>>;
|
|
24
23
|
protected get hintAppearance(): string;
|
|
25
24
|
protected getHintId(index: number): string;
|
|
26
|
-
private transpose;
|
|
27
|
-
private getMax;
|
|
28
25
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiBarChart, never>;
|
|
29
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiBarChart, "tui-bar-chart", never, { "value": { "alias": "value"; "required": false; }; "max": { "alias": "max"; "required": false; }; "size": { "alias": "size"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; }, { "tapColumn": "tapColumn"; }, never, never, true, never>;
|
|
26
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiBarChart, "tui-bar-chart", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; }, { "tapColumn": "tapColumn"; }, never, never, true, never>;
|
|
30
27
|
}
|
|
@@ -1,14 +1,12 @@
|
|
|
1
|
-
import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
|
|
2
1
|
import * as i0 from "@angular/core";
|
|
3
2
|
export declare class TuiBarSet {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
protected
|
|
9
|
-
protected
|
|
3
|
+
private readonly largest;
|
|
4
|
+
readonly value: import("@angular/core").InputSignal<readonly number[]>;
|
|
5
|
+
readonly size: import("@angular/core").InputSignal<"m" | "l" | "s" | null>;
|
|
6
|
+
readonly collapsed: import("@angular/core").InputSignal<boolean>;
|
|
7
|
+
protected readonly computedValue: import("@angular/core").Signal<readonly number[]>;
|
|
8
|
+
protected readonly computedSegments: import("@angular/core").Signal<readonly number[]>;
|
|
10
9
|
protected getHeight(value: number): number;
|
|
11
|
-
private getLargest;
|
|
12
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiBarSet, never>;
|
|
13
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiBarSet, "tui-bar-set", never, { "value": { "alias": "value"; "required": false; }; "size": { "alias": "size"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
11
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiBarSet, "tui-bar-set", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
14
12
|
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class TuiChartHint {
|
|
4
|
+
readonly content: import("@angular/core").InputSignal<PolymorpheusContent>;
|
|
5
|
+
readonly appearance: import("@angular/core").InputSignal<string>;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiChartHint, never>;
|
|
7
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiChartHint, "[tuiHintContent]", never, { "content": { "alias": "tuiHintContent"; "required": false; "isSignal": true; }; "appearance": { "alias": "tuiHintAppearance"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
8
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './chart-hint.directive';
|
package/components/index.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ export * from '@taiga-ui/addon-charts/components/axes';
|
|
|
3
3
|
export * from '@taiga-ui/addon-charts/components/bar';
|
|
4
4
|
export * from '@taiga-ui/addon-charts/components/bar-chart';
|
|
5
5
|
export * from '@taiga-ui/addon-charts/components/bar-set';
|
|
6
|
+
export * from '@taiga-ui/addon-charts/components/chart-hint';
|
|
6
7
|
export * from '@taiga-ui/addon-charts/components/legend-item';
|
|
7
8
|
export * from '@taiga-ui/addon-charts/components/line-chart';
|
|
8
9
|
export * from '@taiga-ui/addon-charts/components/line-days-chart';
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { type TuiSizeS } from '@taiga-ui/core/types';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class TuiLegendItem {
|
|
4
|
-
active: boolean
|
|
5
|
-
color: string
|
|
6
|
-
text: string
|
|
7
|
-
size: TuiSizeS
|
|
8
|
-
disabled: boolean
|
|
9
|
-
protected get computedColor(): string | null;
|
|
4
|
+
readonly active: import("@angular/core").InputSignal<boolean>;
|
|
5
|
+
readonly color: import("@angular/core").InputSignal<string>;
|
|
6
|
+
readonly text: import("@angular/core").InputSignal<string>;
|
|
7
|
+
readonly size: import("@angular/core").InputSignal<TuiSizeS>;
|
|
8
|
+
readonly disabled: import("@angular/core").InputSignal<boolean>;
|
|
10
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiLegendItem, never>;
|
|
11
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiLegendItem, "tui-legend-item", never, { "active": { "alias": "active"; "required": false; }; "color": { "alias": "color"; "required": false; }; "text": { "alias": "text"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["[tuiCheckbox]", "*"], true, never>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiLegendItem, "tui-legend-item", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["[tuiCheckbox]", "*"], true, never>;
|
|
12
11
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type AfterViewInit
|
|
1
|
+
import { type AfterViewInit } from '@angular/core';
|
|
2
2
|
import { type TuiContext } from '@taiga-ui/cdk/types';
|
|
3
3
|
import { type TuiPoint } from '@taiga-ui/core/types';
|
|
4
4
|
import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
|
|
@@ -12,14 +12,14 @@ export declare class TuiLineChartHint implements AfterViewInit {
|
|
|
12
12
|
private readonly destroyRef;
|
|
13
13
|
private readonly zone;
|
|
14
14
|
private readonly hovered$;
|
|
15
|
-
|
|
15
|
+
private readonly computedContext;
|
|
16
|
+
readonly hint: import("@angular/core").InputSignal<PolymorpheusContent<TuiContext<readonly (readonly [x: number, y: number])[]>>>;
|
|
16
17
|
ngAfterViewInit(): void;
|
|
17
18
|
getContext(index: number, _chart: TuiLineChart): readonly TuiPoint[];
|
|
18
19
|
raise(index: number, _chart: TuiLineChart): void;
|
|
19
|
-
private computeContext;
|
|
20
20
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiLineChartHint, never>;
|
|
21
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiLineChartHint, "[tuiLineChartHint]", never, { "hint": { "alias": "tuiLineChartHint"; "required": false; }; }, {}, ["charts", "chartsRef"], never, true, never>;
|
|
21
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiLineChartHint, "[tuiLineChartHint]", never, { "hint": { "alias": "tuiLineChartHint"; "required": false; "isSignal": true; }; }, {}, ["charts", "chartsRef"], never, true, never>;
|
|
22
22
|
}
|
|
23
|
-
export declare function tuiLineChartDrivers(charts:
|
|
24
|
-
drivers
|
|
23
|
+
export declare function tuiLineChartDrivers(charts: ReadonlyArray<{
|
|
24
|
+
drivers$: Observable<ReadonlyArray<Observable<boolean>>>;
|
|
25
25
|
}>): Observable<boolean>;
|
|
@@ -1,42 +1,38 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { TuiChartHint } from '@taiga-ui/addon-charts/components/chart-hint';
|
|
2
2
|
import { type TuiLineChartHintContext } from '@taiga-ui/addon-charts/types';
|
|
3
3
|
import { type TuiStringHandler } from '@taiga-ui/cdk/types';
|
|
4
|
-
import {
|
|
4
|
+
import { TuiHintHover } from '@taiga-ui/core/portals/hint';
|
|
5
5
|
import { type TuiPoint } from '@taiga-ui/core/types';
|
|
6
6
|
import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
|
|
7
|
-
import { type Observable } from 'rxjs';
|
|
8
7
|
import { TuiLineChartHint } from './line-chart-hint.directive';
|
|
9
8
|
import * as i0 from "@angular/core";
|
|
10
|
-
export declare class TuiLineChart
|
|
11
|
-
private readonly zone;
|
|
9
|
+
export declare class TuiLineChart {
|
|
12
10
|
private readonly options;
|
|
13
|
-
private readonly hover$;
|
|
14
11
|
private readonly autoId;
|
|
15
12
|
private readonly resize;
|
|
16
13
|
private readonly box;
|
|
17
14
|
protected readonly hintDirective: TuiLineChartHint | null;
|
|
18
|
-
protected readonly hintOptions:
|
|
15
|
+
protected readonly hintOptions: TuiChartHint | null;
|
|
19
16
|
protected readonly viewBox: import("@angular/core").Signal<string>;
|
|
20
|
-
readonly
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
17
|
+
protected readonly d: import("@angular/core").Signal<string>;
|
|
18
|
+
protected readonly fillD: import("@angular/core").Signal<string>;
|
|
19
|
+
readonly drivers: import("@angular/core").Signal<readonly TuiHintHover[]>;
|
|
20
|
+
readonly drivers$: import("rxjs").Observable<readonly TuiHintHover[]>;
|
|
21
|
+
readonly x: import("@angular/core").InputSignal<number>;
|
|
22
|
+
readonly y: import("@angular/core").InputSignal<number>;
|
|
23
|
+
readonly width: import("@angular/core").InputSignal<number>;
|
|
24
|
+
readonly height: import("@angular/core").InputSignal<number>;
|
|
25
|
+
readonly smoothingFactor: import("@angular/core").InputSignal<number>;
|
|
26
|
+
xStringify: import("@angular/core").InputSignal<TuiStringHandler<number> | null>;
|
|
27
|
+
yStringify: import("@angular/core").InputSignal<TuiStringHandler<number> | null>;
|
|
28
|
+
readonly filled: import("@angular/core").InputSignal<boolean>;
|
|
29
|
+
readonly dots: import("@angular/core").InputSignal<boolean>;
|
|
30
|
+
value: import("@angular/core").InputSignalWithTransform<readonly (readonly [x: number, y: number])[], readonly (readonly [x: number, y: number])[]>;
|
|
31
|
+
readonly hovered: import("@angular/core").WritableSignal<number>;
|
|
33
32
|
onHovered(index: number): void;
|
|
34
|
-
protected get hovered$(): Observable<number>;
|
|
35
33
|
protected get hintContent(): PolymorpheusContent<TuiLineChartHintContext<TuiPoint>>;
|
|
36
34
|
protected get fillId(): string;
|
|
37
35
|
protected get fill(): string;
|
|
38
|
-
protected get d(): string;
|
|
39
|
-
protected get fillD(): string;
|
|
40
36
|
protected get isFocusable(): boolean;
|
|
41
37
|
protected get hasHints(): boolean;
|
|
42
38
|
protected onMouseLeave(): void;
|
|
@@ -50,8 +46,7 @@ export declare class TuiLineChart implements OnChanges {
|
|
|
50
46
|
protected getOffset(x: number): number;
|
|
51
47
|
protected onMouseEnter(index: number): void;
|
|
52
48
|
private get isSinglePoint();
|
|
53
|
-
private getD;
|
|
54
49
|
private computeWidth;
|
|
55
50
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiLineChart, never>;
|
|
56
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiLineChart, "tui-line-chart", never, { "x": { "alias": "x"; "required": false; }; "y": { "alias": "y"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "smoothingFactor": { "alias": "smoothingFactor"; "required": false; }; "xStringify": { "alias": "xStringify"; "required": false; }; "yStringify": { "alias": "yStringify"; "required": false; }; "filled": { "alias": "filled"; "required": false; }; "dots": { "alias": "dots"; "required": false; }; "
|
|
51
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiLineChart, "tui-line-chart", never, { "x": { "alias": "x"; "required": false; "isSignal": true; }; "y": { "alias": "y"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "smoothingFactor": { "alias": "smoothingFactor"; "required": false; "isSignal": true; }; "xStringify": { "alias": "xStringify"; "required": false; "isSignal": true; }; "yStringify": { "alias": "yStringify"; "required": false; "isSignal": true; }; "filled": { "alias": "filled"; "required": false; "isSignal": true; }; "dots": { "alias": "dots"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
57
52
|
}
|
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
import { InjectionToken, type Provider } from '@angular/core';
|
|
2
1
|
export interface TuiLineChartOptions {
|
|
3
2
|
readonly dots: boolean;
|
|
4
3
|
readonly filled: boolean;
|
|
5
4
|
readonly smoothingFactor: number;
|
|
6
5
|
}
|
|
7
6
|
export declare const TUI_LINE_CHART_DEFAULT_OPTIONS: TuiLineChartOptions;
|
|
8
|
-
export declare const TUI_LINE_CHART_OPTIONS: InjectionToken<TuiLineChartOptions
|
|
9
|
-
export declare function tuiLineChartOptionsProvider(options: Partial<TuiLineChartOptions>): Provider;
|
|
7
|
+
export declare const TUI_LINE_CHART_OPTIONS: import("@angular/core").InjectionToken<TuiLineChartOptions>, tuiLineChartOptionsProvider: (item: Partial<TuiLineChartOptions> | (() => Partial<TuiLineChartOptions>)) => import("@angular/core").FactoryProvider;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { type AfterContentInit } from '@angular/core';
|
|
2
2
|
import { type TuiDay } from '@taiga-ui/cdk/date-time';
|
|
3
3
|
import { type TuiContext } from '@taiga-ui/cdk/types';
|
|
4
|
-
import { type TuiPoint } from '@taiga-ui/core/types';
|
|
5
4
|
import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
|
|
6
5
|
import * as i0 from "@angular/core";
|
|
7
6
|
export declare class TuiLineDaysChartHint implements AfterContentInit {
|
|
8
7
|
private readonly charts;
|
|
8
|
+
private readonly map;
|
|
9
9
|
private readonly destroyRef;
|
|
10
10
|
private readonly zone;
|
|
11
11
|
private readonly hovered$;
|
|
12
|
-
hint: PolymorpheusContent<TuiContext<readonly
|
|
12
|
+
readonly hint: import("@angular/core").InputSignal<PolymorpheusContent<TuiContext<readonly (readonly [x: number, y: number])[]>>>;
|
|
13
13
|
ngAfterContentInit(): void;
|
|
14
14
|
getContext(day: TuiDay): ReadonlyArray<[TuiDay, number]>;
|
|
15
15
|
raise(day: TuiDay): void;
|
|
16
16
|
private getMap;
|
|
17
17
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiLineDaysChartHint, never>;
|
|
18
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiLineDaysChartHint, "[tuiLineChartHint]", never, { "hint": { "alias": "tuiLineChartHint"; "required": false; }; }, {}, ["charts"], never, true, never>;
|
|
18
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiLineDaysChartHint, "[tuiLineChartHint]", never, { "hint": { "alias": "tuiLineChartHint"; "required": false; "isSignal": true; }; }, {}, ["charts"], never, true, never>;
|
|
19
19
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type AfterViewInit
|
|
1
|
+
import { type AfterViewInit } from '@angular/core';
|
|
2
2
|
import { TuiLineChart } from '@taiga-ui/addon-charts/components/line-chart';
|
|
3
3
|
import { TuiDay } from '@taiga-ui/cdk/date-time';
|
|
4
4
|
import { type TuiContext, type TuiStringHandler } from '@taiga-ui/cdk/types';
|
|
@@ -11,18 +11,18 @@ export declare class TuiLineDaysChart implements AfterViewInit {
|
|
|
11
11
|
private readonly hovered$;
|
|
12
12
|
private readonly options;
|
|
13
13
|
private readonly hintDirective;
|
|
14
|
-
readonly
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
14
|
+
private readonly brokenMonths;
|
|
15
|
+
readonly charts: import("@angular/core").Signal<readonly TuiLineChart[]>;
|
|
16
|
+
readonly y: import("@angular/core").InputSignal<number>;
|
|
17
|
+
readonly height: import("@angular/core").InputSignal<number>;
|
|
18
|
+
readonly smoothingFactor: import("@angular/core").InputSignal<number>;
|
|
19
|
+
readonly hintContent: import("@angular/core").InputSignal<PolymorpheusContent<TuiContext<[TuiDay, number]>>>;
|
|
20
|
+
readonly xStringify: import("@angular/core").InputSignal<TuiStringHandler<TuiDay> | null>;
|
|
21
|
+
readonly yStringify: import("@angular/core").InputSignal<TuiStringHandler<number> | null>;
|
|
22
|
+
readonly dots: import("@angular/core").InputSignal<boolean>;
|
|
22
23
|
zIndex: number;
|
|
23
|
-
value:
|
|
24
|
-
|
|
25
|
-
get hint(): PolymorpheusContent<TuiContext<[TuiDay, number]>> | PolymorpheusContent<TuiContext<readonly TuiPoint[]>>;
|
|
24
|
+
value: import("@angular/core").InputSignalWithTransform<readonly [TuiDay, number][], readonly [TuiDay, number][]>;
|
|
25
|
+
hint: import("@angular/core").Signal<string | number | import("@taiga-ui/polymorpheus").PolymorpheusComponent<unknown> | import("@angular/platform-browser").SafeValue | import("@taiga-ui/polymorpheus").PolymorpheusHandler<TuiContext<readonly (readonly [x: number, y: number])[]>> | import("@taiga-ui/polymorpheus").PolymorpheusTemplate<"" | Partial<TuiContext<readonly (readonly [x: number, y: number])[]>>> | import("@angular/core").TemplateRef<Partial<TuiContext<readonly (readonly [x: number, y: number])[]>>> | import("@taiga-ui/polymorpheus").PolymorpheusHandler<TuiContext<[TuiDay, number]>> | import("@taiga-ui/polymorpheus").PolymorpheusTemplate<"" | Partial<TuiContext<[TuiDay, number]>>> | import("@angular/core").TemplateRef<Partial<TuiContext<[TuiDay, number]>>> | null | undefined>;
|
|
26
26
|
ngAfterViewInit(): void;
|
|
27
27
|
onHovered(day: TuiDay | number): void;
|
|
28
28
|
raise(index: number, { value }: TuiLineChart): void;
|
|
@@ -33,8 +33,7 @@ export declare class TuiLineDaysChart implements AfterViewInit {
|
|
|
33
33
|
protected readonly daysStringify: TuiStringHandler<number>;
|
|
34
34
|
protected getX(index: number): number;
|
|
35
35
|
protected getWidth(index: number): number;
|
|
36
|
-
private breakMonths;
|
|
37
36
|
private getDay;
|
|
38
37
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiLineDaysChart, never>;
|
|
39
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiLineDaysChart, "tui-line-days-chart", never, { "y": { "alias": "y"; "required": false; }; "height": { "alias": "height"; "required": false; }; "smoothingFactor": { "alias": "smoothingFactor"; "required": false; }; "hintContent": { "alias": "hintContent"; "required": false; }; "xStringify": { "alias": "xStringify"; "required": false; }; "yStringify": { "alias": "yStringify"; "required": false; }; "dots": { "alias": "dots"; "required": false; }; "
|
|
38
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiLineDaysChart, "tui-line-days-chart", never, { "y": { "alias": "y"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "smoothingFactor": { "alias": "smoothingFactor"; "required": false; "isSignal": true; }; "hintContent": { "alias": "hintContent"; "required": false; "isSignal": true; }; "xStringify": { "alias": "xStringify"; "required": false; "isSignal": true; }; "yStringify": { "alias": "yStringify"; "required": false; "isSignal": true; }; "dots": { "alias": "dots"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
40
39
|
}
|
|
@@ -1,29 +1,22 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
2
1
|
import { type TuiContext } from '@taiga-ui/cdk/types';
|
|
3
|
-
import { type TuiSizeXL, type TuiSizeXS } from '@taiga-ui/core/types';
|
|
4
2
|
import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
|
|
5
3
|
import * as i0 from "@angular/core";
|
|
6
4
|
export declare class TuiPieChart {
|
|
7
5
|
private readonly hintOptions;
|
|
8
6
|
private readonly autoId;
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
readonly
|
|
14
|
-
|
|
15
|
-
protected get empty(): boolean;
|
|
7
|
+
protected readonly getSum: import("@angular/core").Signal<number>;
|
|
8
|
+
protected readonly segments: import("@angular/core").Signal<readonly [number, number][]>;
|
|
9
|
+
readonly value: import("@angular/core").InputSignal<readonly number[]>;
|
|
10
|
+
readonly size: import("@angular/core").InputSignal<"m" | "l" | "xl" | "s" | "xs">;
|
|
11
|
+
readonly masked: import("@angular/core").InputSignal<boolean>;
|
|
12
|
+
readonly activeItemIndex: import("@angular/core").ModelSignal<number>;
|
|
16
13
|
protected get hintContent(): PolymorpheusContent<TuiContext<number>>;
|
|
17
14
|
protected get maskId(): string;
|
|
18
15
|
protected get mask(): string | null;
|
|
19
16
|
protected get radius(): string;
|
|
20
|
-
protected get segments(): ReadonlyArray<[number, number]>;
|
|
21
17
|
protected getTransform(index: number): string | null;
|
|
22
18
|
protected onHovered(hovered: boolean, index: number): void;
|
|
23
|
-
private getSum;
|
|
24
|
-
private getSegments;
|
|
25
19
|
private getDeg;
|
|
26
|
-
private updateActiveItemIndex;
|
|
27
20
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiPieChart, never>;
|
|
28
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiPieChart, "tui-pie-chart", never, { "value": { "alias": "value"; "required": false; }; "size": { "alias": "size"; "required": false; }; "masked": { "alias": "masked"; "required": false; }; "activeItemIndex": { "alias": "activeItemIndex"; "required": false; }; }, { "
|
|
21
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiPieChart, "tui-pie-chart", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "masked": { "alias": "masked"; "required": false; "isSignal": true; }; "activeItemIndex": { "alias": "activeItemIndex"; "required": false; "isSignal": true; }; }, { "activeItemIndex": "activeItemIndexChange"; }, never, never, true, never>;
|
|
29
22
|
}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
export declare class TuiPieChartDirective {
|
|
3
|
-
private readonly sector$;
|
|
4
3
|
private readonly el;
|
|
5
4
|
private readonly performance;
|
|
6
5
|
private readonly animationFrame$;
|
|
7
6
|
private readonly speed;
|
|
7
|
+
tuiPieChart: import("@angular/core").InputSignal<readonly [number, number]>;
|
|
8
8
|
protected readonly $: import("rxjs").Subscription;
|
|
9
|
-
set tuiPieChart(sector: readonly [number, number]);
|
|
10
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiPieChartDirective, never>;
|
|
11
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiPieChartDirective, "path[tuiPieChart]", never, { "tuiPieChart": { "alias": "tuiPieChart"; "required": false; }; }, {}, never, never, true, never>;
|
|
10
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiPieChartDirective, "path[tuiPieChart]", never, { "tuiPieChart": { "alias": "tuiPieChart"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
12
11
|
}
|
|
@@ -1,13 +1,8 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
2
|
-
import { type TuiSizeXL, type TuiSizeXS } from '@taiga-ui/core/types';
|
|
3
1
|
import * as i0 from "@angular/core";
|
|
4
2
|
export declare class TuiRingChart {
|
|
5
|
-
value: readonly number[]
|
|
6
|
-
size:
|
|
7
|
-
activeItemIndex: number
|
|
8
|
-
readonly activeItemIndexChange: EventEmitter<number>;
|
|
9
|
-
protected onActiveItemIndexChange(index: number): void;
|
|
10
|
-
private updateActiveItemIndex;
|
|
3
|
+
readonly value: import("@angular/core").InputSignal<readonly number[]>;
|
|
4
|
+
readonly size: import("@angular/core").InputSignal<"m" | "l" | "xl" | "s" | "xs">;
|
|
5
|
+
readonly activeItemIndex: import("@angular/core").ModelSignal<number>;
|
|
11
6
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiRingChart, never>;
|
|
12
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiRingChart, "tui-ring-chart", never, { "value": { "alias": "value"; "required": false; }; "size": { "alias": "size"; "required": false; }; "activeItemIndex": { "alias": "activeItemIndex"; "required": false; }; }, { "
|
|
7
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiRingChart, "tui-ring-chart", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "activeItemIndex": { "alias": "activeItemIndex"; "required": false; "isSignal": true; }; }, { "activeItemIndex": "activeItemIndexChange"; }, never, ["*"], true, never>;
|
|
13
8
|
}
|