npm - @taiga-ui/addon-charts - Versions diffs - 4.52.0-canary.763e67d → 4.52.0-canary.7c53ccc - Mend

@taiga-ui/addon-charts 4.52.0-canary.763e67d → 4.52.0-canary.7c53ccc

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 (41) hide show

package/components/arc-chart/arc-chart.component.d.ts CHANGED Viewed

@@ -1,27 +1,21 @@
 import { type TuiSizeXL } from '@taiga-ui/core/types';
 import * as i0 from "@angular/core";
 export declare class TuiArcChart {
-    private readonly arcs;
-    private readonly indexChange$;
     protected readonly initialized: import("@angular/core").Signal<boolean>;
     readonly value: import("@angular/core").InputSignal<readonly number[]>;
     readonly size: import("@angular/core").InputSignal<TuiSizeXL>;
     readonly max: import("@angular/core").InputSignal<number>;
     readonly minLabel: import("@angular/core").InputSignal<string>;
     readonly maxLabel: import("@angular/core").InputSignal<string>;
-    /**
-     * Set to change the index of the active arc.
-     * Will be overridden by hover state.
-     */
     readonly activeItemIndex: import("@angular/core").ModelSignal<number>;
-    readonly activeItemIndexChange: import("@angular/core").OutputRef<number>;
     protected get width(): number;
     protected get strokeWidth(): number;
+    protected onHovered(hovered: boolean, index: number): void;
     protected isInactive(index: number): boolean;
     protected getInset(index: number): number;
     protected getDiameter(index: number): number;
     protected getLength(index: number): number;
     protected getOffset(index: number): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiArcChart, never>;
-    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"; "activeItemIndexChange": "activeItemIndexChange"; }, never, ["*"], true, never>;
+    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>;
 }

package/components/axes/axes.component.d.ts CHANGED Viewed

