@eric-emg/symphiq-components 1.2.476 → 1.2.479

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.
@@ -94702,15 +94702,181 @@ class SymphiqProfileShopAnalysisDashboardComponent {
94702
94702
  const _forTrack0$6 = ($index, $item) => $item.domain;
94703
94703
  function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
94704
94704
  const _r1 = i0.ɵɵgetCurrentView();
94705
- i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 36);
94705
+ i0.ɵɵelementStart(0, "symphiq-journey-progress-indicator", 37);
94706
94706
  i0.ɵɵlistener("nextStepClick", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_6_Template_symphiq_journey_progress_indicator_nextStepClick_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.nextStepClick.emit()); })("stepClick", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_6_Template_symphiq_journey_progress_indicator_stepClick_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.stepClick.emit($event)); });
94707
94707
  i0.ɵɵelementEnd();
94708
94708
  } if (rf & 2) {
94709
94709
  const ctx_r1 = i0.ɵɵnextContext();
94710
- 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());
94710
+ i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("currentStepId", ctx_r1.currentStepId())("showNextStepAction", ctx_r1.forDemo() || ctx_r1.allInterestedFocusAreasAnalysisReviewed())("forDemo", ctx_r1.forDemo())("maxAccessibleStepId", ctx_r1.maxAccessibleStepId());
94711
94711
  } }
94712
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_6_Template(rf, ctx) { if (rf & 1) {
94713
- i0.ɵɵelementStart(0, "div", 41);
94712
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_1_Template(rf, ctx) { if (rf & 1) {
94713
+ i0.ɵɵelementStart(0, "div", 38)(1, "div", 40);
94714
+ i0.ɵɵelement(2, "div", 41);
94715
+ i0.ɵɵelementStart(3, "div", 42);
94716
+ i0.ɵɵnamespaceSVG();
94717
+ i0.ɵɵelementStart(4, "svg", 43);
94718
+ i0.ɵɵelement(5, "path", 30);
94719
+ i0.ɵɵelementEnd();
94720
+ i0.ɵɵnamespaceHTML();
94721
+ i0.ɵɵelementStart(6, "span", 44);
94722
+ i0.ɵɵtext(7, "All Analyses Reviewed!");
94723
+ i0.ɵɵelementEnd();
94724
+ i0.ɵɵnamespaceSVG();
94725
+ i0.ɵɵelementStart(8, "svg", 45);
94726
+ i0.ɵɵelement(9, "path", 46);
94727
+ i0.ɵɵelementEnd()()()();
94728
+ } if (rf & 2) {
94729
+ i0.ɵɵproperty("@allReviewedBadge", undefined);
94730
+ } }
94731
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
94732
+ i0.ɵɵelementStart(0, "span", 51);
94733
+ i0.ɵɵelement(1, "span", 59);
94734
+ i0.ɵɵtext(2);
94735
+ i0.ɵɵelementEnd();
94736
+ } if (rf & 2) {
94737
+ const ctx_r1 = i0.ɵɵnextContext(3);
94738
+ i0.ɵɵproperty("@statusBadge", ctx_r1.focusAreaStatusCounts().generating);
94739
+ i0.ɵɵadvance(2);
94740
+ i0.ɵɵtextInterpolate1(" ", ctx_r1.focusAreaStatusCounts().generating, " Generating ");
94741
+ } }
94742
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
94743
+ i0.ɵɵelementStart(0, "span", 52);
94744
+ i0.ɵɵtext(1);
94745
+ i0.ɵɵelementEnd();
94746
+ } if (rf & 2) {
94747
+ const ctx_r1 = i0.ɵɵnextContext(3);
94748
+ i0.ɵɵproperty("@statusBadge", ctx_r1.focusAreaStatusCounts().notStarted);
94749
+ i0.ɵɵadvance();
94750
+ i0.ɵɵtextInterpolate1(" ", ctx_r1.focusAreaStatusCounts().notStarted, " Not Started ");
94751
+ } }
94752
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_9_Template(rf, ctx) { if (rf & 1) {
94753
+ i0.ɵɵelementStart(0, "span", 53);
94754
+ i0.ɵɵtext(1);
94755
+ i0.ɵɵelementEnd();
94756
+ } if (rf & 2) {
94757
+ const ctx_r1 = i0.ɵɵnextContext(3);
94758
+ i0.ɵɵproperty("@statusBadge", ctx_r1.focusAreaStatusCounts().inProgress);
94759
+ i0.ɵɵadvance();
94760
+ i0.ɵɵtextInterpolate1(" ", ctx_r1.focusAreaStatusCounts().inProgress, " In Progress ");
94761
+ } }
94762
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
94763
+ i0.ɵɵelementStart(0, "span", 54);
94764
+ i0.ɵɵnamespaceSVG();
94765
+ i0.ɵɵelementStart(1, "svg", 60);
94766
+ i0.ɵɵelement(2, "path", 61);
94767
+ i0.ɵɵelementEnd();
94768
+ i0.ɵɵtext(3);
94769
+ i0.ɵɵelementEnd();
94770
+ } if (rf & 2) {
94771
+ const ctx_r1 = i0.ɵɵnextContext(3);
94772
+ i0.ɵɵproperty("@statusBadge", ctx_r1.focusAreaStatusCounts().completed);
94773
+ i0.ɵɵadvance(3);
94774
+ i0.ɵɵtextInterpolate1(" ", ctx_r1.focusAreaStatusCounts().completed, " Completed ");
94775
+ } }
94776
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_17_Template(rf, ctx) { if (rf & 1) {
94777
+ i0.ɵɵelementStart(0, "span", 51);
94778
+ i0.ɵɵelement(1, "span", 59);
94779
+ i0.ɵɵtext(2);
94780
+ i0.ɵɵelementEnd();
94781
+ } if (rf & 2) {
94782
+ const ctx_r1 = i0.ɵɵnextContext(3);
94783
+ i0.ɵɵproperty("@statusBadge", ctx_r1.analysisStatusCounts().generating);
94784
+ i0.ɵɵadvance(2);
94785
+ i0.ɵɵtextInterpolate1(" ", ctx_r1.analysisStatusCounts().generating, " Generating ");
94786
+ } }
94787
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_18_Template(rf, ctx) { if (rf & 1) {
94788
+ i0.ɵɵelementStart(0, "span", 56);
94789
+ i0.ɵɵtext(1);
94790
+ i0.ɵɵelementEnd();
94791
+ } if (rf & 2) {
94792
+ const ctx_r1 = i0.ɵɵnextContext(3);
94793
+ i0.ɵɵproperty("@statusBadge", ctx_r1.analysisStatusCounts().notReviewed);
94794
+ i0.ɵɵadvance();
94795
+ i0.ɵɵtextInterpolate1(" ", ctx_r1.analysisStatusCounts().notReviewed, " Not Reviewed ");
94796
+ } }
94797
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_19_Template(rf, ctx) { if (rf & 1) {
94798
+ i0.ɵɵelementStart(0, "span", 57);
94799
+ i0.ɵɵnamespaceSVG();
94800
+ i0.ɵɵelementStart(1, "svg", 60);
94801
+ i0.ɵɵelement(2, "path", 61);
94802
+ i0.ɵɵelementEnd();
94803
+ i0.ɵɵtext(3);
94804
+ i0.ɵɵelementEnd();
94805
+ } if (rf & 2) {
94806
+ const ctx_r1 = i0.ɵɵnextContext(3);
94807
+ i0.ɵɵproperty("@statusBadge", ctx_r1.analysisStatusCounts().reviewed);
94808
+ i0.ɵɵadvance(3);
94809
+ i0.ɵɵtextInterpolate1(" ", ctx_r1.analysisStatusCounts().reviewed, " Reviewed ");
94810
+ } }
94811
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_20_Template(rf, ctx) { if (rf & 1) {
94812
+ i0.ɵɵelementStart(0, "span", 58);
94813
+ i0.ɵɵtext(1, " No analyses yet ");
94814
+ i0.ɵɵelementEnd();
94815
+ } }
94816
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Template(rf, ctx) { if (rf & 1) {
94817
+ i0.ɵɵelementStart(0, "div", 39)(1, "div")(2, "h4", 47);
94818
+ i0.ɵɵnamespaceSVG();
94819
+ i0.ɵɵelementStart(3, "svg", 48);
94820
+ i0.ɵɵelement(4, "path", 49);
94821
+ i0.ɵɵelementEnd();
94822
+ i0.ɵɵtext(5, " Focus Areas ");
94823
+ i0.ɵɵelementEnd();
94824
+ i0.ɵɵnamespaceHTML();
94825
+ i0.ɵɵelementStart(6, "div", 50);
94826
+ i0.ɵɵconditionalCreate(7, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_7_Template, 3, 2, "span", 51);
94827
+ i0.ɵɵconditionalCreate(8, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_8_Template, 2, 2, "span", 52);
94828
+ i0.ɵɵconditionalCreate(9, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_9_Template, 2, 2, "span", 53);
94829
+ i0.ɵɵconditionalCreate(10, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_10_Template, 4, 2, "span", 54);
94830
+ i0.ɵɵelementEnd()();
94831
+ i0.ɵɵelementStart(11, "div")(12, "h4", 47);
94832
+ i0.ɵɵnamespaceSVG();
94833
+ i0.ɵɵelementStart(13, "svg", 48);
94834
+ i0.ɵɵelement(14, "path", 55);
94835
+ i0.ɵɵelementEnd();
94836
+ i0.ɵɵtext(15, " Analyses ");
94837
+ i0.ɵɵelementEnd();
94838
+ i0.ɵɵnamespaceHTML();
94839
+ i0.ɵɵelementStart(16, "div", 50);
94840
+ i0.ɵɵconditionalCreate(17, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_17_Template, 3, 2, "span", 51);
94841
+ i0.ɵɵconditionalCreate(18, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_18_Template, 2, 2, "span", 56);
94842
+ i0.ɵɵconditionalCreate(19, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_19_Template, 4, 2, "span", 57);
94843
+ i0.ɵɵconditionalCreate(20, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Conditional_20_Template, 2, 0, "span", 58);
94844
+ i0.ɵɵelementEnd()()();
94845
+ } if (rf & 2) {
94846
+ const ctx_r1 = i0.ɵɵnextContext(2);
94847
+ i0.ɵɵadvance(2);
94848
+ i0.ɵɵproperty("ngClass", ctx_r1.getStatusSectionTitleClasses());
94849
+ i0.ɵɵadvance(5);
94850
+ i0.ɵɵconditional(ctx_r1.focusAreaStatusCounts().generating > 0 ? 7 : -1);
94851
+ i0.ɵɵadvance();
94852
+ i0.ɵɵconditional(ctx_r1.focusAreaStatusCounts().notStarted > 0 ? 8 : -1);
94853
+ i0.ɵɵadvance();
94854
+ i0.ɵɵconditional(ctx_r1.focusAreaStatusCounts().inProgress > 0 ? 9 : -1);
94855
+ i0.ɵɵadvance();
94856
+ i0.ɵɵconditional(ctx_r1.focusAreaStatusCounts().completed > 0 ? 10 : -1);
94857
+ i0.ɵɵadvance(2);
94858
+ i0.ɵɵproperty("ngClass", ctx_r1.getStatusSectionTitleClasses());
94859
+ i0.ɵɵadvance(5);
94860
+ i0.ɵɵconditional(ctx_r1.analysisStatusCounts().generating > 0 ? 17 : -1);
94861
+ i0.ɵɵadvance();
94862
+ i0.ɵɵconditional(ctx_r1.analysisStatusCounts().notReviewed > 0 ? 18 : -1);
94863
+ i0.ɵɵadvance();
94864
+ i0.ɵɵconditional(ctx_r1.analysisStatusCounts().reviewed > 0 ? 19 : -1);
94865
+ i0.ɵɵadvance();
94866
+ i0.ɵɵconditional(ctx_r1.analysisStatusCounts().generating === 0 && ctx_r1.analysisStatusCounts().notReviewed === 0 && ctx_r1.analysisStatusCounts().reviewed === 0 ? 20 : -1);
94867
+ } }
94868
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
94869
+ i0.ɵɵelementStart(0, "div", 16);
94870
+ i0.ɵɵconditionalCreate(1, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_1_Template, 10, 1, "div", 38)(2, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Conditional_2_Template, 21, 10, "div", 39);
94871
+ i0.ɵɵelementEnd();
94872
+ } if (rf & 2) {
94873
+ const ctx_r1 = i0.ɵɵnextContext();
94874
+ i0.ɵɵproperty("ngClass", ctx_r1.getStatusComponentContainerClasses());
94875
+ i0.ɵɵadvance();
94876
+ i0.ɵɵconditional(ctx_r1.allInterestedFocusAreasAnalysisReviewed() && ctx_r1.interestedFocusAreaCards().length > 0 ? 1 : 2);
94877
+ } }
94878
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_6_Template(rf, ctx) { if (rf & 1) {
94879
+ i0.ɵɵelementStart(0, "div", 66);
94714
94880
  i0.ɵɵtext(1);
94715
94881
  i0.ɵɵelementEnd();
94716
94882
  } if (rf & 2) {
@@ -94720,13 +94886,22 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_6
94720
94886
  i0.ɵɵadvance();
94721
94887
  i0.ɵɵtextInterpolate1(" ", ctx_r1.getEngagementStatusLabel(focusArea_r3.engagementStatus), " ");
94722
94888
  } }
