@eric-emg/symphiq-components 1.2.433 → 1.2.435

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -94444,7 +94444,7 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_6_Templa
94444
94444
  i0.ɵɵelementEnd();
94445
94445
  } if (rf & 2) {
94446
94446
  const ctx_r1 = i0.ɵɵnextContext();
94447
- i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("currentStepId", ctx_r1.currentStepId())("showNextStepAction", true)("forDemo", ctx_r1.forDemo())("maxAccessibleStepId", ctx_r1.maxAccessibleStepId());
94447
+ i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("currentStepId", ctx_r1.currentStepId())("showNextStepAction", ctx_r1.forDemo() || ctx_r1.allInterestedFocusAreasGenerated())("forDemo", ctx_r1.forDemo())("maxAccessibleStepId", ctx_r1.maxAccessibleStepId());
94448
94448
  } }
94449
94449
  function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_6_Template(rf, ctx) { if (rf & 1) {
94450
94450
  i0.ɵɵelementStart(0, "div", 36);
@@ -94463,7 +94463,7 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_7
94463
94463
  i0.ɵɵelementEnd();
94464
94464
  } }
94465
94465
  function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_12_For_6_Template(rf, ctx) { if (rf & 1) {
94466
- i0.ɵɵelementStart(0, "span", 44);
94466
+ i0.ɵɵelementStart(0, "span", 45);
94467
94467
  i0.ɵɵtext(1);
94468
94468
  i0.ɵɵelementEnd();
94469
94469
  } if (rf & 2) {
@@ -94474,11 +94474,11 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_1
94474
94474
  i0.ɵɵtextInterpolate1(" ", tool_r5, " ");
94475
94475
  } }
94476
94476
  function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_12_Template(rf, ctx) { if (rf & 1) {
94477
- i0.ɵɵelementStart(0, "div", 38)(1, "div", 41)(2, "span", 42);
94477
+ i0.ɵɵelementStart(0, "div", 38)(1, "div", 42)(2, "span", 43);
94478
94478
  i0.ɵɵtext(3, "Marketing Tools:");
94479
94479
  i0.ɵɵelementEnd();
94480
- i0.ɵɵelementStart(4, "div", 43);
94481
- i0.ɵɵrepeaterCreate(5, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_12_For_6_Template, 2, 2, "span", 44, i0.ɵɵrepeaterTrackByIdentity);
94480
+ i0.ɵɵelementStart(4, "div", 44);
94481
+ i0.ɵɵrepeaterCreate(5, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_12_For_6_Template, 2, 2, "span", 45, i0.ɵɵrepeaterTrackByIdentity);
94482
94482
  i0.ɵɵelementEnd()()();
94483
94483
  } if (rf & 2) {
94484
94484
  const focusArea_r4 = i0.ɵɵnextContext().$implicit;
@@ -94489,50 +94489,78 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_1
94489
94489
  i0.ɵɵrepeater(focusArea_r4.tools);
94490
94490
  } }
94491
94491
  function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_13_Template(rf, ctx) { if (rf & 1) {
94492
- i0.ɵɵelementStart(0, "div", 39);
94493
- i0.ɵɵelement(1, "div", 45);
94494
- i0.ɵɵelementStart(2, "span", 46);
94492
+ i0.ɵɵelementStart(0, "div", 39)(1, "div", 42);
94493
+ i0.ɵɵelement(2, "div", 46);
94494
+ i0.ɵɵelementStart(3, "span", 47);
94495
+ i0.ɵɵtext(4);
94496
+ i0.ɵɵelementEnd()();
94497
+ i0.ɵɵelementStart(5, "div", 48);
94498
+ i0.ɵɵelement(6, "div", 49);
94499
+ i0.ɵɵelementEnd();
94500
+ i0.ɵɵelementStart(7, "div", 50);
94501
+ i0.ɵɵtext(8);
94502
+ i0.ɵɵelementEnd()();
94503
+ } if (rf & 2) {
94504
+ const focusArea_r4 = i0.ɵɵnextContext().$implicit;
94505
+ const ctx_r1 = i0.ɵɵnextContext();
94506
+ i0.ɵɵadvance(3);
94507
+ i0.ɵɵclassMap(ctx_r1.isLightMode() ? "text-blue-600" : "text-blue-400");
94508
+ i0.ɵɵadvance();
94509
+ i0.ɵɵtextInterpolate1(" ", (focusArea_r4.itemStatus == null ? null : focusArea_r4.itemStatus.message) || "Generating Profile...", " ");
94510
+ i0.ɵɵadvance();
94511
+ i0.ɵɵclassMap(ctx_r1.isLightMode() ? "bg-slate-200" : "bg-slate-700");
94512
+ i0.ɵɵadvance();
94513
+ i0.ɵɵstyleProp("width", (focusArea_r4.itemStatus == null ? null : focusArea_r4.itemStatus.percentageComplete) ?? 0, "%");
94514
+ i0.ɵɵadvance();
94515
+ i0.ɵɵclassMap(ctx_r1.isLightMode() ? "text-slate-500" : "text-slate-400");
94516
+ i0.ɵɵadvance();
94517
+ i0.ɵɵtextInterpolate1(" ", (focusArea_r4.itemStatus == null ? null : focusArea_r4.itemStatus.percentageComplete) ?? 0, "% complete ");
94518
+ } }
94519
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Template(rf, ctx) { if (rf & 1) {
94520
+ i0.ɵɵelementStart(0, "div", 40);
94521
+ i0.ɵɵelement(1, "div", 51);
94522
+ i0.ɵɵelementStart(2, "span", 52);
94495
94523
  i0.ɵɵtext(3, "Profile Generation Pending");
94496
94524
  i0.ɵɵelementEnd()();
94497
94525
  } }
