@taiga-ui/addon-charts 2.61.0 → 3.0.0-rc.2

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

@@ -1,32 +1,34 @@
-import { __decorate, __param } from 'tslib';
-import { Inject, Input, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import { TUI_DEFAULT_COLOR_HANDLER } from '@taiga-ui/addon-charts/constants';
-import { sum, TuiIdService, tuiDefaultProp, tuiPure, TuiFocusableModule, TuiMapperPipeModule } from '@taiga-ui/cdk';
-import { CommonModule } from '@angular/common';
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Optional, Inject, ViewChildren, Input, NgModule } from '@angular/core';
+import * as i4 from '@taiga-ui/cdk';
+import { EMPTY_QUERY, tuiSum, TuiIdService, tuiDefaultProp, tuiPure, TuiFocusableModule, TuiMapperPipeModule } from '@taiga-ui/cdk';
+import * as i3 from '@taiga-ui/core';
+import { TuiHintControllerDirective, TuiDriver, TUI_HINT_CONTROLLER_OPTIONS, TuiDescribedByModule, TuiHintModule } from '@taiga-ui/core';
+import * as i1 from '@taiga-ui/addon-charts/components/bar-set';
 import { TuiBarSetModule } from '@taiga-ui/addon-charts/components/bar-set';
-import { TuiDescribedByModule, TuiHintModule } from '@taiga-ui/core';
-import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
 
-// eslint-disable-next-line @typescript-eslint/naming-convention
 function valueAssertion(value) {
     const valid = value.every(array => array.length === value[0].length);
     return valid;
 }
 const VALUE_ERROR = `All arrays must be of the same length`;
-let TuiBarChartComponent = class TuiBarChartComponent {
-    constructor(idService) {
+class TuiBarChartComponent {
+    constructor(hintController, idService) {
+        this.hintController = hintController;
+        this.drivers = EMPTY_QUERY;
         this.value = [];
         this.max = NaN;
-        this.colorHandler = TUI_DEFAULT_COLOR_HANDLER;
         this.size = `m`;
         this.collapsed = false;
-        this.hintContent = ``;
-        this.hintMode = null;
-        this.percentMapper = (set, collapsed, max) => (100 * (collapsed ? sum(...set) : Math.max(...set))) / max;
+        this.percentMapper = (set, collapsed, max) => (100 * (collapsed ? tuiSum(...set) : Math.max(...set))) / max;
         this.autoIdString = idService.generate();
     }
-    get hasHint() {
-        return !!this.hintContent;
+    get hintContent() {
+        var _a;
+        return ((_a = this.hintController) === null || _a === void 0 ? void 0 : _a.content) || ``;
     }
     get transposed() {
         return this.transpose(this.value);
@@ -34,14 +36,6 @@ let TuiBarChartComponent = class TuiBarChartComponent {
     get computedMax() {
         return this.max || this.getMax(this.value, this.collapsed);
     }
-    getContentContext(index) {
-        return {
-            $implicit: index,
-        };
-    }
-    getHint(hint) {
-        return this.hasHint ? hint : ``;
-    }
     getHintId(index) {
         return `${this.autoIdString}_${index}`;
     }
@@ -53,78 +47,93 @@ let TuiBarChartComponent = class TuiBarChartComponent {
             ? Math.max(...values.reduce((result, next) => result.map((value, index) => value + next[index])))
             : values.reduce((max, value) => Math.max(...value, max), 0);
     }
-};
-TuiBarChartComponent.ctorParameters = () => [
-    { type: TuiIdService, decorators: [{ type: Inject, args: [TuiIdService,] }] }
-];
+}
+TuiBarChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiBarChartComponent, deps: [{ token: TuiHintControllerDirective, optional: true }, { token: TuiIdService }], target: i0.ɵɵFactoryTarget.Component });
+TuiBarChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TuiBarChartComponent, selector: "tui-bar-chart", inputs: { value: "value", max: "max", size: "size", collapsed: "collapsed" }, viewQueries: [{ propertyName: "drivers", predicate: TuiDriver, descendants: true }], ngImport: i0, template: "<div\n    *ngFor=\"let set of transposed; let index = index\"\n    tuiHintDirection=\"top\"\n    class=\"t-wrapper\"\n    [class.t-wrapper_hoverable]=\"!!hintContent\"\n    [class.t-wrapper_hovered]=\"drivers.get(index) | async\"\n    [tuiHintHost]=\"hintHost\"\n    [tuiHintId]=\"getHintId(index)\"\n    [tuiHint]=\"hintContent\"\n    [tuiHintContext]=\"{$implicit: index}\"\n    (mouseenter.once)=\"(0)\"\n>\n    <div\n        class=\"t-container\"\n        [style.height.%]=\"set | tuiMapper: percentMapper:collapsed:computedMax\"\n    >\n        <div\n            #hintHost\n            class=\"t-host\"\n        ></div>\n        <tui-bar-set\n            class=\"t-set\"\n            [tuiDescribedBy]=\"getHintId(index)\"\n            [tuiFocusable]=\"!!hintContent\"\n            [value]=\"set\"\n            [size]=\"size\"\n            [collapsed]=\"collapsed\"\n        ></tui-bar-set>\n    </div>\n</div>\n", styles: [":host{display:flex;flex:1;height:100%}.t-wrapper{transition-property:background-color;transition-duration:.3s;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:flex;flex:1;align-items:flex-end;justify-content:center;height:100%}.t-wrapper_hoverable{cursor:pointer}.t-wrapper_hoverable:hover,.t-wrapper_hoverable.t-wrapper_hovered{background-color:rgba(0,0,0,.05)}.t-container{flex:1}.t-host{position:absolute;left:50%;right:50%}.t-set{border-radius:var(--tui-radius-m);pointer-events:none;outline:none}.t-set:focus{box-shadow:0 0 0 2px var(--tui-focus)}\n"], components: [{ type: i1.TuiBarSetComponent, selector: "tui-bar-set", inputs: ["value", "size", "collapsed"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.TuiHintDirective, selector: "[tuiHint]:not(ng-container)", inputs: ["tuiHintId", "tuiHint", "tuiHintContext", "tuiHintAppearance"] }, { type: i3.TuiHintDriverDirective, selector: "[tuiHint]" }, { type: i3.TuiHintHoverDirective, selector: "[tuiHint]:not(ng-container)", inputs: ["tuiHintShowDelay", "tuiHintHideDelay"] }, { type: i3.TuiHintPositionDirective, selector: "[tuiHint]:not([tuiHintCustomPosition])", inputs: ["tuiHintDirection"] }, { type: i3.TuiHintHostDirective, selector: "[tuiHint][tuiHintHost]", inputs: ["tuiHintHost"] }, { type: i3.TuiDescribedByDirective, selector: "[tuiDescribedBy]:not(ng-container)", inputs: ["tuiDescribedBy"] }, { type: i4.TuiFocusableDirective, selector: "[tuiFocusable]", inputs: ["tuiFocusable"] }], pipes: { "async": i2.AsyncPipe, "tuiMapper": i4.TuiMapperPipe }, viewProviders: [TUI_HINT_CONTROLLER_OPTIONS], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 __decorate([
-    Input(),
     tuiDefaultProp(valueAssertion, VALUE_ERROR)
 ], TuiBarChartComponent.prototype, "value", void 0);
 __decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiBarChartComponent.prototype, "max", void 0);
 __decorate([
-    Input(),
-    tuiDefaultProp()
-], TuiBarChartComponent.prototype, "colorHandler", void 0);
-__decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiBarChartComponent.prototype, "size", void 0);
 __decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiBarChartComponent.prototype, "collapsed", void 0);