94723
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_7_Template(rf, ctx) { if (rf & 1) {
94724
- i0.ɵɵelementStart(0, "div", 42);
94889
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_7_Template(rf, ctx) { if (rf & 1) {
94890
+ i0.ɵɵelementStart(0, "div", 67);
94725
94891
  i0.ɵɵtext(1, " Analysis Ready ");
94726
94892
  i0.ɵɵelementEnd();
94727
94893
  } }
94728
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_12_For_6_Template(rf, ctx) { if (rf & 1) {
94729
- i0.ɵɵelementStart(0, "span", 52);
94894
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_8_Template(rf, ctx) { if (rf & 1) {
94895
+ i0.ɵɵelementStart(0, "div", 68);
94896
+ i0.ɵɵnamespaceSVG();
94897
+ i0.ɵɵelementStart(1, "svg", 74);
94898
+ i0.ɵɵelement(2, "path", 61);
94899
+ i0.ɵɵelementEnd();
94900
+ i0.ɵɵtext(3, " Reviewed ");
94901
+ i0.ɵɵelementEnd();
94902
+ } }
94903
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_13_For_6_Template(rf, ctx) { if (rf & 1) {
94904
+ i0.ɵɵelementStart(0, "span", 78);
94730
94905
  i0.ɵɵtext(1);
94731
94906
  i0.ɵɵelementEnd();
94732
94907
  } if (rf & 2) {
@@ -94736,12 +94911,12 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_1
94736
94911
  i0.ɵɵadvance();
94737
94912
  i0.ɵɵtextInterpolate1(" ", tool_r4, " ");
94738
94913
  } }
94739
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_12_Template(rf, ctx) { if (rf & 1) {
94740
- i0.ɵɵelementStart(0, "div", 44)(1, "div", 49)(2, "span", 50);
94914
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_13_Template(rf, ctx) { if (rf & 1) {
94915
+ i0.ɵɵelementStart(0, "div", 70)(1, "div", 75)(2, "span", 76);
94741
94916
  i0.ɵɵtext(3, "Marketing Tools:");
94742
94917
  i0.ɵɵelementEnd();
94743
- i0.ɵɵelementStart(4, "div", 51);
94744
- i0.ɵɵrepeaterCreate(5, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_12_For_6_Template, 2, 2, "span", 52, i0.ɵɵrepeaterTrackByIdentity);
94918
+ i0.ɵɵelementStart(4, "div", 77);
94919
+ i0.ɵɵrepeaterCreate(5, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_13_For_6_Template, 2, 2, "span", 78, i0.ɵɵrepeaterTrackByIdentity);
94745
94920
  i0.ɵɵelementEnd()()();
94746
94921
  } if (rf & 2) {
94747
94922
  const focusArea_r3 = i0.ɵɵnextContext().$implicit;
@@ -94751,54 +94926,54 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_1
94751
94926
  i0.ɵɵadvance(3);
94752
94927
  i0.ɵɵrepeater(focusArea_r3.tools);
94753
94928
  } }
94754
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_13_Template(rf, ctx) { if (rf & 1) {
94755
- i0.ɵɵelementStart(0, "div", 45);
94756
- i0.ɵɵelement(1, "div", 53);
94757
- i0.ɵɵelementStart(2, "span", 54);
94929
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_14_Template(rf, ctx) { if (rf & 1) {
94930
+ i0.ɵɵelementStart(0, "div", 71);
94931
+ i0.ɵɵelement(1, "div", 79);
94932
+ i0.ɵɵelementStart(2, "span", 80);
94758
94933
  i0.ɵɵtext(3, "Profile Generation Pending");
94759
94934
  i0.ɵɵelementEnd()();
94760
94935
  } }
94761
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_14_Conditional_8_Template(rf, ctx) { if (rf & 1) {
94762
- i0.ɵɵelementStart(0, "div", 58);
94936
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_15_Conditional_8_Template(rf, ctx) { if (rf & 1) {
94937
+ i0.ɵɵelementStart(0, "div", 84);
94763
94938
  i0.ɵɵnamespaceSVG();
94764
- i0.ɵɵelementStart(1, "svg", 61);
94765
- i0.ɵɵelement(2, "path", 29);
94939
+ i0.ɵɵelementStart(1, "svg", 87);
94940
+ i0.ɵɵelement(2, "path", 30);
94766
94941
  i0.ɵɵelementEnd();
94767
94942
  i0.ɵɵtext(3, " Complete ");
94768
94943
  i0.ɵɵelementEnd();
94769
94944
  } }
94770
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_14_Conditional_9_Template(rf, ctx) { if (rf & 1) {
94771
- i0.ɵɵelementStart(0, "div", 59);
94945
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_15_Conditional_9_Template(rf, ctx) { if (rf & 1) {
94946
+ i0.ɵɵelementStart(0, "div", 85);
94772
94947
  i0.ɵɵnamespaceSVG();
94773
- i0.ɵɵelementStart(1, "svg", 61);
94774
- i0.ɵɵelement(2, "path", 62);
94948
+ i0.ɵɵelementStart(1, "svg", 87);
94949
+ i0.ɵɵelement(2, "path", 88);
94775
94950
  i0.ɵɵelementEnd();
94776
94951
  i0.ɵɵtext(3, " In Progress ");
94777
94952
  i0.ɵɵelementEnd();
94778
94953
  } }
94779
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_14_Conditional_10_Template(rf, ctx) { if (rf & 1) {
94780
- i0.ɵɵelementStart(0, "div", 60);
94954
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_15_Conditional_10_Template(rf, ctx) { if (rf & 1) {
94955
+ i0.ɵɵelementStart(0, "div", 86);
94781
94956
  i0.ɵɵnamespaceSVG();
94782
- i0.ɵɵelementStart(1, "svg", 61);
94783
- i0.ɵɵelement(2, "path", 63);
94957
+ i0.ɵɵelementStart(1, "svg", 87);
94958
+ i0.ɵɵelement(2, "path", 89);
94784
94959
  i0.ɵɵelementEnd();
94785
94960
  i0.ɵɵtext(3, " Not Started ");
94786
94961
  i0.ɵɵelementEnd();
94787
94962
  } }
94788
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_14_Template(rf, ctx) { if (rf & 1) {
94963
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_15_Template(rf, ctx) { if (rf & 1) {
94789
94964
  const _r5 = i0.ɵɵgetCurrentView();
94790
- i0.ɵɵelementStart(0, "div", 55);
94791
- i0.ɵɵlistener("click", function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_14_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r5); const focusArea_r3 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleFooterClick(focusArea_r3.profileFocusArea)); });
94792
- i0.ɵɵelementStart(1, "div", 56)(2, "span");
94965
+ i0.ɵɵelementStart(0, "div", 81);
94966
+ i0.ɵɵlistener("click", function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_15_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r5); const focusArea_r3 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleFooterClick(focusArea_r3.profileFocusArea)); });
94967
+ i0.ɵɵelementStart(1, "div", 82)(2, "span");
94793
94968
  i0.ɵɵtext(3, "Profile progress");
94794
94969
  i0.ɵɵelementEnd();
94795
94970
  i0.ɵɵelementStart(4, "span");
94796
94971
  i0.ɵɵtext(5);
94797
94972
  i0.ɵɵelementEnd()();
94798
94973
  i0.ɵɵelementStart(6, "div");
94799
- i0.ɵɵelement(7, "div", 57);
94974
+ i0.ɵɵelement(7, "div", 83);
94800
94975
  i0.ɵɵelementEnd();
94801
- i0.ɵɵconditionalCreate(8, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_14_Conditional_8_Template, 4, 0, "div", 58)(9, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_14_Conditional_9_Template, 4, 0, "div", 59)(10, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_14_Conditional_10_Template, 4, 0, "div", 60);
94976
+ i0.ɵɵconditionalCreate(8, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_15_Conditional_8_Template, 4, 0, "div", 84)(9, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_15_Conditional_9_Template, 4, 0, "div", 85)(10, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_15_Conditional_10_Template, 4, 0, "div", 86);
94802
94977
  i0.ɵɵelementEnd();
94803
94978
  } if (rf & 2) {
94804
94979
  const focusArea_r3 = i0.ɵɵnextContext().$implicit;
@@ -94816,9 +94991,9 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_1
94816
94991
  i0.ɵɵadvance();
94817
94992
  i0.ɵɵconditional(focusArea_r3.status === "complete" ? 8 : focusArea_r3.status === "in-progress" ? 9 : 10);
94818
94993
  } }
94819
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_15_Template(rf, ctx) { if (rf & 1) {
94820
- i0.ɵɵelementStart(0, "div", 47);
94821
- i0.ɵɵelement(1, "symphiq-content-generation-progress", 64);
94994
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_16_Template(rf, ctx) { if (rf & 1) {
94995
+ i0.ɵɵelementStart(0, "div", 73);
94996
+ i0.ɵɵelement(1, "symphiq-content-generation-progress", 90);
94822
94997
  i0.ɵɵelementEnd();
94823
94998
  } if (rf & 2) {
94824
94999
  const focusArea_r3 = i0.ɵɵnextContext().$implicit;
@@ -94826,9 +95001,9 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_1
94826
95001
  i0.ɵɵadvance();
94827
95002
  i0.ɵɵproperty("itemStatus", focusArea_r3.itemStatusProfileFocusArea ?? undefined)("viewMode", ctx_r1.viewMode())("compact", true)("compactTitle", "Generating Focus Area Profile");
94828
95003
  } }
94829
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_16_Template(rf, ctx) { if (rf & 1) {
94830
- i0.ɵɵelementStart(0, "div", 47);
94831
- i0.ɵɵelement(1, "symphiq-content-generation-progress", 64);
95004
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_17_Template(rf, ctx) { if (rf & 1) {
95005
+ i0.ɵɵelementStart(0, "div", 73);
95006
+ i0.ɵɵelement(1, "symphiq-content-generation-progress", 90);
94832
95007
  i0.ɵɵelementEnd();
94833
95008
  } if (rf & 2) {
94834
95009
  const focusArea_r3 = i0.ɵɵnextContext().$implicit;
@@ -94836,58 +95011,81 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_1
94836
95011
  i0.ɵɵadvance();
94837
95012
  i0.ɵɵproperty("itemStatus", focusArea_r3.itemStatusProfileAnalysis ?? undefined)("viewMode", ctx_r1.viewMode())("compact", true)("compactTitle", "Generating Focus Area Analysis");
94838
95013
  } }
94839
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_17_Conditional_3_Template(rf, ctx) { if (rf & 1) {
95014
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Conditional_0_Template(rf, ctx) { if (rf & 1) {
95015
+ const _r6 = i0.ɵɵgetCurrentView();
95016
+ i0.ɵɵelementStart(0, "div", 93);
95017
+ i0.ɵɵlistener("click", function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Conditional_0_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r6); const focusArea_r3 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleAnalysisFooterClick(focusArea_r3.profileAnalysis, focusArea_r3.profileFocusArea)); });
95018
+ i0.ɵɵelementStart(1, "div", 94)(2, "span", 95);
95019
+ i0.ɵɵnamespaceSVG();
95020
+ i0.ɵɵelementStart(3, "svg", 96);
95021
+ i0.ɵɵelement(4, "path", 97)(5, "path", 98);
95022
+ i0.ɵɵelementEnd();
95023
+ i0.ɵɵtext(6, " Review Analysis ");
95024
+ i0.ɵɵelementEnd();
95025
+ i0.ɵɵelementStart(7, "svg", 99);
95026
+ i0.ɵɵelement(8, "path", 100);
95027
+ i0.ɵɵelementEnd()()();
95028
+ } }
95029
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Conditional_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
94840
95030
  i0.ɵɵtext(0, " View Analysis ");
94841
95031
  } }
94842
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_17_Conditional_4_Template(rf, ctx) { if (rf & 1) {
95032
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Conditional_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
94843
95033
  i0.ɵɵtext(0, " View Details ");
94844
95034
  } }
94845
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_17_Conditional_5_Template(rf, ctx) { if (rf & 1) {
95035
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Conditional_1_Conditional_5_Template(rf, ctx) { if (rf & 1) {
94846
95036
  i0.ɵɵtext(0, " All Questions Answered ");
94847
95037
  } }
94848
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_17_Conditional_6_Template(rf, ctx) { if (rf & 1) {
95038
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Conditional_1_Conditional_6_Template(rf, ctx) { if (rf & 1) {
94849
95039
  i0.ɵɵtext(0, " Continue Answering Questions ");
94850
95040
  } }
94851
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_17_Conditional_7_Template(rf, ctx) { if (rf & 1) {
95041
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Conditional_1_Conditional_7_Template(rf, ctx) { if (rf & 1) {
94852
95042
  i0.ɵɵtext(0, " Start Answering Questions ");
94853
95043
  } }
94854
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_17_Template(rf, ctx) { if (rf & 1) {
94855
- const _r6 = i0.ɵɵgetCurrentView();
94856
- i0.ɵɵelementStart(0, "div", 65);
94857
- i0.ɵɵlistener("click", function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_17_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r6); const focusArea_r3 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(focusArea_r3.selfContentStatusProfileAnalysis === ctx_r1.AiDynamicContentStatusEnum.GENERATED && focusArea_r3.profileAnalysis && focusArea_r3.profileFocusArea ? ctx_r1.handleAnalysisFooterClick(focusArea_r3.profileAnalysis, focusArea_r3.profileFocusArea) : ctx_r1.handleFooterClick(focusArea_r3.profileFocusArea)); });
94858
- i0.ɵɵelementStart(1, "div", 66)(2, "span", 67);
94859
- i0.ɵɵconditionalCreate(3, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_17_Conditional_3_Template, 1, 0)(4, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_17_Conditional_4_Template, 1, 0)(5, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_17_Conditional_5_Template, 1, 0)(6, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_17_Conditional_6_Template, 1, 0)(7, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_17_Conditional_7_Template, 1, 0);
95044
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Conditional_1_Template(rf, ctx) { if (rf & 1) {
95045
+ const _r7 = i0.ɵɵgetCurrentView();
95046
+ i0.ɵɵelementStart(0, "div", 101);
95047
+ i0.ɵɵlistener("click", function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Conditional_1_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r7); const focusArea_r3 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(focusArea_r3.selfContentStatusProfileAnalysis === ctx_r1.AiDynamicContentStatusEnum.GENERATED && focusArea_r3.profileAnalysis && focusArea_r3.profileFocusArea ? ctx_r1.handleAnalysisFooterClick(focusArea_r3.profileAnalysis, focusArea_r3.profileFocusArea) : ctx_r1.handleFooterClick(focusArea_r3.profileFocusArea)); });
95048
+ i0.ɵɵelementStart(1, "div", 94)(2, "span", 102);
95049
+ i0.ɵɵconditionalCreate(3, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Conditional_1_Conditional_3_Template, 1, 0)(4, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Conditional_1_Conditional_4_Template, 1, 0)(5, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Conditional_1_Conditional_5_Template, 1, 0)(6, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Conditional_1_Conditional_6_Template, 1, 0)(7, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Conditional_1_Conditional_7_Template, 1, 0);
94860
95050
  i0.ɵɵelementEnd();
94861
95051
  i0.ɵɵnamespaceSVG();
94862
- i0.ɵɵelementStart(8, "svg", 68);
94863
- i0.ɵɵelement(9, "path", 69);
95052
+ i0.ɵɵelementStart(8, "svg", 103);
95053
+ i0.ɵɵelement(9, "path", 100);
94864
95054
  i0.ɵɵelementEnd()()();
94865
95055
  } if (rf & 2) {
94866
- const focusArea_r3 = i0.ɵɵnextContext().$implicit;
95056
+ const focusArea_r3 = i0.ɵɵnextContext(2).$implicit;
94867
95057
  const ctx_r1 = i0.ɵɵnextContext();
94868
95058
  i0.ɵɵclassMap(ctx_r1.getCardFooterClasses());
94869
95059
  i0.ɵɵadvance(3);
94870
95060
  i0.ɵɵconditional(focusArea_r3.selfContentStatusProfileAnalysis === ctx_r1.AiDynamicContentStatusEnum.GENERATED ? 3 : focusArea_r3.hasAnalysis ? 4 : focusArea_r3.status === "complete" ? 5 : focusArea_r3.status === "in-progress" ? 6 : 7);
94871
95061
  } }
94872
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Template(rf, ctx) { if (rf & 1) {
94873
- i0.ɵɵelementStart(0, "div")(1, "div", 37)(2, "div", 38)(3, "div", 39);
95062
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Template(rf, ctx) { if (rf & 1) {
95063
+ i0.ɵɵconditionalCreate(0, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Conditional_0_Template, 9, 0, "div", 91)(1, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Conditional_1_Template, 10, 3, "div", 92);
95064
+ } if (rf & 2) {
95065
+ const focusArea_r3 = i0.ɵɵnextContext().$implicit;
95066
+ const ctx_r1 = i0.ɵɵnextContext();
95067
+ i0.ɵɵconditional(focusArea_r3.selfContentStatusProfileAnalysis === ctx_r1.AiDynamicContentStatusEnum.GENERATED && (focusArea_r3.profileAnalysis == null ? null : focusArea_r3.profileAnalysis.reviewStatus) === ctx_r1.ProfileAnalysisReviewStatusEnum.NOT_REVIEWED ? 0 : 1);
95068
+ } }
95069
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Template(rf, ctx) { if (rf & 1) {
95070
+ i0.ɵɵelementStart(0, "div")(1, "div", 62)(2, "div", 63)(3, "div", 64);
94874
95071
  i0.ɵɵtext(4);
94875
95072
  i0.ɵɵelementEnd();
94876
- i0.ɵɵelementStart(5, "div", 40);
94877
- i0.ɵɵconditionalCreate(6, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_6_Template, 2, 2, "div", 41);
94878
- i0.ɵɵconditionalCreate(7, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_7_Template, 2, 0, "div", 42);
95073
+ i0.ɵɵelementStart(5, "div", 65);
95074
+ i0.ɵɵconditionalCreate(6, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_6_Template, 2, 2, "div", 66);
95075
+ i0.ɵɵconditionalCreate(7, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_7_Template, 2, 0, "div", 67);
95076
+ i0.ɵɵconditionalCreate(8, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_8_Template, 4, 0, "div", 68);
94879
95077
  i0.ɵɵelementEnd()();
94880
- i0.ɵɵelementStart(8, "h3");
94881
- i0.ɵɵtext(9);
95078
+ i0.ɵɵelementStart(9, "h3");
95079
+ i0.ɵɵtext(10);
94882
95080
  i0.ɵɵelementEnd();
94883
- i0.ɵɵelementStart(10, "p", 43);
94884
- i0.ɵɵtext(11);
95081
+ i0.ɵɵelementStart(11, "p", 69);
95082
+ i0.ɵɵtext(12);
94885
95083
  i0.ɵɵelementEnd();
94886
- i0.ɵɵconditionalCreate(12, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_12_Template, 7, 1, "div", 44);
94887
- i0.ɵɵconditionalCreate(13, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_13_Template, 4, 0, "div", 45)(14, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_14_Template, 11, 11, "div", 46);
95084
+ i0.ɵɵconditionalCreate(13, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_13_Template, 7, 1, "div", 70);
95085
+ i0.ɵɵconditionalCreate(14, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_14_Template, 4, 0, "div", 71)(15, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_15_Template, 11, 11, "div", 72);
94888
95086
  i0.ɵɵelementEnd();
94889
- i0.ɵɵconditionalCreate(15, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_15_Template, 2, 4, "div", 47)(16, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_16_Template, 2, 4, "div", 47);
94890
- i0.ɵɵconditionalCreate(17, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_17_Template, 10, 3, "div", 48);
95087
+ i0.ɵɵconditionalCreate(16, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_16_Template, 2, 4, "div", 73)(17, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_17_Template, 2, 4, "div", 73);
95088
+ i0.ɵɵconditionalCreate(18, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_18_Template, 2, 1);
94891
95089
  i0.ɵɵelementEnd();
94892
95090
  } if (rf & 2) {
94893
95091
  const focusArea_r3 = ctx.$implicit;
@@ -94900,6 +95098,8 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Template(rf,
94900
95098
  i0.ɵɵadvance();
94901
95099
  i0.ɵɵconditional(focusArea_r3.selfContentStatusProfileAnalysis === ctx_r1.AiDynamicContentStatusEnum.GENERATED ? 7 : -1);
94902
95100
  i0.ɵɵadvance();
95101
+ i0.ɵɵconditional((focusArea_r3.profileAnalysis == null ? null : focusArea_r3.profileAnalysis.reviewStatus) === ctx_r1.ProfileAnalysisReviewStatusEnum.REVIEWED ? 8 : -1);
95102
+ i0.ɵɵadvance();
94903
95103
  i0.ɵɵclassMap(ctx_r1.getTitleClasses());
94904
95104
  i0.ɵɵadvance();
94905
95105
  i0.ɵɵtextInterpolate1(" ", focusArea_r3.title, " ");
@@ -94909,85 +95109,85 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Template(rf,
94909
95109
  i0.ɵɵadvance();
94910
95110
  i0.ɵɵtextInterpolate1(" ", focusArea_r3.description, " ");
94911
95111
  i0.ɵɵadvance();
94912
- i0.ɵɵconditional(focusArea_r3.engagementStatus === ctx_r1.FocusAreaDetailStatusEnum.ENGAGED && focusArea_r3.tools.length > 0 ? 12 : -1);
95112
+ i0.ɵɵconditional(focusArea_r3.engagementStatus === ctx_r1.FocusAreaDetailStatusEnum.ENGAGED && focusArea_r3.tools.length > 0 ? 13 : -1);
94913
95113
  i0.ɵɵadvance();
94914
- i0.ɵɵconditional(focusArea_r3.selfContentStatusProfileFocusArea === null && focusArea_r3.engagementStatus !== ctx_r1.FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST ? 13 : focusArea_r3.selfContentStatusProfileFocusArea === ctx_r1.AiDynamicContentStatusEnum.GENERATED && (focusArea_r3.selfContentStatusProfileAnalysis === null || focusArea_r3.selfContentStatusProfileAnalysis === ctx_r1.AiDynamicContentStatusEnum.GENERATED) || focusArea_r3.status !== "pending" ? 14 : -1);
95114
+ i0.ɵɵconditional(focusArea_r3.selfContentStatusProfileFocusArea === null && focusArea_r3.engagementStatus !== ctx_r1.FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST ? 14 : focusArea_r3.selfContentStatusProfileFocusArea === ctx_r1.AiDynamicContentStatusEnum.GENERATED && (focusArea_r3.selfContentStatusProfileAnalysis === null || focusArea_r3.selfContentStatusProfileAnalysis === ctx_r1.AiDynamicContentStatusEnum.GENERATED) || focusArea_r3.status !== "pending" ? 15 : -1);
94915
95115
  i0.ɵɵadvance(2);
94916
- i0.ɵɵconditional(focusArea_r3.profileFocusArea && focusArea_r3.selfContentStatusProfileFocusArea !== ctx_r1.AiDynamicContentStatusEnum.GENERATED && focusArea_r3.engagementStatus !== ctx_r1.FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST ? 15 : focusArea_r3.profileAnalysis && focusArea_r3.selfContentStatusProfileAnalysis !== null && focusArea_r3.selfContentStatusProfileAnalysis !== ctx_r1.AiDynamicContentStatusEnum.GENERATED && focusArea_r3.engagementStatus !== ctx_r1.FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST ? 16 : -1);
95116
+ i0.ɵɵconditional(focusArea_r3.profileFocusArea && focusArea_r3.selfContentStatusProfileFocusArea !== ctx_r1.AiDynamicContentStatusEnum.GENERATED && focusArea_r3.engagementStatus !== ctx_r1.FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST ? 16 : focusArea_r3.profileAnalysis && focusArea_r3.selfContentStatusProfileAnalysis !== null && focusArea_r3.selfContentStatusProfileAnalysis !== ctx_r1.AiDynamicContentStatusEnum.GENERATED && focusArea_r3.engagementStatus !== ctx_r1.FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST ? 17 : -1);
94917
95117
  i0.ɵɵadvance(2);
94918
- i0.ɵɵconditional(focusArea_r3.canViewDetails && focusArea_r3.profileFocusArea && !(focusArea_r3.profileAnalysis && focusArea_r3.selfContentStatusProfileAnalysis !== null && focusArea_r3.selfContentStatusProfileAnalysis !== ctx_r1.AiDynamicContentStatusEnum.GENERATED) ? 17 : -1);
95118
+ i0.ɵɵconditional(focusArea_r3.canViewDetails && focusArea_r3.profileFocusArea && !(focusArea_r3.profileAnalysis && focusArea_r3.selfContentStatusProfileAnalysis !== null && focusArea_r3.selfContentStatusProfileAnalysis !== ctx_r1.AiDynamicContentStatusEnum.GENERATED) ? 18 : -1);
94919
95119
  } }
94920
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_For_8_Conditional_6_Template(rf, ctx) { if (rf & 1) {
94921
- i0.ɵɵelementStart(0, "div", 41);
95120
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_For_8_Conditional_6_Template(rf, ctx) { if (rf & 1) {
95121
+ i0.ɵɵelementStart(0, "div", 66);
94922
95122
  i0.ɵɵtext(1);
94923
95123
  i0.ɵɵelementEnd();
94924
95124
  } if (rf & 2) {
94925
- const focusArea_r7 = i0.ɵɵnextContext().$implicit;
95125
+ const focusArea_r8 = i0.ɵɵnextContext().$implicit;
94926
95126
  const ctx_r1 = i0.ɵɵnextContext(2);
94927
- i0.ɵɵproperty("ngClass", ctx_r1.getEngagementBadgeClasses(focusArea_r7.engagementStatus));
95127
+ i0.ɵɵproperty("ngClass", ctx_r1.getEngagementBadgeClasses(focusArea_r8.engagementStatus));
94928
95128
  i0.ɵɵadvance();
94929
- i0.ɵɵtextInterpolate1(" ", ctx_r1.getEngagementStatusLabel(focusArea_r7.engagementStatus), " ");
95129
+ i0.ɵɵtextInterpolate1(" ", ctx_r1.getEngagementStatusLabel(focusArea_r8.engagementStatus), " ");
94930
95130
  } }
94931
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_For_8_Conditional_11_Template(rf, ctx) { if (rf & 1) {
94932
- const _r8 = i0.ɵɵgetCurrentView();
94933
- i0.ɵɵelementStart(0, "div", 65);
94934
- i0.ɵɵlistener("click", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_For_8_Conditional_11_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r8); const focusArea_r7 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleFooterClick(focusArea_r7.profileFocusArea)); });
94935
- i0.ɵɵelementStart(1, "div", 66)(2, "span", 67);
95131
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_For_8_Conditional_11_Template(rf, ctx) { if (rf & 1) {
95132
+ const _r9 = i0.ɵɵgetCurrentView();
95133
+ i0.ɵɵelementStart(0, "div", 101);
95134
+ i0.ɵɵlistener("click", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_For_8_Conditional_11_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r9); const focusArea_r8 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleFooterClick(focusArea_r8.profileFocusArea)); });
95135
+ i0.ɵɵelementStart(1, "div", 94)(2, "span", 102);
94936
95136
  i0.ɵɵtext(3, "View Details");
94937
95137
  i0.ɵɵelementEnd();
94938
95138
  i0.ɵɵnamespaceSVG();
94939
- i0.ɵɵelementStart(4, "svg", 68);
94940
- i0.ɵɵelement(5, "path", 69);
95139
+ i0.ɵɵelementStart(4, "svg", 103);
95140
+ i0.ɵɵelement(5, "path", 100);
94941
95141
  i0.ɵɵelementEnd()()();
94942
95142
  } if (rf & 2) {
94943
95143
  const ctx_r1 = i0.ɵɵnextContext(3);
94944
95144
  i0.ɵɵclassMap(ctx_r1.getCardFooterClasses());
94945
95145
  } }
94946
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_For_8_Template(rf, ctx) { if (rf & 1) {
94947
- i0.ɵɵelementStart(0, "div")(1, "div", 37)(2, "div", 38)(3, "div", 39);
95146
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_For_8_Template(rf, ctx) { if (rf & 1) {
95147
+ i0.ɵɵelementStart(0, "div")(1, "div", 62)(2, "div", 63)(3, "div", 64);
94948
95148
  i0.ɵɵtext(4);
94949
95149
  i0.ɵɵelementEnd();
94950
- i0.ɵɵelementStart(5, "div", 40);
94951
- i0.ɵɵconditionalCreate(6, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_For_8_Conditional_6_Template, 2, 2, "div", 41);
95150
+ i0.ɵɵelementStart(5, "div", 65);
95151
+ i0.ɵɵconditionalCreate(6, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_For_8_Conditional_6_Template, 2, 2, "div", 66);
94952
95152
  i0.ɵɵelementEnd()();
94953
95153
  i0.ɵɵelementStart(7, "h3");
94954
95154
  i0.ɵɵtext(8);
94955
95155
  i0.ɵɵelementEnd();
94956
- i0.ɵɵelementStart(9, "p", 43);
95156
+ i0.ɵɵelementStart(9, "p", 69);
94957
95157
  i0.ɵɵtext(10);
94958
95158
  i0.ɵɵelementEnd()();
94959
- i0.ɵɵconditionalCreate(11, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_For_8_Conditional_11_Template, 6, 2, "div", 48);
95159
+ i0.ɵɵconditionalCreate(11, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_For_8_Conditional_11_Template, 6, 2, "div", 92);
94960
95160
  i0.ɵɵelementEnd();
94961
95161
  } if (rf & 2) {
94962
- const focusArea_r7 = ctx.$implicit;
95162
+ const focusArea_r8 = ctx.$implicit;
94963
95163
  const ctx_r1 = i0.ɵɵnextContext(2);
94964
95164
  i0.ɵɵclassMap(ctx_r1.getCardClasses());
94965
95165
  i0.ɵɵadvance(4);
94966
- i0.ɵɵtextInterpolate(focusArea_r7.icon);
95166
+ i0.ɵɵtextInterpolate(focusArea_r8.icon);
94967
95167
  i0.ɵɵadvance(2);
94968
- i0.ɵɵconditional(focusArea_r7.engagementStatus ? 6 : -1);
95168
+ i0.ɵɵconditional(focusArea_r8.engagementStatus ? 6 : -1);
94969
95169
  i0.ɵɵadvance();
94970
95170
  i0.ɵɵclassMap(ctx_r1.getTitleClasses());
94971
95171
  i0.ɵɵadvance();
94972
- i0.ɵɵtextInterpolate1(" ", focusArea_r7.title, " ");
95172
+ i0.ɵɵtextInterpolate1(" ", focusArea_r8.title, " ");
94973
95173
  i0.ɵɵadvance();
94974
95174
  i0.ɵɵclassMap(ctx_r1.getDescriptionClasses());
94975
- i0.ɵɵproperty("libSymphiqTooltip", focusArea_r7.description);
95175
+ i0.ɵɵproperty("libSymphiqTooltip", focusArea_r8.description);
94976
95176
  i0.ɵɵadvance();
94977
- i0.ɵɵtextInterpolate1(" ", focusArea_r7.description, " ");
95177
+ i0.ɵɵtextInterpolate1(" ", focusArea_r8.description, " ");
94978
95178
  i0.ɵɵadvance();
94979
- i0.ɵɵconditional(focusArea_r7.canViewDetails && focusArea_r7.profileFocusArea ? 11 : -1);
95179
+ i0.ɵɵconditional(focusArea_r8.canViewDetails && focusArea_r8.profileFocusArea ? 11 : -1);
94980
95180
  } }
94981
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_Template(rf, ctx) { if (rf & 1) {
94982
- i0.ɵɵelementStart(0, "div", 35)(1, "div", 70);
94983
- i0.ɵɵelement(2, "div", 71);
94984
- i0.ɵɵelementStart(3, "span", 72);
95181
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_Template(rf, ctx) { if (rf & 1) {
95182
+ i0.ɵɵelementStart(0, "div", 36)(1, "div", 104);
95183
+ i0.ɵɵelement(2, "div", 105);
95184
+ i0.ɵɵelementStart(3, "span", 106);
94985
95185
  i0.ɵɵtext(4, "Not Interested");
94986
95186
  i0.ɵɵelementEnd();
94987
- i0.ɵɵelement(5, "div", 71);
95187
+ i0.ɵɵelement(5, "div", 105);
94988
95188
  i0.ɵɵelementEnd();
94989
- i0.ɵɵelementStart(6, "div", 73);
94990
- i0.ɵɵrepeaterCreate(7, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_For_8_Template, 12, 12, "div", 34, _forTrack0$6);
95189
+ i0.ɵɵelementStart(6, "div", 107);
95190
+ i0.ɵɵrepeaterCreate(7, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_For_8_Template, 12, 12, "div", 35, _forTrack0$6);
94991
95191
  i0.ɵɵelementEnd()();
94992
95192
  } if (rf & 2) {
94993
95193
  const ctx_r1 = i0.ɵɵnextContext();
@@ -95000,10 +95200,10 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_Templ
95000
95200
  i0.ɵɵadvance(2);
95001
95201
  i0.ɵɵrepeater(ctx_r1.notInterestedFocusAreaCards());
95002
95202
  } }
95003
- function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_Template(rf, ctx) { if (rf & 1) {
95004
- const _r9 = i0.ɵɵgetCurrentView();
95005
- i0.ɵɵelementStart(0, "symphiq-search-modal", 74);
95006
- i0.ɵɵlistener("closeModal", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_Template_symphiq_search_modal_closeModal_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCloseSearchModal()); });
95203
+ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_68_Template(rf, ctx) { if (rf & 1) {
95204
+ const _r10 = i0.ɵɵgetCurrentView();
95205
+ i0.ɵɵelementStart(0, "symphiq-search-modal", 108);
95206
+ i0.ɵɵlistener("closeModal", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_68_Template_symphiq_search_modal_closeModal_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCloseSearchModal()); });
95007
95207
  i0.ɵɵelementEnd();
95008
95208
  } }
95009
95209
  class SymphiqProfileFocusAreasAnalysesDashboardComponent {
@@ -95046,6 +95246,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95046
95246
  this.isSimplifiedView = computed(() => this.displayMode() === DisplayModeEnum.SIMPLIFIED, ...(ngDevMode ? [{ debugName: "isSimplifiedView" }] : []));
95047
95247
  this.FocusAreaDetailStatusEnum = FocusAreaDetailStatusEnum;
95048
95248
  this.AiDynamicContentStatusEnum = AiDynamicContentStatusEnum;
95249
+ this.ProfileAnalysisReviewStatusEnum = ProfileAnalysisReviewStatusEnum;
95049
95250
  this.COLLAPSE_THRESHOLD = 50;
95050
95251
  this.EXPAND_THRESHOLD = 30;
95051
95252
  this.embeddedScrollEffect = effect(() => {
@@ -95210,13 +95411,59 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95210
95411
  this.notInterestedFocusAreaCards = computed(() => {
95211
95412
  return this.focusAreaCards().filter(card => card.engagementStatus === FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST);
95212
95413
  }, ...(ngDevMode ? [{ debugName: "notInterestedFocusAreaCards" }] : []));
95213
- this.allInterestedFocusAreasGenerated = computed(() => {
95414
+ this.allInterestedFocusAreasAnalysisReviewed = computed(() => {
95214
95415
  const interestedCards = this.interestedFocusAreaCards();
95215
95416
  if (interestedCards.length === 0) {
95216
95417
  return false;
95217
95418
  }
95218
- return interestedCards.every(card => card.selfContentStatusProfileAnalysis === AiDynamicContentStatusEnum.GENERATED);
95219
- }, ...(ngDevMode ? [{ debugName: "allInterestedFocusAreasGenerated" }] : []));
95419
+ return interestedCards.every(card => card.profileAnalysis?.reviewStatus === ProfileAnalysisReviewStatusEnum.REVIEWED);
95420
+ }, ...(ngDevMode ? [{ debugName: "allInterestedFocusAreasAnalysisReviewed" }] : []));
95421
+ this.focusAreaStatusCounts = computed(() => {
95422
+ const interestedCards = this.interestedFocusAreaCards();
95423
+ let generating = 0;
95424
+ let notStarted = 0;
95425
+ let inProgress = 0;
95426
+ let completed = 0;
95427
+ for (const card of interestedCards) {
95428
+ const contentStatus = card.selfContentStatusProfileFocusArea;
95429
+ if (contentStatus === AiDynamicContentStatusEnum.GENERATING || contentStatus === AiDynamicContentStatusEnum.REQUESTED) {
95430
+ generating++;
95431
+ }
95432
+ else if (card.status === 'not-started') {
95433
+ notStarted++;
95434
+ }
95435
+ else if (card.status === 'in-progress') {
95436
+ inProgress++;
95437
+ }
95438
+ else if (card.status === 'complete') {
95439
+ completed++;
95440
+ }
95441
+ }
95442
+ return { generating, notStarted, inProgress, completed };
95443
+ }, ...(ngDevMode ? [{ debugName: "focusAreaStatusCounts" }] : []));
95444
+ this.analysisStatusCounts = computed(() => {
95445
+ const interestedCards = this.interestedFocusAreaCards();
95446
+ let generating = 0;
95447
+ let notReviewed = 0;
95448
+ let reviewed = 0;
95449
+ for (const card of interestedCards) {
95450
+ const analysis = card.profileAnalysis;
95451
+ if (!analysis) {
95452
+ continue;
95453
+ }
95454
+ const contentStatus = card.selfContentStatusProfileAnalysis;
95455
+ if (contentStatus === AiDynamicContentStatusEnum.GENERATING || contentStatus === AiDynamicContentStatusEnum.REQUESTED) {
95456
+ generating++;
95457
+ }
95458
+ else if (analysis.reviewStatus === ProfileAnalysisReviewStatusEnum.NOT_REVIEWED) {
95459
+ notReviewed++;
95460
+ }
95461
+ else if (analysis.reviewStatus === ProfileAnalysisReviewStatusEnum.REVIEWED) {
95462
+ reviewed++;
95463
+ }
95464
+ }
95465
+ return { generating, notReviewed, reviewed };
95466
+ }, ...(ngDevMode ? [{ debugName: "analysisStatusCounts" }] : []));
95220
95467
  }
95221
95468
  onScroll() {
95222
95469
  this.headerScrollService.handleScroll(this.embedded());
@@ -95321,6 +95568,16 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95321
95568
  ? 'text-slate-700'
95322
95569
  : 'text-slate-300';
95323
95570
  }
95571
+ getStatusComponentContainerClasses() {
95572
+ return this.isLightMode()
95573
+ ? 'bg-slate-50/80 border-slate-200'
95574
+ : 'bg-slate-900/40 border-slate-700/50';
95575
+ }
95576
+ getStatusSectionTitleClasses() {
95577
+ return this.isLightMode()
95578
+ ? 'text-slate-700'
95579
+ : 'text-slate-300';
95580
+ }
95324
95581
  getIconForDomain(domain) {
95325
95582
  const iconMap = {
95326
95583
  [FocusAreaDomainEnum.AFFILIATE_AND_REFERRAL_PROGRAMS]: '🤝',
@@ -95390,7 +95647,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95390
95647
  static { this.ɵfac = function SymphiqProfileFocusAreasAnalysesDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqProfileFocusAreasAnalysesDashboardComponent)(); }; }
95391
95648
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqProfileFocusAreasAnalysesDashboardComponent, selectors: [["symphiq-profile-focus-areas-analyses-dashboard"]], hostBindings: function SymphiqProfileFocusAreasAnalysesDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
95392
95649
  i0.ɵɵlistener("scroll", function SymphiqProfileFocusAreasAnalysesDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onScroll($event); }, i0.ɵɵresolveWindow);
95393
- } }, inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalyses: [1, "profileAnalyses"], profileFocusAreas: [1, "profileFocusAreas"], itemStatusesProfileFocusArea: [1, "itemStatusesProfileFocusArea"], itemStatusesProfileAnalysis: [1, "itemStatusesProfileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileFocusAreaQuestions: [1, "profileFocusAreaQuestions"], 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: { navigateToProfileFocusArea: "navigateToProfileFocusArea", navigateToProfileAnalysis: "navigateToProfileAnalysis", stepClick: "stepClick", nextStepClick: "nextStepClick", answerFocusAreaProfileQuestions: "answerFocusAreaProfileQuestions", continueFocusAreaProfileQuestions: "continueFocusAreaProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", focusAreaProfileAdminAnswerAction: "focusAreaProfileAdminAnswerAction" }, decls: 69, vars: 29, 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, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], ["currentStepId", "focus-areas", 3, "viewMode", "focusAreaDetails"], [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, "mt-6", "p-5", "rounded-xl", "border", "flex", "items-start", "gap-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [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"], [1, "p-6", "flex-1"], [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"], ["tooltipPosition", "bottom", 3, "libSymphiqTooltip"], [1, "mt-3", "mb-4"], [1, "flex", "items-center", "gap-2", "py-2"], [1, "space-y-2", "cursor-pointer", "mt-4"], [1, "px-6", "pb-4"], [1, "mt-auto", "cursor-pointer", "hover:bg-slate-100", "dark:hover:bg-slate-700/50", "transition-colors", 3, "class"], [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, "space-y-2", "cursor-pointer", "mt-4", 3, "click"], [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"], [3, "itemStatus", "viewMode", "compact", "compactTitle"], [1, "mt-auto", "cursor-pointer", "hover:bg-slate-100", "dark:hover:bg-slate-700/50", "transition-colors", 3, "click"], [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", "hover:text-blue-500", "dark:hover:text-blue-400", "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) {
95650
+ } }, inputs: { requestedByUser: [1, "requestedByUser"], createdDate: [1, "createdDate"], embedded: [1, "embedded"], profileAnalyses: [1, "profileAnalyses"], profileFocusAreas: [1, "profileFocusAreas"], itemStatusesProfileFocusArea: [1, "itemStatusesProfileFocusArea"], itemStatusesProfileAnalysis: [1, "itemStatusesProfileAnalysis"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], focusAreaDetails: [1, "focusAreaDetails"], account: [1, "account"], profileFocusAreaQuestions: [1, "profileFocusAreaQuestions"], 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: { navigateToProfileFocusArea: "navigateToProfileFocusArea", navigateToProfileAnalysis: "navigateToProfileAnalysis", stepClick: "stepClick", nextStepClick: "nextStepClick", answerFocusAreaProfileQuestions: "answerFocusAreaProfileQuestions", continueFocusAreaProfileQuestions: "continueFocusAreaProfileQuestions", profileQuestionAnswerSave: "profileQuestionAnswerSave", focusAreaProfileAdminAnswerAction: "focusAreaProfileAdminAnswerAction" }, decls: 70, vars: 30, 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, "mb-6", "p-4", "rounded-xl", "border", 3, "ngClass"], [1, "grid", "grid-cols-1", "lg:grid-cols-3", "gap-6", "mb-6"], [1, "lg:col-span-2", "space-y-3"], [1, "text-base", "leading-relaxed", 3, "ngClass"], [1, "font-semibold"], [1, "lg:col-span-1"], ["currentStepId", "focus-areas", 3, "viewMode", "focusAreaDetails"], [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, "mt-6", "p-5", "rounded-xl", "border", "flex", "items-start", "gap-4", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [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"], [1, "flex", "items-center", "justify-center", "gap-3", "py-2"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4"], [1, "relative"], [1, "absolute", "inset-0", "bg-gradient-to-r", "from-emerald-400", "via-green-400", "to-teal-400", "blur-lg", "opacity-50", "animate-pulse"], [1, "relative", "px-6", "py-2.5", "bg-gradient-to-r", "from-emerald-500", "via-green-500", "to-teal-500", "rounded-full", "shadow-lg", "flex", "items-center", "gap-2"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-5", "h-5", "text-white"], [1, "text-white", "font-bold", "text-sm", "tracking-wide"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4", "text-yellow-300"], ["d", "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"], [1, "text-sm", "font-semibold", "mb-3", "flex", "items-center", "gap-2", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"], [1, "flex", "flex-wrap", "gap-2"], [1, "status-badge", "px-2.5", "py-1", "rounded-full", "text-xs", "font-medium", "bg-amber-100", "dark:bg-amber-900/30", "text-amber-700", "dark:text-amber-400", "flex", "items-center", "gap-1.5"], [1, "status-badge", "px-2.5", "py-1", "rounded-full", "text-xs", "font-medium", "bg-slate-100", "dark:bg-slate-700/50", "text-slate-600", "dark:text-slate-400"], [1, "status-badge", "px-2.5", "py-1", "rounded-full", "text-xs", "font-medium", "bg-blue-100", "dark:bg-blue-900/30", "text-blue-700", "dark:text-blue-400"], [1, "status-badge", "px-2.5", "py-1", "rounded-full", "text-xs", "font-medium", "bg-emerald-100", "dark:bg-emerald-900/30", "text-emerald-700", "dark:text-emerald-400", "flex", "items-center", "gap-1"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], [1, "status-badge", "px-2.5", "py-1", "rounded-full", "text-xs", "font-medium", "bg-purple-100", "dark:bg-purple-900/30", "text-purple-700", "dark:text-purple-400"], [1, "status-badge", "px-2.5", "py-1", "rounded-full", "text-xs", "font-medium", "bg-gradient-to-r", "from-amber-100", "to-yellow-100", "dark:from-amber-900/40", "dark:to-yellow-900/40", "text-amber-700", "dark:text-amber-300", "flex", "items-center", "gap-1", "border", "border-amber-300/50", "dark:border-amber-500/30"], [1, "status-badge", "px-2.5", "py-1", "rounded-full", "text-xs", "font-medium", "bg-slate-100", "dark:bg-slate-700/50", "text-slate-500", "dark:text-slate-400"], [1, "w-2", "h-2", "rounded-full", "bg-amber-500", "animate-pulse"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-3", "h-3"], ["fill-rule", "evenodd", "d", "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", "clip-rule", "evenodd"], [1, "p-6", "flex-1"], [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, "px-3", "py-1", "bg-gradient-to-r", "from-amber-100", "to-yellow-100", "dark:from-amber-900/40", "dark:to-yellow-900/40", "text-amber-700", "dark:text-amber-300", "text-xs", "font-semibold", "rounded-full", "flex", "items-center", "gap-1.5", "border", "border-amber-300/50", "dark:border-amber-500/30", "shadow-sm"], ["tooltipPosition", "bottom", 3, "libSymphiqTooltip"], [1, "mt-3", "mb-4"], [1, "flex", "items-center", "gap-2", "py-2"], [1, "space-y-2", "cursor-pointer", "mt-4"], [1, "px-6", "pb-4"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-3.5", "h-3.5"], [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, "space-y-2", "cursor-pointer", "mt-4", 3, "click"], [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"], [3, "itemStatus", "viewMode", "compact", "compactTitle"], [1, "mt-auto", "cursor-pointer", "bg-gradient-to-r", "from-blue-600", "via-cyan-600", "to-teal-600", "hover:from-blue-500", "hover:via-cyan-500", "hover:to-teal-500", "transition-all", "duration-300", "px-4", "py-3", "border-t", "border-blue-500/30", "animate-review-pulse"], [1, "mt-auto", "cursor-pointer", "hover:bg-slate-100", "dark:hover:bg-slate-700/50", "transition-colors", 3, "class"], [1, "mt-auto", "cursor-pointer", "bg-gradient-to-r", "from-blue-600", "via-cyan-600", "to-teal-600", "hover:from-blue-500", "hover:via-cyan-500", "hover:to-teal-500", "transition-all", "duration-300", "px-4", "py-3", "border-t", "border-blue-500/30", "animate-review-pulse", 3, "click"], [1, "flex", "items-center", "justify-between"], [1, "text-sm", "font-semibold", "text-white", "flex", "items-center", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "animate-pulse"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M15 12a3 3 0 11-6 0 3 3 0 016 0z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "text-white/90", "group-hover:translate-x-1", "transition-transform"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "mt-auto", "cursor-pointer", "hover:bg-slate-100", "dark:hover:bg-slate-700/50", "transition-colors", 3, "click"], [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", "hover:text-blue-500", "dark:hover:text-blue-400", "hover:translate-x-1", "transition-all"], [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) {
95394
95651
  i0.ɵɵelementStart(0, "div", 0);
95395
95652
  i0.ɵɵelement(1, "div", 1);
95396
95653
  i0.ɵɵelementStart(2, "div", 2);
@@ -95408,78 +95665,79 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95408
95665
  i0.ɵɵelementStart(14, "div", 14)(15, "h2", 15);
95409
95666
  i0.ɵɵtext(16, " Welcome to Your Focus Area Analyses ");
95410
95667
  i0.ɵɵelementEnd();
95411
- i0.ɵɵelementStart(17, "div", 16)(18, "div", 17)(19, "p", 18);
95412
- i0.ɵɵtext(20, " Focus Areas represent the marketing domains where your business operates\u2014from SEO and email marketing to paid media and customer retention. Each focus area contains tailored questions about your current tools, tactics, and capabilities, helping Symphiq understand exactly what you're doing today and where you want to grow. ");
95668
+ i0.ɵɵconditionalCreate(17, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_17_Template, 3, 2, "div", 16);
95669
+ i0.ɵɵelementStart(18, "div", 17)(19, "div", 18)(20, "p", 19);
95670
+ i0.ɵɵtext(21, " Focus Areas represent the marketing domains where your business operates\u2014from SEO and email marketing to paid media and customer retention. Each focus area contains tailored questions about your current tools, tactics, and capabilities, helping Symphiq understand exactly what you're doing today and where you want to grow. ");
95413
95671
  i0.ɵɵelementEnd();
95414
- i0.ɵɵelementStart(21, "p", 18)(22, "strong", 19);
95415
- i0.ɵɵtext(23, "Why this matters:");
95672
+ i0.ɵɵelementStart(22, "p", 19)(23, "strong", 20);
95673
+ i0.ɵɵtext(24, "Why this matters:");
95416
95674
  i0.ɵɵelementEnd();
95417
- i0.ɵɵtext(24, " By completing focus area assessments, Symphiq learns your marketing reality across every channel. This means recommendations are grounded in what you can actually execute with your current team and tools\u2014while also surfacing high-impact opportunities to expand your capabilities. No generic advice, only strategies that fit your specific operational context. ");
95675
+ i0.ɵɵtext(25, " By completing focus area assessments, Symphiq learns your marketing reality across every channel. This means recommendations are grounded in what you can actually execute with your current team and tools\u2014while also surfacing high-impact opportunities to expand your capabilities. No generic advice, only strategies that fit your specific operational context. ");
95418
95676
  i0.ɵɵelementEnd()();
95419
- i0.ɵɵelementStart(25, "div", 20);
95420
- i0.ɵɵelement(26, "symphiq-confidence-level-card", 21);
95677
+ i0.ɵɵelementStart(26, "div", 21);
95678
+ i0.ɵɵelement(27, "symphiq-confidence-level-card", 22);
95421
95679
  i0.ɵɵelementEnd()();
95422
- i0.ɵɵelementStart(27, "div", 22);
95680
+ i0.ɵɵelementStart(28, "div", 23);
95423
95681
  i0.ɵɵnamespaceSVG();
95424
- i0.ɵɵelementStart(28, "svg", 23);
95425
- i0.ɵɵelement(29, "path", 24);
95682
+ i0.ɵɵelementStart(29, "svg", 24);
95683
+ i0.ɵɵelement(30, "path", 25);
95426
95684
  i0.ɵɵelementEnd();
95427
95685
  i0.ɵɵnamespaceHTML();
95428
- i0.ɵɵelementStart(30, "div", 14)(31, "h3", 25);
95429
- i0.ɵɵtext(32, " What You'll See Below ");
95686
+ i0.ɵɵelementStart(31, "div", 14)(32, "h3", 26);
95687
+ i0.ɵɵtext(33, " What You'll See Below ");
95430
95688
  i0.ɵɵelementEnd();
95431
- i0.ɵɵelementStart(33, "ul", 26)(34, "li", 27);
95689
+ i0.ɵɵelementStart(34, "ul", 27)(35, "li", 28);
95432
95690
  i0.ɵɵnamespaceSVG();
95433
- i0.ɵɵelementStart(35, "svg", 28);
95434
- i0.ɵɵelement(36, "path", 29);
95691
+ i0.ɵɵelementStart(36, "svg", 29);
95692
+ i0.ɵɵelement(37, "path", 30);
95435
95693
  i0.ɵɵelementEnd();
95436
95694
  i0.ɵɵnamespaceHTML();
95437
- i0.ɵɵelementStart(37, "span")(38, "strong", 19);
95438
- i0.ɵɵtext(39, "Select Focus Areas");
95695
+ i0.ɵɵelementStart(38, "span")(39, "strong", 20);
95696
+ i0.ɵɵtext(40, "Select Focus Areas");
95439
95697
  i0.ɵɵelementEnd();
95440
- i0.ɵɵtext(40, " \u2014 Mark which marketing domains are relevant to your business\u2014no need to complete areas you don't use");
95698
+ i0.ɵɵtext(41, " \u2014 Mark which marketing domains are relevant to your business\u2014no need to complete areas you don't use");
95441
95699
  i0.ɵɵelementEnd()();
95442
- i0.ɵɵelementStart(41, "li", 27);
95700
+ i0.ɵɵelementStart(42, "li", 28);
95443
95701
  i0.ɵɵnamespaceSVG();
95444
- i0.ɵɵelementStart(42, "svg", 28);
95445
- i0.ɵɵelement(43, "path", 29);
95702
+ i0.ɵɵelementStart(43, "svg", 29);
95703
+ i0.ɵɵelement(44, "path", 30);
95446
95704
  i0.ɵɵelementEnd();
95447
95705
  i0.ɵɵnamespaceHTML();
95448
- i0.ɵɵelementStart(44, "span")(45, "strong", 19);
95449
- i0.ɵɵtext(46, "Answer Targeted Questions");
95706
+ i0.ɵɵelementStart(45, "span")(46, "strong", 20);
95707
+ i0.ɵɵtext(47, "Answer Targeted Questions");
95450
95708
  i0.ɵɵelementEnd();
95451
- i0.ɵɵtext(47, " \u2014 Share specific details about your tools, processes, and current performance in each domain");
95709
+ i0.ɵɵtext(48, " \u2014 Share specific details about your tools, processes, and current performance in each domain");
95452
95710
  i0.ɵɵelementEnd()();
95453
- i0.ɵɵelementStart(48, "li", 27);
95711
+ i0.ɵɵelementStart(49, "li", 28);
95454
95712
  i0.ɵɵnamespaceSVG();
95455
- i0.ɵɵelementStart(49, "svg", 28);
95456
- i0.ɵɵelement(50, "path", 29);
95713
+ i0.ɵɵelementStart(50, "svg", 29);
95714
+ i0.ɵɵelement(51, "path", 30);
95457
95715
  i0.ɵɵelementEnd();
95458
95716
  i0.ɵɵnamespaceHTML();
95459
- i0.ɵɵelementStart(51, "span")(52, "strong", 19);
95460
- i0.ɵɵtext(53, "Unlock Domain Insights");
95717
+ i0.ɵɵelementStart(52, "span")(53, "strong", 20);
95718
+ i0.ɵɵtext(54, "Unlock Domain Insights");
95461
95719
  i0.ɵɵelementEnd();
95462
- i0.ɵɵtext(54, " \u2014 Receive focused analysis and recommendations tailored to each marketing channel's unique context");
95720
+ i0.ɵɵtext(55, " \u2014 Receive focused analysis and recommendations tailored to each marketing channel's unique context");
95463
95721
  i0.ɵɵelementEnd()()()()();
95464
- i0.ɵɵelementStart(55, "div", 30);
95722
+ i0.ɵɵelementStart(56, "div", 31);
95465
95723
  i0.ɵɵnamespaceSVG();
95466
- i0.ɵɵelementStart(56, "svg", 23);
95467
- i0.ɵɵelement(57, "path", 31);
95724
+ i0.ɵɵelementStart(57, "svg", 24);
95725
+ i0.ɵɵelement(58, "path", 32);
95468
95726
  i0.ɵɵelementEnd();
95469
95727
  i0.ɵɵnamespaceHTML();
95470
- i0.ɵɵelementStart(58, "div", 14)(59, "h3", 25);
95471
- i0.ɵɵtext(60, " Continue Your Journey ");
95728
+ i0.ɵɵelementStart(59, "div", 14)(60, "h3", 26);
95729
+ i0.ɵɵtext(61, " Continue Your Journey ");
95472
95730
  i0.ɵɵelementEnd();
95473
- i0.ɵɵelementStart(61, "p", 32);
95474
- i0.ɵɵtext(62, " The final step\u2014Metric Analysis\u2014lets you provide funnel-specific context for each conversion point. This granular knowledge ensures recommendations address the precise bottlenecks in your customer journey, creating a complete picture from top-of-funnel awareness to revenue. ");
95731
+ i0.ɵɵelementStart(62, "p", 33);
95732
+ i0.ɵɵtext(63, " The final step\u2014Metric Analysis\u2014lets you provide funnel-specific context for each conversion point. This granular knowledge ensures recommendations address the precise bottlenecks in your customer journey, creating a complete picture from top-of-funnel awareness to revenue. ");
95475
95733
  i0.ɵɵelementEnd()()()()()()();
95476
- i0.ɵɵelementStart(63, "div", 33);
95477
- i0.ɵɵrepeaterCreate(64, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Template, 18, 16, "div", 34, _forTrack0$6);
95734
+ i0.ɵɵelementStart(64, "div", 34);
95735
+ i0.ɵɵrepeaterCreate(65, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Template, 19, 17, "div", 35, _forTrack0$6);
95478
95736
  i0.ɵɵelementEnd();
95479
- i0.ɵɵconditionalCreate(66, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_Template, 9, 3, "div", 35);
95737
+ i0.ɵɵconditionalCreate(67, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_Template, 9, 3, "div", 36);
95480
95738
  i0.ɵɵelementEnd()();
95481
- i0.ɵɵconditionalCreate(67, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_Template, 1, 0, "symphiq-search-modal");
95482
- i0.ɵɵelement(68, "symphiq-tooltip-container");
95739
+ i0.ɵɵconditionalCreate(68, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_68_Template, 1, 0, "symphiq-search-modal");
95740
+ i0.ɵɵelement(69, "symphiq-tooltip-container");
95483
95741
  i0.ɵɵelementEnd();
95484
95742
  } if (rf & 2) {
95485
95743
  i0.ɵɵclassMap(ctx.getContainerClasses());
@@ -95498,7 +95756,9 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95498
95756
  i0.ɵɵproperty("ngClass", ctx.getWelcomeBannerIconClasses());
95499
95757
  i0.ɵɵadvance(4);
95500
95758
  i0.ɵɵproperty("ngClass", ctx.getWelcomeBannerTitleClasses());
95501
- i0.ɵɵadvance(4);
95759
+ i0.ɵɵadvance(2);
95760
+ i0.ɵɵconditional(ctx.profileFocusAreas() !== undefined && ctx.profileAnalyses() !== undefined ? 17 : -1);
95761
+ i0.ɵɵadvance(3);
95502
95762
  i0.ɵɵproperty("ngClass", ctx.getWelcomeBannerTextClasses());
95503
95763
  i0.ɵɵadvance(2);
95504
95764
  i0.ɵɵproperty("ngClass", ctx.getWelcomeBannerTextClasses());
@@ -95523,14 +95783,48 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95523
95783
  i0.ɵɵadvance(3);
95524
95784
  i0.ɵɵrepeater(ctx.interestedFocusAreaCards());
95525
95785
  i0.ɵɵadvance(2);
95526
- i0.ɵɵconditional(ctx.notInterestedFocusAreaCards().length > 0 ? 66 : -1);
95786
+ i0.ɵɵconditional(ctx.notInterestedFocusAreaCards().length > 0 ? 67 : -1);
95527
95787
  i0.ɵɵadvance();
95528
- i0.ɵɵconditional(ctx.showSearchModal() ? 67 : -1);
95529
- } }, dependencies: [CommonModule, i1$1.NgClass, DashboardHeaderComponent, SearchModalComponent, JourneyProgressIndicatorComponent, ConfidenceLevelCardComponent, ContentGenerationProgressComponent, TooltipDirective, TooltipContainerComponent], styles: [".animated-bubbles[_ngcontent-%COMP%]{background:linear-gradient(135deg,#6366f10d,#a855f70d)}.animated-bubbles.light-mode[_ngcontent-%COMP%]{background:linear-gradient(135deg,#3b82f608,#9333ea08)}.animated-bubbles[_ngcontent-%COMP%]:before, .animated-bubbles[_ngcontent-%COMP%]:after{content:\"\";position:absolute;border-radius:50%;animation:_ngcontent-%COMP%_float 20s infinite ease-in-out}.animated-bubbles[_ngcontent-%COMP%]:before{width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);top:-250px;right:-250px;animation-delay:-5s}.animated-bubbles[_ngcontent-%COMP%]:after{width:400px;height:400px;background:radial-gradient(circle,rgba(168,85,247,.1) 0%,transparent 70%);bottom:-200px;left:-200px;animation-delay:-10s}@keyframes _ngcontent-%COMP%_float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-50px) translate(50px)}50%{transform:translateY(-100px) translate(-50px)}75%{transform:translateY(-50px) translate(-100px)}}"], changeDetection: 0 }); }
95788
+ i0.ɵɵconditional(ctx.showSearchModal() ? 68 : -1);
95789
+ } }, dependencies: [CommonModule, i1$1.NgClass, DashboardHeaderComponent, SearchModalComponent, JourneyProgressIndicatorComponent, ConfidenceLevelCardComponent, ContentGenerationProgressComponent, TooltipDirective, TooltipContainerComponent], styles: [".animated-bubbles[_ngcontent-%COMP%]{background:linear-gradient(135deg,#6366f10d,#a855f70d)}.animated-bubbles.light-mode[_ngcontent-%COMP%]{background:linear-gradient(135deg,#3b82f608,#9333ea08)}.animated-bubbles[_ngcontent-%COMP%]:before, .animated-bubbles[_ngcontent-%COMP%]:after{content:\"\";position:absolute;border-radius:50%;animation:_ngcontent-%COMP%_float 20s infinite ease-in-out}.animated-bubbles[_ngcontent-%COMP%]:before{width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);top:-250px;right:-250px;animation-delay:-5s}.animated-bubbles[_ngcontent-%COMP%]:after{width:400px;height:400px;background:radial-gradient(circle,rgba(168,85,247,.1) 0%,transparent 70%);bottom:-200px;left:-200px;animation-delay:-10s}@keyframes _ngcontent-%COMP%_float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-50px) translate(50px)}50%{transform:translateY(-100px) translate(-50px)}75%{transform:translateY(-50px) translate(-100px)}}@keyframes _ngcontent-%COMP%_review-pulse{0%,to{box-shadow:0 0 #3b82f680}50%{box-shadow:0 0 0 8px #3b82f600}}.animate-review-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_review-pulse 2s ease-in-out infinite}@keyframes _ngcontent-%COMP%_status-pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.status-badge[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_status-pop .3s ease-out;transition:all .3s ease-out}"], data: { animation: [
95790
+ trigger('statusBadge', [
95791
+ transition(':enter', [
95792
+ style({ opacity: 0, transform: 'scale(0.8)' }),
95793
+ animate('200ms ease-out', style({ opacity: 1, transform: 'scale(1)' }))
95794
+ ]),
95795
+ transition('* => *', [
95796
+ animate('200ms ease-out', style({ transform: 'scale(1.1)' })),
95797
+ animate('150ms ease-in', style({ transform: 'scale(1)' }))
95798
+ ])
95799
+ ]),
95800
+ trigger('allReviewedBadge', [
95801
+ transition(':enter', [
95802
+ style({ opacity: 0, transform: 'scale(0.5)' }),
95803
+ animate('400ms cubic-bezier(0.34, 1.56, 0.64, 1)', style({ opacity: 1, transform: 'scale(1)' }))
95804
+ ])
95805
+ ])
95806
+ ] }, changeDetection: 0 }); }
95530
95807
  }
95531
95808
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqProfileFocusAreasAnalysesDashboardComponent, [{
95532
95809
  type: Component,
95533
- args: [{ selector: 'symphiq-profile-focus-areas-analyses-dashboard', standalone: true, imports: [CommonModule, DashboardHeaderComponent, SearchModalComponent, JourneyProgressIndicatorComponent, ConfidenceLevelCardComponent, ContentGenerationProgressComponent, TooltipDirective, TooltipContainerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
95810
+ args: [{ selector: 'symphiq-profile-focus-areas-analyses-dashboard', standalone: true, imports: [CommonModule, DashboardHeaderComponent, SearchModalComponent, JourneyProgressIndicatorComponent, ConfidenceLevelCardComponent, ContentGenerationProgressComponent, TooltipDirective, TooltipContainerComponent], changeDetection: ChangeDetectionStrategy.OnPush, animations: [
95811
+ trigger('statusBadge', [
95812
+ transition(':enter', [
95813
+ style({ opacity: 0, transform: 'scale(0.8)' }),
95814
+ animate('200ms ease-out', style({ opacity: 1, transform: 'scale(1)' }))
95815
+ ]),
95816
+ transition('* => *', [
95817
+ animate('200ms ease-out', style({ transform: 'scale(1.1)' })),
95818
+ animate('150ms ease-in', style({ transform: 'scale(1)' }))
95819
+ ])
95820
+ ]),
95821
+ trigger('allReviewedBadge', [
95822
+ transition(':enter', [
95823
+ style({ opacity: 0, transform: 'scale(0.5)' }),
95824
+ animate('400ms cubic-bezier(0.34, 1.56, 0.64, 1)', style({ opacity: 1, transform: 'scale(1)' }))
95825
+ ])
95826
+ ])
95827
+ ], template: `
95534
95828
  <div [class]="getContainerClasses()" class="min-h-screen relative">
95535
95829
  <div class="animated-bubbles" [class.light-mode]="isLightMode()"
95536
95830
  style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; z-index: 1; pointer-events: none;"></div>
@@ -95556,13 +95850,13 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95556
95850
  <!-- Journey Progress Indicator (Simplified View Only) -->
95557
95851
  @if (isSimplifiedView()) {
95558
95852
  <symphiq-journey-progress-indicator
95559
- [viewMode]="viewMode()"
95560
- [currentStepId]="currentStepId()"
95561
- [showNextStepAction]="forDemo() || allInterestedFocusAreasGenerated()"
95562
- [forDemo]="forDemo()"
95563
- [maxAccessibleStepId]="maxAccessibleStepId()"
95564
- (nextStepClick)="nextStepClick.emit()"
95565
- (stepClick)="stepClick.emit($event)"
95853
+ [viewMode]="viewMode()"
95854
+ [currentStepId]="currentStepId()"
95855
+ [showNextStepAction]="forDemo() || allInterestedFocusAreasAnalysisReviewed()"
95856
+ [forDemo]="forDemo()"
95857
+ [maxAccessibleStepId]="maxAccessibleStepId()"
95858
+ (nextStepClick)="nextStepClick.emit()"
95859
+ (stepClick)="stepClick.emit($event)"
95566
95860
  />
95567
95861
  }
95568
95862
 
@@ -95572,9 +95866,11 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95572
95866
  <div [ngClass]="getWelcomeBannerContainerClasses()" class="rounded-2xl border shadow-lg overflow-hidden mb-8">
95573
95867
  <div class="px-8 py-8">
95574
95868
  <div class="flex items-start gap-6">
95575
- <div [ngClass]="getWelcomeBannerIconClasses()" class="flex-shrink-0 w-16 h-16 rounded-2xl flex items-center justify-center">
95869
+ <div [ngClass]="getWelcomeBannerIconClasses()"
95870
+ class="flex-shrink-0 w-16 h-16 rounded-2xl flex items-center justify-center">
95576
95871
  <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
95577
- <path 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"></path>
95872
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
95873
+ 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"></path>
95578
95874
  </svg>
95579
95875
  </div>
95580
95876
 
@@ -95583,31 +95879,136 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95583
95879
  Welcome to Your Focus Area Analyses
95584
95880
  </h2>
95585
95881
 
95882
+ <!-- Focus Area & Analysis Status Summary -->
95883
+ @if (profileFocusAreas() !== undefined && profileAnalyses() !== undefined) {
95884
+ <div [ngClass]="getStatusComponentContainerClasses()" class="mb-6 p-4 rounded-xl border">
95885
+ @if (allInterestedFocusAreasAnalysisReviewed() && interestedFocusAreaCards().length > 0) {
95886
+ <div class="flex items-center justify-center gap-3 py-2" @allReviewedBadge>
95887
+ <div class="relative">
95888
+ <div class="absolute inset-0 bg-gradient-to-r from-emerald-400 via-green-400 to-teal-400 blur-lg opacity-50 animate-pulse"></div>
95889
+ <div class="relative px-6 py-2.5 bg-gradient-to-r from-emerald-500 via-green-500 to-teal-500 rounded-full shadow-lg flex items-center gap-2">
95890
+ <svg class="w-5 h-5 text-white" fill="currentColor" viewBox="0 0 20 20">
95891
+ <path 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"/>
95892
+ </svg>
95893
+ <span class="text-white font-bold text-sm tracking-wide">All Analyses Reviewed!</span>
95894
+ <svg class="w-4 h-4 text-yellow-300" fill="currentColor" viewBox="0 0 20 20">
95895
+ <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
95896
+ </svg>
95897
+ </div>
95898
+ </div>
95899
+ </div>
95900
+ } @else {
95901
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
95902
+ <!-- Profile Focus Areas Status -->
95903
+ <div>
95904
+ <h4 [ngClass]="getStatusSectionTitleClasses()" class="text-sm font-semibold mb-3 flex items-center gap-2">
95905
+ <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
95906
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"/>
95907
+ </svg>
95908
+ Focus Areas
95909
+ </h4>
95910
+ <div class="flex flex-wrap gap-2">
95911
+ @if (focusAreaStatusCounts().generating > 0) {
95912
+ <span [@statusBadge]="focusAreaStatusCounts().generating" class="status-badge px-2.5 py-1 rounded-full text-xs font-medium bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-400 flex items-center gap-1.5">
95913
+ <span class="w-2 h-2 rounded-full bg-amber-500 animate-pulse"></span>
95914
+ {{ focusAreaStatusCounts().generating }} Generating
95915
+ </span>
95916
+ }
95917
+ @if (focusAreaStatusCounts().notStarted > 0) {
95918
+ <span [@statusBadge]="focusAreaStatusCounts().notStarted" class="status-badge px-2.5 py-1 rounded-full text-xs font-medium bg-slate-100 dark:bg-slate-700/50 text-slate-600 dark:text-slate-400">
95919
+ {{ focusAreaStatusCounts().notStarted }} Not Started
95920
+ </span>
95921
+ }
95922
+ @if (focusAreaStatusCounts().inProgress > 0) {
95923
+ <span [@statusBadge]="focusAreaStatusCounts().inProgress" class="status-badge px-2.5 py-1 rounded-full text-xs font-medium bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-400">
95924
+ {{ focusAreaStatusCounts().inProgress }} In Progress
95925
+ </span>
95926
+ }
95927
+ @if (focusAreaStatusCounts().completed > 0) {
95928
+ <span [@statusBadge]="focusAreaStatusCounts().completed" class="status-badge px-2.5 py-1 rounded-full text-xs font-medium bg-emerald-100 dark:bg-emerald-900/30 text-emerald-700 dark:text-emerald-400 flex items-center gap-1">
95929
+ <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20">
95930
+ <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/>
95931
+ </svg>
95932
+ {{ focusAreaStatusCounts().completed }} Completed
95933
+ </span>
95934
+ }
95935
+ </div>
95936
+ </div>
95937
+ <!-- Profile Analyses Status -->
95938
+ <div>
95939
+ <h4 [ngClass]="getStatusSectionTitleClasses()" class="text-sm font-semibold mb-3 flex items-center gap-2">
95940
+ <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
95941
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"/>
95942
+ </svg>
95943
+ Analyses
95944
+ </h4>
95945
+ <div class="flex flex-wrap gap-2">
95946
+ @if (analysisStatusCounts().generating > 0) {
95947
+ <span [@statusBadge]="analysisStatusCounts().generating" class="status-badge px-2.5 py-1 rounded-full text-xs font-medium bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-400 flex items-center gap-1.5">
95948
+ <span class="w-2 h-2 rounded-full bg-amber-500 animate-pulse"></span>
95949
+ {{ analysisStatusCounts().generating }} Generating
95950
+ </span>
95951
+ }
95952
+ @if (analysisStatusCounts().notReviewed > 0) {
95953
+ <span [@statusBadge]="analysisStatusCounts().notReviewed" class="status-badge px-2.5 py-1 rounded-full text-xs font-medium bg-purple-100 dark:bg-purple-900/30 text-purple-700 dark:text-purple-400">
95954
+ {{ analysisStatusCounts().notReviewed }} Not Reviewed
95955
+ </span>
95956
+ }
95957
+ @if (analysisStatusCounts().reviewed > 0) {
95958
+ <span [@statusBadge]="analysisStatusCounts().reviewed" class="status-badge px-2.5 py-1 rounded-full text-xs font-medium bg-gradient-to-r from-amber-100 to-yellow-100 dark:from-amber-900/40 dark:to-yellow-900/40 text-amber-700 dark:text-amber-300 flex items-center gap-1 border border-amber-300/50 dark:border-amber-500/30">
95959
+ <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20">
95960
+ <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/>
95961
+ </svg>
95962
+ {{ analysisStatusCounts().reviewed }} Reviewed
95963
+ </span>
95964
+ }
95965
+ @if (analysisStatusCounts().generating === 0 && analysisStatusCounts().notReviewed === 0 && analysisStatusCounts().reviewed === 0) {
95966
+ <span class="status-badge px-2.5 py-1 rounded-full text-xs font-medium bg-slate-100 dark:bg-slate-700/50 text-slate-500 dark:text-slate-400">
95967
+ No analyses yet
95968
+ </span>
95969
+ }
95970
+ </div>
95971
+ </div>
95972
+ </div>
95973
+ }
95974
+ </div>
95975
+ }
95976
+
95586
95977
  <!-- Description and Confidence Card in Responsive Layout -->
95587
95978
  <div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-6">
95588
95979
  <!-- Description (takes 2 columns on large screens) -->
95589
95980
  <div class="lg:col-span-2 space-y-3">
95590
95981
  <p [ngClass]="getWelcomeBannerTextClasses()" class="text-base leading-relaxed">
95591
- Focus Areas represent the marketing domains where your business operates—from SEO and email marketing to paid media and customer retention. Each focus area contains tailored questions about your current tools, tactics, and capabilities, helping Symphiq understand exactly what you're doing today and where you want to grow.
95982
+ Focus Areas represent the marketing domains where your business operates—from SEO and email
95983
+ marketing to paid media and customer retention. Each focus area contains tailored questions
95984
+ about your current tools, tactics, and capabilities, helping Symphiq understand exactly what
95985
+ you're doing today and where you want to grow.
95592
95986
  </p>
95593
95987
  <p [ngClass]="getWelcomeBannerTextClasses()" class="text-base leading-relaxed">
95594
- <strong class="font-semibold">Why this matters:</strong> By completing focus area assessments, Symphiq learns your marketing reality across every channel. This means recommendations are grounded in what you can actually execute with your current team and tools—while also surfacing high-impact opportunities to expand your capabilities. No generic advice, only strategies that fit your specific operational context.
95988
+ <strong class="font-semibold">Why this matters:</strong> By completing focus area assessments,
95989
+ Symphiq learns your marketing reality across every channel. This means recommendations are
95990
+ grounded in what you can actually execute with your current team and tools—while also surfacing
95991
+ high-impact opportunities to expand your capabilities. No generic advice, only strategies that
95992
+ fit your specific operational context.
95595
95993
  </p>
95596
95994
  </div>
95597
95995
 
95598
95996
  <!-- Confidence Card (takes 1 column on large screens, full width on mobile) -->
95599
95997
  <div class="lg:col-span-1">
95600
95998
  <symphiq-confidence-level-card
95601
- [viewMode]="viewMode()"
95602
- currentStepId="focus-areas"
95603
- [focusAreaDetails]="focusAreaDetails()"
95999
+ [viewMode]="viewMode()"
96000
+ currentStepId="focus-areas"
96001
+ [focusAreaDetails]="focusAreaDetails()"
95604
96002
  />
95605
96003
  </div>
95606
96004
  </div>
95607
96005
 
95608
- <div [ngClass]="getWelcomeBannerHighlightClasses()" class="mt-6 p-5 rounded-xl border-l-4 flex items-start gap-4">
95609
- <svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="getWelcomeBannerHighlightIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
95610
- <path 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"></path>
96006
+ <div [ngClass]="getWelcomeBannerHighlightClasses()"
96007
+ class="mt-6 p-5 rounded-xl border-l-4 flex items-start gap-4">
96008
+ <svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="getWelcomeBannerHighlightIconClasses()"
96009
+ fill="none" stroke="currentColor" viewBox="0 0 24 24">
96010
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
96011
+ d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
95611
96012
  </svg>
95612
96013
  <div class="flex-1">
95613
96014
  <h3 [ngClass]="getWelcomeBannerHighlightTitleClasses()" class="font-bold text-lg mb-2">
@@ -95616,19 +96017,25 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95616
96017
  <ul [ngClass]="getWelcomeBannerHighlightListClasses()" class="space-y-2 text-sm">
95617
96018
  <li class="flex items-start gap-2">
95618
96019
  <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
95619
- <path 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"></path>
96020
+ <path fill-rule="evenodd"
96021
+ 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"
96022
+ clip-rule="evenodd"></path>
95620
96023
  </svg>
95621
96024
  <span><strong class="font-semibold">Select Focus Areas</strong> — Mark which marketing domains are relevant to your business—no need to complete areas you don't use</span>
95622
96025
  </li>
95623
96026
  <li class="flex items-start gap-2">
95624
96027
  <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
95625
- <path 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"></path>
96028
+ <path fill-rule="evenodd"
96029
+ 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"
96030
+ clip-rule="evenodd"></path>
95626
96031
  </svg>
95627
96032
  <span><strong class="font-semibold">Answer Targeted Questions</strong> — Share specific details about your tools, processes, and current performance in each domain</span>
95628
96033
  </li>
95629
96034
  <li class="flex items-start gap-2">
95630
96035
  <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
95631
- <path 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"></path>
96036
+ <path fill-rule="evenodd"
96037
+ 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"
96038
+ clip-rule="evenodd"></path>
95632
96039
  </svg>
95633
96040
  <span><strong class="font-semibold">Unlock Domain Insights</strong> — Receive focused analysis and recommendations tailored to each marketing channel's unique context</span>
95634
96041
  </li>
@@ -95636,16 +96043,21 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95636
96043
  </div>
95637
96044
  </div>
95638
96045
 
95639
- <div [ngClass]="getWelcomeBannerNextStepsClasses()" class="mt-6 p-5 rounded-xl border flex items-start gap-4">
95640
- <svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="getWelcomeBannerNextStepsIconClasses()" fill="none" stroke="currentColor" viewBox="0 0 24 24">
95641
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
96046
+ <div [ngClass]="getWelcomeBannerNextStepsClasses()"
96047
+ class="mt-6 p-5 rounded-xl border flex items-start gap-4">
96048
+ <svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="getWelcomeBannerNextStepsIconClasses()"
96049
+ fill="none" stroke="currentColor" viewBox="0 0 24 24">
96050
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
96051
+ d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
95642
96052
  </svg>
95643
96053
  <div class="flex-1">
95644
96054
  <h3 [ngClass]="getWelcomeBannerNextStepsTitleClasses()" class="font-bold text-lg mb-2">
95645
96055
  Continue Your Journey
95646
96056
  </h3>
95647
96057
  <p [ngClass]="getWelcomeBannerNextStepsTextClasses()" class="text-sm leading-relaxed">
95648
- The final step—Metric Analysis—lets you provide funnel-specific context for each conversion point. This granular knowledge ensures recommendations address the precise bottlenecks in your customer journey, creating a complete picture from top-of-funnel awareness to revenue.
96058
+ The final step—Metric Analysis—lets you provide funnel-specific context for each conversion
96059
+ point. This granular knowledge ensures recommendations address the precise bottlenecks in your
96060
+ customer journey, creating a complete picture from top-of-funnel awareness to revenue.
95649
96061
  </p>
95650
96062
  </div>
95651
96063
  </div>
@@ -95668,10 +96080,19 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95668
96080
  </div>
95669
96081
  }
95670
96082
  @if (focusArea.selfContentStatusProfileAnalysis === AiDynamicContentStatusEnum.GENERATED) {
95671
- <div class="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">
96083
+ <div
96084
+ class="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">
95672
96085
  Analysis Ready
95673
96086
  </div>
95674
96087
  }
96088
+ @if (focusArea.profileAnalysis?.reviewStatus === ProfileAnalysisReviewStatusEnum.REVIEWED) {
96089
+ <div class="px-3 py-1 bg-gradient-to-r from-amber-100 to-yellow-100 dark:from-amber-900/40 dark:to-yellow-900/40 text-amber-700 dark:text-amber-300 text-xs font-semibold rounded-full flex items-center gap-1.5 border border-amber-300/50 dark:border-amber-500/30 shadow-sm">
96090
+ <svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 20 20">
96091
+ <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"/>
96092
+ </svg>
96093
+ Reviewed
96094
+ </div>
96095
+ }
95675
96096
  </div>
95676
96097
  </div>
95677
96098
 
@@ -95679,7 +96100,8 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95679
96100
  {{ focusArea.title }}
95680
96101
  </h3>
95681
96102
 
95682
- <p [class]="getDescriptionClasses()" [libSymphiqTooltip]="focusArea.description" tooltipPosition="bottom">
96103
+ <p [class]="getDescriptionClasses()" [libSymphiqTooltip]="focusArea.description"
96104
+ tooltipPosition="bottom">
95683
96105
  {{ focusArea.description }}
95684
96106
  </p>
95685
96107
 
@@ -95700,8 +96122,10 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95700
96122
 
95701
96123
  @if (focusArea.selfContentStatusProfileFocusArea === null && focusArea.engagementStatus !== FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST) {
95702
96124
  <div class="flex items-center gap-2 py-2">
95703
- <div class="animate-spin w-4 h-4 border-2 border-amber-500/30 border-t-amber-500 rounded-full"></div>
95704
- <span class="text-xs text-amber-600 dark:text-amber-400 font-medium">Profile Generation Pending</span>
96125
+ <div
96126
+ class="animate-spin w-4 h-4 border-2 border-amber-500/30 border-t-amber-500 rounded-full"></div>
96127
+ <span
96128
+ class="text-xs text-amber-600 dark:text-amber-400 font-medium">Profile Generation Pending</span>
95705
96129
  </div>
95706
96130
  } @else if ((focusArea.selfContentStatusProfileFocusArea === AiDynamicContentStatusEnum.GENERATED && (focusArea.selfContentStatusProfileAnalysis === null || focusArea.selfContentStatusProfileAnalysis === AiDynamicContentStatusEnum.GENERATED)) || focusArea.status !== 'pending') {
95707
96131
  <div class="space-y-2 cursor-pointer mt-4" (click)="handleFooterClick(focusArea.profileFocusArea)">
@@ -95714,29 +96138,35 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95714
96138
 
95715
96139
  <div [class]="getProgressBarContainerClasses()">
95716
96140
  <div
95717
- class="h-full bg-gradient-to-r from-blue-500 to-cyan-500 rounded-full transition-all duration-500"
95718
- [style.width.%]="focusArea.progressPercent"
96141
+ class="h-full bg-gradient-to-r from-blue-500 to-cyan-500 rounded-full transition-all duration-500"
96142
+ [style.width.%]="focusArea.progressPercent"
95719
96143
  ></div>
95720
96144
  </div>
95721
96145
 
95722
96146
  @if (focusArea.status === 'complete') {
95723
96147
  <div class="flex items-center gap-1 text-xs text-green-600 dark:text-green-400 font-medium">
95724
96148
  <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
95725
- <path 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" />
96149
+ <path fill-rule="evenodd"
96150
+ 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"
96151
+ clip-rule="evenodd"/>
95726
96152
  </svg>
95727
96153
  Complete
95728
96154
  </div>
95729
96155
  } @else if (focusArea.status === 'in-progress') {
95730
96156
  <div class="flex items-center gap-1 text-xs text-blue-600 dark:text-blue-400 font-medium">
95731
96157
  <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
95732
- <path 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" />
96158
+ <path fill-rule="evenodd"
96159
+ 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"
96160
+ clip-rule="evenodd"/>
95733
96161
  </svg>
95734
96162
  In Progress
95735
96163
  </div>
95736
96164
  } @else {
95737
96165
  <div class="flex items-center gap-1 text-xs text-slate-500 dark:text-slate-400 font-medium">
95738
96166
  <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
95739
- <path 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" />
96167
+ <path fill-rule="evenodd"
96168
+ 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"
96169
+ clip-rule="evenodd"/>
95740
96170
  </svg>
95741
96171
  Not Started
95742
96172
  </div>
@@ -95748,47 +96178,70 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95748
96178
  @if (focusArea.profileFocusArea && focusArea.selfContentStatusProfileFocusArea !== AiDynamicContentStatusEnum.GENERATED && focusArea.engagementStatus !== FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST) {
95749
96179
  <div class="px-6 pb-4">
95750
96180
  <symphiq-content-generation-progress
95751
- [itemStatus]="focusArea.itemStatusProfileFocusArea ?? undefined"
95752
- [viewMode]="viewMode()"
95753
- [compact]="true"
95754
- [compactTitle]="'Generating Focus Area Profile'"
96181
+ [itemStatus]="focusArea.itemStatusProfileFocusArea ?? undefined"
96182
+ [viewMode]="viewMode()"
96183
+ [compact]="true"
96184
+ [compactTitle]="'Generating Focus Area Profile'"
95755
96185
  />
95756
96186
  </div>
95757
96187
  } @else if (focusArea.profileAnalysis && focusArea.selfContentStatusProfileAnalysis !== null && focusArea.selfContentStatusProfileAnalysis !== AiDynamicContentStatusEnum.GENERATED && focusArea.engagementStatus !== FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST) {
95758
96188
  <div class="px-6 pb-4">
95759
96189
  <symphiq-content-generation-progress
95760
- [itemStatus]="focusArea.itemStatusProfileAnalysis ?? undefined"
95761
- [viewMode]="viewMode()"
95762
- [compact]="true"
95763
- [compactTitle]="'Generating Focus Area Analysis'"
96190
+ [itemStatus]="focusArea.itemStatusProfileAnalysis ?? undefined"
96191
+ [viewMode]="viewMode()"
96192
+ [compact]="true"
96193
+ [compactTitle]="'Generating Focus Area Analysis'"
95764
96194
  />
95765
96195
  </div>
95766
96196
  }
95767
96197
 
95768
96198
  @if (focusArea.canViewDetails && focusArea.profileFocusArea && !(focusArea.profileAnalysis && focusArea.selfContentStatusProfileAnalysis !== null && focusArea.selfContentStatusProfileAnalysis !== AiDynamicContentStatusEnum.GENERATED)) {
95769
- <div
95770
- [class]="getCardFooterClasses()"
95771
- class="mt-auto cursor-pointer hover:bg-slate-100 dark:hover:bg-slate-700/50 transition-colors"
95772
- (click)="focusArea.selfContentStatusProfileAnalysis === AiDynamicContentStatusEnum.GENERATED && focusArea.profileAnalysis && focusArea.profileFocusArea ? handleAnalysisFooterClick(focusArea.profileAnalysis, focusArea.profileFocusArea) : handleFooterClick(focusArea.profileFocusArea)">
95773
- <div class="flex items-center justify-between">
95774
- <span class="text-sm font-medium text-slate-600 dark:text-slate-400">
95775
- @if (focusArea.selfContentStatusProfileAnalysis === AiDynamicContentStatusEnum.GENERATED) {
95776
- View Analysis
95777
- } @else if (focusArea.hasAnalysis) {
95778
- View Details
95779
- } @else if (focusArea.status === 'complete') {
95780
- All Questions Answered
95781
- } @else if (focusArea.status === 'in-progress') {
95782
- Continue Answering Questions
95783
- } @else {
95784
- Start Answering Questions
95785
- }
95786
- </span>
95787
- <svg class="w-5 h-5 text-slate-400 dark:text-slate-500 hover:text-blue-500 dark:hover:text-blue-400 hover:translate-x-1 transition-all" fill="none" stroke="currentColor" viewBox="0 0 24 24">
95788
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
95789
- </svg>
96199
+ @if (focusArea.selfContentStatusProfileAnalysis === AiDynamicContentStatusEnum.GENERATED && focusArea.profileAnalysis?.reviewStatus === ProfileAnalysisReviewStatusEnum.NOT_REVIEWED) {
96200
+ <div
96201
+ class="mt-auto cursor-pointer bg-gradient-to-r from-blue-600 via-cyan-600 to-teal-600 hover:from-blue-500 hover:via-cyan-500 hover:to-teal-500 transition-all duration-300 px-4 py-3 border-t border-blue-500/30 animate-review-pulse"
96202
+ (click)="handleAnalysisFooterClick(focusArea.profileAnalysis!, focusArea.profileFocusArea)">
96203
+ <div class="flex items-center justify-between">
96204
+ <span class="text-sm font-semibold text-white flex items-center gap-2">
96205
+ <svg class="w-5 h-5 animate-pulse" fill="none" stroke="currentColor" viewBox="0 0 24 24">
96206
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
96207
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/>
96208
+ </svg>
96209
+ Review Analysis
96210
+ </span>
96211
+ <svg
96212
+ class="w-5 h-5 text-white/90 group-hover:translate-x-1 transition-transform"
96213
+ fill="none" stroke="currentColor" viewBox="0 0 24 24">
96214
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
96215
+ </svg>
96216
+ </div>
95790
96217
  </div>
95791
- </div>
96218
+ } @else {
96219
+ <div
96220
+ [class]="getCardFooterClasses()"
96221
+ class="mt-auto cursor-pointer hover:bg-slate-100 dark:hover:bg-slate-700/50 transition-colors"
96222
+ (click)="focusArea.selfContentStatusProfileAnalysis === AiDynamicContentStatusEnum.GENERATED && focusArea.profileAnalysis && focusArea.profileFocusArea ? handleAnalysisFooterClick(focusArea.profileAnalysis, focusArea.profileFocusArea) : handleFooterClick(focusArea.profileFocusArea)">
96223
+ <div class="flex items-center justify-between">
96224
+ <span class="text-sm font-medium text-slate-600 dark:text-slate-400">
96225
+ @if (focusArea.selfContentStatusProfileAnalysis === AiDynamicContentStatusEnum.GENERATED) {
96226
+ View Analysis
96227
+ } @else if (focusArea.hasAnalysis) {
96228
+ View Details
96229
+ } @else if (focusArea.status === 'complete') {
96230
+ All Questions Answered
96231
+ } @else if (focusArea.status === 'in-progress') {
96232
+ Continue Answering Questions
96233
+ } @else {
96234
+ Start Answering Questions
96235
+ }
96236
+ </span>
96237
+ <svg
96238
+ class="w-5 h-5 text-slate-400 dark:text-slate-500 hover:text-blue-500 dark:hover:text-blue-400 hover:translate-x-1 transition-all"
96239
+ fill="none" stroke="currentColor" viewBox="0 0 24 24">
96240
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
96241
+ </svg>
96242
+ </div>
96243
+ </div>
96244
+ }
95792
96245
  }
95793
96246
  </div>
95794
96247
  }
@@ -95822,20 +96275,23 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95822
96275
  {{ focusArea.title }}
95823
96276
  </h3>
95824
96277
 
95825
- <p [class]="getDescriptionClasses()" [libSymphiqTooltip]="focusArea.description" tooltipPosition="bottom">
96278
+ <p [class]="getDescriptionClasses()" [libSymphiqTooltip]="focusArea.description"
96279
+ tooltipPosition="bottom">
95826
96280
  {{ focusArea.description }}
95827
96281
  </p>
95828
96282
  </div>
95829
96283
 
95830
96284
  @if (focusArea.canViewDetails && focusArea.profileFocusArea) {
95831
96285
  <div
95832
- [class]="getCardFooterClasses()"
95833
- class="mt-auto cursor-pointer hover:bg-slate-100 dark:hover:bg-slate-700/50 transition-colors"
95834
- (click)="handleFooterClick(focusArea.profileFocusArea)">
96286
+ [class]="getCardFooterClasses()"
96287
+ class="mt-auto cursor-pointer hover:bg-slate-100 dark:hover:bg-slate-700/50 transition-colors"
96288
+ (click)="handleFooterClick(focusArea.profileFocusArea)">
95835
96289
  <div class="flex items-center justify-between">
95836
96290
  <span class="text-sm font-medium text-slate-600 dark:text-slate-400">View Details</span>
95837
- <svg class="w-5 h-5 text-slate-400 dark:text-slate-500 hover:text-blue-500 dark:hover:text-blue-400 hover:translate-x-1 transition-all" fill="none" stroke="currentColor" viewBox="0 0 24 24">
95838
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
96291
+ <svg
96292
+ class="w-5 h-5 text-slate-400 dark:text-slate-500 hover:text-blue-500 dark:hover:text-blue-400 hover:translate-x-1 transition-all"
96293
+ fill="none" stroke="currentColor" viewBox="0 0 24 24">
96294
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
95839
96295
  </svg>
95840
96296
  </div>
95841
96297
  </div>
@@ -95855,14 +96311,14 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
95855
96311
  ></symphiq-search-modal>
95856
96312
  }
95857
96313
 
95858
- <symphiq-tooltip-container />
96314
+ <symphiq-tooltip-container/>
95859
96315
  </div>
95860
- `, styles: [".animated-bubbles{background:linear-gradient(135deg,#6366f10d,#a855f70d)}.animated-bubbles.light-mode{background:linear-gradient(135deg,#3b82f608,#9333ea08)}.animated-bubbles:before,.animated-bubbles:after{content:\"\";position:absolute;border-radius:50%;animation:float 20s infinite ease-in-out}.animated-bubbles:before{width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);top:-250px;right:-250px;animation-delay:-5s}.animated-bubbles:after{width:400px;height:400px;background:radial-gradient(circle,rgba(168,85,247,.1) 0%,transparent 70%);bottom:-200px;left:-200px;animation-delay:-10s}@keyframes float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-50px) translate(50px)}50%{transform:translateY(-100px) translate(-50px)}75%{transform:translateY(-50px) translate(-100px)}}\n"] }]
96316
+ `, styles: [".animated-bubbles{background:linear-gradient(135deg,#6366f10d,#a855f70d)}.animated-bubbles.light-mode{background:linear-gradient(135deg,#3b82f608,#9333ea08)}.animated-bubbles:before,.animated-bubbles:after{content:\"\";position:absolute;border-radius:50%;animation:float 20s infinite ease-in-out}.animated-bubbles:before{width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);top:-250px;right:-250px;animation-delay:-5s}.animated-bubbles:after{width:400px;height:400px;background:radial-gradient(circle,rgba(168,85,247,.1) 0%,transparent 70%);bottom:-200px;left:-200px;animation-delay:-10s}@keyframes float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-50px) translate(50px)}50%{transform:translateY(-100px) translate(-50px)}75%{transform:translateY(-50px) translate(-100px)}}@keyframes review-pulse{0%,to{box-shadow:0 0 #3b82f680}50%{box-shadow:0 0 0 8px #3b82f600}}.animate-review-pulse{animation:review-pulse 2s ease-in-out infinite}@keyframes status-pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.status-badge{animation:status-pop .3s ease-out;transition:all .3s ease-out}\n"] }]
95861
96317
  }], null, { requestedByUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestedByUser", required: false }] }], createdDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "createdDate", required: false }] }], embedded: [{ type: i0.Input, args: [{ isSignal: true, alias: "embedded", required: false }] }], profileAnalyses: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileAnalyses", required: false }] }], profileFocusAreas: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileFocusAreas", required: false }] }], itemStatusesProfileFocusArea: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatusesProfileFocusArea", required: false }] }], itemStatusesProfileAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemStatusesProfileAnalysis", required: false }] }], profile: [{ type: i0.Input, args: [{ isSignal: true, alias: "profile", required: false }] }], funnelAnalysis: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelAnalysis", required: false }] }], focusAreaDetails: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusAreaDetails", required: false }] }], account: [{ type: i0.Input, args: [{ isSignal: true, alias: "account", required: false }] }], profileFocusAreaQuestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "profileFocusAreaQuestions", required: false }] }], isOnboarded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOnboarded", required: false }] }], scrollEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEvent", required: false }] }], scrollElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollElement", required: false }] }], users: [{ type: i0.Input, args: [{ isSignal: true, alias: "users", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], forDemo: [{ type: i0.Input, args: [{ isSignal: true, alias: "forDemo", required: false }] }], currentUser: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentUser", required: false }] }], maxAccessibleStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxAccessibleStepId", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], displayMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayMode", required: false }] }], currentStepId: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentStepId", required: false }] }], navigateToProfileFocusArea: [{ type: i0.Output, args: ["navigateToProfileFocusArea"] }], navigateToProfileAnalysis: [{ type: i0.Output, args: ["navigateToProfileAnalysis"] }], stepClick: [{ type: i0.Output, args: ["stepClick"] }], nextStepClick: [{ type: i0.Output, args: ["nextStepClick"] }], answerFocusAreaProfileQuestions: [{ type: i0.Output, args: ["answerFocusAreaProfileQuestions"] }], continueFocusAreaProfileQuestions: [{ type: i0.Output, args: ["continueFocusAreaProfileQuestions"] }], profileQuestionAnswerSave: [{ type: i0.Output, args: ["profileQuestionAnswerSave"] }], focusAreaProfileAdminAnswerAction: [{ type: i0.Output, args: ["focusAreaProfileAdminAnswerAction"] }], onScroll: [{
95862
96318
  type: HostListener,
95863
96319
  args: ['window:scroll', ['$event']]
95864
96320
  }] }); })();
95865
- (() => { (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: 454 }); })();
96321
+ (() => { (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: 665 }); })();
95866
96322
 
95867
96323
  const _c0$6 = () => [];
95868
96324
  function SymphiqProfileFocusAreaDashboardComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {