@mj-biz-apps/common-ng 5.45.0 → 5.46.0

package/dist/lib/components/person-job-functions/person-job-functions.component.js

@@ -0,0 +1,506 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, Output, inject, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { Metadata, RunView } from '@memberjunction/core';
+import { UUIDsEqual } from '@memberjunction/global';
+import { MJButtonDirective } from '@memberjunction/ng-ui-components';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+const _forTrack0 = ($index, $item) => $item.ID;
+function PersonJobFunctionsComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 4);
+    i0.ɵɵtext(1, " Primary: ");
+    i0.ɵɵelementStart(2, "strong");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.Items[0].JobFunction);
+} }
+function PersonJobFunctionsComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 14);
+    i0.ɵɵlistener("click", function PersonJobFunctionsComponent_Conditional_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.ShowAddPicker = !ctx_r0.ShowAddPicker); });
+    i0.ɵɵelement(1, "i", 15);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("disabled", ctx_r0.Saving);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-plus", !ctx_r0.ShowAddPicker)("fa-xmark", ctx_r0.ShowAddPicker);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.ShowAddPicker ? "Cancel" : "Add Function", " ");
+} }
+function PersonJobFunctionsComponent_Conditional_10_For_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 21);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const fn_r4 = ctx.$implicit;
+    i0.ɵɵproperty("value", fn_r4.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(fn_r4.Name);
+} }
+function PersonJobFunctionsComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 9)(1, "div", 16);
+    i0.ɵɵelement(2, "i", 17);
+    i0.ɵɵtext(3, " Add Job Function ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 18)(5, "select", 19);
+    i0.ɵɵtwoWayListener("ngModelChange", function PersonJobFunctionsComponent_Conditional_10_Template_select_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.SelectedFunctionIDToAdd, $event) || (ctx_r0.SelectedFunctionIDToAdd = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(6, "option", 20);
+    i0.ɵɵtext(7, "\u2014 Select Job Function to Assign \u2014");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(8, PersonJobFunctionsComponent_Conditional_10_For_9_Template, 2, 2, "option", 21, _forTrack0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "button", 14);
+    i0.ɵɵlistener("click", function PersonJobFunctionsComponent_Conditional_10_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onAddFunction()); });
+    i0.ɵɵelement(11, "i", 22);
+    i0.ɵɵtext(12, " Assign ");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.SelectedFunctionIDToAdd);
+    i0.ɵɵproperty("disabled", ctx_r0.Saving);
+    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(ctx_r0.unassignedFunctions);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", !ctx_r0.SelectedFunctionIDToAdd || ctx_r0.Saving);
+} }
+function PersonJobFunctionsComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 10);
+    i0.ɵɵelement(1, "i", 23);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.ErrorMessage);
+} }
+function PersonJobFunctionsComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11);
+    i0.ɵɵelement(1, "i", 24);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Loading job functions...");
+    i0.ɵɵelementEnd()();
+} }
+function PersonJobFunctionsComponent_Conditional_13_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 27);
+    i0.ɵɵlistener("click", function PersonJobFunctionsComponent_Conditional_13_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.ShowAddPicker = true); });
+    i0.ɵɵelement(1, "i", 28);
+    i0.ɵɵtext(2, " Assign First Function ");
+    i0.ɵɵelementEnd();
+} }
+function PersonJobFunctionsComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12);
+    i0.ɵɵelement(1, "i", 25);
+    i0.ɵɵelementStart(2, "h4");
+    i0.ɵɵtext(3, "No Job Functions Assigned");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p");
+    i0.ɵɵtext(5, "Assign one or more job functions to prioritize this person's functional specialties.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(6, PersonJobFunctionsComponent_Conditional_13_Conditional_6_Template, 3, 0, "button", 26);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(6);
+    i0.ɵɵconditional(ctx_r0.EditMode && ctx_r0.unassignedFunctions.length > 0 ? 6 : -1);
+} }
+function PersonJobFunctionsComponent_Conditional_14_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 32);
+    i0.ɵɵelement(1, "i", 41);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "#1 Primary");
+    i0.ɵɵelementEnd()();
+} }
+function PersonJobFunctionsComponent_Conditional_14_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 33)(1, "span");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ɵ$index_89_r6 = i0.ɵɵnextContext().$index;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("#", ɵ$index_89_r6 + 1);
+} }
+function PersonJobFunctionsComponent_Conditional_14_For_2_Conditional_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 43);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r7 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("(", ctx_r0.formatConfidence(item_r7.Confidence), ")");
+} }
+function PersonJobFunctionsComponent_Conditional_14_For_2_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 38);
+    i0.ɵɵelement(1, "i", 42);
+    i0.ɵɵtext(2, " Derived ");
+    i0.ɵɵconditionalCreate(3, PersonJobFunctionsComponent_Conditional_14_For_2_Conditional_9_Conditional_3_Template, 2, 1, "span", 43);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r7 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(item_r7.Confidence != null ? 3 : -1);
+} }
+function PersonJobFunctionsComponent_Conditional_14_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 39);
+    i0.ɵɵelement(1, "i", 44);
+    i0.ɵɵtext(2, " Manual ");
+    i0.ɵɵelementEnd();
+} }
+function PersonJobFunctionsComponent_Conditional_14_For_2_Conditional_11_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 53);
+    i0.ɵɵlistener("click", function PersonJobFunctionsComponent_Conditional_14_For_2_Conditional_11_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ɵ$index_89_r6 = i0.ɵɵnextContext(2).$index; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onSetPrimary(ɵ$index_89_r6)); });
+    i0.ɵɵelement(1, "i", 41);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Make Primary");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("disabled", ctx_r0.Saving);
+} }
+function PersonJobFunctionsComponent_Conditional_14_For_2_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 40);
+    i0.ɵɵconditionalCreate(1, PersonJobFunctionsComponent_Conditional_14_For_2_Conditional_11_Conditional_1_Template, 4, 1, "button", 45);
+    i0.ɵɵelementStart(2, "div", 46)(3, "button", 47);
+    i0.ɵɵlistener("click", function PersonJobFunctionsComponent_Conditional_14_For_2_Conditional_11_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r8); const ɵ$index_89_r6 = i0.ɵɵnextContext().$index; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onMoveUp(ɵ$index_89_r6)); });
+    i0.ɵɵelement(4, "i", 48);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "button", 49);
+    i0.ɵɵlistener("click", function PersonJobFunctionsComponent_Conditional_14_For_2_Conditional_11_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r8); const ɵ$index_89_r6 = i0.ɵɵnextContext().$index; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onMoveDown(ɵ$index_89_r6)); });
+    i0.ɵɵelement(6, "i", 50);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "button", 51);
+    i0.ɵɵlistener("click", function PersonJobFunctionsComponent_Conditional_14_For_2_Conditional_11_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r8); const item_r7 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onRemove(item_r7)); });
+    i0.ɵɵelement(8, "i", 52);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r9 = i0.ɵɵnextContext();
+    const ɵ$index_89_r6 = ctx_r9.$index;
+    const ɵ$count_89_r11 = ctx_r9.$count;
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!(ɵ$index_89_r6 === 0) ? 1 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ɵ$index_89_r6 === 0 || ctx_r0.Saving);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ɵ$index_89_r6 === ɵ$count_89_r11 - 1 || ctx_r0.Saving);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r0.Saving);
+} }
+function PersonJobFunctionsComponent_Conditional_14_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 30)(1, "div", 31);
+    i0.ɵɵconditionalCreate(2, PersonJobFunctionsComponent_Conditional_14_For_2_Conditional_2_Template, 4, 0, "div", 32)(3, PersonJobFunctionsComponent_Conditional_14_For_2_Conditional_3_Template, 3, 1, "div", 33);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 34)(5, "div", 35)(6, "span", 36);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "div", 37);
+    i0.ɵɵconditionalCreate(9, PersonJobFunctionsComponent_Conditional_14_For_2_Conditional_9_Template, 4, 1, "span", 38)(10, PersonJobFunctionsComponent_Conditional_14_For_2_Conditional_10_Template, 3, 0, "span", 39);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵconditionalCreate(11, PersonJobFunctionsComponent_Conditional_14_For_2_Conditional_11_Template, 9, 4, "div", 40);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r7 = ctx.$implicit;
+    const ɵ$index_89_r6 = ctx.$index;
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("is-primary", ɵ$index_89_r6 === 0);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ɵ$index_89_r6 === 0 ? 2 : 3);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(item_r7.JobFunction);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(item_r7.Source === "Derived" ? 9 : 10);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.EditMode ? 11 : -1);
+} }
+function PersonJobFunctionsComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 13);
+    i0.ɵɵrepeaterCreate(1, PersonJobFunctionsComponent_Conditional_14_For_2_Template, 12, 6, "div", 29, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.Items);
+} }
+/**
+ * Visual editor and manager for a Person's assigned Job Functions.
+ * Displays functions in sequence order with primary badge, confidence metrics,
+ * inline sequence reordering (Move Up / Down), set-as-primary, delete, and quick-add.
+ */
+export class PersonJobFunctionsComponent {
+    cdr = inject(ChangeDetectorRef);
+    PersonID = null;
+    EditMode = true;
+    Provider;
+    DataChanged = new EventEmitter();
+    /** The provider actually used — the one passed in, or the ambient one. */
+    get ProviderToUse() {
+        return this.Provider ?? Metadata.Provider;
+    }
+    Items = [];
+    AvailableFunctions = [];
+    Loading = false;
+    Saving = false;
+    ErrorMessage = null;
+    SelectedFunctionIDToAdd = '';
+    ShowAddPicker = false;
+    async ngOnInit() {
+        await this.loadAll();
+    }
+    async ngOnChanges(changes) {
+        if (changes['PersonID'] && !changes['PersonID'].firstChange) {
+            await this.loadAll();
+        }
+    }
+    /** Unassigned job functions available for quick assignment. */
+    get unassignedFunctions() {
+        return this.AvailableFunctions.filter((f) => !this.Items.some((item) => UUIDsEqual(item.JobFunctionID, f.ID)));
+    }
+    /** Reload both available functions catalog and assigned person functions. */
+    async loadAll() {
+        if (!this.PersonID) {
+            this.Items = [];
+            this.cdr.markForCheck();
+            return;
+        }
+        this.Loading = true;
+        this.ErrorMessage = null;
+        this.cdr.markForCheck();
+        try {
+            const p = this.ProviderToUse;
+            const rv = new RunView();
+            const [catalogRes, assignedRes] = await Promise.all([
+                rv.RunView({
+                    EntityName: 'MJ_BizApps_Common: Job Functions',
+                    ExtraFilter: "Status = 'Active'",
+                    OrderBy: 'Name ASC',
+                    ResultType: 'entity_object',
+                }, p.CurrentUser),
+                rv.RunView({
+                    EntityName: 'MJ_BizApps_Common: Person Job Functions',
+                    ExtraFilter: `PersonID = '${this.PersonID}'`,
+                    OrderBy: 'Sequence ASC, __mj_CreatedAt ASC',
+                    ResultType: 'entity_object',
+                }, p.CurrentUser),
+            ]);
+            if (catalogRes.Success && catalogRes.Results) {
+                this.AvailableFunctions = catalogRes.Results;
+            }
+            else if (!catalogRes.Success) {
+                this.ErrorMessage = catalogRes.ErrorMessage || 'Failed to load job function catalog';
+            }
+            if (assignedRes.Success && assignedRes.Results) {
+                this.Items = [...assignedRes.Results].sort((a, b) => (a.Sequence || 0) - (b.Sequence || 0));
+            }
+            else if (!assignedRes.Success) {
+                this.ErrorMessage = assignedRes.ErrorMessage || 'Failed to load assigned job functions';
+            }
+        }
+        catch (err) {
+            console.error('[PersonJobFunctions] Failed to load job functions:', err);
+            this.ErrorMessage = err instanceof Error ? err.message : String(err);
+        }
+        finally {
+            this.Loading = false;
+            this.cdr.markForCheck();
+        }
+    }
+    /** Add a selected job function to the person. */
+    async onAddFunction() {
+        if (!this.PersonID || !this.SelectedFunctionIDToAdd || this.Saving)
+            return;
+        this.Saving = true;
+        this.ErrorMessage = null;
+        this.cdr.markForCheck();
+        try {
+            const p = this.ProviderToUse;
+            const newRecord = await p.GetEntityObject('MJ_BizApps_Common: Person Job Functions', p.CurrentUser);
+            const nextSeq = this.Items.length > 0
+                ? Math.max(...this.Items.map((i) => i.Sequence || 0)) + 1
+                : 1;
+            newRecord.PersonID = this.PersonID;
+            newRecord.JobFunctionID = this.SelectedFunctionIDToAdd;
+            newRecord.Sequence = nextSeq;
+            newRecord.Source = 'Manual';
+            const saved = await newRecord.Save();
+            if (!saved) {
+                throw new Error(newRecord.LatestResult?.CompleteMessage || 'Failed to save job function');
+            }
+            this.SelectedFunctionIDToAdd = '';
+            this.ShowAddPicker = false;
+            await this.loadAll();
+            this.DataChanged.emit();
+        }
+        catch (err) {
+            console.error('[PersonJobFunctions] Add function failed:', err);
+            this.ErrorMessage = err instanceof Error ? err.message : String(err);
+        }
+        finally {
+            this.Saving = false;
+            this.cdr.markForCheck();
+        }
+    }
+    /** Remove an assigned job function. */
+    async onRemove(item) {
+        if (this.Saving)
+            return;
+        this.Saving = true;
+        this.ErrorMessage = null;
+        this.cdr.markForCheck();
+        try {
+            const deleted = await item.Delete();
+            if (!deleted) {
+                throw new Error(item.LatestResult?.CompleteMessage || 'Failed to remove job function');
+            }
+            // Renumber remaining items to ensure sequential 1..N order
+            const remaining = this.Items.filter((i) => !UUIDsEqual(i.ID, item.ID));
+            await this.normalizeSequences(remaining);
+            await this.loadAll();
+            this.DataChanged.emit();
+        }
+        catch (err) {
+            console.error('[PersonJobFunctions] Remove function failed:', err);
+            this.ErrorMessage = err instanceof Error ? err.message : String(err);
+        }
+        finally {
+            this.Saving = false;
+            this.cdr.markForCheck();
+        }
+    }
+    /** Move a function up one position. */
+    async onMoveUp(index) {
+        if (index <= 0 || this.Saving)
+            return;
+        await this.swapPositions(index, index - 1);
+    }
+    /** Move a function down one position. */
+    async onMoveDown(index) {
+        if (index >= this.Items.length - 1 || this.Saving)
+            return;
+        await this.swapPositions(index, index + 1);
+    }
+    /** Promote any function directly to #1 (Primary). */
+    async onSetPrimary(index) {
+        if (index === 0 || this.Saving)
+            return;
+        this.Saving = true;
+        this.ErrorMessage = null;
+        this.cdr.markForCheck();
+        try {
+            const target = this.Items[index];
+            const reordered = [target, ...this.Items.filter((_, i) => i !== index)];
+            await this.normalizeSequences(reordered);
+            await this.loadAll();
+            this.DataChanged.emit();
+        }
+        catch (err) {
+            console.error('[PersonJobFunctions] Set primary failed:', err);
+            this.ErrorMessage = err instanceof Error ? err.message : String(err);
+        }
+        finally {
+            this.Saving = false;
+            this.cdr.markForCheck();
+        }
+    }
+    async swapPositions(idxA, idxB) {
+        this.Saving = true;
+        this.ErrorMessage = null;
+        this.cdr.markForCheck();
+        try {
+            const copy = [...this.Items];
+            const temp = copy[idxA];
+            copy[idxA] = copy[idxB];
+            copy[idxB] = temp;
+            await this.normalizeSequences(copy);
+            await this.loadAll();
+            this.DataChanged.emit();
+        }
+        catch (err) {
+            console.error('[PersonJobFunctions] Swap positions failed:', err);
+            this.ErrorMessage = err instanceof Error ? err.message : String(err);
+        }
+        finally {
+            this.Saving = false;
+            this.cdr.markForCheck();
+        }
+    }
+    /** Assign consecutive sequence numbers 1..N and persist changes. */
+    async normalizeSequences(items) {
+        for (let i = 0; i < items.length; i++) {
+            const expectedSeq = i + 1;
+            if (items[i].Sequence !== expectedSeq) {
+                items[i].Sequence = expectedSeq;
+                const saved = await items[i].Save();
+                if (!saved) {
+                    throw new Error(items[i].LatestResult?.CompleteMessage || `Failed to update sequence for job function ${items[i].JobFunction}`);
+                }
+            }
+        }
+    }
+    /** Format confidence score as a percentage. */
+    formatConfidence(score) {
+        if (score == null)
+            return '';
+        return `${Math.round(score * 100)}%`;
+    }
+    static ɵfac = function PersonJobFunctionsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PersonJobFunctionsComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PersonJobFunctionsComponent, selectors: [["bizapps-person-job-functions"]], inputs: { PersonID: "PersonID", EditMode: "EditMode", Provider: "Provider" }, outputs: { DataChanged: "DataChanged" }, features: [i0.ɵɵNgOnChangesFeature], decls: 15, vars: 10, consts: [[1, "pjf-container"], [1, "pjf-header"], [1, "pjf-header-left"], [1, "pjf-count-badge"], [1, "pjf-primary-summary"], [1, "pjf-header-right"], ["mjButton", "", "size", "sm", "variant", "primary", 3, "disabled"], ["mjButton", "", "size", "sm", "variant", "flat", 3, "click", "disabled"], [1, "fa-solid", "fa-arrows-rotate"], [1, "pjf-add-card"], [1, "pjf-error"], [1, "pjf-loading"], [1, "pjf-empty"], [1, "pjf-list"], ["mjButton", "", "size", "sm", "variant", "primary", 3, "click", "disabled"], [1, "fa-solid"], [1, "pjf-add-title"], [1, "fa-solid", "fa-plus-circle"], [1, "pjf-add-form"], [1, "pjf-select", 3, "ngModelChange", "ngModel", "disabled"], ["value", "", "disabled", ""], [3, "value"], [1, "fa-solid", "fa-check"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "fa-solid", "fa-circle-notch", "fa-spin"], [1, "fa-solid", "fa-briefcase"], ["mjButton", "", "size", "sm", "variant", "secondary"], ["mjButton", "", "size", "sm", "variant", "secondary", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "pjf-item-card", 3, "is-primary"], [1, "pjf-item-card"], [1, "pjf-seq-col"], ["title", "Primary Job Function", 1, "pjf-rank-badge", "primary"], ["title", "Secondary Job Function", 1, "pjf-rank-badge"], [1, "pjf-info-col"], [1, "pjf-name-row"], [1, "pjf-function-name"], [1, "pjf-pill-group"], ["title", "Derived by Feature Pipeline", 1, "pjf-source-pill", "derived"], ["title", "Manually assigned", 1, "pjf-source-pill", "manual"], [1, "pjf-actions-col"], [1, "fa-solid", "fa-star"], [1, "fa-solid", "fa-sparkles"], [1, "pjf-conf"], [1, "fa-solid", "fa-user-pen"], ["type", "button", "title", "Set as Primary", 1, "pjf-action-btn", "primary-btn", 3, "disabled"], [1, "pjf-order-buttons"], ["type", "button", "title", "Move Up", 1, "pjf-icon-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-up"], ["type", "button", "title", "Move Down", 1, "pjf-icon-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-down"], ["type", "button", "title", "Remove Job Function", 1, "pjf-icon-btn", "delete-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-trash-can"], ["type", "button", "title", "Set as Primary", 1, "pjf-action-btn", "primary-btn", 3, "click", "disabled"]], template: function PersonJobFunctionsComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "span", 3);
+            i0.ɵɵtext(4);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(5, PersonJobFunctionsComponent_Conditional_5_Template, 4, 1, "span", 4);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(6, "div", 5);
+            i0.ɵɵconditionalCreate(7, PersonJobFunctionsComponent_Conditional_7_Template, 3, 6, "button", 6);
+            i0.ɵɵelementStart(8, "button", 7);
+            i0.ɵɵlistener("click", function PersonJobFunctionsComponent_Template_button_click_8_listener() { return ctx.loadAll(); });
+            i0.ɵɵelement(9, "i", 8);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵconditionalCreate(10, PersonJobFunctionsComponent_Conditional_10_Template, 13, 3, "div", 9);
+            i0.ɵɵconditionalCreate(11, PersonJobFunctionsComponent_Conditional_11_Template, 4, 1, "div", 10);
+            i0.ɵɵconditionalCreate(12, PersonJobFunctionsComponent_Conditional_12_Template, 4, 0, "div", 11)(13, PersonJobFunctionsComponent_Conditional_13_Template, 7, 1, "div", 12)(14, PersonJobFunctionsComponent_Conditional_14_Template, 3, 0, "div", 13);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(4);
+            i0.ɵɵtextInterpolate2(" ", ctx.Items.length, " ", ctx.Items.length === 1 ? "Job Function" : "Job Functions", " ");
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Items.length > 0 ? 5 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.EditMode && ctx.unassignedFunctions.length > 0 ? 7 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("disabled", ctx.Loading || ctx.Saving);
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("fa-spin", ctx.Loading);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.ShowAddPicker && ctx.EditMode ? 10 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.ErrorMessage ? 11 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Loading && ctx.Items.length === 0 ? 12 : ctx.Items.length === 0 ? 13 : 14);
+        } }, dependencies: [CommonModule, FormsModule, i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.NgModel, MJButtonDirective], styles: ["[_nghost-%COMP%] {\n    display: block;\n    width: 100%;\n}\n\n.pjf-container[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    padding: 12px 0;\n}\n\n\n\n.pjf-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding-bottom: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.pjf-header-left[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.pjf-count-badge[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    padding: 3px 8px;\n    border-radius: 6px;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n    border: 1px solid var(--mj-border-subtle);\n}\n\n.pjf-primary-summary[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.pjf-primary-summary[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n    color: var(--mj-text-primary);\n    font-weight: 600;\n}\n\n.pjf-header-right[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n\n\n.pjf-add-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 8px;\n    padding: 12px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    animation: _ngcontent-%COMP%_pjfFadeIn 0.2s ease-out;\n}\n\n@keyframes _ngcontent-%COMP%_pjfFadeIn {\n    from { opacity: 0; transform: translateY(-4px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n.pjf-add-title[_ngcontent-%COMP%] {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.pjf-add-form[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.pjf-select[_ngcontent-%COMP%] {\n    flex: 1;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    padding: 6px 12px;\n    font-size: 13px;\n    outline: none;\n    transition: border-color 0.15s ease;\n}\n\n.pjf-select[_ngcontent-%COMP%]:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n\n\n.pjf-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.pjf-item-card[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    padding: 10px 14px;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    transition: all 0.15s ease;\n}\n\n.pjf-item-card[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-border-default);\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);\n}\n\n.pjf-item-card.is-primary[_ngcontent-%COMP%] {\n    border-color: var(--mj-status-warning-border, color-mix(in srgb, var(--mj-status-warning) 35%, transparent));\n    background: linear-gradient(90deg, color-mix(in srgb, var(--mj-status-warning) 8%, transparent) 0%, var(--mj-bg-surface) 100%);\n}\n\n\n\n.pjf-seq-col[_ngcontent-%COMP%] {\n    min-width: 100px;\n    flex-shrink: 0;\n}\n\n.pjf-rank-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 4px 9px;\n    border-radius: 6px;\n    font-size: 11px;\n    font-weight: 700;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    border: 1px solid var(--mj-border-subtle);\n}\n\n.pjf-rank-badge.primary[_ngcontent-%COMP%] {\n    background: var(--mj-status-warning-bg, color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface)));\n    color: var(--mj-status-warning-text, var(--mj-status-warning));\n    border: 1px solid var(--mj-status-warning-border, color-mix(in srgb, var(--mj-status-warning) 35%, transparent));\n}\n\n.pjf-rank-badge.primary[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 10px;\n}\n\n\n\n.pjf-info-col[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.pjf-name-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: wrap;\n}\n\n.pjf-function-name[_ngcontent-%COMP%] {\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.pjf-pill-group[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.pjf-source-pill[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    font-size: 11px;\n    font-weight: 600;\n    padding: 2px 7px;\n    border-radius: 4px;\n}\n\n.pjf-source-pill.derived[_ngcontent-%COMP%] {\n    background: var(--mj-status-info-bg, color-mix(in srgb, var(--mj-status-info) 14%, var(--mj-bg-surface)));\n    color: var(--mj-status-info-text, var(--mj-status-info));\n    border: 1px solid var(--mj-status-info-border, color-mix(in srgb, var(--mj-status-info) 28%, transparent));\n}\n\n.pjf-source-pill.manual[_ngcontent-%COMP%] {\n    background: var(--mj-status-success-bg, color-mix(in srgb, var(--mj-status-success) 14%, var(--mj-bg-surface)));\n    color: var(--mj-status-success-text, var(--mj-status-success));\n    border: 1px solid var(--mj-status-success-border, color-mix(in srgb, var(--mj-status-success) 28%, transparent));\n}\n\n.pjf-conf[_ngcontent-%COMP%] {\n    font-size: 10px;\n    opacity: 0.85;\n}\n\n\n\n.pjf-actions-col[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    flex-shrink: 0;\n}\n\n.pjf-action-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 4px 8px;\n    border-radius: 5px;\n    font-size: 11px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    border: none;\n}\n\n.pjf-action-btn.primary-btn[_ngcontent-%COMP%] {\n    background: transparent;\n    color: var(--mj-status-warning-text, var(--mj-status-warning));\n    border: 1px solid var(--mj-status-warning-border, color-mix(in srgb, var(--mj-status-warning) 30%, transparent));\n}\n\n.pjf-action-btn.primary-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: var(--mj-status-warning-bg, color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface)));\n}\n\n.pjf-order-buttons[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 2px;\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 5px;\n    padding: 1px;\n}\n\n.pjf-icon-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 26px;\n    height: 24px;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    border-radius: 4px;\n    cursor: pointer;\n    font-size: 10px;\n    transition: all 0.12s ease;\n}\n\n.pjf-icon-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.pjf-icon-btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.3;\n    cursor: not-allowed;\n}\n\n.pjf-icon-btn.delete-btn[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n}\n\n.pjf-icon-btn.delete-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: var(--mj-status-error-bg, color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface)));\n    color: var(--mj-status-error-text, var(--mj-status-error));\n}\n\n\n\n.pjf-loading[_ngcontent-%COMP%], .pjf-empty[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 32px;\n    text-align: center;\n    color: var(--mj-text-muted);\n    border: 1px dashed var(--mj-border-subtle);\n    border-radius: 8px;\n    gap: 8px;\n}\n\n.pjf-empty[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 28px;\n    margin-bottom: 4px;\n}\n\n.pjf-empty[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.pjf-empty[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0 0 8px 0;\n    font-size: 12px;\n    max-width: 320px;\n}\n\n.pjf-error[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    border-radius: 6px;\n    font-size: 12px;\n    background: var(--mj-status-error-bg, color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface)));\n    border: 1px solid var(--mj-status-error-border, var(--mj-status-error));\n    color: var(--mj-status-error-text, var(--mj-status-error));\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PersonJobFunctionsComponent, [{
+        type: Component,
+        args: [{ selector: 'bizapps-person-job-functions', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, FormsModule, MJButtonDirective], template: "<div class=\"pjf-container\">\n    <!-- Top Action Bar -->\n    <div class=\"pjf-header\">\n        <div class=\"pjf-header-left\">\n            <span class=\"pjf-count-badge\">\n                {{ Items.length }} {{ Items.length === 1 ? 'Job Function' : 'Job Functions' }}\n            </span>\n            @if (Items.length > 0) {\n                <span class=\"pjf-primary-summary\">\n                    Primary: <strong>{{ Items[0].JobFunction }}</strong>\n                </span>\n            }\n        </div>\n        <div class=\"pjf-header-right\">\n            @if (EditMode && unassignedFunctions.length > 0) {\n                <button\n                    mjButton\n                    size=\"sm\"\n                    variant=\"primary\"\n                    [disabled]=\"Saving\"\n                    (click)=\"ShowAddPicker = !ShowAddPicker\">\n                    <i class=\"fa-solid\" [class.fa-plus]=\"!ShowAddPicker\" [class.fa-xmark]=\"ShowAddPicker\"></i>\n                    {{ ShowAddPicker ? 'Cancel' : 'Add Function' }}\n                </button>\n            }\n            <button\n                mjButton\n                size=\"sm\"\n                variant=\"flat\"\n                [disabled]=\"Loading || Saving\"\n                (click)=\"loadAll()\">\n                <i class=\"fa-solid fa-arrows-rotate\" [class.fa-spin]=\"Loading\"></i>\n            </button>\n        </div>\n    </div>\n\n    <!-- Quick Add Picker -->\n    @if (ShowAddPicker && EditMode) {\n        <div class=\"pjf-add-card\">\n            <div class=\"pjf-add-title\">\n                <i class=\"fa-solid fa-plus-circle\"></i> Add Job Function\n            </div>\n            <div class=\"pjf-add-form\">\n                <select\n                    class=\"pjf-select\"\n                    [(ngModel)]=\"SelectedFunctionIDToAdd\"\n                    [disabled]=\"Saving\">\n                    <option value=\"\" disabled>\u2014 Select Job Function to Assign \u2014</option>\n                    @for (fn of unassignedFunctions; track fn.ID) {\n                        <option [value]=\"fn.ID\">{{ fn.Name }}</option>\n                    }\n                </select>\n                <button\n                    mjButton\n                    size=\"sm\"\n                    variant=\"primary\"\n                    [disabled]=\"!SelectedFunctionIDToAdd || Saving\"\n                    (click)=\"onAddFunction()\">\n                    <i class=\"fa-solid fa-check\"></i> Assign\n                </button>\n            </div>\n        </div>\n    }\n\n    <!-- Error Banner -->\n    @if (ErrorMessage) {\n        <div class=\"pjf-error\">\n            <i class=\"fa-solid fa-triangle-exclamation\"></i>\n            <span>{{ ErrorMessage }}</span>\n        </div>\n    }\n\n    <!-- Loading State -->\n    @if (Loading && Items.length === 0) {\n        <div class=\"pjf-loading\">\n            <i class=\"fa-solid fa-circle-notch fa-spin\"></i>\n            <span>Loading job functions...</span>\n        </div>\n    } @else if (Items.length === 0) {\n        <!-- Empty State -->\n        <div class=\"pjf-empty\">\n            <i class=\"fa-solid fa-briefcase\"></i>\n            <h4>No Job Functions Assigned</h4>\n            <p>Assign one or more job functions to prioritize this person's functional specialties.</p>\n            @if (EditMode && unassignedFunctions.length > 0) {\n                <button mjButton size=\"sm\" variant=\"secondary\" (click)=\"ShowAddPicker = true\">\n                    <i class=\"fa-solid fa-plus\"></i> Assign First Function\n                </button>\n            }\n        </div>\n    } @else {\n        <!-- Job Functions List -->\n        <div class=\"pjf-list\">\n            @for (item of Items; track item.ID; let idx = $index; let first = $first; let last = $last) {\n                <div class=\"pjf-item-card\" [class.is-primary]=\"first\">\n                    <!-- Sequence / Rank Column -->\n                    <div class=\"pjf-seq-col\">\n                        @if (first) {\n                            <div class=\"pjf-rank-badge primary\" title=\"Primary Job Function\">\n                                <i class=\"fa-solid fa-star\"></i>\n                                <span>#1 Primary</span>\n                            </div>\n                        } @else {\n                            <div class=\"pjf-rank-badge\" title=\"Secondary Job Function\">\n                                <span>#{{ idx + 1 }}</span>\n                            </div>\n                        }\n                    </div>\n\n                    <!-- Main Info Column -->\n                    <div class=\"pjf-info-col\">\n                        <div class=\"pjf-name-row\">\n                            <span class=\"pjf-function-name\">{{ item.JobFunction }}</span>\n                            <div class=\"pjf-pill-group\">\n                                @if (item.Source === 'Derived') {\n                                    <span class=\"pjf-source-pill derived\" title=\"Derived by Feature Pipeline\">\n                                        <i class=\"fa-solid fa-sparkles\"></i> Derived\n                                        @if (item.Confidence != null) {\n                                            <span class=\"pjf-conf\">({{ formatConfidence(item.Confidence) }})</span>\n                                        }\n                                    </span>\n                                } @else {\n                                    <span class=\"pjf-source-pill manual\" title=\"Manually assigned\">\n                                        <i class=\"fa-solid fa-user-pen\"></i> Manual\n                                    </span>\n                                }\n                            </div>\n                        </div>\n                    </div>\n\n                    <!-- Reorder & Actions Column -->\n                    @if (EditMode) {\n                        <div class=\"pjf-actions-col\">\n                            @if (!first) {\n                                <button\n                                    class=\"pjf-action-btn primary-btn\"\n                                    type=\"button\"\n                                    title=\"Set as Primary\"\n                                    [disabled]=\"Saving\"\n                                    (click)=\"onSetPrimary(idx)\">\n                                    <i class=\"fa-solid fa-star\"></i>\n                                    <span>Make Primary</span>\n                                </button>\n                            }\n                            <div class=\"pjf-order-buttons\">\n                                <button\n                                    class=\"pjf-icon-btn\"\n                                    type=\"button\"\n                                    title=\"Move Up\"\n                                    [disabled]=\"first || Saving\"\n                                    (click)=\"onMoveUp(idx)\">\n                                    <i class=\"fa-solid fa-chevron-up\"></i>\n                                </button>\n                                <button\n                                    class=\"pjf-icon-btn\"\n                                    type=\"button\"\n                                    title=\"Move Down\"\n                                    [disabled]=\"last || Saving\"\n                                    (click)=\"onMoveDown(idx)\">\n                                    <i class=\"fa-solid fa-chevron-down\"></i>\n                                </button>\n                            </div>\n                            <button\n                                class=\"pjf-icon-btn delete-btn\"\n                                type=\"button\"\n                                title=\"Remove Job Function\"\n                                [disabled]=\"Saving\"\n                                (click)=\"onRemove(item)\">\n                                <i class=\"fa-solid fa-trash-can\"></i>\n                            </button>\n                        </div>\n                    }\n                </div>\n            }\n        </div>\n    }\n</div>\n", styles: [":host {\n    display: block;\n    width: 100%;\n}\n\n.pjf-container {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    padding: 12px 0;\n}\n\n/* Header bar */\n.pjf-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding-bottom: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.pjf-header-left {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.pjf-count-badge {\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    padding: 3px 8px;\n    border-radius: 6px;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n    border: 1px solid var(--mj-border-subtle);\n}\n\n.pjf-primary-summary {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n}\n\n.pjf-primary-summary strong {\n    color: var(--mj-text-primary);\n    font-weight: 600;\n}\n\n.pjf-header-right {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n/* Add card */\n.pjf-add-card {\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 8px;\n    padding: 12px 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    animation: pjfFadeIn 0.2s ease-out;\n}\n\n@keyframes pjfFadeIn {\n    from { opacity: 0; transform: translateY(-4px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n.pjf-add-title {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.pjf-add-form {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n}\n\n.pjf-select {\n    flex: 1;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    padding: 6px 12px;\n    font-size: 13px;\n    outline: none;\n    transition: border-color 0.15s ease;\n}\n\n.pjf-select:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n/* Items list */\n.pjf-list {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.pjf-item-card {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    padding: 10px 14px;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    transition: all 0.15s ease;\n}\n\n.pjf-item-card:hover {\n    border-color: var(--mj-border-default);\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);\n}\n\n.pjf-item-card.is-primary {\n    border-color: var(--mj-status-warning-border, color-mix(in srgb, var(--mj-status-warning) 35%, transparent));\n    background: linear-gradient(90deg, color-mix(in srgb, var(--mj-status-warning) 8%, transparent) 0%, var(--mj-bg-surface) 100%);\n}\n\n/* Sequence Column */\n.pjf-seq-col {\n    min-width: 100px;\n    flex-shrink: 0;\n}\n\n.pjf-rank-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 4px 9px;\n    border-radius: 6px;\n    font-size: 11px;\n    font-weight: 700;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    border: 1px solid var(--mj-border-subtle);\n}\n\n.pjf-rank-badge.primary {\n    background: var(--mj-status-warning-bg, color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface)));\n    color: var(--mj-status-warning-text, var(--mj-status-warning));\n    border: 1px solid var(--mj-status-warning-border, color-mix(in srgb, var(--mj-status-warning) 35%, transparent));\n}\n\n.pjf-rank-badge.primary i {\n    font-size: 10px;\n}\n\n/* Info Column */\n.pjf-info-col {\n    flex: 1;\n    min-width: 0;\n}\n\n.pjf-name-row {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    flex-wrap: wrap;\n}\n\n.pjf-function-name {\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.pjf-pill-group {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.pjf-source-pill {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    font-size: 11px;\n    font-weight: 600;\n    padding: 2px 7px;\n    border-radius: 4px;\n}\n\n.pjf-source-pill.derived {\n    background: var(--mj-status-info-bg, color-mix(in srgb, var(--mj-status-info) 14%, var(--mj-bg-surface)));\n    color: var(--mj-status-info-text, var(--mj-status-info));\n    border: 1px solid var(--mj-status-info-border, color-mix(in srgb, var(--mj-status-info) 28%, transparent));\n}\n\n.pjf-source-pill.manual {\n    background: var(--mj-status-success-bg, color-mix(in srgb, var(--mj-status-success) 14%, var(--mj-bg-surface)));\n    color: var(--mj-status-success-text, var(--mj-status-success));\n    border: 1px solid var(--mj-status-success-border, color-mix(in srgb, var(--mj-status-success) 28%, transparent));\n}\n\n.pjf-conf {\n    font-size: 10px;\n    opacity: 0.85;\n}\n\n/* Actions Column */\n.pjf-actions-col {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    flex-shrink: 0;\n}\n\n.pjf-action-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 4px 8px;\n    border-radius: 5px;\n    font-size: 11px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    border: none;\n}\n\n.pjf-action-btn.primary-btn {\n    background: transparent;\n    color: var(--mj-status-warning-text, var(--mj-status-warning));\n    border: 1px solid var(--mj-status-warning-border, color-mix(in srgb, var(--mj-status-warning) 30%, transparent));\n}\n\n.pjf-action-btn.primary-btn:hover:not(:disabled) {\n    background: var(--mj-status-warning-bg, color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface)));\n}\n\n.pjf-order-buttons {\n    display: flex;\n    align-items: center;\n    gap: 2px;\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 5px;\n    padding: 1px;\n}\n\n.pjf-icon-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 26px;\n    height: 24px;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    border-radius: 4px;\n    cursor: pointer;\n    font-size: 10px;\n    transition: all 0.12s ease;\n}\n\n.pjf-icon-btn:hover:not(:disabled) {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.pjf-icon-btn:disabled {\n    opacity: 0.3;\n    cursor: not-allowed;\n}\n\n.pjf-icon-btn.delete-btn {\n    color: var(--mj-text-muted);\n}\n\n.pjf-icon-btn.delete-btn:hover:not(:disabled) {\n    background: var(--mj-status-error-bg, color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface)));\n    color: var(--mj-status-error-text, var(--mj-status-error));\n}\n\n/* Loading & Empty */\n.pjf-loading, .pjf-empty {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 32px;\n    text-align: center;\n    color: var(--mj-text-muted);\n    border: 1px dashed var(--mj-border-subtle);\n    border-radius: 8px;\n    gap: 8px;\n}\n\n.pjf-empty i {\n    font-size: 28px;\n    margin-bottom: 4px;\n}\n\n.pjf-empty h4 {\n    margin: 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.pjf-empty p {\n    margin: 0 0 8px 0;\n    font-size: 12px;\n    max-width: 320px;\n}\n\n.pjf-error {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    border-radius: 6px;\n    font-size: 12px;\n    background: var(--mj-status-error-bg, color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface)));\n    border: 1px solid var(--mj-status-error-border, var(--mj-status-error));\n    color: var(--mj-status-error-text, var(--mj-status-error));\n}\n"] }]
+    }], null, { PersonID: [{
+            type: Input
+        }], EditMode: [{
+            type: Input
+        }], Provider: [{
+            type: Input
+        }], DataChanged: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PersonJobFunctionsComponent, { className: "PersonJobFunctionsComponent", filePath: "lib/components/person-job-functions/person-job-functions.component.ts", lineNumber: 36 }); })();
+//# sourceMappingURL=person-job-functions.component.js.map

