@taiga-ui/addon-charts 2.28.0 → 2.29.0

package/fesm2015/taiga-ui-addon-charts-components-pie-chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-charts-components-pie-chart.js","sources":["ng://@taiga-ui/addon-charts/components/pie-chart/pie-chart.component.ts","ng://@taiga-ui/addon-charts/components/pie-chart/pie-chart.module.ts","ng://@taiga-ui/addon-charts/components/pie-chart/taiga-ui-addon-charts-components-pie-chart.ts"],"sourcesContent":["import {Location} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    EventEmitter,\n    HostBinding,\n    Inject,\n    Input,\n    Output,\n} from '@angular/core';\nimport {DomSanitizer, SafeValue} from '@angular/platform-browser';\nimport {TUI_DEFAULT_COLOR_HANDLER} from '@taiga-ui/addon-charts/constants';\nimport {TuiColorHandler} from '@taiga-ui/addon-charts/types';\nimport {describeSector} from '@taiga-ui/addon-charts/utils';\nimport {\n    sum,\n    TuiContextWithImplicit,\n    tuiDefaultProp,\n    TuiIdService,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {colorFallback, TuiSizeXL, TuiSizeXS} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nconst RADII = {\n    xs: '50',\n    s: '50',\n    m: '77.8',\n    l: '81.9',\n    xl: '81.3',\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// TODO: Remove sanitizer when Angular version is bumped\n@Component({\n    selector: 'tui-pie-chart',\n    templateUrl: './pie-chart.template.html',\n    styleUrls: ['./pie-chart.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiPieChartComponent {\n    private readonly autoIdString: string;\n\n    @Input()\n    @tuiDefaultProp()\n    value: readonly number[] = [];\n\n    @Input()\n    @HostBinding('attr.data-tui-host-size')\n    @tuiDefaultProp()\n    size: TuiSizeXS | TuiSizeXL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    colorHandler: TuiColorHandler = TUI_DEFAULT_COLOR_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    hintContent: PolymorpheusContent<TuiContextWithImplicit<number>> = '';\n\n    @Input()\n    @tuiDefaultProp()\n    masked = false;\n\n    @Input()\n    @tuiDefaultProp()\n    activeItemIndex = NaN;\n\n    @Output()\n    activeItemIndexChange = new EventEmitter<number>();\n\n    constructor(\n        @Inject(TuiIdService) idService: TuiIdService,\n        @Inject(Location) private readonly locationRef: Location,\n        @Inject(DomSanitizer) private readonly sanitizer: DomSanitizer,\n    ) {\n        this.autoIdString = idService.generate();\n    }\n\n    get maskId(): string {\n        return 'tui-ring-chart-' + this.autoIdString;\n    }\n\n    get mask(): string | null {\n        return this.masked\n            ? `url(${this.locationRef.prepareExternalUrl(this.locationRef.path())}#${\n                  this.maskId\n              })`\n            : null;\n    }\n\n    get radius(): string {\n        return RADII[this.size];\n    }\n\n    get segments(): readonly string[] {\n        return this.getSegments(this.value);\n    }\n\n    @tuiPure\n    getContentContext($implicit: number): TuiContextWithImplicit<number> {\n        return {$implicit};\n    }\n\n    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    getHint(hint: PolymorpheusContent): PolymorpheusContent {\n        return this.hintContent ? hint : '';\n    }\n\n    onHovered(hovered: boolean, index: number) {\n        this.updateActiveItemIndex(hovered ? index : NaN);\n    }\n\n    getColor(index: number): SafeValue {\n        return this.sanitizer.bypassSecurityTrustStyle(\n            `var(--tui-chart-${index}, ${colorFallback(this.colorHandler(index))})`,\n        );\n    }\n\n    @tuiPure\n    private getSegments(value: readonly number[]): readonly string[] {\n        const total = sum(...value);\n\n        return value\n            .map((currentItem, currentIndex, array) =>\n                array.reduce(\n                    (sum, item, index) =>\n                        index < currentIndex ? (item / total) * 360 + sum : sum,\n                    (currentItem / total) * 360,\n                ),\n            )\n            .map((angle, index, array) =>\n                describeSector(array[index - 1] || 0, Math.min(angle, 359.9999)),\n            );\n    }\n\n    private updateActiveItemIndex(index: number) {\n        if (index === this.activeItemIndex) {\n            return;\n        }\n\n        this.activeItemIndex = index;\n        this.activeItemIndexChange.next(index);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiHoveredModule} from '@taiga-ui/cdk';\nimport {TuiPointerHintModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiPieChartComponent} from './pie-chart.component';\n\n@NgModule({\n    imports: [CommonModule, TuiHoveredModule, PolymorpheusModule, TuiPointerHintModule],\n    declarations: [TuiPieChartComponent],\n    exports: [TuiPieChartComponent],\n})\nexport class TuiPieChartModule {}\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.js","sources":["ng://@taiga-ui/addon-charts/components/pie-chart/pie-chart.component.ts","ng://@taiga-ui/addon-charts/components/pie-chart/pie-chart.directive.ts","ng://@taiga-ui/addon-charts/components/pie-chart/pie-chart.module.ts","ng://@taiga-ui/addon-charts/components/pie-chart/taiga-ui-addon-charts-components-pie-chart.ts"],"sourcesContent":["import {Location} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    EventEmitter,\n    HostBinding,\n    Inject,\n    Input,\n    Output,\n} from '@angular/core';\nimport {DomSanitizer, SafeValue} from '@angular/platform-browser';\nimport {TUI_DEFAULT_COLOR_HANDLER} from '@taiga-ui/addon-charts/constants';\nimport {TuiColorHandler} from '@taiga-ui/addon-charts/types';\nimport {\n    sum,\n    TuiContextWithImplicit,\n    tuiDefaultProp,\n    TuiIdService,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {colorFallback, TuiSizeXL, TuiSizeXS} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nconst RADII = {\n    xs: '50',\n    s: '50',\n    m: '77.8',\n    l: '81.9',\n    xl: '81.3',\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// TODO: Remove sanitizer when Angular version is bumped\n@Component({\n    selector: 'tui-pie-chart',\n    templateUrl: './pie-chart.template.html',\n    styleUrls: ['./pie-chart.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiPieChartComponent {\n    private readonly autoIdString: string;\n\n    @Input()\n    @tuiDefaultProp()\n    value: readonly number[] = [];\n\n    @Input()\n    @HostBinding('attr.data-tui-host-size')\n    @tuiDefaultProp()\n    size: TuiSizeXS | TuiSizeXL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    colorHandler: TuiColorHandler = TUI_DEFAULT_COLOR_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    hintContent: PolymorpheusContent<TuiContextWithImplicit<number>> = '';\n\n    @Input()\n    @tuiDefaultProp()\n    masked = false;\n\n    @Input()\n    @tuiDefaultProp()\n    activeItemIndex = NaN;\n\n    @Output()\n    activeItemIndexChange = new EventEmitter<number>();\n\n    constructor(\n        @Inject(TuiIdService) idService: TuiIdService,\n        @Inject(Location) private readonly locationRef: Location,\n        @Inject(DomSanitizer) private readonly sanitizer: DomSanitizer,\n    ) {\n        this.autoIdString = idService.generate();\n    }\n\n    @HostBinding('class._empty')\n    get empty(): boolean {\n        return !this.getSum(this.value);\n    }\n\n    get maskId(): string {\n        return 'tui-ring-chart-' + this.autoIdString;\n    }\n\n    get mask(): string | null {\n        return this.masked\n            ? `url(${this.locationRef.prepareExternalUrl(this.locationRef.path())}#${\n                  this.maskId\n              })`\n            : null;\n    }\n\n    get radius(): string {\n        return RADII[this.size];\n    }\n\n    get segments(): readonly [number, number][] {\n        return this.getSegments(this.value);\n    }\n\n    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    getHint(hint: PolymorpheusContent): PolymorpheusContent {\n        return this.hintContent ? hint : '';\n    }\n\n    onHovered(hovered: boolean, index: number) {\n        this.updateActiveItemIndex(hovered ? index : NaN);\n    }\n\n    getColor(index: number): SafeValue {\n        return this.sanitizer.bypassSecurityTrustStyle(\n            `var(--tui-chart-${index}, ${colorFallback(this.colorHandler(index))})`,\n        );\n    }\n\n    @tuiPure\n    private getSum(value: readonly number[]): number {\n        return sum(...value);\n    }\n\n    @tuiPure\n    private getSegments(value: readonly number[]): readonly [number, number][] {\n        return 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    private getDeg(value: number): number {\n        return 360 * (value / this.getSum(this.value));\n    }\n\n    private updateActiveItemIndex(index: number) {\n        if (index === this.activeItemIndex) {\n            return;\n        }\n\n        this.activeItemIndex = index;\n        this.activeItemIndexChange.next(index);\n    }\n}\n","import {Directive, ElementRef, Inject, Input, NgZone} from '@angular/core';\nimport {ANIMATION_FRAME, PERFORMANCE} from '@ng-web-apis/common';\nimport {describeSector} from '@taiga-ui/addon-charts/utils';\nimport {\n    clamp,\n    easeInOutQuad,\n    tuiDefaultProp,\n    TuiDestroyService,\n    tuiZonefree,\n} from '@taiga-ui/cdk';\nimport {TUI_ANIMATIONS_DURATION} from '@taiga-ui/core';\nimport {BehaviorSubject, Observable} from 'rxjs';\nimport {map, pairwise, switchMap, takeUntil, takeWhile} from 'rxjs/operators';\n\n// @dynamic\n@Directive({\n    selector: 'path[tuiPieChart]',\n    providers: [TuiDestroyService],\n})\nexport class TuiPieChartDirective {\n    private readonly sector$ = new BehaviorSubject<readonly [number, number]>([0, 0]);\n\n    @Input()\n    @tuiDefaultProp()\n    set tuiPieChart(sector: readonly [number, number]) {\n        this.sector$.next(sector);\n    }\n\n    constructor(\n        @Inject(ElementRef) {nativeElement}: ElementRef<SVGPathElement>,\n        @Inject(NgZone) ngZone: NgZone,\n        @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n        @Inject(PERFORMANCE) performance: Performance,\n        @Inject(ANIMATION_FRAME) animationFrame$: Observable<number>,\n        @Inject(TUI_ANIMATIONS_DURATION) duration: number,\n    ) {\n        this.sector$\n            .pipe(\n                pairwise(),\n                switchMap(([prev, cur]) => {\n                    const now = performance.now();\n                    const startDelta = cur[0] - prev[0];\n                    const endDelta = cur[1] - prev[1];\n\n                    return animationFrame$.pipe(\n                        map(timestamp =>\n                            easeInOutQuad(clamp((timestamp - now) / duration, 0, 1)),\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(ngZone),\n                takeUntil(destroy$),\n            )\n            .subscribe(([start, end]) => {\n                nativeElement.setAttribute('d', describeSector(start, end));\n            });\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiHoveredModule, TuiRepeatTimesModule} from '@taiga-ui/cdk';\nimport {TuiPointerHintModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiPieChartComponent} from './pie-chart.component';\nimport {TuiPieChartDirective} from './pie-chart.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiRepeatTimesModule,\n        TuiHoveredModule,\n        PolymorpheusModule,\n        TuiPointerHintModule,\n    ],\n    declarations: [TuiPieChartComponent, TuiPieChartDirective],\n    exports: [TuiPieChartComponent],\n})\nexport class TuiPieChartModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/taiga-ui-addon-charts-components-ring-chart.js

@@ -1,11 +1,12 @@
 import { __decorate } from 'tslib';
 import { EventEmitter, Input, HostBinding, Output, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import { TUI_DEFAULT_COLOR_HANDLER } from '@taiga-ui/addon-charts/constants';
-import { tuiDefaultProp, tuiPure } from '@taiga-ui/cdk';
+import { tuiDefaultProp } from '@taiga-ui/cdk';
 import { CommonModule } from '@angular/common';
 import { TuiPieChartModule } from '@taiga-ui/addon-charts/components/pie-chart';
 import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
 
+// TODO: Refactor to use ng-content
 let TuiRingChartComponent = class TuiRingChartComponent {
     constructor() {
         this.value = [];
@@ -19,15 +20,9 @@ let TuiRingChartComponent = class TuiRingChartComponent {
     get hasContent() {
         return this.size !== 's' && !!this.content;
     }
-    get contentContext() {
-        return this.getContentContext(this.activeItemIndex, this.value);
-    }
     onActiveItemIndexChange(index) {
         this.updateActiveItemIndex(index);
     }
-    getContentContext($implicit, value) {
-        return { $implicit, value };
-    }
     updateActiveItemIndex(index) {
         if (index === this.activeItemIndex) {
             return;
@@ -64,13 +59,10 @@ __decorate([
 __decorate([
     Output()
 ], TuiRingChartComponent.prototype, "activeItemIndexChange", void 0);
-__decorate([
-    tuiPure
-], TuiRingChartComponent.prototype, "getContentContext", null);
 TuiRingChartComponent = __decorate([
     Component({
         selector: 'tui-ring-chart',
-        template: "<div *ngIf=\"hasContent\" class=\"t-content\">\n    <div\n        polymorpheus-outlet\n        automation-id=\"tui-ring-chart__content\"\n        class=\"t-wrapper\"\n        [content]=\"content\"\n        [context]=\"contentContext\"\n    ></div>\n</div>\n\n<tui-pie-chart\n    [masked]=\"true\"\n    [value]=\"value\"\n    [colorHandler]=\"colorHandler\"\n    [size]=\"size\"\n    [activeItemIndex]=\"activeItemIndex\"\n    (activeItemIndexChange)=\"onActiveItemIndexChange($event)\"\n></tui-pie-chart>\n\n<div class=\"t-shield\"></div>\n",
+        template: "<div *ngIf=\"hasContent\" class=\"t-content\">\n    <div\n        polymorpheus-outlet\n        automation-id=\"tui-ring-chart__content\"\n        class=\"t-wrapper\"\n        [content]=\"content\"\n        [context]=\"{$implicit: activeItemIndex, value: value}\"\n    ></div>\n</div>\n\n<tui-pie-chart\n    [masked]=\"true\"\n    [value]=\"value\"\n    [colorHandler]=\"colorHandler\"\n    [size]=\"size\"\n    [activeItemIndex]=\"activeItemIndex\"\n    (activeItemIndexChange)=\"onActiveItemIndexChange($event)\"\n></tui-pie-chart>\n\n<div class=\"t-shield\"></div>\n",
         changeDetection: ChangeDetectionStrategy.OnPush,
         styles: [":host{position:relative;display:block}:host[data-tui-host-size='s']{width:4rem;height:4rem}:host[data-tui-host-size='m']{width:9rem;height:9rem}:host[data-tui-host-size='l']{width:11rem;height:11rem}:host[data-tui-host-size=xl]{width:16rem;height:16rem}.t-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;font:var(--tui-font-text-m);max-height:100%;flex-direction:column;justify-content:center;text-align:center;padding:1.5rem;border-radius:100%;box-sizing:border-box;overflow:hidden;word-break:break-word;white-space:pre-wrap;color:var(--tui-text-02)}:host[data-tui-host-size='m'] .t-content{font:var(--tui-font-text-xs)}.t-wrapper:first-line{color:var(--tui-text-01)}:host[data-tui-host-size='l'] .t-wrapper:first-line{font:var(--tui-font-text-l);font-weight:700}:host[data-tui-host-size='m'] .t-wrapper:first-line{font:var(--tui-font-text-m);font-weight:700}.t-shield{position:absolute;top:25%;left:25%;right:25%;bottom:25%;border-radius:100%}"]
     })

package/fesm2015/taiga-ui-addon-charts-components-ring-chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-charts-components-ring-chart.js","sources":["ng://@taiga-ui/addon-charts/components/ring-chart/ring-chart.component.ts","ng://@taiga-ui/addon-charts/components/ring-chart/ring-chart.module.ts","ng://@taiga-ui/addon-charts/components/ring-chart/taiga-ui-addon-charts-components-ring-chart.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    EventEmitter,\n    HostBinding,\n    Input,\n    Output,\n} from '@angular/core';\nimport {TUI_DEFAULT_COLOR_HANDLER} from '@taiga-ui/addon-charts/constants';\nimport {TuiRingChartContext} from '@taiga-ui/addon-charts/interfaces';\nimport {TuiColorHandler} from '@taiga-ui/addon-charts/types';\nimport {tuiDefaultProp, tuiPure} from '@taiga-ui/cdk';\nimport {TuiSizeS, TuiSizeXL} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\n@Component({\n    selector: 'tui-ring-chart',\n    templateUrl: './ring-chart.template.html',\n    styleUrls: ['./ring-chart.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiRingChartComponent {\n    @Input()\n    @tuiDefaultProp()\n    value: readonly number[] = [];\n\n    @Input()\n    @HostBinding('attr.data-tui-host-size')\n    @tuiDefaultProp()\n    size: TuiSizeS | TuiSizeXL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    colorHandler: TuiColorHandler = TUI_DEFAULT_COLOR_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    content: PolymorpheusContent<TuiRingChartContext> = '';\n\n    @Input()\n    @tuiDefaultProp()\n    masked = true;\n\n    @Input()\n    @tuiDefaultProp()\n    activeItemIndex = NaN;\n\n    @Output()\n    activeItemIndexChange = new EventEmitter<number>();\n\n    get hasContent(): boolean {\n        return this.size !== 's' && !!this.content;\n    }\n\n    get contentContext(): TuiRingChartContext {\n        return this.getContentContext(this.activeItemIndex, this.value);\n    }\n\n    onActiveItemIndexChange(index: number) {\n        this.updateActiveItemIndex(index);\n    }\n\n    @tuiPure\n    private getContentContext(\n        $implicit: number,\n        value: readonly number[],\n    ): TuiRingChartContext {\n        return {$implicit, value};\n    }\n\n    private updateActiveItemIndex(index: number) {\n        if (index === this.activeItemIndex) {\n            return;\n        }\n\n        this.activeItemIndex = index;\n        this.activeItemIndexChange.next(index);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiPieChartModule} from '@taiga-ui/addon-charts/components/pie-chart';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiRingChartComponent} from './ring-chart.component';\n\n@NgModule({\n    imports: [CommonModule, PolymorpheusModule, TuiPieChartModule],\n    declarations: [TuiRingChartComponent],\n    exports: [TuiRingChartComponent],\n})\nexport class TuiRingChartModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;IAqBa,qBAAqB,GAAlC,MAAa,qBAAqB;IAAlC;QAGI,UAAK,GAAsB,EAAE,CAAC;QAK9B,SAAI,GAAyB,GAAG,CAAC;QAIjC,iBAAY,GAAoB,yBAAyB,CAAC;QAI1D,YAAO,GAA6C,EAAE,CAAC;QAIvD,WAAM,GAAG,IAAI,CAAC;QAId,oBAAe,GAAG,GAAG,CAAC;QAGtB,0BAAqB,GAAG,IAAI,YAAY,EAAU,CAAC;KA8BtD;IA5BG,IAAI,UAAU;QACV,OAAO,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;KAC9C;IAED,IAAI,cAAc;QACd,OAAO,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;KACnE;IAED,uBAAuB,CAAC,KAAa;QACjC,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC;KACrC;IAGO,iBAAiB,CACrB,SAAiB,EACjB,KAAwB;QAExB,OAAO,EAAC,SAAS,EAAE,KAAK,EAAC,CAAC;KAC7B;IAEO,qBAAqB,CAAC,KAAa;QACvC,IAAI,KAAK,KAAK,IAAI,CAAC,eAAe,EAAE;YAChC,OAAO;SACV;QAED,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC1C;EACJ;AAtDG;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;oDACa;AAK9B;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,yBAAyB,CAAC;IACtC,cAAc,EAAE;mDACgB;AAIjC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;2DACyC;AAI1D;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;sDACsC;AAIvD;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;qDACH;AAId;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;8DACK;AAGtB;IADC,MAAM,EAAE;oEAC0C;AAenD;IADC,OAAO;8DAMP;AA/CQ,qBAAqB;IANjC,SAAS,CAAC;QACP,QAAQ,EAAE,gBAAgB;QAC1B,wiBAAyC;QAEzC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;KAClD,CAAC;GACW,qBAAqB,CAyDjC;;IClEY,kBAAkB,GAA/B,MAAa,kBAAkB;EAAG;AAArB,kBAAkB;IAL9B,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;QAC9D,YAAY,EAAE,CAAC,qBAAqB,CAAC;QACrC,OAAO,EAAE,CAAC,qBAAqB,CAAC;KACnC,CAAC;GACW,kBAAkB,CAAG;;ACZlC;;;;;;"}
+{"version":3,"file":"taiga-ui-addon-charts-components-ring-chart.js","sources":["ng://@taiga-ui/addon-charts/components/ring-chart/ring-chart.component.ts","ng://@taiga-ui/addon-charts/components/ring-chart/ring-chart.module.ts","ng://@taiga-ui/addon-charts/components/ring-chart/taiga-ui-addon-charts-components-ring-chart.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    EventEmitter,\n    HostBinding,\n    Input,\n    Output,\n} from '@angular/core';\nimport {TUI_DEFAULT_COLOR_HANDLER} from '@taiga-ui/addon-charts/constants';\nimport {TuiRingChartContext} from '@taiga-ui/addon-charts/interfaces';\nimport {TuiColorHandler} from '@taiga-ui/addon-charts/types';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TuiSizeS, TuiSizeXL} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\n// TODO: Refactor to use ng-content\n@Component({\n    selector: 'tui-ring-chart',\n    templateUrl: './ring-chart.template.html',\n    styleUrls: ['./ring-chart.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiRingChartComponent {\n    @Input()\n    @tuiDefaultProp()\n    value: readonly number[] = [];\n\n    @Input()\n    @HostBinding('attr.data-tui-host-size')\n    @tuiDefaultProp()\n    size: TuiSizeS | TuiSizeXL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    colorHandler: TuiColorHandler = TUI_DEFAULT_COLOR_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    content: PolymorpheusContent<TuiRingChartContext> = '';\n\n    @Input()\n    @tuiDefaultProp()\n    masked = true;\n\n    @Input()\n    @tuiDefaultProp()\n    activeItemIndex = NaN;\n\n    @Output()\n    activeItemIndexChange = new EventEmitter<number>();\n\n    get hasContent(): boolean {\n        return this.size !== 's' && !!this.content;\n    }\n\n    onActiveItemIndexChange(index: number) {\n        this.updateActiveItemIndex(index);\n    }\n\n    private updateActiveItemIndex(index: number) {\n        if (index === this.activeItemIndex) {\n            return;\n        }\n\n        this.activeItemIndex = index;\n        this.activeItemIndexChange.next(index);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiPieChartModule} from '@taiga-ui/addon-charts/components/pie-chart';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiRingChartComponent} from './ring-chart.component';\n\n@NgModule({\n    imports: [CommonModule, PolymorpheusModule, TuiPieChartModule],\n    declarations: [TuiRingChartComponent],\n    exports: [TuiRingChartComponent],\n})\nexport class TuiRingChartModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAeA;IAOa,qBAAqB,GAAlC,MAAa,qBAAqB;IAAlC;QAGI,UAAK,GAAsB,EAAE,CAAC;QAK9B,SAAI,GAAyB,GAAG,CAAC;QAIjC,iBAAY,GAAoB,yBAAyB,CAAC;QAI1D,YAAO,GAA6C,EAAE,CAAC;QAIvD,WAAM,GAAG,IAAI,CAAC;QAId,oBAAe,GAAG,GAAG,CAAC;QAGtB,0BAAqB,GAAG,IAAI,YAAY,EAAU,CAAC;KAkBtD;IAhBG,IAAI,UAAU;QACV,OAAO,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;KAC9C;IAED,uBAAuB,CAAC,KAAa;QACjC,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC;KACrC;IAEO,qBAAqB,CAAC,KAAa;QACvC,IAAI,KAAK,KAAK,IAAI,CAAC,eAAe,EAAE;YAChC,OAAO;SACV;QAED,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC1C;EACJ;AA1CG;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;oDACa;AAK9B;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,yBAAyB,CAAC;IACtC,cAAc,EAAE;mDACgB;AAIjC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;2DACyC;AAI1D;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;sDACsC;AAIvD;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;qDACH;AAId;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;8DACK;AAGtB;IADC,MAAM,EAAE;oEAC0C;AA3B1C,qBAAqB;IANjC,SAAS,CAAC;QACP,QAAQ,EAAE,gBAAgB;QAC1B,okBAAyC;QAEzC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;KAClD,CAAC;GACW,qBAAqB,CA6CjC;;ICvDY,kBAAkB,GAA/B,MAAa,kBAAkB;EAAG;AAArB,kBAAkB;IAL9B,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;QAC9D,YAAY,EAAE,CAAC,qBAAqB,CAAC;QACrC,OAAO,EAAE,CAAC,qBAAqB,CAAC;KACnC,CAAC;GACW,kBAAkB,CAAG;;ACZlC;;;;;;"}

package/fesm2015/taiga-ui-addon-charts-utils.js

@@ -22,6 +22,7 @@ function controlPoint(current, previous, next, reverse = false, smoothing = 0.2)
     return [x, y];
 }
 
+const EMPTY = 'M 100 0 A 100 100 0 1 1 100 0 L 0 0';
 /**
  * Describes a normalized sector by angles. Normalized meaning it supposed to work with
  * SVG with viewBox="-1 -1 2 2" so that 0 coordinates in cartesian and polar match the same spot.
@@ -39,7 +40,7 @@ function describeSector(startAngle, endAngle) {
     const endX = Math.cos(endRad) * 100;
     const endY = Math.sin(endRad) * 100;
     const largeArcFlag = toInt(endAngle - startAngle > 180);
-    return [
+    const result = [
         'M',
         startX,
         startY,
@@ -49,7 +50,8 @@ function describeSector(startAngle, endAngle) {
         endX,
         endY,
         'L 0 0',
-    ].join(' ');
+    ];
+    return isNaN(endX) ? EMPTY : result.join(' ');
 }
 
 function drawCurve(array, index, smoothing) {

package/fesm2015/taiga-ui-addon-charts-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-charts-utils.js","sources":["ng://@taiga-ui/addon-charts/utils/line-angle.ts","ng://@taiga-ui/addon-charts/utils/line-length.ts","ng://@taiga-ui/addon-charts/utils/control-point.ts","ng://@taiga-ui/addon-charts/utils/describe-sector.ts","ng://@taiga-ui/addon-charts/utils/draw-curve.ts","ng://@taiga-ui/addon-charts/utils/draw-line.ts","ng://@taiga-ui/addon-charts/utils/draw.ts","ng://@taiga-ui/addon-charts/utils/taiga-ui-addon-charts-utils.ts"],"sourcesContent":["import {TuiPoint} from '@taiga-ui/core';\n\nexport function lineAngle(a: TuiPoint, b: TuiPoint): number {\n    const x = b[0] - a[0];\n    const y = b[1] - a[1];\n\n    return Math.atan2(y, x);\n}\n","import {TuiPoint} from '@taiga-ui/core';\n\nexport function lineLength(a: TuiPoint, b: TuiPoint): number {\n    const x = b[0] - a[0];\n    const y = b[1] - a[1];\n\n    return Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));\n}\n","import {TuiPoint} from '@taiga-ui/core';\n\nimport {lineAngle} from './line-angle';\nimport {lineLength} from './line-length';\n\nexport function controlPoint(\n    current: TuiPoint,\n    previous?: TuiPoint,\n    next?: TuiPoint,\n    reverse: boolean = false,\n    smoothing: number = 0.2,\n): TuiPoint {\n    const p = previous || current;\n    const n = next || current;\n    const angle = lineAngle(p, n) + (reverse ? Math.PI : 0);\n    const length = lineLength(p, n) * smoothing;\n    const x = current[0] + Math.cos(angle) * length;\n    const y = current[1] + Math.sin(angle) * length;\n\n    return [x, y];\n}\n","import {toInt, toRadians} from '@taiga-ui/cdk';\n\n/**\n * Describes a normalized sector by angles. Normalized meaning it supposed to work with\n * SVG with viewBox=\"-1 -1 2 2\" so that 0 coordinates in cartesian and polar match the same spot.\n * Everything is multiplied by 100 (including viewBox of SVG to host this) so IE properly\n * handles hover events.\n *\n * @param startAngle starting angle in degrees\n * @param endAngle ending angle in degrees\n */\nexport function describeSector(startAngle: number, endAngle: number): string {\n    const startRad = toRadians(startAngle);\n    const endRad = toRadians(endAngle);\n    const startX = Math.cos(startRad) * 100;\n    const startY = Math.sin(startRad) * 100;\n    const endX = Math.cos(endRad) * 100;\n    const endY = Math.sin(endRad) * 100;\n    const largeArcFlag = toInt(endAngle - startAngle > 180);\n\n    return [\n        'M',\n        startX,\n        startY,\n        'A 100 100 0',\n        largeArcFlag,\n        1,\n        endX,\n        endY,\n        'L 0 0',\n    ].join(' ');\n}\n","import {TuiPoint} from '@taiga-ui/core';\n\nimport {controlPoint} from './control-point';\n\nexport function drawCurve(\n    array: ReadonlyArray<TuiPoint>,\n    index: number,\n    smoothing: number,\n): string {\n    const [cpsX, cpsY] = controlPoint(\n        array[index - 1],\n        array[index - 2],\n        array[index],\n        false,\n        smoothing,\n    );\n    const [cpeX, cpeY] = controlPoint(\n        array[index],\n        array[index - 1],\n        array[index + 1],\n        true,\n        smoothing,\n    );\n\n    return `C ${cpsX},${cpsY} ${cpeX},${cpeY} ${array[index][0]},${array[index][1]}`;\n}\n","export function drawLine(point: [number, number]): string {\n    return `L ${point}`;\n}\n","import {TuiPoint} from '@taiga-ui/core';\n\nimport {drawCurve} from './draw-curve';\nimport {drawLine} from './draw-line';\n\nconst COEFFICIENT = 500;\n\nexport function draw(\n    array: ReadonlyArray<TuiPoint>,\n    index: number,\n    smoothing: number,\n): string {\n    return smoothing\n        ? drawCurve(array, index, smoothing / COEFFICIENT)\n        : drawLine([array[index][0], array[index][1]]);\n}\n","/**\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-utils.js","sources":["ng://@taiga-ui/addon-charts/utils/line-angle.ts","ng://@taiga-ui/addon-charts/utils/line-length.ts","ng://@taiga-ui/addon-charts/utils/control-point.ts","ng://@taiga-ui/addon-charts/utils/describe-sector.ts","ng://@taiga-ui/addon-charts/utils/draw-curve.ts","ng://@taiga-ui/addon-charts/utils/draw-line.ts","ng://@taiga-ui/addon-charts/utils/draw.ts","ng://@taiga-ui/addon-charts/utils/taiga-ui-addon-charts-utils.ts"],"sourcesContent":["import {TuiPoint} from '@taiga-ui/core';\n\nexport function lineAngle(a: TuiPoint, b: TuiPoint): number {\n    const x = b[0] - a[0];\n    const y = b[1] - a[1];\n\n    return Math.atan2(y, x);\n}\n","import {TuiPoint} from '@taiga-ui/core';\n\nexport function lineLength(a: TuiPoint, b: TuiPoint): number {\n    const x = b[0] - a[0];\n    const y = b[1] - a[1];\n\n    return Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));\n}\n","import {TuiPoint} from '@taiga-ui/core';\n\nimport {lineAngle} from './line-angle';\nimport {lineLength} from './line-length';\n\nexport function controlPoint(\n    current: TuiPoint,\n    previous?: TuiPoint,\n    next?: TuiPoint,\n    reverse: boolean = false,\n    smoothing: number = 0.2,\n): TuiPoint {\n    const p = previous || current;\n    const n = next || current;\n    const angle = lineAngle(p, n) + (reverse ? Math.PI : 0);\n    const length = lineLength(p, n) * smoothing;\n    const x = current[0] + Math.cos(angle) * length;\n    const y = current[1] + Math.sin(angle) * length;\n\n    return [x, y];\n}\n","import {toInt, toRadians} from '@taiga-ui/cdk';\n\nconst EMPTY = 'M 100 0 A 100 100 0 1 1 100 0 L 0 0';\n\n/**\n * Describes a normalized sector by angles. Normalized meaning it supposed to work with\n * SVG with viewBox=\"-1 -1 2 2\" so that 0 coordinates in cartesian and polar match the same spot.\n * Everything is multiplied by 100 (including viewBox of SVG to host this) so IE properly\n * handles hover events.\n *\n * @param startAngle starting angle in degrees\n * @param endAngle ending angle in degrees\n */\nexport function describeSector(startAngle: number, endAngle: number): string {\n    const startRad = toRadians(startAngle);\n    const endRad = toRadians(endAngle);\n    const startX = Math.cos(startRad) * 100;\n    const startY = Math.sin(startRad) * 100;\n    const endX = Math.cos(endRad) * 100;\n    const endY = Math.sin(endRad) * 100;\n    const largeArcFlag = toInt(endAngle - startAngle > 180);\n    const result = [\n        'M',\n        startX,\n        startY,\n        'A 100 100 0',\n        largeArcFlag,\n        1,\n        endX,\n        endY,\n        'L 0 0',\n    ];\n\n    return isNaN(endX) ? EMPTY : result.join(' ');\n}\n","import {TuiPoint} from '@taiga-ui/core';\n\nimport {controlPoint} from './control-point';\n\nexport function drawCurve(\n    array: ReadonlyArray<TuiPoint>,\n    index: number,\n    smoothing: number,\n): string {\n    const [cpsX, cpsY] = controlPoint(\n        array[index - 1],\n        array[index - 2],\n        array[index],\n        false,\n        smoothing,\n    );\n    const [cpeX, cpeY] = controlPoint(\n        array[index],\n        array[index - 1],\n        array[index + 1],\n        true,\n        smoothing,\n    );\n\n    return `C ${cpsX},${cpsY} ${cpeX},${cpeY} ${array[index][0]},${array[index][1]}`;\n}\n","export function drawLine(point: [number, number]): string {\n    return `L ${point}`;\n}\n","import {TuiPoint} from '@taiga-ui/core';\n\nimport {drawCurve} from './draw-curve';\nimport {drawLine} from './draw-line';\n\nconst COEFFICIENT = 500;\n\nexport function draw(\n    array: ReadonlyArray<TuiPoint>,\n    index: number,\n    smoothing: number,\n): string {\n    return smoothing\n        ? drawCurve(array, index, smoothing / COEFFICIENT)\n        : drawLine([array[index][0], array[index][1]]);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm5/taiga-ui-addon-charts-components-legend-item.js

@@ -1,5 +1,5 @@
 import { __decorate } from 'tslib';
-import { Input, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { Input, HostBinding, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import { tuiDefaultProp } from '@taiga-ui/cdk';
 import { colorFallback, TuiButtonModule } from '@taiga-ui/core';
 import { CommonModule } from '@angular/common';
@@ -10,9 +10,14 @@ var TuiLegendItemComponent = /** @class */ (function () {
         this.active = false;
         this.color = '';
         this.text = '';
+        this.size = 'm';
+        this.disabled = false;
     }
     Object.defineProperty(TuiLegendItemComponent.prototype, "computedColor", {
         get: function () {
+            if (this.color === 'var(--tui-primary)') {
+                return null;
+            }
             return this.color.startsWith('var(') ? this.color : colorFallback(this.color);
         },
         enumerable: true,
@@ -30,12 +35,24 @@ var TuiLegendItemComponent = /** @class */ (function () {
         Input(),
         tuiDefaultProp()
     ], TuiLegendItemComponent.prototype, "text", void 0);
+    __decorate([
+        Input(),
+        HostBinding('attr.data-size'),
+        tuiDefaultProp()
+    ], TuiLegendItemComponent.prototype, "size", void 0);
+    __decorate([
+        Input(),
+        HostBinding('class._disabled')
+    ], TuiLegendItemComponent.prototype, "disabled", void 0);
+    __decorate([
+        HostBinding('style.--tui-primary')
+    ], TuiLegendItemComponent.prototype, "computedColor", null);
     TuiLegendItemComponent = __decorate([
         Component({
             selector: 'tui-legend-item',
-            template: "<button\n    tuiButton\n    type=\"button\"\n    size=\"s\"\n    appearance=\"whiteblock\"\n    class=\"t-button\"\n    [pseudoHovered]=\"active || null\"\n>\n    <span class=\"t-dot\" [style.background]=\"computedColor\"></span>\n    <span class=\"t-text\">{{ text }}</span>\n    <ng-content></ng-content>\n</button>\n",
+            template: "<button\n    tuiButton\n    type=\"button\"\n    size=\"s\"\n    appearance=\"whiteblock\"\n    class=\"t-button\"\n    [pseudoHovered]=\"active || null\"\n>\n    <div class=\"t-wrapper\">\n        <ng-content select=\"tui-primitive-checkbox\"></ng-content>\n        <span class=\"t-dot\"></span>\n        <span class=\"t-text\">{{ text }}</span>\n        <ng-content></ng-content>\n    </div>\n</button>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [":host{display:inline-block}.t-button{font-weight:700}.t-dot{width:.5rem;height:.5rem;border-radius:100%}.t-text{margin:0 .5rem;font-weight:400}"]
+            styles: [":host{display:inline-block}.t-button{height:2rem;font-weight:700}:host[data-size='m'] .t-button{height:2.25rem;font:var(--tui-font-text-m);font-weight:700}.t-wrapper{display:flex;align-items:center;pointer-events:none}:host._disabled .t-wrapper{color:var(--tui-text-03)}.t-dot{width:.5rem;height:.5rem;border-radius:100%;background:var(--tui-primary)}:host._disabled .t-dot{background:var(--tui-base-04)}.t-dot:not(:first-child){display:none}.t-text{margin:0 .5rem;font-weight:400}"]
         })
     ], TuiLegendItemComponent);
     return TuiLegendItemComponent;

package/fesm5/taiga-ui-addon-charts-components-legend-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-charts-components-legend-item.js","sources":["ng://@taiga-ui/addon-charts/components/legend-item/legend-item.component.ts","ng://@taiga-ui/addon-charts/components/legend-item/legend-item.module.ts","ng://@taiga-ui/addon-charts/components/legend-item/taiga-ui-addon-charts-components-legend-item.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, Input} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {colorFallback} from '@taiga-ui/core';\n\n// TODO: Remove fallback in 3.0\n@Component({\n    selector: 'tui-legend-item',\n    templateUrl: './legend-item.template.html',\n    styleUrls: ['./legend-item.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiLegendItemComponent {\n    @Input()\n    @tuiDefaultProp()\n    active = false;\n\n    @Input()\n    @tuiDefaultProp()\n    color = '';\n\n    @Input()\n    @tuiDefaultProp()\n    text = '';\n\n    get computedColor(): string {\n        return this.color.startsWith('var(') ? this.color : colorFallback(this.color);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiButtonModule} from '@taiga-ui/core';\n\nimport {TuiLegendItemComponent} from './legend-item.component';\n\n@NgModule({\n    imports: [CommonModule, TuiButtonModule],\n    declarations: [TuiLegendItemComponent],\n    exports: [TuiLegendItemComponent],\n})\nexport class TuiLegendItemModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAIA;;IAOA;QAGI,WAAM,GAAG,KAAK,CAAC;QAIf,UAAK,GAAG,EAAE,CAAC;QAIX,SAAI,GAAG,EAAE,CAAC;KAKb;IAHG,sBAAI,iDAAa;aAAjB;YACI,OAAO,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACjF;;;OAAA;IAZD;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;0DACF;IAIf;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;yDACN;IAIX;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;wDACP;IAXD,sBAAsB;QANlC,SAAS,CAAC;YACP,QAAQ,EAAE,iBAAiB;YAC3B,2UAA0C;YAE1C,eAAe,EAAE,uBAAuB,CAAC,MAAM;;SAClD,CAAC;OACW,sBAAsB,CAgBlC;IAAD,6BAAC;CAhBD;;;ICAA;KAAmC;IAAtB,mBAAmB;QAL/B,QAAQ,CAAC;YACN,OAAO,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC;YACxC,YAAY,EAAE,CAAC,sBAAsB,CAAC;YACtC,OAAO,EAAE,CAAC,sBAAsB,CAAC;SACpC,CAAC;OACW,mBAAmB,CAAG;IAAD,0BAAC;CAAnC;;ACXA;;;;;;"}
+{"version":3,"file":"taiga-ui-addon-charts-components-legend-item.js","sources":["ng://@taiga-ui/addon-charts/components/legend-item/legend-item.component.ts","ng://@taiga-ui/addon-charts/components/legend-item/legend-item.module.ts","ng://@taiga-ui/addon-charts/components/legend-item/taiga-ui-addon-charts-components-legend-item.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {colorFallback, TuiSizeS} from '@taiga-ui/core';\n\n// TODO: Remove fallback in 3.0\n@Component({\n    selector: 'tui-legend-item',\n    templateUrl: './legend-item.template.html',\n    styleUrls: ['./legend-item.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiLegendItemComponent {\n    @Input()\n    @tuiDefaultProp()\n    active = false;\n\n    @Input()\n    @tuiDefaultProp()\n    color = '';\n\n    @Input()\n    @tuiDefaultProp()\n    text = '';\n\n    @Input()\n    @HostBinding('attr.data-size')\n    @tuiDefaultProp()\n    size: TuiSizeS = 'm';\n\n    @Input()\n    @HostBinding('class._disabled')\n    disabled = false;\n\n    @HostBinding('style.--tui-primary')\n    get computedColor(): string | null {\n        if (this.color === 'var(--tui-primary)') {\n            return null;\n        }\n\n        return this.color.startsWith('var(') ? this.color : colorFallback(this.color);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiButtonModule} from '@taiga-ui/core';\n\nimport {TuiLegendItemComponent} from './legend-item.component';\n\n@NgModule({\n    imports: [CommonModule, TuiButtonModule],\n    declarations: [TuiLegendItemComponent],\n    exports: [TuiLegendItemComponent],\n})\nexport class TuiLegendItemModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAIA;;IAOA;QAGI,WAAM,GAAG,KAAK,CAAC;QAIf,UAAK,GAAG,EAAE,CAAC;QAIX,SAAI,GAAG,EAAE,CAAC;QAKV,SAAI,GAAa,GAAG,CAAC;QAIrB,aAAQ,GAAG,KAAK,CAAC;KAUpB;IAPG,sBAAI,iDAAa;aAAjB;YACI,IAAI,IAAI,CAAC,KAAK,KAAK,oBAAoB,EAAE;gBACrC,OAAO,IAAI,CAAC;aACf;YAED,OAAO,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACjF;;;OAAA;IA1BD;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;0DACF;IAIf;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;yDACN;IAIX;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;wDACP;IAKV;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,gBAAgB,CAAC;QAC7B,cAAc,EAAE;wDACI;IAIrB;QAFC,KAAK,EAAE;QACP,WAAW,CAAC,iBAAiB,CAAC;4DACd;IAGjB;QADC,WAAW,CAAC,qBAAqB,CAAC;+DAOlC;IA7BQ,sBAAsB;QANlC,SAAS,CAAC;YACP,QAAQ,EAAE,iBAAiB;YAC3B,kaAA0C;YAE1C,eAAe,EAAE,uBAAuB,CAAC,MAAM;;SAClD,CAAC;OACW,sBAAsB,CA8BlC;IAAD,6BAAC;CA9BD;;;ICAA;KAAmC;IAAtB,mBAAmB;QAL/B,QAAQ,CAAC;YACN,OAAO,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC;YACxC,YAAY,EAAE,CAAC,sBAAsB,CAAC;YACtC,OAAO,EAAE,CAAC,sBAAsB,CAAC;SACpC,CAAC;OACW,mBAAmB,CAAG;IAAD,0BAAC;CAAnC;;ACXA;;;;;;"}

package/fesm5/taiga-ui-addon-charts-components-pie-chart.js

@@ -1,11 +1,14 @@
-import { __spread, __decorate, __param } from 'tslib';
+import { __spread, __decorate, __param, __read } from 'tslib';
 import { Location, CommonModule } from '@angular/common';
-import { EventEmitter, Inject, Input, HostBinding, Output, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { EventEmitter, Inject, Input, HostBinding, Output, Component, ChangeDetectionStrategy, ElementRef, NgZone, Directive, NgModule } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
 import { TUI_DEFAULT_COLOR_HANDLER } from '@taiga-ui/addon-charts/constants';
+import { sum, TuiIdService, tuiDefaultProp, tuiPure, easeInOutQuad, clamp, tuiZonefree, TuiDestroyService, TuiRepeatTimesModule, TuiHoveredModule } from '@taiga-ui/cdk';
+import { colorFallback, TUI_ANIMATIONS_DURATION, TuiPointerHintModule } from '@taiga-ui/core';
+import { PERFORMANCE, ANIMATION_FRAME } from '@ng-web-apis/common';
 import { describeSector } from '@taiga-ui/addon-charts/utils';
-import { sum, TuiIdService, tuiDefaultProp, tuiPure, TuiHoveredModule } from '@taiga-ui/cdk';
-import { colorFallback, TuiPointerHintModule } from '@taiga-ui/core';
+import { BehaviorSubject, Observable } from 'rxjs';
+import { pairwise, switchMap, map, takeWhile, takeUntil } from 'rxjs/operators';
 import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
 
 var RADII = {
@@ -36,6 +39,13 @@ var TuiPieChartComponent = /** @class */ (function () {
         this.activeItemIndexChange = new EventEmitter();
         this.autoIdString = idService.generate();
     }
+    Object.defineProperty(TuiPieChartComponent.prototype, "empty", {
+        get: function () {
+            return !this.getSum(this.value);
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(TuiPieChartComponent.prototype, "maskId", {
         get: function () {
             return 'tui-ring-chart-' + this.autoIdString;
@@ -66,9 +76,6 @@ var TuiPieChartComponent = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
-    TuiPieChartComponent.prototype.getContentContext = function ($implicit) {
-        return { $implicit: $implicit };
-    };
     TuiPieChartComponent.prototype.getTransform = function (index) {
         var transform = this.masked
             ? "scale(" + TRANSFORM[this.size] + ")"
@@ -84,17 +91,22 @@ var TuiPieChartComponent = /** @class */ (function () {
     TuiPieChartComponent.prototype.getColor = function (index) {
         return this.sanitizer.bypassSecurityTrustStyle("var(--tui-chart-" + index + ", " + colorFallback(this.colorHandler(index)) + ")");
     };
+    TuiPieChartComponent.prototype.getSum = function (value) {
+        return sum.apply(void 0, __spread(value));
+    };
     TuiPieChartComponent.prototype.getSegments = function (value) {
-        var total = sum.apply(void 0, __spread(value));
+        var _this = this;
         return value
-            .map(function (currentItem, currentIndex, array) {
-            return array.reduce(function (sum, item, index) {
-                return index < currentIndex ? (item / total) * 360 + sum : sum;
-            }, (currentItem / total) * 360);
+            .map(function (initial, i, array) {
+            return array.reduce(function (sum, current, j) { return (j < i ? _this.getDeg(current) + sum : sum); }, _this.getDeg(initial));
         })
-            .map(function (angle, index, array) {
-            return describeSector(array[index - 1] || 0, Math.min(angle, 359.9999));
-        });
+            .map(function (angle, index, array) { return [
+            array[index - 1] || 0,
+            Math.min(angle, 359.9999),
+        ]; });
+    };
+    TuiPieChartComponent.prototype.getDeg = function (value) {
+        return 360 * (value / this.getSum(this.value));
     };
     TuiPieChartComponent.prototype.updateActiveItemIndex = function (index) {
         if (index === this.activeItemIndex) {
@@ -136,18 +148,21 @@ var TuiPieChartComponent = /** @class */ (function () {
     __decorate([
         Output()
     ], TuiPieChartComponent.prototype, "activeItemIndexChange", void 0);
+    __decorate([
+        HostBinding('class._empty')
+    ], TuiPieChartComponent.prototype, "empty", null);
     __decorate([
         tuiPure
-    ], TuiPieChartComponent.prototype, "getContentContext", null);
+    ], TuiPieChartComponent.prototype, "getSum", null);
     __decorate([
         tuiPure
     ], TuiPieChartComponent.prototype, "getSegments", null);
     TuiPieChartComponent = __decorate([
         Component({
             selector: 'tui-pie-chart',
-            template: "<svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"100%\"\n    width=\"100%\"\n    viewBox=\"-100 -100 200 200\"\n    focusable=\"false\"\n    class=\"t-svg\"\n>\n    <defs>\n        <mask [attr.id]=\"maskId\">\n            <rect\n                x=\"-200\"\n                y=\"-200\"\n                width=\"400\"\n                height=\"400\"\n                fill=\"white\"\n            ></rect>\n            <circle cx=\"0\" cy=\"0\" [attr.r]=\"radius\"></circle>\n        </mask>\n    </defs>\n    <g [style.mask]=\"mask\">\n        <path\n            *ngFor=\"let segment of segments; let index = index\"\n            fill=\"currentColor\"\n            automation-id=\"tui-pie-chart__segment\"\n            tuiHintMode=\"onDark\"\n            tuiHintDirection=\"top-right\"\n            class=\"t-segment\"\n            [attr.transform]=\"getTransform(index)\"\n            [attr.d]=\"segment\"\n            [style.color]=\"getColor(index)\"\n            [tuiPointerHint]=\"getHint(hint)\"\n            (tuiHoveredChange)=\"onHovered($event, index)\"\n        >\n            <ng-template #hint>\n                <ng-container\n                    *ngTemplateOutlet=\"template; context: getContentContext(index)\"\n                ></ng-container>\n            </ng-template>\n        </path>\n    </g>\n</svg>\n<ng-template #template let-index>\n    <div\n        polymorpheus-outlet\n        class=\"t-text\"\n        [content]=\"hintContent\"\n        [context]=\"getContentContext(index)\"\n    ></div>\n</ng-template>\n",
+            template: "<svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"100%\"\n    width=\"100%\"\n    viewBox=\"-100 -100 200 200\"\n    focusable=\"false\"\n    class=\"t-svg\"\n>\n    <defs>\n        <mask [attr.id]=\"maskId\">\n            <rect x=\"-200\" y=\"-200\" width=\"400\" height=\"400\" fill=\"white\" />\n            <circle cx=\"0\" cy=\"0\" [attr.r]=\"radius\" />\n        </mask>\n    </defs>\n    <g [style.mask]=\"mask\">\n        <circle cx=\"0\" cy=\"0\" r=\"100\" class=\"t-placeholder\" />\n        <path\n            *tuiRepeatTimes=\"let index of segments.length\"\n            fill=\"currentColor\"\n            automation-id=\"tui-pie-chart__segment\"\n            tuiHintMode=\"onDark\"\n            tuiHintDirection=\"top-right\"\n            d=\"\"\n            class=\"t-segment\"\n            [attr.transform]=\"getTransform(index)\"\n            [style.color]=\"getColor(index)\"\n            [tuiPieChart]=\"segments[index]\"\n            [tuiPointerHint]=\"getHint(hint)\"\n            (tuiHoveredChange)=\"onHovered($event, index)\"\n        >\n            <ng-template #hint>\n                <ng-container\n                    *ngTemplateOutlet=\"template; context: {$implicit: index}\"\n                ></ng-container>\n            </ng-template>\n        </path>\n    </g>\n</svg>\n<ng-template #template let-index>\n    <div\n        polymorpheus-outlet\n        class=\"t-text\"\n        [content]=\"hintContent\"\n        [context]=\"{$implicit: index}\"\n    ></div>\n</ng-template>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [":host{position:relative;display:block}:host[data-tui-host-size=xs]{width:2rem;height:2rem;pointer-events:none}:host[data-tui-host-size='s']{width:4rem;height:4rem}:host[data-tui-host-size='m']{width:9rem;height:9rem}:host[data-tui-host-size='l']{width:11rem;height:11rem}:host[data-tui-host-size=xl]{width:16rem;height:16rem}.t-svg{position:relative;overflow:visible;transform:rotate(-90deg)}.t-segment{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out}.t-text{white-space:pre-wrap}"]
+            styles: [":host{position:relative;display:block}:host[data-tui-host-size=xs]{width:2rem;height:2rem;pointer-events:none}:host[data-tui-host-size='s']{width:4rem;height:4rem}:host[data-tui-host-size='m']{width:9rem;height:9rem}:host[data-tui-host-size='l']{width:11rem;height:11rem}:host[data-tui-host-size=xl]{width:16rem;height:16rem}.t-svg{position:relative;overflow:visible;transform:rotate(-90deg)}.t-segment{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out}:host._empty .t-segment{display:none}.t-placeholder{fill:var(--tui-base-03)}.t-text{white-space:pre-wrap}"]
         }),
         __param(0, Inject(TuiIdService)),
         __param(1, Inject(Location)),
@@ -156,13 +171,76 @@ var TuiPieChartComponent = /** @class */ (function () {
     return TuiPieChartComponent;
 }());
 
+// @dynamic
+var TuiPieChartDirective = /** @class */ (function () {
+    function TuiPieChartDirective(_a, ngZone, destroy$, performance, animationFrame$, duration) {
+        var nativeElement = _a.nativeElement;
+        this.sector$ = new BehaviorSubject([0, 0]);
+        this.sector$
+            .pipe(pairwise(), switchMap(function (_a) {
+            var _b = __read(_a, 2), prev = _b[0], cur = _b[1];
+            var now = performance.now();
+            var startDelta = cur[0] - prev[0];
+            var endDelta = cur[1] - prev[1];
+            return animationFrame$.pipe(map(function (timestamp) {
+                return easeInOutQuad(clamp((timestamp - now) / duration, 0, 1));
+            }), takeWhile(function (progress) { return progress < 1; }, true), map(function (progress) { return [
+                prev[0] + startDelta * progress,
+                cur[1] > 359 ? cur[1] : prev[1] + endDelta * progress,
+            ]; }));
+        }), tuiZonefree(ngZone), takeUntil(destroy$))
+            .subscribe(function (_a) {
+            var _b = __read(_a, 2), start = _b[0], end = _b[1];
+            nativeElement.setAttribute('d', describeSector(start, end));
+        });
+    }
+    Object.defineProperty(TuiPieChartDirective.prototype, "tuiPieChart", {
+        set: function (sector) {
+            this.sector$.next(sector);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    TuiPieChartDirective.ctorParameters = function () { return [
+        { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
+        { type: NgZone, decorators: [{ type: Inject, args: [NgZone,] }] },
+        { type: Observable, decorators: [{ type: Inject, args: [TuiDestroyService,] }] },
+        { type: Performance, decorators: [{ type: Inject, args: [PERFORMANCE,] }] },
+        { type: Observable, decorators: [{ type: Inject, args: [ANIMATION_FRAME,] }] },
+        { type: Number, decorators: [{ type: Inject, args: [TUI_ANIMATIONS_DURATION,] }] }
+    ]; };
+    __decorate([
+        Input(),
+        tuiDefaultProp()
+    ], TuiPieChartDirective.prototype, "tuiPieChart", null);
+    TuiPieChartDirective = __decorate([
+        Directive({
+            selector: 'path[tuiPieChart]',
+            providers: [TuiDestroyService],
+        }),
+        __param(0, Inject(ElementRef)),
+        __param(1, Inject(NgZone)),
+        __param(2, Inject(TuiDestroyService)),
+        __param(3, Inject(PERFORMANCE)),
+        __param(4, Inject(ANIMATION_FRAME)),
+        __param(5, Inject(TUI_ANIMATIONS_DURATION))
+    ], TuiPieChartDirective);
+    return TuiPieChartDirective;
+}());
+
 var TuiPieChartModule = /** @class */ (function () {
     function TuiPieChartModule() {
     }
     TuiPieChartModule = __decorate([
         NgModule({
-            imports: [CommonModule, TuiHoveredModule, PolymorpheusModule, TuiPointerHintModule],
-            declarations: [TuiPieChartComponent],
+            imports: [
+                CommonModule,
+                TuiRepeatTimesModule,
+                TuiHoveredModule,
+                PolymorpheusModule,
+                TuiPointerHintModule,
+            ],
+            declarations: [TuiPieChartComponent, TuiPieChartDirective],
             exports: [TuiPieChartComponent],
         })
     ], TuiPieChartModule);
@@ -173,5 +251,5 @@ var TuiPieChartModule = /** @class */ (function () {
  * Generated bundle index. Do not edit.
  */
 
-export { TuiPieChartComponent, TuiPieChartModule };
+export { TuiPieChartComponent, TuiPieChartDirective, TuiPieChartModule };
 //# sourceMappingURL=taiga-ui-addon-charts-components-pie-chart.js.map

package/fesm5/taiga-ui-addon-charts-components-pie-chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-charts-components-pie-chart.js","sources":["ng://@taiga-ui/addon-charts/components/pie-chart/pie-chart.component.ts","ng://@taiga-ui/addon-charts/components/pie-chart/pie-chart.module.ts","ng://@taiga-ui/addon-charts/components/pie-chart/taiga-ui-addon-charts-components-pie-chart.ts"],"sourcesContent":["import {Location} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    EventEmitter,\n    HostBinding,\n    Inject,\n    Input,\n    Output,\n} from '@angular/core';\nimport {DomSanitizer, SafeValue} from '@angular/platform-browser';\nimport {TUI_DEFAULT_COLOR_HANDLER} from '@taiga-ui/addon-charts/constants';\nimport {TuiColorHandler} from '@taiga-ui/addon-charts/types';\nimport {describeSector} from '@taiga-ui/addon-charts/utils';\nimport {\n    sum,\n    TuiContextWithImplicit,\n    tuiDefaultProp,\n    TuiIdService,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {colorFallback, TuiSizeXL, TuiSizeXS} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nconst RADII = {\n    xs: '50',\n    s: '50',\n    m: '77.8',\n    l: '81.9',\n    xl: '81.3',\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// TODO: Remove sanitizer when Angular version is bumped\n@Component({\n    selector: 'tui-pie-chart',\n    templateUrl: './pie-chart.template.html',\n    styleUrls: ['./pie-chart.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiPieChartComponent {\n    private readonly autoIdString: string;\n\n    @Input()\n    @tuiDefaultProp()\n    value: readonly number[] = [];\n\n    @Input()\n    @HostBinding('attr.data-tui-host-size')\n    @tuiDefaultProp()\n    size: TuiSizeXS | TuiSizeXL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    colorHandler: TuiColorHandler = TUI_DEFAULT_COLOR_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    hintContent: PolymorpheusContent<TuiContextWithImplicit<number>> = '';\n\n    @Input()\n    @tuiDefaultProp()\n    masked = false;\n\n    @Input()\n    @tuiDefaultProp()\n    activeItemIndex = NaN;\n\n    @Output()\n    activeItemIndexChange = new EventEmitter<number>();\n\n    constructor(\n        @Inject(TuiIdService) idService: TuiIdService,\n        @Inject(Location) private readonly locationRef: Location,\n        @Inject(DomSanitizer) private readonly sanitizer: DomSanitizer,\n    ) {\n        this.autoIdString = idService.generate();\n    }\n\n    get maskId(): string {\n        return 'tui-ring-chart-' + this.autoIdString;\n    }\n\n    get mask(): string | null {\n        return this.masked\n            ? `url(${this.locationRef.prepareExternalUrl(this.locationRef.path())}#${\n                  this.maskId\n              })`\n            : null;\n    }\n\n    get radius(): string {\n        return RADII[this.size];\n    }\n\n    get segments(): readonly string[] {\n        return this.getSegments(this.value);\n    }\n\n    @tuiPure\n    getContentContext($implicit: number): TuiContextWithImplicit<number> {\n        return {$implicit};\n    }\n\n    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    getHint(hint: PolymorpheusContent): PolymorpheusContent {\n        return this.hintContent ? hint : '';\n    }\n\n    onHovered(hovered: boolean, index: number) {\n        this.updateActiveItemIndex(hovered ? index : NaN);\n    }\n\n    getColor(index: number): SafeValue {\n        return this.sanitizer.bypassSecurityTrustStyle(\n            `var(--tui-chart-${index}, ${colorFallback(this.colorHandler(index))})`,\n        );\n    }\n\n    @tuiPure\n    private getSegments(value: readonly number[]): readonly string[] {\n        const total = sum(...value);\n\n        return value\n            .map((currentItem, currentIndex, array) =>\n                array.reduce(\n                    (sum, item, index) =>\n                        index < currentIndex ? (item / total) * 360 + sum : sum,\n                    (currentItem / total) * 360,\n                ),\n            )\n            .map((angle, index, array) =>\n                describeSector(array[index - 1] || 0, Math.min(angle, 359.9999)),\n            );\n    }\n\n    private updateActiveItemIndex(index: number) {\n        if (index === this.activeItemIndex) {\n            return;\n        }\n\n        this.activeItemIndex = index;\n        this.activeItemIndexChange.next(index);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiHoveredModule} from '@taiga-ui/cdk';\nimport {TuiPointerHintModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiPieChartComponent} from './pie-chart.component';\n\n@NgModule({\n    imports: [CommonModule, TuiHoveredModule, PolymorpheusModule, TuiPointerHintModule],\n    declarations: [TuiPieChartComponent],\n    exports: [TuiPieChartComponent],\n})\nexport class TuiPieChartModule {}\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.js","sources":["ng://@taiga-ui/addon-charts/components/pie-chart/pie-chart.component.ts","ng://@taiga-ui/addon-charts/components/pie-chart/pie-chart.directive.ts","ng://@taiga-ui/addon-charts/components/pie-chart/pie-chart.module.ts","ng://@taiga-ui/addon-charts/components/pie-chart/taiga-ui-addon-charts-components-pie-chart.ts"],"sourcesContent":["import {Location} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    EventEmitter,\n    HostBinding,\n    Inject,\n    Input,\n    Output,\n} from '@angular/core';\nimport {DomSanitizer, SafeValue} from '@angular/platform-browser';\nimport {TUI_DEFAULT_COLOR_HANDLER} from '@taiga-ui/addon-charts/constants';\nimport {TuiColorHandler} from '@taiga-ui/addon-charts/types';\nimport {\n    sum,\n    TuiContextWithImplicit,\n    tuiDefaultProp,\n    TuiIdService,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {colorFallback, TuiSizeXL, TuiSizeXS} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nconst RADII = {\n    xs: '50',\n    s: '50',\n    m: '77.8',\n    l: '81.9',\n    xl: '81.3',\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// TODO: Remove sanitizer when Angular version is bumped\n@Component({\n    selector: 'tui-pie-chart',\n    templateUrl: './pie-chart.template.html',\n    styleUrls: ['./pie-chart.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiPieChartComponent {\n    private readonly autoIdString: string;\n\n    @Input()\n    @tuiDefaultProp()\n    value: readonly number[] = [];\n\n    @Input()\n    @HostBinding('attr.data-tui-host-size')\n    @tuiDefaultProp()\n    size: TuiSizeXS | TuiSizeXL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    colorHandler: TuiColorHandler = TUI_DEFAULT_COLOR_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    hintContent: PolymorpheusContent<TuiContextWithImplicit<number>> = '';\n\n    @Input()\n    @tuiDefaultProp()\n    masked = false;\n\n    @Input()\n    @tuiDefaultProp()\n    activeItemIndex = NaN;\n\n    @Output()\n    activeItemIndexChange = new EventEmitter<number>();\n\n    constructor(\n        @Inject(TuiIdService) idService: TuiIdService,\n        @Inject(Location) private readonly locationRef: Location,\n        @Inject(DomSanitizer) private readonly sanitizer: DomSanitizer,\n    ) {\n        this.autoIdString = idService.generate();\n    }\n\n    @HostBinding('class._empty')\n    get empty(): boolean {\n        return !this.getSum(this.value);\n    }\n\n    get maskId(): string {\n        return 'tui-ring-chart-' + this.autoIdString;\n    }\n\n    get mask(): string | null {\n        return this.masked\n            ? `url(${this.locationRef.prepareExternalUrl(this.locationRef.path())}#${\n                  this.maskId\n              })`\n            : null;\n    }\n\n    get radius(): string {\n        return RADII[this.size];\n    }\n\n    get segments(): readonly [number, number][] {\n        return this.getSegments(this.value);\n    }\n\n    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    getHint(hint: PolymorpheusContent): PolymorpheusContent {\n        return this.hintContent ? hint : '';\n    }\n\n    onHovered(hovered: boolean, index: number) {\n        this.updateActiveItemIndex(hovered ? index : NaN);\n    }\n\n    getColor(index: number): SafeValue {\n        return this.sanitizer.bypassSecurityTrustStyle(\n            `var(--tui-chart-${index}, ${colorFallback(this.colorHandler(index))})`,\n        );\n    }\n\n    @tuiPure\n    private getSum(value: readonly number[]): number {\n        return sum(...value);\n    }\n\n    @tuiPure\n    private getSegments(value: readonly number[]): readonly [number, number][] {\n        return 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    private getDeg(value: number): number {\n        return 360 * (value / this.getSum(this.value));\n    }\n\n    private updateActiveItemIndex(index: number) {\n        if (index === this.activeItemIndex) {\n            return;\n        }\n\n        this.activeItemIndex = index;\n        this.activeItemIndexChange.next(index);\n    }\n}\n","import {Directive, ElementRef, Inject, Input, NgZone} from '@angular/core';\nimport {ANIMATION_FRAME, PERFORMANCE} from '@ng-web-apis/common';\nimport {describeSector} from '@taiga-ui/addon-charts/utils';\nimport {\n    clamp,\n    easeInOutQuad,\n    tuiDefaultProp,\n    TuiDestroyService,\n    tuiZonefree,\n} from '@taiga-ui/cdk';\nimport {TUI_ANIMATIONS_DURATION} from '@taiga-ui/core';\nimport {BehaviorSubject, Observable} from 'rxjs';\nimport {map, pairwise, switchMap, takeUntil, takeWhile} from 'rxjs/operators';\n\n// @dynamic\n@Directive({\n    selector: 'path[tuiPieChart]',\n    providers: [TuiDestroyService],\n})\nexport class TuiPieChartDirective {\n    private readonly sector$ = new BehaviorSubject<readonly [number, number]>([0, 0]);\n\n    @Input()\n    @tuiDefaultProp()\n    set tuiPieChart(sector: readonly [number, number]) {\n        this.sector$.next(sector);\n    }\n\n    constructor(\n        @Inject(ElementRef) {nativeElement}: ElementRef<SVGPathElement>,\n        @Inject(NgZone) ngZone: NgZone,\n        @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n        @Inject(PERFORMANCE) performance: Performance,\n        @Inject(ANIMATION_FRAME) animationFrame$: Observable<number>,\n        @Inject(TUI_ANIMATIONS_DURATION) duration: number,\n    ) {\n        this.sector$\n            .pipe(\n                pairwise(),\n                switchMap(([prev, cur]) => {\n                    const now = performance.now();\n                    const startDelta = cur[0] - prev[0];\n                    const endDelta = cur[1] - prev[1];\n\n                    return animationFrame$.pipe(\n                        map(timestamp =>\n                            easeInOutQuad(clamp((timestamp - now) / duration, 0, 1)),\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(ngZone),\n                takeUntil(destroy$),\n            )\n            .subscribe(([start, end]) => {\n                nativeElement.setAttribute('d', describeSector(start, end));\n            });\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiHoveredModule, TuiRepeatTimesModule} from '@taiga-ui/cdk';\nimport {TuiPointerHintModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiPieChartComponent} from './pie-chart.component';\nimport {TuiPieChartDirective} from './pie-chart.directive';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiRepeatTimesModule,\n        TuiHoveredModule,\n        PolymorpheusModule,\n        TuiPointerHintModule,\n    ],\n    declarations: [TuiPieChartComponent, TuiPieChartDirective],\n    exports: [TuiPieChartComponent],\n})\nexport class TuiPieChartModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm5/taiga-ui-addon-charts-components-ring-chart.js

@@ -1,11 +1,12 @@
 import { __decorate } from 'tslib';
 import { EventEmitter, Input, HostBinding, Output, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import { TUI_DEFAULT_COLOR_HANDLER } from '@taiga-ui/addon-charts/constants';
-import { tuiDefaultProp, tuiPure } from '@taiga-ui/cdk';
+import { tuiDefaultProp } from '@taiga-ui/cdk';
 import { CommonModule } from '@angular/common';
 import { TuiPieChartModule } from '@taiga-ui/addon-charts/components/pie-chart';
 import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
 
+// TODO: Refactor to use ng-content
 var TuiRingChartComponent = /** @class */ (function () {
     function TuiRingChartComponent() {
         this.value = [];
@@ -23,19 +24,9 @@ var TuiRingChartComponent = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
-    Object.defineProperty(TuiRingChartComponent.prototype, "contentContext", {
-        get: function () {
-            return this.getContentContext(this.activeItemIndex, this.value);
-        },
-        enumerable: true,
-        configurable: true
-    });
     TuiRingChartComponent.prototype.onActiveItemIndexChange = function (index) {
         this.updateActiveItemIndex(index);
     };
-    TuiRingChartComponent.prototype.getContentContext = function ($implicit, value) {
-        return { $implicit: $implicit, value: value };
-    };
     TuiRingChartComponent.prototype.updateActiveItemIndex = function (index) {
         if (index === this.activeItemIndex) {
             return;
@@ -71,13 +62,10 @@ var TuiRingChartComponent = /** @class */ (function () {
     __decorate([
         Output()
     ], TuiRingChartComponent.prototype, "activeItemIndexChange", void 0);
-    __decorate([
-        tuiPure
-    ], TuiRingChartComponent.prototype, "getContentContext", null);
     TuiRingChartComponent = __decorate([
         Component({
             selector: 'tui-ring-chart',
-            template: "<div *ngIf=\"hasContent\" class=\"t-content\">\n    <div\n        polymorpheus-outlet\n        automation-id=\"tui-ring-chart__content\"\n        class=\"t-wrapper\"\n        [content]=\"content\"\n        [context]=\"contentContext\"\n    ></div>\n</div>\n\n<tui-pie-chart\n    [masked]=\"true\"\n    [value]=\"value\"\n    [colorHandler]=\"colorHandler\"\n    [size]=\"size\"\n    [activeItemIndex]=\"activeItemIndex\"\n    (activeItemIndexChange)=\"onActiveItemIndexChange($event)\"\n></tui-pie-chart>\n\n<div class=\"t-shield\"></div>\n",
+            template: "<div *ngIf=\"hasContent\" class=\"t-content\">\n    <div\n        polymorpheus-outlet\n        automation-id=\"tui-ring-chart__content\"\n        class=\"t-wrapper\"\n        [content]=\"content\"\n        [context]=\"{$implicit: activeItemIndex, value: value}\"\n    ></div>\n</div>\n\n<tui-pie-chart\n    [masked]=\"true\"\n    [value]=\"value\"\n    [colorHandler]=\"colorHandler\"\n    [size]=\"size\"\n    [activeItemIndex]=\"activeItemIndex\"\n    (activeItemIndexChange)=\"onActiveItemIndexChange($event)\"\n></tui-pie-chart>\n\n<div class=\"t-shield\"></div>\n",
             changeDetection: ChangeDetectionStrategy.OnPush,
             styles: [":host{position:relative;display:block}:host[data-tui-host-size='s']{width:4rem;height:4rem}:host[data-tui-host-size='m']{width:9rem;height:9rem}:host[data-tui-host-size='l']{width:11rem;height:11rem}:host[data-tui-host-size=xl]{width:16rem;height:16rem}.t-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;font:var(--tui-font-text-m);max-height:100%;flex-direction:column;justify-content:center;text-align:center;padding:1.5rem;border-radius:100%;box-sizing:border-box;overflow:hidden;word-break:break-word;white-space:pre-wrap;color:var(--tui-text-02)}:host[data-tui-host-size='m'] .t-content{font:var(--tui-font-text-xs)}.t-wrapper:first-line{color:var(--tui-text-01)}:host[data-tui-host-size='l'] .t-wrapper:first-line{font:var(--tui-font-text-l);font-weight:700}:host[data-tui-host-size='m'] .t-wrapper:first-line{font:var(--tui-font-text-m);font-weight:700}.t-shield{position:absolute;top:25%;left:25%;right:25%;bottom:25%;border-radius:100%}"]
         })

package/fesm5/taiga-ui-addon-charts-components-ring-chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-charts-components-ring-chart.js","sources":["ng://@taiga-ui/addon-charts/components/ring-chart/ring-chart.component.ts","ng://@taiga-ui/addon-charts/components/ring-chart/ring-chart.module.ts","ng://@taiga-ui/addon-charts/components/ring-chart/taiga-ui-addon-charts-components-ring-chart.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    EventEmitter,\n    HostBinding,\n    Input,\n    Output,\n} from '@angular/core';\nimport {TUI_DEFAULT_COLOR_HANDLER} from '@taiga-ui/addon-charts/constants';\nimport {TuiRingChartContext} from '@taiga-ui/addon-charts/interfaces';\nimport {TuiColorHandler} from '@taiga-ui/addon-charts/types';\nimport {tuiDefaultProp, tuiPure} from '@taiga-ui/cdk';\nimport {TuiSizeS, TuiSizeXL} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\n@Component({\n    selector: 'tui-ring-chart',\n    templateUrl: './ring-chart.template.html',\n    styleUrls: ['./ring-chart.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiRingChartComponent {\n    @Input()\n    @tuiDefaultProp()\n    value: readonly number[] = [];\n\n    @Input()\n    @HostBinding('attr.data-tui-host-size')\n    @tuiDefaultProp()\n    size: TuiSizeS | TuiSizeXL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    colorHandler: TuiColorHandler = TUI_DEFAULT_COLOR_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    content: PolymorpheusContent<TuiRingChartContext> = '';\n\n    @Input()\n    @tuiDefaultProp()\n    masked = true;\n\n    @Input()\n    @tuiDefaultProp()\n    activeItemIndex = NaN;\n\n    @Output()\n    activeItemIndexChange = new EventEmitter<number>();\n\n    get hasContent(): boolean {\n        return this.size !== 's' && !!this.content;\n    }\n\n    get contentContext(): TuiRingChartContext {\n        return this.getContentContext(this.activeItemIndex, this.value);\n    }\n\n    onActiveItemIndexChange(index: number) {\n        this.updateActiveItemIndex(index);\n    }\n\n    @tuiPure\n    private getContentContext(\n        $implicit: number,\n        value: readonly number[],\n    ): TuiRingChartContext {\n        return {$implicit, value};\n    }\n\n    private updateActiveItemIndex(index: number) {\n        if (index === this.activeItemIndex) {\n            return;\n        }\n\n        this.activeItemIndex = index;\n        this.activeItemIndexChange.next(index);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiPieChartModule} from '@taiga-ui/addon-charts/components/pie-chart';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiRingChartComponent} from './ring-chart.component';\n\n@NgModule({\n    imports: [CommonModule, PolymorpheusModule, TuiPieChartModule],\n    declarations: [TuiRingChartComponent],\n    exports: [TuiRingChartComponent],\n})\nexport class TuiRingChartModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;IAqBA;QAGI,UAAK,GAAsB,EAAE,CAAC;QAK9B,SAAI,GAAyB,GAAG,CAAC;QAIjC,iBAAY,GAAoB,yBAAyB,CAAC;QAI1D,YAAO,GAA6C,EAAE,CAAC;QAIvD,WAAM,GAAG,IAAI,CAAC;QAId,oBAAe,GAAG,GAAG,CAAC;QAGtB,0BAAqB,GAAG,IAAI,YAAY,EAAU,CAAC;KA8BtD;IA5BG,sBAAI,6CAAU;aAAd;YACI,OAAO,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;SAC9C;;;OAAA;IAED,sBAAI,iDAAc;aAAlB;YACI,OAAO,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;SACnE;;;OAAA;IAED,uDAAuB,GAAvB,UAAwB,KAAa;QACjC,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC;KACrC;IAGO,iDAAiB,GAAzB,UACI,SAAiB,EACjB,KAAwB;QAExB,OAAO,EAAC,SAAS,WAAA,EAAE,KAAK,OAAA,EAAC,CAAC;KAC7B;IAEO,qDAAqB,GAA7B,UAA8B,KAAa;QACvC,IAAI,KAAK,KAAK,IAAI,CAAC,eAAe,EAAE;YAChC,OAAO;SACV;QAED,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC1C;IArDD;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;wDACa;IAK9B;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,yBAAyB,CAAC;QACtC,cAAc,EAAE;uDACgB;IAIjC;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;+DACyC;IAI1D;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;0DACsC;IAIvD;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;yDACH;IAId;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;kEACK;IAGtB;QADC,MAAM,EAAE;wEAC0C;IAenD;QADC,OAAO;kEAMP;IA/CQ,qBAAqB;QANjC,SAAS,CAAC;YACP,QAAQ,EAAE,gBAAgB;YAC1B,wiBAAyC;YAEzC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;SAClD,CAAC;OACW,qBAAqB,CAyDjC;IAAD,4BAAC;CAzDD;;;ICTA;KAAkC;IAArB,kBAAkB;QAL9B,QAAQ,CAAC;YACN,OAAO,EAAE,CAAC,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;YAC9D,YAAY,EAAE,CAAC,qBAAqB,CAAC;YACrC,OAAO,EAAE,CAAC,qBAAqB,CAAC;SACnC,CAAC;OACW,kBAAkB,CAAG;IAAD,yBAAC;CAAlC;;ACZA;;;;;;"}
+{"version":3,"file":"taiga-ui-addon-charts-components-ring-chart.js","sources":["ng://@taiga-ui/addon-charts/components/ring-chart/ring-chart.component.ts","ng://@taiga-ui/addon-charts/components/ring-chart/ring-chart.module.ts","ng://@taiga-ui/addon-charts/components/ring-chart/taiga-ui-addon-charts-components-ring-chart.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    EventEmitter,\n    HostBinding,\n    Input,\n    Output,\n} from '@angular/core';\nimport {TUI_DEFAULT_COLOR_HANDLER} from '@taiga-ui/addon-charts/constants';\nimport {TuiRingChartContext} from '@taiga-ui/addon-charts/interfaces';\nimport {TuiColorHandler} from '@taiga-ui/addon-charts/types';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TuiSizeS, TuiSizeXL} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\n// TODO: Refactor to use ng-content\n@Component({\n    selector: 'tui-ring-chart',\n    templateUrl: './ring-chart.template.html',\n    styleUrls: ['./ring-chart.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiRingChartComponent {\n    @Input()\n    @tuiDefaultProp()\n    value: readonly number[] = [];\n\n    @Input()\n    @HostBinding('attr.data-tui-host-size')\n    @tuiDefaultProp()\n    size: TuiSizeS | TuiSizeXL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    colorHandler: TuiColorHandler = TUI_DEFAULT_COLOR_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    content: PolymorpheusContent<TuiRingChartContext> = '';\n\n    @Input()\n    @tuiDefaultProp()\n    masked = true;\n\n    @Input()\n    @tuiDefaultProp()\n    activeItemIndex = NaN;\n\n    @Output()\n    activeItemIndexChange = new EventEmitter<number>();\n\n    get hasContent(): boolean {\n        return this.size !== 's' && !!this.content;\n    }\n\n    onActiveItemIndexChange(index: number) {\n        this.updateActiveItemIndex(index);\n    }\n\n    private updateActiveItemIndex(index: number) {\n        if (index === this.activeItemIndex) {\n            return;\n        }\n\n        this.activeItemIndex = index;\n        this.activeItemIndexChange.next(index);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiPieChartModule} from '@taiga-ui/addon-charts/components/pie-chart';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiRingChartComponent} from './ring-chart.component';\n\n@NgModule({\n    imports: [CommonModule, PolymorpheusModule, TuiPieChartModule],\n    declarations: [TuiRingChartComponent],\n    exports: [TuiRingChartComponent],\n})\nexport class TuiRingChartModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAeA;;IAOA;QAGI,UAAK,GAAsB,EAAE,CAAC;QAK9B,SAAI,GAAyB,GAAG,CAAC;QAIjC,iBAAY,GAAoB,yBAAyB,CAAC;QAI1D,YAAO,GAA6C,EAAE,CAAC;QAIvD,WAAM,GAAG,IAAI,CAAC;QAId,oBAAe,GAAG,GAAG,CAAC;QAGtB,0BAAqB,GAAG,IAAI,YAAY,EAAU,CAAC;KAkBtD;IAhBG,sBAAI,6CAAU;aAAd;YACI,OAAO,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;SAC9C;;;OAAA;IAED,uDAAuB,GAAvB,UAAwB,KAAa;QACjC,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC;KACrC;IAEO,qDAAqB,GAA7B,UAA8B,KAAa;QACvC,IAAI,KAAK,KAAK,IAAI,CAAC,eAAe,EAAE;YAChC,OAAO;SACV;QAED,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC1C;IAzCD;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;wDACa;IAK9B;QAHC,KAAK,EAAE;QACP,WAAW,CAAC,yBAAyB,CAAC;QACtC,cAAc,EAAE;uDACgB;IAIjC;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;+DACyC;IAI1D;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;0DACsC;IAIvD;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;yDACH;IAId;QAFC,KAAK,EAAE;QACP,cAAc,EAAE;kEACK;IAGtB;QADC,MAAM,EAAE;wEAC0C;IA3B1C,qBAAqB;QANjC,SAAS,CAAC;YACP,QAAQ,EAAE,gBAAgB;YAC1B,okBAAyC;YAEzC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;SAClD,CAAC;OACW,qBAAqB,CA6CjC;IAAD,4BAAC;CA7CD;;;ICVA;KAAkC;IAArB,kBAAkB;QAL9B,QAAQ,CAAC;YACN,OAAO,EAAE,CAAC,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;YAC9D,YAAY,EAAE,CAAC,qBAAqB,CAAC;YACrC,OAAO,EAAE,CAAC,qBAAqB,CAAC;SACnC,CAAC;OACW,kBAAkB,CAAG;IAAD,yBAAC;CAAlC;;ACZA;;;;;;"}

package/fesm5/taiga-ui-addon-charts-utils.js

@@ -25,6 +25,7 @@ function controlPoint(current, previous, next, reverse, smoothing) {
     return [x, y];
 }
 
+var EMPTY = 'M 100 0 A 100 100 0 1 1 100 0 L 0 0';
 /**
  * Describes a normalized sector by angles. Normalized meaning it supposed to work with
  * SVG with viewBox="-1 -1 2 2" so that 0 coordinates in cartesian and polar match the same spot.
@@ -42,7 +43,7 @@ function describeSector(startAngle, endAngle) {
     var endX = Math.cos(endRad) * 100;
     var endY = Math.sin(endRad) * 100;
     var largeArcFlag = toInt(endAngle - startAngle > 180);
-    return [
+    var result = [
         'M',
         startX,
         startY,
@@ -52,7 +53,8 @@ function describeSector(startAngle, endAngle) {
         endX,
         endY,
         'L 0 0',
-    ].join(' ');
+    ];
+    return isNaN(endX) ? EMPTY : result.join(' ');
 }
 
 function drawCurve(array, index, smoothing) {