@firestitch/report 18.6.0 → 18.7.0

package/app/reports/option-builder.d.ts

@@ -1,17 +1,65 @@
 import type { EChartsOption } from 'echarts';
-import { AxisChartType, ChartConfig, ChartGranularity, ComponentData, LegendPosition, ReportComponent, WaterfallStepKind } from './interfaces/report.interface';
+import { ReportChartDataLabels } from './enums/report-chart-data-labels.enum';
+import { ReportChartDateLabel } from './enums/report-chart-date-label.enum';
+import { ReportChartLineStyle } from './enums/report-chart-line-style.enum';
+import { ReportChartMarkStat } from './enums/report-chart-mark-stat.enum';
+import { AxisChartType, ChartConfig, ChartGranularity, ChartMeasure, ChartValueAxis, ComponentData, LegendPosition, ListColumn, ListConfig, ReportComponent, ReportFormatContext, ReportLocaleTag, WaterfallStepKind } from './interfaces/report.interface';
+export declare const PERCENT_AXIS_MAX = 1;
+export declare const PERCENT_AXIS_INTERVAL = 0.25;
+export declare const STAT_LABEL: Record<ReportChartMarkStat, string>;
+export type ValueAxisIndex = 0 | 1;
+export interface DrawnReference {
+    label: string;
+    low: number;
+    high: number;
+    band: boolean;
+    axisIndex: ValueAxisIndex;
+}
+interface DataLabelParams {
+    value?: unknown;
+    data?: unknown;
+}
+export type DataLabelFormatter = (params: DataLabelParams) => string;
+export type DataLabelPosition = 'top' | 'inside' | 'outside';
+export interface DataLabel<P extends DataLabelPosition = DataLabelPosition> {
+    show: true;
+    position: P;
+    fontSize: number;
+    formatter: DataLabelFormatter;
+}
+export interface SeriesDataLabels {
+    text: Omit<DataLabel, 'position'>;
+    hideOverlap: boolean;
+    lastOnly: boolean;
+}
+export type PercentShares = Map<number, (number | null)[]>;
 export declare function isColorBy(config: ChartConfig): boolean;
 export declare function colorByColumn(config: ChartConfig): string | undefined;
 export interface ExtractedChartSeries {
     categories: string[];
-    series: {
-        name: string;
-        values: (number | null)[];
-        type?: AxisChartType;
-    }[];
+    series: ExtractedChartSeriesItem[];
+}
+export interface ExtractedChartSeriesItem {
+    name: string;
+    values: (number | null)[];
+    type?: AxisChartType;
+    measure: ChartMeasure;
+    measureIndex: number;
 }
 export declare function extractChartSeries(component: ReportComponent, data: ComponentData): ExtractedChartSeries;
+export declare function seriesColor(series: ExtractedChartSeriesItem): string | undefined;
+export declare function seriesHex(series: ExtractedChartSeriesItem, index: number): string;
+export declare function measureLineStyle(measure: ChartMeasure | undefined): ReportChartLineStyle | undefined;
+export declare function measureMarkStat(measure: ChartMeasure | undefined): ReportChartMarkStat | undefined;
+export declare function seriesStat(values: (number | null)[], stat: ReportChartMarkStat): number | null;
+export declare function drawsStatLines(config: ChartConfig): boolean;
+export declare function colorByValues(extracted: ExtractedChartSeries): (number | null)[];
+export declare function chartReferences(config: ChartConfig, twoAxes: boolean): DrawnReference[];
+export declare function percentShares(values: (number | null)[][]): (number | null)[][];
+export declare function percentStackedShares(extracted: ExtractedChartSeries, config: ChartConfig): PercentShares | null;
+export declare function percentAxisMin(shares: PercentShares): number;
 export declare function seriesTypes(extracted: ExtractedChartSeries, chartType: AxisChartType): AxisChartType[];
