@eric-emg/symphiq-components 1.2.476 → 1.2.477
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 +264 -162
- package/fesm2022/symphiq-components.mjs.map +1 -1
- package/index.d.ts +10 -9
- package/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/styles.css +36 -0
|
@@ -94707,7 +94707,7 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_6_Templa
|
|
|
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
94712
|
function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
94713
94713
|
i0.ɵɵelementStart(0, "div", 41);
|
|
@@ -94725,8 +94725,17 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_7
|
|
|
94725
94725
|
i0.ɵɵtext(1, " Analysis Ready ");
|
|
94726
94726
|
i0.ɵɵelementEnd();
|
|
94727
94727
|
} }
|
|
94728
|
-
function
|
|
94729
|
-
i0.ɵɵelementStart(0, "
|
|
94728
|
+
function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
94729
|
+
i0.ɵɵelementStart(0, "div", 43);
|
|
94730
|
+
i0.ɵɵnamespaceSVG();
|
|
94731
|
+
i0.ɵɵelementStart(1, "svg", 49);
|
|
94732
|
+
i0.ɵɵelement(2, "path", 50);
|
|
94733
|
+
i0.ɵɵelementEnd();
|
|
94734
|
+
i0.ɵɵtext(3, " Reviewed ");
|
|
94735
|
+
i0.ɵɵelementEnd();
|
|
94736
|
+
} }
|
|
94737
|
+
function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_13_For_6_Template(rf, ctx) { if (rf & 1) {
|
|
94738
|
+
i0.ɵɵelementStart(0, "span", 54);
|
|
94730
94739
|
i0.ɵɵtext(1);
|
|
94731
94740
|
i0.ɵɵelementEnd();
|
|
94732
94741
|
} if (rf & 2) {
|
|
@@ -94736,12 +94745,12 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_1
|
|
|
94736
94745
|
i0.ɵɵadvance();
|
|
94737
94746
|
i0.ɵɵtextInterpolate1(" ", tool_r4, " ");
|
|
94738
94747
|
} }
|
|
94739
|
-
function
|
|
94740
|
-
i0.ɵɵelementStart(0, "div",
|
|
94748
|
+
function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_13_Template(rf, ctx) { if (rf & 1) {
|
|
94749
|
+
i0.ɵɵelementStart(0, "div", 45)(1, "div", 51)(2, "span", 52);
|
|
94741
94750
|
i0.ɵɵtext(3, "Marketing Tools:");
|
|
94742
94751
|
i0.ɵɵelementEnd();
|
|
94743
|
-
i0.ɵɵelementStart(4, "div",
|
|
94744
|
-
i0.ɵɵrepeaterCreate(5,
|
|
94752
|
+
i0.ɵɵelementStart(4, "div", 53);
|
|
94753
|
+
i0.ɵɵrepeaterCreate(5, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_13_For_6_Template, 2, 2, "span", 54, i0.ɵɵrepeaterTrackByIdentity);
|
|
94745
94754
|
i0.ɵɵelementEnd()()();
|
|
94746
94755
|
} if (rf & 2) {
|
|
94747
94756
|
const focusArea_r3 = i0.ɵɵnextContext().$implicit;
|
|
@@ -94751,54 +94760,54 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_1
|
|
|
94751
94760
|
i0.ɵɵadvance(3);
|
|
94752
94761
|
i0.ɵɵrepeater(focusArea_r3.tools);
|
|
94753
94762
|
} }
|
|
94754
|
-
function
|
|
94755
|
-
i0.ɵɵelementStart(0, "div",
|
|
94756
|
-
i0.ɵɵelement(1, "div",
|
|
94757
|
-
i0.ɵɵelementStart(2, "span",
|
|
94763
|
+
function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_14_Template(rf, ctx) { if (rf & 1) {
|
|
94764
|
+
i0.ɵɵelementStart(0, "div", 46);
|
|
94765
|
+
i0.ɵɵelement(1, "div", 55);
|
|
94766
|
+
i0.ɵɵelementStart(2, "span", 56);
|
|
94758
94767
|
i0.ɵɵtext(3, "Profile Generation Pending");
|
|
94759
94768
|
i0.ɵɵelementEnd()();
|
|
94760
94769
|
} }
|
|
94761
|
-
function
|
|
94762
|
-
i0.ɵɵelementStart(0, "div",
|
|
94770
|
+
function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_15_Conditional_8_Template(rf, ctx) { if (rf & 1) {
|
|
94771
|
+
i0.ɵɵelementStart(0, "div", 60);
|
|
94763
94772
|
i0.ɵɵnamespaceSVG();
|
|
94764
|
-
i0.ɵɵelementStart(1, "svg",
|
|
94773
|
+
i0.ɵɵelementStart(1, "svg", 63);
|
|
94765
94774
|
i0.ɵɵelement(2, "path", 29);
|
|
94766
94775
|
i0.ɵɵelementEnd();
|
|
94767
94776
|
i0.ɵɵtext(3, " Complete ");
|
|
94768
94777
|
i0.ɵɵelementEnd();
|
|
94769
94778
|
} }
|
|
94770
|
-
function
|
|
94771
|
-
i0.ɵɵelementStart(0, "div",
|
|
94779
|
+
function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_15_Conditional_9_Template(rf, ctx) { if (rf & 1) {
|
|
94780
|
+
i0.ɵɵelementStart(0, "div", 61);
|
|
94772
94781
|
i0.ɵɵnamespaceSVG();
|
|
94773
|
-
i0.ɵɵelementStart(1, "svg",
|
|
94774
|
-
i0.ɵɵelement(2, "path",
|
|
94782
|
+
i0.ɵɵelementStart(1, "svg", 63);
|
|
94783
|
+
i0.ɵɵelement(2, "path", 64);
|
|
94775
94784
|
i0.ɵɵelementEnd();
|
|
94776
94785
|
i0.ɵɵtext(3, " In Progress ");
|
|
94777
94786
|
i0.ɵɵelementEnd();
|
|
94778
94787
|
} }
|
|
94779
|
-
function
|
|
94780
|
-
i0.ɵɵelementStart(0, "div",
|
|
94788
|
+
function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_15_Conditional_10_Template(rf, ctx) { if (rf & 1) {
|
|
94789
|
+
i0.ɵɵelementStart(0, "div", 62);
|
|
94781
94790
|
i0.ɵɵnamespaceSVG();
|
|
94782
|
-
i0.ɵɵelementStart(1, "svg",
|
|
94783
|
-
i0.ɵɵelement(2, "path",
|
|
94791
|
+
i0.ɵɵelementStart(1, "svg", 63);
|
|
94792
|
+
i0.ɵɵelement(2, "path", 65);
|
|
94784
94793
|
i0.ɵɵelementEnd();
|
|
94785
94794
|
i0.ɵɵtext(3, " Not Started ");
|
|
94786
94795
|
i0.ɵɵelementEnd();
|
|
94787
94796
|
} }
|
|
94788
|
-
function
|
|
94797
|
+
function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_15_Template(rf, ctx) { if (rf & 1) {
|
|
94789
94798
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
94790
|
-
i0.ɵɵelementStart(0, "div",
|
|
94791
|
-
i0.ɵɵlistener("click", function
|
|
94792
|
-
i0.ɵɵelementStart(1, "div",
|
|
94799
|
+
i0.ɵɵelementStart(0, "div", 57);
|
|
94800
|
+
i0.ɵɵlistener("click", function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_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)); });
|
|
94801
|
+
i0.ɵɵelementStart(1, "div", 58)(2, "span");
|
|
94793
94802
|
i0.ɵɵtext(3, "Profile progress");
|
|
94794
94803
|
i0.ɵɵelementEnd();
|
|
94795
94804
|
i0.ɵɵelementStart(4, "span");
|
|
94796
94805
|
i0.ɵɵtext(5);
|
|
94797
94806
|
i0.ɵɵelementEnd()();
|
|
94798
94807
|
i0.ɵɵelementStart(6, "div");
|
|
94799
|
-
i0.ɵɵelement(7, "div",
|
|
94808
|
+
i0.ɵɵelement(7, "div", 59);
|
|
94800
94809
|
i0.ɵɵelementEnd();
|
|
94801
|
-
i0.ɵɵconditionalCreate(8,
|
|
94810
|
+
i0.ɵɵconditionalCreate(8, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_15_Conditional_8_Template, 4, 0, "div", 60)(9, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_15_Conditional_9_Template, 4, 0, "div", 61)(10, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_15_Conditional_10_Template, 4, 0, "div", 62);
|
|
94802
94811
|
i0.ɵɵelementEnd();
|
|
94803
94812
|
} if (rf & 2) {
|
|
94804
94813
|
const focusArea_r3 = i0.ɵɵnextContext().$implicit;
|
|
@@ -94816,9 +94825,9 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_1
|
|
|
94816
94825
|
i0.ɵɵadvance();
|
|
94817
94826
|
i0.ɵɵconditional(focusArea_r3.status === "complete" ? 8 : focusArea_r3.status === "in-progress" ? 9 : 10);
|
|
94818
94827
|
} }
|
|
94819
|
-
function
|
|
94820
|
-
i0.ɵɵelementStart(0, "div",
|
|
94821
|
-
i0.ɵɵelement(1, "symphiq-content-generation-progress",
|
|
94828
|
+
function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_16_Template(rf, ctx) { if (rf & 1) {
|
|
94829
|
+
i0.ɵɵelementStart(0, "div", 48);
|
|
94830
|
+
i0.ɵɵelement(1, "symphiq-content-generation-progress", 66);
|
|
94822
94831
|
i0.ɵɵelementEnd();
|
|
94823
94832
|
} if (rf & 2) {
|
|
94824
94833
|
const focusArea_r3 = i0.ɵɵnextContext().$implicit;
|
|
@@ -94826,9 +94835,9 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_1
|
|
|
94826
94835
|
i0.ɵɵadvance();
|
|
94827
94836
|
i0.ɵɵproperty("itemStatus", focusArea_r3.itemStatusProfileFocusArea ?? undefined)("viewMode", ctx_r1.viewMode())("compact", true)("compactTitle", "Generating Focus Area Profile");
|
|
94828
94837
|
} }
|
|
94829
|
-
function
|
|
94830
|
-
i0.ɵɵelementStart(0, "div",
|
|
94831
|
-
i0.ɵɵelement(1, "symphiq-content-generation-progress",
|
|
94838
|
+
function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_17_Template(rf, ctx) { if (rf & 1) {
|
|
94839
|
+
i0.ɵɵelementStart(0, "div", 48);
|
|
94840
|
+
i0.ɵɵelement(1, "symphiq-content-generation-progress", 66);
|
|
94832
94841
|
i0.ɵɵelementEnd();
|
|
94833
94842
|
} if (rf & 2) {
|
|
94834
94843
|
const focusArea_r3 = i0.ɵɵnextContext().$implicit;
|
|
@@ -94836,39 +94845,61 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_1
|
|
|
94836
94845
|
i0.ɵɵadvance();
|
|
94837
94846
|
i0.ɵɵproperty("itemStatus", focusArea_r3.itemStatusProfileAnalysis ?? undefined)("viewMode", ctx_r1.viewMode())("compact", true)("compactTitle", "Generating Focus Area Analysis");
|
|
94838
94847
|
} }
|
|
94839
|
-
function
|
|
94848
|
+
function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Conditional_0_Template(rf, ctx) { if (rf & 1) {
|
|
94849
|
+
const _r6 = i0.ɵɵgetCurrentView();
|
|
94850
|
+
i0.ɵɵelementStart(0, "div", 69);
|
|
94851
|
+
i0.ɵɵlistener("click", function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_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)); });
|
|
94852
|
+
i0.ɵɵelementStart(1, "div", 70)(2, "span", 71);
|
|
94853
|
+
i0.ɵɵnamespaceSVG();
|
|
94854
|
+
i0.ɵɵelementStart(3, "svg", 72);
|
|
94855
|
+
i0.ɵɵelement(4, "path", 73)(5, "path", 74);
|
|
94856
|
+
i0.ɵɵelementEnd();
|
|
94857
|
+
i0.ɵɵtext(6, " Review Analysis ");
|
|
94858
|
+
i0.ɵɵelementEnd();
|
|
94859
|
+
i0.ɵɵelementStart(7, "svg", 75);
|
|
94860
|
+
i0.ɵɵelement(8, "path", 76);
|
|
94861
|
+
i0.ɵɵelementEnd()()();
|
|
94862
|
+
} }
|
|
94863
|
+
function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Conditional_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
94840
94864
|
i0.ɵɵtext(0, " View Analysis ");
|
|
94841
94865
|
} }
|
|
94842
|
-
function
|
|
94866
|
+
function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Conditional_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|
|
94843
94867
|
i0.ɵɵtext(0, " View Details ");
|
|
94844
94868
|
} }
|
|
94845
|
-
function
|
|
94869
|
+
function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Conditional_1_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
94846
94870
|
i0.ɵɵtext(0, " All Questions Answered ");
|
|
94847
94871
|
} }
|
|
94848
|
-
function
|
|
94872
|
+
function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Conditional_1_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
94849
94873
|
i0.ɵɵtext(0, " Continue Answering Questions ");
|
|
94850
94874
|
} }
|
|
94851
|
-
function
|
|
94875
|
+
function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Conditional_1_Conditional_7_Template(rf, ctx) { if (rf & 1) {
|
|
94852
94876
|
i0.ɵɵtext(0, " Start Answering Questions ");
|
|
94853
94877
|
} }
|
|
94854
|
-
function
|
|
94855
|
-
const
|
|
94856
|
-
i0.ɵɵelementStart(0, "div",
|
|
94857
|
-
i0.ɵɵlistener("click", function
|
|
94858
|
-
i0.ɵɵelementStart(1, "div",
|
|
94859
|
-
i0.ɵɵconditionalCreate(3,
|
|
94878
|
+
function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Conditional_1_Template(rf, ctx) { if (rf & 1) {
|
|
94879
|
+
const _r7 = i0.ɵɵgetCurrentView();
|
|
94880
|
+
i0.ɵɵelementStart(0, "div", 77);
|
|
94881
|
+
i0.ɵɵlistener("click", function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_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)); });
|
|
94882
|
+
i0.ɵɵelementStart(1, "div", 70)(2, "span", 78);
|
|
94883
|
+
i0.ɵɵconditionalCreate(3, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Conditional_1_Conditional_3_Template, 1, 0)(4, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Conditional_1_Conditional_4_Template, 1, 0)(5, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Conditional_1_Conditional_5_Template, 1, 0)(6, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Conditional_1_Conditional_6_Template, 1, 0)(7, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Conditional_1_Conditional_7_Template, 1, 0);
|
|
94860
94884
|
i0.ɵɵelementEnd();
|
|
94861
94885
|
i0.ɵɵnamespaceSVG();
|
|
94862
|
-
i0.ɵɵelementStart(8, "svg",
|
|
94863
|
-
i0.ɵɵelement(9, "path",
|
|
94886
|
+
i0.ɵɵelementStart(8, "svg", 79);
|
|
94887
|
+
i0.ɵɵelement(9, "path", 76);
|
|
94864
94888
|
i0.ɵɵelementEnd()()();
|
|
94865
94889
|
} if (rf & 2) {
|
|
94866
|
-
const focusArea_r3 = i0.ɵɵnextContext().$implicit;
|
|
94890
|
+
const focusArea_r3 = i0.ɵɵnextContext(2).$implicit;
|
|
94867
94891
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
94868
94892
|
i0.ɵɵclassMap(ctx_r1.getCardFooterClasses());
|
|
94869
94893
|
i0.ɵɵadvance(3);
|
|
94870
94894
|
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
94895
|
} }
|
|
94896
|
+
function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Template(rf, ctx) { if (rf & 1) {
|
|
94897
|
+
i0.ɵɵconditionalCreate(0, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Conditional_0_Template, 9, 0, "div", 67)(1, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Conditional_1_Template, 10, 3, "div", 68);
|
|
94898
|
+
} if (rf & 2) {
|
|
94899
|
+
const focusArea_r3 = i0.ɵɵnextContext().$implicit;
|
|
94900
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
94901
|
+
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);
|
|
94902
|
+
} }
|
|
94872
94903
|
function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Template(rf, ctx) { if (rf & 1) {
|
|
94873
94904
|
i0.ɵɵelementStart(0, "div")(1, "div", 37)(2, "div", 38)(3, "div", 39);
|
|
94874
94905
|
i0.ɵɵtext(4);
|
|
@@ -94876,18 +94907,19 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Template(rf,
|
|
|
94876
94907
|
i0.ɵɵelementStart(5, "div", 40);
|
|
94877
94908
|
i0.ɵɵconditionalCreate(6, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_6_Template, 2, 2, "div", 41);
|
|
94878
94909
|
i0.ɵɵconditionalCreate(7, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_7_Template, 2, 0, "div", 42);
|
|
94910
|
+
i0.ɵɵconditionalCreate(8, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_8_Template, 4, 0, "div", 43);
|
|
94879
94911
|
i0.ɵɵelementEnd()();
|
|
94880
|
-
i0.ɵɵelementStart(
|
|
94881
|
-
i0.ɵɵtext(
|
|
94912
|
+
i0.ɵɵelementStart(9, "h3");
|
|
94913
|
+
i0.ɵɵtext(10);
|
|
94882
94914
|
i0.ɵɵelementEnd();
|
|
94883
|
-
i0.ɵɵelementStart(
|
|
94884
|
-
i0.ɵɵtext(
|
|
94915
|
+
i0.ɵɵelementStart(11, "p", 44);
|
|
94916
|
+
i0.ɵɵtext(12);
|
|
94885
94917
|
i0.ɵɵelementEnd();
|
|
94886
|
-
i0.ɵɵconditionalCreate(
|
|
94887
|
-
i0.ɵɵconditionalCreate(
|
|
94918
|
+
i0.ɵɵconditionalCreate(13, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_13_Template, 7, 1, "div", 45);
|
|
94919
|
+
i0.ɵɵconditionalCreate(14, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_14_Template, 4, 0, "div", 46)(15, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_15_Template, 11, 11, "div", 47);
|
|
94888
94920
|
i0.ɵɵelementEnd();
|
|
94889
|
-
i0.ɵɵconditionalCreate(
|
|
94890
|
-
i0.ɵɵconditionalCreate(
|
|
94921
|
+
i0.ɵɵconditionalCreate(16, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_16_Template, 2, 4, "div", 48)(17, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_17_Template, 2, 4, "div", 48);
|
|
94922
|
+
i0.ɵɵconditionalCreate(18, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Conditional_18_Template, 2, 1);
|
|
94891
94923
|
i0.ɵɵelementEnd();
|
|
94892
94924
|
} if (rf & 2) {
|
|
94893
94925
|
const focusArea_r3 = ctx.$implicit;
|
|
@@ -94900,6 +94932,8 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Template(rf,
|
|
|
94900
94932
|
i0.ɵɵadvance();
|
|
94901
94933
|
i0.ɵɵconditional(focusArea_r3.selfContentStatusProfileAnalysis === ctx_r1.AiDynamicContentStatusEnum.GENERATED ? 7 : -1);
|
|
94902
94934
|
i0.ɵɵadvance();
|
|
94935
|
+
i0.ɵɵconditional((focusArea_r3.profileAnalysis == null ? null : focusArea_r3.profileAnalysis.reviewStatus) === ctx_r1.ProfileAnalysisReviewStatusEnum.REVIEWED ? 8 : -1);
|
|
94936
|
+
i0.ɵɵadvance();
|
|
94903
94937
|
i0.ɵɵclassMap(ctx_r1.getTitleClasses());
|
|
94904
94938
|
i0.ɵɵadvance();
|
|
94905
94939
|
i0.ɵɵtextInterpolate1(" ", focusArea_r3.title, " ");
|
|
@@ -94909,35 +94943,35 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Template(rf,
|
|
|
94909
94943
|
i0.ɵɵadvance();
|
|
94910
94944
|
i0.ɵɵtextInterpolate1(" ", focusArea_r3.description, " ");
|
|
94911
94945
|
i0.ɵɵadvance();
|
|
94912
|
-
i0.ɵɵconditional(focusArea_r3.engagementStatus === ctx_r1.FocusAreaDetailStatusEnum.ENGAGED && focusArea_r3.tools.length > 0 ?
|
|
94946
|
+
i0.ɵɵconditional(focusArea_r3.engagementStatus === ctx_r1.FocusAreaDetailStatusEnum.ENGAGED && focusArea_r3.tools.length > 0 ? 13 : -1);
|
|
94913
94947
|
i0.ɵɵadvance();
|
|
94914
|
-
i0.ɵɵconditional(focusArea_r3.selfContentStatusProfileFocusArea === null && focusArea_r3.engagementStatus !== ctx_r1.FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST ?
|
|
94948
|
+
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
94949
|
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 ?
|
|
94950
|
+
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
94951
|
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) ?
|
|
94952
|
+
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
94953
|
} }
|
|
94920
94954
|
function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_For_8_Conditional_6_Template(rf, ctx) { if (rf & 1) {
|
|
94921
94955
|
i0.ɵɵelementStart(0, "div", 41);
|
|
94922
94956
|
i0.ɵɵtext(1);
|
|
94923
94957
|
i0.ɵɵelementEnd();
|
|
94924
94958
|
} if (rf & 2) {
|
|
94925
|
-
const
|
|
94959
|
+
const focusArea_r8 = i0.ɵɵnextContext().$implicit;
|
|
94926
94960
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
94927
|
-
i0.ɵɵproperty("ngClass", ctx_r1.getEngagementBadgeClasses(
|
|
94961
|
+
i0.ɵɵproperty("ngClass", ctx_r1.getEngagementBadgeClasses(focusArea_r8.engagementStatus));
|
|
94928
94962
|
i0.ɵɵadvance();
|
|
94929
|
-
i0.ɵɵtextInterpolate1(" ", ctx_r1.getEngagementStatusLabel(
|
|
94963
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r1.getEngagementStatusLabel(focusArea_r8.engagementStatus), " ");
|
|
94930
94964
|
} }
|
|
94931
94965
|
function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_For_8_Conditional_11_Template(rf, ctx) { if (rf & 1) {
|
|
94932
|
-
const
|
|
94933
|
-
i0.ɵɵelementStart(0, "div",
|
|
94934
|
-
i0.ɵɵlistener("click", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_For_8_Conditional_11_Template_div_click_0_listener() { i0.ɵɵrestoreView(
|
|
94935
|
-
i0.ɵɵelementStart(1, "div",
|
|
94966
|
+
const _r9 = i0.ɵɵgetCurrentView();
|
|
94967
|
+
i0.ɵɵelementStart(0, "div", 77);
|
|
94968
|
+
i0.ɵɵlistener("click", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_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)); });
|
|
94969
|
+
i0.ɵɵelementStart(1, "div", 70)(2, "span", 78);
|
|
94936
94970
|
i0.ɵɵtext(3, "View Details");
|
|
94937
94971
|
i0.ɵɵelementEnd();
|
|
94938
94972
|
i0.ɵɵnamespaceSVG();
|
|
94939
|
-
i0.ɵɵelementStart(4, "svg",
|
|
94940
|
-
i0.ɵɵelement(5, "path",
|
|
94973
|
+
i0.ɵɵelementStart(4, "svg", 79);
|
|
94974
|
+
i0.ɵɵelement(5, "path", 76);
|
|
94941
94975
|
i0.ɵɵelementEnd()()();
|
|
94942
94976
|
} if (rf & 2) {
|
|
94943
94977
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
@@ -94953,40 +94987,40 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_For_8
|
|
|
94953
94987
|
i0.ɵɵelementStart(7, "h3");
|
|
94954
94988
|
i0.ɵɵtext(8);
|
|
94955
94989
|
i0.ɵɵelementEnd();
|
|
94956
|
-
i0.ɵɵelementStart(9, "p",
|
|
94990
|
+
i0.ɵɵelementStart(9, "p", 44);
|
|
94957
94991
|
i0.ɵɵtext(10);
|
|
94958
94992
|
i0.ɵɵelementEnd()();
|
|
94959
|
-
i0.ɵɵconditionalCreate(11, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_For_8_Conditional_11_Template, 6, 2, "div",
|
|
94993
|
+
i0.ɵɵconditionalCreate(11, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_For_8_Conditional_11_Template, 6, 2, "div", 68);
|
|
94960
94994
|
i0.ɵɵelementEnd();
|
|
94961
94995
|
} if (rf & 2) {
|
|
94962
|
-
const
|
|
94996
|
+
const focusArea_r8 = ctx.$implicit;
|
|
94963
94997
|
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
94964
94998
|
i0.ɵɵclassMap(ctx_r1.getCardClasses());
|
|
94965
94999
|
i0.ɵɵadvance(4);
|
|
94966
|
-
i0.ɵɵtextInterpolate(
|
|
95000
|
+
i0.ɵɵtextInterpolate(focusArea_r8.icon);
|
|
94967
95001
|
i0.ɵɵadvance(2);
|
|
94968
|
-
i0.ɵɵconditional(
|
|
95002
|
+
i0.ɵɵconditional(focusArea_r8.engagementStatus ? 6 : -1);
|
|
94969
95003
|
i0.ɵɵadvance();
|
|
94970
95004
|
i0.ɵɵclassMap(ctx_r1.getTitleClasses());
|
|
94971
95005
|
i0.ɵɵadvance();
|
|
94972
|
-
i0.ɵɵtextInterpolate1(" ",
|
|
95006
|
+
i0.ɵɵtextInterpolate1(" ", focusArea_r8.title, " ");
|
|
94973
95007
|
i0.ɵɵadvance();
|
|
94974
95008
|
i0.ɵɵclassMap(ctx_r1.getDescriptionClasses());
|
|
94975
|
-
i0.ɵɵproperty("libSymphiqTooltip",
|
|
95009
|
+
i0.ɵɵproperty("libSymphiqTooltip", focusArea_r8.description);
|
|
94976
95010
|
i0.ɵɵadvance();
|
|
94977
|
-
i0.ɵɵtextInterpolate1(" ",
|
|
95011
|
+
i0.ɵɵtextInterpolate1(" ", focusArea_r8.description, " ");
|
|
94978
95012
|
i0.ɵɵadvance();
|
|
94979
|
-
i0.ɵɵconditional(
|
|
95013
|
+
i0.ɵɵconditional(focusArea_r8.canViewDetails && focusArea_r8.profileFocusArea ? 11 : -1);
|
|
94980
95014
|
} }
|
|
94981
95015
|
function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_Template(rf, ctx) { if (rf & 1) {
|
|
94982
|
-
i0.ɵɵelementStart(0, "div", 35)(1, "div",
|
|
94983
|
-
i0.ɵɵelement(2, "div",
|
|
94984
|
-
i0.ɵɵelementStart(3, "span",
|
|
95016
|
+
i0.ɵɵelementStart(0, "div", 35)(1, "div", 80);
|
|
95017
|
+
i0.ɵɵelement(2, "div", 81);
|
|
95018
|
+
i0.ɵɵelementStart(3, "span", 82);
|
|
94985
95019
|
i0.ɵɵtext(4, "Not Interested");
|
|
94986
95020
|
i0.ɵɵelementEnd();
|
|
94987
|
-
i0.ɵɵelement(5, "div",
|
|
95021
|
+
i0.ɵɵelement(5, "div", 81);
|
|
94988
95022
|
i0.ɵɵelementEnd();
|
|
94989
|
-
i0.ɵɵelementStart(6, "div",
|
|
95023
|
+
i0.ɵɵelementStart(6, "div", 83);
|
|
94990
95024
|
i0.ɵɵrepeaterCreate(7, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_For_8_Template, 12, 12, "div", 34, _forTrack0$6);
|
|
94991
95025
|
i0.ɵɵelementEnd()();
|
|
94992
95026
|
} if (rf & 2) {
|
|
@@ -95001,9 +95035,9 @@ function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_Templ
|
|
|
95001
95035
|
i0.ɵɵrepeater(ctx_r1.notInterestedFocusAreaCards());
|
|
95002
95036
|
} }
|
|
95003
95037
|
function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_Template(rf, ctx) { if (rf & 1) {
|
|
95004
|
-
const
|
|
95005
|
-
i0.ɵɵelementStart(0, "symphiq-search-modal",
|
|
95006
|
-
i0.ɵɵlistener("closeModal", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_Template_symphiq_search_modal_closeModal_0_listener() { i0.ɵɵrestoreView(
|
|
95038
|
+
const _r10 = i0.ɵɵgetCurrentView();
|
|
95039
|
+
i0.ɵɵelementStart(0, "symphiq-search-modal", 84);
|
|
95040
|
+
i0.ɵɵlistener("closeModal", function SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_67_Template_symphiq_search_modal_closeModal_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleCloseSearchModal()); });
|
|
95007
95041
|
i0.ɵɵelementEnd();
|
|
95008
95042
|
} }
|
|
95009
95043
|
class SymphiqProfileFocusAreasAnalysesDashboardComponent {
|
|
@@ -95046,6 +95080,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
|
|
|
95046
95080
|
this.isSimplifiedView = computed(() => this.displayMode() === DisplayModeEnum.SIMPLIFIED, ...(ngDevMode ? [{ debugName: "isSimplifiedView" }] : []));
|
|
95047
95081
|
this.FocusAreaDetailStatusEnum = FocusAreaDetailStatusEnum;
|
|
95048
95082
|
this.AiDynamicContentStatusEnum = AiDynamicContentStatusEnum;
|
|
95083
|
+
this.ProfileAnalysisReviewStatusEnum = ProfileAnalysisReviewStatusEnum;
|
|
95049
95084
|
this.COLLAPSE_THRESHOLD = 50;
|
|
95050
95085
|
this.EXPAND_THRESHOLD = 30;
|
|
95051
95086
|
this.embeddedScrollEffect = effect(() => {
|
|
@@ -95210,13 +95245,13 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
|
|
|
95210
95245
|
this.notInterestedFocusAreaCards = computed(() => {
|
|
95211
95246
|
return this.focusAreaCards().filter(card => card.engagementStatus === FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST);
|
|
95212
95247
|
}, ...(ngDevMode ? [{ debugName: "notInterestedFocusAreaCards" }] : []));
|
|
95213
|
-
this.
|
|
95248
|
+
this.allInterestedFocusAreasAnalysisReviewed = computed(() => {
|
|
95214
95249
|
const interestedCards = this.interestedFocusAreaCards();
|
|
95215
95250
|
if (interestedCards.length === 0) {
|
|
95216
95251
|
return false;
|
|
95217
95252
|
}
|
|
95218
|
-
return interestedCards.every(card => card.
|
|
95219
|
-
}, ...(ngDevMode ? [{ debugName: "
|
|
95253
|
+
return interestedCards.every(card => card.profileAnalysis?.reviewStatus === ProfileAnalysisReviewStatusEnum.REVIEWED);
|
|
95254
|
+
}, ...(ngDevMode ? [{ debugName: "allInterestedFocusAreasAnalysisReviewed" }] : []));
|
|
95220
95255
|
}
|
|
95221
95256
|
onScroll() {
|
|
95222
95257
|
this.headerScrollService.handleScroll(this.embedded());
|
|
@@ -95390,7 +95425,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
|
|
|
95390
95425
|
static { this.ɵfac = function SymphiqProfileFocusAreasAnalysesDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqProfileFocusAreasAnalysesDashboardComponent)(); }; }
|
|
95391
95426
|
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
95427
|
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, "
|
|
95428
|
+
} }, 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"], [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"], ["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, "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"], [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", 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
95429
|
i0.ɵɵelementStart(0, "div", 0);
|
|
95395
95430
|
i0.ɵɵelement(1, "div", 1);
|
|
95396
95431
|
i0.ɵɵelementStart(2, "div", 2);
|
|
@@ -95474,7 +95509,7 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
|
|
|
95474
95509
|
i0.ɵɵtext(62, " The final step\u2014Metric Analysis\u2014lets you provide funnel-specific context for each conversion point. This granular knowledge ensures recommendations address the precise bottlenecks in your customer journey, creating a complete picture from top-of-funnel awareness to revenue. ");
|
|
95475
95510
|
i0.ɵɵelementEnd()()()()()()();
|
|
95476
95511
|
i0.ɵɵelementStart(63, "div", 33);
|
|
95477
|
-
i0.ɵɵrepeaterCreate(64, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Template,
|
|
95512
|
+
i0.ɵɵrepeaterCreate(64, SymphiqProfileFocusAreasAnalysesDashboardComponent_For_65_Template, 19, 17, "div", 34, _forTrack0$6);
|
|
95478
95513
|
i0.ɵɵelementEnd();
|
|
95479
95514
|
i0.ɵɵconditionalCreate(66, SymphiqProfileFocusAreasAnalysesDashboardComponent_Conditional_66_Template, 9, 3, "div", 35);
|
|
95480
95515
|
i0.ɵɵelementEnd()();
|
|
@@ -95556,13 +95591,13 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
|
|
|
95556
95591
|
<!-- Journey Progress Indicator (Simplified View Only) -->
|
|
95557
95592
|
@if (isSimplifiedView()) {
|
|
95558
95593
|
<symphiq-journey-progress-indicator
|
|
95559
|
-
|
|
95560
|
-
|
|
95561
|
-
|
|
95562
|
-
|
|
95563
|
-
|
|
95564
|
-
|
|
95565
|
-
|
|
95594
|
+
[viewMode]="viewMode()"
|
|
95595
|
+
[currentStepId]="currentStepId()"
|
|
95596
|
+
[showNextStepAction]="forDemo() || allInterestedFocusAreasAnalysisReviewed()"
|
|
95597
|
+
[forDemo]="forDemo()"
|
|
95598
|
+
[maxAccessibleStepId]="maxAccessibleStepId()"
|
|
95599
|
+
(nextStepClick)="nextStepClick.emit()"
|
|
95600
|
+
(stepClick)="stepClick.emit($event)"
|
|
95566
95601
|
/>
|
|
95567
95602
|
}
|
|
95568
95603
|
|
|
@@ -95572,9 +95607,11 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
|
|
|
95572
95607
|
<div [ngClass]="getWelcomeBannerContainerClasses()" class="rounded-2xl border shadow-lg overflow-hidden mb-8">
|
|
95573
95608
|
<div class="px-8 py-8">
|
|
95574
95609
|
<div class="flex items-start gap-6">
|
|
95575
|
-
<div [ngClass]="getWelcomeBannerIconClasses()"
|
|
95610
|
+
<div [ngClass]="getWelcomeBannerIconClasses()"
|
|
95611
|
+
class="flex-shrink-0 w-16 h-16 rounded-2xl flex items-center justify-center">
|
|
95576
95612
|
<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"
|
|
95613
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
95614
|
+
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
95615
|
</svg>
|
|
95579
95616
|
</div>
|
|
95580
95617
|
|
|
@@ -95588,26 +95625,36 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
|
|
|
95588
95625
|
<!-- Description (takes 2 columns on large screens) -->
|
|
95589
95626
|
<div class="lg:col-span-2 space-y-3">
|
|
95590
95627
|
<p [ngClass]="getWelcomeBannerTextClasses()" class="text-base leading-relaxed">
|
|
95591
|
-
Focus Areas represent the marketing domains where your business operates—from SEO and email
|
|
95628
|
+
Focus Areas represent the marketing domains where your business operates—from SEO and email
|
|
95629
|
+
marketing to paid media and customer retention. Each focus area contains tailored questions
|
|
95630
|
+
about your current tools, tactics, and capabilities, helping Symphiq understand exactly what
|
|
95631
|
+
you're doing today and where you want to grow.
|
|
95592
95632
|
</p>
|
|
95593
95633
|
<p [ngClass]="getWelcomeBannerTextClasses()" class="text-base leading-relaxed">
|
|
95594
|
-
<strong class="font-semibold">Why this matters:</strong> By completing focus area assessments,
|
|
95634
|
+
<strong class="font-semibold">Why this matters:</strong> By completing focus area assessments,
|
|
95635
|
+
Symphiq learns your marketing reality across every channel. This means recommendations are
|
|
95636
|
+
grounded in what you can actually execute with your current team and tools—while also surfacing
|
|
95637
|
+
high-impact opportunities to expand your capabilities. No generic advice, only strategies that
|
|
95638
|
+
fit your specific operational context.
|
|
95595
95639
|
</p>
|
|
95596
95640
|
</div>
|
|
95597
95641
|
|
|
95598
95642
|
<!-- Confidence Card (takes 1 column on large screens, full width on mobile) -->
|
|
95599
95643
|
<div class="lg:col-span-1">
|
|
95600
95644
|
<symphiq-confidence-level-card
|
|
95601
|
-
|
|
95602
|
-
|
|
95603
|
-
|
|
95645
|
+
[viewMode]="viewMode()"
|
|
95646
|
+
currentStepId="focus-areas"
|
|
95647
|
+
[focusAreaDetails]="focusAreaDetails()"
|
|
95604
95648
|
/>
|
|
95605
95649
|
</div>
|
|
95606
95650
|
</div>
|
|
95607
95651
|
|
|
95608
|
-
<div [ngClass]="getWelcomeBannerHighlightClasses()"
|
|
95609
|
-
|
|
95610
|
-
|
|
95652
|
+
<div [ngClass]="getWelcomeBannerHighlightClasses()"
|
|
95653
|
+
class="mt-6 p-5 rounded-xl border-l-4 flex items-start gap-4">
|
|
95654
|
+
<svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="getWelcomeBannerHighlightIconClasses()"
|
|
95655
|
+
fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
95656
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
95657
|
+
d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
|
|
95611
95658
|
</svg>
|
|
95612
95659
|
<div class="flex-1">
|
|
95613
95660
|
<h3 [ngClass]="getWelcomeBannerHighlightTitleClasses()" class="font-bold text-lg mb-2">
|
|
@@ -95616,19 +95663,25 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
|
|
|
95616
95663
|
<ul [ngClass]="getWelcomeBannerHighlightListClasses()" class="space-y-2 text-sm">
|
|
95617
95664
|
<li class="flex items-start gap-2">
|
|
95618
95665
|
<svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
|
|
95619
|
-
<path fill-rule="evenodd"
|
|
95666
|
+
<path fill-rule="evenodd"
|
|
95667
|
+
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"
|
|
95668
|
+
clip-rule="evenodd"></path>
|
|
95620
95669
|
</svg>
|
|
95621
95670
|
<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
95671
|
</li>
|
|
95623
95672
|
<li class="flex items-start gap-2">
|
|
95624
95673
|
<svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
|
|
95625
|
-
<path fill-rule="evenodd"
|
|
95674
|
+
<path fill-rule="evenodd"
|
|
95675
|
+
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"
|
|
95676
|
+
clip-rule="evenodd"></path>
|
|
95626
95677
|
</svg>
|
|
95627
95678
|
<span><strong class="font-semibold">Answer Targeted Questions</strong> — Share specific details about your tools, processes, and current performance in each domain</span>
|
|
95628
95679
|
</li>
|
|
95629
95680
|
<li class="flex items-start gap-2">
|
|
95630
95681
|
<svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
|
|
95631
|
-
<path fill-rule="evenodd"
|
|
95682
|
+
<path fill-rule="evenodd"
|
|
95683
|
+
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"
|
|
95684
|
+
clip-rule="evenodd"></path>
|
|
95632
95685
|
</svg>
|
|
95633
95686
|
<span><strong class="font-semibold">Unlock Domain Insights</strong> — Receive focused analysis and recommendations tailored to each marketing channel's unique context</span>
|
|
95634
95687
|
</li>
|
|
@@ -95636,16 +95689,21 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
|
|
|
95636
95689
|
</div>
|
|
95637
95690
|
</div>
|
|
95638
95691
|
|
|
95639
|
-
<div [ngClass]="getWelcomeBannerNextStepsClasses()"
|
|
95640
|
-
|
|
95641
|
-
|
|
95692
|
+
<div [ngClass]="getWelcomeBannerNextStepsClasses()"
|
|
95693
|
+
class="mt-6 p-5 rounded-xl border flex items-start gap-4">
|
|
95694
|
+
<svg class="w-6 h-6 flex-shrink-0 mt-0.5" [ngClass]="getWelcomeBannerNextStepsIconClasses()"
|
|
95695
|
+
fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
95696
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
95697
|
+
d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
|
|
95642
95698
|
</svg>
|
|
95643
95699
|
<div class="flex-1">
|
|
95644
95700
|
<h3 [ngClass]="getWelcomeBannerNextStepsTitleClasses()" class="font-bold text-lg mb-2">
|
|
95645
95701
|
Continue Your Journey
|
|
95646
95702
|
</h3>
|
|
95647
95703
|
<p [ngClass]="getWelcomeBannerNextStepsTextClasses()" class="text-sm leading-relaxed">
|
|
95648
|
-
The final step—Metric Analysis—lets you provide funnel-specific context for each conversion
|
|
95704
|
+
The final step—Metric Analysis—lets you provide funnel-specific context for each conversion
|
|
95705
|
+
point. This granular knowledge ensures recommendations address the precise bottlenecks in your
|
|
95706
|
+
customer journey, creating a complete picture from top-of-funnel awareness to revenue.
|
|
95649
95707
|
</p>
|
|
95650
95708
|
</div>
|
|
95651
95709
|
</div>
|
|
@@ -95668,10 +95726,19 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
|
|
|
95668
95726
|
</div>
|
|
95669
95727
|
}
|
|
95670
95728
|
@if (focusArea.selfContentStatusProfileAnalysis === AiDynamicContentStatusEnum.GENERATED) {
|
|
95671
|
-
<div
|
|
95729
|
+
<div
|
|
95730
|
+
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
95731
|
Analysis Ready
|
|
95673
95732
|
</div>
|
|
95674
95733
|
}
|
|
95734
|
+
@if (focusArea.profileAnalysis?.reviewStatus === ProfileAnalysisReviewStatusEnum.REVIEWED) {
|
|
95735
|
+
<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">
|
|
95736
|
+
<svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 20 20">
|
|
95737
|
+
<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"/>
|
|
95738
|
+
</svg>
|
|
95739
|
+
Reviewed
|
|
95740
|
+
</div>
|
|
95741
|
+
}
|
|
95675
95742
|
</div>
|
|
95676
95743
|
</div>
|
|
95677
95744
|
|
|
@@ -95679,7 +95746,8 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
|
|
|
95679
95746
|
{{ focusArea.title }}
|
|
95680
95747
|
</h3>
|
|
95681
95748
|
|
|
95682
|
-
<p [class]="getDescriptionClasses()" [libSymphiqTooltip]="focusArea.description"
|
|
95749
|
+
<p [class]="getDescriptionClasses()" [libSymphiqTooltip]="focusArea.description"
|
|
95750
|
+
tooltipPosition="bottom">
|
|
95683
95751
|
{{ focusArea.description }}
|
|
95684
95752
|
</p>
|
|
95685
95753
|
|
|
@@ -95700,8 +95768,10 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
|
|
|
95700
95768
|
|
|
95701
95769
|
@if (focusArea.selfContentStatusProfileFocusArea === null && focusArea.engagementStatus !== FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST) {
|
|
95702
95770
|
<div class="flex items-center gap-2 py-2">
|
|
95703
|
-
<div
|
|
95704
|
-
|
|
95771
|
+
<div
|
|
95772
|
+
class="animate-spin w-4 h-4 border-2 border-amber-500/30 border-t-amber-500 rounded-full"></div>
|
|
95773
|
+
<span
|
|
95774
|
+
class="text-xs text-amber-600 dark:text-amber-400 font-medium">Profile Generation Pending</span>
|
|
95705
95775
|
</div>
|
|
95706
95776
|
} @else if ((focusArea.selfContentStatusProfileFocusArea === AiDynamicContentStatusEnum.GENERATED && (focusArea.selfContentStatusProfileAnalysis === null || focusArea.selfContentStatusProfileAnalysis === AiDynamicContentStatusEnum.GENERATED)) || focusArea.status !== 'pending') {
|
|
95707
95777
|
<div class="space-y-2 cursor-pointer mt-4" (click)="handleFooterClick(focusArea.profileFocusArea)">
|
|
@@ -95714,29 +95784,35 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
|
|
|
95714
95784
|
|
|
95715
95785
|
<div [class]="getProgressBarContainerClasses()">
|
|
95716
95786
|
<div
|
|
95717
|
-
|
|
95718
|
-
|
|
95787
|
+
class="h-full bg-gradient-to-r from-blue-500 to-cyan-500 rounded-full transition-all duration-500"
|
|
95788
|
+
[style.width.%]="focusArea.progressPercent"
|
|
95719
95789
|
></div>
|
|
95720
95790
|
</div>
|
|
95721
95791
|
|
|
95722
95792
|
@if (focusArea.status === 'complete') {
|
|
95723
95793
|
<div class="flex items-center gap-1 text-xs text-green-600 dark:text-green-400 font-medium">
|
|
95724
95794
|
<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
|
|
95725
|
-
<path fill-rule="evenodd"
|
|
95795
|
+
<path fill-rule="evenodd"
|
|
95796
|
+
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"
|
|
95797
|
+
clip-rule="evenodd"/>
|
|
95726
95798
|
</svg>
|
|
95727
95799
|
Complete
|
|
95728
95800
|
</div>
|
|
95729
95801
|
} @else if (focusArea.status === 'in-progress') {
|
|
95730
95802
|
<div class="flex items-center gap-1 text-xs text-blue-600 dark:text-blue-400 font-medium">
|
|
95731
95803
|
<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
|
|
95732
|
-
<path fill-rule="evenodd"
|
|
95804
|
+
<path fill-rule="evenodd"
|
|
95805
|
+
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"
|
|
95806
|
+
clip-rule="evenodd"/>
|
|
95733
95807
|
</svg>
|
|
95734
95808
|
In Progress
|
|
95735
95809
|
</div>
|
|
95736
95810
|
} @else {
|
|
95737
95811
|
<div class="flex items-center gap-1 text-xs text-slate-500 dark:text-slate-400 font-medium">
|
|
95738
95812
|
<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
|
|
95739
|
-
<path fill-rule="evenodd"
|
|
95813
|
+
<path fill-rule="evenodd"
|
|
95814
|
+
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"
|
|
95815
|
+
clip-rule="evenodd"/>
|
|
95740
95816
|
</svg>
|
|
95741
95817
|
Not Started
|
|
95742
95818
|
</div>
|
|
@@ -95748,47 +95824,70 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
|
|
|
95748
95824
|
@if (focusArea.profileFocusArea && focusArea.selfContentStatusProfileFocusArea !== AiDynamicContentStatusEnum.GENERATED && focusArea.engagementStatus !== FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST) {
|
|
95749
95825
|
<div class="px-6 pb-4">
|
|
95750
95826
|
<symphiq-content-generation-progress
|
|
95751
|
-
|
|
95752
|
-
|
|
95753
|
-
|
|
95754
|
-
|
|
95827
|
+
[itemStatus]="focusArea.itemStatusProfileFocusArea ?? undefined"
|
|
95828
|
+
[viewMode]="viewMode()"
|
|
95829
|
+
[compact]="true"
|
|
95830
|
+
[compactTitle]="'Generating Focus Area Profile'"
|
|
95755
95831
|
/>
|
|
95756
95832
|
</div>
|
|
95757
95833
|
} @else if (focusArea.profileAnalysis && focusArea.selfContentStatusProfileAnalysis !== null && focusArea.selfContentStatusProfileAnalysis !== AiDynamicContentStatusEnum.GENERATED && focusArea.engagementStatus !== FocusAreaDetailStatusEnum.NOT_ENGAGED_AND_NO_INTEREST) {
|
|
95758
95834
|
<div class="px-6 pb-4">
|
|
95759
95835
|
<symphiq-content-generation-progress
|
|
95760
|
-
|
|
95761
|
-
|
|
95762
|
-
|
|
95763
|
-
|
|
95836
|
+
[itemStatus]="focusArea.itemStatusProfileAnalysis ?? undefined"
|
|
95837
|
+
[viewMode]="viewMode()"
|
|
95838
|
+
[compact]="true"
|
|
95839
|
+
[compactTitle]="'Generating Focus Area Analysis'"
|
|
95764
95840
|
/>
|
|
95765
95841
|
</div>
|
|
95766
95842
|
}
|
|
95767
95843
|
|
|
95768
95844
|
@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>
|
|
95845
|
+
@if (focusArea.selfContentStatusProfileAnalysis === AiDynamicContentStatusEnum.GENERATED && focusArea.profileAnalysis?.reviewStatus === ProfileAnalysisReviewStatusEnum.NOT_REVIEWED) {
|
|
95846
|
+
<div
|
|
95847
|
+
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"
|
|
95848
|
+
(click)="handleAnalysisFooterClick(focusArea.profileAnalysis!, focusArea.profileFocusArea)">
|
|
95849
|
+
<div class="flex items-center justify-between">
|
|
95850
|
+
<span class="text-sm font-semibold text-white flex items-center gap-2">
|
|
95851
|
+
<svg class="w-5 h-5 animate-pulse" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
95852
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
|
|
95853
|
+
<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"/>
|
|
95854
|
+
</svg>
|
|
95855
|
+
Review Analysis
|
|
95856
|
+
</span>
|
|
95857
|
+
<svg
|
|
95858
|
+
class="w-5 h-5 text-white/90 group-hover:translate-x-1 transition-transform"
|
|
95859
|
+
fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
95860
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
|
|
95861
|
+
</svg>
|
|
95862
|
+
</div>
|
|
95790
95863
|
</div>
|
|
95791
|
-
|
|
95864
|
+
} @else {
|
|
95865
|
+
<div
|
|
95866
|
+
[class]="getCardFooterClasses()"
|
|
95867
|
+
class="mt-auto cursor-pointer hover:bg-slate-100 dark:hover:bg-slate-700/50 transition-colors"
|
|
95868
|
+
(click)="focusArea.selfContentStatusProfileAnalysis === AiDynamicContentStatusEnum.GENERATED && focusArea.profileAnalysis && focusArea.profileFocusArea ? handleAnalysisFooterClick(focusArea.profileAnalysis, focusArea.profileFocusArea) : handleFooterClick(focusArea.profileFocusArea)">
|
|
95869
|
+
<div class="flex items-center justify-between">
|
|
95870
|
+
<span class="text-sm font-medium text-slate-600 dark:text-slate-400">
|
|
95871
|
+
@if (focusArea.selfContentStatusProfileAnalysis === AiDynamicContentStatusEnum.GENERATED) {
|
|
95872
|
+
View Analysis
|
|
95873
|
+
} @else if (focusArea.hasAnalysis) {
|
|
95874
|
+
View Details
|
|
95875
|
+
} @else if (focusArea.status === 'complete') {
|
|
95876
|
+
All Questions Answered
|
|
95877
|
+
} @else if (focusArea.status === 'in-progress') {
|
|
95878
|
+
Continue Answering Questions
|
|
95879
|
+
} @else {
|
|
95880
|
+
Start Answering Questions
|
|
95881
|
+
}
|
|
95882
|
+
</span>
|
|
95883
|
+
<svg
|
|
95884
|
+
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"
|
|
95885
|
+
fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
95886
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
|
|
95887
|
+
</svg>
|
|
95888
|
+
</div>
|
|
95889
|
+
</div>
|
|
95890
|
+
}
|
|
95792
95891
|
}
|
|
95793
95892
|
</div>
|
|
95794
95893
|
}
|
|
@@ -95822,20 +95921,23 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
|
|
|
95822
95921
|
{{ focusArea.title }}
|
|
95823
95922
|
</h3>
|
|
95824
95923
|
|
|
95825
|
-
<p [class]="getDescriptionClasses()" [libSymphiqTooltip]="focusArea.description"
|
|
95924
|
+
<p [class]="getDescriptionClasses()" [libSymphiqTooltip]="focusArea.description"
|
|
95925
|
+
tooltipPosition="bottom">
|
|
95826
95926
|
{{ focusArea.description }}
|
|
95827
95927
|
</p>
|
|
95828
95928
|
</div>
|
|
95829
95929
|
|
|
95830
95930
|
@if (focusArea.canViewDetails && focusArea.profileFocusArea) {
|
|
95831
95931
|
<div
|
|
95832
|
-
|
|
95833
|
-
|
|
95834
|
-
|
|
95932
|
+
[class]="getCardFooterClasses()"
|
|
95933
|
+
class="mt-auto cursor-pointer hover:bg-slate-100 dark:hover:bg-slate-700/50 transition-colors"
|
|
95934
|
+
(click)="handleFooterClick(focusArea.profileFocusArea)">
|
|
95835
95935
|
<div class="flex items-center justify-between">
|
|
95836
95936
|
<span class="text-sm font-medium text-slate-600 dark:text-slate-400">View Details</span>
|
|
95837
|
-
<svg
|
|
95838
|
-
|
|
95937
|
+
<svg
|
|
95938
|
+
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"
|
|
95939
|
+
fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
95940
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
|
|
95839
95941
|
</svg>
|
|
95840
95942
|
</div>
|
|
95841
95943
|
</div>
|
|
@@ -95855,14 +95957,14 @@ class SymphiqProfileFocusAreasAnalysesDashboardComponent {
|
|
|
95855
95957
|
></symphiq-search-modal>
|
|
95856
95958
|
}
|
|
95857
95959
|
|
|
95858
|
-
<symphiq-tooltip-container
|
|
95960
|
+
<symphiq-tooltip-container/>
|
|
95859
95961
|
</div>
|
|
95860
95962
|
`, 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"] }]
|
|
95861
95963
|
}], 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
95964
|
type: HostListener,
|
|
95863
95965
|
args: ['window:scroll', ['$event']]
|
|
95864
95966
|
}] }); })();
|
|
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:
|
|
95967
|
+
(() => { (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: 521 }); })();
|
|
95866
95968
|
|
|
95867
95969
|
const _c0$6 = () => [];
|
|
95868
95970
|
function SymphiqProfileFocusAreaDashboardComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
|