@sneat/extension-splitus-ui 0.2.1 → 0.2.2

package/fesm2022/{sneat-extension-splitus-ui-new-split-page.component-DkP-7W5H.mjs → sneat-extension-splitus-ui-new-split-page.component-DqIE_0pp.mjs}

@@ -2,22 +2,21 @@ import * as i0 from '@angular/core';
 import { Component } from '@angular/core';
 import { IonHeader, IonToolbar, IonButtons, IonBackButton, IonTitle, IonContent } from '@ionic/angular';
 import { SpacePageBaseComponent, SpaceComponentBaseParams } from '@sneat/space-components';
+import { SpaceServiceModule } from '@sneat/space-services';
 import { ClassName } from '@sneat/ui';
-import { NewSplitFormComponent } from './sneat-extension-splitus-ui.mjs';
+import { N as NewSplitFormComponent } from './sneat-extension-splitus-ui-sneat-extension-splitus-ui-CX1eiAAR.mjs';
 
-// Create-split page. Entry: the "New split" button on the splits home page.
-// Exit: the hosted form redirects to `split/:splitID` (details) on success
-// with replaceUrl; Back/cancel returns to `splits`.
+// Create-bill page. The form redirects to the persisted bill on success.
 class NewSplitPageComponent extends SpacePageBaseComponent {
     constructor() {
         super();
-        this.$defaultBackUrlSpacePath.set('splits');
+        this.$defaultBackUrlSpacePath.set('bills');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: NewSplitPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.3", type: NewSplitPageComponent, isStandalone: true, selector: "sneat-splitus-new-split-page", providers: [
             { provide: ClassName, useValue: 'NewSplitPageComponent' },
             SpaceComponentBaseParams,
-        ], usesInheritance: true, ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"light\">\n    <ion-buttons slot=\"start\">\n      <ion-back-button [defaultHref]=\"$defaultBackUrl()\" />\n    </ion-buttons>\n    <ion-title>New split</ion-title>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"cardy\">\n  <sneat-splitus-new-split-form\n    [space]=\"space\"\n    [currentUserID]=\"currentUserId\"\n  />\n</ion-content>\n", dependencies: [{ kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonBackButton, selector: "ion-back-button" }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"], outputs: ["ionScrollStart", "ionScroll", "ionScrollEnd"] }, { kind: "component", type: NewSplitFormComponent, selector: "sneat-splitus-new-split-form", inputs: ["space", "currentUserID"] }] });
+        ], usesInheritance: true, ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"light\">\n    <ion-buttons slot=\"start\">\n      <ion-back-button [defaultHref]=\"$defaultBackUrl()\" />\n    </ion-buttons>\n    <ion-title>New bill</ion-title>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"cardy\">\n  <sneat-splitus-new-split-form\n    [space]=\"space\"\n    [currentUserID]=\"currentUserId\"\n  />\n</ion-content>\n", dependencies: [{ kind: "component", type: IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: IonBackButton, selector: "ion-back-button" }, { kind: "component", type: IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"], outputs: ["ionScrollStart", "ionScroll", "ionScrollEnd"] }, { kind: "ngmodule", type: SpaceServiceModule }, { kind: "component", type: NewSplitFormComponent, selector: "sneat-splitus-new-split-form", inputs: ["space", "currentUserID"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: NewSplitPageComponent, decorators: [{
             type: Component,
@@ -28,12 +27,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImpor
                         IonBackButton,
                         IonTitle,
                         IonContent,
+                        SpaceServiceModule,
                         NewSplitFormComponent,
                     ], providers: [
                         { provide: ClassName, useValue: 'NewSplitPageComponent' },
                         SpaceComponentBaseParams,
-                    ], template: "<ion-header>\n  <ion-toolbar color=\"light\">\n    <ion-buttons slot=\"start\">\n      <ion-back-button [defaultHref]=\"$defaultBackUrl()\" />\n    </ion-buttons>\n    <ion-title>New split</ion-title>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"cardy\">\n  <sneat-splitus-new-split-form\n    [space]=\"space\"\n    [currentUserID]=\"currentUserId\"\n  />\n</ion-content>\n" }]
+                    ], template: "<ion-header>\n  <ion-toolbar color=\"light\">\n    <ion-buttons slot=\"start\">\n      <ion-back-button [defaultHref]=\"$defaultBackUrl()\" />\n    </ion-buttons>\n    <ion-title>New bill</ion-title>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"cardy\">\n  <sneat-splitus-new-split-form\n    [space]=\"space\"\n    [currentUserID]=\"currentUserId\"\n  />\n</ion-content>\n" }]
         }], ctorParameters: () => [] });
 
 export { NewSplitPageComponent };
-//# sourceMappingURL=sneat-extension-splitus-ui-new-split-page.component-DkP-7W5H.mjs.map
+//# sourceMappingURL=sneat-extension-splitus-ui-new-split-page.component-DqIE_0pp.mjs.map

