@taiga-ui/addon-charts 2.24.0 → 2.27.1

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

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"TuiAxesComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"tui-axes","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":19,"character":21},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@taiga-ui/core/providers","name":"MODE_PROVIDER","line":20,"character":16}],"host":{"($.data-mode.attr)":"mode$","$quoted$":["($.data-mode.attr)"]},"template":"<div *ngIf=\"hasYLabels\" class=\"t-side\" [class.t-side_padding]=\"hasXLabels\">\n    <div\n        *ngIf=\"axisYName\"\n        automation-id=\"tui-axex__axis-y-name\"\n        class=\"t-name t-name_primary\"\n    >\n        {{ axisYName }}\n    </div>\n    <div *ngIf=\"!axisYInset\" class=\"t-labels-y t-labels-y_primary\">\n        <div\n            *ngFor=\"let label of axisYLabels\"\n            automation-id=\"tui-axex__axis-y-label\"\n            class=\"t-label-y\"\n        >\n            {{ fallback(label) }}\n        </div>\n    </div>\n</div>\n<div class=\"t-wrapper\">\n    <div\n        class=\"t-grid\"\n        [style.borderLeftStyle]=\"axisY\"\n        [style.borderBottomStyle]=\"axisX\"\n    >\n        <div class=\"t-vertical\">\n            <div\n                *tuiRepeatTimes=\"let index of verticalLines\"\n                automation-id=\"tui-axex__vertical-line\"\n                class=\"t-line t-line_vertical\"\n                [style.borderRightStyle]=\"verticalLinesHandler(index, verticalLines)\"\n            ></div>\n        </div>\n        <div class=\"t-horizontal\">\n            <div\n                *tuiRepeatTimes=\"let index of horizontalLines\"\n                automation-id=\"tui-axex__horizontal-line\"\n                class=\"t-line\"\n                [style.borderTopStyle]=\"horizontalLinesHandler(index, horizontalLines)\"\n            ></div>\n        </div>\n        <div *ngIf=\"axisYInset\" class=\"t-labels-y t-labels-y_inset\">\n            <div\n                *ngFor=\"let label of axisYLabels\"\n                automation-id=\"tui-axex__axis-y-label\"\n                class=\"t-label-y\"\n            >\n                {{ fallback(label) }}\n            </div>\n        </div>\n        <div\n            *ngIf=\"axisYSecondaryInset\"\n            class=\"t-labels-y t-labels-y_inset t-labels-y_inset_secondary\"\n        >\n            <div\n                *ngFor=\"let label of axisYSecondaryLabels\"\n                automation-id=\"tui-axex__axis-y-secondary-label\"\n                class=\"t-label-y\"\n            >\n                {{ fallback(label) }}\n            </div>\n        </div>\n        <div class=\"t-content\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n    <div *ngIf=\"hasXLabels\" class=\"t-labels-x\">\n        <div\n            *ngFor=\"let label of axisXLabels\"\n            automation-id=\"tui-axex__axis-x-label\"\n            class=\"t-label-x\"\n            [class.t-label-x_transparent]=\"label === null\"\n        >\n            {{ fallback(label) }}\n        </div>\n    </div>\n</div>\n<div\n    *ngIf=\"hasYSecondaryLabels\"\n    class=\"t-side\"\n    [class.t-side_padding]=\"hasXLabels\"\n>\n    <div *ngIf=\"!axisYSecondaryInset\" class=\"t-labels-y t-labels-y_secondary\">\n        <div\n            *ngFor=\"let label of axisYSecondaryLabels\"\n            automation-id=\"tui-axex__axis-y-secondary-label\"\n            class=\"t-label-y\"\n        >\n            {{ fallback(label) }}\n        </div>\n    </div>\n    <div\n        *ngIf=\"axisYSecondaryName\"\n        automation-id=\"tui-axex__axis-y-secondary-name\"\n        class=\"t-name\"\n    >\n        {{ axisYSecondaryName }}\n    </div>\n</div>\n","styles":[":host{display:flex}.t-wrapper{display:flex;flex:1;height:100%;flex-direction:column}.t-grid{position:relative;z-index:0;display:flex;flex:1;justify-content:space-around;align-items:flex-end;border-width:1px;border-color:var(--tui-base-03)}:host[data-mode=onDark] .t-grid{border-color:rgba(255,255,255,.48)}:host[data-mode=onLight] .t-grid{border-color:rgba(0,0,0,.48)}.t-horizontal{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column}.t-vertical{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}:host._centered .t-vertical:after{content:'';display:block;flex:1 0 1px}.t-line{flex:2 0 1px;box-sizing:border-box;border-width:1px;border-color:var(--tui-base-03)}:host[data-mode=onDark] .t-line{border-color:rgba(255,255,255,.48)}:host[data-mode=onLight] .t-line{border-color:rgba(0,0,0,.48)}:host._centered .t-line_vertical:first-child{flex:1 0 1px;pointer-events:none}.t-side{display:flex;align-items:stretch}.t-side_padding{padding-bottom:2rem}.t-name{font:var(--tui-font-text-xs);-ms-writing-mode:tb;writing-mode:tb;text-align:center;padding-left:.75rem;color:var(--tui-text-02)}.t-name_primary{transform:rotate(180deg)}:host[data-mode=onDark] .t-name{color:var(--tui-text-02-night)}.t-labels-y{display:flex;font:var(--tui-font-text-xs);flex-direction:column-reverse;justify-content:space-between;color:var(--tui-text-02)}:host[data-mode=onDark] .t-labels-y{color:var(--tui-text-02-night)}.t-labels-y_primary{text-align:right;padding-right:.75rem}.t-labels-y_secondary{padding-left:.75rem}.t-labels-y_transparent{border-color:transparent}.t-labels-y_inset{position:absolute;top:.5625rem;left:.25rem;bottom:-.75rem;pointer-events:none}.t-labels-y_inset_secondary{left:auto;right:.25rem;text-align:right}.t-labels-x{display:flex;font:var(--tui-font-text-xs);border-right:1px solid transparent;color:var(--tui-text-02)}.t-label-x{height:.4375rem;border-left:1px solid var(--tui-base-03);flex:1;margin-bottom:1.5625rem}:host[data-mode=onDark] .t-label-x{border-color:rgba(255,255,255,.48)}:host[data-mode=onLight] .t-label-x{border-color:rgba(0,0,0,.48)}.t-label-x:before{content:'';display:block;height:.5625rem}.t-label-x_transparent{border-color:transparent}:host._centered .t-label-x{height:2rem;text-align:center;border:none;margin:0}.t-label-y:first-child{margin-bottom:-.375rem}.t-label-y:last-child{margin-top:-.375rem}.t-content{position:absolute;top:0;left:-1px;right:0;bottom:-1px;display:flex;align-items:flex-end}"]}]}],"members":{"axisX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":27,"character":5}}]}],"axisXLabels":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":31,"character":5}}]}],"axisY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":35,"character":5}}]}],"axisYInset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":39,"character":5}}]}],"axisYLabels":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":43,"character":5}}]}],"axisYName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":47,"character":5}}]}],"axisYSecondaryInset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":51,"character":5}}]}],"axisYSecondaryLabels":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":55,"character":5}}]}],"axisYSecondaryName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":59,"character":5}}]}],"horizontalLines":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":63,"character":5}}]}],"horizontalLinesHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":67,"character":5}}]}],"verticalLines":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":71,"character":5}}]}],"verticalLinesHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":75,"character":5}}]}],"centeredXLabels":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":78,"character":5},"arguments":["class._centered"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":83,"character":17},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core/tokens","name":"TUI_MODE","line":83,"character":24}]}]],"parameters":[{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","module":"@taiga-ui/core/types","name":"TuiBrightness","line":83,"character":61}]}]}],"fallback":[{"__symbolic":"method"}]}},"TuiAxesModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":14},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiRepeatTimesModule","line":6,"character":28}],"declarations":[{"__symbolic":"reference","name":"TuiAxesComponent"}],"exports":[{"__symbolic":"reference","name":"TuiAxesComponent"}]}]}],"members":{}}},"origins":{"TuiAxesComponent":"./axes.component","TuiAxesModule":"./axes.module"},"importAs":"@taiga-ui/addon-charts/components/axes"}
+{"__symbolic":"module","version":4,"metadata":{"TuiAxesComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"tui-axes","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":19,"character":21},"member":"OnPush"},"providers":[{"__symbolic":"reference","module":"@taiga-ui/core/providers","name":"MODE_PROVIDER","line":20,"character":16}],"host":{"($.data-mode.attr)":"mode$","$quoted$":["($.data-mode.attr)"]},"template":"<div *ngIf=\"hasYLabels\" class=\"t-side\" [class.t-side_padding]=\"hasXLabels\">\n    <div\n        *ngIf=\"axisYName\"\n        automation-id=\"tui-axex__axis-y-name\"\n        class=\"t-name t-name_primary\"\n    >\n        {{ axisYName }}\n    </div>\n    <div *ngIf=\"!axisYInset\" class=\"t-labels-y t-labels-y_primary\">\n        <div\n            *ngFor=\"let label of axisYLabels\"\n            automation-id=\"tui-axex__axis-y-label\"\n            class=\"t-label-y\"\n        >\n            {{ fallback(label) }}\n        </div>\n    </div>\n</div>\n<div class=\"t-wrapper\">\n    <div\n        class=\"t-grid\"\n        [style.borderLeftStyle]=\"axisY\"\n        [style.borderBottomStyle]=\"axisX\"\n    >\n        <div class=\"t-vertical\">\n            <div\n                *tuiRepeatTimes=\"let index of verticalLines\"\n                automation-id=\"tui-axex__vertical-line\"\n                class=\"t-line t-line_vertical\"\n                [style.borderRightStyle]=\"verticalLinesHandler(index, verticalLines)\"\n            ></div>\n        </div>\n        <div class=\"t-horizontal\">\n            <div\n                *tuiRepeatTimes=\"let index of horizontalLines\"\n                automation-id=\"tui-axex__horizontal-line\"\n                class=\"t-line\"\n                [style.borderTopStyle]=\"horizontalLinesHandler(index, horizontalLines)\"\n            ></div>\n        </div>\n        <div *ngIf=\"axisYInset\" class=\"t-labels-y t-labels-y_inset\">\n            <div\n                *ngFor=\"let label of axisYLabels\"\n                automation-id=\"tui-axex__axis-y-label\"\n                class=\"t-label-y\"\n            >\n                {{ fallback(label) }}\n            </div>\n        </div>\n        <div\n            *ngIf=\"axisYSecondaryInset\"\n            class=\"t-labels-y t-labels-y_inset t-labels-y_inset_secondary\"\n        >\n            <div\n                *ngFor=\"let label of axisYSecondaryLabels\"\n                automation-id=\"tui-axex__axis-y-secondary-label\"\n                class=\"t-label-y\"\n            >\n                {{ fallback(label) }}\n            </div>\n        </div>\n        <div class=\"t-content\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n    <div *ngIf=\"hasXLabels\" class=\"t-labels-x\">\n        <div\n            *ngFor=\"let label of axisXLabels\"\n            automation-id=\"tui-axex__axis-x-label\"\n            class=\"t-label-x\"\n            [class.t-label-x_transparent]=\"label === null\"\n        >\n            {{ fallback(label) }}\n        </div>\n    </div>\n</div>\n<div\n    *ngIf=\"hasYSecondaryLabels\"\n    class=\"t-side\"\n    [class.t-side_padding]=\"hasXLabels\"\n>\n    <div *ngIf=\"!axisYSecondaryInset\" class=\"t-labels-y t-labels-y_secondary\">\n        <div\n            *ngFor=\"let label of axisYSecondaryLabels\"\n            automation-id=\"tui-axex__axis-y-secondary-label\"\n            class=\"t-label-y\"\n        >\n            {{ fallback(label) }}\n        </div>\n    </div>\n    <div\n        *ngIf=\"axisYSecondaryName\"\n        automation-id=\"tui-axex__axis-y-secondary-name\"\n        class=\"t-name\"\n    >\n        {{ axisYSecondaryName }}\n    </div>\n</div>\n","styles":[":host{display:flex}.t-wrapper{display:flex;flex:1;height:100%;flex-direction:column}.t-grid{position:relative;z-index:0;display:flex;flex:1;justify-content:space-around;align-items:flex-end;border-width:1px;border-color:var(--tui-base-03)}:host[data-mode=onDark] .t-grid{border-color:rgba(255,255,255,.48)}:host[data-mode=onLight] .t-grid{border-color:rgba(0,0,0,.48)}.t-horizontal{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column}.t-vertical{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}:host._centered .t-vertical:after{content:'';display:block;flex:1 0 1px}.t-line{flex:2 0 1px;box-sizing:border-box;border-width:1px;border-color:var(--tui-base-03)}:host[data-mode=onDark] .t-line{border-color:rgba(255,255,255,.48)}:host[data-mode=onLight] .t-line{border-color:rgba(0,0,0,.48)}:host._centered .t-line_vertical:first-child{flex:1 0 1px;pointer-events:none}.t-side{display:flex;align-items:stretch}.t-side_padding{padding-bottom:2rem}.t-name{font:var(--tui-font-text-xs);-ms-writing-mode:tb;writing-mode:tb;text-align:center;padding-left:.75rem;color:var(--tui-text-02)}.t-name_primary{transform:rotate(180deg)}:host[data-mode=onDark] .t-name{color:var(--tui-text-02-night)}.t-labels-y{display:flex;font:var(--tui-font-text-xs);flex-direction:column-reverse;justify-content:space-between;color:var(--tui-text-02)}:host[data-mode=onDark] .t-labels-y{color:var(--tui-text-02-night)}.t-labels-y_primary{text-align:right;padding-right:.75rem}.t-labels-y_secondary{padding-left:.75rem}.t-labels-y_transparent{border-color:transparent}.t-labels-y_inset{position:absolute;top:.5625rem;left:.25rem;bottom:-.75rem;pointer-events:none}.t-labels-y_inset_secondary{left:auto;right:.25rem;text-align:right}.t-labels-x{display:flex;font:var(--tui-font-text-xs);border-right:1px solid transparent;color:var(--tui-text-02)}.t-label-x{height:.4375rem;border-left:1px solid var(--tui-base-03);flex:1;margin-bottom:1.5625rem}:host[data-mode=onDark] .t-label-x{border-color:rgba(255,255,255,.48)}:host[data-mode=onLight] .t-label-x{border-color:rgba(0,0,0,.48)}.t-label-x:before{content:'';display:block;height:.5625rem}.t-label-x_transparent{border-color:transparent}:host._centered .t-label-x{height:2rem;text-align:center;border:none;margin:0}.t-label-y:first-child{margin-bottom:-.375rem}.t-label-y:last-child{margin-top:-.375rem}.t-content{position:absolute;top:0;left:-1px;right:0;bottom:-1px;display:flex;align-items:flex-end}"]}]}],"members":{"axisX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":27,"character":5}}]}],"axisXLabels":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":31,"character":5}}]}],"axisY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":35,"character":5}}]}],"axisYInset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":39,"character":5}}]}],"axisYLabels":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":43,"character":5}}]}],"axisYName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":47,"character":5}}]}],"axisYSecondaryInset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":51,"character":5}}]}],"axisYSecondaryLabels":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":55,"character":5}}]}],"axisYSecondaryName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":59,"character":5}}]}],"horizontalLines":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":63,"character":5}}]}],"horizontalLinesHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":67,"character":5}}]}],"verticalLines":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":71,"character":5}}]}],"verticalLinesHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":75,"character":5}}]}],"centeredXLabels":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":78,"character":5},"arguments":["class._centered"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":83,"character":17},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core/tokens","name":"TUI_MODE","line":83,"character":24}]}]],"parameters":[{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","module":"@taiga-ui/core/types","name":"TuiBrightness","line":83,"character":61}]}]}],"fallback":[{"__symbolic":"method"}]}},"TuiAxesModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":14},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiRepeatTimesModule","line":7,"character":28}],"declarations":[{"__symbolic":"reference","name":"TuiAxesComponent"}],"exports":[{"__symbolic":"reference","name":"TuiAxesComponent"}]}]}],"members":{}}},"origins":{"TuiAxesComponent":"./axes.component","TuiAxesModule":"./axes.module"},"importAs":"@taiga-ui/addon-charts/components/axes"}

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

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"TuiBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"tui-bar","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":18,"character":21},"member":"OnPush"},"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-tui-host-size='l']{width:1rem;max-width:1rem;margin:0 .1875rem}:host[data-tui-host-size='m']{width:.5rem;max-width:.5rem;margin:0 .1875rem}:host[data-tui-host-size='s']{width:.25rem;max-width:.5rem;margin:0 .125rem}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":22,"character":5}}]}],"colorHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":26,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":30,"character":5},"arguments":["attr.data-tui-host-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":31,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":34,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":34,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":34,"character":66}]}],"getHeight":[{"__symbolic":"method"}],"getColor":[{"__symbolic":"method"}],"getSum":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":46,"character":5}]}]}},"TuiBarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":5,"character":14}],"declarations":[{"__symbolic":"reference","name":"TuiBarComponent"}],"exports":[{"__symbolic":"reference","name":"TuiBarComponent"}]}]}],"members":{}}},"origins":{"TuiBarComponent":"./bar.component","TuiBarModule":"./bar.module"},"importAs":"@taiga-ui/addon-charts/components/bar"}
+{"__symbolic":"module","version":4,"metadata":{"TuiBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"tui-bar","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":18,"character":21},"member":"OnPush"},"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-tui-host-size='l']{width:1rem;max-width:1rem;margin:0 .1875rem}:host[data-tui-host-size='m']{width:.5rem;max-width:.5rem;margin:0 .1875rem}:host[data-tui-host-size='s']{width:.25rem;max-width:.5rem;margin:0 .125rem}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":22,"character":5}}]}],"colorHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":26,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":30,"character":5},"arguments":["attr.data-tui-host-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":31,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":34,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":34,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":34,"character":66}]}],"getHeight":[{"__symbolic":"method"}],"getColor":[{"__symbolic":"method"}],"getSum":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":46,"character":5}]}]}},"TuiBarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":14}],"declarations":[{"__symbolic":"reference","name":"TuiBarComponent"}],"exports":[{"__symbolic":"reference","name":"TuiBarComponent"}]}]}],"members":{}}},"origins":{"TuiBarComponent":"./bar.component","TuiBarModule":"./bar.module"},"importAs":"@taiga-ui/addon-charts/components/bar"}

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

@@ -4,6 +4,7 @@ import { TuiHintModeT, TuiSizeL, TuiSizeS } from '@taiga-ui/core';
 import { PolymorpheusContent } from '@tinkoff/ng-polymorpheus';
 export declare function valueAssertion(value: ReadonlyArray<readonly number[]>): boolean;
 export declare class TuiBarChartComponent {
+    private readonly autoIdString;
     value: ReadonlyArray<readonly number[]>;
     max: number;
     colorHandler: TuiColorHandler;
@@ -11,15 +12,14 @@ export declare class TuiBarChartComponent {
     collapsed: boolean;
     hintContent: PolymorpheusContent<TuiContextWithImplicit<number>>;
     hintMode: TuiHintModeT | null;
-    private readonly autoIdString;
-    readonly percentMapper: TuiMapper<ReadonlyArray<number>, number>;
     constructor(idService: TuiIdService);
     get hasHint(): boolean;
     get transposed(): ReadonlyArray<readonly number[]>;
     get computedMax(): number;
+    getContentContext(index: number): TuiContextWithImplicit<number>;
+    readonly percentMapper: TuiMapper<ReadonlyArray<number>, number>;
     getHint(hint: PolymorpheusContent): PolymorpheusContent;
     getHintId(index: number): string;
-    getContentContext(index: number): TuiContextWithImplicit<number>;
     private transpose;
     private getMax;
 }

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

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"valueAssertion":{"__symbolic":"function"},"TuiBarChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"tui-bar-chart","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":26,"character":21},"member":"OnPush"},"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 #hintHost class=\"t-host\"></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 #hint=\"polymorpheus\" polymorpheus>\n        <div\n            polymorpheus-outlet\n            class=\"t-text\"\n            [content]=\"hintContent\"\n            [context]=\"getContentContext(index)\"\n        ></div>\n    </ng-template>\n</div>\n","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}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":30,"character":5},"arguments":[{"__symbolic":"reference","name":"valueAssertion"},"All arrays must be of the same length"]}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":34,"character":5}}]}],"colorHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":38,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":42,"character":5}}]}],"collapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":46,"character":5}}]}],"hintContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":50,"character":5}}]}],"hintMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":54,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":65,"character":17},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiIdService","line":65,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiIdService","line":65,"character":49}]}],"getHint":[{"__symbolic":"method"}],"getHintId":[{"__symbolic":"method"}],"getContentContext":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":89,"character":5}]}],"transpose":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":96,"character":5}]}],"getMax":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":107,"character":5}]}]}},"TuiBarChartModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":8},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":11,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiDescribedByModule","line":12,"character":8},{"__symbolic":"reference","module":"@taiga-ui/addon-charts/components/bar-set","name":"TuiBarSetModule","line":13,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiFocusableModule","line":14,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHintModule","line":15,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiMapperPipeModule","line":16,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiBarChartComponent"}],"exports":[{"__symbolic":"reference","name":"TuiBarChartComponent"}]}]}],"members":{}}},"origins":{"valueAssertion":"./bar-chart.component","TuiBarChartComponent":"./bar-chart.component","TuiBarChartModule":"./bar-chart.module"},"importAs":"@taiga-ui/addon-charts/components/bar-chart"}
+{"__symbolic":"module","version":4,"metadata":{"valueAssertion":{"__symbolic":"function"},"TuiBarChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"tui-bar-chart","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":26,"character":21},"member":"OnPush"},"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 #hintHost class=\"t-host\"></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 #hint=\"polymorpheus\" polymorpheus>\n        <div\n            polymorpheus-outlet\n            class=\"t-text\"\n            [content]=\"hintContent\"\n            [context]=\"getContentContext(index)\"\n        ></div>\n    </ng-template>\n</div>\n","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}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":32,"character":5},"arguments":[{"__symbolic":"reference","name":"valueAssertion"},"All arrays must be of the same length"]}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":36,"character":5}}]}],"colorHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":40,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":44,"character":5}}]}],"collapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":48,"character":5}}]}],"hintContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":52,"character":5}}]}],"hintMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":56,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":59,"character":17},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiIdService","line":59,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiIdService","line":59,"character":49}]}],"getContentContext":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":75,"character":5}]}],"getHint":[{"__symbolic":"method"}],"getHintId":[{"__symbolic":"method"}],"transpose":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":96,"character":5}]}],"getMax":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":107,"character":5}]}]}},"TuiBarChartModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":8},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":12,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiDescribedByModule","line":13,"character":8},{"__symbolic":"reference","module":"@taiga-ui/addon-charts/components/bar-set","name":"TuiBarSetModule","line":14,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiFocusableModule","line":15,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHintModule","line":16,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiMapperPipeModule","line":17,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiBarChartComponent"}],"exports":[{"__symbolic":"reference","name":"TuiBarChartComponent"}]}]}],"members":{}}},"origins":{"valueAssertion":"./bar-chart.component","TuiBarChartComponent":"./bar-chart.component","TuiBarChartModule":"./bar-chart.module"},"importAs":"@taiga-ui/addon-charts/components/bar-chart"}

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

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"TuiBarSetComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"tui-bar-set","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":16,"character":21},"member":"OnPush"},"template":"<ng-container *ngIf=\"size; else flexible\">\n    <ng-container *ngFor=\"let item of computedValue; let index = index\">\n        <ng-container\n            *ngTemplateOutlet=\"bar; context: {$implicit: item, index: index, flexible: false}\"\n        ></ng-container>\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; context: {$implicit: item, index: index, flexible: true}\"\n        ></ng-container>\n    </div>\n</ng-template>\n<ng-template #bar let-item let-index=\"index\" let-flexible=\"flexible\">\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","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}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":20,"character":5}}]}],"colorHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":24,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":28,"character":5}}]}],"collapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":32,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":35,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":35,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":35,"character":66}]}],"getHeight":[{"__symbolic":"method"}],"getColor":[{"__symbolic":"method"}],"getLargest":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":59,"character":5}]}]}},"TuiBarSetModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":14},{"__symbolic":"reference","module":"@taiga-ui/addon-charts/components/bar","name":"TuiBarModule","line":6,"character":28}],"declarations":[{"__symbolic":"reference","name":"TuiBarSetComponent"}],"exports":[{"__symbolic":"reference","name":"TuiBarSetComponent"}]}]}],"members":{}}},"origins":{"TuiBarSetComponent":"./bar-set.component","TuiBarSetModule":"./bar-set.module"},"importAs":"@taiga-ui/addon-charts/components/bar-set"}
+{"__symbolic":"module","version":4,"metadata":{"TuiBarSetComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"tui-bar-set","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":16,"character":21},"member":"OnPush"},"template":"<ng-container *ngIf=\"size; else flexible\">\n    <ng-container *ngFor=\"let item of computedValue; let index = index\">\n        <ng-container\n            *ngTemplateOutlet=\"bar; context: {$implicit: item, index: index, flexible: false}\"\n        ></ng-container>\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; context: {$implicit: item, index: index, flexible: true}\"\n        ></ng-container>\n    </div>\n</ng-template>\n<ng-template #bar let-item let-index=\"index\" let-flexible=\"flexible\">\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","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}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":20,"character":5}}]}],"colorHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":24,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":28,"character":5}}]}],"collapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":32,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":35,"character":17},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":35,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":35,"character":66}]}],"getHeight":[{"__symbolic":"method"}],"getColor":[{"__symbolic":"method"}],"getLargest":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":59,"character":5}]}]}},"TuiBarSetModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":14},{"__symbolic":"reference","module":"@taiga-ui/addon-charts/components/bar","name":"TuiBarModule","line":7,"character":28}],"declarations":[{"__symbolic":"reference","name":"TuiBarSetComponent"}],"exports":[{"__symbolic":"reference","name":"TuiBarSetComponent"}]}]}],"members":{}}},"origins":{"TuiBarSetComponent":"./bar-set.component","TuiBarSetModule":"./bar-set.module"},"importAs":"@taiga-ui/addon-charts/components/bar-set"}

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

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"TuiLegendItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"tui-legend-item","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":21},"member":"OnPush"},"template":"<button\n    tuiButton\n    type=\"button\"\n    size=\"s\"\n    appearance=\"whiteblock\"\n    class=\"t-button\"\n    [pseudoHovered]=\"active || null\"\n>\n    <span class=\"t-dot\" [style.background]=\"computedColor\"></span>\n    <span class=\"t-text\">{{ text }}</span>\n    <ng-content></ng-content>\n</button>\n","styles":[":host{display:inline-block}.t-button{font-weight:700}.t-dot{width:.5rem;height:.5rem;border-radius:100%}.t-text{margin:0 .5rem;font-weight:400}"]}]}],"members":{"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":13,"character":5}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":17,"character":5}}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":21,"character":5}}]}]}},"TuiLegendItemModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":14},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiButtonModule","line":6,"character":28}],"declarations":[{"__symbolic":"reference","name":"TuiLegendItemComponent"}],"exports":[{"__symbolic":"reference","name":"TuiLegendItemComponent"}]}]}],"members":{}}},"origins":{"TuiLegendItemComponent":"./legend-item.component","TuiLegendItemModule":"./legend-item.module"},"importAs":"@taiga-ui/addon-charts/components/legend-item"}
+{"__symbolic":"module","version":4,"metadata":{"TuiLegendItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"tui-legend-item","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":9,"character":21},"member":"OnPush"},"template":"<button\n    tuiButton\n    type=\"button\"\n    size=\"s\"\n    appearance=\"whiteblock\"\n    class=\"t-button\"\n    [pseudoHovered]=\"active || null\"\n>\n    <span class=\"t-dot\" [style.background]=\"computedColor\"></span>\n    <span class=\"t-text\">{{ text }}</span>\n    <ng-content></ng-content>\n</button>\n","styles":[":host{display:inline-block}.t-button{font-weight:700}.t-dot{width:.5rem;height:.5rem;border-radius:100%}.t-text{margin:0 .5rem;font-weight:400}"]}]}],"members":{"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":13,"character":5}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":17,"character":5}}]}],"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":21,"character":5}}]}]}},"TuiLegendItemModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":14},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiButtonModule","line":7,"character":28}],"declarations":[{"__symbolic":"reference","name":"TuiLegendItemComponent"}],"exports":[{"__symbolic":"reference","name":"TuiLegendItemComponent"}]}]}],"members":{}}},"origins":{"TuiLegendItemComponent":"./legend-item.component","TuiLegendItemModule":"./legend-item.module"},"importAs":"@taiga-ui/addon-charts/components/legend-item"}