-__decorate([
-    Input(),
-    tuiDefaultProp()
-], TuiBarChartComponent.prototype, "hintContent", void 0);
-__decorate([
-    Input(),
-    tuiDefaultProp()
-], TuiBarChartComponent.prototype, "hintMode", void 0);
-__decorate([
-    tuiPure
-], TuiBarChartComponent.prototype, "getContentContext", null);
 __decorate([
     tuiPure
 ], TuiBarChartComponent.prototype, "transpose", null);
 __decorate([
     tuiPure
 ], TuiBarChartComponent.prototype, "getMax", null);
-TuiBarChartComponent = __decorate([
-    Component({
-        selector: `tui-bar-chart`,
-        template: "<div\n    *ngFor=\"let set of transposed; let index = index\"\n    tuiHintDirection=\"top-left\"\n    class=\"t-wrapper\"\n    [class.t-wrapper_hoverable]=\"hasHint\"\n    [tuiHintHost]=\"hintHost\"\n    [tuiHintId]=\"getHintId(index)\"\n    [tuiHint]=\"getHint(hint)\"\n    [tuiHintMode]=\"hintMode\"\n>\n    <div\n        class=\"t-container\"\n        [style.height.%]=\"set | tuiMapper: percentMapper:collapsed:computedMax\"\n    >\n        <div\n            #hintHost\n            class=\"t-host\"\n        ></div>\n        <tui-bar-set\n            class=\"t-set\"\n            [tuiDescribedBy]=\"getHintId(index)\"\n            [tuiFocusable]=\"hasHint\"\n            [value]=\"set\"\n            [size]=\"size\"\n            [collapsed]=\"collapsed\"\n            [colorHandler]=\"colorHandler\"\n        ></tui-bar-set>\n    </div>\n    <ng-template\n        #hint=\"polymorpheus\"\n        polymorpheus\n    >\n        <div\n            polymorpheus-outlet\n            class=\"t-text\"\n            [content]=\"hintContent\"\n            [context]=\"getContentContext(index)\"\n        ></div>\n    </ng-template>\n</div>\n",
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        styles: [":host{display:flex;flex:1;height:100%}.t-wrapper{transition-property:background-color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:relative;display:flex;flex:1;align-items:flex-end;justify-content:center;height:100%}.t-wrapper_hoverable._hint_hovered{background-color:rgba(0,0,0,.05);cursor:pointer}.t-container{flex:1}.t-host{position:absolute;left:50%;right:50%}.t-set{border-radius:var(--tui-radius-m);pointer-events:none;outline:0}.t-set:focus{box-shadow:0 0 0 2px var(--tui-focus)}.t-text{white-space:pre-wrap}"]
-    }),
-    __param(0, Inject(TuiIdService))
-], TuiBarChartComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiBarChartComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: `tui-bar-chart`,
+                    templateUrl: `./bar-chart.template.html`,
+                    styleUrls: [`./bar-chart.style.less`],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    viewProviders: [TUI_HINT_CONTROLLER_OPTIONS],
+                }]
+        }], ctorParameters: function () { return [{ type: i3.TuiHintControllerDirective, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [TuiHintControllerDirective]
+                }] }, { type: i4.TuiIdService, decorators: [{
+                    type: Inject,
+                    args: [TuiIdService]
+                }] }]; }, propDecorators: { drivers: [{
+                type: ViewChildren,
+                args: [TuiDriver]
+            }], value: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], collapsed: [{
+                type: Input
+            }], transpose: [], getMax: [] } });
 
