@firestitch/report 18.11.1 → 18.12.0

package/app/reports/components/component-grid/component-grid.component.d.ts

@@ -0,0 +1,29 @@
+import { OnInit } from '@angular/core';
+import { GridLayout } from '@firestitch/grid';
+import { ReportGridSource } from '../../data/report-grid-source';
+import { ReportGridParams } from '../../interfaces/report-grid-params.interface';
+import { ReportComponent } from '../../interfaces/report.interface';
+import * as i0 from "@angular/core";
+export declare class ComponentGridComponent implements OnInit {
+    readonly reportId: import("@angular/core").InputSignal<number>;
+    readonly component: import("@angular/core").InputSignal<ReportComponent>;
+    readonly params: import("@angular/core").WritableSignal<ReportGridParams>;
+    readonly controls: import("@angular/core").Signal<import("@firestitch/grid").GridControls>;
+    readonly source: import("@angular/core").Signal<ReportGridSource>;
+    readonly layout: import("@angular/core").Signal<GridLayout>;
+    readonly noteData: import("@angular/core").Signal<import("../../interfaces/report-grid-report.interface").ReportGridReport>;
+    readonly formatter: import("@angular/core").Signal<import("@firestitch/grid").GridFormatter>;
+    private readonly _componentId;
+    private _reportData;
+    private _filterState;
+    private _destroyRef;
+    private _paramsVersion;
+    ngOnInit(): void;
+    setLayout(layout: GridLayout): void;
+    private _init;
+    private _settled$;
+    private _applyParams;
+    private _readParams;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComponentGridComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComponentGridComponent, "app-report-component-grid", never, { "reportId": { "alias": "reportId"; "required": true; "isSignal": true; }; "component": { "alias": "component"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/app/reports/components/component-grid/report-grid-formatter.d.ts

@@ -0,0 +1,9 @@
+import { GridFormatter } from '@firestitch/grid';
+import { ReportGridReport } from '../../interfaces/report-grid-report.interface';
+import { ReportFormatContext } from '../../interfaces/report.interface';
+export interface ReportGridFormatContext {
+    format: ReportFormatContext;
+    timezone: string;
+    report: ReportGridReport | null;
+}
+export declare function reportGridFormatter(context: ReportGridFormatContext): GridFormatter;

package/app/reports/data/report-grid-source.d.ts

@@ -0,0 +1,22 @@
+import { GridParams, GridRequest, GridResult, GridSource } from '@firestitch/grid';
+import { Observable } from 'rxjs';
+import { ReportGridReport } from '../interfaces/report-grid-report.interface';
+import { ReportLocaleTag } from '../interfaces/report.interface';
+import { ReportData } from './report.data';
+export interface ReportGridSourceOptions {
+    isExport?: boolean;
+    locale?: () => ReportLocaleTag;
+}
+export declare class ReportGridSource implements GridSource {
+    private readonly _reportData;
+    private readonly _reportId;
+    private readonly _componentId;
+    readonly report: import("@angular/core").WritableSignal<ReportGridReport>;
+    private readonly _isExport;
+    private readonly _locale;
+    constructor(_reportData: ReportData, _reportId: number, _componentId: number, options?: ReportGridSourceOptions);
+    read(request: GridRequest, params: GridParams): Observable<GridResult>;
+    private _stream$;
+    private _part$;
+    private _described;
+}

package/app/reports/data/report.data.d.ts

@@ -1,4 +1,5 @@
-import { RequestConfig } from '@firestitch/api';
+import { RequestConfig, StreamEvent } from '@firestitch/api';
+import { GridRequest } from '@firestitch/grid';
 import { Observable } from 'rxjs';
 import { ReportExportLine } from '../interfaces/report-export-line.interface';
 import { ReportFilterGroupChanges } from '../interfaces/report-filter-group-changes.interface';
@@ -54,6 +55,7 @@ export declare class ReportData<T = any> {
         h: number;
     }>)[], config?: RequestConfig): Observable<T>;
     componentData(reportId: number, componentId: number, filters?: ResolvedFilterValue[], state?: ComponentDataState, isExport?: boolean, config?: RequestConfig): Observable<T>;
+    componentGrid(reportId: number, componentId: number, filters: ResolvedFilterValue[], state: ComponentDataState, grid: GridRequest, isExport?: boolean, config?: RequestConfig): Observable<StreamEvent>;
     pageValues(reportId: number, pageId: number, filters?: ResolvedFilterValue[], isExport?: boolean, config?: RequestConfig, matchAnyGroupIds?: number[]): Observable<ReportPageValue[]>;
     exportComponent(reportId: number, componentId: number, filters?: ResolvedFilterValue[], state?: ComponentDataState, title?: string, config?: RequestConfig): Observable<ComponentExportResponse>;
     exportReport(reportId: number, filters?: ResolvedFilterValue[], pageId?: number | null, frequency?: ChartGranularity | null, filterLines?: ReportExportLine[], states?: Record<number, ComponentDataState>, titles?: Record<number, string>, config?: RequestConfig): Observable<T>;

package/app/reports/interfaces/report-chat-viewer-state.interface.d.ts

@@ -3,6 +3,7 @@ import { ReportChatViewerDetail } from './report-chat-viewer-detail.interface';
 import { ReportChatViewerDrill } from './report-chat-viewer-drill.interface';
 import { ReportChatViewerFilter } from './report-chat-viewer-filter.interface';
 import { ReportChatViewerSelection } from './report-chat-viewer-selection.interface';
+import { ReportChatViewerTile } from './report-chat-viewer-tile.interface';
 import { ReportFilterMatch } from './report-filter-match.type';
 import { ChartGranularity } from './report.interface';
 export interface ReportChatViewerState {
@@ -13,5 +14,6 @@ export interface ReportChatViewerState {
     crossFilters?: ReportChatViewerCrossFilter[];
     drills?: ReportChatViewerDrill[];
     detail?: ReportChatViewerDetail | null;
+    tiles?: ReportChatViewerTile[];
     selection?: ReportChatViewerSelection;
 }

package/app/reports/interfaces/report-chat-viewer-tile.interface.d.ts

@@ -0,0 +1,5 @@
+import { GridLayout } from '@firestitch/grid';
+export interface ReportChatViewerTile {
+    componentId: number;
+    layout?: GridLayout;
+}

package/app/reports/interfaces/report-grid-config.interface.d.ts

@@ -0,0 +1,5 @@
+import { GridControls, GridLayout } from '@firestitch/grid';
+export interface GridConfig {
+    layout?: GridLayout;
+    controls?: GridControls;
+}

package/app/reports/interfaces/report-grid-line.interface.d.ts

@@ -0,0 +1,6 @@
+import { GridResult } from '@firestitch/grid';
+import { ReportGridReport } from './report-grid-report.interface';
+export interface ReportGridLine {
+    report?: ReportGridReport;
+    grid?: GridResult;
+}

package/app/reports/interfaces/report-grid-params.interface.d.ts

@@ -0,0 +1,7 @@
+import { GridParams } from '@firestitch/grid';
+import { ChartGranularity, ResolvedFilterValue } from './report.interface';
+export interface ReportGridParams extends GridParams {
+    filters: ResolvedFilterValue[];
+    matchAnyGroupIds?: number[];
+    frequency?: ChartGranularity;
+}

package/app/reports/interfaces/report-grid-report.interface.d.ts

@@ -0,0 +1,2 @@
+import { ComponentData } from './report.interface';
+export type ReportGridReport = Pick<ComponentData, 'applied' | 'timeframe' | 'comparison' | 'outputs' | 'windows'>;

package/app/reports/interfaces/report-grid-session-layout.interface.d.ts

@@ -0,0 +1,5 @@
+import { GridLayout } from '@firestitch/grid';
+export interface ReportGridSessionLayout {
+    layout: GridLayout;
+    base: string;
+}

package/app/reports/interfaces/report.interface.d.ts

@@ -11,6 +11,7 @@ import { ReportValueFormula } from '../enums/report-value-formula.enum';
 import { ComponentDataApplied } from './component-data-applied.interface';
 import { ComponentDataDrill } from './component-data-drill.interface';
 import { ReportDrillStep } from './report-drill-step.interface';
+import { GridConfig } from './report-grid-config.interface';
 import { ReportViewerFeature } from './report-viewer-feature.type';
 export type ReportLocaleTag = string;
 export type ReportCurrencyCode = string;
@@ -84,7 +85,7 @@ export interface ReportPage {
     components: ReportComponent[];
     values?: ReportComponent[];
 }
-export type ReportComponentType = 'chart' | 'list' | 'kpi' | 'text' | 'value';
+export type ReportComponentType = 'chart' | 'list' | 'grid' | 'kpi' | 'text' | 'value';
 export interface ReportComponent {
     id: number;
     type: ReportComponentType;
@@ -95,7 +96,7 @@ export interface ReportComponent {
     h: number;
     autoHeight: boolean;
     sql: string | null;
-    config: ChartConfig & ListConfig & KpiConfig & TextConfig & ValueConfig & ComponentLayoutConfig & Record<string, unknown>;
+    config: ChartConfig & ListConfig & GridConfig & KpiConfig & TextConfig & ValueConfig & ComponentLayoutConfig & Record<string, unknown>;
     filters: ReportFilter[];
 }
 export interface ReportComponentSql {

package/app/reports/report-chat-viewer-state.d.ts

@@ -1,8 +1,11 @@
+import { GridLayout } from '@firestitch/grid';
 import { ReportChatViewerDrill } from './interfaces/report-chat-viewer-drill.interface';
 import { ReportChatViewerState } from './interfaces/report-chat-viewer-state.interface';
+import { ReportChatViewerTile } from './interfaces/report-chat-viewer-tile.interface';
 import { ReportStateSnapshot } from './interfaces/report-state-snapshot.interface';
-import { ReportLocaleTag } from './interfaces/report.interface';
+import { Report, ReportComponent, ReportLocaleTag } from './interfaces/report.interface';
 export declare const CHAT_DRILLS_MAX = 10;
 export declare const CHAT_LABEL_MAX = 100;
 export declare function chatViewerMatch(snapshot: ReportStateSnapshot): Pick<ReportChatViewerState, 'match'>;
 export declare function chatViewerDrills(snapshot: ReportStateSnapshot, locale: ReportLocaleTag): ReportChatViewerDrill[];
+export declare function chatViewerTiles(report: Report | null, pageId: number | null, layoutOf: (component: ReportComponent) => GridLayout | null): ReportChatViewerTile[];

package/app/reports/report-grid-layout.d.ts

@@ -0,0 +1,4 @@
+import { GridLayout } from '@firestitch/grid';
+import { ReportComponent } from './interfaces/report.interface';
+export declare function authoredGridLayout(component: ReportComponent): GridLayout;
+export declare function gridLayoutKey(layout: GridLayout): string;

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

@@ -1,3 +1,4 @@
+import { GridLayout } from '@firestitch/grid';
 import { Observable } from 'rxjs';
 import { ReportChatViewerFilter } from '../interfaces/report-chat-viewer-filter.interface';
 import { ReportDrillStep } from '../interfaces/report-drill-step.interface';
@@ -49,6 +50,7 @@ export declare class ReportFilterStateService {
     private _match;
     private _drills;
     private _drillChanged$;
+    private _gridLayouts;
     private _temporary;
     init(report: Report): void;
     value(groupId: number): FilterGroupValue | undefined;
@@ -82,6 +84,9 @@ export declare class ReportFilterStateService {
     setDrill(componentId: number, path: readonly ReportDrillStep[]): void;
     drillChanges(componentId: number): Observable<void>;
     adoptDrill(componentId: number, path: readonly ReportDrillStep[]): boolean;
+    gridLayout(component: ReportComponent): GridLayout;
+    gridSessionLayout(component: ReportComponent): GridLayout | null;
+    setGridLayout(component: ReportComponent, layout: GridLayout): void;
     snapshot(): ReportStateSnapshot;
     authoredConfig(): ReportStateSnapshot;
     resetToDefaults(): void;
@@ -107,6 +112,7 @@ export declare class ReportFilterStateService {
     private _notifyReset;
     private _tiles;
     private _isChart;
+    private _pruneGridLayouts;
     private _prunePageState;
     private _resolveExcludeAndRange;
     private _excludeOrRangeDefault;

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

@@ -0,0 +1,93 @@
+import { ChangeDetectionStrategy, Component, DestroyRef, computed, inject, input, signal, } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { FsGridComponent } from '@firestitch/grid';
+import { filter, map, of, switchMap, tap, timer } from 'rxjs';
+import { ReportData } from '../../data/report.data';
+import { ReportGridSource } from '../../data/report-grid-source';
+import { ReportFilterStateService } from '../../services/report-filter-state.service';
+import { TILE_REFRESH_DEBOUNCE_MS } from '../../tile-loads';
+import { ComponentNoteComponent } from '../component-note/component-note.component';
+import { reportGridFormatter } from './report-grid-formatter';
+import * as i0 from "@angular/core";
+// A grid tile: fs-grid over the tile's rows, read through ReportGridSource.
+//
+// - The params (the report filters the tile resolves to and the 'any'
+//   groups) are seeded before the first render, so no read goes out without
+//   them. After that a change to one of the tile's filter groups settles for
+//   TILE_REFRESH_DEBOUNCE_MS, so a sweep of changes costs one read; one sent
+//   under an older state version is dropped.
+// - The layout on screen is the state service's (gridLayout): the viewer's
+//   own while they changed it from the layout authored now, else the
+//   authored one. It outlives a page switch, and the chat reads it.
+// - A state version move (Clear filters, a saved filter) skips the wait; the
+//   reset has put the authored layout back in the same tick, so it costs one
+//   read.
+// - fs-grid compares the layout and params by value: a cloned value never
+//   reads again.
+export class ComponentGridComponent {
+    reportId = input.required();
+    component = input.required();
+    params = signal(null);
+    controls = computed(() => this.component().config?.controls ?? {});
+    source = computed(() => new ReportGridSource(this._reportData, this.reportId(), this._componentId(), {
+        locale: () => this._filterState.formatContext().locale,
+    }));
+    layout = computed(() => this._filterState.gridLayout(this.component()));
+    noteData = computed(() => this.source().report());
+    formatter = computed(() => reportGridFormatter({
+        format: this._filterState.formatContext(),
+        timezone: this._filterState.timezone(),
+        report: this.source().report(),
+    }));
+    _componentId = computed(() => this.component().id);
+    _reportData = inject(ReportData);
+    _filterState = inject(ReportFilterStateService);
+    _destroyRef = inject(DestroyRef);
+    // The state version the params on screen were read under.
+    _paramsVersion = 0;
+    ngOnInit() {
+        this._init();
+    }
+    setLayout(layout) {
+        this._filterState.setGridLayout(this.component(), layout);
+    }
+    _init() {
+        this._paramsVersion = this._filterState.stateVersion();
+        this.params.set(this._readParams());
+        this._filterState.changesFor(this.component())
+            .pipe(switchMap(() => this._settled$()), tap(() => this._applyParams()), takeUntilDestroyed(this._destroyRef))
+            .subscribe();
+    }
+    // A change, once it has settled: at once when the state version moved,
+    // else after the debounce; dropped when the version moves while it waits,
+    // since that move brings its own change.
+    _settled$() {
+        const version = this._filterState.stateVersion();
+        const moved = version !== this._paramsVersion;
+        return (moved ? of(0) : timer(TILE_REFRESH_DEBOUNCE_MS))
+            .pipe(filter(() => this._filterState.stateVersion() === version), map(() => undefined));
+    }
+    _applyParams() {
+        this._paramsVersion = this._filterState.stateVersion();
+        this.params.set(this._readParams());
+    }
+    // The tile's report filters and 'any' groups as they stand.
+    _readParams() {
+        const component = this.component();
+        const matchAnyGroupIds = this._filterState.tileState(component).matchAnyGroupIds;
+        return {
+            filters: this._filterState.resolveForComponent(component),
+            ...(matchAnyGroupIds?.length ? { matchAnyGroupIds } : {}),
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ComponentGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ComponentGridComponent, isStandalone: true, selector: "app-report-component-grid", inputs: { reportId: { classPropertyName: "reportId", publicName: "reportId", isSignal: true, isRequired: true, transformFunction: null }, component: { classPropertyName: "component", publicName: "component", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<!-- The comparison and window note strip above the table, from the report\n     line of the latest read; the windows' descriptions and notes go in each\n     column's \"About this column\" instead. -->\n<div class=\"fs-column grid-pane\">\n  <app-report-component-note\n    [data]=\"noteData()\"\n    [windowNotes]=\"false\">\n  </app-report-component-note>\n  <!-- The params are seeded before the first render, so the grid's first read\n       carries the tile's report filters. -->\n  @if (params(); as params) {\n    <fs-grid\n      class=\"fs-flex\"\n      [source]=\"source()\"\n      [layout]=\"layout()\"\n      [params]=\"params\"\n      [controls]=\"controls()\"\n      [formatter]=\"formatter()\"\n      (layoutChange)=\"setLayout($event)\">\n    </fs-grid>\n  }\n</div>\n", styles: [":host{display:block;height:100%}.grid-pane{height:100%;min-height:0}fs-grid{min-height:0}\n"], dependencies: [{ kind: "component", type: FsGridComponent, selector: "fs-grid", inputs: ["source", "layout", "controls", "params", "expansion", "panel", "editorOpen", "formatter", "clearedFilter"], outputs: ["layoutChange", "expansionChange", "panelChange", "editorOpenChange"] }, { kind: "component", type: ComponentNoteComponent, selector: "app-report-component-note", inputs: ["data", "windows", "windowDescriptions", "windowNotes"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ComponentGridComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-report-component-grid', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        FsGridComponent,
+                        ComponentNoteComponent,
+                    ], template: "<!-- The comparison and window note strip above the table, from the report\n     line of the latest read; the windows' descriptions and notes go in each\n     column's \"About this column\" instead. -->\n<div class=\"fs-column grid-pane\">\n  <app-report-component-note\n    [data]=\"noteData()\"\n    [windowNotes]=\"false\">\n  </app-report-component-note>\n  <!-- The params are seeded before the first render, so the grid's first read\n       carries the tile's report filters. -->\n  @if (params(); as params) {\n    <fs-grid\n      class=\"fs-flex\"\n      [source]=\"source()\"\n      [layout]=\"layout()\"\n      [params]=\"params\"\n      [controls]=\"controls()\"\n      [formatter]=\"formatter()\"\n      (layoutChange)=\"setLayout($event)\">\n    </fs-grid>\n  }\n</div>\n", styles: [":host{display:block;height:100%}.grid-pane{height:100%;min-height:0}fs-grid{min-height:0}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LWdyaWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9yZXBvcnRzL2NvbXBvbmVudHMvY29tcG9uZW50LWdyaWQvY29tcG9uZW50LWdyaWQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9yZXBvcnRzL2NvbXBvbmVudHMvY29tcG9uZW50LWdyaWQvY29tcG9uZW50LWdyaWQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQVUsUUFBUSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxHQUN4RixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUVoRSxPQUFPLEVBQUUsZUFBZSxFQUFjLE1BQU0sa0JBQWtCLENBQUM7QUFFL0QsT0FBTyxFQUFjLE1BQU0sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBRTFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNwRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUdqRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUN0RixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUVwRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFHOUQsNEVBQTRFO0FBQzVFLEVBQUU7QUFDRixzRUFBc0U7QUFDdEUsNEVBQTRFO0FBQzVFLDZFQUE2RTtBQUM3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QixvV0M5Q25DLGt4QkFzQkEscUpEb0JJLGVBQWUsMlBBQ2Ysc0JBQXNCOzs0RkFHYixzQkFBc0I7a0JBWGxDLFNBQVM7K0JBQ0UsMkJBQTJCLG1CQUdwQix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUDt3QkFDUCxlQUFlO3dCQUNmLHNCQUFzQjtxQkFDdkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBEZXN0cm95UmVmLCBPbkluaXQsIGNvbXB1dGVkLCBpbmplY3QsIGlucHV0LCBzaWduYWwsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgdGFrZVVudGlsRGVzdHJveWVkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZS9yeGpzLWludGVyb3AnO1xuXG5pbXBvcnQgeyBGc0dyaWRDb21wb25lbnQsIEdyaWRMYXlvdXQgfSBmcm9tICdAZmlyZXN0aXRjaC9ncmlkJztcblxuaW1wb3J0IHsgT2JzZXJ2YWJsZSwgZmlsdGVyLCBtYXAsIG9mLCBzd2l0Y2hNYXAsIHRhcCwgdGltZXIgfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgUmVwb3J0RGF0YSB9IGZyb20gJy4uLy4uL2RhdGEvcmVwb3J0LmRhdGEnO1xuaW1wb3J0IHsgUmVwb3J0R3JpZFNvdXJjZSB9IGZyb20gJy4uLy4uL2RhdGEvcmVwb3J0LWdyaWQtc291cmNlJztcbmltcG9ydCB7IFJlcG9ydEdyaWRQYXJhbXMgfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzL3JlcG9ydC1ncmlkLXBhcmFtcy5pbnRlcmZhY2UnO1xuaW1wb3J0IHsgUmVwb3J0Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9yZXBvcnQuaW50ZXJmYWNlJztcbmltcG9ydCB7IFJlcG9ydEZpbHRlclN0YXRlU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3JlcG9ydC1maWx0ZXItc3RhdGUuc2VydmljZSc7XG5pbXBvcnQgeyBUSUxFX1JFRlJFU0hfREVCT1VOQ0VfTVMgfSBmcm9tICcuLi8uLi90aWxlLWxvYWRzJztcbmltcG9ydCB7IENvbXBvbmVudE5vdGVDb21wb25lbnQgfSBmcm9tICcuLi9jb21wb25lbnQtbm90ZS9jb21wb25lbnQtbm90ZS5jb21wb25lbnQnO1xuXG5pbXBvcnQgeyByZXBvcnRHcmlkRm9ybWF0dGVyIH0gZnJvbSAnLi9yZXBvcnQtZ3JpZC1mb3JtYXR0ZXInO1xuXG5cbi8vIEEgZ3JpZCB0aWxlOiBmcy1ncmlkIG92ZXIgdGhlIHRpbGUncyByb3dzLCByZWFkIHRocm91Z2ggUmVwb3J0R3JpZFNvdXJjZS5cbi8vXG4vLyAtIFRoZSBwYXJhbXMgKHRoZSByZXBvcnQgZmlsdGVycyB0aGUgdGlsZSByZXNvbHZlcyB0byBhbmQgdGhlICdhbnknXG4vLyAgIGdyb3VwcykgYXJlIHNlZWRlZCBiZWZvcmUgdGhlIGZpcnN0IHJlbmRlciwgc28gbm8gcmVhZCBnb2VzIG91dCB3aXRob3V0XG4vLyAgIHRoZW0uIEFmdGVyIHRoYXQgYSBjaGFuZ2UgdG8gb25lIG9mIHRoZSB0aWxlJ3MgZmlsdGVyIGdyb3VwcyBzZXR0bGVzIGZvclxuLy8gICBUSUxFX1JFRlJFU0hfREVCT1VOQ0VfTVMsIHNvIGEgc3dlZXAgb2YgY2hhbmdlcyBjb3N0cyBvbmUgcmVhZDsgb25lIHNlbnRcbi8vICAgdW5kZXIgYW4gb2xkZXIgc3RhdGUgdmVyc2lvbiBpcyBkcm9wcGVkLlxuLy8gLSBUaGUgbGF5b3V0IG9uIHNjcmVlbiBpcyB0aGUgc3RhdGUgc2VydmljZSdzIChncmlkTGF5b3V0KTogdGhlIHZpZXdlcidzXG4vLyAgIG93biB3aGlsZSB0aGV5IGNoYW5nZWQgaXQgZnJvbSB0aGUgbGF5b3V0IGF1dGhvcmVkIG5vdywgZWxzZSB0aGVcbi8vICAgYXV0aG9yZWQgb25lLiBJdCBvdXRsaXZlcyBhIHBhZ2Ugc3dpdGNoLCBhbmQgdGhlIGNoYXQgcmVhZHMgaXQuXG4vLyAtIEEgc3RhdGUgdmVyc2lvbiBtb3ZlIChDbGVhciBmaWx0ZXJzLCBhIHNhdmVkIGZpbHRlcikgc2tpcHMgdGhlIHdhaXQ7IHRoZVxuLy8gICByZXNldCBoYXMgcHV0IHRoZSBhdXRob3JlZCBsYXlvdXQgYmFjayBpbiB0aGUgc2FtZSB0aWNrLCBzbyBpdCBjb3N0cyBvbmVcbi8vICAgcmVhZC5cbi8vIC0gZnMtZ3JpZCBjb21wYXJlcyB0aGUgbGF5b3V0IGFuZCBwYXJhbXMgYnkgdmFsdWU6IGEgY2xvbmVkIHZhbHVlIG5ldmVyXG4vLyAgIHJlYWRzIGFnYWluLlxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLXJlcG9ydC1jb21wb25lbnQtZ3JpZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb21wb25lbnQtZ3JpZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NvbXBvbmVudC1ncmlkLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgRnNHcmlkQ29tcG9uZW50LFxuICAgIENvbXBvbmVudE5vdGVDb21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIENvbXBvbmVudEdyaWRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIHB1YmxpYyByZWFkb25seSByZXBvcnRJZCA9IGlucHV0LnJlcXVpcmVkPG51bWJlcj4oKTtcbiAgcHVibGljIHJlYWRvbmx5IGNvbXBvbmVudCA9IGlucHV0LnJlcXVpcmVkPFJlcG9ydENvbXBvbmVudD4oKTtcblxuICBwdWJsaWMgcmVhZG9ubHkgcGFyYW1zID0gc2lnbmFsPFJlcG9ydEdyaWRQYXJhbXMgfCBudWxsPihudWxsKTtcbiAgcHVibGljIHJlYWRvbmx5IGNvbnRyb2xzID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5jb21wb25lbnQoKS5jb25maWc/LmNvbnRyb2xzID8/IHt9KTtcbiAgcHVibGljIHJlYWRvbmx5IHNvdXJjZSA9IGNvbXB1dGVkKCgpID0+IG5ldyBSZXBvcnRHcmlkU291cmNlKHRoaXMuX3JlcG9ydERhdGEsIHRoaXMucmVwb3J0SWQoKSwgdGhpcy5fY29tcG9uZW50SWQoKSwge1xuICAgIGxvY2FsZTogKCkgPT4gdGhpcy5fZmlsdGVyU3RhdGUuZm9ybWF0Q29udGV4dCgpLmxvY2FsZSxcbiAgfSkpO1xuXG4gIHB1YmxpYyByZWFkb25seSBsYXlvdXQgPSBjb21wdXRlZCgoKSA9PiB0aGlzLl9maWx0ZXJTdGF0ZS5ncmlkTGF5b3V0KHRoaXMuY29tcG9uZW50KCkpKTtcblxuICBwdWJsaWMgcmVhZG9ubHkgbm90ZURhdGEgPSBjb21wdXRlZCgoKSA9PiB0aGlzLnNvdXJjZSgpLnJlcG9ydCgpKTtcbiAgcHVibGljIHJlYWRvbmx5IGZvcm1hdHRlciA9IGNvbXB1dGVkKCgpID0+IHJlcG9ydEdyaWRGb3JtYXR0ZXIoe1xuICAgIGZvcm1hdDogdGhpcy5fZmlsdGVyU3RhdGUuZm9ybWF0Q29udGV4dCgpLFxuICAgIHRpbWV6b25lOiB0aGlzLl9maWx0ZXJTdGF0ZS50aW1lem9uZSgpLFxuICAgIHJlcG9ydDogdGhpcy5zb3VyY2UoKS5yZXBvcnQoKSxcbiAgfSkpO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgX2NvbXBvbmVudElkID0gY29tcHV0ZWQoKCkgPT4gdGhpcy5jb21wb25lbnQoKS5pZCk7XG4gIHByaXZhdGUgX3JlcG9ydERhdGEgPSBpbmplY3QoUmVwb3J0RGF0YSk7XG4gIHByaXZhdGUgX2ZpbHRlclN0YXRlID0gaW5qZWN0KFJlcG9ydEZpbHRlclN0YXRlU2VydmljZSk7XG4gIHByaXZhdGUgX2Rlc3Ryb3lSZWYgPSBpbmplY3QoRGVzdHJveVJlZik7XG4gIC8vIFRoZSBzdGF0ZSB2ZXJzaW9uIHRoZSBwYXJhbXMgb24gc2NyZWVuIHdlcmUgcmVhZCB1bmRlci5cbiAgcHJpdmF0ZSBfcGFyYW1zVmVyc2lvbiA9IDA7XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuX2luaXQoKTtcbiAgfVxuXG4gIHB1YmxpYyBzZXRMYXlvdXQobGF5b3V0OiBHcmlkTGF5b3V0KTogdm9pZCB7XG4gICAgdGhpcy5fZmlsdGVyU3RhdGUuc2V0R3JpZExheW91dCh0aGlzLmNvbXBvbmVudCgpLCBsYXlvdXQpO1xuICB9XG5cbiAgcHJpdmF0ZSBfaW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLl9wYXJhbXNWZXJzaW9uID0gdGhpcy5fZmlsdGVyU3RhdGUuc3RhdGVWZXJzaW9uKCk7XG4gICAgdGhpcy5wYXJhbXMuc2V0KHRoaXMuX3JlYWRQYXJhbXMoKSk7XG5cbiAgICB0aGlzLl9maWx0ZXJTdGF0ZS5jaGFuZ2VzRm9yKHRoaXMuY29tcG9uZW50KCkpXG4gICAgICAucGlwZShcbiAgICAgICAgc3dpdGNoTWFwKCgpID0+IHRoaXMuX3NldHRsZWQkKCkpLFxuICAgICAgICB0YXAoKCkgPT4gdGhpcy5fYXBwbHlQYXJhbXMoKSksXG4gICAgICAgIHRha2VVbnRpbERlc3Ryb3llZCh0aGlzLl9kZXN0cm95UmVmKSxcbiAgICAgIClcbiAgICAgIC5zdWJzY3JpYmUoKTtcbiAgfVxuXG4gIC8vIEEgY2hhbmdlLCBvbmNlIGl0IGhhcyBzZXR0bGVkOiBhdCBvbmNlIHdoZW4gdGhlIHN0YXRlIHZlcnNpb24gbW92ZWQsXG4gIC8vIGVsc2UgYWZ0ZXIgdGhlIGRlYm91bmNlOyBkcm9wcGVkIHdoZW4gdGhlIHZlcnNpb24gbW92ZXMgd2hpbGUgaXQgd2FpdHMsXG4gIC8vIHNpbmNlIHRoYXQgbW92ZSBicmluZ3MgaXRzIG93biBjaGFuZ2UuXG4gIHByaXZhdGUgX3NldHRsZWQkKCk6IE9ic2VydmFibGU8dm9pZD4ge1xuICAgIGNvbnN0IHZlcnNpb24gPSB0aGlzLl9maWx0ZXJTdGF0ZS5zdGF0ZVZlcnNpb24oKTtcbiAgICBjb25zdCBtb3ZlZCA9IHZlcnNpb24gIT09IHRoaXMuX3BhcmFtc1ZlcnNpb247XG5cbiAgICByZXR1cm4gKG1vdmVkID8gb2YoMCkgOiB0aW1lcihUSUxFX1JFRlJFU0hfREVCT1VOQ0VfTVMpKVxuICAgICAgLnBpcGUoXG4gICAgICAgIGZpbHRlcigoKSA9PiB0aGlzLl9maWx0ZXJTdGF0ZS5zdGF0ZVZlcnNpb24oKSA9PT0gdmVyc2lvbiksXG4gICAgICAgIG1hcCgoKSA9PiB1bmRlZmluZWQpLFxuICAgICAgKTtcbiAgfVxuXG4gIHByaXZhdGUgX2FwcGx5UGFyYW1zKCk6IHZvaWQge1xuICAgIHRoaXMuX3BhcmFtc1ZlcnNpb24gPSB0aGlzLl9maWx0ZXJTdGF0ZS5zdGF0ZVZlcnNpb24oKTtcbiAgICB0aGlzLnBhcmFtcy5zZXQodGhpcy5fcmVhZFBhcmFtcygpKTtcbiAgfVxuXG4gIC8vIFRoZSB0aWxlJ3MgcmVwb3J0IGZpbHRlcnMgYW5kICdhbnknIGdyb3VwcyBhcyB0aGV5IHN0YW5kLlxuICBwcml2YXRlIF9yZWFkUGFyYW1zKCk6IFJlcG9ydEdyaWRQYXJhbXMge1xuICAgIGNvbnN0IGNvbXBvbmVudCA9IHRoaXMuY29tcG9uZW50KCk7XG4gICAgY29uc3QgbWF0Y2hBbnlHcm91cElkcyA9IHRoaXMuX2ZpbHRlclN0YXRlLnRpbGVTdGF0ZShjb21wb25lbnQpLm1hdGNoQW55R3JvdXBJZHM7XG5cbiAgICByZXR1cm4ge1xuICAgICAgZmlsdGVyczogdGhpcy5fZmlsdGVyU3RhdGUucmVzb2x2ZUZvckNvbXBvbmVudChjb21wb25lbnQpLFxuICAgICAgLi4uKG1hdGNoQW55R3JvdXBJZHM/Lmxlbmd0aCA/IHsgbWF0Y2hBbnlHcm91cElkcyB9IDoge30pLFxuICAgIH07XG4gIH1cblxufVxuIiwiPCEtLSBUaGUgY29tcGFyaXNvbiBhbmQgd2luZG93IG5vdGUgc3RyaXAgYWJvdmUgdGhlIHRhYmxlLCBmcm9tIHRoZSByZXBvcnRcbiAgICAgbGluZSBvZiB0aGUgbGF0ZXN0IHJlYWQ7IHRoZSB3aW5kb3dzJyBkZXNjcmlwdGlvbnMgYW5kIG5vdGVzIGdvIGluIGVhY2hcbiAgICAgY29sdW1uJ3MgXCJBYm91dCB0aGlzIGNvbHVtblwiIGluc3RlYWQuIC0tPlxuPGRpdiBjbGFzcz1cImZzLWNvbHVtbiBncmlkLXBhbmVcIj5cbiAgPGFwcC1yZXBvcnQtY29tcG9uZW50LW5vdGVcbiAgICBbZGF0YV09XCJub3RlRGF0YSgpXCJcbiAgICBbd2luZG93Tm90ZXNdPVwiZmFsc2VcIj5cbiAgPC9hcHAtcmVwb3J0LWNvbXBvbmVudC1ub3RlPlxuICA8IS0tIFRoZSBwYXJhbXMgYXJlIHNlZWRlZCBiZWZvcmUgdGhlIGZpcnN0IHJlbmRlciwgc28gdGhlIGdyaWQncyBmaXJzdCByZWFkXG4gICAgICAgY2FycmllcyB0aGUgdGlsZSdzIHJlcG9ydCBmaWx0ZXJzLiAtLT5cbiAgQGlmIChwYXJhbXMoKTsgYXMgcGFyYW1zKSB7XG4gICAgPGZzLWdyaWRcbiAgICAgIGNsYXNzPVwiZnMtZmxleFwiXG4gICAgICBbc291cmNlXT1cInNvdXJjZSgpXCJcbiAgICAgIFtsYXlvdXRdPVwibGF5b3V0KClcIlxuICAgICAgW3BhcmFtc109XCJwYXJhbXNcIlxuICAgICAgW2NvbnRyb2xzXT1cImNvbnRyb2xzKClcIlxuICAgICAgW2Zvcm1hdHRlcl09XCJmb3JtYXR0ZXIoKVwiXG4gICAgICAobGF5b3V0Q2hhbmdlKT1cInNldExheW91dCgkZXZlbnQpXCI+XG4gICAgPC9mcy1ncmlkPlxuICB9XG48L2Rpdj5cbiJdfQ==

package/esm2022/app/reports/components/component-grid/report-grid-formatter.mjs

@@ -0,0 +1,94 @@
+import { GridFieldType, GridFormat, GridUnits, } from '@firestitch/grid';
+import { ReportNumberUnits } from '../../enums/report-number-units.enum';
+import { ReportValueFormat } from '../../enums/report-value-format.enum';
+import { formatNumber, formatOutputValue, formatReportDate, numberFormat } from '../../format';
+const VALUE_FORMATS = {
+    [GridFormat.Number]: ReportValueFormat.Number,
+    [GridFormat.Percent]: ReportValueFormat.Percent,
+    [GridFormat.Currency]: ReportValueFormat.Currency,
+};
+const NUMBER_UNITS = {
+    [GridUnits.None]: ReportNumberUnits.None,
+    [GridUnits.Thousands]: ReportNumberUnits.Thousands,
+    [GridUnits.Millions]: ReportNumberUnits.Millions,
+    [GridUnits.Auto]: ReportNumberUnits.Auto,
+};
+// What an abbreviated number's suffix multiplies it by, when a viewer types one.
+const UNIT_SUFFIXES = { k: 1e3, m: 1e6 };
+const YES = 'Yes';
+const NO = 'No';
+// A grid tile's formatter: every value written as the report writes it on
+// a list today. An output number reads through formatOutputValue with what
+// the report line says the output holds (a change is signed, a missing prior
+// reads as the list's dash); a plain number through formatNumber; a date in
+// the report's locale, an instant in its zone. The placement's format,
+// precision and units win over the field's.
+export function reportGridFormatter(context) {
+    return {
+        format: (value, field, placement) => formatGridValue(context, value, field, placement),
+        toNumber: (text, field, placement) => readGridNumber(context, text, field, placement),
+    };
+}
+function formatGridValue(context, value, field, placement) {
+    if (value === null || value === undefined || value === '') {
+        return '';
+    }
+    switch (field.type) {
+        case GridFieldType.Number:
+            return formatGridNumber(context, value, field, placement);
+        case GridFieldType.Date:
+        case GridFieldType.Datetime:
+            return formatReportDate(value, context.timezone, context.format.locale);
+        case GridFieldType.Boolean:
+            return value ? YES : NO;
+        default:
+            return optionLabel(value, field) ?? String(value);
+    }
+}
+function formatGridNumber(context, value, field, placement) {
+    const spec = numberSpec(field, placement);
+    const output = isAggregate(placement) ? null : context.report?.outputs?.[field.name];
+    return output
+        ? formatOutputValue(value, output, spec, context.format).text
+        : formatNumber(value, spec, context.format);
+}
+// The format, precision and units a number is written with: the placement's,
+// else the field's.
+function numberSpec(field, placement) {
+    const placed = placement;
+    const format = placed?.format ?? field.format;
+    const precision = placed?.precision ?? field.precision;
+    const units = placed?.units ?? field.units;
+    return {
+        ...(format ? { format: VALUE_FORMATS[format] } : {}),
+        ...(typeof precision === 'number' ? { precision } : {}),
+        ...(units ? { units: NUMBER_UNITS[units] } : {}),
+    };
+}
+// A value placement is an aggregate of the field, not the output itself.
+function isAggregate(placement) {
+    return !!placement?.aggregation;
+}
+function optionLabel(value, field) {
+    return field.options?.find((option) => option.key === value)?.label ?? null;
+}
+// A number a viewer typed, read in the report's locale: its grouping dropped,
+// its decimal mark read, a K or M suffix multiplied out, and a percent of a
+// ratio-percent report read back to its ratio. null when it is no number.
+function readGridNumber(context, text, field, placement) {
+    const decimal = decimalMark(context.format.locale);
+    const trimmed = text.trim().toLowerCase();
+    const multiplier = UNIT_SUFFIXES[trimmed.slice(-1)] ?? 1;
+    const digits = trimmed
+        .split(decimal).map((part) => part.replace(/[^0-9-]/g, '')).join('.');
+    const number = digits && digits !== '-' && digits !== '.' ? Number(digits) * multiplier : NaN;
+    if (!Number.isFinite(number)) {
+        return null;
+    }
+    const isPercent = (placement?.format ?? field.format) === GridFormat.Percent;
+    return isPercent && context.format.ratioPercent ? number / 100 : number;
+}
+function decimalMark(locale) {
+    return numberFormat(locale, {}).formatToParts(1.5).find((part) => part.type === 'decimal')?.value ?? '.';
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVwb3J0LWdyaWQtZm9ybWF0dGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9yZXBvcnRzL2NvbXBvbmVudHMvY29tcG9uZW50LWdyaWQvcmVwb3J0LWdyaWQtZm9ybWF0dGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDa0IsYUFBYSxFQUFFLFVBQVUsRUFBNEIsU0FBUyxHQUN0RixNQUFNLGtCQUFrQixDQUFDO0FBRTFCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSxZQUFZLEVBQUUsaUJBQWlCLEVBQUUsZ0JBQWdCLEVBQUUsWUFBWSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBZ0IvRixNQUFNLGFBQWEsR0FBb0Q7SUFDckUsQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDLEVBQUUsaUJBQWlCLENBQUMsTUFBTTtJQUM3QyxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUMsRUFBRSxpQkFBaUIsQ0FBQyxPQUFPO0lBQy9DLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxFQUFFLGlCQUFpQixDQUFDLFFBQVE7Q0FDbEQsQ0FBQztBQUVGLE1BQU0sWUFBWSxHQUFtRDtJQUNuRSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO0lBQ3hDLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQyxFQUFFLGlCQUFpQixDQUFDLFNBQVM7SUFDbEQsQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLEVBQUUsaUJBQWlCLENBQUMsUUFBUTtJQUNoRCxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO0NBQ3pDLENBQUM7QUFFRixpRkFBaUY7QUFDakYsTUFBTSxhQUFhLEdBQXFDLEVBQUUsQ0FBQyxFQUFF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QUFDO0lBQ3pELE1BQU0sTUFBTSxHQUFHLE9BQU87U0FDbkIsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxVQUFVLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDeEUsTUFBTSxNQUFNLEdBQUcsTUFBTSxJQUFJLE1BQU0sS0FBSyxHQUFHLElBQUksTUFBTSxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxHQUFHLFVBQVUsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDO0lBRTlGLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUM7UUFDN0IsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBRUQsTUFBTSxTQUFTLEdBQUcsQ0FBQyxTQUFTLEVBQUUsTUFBTSxJQUFJLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxVQUFVLENBQUMsT0FBTyxDQUFDO0lBRTdFLE9BQU8sU0FBUyxJQUFJLE9BQU8sQ0FBQyxNQUFNLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxNQUFNLEdBQUcsR0FBRyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7QUFDMUUsQ0FBQztBQUVELFNBQVMsV0FBVyxDQUFDLE1BQWM7SUFDakMsT0FBTyxZQUFZLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLEtBQUssU0FBUyxDQUFDLEVBQUUsS0FBSyxJQUFJLEdBQUcsQ0FBQztBQUMzRyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgR3JpZERldGFpbCwgR3JpZEZpZWxkLCBHcmlkRmllbGRUeXBlLCBHcmlkRm9ybWF0LCBHcmlkRm9ybWF0dGVyLCBHcmlkTGV2ZWwsIEdyaWRVbml0cywgR3JpZFZhbHVlLFxufSBmcm9tICdAZmlyZXN0aXRjaC9ncmlkJztcblxuaW1wb3J0IHsgUmVwb3J0TnVtYmVyVW5pdHMgfSBmcm9tICcuLi8uLi9lbnVtcy9yZXBvcnQtbnVtYmVyLXVuaXRzLmVudW0nO1xuaW1wb3J0IHsgUmVwb3J0VmFsdWVGb3JtYXQgfSBmcm9tICcuLi8uLi9lbnVtcy9yZXBvcnQtdmFsdWUtZm9ybWF0LmVudW0nO1xuaW1wb3J0IHsgZm9ybWF0TnVtYmVyLCBmb3JtYXRPdXRwdXRWYWx1ZSwgZm9ybWF0UmVwb3J0RGF0ZSwgbnVtYmVyRm9ybWF0IH0gZnJvbSAnLi4vLi4vZm9ybWF0JztcbmltcG9ydCB7IFJlcG9ydEdyaWRSZXBvcnQgfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzL3JlcG9ydC1ncmlkLXJlcG9ydC5pbnRlcmZhY2UnO1xuaW1wb3J0IHsgTnVtYmVyRm9ybWF0U3BlYywgUmVwb3J0Rm9ybWF0Q29udGV4dCB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvcmVwb3J0LmludGVyZmFjZSc7XG5cblxudHlwZSBHcmlkUGxhY2VtZW50ID0gR3JpZFZhbHVlIHwgR3JpZERldGFpbCB8IEdyaWRMZXZlbDtcblxuLy8gV2hhdCBhIGdyaWQgdGlsZSBpcyB3cml0dGVuIHdpdGg6IHRoZSByZXBvcnQncyBsb2NhbGUsIGN1cnJlbmN5IGFuZFxuLy8gcGVyY2VudCBmb3JtLCB0aGUgem9uZSBpdHMgaW5zdGFudHMgcmVhZCBpbiwgYW5kIHRoZSByZXBvcnQgbGluZSBvZiBpdHNcbi8vIGxhdGVzdCByZWFkICh3aGF0IGVhY2ggb3V0cHV0IGZpZWxkIGhvbGRzKS5cbmV4cG9ydCBpbnRlcmZhY2UgUmVwb3J0R3JpZEZvcm1hdENvbnRleHQge1xuICBmb3JtYXQ6IFJlcG9ydEZvcm1hdENvbnRleHQ7XG4gIHRpbWV6b25lOiBzdHJpbmc7XG4gIHJlcG9ydDogUmVwb3J0R3JpZFJlcG9ydCB8IG51bGw7XG59XG5cbmNvbnN0IFZBTFVFX0ZPUk1BVFM6IFJlYWRvbmx5PFJlY29yZDxHcmlkRm9ybWF0LCBSZXBvcnRWYWx1ZUZvcm1hdD4+ID0ge1xuICBbR3JpZEZvcm1hdC5OdW1iZXJdOiBSZXBvcnRWYWx1ZUZvcm1hdC5OdW1iZXIsXG4gIFtHcmlkRm9ybWF0LlBlcmNlbnRdOiBSZXBvcnRWYWx1ZUZvcm1hdC5QZXJjZW50LFxuICBbR3JpZEZvcm1hdC5DdXJyZW5jeV06IFJlcG9ydFZhbHVlRm9ybWF0LkN1cnJlbmN5LFxufTtcblxuY29uc3QgTlVNQkVSX1VOSVRTOiBSZWFkb25seTxSZWNvcmQ8R3JpZFVuaXRzLCBSZXBvcnROdW1iZXJVbml0cz4+ID0ge1xuICBbR3JpZFVuaXRzLk5vbmVdOiBSZXBvcnROdW1iZXJVbml0cy5Ob25lLFxuICBbR3JpZFVuaXRzLlRob3VzYW5kc106IFJlcG9ydE51bWJlclVuaXRzLlRob3VzYW5kcyxcbiAgW0dyaWRVbml0cy5NaWxsaW9uc106IFJlcG9ydE51bWJlclVuaXRzLk1pbGxpb25zLFxuICBbR3JpZFVuaXRzLkF1dG9dOiBSZXBvcnROdW1iZXJVbml0cy5BdXRvLFxufTtcblxuLy8gV2hhdCBhbiBhYmJyZXZpYXRlZCBudW1iZXIncyBzdWZmaXggbXVsdGlwbGllcyBpdCBieSwgd2hlbiBhIHZpZXdlciB0eXBlcyBvbmUuXG5jb25zdCBVTklUX1NVRkZJWEVTOiBSZWFkb25seTxSZWNvcmQ8c3RyaW5nLCBudW1iZXI+PiA9IHsgazogMWUzLCBtOiAxZTYgfTtcblxuY29uc3QgWUVTID0gJ1llcyc7XG5jb25zdCBOTyA9ICdObyc7XG5cbi8vIEEgZ3JpZCB0aWxlJ3MgZm9ybWF0dGVyOiBldmVyeSB2YWx1ZSB3cml0dGVuIGFzIHRoZSByZXBvcnQgd3JpdGVzIGl0IG9uXG4vLyBhIGxpc3QgdG9kYXkuIEFuIG91dHB1dCBudW1iZXIgcmVhZHMgdGhyb3VnaCBmb3JtYXRPdXRwdXRWYWx1ZSB3aXRoIHdoYXRcbi8vIHRoZSByZXBvcnQgbGluZSBzYXlzIHRoZSBvdXRwdXQgaG9sZHMgKGEgY2hhbmdlIGlzIHNpZ25lZCwgYSBtaXNzaW5nIHByaW9yXG4vLyByZWFkcyBhcyB0aGUgbGlzdCdzIGRhc2gpOyBhIHBsYWluIG51bWJlciB0aHJvdWdoIGZvcm1hdE51bWJlcjsgYSBkYXRlIGluXG4vLyB0aGUgcmVwb3J0J3MgbG9jYWxlLCBhbiBpbnN0YW50IGluIGl0cyB6b25lLiBUaGUgcGxhY2VtZW50J3MgZm9ybWF0LFxuLy8gcHJlY2lzaW9uIGFuZCB1bml0cyB3aW4gb3ZlciB0aGUgZmllbGQncy5cbmV4cG9ydCBmdW5jdGlvbiByZXBvcnRHcmlkRm9ybWF0dGVyKGNvbnRleHQ6IFJlcG9ydEdyaWRGb3JtYXRDb250ZXh0KTogR3JpZEZvcm1hdHRlciB7XG4gIHJldHVybiB7XG4gICAgZm9ybWF0OiAodmFsdWUsIGZpZWxkLCBwbGFjZW1lbnQpID0+IGZvcm1hdEdyaWRWYWx1ZShjb250ZXh0LCB2YWx1ZSwgZmllbGQsIHBsYWNlbWVudCksXG4gICAgdG9OdW1iZXI6ICh0ZXh0LCBmaWVsZCwgcGxhY2VtZW50KSA9PiByZWFkR3JpZE51bWJlcihjb250ZXh0LCB0ZXh0LCBmaWVsZCwgcGxhY2VtZW50KSxcbiAgfTtcbn1cblxuZnVuY3Rpb24gZm9ybWF0R3JpZFZhbHVlKFxuICBjb250ZXh0OiBSZXBvcnRHcmlkRm9ybWF0Q29udGV4dCxcbiAgdmFsdWU6IHVua25vd24sXG4gIGZpZWxkOiBHcmlkRmllbGQsXG4gIHBsYWNlbWVudD86IEdyaWRQbGFjZW1lbnQsXG4pOiBzdHJpbmcge1xuICBpZiAodmFsdWUgPT09IG51bGwgfHwgdmFsdWUgPT09IHVuZGVmaW5lZCB8fCB2YWx1ZSA9PT0gJycpIHtcbiAgICByZXR1cm4gJyc7XG4gIH1cblxuICBzd2l0Y2ggKGZpZWxkLnR5cGUpIHtcbiAgICBjYXNlIEdyaWRGaWVsZFR5cGUuTnVtYmVyOlxuICAgICAgcmV0dXJuIGZvcm1hdEdyaWROdW1iZXIoY29udGV4dCwgdmFsdWUsIGZpZWxkLCBwbGFjZW1lbnQpO1xuICAgIGNhc2UgR3JpZEZpZWxkVHlwZS5EYXRlOlxuICAgIGNhc2UgR3JpZEZpZWxkVHlwZS5EYXRldGltZTpcbiAgICAgIHJldHVybiBmb3JtYXRSZXBvcnREYXRlKHZhbHVlLCBjb250ZXh0LnRpbWV6b25lLCBjb250ZXh0LmZvcm1hdC5sb2NhbGUpO1xuICAgIGNhc2UgR3JpZEZpZWxkVHlwZS5Cb29sZWFuOlxuICAgICAgcmV0dXJuIHZhbHVlID8gWUVTIDogTk87XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBvcHRpb25MYWJlbCh2YWx1ZSwgZmllbGQpID8/IFN0cmluZyh2YWx1ZSk7XG4gIH1cbn1cblxuZnVuY3Rpb24gZm9ybWF0R3JpZE51bWJlcihcbiAgY29udGV4dDogUmVwb3J0R3JpZEZvcm1hdENvbnRleHQsXG4gIHZhbHVlOiB1bmtub3duLFxuICBmaWVsZDogR3JpZEZpZWxkLFxuICBwbGFjZW1lbnQ/OiBHcmlkUGxhY2VtZW50LFxuKTogc3RyaW5nIHtcbiAgY29uc3Qgc3BlYyA9IG51bWJlclNwZWMoZmllbGQsIHBsYWNlbWVudCk7XG4gIGNvbnN0IG91dHB1dCA9IGlzQWdncmVnYXRlKHBsYWNlbWVudCkgPyBudWxsIDogY29udGV4dC5yZXBvcnQ/Lm91dHB1dHM/LltmaWVsZC5uYW1lXTtcblxuICByZXR1cm4gb3V0cHV0XG4gICAgPyBmb3JtYXRPdXRwdXRWYWx1ZSh2YWx1ZSwgb3V0cHV0LCBzcGVjLCBjb250ZXh0LmZvcm1hdCkudGV4dFxuICAgIDogZm9ybWF0TnVtYmVyKHZhbHVlLCBzcGVjLCBjb250ZXh0LmZvcm1hdCk7XG59XG5cbi8vIFRoZSBmb3JtYXQsIHByZWNpc2lvbiBhbmQgdW5pdHMgYSBudW1iZXIgaXMgd3JpdHRlbiB3aXRoOiB0aGUgcGxhY2VtZW50J3MsXG4vLyBlbHNlIHRoZSBmaWVsZCdzLlxuZnVuY3Rpb24gbnVtYmVyU3BlYyhmaWVsZDogR3JpZEZpZWxkLCBwbGFjZW1lbnQ/OiBHcmlkUGxhY2VtZW50KTogTnVtYmVyRm9ybWF0U3BlYyB7XG4gIGNvbnN0IHBsYWNlZCA9IHBsYWNlbWVudCBhcyBHcmlkVmFsdWUgfCBHcmlkRGV0YWlsIHwgdW5kZWZpbmVkO1xuICBjb25zdCBmb3JtYXQgPSBwbGFjZWQ/LmZvcm1hdCA/PyBmaWVsZC5mb3JtYXQ7XG4gIGNvbnN0IHByZWNpc2lvbiA9IHBsYWNlZD8ucHJlY2lzaW9uID8/IGZpZWxkLnByZWNpc2lvbjtcbiAgY29uc3QgdW5pdHMgPSBwbGFjZWQ/LnVuaXRzID8/IGZpZWxkLnVuaXRzO1xuXG4gIHJldHVybiB7XG4gICAgLi4uKGZvcm1hdCA/IHsgZm9ybWF0OiBWQUxVRV9GT1JNQVRTW2Zvcm1hdF0gfSA6IHt9KSxcbiAgICAuLi4odHlwZW9mIHByZWNpc2lvbiA9PT0gJ251bWJlcicgPyB7IHByZWNpc2lvbiB9IDoge30pLFxuICAgIC4uLih1bml0cyA/IHsgdW5pdHM6IE5VTUJFUl9VTklUU1t1bml0c10gfSA6IHt9KSxcbiAgfTtcbn1cblxuLy8gQSB2YWx1ZSBwbGFjZW1lbnQgaXMgYW4gYWdncmVnYXRlIG9mIHRoZSBmaWVsZCwgbm90IHRoZSBvdXRwdXQgaXRzZWxmLlxuZnVuY3Rpb24gaXNBZ2dyZWdhdGUocGxhY2VtZW50PzogR3JpZFBsYWNlbWVudCk6IGJvb2xlYW4ge1xuICByZXR1cm4gISEocGxhY2VtZW50IGFzIEdyaWRWYWx1ZSB8IHVuZGVmaW5lZCk/LmFnZ3JlZ2F0aW9uO1xufVxuXG5mdW5jdGlvbiBvcHRpb25MYWJlbCh2YWx1ZTogdW5rbm93biwgZmllbGQ6IEdyaWRGaWVsZCk6IHN0cmluZyB8IG51bGwge1xuICByZXR1cm4gZmllbGQub3B0aW9ucz8uZmluZCgob3B0aW9uKSA9PiBvcHRpb24ua2V5ID09PSB2YWx1ZSk/LmxhYmVsID8/IG51bGw7XG59XG5cbi8vIEEgbnVtYmVyIGEgdmlld2VyIHR5cGVkLCByZWFkIGluIHRoZSByZXBvcnQncyBsb2NhbGU6IGl0cyBncm91cGluZyBkcm9wcGVkLFxuLy8gaXRzIGRlY2ltYWwgbWFyayByZWFkLCBhIEsgb3IgTSBzdWZmaXggbXVsdGlwbGllZCBvdXQsIGFuZCBhIHBlcmNlbnQgb2YgYVxuLy8gcmF0aW8tcGVyY2VudCByZXBvcnQgcmVhZCBiYWNrIHRvIGl0cyByYXRpby4gbnVsbCB3aGVuIGl0IGlzIG5vIG51bWJlci5cbmZ1bmN0aW9uIHJlYWRHcmlkTnVtYmVyKFxuICBjb250ZXh0OiBSZXBvcnRHcmlkRm9ybWF0Q29udGV4dCxcbiAgdGV4dDogc3RyaW5nLFxuICBmaWVsZDogR3JpZEZpZWxkLFxuICBwbGFjZW1lbnQ/OiBHcmlkVmFsdWUgfCBHcmlkRGV0YWlsLFxuKTogbnVtYmVyIHwgbnVsbCB7XG4gIGNvbnN0IGRlY2ltYWwgPSBkZWNpbWFsTWFyayhjb250ZXh0LmZvcm1hdC5sb2NhbGUpO1xuICBjb25zdCB0cmltbWVkID0gdGV4dC50cmltKCkudG9Mb3dlckNhc2UoKTtcbiAgY29uc3QgbXVsdGlwbGllciA9IFVOSVRfU1VGRklYRVNbdHJpbW1lZC5zbGljZSgtMSldID8/IDE7XG4gIGNvbnN0IGRpZ2l0cyA9IHRyaW1tZWRcbiAgICAuc3BsaXQoZGVjaW1hbCkubWFwKChwYXJ0KSA9PiBwYXJ0LnJlcGxhY2UoL1teMC05LV0vZywgJycpKS5qb2luKCcuJyk7XG4gIGNvbnN0IG51bWJlciA9IGRpZ2l0cyAmJiBkaWdpdHMgIT09ICctJyAmJiBkaWdpdHMgIT09ICcuJyA/IE51bWJlcihkaWdpdHMpICogbXVsdGlwbGllciA6IE5hTjtcblxuICBpZiAoIU51bWJlci5pc0Zpbml0ZShudW1iZXIpKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICBjb25zdCBpc1BlcmNlbnQgPSAocGxhY2VtZW50Py5mb3JtYXQgPz8gZmllbGQuZm9ybWF0KSA9PT0gR3JpZEZvcm1hdC5QZXJjZW50O1xuXG4gIHJldHVybiBpc1BlcmNlbnQgJiYgY29udGV4dC5mb3JtYXQucmF0aW9QZXJjZW50ID8gbnVtYmVyIC8gMTAwIDogbnVtYmVyO1xufVxuXG5mdW5jdGlvbiBkZWNpbWFsTWFyayhsb2NhbGU6IHN0cmluZyk6IHN0cmluZyB7XG4gIHJldHVybiBudW1iZXJGb3JtYXQobG9jYWxlLCB7fSkuZm9ybWF0VG9QYXJ0cygxLjUpLmZpbmQoKHBhcnQpID0+IHBhcnQudHlwZSA9PT0gJ2RlY2ltYWwnKT8udmFsdWUgPz8gJy4nO1xufVxuIl19

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

@@ -365,7 +365,7 @@ export class ComponentTextComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ComponentTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ComponentTextComponent, isStandalone: true, selector: "app-report-component-text", inputs: { html: { classPropertyName: "html", publicName: "html", isSignal: true, isRequired: false, transformFunction: null }, tokens: { classPropertyName: "tokens", publicName: "tokens", isSignal: true, isRequired: true, transformFunction: null }, editing: { classPropertyName: "editing", publicName: "editing", isSignal: true, isRequired: false, transformFunction: null }, shownElsewhere: { classPropertyName: "shownElsewhere", publicName: "shownElsewhere", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { saved: "saved", editEnded: "editEnded", valueSettings: "valueSettings" }, host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "style.--text-size": "typeScale.body", "style.--text-h1-size": "typeScale.h1", "style.--text-h2-size": "typeScale.h2", "style.--text-h3-size": "typeScale.h3", "style.--text-color": "typeScale.color", "style.--text-table-border": "tableLook.border", "style.--text-table-padding": "tableLook.padding", "style.--text-table-margin": "tableLook.margin" } }, viewQueries: [{ propertyName: "_editor", first: true, predicate: FsHtmlEditorComponent, descendants: true, isSignal: true }, { propertyName: "_valuePopoverAnchor", first: true, predicate: ["valuePopoverAnchor"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "@if (editing()) {\n  <!-- Floating fs-html-editor: no frame, Froala's inline toolbar pops up over\n       the text. pointerdown stays here so a press in the text never starts a\n       drag of the block or a pan of the canvas. -->\n  <fs-html-editor\n      class=\"text-content editing\"\n      [config]=\"editorConfig\"\n      [(ngModel)]=\"draft\"\n      (pointerdown)=\"$event.stopPropagation()\"\n      (mousedown)=\"$event.stopPropagation()\">\n  </fs-html-editor>\n\n  <!-- One notice at a time: an edit stopped because it would have removed\n       values, an edit that left values no text reads, or a refused command.\n       mousedown keeps the editor's focus and selection, so Undo reaches it. -->\n  @if (notice(); as current) {\n    <div\n        class=\"value-notice fs-row.gap-sm\"\n        (pointerdown)=\"$event.stopPropagation()\"\n        (mousedown)=\"$event.preventDefault()\">\n      @switch (current.kind) {\n        @case ('blocked') {\n          @if (current.block.removeSelection) {\n            <span>\n              This selection includes {{ current.block.count }} {{ current.block.count === 1 ? 'value' : 'values' }}.\n            </span>\n            <button\n                mat-button\n                color=\"primary\"\n                type=\"button\"\n                (click)=\"removeBlockedSelection()\">\n              Remove text and {{ current.block.count === 1 ? 'value' : current.block.count + ' values' }}\n            </button>\n          } @else {\n            <span>To take a value out, select it, then press Delete.</span>\n          }\n        }\n        @case ('unused') {\n          <span>{{ current.count }} {{ current.count === 1 ? 'value' : 'values' }} moved to Not used</span>\n          <button\n              mat-button\n              color=\"primary\"\n              type=\"button\"\n              (click)=\"undoValuesUnused()\">\n            Undo\n          </button>\n        }\n        @case ('message') {\n          <span>{{ current.text }}</span>\n        }\n      }\n      <button\n          mat-button\n          type=\"button\"\n          (click)=\"dismissNotice()\">\n        Dismiss\n      </button>\n    </div>\n  }\n} @else {\n  <div\n      class=\"text-content\"\n      [innerHTML]=\"displayHtml()\">\n  </div>\n}\n\n<!-- A clicked value chip's popover: an fs-popover on an invisible anchor laid\n     over the chip (the chip itself belongs to the editor). Outside the editing\n     block, so a popover still open when editing ends closes the usual way. -->\n<span\n    #valuePopoverAnchor\n    class=\"value-popover-anchor\"\n    aria-hidden=\"true\"\n    fsPopover\n    trigger=\"click\"\n    wrapperClass=\"value-popover-wrapper\"\n    [template]=\"valuePopoverTemplate\"\n    [indication]=\"false\"\n    [maxWidth]=\"320\"\n    [style.left.px]=\"valuePopover()?.left\"\n    [style.top.px]=\"valuePopover()?.top\"\n    [style.width.px]=\"valuePopover()?.width\"\n    [style.height.px]=\"valuePopover()?.height\">\n</span>\n<ng-template\n    #valuePopoverTemplate\n    let-popover=\"popover\">\n  <!-- What the value is, and its settings (where it can also be deleted); a\n       chip naming no value on the page has no settings. -->\n  <div class=\"value-popover fs-row\">\n    <div class=\"fs-flex\">\n      <div class=\"value-popover-name\">{{ valuePopoverValue()?.name ?? valuePopover()?.key }}</div>\n      @if (!valuePopoverValue()) {\n        <div class=\"small\">Not a value on this page</div>\n      }\n    </div>\n    @if (valuePopoverValue()) {\n      <button\n          mat-icon-button\n          type=\"button\"\n          class=\"value-popover-settings\"\n          matTooltip=\"Settings\"\n          (click)=\"openValueSettings(popover)\">\n        <mat-icon>settings</mat-icon>\n      </button>\n    }\n  </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";:host{display:block;position:relative;width:100%;height:100%}.text-content{display:block;width:100%;height:100%;overflow:hidden;font-family:Arial,Helvetica,sans-serif;font-size:var(--text-size);line-height:1.25;color:var(--text-color);word-wrap:break-word;letter-spacing:normal;word-spacing:normal;font-weight:400;font-style:normal;text-transform:none;white-space:normal}.text-content ::ng-deep p,.text-content ::ng-deep h1,.text-content ::ng-deep h2,.text-content ::ng-deep h3,.text-content ::ng-deep ul,.text-content ::ng-deep ol{margin:0}.text-content ::ng-deep h1{font-size:var(--text-h1-size)}.text-content ::ng-deep h2{font-size:var(--text-h2-size)}.text-content ::ng-deep h3{font-size:var(--text-h3-size)}.text-content ::ng-deep h1,.text-content ::ng-deep h2,.text-content ::ng-deep h3{font-weight:700;line-height:1.2}.text-content ::ng-deep ul,.text-content ::ng-deep ol{padding-left:1.4em}.text-content ::ng-deep p:empty:before{content:\"\\200b\"}.text-content ::ng-deep a{color:inherit}.text-content ::ng-deep table{border-collapse:collapse;margin:var(--text-table-margin) 0}.text-content ::ng-deep th,.text-content ::ng-deep td{border:var(--text-table-border);padding:var(--text-table-padding);vertical-align:middle;text-align:left}.text-content ::ng-deep th{text-align:center;font-weight:700}.text-content.editing{overflow:auto;cursor:text}.text-content.editing ::ng-deep [data-embed-key],.text-content.editing ::ng-deep [data-embed-field]{padding:0 2px;border-radius:3px;background-color:#4e79a729;-webkit-user-select:all;user-select:all}.text-content.editing ::ng-deep [data-embed-key]{cursor:pointer}.text-content.editing ::ng-deep [data-embed-key]:hover{background-color:#4e79a747}.text-content.editing ::ng-deep [data-embed-missing]{background-color:#e1575924;outline:1px dashed rgba(225,87,89,.7)}.text-content.editing ::ng-deep th,.text-content.editing ::ng-deep tfoot td{background-color:transparent}.text-content.editing ::ng-deep .fr-table-selector{display:none}.text-content.editing ::ng-deep .fr-table-selection-hover{outline:none}.value-popover-anchor{position:absolute;pointer-events:none}::ng-deep .value-popover-wrapper .popover-content{padding:15px!important}.value-popover{gap:15px}.value-popover-name{font-weight:600}.value-popover-settings{--mdc-icon-button-state-layer-size: 24px;width:24px;height:24px;padding:0}.value-notice{position:absolute;top:100%;left:0;z-index:2;margin-top:4px;padding:2px 4px 2px 10px;border:1px solid #d9dee3;border-radius:4px;background:#fff;white-space:nowrap;font-family:Arial,Helvetica,sans-serif}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: FsHtmlEditorComponent, selector: "fs-html-editor", inputs: ["config", "disabled"] }, { kind: "directive", type: FsPopoverDirective, selector: "[fsPopover]", inputs: ["text", "template", "data", "leaveDelay", "showDelay", "maxWidth", "maxHeight", "wrapperClass", "autoShow", "autoClose", "loadingDiameter", "loading", "indication", "position", "theme", "size", "trigger", "enabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ComponentTextComponent, isStandalone: true, selector: "app-report-component-text", inputs: { html: { classPropertyName: "html", publicName: "html", isSignal: true, isRequired: false, transformFunction: null }, tokens: { classPropertyName: "tokens", publicName: "tokens", isSignal: true, isRequired: true, transformFunction: null }, editing: { classPropertyName: "editing", publicName: "editing", isSignal: true, isRequired: false, transformFunction: null }, shownElsewhere: { classPropertyName: "shownElsewhere", publicName: "shownElsewhere", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { saved: "saved", editEnded: "editEnded", valueSettings: "valueSettings" }, host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "style.--text-size": "typeScale.body", "style.--text-h1-size": "typeScale.h1", "style.--text-h2-size": "typeScale.h2", "style.--text-h3-size": "typeScale.h3", "style.--text-color": "typeScale.color", "style.--text-table-border": "tableLook.border", "style.--text-table-padding": "tableLook.padding", "style.--text-table-margin": "tableLook.margin" } }, viewQueries: [{ propertyName: "_editor", first: true, predicate: FsHtmlEditorComponent, descendants: true, isSignal: true }, { propertyName: "_valuePopoverAnchor", first: true, predicate: ["valuePopoverAnchor"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "@if (editing()) {\n  <!-- Floating fs-html-editor: no frame, Froala's inline toolbar pops up over\n       the text. pointerdown stays here so a press in the text never starts a\n       drag of the block or a pan of the canvas. -->\n  <fs-html-editor\n      class=\"text-content editing\"\n      [config]=\"editorConfig\"\n      [(ngModel)]=\"draft\"\n      (pointerdown)=\"$event.stopPropagation()\"\n      (mousedown)=\"$event.stopPropagation()\">\n  </fs-html-editor>\n\n  <!-- One notice at a time: an edit stopped because it would have removed\n       values, an edit that left values no text reads, or a refused command.\n       mousedown keeps the editor's focus and selection, so Undo reaches it. -->\n  @if (notice(); as current) {\n    <div\n        class=\"value-notice fs-row.gap-sm\"\n        (pointerdown)=\"$event.stopPropagation()\"\n        (mousedown)=\"$event.preventDefault()\">\n      @switch (current.kind) {\n        @case ('blocked') {\n          @if (current.block.removeSelection) {\n            <span>\n              This selection includes {{ current.block.count }} {{ current.block.count === 1 ? 'value' : 'values' }}.\n            </span>\n            <button\n                mat-button\n                color=\"primary\"\n                type=\"button\"\n                (click)=\"removeBlockedSelection()\">\n              Remove text and {{ current.block.count === 1 ? 'value' : current.block.count + ' values' }}\n            </button>\n          } @else {\n            <span>To take a value out, select it, then press Delete.</span>\n          }\n        }\n        @case ('unused') {\n          <span>{{ current.count }} {{ current.count === 1 ? 'value' : 'values' }} moved to Not used</span>\n          <button\n              mat-button\n              color=\"primary\"\n              type=\"button\"\n              (click)=\"undoValuesUnused()\">\n            Undo\n          </button>\n        }\n        @case ('message') {\n          <span>{{ current.text }}</span>\n        }\n      }\n      <button\n          mat-button\n          type=\"button\"\n          (click)=\"dismissNotice()\">\n        Dismiss\n      </button>\n    </div>\n  }\n} @else {\n  <div\n      class=\"text-content\"\n      [innerHTML]=\"displayHtml()\">\n  </div>\n}\n\n<!-- A clicked value chip's popover: an fs-popover on an invisible anchor laid\n     over the chip (the chip itself belongs to the editor). Outside the editing\n     block, so a popover still open when editing ends closes the usual way. -->\n<span\n    #valuePopoverAnchor\n    class=\"value-popover-anchor\"\n    aria-hidden=\"true\"\n    fsPopover\n    trigger=\"click\"\n    wrapperClass=\"value-popover-wrapper\"\n    [template]=\"valuePopoverTemplate\"\n    [indication]=\"false\"\n    [maxWidth]=\"320\"\n    [style.left.px]=\"valuePopover()?.left\"\n    [style.top.px]=\"valuePopover()?.top\"\n    [style.width.px]=\"valuePopover()?.width\"\n    [style.height.px]=\"valuePopover()?.height\">\n</span>\n<ng-template\n    #valuePopoverTemplate\n    let-popover=\"popover\">\n  <!-- What the value is, and its settings (where it can also be deleted); a\n       chip naming no value on the page has no settings. -->\n  <div class=\"value-popover fs-row\">\n    <div class=\"fs-flex\">\n      <div class=\"value-popover-name\">{{ valuePopoverValue()?.name ?? valuePopover()?.key }}</div>\n      @if (!valuePopoverValue()) {\n        <div class=\"small\">Not a value on this page</div>\n      }\n    </div>\n    @if (valuePopoverValue()) {\n      <button\n          mat-icon-button\n          type=\"button\"\n          class=\"value-popover-settings\"\n          matTooltip=\"Settings\"\n          (click)=\"openValueSettings(popover)\">\n        <mat-icon>settings</mat-icon>\n      </button>\n    }\n  </div>\n</ng-template>\n", styles: ["@charset \"UTF-8\";:host{display:block;position:relative;width:100%;height:100%}.text-content{display:block;width:100%;height:100%;overflow:hidden;font-family:Arial,Helvetica,sans-serif;font-size:var(--text-size);line-height:1.25;color:var(--text-color);word-wrap:break-word;letter-spacing:normal;word-spacing:normal;font-weight:400;font-style:normal;text-transform:none;white-space:normal}.text-content ::ng-deep p,.text-content ::ng-deep h1,.text-content ::ng-deep h2,.text-content ::ng-deep h3,.text-content ::ng-deep ul,.text-content ::ng-deep ol{margin:0}.text-content ::ng-deep h1{font-size:var(--text-h1-size)}.text-content ::ng-deep h2{font-size:var(--text-h2-size)}.text-content ::ng-deep h3{font-size:var(--text-h3-size)}.text-content ::ng-deep h1,.text-content ::ng-deep h2,.text-content ::ng-deep h3{font-weight:700;line-height:1.2}.text-content ::ng-deep ul,.text-content ::ng-deep ol{padding-left:1.4em}.text-content ::ng-deep p:empty:before{content:\"\\200b\"}.text-content ::ng-deep a{color:inherit}.text-content ::ng-deep table{border-collapse:collapse;margin:var(--text-table-margin) 0}.text-content ::ng-deep th,.text-content ::ng-deep td{border:var(--text-table-border);padding:var(--text-table-padding);vertical-align:middle;text-align:left}.text-content ::ng-deep th{text-align:center;font-weight:700}.text-content.editing{overflow:auto;cursor:text}.text-content.editing ::ng-deep [data-embed-key],.text-content.editing ::ng-deep [data-embed-field]{padding:0 2px;border-radius:3px;background-color:#4e79a729;-webkit-user-select:all;user-select:all}.text-content.editing ::ng-deep [data-embed-key]{cursor:pointer}.text-content.editing ::ng-deep [data-embed-key]:hover{background-color:#4e79a747}.text-content.editing ::ng-deep [data-embed-missing]{background-color:#e1575924;outline:1px dashed rgba(225,87,89,.7)}.text-content.editing ::ng-deep th,.text-content.editing ::ng-deep tfoot td{background-color:transparent}.text-content.editing ::ng-deep .fr-table-selector{display:none}.text-content.editing ::ng-deep .fr-table-selection-hover{outline:none}.value-popover-anchor{position:absolute;pointer-events:none}::ng-deep .value-popover-wrapper .popover-content{padding:15px!important}.value-popover{gap:15px}.value-popover-name{font-weight:600}.value-popover-settings{--mdc-icon-button-state-layer-size: 24px;width:24px;height:24px;padding:0}.value-notice{position:absolute;top:100%;left:0;z-index:2;margin-top:4px;padding:2px 4px 2px 10px;border:1px solid #d9dee3;border-radius:4px;background:#fff;white-space:nowrap;font-family:Arial,Helvetica,sans-serif}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: FsHtmlEditorComponent, selector: "fs-html-editor", inputs: ["config", "disabled"] }, { kind: "directive", type: FsPopoverDirective, selector: "[fsPopover]", inputs: ["text", "template", "data", "leaveDelay", "showDelay", "maxWidth", "maxHeight", "wrapperClass", "autoShow", "autoClose", "loadingDiameter", "loading", "indication", "position", "theme", "size", "trigger", "enabled", "panel"], outputs: ["closed"], exportAs: ["fsPopover"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ComponentTextComponent, decorators: [{
             type: Component,