npm - @taiga-ui/addon-charts - Versions diffs - 2.23.0 → 2.27.0 - Mend

@taiga-ui/addon-charts 2.23.0 → 2.27.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (139) hide show

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

	@@ -1 +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 ~~class~~=\"t-bar\"\n ~~automation-id~~=\"~~tui~~-bar~~-set__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"}
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":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 CHANGED Viewed

	@@ -1 +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"}
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":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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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 class=\"t-svg\"\n focusable=\"false\"\n preserveAspectRatio=\"none\"\n width=\"100%\"\n height=\"100%\"\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 class=\"t-column\"\n tuiHintDirection=\"top-left\"\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"}
1	+ {"__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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
1	+ {"__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 CHANGED Viewed

@@ -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;
 }

package/components/pie-chart/taiga-ui-addon-charts-components-pie-chart.metadata.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"__symbolic":"module","version":4,"metadata":{"TuiPieChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":40,"character":1},"arguments":[{"selector":"tui-pie-chart","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":44,"character":21},"member":"OnPush"},"template":"<svg\n xmlns=\"http://www.w3.org/2000/svg\"\n ~~class=\"t-svg\"\n~~ height=\"100%\"\n width=\"100%\"\n viewBox=\"-100 -100 200 200\"\n focusable=\"false\"\n>\n <defs>\n <mask [attr.id]=\"maskId\">\n <rect\n x=\"-200\"\n y=\"-200\"\n width=\"400\"\n height=\"400\"\n fill=\"white\"\n ></rect>\n <circle cx=\"0\" cy=\"0\" [attr.r]=\"radius\"></circle>\n </mask>\n </defs>\n <g [style.mask]=\"mask\">\n <path\n ngFor=\"let segment of segments; let index = index\"\n fill=\"currentColor\"\n automation-id=\"tui-pie-chart__segment\"\n ~~class~~=\"~~t-segment~~\"\n ~~tuiHintMode~~=\"~~onDark~~\"\n ~~tuiHintDirection~~=\"~~top~~-~~right~~\"\n [attr.transform]=\"getTransform(index)\"\n [attr.d]=\"segment\"\n [style.color]=\"getColor(index)\"\n [tuiPointerHint]=\"getHint(hint)\"\n (tuiHoveredChange)=\"onHovered($event, index)\"\n >\n <ng-template #hint>\n <ng-container\n ngTemplateOutlet=\"template; context: getContentContext(index)\"\n ></ng-container>\n </ng-template>\n </path>\n </g>\n</svg>\n<ng-template #template let-index>\n <div\n polymorpheus-outlet\n class=\"t-text\"\n [content]=\"hintContent\"\n [context]=\"getContentContext(index)\"\n ></div>\n</ng-template>\n","styles":[":host{position:relative;display:block}:host[data-tui-host-size=xs]{width:2rem;height:2rem;pointer-events:none}:host[data-tui-host-size='s']{width:4rem;height:4rem}:host[data-tui-host-size='m']{width:9rem;height:9rem}:host[data-tui-host-size='l']{width:11rem;height:11rem}:host[data-tui-host-size=xl]{width:16rem;height:16rem}.t-svg{position:relative;overflow:visible;transform:rotate(-90deg)}.t-segment{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out}.t-text{white-space:pre-wrap}"]}]}],"members":{"value":[{"__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}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":52,"character":5},"arguments":["attr.data-tui-host-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":53,"character":5}}]}],"colorHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":57,"character":5}}]}],"hintContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":61,"character":5}}]}],"masked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":65,"character":5}}]}],"activeItemIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":69,"character":5}}]}],"activeItemIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":72,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":78,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiIdService","line":78,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":79,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"Location","line":79,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":80,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":80,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiIdService","line":78,"character":41},{"__symbolic":"reference","module":"@angular/common","name":"Location","line":79,"character":56},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":80,"character":58}]}],"~~getTransform~~":[{"__symbolic":"method"}],"~~getHint~~":[{"__symbolic":"~~method~~"}],"~~onHovered~~":[{"~~__symbolic~~":"~~method~~"}],"~~getContentContext~~":[{"__symbolic":"method","~~decorators~~":[{"__symbolic":"~~reference~~","~~module~~":"~~@taiga-ui/cdk~~"~~,"name"~~:"~~tuiPure~~","~~line~~":~~121,~~"~~character~~":5}]}],"getSegments":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":~~126~~,"character":5}]}],"updateActiveItemIndex":[{"__symbolic":"method"}]~~,"getColor":[{"__symbolic":"method"~~}]}},"TuiPieChartModule":{"__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/cdk","name":"TuiHoveredModule","line":8,"character":28},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":8,"character":46},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiPointerHintModule","line":8,"character":66}],"declarations":[{"__symbolic":"reference","name":"TuiPieChartComponent"}],"exports":[{"__symbolic":"reference","name":"TuiPieChartComponent"}]}]}],"members":{}}},"origins":{"TuiPieChartComponent":"./pie-chart.component","TuiPieChartModule":"./pie-chart.module"},"importAs":"@taiga-ui/addon-charts/components/pie-chart"}
1	+ {"__symbolic":"module","version":4,"metadata":{"TuiPieChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":40,"character":1},"arguments":[{"selector":"tui-pie-chart","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":44,"character":21},"member":"OnPush"},"template":"<svg\n xmlns=\"http://www.w3.org/2000/svg\"\n height=\"100%\"\n width=\"100%\"\n viewBox=\"-100 -100 200 200\"\n focusable=\"false\"\n class=\"t-svg\"\n>\n <defs>\n <mask [attr.id]=\"maskId\">\n <rect\n x=\"-200\"\n y=\"-200\"\n width=\"400\"\n height=\"400\"\n fill=\"white\"\n ></rect>\n <circle cx=\"0\" cy=\"0\" [attr.r]=\"radius\"></circle>\n </mask>\n </defs>\n <g [style.mask]=\"mask\">\n <path\n ngFor=\"let segment of segments; let index = index\"\n fill=\"currentColor\"\n automation-id=\"tui-pie-chart__segment\"\n tuiHintMode=\"onDark\"\n tuiHintDirection=\"top-right\"\n class=\"t-segment\"\n [attr.transform]=\"getTransform(index)\"\n [attr.d]=\"segment\"\n [style.color]=\"getColor(index)\"\n [tuiPointerHint]=\"getHint(hint)\"\n (tuiHoveredChange)=\"onHovered($event, index)\"\n >\n <ng-template #hint>\n <ng-container\n ngTemplateOutlet=\"template; context: getContentContext(index)\"\n ></ng-container>\n </ng-template>\n </path>\n </g>\n</svg>\n<ng-template #template let-index>\n <div\n polymorpheus-outlet\n class=\"t-text\"\n [content]=\"hintContent\"\n [context]=\"getContentContext(index)\"\n ></div>\n</ng-template>\n","styles":[":host{position:relative;display:block}:host[data-tui-host-size=xs]{width:2rem;height:2rem;pointer-events:none}:host[data-tui-host-size='s']{width:4rem;height:4rem}:host[data-tui-host-size='m']{width:9rem;height:9rem}:host[data-tui-host-size='l']{width:11rem;height:11rem}:host[data-tui-host-size=xl]{width:16rem;height:16rem}.t-svg{position:relative;overflow:visible;transform:rotate(-90deg)}.t-segment{transition-property:transform;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out}.t-text{white-space:pre-wrap}"]}]}],"members":{"value":[{"__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}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":54,"character":5},"arguments":["attr.data-tui-host-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":55,"character":5}}]}],"colorHandler":[{"__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}}]}],"hintContent":[{"__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}}]}],"masked":[{"__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}}]}],"activeItemIndex":[{"__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}}]}],"activeItemIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":74,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":78,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiIdService","line":78,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":79,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/common","name":"Location","line":79,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":80,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":80,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiIdService","line":78,"character":41},{"__symbolic":"reference","module":"@angular/common","name":"Location","line":79,"character":56},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":80,"character":58}]}],"getContentContext":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":105,"character":5}]}],"getTransform":[{"__symbolic":"method"}],"getHint":[{"__symbolic":"method"}],"onHovered":[{"__symbolic":"method"}],"getColor":[{"__symbolic":"method"}],"getSegments":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":132,"character":5}]}],"updateActiveItemIndex":[{"__symbolic":"method"}]}},"TuiPieChartModule":{"__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/cdk","name":"TuiHoveredModule","line":9,"character":28},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":9,"character":46},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiPointerHintModule","line":9,"character":66}],"declarations":[{"__symbolic":"reference","name":"TuiPieChartComponent"}],"exports":[{"__symbolic":"reference","name":"TuiPieChartComponent"}]}]}],"members":{}}},"origins":{"TuiPieChartComponent":"./pie-chart.component","TuiPieChartModule":"./pie-chart.module"},"importAs":"@taiga-ui/addon-charts/components/pie-chart"}

