@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.
Files changed (94) hide show
  1. package/README.md +2 -2
  2. package/components/arc-chart/arc-chart.component.d.ts +9 -14
  3. package/components/axes/axes.component.d.ts +18 -20
  4. package/components/bar/bar.component.d.ts +4 -5
  5. package/components/bar-chart/bar-chart.component.d.ts +11 -14
  6. package/components/bar-set/bar-set.component.d.ts +7 -9
  7. package/components/chart-hint/chart-hint.directive.d.ts +8 -0
  8. package/components/chart-hint/index.d.ts +1 -0
  9. package/components/index.d.ts +1 -0
  10. package/components/legend-item/legend-item.component.d.ts +6 -7
  11. package/components/line-chart/line-chart-hint.directive.d.ts +6 -6
  12. package/components/line-chart/line-chart.component.d.ts +20 -25
  13. package/components/line-chart/line-chart.options.d.ts +1 -3
  14. package/components/line-days-chart/line-days-chart-hint.directive.d.ts +3 -3
  15. package/components/line-days-chart/line-days-chart.component.d.ts +13 -14
  16. package/components/pie-chart/pie-chart.component.d.ts +7 -14
  17. package/components/pie-chart/pie-chart.directive.d.ts +2 -3
  18. package/components/ring-chart/ring-chart.component.d.ts +4 -9
  19. package/fesm2022/taiga-ui-addon-charts-components-arc-chart.mjs +29 -55
  20. package/fesm2022/taiga-ui-addon-charts-components-arc-chart.mjs.map +1 -1
  21. package/fesm2022/taiga-ui-addon-charts-components-axes.mjs +27 -67
  22. package/fesm2022/taiga-ui-addon-charts-components-axes.mjs.map +1 -1
  23. package/fesm2022/taiga-ui-addon-charts-components-bar-chart.mjs +28 -58
  24. package/fesm2022/taiga-ui-addon-charts-components-bar-chart.mjs.map +1 -1
  25. package/fesm2022/taiga-ui-addon-charts-components-bar-set.mjs +16 -39
  26. package/fesm2022/taiga-ui-addon-charts-components-bar-set.mjs.map +1 -1
  27. package/fesm2022/taiga-ui-addon-charts-components-bar.mjs +12 -24
  28. package/fesm2022/taiga-ui-addon-charts-components-bar.mjs.map +1 -1
  29. package/fesm2022/taiga-ui-addon-charts-components-chart-hint.mjs +24 -0
  30. package/fesm2022/taiga-ui-addon-charts-components-chart-hint.mjs.map +1 -0
  31. package/fesm2022/taiga-ui-addon-charts-components-legend-item.mjs +15 -28
  32. package/fesm2022/taiga-ui-addon-charts-components-legend-item.mjs.map +1 -1
  33. package/fesm2022/taiga-ui-addon-charts-components-line-chart.mjs +77 -140
  34. package/fesm2022/taiga-ui-addon-charts-components-line-chart.mjs.map +1 -1
  35. package/fesm2022/taiga-ui-addon-charts-components-line-days-chart.mjs +87 -124
  36. package/fesm2022/taiga-ui-addon-charts-components-line-days-chart.mjs.map +1 -1
  37. package/fesm2022/taiga-ui-addon-charts-components-pie-chart.mjs +57 -89
  38. package/fesm2022/taiga-ui-addon-charts-components-pie-chart.mjs.map +1 -1
  39. package/fesm2022/taiga-ui-addon-charts-components-ring-chart.mjs +11 -30
  40. package/fesm2022/taiga-ui-addon-charts-components-ring-chart.mjs.map +1 -1
  41. package/fesm2022/taiga-ui-addon-charts-components.mjs +1 -0
  42. package/fesm2022/taiga-ui-addon-charts-components.mjs.map +1 -1
  43. package/fesm2022/taiga-ui-addon-charts-utils.mjs +6 -3
  44. package/fesm2022/taiga-ui-addon-charts-utils.mjs.map +1 -1
  45. package/package.json +15 -36
  46. package/esm2022/components/arc-chart/arc-chart.component.mjs +0 -85
  47. package/esm2022/components/arc-chart/index.mjs +0 -2
  48. package/esm2022/components/arc-chart/taiga-ui-addon-charts-components-arc-chart.mjs +0 -5
  49. package/esm2022/components/axes/axes.component.mjs +0 -79
  50. package/esm2022/components/axes/index.mjs +0 -2
  51. package/esm2022/components/axes/taiga-ui-addon-charts-components-axes.mjs +0 -5
  52. package/esm2022/components/bar/bar.component.mjs +0 -35
  53. package/esm2022/components/bar/index.mjs +0 -2
  54. package/esm2022/components/bar/taiga-ui-addon-charts-components-bar.mjs +0 -5
  55. package/esm2022/components/bar-chart/bar-chart.component.mjs +0 -77
  56. package/esm2022/components/bar-chart/index.mjs +0 -2
  57. package/esm2022/components/bar-chart/taiga-ui-addon-charts-components-bar-chart.mjs +0 -5
  58. package/esm2022/components/bar-set/bar-set.component.mjs +0 -50
  59. package/esm2022/components/bar-set/index.mjs +0 -2
  60. package/esm2022/components/bar-set/taiga-ui-addon-charts-components-bar-set.mjs +0 -5
  61. package/esm2022/components/index.mjs +0 -11
  62. package/esm2022/components/legend-item/index.mjs +0 -2
  63. package/esm2022/components/legend-item/legend-item.component.mjs +0 -37
  64. package/esm2022/components/legend-item/taiga-ui-addon-charts-components-legend-item.mjs +0 -5
  65. package/esm2022/components/line-chart/index.mjs +0 -4
  66. package/esm2022/components/line-chart/line-chart-hint.directive.mjs +0 -68
  67. package/esm2022/components/line-chart/line-chart.component.mjs +0 -183
  68. package/esm2022/components/line-chart/line-chart.options.mjs +0 -14
  69. package/esm2022/components/line-chart/taiga-ui-addon-charts-components-line-chart.mjs +0 -5
  70. package/esm2022/components/line-days-chart/index.mjs +0 -3
  71. package/esm2022/components/line-days-chart/line-days-chart-hint.directive.mjs +0 -71
  72. package/esm2022/components/line-days-chart/line-days-chart.component.mjs +0 -194
  73. package/esm2022/components/line-days-chart/taiga-ui-addon-charts-components-line-days-chart.mjs +0 -5
  74. package/esm2022/components/pie-chart/index.mjs +0 -3
  75. package/esm2022/components/pie-chart/pie-chart.component.mjs +0 -115
  76. package/esm2022/components/pie-chart/pie-chart.directive.mjs +0 -48
  77. package/esm2022/components/pie-chart/taiga-ui-addon-charts-components-pie-chart.mjs +0 -5
  78. package/esm2022/components/ring-chart/index.mjs +0 -2
  79. package/esm2022/components/ring-chart/ring-chart.component.mjs +0 -39
  80. package/esm2022/components/ring-chart/taiga-ui-addon-charts-components-ring-chart.mjs +0 -5
  81. package/esm2022/components/taiga-ui-addon-charts-components.mjs +0 -5
  82. package/esm2022/index.mjs +0 -2
  83. package/esm2022/taiga-ui-addon-charts.mjs +0 -5
  84. package/esm2022/types/index.mjs +0 -2
  85. package/esm2022/types/taiga-ui-addon-charts-types.mjs +0 -5
  86. package/esm2022/utils/control-point.mjs +0 -13
  87. package/esm2022/utils/describe-sector.mjs +0 -33
  88. package/esm2022/utils/draw-curve.mjs +0 -8
  89. package/esm2022/utils/draw-line.mjs +0 -4
  90. package/esm2022/utils/draw.mjs +0 -10
  91. package/esm2022/utils/index.mjs +0 -8
  92. package/esm2022/utils/line-angle.mjs +0 -6
  93. package/esm2022/utils/line-length.mjs +0 -6
  94. package/esm2022/utils/taiga-ui-addon-charts-utils.mjs +0 -5
