@taiga-ui/addon-charts 5.13.0 → 5.14.0

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

@@ -1,9 +1,12 @@
 import * as i0 from "@angular/core";
 export declare class TuiBar {
-    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;
+    protected readonly segments: import("@angular/core").Signal<{
+        value: number;
+        background: string;
+        height: number;
+    }[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TuiBar, 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/fesm2022/taiga-ui-addon-charts-components-arc-chart.mjs

@@ -45,7 +45,7 @@ class TuiArcChart {
             (1 - Math.min((this.value()[index] || 0) / this.max(), 1)));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiArcChart, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", 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.height.rem": "width", "style.strokeWidth.rem": "strokeWidth", "style.width.rem": "width" } }, 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-block-start:0;inset-inline-start:0;inset-block-end:0;inset-inline-end: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;inset-block-start:0;inset-inline-start: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-typography-body-xs);pointer-events:none}:host[data-size=xl] .t-content{font:var(--tui-typography-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-typography-body-s);font-weight:700}:host[data-size=l] .t-wrapper:first-line{font:var(--tui-typography-body-m);font-weight:700}:host[data-size=xl] .t-wrapper:first-line{font:var(--tui-typography-heading-h5)}.t-percent{position:absolute;display:flex;inset-block:auto 11%;inset-inline:25% auto;inline-size:50%;justify-content:space-between;font:var(--tui-typography-body-xs);color:var(--tui-text-secondary)}:host[data-size=xl] .t-percent{font:var(--tui-typography-body-m)}\n"], dependencies: [{ kind: "directive", type: TuiHovered, selector: "[tuiHoveredChange]", outputs: ["tuiHoveredChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", 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.height.rem": "width", "style.strokeWidth.rem": "strokeWidth", "style.width.rem": "width" } }, 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-block-start:0;inset-inline-start:0;inset-block-end:0;inset-inline-end: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:var(--tui-curve-productive-standard);opacity:.16}.t-content{position:absolute;inset-block-start:0;inset-inline-start: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-typography-body-xs);pointer-events:none}:host[data-size=xl] .t-content{font:var(--tui-typography-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-typography-body-s);font-weight:700}:host[data-size=l] .t-wrapper:first-line{font:var(--tui-typography-body-m);font-weight:700}:host[data-size=xl] .t-wrapper:first-line{font:var(--tui-typography-heading-h5)}.t-percent{position:absolute;display:flex;inset-block:auto 11%;inset-inline:25% auto;inline-size:50%;justify-content:space-between;font:var(--tui-typography-body-xs);color:var(--tui-text-secondary)}:host[data-size=xl] .t-percent{font:var(--tui-typography-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.25", ngImport: i0, type: TuiArcChart, decorators: [{
             type: Component,
@@ -54,7 +54,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         '[style.height.rem]': 'width',
                         '[style.strokeWidth.rem]': 'strokeWidth',
                         '[style.width.rem]': 'width',
-                    }, 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-block-start:0;inset-inline-start:0;inset-block-end:0;inset-inline-end: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;inset-block-start:0;inset-inline-start: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-typography-body-xs);pointer-events:none}:host[data-size=xl] .t-content{font:var(--tui-typography-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-typography-body-s);font-weight:700}:host[data-size=l] .t-wrapper:first-line{font:var(--tui-typography-body-m);font-weight:700}:host[data-size=xl] .t-wrapper:first-line{font:var(--tui-typography-heading-h5)}.t-percent{position:absolute;display:flex;inset-block:auto 11%;inset-inline:25% auto;inline-size:50%;justify-content:space-between;font:var(--tui-typography-body-xs);color:var(--tui-text-secondary)}:host[data-size=xl] .t-percent{font:var(--tui-typography-body-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-block-start:0;inset-inline-start:0;inset-block-end:0;inset-inline-end: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:var(--tui-curve-productive-standard);opacity:.16}.t-content{position:absolute;inset-block-start:0;inset-inline-start: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-typography-body-xs);pointer-events:none}:host[data-size=xl] .t-content{font:var(--tui-typography-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-typography-body-s);font-weight:700}:host[data-size=l] .t-wrapper:first-line{font:var(--tui-typography-body-m);font-weight:700}:host[data-size=xl] .t-wrapper:first-line{font:var(--tui-typography-heading-h5)}.t-percent{position:absolute;display:flex;inset-block:auto 11%;inset-inline:25% auto;inline-size:50%;justify-content:space-between;font:var(--tui-typography-body-xs);color:var(--tui-text-secondary)}:host[data-size=xl] .t-percent{font:var(--tui-typography-body-m)}\n"] }]
         }] });
 
 /**

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

@@ -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 {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.height.rem]': 'width',\n        '[style.strokeWidth.rem]': 'strokeWidth',\n        '[style.width.rem]': 'width',\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    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 : Number.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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"}
+{"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.height.rem]': 'width',\n        '[style.strokeWidth.rem]': 'strokeWidth',\n        '[style.width.rem]': 'width',\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    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 : Number.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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"}

package/fesm2022/taiga-ui-addon-charts-components-bar-chart.mjs

@@ -38,11 +38,11 @@ class TuiBarChart {
         return `${this.autoId}_${index}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiBarChart, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiBarChart, isStandalone: true, selector: "tui-bar-chart", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tapColumn: "tapColumn" }, viewQueries: [{ propertyName: "drivers", predicate: TuiHintHover, descendants: true, isSignal: true }], ngImport: i0, template: "@for (set of transposed(); track $index) {\n    <div\n        class=\"t-wrapper\"\n        [class.t-wrapper_hoverable]=\"!!hintContent\"\n        [class.t-wrapper_hovered]=\"drivers()[$index] | async\"\n        [tuiHint]=\"hintContent\"\n        [tuiHintAppearance]=\"hintAppearance\"\n        [tuiHintContext]=\"{$implicit: $index}\"\n        [tuiHintDescribe]=\"getHintId($index)\"\n        [tuiHintHost]=\"hintHost\"\n        (click)=\"tapColumn.emit($index)\"\n        (keydown.enter)=\"tapColumn.emit($index)\"\n        (mouseenter.once)=\"(0)\"\n    >\n        <div\n            class=\"t-container\"\n            [style.height.%]=\"set | tuiMapper: percentMapper : collapsed() : computedMax()\"\n        >\n            <div\n                #hintHost\n                class=\"t-host\"\n            ></div>\n            <tui-bar-set\n                class=\"t-set\"\n                [collapsed]=\"collapsed()\"\n                [id]=\"getHintId($index)\"\n                [size]=\"size()\"\n                [tabIndex]=\"hintContent ? 0 : -1\"\n                [value]=\"set\"\n            />\n        </div>\n    </div>\n}\n", styles: [":host{display:flex;flex:1;block-size:100%}.t-wrapper{transition-property:background-color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:flex;flex:1;align-items:flex-end;justify-content:center;block-size:100%}.t-wrapper_hoverable{cursor:pointer}.t-wrapper_hoverable:hover,.t-wrapper_hoverable.t-wrapper_hovered{background-color:#0000000d}.t-container{flex:1}.t-host{position:absolute;inset-inline:50%}.t-set{border-radius:var(--tui-radius-m);pointer-events:none;outline:none}.t-set:focus{box-shadow:0 0 0 2px var(--tui-border-focus)}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: TuiBarSet, selector: "tui-bar-set", inputs: ["value", "size", "collapsed"] }, { kind: "directive", type: i1.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHint", "tuiHintContext", "tuiHintAppearance"], outputs: ["tuiHintVisible"] }, { kind: "directive", type: i1.TuiHintDescribe, selector: "[tuiHintDescribe]", inputs: ["tuiHintDescribe"] }, { kind: "directive", type: i1.TuiHintHost, selector: "[tuiHint][tuiHintHost]", inputs: ["tuiHintHost"] }, { kind: "pipe", type: TuiMapperPipe, name: "tuiMapper" }], viewProviders: [tuiHintOptionsProvider({ direction: 'top' })], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiBarChart, isStandalone: true, selector: "tui-bar-chart", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tapColumn: "tapColumn" }, viewQueries: [{ propertyName: "drivers", predicate: TuiHintHover, descendants: true, isSignal: true }], ngImport: i0, template: "@for (set of transposed(); track $index) {\n    <div\n        class=\"t-wrapper\"\n        [class.t-wrapper_hoverable]=\"!!hintContent\"\n        [class.t-wrapper_hovered]=\"drivers()[$index] | async\"\n        [tuiHint]=\"hintContent\"\n        [tuiHintAppearance]=\"hintAppearance\"\n        [tuiHintContext]=\"{$implicit: $index}\"\n        [tuiHintDescribe]=\"getHintId($index)\"\n        [tuiHintHost]=\"hintHost\"\n        (click)=\"tapColumn.emit($index)\"\n        (keydown.enter)=\"tapColumn.emit($index)\"\n        (mouseenter.once)=\"(0)\"\n    >\n        <div\n            class=\"t-container\"\n            [style.height.%]=\"set | tuiMapper: percentMapper : collapsed() : computedMax()\"\n        >\n            <div\n                #hintHost\n                class=\"t-host\"\n            ></div>\n            <tui-bar-set\n                class=\"t-set\"\n                [collapsed]=\"collapsed()\"\n                [id]=\"getHintId($index)\"\n                [size]=\"size()\"\n                [tabIndex]=\"hintContent ? 0 : -1\"\n                [value]=\"set\"\n            />\n        </div>\n    </div>\n}\n", styles: [":host{display:flex;flex:1;block-size:100%}.t-wrapper{transition-property:background-color;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);position:relative;display:flex;flex:1;align-items:flex-end;justify-content:center;block-size:100%}.t-wrapper_hoverable{cursor:pointer}.t-wrapper_hoverable:hover,.t-wrapper_hoverable.t-wrapper_hovered{background-color:#0000000d}.t-container{flex:1}.t-host{position:absolute;inset-inline:50%}.t-set{border-radius:var(--tui-radius-m);pointer-events:none;outline:none}.t-set:focus{box-shadow:0 0 0 2px var(--tui-border-focus)}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: TuiBarSet, selector: "tui-bar-set", inputs: ["value", "size", "collapsed"] }, { kind: "directive", type: i1.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHint", "tuiHintContext", "tuiHintAppearance"], outputs: ["tuiHintVisible"] }, { kind: "directive", type: i1.TuiHintDescribe, selector: "[tuiHintDescribe]", inputs: ["tuiHintDescribe"] }, { kind: "directive", type: i1.TuiHintHost, selector: "[tuiHint][tuiHintHost]", inputs: ["tuiHintHost"] }, { kind: "pipe", type: TuiMapperPipe, name: "tuiMapper" }], viewProviders: [tuiHintOptionsProvider({ direction: 'top' })], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiBarChart, decorators: [{
             type: Component,
-            args: [{ selector: 'tui-bar-chart', imports: [AsyncPipe, TuiBarSet, TuiHint, TuiMapperPipe], changeDetection: ChangeDetectionStrategy.OnPush, viewProviders: [tuiHintOptionsProvider({ direction: 'top' })], template: "@for (set of transposed(); track $index) {\n    <div\n        class=\"t-wrapper\"\n        [class.t-wrapper_hoverable]=\"!!hintContent\"\n        [class.t-wrapper_hovered]=\"drivers()[$index] | async\"\n        [tuiHint]=\"hintContent\"\n        [tuiHintAppearance]=\"hintAppearance\"\n        [tuiHintContext]=\"{$implicit: $index}\"\n        [tuiHintDescribe]=\"getHintId($index)\"\n        [tuiHintHost]=\"hintHost\"\n        (click)=\"tapColumn.emit($index)\"\n        (keydown.enter)=\"tapColumn.emit($index)\"\n        (mouseenter.once)=\"(0)\"\n    >\n        <div\n            class=\"t-container\"\n            [style.height.%]=\"set | tuiMapper: percentMapper : collapsed() : computedMax()\"\n        >\n            <div\n                #hintHost\n                class=\"t-host\"\n            ></div>\n            <tui-bar-set\n                class=\"t-set\"\n                [collapsed]=\"collapsed()\"\n                [id]=\"getHintId($index)\"\n                [size]=\"size()\"\n                [tabIndex]=\"hintContent ? 0 : -1\"\n                [value]=\"set\"\n            />\n        </div>\n    </div>\n}\n", styles: [":host{display:flex;flex:1;block-size:100%}.t-wrapper{transition-property:background-color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:flex;flex:1;align-items:flex-end;justify-content:center;block-size:100%}.t-wrapper_hoverable{cursor:pointer}.t-wrapper_hoverable:hover,.t-wrapper_hoverable.t-wrapper_hovered{background-color:#0000000d}.t-container{flex:1}.t-host{position:absolute;inset-inline:50%}.t-set{border-radius:var(--tui-radius-m);pointer-events:none;outline:none}.t-set:focus{box-shadow:0 0 0 2px var(--tui-border-focus)}\n"] }]
+            args: [{ selector: 'tui-bar-chart', imports: [AsyncPipe, TuiBarSet, TuiHint, TuiMapperPipe], changeDetection: ChangeDetectionStrategy.OnPush, viewProviders: [tuiHintOptionsProvider({ direction: 'top' })], template: "@for (set of transposed(); track $index) {\n    <div\n        class=\"t-wrapper\"\n        [class.t-wrapper_hoverable]=\"!!hintContent\"\n        [class.t-wrapper_hovered]=\"drivers()[$index] | async\"\n        [tuiHint]=\"hintContent\"\n        [tuiHintAppearance]=\"hintAppearance\"\n        [tuiHintContext]=\"{$implicit: $index}\"\n        [tuiHintDescribe]=\"getHintId($index)\"\n        [tuiHintHost]=\"hintHost\"\n        (click)=\"tapColumn.emit($index)\"\n        (keydown.enter)=\"tapColumn.emit($index)\"\n        (mouseenter.once)=\"(0)\"\n    >\n        <div\n            class=\"t-container\"\n            [style.height.%]=\"set | tuiMapper: percentMapper : collapsed() : computedMax()\"\n        >\n            <div\n                #hintHost\n                class=\"t-host\"\n            ></div>\n            <tui-bar-set\n                class=\"t-set\"\n                [collapsed]=\"collapsed()\"\n                [id]=\"getHintId($index)\"\n                [size]=\"size()\"\n                [tabIndex]=\"hintContent ? 0 : -1\"\n                [value]=\"set\"\n            />\n        </div>\n    </div>\n}\n", styles: [":host{display:flex;flex:1;block-size:100%}.t-wrapper{transition-property:background-color;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard);position:relative;display:flex;flex:1;align-items:flex-end;justify-content:center;block-size:100%}.t-wrapper_hoverable{cursor:pointer}.t-wrapper_hoverable:hover,.t-wrapper_hoverable.t-wrapper_hovered{background-color:#0000000d}.t-container{flex:1}.t-host{position:absolute;inset-inline:50%}.t-set{border-radius:var(--tui-radius-m);pointer-events:none;outline:none}.t-set:focus{box-shadow:0 0 0 2px var(--tui-border-focus)}\n"] }]
         }] });
 
 /**

package/fesm2022/taiga-ui-addon-charts-components-bar-chart.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-charts-components-bar-chart.mjs","sources":["../../../projects/addon-charts/components/bar-chart/bar-chart.component.ts","../../../projects/addon-charts/components/bar-chart/bar-chart.template.html","../../../projects/addon-charts/components/bar-chart/taiga-ui-addon-charts-components-bar-chart.ts"],"sourcesContent":["import {AsyncPipe} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    inject,\n    input,\n    output,\n    viewChildren,\n} from '@angular/core';\nimport {TuiBarSet} from '@taiga-ui/addon-charts/components/bar-set';\nimport {TuiChartHint} from '@taiga-ui/addon-charts/components/chart-hint';\nimport {TuiMapperPipe} from '@taiga-ui/cdk/pipes/mapper';\nimport {type TuiContext, type TuiMapper} from '@taiga-ui/cdk/types';\nimport {tuiSum} from '@taiga-ui/cdk/utils/math';\nimport {tuiGenerateId} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiHint, TuiHintHover, tuiHintOptionsProvider} from '@taiga-ui/core/portals/hint';\nimport {type TuiSizeL, type TuiSizeS} from '@taiga-ui/core/types';\nimport {type PolymorpheusContent} from '@taiga-ui/polymorpheus';\n\n@Component({\n    selector: 'tui-bar-chart',\n    imports: [AsyncPipe, TuiBarSet, TuiHint, TuiMapperPipe],\n    templateUrl: './bar-chart.template.html',\n    styleUrl: './bar-chart.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    viewProviders: [tuiHintOptionsProvider({direction: 'top'})],\n})\nexport class TuiBarChart {\n    private readonly hintOptions = inject(TuiChartHint, {optional: true});\n    private readonly autoId = tuiGenerateId();\n\n    private readonly getMax = computed(() =>\n        this.collapsed()\n            ? Math.max(\n                  // eslint-disable-next-line no-restricted-syntax\n                  ...this.value().reduce((result, next) =>\n                      result.map((value, index) => value + (next[index] || 0)),\n                  ),\n              )\n            : this.value().reduce((max, value) => Math.max(...value, max), 0),\n    );\n\n    protected readonly transposed = computed(() =>\n        this.value().reduce<ReadonlyArray<readonly number[]>>(\n            (result, next) =>\n                next.map((_, index) => [...(result[index] || []), next[index] || 0]),\n            [],\n        ),\n    );\n\n    protected readonly drivers = viewChildren(TuiHintHover);\n\n    public readonly value = input<ReadonlyArray<readonly number[]>>([]);\n    public readonly max = input(Number.NaN);\n    public readonly size = input<TuiSizeL | TuiSizeS | null>('m');\n    public readonly collapsed = input(false);\n    public readonly tapColumn = output<number>();\n    public readonly computedMax = computed(() => this.max() || this.getMax());\n\n    public readonly percentMapper: TuiMapper<\n        [readonly number[], boolean, number],\n        number\n    > = (set, collapsed, max) =>\n        (100 * (collapsed ? tuiSum(...set) : Math.max(...set))) / max;\n\n    protected get hintContent(): PolymorpheusContent<TuiContext<number>> {\n        return this.hintOptions?.content() || '';\n    }\n\n    protected get hintAppearance(): string {\n        return this.hintOptions?.appearance() || '';\n    }\n\n    protected getHintId(index: number): string {\n        return `${this.autoId}_${index}`;\n    }\n}\n","@for (set of transposed(); track $index) {\n    <div\n        class=\"t-wrapper\"\n        [class.t-wrapper_hoverable]=\"!!hintContent\"\n        [class.t-wrapper_hovered]=\"drivers()[$index] | async\"\n        [tuiHint]=\"hintContent\"\n        [tuiHintAppearance]=\"hintAppearance\"\n        [tuiHintContext]=\"{$implicit: $index}\"\n        [tuiHintDescribe]=\"getHintId($index)\"\n        [tuiHintHost]=\"hintHost\"\n        (click)=\"tapColumn.emit($index)\"\n        (keydown.enter)=\"tapColumn.emit($index)\"\n        (mouseenter.once)=\"(0)\"\n    >\n        <div\n            class=\"t-container\"\n            [style.height.%]=\"set | tuiMapper: percentMapper : collapsed() : computedMax()\"\n        >\n            <div\n                #hintHost\n                class=\"t-host\"\n            ></div>\n            <tui-bar-set\n                class=\"t-set\"\n                [collapsed]=\"collapsed()\"\n                [id]=\"getHintId($index)\"\n                [size]=\"size()\"\n                [tabIndex]=\"hintContent ? 0 : -1\"\n                [value]=\"set\"\n            />\n        </div>\n    </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-addon-charts-components-bar-chart.mjs","sources":["../../../projects/addon-charts/components/bar-chart/bar-chart.component.ts","../../../projects/addon-charts/components/bar-chart/bar-chart.template.html","../../../projects/addon-charts/components/bar-chart/taiga-ui-addon-charts-components-bar-chart.ts"],"sourcesContent":["import {AsyncPipe} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    inject,\n    input,\n    output,\n    viewChildren,\n} from '@angular/core';\nimport {TuiBarSet} from '@taiga-ui/addon-charts/components/bar-set';\nimport {TuiChartHint} from '@taiga-ui/addon-charts/components/chart-hint';\nimport {TuiMapperPipe} from '@taiga-ui/cdk/pipes/mapper';\nimport {type TuiContext, type TuiMapper} from '@taiga-ui/cdk/types';\nimport {tuiSum} from '@taiga-ui/cdk/utils/math';\nimport {tuiGenerateId} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiHint, TuiHintHover, tuiHintOptionsProvider} from '@taiga-ui/core/portals/hint';\nimport {type TuiSizeL, type TuiSizeS} from '@taiga-ui/core/types';\nimport {type PolymorpheusContent} from '@taiga-ui/polymorpheus';\n\n@Component({\n    selector: 'tui-bar-chart',\n    imports: [AsyncPipe, TuiBarSet, TuiHint, TuiMapperPipe],\n    templateUrl: './bar-chart.template.html',\n    styleUrl: './bar-chart.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    viewProviders: [tuiHintOptionsProvider({direction: 'top'})],\n})\nexport class TuiBarChart {\n    private readonly hintOptions = inject(TuiChartHint, {optional: true});\n    private readonly autoId = tuiGenerateId();\n\n    private readonly getMax = computed(() =>\n        this.collapsed()\n            ? Math.max(\n                  // eslint-disable-next-line no-restricted-syntax\n                  ...this.value().reduce((result, next) =>\n                      result.map((value, index) => value + (next[index] || 0)),\n                  ),\n              )\n            : this.value().reduce((max, value) => Math.max(...value, max), 0),\n    );\n\n    protected readonly transposed = computed(() =>\n        this.value().reduce<ReadonlyArray<readonly number[]>>(\n            (result, next) =>\n                next.map((_, index) => [...(result[index] || []), next[index] || 0]),\n            [],\n        ),\n    );\n\n    protected readonly drivers = viewChildren(TuiHintHover);\n\n    public readonly value = input<ReadonlyArray<readonly number[]>>([]);\n    public readonly max = input(Number.NaN);\n    public readonly size = input<TuiSizeL | TuiSizeS | null>('m');\n    public readonly collapsed = input(false);\n    public readonly tapColumn = output<number>();\n    public readonly computedMax = computed(() => this.max() || this.getMax());\n\n    public readonly percentMapper: TuiMapper<\n        [readonly number[], boolean, number],\n        number\n    > = (set, collapsed, max) =>\n        (100 * (collapsed ? tuiSum(...set) : Math.max(...set))) / max;\n\n    protected get hintContent(): PolymorpheusContent<TuiContext<number>> {\n        return this.hintOptions?.content() || '';\n    }\n\n    protected get hintAppearance(): string {\n        return this.hintOptions?.appearance() || '';\n    }\n\n    protected getHintId(index: number): string {\n        return `${this.autoId}_${index}`;\n    }\n}\n","@for (set of transposed(); track $index) {\n    <div\n        class=\"t-wrapper\"\n        [class.t-wrapper_hoverable]=\"!!hintContent\"\n        [class.t-wrapper_hovered]=\"drivers()[$index] | async\"\n        [tuiHint]=\"hintContent\"\n        [tuiHintAppearance]=\"hintAppearance\"\n        [tuiHintContext]=\"{$implicit: $index}\"\n        [tuiHintDescribe]=\"getHintId($index)\"\n        [tuiHintHost]=\"hintHost\"\n        (click)=\"tapColumn.emit($index)\"\n        (keydown.enter)=\"tapColumn.emit($index)\"\n        (mouseenter.once)=\"(0)\"\n    >\n        <div\n            class=\"t-container\"\n            [style.height.%]=\"set | tuiMapper: percentMapper : collapsed() : computedMax()\"\n        >\n            <div\n                #hintHost\n                class=\"t-host\"\n            ></div>\n            <tui-bar-set\n                class=\"t-set\"\n                [collapsed]=\"collapsed()\"\n                [id]=\"getHintId($index)\"\n                [size]=\"size()\"\n                [tabIndex]=\"hintContent ? 0 : -1\"\n                [value]=\"set\"\n            />\n        </div>\n    </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/taiga-ui-addon-charts-components-bar-set.mjs

@@ -18,11 +18,11 @@ class TuiBarSet {
         return Math.abs((100 * value) / this.largest());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiBarSet, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiBarSet, isStandalone: true, selector: "tui-bar-set", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (size()) {\n    @for (item of computedValue(); track item) {\n        <ng-container\n            [ngTemplateOutlet]=\"bar\"\n            [ngTemplateOutletContext]=\"{$implicit: item, index: $index, flexible: false}\"\n        />\n    }\n} @else {\n    @for (item of computedValue(); track item) {\n        <div class=\"t-wrapper\">\n            <ng-container\n                [ngTemplateOutlet]=\"bar\"\n                [ngTemplateOutletContext]=\"{$implicit: item, index: $index, flexible: true}\"\n            />\n        </div>\n    }\n}\n<ng-template\n    #bar\n    let-flexible=\"flexible\"\n    let-index=\"index\"\n    let-item\n>\n    <tui-bar\n        automation-id=\"tui-bar-set__bar\"\n        class=\"t-bar\"\n        [class.t-bar_flexible]=\"flexible\"\n        [class.t-bar_negative]=\"item < 0\"\n        [size]=\"size() || 'm'\"\n        [style.background]=\"`var(--tui-chart-categorical-${index.toString().padStart(2, '0')})`\"\n        [style.height.%]=\"getHeight(item)\"\n        [value]=\"computedSegments()\"\n    />\n</ng-template>\n<span class=\"t-label\">\n    <ng-content />\n</span>\n", styles: [":host{position:relative;display:flex;block-size:100%;align-items:flex-end;justify-content:center}.t-wrapper{display:flex;flex:1;block-size:100%;align-items:flex-end}.t-wrapper:first-of-type{margin-inline-start:25%}.t-wrapper:last-of-type{margin-inline-end:25%}.t-bar{transform-origin:bottom center}.t-bar_negative{transform:rotate(180deg);opacity:var(--tui-disabled-opacity)}.t-bar.t-bar_flexible{max-inline-size:none;inline-size:75%;margin:0 auto}.t-label{position:absolute;inset-block-start:-1.5rem;font:var(--tui-typography-body-xs);color:var(--tui-text-secondary)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TuiBar, selector: "tui-bar", inputs: ["value", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiBarSet, isStandalone: true, selector: "tui-bar-set", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (size()) {\n    @for (item of computedValue(); track item) {\n        <ng-container\n            [ngTemplateOutlet]=\"bar\"\n            [ngTemplateOutletContext]=\"{$implicit: item, index: $index, flexible: false}\"\n        />\n    }\n} @else {\n    @for (item of computedValue(); track item) {\n        <div class=\"t-wrapper\">\n            <ng-container\n                [ngTemplateOutlet]=\"bar\"\n                [ngTemplateOutletContext]=\"{$implicit: item, index: $index, flexible: true}\"\n            />\n        </div>\n    }\n}\n<ng-template\n    #bar\n    let-flexible=\"flexible\"\n    let-index=\"index\"\n    let-item\n>\n    <tui-bar\n        automation-id=\"tui-bar-set__bar\"\n        class=\"t-bar\"\n        [class.t-bar_flexible]=\"flexible\"\n        [class.t-bar_negative]=\"item < 0\"\n        [size]=\"size() || 'm'\"\n        [style.background]=\"collapsed() ? null : `var(--tui-chart-categorical-${index.toString().padStart(2, '0')})`\"\n        [style.height.%]=\"getHeight(item)\"\n        [value]=\"computedSegments()\"\n    />\n</ng-template>\n<span class=\"t-label\">\n    <ng-content />\n</span>\n", styles: [":host{position:relative;display:flex;block-size:100%;align-items:flex-end;justify-content:center}.t-wrapper{display:flex;flex:1;block-size:100%;align-items:flex-end}.t-wrapper:first-of-type{margin-inline-start:25%}.t-wrapper:last-of-type{margin-inline-end:25%}.t-bar{transform-origin:bottom center}.t-bar_negative{transform:rotate(180deg);opacity:var(--tui-disabled-opacity)}.t-bar.t-bar_flexible{max-inline-size:none;inline-size:75%;margin:0 auto}.t-label{position:absolute;inset-block-start:-1.5rem;font:var(--tui-typography-body-xs);color:var(--tui-text-secondary)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: TuiBar, selector: "tui-bar", inputs: ["value", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiBarSet, decorators: [{
             type: Component,
-            args: [{ selector: 'tui-bar-set', imports: [NgTemplateOutlet, TuiBar], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (size()) {\n    @for (item of computedValue(); track item) {\n        <ng-container\n            [ngTemplateOutlet]=\"bar\"\n            [ngTemplateOutletContext]=\"{$implicit: item, index: $index, flexible: false}\"\n        />\n    }\n} @else {\n    @for (item of computedValue(); track item) {\n        <div class=\"t-wrapper\">\n            <ng-container\n                [ngTemplateOutlet]=\"bar\"\n                [ngTemplateOutletContext]=\"{$implicit: item, index: $index, flexible: true}\"\n            />\n        </div>\n    }\n}\n<ng-template\n    #bar\n    let-flexible=\"flexible\"\n    let-index=\"index\"\n    let-item\n>\n    <tui-bar\n        automation-id=\"tui-bar-set__bar\"\n        class=\"t-bar\"\n        [class.t-bar_flexible]=\"flexible\"\n        [class.t-bar_negative]=\"item < 0\"\n        [size]=\"size() || 'm'\"\n        [style.background]=\"`var(--tui-chart-categorical-${index.toString().padStart(2, '0')})`\"\n        [style.height.%]=\"getHeight(item)\"\n        [value]=\"computedSegments()\"\n    />\n</ng-template>\n<span class=\"t-label\">\n    <ng-content />\n</span>\n", styles: [":host{position:relative;display:flex;block-size:100%;align-items:flex-end;justify-content:center}.t-wrapper{display:flex;flex:1;block-size:100%;align-items:flex-end}.t-wrapper:first-of-type{margin-inline-start:25%}.t-wrapper:last-of-type{margin-inline-end:25%}.t-bar{transform-origin:bottom center}.t-bar_negative{transform:rotate(180deg);opacity:var(--tui-disabled-opacity)}.t-bar.t-bar_flexible{max-inline-size:none;inline-size:75%;margin:0 auto}.t-label{position:absolute;inset-block-start:-1.5rem;font:var(--tui-typography-body-xs);color:var(--tui-text-secondary)}\n"] }]
+            args: [{ selector: 'tui-bar-set', imports: [NgTemplateOutlet, TuiBar], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (size()) {\n    @for (item of computedValue(); track item) {\n        <ng-container\n            [ngTemplateOutlet]=\"bar\"\n            [ngTemplateOutletContext]=\"{$implicit: item, index: $index, flexible: false}\"\n        />\n    }\n} @else {\n    @for (item of computedValue(); track item) {\n        <div class=\"t-wrapper\">\n            <ng-container\n                [ngTemplateOutlet]=\"bar\"\n                [ngTemplateOutletContext]=\"{$implicit: item, index: $index, flexible: true}\"\n            />\n        </div>\n    }\n}\n<ng-template\n    #bar\n    let-flexible=\"flexible\"\n    let-index=\"index\"\n    let-item\n>\n    <tui-bar\n        automation-id=\"tui-bar-set__bar\"\n        class=\"t-bar\"\n        [class.t-bar_flexible]=\"flexible\"\n        [class.t-bar_negative]=\"item < 0\"\n        [size]=\"size() || 'm'\"\n        [style.background]=\"collapsed() ? null : `var(--tui-chart-categorical-${index.toString().padStart(2, '0')})`\"\n        [style.height.%]=\"getHeight(item)\"\n        [value]=\"computedSegments()\"\n    />\n</ng-template>\n<span class=\"t-label\">\n    <ng-content />\n</span>\n", styles: [":host{position:relative;display:flex;block-size:100%;align-items:flex-end;justify-content:center}.t-wrapper{display:flex;flex:1;block-size:100%;align-items:flex-end}.t-wrapper:first-of-type{margin-inline-start:25%}.t-wrapper:last-of-type{margin-inline-end:25%}.t-bar{transform-origin:bottom center}.t-bar_negative{transform:rotate(180deg);opacity:var(--tui-disabled-opacity)}.t-bar.t-bar_flexible{max-inline-size:none;inline-size:75%;margin:0 auto}.t-label{position:absolute;inset-block-start:-1.5rem;font:var(--tui-typography-body-xs);color:var(--tui-text-secondary)}\n"] }]
         }] });
 
 /**

package/fesm2022/taiga-ui-addon-charts-components-bar-set.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-charts-components-bar-set.mjs","sources":["../../../projects/addon-charts/components/bar-set/bar-set.component.ts","../../../projects/addon-charts/components/bar-set/bar-set.template.html","../../../projects/addon-charts/components/bar-set/taiga-ui-addon-charts-components-bar-set.ts"],"sourcesContent":["import {NgTemplateOutlet} from '@angular/common';\nimport {ChangeDetectionStrategy, Component, computed, input} from '@angular/core';\nimport {TuiBar} from '@taiga-ui/addon-charts/components/bar';\nimport {type TuiSizeL, type TuiSizeS} from '@taiga-ui/core/types';\n\n@Component({\n    selector: 'tui-bar-set',\n    imports: [NgTemplateOutlet, TuiBar],\n    templateUrl: './bar-set.template.html',\n    styleUrl: './bar-set.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiBarSet {\n    private readonly largest = computed(() =>\n        this.computedValue().some((a) => a > 0)\n            ? this.computedValue().reduce((a, b) => (a > b ? a : b), 0)\n            : Math.abs(this.computedValue().reduce((a, b) => (a < b ? a : b), 0)),\n    );\n\n    public readonly value = input<readonly number[]>([]);\n    public readonly size = input<TuiSizeL | TuiSizeS | null>('m');\n    public readonly collapsed = input(false);\n\n    protected readonly computedValue = computed<readonly number[]>(() =>\n        this.collapsed() ? [1] : this.value(),\n    );\n\n    protected readonly computedSegments = computed<readonly number[]>(() =>\n        this.collapsed() ? this.value() : [],\n    );\n\n    protected getHeight(value: number): number {\n        return Math.abs((100 * value) / this.largest());\n    }\n}\n","@if (size()) {\n    @for (item of computedValue(); track item) {\n        <ng-container\n            [ngTemplateOutlet]=\"bar\"\n            [ngTemplateOutletContext]=\"{$implicit: item, index: $index, flexible: false}\"\n        />\n    }\n} @else {\n    @for (item of computedValue(); track item) {\n        <div class=\"t-wrapper\">\n            <ng-container\n                [ngTemplateOutlet]=\"bar\"\n                [ngTemplateOutletContext]=\"{$implicit: item, index: $index, flexible: true}\"\n            />\n        </div>\n    }\n}\n<ng-template\n    #bar\n    let-flexible=\"flexible\"\n    let-index=\"index\"\n    let-item\n>\n    <tui-bar\n        automation-id=\"tui-bar-set__bar\"\n        class=\"t-bar\"\n        [class.t-bar_flexible]=\"flexible\"\n        [class.t-bar_negative]=\"item < 0\"\n        [size]=\"size() || 'm'\"\n        [style.background]=\"`var(--tui-chart-categorical-${index.toString().padStart(2, '0')})`\"\n        [style.height.%]=\"getHeight(item)\"\n        [value]=\"computedSegments()\"\n    />\n</ng-template>\n<span class=\"t-label\">\n    <ng-content />\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-addon-charts-components-bar-set.mjs","sources":["../../../projects/addon-charts/components/bar-set/bar-set.component.ts","../../../projects/addon-charts/components/bar-set/bar-set.template.html","../../../projects/addon-charts/components/bar-set/taiga-ui-addon-charts-components-bar-set.ts"],"sourcesContent":["import {NgTemplateOutlet} from '@angular/common';\nimport {ChangeDetectionStrategy, Component, computed, input} from '@angular/core';\nimport {TuiBar} from '@taiga-ui/addon-charts/components/bar';\nimport {type TuiSizeL, type TuiSizeS} from '@taiga-ui/core/types';\n\n@Component({\n    selector: 'tui-bar-set',\n    imports: [NgTemplateOutlet, TuiBar],\n    templateUrl: './bar-set.template.html',\n    styleUrl: './bar-set.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiBarSet {\n    private readonly largest = computed(() =>\n        this.computedValue().some((a) => a > 0)\n            ? this.computedValue().reduce((a, b) => (a > b ? a : b), 0)\n            : Math.abs(this.computedValue().reduce((a, b) => (a < b ? a : b), 0)),\n    );\n\n    public readonly value = input<readonly number[]>([]);\n    public readonly size = input<TuiSizeL | TuiSizeS | null>('m');\n    public readonly collapsed = input(false);\n\n    protected readonly computedValue = computed<readonly number[]>(() =>\n        this.collapsed() ? [1] : this.value(),\n    );\n\n    protected readonly computedSegments = computed<readonly number[]>(() =>\n        this.collapsed() ? this.value() : [],\n    );\n\n    protected getHeight(value: number): number {\n        return Math.abs((100 * value) / this.largest());\n    }\n}\n","@if (size()) {\n    @for (item of computedValue(); track item) {\n        <ng-container\n            [ngTemplateOutlet]=\"bar\"\n            [ngTemplateOutletContext]=\"{$implicit: item, index: $index, flexible: false}\"\n        />\n    }\n} @else {\n    @for (item of computedValue(); track item) {\n        <div class=\"t-wrapper\">\n            <ng-container\n                [ngTemplateOutlet]=\"bar\"\n                [ngTemplateOutletContext]=\"{$implicit: item, index: $index, flexible: true}\"\n            />\n        </div>\n    }\n}\n<ng-template\n    #bar\n    let-flexible=\"flexible\"\n    let-index=\"index\"\n    let-item\n>\n    <tui-bar\n        automation-id=\"tui-bar-set__bar\"\n        class=\"t-bar\"\n        [class.t-bar_flexible]=\"flexible\"\n        [class.t-bar_negative]=\"item < 0\"\n        [size]=\"size() || 'm'\"\n        [style.background]=\"collapsed() ? null : `var(--tui-chart-categorical-${index.toString().padStart(2, '0')})`\"\n        [style.height.%]=\"getHeight(item)\"\n        [value]=\"computedSegments()\"\n    />\n</ng-template>\n<span class=\"t-label\">\n    <ng-content />\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/taiga-ui-addon-charts-components-bar.mjs

@@ -1,22 +1,30 @@
 import * as i0 from '@angular/core';
-import { computed, input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
 import { tuiSum } from '@taiga-ui/cdk/utils/math';
 
 class TuiBar {
     constructor() {
-        this.sum = computed(() => tuiSum(...this.value()));
         this.value = input([]);
         this.size = input('m');
-    }
-    getHeight(value) {
-        return (100 * value) / this.sum();
+        this.segments = computed(() => {
+            const sum = tuiSum(...this.value().map(Math.abs));
+            const items = this.value().map((value, index) => ({
+                value,
+                background: `var(--tui-chart-categorical-${index.toString().padStart(2, '0')})`,
+                height: sum ? Math.abs((100 * value) / sum) : 0,
+            }));
+            return [
+                ...items.filter(({ value }) => value < 0),
+                ...items.filter(({ value }) => value >= 0),
+            ];
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiBar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiBar, isStandalone: true, selector: "tui-bar", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-size": "size()" } }, ngImport: i0, template: "@for (item of value(); track item) {\n    <div\n        automation-id=\"tui-bar__bar\"\n        [style.background]=\"`var(--tui-chart-categorical-${$index.toString().padStart(2, '0')})`\"\n        [style.height.%]=\"getHeight(item)\"\n    ></div>\n}\n", styles: [":host{display:flex;min-inline-size:.125rem;flex-direction:column-reverse;border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l);overflow:hidden}:host[data-size=l]{inline-size:1rem;max-inline-size:1rem;margin:0 .1875rem}:host[data-size=m]{inline-size:.5rem;max-inline-size:.5rem;margin:0 .1875rem}:host[data-size=s]{inline-size:.25rem;max-inline-size:.5rem;margin:0 .125rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiBar, isStandalone: true, selector: "tui-bar", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-size": "size()" } }, ngImport: i0, template: "@for (item of segments(); track $index) {\n    <div\n        automation-id=\"tui-bar__bar\"\n        [class.t-negative]=\"item.value < 0\"\n        [style.background]=\"item.background\"\n        [style.height.%]=\"item.height\"\n    ></div>\n}\n", styles: [":host{display:flex;min-inline-size:.125rem;flex-direction:column-reverse;border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l);overflow:hidden}:host .t-negative{opacity:var(--tui-disabled-opacity)}:host .t-negative:first-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}:host[data-size=l]{inline-size:1rem;max-inline-size:1rem;margin:0 .1875rem}:host[data-size=m]{inline-size:.5rem;max-inline-size:.5rem;margin:0 .1875rem}:host[data-size=s]{inline-size:.25rem;max-inline-size:.5rem;margin:0 .125rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiBar, decorators: [{
             type: Component,
-            args: [{ selector: 'tui-bar', changeDetection: ChangeDetectionStrategy.OnPush, host: { '[attr.data-size]': 'size()' }, template: "@for (item of value(); track item) {\n    <div\n        automation-id=\"tui-bar__bar\"\n        [style.background]=\"`var(--tui-chart-categorical-${$index.toString().padStart(2, '0')})`\"\n        [style.height.%]=\"getHeight(item)\"\n    ></div>\n}\n", styles: [":host{display:flex;min-inline-size:.125rem;flex-direction:column-reverse;border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l);overflow:hidden}:host[data-size=l]{inline-size:1rem;max-inline-size:1rem;margin:0 .1875rem}:host[data-size=m]{inline-size:.5rem;max-inline-size:.5rem;margin:0 .1875rem}:host[data-size=s]{inline-size:.25rem;max-inline-size:.5rem;margin:0 .125rem}\n"] }]
+            args: [{ selector: 'tui-bar', changeDetection: ChangeDetectionStrategy.OnPush, host: { '[attr.data-size]': 'size()' }, template: "@for (item of segments(); track $index) {\n    <div\n        automation-id=\"tui-bar__bar\"\n        [class.t-negative]=\"item.value < 0\"\n        [style.background]=\"item.background\"\n        [style.height.%]=\"item.height\"\n    ></div>\n}\n", styles: [":host{display:flex;min-inline-size:.125rem;flex-direction:column-reverse;border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l);overflow:hidden}:host .t-negative{opacity:var(--tui-disabled-opacity)}:host .t-negative:first-child{border-bottom-left-radius:var(--tui-radius-l);border-bottom-right-radius:var(--tui-radius-l)}:host[data-size=l]{inline-size:1rem;max-inline-size:1rem;margin:0 .1875rem}:host[data-size=m]{inline-size:.5rem;max-inline-size:.5rem;margin:0 .1875rem}:host[data-size=s]{inline-size:.25rem;max-inline-size:.5rem;margin:0 .125rem}\n"] }]
         }] });
 
 /**

package/fesm2022/taiga-ui-addon-charts-components-bar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-charts-components-bar.mjs","sources":["../../../projects/addon-charts/components/bar/bar.component.ts","../../../projects/addon-charts/components/bar/bar.template.html","../../../projects/addon-charts/components/bar/taiga-ui-addon-charts-components-bar.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, computed, input} from '@angular/core';\nimport {tuiSum} from '@taiga-ui/cdk/utils/math';\nimport {type TuiSizeL, type TuiSizeS} from '@taiga-ui/core/types';\n\n@Component({\n    selector: 'tui-bar',\n    templateUrl: './bar.template.html',\n    styleUrl: './bar.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {'[attr.data-size]': 'size()'},\n})\nexport class TuiBar {\n    private readonly sum = computed(() => tuiSum(...this.value()));\n\n    public readonly value = input<readonly number[]>([]);\n    public readonly size = input<TuiSizeL | TuiSizeS>('m');\n\n    protected getHeight(value: number): number {\n        return (100 * value) / this.sum();\n    }\n}\n","@for (item of value(); track item) {\n    <div\n        automation-id=\"tui-bar__bar\"\n        [style.background]=\"`var(--tui-chart-categorical-${$index.toString().padStart(2, '0')})`\"\n        [style.height.%]=\"getHeight(item)\"\n    ></div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAWa,MAAM,CAAA;AAPnB,IAAA,WAAA,GAAA;AAQqB,QAAA,IAAA,CAAA,GAAG,GAAG,QAAQ,CAAC,MAAM,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;AAE9C,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAoB,EAAE,CAAC;AACpC,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAsB,GAAG,CAAC;AAKzD,IAAA;AAHa,IAAA,SAAS,CAAC,KAAa,EAAA;QAC7B,OAAO,CAAC,GAAG,GAAG,KAAK,IAAI,IAAI,CAAC,GAAG,EAAE;IACrC;+GARS,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAN,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAM,kXCXnB,6PAOA,EAAA,MAAA,EAAA,CAAA,yZAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FDIa,MAAM,EAAA,UAAA,EAAA,CAAA;kBAPlB,SAAS;+BACI,SAAS,EAAA,eAAA,EAGF,uBAAuB,CAAC,MAAM,QACzC,EAAC,kBAAkB,EAAE,QAAQ,EAAC,EAAA,QAAA,EAAA,6PAAA,EAAA,MAAA,EAAA,CAAA,yZAAA,CAAA,EAAA;;;AETxC;;AAEG;;;;"}
+{"version":3,"file":"taiga-ui-addon-charts-components-bar.mjs","sources":["../../../projects/addon-charts/components/bar/bar.component.ts","../../../projects/addon-charts/components/bar/bar.template.html","../../../projects/addon-charts/components/bar/taiga-ui-addon-charts-components-bar.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, computed, input} from '@angular/core';\nimport {tuiSum} from '@taiga-ui/cdk/utils/math';\nimport {type TuiSizeL, type TuiSizeS} from '@taiga-ui/core/types';\n\n@Component({\n    selector: 'tui-bar',\n    templateUrl: './bar.template.html',\n    styleUrl: './bar.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {'[attr.data-size]': 'size()'},\n})\nexport class TuiBar {\n    public readonly value = input<readonly number[]>([]);\n    public readonly size = input<TuiSizeL | TuiSizeS>('m');\n\n    protected readonly segments = computed(() => {\n        const sum = tuiSum(...this.value().map(Math.abs));\n\n        const items = this.value().map((value, index) => ({\n            value,\n            background: `var(--tui-chart-categorical-${index.toString().padStart(2, '0')})`,\n            height: sum ? Math.abs((100 * value) / sum) : 0,\n        }));\n\n        return [\n            ...items.filter(({value}) => value < 0),\n            ...items.filter(({value}) => value >= 0),\n        ];\n    });\n}\n","@for (item of segments(); track $index) {\n    <div\n        automation-id=\"tui-bar__bar\"\n        [class.t-negative]=\"item.value < 0\"\n        [style.background]=\"item.background\"\n        [style.height.%]=\"item.height\"\n    ></div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAWa,MAAM,CAAA;AAPnB,IAAA,WAAA,GAAA;AAQoB,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAoB,EAAE,CAAC;AACpC,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAsB,GAAG,CAAC;AAEnC,QAAA,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAC,MAAK;AACxC,YAAA,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEjD,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MAAM;gBAC9C,KAAK;AACL,gBAAA,UAAU,EAAE,CAAA,4BAAA,EAA+B,KAAK,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA,CAAA,CAAG;gBAC/E,MAAM,EAAE,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,KAAK,IAAI,GAAG,CAAC,GAAG,CAAC;AAClD,aAAA,CAAC,CAAC;YAEH,OAAO;AACH,gBAAA,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,EAAC,KAAK,EAAC,KAAK,KAAK,GAAG,CAAC,CAAC;AACvC,gBAAA,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,EAAC,KAAK,EAAC,KAAK,KAAK,IAAI,CAAC,CAAC;aAC3C;AACL,QAAA,CAAC,CAAC;AACL,IAAA;+GAlBY,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAN,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAM,kXCXnB,wPAQA,EAAA,MAAA,EAAA,CAAA,0kBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FDGa,MAAM,EAAA,UAAA,EAAA,CAAA;kBAPlB,SAAS;+BACI,SAAS,EAAA,eAAA,EAGF,uBAAuB,CAAC,MAAM,QACzC,EAAC,kBAAkB,EAAE,QAAQ,EAAC,EAAA,QAAA,EAAA,wPAAA,EAAA,MAAA,EAAA,CAAA,0kBAAA,CAAA,EAAA;;;AETxC;;AAEG;;;;"}

package/fesm2022/taiga-ui-addon-charts-components-pie-chart.mjs

@@ -97,7 +97,7 @@ class TuiPieChart {
         return 360 * (value / this.getSum()) || 0;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: TuiPieChart, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiPieChart, isStandalone: true, selector: "tui-pie-chart", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, masked: { classPropertyName: "masked", publicName: "masked", 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()", "class._empty": "!getSum()" } }, ngImport: i0, template: "<svg\n    focusable=\"false\"\n    height=\"100%\"\n    viewBox=\"-100 -100 200 200\"\n    width=\"100%\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    class=\"t-svg\"\n>\n    <defs>\n        <mask [attr.id]=\"maskId\">\n            <rect\n                fill=\"white\"\n                height=\"400\"\n                width=\"400\"\n                x=\"-200\"\n                y=\"-200\"\n            />\n            <circle\n                cx=\"0\"\n                cy=\"0\"\n                [attr.r]=\"radius\"\n            />\n        </mask>\n    </defs>\n    <g [style.mask]=\"mask\">\n        <circle\n            cx=\"0\"\n            cy=\"0\"\n            r=\"100\"\n            class=\"t-placeholder\"\n        />\n        @for (_ of '-'.repeat(segments().length); track $index) {\n            <path\n                automation-id=\"tui-pie-chart__segment\"\n                d=\"\"\n                fill=\"currentColor\"\n                tuiHintPointer\n                class=\"t-segment\"\n                [attr.transform]=\"getTransform($index)\"\n                [style.color]=\"`var(--tui-chart-categorical-${$index.toString().padStart(2, '0')})`\"\n                [tuiHint]=\"hintContent\"\n                [tuiHintContext]=\"{$implicit: $index}\"\n                [tuiPieChart]=\"segments()[$index] || [0, 0]\"\n                (tuiHoveredChange)=\"onHovered($event, $index)\"\n            />\n        }\n    </g>\n</svg>\n", styles: [":host{position:relative;display:block;inline-size:var(--t-size);block-size:var(--t-size);border-radius:100%}:host[data-size=xs]{--t-size: 2rem;pointer-events:none}:host[data-size=s]{--t-size: 4rem}:host[data-size=m]{--t-size: 9rem}:host[data-size=l]{--t-size: 11rem}:host[data-size=xl]{--t-size: 16rem}.t-svg{position:relative;overflow:visible;transform:rotate(-90deg)}.t-segment{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}:host._empty .t-segment{display:none}.t-placeholder{fill:var(--tui-background-neutral-1)}\n"], dependencies: [{ kind: "directive", type: i1.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHint", "tuiHintContext", "tuiHintAppearance"], outputs: ["tuiHintVisible"] }, { kind: "directive", type: i1.TuiHintPointer, selector: "[tuiHint][tuiHintPointer]" }, { kind: "directive", type: TuiHovered, selector: "[tuiHoveredChange]", outputs: ["tuiHoveredChange"] }, { kind: "directive", type: TuiPieChartDirective, selector: "path[tuiPieChart]", inputs: ["tuiPieChart"] }], viewProviders: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: TuiPieChart, isStandalone: true, selector: "tui-pie-chart", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, masked: { classPropertyName: "masked", publicName: "masked", 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()", "class._empty": "!getSum()" } }, ngImport: i0, template: "<svg\n    focusable=\"false\"\n    height=\"100%\"\n    viewBox=\"-100 -100 200 200\"\n    width=\"100%\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    class=\"t-svg\"\n>\n    <defs>\n        <mask [attr.id]=\"maskId\">\n            <rect\n                fill=\"white\"\n                height=\"400\"\n                width=\"400\"\n                x=\"-200\"\n                y=\"-200\"\n            />\n            <circle\n                cx=\"0\"\n                cy=\"0\"\n                [attr.r]=\"radius\"\n            />\n        </mask>\n    </defs>\n    <g [style.mask]=\"mask\">\n        <circle\n            cx=\"0\"\n            cy=\"0\"\n            r=\"100\"\n            class=\"t-placeholder\"\n        />\n        @for (_ of '-'.repeat(segments().length); track $index) {\n            <path\n                automation-id=\"tui-pie-chart__segment\"\n                d=\"\"\n                fill=\"currentColor\"\n                tuiHintPointer\n                class=\"t-segment\"\n                [attr.transform]=\"getTransform($index)\"\n                [style.color]=\"`var(--tui-chart-categorical-${$index.toString().padStart(2, '0')})`\"\n                [tuiHint]=\"hintContent\"\n                [tuiHintContext]=\"{$implicit: $index}\"\n                [tuiPieChart]=\"segments()[$index] || [0, 0]\"\n                (tuiHoveredChange)=\"onHovered($event, $index)\"\n            />\n        }\n    </g>\n</svg>\n", styles: [":host{position:relative;display:block;inline-size:var(--t-size);block-size:var(--t-size);border-radius:100%}:host[data-size=xs]{--t-size: 2rem;pointer-events:none}:host[data-size=s]{--t-size: 4rem}:host[data-size=m]{--t-size: 9rem}:host[data-size=l]{--t-size: 11rem}:host[data-size=xl]{--t-size: 16rem}.t-svg{position:relative;overflow:visible;transform:rotate(-90deg)}.t-segment{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard)}:host._empty .t-segment{display:none}.t-placeholder{fill:var(--tui-background-neutral-1)}\n"], dependencies: [{ kind: "directive", type: i1.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHint", "tuiHintContext", "tuiHintAppearance"], outputs: ["tuiHintVisible"] }, { kind: "directive", type: i1.TuiHintPointer, selector: "[tuiHint][tuiHintPointer]" }, { kind: "directive", type: TuiHovered, selector: "[tuiHoveredChange]", outputs: ["tuiHoveredChange"] }, { kind: "directive", type: TuiPieChartDirective, selector: "path[tuiPieChart]", inputs: ["tuiPieChart"] }], viewProviders: [
             tuiHintOptionsProvider({
                 direction: 'top-end',
                 appearance: 'floating',
@@ -118,7 +118,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                     ], host: {
                         '[attr.data-size]': 'size()',
                         '[class._empty]': '!getSum()',
-                    }, template: "<svg\n    focusable=\"false\"\n    height=\"100%\"\n    viewBox=\"-100 -100 200 200\"\n    width=\"100%\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    class=\"t-svg\"\n>\n    <defs>\n        <mask [attr.id]=\"maskId\">\n            <rect\n                fill=\"white\"\n                height=\"400\"\n                width=\"400\"\n                x=\"-200\"\n                y=\"-200\"\n            />\n            <circle\n                cx=\"0\"\n                cy=\"0\"\n                [attr.r]=\"radius\"\n            />\n        </mask>\n    </defs>\n    <g [style.mask]=\"mask\">\n        <circle\n            cx=\"0\"\n            cy=\"0\"\n            r=\"100\"\n            class=\"t-placeholder\"\n        />\n        @for (_ of '-'.repeat(segments().length); track $index) {\n            <path\n                automation-id=\"tui-pie-chart__segment\"\n                d=\"\"\n                fill=\"currentColor\"\n                tuiHintPointer\n                class=\"t-segment\"\n                [attr.transform]=\"getTransform($index)\"\n                [style.color]=\"`var(--tui-chart-categorical-${$index.toString().padStart(2, '0')})`\"\n                [tuiHint]=\"hintContent\"\n                [tuiHintContext]=\"{$implicit: $index}\"\n                [tuiPieChart]=\"segments()[$index] || [0, 0]\"\n                (tuiHoveredChange)=\"onHovered($event, $index)\"\n            />\n        }\n    </g>\n</svg>\n", styles: [":host{position:relative;display:block;inline-size:var(--t-size);block-size:var(--t-size);border-radius:100%}:host[data-size=xs]{--t-size: 2rem;pointer-events:none}:host[data-size=s]{--t-size: 4rem}:host[data-size=m]{--t-size: 9rem}:host[data-size=l]{--t-size: 11rem}:host[data-size=xl]{--t-size: 16rem}.t-svg{position:relative;overflow:visible;transform:rotate(-90deg)}.t-segment{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}:host._empty .t-segment{display:none}.t-placeholder{fill:var(--tui-background-neutral-1)}\n"] }]
+                    }, template: "<svg\n    focusable=\"false\"\n    height=\"100%\"\n    viewBox=\"-100 -100 200 200\"\n    width=\"100%\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    class=\"t-svg\"\n>\n    <defs>\n        <mask [attr.id]=\"maskId\">\n            <rect\n                fill=\"white\"\n                height=\"400\"\n                width=\"400\"\n                x=\"-200\"\n                y=\"-200\"\n            />\n            <circle\n                cx=\"0\"\n                cy=\"0\"\n                [attr.r]=\"radius\"\n            />\n        </mask>\n    </defs>\n    <g [style.mask]=\"mask\">\n        <circle\n            cx=\"0\"\n            cy=\"0\"\n            r=\"100\"\n            class=\"t-placeholder\"\n        />\n        @for (_ of '-'.repeat(segments().length); track $index) {\n            <path\n                automation-id=\"tui-pie-chart__segment\"\n                d=\"\"\n                fill=\"currentColor\"\n                tuiHintPointer\n                class=\"t-segment\"\n                [attr.transform]=\"getTransform($index)\"\n                [style.color]=\"`var(--tui-chart-categorical-${$index.toString().padStart(2, '0')})`\"\n                [tuiHint]=\"hintContent\"\n                [tuiHintContext]=\"{$implicit: $index}\"\n                [tuiPieChart]=\"segments()[$index] || [0, 0]\"\n                (tuiHoveredChange)=\"onHovered($event, $index)\"\n            />\n        }\n    </g>\n</svg>\n", styles: [":host{position:relative;display:block;inline-size:var(--t-size);block-size:var(--t-size);border-radius:100%}:host[data-size=xs]{--t-size: 2rem;pointer-events:none}:host[data-size=s]{--t-size: 4rem}:host[data-size=m]{--t-size: 9rem}:host[data-size=l]{--t-size: 11rem}:host[data-size=xl]{--t-size: 16rem}.t-svg{position:relative;overflow:visible;transform:rotate(-90deg)}.t-segment{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:var(--tui-curve-productive-standard)}:host._empty .t-segment{display:none}.t-placeholder{fill:var(--tui-background-neutral-1)}\n"] }]
         }] });
 
 /**

package/fesm2022/taiga-ui-addon-charts-components-pie-chart.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-charts-components-pie-chart.mjs","sources":["../../../projects/addon-charts/components/pie-chart/pie-chart.directive.ts","../../../projects/addon-charts/components/pie-chart/pie-chart.component.ts","../../../projects/addon-charts/components/pie-chart/pie-chart.template.html","../../../projects/addon-charts/components/pie-chart/taiga-ui-addon-charts-components-pie-chart.ts"],"sourcesContent":["import {Directive, inject, input} from '@angular/core';\nimport {takeUntilDestroyed, toObservable} from '@angular/core/rxjs-interop';\nimport {WA_ANIMATION_FRAME, WA_PERFORMANCE} from '@ng-web-apis/common';\nimport {tuiDescribeSector} from '@taiga-ui/addon-charts/utils';\nimport {tuiZonefree} from '@taiga-ui/cdk/observables';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiClamp} from '@taiga-ui/cdk/utils/math';\nimport {tuiEaseInOutQuad} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TUI_ANIMATIONS_SPEED} from '@taiga-ui/core/tokens';\nimport {tuiGetDuration} from '@taiga-ui/core/utils/miscellaneous';\nimport {map, pairwise, startWith, switchMap, takeWhile} from 'rxjs';\n\n@Directive({selector: 'path[tuiPieChart]'})\nexport class TuiPieChartDirective {\n    private readonly el = tuiInjectElement<SVGPathElement>();\n    private readonly performance = inject(WA_PERFORMANCE);\n    private readonly animationFrame$ = inject(WA_ANIMATION_FRAME);\n    private readonly speed = inject(TUI_ANIMATIONS_SPEED);\n\n    public readonly tuiPieChart = input<readonly [number, number]>([0, 0]);\n\n    protected readonly $ = toObservable(this.tuiPieChart)\n        .pipe(\n            startWith([0, 0]),\n            pairwise(),\n            switchMap(([prev, cur]) => {\n                const now = this.performance.now();\n                const startDelta = cur[0] - prev[0];\n                const endDelta = cur[1] - prev[1];\n\n                return this.animationFrame$.pipe(\n                    map((timestamp) =>\n                        tuiEaseInOutQuad(\n                            tuiClamp(\n                                (timestamp - now) / tuiGetDuration(this.speed),\n                                0,\n                                1,\n                            ),\n                        ),\n                    ),\n                    takeWhile((progress) => progress < 1, true),\n                    map((progress) => [\n                        prev[0] + startDelta * progress,\n                        cur[1] > 359 ? cur[1] : prev[1] + endDelta * progress,\n                    ]),\n                );\n            }),\n            tuiZonefree(),\n            takeUntilDestroyed(),\n        )\n        .subscribe(([start, end]) =>\n            this.el.setAttribute('d', tuiDescribeSector(start, end)),\n        );\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    inject,\n    input,\n    model,\n} from '@angular/core';\nimport {TuiChartHint} from '@taiga-ui/addon-charts/components/chart-hint';\nimport {TuiHovered} from '@taiga-ui/cdk/directives/hovered';\nimport {type TuiContext} from '@taiga-ui/cdk/types';\nimport {tuiSum} from '@taiga-ui/cdk/utils/math';\nimport {tuiGenerateId} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiHint, tuiHintOptionsProvider} from '@taiga-ui/core/portals/hint';\nimport {type TuiSizeXL, type TuiSizeXS} from '@taiga-ui/core/types';\nimport {type PolymorpheusContent} from '@taiga-ui/polymorpheus';\n\nimport {TuiPieChartDirective} from './pie-chart.directive';\n\nconst RADII = {\n    xs: '50',\n    s: '50',\n    m: '77.8',\n    l: '81.9',\n    xl: '81.3',\n};\n\nconst TRANSFORM = {\n    xs: 1.15,\n    s: 1.25,\n    m: 1.11,\n    l: 1.09,\n    xl: 1.08,\n};\n\n@Component({\n    selector: 'tui-pie-chart',\n    imports: [TuiHint, TuiHovered, TuiPieChartDirective],\n    templateUrl: './pie-chart.template.html',\n    styleUrl: './pie-chart.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    viewProviders: [\n        tuiHintOptionsProvider({\n            direction: 'top-end',\n            appearance: 'floating',\n            showDelay: 0,\n            hideDelay: 0,\n        }),\n    ],\n    host: {\n        '[attr.data-size]': 'size()',\n        '[class._empty]': '!getSum()',\n    },\n})\nexport class TuiPieChart {\n    private readonly hintOptions = inject(TuiChartHint, {optional: true});\n    private readonly autoId = tuiGenerateId();\n\n    protected readonly getSum = computed(() => tuiSum(...this.value()));\n\n    protected readonly segments = computed<ReadonlyArray<[number, number]>>(() =>\n        this.value()\n            .map((initial, i, array) =>\n                array.reduce(\n                    (sum, current, j) => (j < i ? this.getDeg(current) + sum : sum),\n                    this.getDeg(initial),\n                ),\n            )\n            .map((angle, index, array) => [\n                array[index - 1] || 0,\n                Math.min(angle, 359.9999),\n            ]),\n    );\n\n    public readonly value = input<readonly number[]>([]);\n    public readonly size = input<TuiSizeXL | TuiSizeXS>('m');\n    public readonly masked = input(false);\n    public readonly activeItemIndex = model(Number.NaN);\n\n    protected get hintContent(): PolymorpheusContent<TuiContext<number>> {\n        return this.hintOptions?.content() || '';\n    }\n\n    protected get maskId(): string {\n        return `tui-ring-chart-${this.autoId}`;\n    }\n\n    protected get mask(): string | null {\n        return this.masked() ? `url(#${this.maskId})` : null;\n    }\n\n    protected get radius(): string {\n        return RADII[this.size()];\n    }\n\n    protected getTransform(index: number): string | null {\n        const transform = this.masked()\n            ? `scale(${TRANSFORM[this.size()]})`\n            : `scale(${TRANSFORM.xs})`;\n\n        return index === this.activeItemIndex() ? transform : null;\n    }\n\n    protected onHovered(hovered: boolean, index: number): void {\n        this.activeItemIndex.set(hovered ? index : Number.NaN);\n    }\n\n    private getDeg(value: number): number {\n        return 360 * (value / this.getSum()) || 0;\n    }\n}\n","<svg\n    focusable=\"false\"\n    height=\"100%\"\n    viewBox=\"-100 -100 200 200\"\n    width=\"100%\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    class=\"t-svg\"\n>\n    <defs>\n        <mask [attr.id]=\"maskId\">\n            <rect\n                fill=\"white\"\n                height=\"400\"\n                width=\"400\"\n                x=\"-200\"\n                y=\"-200\"\n            />\n            <circle\n                cx=\"0\"\n                cy=\"0\"\n                [attr.r]=\"radius\"\n            />\n        </mask>\n    </defs>\n    <g [style.mask]=\"mask\">\n        <circle\n            cx=\"0\"\n            cy=\"0\"\n            r=\"100\"\n            class=\"t-placeholder\"\n        />\n        @for (_ of '-'.repeat(segments().length); track $index) {\n            <path\n                automation-id=\"tui-pie-chart__segment\"\n                d=\"\"\n                fill=\"currentColor\"\n                tuiHintPointer\n                class=\"t-segment\"\n                [attr.transform]=\"getTransform($index)\"\n                [style.color]=\"`var(--tui-chart-categorical-${$index.toString().padStart(2, '0')})`\"\n                [tuiHint]=\"hintContent\"\n                [tuiHintContext]=\"{$implicit: $index}\"\n                [tuiPieChart]=\"segments()[$index] || [0, 0]\"\n                (tuiHoveredChange)=\"onHovered($event, $index)\"\n            />\n        }\n    </g>\n</svg>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-addon-charts-components-pie-chart.mjs","sources":["../../../projects/addon-charts/components/pie-chart/pie-chart.directive.ts","../../../projects/addon-charts/components/pie-chart/pie-chart.component.ts","../../../projects/addon-charts/components/pie-chart/pie-chart.template.html","../../../projects/addon-charts/components/pie-chart/taiga-ui-addon-charts-components-pie-chart.ts"],"sourcesContent":["import {Directive, inject, input} from '@angular/core';\nimport {takeUntilDestroyed, toObservable} from '@angular/core/rxjs-interop';\nimport {WA_ANIMATION_FRAME, WA_PERFORMANCE} from '@ng-web-apis/common';\nimport {tuiDescribeSector} from '@taiga-ui/addon-charts/utils';\nimport {tuiZonefree} from '@taiga-ui/cdk/observables';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiClamp} from '@taiga-ui/cdk/utils/math';\nimport {tuiEaseInOutQuad} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TUI_ANIMATIONS_SPEED} from '@taiga-ui/core/tokens';\nimport {tuiGetDuration} from '@taiga-ui/core/utils/miscellaneous';\nimport {map, pairwise, startWith, switchMap, takeWhile} from 'rxjs';\n\n@Directive({selector: 'path[tuiPieChart]'})\nexport class TuiPieChartDirective {\n    private readonly el = tuiInjectElement<SVGPathElement>();\n    private readonly performance = inject(WA_PERFORMANCE);\n    private readonly animationFrame$ = inject(WA_ANIMATION_FRAME);\n    private readonly speed = inject(TUI_ANIMATIONS_SPEED);\n\n    public readonly tuiPieChart = input<readonly [number, number]>([0, 0]);\n\n    protected readonly $ = toObservable(this.tuiPieChart)\n        .pipe(\n            startWith([0, 0]),\n            pairwise(),\n            switchMap(([prev, cur]) => {\n                const now = this.performance.now();\n                const startDelta = cur[0] - prev[0];\n                const endDelta = cur[1] - prev[1];\n\n                return this.animationFrame$.pipe(\n                    map((timestamp) =>\n                        tuiEaseInOutQuad(\n                            tuiClamp(\n                                (timestamp - now) / tuiGetDuration(this.speed),\n                                0,\n                                1,\n                            ),\n                        ),\n                    ),\n                    takeWhile((progress) => progress < 1, true),\n                    map((progress) => [\n                        prev[0] + startDelta * progress,\n                        cur[1] > 359 ? cur[1] : prev[1] + endDelta * progress,\n                    ]),\n                );\n            }),\n            tuiZonefree(),\n            takeUntilDestroyed(),\n        )\n        .subscribe(([start, end]) =>\n            this.el.setAttribute('d', tuiDescribeSector(start, end)),\n        );\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    inject,\n    input,\n    model,\n} from '@angular/core';\nimport {TuiChartHint} from '@taiga-ui/addon-charts/components/chart-hint';\nimport {TuiHovered} from '@taiga-ui/cdk/directives/hovered';\nimport {type TuiContext} from '@taiga-ui/cdk/types';\nimport {tuiSum} from '@taiga-ui/cdk/utils/math';\nimport {tuiGenerateId} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiHint, tuiHintOptionsProvider} from '@taiga-ui/core/portals/hint';\nimport {type TuiSizeXL, type TuiSizeXS} from '@taiga-ui/core/types';\nimport {type PolymorpheusContent} from '@taiga-ui/polymorpheus';\n\nimport {TuiPieChartDirective} from './pie-chart.directive';\n\nconst RADII = {\n    xs: '50',\n    s: '50',\n    m: '77.8',\n    l: '81.9',\n    xl: '81.3',\n};\n\nconst TRANSFORM = {\n    xs: 1.15,\n    s: 1.25,\n    m: 1.11,\n    l: 1.09,\n    xl: 1.08,\n};\n\n@Component({\n    selector: 'tui-pie-chart',\n    imports: [TuiHint, TuiHovered, TuiPieChartDirective],\n    templateUrl: './pie-chart.template.html',\n    styleUrl: './pie-chart.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    viewProviders: [\n        tuiHintOptionsProvider({\n            direction: 'top-end',\n            appearance: 'floating',\n            showDelay: 0,\n            hideDelay: 0,\n        }),\n    ],\n    host: {\n        '[attr.data-size]': 'size()',\n        '[class._empty]': '!getSum()',\n    },\n})\nexport class TuiPieChart {\n    private readonly hintOptions = inject(TuiChartHint, {optional: true});\n    private readonly autoId = tuiGenerateId();\n\n    protected readonly getSum = computed(() => tuiSum(...this.value()));\n\n    protected readonly segments = computed<ReadonlyArray<[number, number]>>(() =>\n        this.value()\n            .map((initial, i, array) =>\n                array.reduce(\n                    (sum, current, j) => (j < i ? this.getDeg(current) + sum : sum),\n                    this.getDeg(initial),\n                ),\n            )\n            .map((angle, index, array) => [\n                array[index - 1] || 0,\n                Math.min(angle, 359.9999),\n            ]),\n    );\n\n    public readonly value = input<readonly number[]>([]);\n    public readonly size = input<TuiSizeXL | TuiSizeXS>('m');\n    public readonly masked = input(false);\n    public readonly activeItemIndex = model(Number.NaN);\n\n    protected get hintContent(): PolymorpheusContent<TuiContext<number>> {\n        return this.hintOptions?.content() || '';\n    }\n\n    protected get maskId(): string {\n        return `tui-ring-chart-${this.autoId}`;\n    }\n\n    protected get mask(): string | null {\n        return this.masked() ? `url(#${this.maskId})` : null;\n    }\n\n    protected get radius(): string {\n        return RADII[this.size()];\n    }\n\n    protected getTransform(index: number): string | null {\n        const transform = this.masked()\n            ? `scale(${TRANSFORM[this.size()]})`\n            : `scale(${TRANSFORM.xs})`;\n\n        return index === this.activeItemIndex() ? transform : null;\n    }\n\n    protected onHovered(hovered: boolean, index: number): void {\n        this.activeItemIndex.set(hovered ? index : Number.NaN);\n    }\n\n    private getDeg(value: number): number {\n        return 360 * (value / this.getSum()) || 0;\n    }\n}\n","<svg\n    focusable=\"false\"\n    height=\"100%\"\n    viewBox=\"-100 -100 200 200\"\n    width=\"100%\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    class=\"t-svg\"\n>\n    <defs>\n        <mask [attr.id]=\"maskId\">\n            <rect\n                fill=\"white\"\n                height=\"400\"\n                width=\"400\"\n                x=\"-200\"\n                y=\"-200\"\n            />\n            <circle\n                cx=\"0\"\n                cy=\"0\"\n                [attr.r]=\"radius\"\n            />\n        </mask>\n    </defs>\n    <g [style.mask]=\"mask\">\n        <circle\n            cx=\"0\"\n            cy=\"0\"\n            r=\"100\"\n            class=\"t-placeholder\"\n        />\n        @for (_ of '-'.repeat(segments().length); track $index) {\n            <path\n                automation-id=\"tui-pie-chart__segment\"\n                d=\"\"\n                fill=\"currentColor\"\n                tuiHintPointer\n                class=\"t-segment\"\n                [attr.transform]=\"getTransform($index)\"\n                [style.color]=\"`var(--tui-chart-categorical-${$index.toString().padStart(2, '0')})`\"\n                [tuiHint]=\"hintContent\"\n                [tuiHintContext]=\"{$implicit: $index}\"\n                [tuiPieChart]=\"segments()[$index] || [0, 0]\"\n                (tuiHoveredChange)=\"onHovered($event, $index)\"\n            />\n        }\n    </g>\n</svg>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/addon-charts",
-  "version": "5.13.0",
+  "version": "5.14.0",
   "description": "Extension package for Taiga UI that adds various charts, graphs and related components.",
   "keywords": [
     "angular",
@@ -34,8 +34,8 @@
     "@angular/common": ">=19.0.0",
     "@angular/core": ">=19.0.0",
     "@ng-web-apis/common": "^5.3.0",
-    "@taiga-ui/cdk": "5.13.0",
-    "@taiga-ui/core": "5.13.0",
+    "@taiga-ui/cdk": "5.14.0",
+    "@taiga-ui/core": "5.14.0",
     "@taiga-ui/polymorpheus": "^5.0.1"
   },
   "module": "fesm2022/taiga-ui-addon-charts.mjs",