+export declare function seriesAxisIndexes(extracted: ExtractedChartSeries, config: ChartConfig): ValueAxisIndex[];
 export interface WaterfallStep {
     category: string;
     start: number;
@@ -24,7 +72,20 @@ export interface ExtractedWaterfall {
 }
 export declare const WATERFALL_TOTAL_LABEL = "Total";
 export declare function extractWaterfall(component: ReportComponent, data: ComponentData): ExtractedWaterfall;
-export declare function buildChartOption(component: ReportComponent, data: ComponentData): EChartsOption;
+export declare function buildChartOption(component: ReportComponent, data: ComponentData, context: ReportFormatContext): EChartsOption;
+export declare function referencePeak(references: DrawnReference[], axisIndex: ValueAxisIndex): number;
 export declare function resolveLegendPosition(config: ChartConfig, seriesCount: number, colorBy?: boolean): LegendPosition;
+export declare function dataLabelOption(mode: ReportChartDataLabels | undefined, formatter: DataLabelFormatter): SeriesDataLabels | null;
+export declare function valueAxisRange(axis: ChartValueAxis | undefined): {
+    min?: number;
+    max?: number;
+    interval?: number;
+};
 export declare function spansMultipleYears(categories: string[]): boolean;
-export declare function formatPeriodLabel(value: string, granularity: ChartGranularity, multiYear: boolean): string;
+export declare function chartDateLabel(config: ChartConfig | undefined): ReportChartDateLabel;
+export declare function formatPeriodLabel(value: string, granularity: ChartGranularity, multiYear: boolean, locale: ReportLocaleTag, dateLabel?: ReportChartDateLabel): string;
+export declare function pivotHeadings(config: ListConfig, data: ComponentData, locale: ReportLocaleTag): string[];
+export declare function pivotColumnSpecs(config: ListConfig, data: ComponentData, locale: ReportLocaleTag): (ListColumn & {
+    numeric: boolean;
+})[];
+export {};

package/app/reports/pipes/report-date.pipe.d.ts

@@ -1,7 +1,8 @@
 import { PipeTransform } from '@angular/core';
+import { ReportLocaleTag } from '../interfaces/report.interface';
 import * as i0 from "@angular/core";
 export declare class ReportDatePipe implements PipeTransform {
-    transform(value: unknown, timezone: string): string;
+    transform(value: unknown, timezone: string, locale: ReportLocaleTag): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ReportDatePipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<ReportDatePipe, "fsReportDate", true>;
 }

package/app/reports/pipes/report-number.pipe.d.ts

@@ -0,0 +1,8 @@
+import { PipeTransform } from '@angular/core';
+import { NumberFormatSpec, ReportFormatContext } from '../interfaces/report.interface';
+import * as i0 from "@angular/core";
+export declare class ReportNumberPipe implements PipeTransform {
+    transform(value: unknown, column: NumberFormatSpec, context: ReportFormatContext): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ReportNumberPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ReportNumberPipe, "fsReportNumber", true>;
+}

package/app/reports/report-filter-items.d.ts

@@ -1,9 +1,9 @@
 import { IFilterConfigItem } from '@firestitch/filter';
 import { Observable } from 'rxjs';
 import { ReportData } from './data/report.data';
-import { ChartGranularity, FilterGroupValue, Report, ReportFilterGroup } from './interfaces/report.interface';
+import { ChartGranularity, FilterGroupValue, Report, ReportFilterGroup, ReportLocaleTag } from './interfaces/report.interface';
 export declare function dateBoundString(value: Date | string | null | undefined): string | undefined;
-export declare function dateBoundLabel(value: Date | string | null | undefined): string | null;
+export declare function dateBoundLabel(value: Date | string | null | undefined, locale: ReportLocaleTag): string | null;
 export declare function dateFromBound(value: string | null | undefined): Date | null;
 export declare function dateToBound(value: Date | null | undefined): string | null;
 export declare function relativeLabel(relative: string): string;
@@ -29,6 +29,9 @@ export declare function matchOptions(options$: Observable<{
     value: unknown;
 }[]>;
 export declare function filterItemForGroup(group: ReportFilterGroup, reportData: ReportData, reportId: number, initial?: FilterGroupValue): IFilterConfigItem;
+export declare const LIST_SEARCH_ITEM = "listSearch";
+export declare const LIST_SEARCH_MAX_LENGTH = 100;
+export declare function listSearchItem(value: string | null): IFilterConfigItem;
 export declare function hasTimeSeriesChart(report: Report | null): boolean;
 export declare function isGranularityOffered(report: Report, granularity: ChartGranularity | null): boolean;
 export declare function groupByFilterItem(report: Report, initial?: ChartGranularity | null): IFilterConfigItem | null;

package/app/reports/report-url-state.d.ts

@@ -1,9 +1,14 @@
 import { ParamMap, Params } from '@angular/router';
 import { FilterGroupValue, ReportFilterType, ReportSort, ReportUrlParams, ReportUrlSnapshot } from './interfaces/report.interface';
+export { GROUP_PARAM_PREFIX } from './report-filter-items';
 export declare const LIST_SORT_PARAM_PREFIX = "s";
 export declare const DATE_RANGE_SEPARATOR = "..";
+export declare const LIST_SEARCH_PARAM_PREFIX = "q";
+export declare const LIST_HIDDEN_PARAM_PREFIX = "h";
 export declare const OWNED_PARAM: RegExp;
 export declare function readReportUrlParams(params: ParamMap): ReportUrlParams;
+export declare function encodeColumnList(names: readonly string[]): string;
+export declare function decodeColumnList(raw: string): string[];
 export declare function decodeFilterValue(type: ReportFilterType, raw: string, resolveRelative: (name: string) => {
     start: Date;
     end: Date;

package/app/reports/services/report-filter-state.service.d.ts

@@ -1,11 +1,22 @@
 import { Observable } from 'rxjs';
 import { ReportChatViewerFilter } from '../interfaces/report-chat-viewer-filter.interface';
-import { ChartGranularity, FilterGroupDefault, FilterGroupValue, Report, ReportComponent, ReportFilterGroup, ReportSort, ReportUrlParams, ReportUrlSnapshot, ResolvedFilterValue } from '../interfaces/report.interface';
+import { ChartGranularity, FilterGroupDefault, FilterGroupValue, Report, ReportComponent, ReportFilterGroup, ReportFormatContext, ReportSort, ReportUrlParams, ReportUrlSnapshot, ResolvedFilterValue } from '../interfaces/report.interface';
 import * as i0 from "@angular/core";
 export declare function sameDefault(a: FilterGroupDefault | null, b: FilterGroupDefault | null): boolean;
+export declare function sameFilterValue(a: FilterGroupValue | null | undefined, b: FilterGroupValue | null | undefined): boolean;
+export declare function movedGroupValues(lastReported: Map<number, FilterGroupValue | null>, reported: {
+    groupId: number;
+    value: FilterGroupValue | null;
+}[]): {
+    groupId: number;
+    value: FilterGroupValue | null;
+}[];
+export declare function listSearchText(text: string): string;
 export declare function defaultSignature(group: ReportFilterGroup): string;
 export declare class ReportFilterStateService {
     readonly timezone: import("@angular/core").WritableSignal<string>;
+    readonly formatContext: import("@angular/core").WritableSignal<ReportFormatContext>;
+    readonly listHidden: import("@angular/core").WritableSignal<ReadonlyMap<number, readonly string[]>>;
     private _values;
     private _groups;
     private _sessionDisabled;
@@ -13,6 +24,10 @@ export declare class ReportFilterStateService {
     private _frequency;
     private _frequencyChanged$;
     private _listSorts;
+    private _listSearches;
+    private _lists;
+    private _serverSearches;
+    private _listSearchChanged$;
     private _changed$;
     private _urlChanged$;
     init(report: Report, restore?: ReportUrlParams | null): void;
@@ -26,7 +41,13 @@ export declare class ReportFilterStateService {
     setFrequency(frequency: ChartGranularity | null): void;
     frequencyChanges(): Observable<void>;
     listSort(componentId: number): ReportSort | null;
-    setListSort(componentId: number, sort: ReportSort | null): void;
+    setListSort(component: ReportComponent, sort: ReportSort | null): void;
+    listSearch(componentId: number): string | null;
+    listSearchable(component: ReportComponent): boolean;
+    setListSearch(componentId: number, text: string): void;
+    hiddenColumns(componentId: number): readonly string[];
+    setHiddenColumns(componentId: number, names: readonly string[]): void;
+    listSearchChanges(componentId: number): Observable<void>;
     urlChanges(): Observable<void>;
     urlSnapshot(report: Report): ReportUrlSnapshot;
     isFilterDisabled(filterId: number): boolean;
@@ -38,9 +59,15 @@ export declare class ReportFilterStateService {
     private _resolvedFields;
     private _seed;
     private _restore;
+    private _restoreGroups;
+    private _restoreListSorts;
+    private _restoreListSearches;
+    private _restoreListHidden;
+    private _dropUnsearchable;
     private _prune;
     private _withPreset;
     private _isDefault;
+    private _components;
     private _listComponents;
     private _sortableColumns;
     private _defaultValue;

package/app/reports/theme/palette.d.ts

@@ -1,4 +1,7 @@
+import { ReportChartColor } from '../enums/report-chart-color.enum';
 import { WaterfallStepKind } from '../interfaces/report.interface';
 export declare const REPORT_CHART_COLORS: string[];
 export declare const REPORT_CHART_COLORS_CSS: string[];
+export declare const REPORT_CHART_COLOR_BY_NAME: Record<ReportChartColor, string>;
+export declare const REPORT_REFERENCE_COLOR = "52606d";
 export declare const REPORT_WATERFALL_COLORS: Record<WaterfallStepKind, string>;

package/app/reports/theme/typography.d.ts

@@ -1,2 +1,3 @@
 export declare const REPORT_CHART_FONT_FAMILY = "Roboto, \"Helvetica Neue\", sans-serif";
 export declare const REPORT_AXIS_LABEL_FONT_SIZE = 11;
+export declare const REPORT_DATA_LABEL_FONT_SIZE = 10;

package/esm2022/app/reports/components/component-chart/component-chart.component.mjs

@@ -1,21 +1,24 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';
 import { NgxEchartsDirective } from 'ngx-echarts';
 import { buildChartOption } from '../../option-builder';
+import { ReportFilterStateService } from '../../services/report-filter-state.service';
 import * as i0 from "@angular/core";
 // ECharts host for a chart component. Pure rendering: the parent owns the
-// data fetch; this maps (component config, rows) → option and exposes the
-// chart instance for resize + the future image exports (getDataURL needs the
-// canvas renderer registered in theme/echarts.ts).
+// data fetch; this maps (component config, rows, the open report's format
+// context) → option and exposes the chart instance for resize + the future
+// image exports (getDataURL needs the canvas renderer registered in
+// theme/echarts.ts).
 export class ComponentChartComponent {
-    component;
-    data = null;
-    options = null;
-    _chart = null;
-    ngOnChanges() {
-        this.options = this.component && this.data
-            ? buildChartOption(this.component, this.data)
+    component = input.required();
+    data = input(null);
+    options = computed(() => {
+        const data = this.data();
+        return data
+            ? buildChartOption(this.component(), data, this._filterState.formatContext())
             : null;
-    }
+    });
+    _chart = null;
+    _filterState = inject(ReportFilterStateService);
     onChartInit(chart) {
         this._chart = chart;
     }
@@ -32,16 +35,12 @@ export class ComponentChartComponent {
         }) ?? null;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ComponentChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ComponentChartComponent, isStandalone: true, selector: "app-report-component-chart", inputs: { component: "component", data: "data" }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"chart-host\"\n  echarts\n  [options]=\"options ?? {}\"\n  [theme]=\"'report'\"\n  [autoResize]=\"true\"\n  (chartInit)=\"onChartInit($event)\">\n</div>\n", styles: [":host{display:block;width:100%;height:100%}.chart-host{width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: NgxEchartsDirective, selector: "echarts, [echarts]", inputs: ["options", "theme", "initOpts", "merge", "autoResize", "loading", "loadingType", "loadingOpts"], outputs: ["chartInit", "optionsError", "chartClick", "chartDblClick", "chartMouseDown", "chartMouseMove", "chartMouseUp", "chartMouseOver", "chartMouseOut", "chartGlobalOut", "chartContextMenu", "chartHighlight", "chartDownplay", "chartSelectChanged", "chartLegendSelectChanged", "chartLegendSelected", "chartLegendUnselected", "chartLegendLegendSelectAll", "chartLegendLegendInverseSelect", "chartLegendScroll", "chartDataZoom", "chartDataRangeSelected", "chartGraphRoam", "chartGeoRoam", "chartTreeRoam", "chartTimelineChanged", "chartTimelinePlayChanged", "chartRestore", "chartDataViewChanged", "chartMagicTypeChanged", "chartGeoSelectChanged", "chartGeoSelected", "chartGeoUnselected", "chartAxisAreaSelected", "chartBrush", "chartBrushEnd", "chartBrushSelected", "chartGlobalCursorTaken", "chartRendered", "chartFinished"], exportAs: ["echarts"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: ComponentChartComponent, isStandalone: true, selector: "app-report-component-chart", inputs: { component: { classPropertyName: "component", publicName: "component", isSignal: true, isRequired: true, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n  class=\"chart-host\"\n  echarts\n  [options]=\"options() ?? {}\"\n  [theme]=\"'report'\"\n  [autoResize]=\"true\"\n  (chartInit)=\"onChartInit($event)\">\n</div>\n", styles: [":host{display:block;width:100%;height:100%}.chart-host{width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: NgxEchartsDirective, selector: "echarts, [echarts]", inputs: ["options", "theme", "initOpts", "merge", "autoResize", "loading", "loadingType", "loadingOpts"], outputs: ["chartInit", "optionsError", "chartClick", "chartDblClick", "chartMouseDown", "chartMouseMove", "chartMouseUp", "chartMouseOver", "chartMouseOut", "chartGlobalOut", "chartContextMenu", "chartHighlight", "chartDownplay", "chartSelectChanged", "chartLegendSelectChanged", "chartLegendSelected", "chartLegendUnselected", "chartLegendLegendSelectAll", "chartLegendLegendInverseSelect", "chartLegendScroll", "chartDataZoom", "chartDataRangeSelected", "chartGraphRoam", "chartGeoRoam", "chartTreeRoam", "chartTimelineChanged", "chartTimelinePlayChanged", "chartRestore", "chartDataViewChanged", "chartMagicTypeChanged", "chartGeoSelectChanged", "chartGeoSelected", "chartGeoUnselected", "chartAxisAreaSelected", "chartBrush", "chartBrushEnd", "chartBrushSelected", "chartGlobalCursorTaken", "chartRendered", "chartFinished"], exportAs: ["echarts"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ComponentChartComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-report-component-chart', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         NgxEchartsDirective,
-                    ], template: "<div\n  class=\"chart-host\"\n  echarts\n  [options]=\"options ?? {}\"\n  [theme]=\"'report'\"\n  [autoResize]=\"true\"\n  (chartInit)=\"onChartInit($event)\">\n</div>\n", styles: [":host{display:block;width:100%;height:100%}.chart-host{width:100%;height:100%}\n"] }]
-        }], propDecorators: { component: [{
-                type: Input
-            }], data: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LWNoYXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvcmVwb3J0cy9jb21wb25lbnRzL2NvbXBvbmVudC1jaGFydC9jb21wb25lbnQtY2hhcnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9yZXBvcnRzL2NvbXBvbmVudHMvY29tcG9uZW50LWNoYXJ0L2NvbXBvbmVudC1jaGFydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUdyRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFHbEQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7O0FBR3hELDBFQUEwRTtBQUMxRSwwRUFBMEU7QUFDMUUsNkVBQTZFO0FBQzdFLG1EQUFtRDtBQVduRCxNQUFNLE9BQU8sdUJBQXVCO0lBRWxCLFNBQVMsQ0FBa0I7SUFDM0IsSUFBSSxHQUF5QixJQUFJLENBQUM7SUFFM0MsT0FBTyxHQUF5QixJQUFJLENBQUM7SUFFcEMsTUFBTSxHQUFtQixJQUFJLENBQUM7SUFFL0IsV0FBVztRQUNoQixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLElBQUk7WUFDeEMsQ0FBQyxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQztZQUM3QyxDQUFDLENBQUMsSUFBSSxDQUFDO0lBQ1gsQ0FBQztJQUVNLFdBQVcsQ0FBQyxLQUFjO1FBQy9CLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO0lBQ3RCLENBQUM7SUFFRCw2REFBNkQ7SUFDdEQsTUFBTTtRQUNYLElBQUksQ0FBQyxNQUFNLEVBQUUsTUFBTSxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVELHdEQUF3RDtJQUNqRCxVQUFVLENBQUMsVUFBVSxHQUFHLENBQUM7UUFDOUIsT0FBTyxJQUFJLENBQUMsTUFBTSxFQUFFLFVBQVUsQ0FBQztZQUM3QixJQUFJLEVBQUUsS0FBSztZQUNYLFVBQVU7WUFDVixlQUFlLEVBQUUsU0FBUztTQUMzQixDQUFDLElBQUksSUFBSSxDQUFDO0lBQ2IsQ0FBQzt3R0EvQlUsdUJBQXVCOzRGQUF2Qix1QkFBdUIsNkpDdkJwQywyS0FRQSwwSURZSSxtQkFBbUI7OzRGQUdWLHVCQUF1QjtrQkFWbkMsU0FBUzsrQkFDRSw0QkFBNEIsbUJBR3JCLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQO3dCQUNQLG1CQUFtQjtxQkFDcEI7OEJBSWUsU0FBUztzQkFBeEIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIE9uQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgdHlwZSB7IEVDaGFydHNPcHRpb24sIEVDaGFydHMgfSBmcm9tICdlY2hhcnRzJztcbmltcG9ydCB7IE5neEVjaGFydHNEaXJlY3RpdmUgfSBmcm9tICduZ3gtZWNoYXJ0cyc7XG5cbmltcG9ydCB7IENvbXBvbmVudERhdGEsIFJlcG9ydENvbXBvbmVudCB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvcmVwb3J0LmludGVyZmFjZSc7XG5pbXBvcnQgeyBidWlsZENoYXJ0T3B0aW9uIH0gZnJvbSAnLi4vLi4vb3B0aW9uLWJ1aWxkZXInO1xuXG5cbi8vIEVDaGFydHMgaG9zdCBmb3IgYSBjaGFydCBjb21wb25lbnQuIFB1cmUgcmVuZGVyaW5nOiB0aGUgcGFyZW50IG93bnMgdGhlXG4vLyBkYXRhIGZldGNoOyB0aGlzIG1hcHMgKGNvbXBvbmVudCBjb25maWcsIHJvd3MpIOKGkiBvcHRpb24gYW5kIGV4cG9zZXMgdGhlXG4vLyBjaGFydCBpbnN0YW5jZSBmb3IgcmVzaXplICsgdGhlIGZ1dHVyZSBpbWFnZSBleHBvcnRzIChnZXREYXRhVVJMIG5lZWRzIHRoZVxuLy8gY2FudmFzIHJlbmRlcmVyIHJlZ2lzdGVyZWQgaW4gdGhlbWUvZWNoYXJ0cy50cykuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtcmVwb3J0LWNvbXBvbmVudC1jaGFydCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb21wb25lbnQtY2hhcnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb21wb25lbnQtY2hhcnQuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBOZ3hFY2hhcnRzRGlyZWN0aXZlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBDb21wb25lbnRDaGFydENvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG5cbiAgQElucHV0KCkgcHVibGljIGNvbXBvbmVudDogUmVwb3J0Q29tcG9uZW50O1xuICBASW5wdXQoKSBwdWJsaWMgZGF0YTogQ29tcG9uZW50RGF0YSB8IG51bGwgPSBudWxsO1xuXG4gIHB1YmxpYyBvcHRpb25zOiBFQ2hhcnRzT3B0aW9uIHwgbnVsbCA9IG51bGw7XG5cbiAgcHJpdmF0ZSBfY2hhcnQ6IEVDaGFydHMgfCBudWxsID0gbnVsbDtcblxuICBwdWJsaWMgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgdGhpcy5vcHRpb25zID0gdGhpcy5jb21wb25lbnQgJiYgdGhpcy5kYXRhXG4gICAgICA/IGJ1aWxkQ2hhcnRPcHRpb24odGhpcy5jb21wb25lbnQsIHRoaXMuZGF0YSlcbiAgICAgIDogbnVsbDtcbiAgfVxuXG4gIHB1YmxpYyBvbkNoYXJ0SW5pdChjaGFydDogRUNoYXJ0cyk6IHZvaWQge1xuICAgIHRoaXMuX2NoYXJ0ID0gY2hhcnQ7XG4gIH1cblxuICAvLyBDYWxsZWQgYnkgdGhlIGNhbnZhcyB3aGVuIHRoZSBib3ggaXMgcmVzaXplZCBpbiBlZGl0IG1vZGUuXG4gIHB1YmxpYyByZXNpemUoKTogdm9pZCB7XG4gICAgdGhpcy5fY2hhcnQ/LnJlc2l6ZSgpO1xuICB9XG5cbiAgLy8gSGlnaC1yZXMgaW1hZ2UgZm9yIHRoZSAobGF0ZXItcGhhc2UpIFBQVC9QREYgZXhwb3J0cy5cbiAgcHVibGljIGdldERhdGFVUkwocGl4ZWxSYXRpbyA9IDMpOiBzdHJpbmcgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5fY2hhcnQ/LmdldERhdGFVUkwoe1xuICAgICAgdHlwZTogJ3BuZycsXG4gICAgICBwaXhlbFJhdGlvLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiAnI2ZmZmZmZicsXG4gICAgfSkgPz8gbnVsbDtcbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cImNoYXJ0LWhvc3RcIlxuICBlY2hhcnRzXG4gIFtvcHRpb25zXT1cIm9wdGlvbnMgPz8ge31cIlxuICBbdGhlbWVdPVwiJ3JlcG9ydCdcIlxuICBbYXV0b1Jlc2l6ZV09XCJ0cnVlXCJcbiAgKGNoYXJ0SW5pdCk9XCJvbkNoYXJ0SW5pdCgkZXZlbnQpXCI+XG48L2Rpdj5cbiJdfQ==
+                    ], template: "<div\n  class=\"chart-host\"\n  echarts\n  [options]=\"options() ?? {}\"\n  [theme]=\"'report'\"\n  [autoResize]=\"true\"\n  (chartInit)=\"onChartInit($event)\">\n</div>\n", styles: [":host{display:block;width:100%;height:100%}.chart-host{width:100%;height:100%}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LWNoYXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvcmVwb3J0cy9jb21wb25lbnRzL2NvbXBvbmVudC1jaGFydC9jb21wb25lbnQtY2hhcnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9yZXBvcnRzL2NvbXBvbmVudHMvY29tcG9uZW50LWNoYXJ0L2NvbXBvbmVudC1jaGFydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRzVGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUdsRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQzs7QUFHdEYsMEVBQTBFO0FBQzFFLDBFQUEwRTtBQUMxRSwyRUFBMkU7QUFDM0Usb0VBQW9FO0FBQ3BFLHFCQUFxQjtBQVdyQixNQUFNLE9BQU8sdUJBQXVCO0lBRWxCLFNBQVMsR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFtQixDQUFDO0lBQzlDLElBQUksR0FBRyxLQUFLLENBQXVCLElBQUksQ0FBQyxDQUFDO0lBRXpDLE9BQU8sR0FBRyxRQUFRLENBQXVCLEdBQUcsRUFBRTtRQUM1RCxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7UUFFekIsT0FBTyxJQUFJO1lBQ1QsQ0FBQyxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLFlBQVksQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUM3RSxDQUFDLENBQUMsSUFBSSxDQUFDO0lBQ1gsQ0FBQyxDQUFDLENBQUM7SUFFSyxNQUFNLEdBQW1CLElBQUksQ0FBQztJQUNyQixZQUFZLEdBQUcsTUFBTSxDQUFDLHdCQUF3QixDQUFDLENBQUM7SUFFMUQsV0FBVyxDQUFDLEtBQWM7UUFDL0IsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7SUFDdEIsQ0FBQztJQUVELDZEQUE2RDtJQUN0RCxNQUFNO1FBQ1gsSUFBSSxDQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsd0RBQXdEO0lBQ2pELFVBQVUsQ0FBQyxVQUFVLEdBQUcsQ0FBQztRQUM5QixPQUFPLElBQUksQ0FBQyxNQUFNLEVBQUUsVUFBVSxDQUFDO1lBQzdCLElBQUksRUFBRSxLQUFLO1lBQ1gsVUFBVTtZQUNWLGVBQWUsRUFBRSxTQUFTO1NBQzNCLENBQUMsSUFBSSxJQUFJLENBQUM7SUFDYixDQUFDO3dHQWhDVSx1QkFBdUI7NEZBQXZCLHVCQUF1QiwwVkN6QnBDLDZLQVFBLDBJRGNJLG1CQUFtQjs7NEZBR1YsdUJBQXVCO2tCQVZuQyxTQUFTOytCQUNFLDRCQUE0QixtQkFHckIsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1A7d0JBQ1AsbUJBQW1CO3FCQUNwQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGNvbXB1dGVkLCBpbmplY3QsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB0eXBlIHsgRUNoYXJ0c09wdGlvbiwgRUNoYXJ0cyB9IGZyb20gJ2VjaGFydHMnO1xuaW1wb3J0IHsgTmd4RWNoYXJ0c0RpcmVjdGl2ZSB9IGZyb20gJ25neC1lY2hhcnRzJztcblxuaW1wb3J0IHsgQ29tcG9uZW50RGF0YSwgUmVwb3J0Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9yZXBvcnQuaW50ZXJmYWNlJztcbmltcG9ydCB7IGJ1aWxkQ2hhcnRPcHRpb24gfSBmcm9tICcuLi8uLi9vcHRpb24tYnVpbGRlcic7XG5pbXBvcnQgeyBSZXBvcnRGaWx0ZXJTdGF0ZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9yZXBvcnQtZmlsdGVyLXN0YXRlLnNlcnZpY2UnO1xuXG5cbi8vIEVDaGFydHMgaG9zdCBmb3IgYSBjaGFydCBjb21wb25lbnQuIFB1cmUgcmVuZGVyaW5nOiB0aGUgcGFyZW50IG93bnMgdGhlXG4vLyBkYXRhIGZldGNoOyB0aGlzIG1hcHMgKGNvbXBvbmVudCBjb25maWcsIHJvd3MsIHRoZSBvcGVuIHJlcG9ydCdzIGZvcm1hdFxuLy8gY29udGV4dCkg4oaSIG9wdGlvbiBhbmQgZXhwb3NlcyB0aGUgY2hhcnQgaW5zdGFuY2UgZm9yIHJlc2l6ZSArIHRoZSBmdXR1cmVcbi8vIGltYWdlIGV4cG9ydHMgKGdldERhdGFVUkwgbmVlZHMgdGhlIGNhbnZhcyByZW5kZXJlciByZWdpc3RlcmVkIGluXG4vLyB0aGVtZS9lY2hhcnRzLnRzKS5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1yZXBvcnQtY29tcG9uZW50LWNoYXJ0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbXBvbmVudC1jaGFydC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NvbXBvbmVudC1jaGFydC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIE5neEVjaGFydHNEaXJlY3RpdmUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIENvbXBvbmVudENoYXJ0Q29tcG9uZW50IHtcblxuICBwdWJsaWMgcmVhZG9ubHkgY29tcG9uZW50ID0gaW5wdXQucmVxdWlyZWQ8UmVwb3J0Q29tcG9uZW50PigpO1xuICBwdWJsaWMgcmVhZG9ubHkgZGF0YSA9IGlucHV0PENvbXBvbmVudERhdGEgfCBudWxsPihudWxsKTtcblxuICBwdWJsaWMgcmVhZG9ubHkgb3B0aW9ucyA9IGNvbXB1dGVkPEVDaGFydHNPcHRpb24gfCBudWxsPigoKSA9PiB7XG4gICAgY29uc3QgZGF0YSA9IHRoaXMuZGF0YSgpO1xuXG4gICAgcmV0dXJuIGRhdGFcbiAgICAgID8gYnVpbGRDaGFydE9wdGlvbih0aGlzLmNvbXBvbmVudCgpLCBkYXRhLCB0aGlzLl9maWx0ZXJTdGF0ZS5mb3JtYXRDb250ZXh0KCkpXG4gICAgICA6IG51bGw7XG4gIH0pO1xuXG4gIHByaXZhdGUgX2NoYXJ0OiBFQ2hhcnRzIHwgbnVsbCA9IG51bGw7XG4gIHByaXZhdGUgcmVhZG9ubHkgX2ZpbHRlclN0YXRlID0gaW5qZWN0KFJlcG9ydEZpbHRlclN0YXRlU2VydmljZSk7XG5cbiAgcHVibGljIG9uQ2hhcnRJbml0KGNoYXJ0OiBFQ2hhcnRzKTogdm9pZCB7XG4gICAgdGhpcy5fY2hhcnQgPSBjaGFydDtcbiAgfVxuXG4gIC8vIENhbGxlZCBieSB0aGUgY2FudmFzIHdoZW4gdGhlIGJveCBpcyByZXNpemVkIGluIGVkaXQgbW9kZS5cbiAgcHVibGljIHJlc2l6ZSgpOiB2b2lkIHtcbiAgICB0aGlzLl9jaGFydD8ucmVzaXplKCk7XG4gIH1cblxuICAvLyBIaWdoLXJlcyBpbWFnZSBmb3IgdGhlIChsYXRlci1waGFzZSkgUFBUL1BERiBleHBvcnRzLlxuICBwdWJsaWMgZ2V0RGF0YVVSTChwaXhlbFJhdGlvID0gMyk6IHN0cmluZyB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLl9jaGFydD8uZ2V0RGF0YVVSTCh7XG4gICAgICB0eXBlOiAncG5nJyxcbiAgICAgIHBpeGVsUmF0aW8sXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6ICcjZmZmZmZmJyxcbiAgICB9KSA/PyBudWxsO1xuICB9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwiY2hhcnQtaG9zdFwiXG4gIGVjaGFydHNcbiAgW29wdGlvbnNdPVwib3B0aW9ucygpID8/IHt9XCJcbiAgW3RoZW1lXT1cIidyZXBvcnQnXCJcbiAgW2F1dG9SZXNpemVdPVwidHJ1ZVwiXG4gIChjaGFydEluaXQpPVwib25DaGFydEluaXQoJGV2ZW50KVwiPlxuPC9kaXY+XG4iXX0=

package/esm2022/app/reports/components/component-kpi/component-kpi.component.mjs

@@ -1,33 +1,30 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { formatMeasureValue } from '../../format';
+import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';
+import { formatNumber } from '../../format';
+import { ReportFilterStateService } from '../../services/report-filter-state.service';
 import * as i0 from "@angular/core";
 // A single big number: the component's measure aggregated over all (filtered)
-// rows server-side; this just formats the one cell.
+// rows server-side; this just formats the one cell, in the open report's
+// format context (its locale, its currency, and whether a percent arrives as a
+// 0-1 ratio or, from an older server, already x100).
 export class ComponentKpiComponent {
-    component;
-    data = null;
-    value = '—';
-    label = '';
-    ngOnChanges() {
-        const config = (this.component?.config ?? {});
-        this.label = config.measure?.label ?? '';
-        const row = this.data?.rows?.[0];
-        if (!row) {
-            this.value = '—';
-            return;
-        }
-        const column = config.measure?.column ?? Object.keys(row)[0];
-        this.value = formatMeasureValue(row[column], config.measure?.format, config.measure?.precision);
-    }
+    component = input.required();
+    data = input(null);
+    label = computed(() => this._config().measure?.label ?? '');
+    // A missing row or value reads '—'. A measure without number-format keys
+    // reads as a plain number in the report's locale.
+    value = computed(() => {
+        const row = this.data()?.rows?.[0];
+        const measure = this._config().measure;
+        const column = measure?.column ?? Object.keys(row ?? {})[0];
+        return formatNumber(row?.[column], measure, this._filterState.formatContext(), { empty: '—' });
+    });
+    _config = computed(() => (this.component().config ?? {}));
+    _filterState = inject(ReportFilterStateService);
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ComponentKpiComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ComponentKpiComponent, isStandalone: true, selector: "app-report-component-kpi", inputs: { component: "component", data: "data" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"kpi\">\n  <div class=\"kpi-value\">{{ value }}</div>\n  @if (label) {\n    <div class=\"kpi-label\">{{ label }}</div>\n  }\n</div>\n", styles: [":host{display:block;width:100%;height:100%}.kpi{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.kpi .kpi-value{font-size:34px;font-weight:600;color:#1f2933;line-height:1}.kpi .kpi-label{font-size:12px;color:#7b8794}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ComponentKpiComponent, isStandalone: true, selector: "app-report-component-kpi", inputs: { component: { classPropertyName: "component", publicName: "component", isSignal: true, isRequired: true, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"kpi\">\n  <div class=\"kpi-value\">{{ value() }}</div>\n  @if (label()) {\n    <div class=\"kpi-label\">{{ label() }}</div>\n  }\n</div>\n", styles: [":host{display:block;width:100%;height:100%}.kpi{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.kpi .kpi-value{font-size:34px;font-weight:600;color:#1f2933;line-height:1}.kpi .kpi-label{font-size:12px;color:#7b8794}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ComponentKpiComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-report-component-kpi', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div class=\"kpi\">\n  <div class=\"kpi-value\">{{ value }}</div>\n  @if (label) {\n    <div class=\"kpi-label\">{{ label }}</div>\n  }\n</div>\n", styles: [":host{display:block;width:100%;height:100%}.kpi{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.kpi .kpi-value{font-size:34px;font-weight:600;color:#1f2933;line-height:1}.kpi .kpi-label{font-size:12px;color:#7b8794}\n"] }]
-        }], propDecorators: { component: [{
-                type: Input
-            }], data: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LWtwaS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL3JlcG9ydHMvY29tcG9uZW50cy9jb21wb25lbnQta3BpL2NvbXBvbmVudC1rcGkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9yZXBvcnRzL2NvbXBvbmVudHMvY29tcG9uZW50LWtwaS9jb21wb25lbnQta3BpLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFhLE1BQU0sZUFBZSxDQUFDO0FBRXJGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGNBQWMsQ0FBQzs7QUFJbEQsOEVBQThFO0FBQzlFLG9EQUFvRDtBQVFwRCxNQUFNLE9BQU8scUJBQXFCO0lBRWhCLFNBQVMsQ0FBa0I7SUFDM0IsSUFBSSxHQUF5QixJQUFJLENBQUM7SUFFM0MsS0FBSyxHQUFHLEdBQUcsQ0FBQztJQUNaLEtBQUssR0FBRyxFQUFFLENBQUM7SUFFWCxXQUFXO1FBQ2hCLE1BQU0sTUFBTSxHQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxNQUFNLElBQUksRUFBRSxDQUFjLENBQUM7UUFDM0QsSUFBSSxDQUFDLEtBQUssR0FBRyxNQUFNLENBQUMsT0FBTyxFQUFFLEtBQUssSUFBSSxFQUFFLENBQUM7UUFFekMsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNqQyxJQUFJLENBQUMsR0FBRyxFQUFFLENBQUM7WUFDVCxJQUFJLENBQUMsS0FBSyxHQUFHLEdBQUcsQ0FBQztZQUVqQixPQUFPO1FBQ1QsQ0FBQztRQUVELE1BQU0sTUFBTSxHQUFHLE1BQU0sQ0FBQyxPQUFPLEVBQUUsTUFBTSxJQUFJLE1BQU0sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDN0QsSUFBSSxDQUFDLEtBQUssR0FBRyxrQkFBa0IsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLEVBQUUsTUFBTSxDQUFDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxDQUFDLE9BQU8sRUFBRSxTQUFTLENBQUMsQ0FBQztJQUNsRyxDQUFDO3dHQXJCVSxxQkFBcUI7NEZBQXJCLHFCQUFxQiwySkNmbEMsbUpBTUE7OzRGRFNhLHFCQUFxQjtrQkFQakMsU0FBUzsrQkFDRSwwQkFBMEIsbUJBR25CLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSTs4QkFJQSxTQUFTO3NCQUF4QixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgT25DaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IGZvcm1hdE1lYXN1cmVWYWx1ZSB9IGZyb20gJy4uLy4uL2Zvcm1hdCc7XG5pbXBvcnQgeyBDb21wb25lbnREYXRhLCBLcGlDb25maWcsIFJlcG9ydENvbXBvbmVudCB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvcmVwb3J0LmludGVyZmFjZSc7XG5cblxuLy8gQSBzaW5nbGUgYmlnIG51bWJlcjogdGhlIGNvbXBvbmVudCdzIG1lYXN1cmUgYWdncmVnYXRlZCBvdmVyIGFsbCAoZmlsdGVyZWQpXG4vLyByb3dzIHNlcnZlci1zaWRlOyB0aGlzIGp1c3QgZm9ybWF0cyB0aGUgb25lIGNlbGwuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtcmVwb3J0LWNvbXBvbmVudC1rcGknLFxuICB0ZW1wbGF0ZVVybDogJy4vY29tcG9uZW50LWtwaS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NvbXBvbmVudC1rcGkuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIENvbXBvbmVudEtwaUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG5cbiAgQElucHV0KCkgcHVibGljIGNvbXBvbmVudDogUmVwb3J0Q29tcG9uZW50O1xuICBASW5wdXQoKSBwdWJsaWMgZGF0YTogQ29tcG9uZW50RGF0YSB8IG51bGwgPSBudWxsO1xuXG4gIHB1YmxpYyB2YWx1ZSA9ICfigJQnO1xuICBwdWJsaWMgbGFiZWwgPSAnJztcblxuICBwdWJsaWMgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgY29uc3QgY29uZmlnID0gKHRoaXMuY29tcG9uZW50Py5jb25maWcgPz8ge30pIGFzIEtwaUNvbmZpZztcbiAgICB0aGlzLmxhYmVsID0gY29uZmlnLm1lYXN1cmU/LmxhYmVsID8/ICcnO1xuXG4gICAgY29uc3Qgcm93ID0gdGhpcy5kYXRhPy5yb3dzPy5bMF07XG4gICAgaWYgKCFyb3cpIHtcbiAgICAgIHRoaXMudmFsdWUgPSAn4oCUJztcblxuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IGNvbHVtbiA9IGNvbmZpZy5tZWFzdXJlPy5jb2x1bW4gPz8gT2JqZWN0LmtleXMocm93KVswXTtcbiAgICB0aGlzLnZhbHVlID0gZm9ybWF0TWVhc3VyZVZhbHVlKHJvd1tjb2x1bW5dLCBjb25maWcubWVhc3VyZT8uZm9ybWF0LCBjb25maWcubWVhc3VyZT8ucHJlY2lzaW9uKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImtwaVwiPlxuICA8ZGl2IGNsYXNzPVwia3BpLXZhbHVlXCI+e3sgdmFsdWUgfX08L2Rpdj5cbiAgQGlmIChsYWJlbCkge1xuICAgIDxkaXYgY2xhc3M9XCJrcGktbGFiZWxcIj57eyBsYWJlbCB9fTwvZGl2PlxuICB9XG48L2Rpdj5cbiJdfQ==
+            args: [{ selector: 'app-report-component-kpi', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div class=\"kpi\">\n  <div class=\"kpi-value\">{{ value() }}</div>\n  @if (label()) {\n    <div class=\"kpi-label\">{{ label() }}</div>\n  }\n</div>\n", styles: [":host{display:block;width:100%;height:100%}.kpi{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.kpi .kpi-value{font-size:34px;font-weight:600;color:#1f2933;line-height:1}.kpi .kpi-label{font-size:12px;color:#7b8794}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LWtwaS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBwL3JlcG9ydHMvY29tcG9uZW50cy9jb21wb25lbnQta3BpL2NvbXBvbmVudC1rcGkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9yZXBvcnRzL2NvbXBvbmVudHMvY29tcG9uZW50LWtwaS9jb21wb25lbnQta3BpLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFNUYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUU1QyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQzs7QUFHdEYsOEVBQThFO0FBQzlFLHlFQUF5RTtBQUN6RSwrRUFBK0U7QUFDL0UscURBQXFEO0FBUXJELE1BQU0sT0FBTyxxQkFBcUI7SUFFaEIsU0FBUyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQW1CLENBQUM7SUFDOUMsSUFBSSxHQUFHLEtBQUssQ0FBdUIsSUFBSSxDQUFDLENBQUM7SUFFekMsS0FBSyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsT0FBTyxFQUFFLEtBQUssSUFBSSxFQUFFLENBQUMsQ0FBQztJQUU1RSx5RUFBeUU7SUFDekUsa0RBQWtEO0lBQ2xDLEtBQUssR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1FBQ3BDLE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNuQyxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsT0FBTyxDQUFDO1FBQ3ZDLE1BQU0sTUFBTSxHQUFHLE9BQU8sRUFBRSxNQUFNLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFFNUQsT0FBTyxZQUFZLENBQUMsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQUUsT0FBTyxFQUFFLElBQUksQ0FBQyxZQUFZLENBQUMsYUFBYSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQztJQUNqRyxDQUFDLENBQUMsQ0FBQztJQUVjLE9BQU8sR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUMsTUFBTSxJQUFJLEVBQUUsQ0FBYyxDQUFDLENBQUM7SUFDdkUsWUFBWSxHQUFHLE1BQU0sQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDO3dHQWxCdEQscUJBQXFCOzRGQUFyQixxQkFBcUIsd1ZDbEJsQyx5SkFNQTs7NEZEWWEscUJBQXFCO2tCQVBqQyxTQUFTOytCQUNFLDBCQUEwQixtQkFHbkIsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgY29tcHV0ZWQsIGluamVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgZm9ybWF0TnVtYmVyIH0gZnJvbSAnLi4vLi4vZm9ybWF0JztcbmltcG9ydCB7IENvbXBvbmVudERhdGEsIEtwaUNvbmZpZywgUmVwb3J0Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9yZXBvcnQuaW50ZXJmYWNlJztcbmltcG9ydCB7IFJlcG9ydEZpbHRlclN0YXRlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3JlcG9ydC1maWx0ZXItc3RhdGUuc2VydmljZSc7XG5cblxuLy8gQSBzaW5nbGUgYmlnIG51bWJlcjogdGhlIGNvbXBvbmVudCdzIG1lYXN1cmUgYWdncmVnYXRlZCBvdmVyIGFsbCAoZmlsdGVyZWQpXG4vLyByb3dzIHNlcnZlci1zaWRlOyB0aGlzIGp1c3QgZm9ybWF0cyB0aGUgb25lIGNlbGwsIGluIHRoZSBvcGVuIHJlcG9ydCdzXG4vLyBmb3JtYXQgY29udGV4dCAoaXRzIGxvY2FsZSwgaXRzIGN1cnJlbmN5LCBhbmQgd2hldGhlciBhIHBlcmNlbnQgYXJyaXZlcyBhcyBhXG4vLyAwLTEgcmF0aW8gb3IsIGZyb20gYW4gb2xkZXIgc2VydmVyLCBhbHJlYWR5IHgxMDApLlxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLXJlcG9ydC1jb21wb25lbnQta3BpJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbXBvbmVudC1rcGkuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb21wb25lbnQta3BpLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBDb21wb25lbnRLcGlDb21wb25lbnQge1xuXG4gIHB1YmxpYyByZWFkb25seSBjb21wb25lbnQgPSBpbnB1dC5yZXF1aXJlZDxSZXBvcnRDb21wb25lbnQ+KCk7XG4gIHB1YmxpYyByZWFkb25seSBkYXRhID0gaW5wdXQ8Q29tcG9uZW50RGF0YSB8IG51bGw+KG51bGwpO1xuXG4gIHB1YmxpYyByZWFkb25seSBsYWJlbCA9IGNvbXB1dGVkKCgpID0+IHRoaXMuX2NvbmZpZygpLm1lYXN1cmU/LmxhYmVsID8/ICcnKTtcblxuICAvLyBBIG1pc3Npbmcgcm93IG9yIHZhbHVlIHJlYWRzICfigJQnLiBBIG1lYXN1cmUgd2l0aG91dCBudW1iZXItZm9ybWF0IGtleXNcbiAgLy8gcmVhZHMgYXMgYSBwbGFpbiBudW1iZXIgaW4gdGhlIHJlcG9ydCdzIGxvY2FsZS5cbiAgcHVibGljIHJlYWRvbmx5IHZhbHVlID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIGNvbnN0IHJvdyA9IHRoaXMuZGF0YSgpPy5yb3dzPy5bMF07XG4gICAgY29uc3QgbWVhc3VyZSA9IHRoaXMuX2NvbmZpZygpLm1lYXN1cmU7XG4gICAgY29uc3QgY29sdW1uID0gbWVhc3VyZT8uY29sdW1uID8/IE9iamVjdC5rZXlzKHJvdyA/PyB7fSlbMF07XG5cbiAgICByZXR1cm4gZm9ybWF0TnVtYmVyKHJvdz8uW2NvbHVtbl0sIG1lYXN1cmUsIHRoaXMuX2ZpbHRlclN0YXRlLmZvcm1hdENvbnRleHQoKSwgeyBlbXB0eTogJ+KAlCcgfSk7XG4gIH0pO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgX2NvbmZpZyA9IGNvbXB1dGVkKCgpID0+ICh0aGlzLmNvbXBvbmVudCgpLmNvbmZpZyA/PyB7fSkgYXMgS3BpQ29uZmlnKTtcbiAgcHJpdmF0ZSByZWFkb25seSBfZmlsdGVyU3RhdGUgPSBpbmplY3QoUmVwb3J0RmlsdGVyU3RhdGVTZXJ2aWNlKTtcbn1cbiIsIjxkaXYgY2xhc3M9XCJrcGlcIj5cbiAgPGRpdiBjbGFzcz1cImtwaS12YWx1ZVwiPnt7IHZhbHVlKCkgfX08L2Rpdj5cbiAgQGlmIChsYWJlbCgpKSB7XG4gICAgPGRpdiBjbGFzcz1cImtwaS1sYWJlbFwiPnt7IGxhYmVsKCkgfX08L2Rpdj5cbiAgfVxuPC9kaXY+XG4iXX0=