-let TuiBarChartModule = class TuiBarChartModule {
-};
-TuiBarChartModule = __decorate([
-    NgModule({
-        imports: [
+class TuiBarChartModule {
+}
+TuiBarChartModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiBarChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiBarChartModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiBarChartModule, declarations: [TuiBarChartComponent], imports: [CommonModule,
+        TuiDescribedByModule,
+        TuiBarSetModule,
+        TuiFocusableModule,
+        TuiHintModule,
+        TuiMapperPipeModule], exports: [TuiBarChartComponent] });
+TuiBarChartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiBarChartModule, imports: [[
             CommonModule,
-            PolymorpheusModule,
             TuiDescribedByModule,
             TuiBarSetModule,
             TuiFocusableModule,
             TuiHintModule,
             TuiMapperPipeModule,
-        ],
-        declarations: [TuiBarChartComponent],
-        exports: [TuiBarChartComponent],
-    })
-], TuiBarChartModule);
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiBarChartModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        TuiDescribedByModule,
+                        TuiBarSetModule,
+                        TuiFocusableModule,
+                        TuiHintModule,
+                        TuiMapperPipeModule,
+                    ],
+                    declarations: [TuiBarChartComponent],
+                    exports: [TuiBarChartComponent],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { TuiBarChartComponent, TuiBarChartModule, valueAssertion };
+export { TuiBarChartComponent, TuiBarChartModule };
 //# sourceMappingURL=taiga-ui-addon-charts-components-bar-chart.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-charts-components-bar-chart.js","sources":["ng://@taiga-ui/addon-charts/components/bar-chart/bar-chart.component.ts","ng://@taiga-ui/addon-charts/components/bar-chart/bar-chart.module.ts","ng://@taiga-ui/addon-charts/components/bar-chart/taiga-ui-addon-charts-components-bar-chart.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, Inject, Input} from '@angular/core';\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    TuiMapper,\n    tuiPure,\n} from '@taiga-ui/cdk';\nimport {TuiHintModeT, TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function valueAssertion(value: ReadonlyArray<readonly number[]>): boolean {\n    const valid = value.every(array => array.length === value[0].length);\n\n    return valid;\n}\n\nconst VALUE_ERROR = `All arrays must be of the same length`;\n\n@Component({\n    selector: `tui-bar-chart`,\n    templateUrl: `./bar-chart.template.html`,\n    styleUrls: [`./bar-chart.style.less`],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiBarChartComponent {\n    private readonly autoIdString: string;\n\n    @Input()\n    @tuiDefaultProp(valueAssertion, VALUE_ERROR)\n    value: ReadonlyArray<readonly number[]> = [];\n\n    @Input()\n    @tuiDefaultProp()\n    max = NaN;\n\n    @Input()\n    @tuiDefaultProp()\n    colorHandler: TuiColorHandler = TUI_DEFAULT_COLOR_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    size: TuiSizeS | TuiSizeL | null = `m`;\n\n    @Input()\n    @tuiDefaultProp()\n    collapsed = false;\n\n    @Input()\n    @tuiDefaultProp()\n    hintContent: PolymorpheusContent<TuiContextWithImplicit<number>> = ``;\n\n    @Input()\n    @tuiDefaultProp()\n    hintMode: TuiHintModeT | null = null;\n\n    constructor(@Inject(TuiIdService) idService: TuiIdService) {\n        this.autoIdString = idService.generate();\n    }\n\n    get hasHint(): boolean {\n        return !!this.hintContent;\n    }\n\n    get transposed(): ReadonlyArray<readonly number[]> {\n        return this.transpose(this.value);\n    }\n\n    get computedMax(): number {\n        return this.max || this.getMax(this.value, this.collapsed);\n    }\n\n    @tuiPure\n    getContentContext(index: number): TuiContextWithImplicit<number> {\n        return {\n            $implicit: index,\n        };\n    }\n\n    readonly percentMapper: TuiMapper<readonly number[], number> = (\n        set,\n        collapsed: boolean,\n        max: number,\n    ) => (100 * (collapsed ? sum(...set) : Math.max(...set))) / max;\n\n    getHint(hint: PolymorpheusContent): PolymorpheusContent {\n        return this.hasHint ? hint : ``;\n    }\n\n    getHintId(index: number): string {\n        return `${this.autoIdString}_${index}`;\n    }\n\n    @tuiPure\n    private transpose(\n        value: ReadonlyArray<readonly number[]>,\n    ): ReadonlyArray<readonly number[]> {\n        return value.reduce<ReadonlyArray<readonly number[]>>(\n            (result, next) =>\n                next.map((_, index) => [...(result[index] || []), next[index]]),\n            [],\n        );\n    }\n\n    @tuiPure\n    private getMax(values: ReadonlyArray<readonly number[]>, collapsed: boolean): number {\n        return collapsed\n            ? Math.max(\n                  ...values.reduce((result, next) =>\n                      result.map((value, index) => value + next[index]),\n                  ),\n              )\n            : values.reduce((max, value) => Math.max(...value, max), 0);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiBarSetModule} from '@taiga-ui/addon-charts/components/bar-set';\nimport {TuiFocusableModule, TuiMapperPipeModule} from '@taiga-ui/cdk';\nimport {TuiDescribedByModule, TuiHintModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiBarChartComponent} from './bar-chart.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        PolymorpheusModule,\n        TuiDescribedByModule,\n        TuiBarSetModule,\n        TuiFocusableModule,\n        TuiHintModule,\n        TuiMapperPipeModule,\n    ],\n    declarations: [TuiBarChartComponent],\n    exports: [TuiBarChartComponent],\n})\nexport class TuiBarChartModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"taiga-ui-addon-charts-components-bar-chart.js","sources":["../../../projects/addon-charts/components/bar-chart/bar-chart.component.ts","../../../projects/addon-charts/components/bar-chart/bar-chart.template.html","../../../projects/addon-charts/components/bar-chart/bar-chart.module.ts","../../../projects/addon-charts/components/bar-chart/taiga-ui-addon-charts-components-bar-chart.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    Inject,\n    Input,\n    Optional,\n    QueryList,\n    ViewChildren,\n} from '@angular/core';\nimport {\n    EMPTY_QUERY,\n    TuiContextWithImplicit,\n    tuiDefaultProp,\n    TuiIdService,\n    TuiMapper,\n    tuiPure,\n    tuiSum,\n} from '@taiga-ui/cdk';\nimport {\n    TUI_HINT_CONTROLLER_OPTIONS,\n    TuiDriver,\n    TuiHintControllerDirective,\n    TuiSizeL,\n    TuiSizeS,\n} from '@taiga-ui/core';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\n\nfunction valueAssertion(value: ReadonlyArray<readonly number[]>): boolean {\n    const valid = value.every(array => array.length === value[0].length);\n\n    return valid;\n}\n\nconst VALUE_ERROR = `All arrays must be of the same length`;\n\n@Component({\n    selector: `tui-bar-chart`,\n    templateUrl: `./bar-chart.template.html`,\n    styleUrls: [`./bar-chart.style.less`],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    viewProviders: [TUI_HINT_CONTROLLER_OPTIONS],\n})\nexport class TuiBarChartComponent {\n    private readonly autoIdString: string;\n\n    @ViewChildren(TuiDriver)\n    readonly drivers: QueryList<Observable<boolean>> = EMPTY_QUERY;\n\n    @Input()\n    @tuiDefaultProp(valueAssertion, VALUE_ERROR)\n    value: ReadonlyArray<readonly number[]> = [];\n\n    @Input()\n    @tuiDefaultProp()\n    max = NaN;\n\n    @Input()\n    @tuiDefaultProp()\n    size: TuiSizeS | TuiSizeL | null = `m`;\n\n    @Input()\n    @tuiDefaultProp()\n    collapsed = false;\n\n    constructor(\n        @Optional()\n        @Inject(TuiHintControllerDirective)\n        private readonly hintController: TuiHintControllerDirective | null,\n        @Inject(TuiIdService) idService: TuiIdService,\n    ) {\n        this.autoIdString = idService.generate();\n    }\n\n    get hintContent(): PolymorpheusContent<TuiContextWithImplicit<number>> {\n        return this.hintController?.content || ``;\n    }\n\n    get transposed(): ReadonlyArray<readonly number[]> {\n        return this.transpose(this.value);\n    }\n\n    get computedMax(): number {\n        return this.max || this.getMax(this.value, this.collapsed);\n    }\n\n    readonly percentMapper: TuiMapper<readonly number[], number> = (\n        set,\n        collapsed: boolean,\n        max: number,\n    ) => (100 * (collapsed ? tuiSum(...set) : Math.max(...set))) / max;\n\n    getHintId(index: number): string {\n        return `${this.autoIdString}_${index}`;\n    }\n\n    @tuiPure\n    private transpose(\n        value: ReadonlyArray<readonly number[]>,\n    ): ReadonlyArray<readonly number[]> {\n        return value.reduce<ReadonlyArray<readonly number[]>>(\n            (result, next) =>\n                next.map((_, index) => [...(result[index] || []), next[index]]),\n            [],\n        );\n    }\n\n    @tuiPure\n    private getMax(values: ReadonlyArray<readonly number[]>, collapsed: boolean): number {\n        return collapsed\n            ? Math.max(\n                  ...values.reduce((result, next) =>\n                      result.map((value, index) => value + next[index]),\n                  ),\n              )\n            : values.reduce((max, value) => Math.max(...value, max), 0);\n    }\n}\n","<div\n    *ngFor=\"let set of transposed; let index = index\"\n    tuiHintDirection=\"top\"\n    class=\"t-wrapper\"\n    [class.t-wrapper_hoverable]=\"!!hintContent\"\n    [class.t-wrapper_hovered]=\"drivers.get(index) | async\"\n    [tuiHintHost]=\"hintHost\"\n    [tuiHintId]=\"getHintId(index)\"\n    [tuiHint]=\"hintContent\"\n    [tuiHintContext]=\"{$implicit: index}\"\n    (mouseenter.once)=\"(0)\"\n>\n    <div\n        class=\"t-container\"\n        [style.height.%]=\"set | tuiMapper: percentMapper:collapsed:computedMax\"\n    >\n        <div\n            #hintHost\n            class=\"t-host\"\n        ></div>\n        <tui-bar-set\n            class=\"t-set\"\n            [tuiDescribedBy]=\"getHintId(index)\"\n            [tuiFocusable]=\"!!hintContent\"\n            [value]=\"set\"\n            [size]=\"size\"\n            [collapsed]=\"collapsed\"\n        ></tui-bar-set>\n    </div>\n</div>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiBarSetModule} from '@taiga-ui/addon-charts/components/bar-set';\nimport {TuiFocusableModule, TuiMapperPipeModule} from '@taiga-ui/cdk';\nimport {TuiDescribedByModule, TuiHintModule} from '@taiga-ui/core';\n\nimport {TuiBarChartComponent} from './bar-chart.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiDescribedByModule,\n        TuiBarSetModule,\n        TuiFocusableModule,\n        TuiHintModule,\n        TuiMapperPipeModule,\n    ],\n    declarations: [TuiBarChartComponent],\n    exports: [TuiBarChartComponent],\n})\nexport class TuiBarChartModule {}\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-bar-set.js

@@ -1,21 +1,18 @@
-import { __decorate, __param } from 'tslib';
-import { Inject, Input, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import { DomSanitizer } from '@angular/platform-browser';
-import { TUI_DEFAULT_COLOR_HANDLER } from '@taiga-ui/addon-charts/constants';
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
 import { tuiDefaultProp, tuiPure } from '@taiga-ui/cdk';
-import { colorFallback } from '@taiga-ui/core';
-import { CommonModule } from '@angular/common';
+import * as i1 from '@taiga-ui/addon-charts/components/bar';
 import { TuiBarModule } from '@taiga-ui/addon-charts/components/bar';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
 
 const PERCENT = 100;
 const EMPTY_ARRAY = [];
 const FILLER_ARRAY = [1];
-// TODO: 3.0 Remove sanitizer when Angular version is bumped
-let TuiBarSetComponent = class TuiBarSetComponent {
-    constructor(sanitizer) {
-        this.sanitizer = sanitizer;
+class TuiBarSetComponent {
+    constructor() {
         this.value = [];
-        this.colorHandler = TUI_DEFAULT_COLOR_HANDLER;
         this.size = `m`;
         this.collapsed = false;
     }
@@ -32,53 +29,55 @@ let TuiBarSetComponent = class TuiBarSetComponent {
         return Math.abs((PERCENT * value) / this.getLargest(this.computedValue));
     }
     getColor(index) {
-        return this.sanitizer.bypassSecurityTrustStyle(`var(--tui-chart-${index}, ${colorFallback(this.colorHandler(index))})`);
+        return `var(--tui-chart-${index}`;
     }
     getLargest(value) {
         return value.reduce((a, b) => (a > b ? a : b), 0);
     }
-};
-TuiBarSetComponent.ctorParameters = () => [
-    { type: DomSanitizer, decorators: [{ type: Inject, args: [DomSanitizer,] }] }
-];
+}
+TuiBarSetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiBarSetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TuiBarSetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TuiBarSetComponent, selector: "tui-bar-set", inputs: { value: "value", size: "size", collapsed: "collapsed" }, ngImport: i0, template: "<ng-container *ngIf=\"size; else flexible\">\n    <ng-container\n        *ngFor=\"let item of computedValue; let index = index\"\n        [ngTemplateOutlet]=\"bar\"\n        [ngTemplateOutletContext]=\"{$implicit: item, index: index, flexible: false}\"\n    ></ng-container>\n</ng-container>\n<ng-template #flexible>\n    <div\n        *ngFor=\"let item of computedValue; let index = index\"\n        class=\"t-wrapper\"\n    >\n        <ng-container\n            [ngTemplateOutlet]=\"bar\"\n            [ngTemplateOutletContext]=\"{$implicit: item, index: index, flexible: true}\"\n        ></ng-container>\n    </div>\n</ng-template>\n<ng-template\n    #bar\n    let-item\n    let-index=\"index\"\n    let-flexible=\"flexible\"\n>\n    <tui-bar\n        automation-id=\"tui-bar-set__bar\"\n        class=\"t-bar\"\n        [class.t-bar_flexible]=\"flexible\"\n        [class.t-bar_negative]=\"item < 0\"\n        [style.height.%]=\"getHeight(item)\"\n        [style.background]=\"getColor(index)\"\n        [value]=\"computedSegments\"\n        [size]=\"computedSize\"\n    ></tui-bar>\n</ng-template>\n", styles: [":host{display:flex;height:100%;align-items:flex-end;justify-content:center}.t-wrapper{display:flex;flex:1;height:100%;align-items:flex-end}.t-wrapper:first-child{margin-left:25%}.t-wrapper:last-child{margin-right:25%}.t-bar{transform-origin:bottom center}.t-bar_negative{transform:rotate(180deg);opacity:var(--tui-disabled-opacity)}.t-bar.t-bar_flexible{max-width:none;width:75%;margin:0 auto}\n"], components: [{ type: i1.TuiBarComponent, selector: "tui-bar", inputs: ["value", "size"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 __decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiBarSetComponent.prototype, "value", void 0);
 __decorate([
-    Input(),
-    tuiDefaultProp()
-], TuiBarSetComponent.prototype, "colorHandler", void 0);
-__decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiBarSetComponent.prototype, "size", void 0);
 __decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiBarSetComponent.prototype, "collapsed", void 0);
 __decorate([
     tuiPure
 ], TuiBarSetComponent.prototype, "getLargest", null);
-TuiBarSetComponent = __decorate([
-    Component({
-        selector: `tui-bar-set`,
-        template: "<ng-container *ngIf=\"size; else flexible\">\n    <ng-container\n        *ngFor=\"let item of computedValue; let index = index\"\n        [ngTemplateOutlet]=\"bar\"\n        [ngTemplateOutletContext]=\"{$implicit: item, index: index, flexible: false}\"\n    ></ng-container>\n</ng-container>\n<ng-template #flexible>\n    <div\n        *ngFor=\"let item of computedValue; let index = index\"\n        class=\"t-wrapper\"\n    >\n        <ng-container\n            [ngTemplateOutlet]=\"bar\"\n            [ngTemplateOutletContext]=\"{$implicit: item, index: index, flexible: true}\"\n        ></ng-container>\n    </div>\n</ng-template>\n<ng-template\n    #bar\n    let-item\n    let-index=\"index\"\n    let-flexible=\"flexible\"\n>\n    <tui-bar\n        automation-id=\"tui-bar-set__bar\"\n        class=\"t-bar\"\n        [class.t-bar_flexible]=\"flexible\"\n        [class.t-bar_negative]=\"item < 0\"\n        [style.height.%]=\"getHeight(item)\"\n        [style.background]=\"getColor(index)\"\n        [value]=\"computedSegments\"\n        [size]=\"computedSize\"\n        [colorHandler]=\"colorHandler\"\n    ></tui-bar>\n</ng-template>\n",
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        styles: [":host{display:flex;height:100%;align-items:flex-end;justify-content:center}.t-wrapper{display:flex;flex:1;height:100%;align-items:flex-end}.t-wrapper:first-child{margin-left:25%}.t-wrapper:last-child{margin-right:25%}.t-bar{transform-origin:bottom center}.t-bar_negative{transform:rotate(180deg);opacity:var(--tui-disabled-opacity)}.t-bar.t-bar_flexible{max-width:none;width:75%;margin:0 auto}"]
-    }),
-    __param(0, Inject(DomSanitizer))
-], TuiBarSetComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiBarSetComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: `tui-bar-set`,
+                    templateUrl: `./bar-set.template.html`,
+                    styleUrls: [`./bar-set.style.less`],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], collapsed: [{
+                type: Input
+            }], getLargest: [] } });
 
