@eric-emg/symphiq-components 1.3.32 → 1.3.34
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.
|
@@ -100554,7 +100554,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
|
|
|
100554
100554
|
const _forTrack0$7 = ($index, $item) => $item.analysisId;
|
|
100555
100555
|
function UnifiedGoalCardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
|
|
100556
100556
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
100557
|
-
i0.ɵɵelementStart(0, "p",
|
|
100557
|
+
i0.ɵɵelementStart(0, "p", 18);
|
|
100558
100558
|
i0.ɵɵlistener("click", function UnifiedGoalCardComponent_Conditional_10_Template_p_click_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
|
|
100559
100559
|
i0.ɵɵtext(1);
|
|
100560
100560
|
i0.ɵɵelementEnd();
|
|
@@ -100566,7 +100566,7 @@ function UnifiedGoalCardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1)
|
|
|
100566
100566
|
} }
|
|
100567
100567
|
function UnifiedGoalCardComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
|
|
100568
100568
|
i0.ɵɵelementStart(0, "div", 9);
|
|
100569
|
-
i0.ɵɵelement(1, "symphiq-roadmap-metrics",
|
|
100569
|
+
i0.ɵɵelement(1, "symphiq-roadmap-metrics", 19);
|
|
100570
100570
|
i0.ɵɵelementEnd();
|
|
100571
100571
|
} if (rf & 2) {
|
|
100572
100572
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -100587,31 +100587,31 @@ function UnifiedGoalCardComponent_Conditional_14_Template(rf, ctx) { if (rf & 1)
|
|
|
100587
100587
|
} }
|
|
100588
100588
|
function UnifiedGoalCardComponent_Conditional_15_For_2_Case_1_Template(rf, ctx) { if (rf & 1) {
|
|
100589
100589
|
i0.ɵɵnamespaceSVG();
|
|
100590
|
-
i0.ɵɵelementStart(0, "svg",
|
|
100591
|
-
i0.ɵɵelement(1, "path",
|
|
100590
|
+
i0.ɵɵelementStart(0, "svg", 23);
|
|
100591
|
+
i0.ɵɵelement(1, "path", 26);
|
|
100592
100592
|
i0.ɵɵelementEnd();
|
|
100593
100593
|
} }
|
|
100594
100594
|
function UnifiedGoalCardComponent_Conditional_15_For_2_Case_2_Template(rf, ctx) { if (rf & 1) {
|
|
100595
100595
|
i0.ɵɵnamespaceSVG();
|
|
100596
|
-
i0.ɵɵelementStart(0, "svg",
|
|
100597
|
-
i0.ɵɵelement(1, "path",
|
|
100596
|
+
i0.ɵɵelementStart(0, "svg", 23);
|
|
100597
|
+
i0.ɵɵelement(1, "path", 27);
|
|
100598
100598
|
i0.ɵɵelementEnd();
|
|
100599
100599
|
} }
|
|
100600
100600
|
function UnifiedGoalCardComponent_Conditional_15_For_2_Case_3_Template(rf, ctx) { if (rf & 1) {
|
|
100601
100601
|
i0.ɵɵnamespaceSVG();
|
|
100602
|
-
i0.ɵɵelementStart(0, "svg",
|
|
100603
|
-
i0.ɵɵelement(1, "path",
|
|
100602
|
+
i0.ɵɵelementStart(0, "svg", 23);
|
|
100603
|
+
i0.ɵɵelement(1, "path", 28);
|
|
100604
100604
|
i0.ɵɵelementEnd();
|
|
100605
100605
|
} }
|
|
100606
100606
|
function UnifiedGoalCardComponent_Conditional_15_For_2_Template(rf, ctx) { if (rf & 1) {
|
|
100607
100607
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
100608
|
-
i0.ɵɵelementStart(0, "button",
|
|
100608
|
+
i0.ɵɵelementStart(0, "button", 22);
|
|
100609
100609
|
i0.ɵɵlistener("click", function UnifiedGoalCardComponent_Conditional_15_For_2_Template_button_click_0_listener($event) { const source_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onSourceBadgeClick($event, source_r4)); });
|
|
100610
|
-
i0.ɵɵconditionalCreate(1, UnifiedGoalCardComponent_Conditional_15_For_2_Case_1_Template, 2, 0, ":svg:svg",
|
|
100611
|
-
i0.ɵɵelementStart(4, "span",
|
|
100610
|
+
i0.ɵɵconditionalCreate(1, UnifiedGoalCardComponent_Conditional_15_For_2_Case_1_Template, 2, 0, ":svg:svg", 23)(2, UnifiedGoalCardComponent_Conditional_15_For_2_Case_2_Template, 2, 0, ":svg:svg", 23)(3, UnifiedGoalCardComponent_Conditional_15_For_2_Case_3_Template, 2, 0, ":svg:svg", 23);
|
|
100611
|
+
i0.ɵɵelementStart(4, "span", 24);
|
|
100612
100612
|
i0.ɵɵtext(5);
|
|
100613
100613
|
i0.ɵɵelementEnd();
|
|
100614
|
-
i0.ɵɵelementStart(6, "span",
|
|
100614
|
+
i0.ɵɵelementStart(6, "span", 25);
|
|
100615
100615
|
i0.ɵɵtext(7);
|
|
100616
100616
|
i0.ɵɵelementEnd()();
|
|
100617
100617
|
} if (rf & 2) {
|
|
@@ -100627,7 +100627,7 @@ function UnifiedGoalCardComponent_Conditional_15_For_2_Template(rf, ctx) { if (r
|
|
|
100627
100627
|
i0.ɵɵtextInterpolate1("", ((source_r4.contributionWeight ?? 0) * 100).toFixed(0), "%");
|
|
100628
100628
|
} }
|
|
100629
100629
|
function UnifiedGoalCardComponent_Conditional_15_Conditional_3_Template(rf, ctx) { if (rf & 1) {
|
|
100630
|
-
i0.ɵɵelementStart(0, "span",
|
|
100630
|
+
i0.ɵɵelementStart(0, "span", 21);
|
|
100631
100631
|
i0.ɵɵtext(1);
|
|
100632
100632
|
i0.ɵɵelementEnd();
|
|
100633
100633
|
} if (rf & 2) {
|
|
@@ -100639,8 +100639,8 @@ function UnifiedGoalCardComponent_Conditional_15_Conditional_3_Template(rf, ctx)
|
|
|
100639
100639
|
} }
|
|
100640
100640
|
function UnifiedGoalCardComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
|
|
100641
100641
|
i0.ɵɵelementStart(0, "div", 13);
|
|
100642
|
-
i0.ɵɵrepeaterCreate(1, UnifiedGoalCardComponent_Conditional_15_For_2_Template, 8, 4, "button",
|
|
100643
|
-
i0.ɵɵconditionalCreate(3, UnifiedGoalCardComponent_Conditional_15_Conditional_3_Template, 2, 2, "span",
|
|
100642
|
+
i0.ɵɵrepeaterCreate(1, UnifiedGoalCardComponent_Conditional_15_For_2_Template, 8, 4, "button", 20, _forTrack0$7);
|
|
100643
|
+
i0.ɵɵconditionalCreate(3, UnifiedGoalCardComponent_Conditional_15_Conditional_3_Template, 2, 2, "span", 21);
|
|
100644
100644
|
i0.ɵɵelementEnd();
|
|
100645
100645
|
} if (rf & 2) {
|
|
100646
100646
|
let tmp_3_0;
|
|
@@ -100653,11 +100653,11 @@ function UnifiedGoalCardComponent_Conditional_15_Template(rf, ctx) { if (rf & 1)
|
|
|
100653
100653
|
} }
|
|
100654
100654
|
function UnifiedGoalCardComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
|
|
100655
100655
|
const _r5 = i0.ɵɵgetCurrentView();
|
|
100656
|
-
i0.ɵɵelementStart(0, "button",
|
|
100656
|
+
i0.ɵɵelementStart(0, "button", 29);
|
|
100657
100657
|
i0.ɵɵlistener("click", function UnifiedGoalCardComponent_Conditional_16_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onRelatedMetricsButtonClick($event)); });
|
|
100658
100658
|
i0.ɵɵnamespaceSVG();
|
|
100659
|
-
i0.ɵɵelementStart(1, "svg",
|
|
100660
|
-
i0.ɵɵelement(2, "path",
|
|
100659
|
+
i0.ɵɵelementStart(1, "svg", 30);
|
|
100660
|
+
i0.ɵɵelement(2, "path", 28);
|
|
100661
100661
|
i0.ɵɵelementEnd();
|
|
100662
100662
|
i0.ɵɵtext(3);
|
|
100663
100663
|
i0.ɵɵelementEnd();
|
|
@@ -100667,6 +100667,29 @@ function UnifiedGoalCardComponent_Conditional_16_Template(rf, ctx) { if (rf & 1)
|
|
|
100667
100667
|
i0.ɵɵadvance(3);
|
|
100668
100668
|
i0.ɵɵtextInterpolate1(" ", ctx_r1.goal().contributingMetrics.length, " Related Metrics ");
|
|
100669
100669
|
} }
|
|
100670
|
+
function UnifiedGoalCardComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
|
|
100671
|
+
i0.ɵɵelementStart(0, "div", 15)(1, "span", 31);
|
|
100672
|
+
i0.ɵɵtext(2, "Source");
|
|
100673
|
+
i0.ɵɵelementEnd();
|
|
100674
|
+
i0.ɵɵelementStart(3, "span", 32);
|
|
100675
|
+
i0.ɵɵtext(4);
|
|
100676
|
+
i0.ɵɵelementEnd();
|
|
100677
|
+
i0.ɵɵelementStart(5, "span", 32);
|
|
100678
|
+
i0.ɵɵtext(6);
|
|
100679
|
+
i0.ɵɵelementEnd()();
|
|
100680
|
+
} if (rf & 2) {
|
|
100681
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
100682
|
+
i0.ɵɵadvance();
|
|
100683
|
+
i0.ɵɵproperty("ngClass", ctx_r1.sourceLabelClasses());
|
|
100684
|
+
i0.ɵɵadvance(2);
|
|
100685
|
+
i0.ɵɵproperty("ngClass", ctx_r1.sourceChipClasses());
|
|
100686
|
+
i0.ɵɵadvance();
|
|
100687
|
+
i0.ɵɵtextInterpolate2(" ", ctx_r1.sourceCounts().analyses, " ", ctx_r1.sourceCounts().analyses === 1 ? "Analysis" : "Analyses", " ");
|
|
100688
|
+
i0.ɵɵadvance();
|
|
100689
|
+
i0.ɵɵproperty("ngClass", ctx_r1.sourceChipClasses());
|
|
100690
|
+
i0.ɵɵadvance();
|
|
100691
|
+
i0.ɵɵtextInterpolate2(" ", ctx_r1.sourceCounts().goals, " ", ctx_r1.sourceCounts().goals === 1 ? "Goal" : "Goals", " ");
|
|
100692
|
+
} }
|
|
100670
100693
|
class UnifiedGoalCardComponent {
|
|
100671
100694
|
constructor() {
|
|
100672
100695
|
this.goal = input(...(ngDevMode ? [undefined, { debugName: "goal" }] : []));
|
|
@@ -100680,6 +100703,20 @@ class UnifiedGoalCardComponent {
|
|
|
100680
100703
|
this.displayedSources = computed(() => {
|
|
100681
100704
|
return (this.goal()?.sourceAnalyses ?? []).slice(0, 3);
|
|
100682
100705
|
}, ...(ngDevMode ? [{ debugName: "displayedSources" }] : []));
|
|
100706
|
+
this.sourceCounts = computed(() => {
|
|
100707
|
+
const sources = this.goal()?.sourceAnalyses ?? [];
|
|
100708
|
+
const uniqueAnalysisIds = new Set();
|
|
100709
|
+
const uniqueGoalIds = new Set();
|
|
100710
|
+
for (const source of sources) {
|
|
100711
|
+
if (source.analysisId !== undefined) {
|
|
100712
|
+
uniqueAnalysisIds.add(source.analysisId);
|
|
100713
|
+
}
|
|
100714
|
+
if (source.sourceGoalId) {
|
|
100715
|
+
uniqueGoalIds.add(source.sourceGoalId);
|
|
100716
|
+
}
|
|
100717
|
+
}
|
|
100718
|
+
return { analyses: uniqueAnalysisIds.size, goals: uniqueGoalIds.size };
|
|
100719
|
+
}, ...(ngDevMode ? [{ debugName: "sourceCounts" }] : []));
|
|
100683
100720
|
this.roadmapMetrics = computed(() => {
|
|
100684
100721
|
const g = this.goal();
|
|
100685
100722
|
if (!g)
|
|
@@ -100740,6 +100777,15 @@ class UnifiedGoalCardComponent {
|
|
|
100740
100777
|
}
|
|
100741
100778
|
return 'bg-blue-50 hover:bg-blue-100 border border-blue-200 text-blue-700';
|
|
100742
100779
|
}, ...(ngDevMode ? [{ debugName: "relatedMetricsButtonClasses" }] : []));
|
|
100780
|
+
this.sourceLabelClasses = computed(() => {
|
|
100781
|
+
return this.isDark() ? 'text-slate-400' : 'text-slate-500';
|
|
100782
|
+
}, ...(ngDevMode ? [{ debugName: "sourceLabelClasses" }] : []));
|
|
100783
|
+
this.sourceChipClasses = computed(() => {
|
|
100784
|
+
if (this.isDark()) {
|
|
100785
|
+
return 'bg-indigo-900/30 text-indigo-300 border border-indigo-700/50';
|
|
100786
|
+
}
|
|
100787
|
+
return 'bg-indigo-50 text-indigo-700 border border-indigo-200';
|
|
100788
|
+
}, ...(ngDevMode ? [{ debugName: "sourceChipClasses" }] : []));
|
|
100743
100789
|
}
|
|
100744
100790
|
getSourceBadgeClasses(analysisType) {
|
|
100745
100791
|
if (this.isDark()) {
|
|
@@ -100792,7 +100838,7 @@ class UnifiedGoalCardComponent {
|
|
|
100792
100838
|
}
|
|
100793
100839
|
}
|
|
100794
100840
|
static { this.ɵfac = function UnifiedGoalCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UnifiedGoalCardComponent)(); }; }
|
|
100795
|
-
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedGoalCardComponent, selectors: [["symphiq-unified-goal-card"]], inputs: { goal: [1, "goal"], viewMode: [1, "viewMode"] }, outputs: { goalClick: "goalClick", sourceBadgeClick: "sourceBadgeClick", relatedMetricsClick: "relatedMetricsClick", learnMoreClick: "learnMoreClick" }, decls:
|
|
100841
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UnifiedGoalCardComponent, selectors: [["symphiq-unified-goal-card"]], inputs: { goal: [1, "goal"], viewMode: [1, "viewMode"] }, outputs: { goalClick: "goalClick", sourceBadgeClick: "sourceBadgeClick", relatedMetricsClick: "relatedMetricsClick", learnMoreClick: "learnMoreClick" }, decls: 20, vars: 15, consts: [[1, "rounded-2xl", "p-6", "shadow-lg", "cursor-pointer", "transition-all", "duration-200", "hover:scale-[1.02]", "hover:shadow-xl", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-4", "mb-2"], [3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"], [1, "flex-1", "min-w-0"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [1, "font-semibold", "text-lg", "line-clamp-2", 3, "ngClass"], [1, "text-sm", "mb-4", "line-clamp-3", "cursor-help", 3, "ngClass", "libSymphiqTooltip"], [1, "mb-4"], [1, "flex", "flex-wrap", "items-center", "justify-between", "gap-3", "mb-4"], [3, "priority", "viewMode"], [3, "timeframe", "viewMode"], [1, "flex", "flex-wrap", "gap-2", "pt-4", "border-t", 3, "ngClass"], ["type", "button", 1, "mt-4", "w-full", "flex", "items-center", "justify-center", "gap-2", "px-4", "py-2", "rounded-lg", "text-sm", "font-medium", "transition-all", "hover:scale-[1.02]", 3, "ngClass"], [1, "mt-4", "flex", "items-center", "gap-2", "flex-wrap"], [1, "mt-4"], [3, "buttonClick", "viewMode", "variant", "label"], [1, "text-sm", "mb-4", "line-clamp-3", "cursor-help", 3, "click", "ngClass", "libSymphiqTooltip"], [3, "metrics", "viewMode"], ["type", "button", 1, "inline-flex", "items-center", "gap-1", "px-2", "py-1", "rounded-full", "text-xs", "font-medium", "transition-all", "hover:scale-105", 3, "ngClass"], [1, "px-2", "py-1", "rounded-full", "text-xs", "font-medium", 3, "ngClass"], ["type", "button", 1, "inline-flex", "items-center", "gap-1", "px-2", "py-1", "rounded-full", "text-xs", "font-medium", "transition-all", "hover:scale-105", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3"], [1, "truncate", "max-w-[80px]"], [1, "opacity-60"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"], ["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"], ["type", "button", 1, "mt-4", "w-full", "flex", "items-center", "justify-center", "gap-2", "px-4", "py-2", "rounded-lg", "text-sm", "font-medium", "transition-all", "hover:scale-[1.02]", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [1, "inline-flex", "items-center", "gap-1", "px-2", "py-1", "rounded-full", "text-xs", "font-medium", 3, "ngClass"]], template: function UnifiedGoalCardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
100796
100842
|
i0.ɵɵelementStart(0, "div", 0);
|
|
100797
100843
|
i0.ɵɵlistener("click", function UnifiedGoalCardComponent_Template_div_click_0_listener() { return ctx.onCardClick(); });
|
|
100798
100844
|
i0.ɵɵelementStart(1, "div", 1)(2, "div", 2);
|
|
@@ -100815,8 +100861,9 @@ class UnifiedGoalCardComponent {
|
|
|
100815
100861
|
i0.ɵɵelementEnd();
|
|
100816
100862
|
i0.ɵɵconditionalCreate(15, UnifiedGoalCardComponent_Conditional_15_Template, 4, 2, "div", 13);
|
|
100817
100863
|
i0.ɵɵconditionalCreate(16, UnifiedGoalCardComponent_Conditional_16_Template, 4, 2, "button", 14);
|
|
100818
|
-
i0.ɵɵ
|
|
100819
|
-
i0.ɵɵ
|
|
100864
|
+
i0.ɵɵconditionalCreate(17, UnifiedGoalCardComponent_Conditional_17_Template, 7, 7, "div", 15);
|
|
100865
|
+
i0.ɵɵelementStart(18, "div", 16)(19, "symphiq-learn-more-button", 17);
|
|
100866
|
+
i0.ɵɵlistener("buttonClick", function UnifiedGoalCardComponent_Template_symphiq_learn_more_button_buttonClick_19_listener() { return ctx.onLearnMoreClick(); });
|
|
100820
100867
|
i0.ɵɵelementEnd()()();
|
|
100821
100868
|
} if (rf & 2) {
|
|
100822
100869
|
let tmp_4_0;
|
|
@@ -100846,6 +100893,8 @@ class UnifiedGoalCardComponent {
|
|
|
100846
100893
|
i0.ɵɵconditional((((tmp_9_0 = ctx.goal()) == null ? null : tmp_9_0.sourceAnalyses == null ? null : tmp_9_0.sourceAnalyses.length) ?? 0) > 0 ? 15 : -1);
|
|
100847
100894
|
i0.ɵɵadvance();
|
|
100848
100895
|
i0.ɵɵconditional(((tmp_10_0 = ctx.goal()) == null ? null : tmp_10_0.contributingMetrics) && (((tmp_10_0 = ctx.goal().contributingMetrics) == null ? null : tmp_10_0.length) ?? 0) > 0 ? 16 : -1);
|
|
100896
|
+
i0.ɵɵadvance();
|
|
100897
|
+
i0.ɵɵconditional(ctx.sourceCounts().analyses > 0 || ctx.sourceCounts().goals > 0 ? 17 : -1);
|
|
100849
100898
|
i0.ɵɵadvance(2);
|
|
100850
100899
|
i0.ɵɵproperty("viewMode", ctx.viewMode())("variant", "button")("label", "Learn More");
|
|
100851
100900
|
} }, dependencies: [CommonModule, i1$1.NgClass, PriorityBadgeComponent,
|
|
@@ -100901,7 +100950,7 @@ class UnifiedGoalCardComponent {
|
|
|
100901
100950
|
</div>
|
|
100902
100951
|
}
|
|
100903
100952
|
|
|
100904
|
-
<div class="flex flex-wrap items-center gap-3 mb-4">
|
|
100953
|
+
<div class="flex flex-wrap items-center justify-between gap-3 mb-4">
|
|
100905
100954
|
@if (goal()?.priority) {
|
|
100906
100955
|
<symphiq-priority-badge
|
|
100907
100956
|
[priority]="goal()!.priority"
|
|
@@ -100966,6 +101015,18 @@ class UnifiedGoalCardComponent {
|
|
|
100966
101015
|
</button>
|
|
100967
101016
|
}
|
|
100968
101017
|
|
|
101018
|
+
@if (sourceCounts().analyses > 0 || sourceCounts().goals > 0) {
|
|
101019
|
+
<div class="mt-4 flex items-center gap-2 flex-wrap">
|
|
101020
|
+
<span [ngClass]="sourceLabelClasses()" class="text-xs font-semibold uppercase tracking-wider">Source</span>
|
|
101021
|
+
<span [ngClass]="sourceChipClasses()" class="inline-flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium">
|
|
101022
|
+
{{ sourceCounts().analyses }} {{ sourceCounts().analyses === 1 ? 'Analysis' : 'Analyses' }}
|
|
101023
|
+
</span>
|
|
101024
|
+
<span [ngClass]="sourceChipClasses()" class="inline-flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium">
|
|
101025
|
+
{{ sourceCounts().goals }} {{ sourceCounts().goals === 1 ? 'Goal' : 'Goals' }}
|
|
101026
|
+
</span>
|
|
101027
|
+
</div>
|
|
101028
|
+
}
|
|
101029
|
+
|
|
100969
101030
|
<div class="mt-4">
|
|
100970
101031
|
<symphiq-learn-more-button
|
|
100971
101032
|
[viewMode]="viewMode()"
|
|
@@ -100978,7 +101039,7 @@ class UnifiedGoalCardComponent {
|
|
|
100978
101039
|
`
|
|
100979
101040
|
}]
|
|
100980
101041
|
}], null, { goal: [{ type: i0.Input, args: [{ isSignal: true, alias: "goal", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], goalClick: [{ type: i0.Output, args: ["goalClick"] }], sourceBadgeClick: [{ type: i0.Output, args: ["sourceBadgeClick"] }], relatedMetricsClick: [{ type: i0.Output, args: ["relatedMetricsClick"] }], learnMoreClick: [{ type: i0.Output, args: ["learnMoreClick"] }] }); })();
|
|
100981
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedGoalCardComponent, { className: "UnifiedGoalCardComponent", filePath: "lib/components/profile-analysis-unified-dashboard/cards/unified-goal-card.component.ts", lineNumber:
|
|
101042
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UnifiedGoalCardComponent, { className: "UnifiedGoalCardComponent", filePath: "lib/components/profile-analysis-unified-dashboard/cards/unified-goal-card.component.ts", lineNumber: 144 }); })();
|
|
100982
101043
|
|
|
100983
101044
|
const _forTrack0$6 = ($index, $item) => $item.id;
|
|
100984
101045
|
const _forTrack1$1 = ($index, $item) => $item.id || $index;
|
|
@@ -101046,22 +101107,31 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
|
|
|
101046
101107
|
i0.ɵɵelementEnd()()();
|
|
101047
101108
|
i0.ɵɵnamespaceHTML();
|
|
101048
101109
|
i0.ɵɵelementStart(20, "div", 43)(21, "div", 44)(22, "div", 45);
|
|
101049
|
-
i0.ɵɵtext(23, "Shop
|
|
101110
|
+
i0.ɵɵtext(23, "Shop");
|
|
101050
101111
|
i0.ɵɵelementEnd();
|
|
101051
101112
|
i0.ɵɵelementStart(24, "div", 46);
|
|
101052
101113
|
i0.ɵɵtext(25);
|
|
101114
|
+
i0.ɵɵelementEnd();
|
|
101115
|
+
i0.ɵɵelementStart(26, "div", 46);
|
|
101116
|
+
i0.ɵɵtext(27);
|
|
101053
101117
|
i0.ɵɵelementEnd()();
|
|
101054
|
-
i0.ɵɵelementStart(
|
|
101055
|
-
i0.ɵɵtext(
|
|
101118
|
+
i0.ɵɵelementStart(28, "div", 44)(29, "div", 45);
|
|
101119
|
+
i0.ɵɵtext(30, "Focus Area");
|
|
101056
101120
|
i0.ɵɵelementEnd();
|
|
101057
|
-
i0.ɵɵelementStart(
|
|
101058
|
-
i0.ɵɵtext(
|
|
101121
|
+
i0.ɵɵelementStart(31, "div", 46);
|
|
101122
|
+
i0.ɵɵtext(32);
|
|
101123
|
+
i0.ɵɵelementEnd();
|
|
101124
|
+
i0.ɵɵelementStart(33, "div", 46);
|
|
101125
|
+
i0.ɵɵtext(34);
|
|
101059
101126
|
i0.ɵɵelementEnd()();
|
|
101060
|
-
i0.ɵɵelementStart(
|
|
101061
|
-
i0.ɵɵtext(
|
|
101127
|
+
i0.ɵɵelementStart(35, "div", 44)(36, "div", 45);
|
|
101128
|
+
i0.ɵɵtext(37, "Metric");
|
|
101062
101129
|
i0.ɵɵelementEnd();
|
|
101063
|
-
i0.ɵɵelementStart(
|
|
101064
|
-
i0.ɵɵtext(
|
|
101130
|
+
i0.ɵɵelementStart(38, "div", 46);
|
|
101131
|
+
i0.ɵɵtext(39);
|
|
101132
|
+
i0.ɵɵelementEnd();
|
|
101133
|
+
i0.ɵɵelementStart(40, "div", 46);
|
|
101134
|
+
i0.ɵɵtext(41);
|
|
101065
101135
|
i0.ɵɵelementEnd()()()()()();
|
|
101066
101136
|
} if (rf & 2) {
|
|
101067
101137
|
const summary_r3 = ctx;
|
|
@@ -101085,15 +101155,21 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
|
|
|
101085
101155
|
i0.ɵɵadvance(5);
|
|
101086
101156
|
i0.ɵɵproperty("ngClass", ctx_r1.getSourceCountCardClasses("SHOP"));
|
|
101087
101157
|
i0.ɵɵadvance(4);
|
|
101088
|
-
i0.ɵɵ
|
|
101158
|
+
i0.ɵɵtextInterpolate2("", ctx_r1.shopCounts().analyses, " ", ctx_r1.shopCounts().analyses === 1 ? "analysis" : "analyses");
|
|
101159
|
+
i0.ɵɵadvance(2);
|
|
101160
|
+
i0.ɵɵtextInterpolate2("", ctx_r1.shopCounts().goals, " ", ctx_r1.shopCounts().goals === 1 ? "goal" : "goals");
|
|
101089
101161
|
i0.ɵɵadvance();
|
|
101090
101162
|
i0.ɵɵproperty("ngClass", ctx_r1.getSourceCountCardClasses("FOCUS_AREA"));
|
|
101091
101163
|
i0.ɵɵadvance(4);
|
|
101092
|
-
i0.ɵɵ
|
|
101164
|
+
i0.ɵɵtextInterpolate2("", ctx_r1.focusAreaCounts().analyses, " ", ctx_r1.focusAreaCounts().analyses === 1 ? "analysis" : "analyses");
|
|
101165
|
+
i0.ɵɵadvance(2);
|
|
101166
|
+
i0.ɵɵtextInterpolate2("", ctx_r1.focusAreaCounts().goals, " ", ctx_r1.focusAreaCounts().goals === 1 ? "goal" : "goals");
|
|
101093
101167
|
i0.ɵɵadvance();
|
|
101094
101168
|
i0.ɵɵproperty("ngClass", ctx_r1.getSourceCountCardClasses("METRIC"));
|
|
101095
101169
|
i0.ɵɵadvance(4);
|
|
101096
|
-
i0.ɵɵ
|
|
101170
|
+
i0.ɵɵtextInterpolate2("", ctx_r1.metricCounts().analyses, " ", ctx_r1.metricCounts().analyses === 1 ? "analysis" : "analyses");
|
|
101171
|
+
i0.ɵɵadvance(2);
|
|
101172
|
+
i0.ɵɵtextInterpolate2("", ctx_r1.metricCounts().goals, " ", ctx_r1.metricCounts().goals === 1 ? "goal" : "goals");
|
|
101097
101173
|
} }
|
|
101098
101174
|
function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_14_For_4_Template(rf, ctx) { if (rf & 1) {
|
|
101099
101175
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
@@ -101213,7 +101289,7 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
|
|
|
101213
101289
|
i0.ɵɵelementEnd()()();
|
|
101214
101290
|
} if (rf & 2) {
|
|
101215
101291
|
const item_r7 = ctx.$implicit;
|
|
101216
|
-
const ɵ$
|
|
101292
|
+
const ɵ$index_146_r9 = ctx.$index;
|
|
101217
101293
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
101218
101294
|
i0.ɵɵadvance();
|
|
101219
101295
|
i0.ɵɵproperty("ngClass", ctx_r1.getTimelineNodeClasses(item_r7.priority));
|
|
@@ -101234,7 +101310,7 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
|
|
|
101234
101310
|
i0.ɵɵadvance();
|
|
101235
101311
|
i0.ɵɵproperty("ngClass", ctx_r1.phaseIndicatorClasses());
|
|
101236
101312
|
i0.ɵɵadvance();
|
|
101237
|
-
i0.ɵɵtextInterpolate1(" Phase ", ɵ$
|
|
101313
|
+
i0.ɵɵtextInterpolate1(" Phase ", ɵ$index_146_r9 + 1, " ");
|
|
101238
101314
|
} }
|
|
101239
101315
|
function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_15_Template(rf, ctx) { if (rf & 1) {
|
|
101240
101316
|
i0.ɵɵelementStart(0, "section", 27);
|
|
@@ -101622,17 +101698,17 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Condition
|
|
|
101622
101698
|
i0.ɵɵelementEnd();
|
|
101623
101699
|
} if (rf & 2) {
|
|
101624
101700
|
const step_r18 = ctx.$implicit;
|
|
101625
|
-
const ɵ$
|
|
101701
|
+
const ɵ$index_357_r20 = ctx.$index;
|
|
101626
101702
|
const ctx_r1 = i0.ɵɵnextContext(3);
|
|
101627
|
-
i0.ɵɵproperty("ngClass", ctx_r1.getNextStepCardClasses(ɵ$
|
|
101703
|
+
i0.ɵɵproperty("ngClass", ctx_r1.getNextStepCardClasses(ɵ$index_357_r20));
|
|
101628
101704
|
i0.ɵɵadvance(2);
|
|
101629
|
-
i0.ɵɵproperty("ngClass", ctx_r1.getStepNumberClasses(ɵ$
|
|
101705
|
+
i0.ɵɵproperty("ngClass", ctx_r1.getStepNumberClasses(ɵ$index_357_r20));
|
|
101630
101706
|
i0.ɵɵadvance();
|
|
101631
|
-
i0.ɵɵtextInterpolate1(" ", ɵ$
|
|
101707
|
+
i0.ɵɵtextInterpolate1(" ", ɵ$index_357_r20 + 1, " ");
|
|
101632
101708
|
i0.ɵɵadvance(2);
|
|
101633
|
-
i0.ɵɵproperty("ngClass", ctx_r1.getStepCategoryClasses(ɵ$
|
|
101709
|
+
i0.ɵɵproperty("ngClass", ctx_r1.getStepCategoryClasses(ɵ$index_357_r20));
|
|
101634
101710
|
i0.ɵɵadvance();
|
|
101635
|
-
i0.ɵɵtextInterpolate1(" ", ctx_r1.getStepCategory(ɵ$
|
|
101711
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r1.getStepCategory(ɵ$index_357_r20), " ");
|
|
101636
101712
|
i0.ɵɵadvance();
|
|
101637
101713
|
i0.ɵɵproperty("ngClass", ctx_r1.stepTitleClasses());
|
|
101638
101714
|
i0.ɵɵadvance();
|
|
@@ -101671,7 +101747,7 @@ function SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Template(
|
|
|
101671
101747
|
i0.ɵɵelementStart(11, "p", 24);
|
|
101672
101748
|
i0.ɵɵtext(12, " These goals combine insights from your shop analysis, focus areas, and metric analyses into actionable strategic priorities. ");
|
|
101673
101749
|
i0.ɵɵelementEnd()()()()();
|
|
101674
|
-
i0.ɵɵconditionalCreate(13, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_13_Template,
|
|
101750
|
+
i0.ɵɵconditionalCreate(13, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_13_Template, 42, 23, "section", 25);
|
|
101675
101751
|
i0.ɵɵconditionalCreate(14, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_14_Template, 5, 1, "section", 26);
|
|
101676
101752
|
i0.ɵɵconditionalCreate(15, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_15_Template, 8, 3, "section", 27);
|
|
101677
101753
|
i0.ɵɵconditionalCreate(16, SymphiqProfileAnalysisUnifiedDashboardComponent_Conditional_8_Conditional_16_Template, 56, 24, "section", 28);
|
|
@@ -101911,17 +101987,17 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
|
|
|
101911
101987
|
}
|
|
101912
101988
|
return uniqueIds.size || this.sourceProfileAnalyses()?.length || 0;
|
|
101913
101989
|
}, ...(ngDevMode ? [{ debugName: "sourceAnalysesCount" }] : []));
|
|
101914
|
-
this.
|
|
101915
|
-
return this.
|
|
101916
|
-
}, ...(ngDevMode ? [{ debugName: "
|
|
101917
|
-
this.
|
|
101918
|
-
return this.
|
|
101919
|
-
}, ...(ngDevMode ? [{ debugName: "
|
|
101920
|
-
this.
|
|
101921
|
-
return this.
|
|
101922
|
-
}, ...(ngDevMode ? [{ debugName: "
|
|
101990
|
+
this.shopCounts = computed(() => {
|
|
101991
|
+
return this.countByType(ProfileAnalysisTypeEnum.SHOP);
|
|
101992
|
+
}, ...(ngDevMode ? [{ debugName: "shopCounts" }] : []));
|
|
101993
|
+
this.focusAreaCounts = computed(() => {
|
|
101994
|
+
return this.countByType(ProfileAnalysisTypeEnum.FOCUS_AREA);
|
|
101995
|
+
}, ...(ngDevMode ? [{ debugName: "focusAreaCounts" }] : []));
|
|
101996
|
+
this.metricCounts = computed(() => {
|
|
101997
|
+
return this.countByType(ProfileAnalysisTypeEnum.METRIC);
|
|
101998
|
+
}, ...(ngDevMode ? [{ debugName: "metricCounts" }] : []));
|
|
101923
101999
|
this.totalSourceGoalsCount = computed(() => {
|
|
101924
|
-
return this.
|
|
102000
|
+
return this.shopCounts().goals + this.focusAreaCounts().goals + this.metricCounts().goals;
|
|
101925
102001
|
}, ...(ngDevMode ? [{ debugName: "totalSourceGoalsCount" }] : []));
|
|
101926
102002
|
this.totalGoalsCardClasses = computed(() => {
|
|
101927
102003
|
return this.isLightMode()
|
|
@@ -102117,8 +102193,9 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
|
|
|
102117
102193
|
return 'LOW';
|
|
102118
102194
|
return undefined;
|
|
102119
102195
|
}
|
|
102120
|
-
|
|
102196
|
+
countByType(type) {
|
|
102121
102197
|
const goals = this.unifiedGoals();
|
|
102198
|
+
const uniqueAnalysisIds = new Set();
|
|
102122
102199
|
const uniqueGoalIds = new Set();
|
|
102123
102200
|
const debugSources = [];
|
|
102124
102201
|
for (const goal of goals) {
|
|
@@ -102130,14 +102207,17 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
|
|
|
102130
102207
|
analysisId: source.analysisId,
|
|
102131
102208
|
analysisType: source.analysisType
|
|
102132
102209
|
});
|
|
102210
|
+
if (source.analysisId !== undefined) {
|
|
102211
|
+
uniqueAnalysisIds.add(source.analysisId);
|
|
102212
|
+
}
|
|
102133
102213
|
if (source.sourceGoalId) {
|
|
102134
102214
|
uniqueGoalIds.add(source.sourceGoalId);
|
|
102135
102215
|
}
|
|
102136
102216
|
}
|
|
102137
102217
|
}
|
|
102138
102218
|
}
|
|
102139
|
-
console.log(`[
|
|
102140
|
-
return uniqueGoalIds.size;
|
|
102219
|
+
console.log(`[countByType] type=${type}, uniqueAnalysisIds=`, Array.from(uniqueAnalysisIds), 'uniqueGoalIds=', Array.from(uniqueGoalIds), 'sources=', debugSources);
|
|
102220
|
+
return { analyses: uniqueAnalysisIds.size, goals: uniqueGoalIds.size };
|
|
102141
102221
|
}
|
|
102142
102222
|
openSearch() {
|
|
102143
102223
|
this.isSearchOpen.set(true);
|
|
@@ -102471,7 +102551,7 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
|
|
|
102471
102551
|
static { this.ɵfac = function SymphiqProfileAnalysisUnifiedDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SymphiqProfileAnalysisUnifiedDashboardComponent)(); }; }
|
|
102472
102552
|
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SymphiqProfileAnalysisUnifiedDashboardComponent, selectors: [["symphiq-profile-analysis-unified-dashboard"]], hostBindings: function SymphiqProfileAnalysisUnifiedDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
102473
102553
|
i0.ɵɵlistener("scroll", function SymphiqProfileAnalysisUnifiedDashboardComponent_scroll_HostBindingHandler() { return ctx.onScroll(); }, i0.ɵɵresolveWindow);
|
|
102474
|
-
} }, inputs: { viewMode: [1, "viewMode"], embedded: [1, "embedded"], isLoading: [1, "isLoading"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], unifiedProfileAnalysis: [1, "unifiedProfileAnalysis"], sourceProfileAnalyses: [1, "sourceProfileAnalyses"], isLoadingSourceAnalysis: [1, "isLoadingSourceAnalysis"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"], requestedByUser: [1, "requestedByUser"] }, outputs: { markAsReviewedClick: "markAsReviewedClick", generateGoalsClick: "generateGoalsClick", stepClick: "stepClick", nextStepClick: "nextStepClick", sourceAnalysisRequest: "sourceAnalysisRequest" }, features: [i0.ɵɵNgOnChangesFeature], decls:
|
|
102554
|
+
} }, inputs: { viewMode: [1, "viewMode"], embedded: [1, "embedded"], isLoading: [1, "isLoading"], profile: [1, "profile"], funnelAnalysis: [1, "funnelAnalysis"], unifiedProfileAnalysis: [1, "unifiedProfileAnalysis"], sourceProfileAnalyses: [1, "sourceProfileAnalyses"], isLoadingSourceAnalysis: [1, "isLoadingSourceAnalysis"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], isOnboarded: [1, "isOnboarded"], forDemo: [1, "forDemo"], maxAccessibleStepId: [1, "maxAccessibleStepId"], itemStatus: [1, "itemStatus"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"], requestedByUser: [1, "requestedByUser"] }, outputs: { markAsReviewedClick: "markAsReviewedClick", generateGoalsClick: "generateGoalsClick", stepClick: "stepClick", nextStepClick: "nextStepClick", sourceAnalysisRequest: "sourceAnalysisRequest" }, features: [i0.ɵɵNgOnChangesFeature], decls: 17, vars: 33, consts: [[1, "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"], [3, "viewMode", "progress", "embedded"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "showControls", "embedded", "scrollEvent"], [3, "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], ["title", "Loading Your Unified Analysis", "subtitle", "Please wait while we prepare your synthesized insights...", "size", "large", 3, "viewMode", "backdropBlur"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "isLightMode", "isOpen"], [3, "viewMode", "currentMode", "isOpen"], [3, "viewMode", "selfContentStatus", "isLoading"], [3, "expandedChange", "scrollToTop", "toggleView", "isLightMode", "isCompactMode", "isExpanded"], [3, "navigate", "isLightMode", "sections", "activeSection"], [3, "nextStepClick", "stepClick", "viewMode", "currentStepId", "showNextStepAction", "forDemo", "maxAccessibleStepId"], [1, "mb-12"], [1, "rounded-2xl", "p-8", "shadow-xl", "animate-fade-in-up", 3, "ngClass"], [1, "flex", "items-start", "gap-6"], [1, "p-4", "rounded-xl", "flex-shrink-0", 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", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "flex-1"], [1, "text-2xl", "font-bold", "mb-2", 3, "ngClass"], [1, "text-lg", "mb-4", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], ["id", "section-executive-summary", 1, "space-y-6", "scroll-mt-24"], ["id", "section-unified-goals", 1, "space-y-6", "scroll-mt-24"], ["id", "section-timeline", 1, "space-y-6", "scroll-mt-24"], ["id", "section-priority-matrix", 1, "space-y-6", "scroll-mt-24"], ["id", "section-next-steps", 1, "space-y-6", "scroll-mt-24"], [1, "rounded-2xl", "p-8", "shadow-xl", 3, "ngClass"], [1, "space-y-6"], [1, "flex", "items-start", "justify-between", "gap-4"], [1, "text-2xl", "font-bold", "mb-3", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], [1, "rounded-xl", "p-6", 3, "ngClass"], [1, "p-6", "rounded-xl", "mb-4", "flex", "items-center", "justify-between", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", "opacity-80"], [1, "text-4xl", "font-bold"], [1, "text-6xl", "opacity-20"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-16", "h-16"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "1.5", "d", "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"], [1, "grid", "grid-cols-1", "md:grid-cols-3", "gap-4"], [1, "p-4", "rounded-xl", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-2"], [1, "text-sm", "opacity-80"], [1, "text-lg", "font-semibold", "mb-3", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], ["title", "Unified Goals", "subtitle", "Strategic priorities synthesized from all analyses", 3, "viewMode"], [1, "grid", "gap-6", 2, "grid-template-columns", "repeat(auto-fit, minmax(340px, 1fr))"], [3, "goal", "viewMode"], [3, "goalClick", "sourceBadgeClick", "relatedMetricsClick", "learnMoreClick", "goal", "viewMode"], ["title", "Implementation Timeline", "subtitle", "Strategic roadmap for goal execution", 3, "viewMode"], [1, "absolute", "left-6", "top-0", "bottom-0", "w-0.5", 3, "ngClass"], [1, "space-y-8"], [1, "relative", "pl-16", "group"], [1, "absolute", "left-4", "w-5", "h-5", "rounded-full", "border-4", "flex", "items-center", "justify-center", "transition-all", "group-hover:scale-125", 3, "ngClass"], [1, "w-2", "h-2", "rounded-full", 3, "ngClass"], [1, "rounded-xl", "p-5", "transition-all", "hover:shadow-lg", "cursor-pointer", 3, "click", "ngClass"], [1, "flex", "items-start", "justify-between", "gap-4", "mb-3"], [1, "text-base", "font-semibold", 3, "ngClass"], [1, "px-2", "py-1", "text-xs", "font-semibold", "rounded-full", "flex-shrink-0", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mb-3", 3, "ngClass"], [1, "mt-4"], [1, "absolute", "-left-[52px]", "top-5", "text-xs", "font-bold", 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", "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"], [1, "text-sm", "font-medium"], [1, "text-xs", "font-semibold", "uppercase", "mb-2", 3, "ngClass"], [1, "space-y-2"], [1, "flex", "items-start", "gap-2", "text-sm", 3, "ngClass"], [1, "text-xs", "pl-6", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "mt-0.5", "flex-shrink-0"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 12l2 2 4-4"], [1, "line-clamp-1"], ["title", "Priority Matrix", "subtitle", "Goals organized by impact and effort", 3, "viewMode"], [1, "rounded-2xl", "p-6", "shadow-xl", 3, "ngClass"], [1, "grid", "grid-cols-2", "gap-4", "relative"], [1, "absolute", "-left-2", "top-1/2", "-translate-y-1/2", "-rotate-90", "text-xs", "font-semibold", "uppercase", "tracking-wider", "whitespace-nowrap", "origin-center", 3, "ngClass"], [1, "absolute", "bottom-0", "left-1/2", "-translate-x-1/2", "translate-y-6", "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [1, "rounded-xl", "p-4", "min-h-[180px]", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "mb-3"], [1, "w-3", "h-3", "rounded-full", "bg-green-500"], [1, "text-sm", "font-semibold", 3, "ngClass"], [1, "text-xs", "mb-3", 3, "ngClass"], ["type", "button", 1, "w-full", "text-left", "p-2", "rounded-lg", "text-sm", "transition-all", "hover:scale-[1.02]", 3, "ngClass"], [1, "text-xs", "text-center", 3, "ngClass"], [1, "text-xs", "text-center", "py-4", 3, "ngClass"], [1, "w-3", "h-3", "rounded-full", "bg-amber-500"], [1, "w-3", "h-3", "rounded-full", "bg-blue-500"], [1, "w-3", "h-3", "rounded-full", "bg-slate-400"], ["type", "button", 1, "w-full", "text-left", "p-2", "rounded-lg", "text-sm", "transition-all", "hover:scale-[1.02]", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-2"], [1, "line-clamp-1", "flex-1"], [1, "text-xs", 3, "ngClass"], ["title", "Next Steps", "subtitle", "Actionable priorities to drive progress", 3, "viewMode"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-3", "gap-6"], [1, "rounded-2xl", "p-6", "shadow-lg", "transition-all", "hover:shadow-xl", 3, "ngClass"], [1, "flex", "items-start", "gap-4", "mb-4"], [1, "w-10", "h-10", "rounded-full", "flex", "items-center", "justify-center", "text-lg", "font-bold", "flex-shrink-0", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "mb-1", 3, "ngClass"], [1, "text-base", "font-semibold", "line-clamp-2", 3, "ngClass"], [1, "text-sm", "mb-4", "line-clamp-3", 3, "ngClass"], [1, "mt-4", "pt-4", "border-t", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 7l5 5m0 0l-5 5m5-5H6"], [1, "line-clamp-2"], [3, "close", "isLightMode", "isOpen"], [3, "close", "modeSelected", "viewMode", "currentMode", "isOpen"], [3, "markAsReviewed", "viewMode", "selfContentStatus", "isLoading"]], template: function SymphiqProfileAnalysisUnifiedDashboardComponent_Template(rf, ctx) { if (rf & 1) {
|
|
102475
102555
|
i0.ɵɵelementStart(0, "div", 0);
|
|
102476
102556
|
i0.ɵɵelement(1, "div", 1)(2, "symphiq-scroll-progress-bar", 2);
|
|
102477
102557
|
i0.ɵɵelementStart(3, "div", 3)(4, "symphiq-dashboard-header", 4);
|
|
@@ -102493,7 +102573,9 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
|
|
|
102493
102573
|
i0.ɵɵelementEnd();
|
|
102494
102574
|
i0.ɵɵelementStart(15, "symphiq-mobile-bottom-nav", 13);
|
|
102495
102575
|
i0.ɵɵlistener("navigate", function SymphiqProfileAnalysisUnifiedDashboardComponent_Template_symphiq_mobile_bottom_nav_navigate_15_listener($event) { return ctx.handleMobileNavigation($event); });
|
|
102496
|
-
i0.ɵɵelementEnd()
|
|
102576
|
+
i0.ɵɵelementEnd();
|
|
102577
|
+
i0.ɵɵelement(16, "symphiq-tooltip-container");
|
|
102578
|
+
i0.ɵɵelementEnd();
|
|
102497
102579
|
} if (rf & 2) {
|
|
102498
102580
|
i0.ɵɵclassProp("min-h-screen", !ctx.embedded());
|
|
102499
102581
|
i0.ɵɵadvance();
|
|
@@ -102536,7 +102618,8 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
|
|
|
102536
102618
|
MarkAsReviewedFooterComponent,
|
|
102537
102619
|
MobileFABComponent,
|
|
102538
102620
|
MobileBottomNavComponent,
|
|
102539
|
-
UnifiedGoalCardComponent
|
|
102621
|
+
UnifiedGoalCardComponent,
|
|
102622
|
+
TooltipContainerComponent], encapsulation: 2, changeDetection: 0 }); }
|
|
102540
102623
|
}
|
|
102541
102624
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SymphiqProfileAnalysisUnifiedDashboardComponent, [{
|
|
102542
102625
|
type: Component,
|
|
@@ -102560,7 +102643,8 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
|
|
|
102560
102643
|
ProfileAnalysisModalComponent,
|
|
102561
102644
|
MobileFABComponent,
|
|
102562
102645
|
MobileBottomNavComponent,
|
|
102563
|
-
UnifiedGoalCardComponent
|
|
102646
|
+
UnifiedGoalCardComponent,
|
|
102647
|
+
TooltipContainerComponent
|
|
102564
102648
|
],
|
|
102565
102649
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
102566
102650
|
template: `
|
|
@@ -102690,16 +102774,19 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
|
|
|
102690
102774
|
<!-- Source Analyses Breakdown -->
|
|
102691
102775
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
|
102692
102776
|
<div [ngClass]="getSourceCountCardClasses('SHOP')" class="p-4 rounded-xl">
|
|
102693
|
-
<div class="text-xs font-semibold uppercase mb-
|
|
102694
|
-
<div class="text-
|
|
102777
|
+
<div class="text-xs font-semibold uppercase mb-2">Shop</div>
|
|
102778
|
+
<div class="text-sm opacity-80">{{ shopCounts().analyses }} {{ shopCounts().analyses === 1 ? 'analysis' : 'analyses' }}</div>
|
|
102779
|
+
<div class="text-sm opacity-80">{{ shopCounts().goals }} {{ shopCounts().goals === 1 ? 'goal' : 'goals' }}</div>
|
|
102695
102780
|
</div>
|
|
102696
102781
|
<div [ngClass]="getSourceCountCardClasses('FOCUS_AREA')" class="p-4 rounded-xl">
|
|
102697
|
-
<div class="text-xs font-semibold uppercase mb-
|
|
102698
|
-
<div class="text-
|
|
102782
|
+
<div class="text-xs font-semibold uppercase mb-2">Focus Area</div>
|
|
102783
|
+
<div class="text-sm opacity-80">{{ focusAreaCounts().analyses }} {{ focusAreaCounts().analyses === 1 ? 'analysis' : 'analyses' }}</div>
|
|
102784
|
+
<div class="text-sm opacity-80">{{ focusAreaCounts().goals }} {{ focusAreaCounts().goals === 1 ? 'goal' : 'goals' }}</div>
|
|
102699
102785
|
</div>
|
|
102700
102786
|
<div [ngClass]="getSourceCountCardClasses('METRIC')" class="p-4 rounded-xl">
|
|
102701
|
-
<div class="text-xs font-semibold uppercase mb-
|
|
102702
|
-
<div class="text-
|
|
102787
|
+
<div class="text-xs font-semibold uppercase mb-2">Metric</div>
|
|
102788
|
+
<div class="text-sm opacity-80">{{ metricCounts().analyses }} {{ metricCounts().analyses === 1 ? 'analysis' : 'analyses' }}</div>
|
|
102789
|
+
<div class="text-sm opacity-80">{{ metricCounts().goals }} {{ metricCounts().goals === 1 ? 'goal' : 'goals' }}</div>
|
|
102703
102790
|
</div>
|
|
102704
102791
|
</div>
|
|
102705
102792
|
</div>
|
|
@@ -103102,6 +103189,8 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
|
|
|
103102
103189
|
[activeSection]="activeNavSection()"
|
|
103103
103190
|
(navigate)="handleMobileNavigation($event)"
|
|
103104
103191
|
/>
|
|
103192
|
+
|
|
103193
|
+
<symphiq-tooltip-container></symphiq-tooltip-container>
|
|
103105
103194
|
</div>
|
|
103106
103195
|
`
|
|
103107
103196
|
}]
|
|
@@ -103109,7 +103198,7 @@ class SymphiqProfileAnalysisUnifiedDashboardComponent {
|
|
|
103109
103198
|
type: HostListener,
|
|
103110
103199
|
args: ['window:scroll']
|
|
103111
103200
|
}] }); })();
|
|
103112
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisUnifiedDashboardComponent, { className: "SymphiqProfileAnalysisUnifiedDashboardComponent", filePath: "lib/components/profile-analysis-unified-dashboard/symphiq-profile-analysis-unified-dashboard.component.ts", lineNumber:
|
|
103201
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisUnifiedDashboardComponent, { className: "SymphiqProfileAnalysisUnifiedDashboardComponent", filePath: "lib/components/profile-analysis-unified-dashboard/symphiq-profile-analysis-unified-dashboard.component.ts", lineNumber: 654 }); })();
|
|
103113
103202
|
|
|
103114
103203
|
function SymphiqProfileMetricsAnalysesDashboardComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
|
|
103115
103204
|
const _r1 = i0.ɵɵgetCurrentView();
|