@eric-emg/symphiq-components 1.2.534 → 1.2.535

package/fesm2022/symphiq-components.mjs

@@ -858,16 +858,18 @@ class ModalService {
         const data = { priorities, viewMode, focusAreaName };
         this.modalState.next({ type: 'top-priorities-list', data, charts: [], previousState: null, navigationStack: [] });
     }
-    navigateToTopPriorityDetail(priority, index, viewMode, focusAreaName) {
+    navigateToTopPriorityDetail(priority, index, viewMode, focusAreaName, providedTotalCount) {
         const currentState = this.modalState.value;
-        let totalCount = 1;
-        if (currentState.type === 'top-priorities-list' && currentState.data) {
-            const listData = currentState.data;
-            totalCount = listData.priorities.length;
-        }
-        else if (currentState.type === 'top-priority-detail' && currentState.data) {
-            const detailData = currentState.data;
-            totalCount = detailData.totalCount;
+        let totalCount = providedTotalCount ?? 1;
+        if (!providedTotalCount) {
+            if (currentState.type === 'top-priorities-list' && currentState.data) {
+                const listData = currentState.data;
+                totalCount = listData.priorities.length;
+            }
+            else if (currentState.type === 'top-priority-detail' && currentState.data) {
+                const detailData = currentState.data;
+                totalCount = detailData.totalCount;
+            }
         }
         const data = { priority, index, totalCount, viewMode, focusAreaName };
         const currentStack = currentState.navigationStack || [];
@@ -24580,13 +24582,13 @@ class JourneyProgressIndicatorComponent {
             },
             {
                 id: JourneyStepIdEnum.FOCUS_AREA_ANALYSIS,
-                title: 'Focus Area Analysis',
+                title: 'Focus Area Analyses',
                 description: 'Dive deep into specific marketing channels and strategies',
                 icon: 'target'
             },
             {
                 id: JourneyStepIdEnum.METRIC_ANALYSIS,
-                title: 'Metric Analysis',
+                title: 'Metric Analyses',
                 description: 'Provide context for funnel stage metrics and performance',
                 icon: 'chart-line'
             },
@@ -51557,13 +51559,13 @@ class SymphiqWelcomeDashboardComponent {
             {
                 id: 'focus-area-analysis',
                 number: 8,
-                title: 'Focus Area Analysis',
+                title: 'Focus Area Analyses',
                 description: 'Deep-dive into marketing channels and operational focus areas'
             },
             {
                 id: 'metric-analysis',
                 number: 9,
-                title: 'Metric Analysis',
+                title: 'Metric Analyses',
                 description: 'Provide detailed context for each funnel metric and stage'
             },
             {
@@ -68700,7 +68702,7 @@ class GradeBadgeComponent {
         this.formattedGrade = computed(() => this.formatGrade(this.grade()), ...(ngDevMode ? [{ debugName: "formattedGrade" }] : []));
         this.shouldPulse = computed(() => {
             const baseGrade = this.grade().replace(/_PLUS|_MINUS/g, '');
-            return baseGrade === 'C';
+            return baseGrade === 'D' || baseGrade === 'F';
         }, ...(ngDevMode ? [{ debugName: "shouldPulse" }] : []));
         this.tooltip = computed(() => ({
             title: 'Performance Grade',
@@ -68791,17 +68793,17 @@ class GradeBadgeComponent {
                 standalone: true,
                 imports: [CommonModule, TooltipDirective],
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                template: `
-    <div
-      [class]="gradeBadgeClass()"
-      [class.animate-pulse]="shouldPulse()"
-      class="transition-all duration-300 hover:scale-110"
-      [libSymphiqTooltip]="tooltip()"
-      tooltipType="badge"
-      [tooltipPosition]="tooltipPosition()">
-      <div [class]="badgeLabelClass()" class="text-xs font-semibold uppercase tracking-wider mb-1">{{ label() }}</div>
-      <div class="text-3xl sm:text-4xl font-bold">{{ formattedGrade() }}</div>
-    </div>
+                template: `
+    <div
+      [class]="gradeBadgeClass()"
+      [class.animate-pulse]="shouldPulse()"
+      class="transition-all duration-300 hover:scale-110"
+      [libSymphiqTooltip]="tooltip()"
+      tooltipType="badge"
+      [tooltipPosition]="tooltipPosition()">
+      <div [class]="badgeLabelClass()" class="text-xs font-semibold uppercase tracking-wider mb-1">{{ label() }}</div>
+      <div class="text-3xl sm:text-4xl font-bold">{{ formattedGrade() }}</div>
+    </div>
   `
             }]
     }], null, { grade: [{ type: i0.Input, args: [{ isSignal: true, alias: "grade", required: false }] }], gradeRationale: [{ type: i0.Input, args: [{ isSignal: true, alias: "gradeRationale", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], tooltipPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipPosition", required: false }] }] }); })();
@@ -69590,62 +69592,53 @@ class RelatedGoalChipsComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RelatedGoalChipsComponent, { className: "RelatedGoalChipsComponent", filePath: "lib/components/profile-analysis-shop-dashboard/shared/related-goal-chips.component.ts", lineNumber: 31 }); })();
 
 const _c0$u = a0 => ({ name: "chart-bar", source: a0 });
-const _c1$d = a0 => ({ name: "signal", source: a0 });
-const _c2$b = (a0, a1) => ({ name: a0, source: a1 });
-const _c3$7 = a0 => ({ name: "flag", source: a0 });
-const _c4$3 = a0 => ({ name: "arrow-trending-up", source: a0 });
-const _c5$2 = a0 => ({ name: "heart", source: a0 });
-const _c6$1 = a0 => ({ name: "light-bulb", source: a0 });
-const _c7 = a0 => ({ name: "clock", source: a0 });
-const _c8 = a0 => [a0];
-const _c9 = () => [];
-function MetricExecutiveSummaryComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 9);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", ctx_r0.pacingBadgeClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.summary().pacingStatus, " ");
-} }
-function MetricExecutiveSummaryComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-grade-badge", 11);
+const _c1$d = a0 => ({ name: "arrow-right", source: a0 });
+const _c2$b = a0 => ({ name: "signal", source: a0 });
+const _c3$7 = (a0, a1) => ({ name: a0, source: a1 });
+const _c4$3 = a0 => ({ name: "flag", source: a0 });
+const _c5$2 = a0 => ({ name: "arrow-trending-up", source: a0 });
+const _c6$1 = a0 => ({ name: "heart", source: a0 });
+const _c7 = a0 => ({ name: "light-bulb", source: a0 });
+const _c8 = a0 => ({ name: "clock", source: a0 });
+const _c9 = a0 => [a0];
+const _c10 = () => [];
+function MetricExecutiveSummaryComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-grade-badge", 9);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("grade", ctx_r0.summary().overallGrade)("gradeRationale", ctx_r0.summary().gradeRationale || "")("viewMode", ctx_r0.viewMode());
 } }
-function MetricExecutiveSummaryComponent_Conditional_17_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 21);
-    i0.ɵɵelement(1, "symphiq-icon", 18);
-    i0.ɵɵelementStart(2, "span", 22);
+function MetricExecutiveSummaryComponent_Conditional_14_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 22);
+    i0.ɵɵelement(1, "symphiq-icon", 15);
+    i0.ɵɵelementStart(2, "span", 14);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction2(4, _c2$b, ctx_r0.getYoyIcon(), ctx_r0.iconSource))("ngClass", ctx_r0.yoyChangeClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction2(4, _c3$7, ctx_r0.getYoyIcon(), ctx_r0.iconSource))("ngClass", ctx_r0.yoyChangeClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.yoyChangeClasses());
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r0.summary().yoyChange, " YoY ");
 } }
-function MetricExecutiveSummaryComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 13)(1, "div", 17);
-    i0.ɵɵelement(2, "symphiq-icon", 18);
-    i0.ɵɵelementStart(3, "span", 19);
+function MetricExecutiveSummaryComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 19);
+    i0.ɵɵelement(2, "symphiq-icon", 15);
+    i0.ɵɵelementStart(3, "span", 20);
     i0.ɵɵtext(4, " Current Value ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 20);
+    i0.ɵɵelementStart(5, "div", 21);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(7, MetricExecutiveSummaryComponent_Conditional_17_Conditional_7_Template, 4, 7, "div", 21);
+    i0.ɵɵconditionalCreate(7, MetricExecutiveSummaryComponent_Conditional_14_Conditional_7_Template, 4, 7, "div", 22);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.metricCardClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$d, ctx_r0.iconSource))("ngClass", ctx_r0.metricLabelClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c2$b, ctx_r0.iconSource))("ngClass", ctx_r0.metricLabelClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.metricLabelClasses());
     i0.ɵɵadvance(2);
@@ -69655,20 +69648,20 @@ function MetricExecutiveSummaryComponent_Conditional_17_Template(rf, ctx) { if (
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.summary().yoyChange ? 7 : -1);
 } }
-function MetricExecutiveSummaryComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 13)(1, "div", 17);
-    i0.ɵɵelement(2, "symphiq-icon", 18);
-    i0.ɵɵelementStart(3, "span", 19);
+function MetricExecutiveSummaryComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 19);
+    i0.ɵɵelement(2, "symphiq-icon", 15);
+    i0.ɵɵelementStart(3, "span", 20);
     i0.ɵɵtext(4, " Target ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 20);
+    i0.ɵɵelementStart(5, "div", 21);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.metricCardClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c3$7, ctx_r0.iconSource))("ngClass", ctx_r0.metricLabelClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c4$3, ctx_r0.iconSource))("ngClass", ctx_r0.metricLabelClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.metricLabelClasses());
     i0.ɵɵadvance(2);
@@ -69676,10 +69669,10 @@ function MetricExecutiveSummaryComponent_Conditional_18_Template(rf, ctx) { if (
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r0.summary().targetValue, " ");
 } }
-function MetricExecutiveSummaryComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 13)(1, "div", 17);
-    i0.ɵɵelement(2, "symphiq-icon", 18);
-    i0.ɵɵelementStart(3, "span", 19);
+function MetricExecutiveSummaryComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 19);
+    i0.ɵɵelement(2, "symphiq-icon", 15);
+    i0.ɵɵelementStart(3, "span", 20);
     i0.ɵɵtext(4, " Pacing ");
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(5, "div", 23);
@@ -69689,7 +69682,7 @@ function MetricExecutiveSummaryComponent_Conditional_19_Template(rf, ctx) { if (
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.metricCardClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c4$3, ctx_r0.iconSource))("ngClass", ctx_r0.metricLabelClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c5$2, ctx_r0.iconSource))("ngClass", ctx_r0.metricLabelClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.metricLabelClasses());
     i0.ɵɵadvance(2);
@@ -69697,10 +69690,10 @@ function MetricExecutiveSummaryComponent_Conditional_19_Template(rf, ctx) { if (
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r0.summary().pacingStatus, " ");
 } }
-function MetricExecutiveSummaryComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 13)(1, "div", 17);
-    i0.ɵɵelement(2, "symphiq-icon", 18);
-    i0.ɵɵelementStart(3, "span", 19);
+function MetricExecutiveSummaryComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 19);
+    i0.ɵɵelement(2, "symphiq-icon", 15);
+    i0.ɵɵelementStart(3, "span", 20);
     i0.ɵɵtext(4, " Health ");
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(5, "div", 23);
@@ -69711,7 +69704,7 @@ function MetricExecutiveSummaryComponent_Conditional_20_Template(rf, ctx) { if (
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.metricCardClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c5$2, ctx_r0.iconSource))("ngClass", ctx_r0.metricLabelClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c6$1, ctx_r0.iconSource))("ngClass", ctx_r0.metricLabelClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.metricLabelClasses());
     i0.ɵɵadvance(2);
@@ -69719,7 +69712,7 @@ function MetricExecutiveSummaryComponent_Conditional_20_Template(rf, ctx) { if (
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", (tmp_6_0 = ctx_r0.summary().metricHealth) == null ? null : tmp_6_0.replace("_", " "), " ");
 } }
-function MetricExecutiveSummaryComponent_Conditional_21_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function MetricExecutiveSummaryComponent_Conditional_22_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 26);
     i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 29);
     i0.ɵɵelementEnd();
@@ -69728,12 +69721,12 @@ function MetricExecutiveSummaryComponent_Conditional_21_Conditional_4_Template(r
     i0.ɵɵadvance();
     i0.ɵɵproperty("visual", ctx_r0.summary().napkinVisual)("viewMode", ctx_r0.viewMode());
 } }
-function MetricExecutiveSummaryComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 14)(1, "h3", 24);
+function MetricExecutiveSummaryComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 16)(1, "h3", 24);
     i0.ɵɵtext(2, " Analysis Narrative ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "div", 25);
-    i0.ɵɵconditionalCreate(4, MetricExecutiveSummaryComponent_Conditional_21_Conditional_4_Template, 2, 2, "div", 26);
+    i0.ɵɵconditionalCreate(4, MetricExecutiveSummaryComponent_Conditional_22_Conditional_4_Template, 2, 2, "div", 26);
     i0.ɵɵelementStart(5, "p", 27);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
@@ -69752,7 +69745,7 @@ function MetricExecutiveSummaryComponent_Conditional_21_Template(rf, ctx) { if (
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r0.summary().narrative, " ");
 } }
-function MetricExecutiveSummaryComponent_Conditional_22_For_5_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+function MetricExecutiveSummaryComponent_Conditional_23_For_5_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 38)(1, "div", 39);
     i0.ɵɵelement(2, "symphiq-icon", 40);
     i0.ɵɵelementStart(3, "div")(4, "span", 41);
@@ -69766,7 +69759,7 @@ function MetricExecutiveSummaryComponent_Conditional_22_For_5_Conditional_8_Temp
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.impactBoxClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c6$1, ctx_r0.iconSource))("ngClass", ctx_r0.impactLabelClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c7, ctx_r0.iconSource))("ngClass", ctx_r0.impactLabelClasses());
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r0.impactLabelClasses());
     i0.ɵɵadvance(2);
@@ -69774,10 +69767,10 @@ function MetricExecutiveSummaryComponent_Conditional_22_For_5_Conditional_8_Temp
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", priority_r3.expectedImpact, " ");
 } }
-function MetricExecutiveSummaryComponent_Conditional_22_For_5_Template(rf, ctx) { if (rf & 1) {
+function MetricExecutiveSummaryComponent_Conditional_23_For_5_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 33);
-    i0.ɵɵlistener("click", function MetricExecutiveSummaryComponent_Conditional_22_For_5_Template_button_click_0_listener() { const priority_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.priorityDetailClick.emit(priority_r3)); });
+    i0.ɵɵlistener("click", function MetricExecutiveSummaryComponent_Conditional_23_For_5_Template_button_click_0_listener() { const priority_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.priorityDetailClick.emit(priority_r3)); });
     i0.ɵɵelementStart(1, "div", 34)(2, "span", 35);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
@@ -69787,7 +69780,7 @@ function MetricExecutiveSummaryComponent_Conditional_22_For_5_Template(rf, ctx)
     i0.ɵɵelementStart(6, "p", 37);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(8, MetricExecutiveSummaryComponent_Conditional_22_For_5_Conditional_8_Template, 8, 8, "div", 38);
+    i0.ɵɵconditionalCreate(8, MetricExecutiveSummaryComponent_Conditional_23_For_5_Conditional_8_Template, 8, 8, "div", 38);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const priority_r3 = ctx.$implicit;
@@ -69809,12 +69802,12 @@ function MetricExecutiveSummaryComponent_Conditional_22_For_5_Template(rf, ctx)
     i0.ɵɵadvance();
     i0.ɵɵconditional(priority_r3.expectedImpact ? 8 : -1);
 } }
-function MetricExecutiveSummaryComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 15)(1, "h3", 30);
+function MetricExecutiveSummaryComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 17)(1, "h3", 30);
     i0.ɵɵtext(2, "Top Priorities");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "div", 31);
-    i0.ɵɵrepeaterCreate(4, MetricExecutiveSummaryComponent_Conditional_22_For_5_Template, 9, 8, "button", 32, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵrepeaterCreate(4, MetricExecutiveSummaryComponent_Conditional_23_For_5_Template, 9, 8, "button", 32, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -69823,7 +69816,7 @@ function MetricExecutiveSummaryComponent_Conditional_22_Template(rf, ctx) { if (
     i0.ɵɵadvance(3);
     i0.ɵɵrepeater(ctx_r0.summary().topPriorities);
 } }
-function MetricExecutiveSummaryComponent_Conditional_23_For_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+function MetricExecutiveSummaryComponent_Conditional_24_For_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 51);
     i0.ɵɵelement(1, "symphiq-icon", 53);
     i0.ɵɵelementStart(2, "span");
@@ -69834,12 +69827,12 @@ function MetricExecutiveSummaryComponent_Conditional_23_For_5_Conditional_12_Tem
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.metaTextClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c7, ctx_r0.iconSource));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c8, ctx_r0.iconSource));
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(win_r5.estimatedTimeframe);
 } }
-function MetricExecutiveSummaryComponent_Conditional_23_For_5_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 52)(1, "h4", 19);
+function MetricExecutiveSummaryComponent_Conditional_24_For_5_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 52)(1, "h4", 20);
     i0.ɵɵtext(2, " Related Goal ");
     i0.ɵɵelementEnd();
     i0.ɵɵelement(3, "symphiq-related-goal-chips", 54);
@@ -69850,9 +69843,9 @@ function MetricExecutiveSummaryComponent_Conditional_23_For_5_Conditional_13_Tem
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.metaTextClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("relatedGoalIds", i0.ɵɵpureFunction1(4, _c8, win_r5.relatedGoalId))("allGoals", ctx_r0.allGoals() || i0.ɵɵpureFunction0(6, _c9))("viewMode", ctx_r0.viewMode());
+    i0.ɵɵproperty("relatedGoalIds", i0.ɵɵpureFunction1(4, _c9, win_r5.relatedGoalId))("allGoals", ctx_r0.allGoals() || i0.ɵɵpureFunction0(6, _c10))("viewMode", ctx_r0.viewMode());
 } }
-function MetricExecutiveSummaryComponent_Conditional_23_For_5_Template(rf, ctx) { if (rf & 1) {
+function MetricExecutiveSummaryComponent_Conditional_24_For_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 45)(1, "div", 46)(2, "div", 47)(3, "span", 35);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
@@ -69865,8 +69858,8 @@ function MetricExecutiveSummaryComponent_Conditional_23_For_5_Template(rf, ctx)
     i0.ɵɵelementStart(10, "span", 50);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(12, MetricExecutiveSummaryComponent_Conditional_23_For_5_Conditional_12_Template, 4, 5, "div", 51);
-    i0.ɵɵconditionalCreate(13, MetricExecutiveSummaryComponent_Conditional_23_For_5_Conditional_13_Template, 4, 7, "div", 52);
+    i0.ɵɵconditionalCreate(12, MetricExecutiveSummaryComponent_Conditional_24_For_5_Conditional_12_Template, 4, 5, "div", 51);
+    i0.ɵɵconditionalCreate(13, MetricExecutiveSummaryComponent_Conditional_24_For_5_Conditional_13_Template, 4, 7, "div", 52);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const win_r5 = ctx.$implicit;
@@ -69894,12 +69887,12 @@ function MetricExecutiveSummaryComponent_Conditional_23_For_5_Template(rf, ctx)
     i0.ɵɵadvance();
     i0.ɵɵconditional(win_r5.relatedGoalId && ctx_r0.allGoals() ? 13 : -1);
 } }
-function MetricExecutiveSummaryComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 16)(1, "h3", 43);
+function MetricExecutiveSummaryComponent_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 18)(1, "h3", 43);
     i0.ɵɵtext(2, "Quick Wins");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "div", 44);
-    i0.ɵɵrepeaterCreate(4, MetricExecutiveSummaryComponent_Conditional_23_For_5_Template, 14, 11, "div", 45, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵrepeaterCreate(4, MetricExecutiveSummaryComponent_Conditional_24_For_5_Template, 14, 11, "div", 45, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -69916,6 +69909,7 @@ class MetricExecutiveSummaryComponent {
         this.allGoals = input(...(ngDevMode ? [undefined, { debugName: "allGoals" }] : []));
         this.topPrioritiesClick = output();
         this.priorityDetailClick = output();
+        this.viewMetricDetailsClick = output();
         this.iconSource = IconSourceEnum.HEROICONS;
         this.isDark = computed(() => this.viewMode() === ViewModeEnum.DARK, ...(ngDevMode ? [{ debugName: "isDark" }] : []));
         this.bannerClasses = computed(() => this.isDark()
@@ -69959,6 +69953,7 @@ class MetricExecutiveSummaryComponent {
         this.metricCardClasses = computed(() => this.isDark()
             ? 'bg-slate-800/50 border border-slate-700/50'
             : 'bg-white border border-slate-200', ...(ngDevMode ? [{ debugName: "metricCardClasses" }] : []));
+        this.viewDetailsTextClasses = computed(() => this.isDark() ? 'text-blue-400' : 'text-blue-600', ...(ngDevMode ? [{ debugName: "viewDetailsTextClasses" }] : []));
         this.metricLabelClasses = computed(() => this.isDark() ? 'text-slate-400' : 'text-slate-600', ...(ngDevMode ? [{ debugName: "metricLabelClasses" }] : []));
         this.metricValueClasses = computed(() => this.isDark() ? 'text-slate-100' : 'text-slate-900', ...(ngDevMode ? [{ debugName: "metricValueClasses" }] : []));
         this.yoyChangeClasses = computed(() => {
@@ -70092,34 +70087,35 @@ class MetricExecutiveSummaryComponent {
         return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
     }
     static { this.ɵfac = function MetricExecutiveSummaryComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MetricExecutiveSummaryComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MetricExecutiveSummaryComponent, selectors: [["symphiq-metric-executive-summary"]], inputs: { viewMode: [1, "viewMode"], summary: [1, "summary"], metricName: [1, "metricName"], allGoals: [1, "allGoals"] }, outputs: { topPrioritiesClick: "topPrioritiesClick", priorityDetailClick: "priorityDetailClick" }, decls: 24, vars: 21, consts: [["id", "section-metric-executive-summary", 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, "flex-1"], [1, "flex", "items-center", "gap-3", "mb-3"], [3, "icon", "size", "ngClass"], [1, "text-3xl", "font-bold", 3, "ngClass"], [1, "flex", "items-center", "gap-3", "mb-4"], [1, "px-4", "py-2", "rounded-full", "text-sm", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-4", "gap-4"], [1, "rounded-xl", "p-4", 3, "ngClass"], [1, "rounded-xl", "p-6", "mt-6", 3, "ngClass"], [1, "mt-6"], ["id", "quick-wins-section", 1, "mt-8", "scroll-mt-24"], [1, "flex", "items-center", "gap-2", "mb-2"], ["size", "w-4 h-4", 3, "icon", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "flex", "items-center", "gap-1", "mt-2"], [1, "text-sm", "font-medium", 3, "ngClass"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-lg", "font-semibold", "mb-3", 3, "ngClass"], [1, "relative"], [1, "mb-6", "lg:float-left", "lg:mr-6", "lg:mb-4", "lg:max-w-[66%]"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [1, "clear-both"], [3, "visual", "viewMode"], [1, "text-xl", "font-bold", "mb-4", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4"], ["type", "button", 1, "rounded-xl", "p-6", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", 3, "ngClass"], ["type", "button", 1, "rounded-xl", "p-6", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-3"], [1, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [1, "text-lg", "font-semibold", "flex-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "mb-3", 3, "ngClass"], [1, "rounded-lg", "p-3", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["size", "w-4 h-4", 1, "mt-0.5", 3, "icon", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "block", "mb-1", 3, "ngClass"], [1, "text-xs", "leading-relaxed", 3, "ngClass"], [1, "text-xl", "font-bold", "mb-6", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-6"], [1, "rounded-xl", "p-6", "transition-all", "duration-300", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-start", "gap-3"], [1, "font-semibold", "leading-tight", "flex-1", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", 3, "ngClass"], [1, "space-y-2"], ["size", "w-4 h-4", 3, "icon"], [3, "relatedGoalIds", "allGoals", "viewMode"]], template: function MetricExecutiveSummaryComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MetricExecutiveSummaryComponent, selectors: [["symphiq-metric-executive-summary"]], inputs: { viewMode: [1, "viewMode"], summary: [1, "summary"], metricName: [1, "metricName"], allGoals: [1, "allGoals"] }, outputs: { topPrioritiesClick: "topPrioritiesClick", priorityDetailClick: "priorityDetailClick", viewMetricDetailsClick: "viewMetricDetailsClick" }, decls: 25, vars: 23, consts: [["id", "section-metric-executive-summary", 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, "flex-1"], [1, "flex", "items-center", "gap-3", "mb-3"], [3, "icon", "size", "ngClass"], [1, "text-3xl", "font-bold", 3, "ngClass"], [1, "text-lg", "leading-relaxed", 3, "ngClass"], [3, "grade", "gradeRationale", "viewMode"], ["type", "button", 1, "w-full", "text-left", "cursor-pointer", "group", 3, "click"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "lg:grid-cols-4", "gap-4"], [1, "rounded-xl", "p-4", "transition-all", "duration-200", "group-hover:scale-[1.02]", "group-hover:shadow-lg", 3, "ngClass"], [1, "flex", "items-center", "justify-center", "gap-2", "mt-3", "opacity-0", "group-hover:opacity-100", "transition-opacity", "duration-200"], [1, "text-sm", "font-medium", 3, "ngClass"], ["size", "w-4 h-4", 3, "icon", "ngClass"], [1, "rounded-xl", "p-6", "mt-6", 3, "ngClass"], [1, "mt-6"], ["id", "quick-wins-section", 1, "mt-8", "scroll-mt-24"], [1, "flex", "items-center", "gap-2", "mb-2"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", 3, "ngClass"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "flex", "items-center", "gap-1", "mt-2"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-lg", "font-semibold", "mb-3", 3, "ngClass"], [1, "relative"], [1, "mb-6", "lg:float-left", "lg:mr-6", "lg:mb-4", "lg:max-w-[66%]"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"], [1, "clear-both"], [3, "visual", "viewMode"], [1, "text-xl", "font-bold", "mb-4", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-4"], ["type", "button", 1, "rounded-xl", "p-6", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", 3, "ngClass"], ["type", "button", 1, "rounded-xl", "p-6", "text-left", "transition-all", "duration-200", "hover:scale-[1.02]", "active:scale-[0.98]", "cursor-pointer", 3, "click", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-3"], [1, "flex-shrink-0", "w-8", "h-8", "rounded-full", "flex", "items-center", "justify-center", "text-sm", "font-bold", 3, "ngClass"], [1, "text-lg", "font-semibold", "flex-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", "mb-3", 3, "ngClass"], [1, "rounded-lg", "p-3", 3, "ngClass"], [1, "flex", "items-start", "gap-2"], ["size", "w-4 h-4", 1, "mt-0.5", 3, "icon", "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wider", "block", "mb-1", 3, "ngClass"], [1, "text-xs", "leading-relaxed", 3, "ngClass"], [1, "text-xl", "font-bold", "mb-6", 3, "ngClass"], [1, "grid", "grid-cols-1", "md:grid-cols-2", "gap-6"], [1, "rounded-xl", "p-6", "transition-all", "duration-300", 3, "ngClass"], [1, "space-y-4"], [1, "flex", "items-start", "gap-3"], [1, "font-semibold", "leading-tight", "flex-1", 3, "ngClass"], [1, "flex", "flex-wrap", "gap-2"], [1, "px-3", "py-1", "rounded-full", "text-xs", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "gap-2", "text-sm", 3, "ngClass"], [1, "space-y-2"], ["size", "w-4 h-4", 3, "icon"], [3, "relatedGoalIds", "allGoals", "viewMode"]], template: function MetricExecutiveSummaryComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "section", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4)(5, "div", 5);
             i0.ɵɵelement(6, "symphiq-icon", 6);
             i0.ɵɵelementStart(7, "h2", 7);
             i0.ɵɵtext(8);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(9, "div", 8)(10, "span", 9);
-            i0.ɵɵtext(11);
+            i0.ɵɵelementStart(9, "p", 8);
+            i0.ɵɵtext(10);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(11, MetricExecutiveSummaryComponent_Conditional_11_Template, 1, 3, "symphiq-grade-badge", 9);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(12, MetricExecutiveSummaryComponent_Conditional_12_Template, 2, 2, "span", 9);
+            i0.ɵɵelementStart(12, "button", 10);
+            i0.ɵɵlistener("click", function MetricExecutiveSummaryComponent_Template_button_click_12_listener() { return ctx.viewMetricDetailsClick.emit(); });
+            i0.ɵɵelementStart(13, "div", 11);
+            i0.ɵɵconditionalCreate(14, MetricExecutiveSummaryComponent_Conditional_14_Template, 8, 9, "div", 12);
+            i0.ɵɵconditionalCreate(15, MetricExecutiveSummaryComponent_Conditional_15_Template, 7, 8, "div", 12);
+            i0.ɵɵconditionalCreate(16, MetricExecutiveSummaryComponent_Conditional_16_Template, 7, 8, "div", 12);
+            i0.ɵɵconditionalCreate(17, MetricExecutiveSummaryComponent_Conditional_17_Template, 7, 8, "div", 12);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(13, "p", 10);
-            i0.ɵɵtext(14);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(15, MetricExecutiveSummaryComponent_Conditional_15_Template, 1, 3, "symphiq-grade-badge", 11);
+            i0.ɵɵelementStart(18, "div", 13)(19, "span", 14);
+            i0.ɵɵtext(20, " View Metric Details ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(16, "div", 12);
-            i0.ɵɵconditionalCreate(17, MetricExecutiveSummaryComponent_Conditional_17_Template, 8, 9, "div", 13);
-            i0.ɵɵconditionalCreate(18, MetricExecutiveSummaryComponent_Conditional_18_Template, 7, 8, "div", 13);
-            i0.ɵɵconditionalCreate(19, MetricExecutiveSummaryComponent_Conditional_19_Template, 7, 8, "div", 13);
-            i0.ɵɵconditionalCreate(20, MetricExecutiveSummaryComponent_Conditional_20_Template, 7, 8, "div", 13);
-            i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(21, MetricExecutiveSummaryComponent_Conditional_21_Template, 8, 5, "div", 14);
-            i0.ɵɵconditionalCreate(22, MetricExecutiveSummaryComponent_Conditional_22_Template, 6, 1, "div", 15);
-            i0.ɵɵconditionalCreate(23, MetricExecutiveSummaryComponent_Conditional_23_Template, 6, 1, "div", 16);
+            i0.ɵɵelement(21, "symphiq-icon", 15);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(22, MetricExecutiveSummaryComponent_Conditional_22_Template, 8, 5, "div", 16);
+            i0.ɵɵconditionalCreate(23, MetricExecutiveSummaryComponent_Conditional_23_Template, 6, 1, "div", 17);
+            i0.ɵɵconditionalCreate(24, MetricExecutiveSummaryComponent_Conditional_24_Template, 6, 1, "div", 18);
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
-            let tmp_7_0;
             let tmp_17_0;
             let tmp_18_0;
             i0.ɵɵadvance();
@@ -70130,32 +70126,30 @@ class MetricExecutiveSummaryComponent {
             i0.ɵɵproperty("ngClass", ctx.titleClasses());
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate1(" ", ctx.formatMetricName(ctx.metricName()), " ");
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", ctx.healthBadgeClasses());
-            i0.ɵɵadvance();
-            i0.ɵɵtextInterpolate1(" ", (tmp_7_0 = ctx.summary().metricHealth) == null ? null : tmp_7_0.replace("_", " "), " ");
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.summary().pacingStatus ? 12 : -1);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngClass", ctx.textClasses());
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate1(" ", ctx.summary().gradeRationale, " ");
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.summary().overallGrade ? 15 : -1);
-            i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.summary().currentValue ? 17 : -1);
+            i0.ɵɵconditional(ctx.summary().overallGrade ? 11 : -1);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.summary().currentValue ? 14 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.summary().targetValue ? 18 : -1);
+            i0.ɵɵconditional(ctx.summary().targetValue ? 15 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.summary().pacingStatus ? 19 : -1);
+            i0.ɵɵconditional(ctx.summary().pacingStatus ? 16 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.summary().metricHealth ? 20 : -1);
+            i0.ɵɵconditional(ctx.summary().metricHealth ? 17 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngClass", ctx.viewDetailsTextClasses());
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(21, _c1$d, ctx.iconSource))("ngClass", ctx.viewDetailsTextClasses());
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.summary().narrative ? 21 : -1);
+            i0.ɵɵconditional(ctx.summary().narrative ? 22 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.summary().topPriorities && (((tmp_17_0 = ctx.summary().topPriorities) == null ? null : tmp_17_0.length) ?? 0) > 0 ? 22 : -1);
+            i0.ɵɵconditional(ctx.summary().topPriorities && (((tmp_17_0 = ctx.summary().topPriorities) == null ? null : tmp_17_0.length) ?? 0) > 0 ? 23 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.summary().quickWins && (((tmp_18_0 = ctx.summary().quickWins) == null ? null : tmp_18_0.length) ?? 0) > 0 ? 23 : -1);
+            i0.ɵɵconditional(ctx.summary().quickWins && (((tmp_18_0 = ctx.summary().quickWins) == null ? null : tmp_18_0.length) ?? 0) > 0 ? 24 : -1);
         } }, dependencies: [CommonModule, i1$1.NgClass, GradeBadgeComponent,
             SymphiqIconComponent,
             NapkinVisualPlaceholderComponent,
@@ -70192,16 +70186,7 @@ class MetricExecutiveSummaryComponent {
                   {{ formatMetricName(metricName()) }}
                 </h2>
               </div>
-              <div class="flex items-center gap-3 mb-4">
-                <span [ngClass]="healthBadgeClasses()" class="px-4 py-2 rounded-full text-sm font-semibold uppercase tracking-wider">
-                  {{ summary().metricHealth?.replace('_', ' ') }}
-                </span>
-                @if (summary().pacingStatus) {
-                  <span [ngClass]="pacingBadgeClasses()" class="px-4 py-2 rounded-full text-sm font-semibold uppercase tracking-wider">
-                    {{ summary().pacingStatus }}
-                  </span>
-                }
-              </div>
+              
               <p [ngClass]="textClasses()" class="text-lg leading-relaxed">
                 {{ summary().gradeRationale }}
               </p>
@@ -70216,10 +70201,15 @@ class MetricExecutiveSummaryComponent {
           </div>
 
           <!-- Metric Performance Cards -->
-          <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
+          <button
+            type="button"
+            (click)="viewMetricDetailsClick.emit()"
+            class="w-full text-left cursor-pointer group"
+          >
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
             <!-- Current Value -->
             @if (summary().currentValue) {
-              <div [ngClass]="metricCardClasses()" class="rounded-xl p-4">
+              <div [ngClass]="metricCardClasses()" class="rounded-xl p-4 transition-all duration-200 group-hover:scale-[1.02] group-hover:shadow-lg">
                 <div class="flex items-center gap-2 mb-2">
                   <symphiq-icon
                     [icon]="{ name: 'signal', source: iconSource }"
@@ -70250,7 +70240,7 @@ class MetricExecutiveSummaryComponent {
 
             <!-- Target Value -->
             @if (summary().targetValue) {
-              <div [ngClass]="metricCardClasses()" class="rounded-xl p-4">
+              <div [ngClass]="metricCardClasses()" class="rounded-xl p-4 transition-all duration-200 group-hover:scale-[1.02] group-hover:shadow-lg">
                 <div class="flex items-center gap-2 mb-2">
                   <symphiq-icon
                     [icon]="{ name: 'flag', source: iconSource }"
@@ -70269,7 +70259,7 @@ class MetricExecutiveSummaryComponent {
 
             <!-- Pacing Status -->
             @if (summary().pacingStatus) {
-              <div [ngClass]="metricCardClasses()" class="rounded-xl p-4">
+              <div [ngClass]="metricCardClasses()" class="rounded-xl p-4 transition-all duration-200 group-hover:scale-[1.02] group-hover:shadow-lg">
                 <div class="flex items-center gap-2 mb-2">
                   <symphiq-icon
                     [icon]="{ name: 'arrow-trending-up', source: iconSource }"
@@ -70288,7 +70278,7 @@ class MetricExecutiveSummaryComponent {
 
             <!-- Health Status -->
             @if (summary().metricHealth) {
-              <div [ngClass]="metricCardClasses()" class="rounded-xl p-4">
+              <div [ngClass]="metricCardClasses()" class="rounded-xl p-4 transition-all duration-200 group-hover:scale-[1.02] group-hover:shadow-lg">
                 <div class="flex items-center gap-2 mb-2">
                   <symphiq-icon
                     [icon]="{ name: 'heart', source: iconSource }"
@@ -70306,6 +70296,19 @@ class MetricExecutiveSummaryComponent {
             }
           </div>
 
+            <!-- View Details Indicator -->
+            <div class="flex items-center justify-center gap-2 mt-3 opacity-0 group-hover:opacity-100 transition-opacity duration-200">
+              <span [ngClass]="viewDetailsTextClasses()" class="text-sm font-medium">
+                View Metric Details
+              </span>
+              <symphiq-icon
+                [icon]="{ name: 'arrow-right', source: iconSource }"
+                size="w-4 h-4"
+                [ngClass]="viewDetailsTextClasses()"
+              />
+            </div>
+          </button>
+
           <!-- Narrative with Napkin Visual -->
           @if (summary().narrative) {
             <div [ngClass]="narrativeClasses()" class="rounded-xl p-6 mt-6">
@@ -70441,8 +70444,8 @@ class MetricExecutiveSummaryComponent {
     </section>
   `
             }]
-    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], summary: [{ type: i0.Input, args: [{ isSignal: true, alias: "summary", required: true }] }], metricName: [{ type: i0.Input, args: [{ isSignal: true, alias: "metricName", required: false }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }], topPrioritiesClick: [{ type: i0.Output, args: ["topPrioritiesClick"] }], priorityDetailClick: [{ type: i0.Output, args: ["priorityDetailClick"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricExecutiveSummaryComponent, { className: "MetricExecutiveSummaryComponent", filePath: "lib/components/profile-analysis-shop-dashboard/metric-executive-summary.component.ts", lineNumber: 287 }); })();
+    }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], summary: [{ type: i0.Input, args: [{ isSignal: true, alias: "summary", required: true }] }], metricName: [{ type: i0.Input, args: [{ isSignal: true, alias: "metricName", required: false }] }], allGoals: [{ type: i0.Input, args: [{ isSignal: true, alias: "allGoals", required: false }] }], topPrioritiesClick: [{ type: i0.Output, args: ["topPrioritiesClick"] }], priorityDetailClick: [{ type: i0.Output, args: ["priorityDetailClick"] }], viewMetricDetailsClick: [{ type: i0.Output, args: ["viewMetricDetailsClick"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricExecutiveSummaryComponent, { className: "MetricExecutiveSummaryComponent", filePath: "lib/components/profile-analysis-shop-dashboard/metric-executive-summary.component.ts", lineNumber: 296 }); })();
 
 const _c0$t = a0 => ({ name: "chevron-right", source: a0 });
 function GoalCardComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
@@ -97917,7 +97920,8 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
         const summary = this.focusAreaExecutiveSummary();
         if (summary?.topPriorities) {
             const focusAreaName = this.focusAreaName();
-            this.modalService.navigateToTopPriorityDetail(event.priority, event.index, this.viewMode(), focusAreaName);
+            const totalCount = summary.topPriorities.length;
+            this.modalService.navigateToTopPriorityDetail(event.priority, event.index, this.viewMode(), focusAreaName, totalCount);
         }
     }
     getCurrentModalState() {
@@ -98105,7 +98109,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.isSimplifiedView() ? 7 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isSimplifiedView() ? 8 : -1);
+            i0.ɵɵconditional(ctx.isSimplifiedView() && !ctx.isLoading() ? 8 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(!ctx.isSimplifiedView() ? 9 : -1);
             i0.ɵɵadvance();
@@ -98269,7 +98273,7 @@ class SymphiqProfileAnalysisFocusAreaDashboardComponent {
           }
 
           <!-- Simplified View Content -->
-          @if (isSimplifiedView()) {
+          @if (isSimplifiedView() && !isLoading()) {
             <!-- Strategic Insights & Goals -->
             @if (profileAnalysis()) {
               <div class="mb-8">
@@ -99737,7 +99741,7 @@ function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_8_Template(r
 function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "symphiq-metric-executive-summary", 37);
-    i0.ɵɵlistener("topPrioritiesClick", function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_0_Template_symphiq_metric_executive_summary_topPrioritiesClick_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleTopPrioritiesClick()); })("priorityDetailClick", function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_0_Template_symphiq_metric_executive_summary_priorityDetailClick_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handlePriorityDetailClick($event)); });
+    i0.ɵɵlistener("topPrioritiesClick", function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_0_Template_symphiq_metric_executive_summary_topPrioritiesClick_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleTopPrioritiesClick()); })("priorityDetailClick", function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_0_Template_symphiq_metric_executive_summary_priorityDetailClick_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handlePriorityDetailClick($event)); })("viewMetricDetailsClick", function SymphiqProfileAnalysisMetricDashboardComponent_Conditional_9_Conditional_0_Template_symphiq_metric_executive_summary_viewMetricDetailsClick_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleViewMetricDetailsClick()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -100269,7 +100273,18 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
         if (summary?.topPriorities) {
             const metricName = this.metricName();
             const index = summary.topPriorities.indexOf(priority);
-            this.modalService.navigateToTopPriorityDetail(priority, index, this.viewMode(), metricName);
+            const totalCount = summary.topPriorities.length;
+            this.modalService.navigateToTopPriorityDetail(priority, index, this.viewMode(), metricName, totalCount);
+        }
+    }
+    handleViewMetricDetailsClick() {
+        const funnelMetric = this.funnelMetric();
+        const relatedMetricEnum = funnelMetric?.relatedMetric;
+        if (!relatedMetricEnum)
+            return;
+        const metric = this.allMetrics().find(m => m.metric === relatedMetricEnum);
+        if (metric) {
+            this.modalService.openMetricModal(metric, this.allCharts());
         }
     }
     getCurrentModalState() {
@@ -100390,7 +100405,7 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.funnelModalComponent = _t.first);
         } }, hostBindings: function SymphiqProfileAnalysisMetricDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("scroll", function SymphiqProfileAnalysisMetricDashboardComponent_scroll_HostBindingHandler($event) { return ctx.onWindowScroll($event); }, i0.ɵɵresolveWindow);
