@agridea/suibi-module 0.1.0-preview.8 → 0.1.0-preview.8c4fa92

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}.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.8c4fa92 8c4fa92

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}

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,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 metadataPreview: import("@angular/core").Signal<import("../../../public-api").SuibiDataEventMetadata>;
+    constructor(naebi: NaebiDataService);
+    emitData(): void;
+}

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

@@ -0,0 +1,10 @@
+/**
+ * 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 {
+    primaryText: import("@angular/core").InputSignal<string>;
+    /** Optional hint displayed below the primary message. */
+    secondaryText: import("@angular/core").InputSignal<string>;
+}

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

@@ -0,0 +1,69 @@
+import { SafeResourceUrl } from '@angular/platform-browser';
+import { PlanningBalanceService, PlanningEndpoint } 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';
+export declare class PlanningResultComponent {
+    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>;
+    /** Housing-type segments for the A2 table, pre-built to avoid dynamic key access in template. */
+    readonly animalStockSegments: import("@angular/core").Signal<{
+        label: string;
+        data: import("../../core/planning/planning-balance.types").TotalNutrientSet;
+    }[]>;
+    /** A3 equivalent: manure trading balance per product. */
+    readonly manureTradingBalance: import("@angular/core").Signal<import("../../core/planning/planning-balance.types").FarmManureTrading | null>;
+    /** A4 equivalent: manure storage totals. */
+    readonly storageBalance: import("@angular/core").Signal<import("../../core/planning/planning-balance.types").TotalNutrientSet | null>;
+    /** A5 equivalent: field spreading totals for key nutrients. */
+    readonly fieldSpreadingBalance: import("@angular/core").Signal<import("../../core/planning/planning-balance.types").TotalNutrientSet | null>;
+    readonly requirementPerCultivationCategory: import("@angular/core").Signal<import("../../core/planning/planning-balance.types").NutrientRequirementEntry[]>;
+    readonly totalRequirement: import("@angular/core").Signal<NutrientEntry[]>;
+    /**
+     * Merge area/yield data from fieldCultivation with nutrient requirements so
+     * each row has everything needed to display Section C of the PDF report.
+     */
+    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;
+    /**
+     * Sums entries by formula for the given ordered formula list (kg unit only).
+     * Multiple per-product rows with the same formula are aggregated into one.
+     */
+    sumNutrients(entries: NutrientEntry[], formulas: readonly string[]): NutrientEntry[];
+    /** Summary chips for Sections A1–A5 (Ntot / P₂O₅ / K₂O / Mg). */
+    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/welcome-page/metadata.types.d.ts

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

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

@@ -0,0 +1,28 @@
+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 {
+    private readonly i18n;
+    private readonly metadataSvc;
+    startEvent: import("@angular/core").OutputEmitterRef<void>;
+    metadataChange: import("@angular/core").OutputEmitterRef<SuibiMetadata>;
+    private readonly baseSchema;
+    private readonly baseUiSchema;
+    readonly suibiAjv: import("ajv").Ajv;
+    readonly renderers: {
+        tester: import("@jsonforms/core").RankedTester;
+        renderer: any;
+    }[];
+    readonly metadata: import("@angular/core").Signal<SuibiMetadata>;
+    readonly localizedSchema: import("@angular/core").Signal<JsonSchema>;
+    readonly localizedUi: import("@angular/core").Signal<UISchemaElement>;
+    readonly jsonFormsData: import("@angular/core").Signal<{}>;
+    ngOnInit(): void;
+    start(): void;
+    onMetadataChange(newValue: unknown): void;
+    private normalizeJsonFormsPayload;
+    private toMetadata;
+    private isSuibiVersion;
+    private isSubmissionStatus;
+    private isSameMetadata;
+}

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

@@ -0,0 +1,48 @@
+import { PageId } from '../../core/navigation/navigation.service';
+/**
+ * WorkflowStepperComponent
+ * Horizontal navigation stepper for the main data-entry workflow.
+ *
+ * Design contract:
+ * - Uses mat-stepper as a header-only nav bar (step content is empty; content
+ *   area is hidden via CSS so the stepper acts as a pure navigation indicator).
+ * - [selectedIndex] is driven by the currentPage input — no internal routing state.
+ * - Navigation is delegated back to App via the onNavigate callback, preserving
+ *   the custom-element page-attribute reflection.
+ * - Error indicators: any page with at least one enriched validation error shows
+ *   the error ring on its step circle. Requires STEPPER_GLOBAL_OPTIONS { showError: true }.
+ * - Non-workflow pages (e.g. data_preview): mat-stepper rejects out-of-bounds selectedIndex,
+ *   so we clamp to 0; the no-active-step CSS class neutralises the visual active indicator,
+ *   and onStepperClick delegates clicks for all headers (bypassing the stepper's
+ *   "no-change" guard that suppresses selectedIndexChange for the currently selected step).
+ *
+ * Extension points:
+ * - Completed state: replace the hardcoded `false` on [completed] with a per-page
+ *   computed once domain completion rules are defined (e.g. all required fields valid).
+ * - New pages: add an entry to WORKFLOW_STEPS and extend PageId.
+ */
+export declare class WorkflowStepperComponent {
+    protected readonly steps: readonly {
+        readonly pageId: PageId;
+        readonly labelKey: string;
+    }[];
+    /**
+     * Current page from the parent. Controls which step circle is highlighted.
+     * Non-workflow pages (e.g. data_preview) use index 0 as a valid CDK fallback;
+     * the no-active-step CSS class removes the visual active indicator for those pages.
+     */
+    readonly currentPage: import("@angular/core").InputSignal<PageId>;
+    /**
+     * Navigation callback provided by App.
+     * Using a callback (instead of an output EventEmitter) matches the existing
+     * header-bar pattern and ensures the custom-element page-attribute is reflected.
+     */
+    readonly onNavigate: import("@angular/core").InputSignal<(page: PageId) => void>;
+    private readonly validationSvc;
+    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>;
+    protected onSelectedIndexChange(index: number): void;
+    protected onStepperClick(event: MouseEvent): void;
+    private navigateTo;
+}

package/dist/types/app/core/data/naebi-data.service.d.ts

@@ -1,5 +1,7 @@
-import naebiExample from '../../../../assets/example-data/example-naebi-data.json';
-export type NaebiData = typeof naebiExample;
+import exampleDetail from '../../../../assets/example-data/example-naebi-data.json';
+type SampleEvent = typeof exampleDetail;
+type SampleData = SampleEvent['payload']['data'];
+export type NaebiData = SampleData;
 /**
  * Calculation mode determines which validation rules and features are active.
  */
@@ -27,7 +29,7 @@ export declare class NaebiDataService {
                         hoursPerDay: number;
                     };
                     stall: {
-                        stableSystem: number;
+                        stableSystem: string;
                         stableCapacity: number;
                         stableVentilationType: number;
                         stableAirPurification: number;
@@ -99,6 +101,10 @@ export declare class NaebiDataService {
                     quantity: number;
                     typeOfManureRecyclingProduct: string;
                     transactionUnit: string;
+                    manureDerivation: {
+                        zoologicalAnimal: string;
+                        percentageAllocation: number;
+                    }[];
                     ingredient: {
                         quantity: number;
                         molecularFormula: string;
@@ -113,6 +119,11 @@ export declare class NaebiDataService {
                         zoologicalAnimal: string;
                         percentageAllocation: number;
                     }[];
+                    ingredient: {
+                        quantity: number;
+                        molecularFormula: string;
+                        unit: string;
+                    }[];
                 }[];
             };
             fieldSpreading: {
@@ -125,14 +136,18 @@ export declare class NaebiDataService {
                         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;
@@ -154,8 +169,6 @@ export declare class NaebiDataService {
                 }[];
             };
             lifetimePerformance: {
-                dailyGain: number;
-                liveWeight: number;
                 milkProductionReport: number;
             };
             fodder: {
@@ -209,19 +222,26 @@ export declare class NaebiDataService {
                     userSpecificPlantName: string;
                     isMainCrop: boolean;
                     areaSize: number;
-                    yieldPerSquareMeasure: number;
                 }[];
             };
             generateReport: boolean;
         };
+        calculationVersion: {
+            version: string;
+        };
     }>;
+    private readonly _lastEmitted;
+    private readonly _dirty;
+    readonly dirty: import("@angular/core").Signal<boolean>;
     private readonly _calculationMode;
     readonly calculationMode: import("@angular/core").Signal<CalculationMode>;
     /**
      * Set new data value; accepts plain object (already parsed) matching NaebiData shape.
-     * Silent no-op if value is structurally equal reference to avoid unnecessary updates (cheap ref check only).
+     * Silent no-op if value is structurally equal after normalization to avoid unnecessary updates.
      */
     setData(value: NaebiData): void;
+    /** Mark current data as saved (clears dirty state and updates snapshot). */
+    markSaved(): void;
     /**
      * Set calculation mode (SuiBi or ExBi).
      * Can affect which validation rules are active or which features are enabled.
@@ -230,3 +250,4 @@ export declare class NaebiDataService {
     /** Reset to bundled example */
     reset(): void;
 }