package/components/line-chart/line-chart-hint.directive.d.ts

@@ -6,9 +6,9 @@ import { Observable } from 'rxjs';
 import { TuiLineChartComponent } from './line-chart.component';
 export declare class TuiLineChartHintDirective {
     private readonly renderer;
-    hint: PolymorpheusContent<TuiContextWithImplicit<ReadonlyArray<TuiPoint>>>;
     private readonly charts;
     private readonly chartsRef;
+    hint: PolymorpheusContent<TuiContextWithImplicit<ReadonlyArray<TuiPoint>>>;
     constructor(renderer: Renderer2, destroy$: TuiDestroyService, { nativeElement }: ElementRef<HTMLElement>, ngZone: NgZone, animationFrame$: Observable<number>);
     getContext(index: number, _chart: TuiLineChartComponent): TuiContextWithImplicit<ReadonlyArray<TuiPoint>>;
     raise(index: number, _chart: TuiLineChartComponent): void;

package/components/line-chart/line-chart.component.d.ts

@@ -10,6 +10,8 @@ export declare class TuiLineChartComponent {
     private readonly ngZone;
     private readonly locationRef;
     private readonly hintDirective;
+    private readonly _hovered$;
+    private readonly autoIdString;
     set valueSetter(value: ReadonlyArray<TuiPoint>);
     x: number;
     y: number;
@@ -22,8 +24,6 @@ export declare class TuiLineChartComponent {
     filled: boolean;
     dots: boolean;
     value: ReadonlyArray<TuiPoint>;
-    private readonly _hovered$;
-    private readonly autoIdString;
     constructor(idService: TuiIdService, ngZone: NgZone, locationRef: Location, hintDirective: TuiLineChartHintDirective | null);
     get hovered$(): Observable<number>;
     get fillId(): string;
@@ -34,6 +34,7 @@ export declare class TuiLineChartComponent {
     get computedHint(): PolymorpheusContent<TuiContextWithImplicit<TuiPoint>> | PolymorpheusContent<TuiContextWithImplicit<ReadonlyArray<TuiPoint>>>;
     get isFocusable(): boolean;
     get hasHints(): boolean;
+    onMouseLeave(): void;
     getX(index: number): number;
     getWidth(index: number): number;
     getHintId(index: number): string;
@@ -44,7 +45,6 @@ export declare class TuiLineChartComponent {
     getOffset(x: number): number;
     onMouseEnter(index: number): void;
     onHovered(index: number): void;
-    onMouseLeave(): void;
     private get isSinglePoint();
     private getD;
     private computeWidth;

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

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"smoothingAssertion":{"__symbolic":"function","parameters":["smoothingFactor"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"inRange","line":27,"character":11},"arguments":[{"__symbolic":"reference","name":"smoothingFactor"},0,100]}},"TuiLineChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":32,"character":1},"arguments":[{"selector":"tui-line-chart","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":36,"character":21},"member":"OnPush"},"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 x1=\"0\" x2=\"0\" y1=\"1\" y2=\"0\" [attr.id]=\"fillId\">\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 stroke=\"none\" [attr.fill]=\"fill\" [attr.d]=\"fillD\" />\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]=\"computedHint && 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                    polymorpheus-outlet\n                    class=\"t-text\"\n                    [content]=\"computedHint\"\n                    [context]=\"getContentContext(point)\"\n                ></div>\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","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}.column._hint_hovered .t-host,.column:hover .t-host,.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]) .column._hint_hovered .t-line,:host:not([style]) .column._hint_hovered+.t-line,:host:not([style]) .column:hover .t-line,:host:not([style]) .column:hover+.t-line,:host[style^='z-index: 0'] .column_hovered .t-line,:host[style^='z-index: 0'] .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}"]}]}],"members":{"valueSetter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":5},"arguments":["value"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":40,"character":5}}]}],"x":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":46,"character":5}}]}],"y":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":50,"character":5}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":54,"character":5}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":58,"character":5}}]}],"smoothingFactor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":62,"character":5},"arguments":[{"__symbolic":"reference","name":"smoothingAssertion"},"smoothingFactor must be between 0 and 100"]}]}],"hintContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":66,"character":5}}]}],"xStringify":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":70,"character":5}}]}],"yStringify":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":74,"character":5}}]}],"filled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":78,"character":5}}]}],"dots":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":82,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":92,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiIdService","line":92,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":93,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":93,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":94,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"Location","line":94,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":95,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":96,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiLineChartHintDirective"}]}]],"parameters":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiIdService","line":92,"character":41},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":93,"character":49},{"__symbolic":"reference","module":"@angular/common","name":"Location","line":94,"character":56},{"__symbolic":"reference","name":"TuiLineChartHintDirective"}]}],"hovered$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":102,"character":5}]}],"getX":[{"__symbolic":"method"}],"getWidth":[{"__symbolic":"method"}],"getHintId":[{"__symbolic":"method"}],"getContentContext":[{"__symbolic":"method"}],"getHovered":[{"__symbolic":"method"}],"getBottom":[{"__symbolic":"method"}],"getLeft":[{"__symbolic":"method"}],"getOffset":[{"__symbolic":"method"}],"onMouseEnter":[{"__symbolic":"method"}],"onHovered":[{"__symbolic":"method"}],"onMouseLeave":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":204,"character":5},"arguments":["mouseleave"]}]}],"getD":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":215,"character":5}]}],"computeWidth":[{"__symbolic":"method"}]}},"TuiLineChartModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":8},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":11,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHintModule","line":12,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiFocusableModule","line":13,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiDescribedByModule","line":14,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiLetModule","line":15,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiLineChartComponent"},{"__symbolic":"reference","name":"TuiLineChartHintDirective"}],"exports":[{"__symbolic":"reference","name":"TuiLineChartComponent"},{"__symbolic":"reference","name":"TuiLineChartHintDirective"}]}]}],"members":{}},"TuiLineChartHintDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":33,"character":1},"arguments":[{"selector":"[tuiLineChartHint]","providers":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":35,"character":16}]}]}],"members":{"hint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":5},"arguments":["tuiLineChartHint"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":39,"character":5}}]}],"charts":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":42,"character":5},"arguments":[{"__symbolic":"reference","name":"TuiLineChartComponent"}]}]}],"chartsRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":45,"character":5},"arguments":[{"__symbolic":"reference","name":"TuiLineChartComponent"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":45,"character":69}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":49,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":49,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":50,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":50,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":51,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":51,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":52,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":52,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":53,"character":9},"arguments":[{"__symbolic":"reference","module":"@ng-web-apis/common","name":"ANIMATION_FRAME","line":53,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":49,"character":54},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":50,"character":45},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":51,"character":56,"context":{"typeName":"HTMLElement"},"module":"./line-chart-hint.directive"}]},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":52,"character":32},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","name":"number"}]}]}],"getContext":[{"__symbolic":"method"}],"raise":[{"__symbolic":"method"}],"computeContext":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":93,"character":5}]}]}}},"origins":{"smoothingAssertion":"./line-chart.component","TuiLineChartComponent":"./line-chart.component","TuiLineChartModule":"./line-chart.module","TuiLineChartHintDirective":"./line-chart-hint.directive"},"importAs":"@taiga-ui/addon-charts/components/line-chart"}
+{"__symbolic":"module","version":4,"metadata":{"smoothingAssertion":{"__symbolic":"function","parameters":["smoothingFactor"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"inRange","line":28,"character":11},"arguments":[{"__symbolic":"reference","name":"smoothingFactor"},0,100]}},"TuiLineChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":33,"character":1},"arguments":[{"selector":"tui-line-chart","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":37,"character":21},"member":"OnPush"},"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 x1=\"0\" x2=\"0\" y1=\"1\" y2=\"0\" [attr.id]=\"fillId\">\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 stroke=\"none\" [attr.fill]=\"fill\" [attr.d]=\"fillD\" />\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]=\"computedHint && 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                    polymorpheus-outlet\n                    class=\"t-text\"\n                    [content]=\"computedHint\"\n                    [context]=\"getContentContext(point)\"\n                ></div>\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","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}.column._hint_hovered .t-host,.column:hover .t-host,.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]) .column._hint_hovered .t-line,:host:not([style]) .column._hint_hovered+.t-line,:host:not([style]) .column:hover .t-line,:host:not([style]) .column:hover+.t-line,:host[style^='z-index: 0'] .column_hovered .t-line,:host[style^='z-index: 0'] .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}"]}]}],"members":{"valueSetter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":5},"arguments":["value"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":45,"character":5}}]}],"x":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":51,"character":5}}]}],"y":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":55,"character":5}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":59,"character":5}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":63,"character":5}}]}],"smoothingFactor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":67,"character":5},"arguments":[{"__symbolic":"reference","name":"smoothingAssertion"},"smoothingFactor must be between 0 and 100"]}]}],"hintContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":71,"character":5}}]}],"xStringify":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":75,"character":5}}]}],"yStringify":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":79,"character":5}}]}],"filled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":83,"character":5}}]}],"dots":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":87,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":93,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiIdService","line":93,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":94,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":94,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":95,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"Location","line":95,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":96,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":97,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiLineChartHintDirective"}]}]],"parameters":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiIdService","line":93,"character":41},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":94,"character":49},{"__symbolic":"reference","module":"@angular/common","name":"Location","line":95,"character":56},{"__symbolic":"reference","name":"TuiLineChartHintDirective"}]}],"hovered$":[{"__symbolic":"property","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":103,"character":5}]}],"onMouseLeave":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":148,"character":5},"arguments":["mouseleave"]}]}],"getX":[{"__symbolic":"method"}],"getWidth":[{"__symbolic":"method"}],"getHintId":[{"__symbolic":"method"}],"getContentContext":[{"__symbolic":"method"}],"getHovered":[{"__symbolic":"method"}],"getBottom":[{"__symbolic":"method"}],"getLeft":[{"__symbolic":"method"}],"getOffset":[{"__symbolic":"method"}],"onMouseEnter":[{"__symbolic":"method"}],"onHovered":[{"__symbolic":"method"}],"getD":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":216,"character":5}]}],"computeWidth":[{"__symbolic":"method"}]}},"TuiLineChartModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":8},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":12,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHintModule","line":13,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiFocusableModule","line":14,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiDescribedByModule","line":15,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiLetModule","line":16,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiLineChartComponent"},{"__symbolic":"reference","name":"TuiLineChartHintDirective"}],"exports":[{"__symbolic":"reference","name":"TuiLineChartComponent"},{"__symbolic":"reference","name":"TuiLineChartHintDirective"}]}]}],"members":{}},"TuiLineChartHintDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":34,"character":1},"arguments":[{"selector":"[tuiLineChartHint]","providers":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":36,"character":16}]}]}],"members":{"charts":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":39,"character":5},"arguments":[{"__symbolic":"reference","name":"TuiLineChartComponent"}]}]}],"chartsRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":42,"character":5},"arguments":[{"__symbolic":"reference","name":"TuiLineChartComponent"},{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":42,"character":69}}]}]}],"hint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":5},"arguments":["tuiLineChartHint"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":46,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":50,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":50,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":51,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":51,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":52,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":52,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":53,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":53,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":54,"character":9},"arguments":[{"__symbolic":"reference","module":"@ng-web-apis/common","name":"ANIMATION_FRAME","line":54,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":50,"character":54},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":51,"character":45},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":52,"character":56,"context":{"typeName":"HTMLElement"},"module":"./line-chart-hint.directive"}]},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":53,"character":32},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","name":"number"}]}]}],"getContext":[{"__symbolic":"method"}],"raise":[{"__symbolic":"method"}],"computeContext":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":94,"character":5}]}]}}},"origins":{"smoothingAssertion":"./line-chart.component","TuiLineChartComponent":"./line-chart.component","TuiLineChartModule":"./line-chart.module","TuiLineChartHintDirective":"./line-chart-hint.directive"},"importAs":"@taiga-ui/addon-charts/components/line-chart"}

