@taiga-ui/addon-charts 2.27.1 → 2.28.0

package/components/arc-chart/taiga-ui-addon-charts-components-arc-chart.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"TuiArcChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":33,"character":1},"arguments":[{"selector":"tui-arc-chart","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":37,"character":21},"member":"OnPush"},"template":"<svg\n    *tuiRepeatTimes=\"let index of value.length\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"-100 -100 200 200\"\n    focusable=\"false\"\n    class=\"t-svg\"\n    [style.top.em]=\"getInset(index)\"\n    [style.left.em]=\"getInset(index)\"\n    [style.width.em]=\"getDiameter(index)\"\n    [style.height.em]=\"getDiameter(index)\"\n>\n    <path\n        vector-effect=\"non-scaling-stroke\"\n        d=\"M -70 70 A 100 100 0 1 1 70 70\"\n    />\n    <path\n        vector-effect=\"non-scaling-stroke\"\n        d=\"M -70 70 A 100 100 0 1 1 70 70\"\n        class=\"t-value\"\n        [style.stroke]=\"getColor(index)\"\n        [style.strokeDasharray.em]=\"getLength(index)\"\n        [style.strokeDashoffset.em]=\"initialized ? getOffset(index) : getLength(index)\"\n    />\n</svg>\n<div class=\"t-content\">\n    <div class=\"t-wrapper\"><ng-content></ng-content></div>\n</div>\n<div class=\"t-percent\">\n    <span>{{minLabel}}</span>\n    <span>{{maxLabel}}</span>\n</div>\n","styles":[":host{position:relative;display:block;flex-shrink:0}.t-svg{position:absolute;top:0;left:0;bottom:0;right:0;overflow:visible;fill:none;stroke:currentColor;stroke-linecap:round;color:var(--tui-secondary);font-size:1rem}.t-value{transition-property:stroke-dashoffset;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out}.t-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;color:var(--tui-text-02);font:var(--tui-font-text-xs)}:host[data-size=xl] .t-content{font:var(--tui-font-text-m)}.t-wrapper{flex:1}.t-wrapper:first-line{color:var(--tui-text-01)}:host[data-size='m'] .t-wrapper:first-line{font:var(--tui-font-text-s);font-weight:700}:host[data-size='l'] .t-wrapper:first-line{font:var(--tui-font-text-m);font-weight:700}:host[data-size=xl] .t-wrapper:first-line{font:var(--tui-font-heading-5)}.t-percent{position:absolute;left:25%;bottom:11%;display:flex;width:50%;justify-content:space-between;font:var(--tui-font-text-xs);color:var(--tui-text-02)}:host[data-size=xl] .t-percent{font:var(--tui-font-text-m)}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":41,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":45,"character":5},"arguments":["attr.data-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":46,"character":5}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":50,"character":5}}]}],"minLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":54,"character":5}}]}],"maxLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":58,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":64,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":64,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":65,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":65,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":64,"character":58},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":65,"character":54}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":74,"character":5},"arguments":["style.width.rem"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":75,"character":5},"arguments":["style.height.rem"]}]}],"strokeWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":80,"character":5},"arguments":["style.strokeWidth.rem"]}]}],"getInset":[{"__symbolic":"method"}],"getDiameter":[{"__symbolic":"method"}],"getLength":[{"__symbolic":"method"}],"getOffset":[{"__symbolic":"method"}],"getColor":[{"__symbolic":"method"}]}},"TuiArcChartModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiRepeatTimesModule","line":6,"character":14}],"declarations":[{"__symbolic":"reference","name":"TuiArcChartComponent"}],"exports":[{"__symbolic":"reference","name":"TuiArcChartComponent"}]}]}],"members":{}}},"origins":{"TuiArcChartComponent":"./arc-chart.component","TuiArcChartModule":"./arc-chart.module"},"importAs":"@taiga-ui/addon-charts/components/arc-chart"}

package/components/index.d.ts

@@ -1,3 +1,4 @@
+export * from '@taiga-ui/addon-charts/components/arc-chart';
 export * from '@taiga-ui/addon-charts/components/axes';
 export * from '@taiga-ui/addon-charts/components/bar';
 export * from '@taiga-ui/addon-charts/components/bar-chart';

package/components/taiga-ui-addon-charts-components.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"exports":[{"from":"@taiga-ui/addon-charts/components/axes"},{"from":"@taiga-ui/addon-charts/components/bar"},{"from":"@taiga-ui/addon-charts/components/bar-chart"},{"from":"@taiga-ui/addon-charts/components/bar-set"},{"from":"@taiga-ui/addon-charts/components/legend-item"},{"from":"@taiga-ui/addon-charts/components/line-chart"},{"from":"@taiga-ui/addon-charts/components/line-days-chart"},{"from":"@taiga-ui/addon-charts/components/pie-chart"},{"from":"@taiga-ui/addon-charts/components/ring-chart"}],"metadata":{},"origins":{},"importAs":"@taiga-ui/addon-charts/components"}
+{"__symbolic":"module","version":4,"exports":[{"from":"@taiga-ui/addon-charts/components/arc-chart"},{"from":"@taiga-ui/addon-charts/components/axes"},{"from":"@taiga-ui/addon-charts/components/bar"},{"from":"@taiga-ui/addon-charts/components/bar-chart"},{"from":"@taiga-ui/addon-charts/components/bar-set"},{"from":"@taiga-ui/addon-charts/components/legend-item"},{"from":"@taiga-ui/addon-charts/components/line-chart"},{"from":"@taiga-ui/addon-charts/components/line-days-chart"},{"from":"@taiga-ui/addon-charts/components/pie-chart"},{"from":"@taiga-ui/addon-charts/components/ring-chart"}],"metadata":{},"origins":{},"importAs":"@taiga-ui/addon-charts/components"}

package/esm2015/components/arc-chart/arc-chart.component.js

