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

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

@@ -1,11 +1,12 @@
 import { __decorate } from 'tslib';
-import { Input, HostBinding, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, HostBinding, NgModule } from '@angular/core';
 import { tuiDefaultProp } from '@taiga-ui/cdk';
-import { colorFallback, TuiButtonModule } from '@taiga-ui/core';
+import * as i1 from '@taiga-ui/core';
+import { TuiButtonModule } from '@taiga-ui/core';
 import { CommonModule } from '@angular/common';
 
-// TODO: 3.0 Remove fallback
-let TuiLegendItemComponent = class TuiLegendItemComponent {
+class TuiLegendItemComponent {
     constructor() {
         this.active = false;
         this.color = ``;
@@ -14,54 +15,65 @@ let TuiLegendItemComponent = class TuiLegendItemComponent {
         this.disabled = false;
     }
     get computedColor() {
-        if (this.color === `var(--tui-primary)`) {
-            return null;
-        }
-        return this.color.startsWith(`var(`) ? this.color : colorFallback(this.color);
+        return this.color === `var(--tui-primary)` ? null : this.color;
     }
-};
+}
+TuiLegendItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiLegendItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TuiLegendItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TuiLegendItemComponent, selector: "tui-legend-item", inputs: { active: "active", color: "color", text: "text", size: "size", disabled: "disabled" }, host: { properties: { "attr.data-size": "this.size", "class._disabled": "this.disabled", "style.--tui-primary": "this.computedColor" } }, ngImport: i0, template: "<button\n    tuiButton\n    type=\"button\"\n    size=\"s\"\n    appearance=\"whiteblock\"\n    class=\"t-button\"\n    [pseudoHover]=\"active || null\"\n>\n    <div class=\"t-wrapper\">\n        <ng-content select=\"tui-primitive-checkbox\"></ng-content>\n        <span\n            class=\"t-dot\"\n            [style.backgroundColor]=\"color || 'var(--tui-primary)'\"\n        ></span>\n        <span class=\"t-text\">{{ text }}</span>\n        <ng-content></ng-content>\n    </div>\n</button>\n", styles: [":host{display:inline-block}.t-button{height:2rem;font-weight:bold}:host[data-size=m] .t-button{height:2.25rem;font:var(--tui-font-text-m);font-weight:bold}.t-wrapper{display:flex;align-items:center;pointer-events:none}:host._disabled .t-wrapper{color:var(--tui-text-03)}.t-dot{width:.5rem;height:.5rem;border-radius:100%}:host._disabled .t-dot{background:var(--tui-base-04)}.t-dot:not(:first-child){display:none}.t-text{margin:0 .5rem;font-weight:normal}\n"], components: [{ type: i1.TuiButtonComponent, selector: "button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]", inputs: ["appearance", "disabled", "icon", "iconRight", "shape", "showLoader", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 __decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiLegendItemComponent.prototype, "active", void 0);
 __decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiLegendItemComponent.prototype, "color", void 0);
 __decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiLegendItemComponent.prototype, "text", void 0);
 __decorate([
-    Input(),
-    HostBinding(`attr.data-size`),
     tuiDefaultProp()
 ], TuiLegendItemComponent.prototype, "size", void 0);
-__decorate([
-    Input(),
-    HostBinding(`class._disabled`)
-], TuiLegendItemComponent.prototype, "disabled", void 0);
-__decorate([
-    HostBinding(`style.--tui-primary`)
-], TuiLegendItemComponent.prototype, "computedColor", null);
-TuiLegendItemComponent = __decorate([
-    Component({
-        selector: `tui-legend-item`,
-        template: "<button\n    tuiButton\n    type=\"button\"\n    size=\"s\"\n    appearance=\"whiteblock\"\n    class=\"t-button\"\n    [pseudoHovered]=\"active || null\"\n>\n    <div class=\"t-wrapper\">\n        <ng-content select=\"tui-primitive-checkbox\"></ng-content>\n        <span class=\"t-dot\"></span>\n        <span class=\"t-text\">{{ text }}</span>\n        <ng-content></ng-content>\n    </div>\n</button>\n",
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        styles: [":host{display:inline-block}.t-button{height:2rem;font-weight:700}:host[data-size='m'] .t-button{height:2.25rem;font:var(--tui-font-text-m);font-weight:700}.t-wrapper{display:flex;align-items:center;pointer-events:none}:host._disabled .t-wrapper{color:var(--tui-text-03)}.t-dot{width:.5rem;height:.5rem;border-radius:100%;background:var(--tui-primary)}:host._disabled .t-dot{background:var(--tui-base-04)}.t-dot:not(:first-child){display:none}.t-text{margin:0 .5rem;font-weight:400}"]
-    })
-], TuiLegendItemComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiLegendItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: `tui-legend-item`,
+                    templateUrl: `./legend-item.template.html`,
+                    styleUrls: [`./legend-item.style.less`],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { active: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: [`attr.data-size`]
+            }], disabled: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: [`class._disabled`]
+            }], computedColor: [{
+                type: HostBinding,
+                args: [`style.--tui-primary`]
+            }] } });
 