package/components/line-days-chart/line-days-chart-hint.directive.d.ts

@@ -4,8 +4,8 @@ import { TuiPoint } from '@taiga-ui/core';
 import { PolymorpheusContent } from '@tinkoff/ng-polymorpheus';
 import { Observable } from 'rxjs';
 export declare class TuiLineDaysChartHintDirective {
-    hint: PolymorpheusContent<TuiContextWithImplicit<ReadonlyArray<TuiPoint>>>;
     private readonly charts;
+    hint: PolymorpheusContent<TuiContextWithImplicit<ReadonlyArray<TuiPoint>>>;
     constructor(destroy$: TuiDestroyService, { nativeElement }: ElementRef<HTMLElement>, ngZone: NgZone, animationFrame$: Observable<number>);
     getContext(day: TuiDay): TuiContextWithImplicit<ReadonlyArray<[TuiDay, number]>>;
     raise(day: TuiDay): void;

package/components/line-days-chart/line-days-chart.component.d.ts

@@ -5,6 +5,7 @@ import { PolymorpheusContent } from '@tinkoff/ng-polymorpheus';
 import { TuiLineDaysChartHintDirective } from './line-days-chart-hint.directive';
 export declare class TuiLineDaysChartComponent {
     private readonly hintDirective;
+    private readonly charts;
     set valueSetter(value: ReadonlyArray<[TuiDay, number]>);
     y: number;
     height: number;
@@ -13,20 +14,19 @@ export declare class TuiLineDaysChartComponent {
     xStringify: TuiStringHandler<TuiDay> | null;
     yStringify: TuiStringHandler<number> | null;
     dots: boolean;
-    value: ReadonlyArray<[TuiDay, number]>;
     zIndex: number;
-    readonly daysStringify: TuiStringHandler<number>;
-    private readonly charts;
+    value: ReadonlyArray<[TuiDay, number]>;
     constructor(hintDirective: TuiLineDaysChartHintDirective | null);
     get months(): ReadonlyArray<ReadonlyArray<TuiPoint>>;
     get firstWidth(): number;
     get hint(): PolymorpheusContent<TuiContextWithImplicit<any>>;
+    getHintContext(x: number, value: ReadonlyArray<[TuiDay, number]>): TuiContextWithImplicit<[TuiDay, number]>;
+    readonly daysStringify: TuiStringHandler<number>;
     getX(index: number): number;
     onHovered(day: TuiDay | null): void;
     raise(index: number, { value }: TuiLineChartComponent): void;
     getWidth(index: number): number;
-    getHintContext(x: number, value: ReadonlyArray<[TuiDay, number]>): TuiContextWithImplicit<[TuiDay, number]>;
     getContext(index: number, { value }: TuiLineChartComponent): TuiContextWithImplicit<any>;
-    private getMonth;
     private breakMonths;
+    private getMonth;
 }

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

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"TuiLineDaysChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":32,"character":1},"arguments":[{"selector":"tui-line-days-chart","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":36,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/addon-charts/components/line-chart","name":"TuiLineChartHintDirective","line":39,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiLineDaysChartComponent"}}],"template":"<tui-line-chart\n    *ngFor=\"let month of months; let first = first\"\n    class=\"t-chart\"\n    [style.zIndex]=\"zIndex\"\n    [dots]=\"dots\"\n    [x]=\"first ? 0 : getX(month[0][0])\"\n    [y]=\"y\"\n    [width]=\"first ? firstWidth : getWidth(month[0][0])\"\n    [height]=\"height\"\n    [value]=\"month\"\n    [smoothingFactor]=\"smoothingFactor\"\n    [hintContent]=\"hintContent ? hint : ''\"\n    [yStringify]=\"yStringify\"\n    [xStringify]=\"xStringify ? daysStringify : null\"\n></tui-line-chart>\n<ng-template #hint let-point>\n    <div\n        polymorpheus-outlet\n        [content]=\"hintContent\"\n        [context]=\"getHintContext(point[0], value)\"\n    ></div>\n</ng-template>\n","styles":[":host{display:block}.t-chart{position:absolute;top:0;left:0;width:100%;height:100%}"]}]}],"members":{"valueSetter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":5},"arguments":["value"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":46,"character":5}}]}],"y":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":68,"character":5}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":72,"character":5}}]}],"smoothingFactor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":76,"character":5}}]}],"hintContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":80,"character":5}}]}],"xStringify":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":84,"character":5}}]}],"yStringify":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":88,"character":5}}]}],"dots":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":92,"character":5}}]}],"zIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":97,"character":5},"arguments":["style.zIndex"]}]}],"charts":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":103,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/addon-charts/components/line-chart","name":"TuiLineChartComponent","line":103,"character":18}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":107,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":108,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiLineDaysChartHintDirective"}]}]],"parameters":[{"__symbolic":"reference","name":"TuiLineDaysChartHintDirective"}]}],"getX":[{"__symbolic":"method"}],"onHovered":[{"__symbolic":"method"}],"raise":[{"__symbolic":"method"}],"getWidth":[{"__symbolic":"method"}],"getHintContext":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":166,"character":5}]}],"getContext":[{"__symbolic":"method"}],"getMonth":[{"__symbolic":"method"}],"breakMonths":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":191,"character":5}]}]}},"TuiLineDaysChartModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":14},{"__symbolic":"reference","module":"@taiga-ui/addon-charts/components/line-chart","name":"TuiLineChartModule","line":8,"character":28},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":8,"character":48}],"declarations":[{"__symbolic":"reference","name":"TuiLineDaysChartComponent"},{"__symbolic":"reference","name":"TuiLineDaysChartHintDirective"}],"exports":[{"__symbolic":"reference","name":"TuiLineDaysChartComponent"},{"__symbolic":"reference","name":"TuiLineDaysChartHintDirective"}]}]}],"members":{}},"TuiLineDaysChartHintDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":33,"character":1},"arguments":[{"selector":"[tuiLineChartHint]","providers":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":35,"character":16}]}]}],"members":{"hint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":5},"arguments":["tuiLineChartHint"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":39,"character":5}}]}],"charts":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":42,"character":5},"arguments":[{"__symbolic":"reference","name":"TuiLineDaysChartComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":46,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":46,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":47,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":47,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":48,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":48,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":49,"character":9},"arguments":[{"__symbolic":"reference","module":"@ng-web-apis/common","name":"ANIMATION_FRAME","line":49,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":46,"character":45},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":47,"character":56,"context":{"typeName":"HTMLElement"},"module":"./line-days-chart-hint.directive"}]},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":48,"character":32},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","name":"number"}]}]}],"getContext":[{"__symbolic":"method"}],"raise":[{"__symbolic":"method"}],"computeContext":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":82,"character":5}]}]}}},"origins":{"TuiLineDaysChartComponent":"./line-days-chart.component","TuiLineDaysChartModule":"./line-days-chart.module","TuiLineDaysChartHintDirective":"./line-days-chart-hint.directive"},"importAs":"@taiga-ui/addon-charts/components/line-days-chart"}
+{"__symbolic":"module","version":4,"metadata":{"TuiLineDaysChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":33,"character":1},"arguments":[{"selector":"tui-line-days-chart","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":37,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/addon-charts/components/line-chart","name":"TuiLineChartHintDirective","line":40,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiLineDaysChartComponent"}}],"template":"<tui-line-chart\n    *ngFor=\"let month of months; let first = first\"\n    class=\"t-chart\"\n    [style.zIndex]=\"zIndex\"\n    [dots]=\"dots\"\n    [x]=\"first ? 0 : getX(month[0][0])\"\n    [y]=\"y\"\n    [width]=\"first ? firstWidth : getWidth(month[0][0])\"\n    [height]=\"height\"\n    [value]=\"month\"\n    [smoothingFactor]=\"smoothingFactor\"\n    [hintContent]=\"hintContent ? hint : ''\"\n    [yStringify]=\"yStringify\"\n    [xStringify]=\"xStringify ? daysStringify : null\"\n></tui-line-chart>\n<ng-template #hint let-point>\n    <div\n        polymorpheus-outlet\n        [content]=\"hintContent\"\n        [context]=\"getHintContext(point[0], value)\"\n    ></div>\n</ng-template>\n","styles":[":host{display:block}.t-chart{position:absolute;top:0;left:0;width:100%;height:100%}"]}]}],"members":{"charts":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":46,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/addon-charts/components/line-chart","name":"TuiLineChartComponent","line":46,"character":18}]}]}],"valueSetter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":5},"arguments":["value"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":50,"character":5}}]}],"y":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":72,"character":5}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":76,"character":5}}]}],"smoothingFactor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":80,"character":5}}]}],"hintContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":84,"character":5}}]}],"xStringify":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":88,"character":5}}]}],"yStringify":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":92,"character":5}}]}],"dots":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":96,"character":5}}]}],"zIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":99,"character":5},"arguments":["style.zIndex"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":105,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":106,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiLineDaysChartHintDirective"}]}]],"parameters":[{"__symbolic":"reference","name":"TuiLineDaysChartHintDirective"}]}],"getHintContext":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":122,"character":5}]}],"getX":[{"__symbolic":"method"}],"onHovered":[{"__symbolic":"method"}],"raise":[{"__symbolic":"method"}],"getWidth":[{"__symbolic":"method"}],"getContext":[{"__symbolic":"method"}],"breakMonths":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":188,"character":5}]}],"getMonth":[{"__symbolic":"method"}]}},"TuiLineDaysChartModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":14},{"__symbolic":"reference","module":"@taiga-ui/addon-charts/components/line-chart","name":"TuiLineChartModule","line":9,"character":28},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":9,"character":48}],"declarations":[{"__symbolic":"reference","name":"TuiLineDaysChartComponent"},{"__symbolic":"reference","name":"TuiLineDaysChartHintDirective"}],"exports":[{"__symbolic":"reference","name":"TuiLineDaysChartComponent"},{"__symbolic":"reference","name":"TuiLineDaysChartHintDirective"}]}]}],"members":{}},"TuiLineDaysChartHintDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":34,"character":1},"arguments":[{"selector":"[tuiLineChartHint]","providers":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":36,"character":16}]}]}],"members":{"charts":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":39,"character":5},"arguments":[{"__symbolic":"reference","name":"TuiLineDaysChartComponent"}]}]}],"hint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":5},"arguments":["tuiLineChartHint"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":43,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":47,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":47,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":48,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":48,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":49,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":49,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":50,"character":9},"arguments":[{"__symbolic":"reference","module":"@ng-web-apis/common","name":"ANIMATION_FRAME","line":50,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDestroyService","line":47,"character":45},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":48,"character":56,"context":{"typeName":"HTMLElement"},"module":"./line-days-chart-hint.directive"}]},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":49,"character":32},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","name":"number"}]}]}],"getContext":[{"__symbolic":"method"}],"raise":[{"__symbolic":"method"}],"computeContext":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":83,"character":5}]}]}}},"origins":{"TuiLineDaysChartComponent":"./line-days-chart.component","TuiLineDaysChartModule":"./line-days-chart.module","TuiLineDaysChartHintDirective":"./line-days-chart-hint.directive"},"importAs":"@taiga-ui/addon-charts/components/line-days-chart"}