@@ -0,0 +1,102 @@
+import { __decorate, __param } from "tslib";
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, HostBinding, Inject, Input, } from '@angular/core';
+import { DomSanitizer, SafeValue } from '@angular/platform-browser';
+import { tuiDefaultProp } from '@taiga-ui/cdk';
+// 3/4 with 1% safety offset
+const ARC = 0.76;
+const SIZE = {
+    m: 9,
+    l: 11,
+    xl: 16,
+};
+const WIDTH = {
+    m: 0.25,
+    l: 0.375,
+    xl: 0.5625,
+};
+const GAP = {
+    m: 0.125,
+    l: 0.1875,
+    xl: 0.25,
+};
+let TuiArcChartComponent = class TuiArcChartComponent {
+    constructor(sanitizer, changeDetectorRef) {
+        this.sanitizer = sanitizer;
+        this.value = [];
+        this.size = 'm';
+        this.max = 100;
+        this.minLabel = '0%';
+        this.maxLabel = '100%';
+        this.initialized = false;
+        // So initial animation works
+        setTimeout(() => {
+            this.initialized = true;
+            changeDetectorRef.markForCheck();
+        });
+    }
+    get width() {
+        return SIZE[this.size];
+    }
+    get strokeWidth() {
+        return WIDTH[this.size];
+    }
+    getInset(index) {
+        return this.strokeWidth / 2 + index * (this.strokeWidth + GAP[this.size]);
+    }
+    getDiameter(index) {
+        return SIZE[this.size] - 2 * this.getInset(index);
+    }
+    getLength(index) {
+        return Math.PI * this.getDiameter(index) * ARC;
+    }
+    getOffset(index) {
+        return this.getLength(index) * (1 - Math.min(this.value[index] / this.max, 1));
+    }
+    getColor(index) {
+        return this.sanitizer.bypassSecurityTrustStyle(`var(--tui-chart-${index}, var(--tui-support-0${index + 1}))`);
+    }
+};
+TuiArcChartComponent.ctorParameters = () => [
+    { type: DomSanitizer, decorators: [{ type: Inject, args: [DomSanitizer,] }] },
+    { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] }
+];
+__decorate([
+    Input(),
+    tuiDefaultProp()
+], TuiArcChartComponent.prototype, "value", void 0);
+__decorate([
+    Input(),
+    HostBinding('attr.data-size'),
+    tuiDefaultProp()
+], TuiArcChartComponent.prototype, "size", void 0);
+__decorate([
+    Input(),
+    tuiDefaultProp()
+], TuiArcChartComponent.prototype, "max", void 0);
+__decorate([
+    Input(),
+    tuiDefaultProp()
+], TuiArcChartComponent.prototype, "minLabel", void 0);
+__decorate([
+    Input(),
+    tuiDefaultProp()
+], TuiArcChartComponent.prototype, "maxLabel", void 0);
+__decorate([
+    HostBinding('style.width.rem'),
+    HostBinding('style.height.rem')
+], TuiArcChartComponent.prototype, "width", null);
+__decorate([
+    HostBinding('style.strokeWidth.rem')
+], TuiArcChartComponent.prototype, "strokeWidth", null);
+TuiArcChartComponent = __decorate([
+    Component({
+        selector: 'tui-arc-chart',
+        template: "<svg\n    *tuiRepeatTimes=\"let index of value.length\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"-100 -100 200 200\"\n    focusable=\"false\"\n    class=\"t-svg\"\n    [style.top.em]=\"getInset(index)\"\n    [style.left.em]=\"getInset(index)\"\n    [style.width.em]=\"getDiameter(index)\"\n    [style.height.em]=\"getDiameter(index)\"\n>\n    <path\n        vector-effect=\"non-scaling-stroke\"\n        d=\"M -70 70 A 100 100 0 1 1 70 70\"\n    />\n    <path\n        vector-effect=\"non-scaling-stroke\"\n        d=\"M -70 70 A 100 100 0 1 1 70 70\"\n        class=\"t-value\"\n        [style.stroke]=\"getColor(index)\"\n        [style.strokeDasharray.em]=\"getLength(index)\"\n        [style.strokeDashoffset.em]=\"initialized ? getOffset(index) : getLength(index)\"\n    />\n</svg>\n<div class=\"t-content\">\n    <div class=\"t-wrapper\"><ng-content></ng-content></div>\n</div>\n<div class=\"t-percent\">\n    <span>{{minLabel}}</span>\n    <span>{{maxLabel}}</span>\n</div>\n",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        styles: [":host{position:relative;display:block;flex-shrink:0}.t-svg{position:absolute;top:0;left:0;bottom:0;right:0;overflow:visible;fill:none;stroke:currentColor;stroke-linecap:round;color:var(--tui-secondary);font-size:1rem}.t-value{transition-property:stroke-dashoffset;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out}.t-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;color:var(--tui-text-02);font:var(--tui-font-text-xs)}:host[data-size=xl] .t-content{font:var(--tui-font-text-m)}.t-wrapper{flex:1}.t-wrapper:first-line{color:var(--tui-text-01)}:host[data-size='m'] .t-wrapper:first-line{font:var(--tui-font-text-s);font-weight:700}:host[data-size='l'] .t-wrapper:first-line{font:var(--tui-font-text-m);font-weight:700}:host[data-size=xl] .t-wrapper:first-line{font:var(--tui-font-heading-5)}.t-percent{position:absolute;left:25%;bottom:11%;display:flex;width:50%;justify-content:space-between;font:var(--tui-font-text-xs);color:var(--tui-text-02)}:host[data-size=xl] .t-percent{font:var(--tui-font-text-m)}"]
+    }),
+    __param(0, Inject(DomSanitizer)),
+    __param(1, Inject(ChangeDetectorRef))
+], TuiArcChartComponent);
+export { TuiArcChartComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJjLWNoYXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B0YWlnYS11aS9hZGRvbi1jaGFydHMvY29tcG9uZW50cy9hcmMtY2hhcnQvIiwic291cmNlcyI6WyJhcmMtY2hhcnQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsV0FBVyxFQUNYLE1BQU0sRUFDTixLQUFLLEdBQ1IsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLFlBQVksRUFBRSxTQUFTLEVBQUMsTUFBTSwyQkFBMkIsQ0FBQztBQUNsRSxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRzdDLDRCQUE0QjtBQUM1QixNQUFNLEdBQUcsR0FBRyxJQUFJLENBQUM7QUFFakIsTUFBTSxJQUFJLEdBQThCO0lBQ3BDLENBQUMsRUFBRSxDQUFDO0lBQ0osQ0FBQyxFQUFFLEVBQUU7SUFDTCxFQUFFLEVBQUUsRUFBRTtDQUNULENBQUM7QUFFRixNQUFNLEtBQUssR0FBOEI7SUFDckMsQ0FBQyxFQUFFLElBQUk7SUFDUCxDQUFDLEVBQUUsS0FBSztJQUNSLEVBQUUsRUFBRSxNQUFNO0NBQ2IsQ0FBQztBQUVGLE1BQU0sR0FBRyxHQUE4QjtJQUNuQyxDQUFDLEVBQUUsS0FBSztJQUNSLENBQUMsRUFBRSxNQUFNO0lBQ1QsRUFBRSxFQUFFLElBQUk7Q0FDWCxDQUFDO0FBUUYsSUFBYSxvQkFBb0IsR0FBakMsTUFBYSxvQkFBb0I7SUF3QjdCLFlBQzJDLFNBQXVCLEVBQ25DLGlCQUFvQztRQUR4QixjQUFTLEdBQVQsU0FBUyxDQUFjO1FBdEJsRSxVQUFLLEdBQXNCLEVBQUUsQ0FBQztRQUs5QixTQUFJLEdBQWMsR0FBRyxDQUFDO1FBSXRCLFFBQUcsR0FBRyxHQUFHLENBQUM7UUFJVixhQUFRLEdBQUcsSUFBSSxDQUFDO1FBSWhCLGFBQVEsR0FBRyxNQUFNLENBQUM7UUFFbEIsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFNaEIsNkJBQTZCO1FBQzdCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDWixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQztZQUN4QixpQkFBaUIsQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUNyQyxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFJRCxJQUFJLEtBQUs7UUFDTCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDM0IsQ0FBQztJQUdELElBQUksV0FBVztRQUNYLE9BQU8sS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM1QixDQUFDO0lBRUQsUUFBUSxDQUFDLEtBQWE7UUFDbEIsT0FBTyxJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsR0FBRyxLQUFLLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxHQUFHLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztJQUM5RSxDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQWE7UUFDckIsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3RELENBQUM7SUFFRCxTQUFTLENBQUMsS0FBYTtRQUNuQixPQUFPLElBQUksQ0FBQyxFQUFFLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsR0FBRyxHQUFHLENBQUM7SUFDbkQsQ0FBQztJQUVELFNBQVMsQ0FBQyxLQUFhO1FBQ25CLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLEdBQUcsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ25GLENBQUM7SUFFRCxRQUFRLENBQUMsS0FBYTtRQUNsQixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsd0JBQXdCLENBQzFDLG1CQUFtQixLQUFLLHdCQUF3QixLQUFLLEdBQUcsQ0FBQyxJQUFJLENBQ2hFLENBQUM7SUFDTixDQUFDO0NBQ0osQ0FBQTs7WUExQ3lELFlBQVksdUJBQTdELE1BQU0sU0FBQyxZQUFZO1lBQzBCLGlCQUFpQix1QkFBOUQsTUFBTSxTQUFDLGlCQUFpQjs7QUF2QjdCO0lBRkMsS0FBSyxFQUFFO0lBQ1AsY0FBYyxFQUFFO21EQUNhO0FBSzlCO0lBSEMsS0FBSyxFQUFFO0lBQ1AsV0FBVyxDQUFDLGdCQUFnQixDQUFDO0lBQzdCLGNBQWMsRUFBRTtrREFDSztBQUl0QjtJQUZDLEtBQUssRUFBRTtJQUNQLGNBQWMsRUFBRTtpREFDUDtBQUlWO0lBRkMsS0FBSyxFQUFFO0lBQ1AsY0FBYyxFQUFFO3NEQUNEO0FBSWhCO0lBRkMsS0FBSyxFQUFFO0lBQ1AsY0FBYyxFQUFFO3NEQUNDO0FBaUJsQjtJQUZDLFdBQVcsQ0FBQyxpQkFBaUIsQ0FBQztJQUM5QixXQUFXLENBQUMsa0JBQWtCLENBQUM7aURBRy9CO0FBR0Q7SUFEQyxXQUFXLENBQUMsdUJBQXVCLENBQUM7dURBR3BDO0FBNUNRLG9CQUFvQjtJQU5oQyxTQUFTLENBQUM7UUFDUCxRQUFRLEVBQUUsZUFBZTtRQUN6QixrL0JBQXdDO1FBRXhDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOztLQUNsRCxDQUFDO0lBMEJPLFdBQUEsTUFBTSxDQUFDLFlBQVksQ0FBQyxDQUFBO0lBQ3BCLFdBQUEsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUE7R0ExQnJCLG9CQUFvQixDQW1FaEM7U0FuRVksb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBDb21wb25lbnQsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgSW5qZWN0LFxuICAgIElucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7RG9tU2FuaXRpemVyLCBTYWZlVmFsdWV9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHt0dWlEZWZhdWx0UHJvcH0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5pbXBvcnQge1R1aVNpemVYTH0gZnJvbSAnQHRhaWdhLXVpL2NvcmUnO1xuXG4vLyAzLzQgd2l0aCAxJSBzYWZldHkgb2Zmc2V0XG5jb25zdCBBUkMgPSAwLjc2O1xuXG5jb25zdCBTSVpFOiBSZWNvcmQ8VHVpU2l6ZVhMLCBudW1iZXI+ID0ge1xuICAgIG06IDksXG4gICAgbDogMTEsXG4gICAgeGw6IDE2LFxufTtcblxuY29uc3QgV0lEVEg6IFJlY29yZDxUdWlTaXplWEwsIG51bWJlcj4gPSB7XG4gICAgbTogMC4yNSxcbiAgICBsOiAwLjM3NSxcbiAgICB4bDogMC41NjI1LFxufTtcblxuY29uc3QgR0FQOiBSZWNvcmQ8VHVpU2l6ZVhMLCBudW1iZXI+ID0ge1xuICAgIG06IDAuMTI1LFxuICAgIGw6IDAuMTg3NSxcbiAgICB4bDogMC4yNSxcbn07XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAndHVpLWFyYy1jaGFydCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2FyYy1jaGFydC50ZW1wbGF0ZS5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9hcmMtY2hhcnQuc3R5bGUubGVzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlBcmNDaGFydENvbXBvbmVudCB7XG4gICAgQElucHV0KClcbiAgICBAdHVpRGVmYXVsdFByb3AoKVxuICAgIHZhbHVlOiByZWFkb25seSBudW1iZXJbXSA9IFtdO1xuXG4gICAgQElucHV0KClcbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1zaXplJylcbiAgICBAdHVpRGVmYXVsdFByb3AoKVxuICAgIHNpemU6IFR1aVNpemVYTCA9ICdtJztcblxuICAgIEBJbnB1dCgpXG4gICAgQHR1aURlZmF1bHRQcm9wKClcbiAgICBtYXggPSAxMDA7XG5cbiAgICBASW5wdXQoKVxuICAgIEB0dWlEZWZhdWx0UHJvcCgpXG4gICAgbWluTGFiZWwgPSAnMCUnO1xuXG4gICAgQElucHV0KClcbiAgICBAdHVpRGVmYXVsdFByb3AoKVxuICAgIG1heExhYmVsID0gJzEwMCUnO1xuXG4gICAgaW5pdGlhbGl6ZWQgPSBmYWxzZTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBASW5qZWN0KERvbVNhbml0aXplcikgcHJpdmF0ZSByZWFkb25seSBzYW5pdGl6ZXI6IERvbVNhbml0aXplcixcbiAgICAgICAgQEluamVjdChDaGFuZ2VEZXRlY3RvclJlZikgY2hhbmdlRGV0ZWN0b3JSZWY6IENoYW5nZURldGVjdG9yUmVmLFxuICAgICkge1xuICAgICAgICAvLyBTbyBpbml0aWFsIGFuaW1hdGlvbiB3b3Jrc1xuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgIHRoaXMuaW5pdGlhbGl6ZWQgPSB0cnVlO1xuICAgICAgICAgICAgY2hhbmdlRGV0ZWN0b3JSZWYubWFya0ZvckNoZWNrKCk7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnc3R5bGUud2lkdGgucmVtJylcbiAgICBASG9zdEJpbmRpbmcoJ3N0eWxlLmhlaWdodC5yZW0nKVxuICAgIGdldCB3aWR0aCgpOiBudW1iZXIge1xuICAgICAgICByZXR1cm4gU0laRVt0aGlzLnNpemVdO1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnc3R5bGUuc3Ryb2tlV2lkdGgucmVtJylcbiAgICBnZXQgc3Ryb2tlV2lkdGgoKTogbnVtYmVyIHtcbiAgICAgICAgcmV0dXJuIFdJRFRIW3RoaXMuc2l6ZV07XG4gICAgfVxuXG4gICAgZ2V0SW5zZXQoaW5kZXg6IG51bWJlcik6IG51bWJlciB7XG4gICAgICAgIHJldHVybiB0aGlzLnN0cm9rZVdpZHRoIC8gMiArIGluZGV4ICogKHRoaXMuc3Ryb2tlV2lkdGggKyBHQVBbdGhpcy5zaXplXSk7XG4gICAgfVxuXG4gICAgZ2V0RGlhbWV0ZXIoaW5kZXg6IG51bWJlcik6IG51bWJlciB7XG4gICAgICAgIHJldHVybiBTSVpFW3RoaXMuc2l6ZV0gLSAyICogdGhpcy5nZXRJbnNldChpbmRleCk7XG4gICAgfVxuXG4gICAgZ2V0TGVuZ3RoKGluZGV4OiBudW1iZXIpOiBudW1iZXIge1xuICAgICAgICByZXR1cm4gTWF0aC5QSSAqIHRoaXMuZ2V0RGlhbWV0ZXIoaW5kZXgpICogQVJDO1xuICAgIH1cblxuICAgIGdldE9mZnNldChpbmRleDogbnVtYmVyKTogbnVtYmVyIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZ2V0TGVuZ3RoKGluZGV4KSAqICgxIC0gTWF0aC5taW4odGhpcy52YWx1ZVtpbmRleF0gLyB0aGlzLm1heCwgMSkpO1xuICAgIH1cblxuICAgIGdldENvbG9yKGluZGV4OiBudW1iZXIpOiBTYWZlVmFsdWUge1xuICAgICAgICByZXR1cm4gdGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFN0eWxlKFxuICAgICAgICAgICAgYHZhcigtLXR1aS1jaGFydC0ke2luZGV4fSwgdmFyKC0tdHVpLXN1cHBvcnQtMCR7aW5kZXggKyAxfSkpYCxcbiAgICAgICAgKTtcbiAgICB9XG59XG4iXX0=

package/esm2015/components/arc-chart/arc-chart.module.js

@@ -0,0 +1,15 @@
+import { __decorate } from "tslib";
+import { NgModule } from '@angular/core';
+import { TuiRepeatTimesModule } from '@taiga-ui/cdk';
+import { TuiArcChartComponent } from './arc-chart.component';
+let TuiArcChartModule = class TuiArcChartModule {
+};
+TuiArcChartModule = __decorate([
+    NgModule({
+        imports: [TuiRepeatTimesModule],
+        declarations: [TuiArcChartComponent],
+        exports: [TuiArcChartComponent],
+    })
+], TuiArcChartModule);
+export { TuiArcChartModule };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJjLWNoYXJ0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B0YWlnYS11aS9hZGRvbi1jaGFydHMvY29tcG9uZW50cy9hcmMtY2hhcnQvIiwic291cmNlcyI6WyJhcmMtY2hhcnQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxvQkFBb0IsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUVuRCxPQUFPLEVBQUMsb0JBQW9CLEVBQUMsTUFBTSx1QkFBdUIsQ0FBQztBQU8zRCxJQUFhLGlCQUFpQixHQUE5QixNQUFhLGlCQUFpQjtDQUFHLENBQUE7QUFBcEIsaUJBQWlCO0lBTDdCLFFBQVEsQ0FBQztRQUNOLE9BQU8sRUFBRSxDQUFDLG9CQUFvQixDQUFDO1FBQy9CLFlBQVksRUFBRSxDQUFDLG9CQUFvQixDQUFDO1FBQ3BDLE9BQU8sRUFBRSxDQUFDLG9CQUFvQixDQUFDO0tBQ2xDLENBQUM7R0FDVyxpQkFBaUIsQ0FBRztTQUFwQixpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VHVpUmVwZWF0VGltZXNNb2R1bGV9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuXG5pbXBvcnQge1R1aUFyY0NoYXJ0Q29tcG9uZW50fSBmcm9tICcuL2FyYy1jaGFydC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtUdWlSZXBlYXRUaW1lc01vZHVsZV0sXG4gICAgZGVjbGFyYXRpb25zOiBbVHVpQXJjQ2hhcnRDb21wb25lbnRdLFxuICAgIGV4cG9ydHM6IFtUdWlBcmNDaGFydENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUFyY0NoYXJ0TW9kdWxlIHt9XG4iXX0=

package/esm2015/components/arc-chart/index.js

@@ -0,0 +1,3 @@
+export * from './arc-chart.component';
+export * from './arc-chart.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkvYWRkb24tY2hhcnRzL2NvbXBvbmVudHMvYXJjLWNoYXJ0LyIsInNvdXJjZXMiOlsiaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLG9CQUFvQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9hcmMtY2hhcnQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vYXJjLWNoYXJ0Lm1vZHVsZSc7XG4iXX0=

package/esm2015/components/arc-chart/taiga-ui-addon-charts-components-arc-chart.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpZ2EtdWktYWRkb24tY2hhcnRzLWNvbXBvbmVudHMtYXJjLWNoYXJ0LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHRhaWdhLXVpL2FkZG9uLWNoYXJ0cy9jb21wb25lbnRzL2FyYy1jaGFydC8iLCJzb3VyY2VzIjpbInRhaWdhLXVpLWFkZG9uLWNoYXJ0cy1jb21wb25lbnRzLWFyYy1jaGFydC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/esm2015/components/index.js

@@ -1,3 +1,4 @@
+export * from '@taiga-ui/addon-charts/components/arc-chart';
 export * from '@taiga-ui/addon-charts/components/axes';
 export * from '@taiga-ui/addon-charts/components/bar';
 export * from '@taiga-ui/addon-charts/components/bar-chart';
@@ -7,4 +8,4 @@ export * from '@taiga-ui/addon-charts/components/line-chart';
 export * from '@taiga-ui/addon-charts/components/line-days-chart';
 export * from '@taiga-ui/addon-charts/components/pie-chart';
 export * from '@taiga-ui/addon-charts/components/ring-chart';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkvYWRkb24tY2hhcnRzL2NvbXBvbmVudHMvIiwic291cmNlcyI6WyJpbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMsK0NBQStDLENBQUM7QUFDOUQsY0FBYyw4Q0FBOEMsQ0FBQztBQUM3RCxjQUFjLG1EQUFtRCxDQUFDO0FBQ2xFLGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYyw4Q0FBOEMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1jaGFydHMvY29tcG9uZW50cy9heGVzJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1jaGFydHMvY29tcG9uZW50cy9iYXInO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLWNoYXJ0cy9jb21wb25lbnRzL2Jhci1jaGFydCc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tY2hhcnRzL2NvbXBvbmVudHMvYmFyLXNldCc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tY2hhcnRzL2NvbXBvbmVudHMvbGVnZW5kLWl0ZW0nO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLWNoYXJ0cy9jb21wb25lbnRzL2xpbmUtY2hhcnQnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLWNoYXJ0cy9jb21wb25lbnRzL2xpbmUtZGF5cy1jaGFydCc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tY2hhcnRzL2NvbXBvbmVudHMvcGllLWNoYXJ0JztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1jaGFydHMvY29tcG9uZW50cy9yaW5nLWNoYXJ0JztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkvYWRkb24tY2hhcnRzL2NvbXBvbmVudHMvIiwic291cmNlcyI6WyJpbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDZDQUE2QyxDQUFDO0FBQzVELGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLDZDQUE2QyxDQUFDO0FBQzVELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYywrQ0FBK0MsQ0FBQztBQUM5RCxjQUFjLDhDQUE4QyxDQUFDO0FBQzdELGNBQWMsbURBQW1ELENBQUM7QUFDbEUsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLDhDQUE4QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLWNoYXJ0cy9jb21wb25lbnRzL2FyYy1jaGFydCc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tY2hhcnRzL2NvbXBvbmVudHMvYXhlcyc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tY2hhcnRzL2NvbXBvbmVudHMvYmFyJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1jaGFydHMvY29tcG9uZW50cy9iYXItY2hhcnQnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLWNoYXJ0cy9jb21wb25lbnRzL2Jhci1zZXQnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLWNoYXJ0cy9jb21wb25lbnRzL2xlZ2VuZC1pdGVtJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1jaGFydHMvY29tcG9uZW50cy9saW5lLWNoYXJ0JztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1jaGFydHMvY29tcG9uZW50cy9saW5lLWRheXMtY2hhcnQnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLWNoYXJ0cy9jb21wb25lbnRzL3BpZS1jaGFydCc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tY2hhcnRzL2NvbXBvbmVudHMvcmluZy1jaGFydCc7XG4iXX0=

package/esm5/components/arc-chart/arc-chart.component.js

@@ -0,0 +1,112 @@
+import { __decorate, __param } from "tslib";
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, HostBinding, Inject, Input, } from '@angular/core';
+import { DomSanitizer, SafeValue } from '@angular/platform-browser';
+import { tuiDefaultProp } from '@taiga-ui/cdk';
+// 3/4 with 1% safety offset
+var ARC = 0.76;
+var SIZE = {
+    m: 9,
+    l: 11,
+    xl: 16,
+};
+var WIDTH = {
+    m: 0.25,
+    l: 0.375,
+    xl: 0.5625,
+};
+var GAP = {
+    m: 0.125,
+    l: 0.1875,
+    xl: 0.25,
+};
+var TuiArcChartComponent = /** @class */ (function () {
+    function TuiArcChartComponent(sanitizer, changeDetectorRef) {
+        var _this = this;
+        this.sanitizer = sanitizer;
+        this.value = [];
+        this.size = 'm';
+        this.max = 100;
+        this.minLabel = '0%';
+        this.maxLabel = '100%';
+        this.initialized = false;
+        // So initial animation works
+        setTimeout(function () {
+            _this.initialized = true;
+            changeDetectorRef.markForCheck();
+        });
+    }
+    Object.defineProperty(TuiArcChartComponent.prototype, "width", {
+        get: function () {
+            return SIZE[this.size];
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TuiArcChartComponent.prototype, "strokeWidth", {
+        get: function () {
+            return WIDTH[this.size];
+        },
+        enumerable: true,
+        configurable: true
+    });
+    TuiArcChartComponent.prototype.getInset = function (index) {
+        return this.strokeWidth / 2 + index * (this.strokeWidth + GAP[this.size]);
+    };
+    TuiArcChartComponent.prototype.getDiameter = function (index) {
+        return SIZE[this.size] - 2 * this.getInset(index);
+    };
+    TuiArcChartComponent.prototype.getLength = function (index) {
+        return Math.PI * this.getDiameter(index) * ARC;
+    };
+    TuiArcChartComponent.prototype.getOffset = function (index) {
+        return this.getLength(index) * (1 - Math.min(this.value[index] / this.max, 1));
+    };
+    TuiArcChartComponent.prototype.getColor = function (index) {
+        return this.sanitizer.bypassSecurityTrustStyle("var(--tui-chart-" + index + ", var(--tui-support-0" + (index + 1) + "))");
+    };
+    TuiArcChartComponent.ctorParameters = function () { return [
+        { type: DomSanitizer, decorators: [{ type: Inject, args: [DomSanitizer,] }] },
+        { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] }
+    ]; };
+    __decorate([
+        Input(),
+        tuiDefaultProp()
+    ], TuiArcChartComponent.prototype, "value", void 0);
+    __decorate([
+        Input(),
+        HostBinding('attr.data-size'),
+        tuiDefaultProp()
+    ], TuiArcChartComponent.prototype, "size", void 0);
+    __decorate([
+        Input(),
+        tuiDefaultProp()
+    ], TuiArcChartComponent.prototype, "max", void 0);
+    __decorate([
+        Input(),
+        tuiDefaultProp()
+    ], TuiArcChartComponent.prototype, "minLabel", void 0);
+    __decorate([
+        Input(),
+        tuiDefaultProp()
+    ], TuiArcChartComponent.prototype, "maxLabel", void 0);
+    __decorate([
+        HostBinding('style.width.rem'),
+        HostBinding('style.height.rem')
+    ], TuiArcChartComponent.prototype, "width", null);
+    __decorate([
+        HostBinding('style.strokeWidth.rem')
+    ], TuiArcChartComponent.prototype, "strokeWidth", null);
+    TuiArcChartComponent = __decorate([
+        Component({
+            selector: 'tui-arc-chart',
+            template: "<svg\n    *tuiRepeatTimes=\"let index of value.length\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"-100 -100 200 200\"\n    focusable=\"false\"\n    class=\"t-svg\"\n    [style.top.em]=\"getInset(index)\"\n    [style.left.em]=\"getInset(index)\"\n    [style.width.em]=\"getDiameter(index)\"\n    [style.height.em]=\"getDiameter(index)\"\n>\n    <path\n        vector-effect=\"non-scaling-stroke\"\n        d=\"M -70 70 A 100 100 0 1 1 70 70\"\n    />\n    <path\n        vector-effect=\"non-scaling-stroke\"\n        d=\"M -70 70 A 100 100 0 1 1 70 70\"\n        class=\"t-value\"\n        [style.stroke]=\"getColor(index)\"\n        [style.strokeDasharray.em]=\"getLength(index)\"\n        [style.strokeDashoffset.em]=\"initialized ? getOffset(index) : getLength(index)\"\n    />\n</svg>\n<div class=\"t-content\">\n    <div class=\"t-wrapper\"><ng-content></ng-content></div>\n</div>\n<div class=\"t-percent\">\n    <span>{{minLabel}}</span>\n    <span>{{maxLabel}}</span>\n</div>\n",
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            styles: [":host{position:relative;display:block;flex-shrink:0}.t-svg{position:absolute;top:0;left:0;bottom:0;right:0;overflow:visible;fill:none;stroke:currentColor;stroke-linecap:round;color:var(--tui-secondary);font-size:1rem}.t-value{transition-property:stroke-dashoffset;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out}.t-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;color:var(--tui-text-02);font:var(--tui-font-text-xs)}:host[data-size=xl] .t-content{font:var(--tui-font-text-m)}.t-wrapper{flex:1}.t-wrapper:first-line{color:var(--tui-text-01)}:host[data-size='m'] .t-wrapper:first-line{font:var(--tui-font-text-s);font-weight:700}:host[data-size='l'] .t-wrapper:first-line{font:var(--tui-font-text-m);font-weight:700}:host[data-size=xl] .t-wrapper:first-line{font:var(--tui-font-heading-5)}.t-percent{position:absolute;left:25%;bottom:11%;display:flex;width:50%;justify-content:space-between;font:var(--tui-font-text-xs);color:var(--tui-text-02)}:host[data-size=xl] .t-percent{font:var(--tui-font-text-m)}"]
+        }),
+        __param(0, Inject(DomSanitizer)),
+        __param(1, Inject(ChangeDetectorRef))
+    ], TuiArcChartComponent);
+    return TuiArcChartComponent;
+}());
+export { TuiArcChartComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJjLWNoYXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B0YWlnYS11aS9hZGRvbi1jaGFydHMvY29tcG9uZW50cy9hcmMtY2hhcnQvIiwic291cmNlcyI6WyJhcmMtY2hhcnQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsV0FBVyxFQUNYLE1BQU0sRUFDTixLQUFLLEdBQ1IsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLFlBQVksRUFBRSxTQUFTLEVBQUMsTUFBTSwyQkFBMkIsQ0FBQztBQUNsRSxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRzdDLDRCQUE0QjtBQUM1QixJQUFNLEdBQUcsR0FBRyxJQUFJLENBQUM7QUFFakIsSUFBTSxJQUFJLEdBQThCO0lBQ3BDLENBQUMsRUFBRSxDQUFDO0lBQ0osQ0FBQyxFQUFFLEVBQUU7SUFDTCxFQUFFLEVBQUUsRUFBRTtDQUNULENBQUM7QUFFRixJQUFNLEtBQUssR0FBOEI7SUFDckMsQ0FBQyxFQUFFLElBQUk7SUFDUCxDQUFDLEVBQUUsS0FBSztJQUNSLEVBQUUsRUFBRSxNQUFNO0NBQ2IsQ0FBQztBQUVGLElBQU0sR0FBRyxHQUE4QjtJQUNuQyxDQUFDLEVBQUUsS0FBSztJQUNSLENBQUMsRUFBRSxNQUFNO0lBQ1QsRUFBRSxFQUFFLElBQUk7Q0FDWCxDQUFDO0FBUUY7SUF3QkksOEJBQzJDLFNBQXVCLEVBQ25DLGlCQUFvQztRQUZuRSxpQkFTQztRQVIwQyxjQUFTLEdBQVQsU0FBUyxDQUFjO1FBdEJsRSxVQUFLLEdBQXNCLEVBQUUsQ0FBQztRQUs5QixTQUFJLEdBQWMsR0FBRyxDQUFDO1FBSXRCLFFBQUcsR0FBRyxHQUFHLENBQUM7UUFJVixhQUFRLEdBQUcsSUFBSSxDQUFDO1FBSWhCLGFBQVEsR0FBRyxNQUFNLENBQUM7UUFFbEIsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFNaEIsNkJBQTZCO1FBQzdCLFVBQVUsQ0FBQztZQUNQLEtBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO1lBQ3hCLGlCQUFpQixDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3JDLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUlELHNCQUFJLHVDQUFLO2FBQVQ7WUFDSSxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDM0IsQ0FBQzs7O09BQUE7SUFHRCxzQkFBSSw2Q0FBVzthQUFmO1lBQ0ksT0FBTyxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzVCLENBQUM7OztPQUFBO0lBRUQsdUNBQVEsR0FBUixVQUFTLEtBQWE7UUFDbEIsT0FBTyxJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsR0FBRyxLQUFLLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxHQUFHLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQztJQUM5RSxDQUFDO0lBRUQsMENBQVcsR0FBWCxVQUFZLEtBQWE7UUFDckIsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3RELENBQUM7SUFFRCx3Q0FBUyxHQUFULFVBQVUsS0FBYTtRQUNuQixPQUFPLElBQUksQ0FBQyxFQUFFLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsR0FBRyxHQUFHLENBQUM7SUFDbkQsQ0FBQztJQUVELHdDQUFTLEdBQVQsVUFBVSxLQUFhO1FBQ25CLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLEdBQUcsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ25GLENBQUM7SUFFRCx1Q0FBUSxHQUFSLFVBQVMsS0FBYTtRQUNsQixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsd0JBQXdCLENBQzFDLHFCQUFtQixLQUFLLDhCQUF3QixLQUFLLEdBQUcsQ0FBQyxRQUFJLENBQ2hFLENBQUM7SUFDTixDQUFDOztnQkF6Q3FELFlBQVksdUJBQTdELE1BQU0sU0FBQyxZQUFZO2dCQUMwQixpQkFBaUIsdUJBQTlELE1BQU0sU0FBQyxpQkFBaUI7O0lBdkI3QjtRQUZDLEtBQUssRUFBRTtRQUNQLGNBQWMsRUFBRTt1REFDYTtJQUs5QjtRQUhDLEtBQUssRUFBRTtRQUNQLFdBQVcsQ0FBQyxnQkFBZ0IsQ0FBQztRQUM3QixjQUFjLEVBQUU7c0RBQ0s7SUFJdEI7UUFGQyxLQUFLLEVBQUU7UUFDUCxjQUFjLEVBQUU7cURBQ1A7SUFJVjtRQUZDLEtBQUssRUFBRTtRQUNQLGNBQWMsRUFBRTswREFDRDtJQUloQjtRQUZDLEtBQUssRUFBRTtRQUNQLGNBQWMsRUFBRTswREFDQztJQWlCbEI7UUFGQyxXQUFXLENBQUMsaUJBQWlCLENBQUM7UUFDOUIsV0FBVyxDQUFDLGtCQUFrQixDQUFDO3FEQUcvQjtJQUdEO1FBREMsV0FBVyxDQUFDLHVCQUF1QixDQUFDOzJEQUdwQztJQTVDUSxvQkFBb0I7UUFOaEMsU0FBUyxDQUFDO1lBQ1AsUUFBUSxFQUFFLGVBQWU7WUFDekIsay9CQUF3QztZQUV4QyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7U0FDbEQsQ0FBQztRQTBCTyxXQUFBLE1BQU0sQ0FBQyxZQUFZLENBQUMsQ0FBQTtRQUNwQixXQUFBLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFBO09BMUJyQixvQkFBb0IsQ0FtRWhDO0lBQUQsMkJBQUM7Q0FBQSxBQW5FRCxJQW1FQztTQW5FWSxvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENoYW5nZURldGVjdG9yUmVmLFxuICAgIENvbXBvbmVudCxcbiAgICBIb3N0QmluZGluZyxcbiAgICBJbmplY3QsXG4gICAgSW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtEb21TYW5pdGl6ZXIsIFNhZmVWYWx1ZX0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5pbXBvcnQge3R1aURlZmF1bHRQcm9wfSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcbmltcG9ydCB7VHVpU2l6ZVhMfSBmcm9tICdAdGFpZ2EtdWkvY29yZSc7XG5cbi8vIDMvNCB3aXRoIDElIHNhZmV0eSBvZmZzZXRcbmNvbnN0IEFSQyA9IDAuNzY7XG5cbmNvbnN0IFNJWkU6IFJlY29yZDxUdWlTaXplWEwsIG51bWJlcj4gPSB7XG4gICAgbTogOSxcbiAgICBsOiAxMSxcbiAgICB4bDogMTYsXG59O1xuXG5jb25zdCBXSURUSDogUmVjb3JkPFR1aVNpemVYTCwgbnVtYmVyPiA9IHtcbiAgICBtOiAwLjI1LFxuICAgIGw6IDAuMzc1LFxuICAgIHhsOiAwLjU2MjUsXG59O1xuXG5jb25zdCBHQVA6IFJlY29yZDxUdWlTaXplWEwsIG51bWJlcj4gPSB7XG4gICAgbTogMC4xMjUsXG4gICAgbDogMC4xODc1LFxuICAgIHhsOiAwLjI1LFxufTtcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd0dWktYXJjLWNoYXJ0JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYXJjLWNoYXJ0LnRlbXBsYXRlLmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2FyYy1jaGFydC5zdHlsZS5sZXNzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFR1aUFyY0NoYXJ0Q29tcG9uZW50IHtcbiAgICBASW5wdXQoKVxuICAgIEB0dWlEZWZhdWx0UHJvcCgpXG4gICAgdmFsdWU6IHJlYWRvbmx5IG51bWJlcltdID0gW107XG5cbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLXNpemUnKVxuICAgIEB0dWlEZWZhdWx0UHJvcCgpXG4gICAgc2l6ZTogVHVpU2l6ZVhMID0gJ20nO1xuXG4gICAgQElucHV0KClcbiAgICBAdHVpRGVmYXVsdFByb3AoKVxuICAgIG1heCA9IDEwMDtcblxuICAgIEBJbnB1dCgpXG4gICAgQHR1aURlZmF1bHRQcm9wKClcbiAgICBtaW5MYWJlbCA9ICcwJSc7XG5cbiAgICBASW5wdXQoKVxuICAgIEB0dWlEZWZhdWx0UHJvcCgpXG4gICAgbWF4TGFiZWwgPSAnMTAwJSc7XG5cbiAgICBpbml0aWFsaXplZCA9IGZhbHNlO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIEBJbmplY3QoRG9tU2FuaXRpemVyKSBwcml2YXRlIHJlYWRvbmx5IHNhbml0aXplcjogRG9tU2FuaXRpemVyLFxuICAgICAgICBASW5qZWN0KENoYW5nZURldGVjdG9yUmVmKSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgKSB7XG4gICAgICAgIC8vIFNvIGluaXRpYWwgYW5pbWF0aW9uIHdvcmtzXG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgdGhpcy5pbml0aWFsaXplZCA9IHRydWU7XG4gICAgICAgICAgICBjaGFuZ2VEZXRlY3RvclJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdzdHlsZS53aWR0aC5yZW0nKVxuICAgIEBIb3N0QmluZGluZygnc3R5bGUuaGVpZ2h0LnJlbScpXG4gICAgZ2V0IHdpZHRoKCk6IG51bWJlciB7XG4gICAgICAgIHJldHVybiBTSVpFW3RoaXMuc2l6ZV07XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdzdHlsZS5zdHJva2VXaWR0aC5yZW0nKVxuICAgIGdldCBzdHJva2VXaWR0aCgpOiBudW1iZXIge1xuICAgICAgICByZXR1cm4gV0lEVEhbdGhpcy5zaXplXTtcbiAgICB9XG5cbiAgICBnZXRJbnNldChpbmRleDogbnVtYmVyKTogbnVtYmVyIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuc3Ryb2tlV2lkdGggLyAyICsgaW5kZXggKiAodGhpcy5zdHJva2VXaWR0aCArIEdBUFt0aGlzLnNpemVdKTtcbiAgICB9XG5cbiAgICBnZXREaWFtZXRlcihpbmRleDogbnVtYmVyKTogbnVtYmVyIHtcbiAgICAgICAgcmV0dXJuIFNJWkVbdGhpcy5zaXplXSAtIDIgKiB0aGlzLmdldEluc2V0KGluZGV4KTtcbiAgICB9XG5cbiAgICBnZXRMZW5ndGgoaW5kZXg6IG51bWJlcik6IG51bWJlciB7XG4gICAgICAgIHJldHVybiBNYXRoLlBJICogdGhpcy5nZXREaWFtZXRlcihpbmRleCkgKiBBUkM7XG4gICAgfVxuXG4gICAgZ2V0T2Zmc2V0KGluZGV4OiBudW1iZXIpOiBudW1iZXIge1xuICAgICAgICByZXR1cm4gdGhpcy5nZXRMZW5ndGgoaW5kZXgpICogKDEgLSBNYXRoLm1pbih0aGlzLnZhbHVlW2luZGV4XSAvIHRoaXMubWF4LCAxKSk7XG4gICAgfVxuXG4gICAgZ2V0Q29sb3IoaW5kZXg6IG51bWJlcik6IFNhZmVWYWx1ZSB7XG4gICAgICAgIHJldHVybiB0aGlzLnNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0U3R5bGUoXG4gICAgICAgICAgICBgdmFyKC0tdHVpLWNoYXJ0LSR7aW5kZXh9LCB2YXIoLS10dWktc3VwcG9ydC0wJHtpbmRleCArIDF9KSlgLFxuICAgICAgICApO1xuICAgIH1cbn1cbiJdfQ==

package/esm5/components/arc-chart/arc-chart.module.js

@@ -0,0 +1,18 @@
+import { __decorate } from "tslib";
+import { NgModule } from '@angular/core';
+import { TuiRepeatTimesModule } from '@taiga-ui/cdk';
+import { TuiArcChartComponent } from './arc-chart.component';
+var TuiArcChartModule = /** @class */ (function () {
+    function TuiArcChartModule() {
+    }
+    TuiArcChartModule = __decorate([
+        NgModule({
+            imports: [TuiRepeatTimesModule],
+            declarations: [TuiArcChartComponent],
+            exports: [TuiArcChartComponent],
+        })
+    ], TuiArcChartModule);
+    return TuiArcChartModule;
+}());
+export { TuiArcChartModule };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJjLWNoYXJ0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B0YWlnYS11aS9hZGRvbi1jaGFydHMvY29tcG9uZW50cy9hcmMtY2hhcnQvIiwic291cmNlcyI6WyJhcmMtY2hhcnQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxvQkFBb0IsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUVuRCxPQUFPLEVBQUMsb0JBQW9CLEVBQUMsTUFBTSx1QkFBdUIsQ0FBQztBQU8zRDtJQUFBO0lBQWdDLENBQUM7SUFBcEIsaUJBQWlCO1FBTDdCLFFBQVEsQ0FBQztZQUNOLE9BQU8sRUFBRSxDQUFDLG9CQUFvQixDQUFDO1lBQy9CLFlBQVksRUFBRSxDQUFDLG9CQUFvQixDQUFDO1lBQ3BDLE9BQU8sRUFBRSxDQUFDLG9CQUFvQixDQUFDO1NBQ2xDLENBQUM7T0FDVyxpQkFBaUIsQ0FBRztJQUFELHdCQUFDO0NBQUEsQUFBakMsSUFBaUM7U0FBcEIsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1R1aVJlcGVhdFRpbWVzTW9kdWxlfSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcblxuaW1wb3J0IHtUdWlBcmNDaGFydENvbXBvbmVudH0gZnJvbSAnLi9hcmMtY2hhcnQuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbVHVpUmVwZWF0VGltZXNNb2R1bGVdLFxuICAgIGRlY2xhcmF0aW9uczogW1R1aUFyY0NoYXJ0Q29tcG9uZW50XSxcbiAgICBleHBvcnRzOiBbVHVpQXJjQ2hhcnRDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlBcmNDaGFydE1vZHVsZSB7fVxuIl19

package/esm5/components/arc-chart/index.js

@@ -0,0 +1,3 @@
+export * from './arc-chart.component';
+export * from './arc-chart.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkvYWRkb24tY2hhcnRzL2NvbXBvbmVudHMvYXJjLWNoYXJ0LyIsInNvdXJjZXMiOlsiaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLG9CQUFvQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9hcmMtY2hhcnQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vYXJjLWNoYXJ0Lm1vZHVsZSc7XG4iXX0=

package/esm5/components/arc-chart/taiga-ui-addon-charts-components-arc-chart.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpZ2EtdWktYWRkb24tY2hhcnRzLWNvbXBvbmVudHMtYXJjLWNoYXJ0LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHRhaWdhLXVpL2FkZG9uLWNoYXJ0cy9jb21wb25lbnRzL2FyYy1jaGFydC8iLCJzb3VyY2VzIjpbInRhaWdhLXVpLWFkZG9uLWNoYXJ0cy1jb21wb25lbnRzLWFyYy1jaGFydC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/esm5/components/index.js

@@ -1,3 +1,4 @@
+export * from '@taiga-ui/addon-charts/components/arc-chart';
 export * from '@taiga-ui/addon-charts/components/axes';
 export * from '@taiga-ui/addon-charts/components/bar';
 export * from '@taiga-ui/addon-charts/components/bar-chart';
@@ -7,4 +8,4 @@ export * from '@taiga-ui/addon-charts/components/line-chart';
 export * from '@taiga-ui/addon-charts/components/line-days-chart';
 export * from '@taiga-ui/addon-charts/components/pie-chart';
 export * from '@taiga-ui/addon-charts/components/ring-chart';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkvYWRkb24tY2hhcnRzL2NvbXBvbmVudHMvIiwic291cmNlcyI6WyJpbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMsK0NBQStDLENBQUM7QUFDOUQsY0FBYyw4Q0FBOEMsQ0FBQztBQUM3RCxjQUFjLG1EQUFtRCxDQUFDO0FBQ2xFLGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYyw4Q0FBOEMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1jaGFydHMvY29tcG9uZW50cy9heGVzJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1jaGFydHMvY29tcG9uZW50cy9iYXInO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLWNoYXJ0cy9jb21wb25lbnRzL2Jhci1jaGFydCc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tY2hhcnRzL2NvbXBvbmVudHMvYmFyLXNldCc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tY2hhcnRzL2NvbXBvbmVudHMvbGVnZW5kLWl0ZW0nO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLWNoYXJ0cy9jb21wb25lbnRzL2xpbmUtY2hhcnQnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLWNoYXJ0cy9jb21wb25lbnRzL2xpbmUtZGF5cy1jaGFydCc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tY2hhcnRzL2NvbXBvbmVudHMvcGllLWNoYXJ0JztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1jaGFydHMvY29tcG9uZW50cy9yaW5nLWNoYXJ0JztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkvYWRkb24tY2hhcnRzL2NvbXBvbmVudHMvIiwic291cmNlcyI6WyJpbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDZDQUE2QyxDQUFDO0FBQzVELGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLDZDQUE2QyxDQUFDO0FBQzVELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYywrQ0FBK0MsQ0FBQztBQUM5RCxjQUFjLDhDQUE4QyxDQUFDO0FBQzdELGNBQWMsbURBQW1ELENBQUM7QUFDbEUsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLDhDQUE4QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLWNoYXJ0cy9jb21wb25lbnRzL2FyYy1jaGFydCc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tY2hhcnRzL2NvbXBvbmVudHMvYXhlcyc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tY2hhcnRzL2NvbXBvbmVudHMvYmFyJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1jaGFydHMvY29tcG9uZW50cy9iYXItY2hhcnQnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLWNoYXJ0cy9jb21wb25lbnRzL2Jhci1zZXQnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLWNoYXJ0cy9jb21wb25lbnRzL2xlZ2VuZC1pdGVtJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1jaGFydHMvY29tcG9uZW50cy9saW5lLWNoYXJ0JztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1jaGFydHMvY29tcG9uZW50cy9saW5lLWRheXMtY2hhcnQnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLWNoYXJ0cy9jb21wb25lbnRzL3BpZS1jaGFydCc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tY2hhcnRzL2NvbXBvbmVudHMvcmluZy1jaGFydCc7XG4iXX0=

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

@@ -0,0 +1,118 @@
+import { __decorate, __param } from 'tslib';
+import { Inject, ChangeDetectorRef, Input, HostBinding, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { tuiDefaultProp, TuiRepeatTimesModule } from '@taiga-ui/cdk';
+
+// 3/4 with 1% safety offset
+const ARC = 0.76;
+const SIZE = {
+    m: 9,
+    l: 11,
+    xl: 16,
+};
+const WIDTH = {
+    m: 0.25,
+    l: 0.375,
+    xl: 0.5625,
+};
+const GAP = {
+    m: 0.125,
+    l: 0.1875,
+    xl: 0.25,
+};
+let TuiArcChartComponent = class TuiArcChartComponent {
+    constructor(sanitizer, changeDetectorRef) {
+        this.sanitizer = sanitizer;
+        this.value = [];
+        this.size = 'm';
+        this.max = 100;
+        this.minLabel = '0%';
+        this.maxLabel = '100%';
+        this.initialized = false;
+        // So initial animation works
+        setTimeout(() => {
+            this.initialized = true;
+            changeDetectorRef.markForCheck();
+        });
+    }
+    get width() {
+        return SIZE[this.size];
+    }
+    get strokeWidth() {
+        return WIDTH[this.size];
+    }
+    getInset(index) {
+        return this.strokeWidth / 2 + index * (this.strokeWidth + GAP[this.size]);
+    }
+    getDiameter(index) {
+        return SIZE[this.size] - 2 * this.getInset(index);
+    }
+    getLength(index) {
+        return Math.PI * this.getDiameter(index) * ARC;
+    }
+    getOffset(index) {
+        return this.getLength(index) * (1 - Math.min(this.value[index] / this.max, 1));
+    }
+    getColor(index) {
+        return this.sanitizer.bypassSecurityTrustStyle(`var(--tui-chart-${index}, var(--tui-support-0${index + 1}))`);
+    }
+};
+TuiArcChartComponent.ctorParameters = () => [
+    { type: DomSanitizer, decorators: [{ type: Inject, args: [DomSanitizer,] }] },
+    { type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] }
+];
+__decorate([
+    Input(),
+    tuiDefaultProp()
+], TuiArcChartComponent.prototype, "value", void 0);
+__decorate([
+    Input(),
+    HostBinding('attr.data-size'),
+    tuiDefaultProp()
+], TuiArcChartComponent.prototype, "size", void 0);
+__decorate([
+    Input(),
+    tuiDefaultProp()
+], TuiArcChartComponent.prototype, "max", void 0);
+__decorate([
+    Input(),
+    tuiDefaultProp()
+], TuiArcChartComponent.prototype, "minLabel", void 0);
+__decorate([
+    Input(),
+    tuiDefaultProp()
+], TuiArcChartComponent.prototype, "maxLabel", void 0);
+__decorate([
+    HostBinding('style.width.rem'),
+    HostBinding('style.height.rem')
+], TuiArcChartComponent.prototype, "width", null);
+__decorate([
+    HostBinding('style.strokeWidth.rem')
+], TuiArcChartComponent.prototype, "strokeWidth", null);
+TuiArcChartComponent = __decorate([
+    Component({
+        selector: 'tui-arc-chart',
+        template: "<svg\n    *tuiRepeatTimes=\"let index of value.length\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"-100 -100 200 200\"\n    focusable=\"false\"\n    class=\"t-svg\"\n    [style.top.em]=\"getInset(index)\"\n    [style.left.em]=\"getInset(index)\"\n    [style.width.em]=\"getDiameter(index)\"\n    [style.height.em]=\"getDiameter(index)\"\n>\n    <path\n        vector-effect=\"non-scaling-stroke\"\n        d=\"M -70 70 A 100 100 0 1 1 70 70\"\n    />\n    <path\n        vector-effect=\"non-scaling-stroke\"\n        d=\"M -70 70 A 100 100 0 1 1 70 70\"\n        class=\"t-value\"\n        [style.stroke]=\"getColor(index)\"\n        [style.strokeDasharray.em]=\"getLength(index)\"\n        [style.strokeDashoffset.em]=\"initialized ? getOffset(index) : getLength(index)\"\n    />\n</svg>\n<div class=\"t-content\">\n    <div class=\"t-wrapper\"><ng-content></ng-content></div>\n</div>\n<div class=\"t-percent\">\n    <span>{{minLabel}}</span>\n    <span>{{maxLabel}}</span>\n</div>\n",
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        styles: [":host{position:relative;display:block;flex-shrink:0}.t-svg{position:absolute;top:0;left:0;bottom:0;right:0;overflow:visible;fill:none;stroke:currentColor;stroke-linecap:round;color:var(--tui-secondary);font-size:1rem}.t-value{transition-property:stroke-dashoffset;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out}.t-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;color:var(--tui-text-02);font:var(--tui-font-text-xs)}:host[data-size=xl] .t-content{font:var(--tui-font-text-m)}.t-wrapper{flex:1}.t-wrapper:first-line{color:var(--tui-text-01)}:host[data-size='m'] .t-wrapper:first-line{font:var(--tui-font-text-s);font-weight:700}:host[data-size='l'] .t-wrapper:first-line{font:var(--tui-font-text-m);font-weight:700}:host[data-size=xl] .t-wrapper:first-line{font:var(--tui-font-heading-5)}.t-percent{position:absolute;left:25%;bottom:11%;display:flex;width:50%;justify-content:space-between;font:var(--tui-font-text-xs);color:var(--tui-text-02)}:host[data-size=xl] .t-percent{font:var(--tui-font-text-m)}"]
+    }),
+    __param(0, Inject(DomSanitizer)),
+    __param(1, Inject(ChangeDetectorRef))
+], TuiArcChartComponent);
+
+let TuiArcChartModule = class TuiArcChartModule {
+};
+TuiArcChartModule = __decorate([
+    NgModule({
+        imports: [TuiRepeatTimesModule],
+        declarations: [TuiArcChartComponent],
+        exports: [TuiArcChartComponent],
+    })
+], TuiArcChartModule);
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TuiArcChartComponent, TuiArcChartModule };
+//# sourceMappingURL=taiga-ui-addon-charts-components-arc-chart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-addon-charts-components-arc-chart.js","sources":["ng://@taiga-ui/addon-charts/components/arc-chart/arc-chart.component.ts","ng://@taiga-ui/addon-charts/components/arc-chart/arc-chart.module.ts","ng://@taiga-ui/addon-charts/components/arc-chart/taiga-ui-addon-charts-components-arc-chart.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    HostBinding,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {DomSanitizer, SafeValue} from '@angular/platform-browser';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TuiSizeXL} from '@taiga-ui/core';\n\n// 3/4 with 1% safety offset\nconst ARC = 0.76;\n\nconst SIZE: Record<TuiSizeXL, number> = {\n    m: 9,\n    l: 11,\n    xl: 16,\n};\n\nconst WIDTH: Record<TuiSizeXL, number> = {\n    m: 0.25,\n    l: 0.375,\n    xl: 0.5625,\n};\n\nconst GAP: Record<TuiSizeXL, number> = {\n    m: 0.125,\n    l: 0.1875,\n    xl: 0.25,\n};\n\n@Component({\n    selector: 'tui-arc-chart',\n    templateUrl: './arc-chart.template.html',\n    styleUrls: ['./arc-chart.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiArcChartComponent {\n    @Input()\n    @tuiDefaultProp()\n    value: readonly number[] = [];\n\n    @Input()\n    @HostBinding('attr.data-size')\n    @tuiDefaultProp()\n    size: TuiSizeXL = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    max = 100;\n\n    @Input()\n    @tuiDefaultProp()\n    minLabel = '0%';\n\n    @Input()\n    @tuiDefaultProp()\n    maxLabel = '100%';\n\n    initialized = false;\n\n    constructor(\n        @Inject(DomSanitizer) private readonly sanitizer: DomSanitizer,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n    ) {\n        // So initial animation works\n        setTimeout(() => {\n            this.initialized = true;\n            changeDetectorRef.markForCheck();\n        });\n    }\n\n    @HostBinding('style.width.rem')\n    @HostBinding('style.height.rem')\n    get width(): number {\n        return SIZE[this.size];\n    }\n\n    @HostBinding('style.strokeWidth.rem')\n    get strokeWidth(): number {\n        return WIDTH[this.size];\n    }\n\n    getInset(index: number): number {\n        return this.strokeWidth / 2 + index * (this.strokeWidth + GAP[this.size]);\n    }\n\n    getDiameter(index: number): number {\n        return SIZE[this.size] - 2 * this.getInset(index);\n    }\n\n    getLength(index: number): number {\n        return Math.PI * this.getDiameter(index) * ARC;\n    }\n\n    getOffset(index: number): number {\n        return this.getLength(index) * (1 - Math.min(this.value[index] / this.max, 1));\n    }\n\n    getColor(index: number): SafeValue {\n        return this.sanitizer.bypassSecurityTrustStyle(\n            `var(--tui-chart-${index}, var(--tui-support-0${index + 1}))`,\n        );\n    }\n}\n","import {NgModule} from '@angular/core';\nimport {TuiRepeatTimesModule} from '@taiga-ui/cdk';\n\nimport {TuiArcChartComponent} from './arc-chart.component';\n\n@NgModule({\n    imports: [TuiRepeatTimesModule],\n    declarations: [TuiArcChartComponent],\n    exports: [TuiArcChartComponent],\n})\nexport class TuiArcChartModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAYA;AACA,MAAM,GAAG,GAAG,IAAI,CAAC;AAEjB,MAAM,IAAI,GAA8B;IACpC,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,EAAE;IACL,EAAE,EAAE,EAAE;CACT,CAAC;AAEF,MAAM,KAAK,GAA8B;IACrC,CAAC,EAAE,IAAI;IACP,CAAC,EAAE,KAAK;IACR,EAAE,EAAE,MAAM;CACb,CAAC;AAEF,MAAM,GAAG,GAA8B;IACnC,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,MAAM;IACT,EAAE,EAAE,IAAI;CACX,CAAC;IAQW,oBAAoB,GAAjC,MAAa,oBAAoB;IAwB7B,YAC2C,SAAuB,EACnC,iBAAoC;QADxB,cAAS,GAAT,SAAS,CAAc;QAtBlE,UAAK,GAAsB,EAAE,CAAC;QAK9B,SAAI,GAAc,GAAG,CAAC;QAItB,QAAG,GAAG,GAAG,CAAC;QAIV,aAAQ,GAAG,IAAI,CAAC;QAIhB,aAAQ,GAAG,MAAM,CAAC;QAElB,gBAAW,GAAG,KAAK,CAAC;;QAOhB,UAAU,CAAC;YACP,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;YACxB,iBAAiB,CAAC,YAAY,EAAE,CAAC;SACpC,CAAC,CAAC;KACN;IAID,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC1B;IAGD,IAAI,WAAW;QACX,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC3B;IAED,QAAQ,CAAC,KAAa;QAClB,OAAO,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,KAAK,IAAI,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;KAC7E;IAED,WAAW,CAAC,KAAa;QACrB,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;KACrD;IAED,SAAS,CAAC,KAAa;QACnB,OAAO,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC;KAClD;IAED,SAAS,CAAC,KAAa;QACnB,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;KAClF;IAED,QAAQ,CAAC,KAAa;QAClB,OAAO,IAAI,CAAC,SAAS,CAAC,wBAAwB,CAC1C,mBAAmB,KAAK,wBAAwB,KAAK,GAAG,CAAC,IAAI,CAChE,CAAC;KACL;EACJ;;YA1CyD,YAAY,uBAA7D,MAAM,SAAC,YAAY;YAC0B,iBAAiB,uBAA9D,MAAM,SAAC,iBAAiB;;AAvB7B;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;mDACa;AAK9B;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,gBAAgB,CAAC;IAC7B,cAAc,EAAE;kDACK;AAItB;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;iDACP;AAIV;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;sDACD;AAIhB;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;sDACC;AAiBlB;IAFC,WAAW,CAAC,iBAAiB,CAAC;IAC9B,WAAW,CAAC,kBAAkB,CAAC;iDAG/B;AAGD;IADC,WAAW,CAAC,uBAAuB,CAAC;uDAGpC;AA5CQ,oBAAoB;IANhC,SAAS,CAAC;QACP,QAAQ,EAAE,eAAe;QACzB,k/BAAwC;QAExC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;KAClD,CAAC;IA0BO,WAAA,MAAM,CAAC,YAAY,CAAC,CAAA;IACpB,WAAA,MAAM,CAAC,iBAAiB,CAAC,CAAA;GA1BrB,oBAAoB,CAmEhC;;IChGY,iBAAiB,GAA9B,MAAa,iBAAiB;EAAG;AAApB,iBAAiB;IAL7B,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,oBAAoB,CAAC;QAC/B,YAAY,EAAE,CAAC,oBAAoB,CAAC;QACpC,OAAO,EAAE,CAAC,oBAAoB,CAAC;KAClC,CAAC;GACW,iBAAiB,CAAG;;ACVjC;;;;;;"}

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

@@ -1,3 +1,4 @@
+export * from '@taiga-ui/addon-charts/components/arc-chart';
 export * from '@taiga-ui/addon-charts/components/axes';
 export * from '@taiga-ui/addon-charts/components/bar';
 export * from '@taiga-ui/addon-charts/components/bar-chart';

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-charts-components.js","sources":["ng://@taiga-ui/addon-charts/components/taiga-ui-addon-charts-components.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAAA;;"}
+{"version":3,"file":"taiga-ui-addon-charts-components.js","sources":["ng://@taiga-ui/addon-charts/components/taiga-ui-addon-charts-components.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAAA;;"}