@eric-emg/symphiq-components 1.2.243 → 1.2.244

package/fesm2022/symphiq-components.mjs

@@ -54798,8 +54798,7 @@ function extractProjectedValue(pacingResponse, metricEnum) {
     if (!pacingResponse) {
         return null;
     }
-    const resp = pacingResponse;
-    const projectedMetric = resp.projectedMetricValues?.find((m) => m.metric === metricEnum);
+    const projectedMetric = pacingResponse.projectedMetricValues?.find((m) => m.metric === metricEnum);
     if (!projectedMetric?.value) {
         return null;
     }
@@ -57017,53 +57016,28 @@ var lineChart_component = /*#__PURE__*/Object.freeze({
 });
 
 const _forTrack0$i = ($index, $item) => $item.metric;
-function MetricReportModalComponent_Conditional_0_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 29);
-    i0.ɵɵlistener("click", function MetricReportModalComponent_Conditional_0_Conditional_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleDefinition()); });
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 30);
-    i0.ɵɵelement(2, "path", 31);
-    i0.ɵɵelementEnd();
-    i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(3, "span");
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
+function MetricReportModalComponent_Conditional_0_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "button", 11);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(5, "svg", 32);
-    i0.ɵɵelement(6, "path", 33);
+    i0.ɵɵelementStart(1, "svg", 32);
+    i0.ɵɵelement(2, "path", 33);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.definitionToggleClasses());
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1("What is ", ctx_r1.metricTitle(), "?");
-    i0.ɵɵadvance();
-    i0.ɵɵclassProp("rotate-180", ctx_r1.showDefinition());
-} }
-function MetricReportModalComponent_Conditional_0_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 11);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    let tmp_3_0;
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", ctx_r1.definitionBoxClasses());
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", (tmp_3_0 = ctx_r1.metricData()) == null ? null : tmp_3_0.description, " ");
+    i0.ɵɵproperty("ngClass", ctx_r1.headerInfoIconClasses())("libSymphiqTooltip", ctx_r1.getMarkdownTooltipContent(ctx_r1.metricData().description, ctx_r1.metricTitle()));
 } }
-function MetricReportModalComponent_Conditional_0_Conditional_27_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-target-change-badge", 20);
+function MetricReportModalComponent_Conditional_0_Conditional_32_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "symphiq-target-change-badge", 23);
 } if (rf & 2) {
     let tmp_4_0;
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("percentageChange", ctx_r1.ytdChangePercentage())("metric", ((tmp_4_0 = ctx_r1.metricData()) == null ? null : tmp_4_0.metric) || "")("priorYear", ctx_r1.priorYear())("isCompact", true);
 } }
-function MetricReportModalComponent_Conditional_0_Conditional_38_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div")(1, "p", 19);
+function MetricReportModalComponent_Conditional_0_Conditional_48_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div")(1, "p", 24);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "p", 9);
+    i0.ɵɵelementStart(3, "p", 22);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
     i0.ɵɵelement(5, "symphiq-pacing-status-badge", 34);
@@ -57082,11 +57056,11 @@ function MetricReportModalComponent_Conditional_0_Conditional_38_Template(rf, ct
     i0.ɵɵadvance();
     i0.ɵɵproperty("viewMode", ctx_r1.viewMode())("pacingPercentage", ctx_r1.pacingInfo().pacingPercentage)("status", ctx_r1.pacingInfo().status)("showAsFullText", false)("isCompact", true)("showEmphasizedPercentage", true);
 } }
-function MetricReportModalComponent_Conditional_0_Conditional_54_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 22);
+function MetricReportModalComponent_Conditional_0_Conditional_64_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 25);
     i0.ɵɵelement(1, "symphiq-pacing-status-badge", 34);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "div", 22)(3, "p", 25);
+    i0.ɵɵelementStart(2, "div", 25)(3, "p", 28);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(5, "div", 35)(6, "div", 36)(7, "span");
@@ -57116,22 +57090,22 @@ function MetricReportModalComponent_Conditional_0_Conditional_54_Template(rf, ct
     i0.ɵɵstyleProp("width", ctx_r1.Math.min(ctx_r1.progressToTarget(), 100), "%");
     i0.ɵɵproperty("ngClass", ctx_r1.progressBarFillClasses());
 } }
-function MetricReportModalComponent_Conditional_0_Conditional_55_For_15_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function MetricReportModalComponent_Conditional_0_Conditional_65_For_15_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "button", 48);
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(1, "svg", 54);
-    i0.ɵɵelement(2, "path", 31);
+    i0.ɵɵelement(2, "path", 33);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const metric_r4 = i0.ɵɵnextContext().$implicit;
+    const metric_r3 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("ngClass", ctx_r1.infoIconClasses())("libSymphiqTooltip", ctx_r1.getMarkdownTooltipContent(metric_r4.description, ctx_r1.getMetricTitle(metric_r4)));
+    i0.ɵɵproperty("ngClass", ctx_r1.infoIconClasses())("libSymphiqTooltip", ctx_r1.getMarkdownTooltipContent(metric_r3.description, ctx_r1.getMetricTitle(metric_r3)));
 } }