package/components/ring-chart/ring-chart.component.d.ts CHANGED Viewed

@@ -14,6 +14,6 @@ export declare class TuiRingChartComponent {
     get hasContent(): boolean;
     get contentContext(): TuiRingChartContext;
     onActiveItemIndexChange(index: number): void;
-    private updateActiveItemIndex;
     private getContentContext;
+    private updateActiveItemIndex;
 }

package/components/ring-chart/taiga-ui-addon-charts-components-ring-chart.metadata.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"__symbolic":"module","version":4,"metadata":{"TuiRingChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"tui-ring-chart","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":19,"character":21},"member":"OnPush"},"template":"<div *ngIf=\"hasContent\" class=\"t-content\">\n <div\n polymorpheus-outlet\n ~~class~~=\"t-~~wrapper~~\"\n ~~automation-id~~=\"~~tui~~-~~ring-chart__content~~\"\n [content]=\"content\"\n [context]=\"contentContext\"\n ></div>\n</div>\n\n<tui-pie-chart\n [masked]=\"true\"\n [value]=\"value\"\n [colorHandler]=\"colorHandler\"\n [size]=\"size\"\n [activeItemIndex]=\"activeItemIndex\"\n (activeItemIndexChange)=\"onActiveItemIndexChange($event)\"\n></tui-pie-chart>\n\n<div class=\"t-shield\"></div>\n","styles":[":host{position:relative;display:block}:host[data-tui-host-size='s']{width:4rem;height:4rem}:host[data-tui-host-size='m']{width:9rem;height:9rem}:host[data-tui-host-size='l']{width:11rem;height:11rem}:host[data-tui-host-size=xl]{width:16rem;height:16rem}.t-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;font:var(--tui-font-text-m);max-height:100%;flex-direction:column;justify-content:center;text-align:center;padding:1.5rem;border-radius:100%;box-sizing:border-box;overflow:hidden;word-break:break-word;white-space:pre-wrap;color:var(--tui-text-02)}:host[data-tui-host-size='m'] .t-content{font:var(--tui-font-text-xs)}.t-wrapper:first-line{color:var(--tui-text-01)}:host[data-tui-host-size='l'] .t-wrapper:first-line{font:var(--tui-font-text-l);font-weight:700}:host[data-tui-host-size='m'] .t-wrapper:first-line{font:var(--tui-font-text-m);font-weight:700}.t-shield{position:absolute;top:25%;left:25%;right:25%;bottom:25%;border-radius:100%}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":23,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":27,"character":5},"arguments":["attr.data-tui-host-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":28,"character":5}}]}],"colorHandler":[{"__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}}]}],"content":[{"__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}}]}],"masked":[{"__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}}]}],"activeItemIndex":[{"__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}}]}],"activeItemIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":47,"character":5}}]}],"onActiveItemIndexChange":[{"__symbolic":"method"}],"~~updateActiveItemIndex":[{"__symbolic":"method"}],"~~getContentContext":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":71,"character":5}]}]}},"TuiRingChartModule":{"__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":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":8,"character":28},{"__symbolic":"reference","module":"@taiga-ui/addon-charts/components/pie-chart","name":"TuiPieChartModule","line":8,"character":48}],"declarations":[{"__symbolic":"reference","name":"TuiRingChartComponent"}],"exports":[{"__symbolic":"reference","name":"TuiRingChartComponent"}]}]}],"members":{}}},"origins":{"TuiRingChartComponent":"./ring-chart.component","TuiRingChartModule":"./ring-chart.module"},"importAs":"@taiga-ui/addon-charts/components/ring-chart"}
1	+ {"__symbolic":"module","version":4,"metadata":{"TuiRingChartComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"tui-ring-chart","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":19,"character":21},"member":"OnPush"},"template":"<div *ngIf=\"hasContent\" class=\"t-content\">\n <div\n polymorpheus-outlet\n automation-id=\"tui-ring-chart__content\"\n class=\"t-wrapper\"\n [content]=\"content\"\n [context]=\"contentContext\"\n ></div>\n</div>\n\n<tui-pie-chart\n [masked]=\"true\"\n [value]=\"value\"\n [colorHandler]=\"colorHandler\"\n [size]=\"size\"\n [activeItemIndex]=\"activeItemIndex\"\n (activeItemIndexChange)=\"onActiveItemIndexChange($event)\"\n></tui-pie-chart>\n\n<div class=\"t-shield\"></div>\n","styles":[":host{position:relative;display:block}:host[data-tui-host-size='s']{width:4rem;height:4rem}:host[data-tui-host-size='m']{width:9rem;height:9rem}:host[data-tui-host-size='l']{width:11rem;height:11rem}:host[data-tui-host-size=xl]{width:16rem;height:16rem}.t-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;font:var(--tui-font-text-m);max-height:100%;flex-direction:column;justify-content:center;text-align:center;padding:1.5rem;border-radius:100%;box-sizing:border-box;overflow:hidden;word-break:break-word;white-space:pre-wrap;color:var(--tui-text-02)}:host[data-tui-host-size='m'] .t-content{font:var(--tui-font-text-xs)}.t-wrapper:first-line{color:var(--tui-text-01)}:host[data-tui-host-size='l'] .t-wrapper:first-line{font:var(--tui-font-text-l);font-weight:700}:host[data-tui-host-size='m'] .t-wrapper:first-line{font:var(--tui-font-text-m);font-weight:700}.t-shield{position:absolute;top:25%;left:25%;right:25%;bottom:25%;border-radius:100%}"]}]}],"members":{"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":23,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":27,"character":5},"arguments":["attr.data-tui-host-size"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":28,"character":5}}]}],"colorHandler":[{"__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}}]}],"content":[{"__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}}]}],"masked":[{"__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}}]}],"activeItemIndex":[{"__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}}]}],"activeItemIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":47,"character":5}}]}],"onActiveItemIndexChange":[{"__symbolic":"method"}],"getContentContext":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":62,"character":5}]}],"updateActiveItemIndex":[{"__symbolic":"method"}]}},"TuiRingChartModule":{"__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":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":8,"character":28},{"__symbolic":"reference","module":"@taiga-ui/addon-charts/components/pie-chart","name":"TuiPieChartModule","line":8,"character":48}],"declarations":[{"__symbolic":"reference","name":"TuiRingChartComponent"}],"exports":[{"__symbolic":"reference","name":"TuiRingChartComponent"}]}]}],"members":{}}},"origins":{"TuiRingChartComponent":"./ring-chart.component","TuiRingChartModule":"./ring-chart.module"},"importAs":"@taiga-ui/addon-charts/components/ring-chart"}

package/constants/taiga-ui-addon-charts-constants.metadata.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"__symbolic":"module","version":4,"metadata":{"TUI_DEFAULT_COLOR_HANDLER":{"__symbolic":"error","message":"Lambda not supported","line":4,"character":58,"module":"./default-color-handler"},"DEFAULT_COLORS":[{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiBaseColor","line":4,"character":4},"member":"Primary"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":5,"character":4},"member":"Havelock"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":6,"character":4},"member":"Feijoa"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":7,"character":4},"member":"Lilac"},"base-05",{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":9,"character":4},"member":"Mustard"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":10,"character":4},"member":"Texas"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":11,"character":4},"member":"Tan"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":12,"character":4},"member":"Salmon"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":13,"character":4},"member":"Sienna"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":14,"character":4},"member":"Bittersweet"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":15,"character":4},"member":"Pinkie"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":16,"character":4},"member":"Charm"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":17,"character":4},"member":"Amethist"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":18,"character":4},"member":"Helio"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":19,"character":4},"member":"Malibu"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":20,"character":4},"member":"Picton"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":21,"character":4},"member":"Mint"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":22,"character":4},"member":"Fountain"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":23,"character":4},"member":"Puertorico"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":24,"character":4},"member":"Bay"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":25,"character":4},"member":"Forest"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":26,"character":4},"member":"York"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiBaseColor","line":27,"character":4},"member":"Error"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiBaseColor","line":28,"character":4},"member":"Success"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiBaseColor","line":29,"character":4},"member":"Secondary"}],"TUI_ALWAYS_DASHED":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":49,"module":"./line-handlers"},"TUI_ALWAYS_DOTTED":{"__symbolic":"error","message":"Lambda not supported","line":3,"character":49,"module":"./line-handlers"},"TUI_ALWAYS_SOLID":{"__symbolic":"error","message":"Lambda not supported","line":4,"character":48,"module":"./line-handlers"},"TUI_ALWAYS_NONE":{"__symbolic":"error","message":"Lambda not supported","line":5,"character":47,"module":"./line-handlers"}},"origins":{"TUI_DEFAULT_COLOR_HANDLER":"./default-color-handler","DEFAULT_COLORS":"./default-colors","TUI_ALWAYS_DASHED":"./line-handlers","TUI_ALWAYS_DOTTED":"./line-handlers","TUI_ALWAYS_SOLID":"./line-handlers","TUI_ALWAYS_NONE":"./line-handlers"},"importAs":"@taiga-ui/addon-charts/constants"}
1	+ {"__symbolic":"module","version":4,"metadata":{"TUI_DEFAULT_COLOR_HANDLER":{"__symbolic":"error","message":"Lambda not supported","line":5,"character":58,"module":"./default-color-handler"},"DEFAULT_COLORS":[{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiBaseColor","line":4,"character":4},"member":"Primary"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":5,"character":4},"member":"Havelock"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":6,"character":4},"member":"Feijoa"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":7,"character":4},"member":"Lilac"},"base-05",{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":9,"character":4},"member":"Mustard"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":10,"character":4},"member":"Texas"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":11,"character":4},"member":"Tan"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":12,"character":4},"member":"Salmon"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":13,"character":4},"member":"Sienna"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":14,"character":4},"member":"Bittersweet"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":15,"character":4},"member":"Pinkie"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":16,"character":4},"member":"Charm"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":17,"character":4},"member":"Amethist"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":18,"character":4},"member":"Helio"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":19,"character":4},"member":"Malibu"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":20,"character":4},"member":"Picton"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":21,"character":4},"member":"Mint"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":22,"character":4},"member":"Fountain"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":23,"character":4},"member":"Puertorico"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":24,"character":4},"member":"Bay"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":25,"character":4},"member":"Forest"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSupportColor","line":26,"character":4},"member":"York"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiBaseColor","line":27,"character":4},"member":"Error"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiBaseColor","line":28,"character":4},"member":"Success"},{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiBaseColor","line":29,"character":4},"member":"Secondary"}],"TUI_ALWAYS_DASHED":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":49,"module":"./line-handlers"},"TUI_ALWAYS_DOTTED":{"__symbolic":"error","message":"Lambda not supported","line":3,"character":49,"module":"./line-handlers"},"TUI_ALWAYS_SOLID":{"__symbolic":"error","message":"Lambda not supported","line":4,"character":48,"module":"./line-handlers"},"TUI_ALWAYS_NONE":{"__symbolic":"error","message":"Lambda not supported","line":5,"character":47,"module":"./line-handlers"}},"origins":{"TUI_DEFAULT_COLOR_HANDLER":"./default-color-handler","DEFAULT_COLORS":"./default-colors","TUI_ALWAYS_DASHED":"./line-handlers","TUI_ALWAYS_DOTTED":"./line-handlers","TUI_ALWAYS_SOLID":"./line-handlers","TUI_ALWAYS_NONE":"./line-handlers"},"importAs":"@taiga-ui/addon-charts/constants"}