+export {};

package/dist/types/app/core/error/global-error-handler.d.ts

@@ -0,0 +1,6 @@
+import { ErrorHandler, Injector } from '@angular/core';
+export declare class GlobalErrorHandler implements ErrorHandler {
+    private injector;
+    constructor(injector: Injector);
+    handleError(error: any): void;
+}

package/dist/types/app/core/events/suibi-data-emitter.service.d.ts

@@ -0,0 +1,13 @@
+import { SuibiDataEventDetail, SuibiDataEventMetadata } from './suibi-data-event';
+/**
+ * Centralizes construction + dispatch of the `suibi-data-emitted` payload so multiple UI entry points can reuse it.
+ */
+export declare class SuibiDataEmitterService {
+    private readonly i18n;
+    private readonly validation;
+    private readonly metadataSvc;
+    private readonly naebi;
+    buildMetadata(): SuibiDataEventMetadata;
+    buildDetail(): SuibiDataEventDetail;
+    emitFrom(target: HTMLElement): void;
+}

package/dist/types/app/core/events/suibi-data-event.d.ts

@@ -0,0 +1,26 @@
+import { Locale } from '../i18n/i18n.service';
+import { NaebiData } from '../data/naebi-data.service';
+import { SuibiMetadata } from '../metadata/suibi-metadata.types';
+/**
+ * Increment when the payload contract changes in a backwards-incompatible way.
+ */
+export declare const SUIBI_DATA_EVENT_VERSION = "suibi-data.v1";
+/** Detail object emitted with the `suibi-data` CustomEvent. */
+export interface SuibiDataEventDetail {
+    version: typeof SUIBI_DATA_EVENT_VERSION;
+    payload: SuibiDataEventPayload;
+}
+/** Top-level payload structure delivered to host applications. */
+export interface SuibiDataEventPayload {
+    metadata: SuibiDataEventMetadata;
+    data: NaebiData;
+}
+/**
+ * Metadata describing the dataset at the moment of emission so hosts can audit and reason about it.
+ */
+export type SuibiDataEventMetadata = SuibiMetadata & {
+    emittedAt: string;
+    locale: Locale;
+    isValid: boolean;
+    errorCount: number;
+};