-let TuiBarSetModule = class TuiBarSetModule {
-};
-TuiBarSetModule = __decorate([
-    NgModule({
-        imports: [CommonModule, TuiBarModule],
-        declarations: [TuiBarSetComponent],
-        exports: [TuiBarSetComponent],
-    })
-], TuiBarSetModule);
+class TuiBarSetModule {
+}
+TuiBarSetModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiBarSetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiBarSetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiBarSetModule, declarations: [TuiBarSetComponent], imports: [CommonModule, TuiBarModule], exports: [TuiBarSetComponent] });
+TuiBarSetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiBarSetModule, imports: [[CommonModule, TuiBarModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiBarSetModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, TuiBarModule],
+                    declarations: [TuiBarSetComponent],
+                    exports: [TuiBarSetComponent],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-charts-components-bar-set.js","sources":["ng://@taiga-ui/addon-charts/components/bar-set/bar-set.component.ts","ng://@taiga-ui/addon-charts/components/bar-set/bar-set.module.ts","ng://@taiga-ui/addon-charts/components/bar-set/taiga-ui-addon-charts-components-bar-set.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, Inject, Input} 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 {tuiDefaultProp, tuiPure} from '@taiga-ui/cdk';\nimport {colorFallback, TuiSizeL, TuiSizeS} from '@taiga-ui/core';\n\nconst PERCENT = 100;\nconst EMPTY_ARRAY: readonly number[] = [];\nconst FILLER_ARRAY: readonly number[] = [1];\n\n// TODO: 3.0 Remove sanitizer when Angular version is bumped\n@Component({\n    selector: `tui-bar-set`,\n    templateUrl: `./bar-set.template.html`,\n    styleUrls: [`./bar-set.style.less`],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiBarSetComponent {\n    @Input()\n    @tuiDefaultProp()\n    value: readonly number[] = [];\n\n    @Input()\n    @tuiDefaultProp()\n    colorHandler: TuiColorHandler = TUI_DEFAULT_COLOR_HANDLER;\n\n    @Input()\n    @tuiDefaultProp()\n    size: TuiSizeS | TuiSizeL | null = `m`;\n\n    @Input()\n    @tuiDefaultProp()\n    collapsed = false;\n\n    constructor(@Inject(DomSanitizer) private readonly sanitizer: DomSanitizer) {}\n\n    get computedValue(): readonly number[] {\n        return this.collapsed ? FILLER_ARRAY : this.value;\n    }\n\n    get computedSegments(): readonly number[] {\n        return this.collapsed ? this.value : EMPTY_ARRAY;\n    }\n\n    get computedSize(): TuiSizeS | TuiSizeL {\n        return this.size || `m`;\n    }\n\n    getHeight(value: number): number {\n        return Math.abs((PERCENT * value) / this.getLargest(this.computedValue));\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 getLargest(value: readonly number[]): number {\n        return value.reduce((a, b) => (a > b ? a : b), 0);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiBarModule} from '@taiga-ui/addon-charts/components/bar';\n\nimport {TuiBarSetComponent} from './bar-set.component';\n\n@NgModule({\n    imports: [CommonModule, TuiBarModule],\n    declarations: [TuiBarSetComponent],\n    exports: [TuiBarSetComponent],\n})\nexport class TuiBarSetModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAOA,MAAM,OAAO,GAAG,GAAG,CAAC;AACpB,MAAM,WAAW,GAAsB,EAAE,CAAC;AAC1C,MAAM,YAAY,GAAsB,CAAC,CAAC,CAAC,CAAC;AAE5C;IAOa,kBAAkB,GAA/B,MAAa,kBAAkB;IAiB3B,YAAmD,SAAuB;QAAvB,cAAS,GAAT,SAAS,CAAc;QAd1E,UAAK,GAAsB,EAAE,CAAC;QAI9B,iBAAY,GAAoB,yBAAyB,CAAC;QAI1D,SAAI,GAA+B,GAAG,CAAC;QAIvC,cAAS,GAAG,KAAK,CAAC;KAE4D;IAE9E,IAAI,aAAa;QACb,OAAO,IAAI,CAAC,SAAS,GAAG,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC;KACrD;IAED,IAAI,gBAAgB;QAChB,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,GAAG,WAAW,CAAC;KACpD;IAED,IAAI,YAAY;QACZ,OAAO,IAAI,CAAC,IAAI,IAAI,GAAG,CAAC;KAC3B;IAED,SAAS,CAAC,KAAa;QACnB,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,GAAG,KAAK,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;KAC5E;IAED,QAAQ,CAAC,KAAa;QAClB,OAAO,IAAI,CAAC,SAAS,CAAC,wBAAwB,CAC1C,mBAAmB,KAAK,KAAK,aAAa,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,GAAG,CAC1E,CAAC;KACL;IAGO,UAAU,CAAC,KAAwB;QACvC,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;KACrD;EACJ;;YA5BiE,YAAY,uBAA7D,MAAM,SAAC,YAAY;;AAdhC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;iDACa;AAI9B;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;wDACyC;AAI1D;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;gDACsB;AAIvC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;qDACC;AA2BlB;IADC,OAAO;oDAGP;AA5CQ,kBAAkB;IAN9B,SAAS,CAAC;QACP,QAAQ,EAAE,aAAa;QACvB,soCAAsC;QAEtC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;KAClD,CAAC;IAkBe,WAAA,MAAM,CAAC,YAAY,CAAC,CAAA;GAjBxB,kBAAkB,CA6C9B;;ICpDY,eAAe,GAA5B,MAAa,eAAe;EAAG;AAAlB,eAAe;IAL3B,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;QACrC,YAAY,EAAE,CAAC,kBAAkB,CAAC;QAClC,OAAO,EAAE,CAAC,kBAAkB,CAAC;KAChC,CAAC;GACW,eAAe,CAAG;;ACX/B;;;;;;"}
+{"version":3,"file":"taiga-ui-addon-charts-components-bar-set.js","sources":["../../../projects/addon-charts/components/bar-set/bar-set.component.ts","../../../projects/addon-charts/components/bar-set/bar-set.template.html","../../../projects/addon-charts/components/bar-set/bar-set.module.ts","../../../projects/addon-charts/components/bar-set/taiga-ui-addon-charts-components-bar-set.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, Input} from '@angular/core';\nimport {SafeValue} from '@angular/platform-browser';\nimport {tuiDefaultProp, tuiPure} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\n\nconst PERCENT = 100;\nconst EMPTY_ARRAY: readonly number[] = [];\nconst FILLER_ARRAY: readonly number[] = [1];\n\n@Component({\n    selector: `tui-bar-set`,\n    templateUrl: `./bar-set.template.html`,\n    styleUrls: [`./bar-set.style.less`],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiBarSetComponent {\n    @Input()\n    @tuiDefaultProp()\n    value: readonly number[] = [];\n\n    @Input()\n    @tuiDefaultProp()\n    size: TuiSizeS | TuiSizeL | null = `m`;\n\n    @Input()\n    @tuiDefaultProp()\n    collapsed = false;\n\n    get computedValue(): readonly number[] {\n        return this.collapsed ? FILLER_ARRAY : this.value;\n    }\n\n    get computedSegments(): readonly number[] {\n        return this.collapsed ? this.value : EMPTY_ARRAY;\n    }\n\n    get computedSize(): TuiSizeS | TuiSizeL {\n        return this.size || `m`;\n    }\n\n    getHeight(value: number): number {\n        return Math.abs((PERCENT * value) / this.getLargest(this.computedValue));\n    }\n\n    getColor(index: number): SafeValue {\n        return `var(--tui-chart-${index}`;\n    }\n\n    @tuiPure\n    private getLargest(value: readonly number[]): number {\n        return value.reduce((a, b) => (a > b ? a : b), 0);\n    }\n}\n","<ng-container *ngIf=\"size; else flexible\">\n    <ng-container\n        *ngFor=\"let item of computedValue; let index = index\"\n        [ngTemplateOutlet]=\"bar\"\n        [ngTemplateOutletContext]=\"{$implicit: item, index: index, flexible: false}\"\n    ></ng-container>\n</ng-container>\n<ng-template #flexible>\n    <div\n        *ngFor=\"let item of computedValue; let index = index\"\n        class=\"t-wrapper\"\n    >\n        <ng-container\n            [ngTemplateOutlet]=\"bar\"\n            [ngTemplateOutletContext]=\"{$implicit: item, index: index, flexible: true}\"\n        ></ng-container>\n    </div>\n</ng-template>\n<ng-template\n    #bar\n    let-item\n    let-index=\"index\"\n    let-flexible=\"flexible\"\n>\n    <tui-bar\n        automation-id=\"tui-bar-set__bar\"\n        class=\"t-bar\"\n        [class.t-bar_flexible]=\"flexible\"\n        [class.t-bar_negative]=\"item < 0\"\n        [style.height.%]=\"getHeight(item)\"\n        [style.background]=\"getColor(index)\"\n        [value]=\"computedSegments\"\n        [size]=\"computedSize\"\n    ></tui-bar>\n</ng-template>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiBarModule} from '@taiga-ui/addon-charts/components/bar';\n\nimport {TuiBarSetComponent} from './bar-set.component';\n\n@NgModule({\n    imports: [CommonModule, TuiBarModule],\n    declarations: [TuiBarSetComponent],\n    exports: [TuiBarSetComponent],\n})\nexport class TuiBarSetModule {}\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-bar.js

@@ -1,67 +1,66 @@
-import { __decorate, __param } from 'tslib';
-import { Inject, Input, HostBinding, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import { DomSanitizer } from '@angular/platform-browser';
-import { TUI_DEFAULT_COLOR_HANDLER } from '@taiga-ui/addon-charts/constants';
-import { sum, tuiDefaultProp, tuiPure } from '@taiga-ui/cdk';
-import { colorFallback } from '@taiga-ui/core';
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, HostBinding, NgModule } from '@angular/core';
+import { tuiSum, tuiDefaultProp, tuiPure } from '@taiga-ui/cdk';
+import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
-// TODO: 3.0 Remove sanitizer when Angular version is bumped
-let TuiBarComponent = class TuiBarComponent {
-    constructor(sanitizer) {
-        this.sanitizer = sanitizer;
+class TuiBarComponent {
+    constructor() {
         this.value = [];
-        this.colorHandler = TUI_DEFAULT_COLOR_HANDLER;
         this.size = `m`;
     }
     getHeight(value) {
         return (100 * value) / this.getSum(this.value);
     }
     getColor(index) {
-        return this.sanitizer.bypassSecurityTrustStyle(`var(--tui-chart-${index}, ${colorFallback(this.colorHandler(index))})`);
+        return `var(--tui-chart-${index}`;
     }
     getSum(value) {
-        return sum(...value);
+        return tuiSum(...value);
     }
-};
-TuiBarComponent.ctorParameters = () => [
-    { type: DomSanitizer, decorators: [{ type: Inject, args: [DomSanitizer,] }] }
-];
+}
+TuiBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TuiBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TuiBarComponent, selector: "tui-bar", inputs: { value: "value", size: "size" }, host: { properties: { "attr.data-size": "this.size" } }, ngImport: i0, template: "<div\n    *ngFor=\"let item of value; let index = index\"\n    automation-id=\"tui-bar__bar\"\n    [style.height.%]=\"getHeight(item)\"\n    [style.background]=\"getColor(index)\"\n></div>\n", styles: [":host{display:flex;min-width:.125rem;flex-direction:column-reverse;border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l);overflow:hidden}:host[data-size=l]{width:1rem;max-width:1rem;margin:0 .1875rem}:host[data-size=m]{width:.5rem;max-width:.5rem;margin:0 .1875rem}:host[data-size=s]{width:.25rem;max-width:.5rem;margin:0 .125rem}\n"], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 __decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiBarComponent.prototype, "value", void 0);
 __decorate([
-    Input(),
-    tuiDefaultProp()
-], TuiBarComponent.prototype, "colorHandler", void 0);
-__decorate([
-    Input(),
-    HostBinding(`attr.data-size`),
     tuiDefaultProp()
 ], TuiBarComponent.prototype, "size", void 0);
 __decorate([
     tuiPure
 ], TuiBarComponent.prototype, "getSum", null);
-TuiBarComponent = __decorate([
-    Component({
-        selector: `tui-bar`,
-        template: "<div\n    *ngFor=\"let item of value; let index = index\"\n    automation-id=\"tui-bar__bar\"\n    [style.height.%]=\"getHeight(item)\"\n    [style.background]=\"getColor(index)\"\n></div>\n",
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        styles: [":host{display:flex;min-width:.125rem;flex-direction:column-reverse;border-top-left-radius:var(--tui-radius-l);border-top-right-radius:var(--tui-radius-l);overflow:hidden}:host[data-size='l']{width:1rem;max-width:1rem;margin:0 .1875rem}:host[data-size='m']{width:.5rem;max-width:.5rem;margin:0 .1875rem}:host[data-size='s']{width:.25rem;max-width:.5rem;margin:0 .125rem}"]
-    }),
-    __param(0, Inject(DomSanitizer))
-], TuiBarComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiBarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: `tui-bar`,
+                    templateUrl: `./bar.template.html`,
+                    styleUrls: [`./bar.style.less`],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: [`attr.data-size`]
+            }], getSum: [] } });
 