package/components/pie-chart/pie-chart.component.d.ts

@@ -8,6 +8,7 @@ import { PolymorpheusContent } from '@tinkoff/ng-polymorpheus';
 export declare class TuiPieChartComponent {
     private readonly locationRef;
     private readonly sanitizer;
+    private readonly autoIdString;
     value: readonly number[];
     size: TuiSizeXS | TuiSizeXL;
     colorHandler: TuiColorHandler;
@@ -15,17 +16,16 @@ export declare class TuiPieChartComponent {
     masked: boolean;
     activeItemIndex: number;
     activeItemIndexChange: EventEmitter<number>;
-    private readonly autoIdString;
     constructor(idService: TuiIdService, locationRef: Location, sanitizer: DomSanitizer);
     get maskId(): string;
     get mask(): string | null;
     get radius(): string;
     get segments(): readonly string[];
+    getContentContext($implicit: number): TuiContextWithImplicit<number>;
     getTransform(index: number): string | null;
     getHint(hint: PolymorpheusContent): PolymorpheusContent;
     onHovered(hovered: boolean, index: number): void;
-    getContentContext($implicit: number): TuiContextWithImplicit<number>;
+    getColor(index: number): SafeValue;
     private getSegments;
     private updateActiveItemIndex;
-    getColor(index: number): SafeValue;
 }