package/README.md CHANGED
@@ -16,13 +16,13 @@ consisting of multiple base libraries and several add-ons
16
16
 
17
17
  Install base packages:
18
18
 
19
- ```
19
+ ```bash
20
20
  npm i @taiga-ui/{cdk,core}
21
21
  ```
22
22
 
23
23
  Install addon-charts:
24
24
 
25
- ```
25
+ ```bash
26
26
  npm i @taiga-ui/addon-charts
27
27
  ```
28
28
 
@@ -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
- private readonly arcs$;
7
- protected initialized: import("@angular/core").WritableSignal<boolean>;
8
- protected readonly $: import("rxjs").Subscription;
9
- value: readonly number[];
10
- size: TuiSizeXL;
11
- max: number;
12
- minLabel: string;
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; }; }, { "activeItemIndexChange": "activeItemIndexChange"; }, never, ["*"], true, never>;
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, type TuiLineType } from '@taiga-ui/addon-charts/types';
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
- axisX: TuiLineType;
9
- axisXLabels: ReadonlyArray<string | null>;
10
- axisY: TuiLineType;
11
- axisYInset: boolean;
12
- axisYLabels: readonly string[];
13
- axisYName: string;
14
- axisYSecondaryInset: boolean;
15
- axisYSecondaryLabels: readonly string[];
16
- axisYSecondaryName: string;
17
- horizontalLines: number;
18
- horizontalLinesHandler: TuiLineHandler;
19
- verticalLines: number;
20
- verticalLinesHandler: TuiLineHandler;
21
- get hasXLabels(): boolean;
22
- get hasYLabels(): boolean;
23
- get hasYSecondaryLabels(): boolean;
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, { "axisX": { "alias": "axisX"; "required": false; }; "axisXLabels": { "alias": "axisXLabels"; "required": false; }; "axisY": { "alias": "axisY"; "required": false; }; "axisYInset": { "alias": "axisYInset"; "required": false; }; "axisYLabels": { "alias": "axisYLabels"; "required": false; }; "axisYName": { "alias": "axisYName"; "required": false; }; "axisYSecondaryInset": { "alias": "axisYSecondaryInset"; "required": false; }; "axisYSecondaryLabels": { "alias": "axisYSecondaryLabels"; "required": false; }; "axisYSecondaryName": { "alias": "axisYSecondaryName"; "required": false; }; "horizontalLines": { "alias": "horizontalLines"; "required": false; }; "horizontalLinesHandler": { "alias": "horizontalLinesHandler"; "required": false; }; "verticalLines": { "alias": "verticalLines"; "required": false; }; "verticalLinesHandler": { "alias": "verticalLinesHandler"; "required": false; }; }, {}, never, ["*"], true, 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
- value: readonly number[];
5
- size: TuiSizeL | TuiSizeS;
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 { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
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
- protected readonly drivers: QueryList<Observable<boolean>>;
11
- value: ReadonlyArray<readonly number[]>;
12
- max: number;
13
- size: TuiSizeL | TuiSizeS | null;
14
- collapsed: boolean;
15
- readonly tapColumn: EventEmitter<number>;
16
- get transposed(): ReadonlyArray<readonly number[]>;
17
- get computedMax(): number;
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
- value: readonly number[];
5
- size: TuiSizeL | TuiSizeS | null;
6
- collapsed: boolean;
7
- protected get computedValue(): readonly number[];
8
- protected get computedSegments(): readonly number[];
9
- protected get computedSize(): TuiSizeL | TuiSizeS;
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';
@@ -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, type QueryList } from '@angular/core';
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
- hint: PolymorpheusContent<TuiContext<readonly TuiPoint[]>>;
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: QueryList<{
24
- drivers: QueryList<Observable<boolean>>;
23
+ export declare function tuiLineChartDrivers(charts: ReadonlyArray<{
24
+ drivers$: Observable<ReadonlyArray<Observable<boolean>>>;
25
25
  }>): Observable<boolean>;
@@ -1,42 +1,38 @@
1
- import { type OnChanges, type QueryList } from '@angular/core';
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 { TuiHintOptionsDirective } from '@taiga-ui/core/directives/hint';
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 implements OnChanges {
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: TuiHintOptionsDirective | null;
15
+ protected readonly hintOptions: TuiChartHint | null;
19
16
  protected readonly viewBox: import("@angular/core").Signal<string>;
20
- readonly drivers: QueryList<Observable<boolean>>;
21
- x: number;
22
- y: number;
23
- width: number;
24
- height: number;
25
- smoothingFactor: number;
26
- xStringify: TuiStringHandler<number> | null;
27
- yStringify: TuiStringHandler<number> | null;
28
- filled: boolean;
29
- dots: boolean;
30
- value: readonly TuiPoint[];
31
- set valueSetter(value: readonly TuiPoint[]);
32
- ngOnChanges(): void;
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; }; "valueSetter": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
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 TuiPoint[]>>;
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, type QueryList } from '@angular/core';
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 charts: QueryList<TuiLineChart>;
15
- y: number;
16
- height: number;
17
- smoothingFactor: number;
18
- hintContent: PolymorpheusContent<TuiContext<[TuiDay, number]>>;
19
- xStringify: TuiStringHandler<TuiDay> | null;
20
- yStringify: TuiStringHandler<number> | null;
21
- dots: boolean;
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: ReadonlyArray<[TuiDay, number]>;
24
- set valueSetter(value: ReadonlyArray<[TuiDay, number]>);
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; }; "valueSetter": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
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
- value: readonly number[];
10
- size: TuiSizeXL | TuiSizeXS;
11
- masked: boolean;
12
- activeItemIndex: number;
13
- readonly activeItemIndexChange: EventEmitter<number>;
14
- constructor();
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; }; }, { "activeItemIndexChange": "activeItemIndexChange"; }, never, never, true, never>;
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: TuiSizeXL | TuiSizeXS;
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; }; }, { "activeItemIndexChange": "activeItemIndexChange"; }, never, ["*"], true, never>;
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
  }