-let TuiBarModule = class TuiBarModule {
-};
-TuiBarModule = __decorate([
-    NgModule({
-        imports: [CommonModule],
-        declarations: [TuiBarComponent],
-        exports: [TuiBarComponent],
-    })
-], TuiBarModule);
+class TuiBarModule {
+}
+TuiBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiBarModule, declarations: [TuiBarComponent], imports: [CommonModule], exports: [TuiBarComponent] });
+TuiBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiBarModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiBarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [TuiBarComponent],
+                    exports: [TuiBarComponent],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-charts-components-bar.js","sources":["ng://@taiga-ui/addon-charts/components/bar/bar.component.ts","ng://@taiga-ui/addon-charts/components/bar/bar.module.ts","ng://@taiga-ui/addon-charts/components/bar/taiga-ui-addon-charts-components-bar.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    HostBinding,\n    Inject,\n    Input,\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 {sum, tuiDefaultProp, tuiPure} from '@taiga-ui/cdk';\nimport {colorFallback, TuiSizeL, TuiSizeS} from '@taiga-ui/core';\n\n// TODO: 3.0 Remove sanitizer when Angular version is bumped\n@Component({\n    selector: `tui-bar`,\n    templateUrl: `./bar.template.html`,\n    styleUrls: [`./bar.style.less`],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiBarComponent {\n    @Input()\n    @tuiDefaultProp()\n    value: readonly number[] = [];\n\n    @Input()\n    @tuiDefaultProp()\n    colorHandler: TuiColorHandler = TUI_DEFAULT_COLOR_HANDLER;\n\n    @Input()\n    @HostBinding(`attr.data-size`)\n    @tuiDefaultProp()\n    size: TuiSizeS | TuiSizeL = `m`;\n\n    constructor(@Inject(DomSanitizer) private readonly sanitizer: DomSanitizer) {}\n\n    getHeight(value: number): number {\n        return (100 * value) / this.getSum(this.value);\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","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport {TuiBarComponent} from './bar.component';\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [TuiBarComponent],\n    exports: [TuiBarComponent],\n})\nexport class TuiBarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAaA;IAOa,eAAe,GAA5B,MAAa,eAAe;IAcxB,YAAmD,SAAuB;QAAvB,cAAS,GAAT,SAAS,CAAc;QAX1E,UAAK,GAAsB,EAAE,CAAC;QAI9B,iBAAY,GAAoB,yBAAyB,CAAC;QAK1D,SAAI,GAAwB,GAAG,CAAC;KAE8C;IAE9E,SAAS,CAAC,KAAa;QACnB,OAAO,CAAC,GAAG,GAAG,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAClD;IAED,QAAQ,CAAC,KAAa;QAClB,OAAO,IAAI,CAAC,SAAS,CAAC,wBAAwB,CAC1C,mBAAmB,KAAK,KAAK,aAAa,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,GAAG,CAC1E,CAAC;KACL;IAGO,MAAM,CAAC,KAAwB;QACnC,OAAO,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;KACxB;EACJ;;YAhBiE,YAAY,uBAA7D,MAAM,SAAC,YAAY;;AAXhC;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;8CACa;AAI9B;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;qDACyC;AAK1D;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,gBAAgB,CAAC;IAC7B,cAAc,EAAE;6CACe;AAehC;IADC,OAAO;6CAGP;AA7BQ,eAAe;IAN3B,SAAS,CAAC;QACP,QAAQ,EAAE,SAAS;QACnB,0MAAkC;QAElC,eAAe,EAAE,uBAAuB,CAAC,MAAM;;KAClD,CAAC;IAee,WAAA,MAAM,CAAC,YAAY,CAAC,CAAA;GAdxB,eAAe,CA8B3B;;ICxCY,YAAY,GAAzB,MAAa,YAAY;EAAG;AAAf,YAAY;IALxB,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,CAAC;QACvB,YAAY,EAAE,CAAC,eAAe,CAAC;QAC/B,OAAO,EAAE,CAAC,eAAe,CAAC;KAC7B,CAAC;GACW,YAAY,CAAG;;ACV5B;;;;;;"}
+{"version":3,"file":"taiga-ui-addon-charts-components-bar.js","sources":["../../../projects/addon-charts/components/bar/bar.component.ts","../../../projects/addon-charts/components/bar/bar.template.html","../../../projects/addon-charts/components/bar/bar.module.ts","../../../projects/addon-charts/components/bar/taiga-ui-addon-charts-components-bar.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {SafeValue} from '@angular/platform-browser';\nimport {tuiDefaultProp, tuiPure, tuiSum} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\n\n@Component({\n    selector: `tui-bar`,\n    templateUrl: `./bar.template.html`,\n    styleUrls: [`./bar.style.less`],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiBarComponent {\n    @Input()\n    @tuiDefaultProp()\n    value: readonly number[] = [];\n\n    @Input()\n    @HostBinding(`attr.data-size`)\n    @tuiDefaultProp()\n    size: TuiSizeS | TuiSizeL = `m`;\n\n    getHeight(value: number): number {\n        return (100 * value) / this.getSum(this.value);\n    }\n\n    getColor(index: number): SafeValue {\n        return `var(--tui-chart-${index}`;\n    }\n\n    @tuiPure\n    private getSum(value: readonly number[]): number {\n        return tuiSum(...value);\n    }\n}\n","<div\n    *ngFor=\"let item of value; let index = index\"\n    automation-id=\"tui-bar__bar\"\n    [style.height.%]=\"getHeight(item)\"\n    [style.background]=\"getColor(index)\"\n></div>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\nimport {TuiBarComponent} from './bar.component';\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [TuiBarComponent],\n    exports: [TuiBarComponent],\n})\nexport class TuiBarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAWa,eAAe,CAAA;AAN5B,IAAA,WAAA,GAAA;QASI,IAAK,CAAA,KAAA,GAAsB,EAAE,CAAC;QAK9B,IAAI,CAAA,IAAA,GAAwB,GAAG,CAAC;AAcnC,KAAA;AAZG,IAAA,SAAS,CAAC,KAAa,EAAA;AACnB,QAAA,OAAO,CAAC,GAAG,GAAG,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAClD;AAED,IAAA,QAAQ,CAAC,KAAa,EAAA;QAClB,OAAO,CAAA,gBAAA,EAAmB,KAAK,CAAA,CAAE,CAAC;KACrC;AAGO,IAAA,MAAM,CAAC,KAAwB,EAAA;AACnC,QAAA,OAAO,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC;KAC3B;;6GArBQ,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,kJCX5B,gMAMA,EAAA,MAAA,EAAA,CAAA,+WAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;ADQI,UAAA,CAAA;AADC,IAAA,cAAc,EAAE;AACa,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAK9B,UAAA,CAAA;AADC,IAAA,cAAc,EAAE;AACe,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAWhC,UAAA,CAAA;IADC,OAAO;AAGP,CAAA,EAAA,eAAA,CAAA,SAAA,EAAA,QAAA,EAAA,IAAA,CAAA,CAAA;4FArBQ,eAAe,EAAA,UAAA,EAAA,CAAA;kBAN3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,CAAS,OAAA,CAAA;AACnB,oBAAA,WAAW,EAAE,CAAqB,mBAAA,CAAA;oBAClC,SAAS,EAAE,CAAC,CAAA,gBAAA,CAAkB,CAAC;oBAC/B,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAClD,iBAAA,CAAA;8BAIG,KAAK,EAAA,CAAA;sBAFJ,KAAK;gBAON,IAAI,EAAA,CAAA;sBAHH,KAAK;;sBACL,WAAW;uBAAC,CAAgB,cAAA,CAAA,CAAA;gBAarB,MAAM,EAAA,EAAA,EAAA,EAAA,CAAA;;MEpBL,YAAY,CAAA;;0GAAZ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAZ,YAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,EAHN,YAAA,EAAA,CAAA,eAAe,CADpB,EAAA,OAAA,EAAA,CAAA,YAAY,aAEZ,eAAe,CAAA,EAAA,CAAA,CAAA;2GAEhB,YAAY,EAAA,OAAA,EAAA,CAJZ,CAAC,YAAY,CAAC,CAAA,EAAA,CAAA,CAAA;4FAId,YAAY,EAAA,UAAA,EAAA,CAAA;kBALxB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,YAAY,EAAE,CAAC,eAAe,CAAC;oBAC/B,OAAO,EAAE,CAAC,eAAe,CAAC;AAC7B,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}