@agridea/suibi-module 0.1.0-preview.8 → 0.1.0-preview.82d9ee0

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;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}.group-layout.mat-mdc-card-outlined{border:0;--mdc-outlined-card-outline-color: transparent;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;border-radius:8px}.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.8 c276491
+0.1.0-preview.82d9ee0 82d9ee0

package/dist/elements/browser/wc-global-utilities.css

@@ -0,0 +1 @@
+.cdk-overlay-container{position:fixed;inset:0;z-index:1200;pointer-events:none}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{position:fixed;inset:0;display:flex;align-items:flex-start;justify-content:center;pointer-events:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1200;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1200}.cdk-overlay-backdrop{position:fixed;inset:0;z-index:1199;pointer-events:auto}.cdk-overlay-transparent-backdrop{background:transparent}.cdk-overlay-dark-backdrop{background:#00000052}.mat-mdc-select-panel.mdc-menu-surface{background:#fff;--mdc-theme-surface: #fff;--mdc-menu-container-color: #fff;--mat-select-panel-background-color: #fff;box-shadow:0 4px 16px #00000040;border-radius:4px;outline:0;opacity:1!important;filter:none!important}.mat-mdc-option.mdc-list-item{height:auto;min-height:48px}.mat-mdc-option .mdc-list-item__primary-text{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35}

package/dist/types/app/app.d.ts

@@ -1,26 +1,34 @@
 import { Locale } from './core/i18n/i18n.service';
+import { SuibiDataEventDetail } from './core/events/suibi-data-event';
 import { EnrichedValidationError } from './core/validation/global-validation.service';
 import { PageId } from './core/navigation/navigation.service';
 import { ErrorObject } from 'ajv';
 export declare class App {
-    localeInput: import("@angular/core").InputSignal<Locale>;
+    private readonly autosaveIntervalMs;
+    locale: import("@angular/core").InputSignal<Locale>;
     themeSrc: import("@angular/core").InputSignal<string | null>;
-    pageInput: import("@angular/core").InputSignal<PageId>;
-    naebiDataInput: import("@angular/core").InputSignal<any>;
+    page: import("@angular/core").InputSignal<PageId>;
+    suibiData: import("@angular/core").InputSignal<string | SuibiDataEventDetail | null>;
+    telemetryInput: import("@angular/core").InputSignal<string | boolean>;
     private readonly i18n;
     private readonly hostEl;
     private readonly destroyRef;
     private readonly naebi;
+    private readonly metadataSvc;
     private readonly globalValidation;
     private readonly navigationSvc;
+    private readonly dataEmitter;
+    private readonly telemetryService;
     private readonly isCustomElement;
-    readonly locale: import("@angular/core").Signal<Locale>;
+    readonly activeLocale: import("@angular/core").Signal<Locale>;
     readonly validationErrors: import("@angular/core").Signal<EnrichedValidationError[]>;
+    readonly isDirty: import("@angular/core").Signal<boolean>;
     constructor();
     readonly currentPage: import("@angular/core").WritableSignal<PageId>;
-    private lastPageInput;
-    private readonly syncPageEffect;
     go(page: PageId): void;
     setLocale(locale: Locale): void;
+    emitData(): void;
+    private emitDataIfDirty;
+    private initAutosave;
     onValidationErrorSelected(error: ErrorObject): void;
 }

package/dist/types/app/components/add-dashed-button/add-dashed-button.component.d.ts

@@ -0,0 +1,9 @@
+/**
+ * AddDashedButtonComponent
+ * Full-width dashed call-to-action button used as the primary add action in list views.
+ * Styled with the brand primary colour; works in both empty and non-empty list states.
+ */
+export declare class AddDashedButtonComponent {
+    label: import("@angular/core").InputSignal<string>;
+    clicked: import("@angular/core").OutputEmitterRef<void>;
+}

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

@@ -0,0 +1,233 @@
+import { NaebiDataService } from '../../core/data/naebi-data.service';
+import { PlanningBalanceService } from '../../core/planning/planning-balance.service';
+export declare class DataPreviewComponent {
+    private readonly host;
+    private readonly emitter;
+    private readonly clipboard;
+    readonly planning: PlanningBalanceService;
+    readonly naebi: NaebiDataService;
+    readonly metadataPreview: import("@angular/core").Signal<import("../../../public-api").SuibiDataEventMetadata>;
+    /** Exact payload that runPlanning will POST (same builder as the real request). */
+    readonly apiPayload: import("@angular/core").Signal<{
+        nutrientCycle: {
+            animalStock: {
+                order: string;
+                animalCategoryPRIF: number;
+                selfReportedLivestock: {
+                    averageQuantity: number;
+                };
+                durationCorrectionQuantity: number;
+                durationCorrectionDays: number;
+                utilisation: number;
+                formOfDetention: {
+                    hasGrazing: boolean;
+                    pasture: {
+                        days: number;
+                        hoursPerDay: number;
+                    };
+                    stall: {
+                        stableSystem: string;
+                        stableVentilationType: number;
+                        hasStableDeepLitter: boolean;
+                        hasStableManureBeltDrying: boolean;
+                        stableManureRemovalFrequency: number;
+                        stableWaterSupply: number;
+                        hasStableManureAndSlurryProduction: boolean;
+                        hasStableFeedingStationElevated: boolean;
+                        hasStableFloorSlopedUrineDrainage: boolean;
+                        hasYard: boolean;
+                    };
+                };
+                hasImpexDerivedExcretion: boolean;
+                hasLinearCorrectionDerivedExcretion: boolean;
+                feeding: {
+                    fodderConsumption: number;
+                    concentratedFeedstuffConsumption: number;
+                    concentratedFeedStuffConsumption: number;
+                    winterFeeding: {
+                        feedingRoutine: {
+                            typeOfFeedstuffProduct: string;
+                            transactionUnit: string;
+                            quantity: number;
+                        }[];
+                        dailyConcentratedFeedstuff: {
+                            quantity: number;
+                        };
+                    };
+                    summerFeeding: {
+                        feedingRoutine: {
+                            typeOfFeedstuffProduct: string;
+                            transactionUnit: string;
+                            quantity: number;
+                        }[];
+                        dailyConcentratedFeedstuff: {
+                            quantity: number;
+                        };
+                    };
+                };
+            }[];
+            storage: {
+                stableStrawLitter: number;
+                slurrySupplyProportionStored: number;
+                createFacilitySpecificManureProduct: boolean;
+                createFacilitySpecificSlurryProduct: boolean;
+                slurryTankQuantity: number;
+                dilutionRatio: number;
+                manurePit: never[];
+                slurryTank: {
+                    descriptor: string;
+                    volumeInM3: number;
+                    depthInM: number;
+                    cover: number;
+                    mixingFrequency: number;
+                    manureDerivation: string[];
+                }[];
+            };
+            farmManureTrading: {
+                supply: never[];
+                dispense: {
+                    quantity: number;
+                    typeOfManureRecyclingProduct: string;
+                    transactionUnit: string;
+                    manureDerivation: {
+                        zoologicalAnimal: string;
+                        percentageAllocation: number;
+                    }[];
+                    ingredient: {
+                        quantity: number;
+                        molecularFormula: string;
+                        unit: string;
+                    }[];
+                }[];
+            };
+            fieldSpreading: {
+                soilPh: number;
+                slurry: {
+                    quantity: number;
+                    dilutionRatio: number;
+                    otherApplicationTechnologies: {
+                        applicationTechnologyType: number;
+                        proportionOfArea: number;
+                    }[];
+                    applicationDuringWarmDays: number;
+                    proportionAppliedSummerMonths: number;
+                    proportionAppliedOtherMonths: number;
+                    proportionAppliedAfter6PM: number;
+                    dragHoseAreaSize: number;
+                };
+                manure: {
+                    applicationIncorporationTime: number;
+                    proportionAppliedSummerMonths: number;
+                    proportionAppliedOtherMonths: number;
+                };
+                fertiliser: {
+                    descriptor: string;
+                    fertiliserProductCategory: string;
+                    quantity: number;
+                    transactionUnit: string;
+                    ingredient: {
+                        molecularFormula: string;
+                        quantity: number;
+                        unit: string;
+                    }[];
+                }[];
+                recycling: {
+                    typeOfManureRecyclingProduct: string;
+                    quantity: number;
+                    transactionUnit: string;
+                    ingredient: {
+                        molecularFormula: string;
+                        quantity: number;
+                        unit: string;
+                    }[];
+                }[];
+            };
+            lifetimePerformance: {
+                milkProductionReport: number;
+            };
+            fodder: {
+                trading: {
+                    supply: {
+                        typeOfFeedstuffProduct: string;
+                        quantity: number;
+                        transactionUnit: string;
+                        ingredient: {
+                            quantity: number;
+                            molecularFormula: string;
+                            unit: string;
+                        }[];
+                    }[];
+                    dispense: {
+                        typeOfFeedstuffProduct: string;
+                        quantity: number;
+                        transactionUnit: string;
+                        ingredient: never[];
+                    }[];
+                };
+                cropFromNonFodderCropland: {
+                    typeOfFeedstuffProduct: string;
+                    quantity: number;
+                    transactionUnit: string;
+                    ingredient: {
+                        quantity: number;
+                        molecularFormula: string;
+                        unit: string;
+                    }[];
+                }[];
+                proportionStorageLoss: number;
+                totalBalanceErrorMargin: number;
+            };
+            fieldCultivation: {
+                buildingZoneAreaSize: number;
+                outdoorVegetableMainCropAreaSize: number;
+                indoorVegetableMainCropAreaSize: number;
+                feedingOfCropHarvest: {
+                    agronomicCropCategory: string;
+                    effectiveYield: number;
+                }[];
+                dispenseOfCropHarvest: {
+                    agronomicCropCategory: string;
+                    effectiveYield: number;
+                }[];
+                fodderCropland: ({
+                    agronomicCropCategory: string;
+                    isMainCrop: boolean;
+                    areaSize: number;
+                    calculateYieldThroughFodderBalance: boolean;
+                    yieldPerSquareMeasure?: undefined;
+                } | {
+                    agronomicCropCategory: string;
+                    isMainCrop: boolean;
+                    areaSize: number;
+                    yieldPerSquareMeasure: number;
+                    calculateYieldThroughFodderBalance?: undefined;
+                })[];
+                arableLand: {
+                    agronomicCropCategory: string;
+                    isMainCrop: boolean;
+                    areaSize: number;
+                    yieldPerSquareMeasure: number;
+                    hasLongTermYieldDivergence: boolean;
+                }[];
+                special: {
+                    agronomicCropCategory: string;
+                    userSpecificPlantName: string;
+                    isMainCrop: boolean;
+                    areaSize: number;
+                    requirementCorrection: {
+                        quantity: number;
+                        molecularFormula: string;
+                        unit: string;
+                    }[];
+                }[];
+            };
+            generateReport: boolean;
+        };
+        calculationVersion: {
+            version: string;
+        };
+    }>;
+    setPlanningEndpoint(value: string | null): void;
+    emitData(): void;
+    copyJson(getValue: () => unknown): void;
+}

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

@@ -0,0 +1,12 @@
+/**
+ * EmptyStateComponent
+ * Reusable centered placeholder shown when a list has no entries.
+ * 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/components/header-bar/header-bar.component.d.ts

@@ -0,0 +1,14 @@
+import { Locale } from '../../core/i18n/i18n.service';
+import { PageId } from '../../core/navigation/navigation.service';
+/**
+ * HeaderBarComponent
+ * Footer actions for quick access to data preview and the current save state.
+ */
+export declare class HeaderBarComponent {
+    locale: import("@angular/core").InputSignal<Locale>;
+    currentPage: import("@angular/core").InputSignal<PageId>;
+    isDirty: import("@angular/core").InputSignal<boolean>;
+    onNavigate: import("@angular/core").InputSignal<(page: PageId) => void>;
+    onLocaleChange: import("@angular/core").InputSignal<(locale: Locale) => void>;
+    navigate(page: PageId): void;
+}

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

@@ -0,0 +1,159 @@
+import { MatCheckboxChange } from '@angular/material/checkbox';
+import { BaseCodeListEntry } from '../../jsonforms/shared/option-sources/code-lists';
+import { InlineColumnDef, InlineTableConfig, InlineCellErrorResolver } 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;
+    private readonly host;
+    constructor();
+    /** 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, previousRow) => 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.
+     * - `previousRow`: the row as it was before the edit — needed when the side-effect
+     *   depends on the replaced value (e.g. converting a quantity on a unit switch).
+     * - 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>, previousRow?: Record<string, unknown>) => Record<string, unknown>) | null>;
+    /**
+     * Optional per-cell validation resolver — returns a translated error message
+     * shown under the cell (cell turns red via `mat-form-field-invalid`), or `null`
+     * when valid. Inline tables bypass JSONForms/AJV, so business rules that must
+     * be visible while typing (e.g. percentage caps) are surfaced through this hook.
+     */
+    readonly cellError: import("@angular/core").InputSignal<InlineCellErrorResolver | null>;
+    /**
+     * Index of the row to visually highlight (e.g. after a validation-error deep-link).
+     * Also triggers a scrollIntoView so the row is on screen.
+     */
+    readonly highlightRowIndex: import("@angular/core").InputSignal<number | null>;
+    /** Resolves the per-cell error message via the optional `cellError` input (null = valid). */
+    errorForCell(row: Record<string, unknown>, col: InlineColumnDef): string | null;
+    /** True when any column of the row reports an error — drives the row-level red tint. */
+    rowHasError(row: Record<string, unknown>): boolean;
+    /** 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[];
+    /** Options for a select column, narrowed per row when the column defines `optionsFilter`. */
+    optionsForRow(col: InlineColumnDef, row: Record<string, unknown>): BaseCodeListEntry[];
+    /**
+     * Returns the localized display label for a code-list option.
+     * - `optionLabelKey`: translates the i18n key returned by the column's resolver — for
+     *   literal option lists whose labels live in the locales rather than in master data.
+     * - `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.
+     *
+     * - `valueResolver` columns: fully derived value (e.g. from master data).
+     * - 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 `(input)` of a number `<input>` — parses the string value and guards NaN.
+     *  Uses `input` (not `change`) so every keystroke commits immediately: relying on blur
+     *  meant edits were lost whenever the table was destroyed before the field lost focus
+     *  (e.g. navigating to another page), even though switching same-page tabs hid the bug
+     *  since mat-tab-group keeps inactive tab content mounted. */
+    onNumberChange(rowIdx: number, col: InlineColumnDef, event: Event): void;
+    /** Called on `(input)` of a text `<input>` (see onNumberChange for why not `(change)`). */
+    onTextChange(rowIdx: number, col: InlineColumnDef, event: Event): void;
+    /** Called when a `mat-checkbox` is toggled. */
+    onCheckboxChange(rowIdx: number, col: InlineColumnDef, change: MatCheckboxChange): void;
+    /** Whether the cell widget is disabled for this row (per-row constraint hook). */
+    isCellDisabled(col: InlineColumnDef, row: Record<string, unknown>): boolean;
+    /** Appends a blank row produced by `config.createRow()`. */
+    addRow(): void;
+    /** Removes the row at `idx` from the array. */
+    removeRow(idx: number): void;
+    /** Ids of the expanded sub-rows panels, keyed `${rowIdx}:${col.key}` (UI-only state). */
+    private readonly expandedSubrows;
+    isSubrowsExpanded(rowIdx: number, col: InlineColumnDef): boolean;
+    toggleSubrows(rowIdx: number, col: InlineColumnDef): void;
+    /** Reads the nested key/value entries of a sub-rows column (never null). */
+    getSubEntries(row: Record<string, unknown>, col: InlineColumnDef): Record<string, unknown>[];
+    /** Options for the key select of a sub-rows column. */
+    getSubrowOptions(col: InlineColumnDef): BaseCodeListEntry[];
+    /** Localized label for a sub-entry key (descriptor designation, id as fallback). */
+    subrowKeyLabel(col: InlineColumnDef, keyValue: unknown): string;
+    /** Collapsed-cell summary, e.g. "Bovins 25 %, Porcs 75 %" ('–' when empty). */
+    subrowsSummary(row: Record<string, unknown>, col: InlineColumnDef): string;
+    /** Sum of the value fields of all sub-entries. */
+    subEntryTotal(row: Record<string, unknown>, col: InlineColumnDef): number;
+    /** Whether the sub-entry values sum to the configured expected total. */
+    subEntryTotalOk(row: Record<string, unknown>, col: InlineColumnDef): boolean;
+    addSubEntry(rowIdx: number, col: InlineColumnDef): void;
+    removeSubEntry(rowIdx: number, col: InlineColumnDef, subIdx: number): void;
+    onSubEntryKeyChange(rowIdx: number, col: InlineColumnDef, subIdx: number, value: unknown): void;
+    /** Commits on every keystroke (not on blur) — same rationale as `onNumberChange`.
+     *  When `expectedTotal` is set, the value is clamped to the remaining share so the
+     *  sum can never exceed it; smaller intermediate keystrokes still go through. */
+    onSubEntryValueChange(rowIdx: number, col: InlineColumnDef, subIdx: number, event: Event): void;
+    /** Writes the sub-entry array back to the row, runs rowTransform, emits rowsChange. */
+    private updateSubEntries;
+    /**
+     * 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;
+}