-let TuiLegendItemModule = class TuiLegendItemModule {
-};
-TuiLegendItemModule = __decorate([
-    NgModule({
-        imports: [CommonModule, TuiButtonModule],
-        declarations: [TuiLegendItemComponent],
-        exports: [TuiLegendItemComponent],
-    })
-], TuiLegendItemModule);
+class TuiLegendItemModule {
+}
+TuiLegendItemModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiLegendItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiLegendItemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiLegendItemModule, declarations: [TuiLegendItemComponent], imports: [CommonModule, TuiButtonModule], exports: [TuiLegendItemComponent] });
+TuiLegendItemModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiLegendItemModule, imports: [[CommonModule, TuiButtonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiLegendItemModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, TuiButtonModule],
+                    declarations: [TuiLegendItemComponent],
+                    exports: [TuiLegendItemComponent],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

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

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-addon-charts-components-legend-item.js","sources":["ng://@taiga-ui/addon-charts/components/legend-item/legend-item.component.ts","ng://@taiga-ui/addon-charts/components/legend-item/legend-item.module.ts","ng://@taiga-ui/addon-charts/components/legend-item/taiga-ui-addon-charts-components-legend-item.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {colorFallback, TuiSizeS} from '@taiga-ui/core';\n\n// TODO: 3.0 Remove fallback\n@Component({\n    selector: `tui-legend-item`,\n    templateUrl: `./legend-item.template.html`,\n    styleUrls: [`./legend-item.style.less`],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiLegendItemComponent {\n    @Input()\n    @tuiDefaultProp()\n    active = false;\n\n    @Input()\n    @tuiDefaultProp()\n    color = ``;\n\n    @Input()\n    @tuiDefaultProp()\n    text = ``;\n\n    @Input()\n    @HostBinding(`attr.data-size`)\n    @tuiDefaultProp()\n    size: TuiSizeS = `m`;\n\n    @Input()\n    @HostBinding(`class._disabled`)\n    disabled = false;\n\n    @HostBinding(`style.--tui-primary`)\n    get computedColor(): string | null {\n        if (this.color === `var(--tui-primary)`) {\n            return null;\n        }\n\n        return this.color.startsWith(`var(`) ? this.color : colorFallback(this.color);\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiButtonModule} from '@taiga-ui/core';\n\nimport {TuiLegendItemComponent} from './legend-item.component';\n\n@NgModule({\n    imports: [CommonModule, TuiButtonModule],\n    declarations: [TuiLegendItemComponent],\n    exports: [TuiLegendItemComponent],\n})\nexport class TuiLegendItemModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAIA;IAOa,sBAAsB,GAAnC,MAAa,sBAAsB;IAAnC;QAGI,WAAM,GAAG,KAAK,CAAC;QAIf,UAAK,GAAG,EAAE,CAAC;QAIX,SAAI,GAAG,EAAE,CAAC;QAKV,SAAI,GAAa,GAAG,CAAC;QAIrB,aAAQ,GAAG,KAAK,CAAC;KAUpB;IAPG,IAAI,aAAa;QACb,IAAI,IAAI,CAAC,KAAK,KAAK,oBAAoB,EAAE;YACrC,OAAO,IAAI,CAAC;SACf;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACjF;EACJ;AA3BG;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;sDACF;AAIf;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;qDACN;AAIX;IAFC,KAAK,EAAE;IACP,cAAc,EAAE;oDACP;AAKV;IAHC,KAAK,EAAE;IACP,WAAW,CAAC,gBAAgB,CAAC;IAC7B,cAAc,EAAE;oDACI;AAIrB;IAFC,KAAK,EAAE;IACP,WAAW,CAAC,iBAAiB,CAAC;wDACd;AAGjB;IADC,WAAW,CAAC,qBAAqB,CAAC;2DAOlC;AA7BQ,sBAAsB;IANlC,SAAS,CAAC;QACP,QAAQ,EAAE,iBAAiB;QAC3B,kaAA0C;QAE1C,eAAe,EAAE,uBAAuB,CAAC,MAAM;;KAClD,CAAC;GACW,sBAAsB,CA8BlC;;IC9BY,mBAAmB,GAAhC,MAAa,mBAAmB;EAAG;AAAtB,mBAAmB;IAL/B,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC;QACxC,YAAY,EAAE,CAAC,sBAAsB,CAAC;QACtC,OAAO,EAAE,CAAC,sBAAsB,CAAC;KACpC,CAAC;GACW,mBAAmB,CAAG;;ACXnC;;;;;;"}
+{"version":3,"file":"taiga-ui-addon-charts-components-legend-item.js","sources":["../../../projects/addon-charts/components/legend-item/legend-item.component.ts","../../../projects/addon-charts/components/legend-item/legend-item.template.html","../../../projects/addon-charts/components/legend-item/legend-item.module.ts","../../../projects/addon-charts/components/legend-item/taiga-ui-addon-charts-components-legend-item.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, HostBinding, Input} from '@angular/core';\nimport {tuiDefaultProp} from '@taiga-ui/cdk';\nimport {TuiSizeS} from '@taiga-ui/core';\n\n@Component({\n    selector: `tui-legend-item`,\n    templateUrl: `./legend-item.template.html`,\n    styleUrls: [`./legend-item.style.less`],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiLegendItemComponent {\n    @Input()\n    @tuiDefaultProp()\n    active = false;\n\n    @Input()\n    @tuiDefaultProp()\n    color = ``;\n\n    @Input()\n    @tuiDefaultProp()\n    text = ``;\n\n    @Input()\n    @HostBinding(`attr.data-size`)\n    @tuiDefaultProp()\n    size: TuiSizeS = `m`;\n\n    @Input()\n    @HostBinding(`class._disabled`)\n    disabled = false;\n\n    @HostBinding(`style.--tui-primary`)\n    get computedColor(): string | null {\n        return this.color === `var(--tui-primary)` ? null : this.color;\n    }\n}\n","<button\n    tuiButton\n    type=\"button\"\n    size=\"s\"\n    appearance=\"whiteblock\"\n    class=\"t-button\"\n    [pseudoHover]=\"active || null\"\n>\n    <div class=\"t-wrapper\">\n        <ng-content select=\"tui-primitive-checkbox\"></ng-content>\n        <span\n            class=\"t-dot\"\n            [style.backgroundColor]=\"color || 'var(--tui-primary)'\"\n        ></span>\n        <span class=\"t-text\">{{ text }}</span>\n        <ng-content></ng-content>\n    </div>\n</button>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiButtonModule} from '@taiga-ui/core';\n\nimport {TuiLegendItemComponent} from './legend-item.component';\n\n@NgModule({\n    imports: [CommonModule, TuiButtonModule],\n    declarations: [TuiLegendItemComponent],\n    exports: [TuiLegendItemComponent],\n})\nexport class TuiLegendItemModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,22 +1,31 @@
-import { __decorate, __param } from 'tslib';
+import { __decorate } from 'tslib';
+import * as i2$1 from '@angular/common';
 import { Location, CommonModule } from '@angular/common';
-import { Renderer2, Inject, ElementRef, NgZone, ContentChildren, forwardRef, Input, Directive, Optional, HostListener, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import { draw } from '@taiga-ui/addon-charts/utils';
-import { EMPTY_QUERY, tuiZonefree, TuiDestroyService, tuiDefaultProp, tuiPure, inRange, tuiZoneOptimized, TuiIdService, TuiFocusableModule, TuiLetModule } from '@taiga-ui/cdk';
-import { Observable, Subject } from 'rxjs';
-import { throttleTime, map, startWith, distinctUntilChanged, filter, takeUntil } from 'rxjs/operators';
-import { ANIMATION_FRAME } from '@ng-web-apis/common';
-import { HINT_HOVERED_CLASS, TuiHintModule, TuiDescribedByModule } from '@taiga-ui/core';
+import * as i0 from '@angular/core';
+import { Renderer2, NgZone, ElementRef, Directive, Inject, ContentChildren, forwardRef, Input, Component, ChangeDetectionStrategy, Optional, ViewChildren, HostListener, NgModule } from '@angular/core';
+import { tuiDraw } from '@taiga-ui/addon-charts/utils';
+import * as i1 from '@taiga-ui/cdk';
+import { EMPTY_QUERY, tuiZonefree, TuiDestroyService, TuiHoveredService, tuiDefaultProp, tuiPure, tuiZoneOptimized, TuiIdService, tuiInRange, TuiFocusableModule, TuiLetModule } from '@taiga-ui/cdk';
+import * as i3 from '@taiga-ui/core';
+import { TuiHintControllerDirective, TuiDriver, TUI_HINT_CONTROLLER_OPTIONS, TuiHintModule, TuiDescribedByModule } from '@taiga-ui/core';
+import * as i2 from 'rxjs';
+import { combineLatest, Subject } from 'rxjs';
+import { startWith, map, distinctUntilChanged, filter, takeUntil } from 'rxjs/operators';
 import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
 
-let TuiLineChartHintDirective = class TuiLineChartHintDirective {
-    constructor(renderer, destroy$, { nativeElement }, ngZone, animationFrame$) {
+class TuiLineChartHintDirective {
+    constructor(renderer, destroy$, ngZone, hovered$) {
         this.renderer = renderer;
+        this.destroy$ = destroy$;
+        this.ngZone = ngZone;
+        this.hovered$ = hovered$;
         this.charts = EMPTY_QUERY;
         this.chartsRef = EMPTY_QUERY;
         this.hint = ``;
-        animationFrame$
-            .pipe(throttleTime(200), map(() => !!nativeElement.querySelector(`.${HINT_HOVERED_CLASS}`)), startWith(false), distinctUntilChanged(), filter(v => !v), tuiZonefree(ngZone), takeUntil(destroy$))
+    }
+    ngAfterContentInit() {
+        combineLatest([tuiLineChartDrivers(this.charts), this.hovered$])
+            .pipe(map(([drivers, hovered]) => !drivers && !hovered), filter(Boolean), tuiZonefree(this.ngZone), takeUntil(this.destroy$))
             .subscribe(() => {
             this.charts.forEach(chart => chart.onHovered(NaN));
         });
@@ -38,56 +47,62 @@ let TuiLineChartHintDirective = class TuiLineChartHintDirective {
             index,
         };
     }
-};
-TuiLineChartHintDirective.ctorParameters = () => [
-    { type: Renderer2, decorators: [{ type: Inject, args: [Renderer2,] }] },
-    { type: TuiDestroyService, decorators: [{ type: Inject, args: [TuiDestroyService,] }] },
-    { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
-    { type: NgZone, decorators: [{ type: Inject, args: [NgZone,] }] },
-    { type: Observable, decorators: [{ type: Inject, args: [ANIMATION_FRAME,] }] }
-];
-__decorate([
-    ContentChildren(forwardRef(() => TuiLineChartComponent))
-], TuiLineChartHintDirective.prototype, "charts", void 0);
-__decorate([
-    ContentChildren(forwardRef(() => TuiLineChartComponent), { read: ElementRef })
-], TuiLineChartHintDirective.prototype, "chartsRef", void 0);
+}
+TuiLineChartHintDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiLineChartHintDirective, deps: [{ token: Renderer2 }, { token: TuiDestroyService }, { token: NgZone }, { token: TuiHoveredService }], target: i0.ɵɵFactoryTarget.Directive });
+TuiLineChartHintDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TuiLineChartHintDirective, selector: "[tuiLineChartHint]", inputs: { hint: ["tuiLineChartHint", "hint"] }, providers: [TuiDestroyService, TuiHoveredService], queries: [{ propertyName: "charts", predicate: i0.forwardRef(function () { return TuiLineChartComponent; }) }, { propertyName: "chartsRef", predicate: i0.forwardRef(function () { return TuiLineChartComponent; }), read: ElementRef }], ngImport: i0 });
 __decorate([
-    Input(`tuiLineChartHint`),
     tuiDefaultProp()
 ], TuiLineChartHintDirective.prototype, "hint", void 0);
 __decorate([
     tuiPure
 ], TuiLineChartHintDirective.prototype, "computeContext", null);
-TuiLineChartHintDirective = __decorate([
-    Directive({
-        selector: `[tuiLineChartHint]`,
-        providers: [TuiDestroyService],
-    }),
-    __param(0, Inject(Renderer2)),
-    __param(1, Inject(TuiDestroyService)),
-    __param(2, Inject(ElementRef)),
-    __param(3, Inject(NgZone)),
-    __param(4, Inject(ANIMATION_FRAME))
-], TuiLineChartHintDirective);
-
-// eslint-disable-next-line @typescript-eslint/naming-convention
-function smoothingAssertion(smoothingFactor) {
-    return inRange(smoothingFactor, 0, 100);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiLineChartHintDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: `[tuiLineChartHint]`,
+                    providers: [TuiDestroyService, TuiHoveredService],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2, decorators: [{
+                    type: Inject,
+                    args: [Renderer2]
+                }] }, { type: i1.TuiDestroyService, decorators: [{
+                    type: Inject,
+                    args: [TuiDestroyService]
+                }] }, { type: i0.NgZone, decorators: [{
+                    type: Inject,
+                    args: [NgZone]
+                }] }, { type: i2.Observable, decorators: [{
+                    type: Inject,
+                    args: [TuiHoveredService]
+                }] }]; }, propDecorators: { charts: [{
+                type: ContentChildren,
+                args: [forwardRef(() => TuiLineChartComponent)]
+            }], chartsRef: [{
+                type: ContentChildren,
+                args: [forwardRef(() => TuiLineChartComponent), { read: ElementRef }]
+            }], hint: [{
+                type: Input,
+                args: [`tuiLineChartHint`]
+            }], computeContext: [] } });
+function tuiLineChartDrivers(charts) {
+    return combineLatest(charts
+        .map(({ drivers }) => drivers.map(driver => driver.pipe(startWith(false))))
+        .reduce((acc, drivers) => acc.concat(drivers), [])).pipe(map(values => values.some(Boolean)), distinctUntilChanged());
 }
