@agridea/suibi-module 0.1.0-preview.2f7b6e2 → 0.1.0-preview.3b0cded

package/dist/elements/browser/suibi-theme-dark.css

@@ -1 +1 @@
-:host,suibi-module{color-scheme:dark;--mat-sys-background: #121410;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #2f312d;--mat-sys-inverse-primary: #e722ff;--mat-sys-inverse-surface: #e2e3dc;--mat-sys-on-background: #e2e3dc;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #013a00;--mat-sys-on-primary-container: #77ff61;--mat-sys-on-primary-fixed: #002200;--mat-sys-on-primary-fixed-variant: #015300;--mat-sys-on-secondary: #263422;--mat-sys-on-secondary-container: #d7e8cd;--mat-sys-on-secondary-fixed: #121f0e;--mat-sys-on-secondary-fixed-variant: #3c4b37;--mat-sys-on-surface: #e2e3dc;--mat-sys-on-surface-variant: #dfe4d7;--mat-sys-on-tertiary: #013a00;--mat-sys-on-tertiary-container: #77ff61;--mat-sys-on-tertiary-fixed: #002200;--mat-sys-on-tertiary-fixed-variant: #015300;--mat-sys-outline: #8d9387;--mat-sys-outline-variant: #43483f;--mat-sys-primary: #02e600;--mat-sys-primary-container: #015300;--mat-sys-primary-fixed: #77ff61;--mat-sys-primary-fixed-dim: #02e600;--mat-sys-scrim: #000000;--mat-sys-secondary: #bbcbb2;--mat-sys-secondary-container: #3c4b37;--mat-sys-secondary-fixed: #d7e8cd;--mat-sys-secondary-fixed-dim: #bbcbb2;--mat-sys-shadow: #000000;--mat-sys-surface: #121410;--mat-sys-surface-bright: #383a35;--mat-sys-surface-container: #1e201c;--mat-sys-surface-container-high: #282b26;--mat-sys-surface-container-highest: #333531;--mat-sys-surface-container-low: #1a1c18;--mat-sys-surface-container-lowest: #0c0f0b;--mat-sys-surface-dim: #121410;--mat-sys-surface-tint: #02e600;--mat-sys-surface-variant: #43483f;--mat-sys-tertiary: #02e600;--mat-sys-tertiary-container: #015300;--mat-sys-tertiary-fixed: #77ff61;--mat-sys-tertiary-fixed-dim: #02e600;--mat-sys-neutral-variant20: #2c3229;--mat-sys-neutral10: #1a1c18;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 300 1rem / 1.5rem Serif;--mat-sys-body-large-font: Serif;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 300;--mat-sys-body-medium: 300 .875rem / 1.25rem Serif;--mat-sys-body-medium-font: Serif;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 300;--mat-sys-body-small: 300 .75rem / 1rem Serif;--mat-sys-body-small-font: Serif;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 300;--mat-sys-display-large: 300 3.562rem / 4rem Serif;--mat-sys-display-large-font: Serif;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 300;--mat-sys-display-medium: 300 2.812rem / 3.25rem Serif;--mat-sys-display-medium-font: Serif;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 300;--mat-sys-display-small: 300 2.25rem / 2.75rem Serif;--mat-sys-display-small-font: Serif;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 300;--mat-sys-headline-large: 300 2rem / 2.5rem Serif;--mat-sys-headline-large-font: Serif;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 300;--mat-sys-headline-medium: 300 1.75rem / 2.25rem Serif;--mat-sys-headline-medium-font: Serif;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 300;--mat-sys-headline-small: 300 1.5rem / 2rem Serif;--mat-sys-headline-small-font: Serif;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 300;--mat-sys-label-large: 600 .875rem / 1.25rem Serif;--mat-sys-label-large-font: Serif;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 600;--mat-sys-label-large-weight-prominent: 800;--mat-sys-label-medium: 600 .75rem / 1rem Serif;--mat-sys-label-medium-font: Serif;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 600;--mat-sys-label-medium-weight-prominent: 800;--mat-sys-label-small: 600 .688rem / 1rem Serif;--mat-sys-label-small-font: Serif;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 600;--mat-sys-title-large: 300 1.375rem / 1.75rem Serif;--mat-sys-title-large-font: Serif;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 300;--mat-sys-title-medium: 600 1rem / 1.5rem Serif;--mat-sys-title-medium-font: Serif;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 600;--mat-sys-title-small: 600 .875rem / 1.25rem Serif;--mat-sys-title-small-font: Serif;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 600;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;--mat-sys-surface: #121212;--mat-form-field-filled-container-color: #2a2a2a;--mat-card-elevated-container-color: #1e1e1e;--mat-card-elevated-container-shape: 12px;--mat-card-filled-container-shape: 12px;--mat-card-outlined-container-shape: 12px;--mat-card-outlined-outline-width: 0px;--mat-card-outlined-outline-color: transparent;--mat-card-elevated-container-elevation: 0 2px 12px rgba(0, 0, 0, .35);--mat-card-outlined-container-elevation: 0 2px 12px rgba(0, 0, 0, .35);--mat-card-filled-container-elevation: 0 2px 12px rgba(0, 0, 0, .35);font-family:Roboto Thin,Roboto,Arial,sans-serif;display:block;line-height:1.4;box-sizing:border-box;background:var(--mat-sys-surface, #121212);color:var(--mat-sys-on-surface, #e0e0e0)}*,*:before,*:after{box-sizing:inherit}.suibi-surface{background:var(--mat-sys-surface-container-low, #1e1e1e);border:1px solid var(--mat-sys-outline-variant, #2a2a2a);border-radius:8px;padding:16px}pre{background:#1d1f21;color:#c5c8c6;padding:8px 16px;border-radius:4px}:host .mat-mdc-form-field-error,suibi-module .mat-mdc-form-field-error{color:#e72200}.horizontal-layout>div:has([style*="display: none"]){display:none!important}
+:host,suibi-module{color-scheme:dark;--mat-sys-background: #121410;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #2f312d;--mat-sys-inverse-primary: #e722ff;--mat-sys-inverse-surface: #e2e3dc;--mat-sys-on-background: #e2e3dc;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #013a00;--mat-sys-on-primary-container: #77ff61;--mat-sys-on-primary-fixed: #002200;--mat-sys-on-primary-fixed-variant: #015300;--mat-sys-on-secondary: #263422;--mat-sys-on-secondary-container: #d7e8cd;--mat-sys-on-secondary-fixed: #121f0e;--mat-sys-on-secondary-fixed-variant: #3c4b37;--mat-sys-on-surface: #e2e3dc;--mat-sys-on-surface-variant: #dfe4d7;--mat-sys-on-tertiary: #013a00;--mat-sys-on-tertiary-container: #77ff61;--mat-sys-on-tertiary-fixed: #002200;--mat-sys-on-tertiary-fixed-variant: #015300;--mat-sys-outline: #8d9387;--mat-sys-outline-variant: #43483f;--mat-sys-primary: #02e600;--mat-sys-primary-container: #015300;--mat-sys-primary-fixed: #77ff61;--mat-sys-primary-fixed-dim: #02e600;--mat-sys-scrim: #000000;--mat-sys-secondary: #bbcbb2;--mat-sys-secondary-container: #3c4b37;--mat-sys-secondary-fixed: #d7e8cd;--mat-sys-secondary-fixed-dim: #bbcbb2;--mat-sys-shadow: #000000;--mat-sys-surface: #121410;--mat-sys-surface-bright: #383a35;--mat-sys-surface-container: #1e201c;--mat-sys-surface-container-high: #282b26;--mat-sys-surface-container-highest: #333531;--mat-sys-surface-container-low: #1a1c18;--mat-sys-surface-container-lowest: #0c0f0b;--mat-sys-surface-dim: #121410;--mat-sys-surface-tint: #02e600;--mat-sys-surface-variant: #43483f;--mat-sys-tertiary: #02e600;--mat-sys-tertiary-container: #015300;--mat-sys-tertiary-fixed: #77ff61;--mat-sys-tertiary-fixed-dim: #02e600;--mat-sys-neutral-variant20: #2c3229;--mat-sys-neutral10: #1a1c18;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 300 1rem / 1.5rem Serif;--mat-sys-body-large-font: Serif;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 300;--mat-sys-body-medium: 300 .875rem / 1.25rem Serif;--mat-sys-body-medium-font: Serif;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 300;--mat-sys-body-small: 300 .75rem / 1rem Serif;--mat-sys-body-small-font: Serif;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 300;--mat-sys-display-large: 300 3.562rem / 4rem Serif;--mat-sys-display-large-font: Serif;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 300;--mat-sys-display-medium: 300 2.812rem / 3.25rem Serif;--mat-sys-display-medium-font: Serif;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 300;--mat-sys-display-small: 300 2.25rem / 2.75rem Serif;--mat-sys-display-small-font: Serif;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 300;--mat-sys-headline-large: 300 2rem / 2.5rem Serif;--mat-sys-headline-large-font: Serif;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 300;--mat-sys-headline-medium: 300 1.75rem / 2.25rem Serif;--mat-sys-headline-medium-font: Serif;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 300;--mat-sys-headline-small: 300 1.5rem / 2rem Serif;--mat-sys-headline-small-font: Serif;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 300;--mat-sys-label-large: 600 .875rem / 1.25rem Serif;--mat-sys-label-large-font: Serif;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 600;--mat-sys-label-large-weight-prominent: 800;--mat-sys-label-medium: 600 .75rem / 1rem Serif;--mat-sys-label-medium-font: Serif;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 600;--mat-sys-label-medium-weight-prominent: 800;--mat-sys-label-small: 600 .688rem / 1rem Serif;--mat-sys-label-small-font: Serif;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 600;--mat-sys-title-large: 300 1.375rem / 1.75rem Serif;--mat-sys-title-large-font: Serif;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 300;--mat-sys-title-medium: 600 1rem / 1.5rem Serif;--mat-sys-title-medium-font: Serif;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 600;--mat-sys-title-small: 600 .875rem / 1.25rem Serif;--mat-sys-title-small-font: Serif;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 600;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;--mat-sys-surface: #121212;--mat-form-field-filled-container-color: #2a2a2a;--mat-card-elevated-container-color: #1e1e1e;--mat-card-elevated-container-shape: 12px;--mat-card-filled-container-shape: 12px;--mat-card-outlined-container-shape: 12px;--mat-card-outlined-outline-width: 0px;--mat-card-outlined-outline-color: transparent;--mat-card-elevated-container-elevation: 0 2px 12px rgba(0, 0, 0, .35);--mat-card-outlined-container-elevation: 0 2px 12px rgba(0, 0, 0, .35);--mat-card-filled-container-elevation: 0 2px 12px rgba(0, 0, 0, .35);font-family:Roboto Thin,Roboto,Arial,sans-serif;display:block;line-height:1.4;box-sizing:border-box;background:var(--mat-sys-surface, #121212);color:var(--mat-sys-on-surface, #e0e0e0)}*,*:before,*:after{box-sizing:inherit}mat-card.welcome-card,mat-card.metadata-card,mat-card.data-preview-card,mat-card.summary-card,mat-card.results-card,mat-card.placeholder-card,mat-card.minibar-card,mat-card.dashboard-card:not(.dashboard-card--embedded),mat-card.planning-result-card:not(.planning-result-card--embedded){background:var(--mat-sys-surface-container-low, #1e1e1e)}.suibi-surface{background:var(--mat-sys-surface-container-low, #1e1e1e);border:1px solid var(--mat-sys-outline-variant, #2a2a2a);border-radius:8px;padding:16px}pre{background:#1d1f21;color:#c5c8c6;padding:8px 16px;border-radius:4px}:host .mat-mdc-form-field-error,suibi-module .mat-mdc-form-field-error{color:#e72200}.horizontal-layout>div:has([style*="display: none"]){display:none!important}

package/dist/elements/browser/version.txt

@@ -1 +1 @@
-0.1.0-preview.2f7b6e2 2f7b6e2
+0.1.0-preview.3b0cded 3b0cded

package/dist/types/app/components/data-preview/data-preview.component.d.ts

@@ -1,11 +1,11 @@
 import { NaebiDataService } from '../../core/data/naebi-data.service';
 import { PlanningBalanceService } from '../../core/planning/planning-balance.service';
 export declare class DataPreviewComponent {
-    readonly naebi: NaebiDataService;
     private readonly host;
     private readonly emitter;
     readonly planning: PlanningBalanceService;
+    readonly naebi: NaebiDataService;
     readonly metadataPreview: import("@angular/core").Signal<import("../../../public-api").SuibiDataEventMetadata>;
-    constructor(naebi: NaebiDataService);
+    setPlanningEndpoint(value: string | null): void;
     emitData(): void;
 }

package/dist/types/app/components/empty-state/empty-state.component.d.ts

@@ -4,6 +4,8 @@
  * Displays a faded icon, a primary message, and an optional hint line.
  */
 export declare class EmptyStateComponent {
+    fontSet: import("@angular/core").InputSignal<string>;
+    icon: import("@angular/core").InputSignal<string>;
     primaryText: import("@angular/core").InputSignal<string>;
     /** Optional hint displayed below the primary message. */
     secondaryText: import("@angular/core").InputSignal<string>;

package/dist/types/app/components/gauge-arc/gauge-arc.component.d.ts

@@ -0,0 +1,49 @@
+/** Visual status driving arc colour and icon in the gauge. */
+export type GaugeStatus = 'ok' | 'tolerated' | 'over' | 'under' | 'empty';
+/** View-model for a single metric card in the SuisseBilanz dashboard. */
+export interface GaugeMetric {
+    /** Stable key used for `@for` tracking (nutrient formula or 'rendement'). */
+    key: string;
+    /** Short display label — chemical formula or translated metric name. */
+    label: string;
+    /** Human-readable sub-label (nutrient description). */
+    sublabel: string;
+    /** Numeric value to display; `null` indicates no result yet. */
+    value: number | null;
+    /** Unit appended to the value inside the arc (e.g. '%' or ''). */
+    unit: string;
+    /** Derived status controlling arc colour and badge. */
+    status: GaugeStatus;
+    /** Upper bound of the gauge arc scale. */
+    maxGauge: number;
+    /** Short range description shown below the arc (e.g. '< 100 %'). */
+    rangeLabel: string;
+    /** Raw quantity in kg (nutrients) or dt/ha (rendement) to display below the arc. */
+    kgValue?: number | null;
+}
+/**
+ * Reusable semicircular SVG arc gauge.
+ *
+ * Renders a 180° arc gauge using pure inline SVG — no third-party library.
+ * All geometry is derived via `computed()` signals so the component is
+ * fully zoneless-safe and works without Zone.js triggers.
+ *
+ * The arc uses `pathLength="1"` so `stroke-dasharray` fractions map
+ * directly to 0–1 without floating-point arc-length estimation.
+ */
+export declare class GaugeArcComponent {
+    readonly value: import("@angular/core").InputSignal<number>;
+    readonly max: import("@angular/core").InputSignal<number>;
+    readonly status: import("@angular/core").InputSignal<GaugeStatus>;
+    protected readonly pct: import("@angular/core").Signal<number>;
+    protected readonly dashArray: import("@angular/core").Signal<string>;
+    protected readonly tickCoords: import("@angular/core").Signal<{
+        x1: number;
+        y1: number;
+        x2: number;
+        y2: number;
+    }>;
+    protected readonly fillColor: import("@angular/core").Signal<string>;
+    protected readonly displayValue: import("@angular/core").Signal<string>;
+    protected readonly ariaLabel: import("@angular/core").Signal<string>;
+}

package/dist/types/app/{header-bar.d.ts → components/header-bar/header-bar.component.d.ts}

@@ -1,9 +1,8 @@
-import { Locale } from './core/i18n/i18n.service';
-import { PageId } from './core/navigation/navigation.service';
+import { Locale } from '../../core/i18n/i18n.service';
+import { PageId } from '../../core/navigation/navigation.service';
 /**
  * HeaderBarComponent
- * Top app bar: application branding, utility actions (data preview, save indicator).
- * Main workflow navigation is delegated to WorkflowStepperComponent below the toolbar.
+ * Footer actions for quick access to data preview and the current save state.
  */
 export declare class HeaderBarComponent {
     locale: import("@angular/core").InputSignal<Locale>;

package/dist/types/app/components/inline-table/inline-table.component.d.ts

@@ -0,0 +1,100 @@
+import { BaseCodeListEntry } from '../../jsonforms/shared/option-sources/code-lists';
+import { InlineColumnDef, InlineTableConfig } from './inline-table.types';
+/**
+ * InlineTableComponent — generic inline-editable table for array-of-objects data.
+ *
+ * This component is intentionally domain-agnostic.  All column structure, labels,
+ * and section text are driven by an `InlineTableConfig` input (the "uischema").
+ * Domain-specific side-effects (e.g. auto-populating fields when a dropdown changes)
+ * are injected via the optional `rowTransform` function input.
+ *
+ * ## Usage
+ * ```html
+ * <app-inline-table
+ *   [config]="myTableConfig"
+ *   [rows]="myRows()"
+ *   [rowTransform]="myTransform"
+ *   (rowsChange)="onRowsChange($event)"
+ * />
+ * ```
+ *
+ * ## Extending for a new domain
+ * 1. Create a new `InlineTableConfig` constant (the column config file).
+ * 2. Optionally create a thin wrapper component that provides the config and
+ *    a `rowTransform` arrow-function.
+ * 3. No changes to this component are needed.
+ */
+export declare class InlineTableComponent {
+    private readonly i18n;
+    /** Table configuration — columns, labels, and the row factory. Acts as the "uischema". */
+    readonly config: import("@angular/core").InputSignal<InlineTableConfig>;
+    /** Current array of row objects. Each key maps to a column's `key` or sub-array path. */
+    readonly rows: import("@angular/core").InputSignal<Record<string, unknown>[]>;
+    /**
+     * Emitted with the complete updated array after any cell change, row add, or row remove.
+     * The parent component is responsible for persisting the new value (e.g. via signal).
+     */
+    readonly rowsChange: import("@angular/core").OutputEmitterRef<Record<string, unknown>[]>;
+    /**
+     * Optional business-logic transform applied after every cell edit — before emission.
+     *
+     * Signature: `(changedKey, newValue, updatedRow) => transformedRow`
+     *
+     * - `changedKey`: the `InlineColumnDef.key` of the edited column.
+     * - `newValue`: the raw new value (string, number, or null).
+     * - `updatedRow`: the row object already reflecting the edit.
+     * - Return the row (possibly further mutated) that should be stored.
+     *
+     * Use this for cross-field side-effects such as pre-populating nutrient % columns
+     * when a product is selected.  For forms without such logic, omit this input.
+     */
+    readonly rowTransform: import("@angular/core").InputSignal<((changedKey: string, newValue: unknown, row: Record<string, unknown>) => Record<string, unknown>) | null>;
+    /** Extracts a px value from a grid-format width string (e.g. 'minmax(120px, 1fr)' → '120px'). */
+    colMinWidth(width?: string): string;
+    /** Total table width = sum of all column px values + 40px for the delete column. */
+    readonly tableWidth: import("@angular/core").Signal<string>;
+    /** Grid template columns string for CSS grid layout. */
+    readonly gridTemplateColumns: import("@angular/core").Signal<string>;
+    readonly sectionTitle: import("@angular/core").Signal<string>;
+    readonly sectionDescription: import("@angular/core").Signal<string>;
+    readonly addLabel: import("@angular/core").Signal<string>;
+    readonly emptyLabel: import("@angular/core").Signal<string>;
+    readonly emptyHint: import("@angular/core").Signal<string>;
+    /** Returns the option array for a select column from the shared CODE_LISTS map. */
+    getOptions(col: InlineColumnDef): BaseCodeListEntry[];
+    /**
+     * Returns the localized display label for a code-list option.
+     * - `optionDisplay: 'id'`: returns `String(entry.id)` (e.g. "kg", "t").
+     * - default (`'label'`): uses `descriptor.designation_eng / designation_deu`;
+     *   falls back to `String(entry.id)` when no descriptor is present.
+     */
+    optionLabel(entry: BaseCodeListEntry, col: InlineColumnDef): string;
+    /**
+     * Reads the current cell value for a column from a row object.
+     *
+     * - Simple field: returns `row[col.key]`.
+     * - Sub-array field: navigates `row[arrayPath]`, finds the entry matching
+     *   `arrayKeyField === arrayKeyValue`, and returns `entry[arrayValueField]`.
+     */
+    getValue(row: Record<string, unknown>, col: InlineColumnDef): unknown;
+    /**
+     * Returns a new row with the column's value updated (immutably).
+     * Handles both flat field assignment and nested sub-array mutation.
+     */
+    private setValue;
+    /** Called when a `mat-select` selection changes. */
+    onSelectChange(rowIdx: number, col: InlineColumnDef, value: unknown): void;
+    /** Called on `(change)` of a number `<input>` — parses the string value and guards NaN. */
+    onNumberChange(rowIdx: number, col: InlineColumnDef, event: Event): void;
+    /** Called on `(change)` of a text `<input>`. */
+    onTextChange(rowIdx: number, col: InlineColumnDef, event: Event): void;
+    /** Appends a blank row produced by `config.createRow()`. */
+    addRow(): void;
+    /** Removes the row at `idx` from the array. */
+    removeRow(idx: number): void;
+    /**
+     * Core change handler: sets the new value on the row, applies the optional
+     * `rowTransform` for any cross-field side-effects, then emits the updated array.
+     */
+    private _applyChange;
+}

package/dist/types/app/components/inline-table/inline-table.types.d.ts

@@ -0,0 +1,127 @@
+/**
+ * Type definitions for the generic InlineTableComponent.
+ *
+ * Usage pattern (the "uischema" concept):
+ *   1. Define an `InlineTableConfig` object describing your columns and labels.
+ *   2. Pass it to `<app-inline-table [config]="…" [rows]="…">`.
+ *   3. For business-logic side-effects (e.g. auto-populating fields on selection),
+ *      pass an optional `rowTransform` function — the generic component knows nothing
+ *      about domain rules.
+ *
+ * To reuse the table for a different domain, create a new config file and a thin
+ * wrapper component.  Only the config changes; the rendering component stays the same.
+ */
+/** Supported cell widget types. Extend with new literal types as needed. */
+export type InlineCellType = 'select' | 'number' | 'text';
+/**
+ * Definition for a single column in an inline table.
+ *
+ * Each definition drives both the column header and the cell widget for that column.
+ * This is the per-column equivalent of a JSONForms uischema Control element.
+ */
+export interface InlineColumnDef {
+    /**
+     * Unique key for this column.
+     * - For simple flat fields: also the property path on the row object.
+     * - For nested sub-array columns: used as a stable identifier; actual read/write
+     *   path is determined by `arrayPath` + `arrayKeyField` + `arrayKeyValue`.
+     */
+    key: string;
+    /**
+     * Header label source.
+     * - By default treated as an i18n translation key (e.g. `'fieldSpreading.fields.fertiliser.product'`).
+     * - Set `labelLiteral: true` to use the value verbatim (e.g. `'Ntot (%)'`).
+     */
+    labelKey: string;
+    /**
+     * When `true`, `labelKey` is rendered as a plain string rather than passed through
+     * the translation service.  Use this for labels that are already final (e.g. chemical
+     * formulas such as "P₂O₅ (%)").
+     * Default: `false`.
+     */
+    labelLiteral?: boolean;
+    /** Widget rendered inside the cell. */
+    type: InlineCellType;
+    /**
+     * For `type: 'select'` — key into the shared `CODE_LISTS` map.
+     * The generic component resolves the option list and their localized labels
+     * automatically via the `descriptor.designation_eng / designation_deu` convention.
+     */
+    codeListKey?: string;
+    /**
+     * For `type: 'select'` — how to display an option's label in the dropdown.
+     * - `'label'` (default): use `descriptor.designation_eng/deu` — best for named products.
+     * - `'id'`: use `String(entry.id)` verbatim — best for codes that are already
+     *   human-readable (e.g. unit codes like "kg", "t", "l").
+     */
+    optionDisplay?: 'label' | 'id';
+    /**
+     * CSS grid column-sizing token, e.g. `'minmax(140px, 2fr)'` or `'84px'`.
+     * These values are joined to build the `grid-template-columns` style on the table.
+     * Defaults to `'1fr'` when omitted.
+     */
+    width?: string;
+    /** Minimum allowed value — sets the `min` attribute (type `'number'` only). */
+    min?: number;
+    /** Maximum allowed value — sets the `max` attribute (type `'number'` only). */
+    max?: number;
+    /**
+     * `step` attribute value (type `'number'` only).
+     * Defaults to `'any'` when omitted, allowing any decimal.
+     */
+    step?: string;
+    /**
+     * Sub-array navigation config — for columns whose value lives inside a nested array
+     * on the row object (e.g. `ingredient[].quantity`).
+     *
+     * When all four sub-fields are set, the component:
+     *   - **reads** `row[arrayPath].find(e => e[arrayKeyField] === arrayKeyValue)[arrayValueField]`
+     *   - **writes** back immutably into that same slot
+     *
+     * Example — "Ntot %" column that reads `row.ingredient[{molecularFormula:'Ntot'}].quantity`:
+     * ```
+     * arrayPath:       'ingredient'
+     * arrayKeyField:   'molecularFormula'
+     * arrayKeyValue:   'Ntot'
+     * arrayValueField: 'quantity'
+     * ```
+     */
+    arrayPath?: string;
+    arrayKeyField?: string;
+    arrayKeyValue?: string;
+    arrayValueField?: string;
+}
+/**
+ * Full configuration for one inline-table instance — the "uischema" equivalent.
+ *
+ * Creating a table for a new domain means defining one `InlineTableConfig` object
+ * (and an optional `rowTransform` for business logic); the generic component handles
+ * all layout, rendering, and data binding.
+ */
+export interface InlineTableConfig {
+    /** Ordered list of column definitions — determines column count and order. */
+    columns: InlineColumnDef[];
+    /** i18n key for the section heading (`<h2>`). */
+    titleKey: string;
+    /**
+     * i18n key for the section description paragraph.
+     * Omit (or set to `undefined`) to hide the description.
+     */
+    descriptionKey?: string;
+    /** i18n key for the "Add entry" dashed-button label. */
+    addLabelKey: string;
+    /** i18n key for the empty-state primary text (shown when `rows` is empty). */
+    emptyLabelKey: string;
+    /**
+     * i18n key for the empty-state hint text (secondary line).
+     * Omit to show only the primary text.
+     */
+    emptyHintKey?: string;
+    /**
+     * Factory function invoked when the user clicks "Add entry".
+     * Should return a fresh row object with sensible defaults (e.g. pre-initialised
+     * sub-arrays such as `ingredient`).
+     * Defaults to `() => ({})` when omitted.
+     */
+    createRow?: () => Record<string, unknown>;
+}

package/dist/types/app/components/module-placeholder-page/module-placeholder-page.component.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Generic page wrapper for workflow steps that are present in navigation but not implemented yet.
+ */
+export declare class ModulePlaceholderPageComponent {
+    readonly titleKey: import("@angular/core").InputSignal<string>;
+}

package/dist/types/app/components/planning-result/planning-result.component.d.ts

@@ -1,28 +1,12 @@
-import { SafeResourceUrl } from '@angular/platform-browser';
-import { PlanningBalanceService, PlanningEndpoint } from '../../core/planning/planning-balance.service';
+import { PlanningBalanceService } from '../../core/planning/planning-balance.service';
 import { MasterDataService } from '../../core/master-data/master-data.service';
-import type { BalanceRow, CropRequirementRow, NutrientEntry, ValidationMessage } from '../../core/planning/planning-balance.types';
+import type { CropRequirementRow, NutrientEntry, ValidationMessage } from '../../core/planning/planning-balance.types';
 export declare class PlanningResultComponent {
+    readonly embedded: import("@angular/core").InputSignal<boolean>;
     readonly planning: PlanningBalanceService;
-    private readonly naebi;
-    private readonly sanitizer;
     readonly masterData: MasterDataService;
-    readonly selectedEndpoint: import("@angular/core").WritableSignal<PlanningEndpoint>;
     private readonly result;
-    /**
-     * Merges interleaved kg/% rows from totalBalance into one row per nutrient
-     * for use in the Section-D summary table.
-     */
-    readonly balanceRows: import("@angular/core").Signal<BalanceRow[]>;
-    /** Farm-wide gas emissions (NH₃, NO, N₂O, N₂). */
-    readonly farmEmissions: import("@angular/core").Signal<NutrientEntry[]>;
     readonly validationMessages: import("@angular/core").Signal<ValidationMessage[]>;
-    /** Land area stats converted from m² → ha (÷ 10 000). */
-    readonly landStats: import("@angular/core").Signal<{
-        total: number;
-        fertilizable: number;
-        slurry: number;
-    } | null>;
     /** Fodder net balance (positive = surplus, negative = deficit). */
     readonly fodderTotal: import("@angular/core").Signal<import("../../core/planning/planning-balance.types").FodderQuantity | null>;
     readonly animalStockTotals: import("@angular/core").Signal<import("../../core/planning/planning-balance.types").AnimalStock | null>;
@@ -46,14 +30,8 @@ export declare class PlanningResultComponent {
     readonly cropRequirementRows: import("@angular/core").Signal<CropRequirementRow[]>;
     readonly fodderDetail: import("@angular/core").Signal<import("../../core/planning/planning-balance.types").RequiredEffectiveYieldFromFodderCropland | null>;
     readonly fodderEffectiveYield: import("@angular/core").Signal<import("../../core/planning/planning-balance.types").FodderQuantity | null>;
-    /** SafeResourceUrl for the PDF iframe, or null if no report is present. */
-    readonly pdfUrl: import("@angular/core").Signal<SafeResourceUrl | null>;
-    private _prevBlobUrl;
-    private readonly _blobCleanup;
     /** Human-readable label for a molecular formula symbol. */
     formulaLabel(f: string): string;
-    /** Returns CSS modifier class based on the balance percentage value. */
-    balancePctClass(pct: number | null): string;
     /** Returns the quantity for a given formula from a nutrient entry list, or 0 if absent. */
     reqValue(requirement: NutrientEntry[], formula: string): number;
     /**
@@ -65,5 +43,4 @@ export declare class PlanningResultComponent {
     sumStockNutrients(entries: NutrientEntry[]): NutrientEntry[];
     /** Summary chips for Sections C & D (N avail. / P₂O₅ / K₂O / Mg). */
     sumKeyNutrients(entries: NutrientEntry[]): NutrientEntry[];
-    runPlanning(): void;
 }

package/dist/types/app/components/planning-result-row/planning-result-row.component.d.ts

@@ -0,0 +1,34 @@
+import { SuisseBilanzMetricsService } from '../suissebilanz-dashboard/suissebilanz-metrics.service';
+import { GaugeStatus } from '../gauge-arc/gauge-arc.component';
+/** Compact row + expandable detail for the latest planning-balance result. */
+export declare class PlanningResultRowComponent {
+    protected readonly STATUS_ICONS: Record<GaugeStatus, string>;
+    private readonly planning;
+    private readonly naebi;
+    private readonly metadataSvc;
+    protected readonly metricsService: SuisseBilanzMetricsService;
+    protected readonly expanded: import("@angular/core").WritableSignal<boolean>;
+    protected readonly isLoading: import("@angular/core").Signal<boolean>;
+    protected readonly hasResult: import("@angular/core").Signal<boolean>;
+    protected readonly title: import("@angular/core").Signal<string>;
+    private readonly result;
+    /** Derived overall status: worst status across all nutrient metrics. */
+    protected readonly overallStatus: import("@angular/core").Signal<GaugeStatus>;
+    /** Compact chips for the 4 nutrient metrics + rendement, with kg values merged in. */
+    protected readonly nutrientChips: import("@angular/core").Signal<{
+        key: string;
+        label: string;
+        pct: number | null;
+        kg: number | null;
+        dt: number | null;
+        status: GaugeStatus;
+    }[]>;
+    /** Areas in ha (converted from m²). */
+    protected readonly areas: import("@angular/core").Signal<{
+        sau: number;
+        sfe: number;
+        to: number;
+    } | null>;
+    protected refresh(): void;
+    protected toggleDetail(): void;
+}

package/dist/types/app/components/planning-trigger/planning-trigger.component.d.ts

@@ -0,0 +1,13 @@
+import { PlanningBalanceService } from '../../core/planning/planning-balance.service';
+/**
+ * Extracted trigger UI for running the planning balance calculation.
+ * Contains: submit button and progress bar.
+ * Delegates actual HTTP call to `PlanningBalanceService`.
+ */
+export declare class PlanningTriggerComponent {
+    readonly planning: PlanningBalanceService;
+    private readonly naebi;
+    /** When true, the submit button is disabled regardless of loading state. */
+    readonly hasErrors: import("@angular/core").InputSignal<boolean>;
+    runPlanning(): void;
+}

package/dist/types/app/components/results-page/results-page.component.d.ts

@@ -0,0 +1,13 @@
+import { ErrorObject } from 'ajv';
+import { PageId } from '../../core/navigation/navigation.service';
+import { PlanningBalanceService } from '../../core/planning/planning-balance.service';
+export declare class ResultsPageComponent {
+    readonly currentPage: import("@angular/core").InputSignal<PageId>;
+    readonly onNavigate: import("@angular/core").InputSignal<(page: PageId) => void>;
+    readonly onErrorSelected: import("@angular/core").InputSignal<(error: ErrorObject) => void>;
+    readonly onSubmitSuccess: import("@angular/core").InputSignal<() => void>;
+    protected readonly planning: PlanningBalanceService;
+    protected readonly selectedTabIndex: import("@angular/core").WritableSignal<number>;
+    constructor();
+    protected onTabChange(index: number): void;
+}

package/dist/types/app/components/suissebilanz-dashboard/suissebilanz-dashboard.component.d.ts

@@ -0,0 +1,30 @@
+import { SafeUrl } from '@angular/platform-browser';
+import { PlanningBalanceService } from '../../core/planning/planning-balance.service';
+import { GaugeStatus } from '../gauge-arc/gauge-arc.component';
+import { SuisseBilanzMetricsService } from './suissebilanz-metrics.service';
+/**
+ * Dashboard card displaying the 5 main SuisseBilanz metrics as semicircular
+ * SVG gauges. Derives all display data from `PlanningBalanceService` via
+ * computed signals — fully zoneless-safe, `OnPush`.
+ *
+ * Shows an empty-state panel when no planning result is available yet.
+ */
+export declare class SuisseBilanzDashboardComponent {
+    readonly embedded: import("@angular/core").InputSignal<boolean>;
+    protected readonly planning: PlanningBalanceService;
+    private readonly sanitizer;
+    protected readonly metricsService: SuisseBilanzMetricsService;
+    private readonly result;
+    protected readonly metrics: import("@angular/core").Signal<import("../gauge-arc/gauge-arc.component").GaugeMetric[]>;
+    /** Surface areas in ha, derived from the latest planning result. */
+    protected readonly surfaces: import("@angular/core").Signal<{
+        sau: number;
+        sfe: number;
+        to: number;
+    } | null>;
+    protected readonly officialPdfUrl: import("@angular/core").Signal<SafeUrl | null>;
+    private prevBlobUrl;
+    private readonly blobCleanup;
+    /** Maps a `GaugeStatus` to its Material icon name for the status badge. */
+    protected statusIcon(status: GaugeStatus): string;
+}

package/dist/types/app/components/suissebilanz-dashboard/suissebilanz-metrics.service.d.ts

@@ -0,0 +1,21 @@
+import { GaugeMetric } from '../gauge-arc/gauge-arc.component';
+/**
+ * Shared source of truth for all SuisseBilanz metric view-models.
+ *
+ * Both the full dashboard card and the slim minibar consume this service so
+ * the derivation logic lives in exactly one place. Metrics re-compute via
+ * `computed()` when either the planning result or the locale signal changes.
+ */
+export declare class SuisseBilanzMetricsService {
+    private readonly planning;
+    private readonly i18n;
+    /** Wall-clock time of the most recent successful planning result. */
+    readonly lastUpdated: import("@angular/core").WritableSignal<Date | null>;
+    constructor();
+    /**
+     * Five gauge view-models for N avail., P₂O₅, K₂O, Mg and Rendement prairies.
+     * Returns placeholder 'empty' metrics until the first planning result arrives.
+     */
+    readonly metrics: import("@angular/core").Signal<GaugeMetric[]>;
+    private emptyMetric;
+}

package/dist/types/app/components/suissebilanz-minibar/suissebilanz-minibar.component.d.ts

@@ -0,0 +1,19 @@
+import { GaugeMetric, GaugeStatus } from '../gauge-arc/gauge-arc.component';
+import { SuisseBilanzMetricsService } from '../suissebilanz-dashboard/suissebilanz-metrics.service';
+/**
+ * Slim, always-visible metrics card placed above the workflow stepper.
+ *
+ * Shows the same 5 SuisseBilanz metrics as the full dashboard card but in a
+ * compact single-row layout: metric label → bold coloured value → thin
+ * progress bar. Shares all data logic via `SuisseBilanzMetricsService`.
+ */
+export declare class SuisseBilanzMinibarComponent {
+    protected readonly metricsService: SuisseBilanzMetricsService;
+    /** Returns the status colour for a given metric status. */
+    protected statusColor(status: GaugeStatus): string;
+    /**
+     * Maps the metric value to a 0–100 fill percentage for the progress bar,
+     * clamped so bars never overflow the track.
+     */
+    protected fillPct(metric: GaugeMetric): number;
+}

package/dist/types/app/components/validation-page/validation-page.component.d.ts

@@ -0,0 +1,18 @@
+import { ErrorObject } from 'ajv';
+import { PlanningBalanceService } from '../../core/planning/planning-balance.service';
+/**
+ * Final submission step: review validation status and submit the planning balance.
+ */
+export declare class ValidationPageComponent {
+    readonly showHeader: import("@angular/core").InputSignal<boolean>;
+    /** Navigation callback for validation error clicks — provided by App to keep routing logic centralised. */
+    readonly onErrorSelected: import("@angular/core").InputSignal<(error: ErrorObject) => void>;
+    /** Navigation callback triggered after a fresh successful planning submission. */
+    readonly onSubmitSuccess: import("@angular/core").InputSignal<() => void>;
+    protected readonly planning: PlanningBalanceService;
+    private readonly globalValidation;
+    private lastHandledSuccessRequestId;
+    constructor();
+    protected readonly validationErrors: import("@angular/core").Signal<import("../../../public-api").EnrichedValidationError[]>;
+    protected readonly errorCount: import("@angular/core").Signal<number>;
+}

package/dist/types/app/components/welcome-page/metadata.types.d.ts

@@ -1 +1 @@
-export { DEFAULT_SUIBI_METADATA, type SubmissionStatus, type SuibiVersion, type SuibiMetadata } from '../../core/metadata/suibi-metadata.types';
+export { DEFAULT_SUIBI_METADATA, DEFAULT_COMPUTATION_MODULES, type ComputationModules, type SubmissionStatus, type SuibiVersion, type SuibiMetadata } from '../../core/metadata/suibi-metadata.types';

package/dist/types/app/components/welcome-page/welcome-page.component.d.ts

@@ -1,9 +1,9 @@
-import { OnInit } from '@angular/core';
 import { JsonSchema, UISchemaElement } from '@jsonforms/core';
 import { SuibiMetadata } from '../../core/metadata/suibi-metadata.types';
-export declare class WelcomePageComponent implements OnInit {
+export declare class WelcomePageComponent {
     private readonly i18n;
     private readonly metadataSvc;
+    private readonly naebi;
     startEvent: import("@angular/core").OutputEmitterRef<void>;
     metadataChange: import("@angular/core").OutputEmitterRef<SuibiMetadata>;
     private readonly baseSchema;
@@ -17,11 +17,13 @@ export declare class WelcomePageComponent implements OnInit {
     readonly localizedSchema: import("@angular/core").Signal<JsonSchema>;
     readonly localizedUi: import("@angular/core").Signal<UISchemaElement>;
     readonly jsonFormsData: import("@angular/core").Signal<{}>;
-    ngOnInit(): void;
+    constructor();
     start(): void;
+    loadExampleData(): void;
     onMetadataChange(newValue: unknown): void;
     private normalizeJsonFormsPayload;
     private toMetadata;
+    private extractModules;
     private isSuibiVersion;
     private isSubmissionStatus;
     private isSameMetadata;

package/dist/types/app/components/workflow-stepper/workflow-stepper.component.d.ts

@@ -39,6 +39,7 @@ export declare class WorkflowStepperComponent {
      */
     readonly onNavigate: import("@angular/core").InputSignal<(page: PageId) => void>;
     private readonly validationSvc;
+    private readonly workflowPage;
     protected readonly pagesWithErrors: import("@angular/core").Signal<Set<PageId>>;
     protected readonly isOnWorkflowPage: import("@angular/core").Signal<boolean>;
     protected readonly clampedStepIndex: import("@angular/core").Signal<number>;