-function MetricReportModalComponent_Conditional_0_Conditional_55_For_15_Template(rf, ctx) { if (rf & 1) {
+function MetricReportModalComponent_Conditional_0_Conditional_65_For_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr", 44)(1, "td", 45)(2, "div", 46)(3, "span", 47);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(5, MetricReportModalComponent_Conditional_0_Conditional_55_For_15_Conditional_5_Template, 3, 2, "button", 48);
+    i0.ɵɵconditionalCreate(5, MetricReportModalComponent_Conditional_0_Conditional_65_For_15_Conditional_5_Template, 3, 2, "button", 48);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(6, "td", 49)(7, "span", 50);
     i0.ɵɵtext(8);
@@ -57144,23 +57118,23 @@ function MetricReportModalComponent_Conditional_0_Conditional_55_For_15_Template
     i0.ɵɵelement(14, "path", 53);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
-    const metric_r4 = ctx.$implicit;
+    const metric_r3 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("ngClass", ctx_r1.tableRowClasses());
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(ctx_r1.getMetricTitle(metric_r4));
+    i0.ɵɵtextInterpolate(ctx_r1.getMetricTitle(metric_r3));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(metric_r4.description ? 5 : -1);
+    i0.ɵɵconditional(metric_r3.description ? 5 : -1);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.targetValueClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatMetricValue(metric_r4.targetValue, metric_r4.metric, false), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatMetricValue(metric_r3.targetValue, metric_r3.metric, false), " ");
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatPercentage(ctx_r1.Math.abs(metric_r4.percentageIncrease), 1), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatPercentage(ctx_r1.Math.abs(metric_r3.percentageIncrease), 1), " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵattribute("d", metric_r4.percentageIncrease >= 0 ? "M5 10l7-7m0 0l7 7m-7-7v18" : "M19 14l-7 7m0 0l-7-7m7 7V3");
+    i0.ɵɵattribute("d", metric_r3.percentageIncrease >= 0 ? "M5 10l7-7m0 0l7 7m-7-7v18" : "M19 14l-7 7m0 0l-7-7m7 7V3");
 } }