-const SMOOTHING_MESSAGE = `smoothingFactor must be between 0 and 100`;
-let TuiLineChartComponent = class TuiLineChartComponent {
-    constructor(idService, ngZone, locationRef, hintDirective) {
+
+class TuiLineChartComponent {
+    constructor(idService, ngZone, locationRef, hintDirective, hintController) {
         this.ngZone = ngZone;
         this.locationRef = locationRef;
         this.hintDirective = hintDirective;
+        this.hintController = hintController;
         this._hovered$ = new Subject();
+        this.drivers = EMPTY_QUERY;
         this.x = 0;
         this.y = 0;
         this.width = 0;
         this.height = 0;
         this.smoothingFactor = 0;
-        this.hintContent = ``;
         this.xStringify = null;
         this.yStringify = null;
         this.filled = false;
@@ -101,6 +116,10 @@ let TuiLineChartComponent = class TuiLineChartComponent {
     get hovered$() {
         return this._hovered$.pipe(distinctUntilChanged(), tuiZoneOptimized(this.ngZone));
     }
+    get hintContent() {
+        var _a;
+        return ((_a = this.hintController) === null || _a === void 0 ? void 0 : _a.content) || ``;
+    }
     get fillId() {
         return `tui-line-chart-${this.autoIdString}`;
     }
@@ -152,7 +171,7 @@ let TuiLineChartComponent = class TuiLineChartComponent {
     getContentContext($implicit, index) {
         var _a;
         return (((_a = this.hintDirective) === null || _a === void 0 ? void 0 : _a.getContext(this.value.indexOf($implicit), this)) || {
-            $implicit: [],
+            $implicit,
             index,
         });
     }
@@ -184,107 +203,145 @@ let TuiLineChartComponent = class TuiLineChartComponent {
         return this.value.length === 1;
     }
     getD(value, smoothingFactor) {
-        return value.reduce((d, point, index) => index ? `${d} ${draw(value, index, smoothingFactor)}` : `M ${point}`, ``);
+        return value.reduce((d, point, index) => index ? `${d} ${tuiDraw(value, index, smoothingFactor)}` : `M ${point}`, ``);
     }
     computeWidth(index) {
         return index === this.value.length - 1
             ? 2 * (this.value[index][0] - this.getX(index))
             : this.getX(index + 1) - this.getX(index);
     }
-};
-TuiLineChartComponent.ctorParameters = () => [
-    { type: TuiIdService, decorators: [{ type: Inject, args: [TuiIdService,] }] },
-    { type: NgZone, decorators: [{ type: Inject, args: [NgZone,] }] },
-    { type: Location, decorators: [{ type: Inject, args: [Location,] }] },
-    { type: TuiLineChartHintDirective, decorators: [{ type: Optional }, { type: Inject, args: [TuiLineChartHintDirective,] }] }
-];
+}
+TuiLineChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiLineChartComponent, deps: [{ token: TuiIdService }, { token: NgZone }, { token: Location }, { token: TuiLineChartHintDirective, optional: true }, { token: TuiHintControllerDirective, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+TuiLineChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TuiLineChartComponent, selector: "tui-line-chart", inputs: { valueSetter: ["value", "valueSetter"], x: "x", y: "y", width: "width", height: "height", smoothingFactor: "smoothingFactor", xStringify: "xStringify", yStringify: "yStringify", filled: "filled", dots: "dots" }, host: { listeners: { "mouseleave": "onMouseLeave()" } }, viewQueries: [{ propertyName: "drivers", predicate: TuiDriver, descendants: true }], ngImport: i0, template: "<ng-container *tuiLet=\"hovered$ | async as hovered\">\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        focusable=\"false\"\n        preserveAspectRatio=\"none\"\n        width=\"100%\"\n        height=\"100%\"\n        class=\"t-svg\"\n        [attr.viewBox]=\"viewBox\"\n    >\n        <defs>\n            <linearGradient\n                x1=\"0\"\n                x2=\"0\"\n                y1=\"1\"\n                y2=\"0\"\n                [attr.id]=\"fillId\"\n            >\n                <stop\n                    stop-color=\"currentColor\"\n                    offset=\"0%\"\n                    stop-opacity=\"0.5\"\n                />\n                <stop\n                    stop-color=\"currentColor\"\n                    offset=\"100%\"\n                    stop-opacity=\"0\"\n                />\n            </linearGradient>\n        </defs>\n        <path\n            stroke=\"none\"\n            [attr.fill]=\"fill\"\n            [attr.d]=\"fillD\"\n        />\n        <path\n            fill=\"none\"\n            stroke=\"currentColor\"\n            vector-effect=\"non-scaling-stroke\"\n            stroke-width=\"2\"\n            [attr.d]=\"d\"\n        />\n    </svg>\n    <ng-container *ngIf=\"dots\">\n        <div\n            *ngFor=\"let point of value\"\n            class=\"t-dot\"\n            [style.left.%]=\"getLeft(point[0])\"\n            [style.bottom.%]=\"getBottom(point[1])\"\n        ></div>\n    </ng-container>\n    <ng-container *ngIf=\"hasHints\">\n        <ng-container *ngFor=\"let point of value; let index = index\">\n            <!-- TODO: Fix hint type -->\n            <div\n                *ngIf=\"value.length > 1 || dots\"\n                tuiHintDirection=\"top\"\n                class=\"t-column\"\n                [class.t-column_hovered]=\"hovered === index\"\n                [class.t-column_hint_hovered]=\"drivers.get(index) | async\"\n                [tuiHintHost]=\"hintHost\"\n                [tuiHint]=\"$any(hintDirective?.hint || hintContent)\"\n                [tuiHintContext]=\"getContentContext(point, index)\"\n                [tuiHintId]=\"getHintId(index)\"\n                [style.left.%]=\"getLeft(getX(index))\"\n                [style.width.%]=\"getWidth(index)\"\n                (mouseenter)=\"onMouseEnter(index)\"\n            >\n                <div\n                    class=\"t-line t-line_vertical\"\n                    [style.left.%]=\"getOffset(index)\"\n                ></div>\n                <div\n                    #hintHost\n                    class=\"t-host\"\n                    [style.left.%]=\"getOffset(index)\"\n                    [style.bottom.%]=\"getBottom(point[1])\"\n                    [tuiFocusable]=\"isFocusable\"\n                    [tuiDescribedBy]=\"getHintId(index)\"\n                ></div>\n            </div>\n            <div\n                *ngIf=\"isFocusable\"\n                class=\"t-line t-line_horizontal\"\n                [style.bottom.%]=\"getBottom(point[1])\"\n            ></div>\n        </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"getHovered(hovered) as point\">\n        <div\n            *ngIf=\"xStringify\"\n            class=\"t-hint t-hint_x\"\n            [style.left.%]=\"getLeft(point[0])\"\n        >\n            {{ xStringify(point[0]) }}\n        </div>\n        <div\n            *ngIf=\"yStringify\"\n            class=\"t-hint t-hint_y\"\n            [style.bottom.%]=\"getBottom(point[1])\"\n        >\n            {{ yStringify(point[1]) }}\n        </div>\n    </ng-container>\n</ng-container>\n", styles: [":host{display:flex;width:100%;height:100%;pointer-events:none}.t-svg{transform:scaleY(-1)}.t-column{position:absolute;top:0;height:100%;pointer-events:auto}.t-dot{position:absolute;width:.375rem;height:.375rem;border-radius:100%;background:currentColor;margin:-.1875rem;box-shadow:0 0 0 2px #fff}.t-host{position:absolute;left:50%;width:.5rem;height:.5rem;border-radius:100%;opacity:0;background:#fff;margin:-.25rem;box-shadow:0 0 0 2px currentColor,0 .0625rem .1875rem .125rem rgba(0,0,0,.1);outline:none;pointer-events:none}.t-host:focus,.t-column_hovered .t-host,.t-column:hover .t-host,.t-column_hint_hovered .t-host{opacity:1}.t-line{position:absolute;opacity:0;background:var(--tui-base-03)}.t-line_vertical{top:0;bottom:0;left:50%;width:1px}.t-line_horizontal{z-index:-1;width:100%;height:1px}:host[style^=\"z-index: 0\"] .t-column_hovered .t-line,:host:not([style]) .t-column:hover .t-line,:host:not([style]) .t-column_hint_hovered .t-line,:host[style^=\"z-index: 0\"] .t-column_hovered+.t-line,:host:not([style]) .t-column:hover+.t-line,:host:not([style]) .t-column_hint_hovered+.t-line{opacity:1}.t-hint{box-shadow:0 .25rem 1.5rem rgba(0,0,0,.12);position:absolute;font:var(--tui-font-text-xs);height:1.25rem;line-height:1.25rem;margin-bottom:-.625rem;padding:0 .375rem;white-space:nowrap;color:var(--tui-base-09);background:var(--tui-base-01);transform:translate(-50%)}.t-hint_x{bottom:0}.t-hint_y{left:0}\n"], directives: [{ type: i1.TuiLetDirective, selector: "[tuiLet]", inputs: ["tuiLet"] }, { type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$1.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: i1.TuiFocusableDirective, selector: "[tuiFocusable]", inputs: ["tuiFocusable"] }, { type: i3.TuiDescribedByDirective, selector: "[tuiDescribedBy]:not(ng-container)", inputs: ["tuiDescribedBy"] }], pipes: { "async": i2$1.AsyncPipe }, viewProviders: [TUI_HINT_CONTROLLER_OPTIONS], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 __decorate([
-    Input(`value`),
     tuiDefaultProp()
 ], TuiLineChartComponent.prototype, "valueSetter", null);
 __decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiLineChartComponent.prototype, "x", void 0);
 __decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiLineChartComponent.prototype, "y", void 0);
 __decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiLineChartComponent.prototype, "width", void 0);
 __decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiLineChartComponent.prototype, "height", void 0);
 __decorate([
-    Input(),
-    tuiDefaultProp(smoothingAssertion, SMOOTHING_MESSAGE)
+    tuiDefaultProp((smoothingFactor) => tuiInRange(smoothingFactor, 0, 100), `smoothingFactor must be between 0 and 100`)
 ], TuiLineChartComponent.prototype, "smoothingFactor", void 0);
 __decorate([
-    Input(),
-    tuiDefaultProp()
-], TuiLineChartComponent.prototype, "hintContent", void 0);
-__decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiLineChartComponent.prototype, "xStringify", void 0);
 __decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiLineChartComponent.prototype, "yStringify", void 0);
 __decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiLineChartComponent.prototype, "filled", void 0);
 __decorate([
-    Input(),
     tuiDefaultProp()
 ], TuiLineChartComponent.prototype, "dots", void 0);
 __decorate([
     tuiPure
 ], TuiLineChartComponent.prototype, "hovered$", null);