package/dist/lib/components/person-job-functions/person-job-functions.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"person-job-functions.component.js","sourceRoot":"","sources":["../../../../src/lib/components/person-job-functions/person-job-functions.component.ts","../../../../src/lib/components/person-job-functions/person-job-functions.component.html"],"names":[],"mappings":"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"}

package/dist/lib/components/relationship-list/relationship-list.component.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter } from '@angular/core';
 import { RelatedRecordCollection } from '@memberjunction/core';
 import { FormNavigationEvent } from '@memberjunction/ng-base-forms';
-import { mjBizAppsCommonRelationshipEntity, mjBizAppsCommonRelationshipTypeEntity } from '@mj-biz-apps/common-entities';
+import { mjBizAppsCommonRelationshipEntity, mjBizAppsCommonRelationshipTypeEntity, mjBizAppsCommonJobFunctionEntity, mjBizAppsCommonSeniorityLevelEntity } from '@mj-biz-apps/common-entities';
 import * as i0 from "@angular/core";
 /**
  * View model for a single relationship row, enriched with display-friendly
@@ -74,6 +74,10 @@ interface AddFormData {
     StartDate: string;
     /** ISO date string (`YYYY-MM-DD`) for the relationship end date. */
     EndDate: string;
+    /** Optional job function record ID for this relationship. */
+    JobFunctionID: string;
+    /** Optional seniority level record ID for this relationship. */
+    SeniorityLevelID: string;
 }
 /**
  * Form model for the "Edit Relationship" inline panel.
@@ -92,6 +96,10 @@ interface EditFormData {
     EndDate: string;
     /** The current status of the relationship. */
     Status: 'Active' | 'Inactive' | 'Ended';
+    /** Optional job function record ID for this relationship. */
+    JobFunctionID: string;
+    /** Optional seniority level record ID for this relationship. */
+    SeniorityLevelID: string;
 }
 /**
  * Displays and manages relationships for a Person or Organization record,
@@ -193,6 +201,22 @@ export declare class RelationshipListComponent {
      * Loaded from `MJ_BizApps_Common: Relationship Types`, filtered to `IsActive=1`.
      */
     RelationshipTypes: mjBizAppsCommonRelationshipTypeEntity[];
+    /**
+     * All active job functions available for selection.
+     */
+    JobFunctions: mjBizAppsCommonJobFunctionEntity[];
+    /**
+     * All active seniority levels available for selection.
+     */
+    SeniorityLevels: mjBizAppsCommonSeniorityLevelEntity[];
+    /**
+     * Progressive disclosure toggle for advanced role fields in Add Form.
+     */
+    ShowAddAdvanced: boolean;
+    /**
+     * Progressive disclosure toggle for advanced role fields in Edit Form.
+     */
+    ShowEditAdvanced: boolean;
     /**
      * Indicates whether the component is performing the initial data load.
      * The template shows a loading spinner while this is `true`.