package/fesm2022/sneat-extension-splitus-ui-new-split-page.component-DqIE_0pp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sneat-extension-splitus-ui-new-split-page.component-DqIE_0pp.mjs","sources":["../../../../../../libs/extensions/splitus/ui/src/lib/pages/new-split/new-split-page.component.ts","../../../../../../libs/extensions/splitus/ui/src/lib/pages/new-split/new-split-page.component.html"],"sourcesContent":["import { Component } from '@angular/core';\nimport {\n  IonBackButton,\n  IonButtons,\n  IonContent,\n  IonHeader,\n  IonTitle,\n  IonToolbar,\n} from '@ionic/angular';\nimport {\n  SpaceComponentBaseParams,\n  SpacePageBaseComponent,\n} from '@sneat/space-components';\nimport { SpaceServiceModule } from '@sneat/space-services';\nimport { ClassName } from '@sneat/ui';\nimport { NewSplitFormComponent } from '../../components';\n\n// Create-bill page. The form redirects to the persisted bill on success.\n@Component({\n  selector: 'sneat-splitus-new-split-page',\n  templateUrl: './new-split-page.component.html',\n  imports: [\n    IonHeader,\n    IonToolbar,\n    IonButtons,\n    IonBackButton,\n    IonTitle,\n    IonContent,\n    SpaceServiceModule,\n    NewSplitFormComponent,\n  ],\n  providers: [\n    { provide: ClassName, useValue: 'NewSplitPageComponent' },\n    SpaceComponentBaseParams,\n  ],\n})\nexport class NewSplitPageComponent extends SpacePageBaseComponent {\n  constructor() {\n    super();\n    this.$defaultBackUrlSpacePath.set('bills');\n  }\n}\n","<ion-header>\n  <ion-toolbar color=\"light\">\n    <ion-buttons slot=\"start\">\n      <ion-back-button [defaultHref]=\"$defaultBackUrl()\" />\n    </ion-buttons>\n    <ion-title>New bill</ion-title>\n  </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"cardy\">\n  <sneat-splitus-new-split-form\n    [space]=\"space\"\n    [currentUserID]=\"currentUserId\"\n  />\n</ion-content>\n"],"names":[],"mappings":";;;;;;;;AAiBA;AAmBM,MAAO,qBAAsB,SAAQ,sBAAsB,CAAA;AAC/D,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;AACP,QAAA,IAAI,CAAC,wBAAwB,CAAC,GAAG,CAAC,OAAO,CAAC;IAC5C;uGAJW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,SAAA,EALrB;AACT,YAAA,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,uBAAuB,EAAE;YACzD,wBAAwB;AACzB,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClCH,kYAeA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDOI,SAAS,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACT,UAAU,mFACV,UAAU,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACV,aAAa,EAAA,QAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACb,QAAQ,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACR,UAAU,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,oBAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,cAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACV,kBAAkB,+BAClB,qBAAqB,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,eAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAOZ,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAlBjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,8BAA8B,EAAA,OAAA,EAE/B;wBACP,SAAS;wBACT,UAAU;wBACV,UAAU;wBACV,aAAa;wBACb,QAAQ;wBACR,UAAU;wBACV,kBAAkB;wBAClB,qBAAqB;qBACtB,EAAA,SAAA,EACU;AACT,wBAAA,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,uBAAuB,EAAE;wBACzD,wBAAwB;AACzB,qBAAA,EAAA,QAAA,EAAA,kYAAA,EAAA;;;;;"}

package/fesm2022/sneat-extension-splitus-ui-sneat-extension-splitus-ui-CX1eiAAR.mjs