-__decorate([
-    HostListener(`mouseleave`)
-], TuiLineChartComponent.prototype, "onMouseLeave", null);
 __decorate([
     tuiPure
 ], TuiLineChartComponent.prototype, "getD", null);
-TuiLineChartComponent = __decorate([
-    Component({
-        selector: `tui-line-chart`,
-        template: "<ng-container *tuiLet=\"hovered$ | async as hovered\">\n    <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        focusable=\"false\"\n        preserveAspectRatio=\"none\"\n        width=\"100%\"\n        height=\"100%\"\n        class=\"t-svg\"\n        [attr.viewBox]=\"viewBox\"\n    >\n        <defs>\n            <linearGradient\n                x1=\"0\"\n                x2=\"0\"\n                y1=\"1\"\n                y2=\"0\"\n                [attr.id]=\"fillId\"\n            >\n                <stop\n                    stop-color=\"currentColor\"\n                    offset=\"0%\"\n                    stop-opacity=\"0.5\"\n                />\n                <stop\n                    stop-color=\"currentColor\"\n                    offset=\"100%\"\n                    stop-opacity=\"0\"\n                />\n            </linearGradient>\n        </defs>\n        <path\n            stroke=\"none\"\n            [attr.fill]=\"fill\"\n            [attr.d]=\"fillD\"\n        />\n        <path\n            fill=\"none\"\n            stroke=\"currentColor\"\n            vector-effect=\"non-scaling-stroke\"\n            stroke-width=\"2\"\n            [attr.d]=\"d\"\n        />\n    </svg>\n    <ng-container *ngIf=\"dots\">\n        <div\n            *ngFor=\"let point of value\"\n            class=\"t-dot\"\n            [style.left.%]=\"getLeft(point[0])\"\n            [style.bottom.%]=\"getBottom(point[1])\"\n        ></div>\n    </ng-container>\n    <ng-container *ngIf=\"hasHints\">\n        <ng-container *ngFor=\"let point of value; let index = index\">\n            <div\n                *ngIf=\"value.length > 1 || dots\"\n                tuiHintDirection=\"top-left\"\n                class=\"t-column\"\n                [class.t-column_hovered]=\"hovered === index\"\n                [tuiHintHost]=\"hintHost\"\n                [tuiHint]=\"hintDirective || hintContent ? hint : ''\"\n                [tuiHintId]=\"getHintId(index)\"\n                [style.left.%]=\"getLeft(getX(index))\"\n                [style.width.%]=\"getWidth(index)\"\n                (mouseenter)=\"onMouseEnter(index)\"\n            >\n                <div\n                    class=\"t-line t-line_vertical\"\n                    [style.left.%]=\"getOffset(index)\"\n                ></div>\n                <div\n                    #hintHost\n                    class=\"t-host\"\n                    [style.left.%]=\"getOffset(index)\"\n                    [style.bottom.%]=\"getBottom(point[1])\"\n                    [tuiFocusable]=\"isFocusable\"\n                    [tuiDescribedBy]=\"getHintId(index)\"\n                ></div>\n            </div>\n            <div\n                *ngIf=\"isFocusable\"\n                class=\"t-line t-line_horizontal\"\n                [style.bottom.%]=\"getBottom(point[1])\"\n            ></div>\n            <ng-template #hint>\n                <div\n                    *ngIf=\"hintDirective; else single\"\n                    polymorpheus-outlet\n                    class=\"t-text\"\n                    [content]=\"hintDirective.hint\"\n                    [context]=\"getContentContext(point, index)\"\n                ></div>\n                <ng-template #single>\n                    <div\n                        polymorpheus-outlet\n                        class=\"t-text\"\n                        [content]=\"hintContent\"\n                        [context]=\"{$implicit: point, index: index}\"\n                    ></div>\n                </ng-template>\n            </ng-template>\n        </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"getHovered(hovered) as point\">\n        <div\n            *ngIf=\"xStringify\"\n            class=\"t-hint t-hint_x\"\n            [style.left.%]=\"getLeft(point[0])\"\n        >\n            {{ xStringify(point[0]) }}\n        </div>\n        <div\n            *ngIf=\"yStringify\"\n            class=\"t-hint t-hint_y\"\n            [style.bottom.%]=\"getBottom(point[1])\"\n        >\n            {{ yStringify(point[1]) }}\n        </div>\n    </ng-container>\n</ng-container>\n",
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        styles: [":host{display:flex;width:100%;height:100%;pointer-events:none}.t-svg{transform:scale(1,-1)}.t-column{position:absolute;top:0;height:100%;pointer-events:auto}.t-dot{position:absolute;width:.375rem;height:.375rem;border-radius:100%;background:currentColor;margin:-.1875rem;box-shadow:0 0 0 2px #fff}.t-host{position:absolute;left:50%;width:.5rem;height:.5rem;border-radius:100%;opacity:0;background:#fff;margin:-.25rem;box-shadow:0 0 0 2px currentColor,0 .0625rem .1875rem .125rem rgba(0,0,0,.1);outline:0;pointer-events:none}.t-column._hint_hovered .t-host,.t-column:hover .t-host,.t-column_hovered .t-host,.t-host:focus{opacity:1}.t-line{position:absolute;opacity:0;background:var(--tui-base-03)}.t-line_vertical{top:0;bottom:0;left:50%;width:1px}.t-line_horizontal{z-index:-1;width:100%;height:1px}:host:not([style]) .t-column._hint_hovered .t-line,:host:not([style]) .t-column._hint_hovered+.t-line,:host:not([style]) .t-column:hover .t-line,:host:not([style]) .t-column:hover+.t-line,:host[style^='z-index: 0'] .t-column_hovered .t-line,:host[style^='z-index: 0'] .t-column_hovered+.t-line{opacity:1}.t-text{white-space:pre-wrap}.t-hint{box-shadow:0 .25rem 1.5rem rgba(0,0,0,.12);position:absolute;font:var(--tui-font-text-xs);height:1.25rem;line-height:1.25rem;margin-bottom:-.625rem;padding:0 .375rem;white-space:nowrap;color:var(--tui-base-09);background:var(--tui-base-01);transform:translate3d(-50%,0,0)}.t-hint_x{bottom:0}.t-hint_y{left:0}"]
-    }),
-    __param(0, Inject(TuiIdService)),
-    __param(1, Inject(NgZone)),
-    __param(2, Inject(Location)),
-    __param(3, Optional()),
-    __param(3, Inject(TuiLineChartHintDirective))
-], TuiLineChartComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiLineChartComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: `tui-line-chart`,
+                    templateUrl: `./line-chart.template.html`,
+                    styleUrls: [`./line-chart.style.less`],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    viewProviders: [TUI_HINT_CONTROLLER_OPTIONS],
+                }]
+        }], ctorParameters: function () { return [{ type: i1.TuiIdService, decorators: [{
+                    type: Inject,
+                    args: [TuiIdService]
+                }] }, { type: i0.NgZone, decorators: [{
+                    type: Inject,
+                    args: [NgZone]
+                }] }, { type: i2$1.Location, decorators: [{
+                    type: Inject,
+                    args: [Location]
+                }] }, { type: TuiLineChartHintDirective, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [TuiLineChartHintDirective]
+                }] }, { type: i3.TuiHintControllerDirective, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [TuiHintControllerDirective]
+                }] }]; }, propDecorators: { drivers: [{
+                type: ViewChildren,
+                args: [TuiDriver]
+            }], valueSetter: [{
+                type: Input,
+                args: [`value`]
+            }], x: [{
+                type: Input
+            }], y: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], smoothingFactor: [{
+                type: Input
+            }], xStringify: [{
+                type: Input
+            }], yStringify: [{
+                type: Input
+            }], filled: [{
+                type: Input
+            }], dots: [{
+                type: Input
+            }], hovered$: [], onMouseLeave: [{
+                type: HostListener,
+                args: [`mouseleave`]
+            }], getD: [] } });
 
