@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.
- package/fesm2022/symphiq-components.mjs +686 -230
- package/fesm2022/symphiq-components.mjs.map +1 -1
- package/index.d.ts +23 -9
- package/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/styles.css +69 -0
|
@@ -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",
|
|
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.
|
|
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
|
|
94713
|
-
i0.ɵɵelementStart(0, "div",
|
|
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
|
|
94724
|
-
i0.ɵɵelementStart(0, "div",
|
|
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
|
|
94729
|
-
i0.ɵɵelementStart(0, "
|
|
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
|
|
94740
|
-
i0.ɵɵelementStart(0, "div",
|
|
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",
|
|
94744
|
-
i0.ɵɵrepeaterCreate(5,
|
|
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
|
|
94755
|
-
i0.ɵɵelementStart(0, "div",
|
|
94756
|
-
i0.ɵɵelement(1, "div",
|
|
94757
|
-
i0.ɵɵelementStart(2, "span",
|
|
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
|
|
94762
|
-
i0.ɵɵelementStart(0, "div",
|
|
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",
|
|
94765
|
-
i0.ɵɵelement(2, "path",
|
|
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
|
|
94771
|
-
i0.ɵɵelementStart(0, "div",
|
|
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",
|
|
94774
|
-
i0.ɵɵelement(2, "path",
|
|
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
|
|
94780
|
-
i0.ɵɵelementStart(0, "div",
|
|
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",
|
|
94783
|
-
i0.ɵɵelement(2, "path",
|
|
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
|
|
94963
|
+
function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_66_Conditional_15_Template(rf, ctx) { if (rf & 1) {
|
|
94789
94964
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
94790
|
-
i0.ɵɵelementStart(0, "div",
|
|
94791
|
-
i0.ɵɵlistener("click", function
|
|
94792
|
-
i0.ɵɵelementStart(1, "div",
|
|
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",
|
|
94974
|
+
i0.ɵɵelement(7, "div", 83);
|
|
94800
94975
|
i0.ɵɵelementEnd();
|
|
94801
|
-
i0.ɵɵconditionalCreate(8,
|
|
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
|
|
94820
|
-
i0.ɵɵelementStart(0, "div",
|
|
94821
|
-
i0.ɵɵelement(1, "symphiq-content-generation-progress",
|
|
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
|
|
94830
|
-
i0.ɵɵelementStart(0, "div",
|
|
94831
|
-
i0.ɵɵelement(1, "symphiq-content-generation-progress",
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
94855
|
-
const
|
|
94856
|
-
i0.ɵɵelementStart(0, "div",
|
|
94857
|
-
i0.ɵɵlistener("click", function
|
|
94858
|
-
i0.ɵɵelementStart(1, "div",
|
|
94859
|
-
i0.ɵɵconditionalCreate(3,
|
|
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",
|
|
94863
|
-
i0.ɵɵelement(9, "path",
|
|
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
|
|
94873
|
-
i0.ɵɵ
|
|
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",
|
|
94877
|
-
i0.ɵɵconditionalCreate(6,
|
|
94878
|
-
i0.ɵɵconditionalCreate(7,
|
|
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(
|
|
94881
|
-
i0.ɵɵtext(
|
|
95078
|
+
i0.ɵɵelementStart(9, "h3");
|
|
95079
|
+
i0.ɵɵtext(10);
|
|
94882
95080
|
i0.ɵɵelementEnd();
|
|
94883
|
-
i0.ɵɵelementStart(
|
|
94884
|
-
i0.ɵɵtext(
|
|
95081
|
+
i0.ɵɵelementStart(11, "p", 69);
|
|
95082
|
+
i0.ɵɵtext(12);
|
|
94885
95083
|
i0.ɵɵelementEnd();
|
|
94886
|
-
i0.ɵɵconditionalCreate(
|
|
94887
|
-
i0.ɵɵconditionalCreate(
|
|
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(
|
|
94890
|
-
i0.ɵɵconditionalCreate(
|
|
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 ?
|
|
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 ?
|
|
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 ?
|
|
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) ?
|
|
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
|
|
94921
|
-
i0.ɵɵelementStart(0, "div",
|
|
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
|
|
95125
|
+
const focusArea_r8 = i0.ɵɵnextContext().$implicit;
|
|
94926
95126
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
94927
|
-
i0.ɵɵproperty("ngClass", ctx_r1.getEngagementBadgeClasses(
|
|
95127
|
+
i0.ɵɵproperty("ngClass", ctx_r1.getEngagementBadgeClasses(focusArea_r8.engagementStatus));
|
|
94928
95128
|
i0.ɵɵadvance();
|
|
94929
|
-
i0.ɵɵtextInterpolate1(" ", ctx_r1.getEngagementStatusLabel(
|
|
95129
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r1.getEngagementStatusLabel(focusArea_r8.engagementStatus), " ");
|
|
94930
95130
|
} }
|
|
94931
|
-
function
|
|
94932
|
-
const
|
|
94933
|
-
i0.ɵɵelementStart(0, "div",
|
|
94934
|
-
i0.ɵɵlistener("click", function
|
|
94935
|
-
i0.ɵɵelementStart(1, "div",
|
|
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",
|
|
94940
|
-
i0.ɵɵelement(5, "path",
|
|
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
|
|
94947
|
-
i0.ɵɵelementStart(0, "div")(1, "div",
|
|
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",
|
|
94951
|
-
i0.ɵɵconditionalCreate(6,
|
|
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",
|
|
95156
|
+
i0.ɵɵelementStart(9, "p", 69);
|
|
94957
95157
|
i0.ɵɵtext(10);
|
|
94958
95158
|
i0.ɵɵelementEnd()();
|
|
94959
|
-
i0.ɵɵconditionalCreate(11,
|
|
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
|
|
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(
|
|
95166
|
+
i0.ɵɵtextInterpolate(focusArea_r8.icon);
|
|
94967
95167
|
i0.ɵɵadvance(2);
|
|
94968
|
-
i0.ɵɵconditional(
|
|
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(" ",
|
|
95172
|
+
i0.ɵɵtextInterpolate1(" ", focusArea_r8.title, " ");
|
|
94973
95173
|
i0.ɵɵadvance();
|
|
94974
95174
|
i0.ɵɵclassMap(ctx_r1.getDescriptionClasses());
|
|
94975
|
-
i0.ɵɵproperty("libSymphiqTooltip",
|
|
95175
|
+
i0.ɵɵproperty("libSymphiqTooltip", focusArea_r8.description);
|
|
94976
95176
|
i0.ɵɵadvance();
|
|
94977
|
-
i0.ɵɵtextInterpolate1(" ",
|
|
95177
|
+
i0.ɵɵtextInterpolate1(" ", focusArea_r8.description, " ");
|
|
94978
95178
|
i0.ɵɵadvance();
|
|
94979
|
-
i0.ɵɵconditional(
|
|
95179
|
+
i0.ɵɵconditional(focusArea_r8.canViewDetails && focusArea_r8.profileFocusArea ? 11 : -1);
|
|
94980
95180
|
} }
|
|
94981
|
-
function
|
|
94982
|
-
i0.ɵɵelementStart(0, "div",
|
|
94983
|
-
i0.ɵɵelement(2, "div",
|
|
94984
|
-
i0.ɵɵelementStart(3, "span",
|
|
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",
|
|
95187
|
+
i0.ɵɵelement(5, "div", 105);
|
|
94988
95188
|
i0.ɵɵelementEnd();
|
|
94989
|
-
i0.ɵɵelementStart(6, "div",
|
|
94990
|
-
i0.ɵɵrepeaterCreate(7,
|
|
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
|
|
95004
|
-
const
|
|
95005
|
-
i0.ɵɵelementStart(0, "symphiq-search-modal",
|
|
95006
|
-
i0.ɵɵlistener("closeModal", function
|
|
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.
|
|
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.
|
|
95219
|
-
}, ...(ngDevMode ? [{ debugName: "
|
|
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.ɵɵ
|
|
95412
|
-
i0.ɵɵ
|
|
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(
|
|
95415
|
-
i0.ɵɵtext(
|
|
95672
|
+
i0.ɵɵelementStart(22, "p", 19)(23, "strong", 20);
|
|
95673
|
+
i0.ɵɵtext(24, "Why this matters:");
|
|
95416
95674
|
i0.ɵɵelementEnd();
|
|
95417
|
-
i0.ɵɵtext(
|
|
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(
|
|
95420
|
-
i0.ɵɵelement(
|
|
95677
|
+
i0.ɵɵelementStart(26, "div", 21);
|
|
95678
|
+
i0.ɵɵelement(27, "symphiq-confidence-level-card", 22);
|
|
95421
95679
|
i0.ɵɵelementEnd()();
|
|
95422
|
-
i0.ɵɵelementStart(
|
|
95680
|
+
i0.ɵɵelementStart(28, "div", 23);
|
|
95423
95681
|
i0.ɵɵnamespaceSVG();
|
|
95424
|
-
i0.ɵɵelementStart(
|
|
95425
|
-
i0.ɵɵelement(
|
|
95682
|
+
i0.ɵɵelementStart(29, "svg", 24);
|
|
95683
|
+
i0.ɵɵelement(30, "path", 25);
|
|
95426
95684
|
i0.ɵɵelementEnd();
|
|
95427
95685
|
i0.ɵɵnamespaceHTML();
|
|
95428
|
-
i0.ɵɵelementStart(
|
|
95429
|
-
i0.ɵɵtext(
|
|
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(
|
|
95689
|
+
i0.ɵɵelementStart(34, "ul", 27)(35, "li", 28);
|
|
95432
95690
|
i0.ɵɵnamespaceSVG();
|
|
95433
|
-
i0.ɵɵelementStart(
|
|
95434
|
-
i0.ɵɵelement(
|
|
95691
|
+
i0.ɵɵelementStart(36, "svg", 29);
|
|
95692
|
+
i0.ɵɵelement(37, "path", 30);
|
|
95435
95693
|
i0.ɵɵelementEnd();
|
|
95436
95694
|
i0.ɵɵnamespaceHTML();
|
|
95437
|
-
i0.ɵɵelementStart(
|
|
95438
|
-
i0.ɵɵtext(
|
|
95695
|
+
i0.ɵɵelementStart(38, "span")(39, "strong", 20);
|
|
95696
|
+
i0.ɵɵtext(40, "Select Focus Areas");
|
|
95439
95697
|
i0.ɵɵelementEnd();
|
|
95440
|
-
i0.ɵɵtext(
|
|
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(
|
|
95700
|
+
i0.ɵɵelementStart(42, "li", 28);
|
|
95443
95701
|
i0.ɵɵnamespaceSVG();
|
|
95444
|
-
i0.ɵɵelementStart(
|
|
95445
|
-
i0.ɵɵelement(
|
|
95702
|
+
i0.ɵɵelementStart(43, "svg", 29);
|
|
95703
|
+
i0.ɵɵelement(44, "path", 30);
|
|
95446
95704
|
i0.ɵɵelementEnd();
|
|
95447
95705
|
i0.ɵɵnamespaceHTML();
|
|
95448
|
-
i0.ɵɵelementStart(
|
|
95449
|
-
i0.ɵɵtext(
|
|
95706
|
+
i0.ɵɵelementStart(45, "span")(46, "strong", 20);
|
|
95707
|
+
i0.ɵɵtext(47, "Answer Targeted Questions");
|
|
95450
95708
|
i0.ɵɵelementEnd();
|
|
95451
|
-
i0.ɵɵtext(
|
|
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(
|
|
95711
|
+
i0.ɵɵelementStart(49, "li", 28);
|
|
95454
95712
|
i0.ɵɵnamespaceSVG();
|
|
95455
|
-
i0.ɵɵelementStart(
|
|
95456
|
-
i0.ɵɵelement(
|
|
95713
|
+
i0.ɵɵelementStart(50, "svg", 29);
|
|
95714
|
+
i0.ɵɵelement(51, "path", 30);
|
|
95457
95715
|
i0.ɵɵelementEnd();
|
|
95458
95716
|
i0.ɵɵnamespaceHTML();
|
|
95459
|
-
i0.ɵɵelementStart(
|
|
95460
|
-
i0.ɵɵtext(
|
|
95717
|
+
i0.ɵɵelementStart(52, "span")(53, "strong", 20);
|
|
95718
|
+
i0.ɵɵtext(54, "Unlock Domain Insights");
|
|
95461
95719
|
i0.ɵɵelementEnd();
|
|
95462
|
-
i0.ɵɵtext(
|
|
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(
|
|
95722
|
+
i0.ɵɵelementStart(56, "div", 31);
|
|
95465
95723
|
i0.ɵɵnamespaceSVG();
|
|
95466
|
-
i0.ɵɵelementStart(
|
|
95467
|
-
i0.ɵɵelement(
|
|
95724
|
+
i0.ɵɵelementStart(57, "svg", 24);
|
|
95725
|
+
i0.ɵɵelement(58, "path", 32);
|
|
95468
95726
|
i0.ɵɵelementEnd();
|
|
95469
95727
|
i0.ɵɵnamespaceHTML();
|
|
95470
|
-
i0.ɵɵelementStart(
|
|
95471
|
-
i0.ɵɵtext(
|
|
95728
|
+
i0.ɵɵelementStart(59, "div", 14)(60, "h3", 26);
|
|
95729
|
+
i0.ɵɵtext(61, " Continue Your Journey ");
|
|
95472
95730
|
i0.ɵɵelementEnd();
|
|
95473
|
-
i0.ɵɵelementStart(
|
|
95474
|
-
i0.ɵɵtext(
|
|
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(
|
|
95477
|
-
i0.ɵɵrepeaterCreate(
|
|
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(
|
|
95737
|
+
i0.ɵɵconditionalCreate(67, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_Template, 9, 3, "div", 36);
|
|
95480
95738
|
i0.ɵɵelementEnd()();
|
|
95481
|
-
i0.ɵɵconditionalCreate(
|
|
95482
|
-
i0.ɵɵelement(
|
|
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(
|
|
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 ?
|
|
95786
|
+
i0.ɵɵconditional(ctx.notInterestedFocusAreaCards().length > 0 ? 67 : -1);
|
|
95527
95787
|
i0.ɵɵadvance();
|
|
95528
|
-
i0.ɵɵconditional(ctx.showSearchModal() ?
|
|
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)}}
|
|
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,
|
|
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
|
-
|
|
95560
|
-
|
|
95561
|
-
|
|
95562
|
-
|
|
95563
|
-
|
|
95564
|
-
|
|
95565
|
-
|
|
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()"
|
|
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"
|
|
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
|
|
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,
|
|
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
|
-
|
|
95602
|
-
|
|
95603
|
-
|
|
95999
|
+
[viewMode]="viewMode()"
|
|
96000
|
+
currentStepId="focus-areas"
|
|
96001
|
+
[focusAreaDetails]="focusAreaDetails()"
|
|
95604
96002
|
/>
|
|
95605
96003
|
</div>
|
|
95606
96004
|
</div>
|
|
95607
96005
|
|
|
95608
|
-
<div [ngClass]="getWelcomeBannerHighlightClasses()"
|
|
95609
|
-
|
|
95610
|
-
|
|
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"
|
|
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"
|
|
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"
|
|
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()"
|
|
95640
|
-
|
|
95641
|
-
|
|
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
|
|
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
|
|
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"
|
|
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
|
|
95704
|
-
|
|
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
|
-
|
|
95718
|
-
|
|
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"
|
|
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"
|
|
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"
|
|
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
|
-
|
|
95752
|
-
|
|
95753
|
-
|
|
95754
|
-
|
|
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
|
-
|
|
95761
|
-
|
|
95762
|
-
|
|
95763
|
-
|
|
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
|
-
|
|
95770
|
-
|
|
95771
|
-
|
|
95772
|
-
|
|
95773
|
-
|
|
95774
|
-
|
|
95775
|
-
|
|
95776
|
-
|
|
95777
|
-
|
|
95778
|
-
|
|
95779
|
-
|
|
95780
|
-
|
|
95781
|
-
|
|
95782
|
-
|
|
95783
|
-
|
|
95784
|
-
|
|
95785
|
-
|
|
95786
|
-
</
|
|
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
|
-
|
|
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"
|
|
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
|
-
|
|
95833
|
-
|
|
95834
|
-
|
|
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
|
|
95838
|
-
|
|
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:
|
|
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) {
|