-        } }, inputs: { viewMode: [1, "viewMode"], profileAnalysis: [1, "profileAnalysis"], funnelAnalysis: [1, "funnelAnalysis"], profile: [1, "profile"], isLoading: [1, "isLoading"], requestedByUser: [1, "requestedByUser"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], funnelMetric: [1, "funnelMetric"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 28, vars: 49, consts: [["funnelModalComponent", ""], [1, "relative", 3, "ngClass"], [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, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed"], [1, "mb-12"], [3, "viewMode", "metricName", "isOnboarded"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "justify-center", "space-y-4"], ["size", "large", 3, "viewMode"], [1, "text-center"], [1, "text-lg", "font-semibold", "mb-1", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "mb-8"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [3, "goals", "viewMode"], ["title", "Generating Your Metric Analysis", "subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode"], [3, "viewMoreClick", "goals", "viewMode"], [3, "sections", "viewMode", "metricExecutiveSummary", "metricName", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], [3, "viewMode", "summary", "metricName", "allGoals"], [1, "space-y-8"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMode", "summary", "metricName", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "flex-1"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [3, "visual", "viewMode"], [1, "w-full"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"]], template: function SymphiqProfileAnalysisMetricDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { viewMode: [1, "viewMode"], profileAnalysis: [1, "profileAnalysis"], funnelAnalysis: [1, "funnelAnalysis"], profile: [1, "profile"], isLoading: [1, "isLoading"], requestedByUser: [1, "requestedByUser"], embedded: [1, "embedded"], scrollEvent: [1, "scrollEvent"], scrollElement: [1, "scrollElement"], funnelMetric: [1, "funnelMetric"], itemStatusProfileAnalysis: [1, "itemStatusProfileAnalysis"], isMarkingAsReviewed: [1, "isMarkingAsReviewed"] }, outputs: { nextStepClick: "nextStepClick", markAsReviewedClick: "markAsReviewedClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 28, vars: 49, consts: [["funnelModalComponent", ""], [1, "relative", 3, "ngClass"], [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, "h-full", "transition-all", "duration-200", "ease-out", 3, "ngClass"], [1, "relative", "z-[51]"], [3, "searchClick", "viewModeClick", "title", "subtitle", "currentSection", "viewMode", "viewModeLabel", "isLoading", "requestedByUser", "createdDate", "showControls"], [1, "relative", "z-10", "max-w-7xl", "mx-auto", "px-4", "sm:px-6", "lg:px-8", "py-12", "space-y-12"], [3, "sections", "viewMode", "embedded", "scrollElement"], [3, "close", "isOpen", "isLightMode"], [3, "close", "modeSelected", "isOpen", "currentMode", "viewMode"], [3, "isLightMode", "allMetrics", "allInsights", "allBusinessInsights", "allCharts"], [3, "goal", "viewMode", "isInModal", "allMetrics", "allCharts", "allInsights", "currentModalState", "businessProfile"], [3, "goal", "viewMode"], [3, "objective", "goalTitle", "viewMode"], [3, "strategy", "objectiveTitle", "goalTitle", "viewMode", "expandedRecommendationId", "allMetrics", "allCharts", "allInsights", "allBusinessInsights", "currentModalState"], [3, "category", "viewMode", "scrollToSection"], [3, "strength", "viewMode", "allFunnelStrengths", "currentModalState"], [3, "gap", "viewMode", "allGoals", "allWeaknesses", "currentModalState"], [3, "opportunity", "viewMode", "allStrengths", "currentModalState"], [3, "isLightMode"], [3, "markAsReviewedClick", "viewMode", "reviewStatus", "selfContentStatus", "isMarkingAsReviewed"], [1, "mb-12"], [3, "viewMode", "metricName", "isOnboarded"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", "backdrop-blur-sm", 3, "ngClass"], [1, "flex", "flex-col", "items-center", "justify-center", "space-y-4"], ["size", "large", 3, "viewMode"], [1, "text-center"], [1, "text-lg", "font-semibold", "mb-1", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "mb-8"], [1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [3, "goals", "viewMode"], ["title", "Generating Your Metric Analysis", "subtitle", "We're analyzing your data to create your personalized analysis. It will appear when ready.", 3, "itemStatus", "viewMode"], [3, "viewMoreClick", "goals", "viewMode"], [3, "sections", "viewMode", "metricExecutiveSummary", "metricName", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], [3, "viewMode", "summary", "metricName", "allGoals"], [1, "space-y-8"], [3, "topPrioritiesClick", "priorityDetailClick", "viewMetricDetailsClick", "viewMode", "summary", "metricName", "allGoals"], [3, "viewMode", "sectionIcon"], [1, "rounded-xl", "p-8", "scroll-mt-24", 3, "id", "ngClass"], [1, "flex", "items-start", "gap-3", "mb-6"], [1, "flex-shrink-0", "w-12", "h-12", "rounded-xl", "flex", "items-center", "justify-center", 3, "ngClass"], [1, "flex-1"], [1, "text-2xl", "font-bold", 3, "ngClass"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start", 3, "lg:flex-row-reverse"], [3, "section", "viewMode", "sectionIndex", "allGoals", "allMetrics", "allCharts", "allInsights", "businessProfile"], ["size", "w-6 h-6", 3, "icon"], [1, "mb-6", "flex", "flex-col", "lg:flex-row", "gap-6", "items-start"], [1, "w-full", "lg:w-2/3"], [1, "w-full", 3, "lg:w-1/3", "lg:w-full"], [3, "visual", "viewMode"], [1, "w-full"], [1, "text-sm", "leading-relaxed", "whitespace-pre-line", 3, "ngClass"]], template: function SymphiqProfileAnalysisMetricDashboardComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 1);
             i0.ɵɵelement(1, "div", 2);
@@ -100457,7 +100472,7 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.isSimplifiedView() ? 7 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isSimplifiedView() ? 8 : -1);
+            i0.ɵɵconditional(ctx.isSimplifiedView() && !ctx.isLoading() ? 8 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(!ctx.isSimplifiedView() ? 9 : -1);
             i0.ɵɵadvance();
@@ -100621,7 +100636,7 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
           }
 
           <!-- Simplified View Content -->
-          @if (isSimplifiedView()) {
+          @if (isSimplifiedView() && !isLoading()) {
             <!-- Strategic Insights & Goals -->
             @if (profileAnalysis()) {
               <div class="mb-8">
@@ -100673,6 +100688,7 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
                   [allGoals]="allGoals()"
                   (topPrioritiesClick)="handleTopPrioritiesClick()"
                   (priorityDetailClick)="handlePriorityDetailClick($event)"
+                  (viewMetricDetailsClick)="handleViewMetricDetailsClick()"
               />
             }
 
@@ -100907,7 +100923,7 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
             type: HostListener,
             args: ['window:scroll', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisMetricDashboardComponent, { className: "SymphiqProfileAnalysisMetricDashboardComponent", filePath: "lib/components/profile-analysis-metric-dashboard/symphiq-profile-analysis-metric-dashboard.component.ts", lineNumber: 488 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SymphiqProfileAnalysisMetricDashboardComponent, { className: "SymphiqProfileAnalysisMetricDashboardComponent", filePath: "lib/components/profile-analysis-metric-dashboard/symphiq-profile-analysis-metric-dashboard.component.ts", lineNumber: 489 }); })();
 
 const _forTrack0$4 = ($index, $item) => $item.id;
 function ShopProfileCategoryListComponent_For_2_Template(rf, ctx) { if (rf & 1) {