-let TuiLineChartModule = class TuiLineChartModule {
-};
-TuiLineChartModule = __decorate([
-    NgModule({
-        imports: [
+class TuiLineChartModule {
+}
+TuiLineChartModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiLineChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiLineChartModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiLineChartModule, declarations: [TuiLineChartComponent, TuiLineChartHintDirective], imports: [CommonModule,
+        PolymorpheusModule,
+        TuiHintModule,
+        TuiFocusableModule,
+        TuiDescribedByModule,
+        TuiLetModule], exports: [TuiLineChartComponent, TuiLineChartHintDirective] });
+TuiLineChartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiLineChartModule, imports: [[
             CommonModule,
             PolymorpheusModule,
             TuiHintModule,
             TuiFocusableModule,
             TuiDescribedByModule,
             TuiLetModule,
-        ],
-        declarations: [TuiLineChartComponent, TuiLineChartHintDirective],
-        exports: [TuiLineChartComponent, TuiLineChartHintDirective],
-    })
-], TuiLineChartModule);
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TuiLineChartModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        PolymorpheusModule,
+                        TuiHintModule,
+                        TuiFocusableModule,
+                        TuiDescribedByModule,
+                        TuiLetModule,
+                    ],
+                    declarations: [TuiLineChartComponent, TuiLineChartHintDirective],
+                    exports: [TuiLineChartComponent, TuiLineChartHintDirective],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { TuiLineChartComponent, TuiLineChartHintDirective, TuiLineChartModule, smoothingAssertion };
+export { TuiLineChartComponent, TuiLineChartHintDirective, TuiLineChartModule, tuiLineChartDrivers };
 //# sourceMappingURL=taiga-ui-addon-charts-components-line-chart.js.map