-function MetricReportModalComponent_Conditional_0_Conditional_55_Template(rf, ctx) { if (rf & 1) {
+function MetricReportModalComponent_Conditional_0_Conditional_65_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 16)(1, "h4", 17);
     i0.ɵɵtext(2, " Contributing Metrics ");
     i0.ɵɵelementEnd();
@@ -57174,7 +57148,7 @@ function MetricReportModalComponent_Conditional_0_Conditional_55_Template(rf, ct
     i0.ɵɵtext(12, "Improve by");
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(13, "tbody");
-    i0.ɵɵrepeaterCreate(14, MetricReportModalComponent_Conditional_0_Conditional_55_For_15_Template, 15, 7, "tr", 44, _forTrack0$i);
+    i0.ɵɵrepeaterCreate(14, MetricReportModalComponent_Conditional_0_Conditional_65_For_15_Template, 15, 7, "tr", 44, _forTrack0$i);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -57186,8 +57160,8 @@ function MetricReportModalComponent_Conditional_0_Conditional_55_Template(rf, ct
     i0.ɵɵadvance(8);
     i0.ɵɵrepeater(ctx_r1.contributingMetrics());
 } }
-function MetricReportModalComponent_Conditional_0_Conditional_56_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 26)(1, "h4", 17);
+function MetricReportModalComponent_Conditional_0_Conditional_66_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 29)(1, "h4", 17);
     i0.ɵɵtext(2, " Pace ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "div", 55);
@@ -57219,12 +57193,11 @@ function MetricReportModalComponent_Conditional_0_Template(rf, ctx) { if (rf & 1
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "div", 5);
     i0.ɵɵlistener("click", function MetricReportModalComponent_Conditional_0_Template_div_click_5_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(6, "div", 6)(7, "div", 7)(8, "div", 8)(9, "h3", 9);
-    i0.ɵɵtext(10);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(11, MetricReportModalComponent_Conditional_0_Conditional_11_Template, 7, 4, "button", 10);
-    i0.ɵɵconditionalCreate(12, MetricReportModalComponent_Conditional_0_Conditional_12_Template, 2, 2, "div", 11);
+    i0.ɵɵelementStart(6, "div", 6)(7, "div", 7)(8, "div", 8)(9, "div", 9)(10, "h3", 10);
+    i0.ɵɵtext(11);
     i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(12, MetricReportModalComponent_Conditional_0_Conditional_12_Template, 3, 2, "button", 11);
+    i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(13, "button", 12);
     i0.ɵɵlistener("click", function MetricReportModalComponent_Conditional_0_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.close()); });
     i0.ɵɵnamespaceSVG();
@@ -57237,63 +57210,74 @@ function MetricReportModalComponent_Conditional_0_Template(rf, ctx) { if (rf & 1
     i0.ɵɵelementStart(18, "div", 16)(19, "h4", 17);
     i0.ɵɵtext(20, " At a Glance ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "div", 18)(22, "div")(23, "p", 19);
-    i0.ɵɵtext(24);
+    i0.ɵɵelementStart(21, "div", 18)(22, "div")(23, "div", 19)(24, "p", 20);
+    i0.ɵɵtext(25, " Year to date ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "p", 9);
-    i0.ɵɵtext(26);
+    i0.ɵɵelementStart(26, "p", 21);
+    i0.ɵɵtext(27);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(27, MetricReportModalComponent_Conditional_0_Conditional_27_Template, 1, 5, "symphiq-target-change-badge", 20);
+    i0.ɵɵelementStart(28, "p", 21);
+    i0.ɵɵtext(29);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(30, "p", 22);
+    i0.ɵɵtext(31);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(28, "div")(29, "p", 19);
-    i0.ɵɵtext(30);
+    i0.ɵɵconditionalCreate(32, MetricReportModalComponent_Conditional_0_Conditional_32_Template, 1, 5, "symphiq-target-change-badge", 23);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(33, "div")(34, "div", 19)(35, "p", 20);
+    i0.ɵɵtext(36, " Same period last year ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(37, "p", 21);
+    i0.ɵɵtext(38);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "p", 21);
-    i0.ɵɵtext(32);
+    i0.ɵɵelementStart(39, "p", 21);
+    i0.ɵɵtext(40);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(33, "div")(34, "p", 19);
-    i0.ɵɵtext(35);
+    i0.ɵɵelementStart(41, "p", 10);
+    i0.ɵɵtext(42);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(43, "div")(44, "p", 24);
+    i0.ɵɵtext(45);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(36, "p", 21);
-    i0.ɵɵtext(37);
+    i0.ɵɵelementStart(46, "p", 10);
+    i0.ɵɵtext(47);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(38, MetricReportModalComponent_Conditional_0_Conditional_38_Template, 6, 10, "div");
-    i0.ɵɵelementStart(39, "div")(40, "p", 19);
-    i0.ɵɵtext(41);
+    i0.ɵɵconditionalCreate(48, MetricReportModalComponent_Conditional_0_Conditional_48_Template, 6, 10, "div");
+    i0.ɵɵelementStart(49, "div")(50, "p", 24);
+    i0.ɵɵtext(51);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(42, "p", 21);
-    i0.ɵɵtext(43);
+    i0.ɵɵelementStart(52, "p", 10);
+    i0.ɵɵtext(53);
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(44, "div", 16)(45, "h4", 17);
-    i0.ɵɵtext(46, " Target Analysis ");
+    i0.ɵɵelementStart(54, "div", 16)(55, "h4", 17);
+    i0.ɵɵtext(56, " Target Analysis ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(47, "div", 22)(48, "p", 23);
-    i0.ɵɵtext(49, " Your Target ");
+    i0.ɵɵelementStart(57, "div", 25)(58, "p", 26);
+    i0.ɵɵtext(59, " Your Target ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(50, "p", 24);
-    i0.ɵɵtext(51);
+    i0.ɵɵelementStart(60, "p", 27);
+    i0.ɵɵtext(61);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(52, "p", 25);
-    i0.ɵɵtext(53);
+    i0.ɵɵelementStart(62, "p", 28);
+    i0.ɵɵtext(63);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(54, MetricReportModalComponent_Conditional_0_Conditional_54_Template, 13, 14);
+    i0.ɵɵconditionalCreate(64, MetricReportModalComponent_Conditional_0_Conditional_64_Template, 13, 14);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(55, MetricReportModalComponent_Conditional_0_Conditional_55_Template, 16, 3, "div", 16);
-    i0.ɵɵconditionalCreate(56, MetricReportModalComponent_Conditional_0_Conditional_56_Template, 7, 8, "div", 26);
+    i0.ɵɵconditionalCreate(65, MetricReportModalComponent_Conditional_0_Conditional_65_Template, 16, 3, "div", 16);
+    i0.ɵɵconditionalCreate(66, MetricReportModalComponent_Conditional_0_Conditional_66_Template, 7, 8, "div", 29);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(57, "div", 27)(58, "button", 28);
-    i0.ɵɵlistener("click", function MetricReportModalComponent_Conditional_0_Template_button_click_58_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.close()); });
-    i0.ɵɵtext(59, " Close ");
+    i0.ɵɵelementStart(67, "div", 30)(68, "button", 31);
+    i0.ɵɵlistener("click", function MetricReportModalComponent_Conditional_0_Template_button_click_68_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.close()); });
+    i0.ɵɵtext(69, " Close ");
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
     let tmp_8_0;
-    let tmp_9_0;
-    let tmp_17_0;
-    let tmp_22_0;
-    let tmp_26_0;
+    let tmp_19_0;
+    let tmp_27_0;
     let tmp_31_0;
     let tmp_36_0;
-    let tmp_38_0;
+    let tmp_41_0;
+    let tmp_43_0;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.backdropClasses())("@fadeIn", undefined);
@@ -57301,14 +57285,12 @@ function MetricReportModalComponent_Conditional_0_Template(rf, ctx) { if (rf & 1
     i0.ɵɵproperty("ngClass", ctx_r1.modalContainerClasses())("@slideUpFade", undefined);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.headerClasses());
-    i0.ɵɵadvance(3);
+    i0.ɵɵadvance(4);
     i0.ɵɵproperty("ngClass", ctx_r1.titleClasses());
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.metricTitle(), " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(((tmp_8_0 = ctx_r1.metricData()) == null ? null : tmp_8_0.description) ? 11 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.showDefinition() && ((tmp_9_0 = ctx_r1.metricData()) == null ? null : tmp_9_0.description) ? 12 : -1);
+    i0.ɵɵconditional(((tmp_8_0 = ctx_r1.metricData()) == null ? null : tmp_8_0.description) ? 12 : -1);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.closeButtonClasses());
     i0.ɵɵadvance(3);
@@ -57317,24 +57299,36 @@ function MetricReportModalComponent_Conditional_0_Template(rf, ctx) { if (rf & 1
     i0.ɵɵproperty("ngClass", ctx_r1.sectionCardClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.sectionTitleClasses());
-    i0.ɵɵadvance(4);
+    i0.ɵɵadvance(5);
     i0.ɵɵproperty("ngClass", ctx_r1.labelClasses());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r1.dateLabelClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" Year to Date (", ctx_r1.ytdDateRangeWithYear(), ") ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.ytdStartDate(), " ");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngClass", ctx_r1.dateLabelClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.ytdEndDate(), " ");
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.valueClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatMetricValue(ctx_r1.ytdValue(), ((tmp_17_0 = ctx_r1.metricData()) == null ? null : tmp_17_0.metric) || ""), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatMetricValue(ctx_r1.ytdValue(), ((tmp_19_0 = ctx_r1.metricData()) == null ? null : tmp_19_0.metric) || ""), " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.ytdChangePercentage() !== null ? 27 : -1);
-    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.ytdChangePercentage() !== null ? 32 : -1);
+    i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngClass", ctx_r1.labelClasses());
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngClass", ctx_r1.dateLabelClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.priorYearStartDate(), " ");
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" Same Period Last Year (", ctx_r1.priorYearDateRange(), ") ");
+    i0.ɵɵproperty("ngClass", ctx_r1.dateLabelClasses());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.priorYearEndDate(), " ");
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.valueClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatMetricValue(ctx_r1.samePeriodLastYearValue(), ((tmp_22_0 = ctx_r1.metricData()) == null ? null : tmp_22_0.metric) || ""), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatMetricValue(ctx_r1.samePeriodLastYearValue(), ((tmp_27_0 = ctx_r1.metricData()) == null ? null : tmp_27_0.metric) || ""), " ");
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.labelClasses());
     i0.ɵɵadvance();