@@ -18,10 +18,6 @@ export declare class TuiAxes {
     readonly horizontalLines: import("@angular/core").InputSignal<number>;
     readonly horizontalLinesHandler: import("@angular/core").InputSignal<TuiLineHandler>;
     readonly verticalLines: import("@angular/core").InputSignal<number>;
-    /**
-     * A function to handle vertical lines style.
-     * Initially set to always dashed.
-     */
     readonly verticalLinesHandler: import("@angular/core").InputSignal<TuiLineHandler>;
     readonly fallbackLabel = "\u00A0";
     readonly hasXLabels: import("@angular/core").Signal<boolean>;

package/components/bar/bar.component.d.ts CHANGED Viewed

@@ -1,10 +1,9 @@
-import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
 import * as i0 from "@angular/core";
 export declare class TuiBar {
-    value: readonly number[];
-    size: TuiSizeL | TuiSizeS;
+    private readonly sum;
+    readonly value: import("@angular/core").InputSignal<readonly number[]>;
+    readonly size: import("@angular/core").InputSignal<"m" | "l" | "s">;
     protected getHeight(value: number): number;
-    private getSum;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiBar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiBar, "tui-bar", never, { "value": { "alias": "value"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+    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>;
 }

package/components/bar-chart/bar-chart.component.d.ts CHANGED Viewed

@@ -1,20 +1,19 @@
-import { EventEmitter, type QueryList } from '@angular/core';
 import { type TuiContext, type TuiMapper } from '@taiga-ui/cdk/types';
-import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
+import { TuiHintHover } from '@taiga-ui/core/portals/hint';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
-import { type Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class TuiBarChart {
     private readonly hintOptions;
     private readonly autoId;
-    protected readonly drivers: QueryList<Observable<boolean>>;
-    value: ReadonlyArray<readonly number[]>;
-    max: number;
-    size: TuiSizeL | TuiSizeS | null;
-    collapsed: boolean;
-    readonly tapColumn: EventEmitter<number>;
-    get transposed(): ReadonlyArray<readonly number[]>;
-    get computedMax(): number;
+    private readonly getMax;
+    protected readonly transposed: import("@angular/core").Signal<readonly (readonly number[])[]>;
+    protected readonly drivers: import("@angular/core").Signal<readonly TuiHintHover[]>;
+    readonly value: import("@angular/core").InputSignal<readonly (readonly number[])[]>;
+    readonly max: import("@angular/core").InputSignal<number>;
+    readonly size: import("@angular/core").InputSignal<"m" | "l" | "s" | null>;
+    readonly collapsed: import("@angular/core").InputSignal<boolean>;
+    readonly tapColumn: import("@angular/core").OutputEmitterRef<number>;
+    readonly computedMax: import("@angular/core").Signal<number>;
     readonly percentMapper: TuiMapper<[
         readonly number[],
         boolean,
@@ -23,8 +22,6 @@ export declare class TuiBarChart {
     protected get hintContent(): PolymorpheusContent<TuiContext<number>>;
     protected get hintAppearance(): string;
     protected getHintId(index: number): string;
-    private transpose;
-    private getMax;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiBarChart, never>;
-    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>;
+    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>;
 }

package/components/bar-set/bar-set.component.d.ts CHANGED Viewed

@@ -1,14 +1,12 @@
-import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
 import * as i0 from "@angular/core";
 export declare class TuiBarSet {
-    value: readonly number[];
-    size: TuiSizeL | TuiSizeS | null;
-    collapsed: boolean;
-    protected get computedValue(): readonly number[];
-    protected get computedSegments(): readonly number[];
-    protected get computedSize(): TuiSizeL | TuiSizeS;
+    private readonly largest;
+    readonly value: import("@angular/core").InputSignal<readonly number[]>;
+    readonly size: import("@angular/core").InputSignal<"m" | "l" | "s" | null>;
+    readonly collapsed: import("@angular/core").InputSignal<boolean>;
+    protected readonly computedValue: import("@angular/core").Signal<readonly number[]>;
+    protected readonly computedSegments: import("@angular/core").Signal<readonly number[]>;
     protected getHeight(value: number): number;
-    private getLargest;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiBarSet, never>;
-    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>;
+    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>;
 }

package/components/chart-hint/chart-hint.directive.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
+import * as i0 from "@angular/core";
+export declare class TuiChartHint {
+    readonly content: import("@angular/core").InputSignal<PolymorpheusContent>;
+    readonly appearance: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiChartHint, never>;
+    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>;
+}

package/components/chart-hint/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './chart-hint.directive';

package/components/index.d.ts CHANGED Viewed

@@ -3,6 +3,7 @@ export * from '@taiga-ui/addon-charts/components/axes';
 export * from '@taiga-ui/addon-charts/components/bar';
 export * from '@taiga-ui/addon-charts/components/bar-chart';
 export * from '@taiga-ui/addon-charts/components/bar-set';
+export * from '@taiga-ui/addon-charts/components/chart-hint';
 export * from '@taiga-ui/addon-charts/components/legend-item';
 export * from '@taiga-ui/addon-charts/components/line-chart';
 export * from '@taiga-ui/addon-charts/components/line-days-chart';

package/components/legend-item/legend-item.component.d.ts CHANGED Viewed

@@ -1,12 +1,11 @@
 import { type TuiSizeS } from '@taiga-ui/core/types';
 import * as i0 from "@angular/core";
 export declare class TuiLegendItem {
-    active: boolean;
-    color: string;
-    text: string;
-    size: TuiSizeS;
-    disabled: boolean;
-    protected get computedColor(): string | null;
+    readonly active: import("@angular/core").InputSignal<boolean>;
+    readonly color: import("@angular/core").InputSignal<string>;
+    readonly text: import("@angular/core").InputSignal<string>;
+    readonly size: import("@angular/core").InputSignal<TuiSizeS>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiLegendItem, never>;
-    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>;
+    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>;
 }

package/components/line-chart/line-chart-hint.directive.d.ts CHANGED Viewed

@@ -12,13 +12,13 @@ export declare class TuiLineChartHint implements AfterViewInit {
     private readonly destroyRef;
     private readonly zone;
     private readonly hovered$;
-    hint: PolymorpheusContent<TuiContext<readonly TuiPoint[]>>;
+    private readonly computedContext;
+    readonly hint: import("@angular/core").InputSignal<PolymorpheusContent<TuiContext<readonly (readonly [x: number, y: number])[]>>>;
     ngAfterViewInit(): void;
     getContext(index: number, _chart: TuiLineChart): readonly TuiPoint[];
     raise(index: number, _chart: TuiLineChart): void;
-    private computeContext;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiLineChartHint, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiLineChartHint, "[tuiLineChartHint]", never, { "hint": { "alias": "tuiLineChartHint"; "required": false; }; }, {}, ["charts", "chartsRef"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiLineChartHint, "[tuiLineChartHint]", never, { "hint": { "alias": "tuiLineChartHint"; "required": false; "isSignal": true; }; }, {}, ["charts", "chartsRef"], never, true, never>;
 }
 export declare function tuiLineChartDrivers(charts: ReadonlyArray<{
     drivers$: Observable<ReadonlyArray<Observable<boolean>>>;

package/components/line-chart/line-chart.component.d.ts CHANGED Viewed

@@ -1,43 +1,38 @@
-import { type OnChanges } from '@angular/core';
+import { TuiChartHint } from '@taiga-ui/addon-charts/components/chart-hint';
 import { type TuiLineChartHintContext } from '@taiga-ui/addon-charts/types';
 import { type TuiStringHandler } from '@taiga-ui/cdk/types';
-import { TuiHintHover, TuiHintOptionsDirective } from '@taiga-ui/core/portals/hint';
+import { TuiHintHover } from '@taiga-ui/core/portals/hint';
 import { type TuiPoint } from '@taiga-ui/core/types';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
-import { type Observable } from 'rxjs';
 import { TuiLineChartHint } from './line-chart-hint.directive';
 import * as i0 from "@angular/core";
-export declare class TuiLineChart implements OnChanges {
-    private readonly zone;
+export declare class TuiLineChart {
     private readonly options;
-    private readonly hover$;
     private readonly autoId;
     private readonly resize;
     private readonly box;
     protected readonly hintDirective: TuiLineChartHint | null;
-    protected readonly hintOptions: TuiHintOptionsDirective | null;
+    protected readonly hintOptions: TuiChartHint | null;
     protected readonly viewBox: import("@angular/core").Signal<string>;
+    protected readonly d: import("@angular/core").Signal<string>;
+    protected readonly fillD: import("@angular/core").Signal<string>;
     readonly drivers: import("@angular/core").Signal<readonly TuiHintHover[]>;
-    readonly drivers$: Observable<readonly TuiHintHover[]>;
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    smoothingFactor: number;
-    xStringify: TuiStringHandler<number> | null;
-    yStringify: TuiStringHandler<number> | null;
-    filled: boolean;
-    dots: boolean;
-    value: readonly TuiPoint[];
-    set valueSetter(value: readonly TuiPoint[]);
-    ngOnChanges(): void;
+    readonly drivers$: import("rxjs").Observable<readonly TuiHintHover[]>;
+    readonly x: import("@angular/core").InputSignal<number>;
+    readonly y: import("@angular/core").InputSignal<number>;
+    readonly width: import("@angular/core").InputSignal<number>;
+    readonly height: import("@angular/core").InputSignal<number>;
+    readonly smoothingFactor: import("@angular/core").InputSignal<number>;
+    xStringify: import("@angular/core").InputSignal<TuiStringHandler<number> | null>;
+    yStringify: import("@angular/core").InputSignal<TuiStringHandler<number> | null>;
+    readonly filled: import("@angular/core").InputSignal<boolean>;
+    readonly dots: import("@angular/core").InputSignal<boolean>;
+    value: import("@angular/core").InputSignalWithTransform<readonly (readonly [x: number, y: number])[], readonly (readonly [x: number, y: number])[]>;
+    readonly hovered: import("@angular/core").WritableSignal<number>;
     onHovered(index: number): void;
-    protected get hovered$(): Observable<number>;
     protected get hintContent(): PolymorpheusContent<TuiLineChartHintContext<TuiPoint>>;
     protected get fillId(): string;
     protected get fill(): string;
-    protected get d(): string;
-    protected get fillD(): string;
     protected get isFocusable(): boolean;
     protected get hasHints(): boolean;
     protected onMouseLeave(): void;
@@ -51,8 +46,7 @@ export declare class TuiLineChart implements OnChanges {
     protected getOffset(x: number): number;
     protected onMouseEnter(index: number): void;
     private get isSinglePoint();
-    private getD;
     private computeWidth;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiLineChart, never>;
-    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>;
+    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>;
 }

package/components/line-days-chart/line-days-chart-hint.directive.d.ts CHANGED Viewed

@@ -1,7 +1,6 @@
 import { type AfterContentInit } from '@angular/core';
 import { type TuiDay } from '@taiga-ui/cdk/date-time';
 import { type TuiContext } from '@taiga-ui/cdk/types';
-import { type TuiPoint } from '@taiga-ui/core/types';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import * as i0 from "@angular/core";
 export declare class TuiLineDaysChartHint implements AfterContentInit {
@@ -9,11 +8,11 @@ export declare class TuiLineDaysChartHint implements AfterContentInit {
     private readonly destroyRef;
     private readonly zone;
     private readonly hovered$;
-    hint: PolymorpheusContent<TuiContext<readonly TuiPoint[]>>;
+    readonly hint: import("@angular/core").InputSignal<PolymorpheusContent<TuiContext<readonly (readonly [x: number, y: number])[]>>>;
     ngAfterContentInit(): void;
     getContext(day: TuiDay): ReadonlyArray<[TuiDay, number]>;
     raise(day: TuiDay): void;
     private getMap;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiLineDaysChartHint, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiLineDaysChartHint, "[tuiLineChartHint]", never, { "hint": { "alias": "tuiLineChartHint"; "required": false; }; }, {}, ["charts"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiLineDaysChartHint, "[tuiLineChartHint]", never, { "hint": { "alias": "tuiLineChartHint"; "required": false; "isSignal": true; }; }, {}, ["charts"], never, true, never>;
 }

package/components/line-days-chart/line-days-chart.component.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { type AfterViewInit, type QueryList } from '@angular/core';
+import { type AfterViewInit } from '@angular/core';
 import { TuiLineChart } from '@taiga-ui/addon-charts/components/line-chart';
 import { TuiDay } from '@taiga-ui/cdk/date-time';
 import { type TuiContext, type TuiStringHandler } from '@taiga-ui/cdk/types';
@@ -11,18 +11,18 @@ export declare class TuiLineDaysChart implements AfterViewInit {
     private readonly hovered$;
     private readonly options;
     private readonly hintDirective;
-    readonly charts: QueryList<TuiLineChart>;
-    y: number;
-    height: number;
-    smoothingFactor: number;
-    hintContent: PolymorpheusContent<TuiContext<[TuiDay, number]>>;
-    xStringify: TuiStringHandler<TuiDay> | null;
-    yStringify: TuiStringHandler<number> | null;
-    dots: boolean;
+    private readonly brokenMonths;
+    readonly charts: import("@angular/core").Signal<readonly TuiLineChart[]>;
+    readonly y: import("@angular/core").InputSignal<number>;
+    readonly height: import("@angular/core").InputSignal<number>;
+    readonly smoothingFactor: import("@angular/core").InputSignal<number>;
+    readonly hintContent: import("@angular/core").InputSignal<PolymorpheusContent<TuiContext<[TuiDay, number]>>>;
+    readonly xStringify: import("@angular/core").InputSignal<TuiStringHandler<TuiDay> | null>;
+    readonly yStringify: import("@angular/core").InputSignal<TuiStringHandler<number> | null>;
+    readonly dots: import("@angular/core").InputSignal<boolean>;
     zIndex: number;
-    value: ReadonlyArray<[TuiDay, number]>;
-    set valueSetter(value: ReadonlyArray<[TuiDay, number]>);
-    get hint(): PolymorpheusContent<TuiContext<[TuiDay, number]>> | PolymorpheusContent<TuiContext<readonly TuiPoint[]>>;
+    value: import("@angular/core").InputSignalWithTransform<readonly [TuiDay, number][], readonly [TuiDay, number][]>;
+    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>;
     ngAfterViewInit(): void;
     onHovered(day: TuiDay | number): void;
     raise(index: number, { value }: TuiLineChart): void;
@@ -33,8 +33,7 @@ export declare class TuiLineDaysChart implements AfterViewInit {
     protected readonly daysStringify: TuiStringHandler<number>;
     protected getX(index: number): number;
     protected getWidth(index: number): number;
-    private breakMonths;
     private getDay;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiLineDaysChart, never>;
-    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>;
+    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>;
 }

package/components/pie-chart/pie-chart.component.d.ts CHANGED Viewed

@@ -1,29 +1,22 @@
-import { EventEmitter } from '@angular/core';
 import { type TuiContext } from '@taiga-ui/cdk/types';
-import { type TuiSizeXL, type TuiSizeXS } from '@taiga-ui/core/types';
 import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import * as i0 from "@angular/core";
 export declare class TuiPieChart {
     private readonly hintOptions;
     private readonly autoId;
-    value: readonly number[];
-    size: TuiSizeXL | TuiSizeXS;
-    masked: boolean;
-    activeItemIndex: number;
-    readonly activeItemIndexChange: EventEmitter<number>;
-    constructor();
-    protected get empty(): boolean;
+    protected readonly getSum: import("@angular/core").Signal<number>;
+    protected readonly segments: import("@angular/core").Signal<readonly [number, number][]>;
+    readonly value: import("@angular/core").InputSignal<readonly number[]>;
+    readonly size: import("@angular/core").InputSignal<"m" | "l" | "xl" | "s" | "xs">;
+    readonly masked: import("@angular/core").InputSignal<boolean>;
+    readonly activeItemIndex: import("@angular/core").ModelSignal<number>;
     protected get hintContent(): PolymorpheusContent<TuiContext<number>>;
     protected get maskId(): string;
     protected get mask(): string | null;
     protected get radius(): string;
-    protected get segments(): ReadonlyArray<[number, number]>;
     protected getTransform(index: number): string | null;
     protected onHovered(hovered: boolean, index: number): void;
-    private getSum;
-    private getSegments;
     private getDeg;
-    private updateActiveItemIndex;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPieChart, never>;
-    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>;
+    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>;
 }

package/components/pie-chart/pie-chart.directive.d.ts CHANGED Viewed

@@ -1,12 +1,11 @@
 import * as i0 from "@angular/core";
 export declare class TuiPieChartDirective {
-    private readonly sector$;
     private readonly el;
     private readonly performance;
     private readonly animationFrame$;
     private readonly speed;
+    tuiPieChart: import("@angular/core").InputSignal<readonly [number, number]>;
     protected readonly $: import("rxjs").Subscription;
-    set tuiPieChart(sector: readonly [number, number]);
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiPieChartDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiPieChartDirective, "path[tuiPieChart]", never, { "tuiPieChart": { "alias": "tuiPieChart"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiPieChartDirective, "path[tuiPieChart]", never, { "tuiPieChart": { "alias": "tuiPieChart"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/ring-chart/ring-chart.component.d.ts CHANGED Viewed

@@ -1,13 +1,8 @@
-import { EventEmitter } from '@angular/core';
-import { type TuiSizeXL, type TuiSizeXS } from '@taiga-ui/core/types';
 import * as i0 from "@angular/core";
 export declare class TuiRingChart {
-    value: readonly number[];
-    size: TuiSizeXL | TuiSizeXS;
-    activeItemIndex: number;
-    readonly activeItemIndexChange: EventEmitter<number>;
-    protected onActiveItemIndexChange(index: number): void;
-    private updateActiveItemIndex;
+    readonly value: import("@angular/core").InputSignal<readonly number[]>;
+    readonly size: import("@angular/core").InputSignal<"m" | "l" | "xl" | "s" | "xs">;
+    readonly activeItemIndex: import("@angular/core").ModelSignal<number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiRingChart, never>;
-    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>;
+    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>;
 }

package/fesm2022/taiga-ui-addon-charts-components-arc-chart.mjs CHANGED Viewed

@@ -1,35 +1,23 @@
 import * as i0 from '@angular/core';
-import { viewChildren, input, model, ChangeDetectionStrategy, Component } from '@angular/core';
-import { toObservable, takeUntilDestroyed, toSignal, outputFromObservable } from '@angular/core/rxjs-interop';
-import { tuiTypedFromEvent, tuiZonefree } from '@taiga-ui/cdk/observables';
-import { merge, map, switchMap, tap, timer, take } from 'rxjs';
+import { input, model, ChangeDetectionStrategy, Component } from '@angular/core';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { TuiHovered } from '@taiga-ui/cdk/directives/hovered';
+import { tuiZonefree } from '@taiga-ui/cdk/observables';
+import { timer, take, map } from 'rxjs';
 const ARC = 0.76; // 3/4 with 1% safety offset
 const SIZE = { m: 9, l: 11, xl: 16 };
 const WIDTH = { m: 0.25, l: 0.375, xl: 0.5625 };
 const GAP = { m: 0.125, l: 0.1875, xl: 0.25 };
-function arcsToIndex(arcs) {
-    return arcs.map(({ nativeElement }, index) => merge(tuiTypedFromEvent(nativeElement, 'mouseenter').pipe(map(() => index)), tuiTypedFromEvent(nativeElement, 'mouseleave').pipe(map(() => NaN))));
-}
 class TuiArcChart {
     constructor() {
-        this.arcs = viewChildren('arc');
-        this.indexChange$ = toObservable(this.arcs).pipe(takeUntilDestroyed(), switchMap((arcs) => merge(...arcsToIndex(arcs)).pipe(tap((i) => this.activeItemIndex.set(i)))));
-        this.initialized = toSignal(timer(0).pipe(tuiZonefree(), take(1),
-        // The linter rule 'no-restricted-syntax' incorrectly flags 'map(() => true)' here,
-        // because the literal 'true' has type 'true' (not 'boolean'), which is intentional for this signal initialization.
-        map(() => true)), { initialValue: false });
+        this.initialized = toSignal(timer(0).pipe(tuiZonefree(), take(1), map(() => true)), { initialValue: false });
         this.value = input([]);
         this.size = input('m');
         this.max = input(100);
         this.minLabel = input('0%');
         this.maxLabel = input('100%');
-        /**
-         * Set to change the index of the active arc.
-         * Will be overridden by hover state.
-         */
         this.activeItemIndex = model(NaN);
-        this.activeItemIndexChange = outputFromObservable(this.indexChange$);
     }
     get width() {
         return SIZE[this.size()];
@@ -37,6 +25,9 @@ class TuiArcChart {
     get strokeWidth() {
         return WIDTH[this.size()];
     }
+    onHovered(hovered, index) {
+        this.activeItemIndex.set(hovered ? index : NaN);
+    }
     isInactive(index) {
         return !Number.isNaN(this.activeItemIndex()) && index !== this.activeItemIndex();
     }
@@ -54,16 +45,16 @@ class TuiArcChart {
             (1 - Math.min((this.value()[index] || 0) / this.max(), 1)));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiArcChart, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: TuiArcChart, isStandalone: true, selector: "tui-arc-chart", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, minLabel: { classPropertyName: "minLabel", publicName: "minLabel", isSignal: true, isRequired: false, transformFunction: null }, maxLabel: { classPropertyName: "maxLabel", publicName: "maxLabel", isSignal: true, isRequired: false, transformFunction: null }, activeItemIndex: { classPropertyName: "activeItemIndex", publicName: "activeItemIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeItemIndex: "activeItemIndexChange", activeItemIndexChange: "activeItemIndexChange" }, host: { properties: { "attr.data-size": "size()", "style.width.rem": "width", "style.height.rem": "width", "style.strokeWidth.rem": "strokeWidth" } }, viewQueries: [{ propertyName: "arcs", predicate: ["arc"], descendants: true, isSignal: true }], ngImport: i0, template: "@let data = value();\n@let min = minLabel();\n@let max = maxLabel();\n@for (_ of '-'.repeat(data.length); track $index) {\n    <svg\n        focusable=\"false\"\n        viewBox=\"-100 -100 200 200\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        class=\"t-svg\"\n        [style.height.rem]=\"getDiameter($index)\"\n        [style.inset-block-start.rem]=\"getInset($index)\"\n        [style.inset-inline-end.rem]=\"getInset($index)\"\n        [style.inset-inline-start.rem]=\"getInset($index)\"\n    >\n        <path\n            d=\"M -70 70 A 100 100 0 1 1 70 70\"\n            vector-effect=\"non-scaling-stroke\"\n        />\n        <path\n            #arc\n            d=\"M -70 70 A 100 100 0 1 1 70 70\"\n            vector-effect=\"non-scaling-stroke\"\n            class=\"t-value\"\n            [class.t-value_inactive]=\"isInactive($index)\"\n            [style.stroke]=\"`var(--tui-chart-categorical-${$index.toString().padStart(2, '0')})`\"\n            [style.strokeDasharray.em]=\"getLength($index)\"\n            [style.strokeDashoffset.em]=\"initialized() ? getOffset($index) : getLength($index)\"\n        />\n    </svg>\n}\n<div class=\"t-content\">\n    <div class=\"t-wrapper\">\n        <ng-content />\n    </div>\n</div>\n<div class=\"t-percent\">\n    <span>{{ min }}</span>\n    <span>{{ max }}</span>\n</div>\n", styles: [":host{position:relative;display:block;flex-shrink:0}.t-svg{position:absolute;inset:0;overflow:visible;fill:none;stroke:currentColor;stroke-linecap:round;color:var(--tui-background-neutral-1);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, .3s);transition-timing-function:ease-in-out;opacity:.16}.t-content{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;display:flex;justify-content:center;align-items:center;text-align:center;color:var(--tui-text-secondary);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-primary)}: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;inline-size:50%;justify-content:space-between;font:var(--tui-font-text-xs);color:var(--tui-text-secondary)}:host[data-size=xl] .t-percent{font:var(--tui-font-text-m)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: TuiArcChart, isStandalone: true, selector: "tui-arc-chart", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, minLabel: { classPropertyName: "minLabel", publicName: "minLabel", isSignal: true, isRequired: false, transformFunction: null }, maxLabel: { classPropertyName: "maxLabel", publicName: "maxLabel", isSignal: true, isRequired: false, transformFunction: null }, activeItemIndex: { classPropertyName: "activeItemIndex", publicName: "activeItemIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeItemIndex: "activeItemIndexChange" }, host: { properties: { "attr.data-size": "size()", "style.width.rem": "width", "style.height.rem": "width", "style.strokeWidth.rem": "strokeWidth" } }, ngImport: i0, template: "@let data = value();\n@let min = minLabel();\n@let max = maxLabel();\n@for (_ of '-'.repeat(data.length); track $index) {\n    <svg\n        focusable=\"false\"\n        viewBox=\"-100 -100 200 200\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        class=\"t-svg\"\n        [style.height.rem]=\"getDiameter($index)\"\n        [style.inset-block-start.rem]=\"getInset($index)\"\n        [style.inset-inline.rem]=\"getInset($index)\"\n    >\n        <path\n            d=\"M -70 70 A 100 100 0 1 1 70 70\"\n            vector-effect=\"non-scaling-stroke\"\n        />\n        <path\n            #arc\n            d=\"M -70 70 A 100 100 0 1 1 70 70\"\n            vector-effect=\"non-scaling-stroke\"\n            class=\"t-value\"\n            [class.t-value_inactive]=\"isInactive($index)\"\n            [style.stroke]=\"`var(--tui-chart-categorical-${$index.toString().padStart(2, '0')})`\"\n            [style.strokeDasharray.em]=\"getLength($index)\"\n            [style.strokeDashoffset.em]=\"initialized() ? getOffset($index) : getLength($index)\"\n            (tuiHoveredChange)=\"onHovered($event, $index)\"\n        />\n    </svg>\n}\n<div class=\"t-content\">\n    <div class=\"t-wrapper\">\n        <ng-content />\n    </div>\n</div>\n<div class=\"t-percent\">\n    <span>{{ min }}</span>\n    <span>{{ max }}</span>\n</div>\n", styles: [":host{position:relative;display:block;flex-shrink:0}.t-svg{position:absolute;inset:0;overflow:visible;fill:none;stroke:currentColor;stroke-linecap:round;color:var(--tui-background-neutral-1);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, .3s);transition-timing-function:ease-in-out;opacity:.16}.t-content{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;display:flex;justify-content:center;align-items:center;text-align:center;color:var(--tui-text-secondary);font:var(--tui-font-body-xs);pointer-events:none}:host[data-size=xl] .t-content{font:var(--tui-font-body-m)}.t-wrapper{pointer-events:auto}.t-wrapper:first-line{color:var(--tui-text-primary)}:host[data-size=m] .t-wrapper:first-line{font:var(--tui-font-body-s);font-weight:700}:host[data-size=l] .t-wrapper:first-line{font:var(--tui-font-body-m);font-weight:700}:host[data-size=xl] .t-wrapper:first-line{font:var(--tui-font-heading-h5)}.t-percent{position:absolute;display:flex;inset:auto auto 11% 25%;inline-size:50%;justify-content:space-between;font:var(--tui-font-body-xs);color:var(--tui-text-secondary)}:host[data-size=xl] .t-percent{font:var(--tui-font-body-m)}\n"], dependencies: [{ kind: "directive", type: TuiHovered, selector: "[tuiHoveredChange]", outputs: ["tuiHoveredChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TuiArcChart, decorators: [{
             type: Component,
-            args: [{ selector: 'tui-arc-chart', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+            args: [{ selector: 'tui-arc-chart', imports: [TuiHovered], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[attr.data-size]': 'size()',
                         '[style.width.rem]': 'width',
                         '[style.height.rem]': 'width',
                         '[style.strokeWidth.rem]': 'strokeWidth',
-                    }, template: "@let data = value();\n@let min = minLabel();\n@let max = maxLabel();\n@for (_ of '-'.repeat(data.length); track $index) {\n    <svg\n        focusable=\"false\"\n        viewBox=\"-100 -100 200 200\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        class=\"t-svg\"\n        [style.height.rem]=\"getDiameter($index)\"\n        [style.inset-block-start.rem]=\"getInset($index)\"\n        [style.inset-inline-end.rem]=\"getInset($index)\"\n        [style.inset-inline-start.rem]=\"getInset($index)\"\n    >\n        <path\n            d=\"M -70 70 A 100 100 0 1 1 70 70\"\n            vector-effect=\"non-scaling-stroke\"\n        />\n        <path\n            #arc\n            d=\"M -70 70 A 100 100 0 1 1 70 70\"\n            vector-effect=\"non-scaling-stroke\"\n            class=\"t-value\"\n            [class.t-value_inactive]=\"isInactive($index)\"\n            [style.stroke]=\"`var(--tui-chart-categorical-${$index.toString().padStart(2, '0')})`\"\n            [style.strokeDasharray.em]=\"getLength($index)\"\n            [style.strokeDashoffset.em]=\"initialized() ? getOffset($index) : getLength($index)\"\n        />\n    </svg>\n}\n<div class=\"t-content\">\n    <div class=\"t-wrapper\">\n        <ng-content />\n    </div>\n</div>\n<div class=\"t-percent\">\n    <span>{{ min }}</span>\n    <span>{{ max }}</span>\n</div>\n", styles: [":host{position:relative;display:block;flex-shrink:0}.t-svg{position:absolute;inset:0;overflow:visible;fill:none;stroke:currentColor;stroke-linecap:round;color:var(--tui-background-neutral-1);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, .3s);transition-timing-function:ease-in-out;opacity:.16}.t-content{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;display:flex;justify-content:center;align-items:center;text-align:center;color:var(--tui-text-secondary);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-primary)}: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;inline-size:50%;justify-content:space-between;font:var(--tui-font-text-xs);color:var(--tui-text-secondary)}:host[data-size=xl] .t-percent{font:var(--tui-font-text-m)}\n"] }]
+                    }, template: "@let data = value();\n@let min = minLabel();\n@let max = maxLabel();\n@for (_ of '-'.repeat(data.length); track $index) {\n    <svg\n        focusable=\"false\"\n        viewBox=\"-100 -100 200 200\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        class=\"t-svg\"\n        [style.height.rem]=\"getDiameter($index)\"\n        [style.inset-block-start.rem]=\"getInset($index)\"\n        [style.inset-inline.rem]=\"getInset($index)\"\n    >\n        <path\n            d=\"M -70 70 A 100 100 0 1 1 70 70\"\n            vector-effect=\"non-scaling-stroke\"\n        />\n        <path\n            #arc\n            d=\"M -70 70 A 100 100 0 1 1 70 70\"\n            vector-effect=\"non-scaling-stroke\"\n            class=\"t-value\"\n            [class.t-value_inactive]=\"isInactive($index)\"\n            [style.stroke]=\"`var(--tui-chart-categorical-${$index.toString().padStart(2, '0')})`\"\n            [style.strokeDasharray.em]=\"getLength($index)\"\n            [style.strokeDashoffset.em]=\"initialized() ? getOffset($index) : getLength($index)\"\n            (tuiHoveredChange)=\"onHovered($event, $index)\"\n        />\n    </svg>\n}\n<div class=\"t-content\">\n    <div class=\"t-wrapper\">\n        <ng-content />\n    </div>\n</div>\n<div class=\"t-percent\">\n    <span>{{ min }}</span>\n    <span>{{ max }}</span>\n</div>\n", styles: [":host{position:relative;display:block;flex-shrink:0}.t-svg{position:absolute;inset:0;overflow:visible;fill:none;stroke:currentColor;stroke-linecap:round;color:var(--tui-background-neutral-1);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, .3s);transition-timing-function:ease-in-out;opacity:.16}.t-content{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;display:flex;justify-content:center;align-items:center;text-align:center;color:var(--tui-text-secondary);font:var(--tui-font-body-xs);pointer-events:none}:host[data-size=xl] .t-content{font:var(--tui-font-body-m)}.t-wrapper{pointer-events:auto}.t-wrapper:first-line{color:var(--tui-text-primary)}:host[data-size=m] .t-wrapper:first-line{font:var(--tui-font-body-s);font-weight:700}:host[data-size=l] .t-wrapper:first-line{font:var(--tui-font-body-m);font-weight:700}:host[data-size=xl] .t-wrapper:first-line{font:var(--tui-font-heading-h5)}.t-percent{position:absolute;display:flex;inset:auto auto 11% 25%;inline-size:50%;justify-content:space-between;font:var(--tui-font-body-xs);color:var(--tui-text-secondary)}:host[data-size=xl] .t-percent{font:var(--tui-font-body-m)}\n"] }]
         }] });
 /**

package/fesm2022/taiga-ui-addon-charts-components-arc-chart.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"taiga-ui-addon-charts-components-arc-chart.mjs","sources":["../../../projects/addon-charts/components/arc-chart/arc-chart.component.ts","../../../projects/addon-charts/components/arc-chart/arc-chart.template.html","../../../projects/addon-charts/components/arc-chart/taiga-ui-addon-charts-components-arc-chart.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy~~,\n~~ Component~~,\n type~~ ~~ElementRef,\n~~ input~~,\n~~ model~~,\n viewChildren,\n~~} from '@angular/core';\nimport {~~\n outputFromObservable,\n takeUntilDestroyed,\n toObservable,\n~~ toSignal~~,\n~~} from '@angular/core/rxjs-interop';\nimport {~~tuiTypedFromEvent,~~ tuiZonefree} from '@taiga-ui/cdk/observables';\nimport {type TuiSizeXL} from '@taiga-ui/core/types';\nimport {map, ~~merge, type Observable, switchMap,~~ take, ~~tap,~~ timer} from 'rxjs';\n\nconst ARC = 0.76; // 3/4 with 1% safety offset\nconst SIZE = {m: 9, l: 11, xl: 16} as const;\nconst WIDTH = {m: 0.25, l: 0.375, xl: 0.5625} as const;\nconst GAP = {m: 0.125, l: 0.1875, xl: 0.25} as const;\n\~~nfunction arcsToIndex(arcs: Array<ElementRef<SVGElement>>): Array<Observable<number>> {\~~n return arcs.map(({nativeElement}, index) =>\n merge(\n tuiTypedFromEvent(nativeElement, 'mouseenter').pipe(map(() => index)),\n tuiTypedFromEvent(nativeElement, 'mouseleave').pipe(map(() => NaN)),\n ),\n );\n}\n\n@Component({\n selector: 'tui-arc-chart',\n templateUrl: './arc-chart.template.html',\n styleUrl: './arc-chart.style.less',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[attr.data-size]': 'size()',\n '[style.width.rem]': 'width',\n '[style.height.rem]': 'width',\n '[style.strokeWidth.rem]': 'strokeWidth',\n },\n})\nexport class TuiArcChart {\n private readonly arcs = viewChildren<ElementRef<SVGElement>>('arc');\n\n private readonly indexChange$ = toObservable(this.arcs).pipe(\n takeUntilDestroyed(),\n switchMap((arcs) =>\n merge(...arcsToIndex(arcs as Array<ElementRef<SVGElement>>)).pipe(\n tap((i) => this.activeItemIndex.set(i)),\n ),\n ),\n );\n\n protected readonly initialized = toSignal(\n timer(0).pipe(\n tuiZonefree(),\n take(1),\n ~~// The linter rule 'no-restricted-syntax' incorrectly flags '~~map(() => true)~~' here~~,\n ~~// because the literal 'true' has type 'true' (not 'boolean'), which is intentional for this signal initialization.\n map(() => true),\n~~ ),\n {initialValue: false},\n );\n\n public readonly value = input<readonly number[]>([]);\n\n public readonly size = input<TuiSizeXL>('m');\n\n public readonly max = input(100);\n\n public readonly minLabel = input('0%');\n\n public readonly maxLabel = input('100%');\n\n ~~/*\n Set to change the index of the active arc.\n * Will be overridden by hover state.\n /\n~~ public readonly activeItemIndex = model<number>(NaN);\n\n ~~public readonly activeItemIndexChange = outputFromObservable(this.indexChange$);\n\n~~ protected get width(): number {\n return SIZE[this.size()];\n }\n\n protected get strokeWidth(): number {\n return WIDTH[this.size()];\n }\n\n protected isInactive(index: number): boolean {\n return !Number.isNaN(this.activeItemIndex()) && index !== this.activeItemIndex();\n }\n\n protected getInset(index: number): number {\n return this.strokeWidth / 2 + index (this.strokeWidth + GAP[this.size()]);\n }\n\n protected getDiameter(index: number): number {\n return SIZE[this.size()] - 2 * this.getInset(index);\n }\n\n protected getLength(index: number): number {\n return Math.PI * this.getDiameter(index) * ARC;\n }\n\n protected getOffset(index: number): number {\n return (\n this.getLength(index) \n (1 - Math.min((this.value()[index] \|\| 0) / this.max(), 1))\n );\n }\n}\n","@let data = value();\n@let min = minLabel();\n@let max = maxLabel();\n@for (_ of '-'.repeat(data.length); track $index) {\n <svg\n focusable=\"false\"\n viewBox=\"-100 -100 200 200\"\n xmlns=\"http://www.w3.org/2000/svg\"\n class=\"t-svg\"\n [style.height.rem]=\"getDiameter($index)\"\n [style.inset-block-start.rem]=\"getInset($index)\"\n [style.inset-inline~~-end~~.rem]=\"getInset($index)\"\n ~~[style.inset-inline-start.rem]=\"getInset($index)\"\n~~ >\n <path\n d=\"M -70 70 A 100 100 0 1 1 70 70\"\n vector-effect=\"non-scaling-stroke\"\n />\n <path\n #arc\n d=\"M -70 70 A 100 100 0 1 1 70 70\"\n vector-effect=\"non-scaling-stroke\"\n class=\"t-value\"\n [class.t-value_inactive]=\"isInactive($index)\"\n [style.stroke]=\"`var(--tui-chart-categorical-${$index.toString().padStart(2, '0')})`\"\n [style.strokeDasharray.em]=\"getLength($index)\"\n [style.strokeDashoffset.em]=\"initialized() ? getOffset($index) : getLength($index)\"\n />\n </svg>\n}\n<div class=\"t-content\">\n <div class=\"t-wrapper\">\n <ng-content />\n </div>\n</div>\n<div class=\"t-percent\">\n <span>{{ min }}</span>\n <span>{{ max }}</span>\n</div>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;;;AAkBA~~,MAAM,GAAG,GAAG,IAAI,CAAC;AACjB,MAAM,IAAI,GAAG,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAU;AAC3C,MAAM,KAAK,GAAG,EAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAU;AACtD,MAAM,GAAG,GAAG,EAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAU;~~AAEpD~~,~~SAAS,~~WAAW,CAAC,IAAmC,EAAA;IACpD,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAC,aAAa,EAAC,EAAE,KAAK,KACnC,KAAK,CACD,iBAAiB,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,KAAK,CAAC,CAAC,EACrE,iBAAiB,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CACtE,CACJ;AACL;MAca,WAAW,CAAA;~~AAZxB~~,IAAA,WAAA,GAAA;~~AAaqB~~,QAAA,IAAA,CAAA,~~IAAI,GAAG,YAAY,CAAyB,KAAK,CAAC;QAElD,IAAY,CAAA,YAAA,GAAG,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CACxD,kBAAkB,EAAE,EACpB,SAAS,CAAC,CAAC,IAAI,KACX,KAAK,CAAC,GAAG,~~WAAW,~~CAAC,IAAqC,CAAC,CAAC,CAAC,IAAI,CAC7D,~~GAAG,~~CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAC1C,CACJ,CACJ;AAEkB,QAAA,IAAA,CAAA,WAAW,GAAG,~~QAAQ,CACrC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CACT,WAAW,EAAE,EACb,IAAI,CAAC,CAAC,CAAC~~;;;AAGP~~,~~QAAA~~,GAAG,CAAC,MAAM,IAAI,CAAC,CAClB,EACD,EAAC,YAAY,EAAE,KAAK,EAAC,CACxB;AAEe,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAoB,EAAE,CAAC;~~AAEpC~~,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAY,GAAG,CAAC;~~AAE5B~~,QAAA,IAAA,CAAA,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;~~AAEhB~~,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC;~~AAEtB~~,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC;~~AAExC;;;AAGG;AACa~~,QAAA,IAAA,CAAA,eAAe,GAAG,KAAK,CAAS,GAAG,CAAC;~~AAEpC,QAAA,IAAA,CAAA,qBAAqB,GAAG,oBAAoB,CAAC,IAAI,CAAC,YAAY,CAAC~~;~~AAgClF;AA9BG~~,IAAA,IAAc,KAAK,GAAA;AACf,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;;AAG5B,IAAA,IAAc,WAAW,GAAA;AACrB,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;;~~AAGnB~~,IAAA,UAAU,CAAC,KAAa,EAAA;AAC9B,QAAA,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,KAAK,KAAK,IAAI,CAAC,eAAe,EAAE;;AAG1E,IAAA,QAAQ,CAAC,KAAa,EAAA;QAC5B,OAAO,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,KAAK,IAAI,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;;AAGrE,IAAA,WAAW,CAAC,KAAa,EAAA;AAC/B,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;;AAG7C,IAAA,SAAS,CAAC,KAAa,EAAA;AAC7B,QAAA,OAAO,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,GAAG;;AAGxC,IAAA,SAAS,CAAC,KAAa,EAAA;AAC7B,QAAA,QACI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC;aACpB,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;;+~~GApEzD~~,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;~~AAAX~~,IAAA,~~SAAA~~,IAAA,~~CAAA~~,IAAA,GAAA,EAAA,~~CAAA~~,~~oBAAA~~,~~CAAA~~,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,~~SAAA~~,EAAA,IAAA,EAAA,~~WAAW~~,~~0qCC5CxB~~,~~m0CAuCA~~,EAAA,MAAA,EAAA,CAAA,~~s1CAAA~~,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;~~4FDKa~~,WAAW,EAAA,UAAA,EAAA,CAAA;~~kBAZvB~~,SAAS~~;AACI~~,~~YAAA~~,~~IAAA,~~EAAA,~~CAAA~~,~~EAAA~~,~~QAAA~~,~~EAAA~~,~~eAAe~~,~~EAGR~~,~~eAAA,EAAA,~~uBAAuB,CAAC,MAAM,EACzC,IAAA,EAAA;AACF,wBAAA,kBAAkB,EAAE,QAAQ;AAC5B,wBAAA,mBAAmB,EAAE,OAAO;AAC5B,wBAAA,oBAAoB,EAAE,OAAO;AAC7B,wBAAA,yBAAyB,EAAE,aAAa;AAC3C,qBAAA,EAAA,QAAA,EAAA,~~m0CAAA~~,EAAA,MAAA,EAAA,CAAA,~~s1CAAA~~,CAAA,EAAA;;;~~AE1CL~~;;AAEG;;;;"}
1	+ {"version":3,"file":"taiga-ui-addon-charts-components-arc-chart.mjs","sources":["../../../projects/addon-charts/components/arc-chart/arc-chart.component.ts","../../../projects/addon-charts/components/arc-chart/arc-chart.template.html","../../../projects/addon-charts/components/arc-chart/taiga-ui-addon-charts-components-arc-chart.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, input, model} from '@angular/core';\nimport {toSignal} from '@angular/core/rxjs-interop';\nimport {TuiHovered} from '@taiga-ui/cdk/directives/hovered';\nimport {tuiZonefree} from '@taiga-ui/cdk/observables';\nimport {type TuiSizeXL} from '@taiga-ui/core/types';\nimport {map, take, timer} from 'rxjs';\n\nconst ARC = 0.76; // 3/4 with 1% safety offset\nconst SIZE = {m: 9, l: 11, xl: 16} as const;\nconst WIDTH = {m: 0.25, l: 0.375, xl: 0.5625} as const;\nconst GAP = {m: 0.125, l: 0.1875, xl: 0.25} as const;\n\n@Component({\n selector: 'tui-arc-chart',\n imports: [TuiHovered],\n templateUrl: './arc-chart.template.html',\n styleUrl: './arc-chart.style.less',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[attr.data-size]': 'size()',\n '[style.width.rem]': 'width',\n '[style.height.rem]': 'width',\n '[style.strokeWidth.rem]': 'strokeWidth',\n },\n})\nexport class TuiArcChart {\n protected readonly initialized = toSignal(\n timer(0).pipe(\n tuiZonefree(),\n take(1),\n map(() => true),\n ),\n {initialValue: false},\n );\n\n public readonly value = input<readonly number[]>([]);\n public readonly size = input<TuiSizeXL>('m');\n public readonly max = input(100);\n public readonly minLabel = input('0%');\n public readonly maxLabel = input('100%');\n\n public readonly activeItemIndex = model<number>(NaN);\n\n protected get width(): number {\n return SIZE[this.size()];\n }\n\n protected get strokeWidth(): number {\n return WIDTH[this.size()];\n }\n\n protected onHovered(hovered: boolean, index: number): void {\n this.activeItemIndex.set(hovered ? index : NaN);\n }\n\n protected isInactive(index: number): boolean {\n return !Number.isNaN(this.activeItemIndex()) && index !== this.activeItemIndex();\n }\n\n protected getInset(index: number): number {\n return this.strokeWidth / 2 + index * (this.strokeWidth + GAP[this.size()]);\n }\n\n protected getDiameter(index: number): number {\n return SIZE[this.size()] - 2 * this.getInset(index);\n }\n\n protected getLength(index: number): number {\n return Math.PI * this.getDiameter(index) * ARC;\n }\n\n protected getOffset(index: number): number {\n return (\n this.getLength(index) \n (1 - Math.min((this.value()[index] \|\| 0) / this.max(), 1))\n );\n }\n}\n","@let data = value();\n@let min = minLabel();\n@let max = maxLabel();\n@for (_ of '-'.repeat(data.length); track $index) {\n <svg\n focusable=\"false\"\n viewBox=\"-100 -100 200 200\"\n xmlns=\"http://www.w3.org/2000/svg\"\n class=\"t-svg\"\n [style.height.rem]=\"getDiameter($index)\"\n [style.inset-block-start.rem]=\"getInset($index)\"\n [style.inset-inline.rem]=\"getInset($index)\"\n >\n <path\n d=\"M -70 70 A 100 100 0 1 1 70 70\"\n vector-effect=\"non-scaling-stroke\"\n />\n <path\n #arc\n d=\"M -70 70 A 100 100 0 1 1 70 70\"\n vector-effect=\"non-scaling-stroke\"\n class=\"t-value\"\n [class.t-value_inactive]=\"isInactive($index)\"\n [style.stroke]=\"`var(--tui-chart-categorical-${$index.toString().padStart(2, '0')})`\"\n [style.strokeDasharray.em]=\"getLength($index)\"\n [style.strokeDashoffset.em]=\"initialized() ? getOffset($index) : getLength($index)\"\n (tuiHoveredChange)=\"onHovered($event, $index)\"\n />\n </svg>\n}\n<div class=\"t-content\">\n <div class=\"t-wrapper\">\n <ng-content />\n </div>\n</div>\n<div class=\"t-percent\">\n <span>{{ min }}</span>\n <span>{{ max }}</span>\n</div>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}