94498
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Conditional_8_Template(rf, ctx) { if (rf & 1) {
94499
- i0.ɵɵelementStart(0, "div", 49);
94526
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_15_Conditional_8_Template(rf, ctx) { if (rf & 1) {
94527
+ i0.ɵɵelementStart(0, "div", 54);
94500
94528
  i0.ɵɵnamespaceSVG();
94501
- i0.ɵɵelementStart(1, "svg", 52);
94529
+ i0.ɵɵelementStart(1, "svg", 57);
94502
94530
  i0.ɵɵelement(2, "path", 26);
94503
94531
  i0.ɵɵelementEnd();
94504
94532
  i0.ɵɵtext(3, " Complete ");
94505
94533
  i0.ɵɵelementEnd();
94506
94534
  } }
94507
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Conditional_9_Template(rf, ctx) { if (rf & 1) {
94508
- i0.ɵɵelementStart(0, "div", 50);
94535
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_15_Conditional_9_Template(rf, ctx) { if (rf & 1) {
94536
+ i0.ɵɵelementStart(0, "div", 55);
94509
94537
  i0.ɵɵnamespaceSVG();
94510
- i0.ɵɵelementStart(1, "svg", 52);
94511
- i0.ɵɵelement(2, "path", 53);
94538
+ i0.ɵɵelementStart(1, "svg", 57);
94539
+ i0.ɵɵelement(2, "path", 58);
94512
94540
  i0.ɵɵelementEnd();
94513
94541
  i0.ɵɵtext(3, " In Progress ");
94514
94542
  i0.ɵɵelementEnd();
94515
94543
  } }
94516
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Conditional_10_Template(rf, ctx) { if (rf & 1) {
94517
- i0.ɵɵelementStart(0, "div", 51);
94544
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_15_Conditional_10_Template(rf, ctx) { if (rf & 1) {
94545
+ i0.ɵɵelementStart(0, "div", 56);
94518
94546
  i0.ɵɵnamespaceSVG();
94519
- i0.ɵɵelementStart(1, "svg", 52);
94520
- i0.ɵɵelement(2, "path", 54);
94547
+ i0.ɵɵelementStart(1, "svg", 57);
94548
+ i0.ɵɵelement(2, "path", 59);
94521
94549
  i0.ɵɵelementEnd();
94522
94550
  i0.ɵɵtext(3, " Not Started ");
94523
94551
  i0.ɵɵelementEnd();
94524
94552
  } }
94525
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Template(rf, ctx) { if (rf & 1) {
94526
- i0.ɵɵelementStart(0, "div", 40)(1, "div", 47)(2, "span");
94553
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_15_Template(rf, ctx) { if (rf & 1) {
94554
+ i0.ɵɵelementStart(0, "div", 41)(1, "div", 53)(2, "span");
94527
94555
  i0.ɵɵtext(3, "Progress");
94528
94556
  i0.ɵɵelementEnd();
94529
94557
  i0.ɵɵelementStart(4, "span");
94530
94558
  i0.ɵɵtext(5);
94531
94559
  i0.ɵɵelementEnd()();
94532
94560
  i0.ɵɵelementStart(6, "div");
94533
- i0.ɵɵelement(7, "div", 48);
94561
+ i0.ɵɵelement(7, "div", 49);
94534
94562
  i0.ɵɵelementEnd();
94535
- i0.ɵɵconditionalCreate(8, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Conditional_8_Template, 4, 0, "div", 49)(9, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Conditional_9_Template, 4, 0, "div", 50)(10, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Conditional_10_Template, 4, 0, "div", 51);
94563
+ i0.ɵɵconditionalCreate(8, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_15_Conditional_8_Template, 4, 0, "div", 54)(9, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_15_Conditional_9_Template, 4, 0, "div", 55)(10, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_15_Conditional_10_Template, 4, 0, "div", 56);
94536
94564
  i0.ɵɵelementEnd();
94537
94565
  } if (rf & 2) {
94538
94566
  const focusArea_r4 = i0.ɵɵnextContext().$implicit;
@@ -94550,13 +94578,13 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_1
94550
94578
  i0.ɵɵadvance();
94551
94579
  i0.ɵɵconditional(focusArea_r4.status === "complete" ? 8 : focusArea_r4.status === "in-progress" ? 9 : 10);
94552
94580
  } }
94553
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_15_Template(rf, ctx) { if (rf & 1) {
94554
- i0.ɵɵelementStart(0, "div")(1, "div", 55)(2, "span", 56);
94581
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_16_Template(rf, ctx) { if (rf & 1) {
94582
+ i0.ɵɵelementStart(0, "div")(1, "div", 60)(2, "span", 61);
94555
94583
  i0.ɵɵtext(3, "View Details");
94556
94584
  i0.ɵɵelementEnd();
94557
94585
  i0.ɵɵnamespaceSVG();
94558
- i0.ɵɵelementStart(4, "svg", 57);
94559
- i0.ɵɵelement(5, "path", 58);
94586
+ i0.ɵɵelementStart(4, "svg", 62);
94587
+ i0.ɵɵelement(5, "path", 63);
94560
94588
  i0.ɵɵelementEnd()()();
94561
94589
  } if (rf & 2) {
94562
94590
  const ctx_r1 = i0.ɵɵnextContext(2);
@@ -94580,9 +94608,9 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Template(rf,
94580
94608
  i0.ɵɵtext(11);
94581
94609
  i0.ɵɵelementEnd();
94582
94610
  i0.ɵɵconditionalCreate(12, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_12_Template, 7, 1, "div", 38);
94583
- i0.ɵɵconditionalCreate(13, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_13_Template, 4, 0, "div", 39)(14, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Template, 11, 11, "div", 40);
94611
+ i0.ɵɵconditionalCreate(13, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_13_Template, 9, 10, "div", 39)(14, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_14_Template, 4, 0, "div", 40)(15, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_15_Template, 11, 11, "div", 41);
94584
94612
  i0.ɵɵelementEnd();
94585
- i0.ɵɵconditionalCreate(15, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_15_Template, 6, 2, "div", 28);
94613
+ i0.ɵɵconditionalCreate(16, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Conditional_16_Template, 6, 2, "div", 28);
94586
94614
  i0.ɵɵelementEnd();
94587
94615
  } if (rf & 2) {
94588
94616
  const focusArea_r4 = ctx.$implicit;
@@ -94605,9 +94633,9 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Template(rf,
94605
94633
  i0.ɵɵadvance();
94606
94634
  i0.ɵɵconditional(focusArea_r4.engagementStatus === ctx_r1.FocusAreaDetailStatusEnum.ENGAGED && focusArea_r4.tools.length > 0 ? 12 : -1);
94607
94635
  i0.ɵɵadvance();
94608
- i0.ɵɵconditional(focusArea_r4.status === "pending" ? 13 : 14);
94609
- i0.ɵɵadvance(2);
94610
- i0.ɵɵconditional(focusArea_r4.canViewDetails ? 15 : -1);
94636
+ i0.ɵɵconditional(focusArea_r4.selfContentStatus !== null && focusArea_r4.selfContentStatus !== ctx_r1.AiDynamicContentStatusEnum.GENERATED && focusArea_r4.engagementStatus !== ctx_r1.FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST ? 13 : focusArea_r4.selfContentStatus === null && focusArea_r4.engagementStatus !== ctx_r1.FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST ? 14 : focusArea_r4.selfContentStatus === ctx_r1.AiDynamicContentStatusEnum.GENERATED || focusArea_r4.status !== "pending" ? 15 : -1);
94637
+ i0.ɵɵadvance(3);
94638
+ i0.ɵɵconditional(focusArea_r4.canViewDetails ? 16 : -1);
94611
94639
  } }
94612
94640
  function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Conditional_6_Template(rf, ctx) { if (rf & 1) {
94613
94641
  i0.ɵɵelementStart(0, "div", 36);
@@ -94621,19 +94649,12 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8
94621
94649
  i0.ɵɵtextInterpolate1(" ", ctx_r1.getEngagementStatusLabel(focusArea_r7.engagementStatus), " ");
94622
94650
  } }
94623
94651
  function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Conditional_11_Template(rf, ctx) { if (rf & 1) {
94624
- i0.ɵɵelementStart(0, "div", 39);
94625
- i0.ɵɵelement(1, "div", 45);
94626
- i0.ɵɵelementStart(2, "span", 46);
94627
- i0.ɵɵtext(3, "Profile Generation Pending");
94628
- i0.ɵɵelementEnd()();
94629
- } }
94630
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Conditional_12_Template(rf, ctx) { if (rf & 1) {
94631
- i0.ɵɵelementStart(0, "div")(1, "div", 55)(2, "span", 56);
94652
+ i0.ɵɵelementStart(0, "div")(1, "div", 60)(2, "span", 61);
94632
94653
  i0.ɵɵtext(3, "View Details");
94633
94654
  i0.ɵɵelementEnd();
94634
94655
  i0.ɵɵnamespaceSVG();
94635
- i0.ɵɵelementStart(4, "svg", 57);
94636
- i0.ɵɵelement(5, "path", 58);
94656
+ i0.ɵɵelementStart(4, "svg", 62);
94657
+ i0.ɵɵelement(5, "path", 63);
94637
94658
  i0.ɵɵelementEnd()()();
94638
94659
  } if (rf & 2) {
94639
94660
  const ctx_r1 = i0.ɵɵnextContext(3);
@@ -94654,10 +94675,8 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8
94654
94675
  i0.ɵɵelementEnd();
94655
94676
  i0.ɵɵelementStart(9, "p");
94656
94677
  i0.ɵɵtext(10);
94657
- i0.ɵɵelementEnd();
94658
- i0.ɵɵconditionalCreate(11, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Conditional_11_Template, 4, 0, "div", 39);
94659
- i0.ɵɵelementEnd();
94660
- i0.ɵɵconditionalCreate(12, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Conditional_12_Template, 6, 2, "div", 28);
94678
+ i0.ɵɵelementEnd()();
94679
+ i0.ɵɵconditionalCreate(11, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Conditional_11_Template, 6, 2, "div", 28);
94661
94680
  i0.ɵɵelementEnd();
94662
94681
  } if (rf & 2) {
94663
94682
  const focusArea_r7 = ctx.$implicit;
@@ -94676,20 +94695,18 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8
94676
94695
  i0.ɵɵadvance();
94677
94696
  i0.ɵɵtextInterpolate1(" ", focusArea_r7.description, " ");
94678
94697
  i0.ɵɵadvance();
94679
- i0.ɵɵconditional(focusArea_r7.status === "pending" ? 11 : -1);
94680
- i0.ɵɵadvance();
94681
- i0.ɵɵconditional(focusArea_r7.canViewDetails ? 12 : -1);
94698
+ i0.ɵɵconditional(focusArea_r7.canViewDetails ? 11 : -1);
94682
94699
  } }
94683
94700
  function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_Template(rf, ctx) { if (rf & 1) {
94684
- i0.ɵɵelementStart(0, "div", 29)(1, "div", 59);
94685
- i0.ɵɵelement(2, "div", 60);
94686
- i0.ɵɵelementStart(3, "span", 61);
94701
+ i0.ɵɵelementStart(0, "div", 29)(1, "div", 64);
94702
+ i0.ɵɵelement(2, "div", 65);
94703
+ i0.ɵɵelementStart(3, "span", 66);
94687
94704
  i0.ɵɵtext(4, "Not Interested");
94688
94705
  i0.ɵɵelementEnd();
94689
- i0.ɵɵelement(5, "div", 60);
94706
+ i0.ɵɵelement(5, "div", 65);
94690
94707
  i0.ɵɵelementEnd();
94691
- i0.ɵɵelementStart(6, "div", 62);
94692
- i0.ɵɵrepeaterCreate(7, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Template, 13, 12, "div", 28, _forTrack0);
94708
+ i0.ɵɵelementStart(6, "div", 67);
94709
+ i0.ɵɵrepeaterCreate(7, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_For_8_Template, 12, 11, "div", 28, _forTrack0);
94693
94710
  i0.ɵɵelementEnd()();
94694
94711
  } if (rf & 2) {
94695
94712
  const ctx_r1 = i0.ɵɵnextContext();
@@ -94704,7 +94721,7 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_Templ
94704
94721
  } }
94705
94722
  function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_56_Template(rf, ctx) { if (rf & 1) {
94706
94723
  const _r8 = i0.ɵɵgetCurrentView();
94707
- i0.ɵɵelementStart(0, "symphiq-search-modal", 63);
94724
+ i0.ɵɵelementStart(0, "symphiq-search-modal", 68);
94708
94725
  i0.ɵɵlistener("closeModal", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_56_Template_symphiq_search_modal_closeModal_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCloseSearchModal()); });
94709
94726
  i0.ɵɵelementEnd();
94710
94727
  } }
@@ -94745,11 +94762,47 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
94745
94762
  this.isLightMode = computed(() => this.viewMode() === ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "isLightMode" }] : []));
94746
94763
  this.isSimplifiedView = computed(() => this.displayMode() === DisplayModeEnum.SIMPLIFIED, ...(ngDevMode ? [{ debugName: "isSimplifiedView" }] : []));
94747
94764
  this.FocusAreaDetailStatusEnum = FocusAreaDetailStatusEnum;
94765
+ this.AiDynamicContentStatusEnum = AiDynamicContentStatusEnum;
94766
+ this.COLLAPSE_THRESHOLD = 50;
94767
+ this.EXPAND_THRESHOLD = 30;
94768
+ this.embeddedScrollEffect = effect(() => {
94769
+ const scrollEvent = this.scrollEvent();
94770
+ const isEmbedded = this.embedded();
94771
+ if (isEmbedded && !scrollEvent) {
94772
+ return;
94773
+ }
94774
+ if (!scrollEvent || !isEmbedded) {
94775
+ return;
94776
+ }
94777
+ const detail = scrollEvent.detail;
94778
+ if (!detail) {
94779
+ return;
94780
+ }
94781
+ const scrollTop = detail.scrollTop || 0;
94782
+ const currentState = this.headerScrollService.isScrolled();
94783
+ if (!currentState && scrollTop > this.COLLAPSE_THRESHOLD) {
94784
+ this.headerScrollService.isScrolled.set(true);
94785
+ }
94786
+ else if (currentState && scrollTop < this.EXPAND_THRESHOLD) {
94787
+ this.headerScrollService.isScrolled.set(false);
94788
+ }
94789
+ const scrollElement = this.scrollElement();
94790
+ if (scrollElement) {
94791
+ const scrollHeight = scrollElement.scrollHeight || 0;
94792
+ const clientHeight = scrollElement.clientHeight || 0;
94793
+ const maxScroll = scrollHeight - clientHeight;
94794
+ if (maxScroll > 0) {
94795
+ const progress = (scrollTop / maxScroll) * 100;
94796
+ this.scrollProgress.set(Math.min(100, Math.max(0, progress)));
94797
+ }
94798
+ }
94799
+ }, ...(ngDevMode ? [{ debugName: "embeddedScrollEffect" }] : []));
94748
94800
  this.focusAreaCards = computed(() => {
94749
94801
  const allDomains = FocusAreaDomainEnumUtil.sorted();
94750
94802
  const focusAreaDetailsData = this.focusAreaDetails();
94751
94803
  const profileFocusAreasData = this.profileFocusAreas();
94752
94804
  const profileAnalysesData = this.profileAnalyses();
94805
+ const itemStatusesData = this.itemStatusesProfileFocusArea();
94753
94806
  const isDemo = this.forDemo();
94754
94807
  const mockProgressData = {
94755
94808
  [FocusAreaDomainEnum.AFFILIATE_AND_REFERRAL_PROGRAMS]: { answered: 8, total: 12, hasAnalysis: true },
@@ -94772,18 +94825,22 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
94772
94825
  const focusAreaDetailsMap = new Map(focusAreaDetailsData?.map(fad => [fad.focusAreaDomain, fad]));
94773
94826
  const profileFocusAreasMap = new Map(profileFocusAreasData?.map(pfa => [pfa.focusAreaDomain, pfa]));
94774
94827
  const profileAnalysesMap = new Map(profileAnalysesData?.map(pa => [pa.focusAreaDomain, pa]));
94828
+ const itemStatusesMap = new Map(itemStatusesData?.map(is => [is.itemId, is]));
94775
94829
  return allDomains.map(domain => {
94776
94830
  let questionsAnswered = 0;
94777
94831
  let totalQuestions = 0;
94778
94832
  let hasAnalysis = false;
94779
94833
  let status = 'pending';
94780
94834
  let canViewDetails = false;
94835
+ let selfContentStatus = null;
94836
+ let itemStatus = null;
94781
94837
  if (isDemo) {
94782
94838
  const mockData = mockProgressData[domain];
94783
94839
  questionsAnswered = mockData.answered;
94784
94840
  totalQuestions = mockData.total;
94785
94841
  hasAnalysis = mockData.hasAnalysis;
94786
94842
  canViewDetails = true;
94843
+ selfContentStatus = AiDynamicContentStatusEnum.GENERATED;
94787
94844
  if (questionsAnswered === totalQuestions && totalQuestions > 0) {
94788
94845
  status = 'complete';
94789
94846
  }
@@ -94801,8 +94858,12 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
94801
94858
  if (profileFocusArea) {
94802
94859
  questionsAnswered = profileFocusArea.questionsAnswered ?? 0;
94803
94860
  totalQuestions = profileFocusArea.totalQuestions ?? 0;
94804
- const selfContentStatus = profileFocusArea.selfContentStatus;
94861
+ selfContentStatus = profileFocusArea.selfContentStatus ?? null;
94805
94862
  canViewDetails = selfContentStatus === AiDynamicContentStatusEnum.GENERATED;
94863
+ const profileFocusAreaId = profileFocusArea.id;
94864
+ if (profileFocusAreaId) {
94865
+ itemStatus = itemStatusesMap.get(profileFocusAreaId) ?? null;
94866
+ }
94806
94867
  if (questionsAnswered === totalQuestions && totalQuestions > 0) {
94807
94868
  status = 'complete';
94808
94869
  }
@@ -94830,7 +94891,9 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
94830
94891
  status,
94831
94892
  engagementStatus,
94832
94893
  tools,
94833
- canViewDetails
94894
+ canViewDetails,
94895
+ selfContentStatus,
94896
+ itemStatus
94834
94897
  };
94835
94898
  });
94836
94899
  }, ...(ngDevMode ? [{ debugName: "focusAreaCards" }] : []));
@@ -94840,6 +94903,13 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
94840
94903
  this.notInterestedFocusAreaCards = computed(() => {
94841
94904
  return this.focusAreaCards().filter(card => card.engagementStatus === FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST);
94842
94905
  }, ...(ngDevMode ? [{ debugName: "notInterestedFocusAreaCards" }] : []));
94906
+ this.allInterestedFocusAreasGenerated = computed(() => {
94907
+ const interestedCards = this.interestedFocusAreaCards();
94908
+ if (interestedCards.length === 0) {
94909
+ return false;
94910
+ }
94911
+ return interestedCards.every(card => card.selfContentStatus === AiDynamicContentStatusEnum.GENERATED);
94912
+ }, ...(ngDevMode ? [{ debugName: "allInterestedFocusAreasGenerated" }] : []));
94843
94913
  }
94844
94914
  onScroll() {
94845
94915
  this.headerScrollService.handleScroll(this.embedded());
@@ -94988,7 +95058,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
94988
95058
  static { this.ɵfac = function SymphiqProfileFocusAreasAnalysesDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqProfileFocusAreasAnalysesDashboardComponent)(); }; }
94989
95059
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqProfileFocusAreasAnalysesDashboardComponent, selectors: [["symphiq-profile-focus-areas-analyses-dashboard"]], hostBindings: function SymphiqProfileFocusAreasAnalysesDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
94990
95060
  i0.ɵɵlistener("scroll", function SymphiqProfileFocusAreasAnalysesDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
94991
- } }, inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalyses: [1, "profileAnalyses"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileFocusAreas: [1, "profileFocusAreas"], itemStatusesProfileFocusArea: [1, "itemStatusesProfileFocusArea"], itemStatusesProfileAnalysis: [1, "itemStatusesProfileAnalysis"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], viewMode: [1, "viewMode"], displayMode: [1, "displayMode"], currentStepId: [1, "currentStepId"] }, outputs: { focusAreaClicked: "focusAreaClicked", stepClick: "stepClick", nextStepClick: "nextStepClick", answerFocusAreaProfileQuestions: "answerFocusAreaProfileQuestions", continueFocusAreaProfileQuestions: "continueFocusAreaProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", focusAreaProfileAdminAnswerAction: "focusAreaProfileAdminAnswerAction" }, decls: 57, vars: 23, consts: [[1, "min-h-screen", "relative"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "fixed", "top-0", "left-0", "right-0", "h-1", "z-[60]", "bg-slate-200/30"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "container", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8", "md:py-12", "relative", "z-10"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "px-8", "py-8"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "space-y-3", "mb-6"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "font-bold", "text-lg", "mb-2", 3, "ngClass"], [1, "space-y-2", "text-sm", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6"], [3, "class"], [1, "mt-12"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "click"], [1, "p-6"], [1, "flex", "items-start", "justify-between", "mb-4"], [1, "text-4xl"], [1, "flex", "flex-col", "items-end", "gap-2"], [3, "ngClass"], [1, "px-3", "py-1", "bg-green-100", "dark:bg-green-900/30", "text-green-700", "dark:text-green-400", "text-xs", "font-semibold", "rounded-full"], [1, "mt-3", "mb-2"], [1, "flex", "items-center", "gap-2", "py-2"], [1, "space-y-2"], [1, "flex", "items-center", "gap-2"], [1, "text-xs", "font-medium", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-1.5"], [1, "px-2", "py-0.5", "rounded", "text-xs", 3, "ngClass"], [1, "animate-spin", "w-4", "h-4", "border-2", "border-amber-500/30", "border-t-amber-500", "rounded-full"], [1, "text-xs", "text-amber-600", "dark:text-amber-400", "font-medium"], [1, "flex", "items-center", "justify-between", "text-sm"], [1, "h-full", "bg-gradient-to-r", "from-blue-500", "to-cyan-500", "rounded-full", "transition-all", "duration-500"], [1, "flex", "items-center", "gap-1", "text-xs", "text-green-600", "dark:text-green-400", "font-medium"], [1, "flex", "items-center", "gap-1", "text-xs", "text-blue-600", "dark:text-blue-400", "font-medium"], [1, "flex", "items-center", "gap-1", "text-xs", "text-slate-500", "dark:text-slate-400", "font-medium"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z", "clip-rule", "evenodd"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z", "clip-rule", "evenodd"], [1, "flex", "items-center", "justify-between"], [1, "text-sm", "font-medium", "text-slate-600", "dark:text-slate-400"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "text-slate-400", "dark:text-slate-500", "group-hover:text-blue-500", "dark:group-hover:text-blue-400", "group-hover:translate-x-1", "transition-all"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "flex", "items-center", "gap-4", "mb-6"], [1, "flex-1", "h-px", 3, "ngClass"], [1, "text-sm", "font-medium", "px-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6", "opacity-60"], [3, "closeModal"]], template: function SymphiqProfileFocusAreasAnalysesDashboardComponent_Template(rf, ctx) { if (rf & 1) {
95061
+ } }, inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalyses: [1, "profileAnalyses"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileFocusAreas: [1, "profileFocusAreas"], itemStatusesProfileFocusArea: [1, "itemStatusesProfileFocusArea"], itemStatusesProfileAnalysis: [1, "itemStatusesProfileAnalysis"], isOnboarded: [1, "isOnboarded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], users: [1, "users"], isLoading: [1, "isLoading"], forDemo: [1, "forDemo"], currentUser: [1, "currentUser"], maxAccessibleStepId: [1, "maxAccessibleStepId"], viewMode: [1, "viewMode"], displayMode: [1, "displayMode"], currentStepId: [1, "currentStepId"] }, outputs: { focusAreaClicked: "focusAreaClicked", stepClick: "stepClick", nextStepClick: "nextStepClick", answerFocusAreaProfileQuestions: "answerFocusAreaProfileQuestions", continueFocusAreaProfileQuestions: "continueFocusAreaProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", focusAreaProfileAdminAnswerAction: "focusAreaProfileAdminAnswerAction" }, decls: 57, vars: 23, consts: [[1, "min-h-screen", "relative"], [1, "animated-bubbles", 2, "position", "fixed", "top", "0", "left", "0", "right", "0", "bottom", "0", "width", "100vw", "height", "100vh", "z-index", "1", "pointer-events", "none"], [1, "fixed", "top-0", "left-0", "right-0", "h-1", "z-[60]", "bg-slate-200/30"], [1, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "title", "subtitle", "viewMode", "showControls"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "container", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-8", "md:py-12", "relative", "z-10"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", "mb-8", 3, "ngClass"], [1, "px-8", "py-8"], [1, "flex", "items-start", "gap-6"], [1, "flex-shrink-0", "w-16", "h-16", "rounded-2xl", "flex", "items-center", "justify-center", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-8", "h-8"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"], [1, "flex-1"], [1, "text-2xl", "sm:text-3xl", "font-bold", "mb-3", 3, "ngClass"], [1, "space-y-3", "mb-6"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "mt-6", "p-5", "rounded-xl", "border-l-4", "flex", "items-start", "gap-4", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "font-bold", "text-lg", "mb-2", 3, "ngClass"], [1, "space-y-2", "text-sm", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", "clip-rule", "evenodd"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6"], [3, "class"], [1, "mt-12"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [3, "click"], [1, "p-6"], [1, "flex", "items-start", "justify-between", "mb-4"], [1, "text-4xl"], [1, "flex", "flex-col", "items-end", "gap-2"], [3, "ngClass"], [1, "px-3", "py-1", "bg-green-100", "dark:bg-green-900/30", "text-green-700", "dark:text-green-400", "text-xs", "font-semibold", "rounded-full"], [1, "mt-3", "mb-2"], [1, "w-full", "space-y-2", "py-2"], [1, "flex", "items-center", "gap-2", "py-2"], [1, "space-y-2"], [1, "flex", "items-center", "gap-2"], [1, "text-xs", "font-medium", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-1.5"], [1, "px-2", "py-0.5", "rounded", "text-xs", 3, "ngClass"], [1, "animate-spin", "w-4", "h-4", "border-2", "border-blue-500/30", "border-t-blue-500", "rounded-full"], [1, "text-xs", "font-medium"], [1, "w-full", "h-2", "rounded-full"], [1, "h-full", "bg-gradient-to-r", "from-blue-500", "to-cyan-500", "rounded-full", "transition-all", "duration-500"], [1, "text-xs", "tabular-nums"], [1, "animate-spin", "w-4", "h-4", "border-2", "border-amber-500/30", "border-t-amber-500", "rounded-full"], [1, "text-xs", "text-amber-600", "dark:text-amber-400", "font-medium"], [1, "flex", "items-center", "justify-between", "text-sm"], [1, "flex", "items-center", "gap-1", "text-xs", "text-green-600", "dark:text-green-400", "font-medium"], [1, "flex", "items-center", "gap-1", "text-xs", "text-blue-600", "dark:text-blue-400", "font-medium"], [1, "flex", "items-center", "gap-1", "text-xs", "text-slate-500", "dark:text-slate-400", "font-medium"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z", "clip-rule", "evenodd"], ["fill-rule", "evenodd", "d", "M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z", "clip-rule", "evenodd"], [1, "flex", "items-center", "justify-between"], [1, "text-sm", "font-medium", "text-slate-600", "dark:text-slate-400"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "text-slate-400", "dark:text-slate-500", "group-hover:text-blue-500", "dark:group-hover:text-blue-400", "group-hover:translate-x-1", "transition-all"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "flex", "items-center", "gap-4", "mb-6"], [1, "flex-1", "h-px", 3, "ngClass"], [1, "text-sm", "font-medium", "px-3", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6", "opacity-60"], [3, "closeModal"]], template: function SymphiqProfileFocusAreasAnalysesDashboardComponent_Template(rf, ctx) { if (rf & 1) {
94992
95062
  i0.ɵɵelementStart(0, "div", 0);
94993
95063
  i0.ɵɵelement(1, "div", 1);
94994
95064
  i0.ɵɵelementStart(2, "div", 2);
@@ -95057,7 +95127,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95057
95127
  i0.ɵɵtext(51, " \u2014 Complete assessments to receive tailored recommendations and insights");
95058
95128
  i0.ɵɵelementEnd()()()()()()()()();
95059
95129
  i0.ɵɵelementStart(52, "div", 27);
95060
- i0.ɵɵrepeaterCreate(53, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Template, 16, 14, "div", 28, _forTrack0);
95130
+ i0.ɵɵrepeaterCreate(53, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_54_Template, 17, 14, "div", 28, _forTrack0);
95061
95131
  i0.ɵɵelementEnd();
95062
95132
  i0.ɵɵconditionalCreate(55, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_55_Template, 9, 3, "div", 29);
95063
95133
  i0.ɵɵelementEnd()();
@@ -95130,7 +95200,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95130
95200
  <symphiq-journey-progress-indicator
95131
95201
  [viewMode]="viewMode()"
95132
95202
  [currentStepId]="currentStepId()"
95133
- [showNextStepAction]="true"
95203
+ [showNextStepAction]="forDemo() || allInterestedFocusAreasGenerated()"
95134
95204
  [forDemo]="forDemo()"
95135
95205
  [maxAccessibleStepId]="maxAccessibleStepId()"
95136
95206
  (nextStepClick)="nextStepClick.emit()"
@@ -95246,12 +95316,30 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95246
95316
  </div>
95247
95317
  }
95248
95318
 
95249
- @if (focusArea.status === 'pending') {
95319
+ @if (focusArea.selfContentStatus !== null && focusArea.selfContentStatus !== AiDynamicContentStatusEnum.GENERATED && focusArea.engagementStatus !== FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST) {
95320
+ <div class="w-full space-y-2 py-2">
95321
+ <div class="flex items-center gap-2">
95322
+ <div class="animate-spin w-4 h-4 border-2 border-blue-500/30 border-t-blue-500 rounded-full"></div>
95323
+ <span class="text-xs font-medium" [class]="isLightMode() ? 'text-blue-600' : 'text-blue-400'">
95324
+ {{ focusArea.itemStatus?.message || 'Generating Profile...' }}
95325
+ </span>
95326
+ </div>
95327
+ <div class="w-full h-2 rounded-full" [class]="isLightMode() ? 'bg-slate-200' : 'bg-slate-700'">
95328
+ <div
95329
+ class="h-full bg-gradient-to-r from-blue-500 to-cyan-500 rounded-full transition-all duration-500"
95330
+ [style.width.%]="focusArea.itemStatus?.percentageComplete ?? 0"
95331
+ ></div>
95332
+ </div>
95333
+ <div class="text-xs tabular-nums" [class]="isLightMode() ? 'text-slate-500' : 'text-slate-400'">
95334
+ {{ focusArea.itemStatus?.percentageComplete ?? 0 }}% complete
95335
+ </div>
95336
+ </div>
95337
+ } @else if (focusArea.selfContentStatus === null && focusArea.engagementStatus !== FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST) {
95250
95338
  <div class="flex items-center gap-2 py-2">
95251
95339
  <div class="animate-spin w-4 h-4 border-2 border-amber-500/30 border-t-amber-500 rounded-full"></div>
95252
95340
  <span class="text-xs text-amber-600 dark:text-amber-400 font-medium">Profile Generation Pending</span>
95253
95341
  </div>
95254
- } @else {
95342
+ } @else if (focusArea.selfContentStatus === AiDynamicContentStatusEnum.GENERATED || focusArea.status !== 'pending') {
95255
95343
  <div class="space-y-2">
95256
95344
  <div class="flex items-center justify-between text-sm">
95257
95345
  <span [class]="getLabelClasses()">Progress</span>
@@ -95341,13 +95429,6 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95341
95429
  <p [class]="getDescriptionClasses()">
95342
95430
  {{ focusArea.description }}
95343
95431
  </p>
95344
-
95345
- @if (focusArea.status === 'pending') {
95346
- <div class="flex items-center gap-2 py-2">
95347
- <div class="animate-spin w-4 h-4 border-2 border-amber-500/30 border-t-amber-500 rounded-full"></div>
95348
- <span class="text-xs text-amber-600 dark:text-amber-400 font-medium">Profile Generation Pending</span>
95349
- </div>
95350
- }
95351
95432
  </div>
95352
95433
 
95353
95434
  @if (focusArea.canViewDetails) {
@@ -95380,7 +95461,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95380
95461
  type: HostListener,
95381
95462
  args: ['window:scroll', ['$event']]
95382
95463
  }] }); })();
95383
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileFocusAreasAnalysesDashboardComponent, { className: "SymphiqProfileFocusAreasAnalysesDashboardComponent", filePath: "lib/components/profile-analyses-focus-areas-dashboard/symphiq-profile-focus-areas-analyses-dashboard.component.ts", lineNumber: 383 }); })();
95464
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileFocusAreasAnalysesDashboardComponent, { className: "SymphiqProfileFocusAreasAnalysesDashboardComponent", filePath: "lib/components/profile-analyses-focus-areas-dashboard/symphiq-profile-focus-areas-analyses-dashboard.component.ts", lineNumber: 397 }); })();
95384
95465
 
95385
95466
  function FocusAreaStatusCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
95386
95467
  i0.ɵɵelementStart(0, "div", 7)(1, "div", 8)(2, "div", 9);