@@ -57342,9 +57336,9 @@ function MetricReportModalComponent_Conditional_0_Template(rf, ctx) { if (rf & 1
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.valueClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatMetricValue(((tmp_26_0 = ctx_r1.metricData()) == null ? null : tmp_26_0.currentValue) || 0, ((tmp_26_0 = ctx_r1.metricData()) == null ? null : tmp_26_0.metric) || ""), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatMetricValue(((tmp_31_0 = ctx_r1.metricData()) == null ? null : tmp_31_0.currentValue) || 0, ((tmp_31_0 = ctx_r1.metricData()) == null ? null : tmp_31_0.metric) || ""), " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.pacingInfo() ? 38 : -1);
+    i0.ɵɵconditional(ctx_r1.pacingInfo() ? 48 : -1);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.labelClasses());
     i0.ɵɵadvance();
@@ -57352,7 +57346,7 @@ function MetricReportModalComponent_Conditional_0_Template(rf, ctx) { if (rf & 1
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.targetValueClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatMetricValue(((tmp_31_0 = ctx_r1.metricData()) == null ? null : tmp_31_0.targetValue) || 0, ((tmp_31_0 = ctx_r1.metricData()) == null ? null : tmp_31_0.metric) || "", false), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatMetricValue(((tmp_36_0 = ctx_r1.metricData()) == null ? null : tmp_36_0.targetValue) || 0, ((tmp_36_0 = ctx_r1.metricData()) == null ? null : tmp_36_0.metric) || "", false), " ");
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.sectionCardClasses());
     i0.ɵɵadvance();
@@ -57362,17 +57356,17 @@ function MetricReportModalComponent_Conditional_0_Template(rf, ctx) { if (rf & 1
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.targetValueClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatMetricValue(((tmp_36_0 = ctx_r1.metricData()) == null ? null : tmp_36_0.targetValue) || 0, ((tmp_36_0 = ctx_r1.metricData()) == null ? null : tmp_36_0.metric) || "", false), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatMetricValue(((tmp_41_0 = ctx_r1.metricData()) == null ? null : tmp_41_0.targetValue) || 0, ((tmp_41_0 = ctx_r1.metricData()) == null ? null : tmp_41_0.metric) || "", false), " ");
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.descriptionClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate4(" Your target represents a ", ctx_r1.formatPercentage(ctx_r1.Math.abs(((tmp_38_0 = ctx_r1.metricData()) == null ? null : tmp_38_0.percentageIncrease) || 0), 1), " ", (((tmp_38_0 = ctx_r1.metricData()) == null ? null : tmp_38_0.percentageIncrease) || 0) >= 0 ? "increase" : "decrease", " from your ", ctx_r1.priorYear(), " actual of ", ctx_r1.formatMetricValue(((tmp_38_0 = ctx_r1.metricData()) == null ? null : tmp_38_0.currentValue) || 0, ((tmp_38_0 = ctx_r1.metricData()) == null ? null : tmp_38_0.metric) || ""), ". ");
+    i0.ɵɵtextInterpolate4(" Your target represents a ", ctx_r1.formatPercentage(ctx_r1.Math.abs(((tmp_43_0 = ctx_r1.metricData()) == null ? null : tmp_43_0.percentageIncrease) || 0), 1), " ", (((tmp_43_0 = ctx_r1.metricData()) == null ? null : tmp_43_0.percentageIncrease) || 0) >= 0 ? "increase" : "decrease", " from your ", ctx_r1.priorYear(), " actual of ", ctx_r1.formatMetricValue(((tmp_43_0 = ctx_r1.metricData()) == null ? null : tmp_43_0.currentValue) || 0, ((tmp_43_0 = ctx_r1.metricData()) == null ? null : tmp_43_0.metric) || ""), ". ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.pacingInfo() ? 54 : -1);
+    i0.ɵɵconditional(ctx_r1.pacingInfo() ? 64 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.contributingMetrics().length > 0 ? 55 : -1);
+    i0.ɵɵconditional(ctx_r1.contributingMetrics().length > 0 ? 65 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.pacingChartData() ? 56 : -1);
+    i0.ɵɵconditional(ctx_r1.pacingChartData() ? 66 : -1);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.footerClasses());
     i0.ɵɵadvance();
@@ -57416,8 +57410,7 @@ class MetricReportModalComponent {
             const metric = this.metricData();
             if (!pacingResponse || !metric)
                 return 0;
-            const resp = pacingResponse;
-            const soFarMetric = resp.soFarMetricValues?.find((m) => m.metric === metric.metric);
+            const soFarMetric = pacingResponse.soFarMetricValues?.find((m) => m.metric === metric.metric);
             if (soFarMetric?.value) {
                 return parseFloat(soFarMetric.value);
             }
@@ -57428,8 +57421,7 @@ class MetricReportModalComponent {
             const metric = this.metricData();
             if (!pacingResponse || !metric)
                 return 0;
-            const resp = pacingResponse;
-            const lastYearMetric = resp.lastYearMetricValuesMonthly?.find((m) => m.metric === metric.metric);
+            const lastYearMetric = pacingResponse.lastYearSoFarMetricValues?.find((m) => m.metric === metric.metric);
             if (lastYearMetric?.value) {
                 return parseFloat(lastYearMetric.value);
             }
@@ -57466,6 +57458,28 @@ class MetricReportModalComponent {
             const priorYear = this.priorYear();
             return `Jan 1, ${priorYear} - ${yesterday.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}, ${priorYear}`;
         }, ...(ngDevMode ? [{ debugName: "priorYearDateRange" }] : []));
+        this.ytdStartDate = computed(() => {
+            const year = this.currentYear();
+            return `Jan 1, ${year}`;
+        }, ...(ngDevMode ? [{ debugName: "ytdStartDate" }] : []));
+        this.ytdEndDate = computed(() => {
+            const now = new Date();
+            const yesterday = new Date(now);
+            yesterday.setDate(yesterday.getDate() - 1);
+            const year = this.currentYear();
+            return `${yesterday.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}, ${year}`;
+        }, ...(ngDevMode ? [{ debugName: "ytdEndDate" }] : []));
+        this.priorYearStartDate = computed(() => {
+            const priorYear = this.priorYear();
+            return `Jan 1, ${priorYear}`;
+        }, ...(ngDevMode ? [{ debugName: "priorYearStartDate" }] : []));
+        this.priorYearEndDate = computed(() => {
+            const now = new Date();
+            const yesterday = new Date(now);
+            yesterday.setDate(yesterday.getDate() - 1);
+            const priorYear = this.priorYear();
+            return `${yesterday.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}, ${priorYear}`;
+        }, ...(ngDevMode ? [{ debugName: "priorYearEndDate" }] : []));
         this.gapAnalysisText = computed(() => {
             const pacing = this.pacingInfo();
             const metric = this.metricData();
@@ -57649,6 +57663,9 @@ class MetricReportModalComponent {
     labelClasses() {
         return this.isLightMode() ? 'text-slate-500' : 'text-slate-400';
     }
+    dateLabelClasses() {
+        return this.isLightMode() ? 'text-slate-400' : 'text-slate-500';
+    }
     valueClasses() {
         return this.isLightMode() ? 'text-slate-900' : 'text-white';
     }
@@ -57697,6 +57714,11 @@ class MetricReportModalComponent {
             ? 'bg-slate-100 text-slate-500 hover:bg-slate-200 hover:text-slate-700'
             : 'bg-slate-700/50 text-slate-400 hover:bg-slate-600/50 hover:text-slate-300';
     }
+    headerInfoIconClasses() {
+        return this.isLightMode()
+            ? 'bg-slate-100 text-slate-500 hover:bg-slate-200 hover:text-slate-700'
+            : 'bg-slate-700/50 text-slate-400 hover:bg-slate-600/50 hover:text-slate-300';
+    }
     footerClasses() {
         return this.isLightMode()
             ? 'bg-slate-50 border-slate-200'
@@ -57708,8 +57730,8 @@ class MetricReportModalComponent {
             : 'bg-slate-700 hover:bg-slate-600 text-white';
     }
     static { this.ɵfac = function MetricReportModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MetricReportModalComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MetricReportModalComponent, selectors: [["symphiq-metric-report-modal"]], inputs: { viewMode: [1, "viewMode"], metricEnum: [1, "metricEnum"], metricData: [1, "metricData"], contributingMetrics: [1, "contributingMetrics"], pacingMetrics: [1, "pacingMetrics"], isOpen: [1, "isOpen"] }, outputs: { closed: "closed" }, decls: 1, vars: 1, consts: [[1, "fixed", "inset-0", "overflow-y-auto", "z-50"], [1, "fixed", "inset-0", "overflow-y-auto", "z-50", 3, "click"], [1, "flex", "items-center", "justify-center", "min-h-screen", "px-4", "pt-4", "pb-20", "text-center", "sm:block", "sm:p-0"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-md", 3, "ngClass"], ["aria-hidden", "true", 1, "hidden", "sm:inline-block", "sm:align-middle", "sm:h-screen"], [1, "relative", "inline-block", "align-bottom", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "sm:my-8", "sm:align-middle", "sm:w-full", "sm:max-w-4xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", "sticky", "top-0", "z-10", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex-1"], [1, "text-xl", "font-bold", "mb-2", 3, "ngClass"], ["type", "button", 1, "inline-flex", "items-center", "gap-2", "text-sm", "font-medium", "transition-colors", 3, "ngClass"], [1, "mt-3", "p-4", "rounded-lg", "border", "text-sm", "leading-relaxed", 3, "ngClass"], [1, "ml-4", "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-6", "max-h-[70vh]", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [1, "rounded-xl", "p-6", "mb-6", 3, "ngClass"], [1, "text-sm", "font-semibold", "uppercase", "tracking-wider", "mb-4", 3, "ngClass"], [1, "grid", "grid-cols-1", "sm:grid-cols-2", "lg:grid-cols-3", "gap-4"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", "mb-1.5", 3, "ngClass"], [3, "viewMode", "percentageChange", "metric", "priorYear", "isCompact"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "mb-4"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", "mb-2", 3, "ngClass"], [1, "text-3xl", "font-extrabold", "mb-3", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "rounded-xl", "p-6", 3, "ngClass"], [1, "px-6", "py-4", "border-t", 3, "ngClass"], [1, "w-full", "px-4", "py-2", "rounded-lg", "transition-all", "font-medium", "hover:scale-[1.02]", "active:scale-[0.98]", 3, "click", "ngClass"], ["type", "button", 1, "inline-flex", "items-center", "gap-2", "text-sm", "font-medium", "transition-colors", 3, "click", "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", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "transition-transform"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [3, "viewMode", "pacingPercentage", "status", "showAsFullText", "isCompact", "showEmphasizedPercentage"], [1, "space-y-2"], [1, "flex", "justify-between", "text-xs", 3, "ngClass"], [1, "h-3", "rounded-full", "overflow-hidden", 3, "ngClass"], [1, "h-full", "transition-all", "duration-500", 3, "ngClass"], [1, "overflow-x-auto"], [1, "w-full"], [1, "border-b", 3, "ngClass"], [1, "text-left", "py-3", "px-4", "text-xs", "font-semibold", "uppercase", "tracking-wider"], [1, "text-right", "py-3", "px-4", "text-xs", "font-semibold", "uppercase", "tracking-wider"], [1, "border-b", "transition-colors", 3, "ngClass"], [1, "py-3", "px-4"], [1, "flex", "items-center", "gap-2"], [1, "text-sm", "font-medium"], ["type", "button", "tooltipType", "markdown", "tooltipPosition", "right", 1, "flex-shrink-0", "w-5", "h-5", "rounded-full", "inline-flex", "items-center", "justify-center", "transition-colors", 3, "ngClass", "libSymphiqTooltip"], [1, "py-3", "px-4", "text-right"], [1, "text-sm", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "justify-end", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "text-emerald-500"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3"], [1, "min-h-[400px]"], [3, "chart", "showAxisLabels", "viewMode", "currencySymbol"], [1, "text-sm", "leading-relaxed", "mt-4", 3, "ngClass"]], template: function MetricReportModalComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, MetricReportModalComponent_Conditional_0_Template, 60, 46, "div", 0);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MetricReportModalComponent, selectors: [["symphiq-metric-report-modal"]], inputs: { viewMode: [1, "viewMode"], metricEnum: [1, "metricEnum"], metricData: [1, "metricData"], contributingMetrics: [1, "contributingMetrics"], pacingMetrics: [1, "pacingMetrics"], isOpen: [1, "isOpen"] }, outputs: { closed: "closed" }, decls: 1, vars: 1, consts: [[1, "fixed", "inset-0", "overflow-y-auto", "z-50"], [1, "fixed", "inset-0", "overflow-y-auto", "z-50", 3, "click"], [1, "flex", "items-center", "justify-center", "min-h-screen", "px-4", "pt-4", "pb-20", "text-center", "sm:block", "sm:p-0"], ["aria-hidden", "true", 1, "fixed", "inset-0", "backdrop-blur-md", 3, "ngClass"], ["aria-hidden", "true", 1, "hidden", "sm:inline-block", "sm:align-middle", "sm:h-screen"], [1, "relative", "inline-block", "align-bottom", "rounded-2xl", "text-left", "overflow-hidden", "shadow-xl", "sm:my-8", "sm:align-middle", "sm:w-full", "sm:max-w-4xl", "border", "backdrop-blur-xl", 3, "click", "ngClass"], [1, "px-6", "py-5", "border-b", "backdrop-blur-sm", "sticky", "top-0", "z-10", 3, "ngClass"], [1, "flex", "items-start", "justify-between"], [1, "flex-1"], [1, "flex", "items-center", "gap-3", "mb-2"], [1, "text-xl", "font-bold", 3, "ngClass"], ["type", "button", "tooltipType", "markdown", "tooltipPosition", "right", 1, "flex-shrink-0", "w-7", "h-7", "rounded-full", "inline-flex", "items-center", "justify-center", "transition-colors", 3, "ngClass", "libSymphiqTooltip"], [1, "ml-4", "transition-all", "rounded-lg", "p-1", "hover:scale-110", "active:scale-90", 3, "click", "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-6", "h-6"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M6 18L18 6M6 6l12 12"], [1, "px-6", "py-6", "max-h-[70vh]", "overflow-y-auto", "backdrop-blur-sm", 3, "ngClass"], [1, "rounded-xl", "p-6", "mb-6", 3, "ngClass"], [1, "text-sm", "font-semibold", "uppercase", "tracking-wider", "mb-4", 3, "ngClass"], [1, "grid", "grid-cols-1", "sm:grid-cols-2", "lg:grid-cols-3", "gap-4"], [1, "mb-1.5"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", 3, "ngClass"], [1, "text-xs", 3, "ngClass"], [1, "text-xl", "font-bold", "mb-2", 3, "ngClass"], [3, "viewMode", "percentageChange", "metric", "priorYear", "isCompact"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", "mb-1.5", 3, "ngClass"], [1, "mb-4"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", "mb-2", 3, "ngClass"], [1, "text-3xl", "font-extrabold", "mb-3", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "rounded-xl", "p-6", 3, "ngClass"], [1, "px-6", "py-4", "border-t", 3, "ngClass"], [1, "w-full", "px-4", "py-2", "rounded-lg", "transition-all", "font-medium", "hover:scale-[1.02]", "active:scale-[0.98]", 3, "click", "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", "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"], [3, "viewMode", "pacingPercentage", "status", "showAsFullText", "isCompact", "showEmphasizedPercentage"], [1, "space-y-2"], [1, "flex", "justify-between", "text-xs", 3, "ngClass"], [1, "h-3", "rounded-full", "overflow-hidden", 3, "ngClass"], [1, "h-full", "transition-all", "duration-500", 3, "ngClass"], [1, "overflow-x-auto"], [1, "w-full"], [1, "border-b", 3, "ngClass"], [1, "text-left", "py-3", "px-4", "text-xs", "font-semibold", "uppercase", "tracking-wider"], [1, "text-right", "py-3", "px-4", "text-xs", "font-semibold", "uppercase", "tracking-wider"], [1, "border-b", "transition-colors", 3, "ngClass"], [1, "py-3", "px-4"], [1, "flex", "items-center", "gap-2"], [1, "text-sm", "font-medium"], ["type", "button", "tooltipType", "markdown", "tooltipPosition", "right", 1, "flex-shrink-0", "w-5", "h-5", "rounded-full", "inline-flex", "items-center", "justify-center", "transition-colors", 3, "ngClass", "libSymphiqTooltip"], [1, "py-3", "px-4", "text-right"], [1, "text-sm", "font-semibold", 3, "ngClass"], [1, "flex", "items-center", "justify-end", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "text-emerald-500"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3"], [1, "min-h-[400px]"], [3, "chart", "showAxisLabels", "viewMode", "currencySymbol"], [1, "text-sm", "leading-relaxed", "mt-4", 3, "ngClass"]], template: function MetricReportModalComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, MetricReportModalComponent_Conditional_0_Template, 70, 51, "div", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isOpen() ? 0 : -1);
         } }, dependencies: [CommonModule, i1$1.NgClass, PacingStatusBadgeComponent,
@@ -57782,34 +57804,24 @@ class MetricReportModalComponent {
             <div [ngClass]="headerClasses()" class="px-6 py-5 border-b backdrop-blur-sm sticky top-0 z-10">
               <div class="flex items-start justify-between">
                 <div class="flex-1">
-                  <h3 [ngClass]="titleClasses()" class="text-xl font-bold mb-2">
-                    {{ metricTitle() }}
-                  </h3>
-                  @if (metricData()?.description) {
-                    <button
-                      type="button"
-                      (click)="toggleDefinition()"
-                      [ngClass]="definitionToggleClasses()"
-                      class="inline-flex items-center gap-2 text-sm font-medium transition-colors">
-                      <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
-                      </svg>
-                      <span>What is {{ metricTitle() }}?</span>
-                      <svg
-                        [class.rotate-180]="showDefinition()"
-                        class="w-4 h-4 transition-transform"
-                        fill="none"
-                        stroke="currentColor"
-                        viewBox="0 0 24 24">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
-                      </svg>
-                    </button>
-                  }
-                  @if (showDefinition() && metricData()?.description) {
-                    <div [ngClass]="definitionBoxClasses()" class="mt-3 p-4 rounded-lg border text-sm leading-relaxed">
-                      {{ metricData()?.description }}
-                    </div>
-                  }
+                  <div class="flex items-center gap-3 mb-2">
+                    <h3 [ngClass]="titleClasses()" class="text-xl font-bold">
+                      {{ metricTitle() }}
+                    </h3>
+                    @if (metricData()?.description) {
+                      <button
+                        type="button"
+                        [ngClass]="headerInfoIconClasses()"
+                        class="flex-shrink-0 w-7 h-7 rounded-full inline-flex items-center justify-center transition-colors"
+                        [libSymphiqTooltip]="getMarkdownTooltipContent(metricData()!.description!, metricTitle())"
+                        tooltipType="markdown"
+                        tooltipPosition="right">
+                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+                        </svg>
+                      </button>
+                    }
+                  </div>
                 </div>
                 <button
                   (click)="close()"
@@ -57834,9 +57846,17 @@ class MetricReportModalComponent {
                 <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
                   <!-- YTD Value -->
                   <div>
-                    <p [ngClass]="labelClasses()" class="text-xs font-medium uppercase tracking-wider mb-1.5">
-                      Year to Date ({{ ytdDateRangeWithYear() }})
-                    </p>
+                    <div class="mb-1.5">
+                      <p [ngClass]="labelClasses()" class="text-xs font-medium uppercase tracking-wider">
+                        Year to date
+                      </p>
+                      <p [ngClass]="dateLabelClasses()" class="text-xs">
+                        {{ ytdStartDate() }}
+                      </p>
+                      <p [ngClass]="dateLabelClasses()" class="text-xs">
+                        {{ ytdEndDate() }}
+                      </p>
+                    </div>
                     <p [ngClass]="valueClasses()" class="text-xl font-bold mb-2">
                       {{ formatMetricValue(ytdValue(), metricData()?.metric || '') }}
                     </p>
@@ -57853,9 +57873,17 @@ class MetricReportModalComponent {
 
                   <!-- Same Period Last Year -->
                   <div>
-                    <p [ngClass]="labelClasses()" class="text-xs font-medium uppercase tracking-wider mb-1.5">
-                      Same Period Last Year ({{ priorYearDateRange() }})
-                    </p>
+                    <div class="mb-1.5">
+                      <p [ngClass]="labelClasses()" class="text-xs font-medium uppercase tracking-wider">
+                        Same period last year
+                      </p>
+                      <p [ngClass]="dateLabelClasses()" class="text-xs">
+                        {{ priorYearStartDate() }}
+                      </p>
+                      <p [ngClass]="dateLabelClasses()" class="text-xs">
+                        {{ priorYearEndDate() }}
+                      </p>
+                    </div>
                     <p [ngClass]="valueClasses()" class="text-xl font-bold">
                       {{ formatMetricValue(samePeriodLastYearValue(), metricData()?.metric || '') }}
                     </p>
@@ -58063,7 +58091,7 @@ class MetricReportModalComponent {
   `
             }]
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], metricEnum: [{ type: i0.Input, args: [{ isSignal: true, alias: "metricEnum", required: false }] }], metricData: [{ type: i0.Input, args: [{ isSignal: true, alias: "metricData", required: false }] }], contributingMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "contributingMetrics", required: false }] }], pacingMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "pacingMetrics", required: false }] }], isOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOpen", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricReportModalComponent, { className: "MetricReportModalComponent", filePath: "lib/components/revenue-calculator-dashboard/metric-report-modal.component.ts", lineNumber: 344 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricReportModalComponent, { className: "MetricReportModalComponent", filePath: "lib/components/revenue-calculator-dashboard/metric-report-modal.component.ts", lineNumber: 350 }); })();
 
 const _c0$q = ["absoluteInputRef"];
 const _c1$b = ["percentageInputRef"];