@momentumcms/admin 0.1.9 → 0.2.0

package/fesm2022/momentumcms-admin-relationship-field.component-BuxtRs2_.mjs

@@ -0,0 +1,473 @@
+import * as i0 from '@angular/core';
+import { inject, input, computed, signal, effect, ChangeDetectionStrategy, Component } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { McmsFormField, Badge } from '@momentumcms/ui';
+import { NgIcon, provideIcons } from '@ng-icons/core';
+import { heroEye, heroPlus, heroXMark } from '@ng-icons/heroicons/outline';
+import { d as EntitySheetService, a as getFieldNodeState, i as isRecord, e as getTitleField } from './momentumcms-admin-momentumcms-admin-o0FbJXZN.mjs';
+import { humanizeFieldName } from '@momentumcms/core';
+
+/**
+ * Relationship field renderer.
+ *
+ * Fetches related collection documents and renders a dropdown selector.
+ * Supports single select (default) and multi-select (hasMany: true).
+ * Multi-select shows selected items as badges with remove buttons.
+ *
+ * Uses Angular Signal Forms bridge pattern: reads/writes value via
+ * a FieldTree node's FieldState rather than event-based I/O.
+ */
+class RelationshipFieldRenderer {
+    http = inject(HttpClient);
+    entitySheetService = inject(EntitySheetService, { optional: true });
+    /** Field definition (must be a RelationshipField) */
+    field = input.required(...(ngDevMode ? [{ debugName: "field" }] : []));
+    /** Signal forms FieldTree node for this field */
+    formNode = input(null, ...(ngDevMode ? [{ debugName: "formNode" }] : []));
+    /** Form mode */
+    mode = input('create', ...(ngDevMode ? [{ debugName: "mode" }] : []));
+    /** Field path */
+    path = input.required(...(ngDevMode ? [{ debugName: "path" }] : []));
+    /** Full form model data (used for filterOptions) */
+    formModel = input({}, ...(ngDevMode ? [{ debugName: "formModel" }] : []));
+    /** Bridge: extract FieldState from formNode */
+    nodeState = computed(() => getFieldNodeState(this.formNode()), ...(ngDevMode ? [{ debugName: "nodeState" }] : []));
+    /** Loaded options from related collection */
+    allOptions = signal([], ...(ngDevMode ? [{ debugName: "allOptions" }] : []));
+    /** Loading state */
+    isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
+    /** Unique field ID */
+    fieldId = computed(() => `field-${this.path().replace(/\./g, '-')}`, ...(ngDevMode ? [{ debugName: "fieldId" }] : []));
+    /** Computed label */
+    label = computed(() => this.field().label || humanizeFieldName(this.field().name), ...(ngDevMode ? [{ debugName: "label" }] : []));
+    /** Whether the field is required */
+    required = computed(() => this.field().required ?? false, ...(ngDevMode ? [{ debugName: "required" }] : []));
+    /** Whether the field is disabled */
+    isDisabled = computed(() => this.mode() === 'view' || (this.field().admin?.readOnly ?? false), ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
+    /** Whether this is a hasMany relationship */
+    isMulti = computed(() => {
+        const f = this.field();
+        return f.type === 'relationship' ? (f.hasMany ?? false) : false;
+    }, ...(ngDevMode ? [{ debugName: "isMulti" }] : []));
+    /** Related collection slug extracted from the lazy collection reference */
+    relatedSlug = computed(() => {
+        const f = this.field();
+        if (f.type === 'relationship') {
+            const config = f.collection();
+            if (isRecord(config) && typeof config['slug'] === 'string') {
+                return config['slug'];
+            }
+        }
+        return '';
+    }, ...(ngDevMode ? [{ debugName: "relatedSlug" }] : []));
+    /** The field name used to display document titles */
+    titleField = computed(() => {
+        const f = this.field();
+        if (f.type !== 'relationship')
+            return 'id';
+        const config = f.collection();
+        if (!isRecord(config))
+            return 'id';
+        return getTitleField(config);
+    }, ...(ngDevMode ? [{ debugName: "titleField" }] : []));
+    /** Label for the related collection (singular) */
+    relatedLabel = computed(() => {
+        const f = this.field();
+        if (f.type !== 'relationship')
+            return 'item';
+        const config = f.collection();
+        if (!isRecord(config))
+            return 'item';
+        const labels = config['labels'];
+        if (isRecord(labels) && typeof labels['singular'] === 'string') {
+            return labels['singular'];
+        }
+        if (typeof config['slug'] === 'string') {
+            return config['slug'];
+        }
+        return 'item';
+    }, ...(ngDevMode ? [{ debugName: "relatedLabel" }] : []));
+    /** Current value for single-select mode */
+    singleValue = computed(() => {
+        const state = this.nodeState();
+        if (!state)
+            return '';
+        const val = state.value();
+        if (typeof val === 'string')
+            return val;
+        // Handle populated objects with an id
+        if (isRecord(val) && typeof val['id'] === 'string')
+            return val['id'];
+        return '';
+    }, ...(ngDevMode ? [{ debugName: "singleValue" }] : []));
+    /** Current values for multi-select mode */
+    multiValues = computed(() => {
+        const state = this.nodeState();
+        if (!state)
+            return [];
+        const val = state.value();
+        if (!Array.isArray(val))
+            return [];
+        return val
+            .map((item) => {
+            if (typeof item === 'string')
+                return item;
+            if (isRecord(item) && typeof item['id'] === 'string')
+                return item['id'];
+            return '';
+        })
+            .filter((v) => v !== '');
+    }, ...(ngDevMode ? [{ debugName: "multiValues" }] : []));
+    /** Selected options for multi-select display (resolved to labels) */
+    selectedOptions = computed(() => {
+        const values = this.multiValues();
+        const options = this.allOptions();
+        return values
+            .map((v) => options.find((opt) => opt.value === v))
+            .filter((opt) => opt !== undefined);
+    }, ...(ngDevMode ? [{ debugName: "selectedOptions" }] : []));
+    /** Available options for multi-select (excludes already selected) */
+    availableOptions = computed(() => {
+        const selected = new Set(this.multiValues());
+        return this.allOptions().filter((opt) => !selected.has(opt.value));
+    }, ...(ngDevMode ? [{ debugName: "availableOptions" }] : []));
+    /** Validation errors shown only when field is touched */
+    touchedErrors = computed(() => {
+        const state = this.nodeState();
+        if (!state || !state.touched())
+            return [];
+        return state.errors().map((e) => ({ kind: e.kind, message: e.message }));
+    }, ...(ngDevMode ? [{ debugName: "touchedErrors" }] : []));
+    constructor() {
+        // Fetch related collection docs when the slug is resolved.
+        // Uses onCleanup to cancel in-flight requests if the slug changes.
+        effect((onCleanup) => {
+            const slug = this.relatedSlug();
+            if (slug) {
+                const sub = this.fetchOptions(slug);
+                onCleanup(() => sub.unsubscribe());
+            }
+        });
+    }
+    /** Handle single-select change */
+    onSingleSelect(event) {
+        const target = event.target;
+        if (target instanceof HTMLSelectElement) {
+            const state = this.nodeState();
+            if (state) {
+                state.value.set(target.value || null);
+            }
+        }
+    }
+    /** Handle multi-select add */
+    onMultiSelect(event) {
+        const target = event.target;
+        if (!(target instanceof HTMLSelectElement))
+            return;
+        const selectedValue = target.value;
+        if (!selectedValue)
+            return;
+        const state = this.nodeState();
+        if (!state)
+            return;
+        const currentValues = this.multiValues();
+        if (!currentValues.includes(selectedValue)) {
+            state.value.set([...currentValues, selectedValue]);
+        }
+        // Reset dropdown to placeholder
+        target.value = '';
+    }
+    /** Remove a value from multi-select */
+    removeSelection(valueToRemove) {
+        const state = this.nodeState();
+        if (!state)
+            return;
+        const currentValues = this.multiValues();
+        state.value.set(currentValues.filter((v) => v !== valueToRemove));
+    }
+    /** Whether there is a current selection (for showing "View" button) */
+    hasSelection = computed(() => !!this.singleValue() || this.multiValues().length > 0, ...(ngDevMode ? [{ debugName: "hasSelection" }] : []));
+    /**
+     * Handle blur from select elements.
+     */
+    onBlur() {
+        const state = this.nodeState();
+        if (state)
+            state.markAsTouched();
+    }
+    /** Open the entity sheet to create a new related entity */
+    onCreateRelated() {
+        const slug = this.relatedSlug();
+        if (!slug || !this.entitySheetService)
+            return;
+        this.entitySheetService.openCreate(slug).subscribe((result) => {
+            if (result.action === 'created' && result.entity) {
+                const state = this.nodeState();
+                if (!state)
+                    return;
+                const entityId = String(result.entity.id);
+                if (this.isMulti()) {
+                    const current = this.multiValues();
+                    state.value.set([...current, entityId]);
+                }
+                else {
+                    state.value.set(entityId);
+                }
+                // Refresh options to include the newly created entity
+                this.fetchOptions(slug);
+            }
+        });
+    }
+    /** Open the entity sheet to view the selected related entity */
+    onViewRelated() {
+        const slug = this.relatedSlug();
+        if (!slug || !this.entitySheetService)
+            return;
+        const id = this.isMulti() ? this.multiValues()[0] : this.singleValue();
+        if (!id)
+            return;
+        this.entitySheetService.openView(slug, id).subscribe((result) => {
+            if (result.action === 'deleted') {
+                const state = this.nodeState();
+                if (!state)
+                    return;
+                // Clear the deleted entity from the selection
+                if (this.isMulti()) {
+                    const current = this.multiValues();
+                    state.value.set(current.filter((v) => v !== id));
+                }
+                else {
+                    state.value.set(null);
+                }
+                // Refresh options to remove the deleted entity
+                this.fetchOptions(slug);
+            }
+        });
+    }
+    /** Fetch options from the related collection API, returns subscription for cleanup */
+    fetchOptions(slug) {
+        this.isLoading.set(true);
+        const titleField = this.titleField();
+        // Build query params, including filterOptions if defined
+        const params = { limit: '100' };
+        const f = this.field();
+        if (f.type === 'relationship' && f.filterOptions) {
+            const whereClause = f.filterOptions({ data: this.formModel() });
+            for (const [key, val] of Object.entries(whereClause)) {
+                if (val !== undefined && val !== null) {
+                    params[`where[${key}]`] = String(val);
+                }
+            }
+        }
+        return this.http
+            .get(`/api/${slug}`, {
+            params,
+        })
+            .subscribe({
+            next: (response) => {
+                const docs = response.docs ?? [];
+                const options = docs.map((doc) => {
+                    const id = typeof doc['id'] === 'string' ? doc['id'] : String(doc['id'] ?? '');
+                    const titleValue = doc[titleField];
+                    const label = titleField !== 'id' && typeof titleValue === 'string' ? titleValue : id;
+                    return { value: id, label };
+                });
+                this.allOptions.set(options);
+                this.isLoading.set(false);
+            },
+            error: (err) => {
+                console.error(`Failed to load relationship options for "${slug}":`, err);
+                this.allOptions.set([]);
+                this.isLoading.set(false);
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RelationshipFieldRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: RelationshipFieldRenderer, isStandalone: true, selector: "mcms-relationship-field-renderer", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, formNode: { classPropertyName: "formNode", publicName: "formNode", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, path: { classPropertyName: "path", publicName: "path", isSignal: true, isRequired: true, transformFunction: null }, formModel: { classPropertyName: "formModel", publicName: "formModel", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "block" }, providers: [provideIcons({ heroXMark, heroPlus, heroEye })], ngImport: i0, template: `
+		<mcms-form-field
+			[id]="fieldId()"
+			[required]="required()"
+			[disabled]="isDisabled()"
+			[errors]="touchedErrors()"
+		>
+			<span mcmsLabel>{{ label() }}</span>
+
+			@if (isLoading()) {
+				<p class="text-sm text-muted-foreground py-2">Loading options...</p>
+			} @else if (isMulti()) {
+				@if (selectedOptions().length > 0) {
+					<div class="flex flex-wrap gap-1 mb-2">
+						@for (opt of selectedOptions(); track opt.value) {
+							<mcms-badge variant="secondary">
+								{{ opt.label }}
+								@if (!isDisabled()) {
+									<button
+										type="button"
+										class="ml-1 hover:text-destructive"
+										(click)="removeSelection(opt.value)"
+										[attr.aria-label]="'Remove ' + opt.label"
+									>
+										<ng-icon name="heroXMark" size="12" aria-hidden="true" />
+									</button>
+								}
+							</mcms-badge>
+						}
+					</div>
+				}
+				@if (!isDisabled()) {
+					<select
+						[id]="fieldId()"
+						class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2"
+						(change)="onMultiSelect($event)"
+						(blur)="onBlur()"
+					>
+						<option value="">Add {{ relatedLabel() }}...</option>
+						@for (opt of availableOptions(); track opt.value) {
+							<option [value]="opt.value">{{ opt.label }}</option>
+						}
+					</select>
+				}
+			} @else {
+				<select
+					[id]="fieldId()"
+					[disabled]="isDisabled()"
+					class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
+					(change)="onSingleSelect($event)"
+					(blur)="onBlur()"
+				>
+					<option value="">Select {{ relatedLabel() }}...</option>
+					@for (opt of allOptions(); track opt.value) {
+						<option [value]="opt.value" [selected]="opt.value === singleValue()">
+							{{ opt.label }}
+						</option>
+					}
+				</select>
+			}
+		</mcms-form-field>
+
+		@if (entitySheetService && !isDisabled()) {
+			<div class="flex gap-2 mt-1.5">
+				<button
+					type="button"
+					class="inline-flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground transition-colors"
+					(click)="onCreateRelated()"
+					[attr.aria-label]="'Create new ' + relatedLabel()"
+				>
+					<ng-icon name="heroPlus" size="14" aria-hidden="true" />
+					New
+				</button>
+				@if (hasSelection()) {
+					<button
+						type="button"
+						class="inline-flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground transition-colors"
+						(click)="onViewRelated()"
+						[attr.aria-label]="'View ' + relatedLabel()"
+					>
+						<ng-icon name="heroEye" size="14" aria-hidden="true" />
+						View
+					</button>
+				}
+			</div>
+		}
+	`, isInline: true, dependencies: [{ kind: "component", type: McmsFormField, selector: "mcms-form-field", inputs: ["id", "required", "disabled", "errors", "hint", "hasLabel"] }, { kind: "component", type: Badge, selector: "mcms-badge", inputs: ["variant", "class", "ariaLabel"] }, { kind: "component", type: NgIcon, selector: "ng-icon", inputs: ["name", "svg", "size", "strokeWidth", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: RelationshipFieldRenderer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mcms-relationship-field-renderer',
+                    imports: [McmsFormField, Badge, NgIcon],
+                    providers: [provideIcons({ heroXMark, heroPlus, heroEye })],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { class: 'block' },
+                    template: `
+		<mcms-form-field
+			[id]="fieldId()"
+			[required]="required()"
+			[disabled]="isDisabled()"
+			[errors]="touchedErrors()"
+		>
+			<span mcmsLabel>{{ label() }}</span>
+
+			@if (isLoading()) {
+				<p class="text-sm text-muted-foreground py-2">Loading options...</p>
+			} @else if (isMulti()) {
+				@if (selectedOptions().length > 0) {
+					<div class="flex flex-wrap gap-1 mb-2">
+						@for (opt of selectedOptions(); track opt.value) {
+							<mcms-badge variant="secondary">
+								{{ opt.label }}
+								@if (!isDisabled()) {
+									<button
+										type="button"
+										class="ml-1 hover:text-destructive"
+										(click)="removeSelection(opt.value)"
+										[attr.aria-label]="'Remove ' + opt.label"
+									>
+										<ng-icon name="heroXMark" size="12" aria-hidden="true" />
+									</button>
+								}
+							</mcms-badge>
+						}
+					</div>
+				}
+				@if (!isDisabled()) {
+					<select
+						[id]="fieldId()"
+						class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2"
+						(change)="onMultiSelect($event)"
+						(blur)="onBlur()"
+					>
+						<option value="">Add {{ relatedLabel() }}...</option>
+						@for (opt of availableOptions(); track opt.value) {
+							<option [value]="opt.value">{{ opt.label }}</option>
+						}
+					</select>
+				}
+			} @else {
+				<select
+					[id]="fieldId()"
+					[disabled]="isDisabled()"
+					class="flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
+					(change)="onSingleSelect($event)"
+					(blur)="onBlur()"
+				>
+					<option value="">Select {{ relatedLabel() }}...</option>
+					@for (opt of allOptions(); track opt.value) {
+						<option [value]="opt.value" [selected]="opt.value === singleValue()">
+							{{ opt.label }}
+						</option>
+					}
+				</select>
+			}
+		</mcms-form-field>
+
+		@if (entitySheetService && !isDisabled()) {
+			<div class="flex gap-2 mt-1.5">
+				<button
+					type="button"
+					class="inline-flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground transition-colors"
+					(click)="onCreateRelated()"
+					[attr.aria-label]="'Create new ' + relatedLabel()"
+				>
+					<ng-icon name="heroPlus" size="14" aria-hidden="true" />
+					New
+				</button>
+				@if (hasSelection()) {
+					<button
+						type="button"
+						class="inline-flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground transition-colors"
+						(click)="onViewRelated()"
+						[attr.aria-label]="'View ' + relatedLabel()"
+					>
+						<ng-icon name="heroEye" size="14" aria-hidden="true" />
+						View
+					</button>
+				}
+			</div>
+		}
+	`,
+                }]
+        }], ctorParameters: () => [], propDecorators: { field: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: true }] }], formNode: [{ type: i0.Input, args: [{ isSignal: true, alias: "formNode", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], path: [{ type: i0.Input, args: [{ isSignal: true, alias: "path", required: true }] }], formModel: [{ type: i0.Input, args: [{ isSignal: true, alias: "formModel", required: false }] }] } });
+
+export { RelationshipFieldRenderer };
+//# sourceMappingURL=momentumcms-admin-relationship-field.component-BuxtRs2_.mjs.map

package/fesm2022/momentumcms-admin-relationship-field.component-BuxtRs2_.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"momentumcms-admin-relationship-field.component-BuxtRs2_.mjs","sources":["../../../../libs/admin/src/lib/widgets/entity-form/field-renderers/relationship-field.component.ts"],"sourcesContent":["import {\n\tChangeDetectionStrategy,\n\tComponent,\n\tcomputed,\n\teffect,\n\tinject,\n\tinput,\n\tsignal,\n} from '@angular/core';\nimport { HttpClient } from '@angular/common/http';\nimport type { Subscription } from 'rxjs';\nimport { McmsFormField, Badge } from '@momentumcms/ui';\nimport type { ValidationError } from '@momentumcms/ui';\nimport { NgIcon, provideIcons } from '@ng-icons/core';\nimport { heroXMark, heroPlus, heroEye } from '@ng-icons/heroicons/outline';\nimport { EntitySheetService } from '../../../services/entity-sheet.service';\nimport { humanizeFieldName } from '@momentumcms/core';\nimport type { Field } from '@momentumcms/core';\nimport type { EntityFormMode } from '../entity-form.types';\nimport { getFieldNodeState, isRecord, getTitleField } from '../entity-form.types';\n\n/** Option for the relationship dropdown */\ninterface RelationshipOption {\n\tvalue: string;\n\tlabel: string;\n}\n\n/**\n * Relationship field renderer.\n *\n * Fetches related collection documents and renders a dropdown selector.\n * Supports single select (default) and multi-select (hasMany: true).\n * Multi-select shows selected items as badges with remove buttons.\n *\n * Uses Angular Signal Forms bridge pattern: reads/writes value via\n * a FieldTree node's FieldState rather than event-based I/O.\n */\n@Component({\n\tselector: 'mcms-relationship-field-renderer',\n\timports: [McmsFormField, Badge, NgIcon],\n\tproviders: [provideIcons({ heroXMark, heroPlus, heroEye })],\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: { class: 'block' },\n\ttemplate: `\n\t\t<mcms-form-field\n\t\t\t[id]=\"fieldId()\"\n\t\t\t[required]=\"required()\"\n\t\t\t[disabled]=\"isDisabled()\"\n\t\t\t[errors]=\"touchedErrors()\"\n\t\t>\n\t\t\t<span mcmsLabel>{{ label() }}</span>\n\n\t\t\t@if (isLoading()) {\n\t\t\t\t<p class=\"text-sm text-muted-foreground py-2\">Loading options...</p>\n\t\t\t} @else if (isMulti()) {\n\t\t\t\t@if (selectedOptions().length > 0) {\n\t\t\t\t\t<div class=\"flex flex-wrap gap-1 mb-2\">\n\t\t\t\t\t\t@for (opt of selectedOptions(); track opt.value) {\n\t\t\t\t\t\t\t<mcms-badge variant=\"secondary\">\n\t\t\t\t\t\t\t\t{{ opt.label }}\n\t\t\t\t\t\t\t\t@if (!isDisabled()) {\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tclass=\"ml-1 hover:text-destructive\"\n\t\t\t\t\t\t\t\t\t\t(click)=\"removeSelection(opt.value)\"\n\t\t\t\t\t\t\t\t\t\t[attr.aria-label]=\"'Remove ' + opt.label\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<ng-icon name=\"heroXMark\" size=\"12\" aria-hidden=\"true\" />\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</mcms-badge>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t@if (!isDisabled()) {\n\t\t\t\t\t<select\n\t\t\t\t\t\t[id]=\"fieldId()\"\n\t\t\t\t\t\tclass=\"flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\"\n\t\t\t\t\t\t(change)=\"onMultiSelect($event)\"\n\t\t\t\t\t\t(blur)=\"onBlur()\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<option value=\"\">Add {{ relatedLabel() }}...</option>\n\t\t\t\t\t\t@for (opt of availableOptions(); track opt.value) {\n\t\t\t\t\t\t\t<option [value]=\"opt.value\">{{ opt.label }}</option>\n\t\t\t\t\t\t}\n\t\t\t\t\t</select>\n\t\t\t\t}\n\t\t\t} @else {\n\t\t\t\t<select\n\t\t\t\t\t[id]=\"fieldId()\"\n\t\t\t\t\t[disabled]=\"isDisabled()\"\n\t\t\t\t\tclass=\"flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\"\n\t\t\t\t\t(change)=\"onSingleSelect($event)\"\n\t\t\t\t\t(blur)=\"onBlur()\"\n\t\t\t\t>\n\t\t\t\t\t<option value=\"\">Select {{ relatedLabel() }}...</option>\n\t\t\t\t\t@for (opt of allOptions(); track opt.value) {\n\t\t\t\t\t\t<option [value]=\"opt.value\" [selected]=\"opt.value === singleValue()\">\n\t\t\t\t\t\t\t{{ opt.label }}\n\t\t\t\t\t\t</option>\n\t\t\t\t\t}\n\t\t\t\t</select>\n\t\t\t}\n\t\t</mcms-form-field>\n\n\t\t@if (entitySheetService && !isDisabled()) {\n\t\t\t<div class=\"flex gap-2 mt-1.5\">\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"inline-flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground transition-colors\"\n\t\t\t\t\t(click)=\"onCreateRelated()\"\n\t\t\t\t\t[attr.aria-label]=\"'Create new ' + relatedLabel()\"\n\t\t\t\t>\n\t\t\t\t\t<ng-icon name=\"heroPlus\" size=\"14\" aria-hidden=\"true\" />\n\t\t\t\t\tNew\n\t\t\t\t</button>\n\t\t\t\t@if (hasSelection()) {\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"inline-flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground transition-colors\"\n\t\t\t\t\t\t(click)=\"onViewRelated()\"\n\t\t\t\t\t\t[attr.aria-label]=\"'View ' + relatedLabel()\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<ng-icon name=\"heroEye\" size=\"14\" aria-hidden=\"true\" />\n\t\t\t\t\t\tView\n\t\t\t\t\t</button>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t`,\n})\nexport class RelationshipFieldRenderer {\n\tprivate readonly http = inject(HttpClient);\n\treadonly entitySheetService = inject(EntitySheetService, { optional: true });\n\n\t/** Field definition (must be a RelationshipField) */\n\treadonly field = input.required<Field>();\n\n\t/** Signal forms FieldTree node for this field */\n\treadonly formNode = input<unknown>(null);\n\n\t/** Form mode */\n\treadonly mode = input<EntityFormMode>('create');\n\n\t/** Field path */\n\treadonly path = input.required<string>();\n\n\t/** Full form model data (used for filterOptions) */\n\treadonly formModel = input<Record<string, unknown>>({});\n\n\t/** Bridge: extract FieldState from formNode */\n\tprivate readonly nodeState = computed(() => getFieldNodeState(this.formNode()));\n\n\t/** Loaded options from related collection */\n\treadonly allOptions = signal<RelationshipOption[]>([]);\n\n\t/** Loading state */\n\treadonly isLoading = signal(false);\n\n\t/** Unique field ID */\n\treadonly fieldId = computed(() => `field-${this.path().replace(/\\./g, '-')}`);\n\n\t/** Computed label */\n\treadonly label = computed(() => this.field().label || humanizeFieldName(this.field().name));\n\n\t/** Whether the field is required */\n\treadonly required = computed(() => this.field().required ?? false);\n\n\t/** Whether the field is disabled */\n\treadonly isDisabled = computed(\n\t\t() => this.mode() === 'view' || (this.field().admin?.readOnly ?? false),\n\t);\n\n\t/** Whether this is a hasMany relationship */\n\treadonly isMulti = computed((): boolean => {\n\t\tconst f = this.field();\n\t\treturn f.type === 'relationship' ? (f.hasMany ?? false) : false;\n\t});\n\n\t/** Related collection slug extracted from the lazy collection reference */\n\treadonly relatedSlug = computed((): string => {\n\t\tconst f = this.field();\n\t\tif (f.type === 'relationship') {\n\t\t\tconst config = f.collection();\n\t\t\tif (isRecord(config) && typeof config['slug'] === 'string') {\n\t\t\t\treturn config['slug'];\n\t\t\t}\n\t\t}\n\t\treturn '';\n\t});\n\n\t/** The field name used to display document titles */\n\treadonly titleField = computed((): string => {\n\t\tconst f = this.field();\n\t\tif (f.type !== 'relationship') return 'id';\n\n\t\tconst config = f.collection();\n\t\tif (!isRecord(config)) return 'id';\n\n\t\treturn getTitleField(config);\n\t});\n\n\t/** Label for the related collection (singular) */\n\treadonly relatedLabel = computed((): string => {\n\t\tconst f = this.field();\n\t\tif (f.type !== 'relationship') return 'item';\n\n\t\tconst config = f.collection();\n\t\tif (!isRecord(config)) return 'item';\n\n\t\tconst labels = config['labels'];\n\t\tif (isRecord(labels) && typeof labels['singular'] === 'string') {\n\t\t\treturn labels['singular'];\n\t\t}\n\t\tif (typeof config['slug'] === 'string') {\n\t\t\treturn config['slug'];\n\t\t}\n\t\treturn 'item';\n\t});\n\n\t/** Current value for single-select mode */\n\treadonly singleValue = computed((): string => {\n\t\tconst state = this.nodeState();\n\t\tif (!state) return '';\n\t\tconst val = state.value();\n\t\tif (typeof val === 'string') return val;\n\t\t// Handle populated objects with an id\n\t\tif (isRecord(val) && typeof val['id'] === 'string') return val['id'];\n\t\treturn '';\n\t});\n\n\t/** Current values for multi-select mode */\n\treadonly multiValues = computed((): string[] => {\n\t\tconst state = this.nodeState();\n\t\tif (!state) return [];\n\t\tconst val = state.value();\n\t\tif (!Array.isArray(val)) return [];\n\t\treturn val\n\t\t\t.map((item: unknown) => {\n\t\t\t\tif (typeof item === 'string') return item;\n\t\t\t\tif (isRecord(item) && typeof item['id'] === 'string') return item['id'];\n\t\t\t\treturn '';\n\t\t\t})\n\t\t\t.filter((v: string) => v !== '');\n\t});\n\n\t/** Selected options for multi-select display (resolved to labels) */\n\treadonly selectedOptions = computed((): RelationshipOption[] => {\n\t\tconst values = this.multiValues();\n\t\tconst options = this.allOptions();\n\t\treturn values\n\t\t\t.map((v) => options.find((opt) => opt.value === v))\n\t\t\t.filter((opt): opt is RelationshipOption => opt !== undefined);\n\t});\n\n\t/** Available options for multi-select (excludes already selected) */\n\treadonly availableOptions = computed((): RelationshipOption[] => {\n\t\tconst selected = new Set(this.multiValues());\n\t\treturn this.allOptions().filter((opt) => !selected.has(opt.value));\n\t});\n\n\t/** Validation errors shown only when field is touched */\n\treadonly touchedErrors = computed((): readonly ValidationError[] => {\n\t\tconst state = this.nodeState();\n\t\tif (!state || !state.touched()) return [];\n\t\treturn state.errors().map((e) => ({ kind: e.kind, message: e.message }));\n\t});\n\n\tconstructor() {\n\t\t// Fetch related collection docs when the slug is resolved.\n\t\t// Uses onCleanup to cancel in-flight requests if the slug changes.\n\t\teffect((onCleanup) => {\n\t\t\tconst slug = this.relatedSlug();\n\t\t\tif (slug) {\n\t\t\t\tconst sub = this.fetchOptions(slug);\n\t\t\t\tonCleanup(() => sub.unsubscribe());\n\t\t\t}\n\t\t});\n\t}\n\n\t/** Handle single-select change */\n\tonSingleSelect(event: Event): void {\n\t\tconst target = event.target;\n\t\tif (target instanceof HTMLSelectElement) {\n\t\t\tconst state = this.nodeState();\n\t\t\tif (state) {\n\t\t\t\tstate.value.set(target.value || null);\n\t\t\t}\n\t\t}\n\t}\n\n\t/** Handle multi-select add */\n\tonMultiSelect(event: Event): void {\n\t\tconst target = event.target;\n\t\tif (!(target instanceof HTMLSelectElement)) return;\n\n\t\tconst selectedValue = target.value;\n\t\tif (!selectedValue) return;\n\n\t\tconst state = this.nodeState();\n\t\tif (!state) return;\n\n\t\tconst currentValues = this.multiValues();\n\t\tif (!currentValues.includes(selectedValue)) {\n\t\t\tstate.value.set([...currentValues, selectedValue]);\n\t\t}\n\t\t// Reset dropdown to placeholder\n\t\ttarget.value = '';\n\t}\n\n\t/** Remove a value from multi-select */\n\tremoveSelection(valueToRemove: string): void {\n\t\tconst state = this.nodeState();\n\t\tif (!state) return;\n\t\tconst currentValues = this.multiValues();\n\t\tstate.value.set(currentValues.filter((v) => v !== valueToRemove));\n\t}\n\n\t/** Whether there is a current selection (for showing \"View\" button) */\n\treadonly hasSelection = computed(\n\t\t(): boolean => !!this.singleValue() || this.multiValues().length > 0,\n\t);\n\n\t/**\n\t * Handle blur from select elements.\n\t */\n\tonBlur(): void {\n\t\tconst state = this.nodeState();\n\t\tif (state) state.markAsTouched();\n\t}\n\n\t/** Open the entity sheet to create a new related entity */\n\tonCreateRelated(): void {\n\t\tconst slug = this.relatedSlug();\n\t\tif (!slug || !this.entitySheetService) return;\n\n\t\tthis.entitySheetService.openCreate(slug).subscribe((result) => {\n\t\t\tif (result.action === 'created' && result.entity) {\n\t\t\t\tconst state = this.nodeState();\n\t\t\t\tif (!state) return;\n\n\t\t\t\tconst entityId = String(result.entity.id);\n\t\t\t\tif (this.isMulti()) {\n\t\t\t\t\tconst current = this.multiValues();\n\t\t\t\t\tstate.value.set([...current, entityId]);\n\t\t\t\t} else {\n\t\t\t\t\tstate.value.set(entityId);\n\t\t\t\t}\n\n\t\t\t\t// Refresh options to include the newly created entity\n\t\t\t\tthis.fetchOptions(slug);\n\t\t\t}\n\t\t});\n\t}\n\n\t/** Open the entity sheet to view the selected related entity */\n\tonViewRelated(): void {\n\t\tconst slug = this.relatedSlug();\n\t\tif (!slug || !this.entitySheetService) return;\n\n\t\tconst id = this.isMulti() ? this.multiValues()[0] : this.singleValue();\n\t\tif (!id) return;\n\n\t\tthis.entitySheetService.openView(slug, id).subscribe((result) => {\n\t\t\tif (result.action === 'deleted') {\n\t\t\t\tconst state = this.nodeState();\n\t\t\t\tif (!state) return;\n\n\t\t\t\t// Clear the deleted entity from the selection\n\t\t\t\tif (this.isMulti()) {\n\t\t\t\t\tconst current = this.multiValues();\n\t\t\t\t\tstate.value.set(current.filter((v) => v !== id));\n\t\t\t\t} else {\n\t\t\t\t\tstate.value.set(null);\n\t\t\t\t}\n\n\t\t\t\t// Refresh options to remove the deleted entity\n\t\t\t\tthis.fetchOptions(slug);\n\t\t\t}\n\t\t});\n\t}\n\n\t/** Fetch options from the related collection API, returns subscription for cleanup */\n\tfetchOptions(slug: string): Subscription {\n\t\tthis.isLoading.set(true);\n\t\tconst titleField = this.titleField();\n\n\t\t// Build query params, including filterOptions if defined\n\t\tconst params: Record<string, string> = { limit: '100' };\n\t\tconst f = this.field();\n\t\tif (f.type === 'relationship' && f.filterOptions) {\n\t\t\tconst whereClause = f.filterOptions({ data: this.formModel() });\n\t\t\tfor (const [key, val] of Object.entries(whereClause)) {\n\t\t\t\tif (val !== undefined && val !== null) {\n\t\t\t\t\tparams[`where[${key}]`] = String(val);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn this.http\n\t\t\t.get<{ docs?: Array<Record<string, unknown>> }>(`/api/${slug}`, {\n\t\t\t\tparams,\n\t\t\t})\n\t\t\t.subscribe({\n\t\t\t\tnext: (response) => {\n\t\t\t\t\tconst docs = response.docs ?? [];\n\t\t\t\t\tconst options: RelationshipOption[] = docs.map((doc) => {\n\t\t\t\t\t\tconst id = typeof doc['id'] === 'string' ? doc['id'] : String(doc['id'] ?? '');\n\t\t\t\t\t\tconst titleValue = doc[titleField];\n\t\t\t\t\t\tconst label = titleField !== 'id' && typeof titleValue === 'string' ? titleValue : id;\n\t\t\t\t\t\treturn { value: id, label };\n\t\t\t\t\t});\n\t\t\t\t\tthis.allOptions.set(options);\n\t\t\t\t\tthis.isLoading.set(false);\n\t\t\t\t},\n\t\t\t\terror: (err: unknown) => {\n\t\t\t\t\tconsole.error(`Failed to load relationship options for \"${slug}\":`, err);\n\t\t\t\t\tthis.allOptions.set([]);\n\t\t\t\t\tthis.isLoading.set(false);\n\t\t\t\t},\n\t\t\t});\n\t}\n}\n"],"names":[],"mappings":"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"}