@@ -0,0 +1,558 @@
+import * as i0 from '@angular/core';
+import { Injectable, inject, DestroyRef, signal, computed, Input, Component, InjectionToken } from '@angular/core';
+import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
+import * as i1 from '@angular/forms';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
+import { IonCard, IonCardHeader, IonCardTitle, IonCardContent, IonItem, IonLabel, IonNote, IonSelect, IonSelectOption, IonInput, IonCheckbox, IonSegment, IonSegmentButton, IonButton, IonSpinner } from '@ionic/angular';
+import { ErrorLogger } from '@sneat/core';
+import { CONTACTUS_SPACE_SERVICE } from '@sneat/extension-contactus-contract';
+import { SPLITUS_BILL_SERVICE_V1, SPLITUS_BILL_CONTRACT_VERSION } from '@sneat/extension-splitus-contract';
+import { newRandomId } from '@sneat/random';
+import { SpaceNavService } from '@sneat/space-services';
+
+const DRAFT_SPLIT_STORAGE_KEY = 'sneat.splitus.draftSplit';
+const MAX_AGE_MS = 24 * 60 * 60 * 1000; // 24h
+const CURRENCY_CODES = ['EUR', 'GBP', 'USD'];
+function isDraftSplit(value) {
+    if (typeof value !== 'object' || value === null) {
+        return false;
+    }
+    const v = value;
+    return (typeof v['billID'] === 'string' &&
+        v['billID'].length > 0 &&
+        typeof v['title'] === 'string' &&
+        typeof v['amount'] === 'string' &&
+        CURRENCY_CODES.includes(v['currencyCode']) &&
+        typeof v['createdAt'] === 'number');
+}
+class DraftSplitStore {
+    save(draft) {
+        const full = { ...draft, createdAt: Date.now() };
+        try {
+            localStorage.setItem(DRAFT_SPLIT_STORAGE_KEY, JSON.stringify(full));
+        }
+        catch {
+            // Storage unavailable (private mode, quota) — fail open, never block
+            // navigation over a lost draft.
+        }
+    }
+    read() {
+        let raw;
+        try {
+            raw = localStorage.getItem(DRAFT_SPLIT_STORAGE_KEY);
+        }
+        catch {
+            return undefined;
+        }
+        if (!raw) {
+            return undefined;
+        }
+        let parsed;
+        try {
+            parsed = JSON.parse(raw);
+        }
+        catch {
+            return undefined;
+        }
+        if (!isDraftSplit(parsed) || Date.now() - parsed.createdAt > MAX_AGE_MS) {
+            return undefined;
+        }
+        return parsed;
+    }
+    hasPending() {
+        return this.read() !== undefined;
+    }
+    clear() {
+        try {
+            localStorage.removeItem(DRAFT_SPLIT_STORAGE_KEY);
+        }
+        catch {
+            // ignore
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DraftSplitStore, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DraftSplitStore, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DraftSplitStore, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+const DECIMAL_PATTERN = /^(?:0|[1-9]\d*)(?:\.(\d{1,2}))?$/;
+const ZERO = BigInt('0');
+const HUNDRED = BigInt('100');
+/** Parses a non-negative decimal string into exact integer hundredths. */
+function parseDecimal(raw) {
+    const value = raw?.trim();
+    if (!value) {
+        return undefined;
+    }
+    const match = DECIMAL_PATTERN.exec(value);
+    if (!match) {
+        return undefined;
+    }
+    const [whole = '', fraction = ''] = value.split('.');
+    return BigInt(whole) * HUNDRED + BigInt(fraction.padEnd(2, '0') || '0');
+}
+/** Formats exact integer hundredths as a two-decimal wire string. */
+function formatHundredths(value) {
+    const sign = value < ZERO ? '-' : '';
+    const absolute = value < ZERO ? -value : value;
+    const whole = absolute / HUNDRED;
+    const fraction = (absolute % HUNDRED).toString().padStart(2, '0');
+    return `${sign}${whole.toString()}.${fraction}`;
+}
+/** Formats basis points as a trimmed percent value. */
+function formatPercentValue(value) {
+    const formatted = formatHundredths(value);
+    if (formatted.endsWith('.00')) {
+        return formatted.slice(0, -3);
+    }
+    return formatted.endsWith('0') ? formatted.slice(0, -1) : formatted;
+}
+const positiveExactDecimalValidator = (control) => {
+    const value = parseDecimal(control.value);
+    return value !== undefined && value > ZERO ? null : { exactDecimal: true };
+};
+
+/**
+ * Live reconciliation of custom shares against the expense total.
+ *
+ * - `equally`: always ok — there are no share inputs; the client calculates
+ *   exact allocations before submitting the bill.
+ * - `exact-amount`: every share must be entered and sum exactly to the total.
+ * - `percentage`: every percentage must be entered and sum exactly to 100%.
+ *
+ * @param totalHundredths the expense total in hundredths (cents), if entered.
+ * @param shares raw share inputs, one per participant (payer included).
+ */
+function reconcileShares(mode, totalHundredths, shares) {
+    if (mode === 'equally') {
+        return { ok: true };
+    }
+    const parsed = shares.map(parseDecimal);
+    if (parsed.some((v) => v === undefined)) {
+        return {
+            ok: false,
+            error: mode === 'percentage'
+                ? 'Enter a percentage for every participant.'
+                : 'Enter a share for every participant.',
+        };
+    }
+    const entered = parsed.reduce((sum, value) => sum + value, BigInt('0'));
+    if (mode === 'percentage') {
+        if (entered === BigInt('10000')) {
+            return { ok: true };
+        }
+        return {
+            ok: false,
+            error: `Percentages sum to ${formatPercentValue(entered)}% — they must sum to exactly 100%.`,
+        };
+    }
+    // exact-amount
+    if (totalHundredths === undefined) {
+        return { ok: false, error: 'Enter the expense total first.' };
+    }
+    if (entered === totalHundredths) {
+        return { ok: true };
+    }
+    const delta = entered - totalHundredths;
+    const direction = delta < BigInt('0')
+        ? `${formatHundredths(-delta)} short of`
+        : `${formatHundredths(delta)} over`;
+    return {
+        ok: false,
+        error: `Shares sum to ${formatHundredths(entered)} — ${direction} the ${formatHundredths(totalHundredths)} total.`,
+    };
+}
+
+function extractServerMessage(err) {
+    if (typeof err !== 'object' || !err) {
+        return typeof err === 'string' && err.trim() ? err.trim() : undefined;
+    }
+    const e = err;
+    if (typeof e.error === 'string' && e.error.trim()) {
+        return e.error.trim();
+    }
+    if (typeof e.error === 'object' && e.error) {
+        const message = e.error.message;
+        if (typeof message === 'string' && message.trim()) {
+            return message.trim();
+        }
+    }
+    return typeof e.message === 'string' && e.message.trim()
+        ? e.message.trim()
+        : undefined;
+}
+function distribute(total, weights) {
+    const weightTotal = weights.reduce((sum, value) => sum + value, 0n);
+    if (weightTotal <= 0n) {
+        return [];
+    }
+    const amounts = weights.map((weight) => (total * weight) / weightTotal);
+    let remainder = total - amounts.reduce((sum, value) => sum + value, 0n);
+    for (let index = 0; remainder > 0n; index = (index + 1) % amounts.length) {
+        amounts[index] += 1n;
+        remainder -= 1n;
+    }
+    return amounts;
+}
+class NewSplitFormComponent {
+    errorLogger = inject(ErrorLogger);
+    splitusService = inject(SPLITUS_BILL_SERVICE_V1);
+    contactusSpaceService = inject(CONTACTUS_SPACE_SERVICE);
+    spaceNavService = inject(SpaceNavService);
+    destroyRef = inject(DestroyRef);
+    draftSplitStore = inject(DraftSplitStore);
+    $resumedFromDraft = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$resumedFromDraft" }] : /* istanbul ignore next */ []));
+    $billID = signal(newRandomId({ len: 20 }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$billID" }] : /* istanbul ignore next */ []));
+    draftChecked = false;
+    $space = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$space" }] : /* istanbul ignore next */ []));
+    set space(value) {
+        this.$space.set(value);
+        this.watchContacts(value?.id);
+        this.tryResumeDraft();
+    }
+    $currentUserID = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$currentUserID" }] : /* istanbul ignore next */ []));
+    set currentUserID(value) {
+        this.$currentUserID.set(value);
+    }
+    tryResumeDraft() {
+        if (this.draftChecked) {
+            return;
+        }
+        this.draftChecked = true;
+        const draft = this.draftSplitStore.read();
+        if (!draft) {
+            return;
+        }
+        this.$billID.set(draft.billID);
+        this.title.setValue(draft.title);
+        this.currency.setValue(draft.currencyCode);
+        this.amount.setValue(draft.amount);
+        this.$resumedFromDraft.set(true);
+    }
+    dismissDraftBanner() {
+        this.$resumedFromDraft.set(false);
+        this.draftSplitStore.clear();
+    }
+    contactsSubscription;
+    watchedSpaceID;
+    $contacts = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$contacts" }] : /* istanbul ignore next */ []));
+    $contactsError = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$contactsError" }] : /* istanbul ignore next */ []));
+    watchContacts(spaceID) {
+        if (spaceID === this.watchedSpaceID) {
+            return;
+        }
+        this.watchedSpaceID = spaceID;
+        this.contactsSubscription?.unsubscribe();
+        this.$contacts.set(undefined);
+        this.$contactsError.set(undefined);
+        if (!spaceID) {
+            return;
+        }
+        this.contactsSubscription = this.contactusSpaceService
+            .watchContactBriefs(spaceID)
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: (contacts) => this.$contacts.set(contacts),
+            error: (err) => {
+                this.$contactsError.set('Failed to load contacts.');
+                this.errorLogger.logError(err, 'Failed to load space contacts', {
+                    show: false,
+                });
+            },
+        });
+    }
+    $payer = computed(() => {
+        const userID = this.$currentUserID();
+        const contact = this.$contacts()?.find((item) => item.brief?.userID === userID);
+        return contact
+            ? {
+                id: contact.id,
+                title: contact.brief?.title || contact.brief?.shortTitle || 'Your contact',
+            }
+            : undefined;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$payer" }] : /* istanbul ignore next */ []));
+    $participantChoices = computed(() => {
+        const payerID = this.$payer()?.id;
+        return this.$contacts()
+            ?.filter((contact) => contact.id !== payerID)
+            .map((contact) => ({
+            id: contact.id,
+            title: contact.brief?.title || contact.brief?.shortTitle || 'Unnamed contact',
+        }));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$participantChoices" }] : /* istanbul ignore next */ []));
+    $selectedContactIDs = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$selectedContactIDs" }] : /* istanbul ignore next */ []));
+    onParticipantToggle(contactID, checked) {
+        this.$selectedContactIDs.update((ids) => {
+            const without = ids.filter((id) => id !== contactID);
+            return checked ? [...without, contactID] : without;
+        });
+    }
+    onParticipantChecked(contactID, event) {
+        const checked = !!event.detail?.checked;
+        this.onParticipantToggle(contactID, checked);
+    }
+    title = new FormControl('', { nonNullable: true });
+    currency = new FormControl('EUR', {
+        nonNullable: true,
+    });
+    amount = new FormControl('', {
+        nonNullable: true,
+        validators: [positiveExactDecimalValidator],
+    });
+    billKind = new FormControl('general', {
+        nonNullable: true,
+    });
+    utilityKind = new FormControl('electricity', { nonNullable: true });
+    providerName = new FormControl('', { nonNullable: true });
+    periodStart = new FormControl('', { nonNullable: true });
+    periodEnd = new FormControl('', { nonNullable: true });
+    $amount = toSignal(this.amount.valueChanges, {
+        initialValue: this.amount.value,
+    });
+    $billKind = toSignal(this.billKind.valueChanges, {
+        initialValue: this.billKind.value,
+    });
+    $periodStart = toSignal(this.periodStart.valueChanges, {
+        initialValue: this.periodStart.value,
+    });
+    $periodEnd = toSignal(this.periodEnd.valueChanges, {
+        initialValue: this.periodEnd.value,
+    });
+    currencies = [
+        'EUR',
+        'GBP',
+        'USD',
+    ];
+    utilityKinds = [
+        { value: 'electricity', title: 'Electricity' },
+        { value: 'gas', title: 'Gas' },
+        { value: 'water', title: 'Water' },
+        { value: 'internet', title: 'Internet' },
+        { value: 'other', title: 'Other' },
+    ];
+    $splitMode = signal('equally', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$splitMode" }] : /* istanbul ignore next */ []));
+    onSplitModeChange(event) {
+        const value = event.detail?.value;
+        if (value === 'equally' || value === 'exact-amount' || value === 'percentage') {
+            this.$splitMode.set(value);
+        }
+    }
+    $shareValues = signal({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$shareValues" }] : /* istanbul ignore next */ []));
+    shareValue(contactID) {
+        return this.$shareValues()[contactID] ?? '';
+    }
+    onShareInput(contactID, event) {
+        const value = event.detail?.value;
+        this.$shareValues.update((values) => ({
+            ...values,
+            [contactID]: value ?? '',
+        }));
+    }
+    $shareRows = computed(() => {
+        const payer = this.$payer();
+        if (!payer) {
+            return [];
+        }
+        const choices = this.$participantChoices() ?? [];
+        const selected = this.$selectedContactIDs();
+        return [payer, ...choices.filter((choice) => selected.includes(choice.id))];
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$shareRows" }] : /* istanbul ignore next */ []));
+    $reconciliation = computed(() => reconcileShares(this.$splitMode(), parseDecimal(this.$amount()), this.$shareRows().map((row) => this.$shareValues()[row.id])), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$reconciliation" }] : /* istanbul ignore next */ []));
+    $utilityValid = computed(() => {
+        if (this.$billKind() !== 'utility') {
+            return true;
+        }
+        const periodStart = this.$periodStart();
+        const periodEnd = this.$periodEnd();
+        return !!periodStart && !!periodEnd && periodEnd >= periodStart;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$utilityValid" }] : /* istanbul ignore next */ []));
+    $canSubmit = computed(() => {
+        const total = parseDecimal(this.$amount());
+        return (!!this.$currentUserID() &&
+            !!this.$payer() &&
+            total !== undefined &&
+            total > 0n &&
+            this.$selectedContactIDs().length > 0 &&
+            this.$reconciliation().ok &&
+            this.$utilityValid());
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$canSubmit" }] : /* istanbul ignore next */ []));
+    $submitting = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$submitting" }] : /* istanbul ignore next */ []));
+    $submitError = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "$submitError" }] : /* istanbul ignore next */ []));
+    owedAllocations(total) {
+        const rows = this.$shareRows();
+        const mode = this.$splitMode();
+        let amounts;
+        if (mode === 'exact-amount') {
+            amounts = rows.map((row) => parseDecimal(this.$shareValues()[row.id]) ?? 0n);
+        }
+        else if (mode === 'percentage') {
+            amounts = distribute(total, rows.map((row) => parseDecimal(this.$shareValues()[row.id]) ?? 0n));
+        }
+        else {
+            amounts = distribute(total, rows.map(() => 1n));
+        }
+        const billID = this.$billID();
+        return rows.map((row, index) => ({
+            allocationID: `owed-${billID}-${index + 1}`,
+            contactID: row.id,
+            amount: formatHundredths(amounts[index]),
+        }));
+    }
+    submit() {
+        this.amount.markAsTouched();
+        if (this.$submitting() || !this.$canSubmit()) {
+            return;
+        }
+        const space = this.$space();
+        const userID = this.$currentUserID();
+        const payer = this.$payer();
+        const total = parseDecimal(this.$amount());
+        if (!space?.id || !userID || !payer || total === undefined) {
+            return;
+        }
+        const billID = this.$billID();
+        const billKind = this.billKind.value;
+        const request = {
+            contractVersion: SPLITUS_BILL_CONTRACT_VERSION,
+            spaceID: space.id,
+            billID,
+            recorderUserID: userID,
+            title: this.title.value.trim() || undefined,
+            billKind,
+            currency: this.currency.value,
+            actualAmount: formatHundredths(total),
+            paidAllocations: [
+                {
+                    allocationID: `paid-${billID}-1`,
+                    contactID: payer.id,
+                    amount: formatHundredths(total),
+                },
+            ],
+            owedAllocations: this.owedAllocations(total),
+            utility: billKind === 'utility'
+                ? {
+                    utilityKind: this.utilityKind.value,
+                    providerName: this.providerName.value.trim() || undefined,
+                    period: {
+                        startDate: this.periodStart.value,
+                        endDate: this.periodEnd.value,
+                    },
+                }
+                : undefined,
+        };
+        this.$submitting.set(true);
+        this.$submitError.set(undefined);
+        this.splitusService.createBill(request).subscribe({
+            next: (response) => {
+                this.draftSplitStore.clear();
+                this.spaceNavService.navigateForwardToSpacePage(space, `bill/${response.bill.billID}`, { replaceUrl: true });
+            },
+            error: (err) => {
+                this.$submitting.set(false);
+                const serverMessage = extractServerMessage(err);
+                this.$submitError.set(serverMessage
+                    ? `Failed to create bill: ${serverMessage}`
+                    : 'Failed to create bill. Please try again.');
+                this.errorLogger.logError(err, 'Failed to create Splitus bill', {
+                    show: false,
+                });
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: NewSplitFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: NewSplitFormComponent, isStandalone: true, selector: "sneat-splitus-new-split-form", inputs: { space: "space", currentUserID: "currentUserID" }, ngImport: i0, template: "@if ($resumedFromDraft()) {\n  <ion-card color=\"light\">\n    <ion-card-content style=\"display: flex; align-items: center; justify-content: space-between; gap: 8px\">\n      <ion-note color=\"medium\">Picking up your bill from earlier \u2014 edit anything below.</ion-note>\n      <ion-button fill=\"clear\" size=\"small\" (click)=\"dismissDraftBanner()\">Dismiss</ion-button>\n    </ion-card-content>\n  </ion-card>\n}\n\n<ion-card>\n  <ion-card-header>\n    <ion-card-title>Bill</ion-card-title>\n  </ion-card-header>\n  <ion-item>\n    <ion-input\n      label=\"Title (optional)\"\n      labelPlacement=\"stacked\"\n      [formControl]=\"title\"\n      placeholder=\"e.g. August electricity\"\n      autocapitalize=\"sentences\"\n    />\n  </ion-item>\n  <ion-item>\n    <ion-select data-testid=\"bill-kind\" label=\"Bill type\" interface=\"popover\" [formControl]=\"billKind\">\n      <ion-select-option value=\"general\">General expense</ion-select-option>\n      <ion-select-option value=\"utility\">Utility bill</ion-select-option>\n    </ion-select>\n  </ion-item>\n  <ion-item>\n    <ion-select label=\"Currency\" interface=\"popover\" [formControl]=\"currency\">\n      @for (currencyCode of currencies; track currencyCode) {\n        <ion-select-option [value]=\"currencyCode\">{{ currencyCode }}</ion-select-option>\n      }\n    </ion-select>\n  </ion-item>\n  <ion-item>\n    <ion-input\n      label=\"Amount paid\"\n      labelPlacement=\"stacked\"\n      type=\"text\"\n      inputmode=\"decimal\"\n      [formControl]=\"amount\"\n      placeholder=\"0.00\"\n    />\n  </ion-item>\n  @if (amount.touched && amount.invalid) {\n    <ion-note color=\"danger\" class=\"ion-padding-start\">Enter an amount greater than zero.</ion-note>\n  }\n</ion-card>\n\n@if ($billKind() === 'utility') {\n  <ion-card>\n    <ion-card-header>\n      <ion-card-title>Utility details</ion-card-title>\n    </ion-card-header>\n    <ion-item>\n      <ion-select data-testid=\"utility-kind\" label=\"Utility\" interface=\"popover\" [formControl]=\"utilityKind\">\n        @for (kind of utilityKinds; track kind.value) {\n          <ion-select-option [value]=\"kind.value\">{{ kind.title }}</ion-select-option>\n        }\n      </ion-select>\n    </ion-item>\n    <ion-item>\n      <ion-input\n        data-testid=\"provider-name\"\n        label=\"Provider (optional)\"\n        labelPlacement=\"stacked\"\n        [formControl]=\"providerName\"\n        placeholder=\"e.g. Electric Ireland\"\n      />\n    </ion-item>\n    <ion-item>\n      <ion-input data-testid=\"period-start\" label=\"Period starts\" labelPlacement=\"stacked\" type=\"date\" [formControl]=\"periodStart\" />\n    </ion-item>\n    <ion-item>\n      <ion-input data-testid=\"period-end\" label=\"Period ends\" labelPlacement=\"stacked\" type=\"date\" [formControl]=\"periodEnd\" />\n    </ion-item>\n    @if (periodStart.value && periodEnd.value && periodEnd.value < periodStart.value) {\n      <ion-note color=\"danger\" class=\"ion-padding-start\">The period end must be on or after its start.</ion-note>\n    }\n    <ion-item lines=\"none\">\n      <ion-note color=\"medium\" class=\"ion-text-wrap\">\n        This bill is recorded as a standalone occurrence. Recurring bill schedules will use Calendarius when that flow is available.\n      </ion-note>\n    </ion-item>\n  </ion-card>\n}\n\n<ion-card>\n  <ion-card-header>\n    <ion-card-title>Housemates</ion-card-title>\n  </ion-card-header>\n  @if ($payer(); as payer) {\n    <ion-item>\n      <ion-label>{{ payer.title }} (you paid)</ion-label>\n      <ion-note slot=\"end\" color=\"medium\">always included</ion-note>\n    </ion-item>\n  } @else if ($contacts()) {\n    <ion-item lines=\"none\">\n      <ion-label color=\"danger\" class=\"ion-text-wrap\">\n        Your Contactus person is missing from this space. Add or link your person before recording a bill.\n      </ion-label>\n    </ion-item>\n  }\n  @for (contact of $participantChoices() ?? []; track contact.id) {\n    <ion-item>\n      <ion-checkbox\n        labelPlacement=\"end\"\n        justify=\"start\"\n        [checked]=\"$selectedContactIDs().includes(contact.id)\"\n        (ionChange)=\"onParticipantChecked(contact.id, $event)\"\n      >{{ contact.title }}</ion-checkbox>\n    </ion-item>\n  } @empty {\n    <ion-item lines=\"none\">\n      @if ($contactsError()) {\n        <ion-label color=\"danger\">{{ $contactsError() }}</ion-label>\n      } @else if (!$contacts()) {\n        <ion-label color=\"medium\">Loading real space contacts\u2026</ion-label>\n      } @else {\n        <ion-label color=\"medium\" class=\"ion-text-wrap\">\n          No other contacts yet. Add your housemates to this space first.\n        </ion-label>\n      }\n    </ion-item>\n  }\n</ion-card>\n\n<ion-card>\n  <ion-card-header>\n    <ion-card-title>Who owes what</ion-card-title>\n  </ion-card-header>\n  <ion-segment [value]=\"$splitMode()\" (ionChange)=\"onSplitModeChange($event)\">\n    <ion-segment-button value=\"equally\"><ion-label>Equally</ion-label></ion-segment-button>\n    <ion-segment-button value=\"exact-amount\"><ion-label>Amounts</ion-label></ion-segment-button>\n    <ion-segment-button value=\"percentage\"><ion-label>Percentages</ion-label></ion-segment-button>\n  </ion-segment>\n\n  @if ($splitMode() !== 'equally') {\n    @for (row of $shareRows(); track row.id) {\n      <ion-item>\n        <ion-input\n          [label]=\"row.title\"\n          labelPlacement=\"stacked\"\n          type=\"text\"\n          inputmode=\"decimal\"\n          [placeholder]=\"$splitMode() === 'percentage' ? '0' : '0.00'\"\n          [value]=\"shareValue(row.id)\"\n          (ionInput)=\"onShareInput(row.id, $event)\"\n        />\n        @if ($splitMode() === 'percentage') { <ion-note slot=\"end\">%</ion-note> }\n      </ion-item>\n    }\n    @if ($reconciliation(); as reconciliation) {\n      <ion-note [color]=\"reconciliation.ok ? 'success' : 'danger'\" class=\"ion-padding-start\">\n        {{ reconciliation.ok ? 'Shares reconcile to the total. \u2713' : reconciliation.error }}\n      </ion-note>\n    }\n  } @else {\n    <ion-item lines=\"none\">\n      <ion-note color=\"medium\">The total is divided exactly between you and the selected housemates.</ion-note>\n    </ion-item>\n  }\n</ion-card>\n\n<div class=\"ion-padding\">\n  <ion-button expand=\"block\" color=\"primary\" [disabled]=\"$submitting() || !$canSubmit()\" (click)=\"submit()\">\n    @if ($submitting()) {\n      <ion-spinner name=\"dots\" slot=\"start\" />\n      Recording\u2026\n    } @else {\n      Record bill\n    }\n  </ion-button>\n  @if ($submitError()) { <ion-note color=\"danger\">{{ $submitError() }}</ion-note> }\n</div>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonNote, selector: "ion-note", inputs: ["color", "mode"] }, { kind: "component", type: IonSelect, selector: "ion-select", inputs: ["cancelText", "color", "compareWith", "disabled", "errorText", "expandedIcon", "fill", "helperText", "interface", "interfaceOptions", "justify", "label", "labelPlacement", "mode", "multiple", "name", "okText", "placeholder", "selectedText", "shape", "toggleIcon", "value"] }, { kind: "component", type: IonSelectOption, selector: "ion-select-option", inputs: ["description", "disabled", "justify", "labelPlacement", "mode", "value"] }, { kind: "component", type: IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: IonCheckbox, selector: "ion-checkbox", inputs: ["checked", "color", "disabled", "errorText", "helperText", "indeterminate", "justify", "labelPlacement", "mode", "name", "value"] }, { kind: "component", type: IonSegment, selector: "ion-segment", inputs: ["color", "disabled", "mode", "scrollable", "selectOnFocus", "swipeGesture", "value"] }, { kind: "component", type: IonSegmentButton, selector: "ion-segment-button", inputs: ["contentId", "disabled", "layout", "mode", "type", "value"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"], outputs: ["ionFocus", "ionBlur"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: NewSplitFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sneat-splitus-new-split-form', imports: [
+                        ReactiveFormsModule,
+                        IonCard,
+                        IonCardHeader,
+                        IonCardTitle,
+                        IonCardContent,
+                        IonItem,
+                        IonLabel,
+                        IonNote,
+                        IonSelect,
+                        IonSelectOption,
+                        IonInput,
+                        IonCheckbox,
+                        IonSegment,
+                        IonSegmentButton,
+                        IonButton,
+                        IonSpinner,
+                    ], template: "@if ($resumedFromDraft()) {\n  <ion-card color=\"light\">\n    <ion-card-content style=\"display: flex; align-items: center; justify-content: space-between; gap: 8px\">\n      <ion-note color=\"medium\">Picking up your bill from earlier \u2014 edit anything below.</ion-note>\n      <ion-button fill=\"clear\" size=\"small\" (click)=\"dismissDraftBanner()\">Dismiss</ion-button>\n    </ion-card-content>\n  </ion-card>\n}\n\n<ion-card>\n  <ion-card-header>\n    <ion-card-title>Bill</ion-card-title>\n  </ion-card-header>\n  <ion-item>\n    <ion-input\n      label=\"Title (optional)\"\n      labelPlacement=\"stacked\"\n      [formControl]=\"title\"\n      placeholder=\"e.g. August electricity\"\n      autocapitalize=\"sentences\"\n    />\n  </ion-item>\n  <ion-item>\n    <ion-select data-testid=\"bill-kind\" label=\"Bill type\" interface=\"popover\" [formControl]=\"billKind\">\n      <ion-select-option value=\"general\">General expense</ion-select-option>\n      <ion-select-option value=\"utility\">Utility bill</ion-select-option>\n    </ion-select>\n  </ion-item>\n  <ion-item>\n    <ion-select label=\"Currency\" interface=\"popover\" [formControl]=\"currency\">\n      @for (currencyCode of currencies; track currencyCode) {\n        <ion-select-option [value]=\"currencyCode\">{{ currencyCode }}</ion-select-option>\n      }\n    </ion-select>\n  </ion-item>\n  <ion-item>\n    <ion-input\n      label=\"Amount paid\"\n      labelPlacement=\"stacked\"\n      type=\"text\"\n      inputmode=\"decimal\"\n      [formControl]=\"amount\"\n      placeholder=\"0.00\"\n    />\n  </ion-item>\n  @if (amount.touched && amount.invalid) {\n    <ion-note color=\"danger\" class=\"ion-padding-start\">Enter an amount greater than zero.</ion-note>\n  }\n</ion-card>\n\n@if ($billKind() === 'utility') {\n  <ion-card>\n    <ion-card-header>\n      <ion-card-title>Utility details</ion-card-title>\n    </ion-card-header>\n    <ion-item>\n      <ion-select data-testid=\"utility-kind\" label=\"Utility\" interface=\"popover\" [formControl]=\"utilityKind\">\n        @for (kind of utilityKinds; track kind.value) {\n          <ion-select-option [value]=\"kind.value\">{{ kind.title }}</ion-select-option>\n        }\n      </ion-select>\n    </ion-item>\n    <ion-item>\n      <ion-input\n        data-testid=\"provider-name\"\n        label=\"Provider (optional)\"\n        labelPlacement=\"stacked\"\n        [formControl]=\"providerName\"\n        placeholder=\"e.g. Electric Ireland\"\n      />\n    </ion-item>\n    <ion-item>\n      <ion-input data-testid=\"period-start\" label=\"Period starts\" labelPlacement=\"stacked\" type=\"date\" [formControl]=\"periodStart\" />\n    </ion-item>\n    <ion-item>\n      <ion-input data-testid=\"period-end\" label=\"Period ends\" labelPlacement=\"stacked\" type=\"date\" [formControl]=\"periodEnd\" />\n    </ion-item>\n    @if (periodStart.value && periodEnd.value && periodEnd.value < periodStart.value) {\n      <ion-note color=\"danger\" class=\"ion-padding-start\">The period end must be on or after its start.</ion-note>\n    }\n    <ion-item lines=\"none\">\n      <ion-note color=\"medium\" class=\"ion-text-wrap\">\n        This bill is recorded as a standalone occurrence. Recurring bill schedules will use Calendarius when that flow is available.\n      </ion-note>\n    </ion-item>\n  </ion-card>\n}\n\n<ion-card>\n  <ion-card-header>\n    <ion-card-title>Housemates</ion-card-title>\n  </ion-card-header>\n  @if ($payer(); as payer) {\n    <ion-item>\n      <ion-label>{{ payer.title }} (you paid)</ion-label>\n      <ion-note slot=\"end\" color=\"medium\">always included</ion-note>\n    </ion-item>\n  } @else if ($contacts()) {\n    <ion-item lines=\"none\">\n      <ion-label color=\"danger\" class=\"ion-text-wrap\">\n        Your Contactus person is missing from this space. Add or link your person before recording a bill.\n      </ion-label>\n    </ion-item>\n  }\n  @for (contact of $participantChoices() ?? []; track contact.id) {\n    <ion-item>\n      <ion-checkbox\n        labelPlacement=\"end\"\n        justify=\"start\"\n        [checked]=\"$selectedContactIDs().includes(contact.id)\"\n        (ionChange)=\"onParticipantChecked(contact.id, $event)\"\n      >{{ contact.title }}</ion-checkbox>\n    </ion-item>\n  } @empty {\n    <ion-item lines=\"none\">\n      @if ($contactsError()) {\n        <ion-label color=\"danger\">{{ $contactsError() }}</ion-label>\n      } @else if (!$contacts()) {\n        <ion-label color=\"medium\">Loading real space contacts\u2026</ion-label>\n      } @else {\n        <ion-label color=\"medium\" class=\"ion-text-wrap\">\n          No other contacts yet. Add your housemates to this space first.\n        </ion-label>\n      }\n    </ion-item>\n  }\n</ion-card>\n\n<ion-card>\n  <ion-card-header>\n    <ion-card-title>Who owes what</ion-card-title>\n  </ion-card-header>\n  <ion-segment [value]=\"$splitMode()\" (ionChange)=\"onSplitModeChange($event)\">\n    <ion-segment-button value=\"equally\"><ion-label>Equally</ion-label></ion-segment-button>\n    <ion-segment-button value=\"exact-amount\"><ion-label>Amounts</ion-label></ion-segment-button>\n    <ion-segment-button value=\"percentage\"><ion-label>Percentages</ion-label></ion-segment-button>\n  </ion-segment>\n\n  @if ($splitMode() !== 'equally') {\n    @for (row of $shareRows(); track row.id) {\n      <ion-item>\n        <ion-input\n          [label]=\"row.title\"\n          labelPlacement=\"stacked\"\n          type=\"text\"\n          inputmode=\"decimal\"\n          [placeholder]=\"$splitMode() === 'percentage' ? '0' : '0.00'\"\n          [value]=\"shareValue(row.id)\"\n          (ionInput)=\"onShareInput(row.id, $event)\"\n        />\n        @if ($splitMode() === 'percentage') { <ion-note slot=\"end\">%</ion-note> }\n      </ion-item>\n    }\n    @if ($reconciliation(); as reconciliation) {\n      <ion-note [color]=\"reconciliation.ok ? 'success' : 'danger'\" class=\"ion-padding-start\">\n        {{ reconciliation.ok ? 'Shares reconcile to the total. \u2713' : reconciliation.error }}\n      </ion-note>\n    }\n  } @else {\n    <ion-item lines=\"none\">\n      <ion-note color=\"medium\">The total is divided exactly between you and the selected housemates.</ion-note>\n    </ion-item>\n  }\n</ion-card>\n\n<div class=\"ion-padding\">\n  <ion-button expand=\"block\" color=\"primary\" [disabled]=\"$submitting() || !$canSubmit()\" (click)=\"submit()\">\n    @if ($submitting()) {\n      <ion-spinner name=\"dots\" slot=\"start\" />\n      Recording\u2026\n    } @else {\n      Record bill\n    }\n  </ion-button>\n  @if ($submitError()) { <ion-note color=\"danger\">{{ $submitError() }}</ion-note> }\n</div>\n" }]
+        }], propDecorators: { space: [{
+                type: Input,
+                args: [{ required: true }]
+            }], currentUserID: [{
+                type: Input
+            }] } });
+
+// Splitus bill routes, mounted under space/:spaceType/:spaceID.
+const spacePagesRoutes = [
+    {
+        path: 'bills',
+        data: { title: 'Bills' },
+        loadComponent: () => import('./sneat-extension-splitus-ui-splitus-home-page.component-tUSn27LG.mjs').then((m) => m.SplitusHomePageComponent),
+    },
+    {
+        path: 'new-bill',
+        data: { title: 'New bill' },
+        loadComponent: () => import('./sneat-extension-splitus-ui-new-split-page.component-DqIE_0pp.mjs').then((m) => m.NewSplitPageComponent),
+    },
+    {
+        path: 'bill/:billID',
+        data: { title: 'Bill' },
+        loadComponent: () => import('./sneat-extension-splitus-ui-split-details-page.component-fkoVkmXD.mjs').then((m) => m.SplitDetailsPageComponent),
+    },
+    { path: 'splits', pathMatch: 'full', redirectTo: 'bills' },
+    { path: 'new-split', pathMatch: 'full', redirectTo: 'new-bill' },
+    { path: 'split/:billID', redirectTo: 'bill/:billID' },
+];
+
+// Unguarded entry point for a first-time visitor to start a bill before
+// signing in. Deliberately NOT space-scoped — kept separate from
+// spacePagesRoutes, which mounts under space/:spaceType/:spaceID.
+const startBillRoute = {
+    path: 'start-bill',
+    data: { title: 'Split a bill' },
+    loadComponent: () => import('./sneat-extension-splitus-ui-start-split-page.component-Br8thaKs.mjs').then((m) => m.StartSplitPageComponent),
+};
+const legacyStartSplitRoute = {
+    path: 'start-split',
+    pathMatch: 'full',
+    redirectTo: 'start-bill',
+};
+
+const SPLITUS_SETTLEMENT_URL_BUILDER = new InjectionToken('SPLITUS_SETTLEMENT_URL_BUILDER');
+
+/** URL opened after an unauthenticated bill draft is saved. */
+const SPLITUS_START_CONTINUATION_URL = new InjectionToken('SPLITUS_START_CONTINUATION_URL');
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DraftSplitStore as D, NewSplitFormComponent as N, SPLITUS_START_CONTINUATION_URL as S, parseDecimal as a, SPLITUS_SETTLEMENT_URL_BUILDER as b, DRAFT_SPLIT_STORAGE_KEY as c, startBillRoute as d, formatHundredths as f, legacyStartSplitRoute as l, positiveExactDecimalValidator as p, spacePagesRoutes as s };
+//# sourceMappingURL=sneat-extension-splitus-ui-sneat-extension-splitus-ui-CX1eiAAR.mjs.map