package/dist/types/app/core/master-data/master-data.service.d.ts

@@ -1,5 +1,12 @@
 import { Locale } from '../i18n/i18n.service';
-declare const MASTER_DATA: Record<string, any[]>;
+/** The property name of the primary key in a master-data catalog entry. */
+type MasterDataKeyField = string;
+interface MasterDataCatalog {
+    entries: any[];
+    /** Property name to use as the lookup key; 'id' entries are coerced to Number. */
+    key: MasterDataKeyField;
+}
+declare const MASTER_DATA: Record<string, MasterDataCatalog>;
 export type MasterDataKind = keyof typeof MASTER_DATA;
 export declare class MasterDataService {
     private readonly i18n;
@@ -14,5 +21,10 @@ export declare class MasterDataService {
     designation(kind: MasterDataKind, id: number | string | null | undefined, locale?: Locale): string;
     resolveAnimalCategory(id: number | string | null | undefined, locale?: Locale): string;
     resolveUtilisation(id: number | string | null | undefined, locale?: Locale): string;
+    resolveManureProduct(code: string | null | undefined, locale?: Locale): string;
+    resolveZoologicalAnimal(code: string | null | undefined, locale?: Locale): string;
+    resolveCultivationCategory(code: string | null | undefined, locale?: Locale): string;
+    resolveAgronomicCropCategory(code: string | null | undefined, locale?: Locale): string;
+    resolveFeedstuffProduct(code: string | null | undefined, locale?: Locale): string;
 }
 export {};

package/dist/types/app/core/metadata/suibi-metadata.service.d.ts

@@ -0,0 +1,6 @@
+import { SuibiMetadata } from './suibi-metadata.types';
+export declare class SuibiMetadataService {
+    private readonly metadataSignal;
+    readonly metadata: import("@angular/core").Signal<SuibiMetadata>;
+    setMetadata(next: SuibiMetadata): void;
+}

package/dist/types/app/core/metadata/suibi-metadata.types.d.ts

@@ -0,0 +1,8 @@
+export type SuibiVersion = '1.19' | '1.20';
+export type SubmissionStatus = 'draft' | 'submitted' | 'final';
+export interface SuibiMetadata {
+    title: string;
+    suibiVersion: SuibiVersion;
+    status: SubmissionStatus;
+}
+export declare const DEFAULT_SUIBI_METADATA: SuibiMetadata;

package/dist/types/app/core/navigation/navigation.service.d.ts

@@ -1,5 +1,8 @@
 export type PageId = 'welcome' | 'animal_stock' | 'data_preview' | 'storage' | 'field_spreading' | 'farm_manure_trading';
 export type AnimalStockCategory = 'base' | 'formOfDetention' | 'feeding';
+export type FarmManureTradingMode = 'supply' | 'dispense';
+export type FarmManureTradingCategory = 'general' | 'derivation' | 'ingredients';
+export type FieldSpreadingCategory = 'general' | 'fertiliser' | 'recycling';
 /**
  * NavigationService
  * Global reactive store for application routing and deep-link state.
@@ -21,8 +24,20 @@ export declare class NavigationService {
     readonly currentPage: import("@angular/core").WritableSignal<PageId>;
     /** Selected animal stock entry index (null = list view) */
     readonly selectedAnimalStockIndex: import("@angular/core").WritableSignal<number | null>;
-    /** Selected category (tab) within animal stock detail */
-    readonly selectedAnimalStockCategory: import("@angular/core").WritableSignal<AnimalStockCategory>;
+    /**
+     * Generic category (tab) selection: stores current page + selected category key.
+     * Used by categorization renderer for programmatic tab control.
+     * Format: { page: PageId, category: string }
+     */
+    readonly selectedCategory: import("@angular/core").WritableSignal<{
+        page: PageId;
+        category: string;
+    }>;
+    /** Selected farm manure trading detail context (mode + index) */
+    readonly selectedFarmManureTrading: import("@angular/core").WritableSignal<{
+        mode: FarmManureTradingMode;
+        index: number;
+    } | null>;
     /** True if currently viewing animal stock detail (not list) */
     readonly isAnimalStockDetailView: import("@angular/core").Signal<boolean>;
     /** True if currently on animal stock page (list or detail) */
@@ -41,10 +56,16 @@ export declare class NavigationService {
      * Used by validation error navigation and internal routing.
      */
     navigateToAnimalStockDetail(index: number, category?: AnimalStockCategory): void;
+    navigateToFarmManureTradingDetail(mode: FarmManureTradingMode, index: number, category?: FarmManureTradingCategory): void;
+    navigateToFarmManureTradingList(): void;
+    navigateToFieldSpreading(category?: FieldSpreadingCategory): void;
     /**
-     * Set active category/tab within animal stock detail (without changing page/entry).
+     * Set active category/tab for current page (without changing page/entry).
+     * Generic method supporting any page's categorization navigation.
+     * No-op when page and category are already the same values to prevent
+     * unnecessary signal emissions that re-trigger the tab index computed.
      */
-    setAnimalStockCategory(category: AnimalStockCategory): void;
+    setCategory(page: PageId, category: string): void;
     /**
      * Reset page-specific context when navigating away.
      * Prevents stale state (e.g., old selected index) from affecting new page.

package/dist/types/app/core/planning/planning-balance.service.d.ts

@@ -0,0 +1,18 @@
+import { NaebiData } from '../data/naebi-data.service';
+import type { PlanningBalanceResponse } from './planning-balance.types';
+export type { PlanningBalanceResponse } from './planning-balance.types';
+/** Which backend to target for planning requests. */
+export type PlanningEndpoint = 'ebilanz' | 'blw';
+/**
+ * Sends NAEBI data to a planning endpoint and exposes the result as a
+ * signal-based resource. Call `runPlanning(data, endpoint)` to trigger a request.
+ *
+ * The ID counter ensures each call re-fetches even if the payload hasn't changed.
+ */
+export declare class PlanningBalanceService {
+    private readonly _trigger;
+    private _nextId;
+    readonly planningResource: import("@angular/common/http").HttpResourceRef<PlanningBalanceResponse | undefined>;
+    /** Fire a new planning-balance request with the current NAEBI data payload. */
+    runPlanning(data: NaebiData, endpoint: PlanningEndpoint): void;
+}