@eric-emg/symphiq-components 1.2.535 → 1.2.536

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/fesm2022/symphiq-components.mjs +120 -116
  2. package/fesm2022/symphiq-components.mjs.map +1 -1
  3. package/index.d.ts +5 -1
  4. package/index.d.ts.map +1 -1
  5. package/package.json +1 -1
package/fesm2022/symphiq-components.mjs CHANGED
@@ -8750,7 +8750,7 @@ class MetricCardComponent {
8750
8750
  }
8751
8751
  }
8752
8752
  static { this.ɵfac = function MetricCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MetricCardComponent)(); }; }
8753
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MetricCardComponent, selectors: [["symphiq-funnel-analysis-metric-card"]], inputs: { metric: [1, "metric"], insights: [1, "insights"], charts: [1, "charts"], allCharts: [1, "allCharts"], analysis: [1, "analysis"], isLightMode: [1, "isLightMode"], isLoading: [1, "isLoading"], isCompactMode: [1, "isCompactMode"], isInModal: [1, "isInModal"], currentModalState: [1, "currentModalState"], viewMode: [1, "viewMode"], initialExpandedSection: [1, "initialExpandedSection"], currencySymbol: [1, "currencySymbol"] }, decls: 2, vars: 1, consts: [[1, "relative", "overflow-hidden", 3, "class"], [1, "relative", "overflow-hidden", "transition-all", "duration-300", "hover:shadow-2xl", "hover:-translate-y-1", 3, "class", "opacity-0", "opacity-100"], [1, "relative", "overflow-hidden"], [1, "space-y-4"], [1, "flex", "items-start", "justify-between", "mb-5"], [1, "flex-1", "space-y-3"], [3, "width", "height", "isLightMode"], [1, "space-y-2"], [1, "flex", "justify-between"], [1, "relative", "overflow-hidden", "transition-all", "duration-300", "hover:shadow-2xl", "hover:-translate-y-1"], [1, "absolute", "inset-0", "pointer-events-none"], [1, "absolute", "inset-0", "opacity-[0.03]", "pointer-events-none", "overflow-hidden"], [1, "h-full", "flex", "items-end", "justify-end", "gap-1", "p-4"], [1, "w-2", "rounded-t", 3, "height", "ngClass"], [1, "flex-1"], [1, "flex", "items-center", "gap-2", "mb-1.5", "flex-wrap"], [1, "text-sm", "font-medium", "transition-colors", "duration-300", 3, "ngClass"], ["tooltipType", "badge", 1, "px-2", "py-0.5", "text-xs", "font-semibold", "rounded", "border", "transition-all", "duration-300", 3, "ngClass", "libSymphiqTooltip", "tooltipPosition"], ["tooltipType", "competitive", 1, "px-2", "py-0.5", "text-[10px]", "font-bold", "rounded-full", "border", "transition-all", "duration-300", "flex", "items-center", "gap-1", 3, "class", "libSymphiqTooltip", "tooltipPosition"], [1, "flex", "items-baseline", "gap-2", "relative"], ["tooltipType", "metric", 1, "text-4xl", "font-bold", "transition-all", "duration-300", "group-hover:scale-105", "animate-value-glow", 3, "ngClass", "libSymphiqTooltip", "tooltipPosition"], ["tooltipType", "trend", 1, "text-sm", "font-semibold", "flex", "items-center", "gap-1", 3, "libSymphiqTooltip", "tooltipPosition"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4"], [1, "mt-3", "flex", "items-center", "gap-2"], [1, "mt-2", "flex", "items-center", "gap-2"], ["tooltipType", "status", 3, "ngStyle", "libSymphiqTooltip", "tooltipPosition"], [1, "text-sm"], ["tooltipType", "status", 1, "space-y-2", 3, "libSymphiqTooltip", "tooltipPosition"], [1, "flex", "justify-between", "items-center", "text-sm"], [3, "ngClass"], [1, "font-medium", 3, "ngClass"], [1, "w-full", "rounded-full", "h-2.5", "overflow-visible", "relative", "group-hover:h-3", "transition-all", "duration-300", 3, "ngClass"], [1, "absolute", "inset-0", "flex", "justify-between", "items-center", "px-0.5"], [1, "absolute", "w-0.5", "h-3", "-translate-x-1/2", "opacity-40", "z-10", 3, "left", "ngClass"], [1, "h-full", "rounded-full", "transition-all", "duration-500", "group-hover:shadow-lg", "animate-progress-bar", 3, "ngClass"], [1, "flex", "justify-between", "items-center", "text-xs"], ["tooltipType", "priority", 3, "ngClass", "libSymphiqTooltip", "tooltipPosition"], [1, "mt-4"], [1, "absolute", "-top-20", "-right-20", "w-64", "h-64", "rounded-full", "blur-2xl", 3, "ngClass"], [1, "w-2", "rounded-t", 3, "ngClass"], ["tooltipType", "competitive", 1, "px-2", "py-0.5", "text-[10px]", "font-bold", "rounded-full", "border", "transition-all", "duration-300", "flex", "items-center", "gap-1", 3, "libSymphiqTooltip", "tooltipPosition"], ["fill-rule", "evenodd", "d", "M5.293 9.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 7.414V15a1 1 0 11-2 0V7.414L6.707 9.707a1 1 0 01-1.414 0z", "clip-rule", "evenodd"], ["fill-rule", "evenodd", "d", "M14.707 10.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 12.586V5a1 1 0 012 0v7.586l2.293-2.293a1 1 0 011.414 0z", "clip-rule", "evenodd"], [1, "text-xs", 3, "ngClass"], ["tooltipType", "trend", 1, "text-xs", "font-semibold", 3, "ngClass", "libSymphiqTooltip", "tooltipPosition"], ["tooltipType", "status", 1, "text-xs", "font-semibold", 3, "ngClass", "libSymphiqTooltip", "tooltipPosition"], [1, "text-xs", "flex", "items-center", "gap-1", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"], [1, "text-xs", "font-semibold"], [1, "absolute", "w-0.5", "h-3", "-translate-x-1/2", "opacity-40", "z-10", 3, "ngClass"], [1, "mt-4", "text-sm", "leading-relaxed", "flex-grow", 3, "ngClass"], [1, "w-full", "flex", "items-center", "justify-between", "px-4", "py-3", "rounded-lg", "border", "transition-all", "duration-200", "hover:shadow-md", "hover:scale-[1.02]", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-3"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "opacity-60"], [1, "text-sm", "font-medium"], [1, "px-2", "py-0.5", "text-[10px]", "font-bold", "rounded-full", "border"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "transition-transform", "duration-200"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden", 2, "min-height", "0"], [1, "pt-3"], [1, "p-4", "rounded-lg", "border", "space-y-3", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wide", "mb-2", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "grid", "grid-cols-2", "gap-3"], [1, "text-xs", "block", "mb-1", 3, "ngClass"], [1, "text-sm", "font-semibold", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wide", "mb-2", "flex", "items-center", "gap-2", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3.5", "h-3.5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "w-full", "flex", "items-center", "justify-between", "px-4", "py-3", "rounded-lg", "border", "transition-all", "duration-200", "cursor-pointer", "hover:scale-[1.02]", "hover:shadow-md", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-4"], [1, "flex", "items-center", "gap-1"], [1, "flex", "items-center", "gap-1.5", "relative"], [1, "pt-4", "space-y-4"], [1, "w-full", "flex", "items-center", "justify-between", "gap-2", "p-3", "rounded-lg", "border", "transition-all", "cursor-pointer", "hover:shadow-md", "active:scale-[0.99]", 3, "ngClass"], [1, "w-full", "p-3", "rounded-lg", "border", "transition-all", "duration-200", "hover:shadow-md", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3.5", "h-3.5", "opacity-60"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "opacity-60"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"], [1, "flex", "items-center", "justify-center", "w-4", "h-4", "text-[9px]", "font-bold", "rounded-full", "border", "-translate-y-0.5", 3, "ngClass"], [1, "w-full", "flex", "items-center", "justify-between", "gap-2", "p-3", "rounded-lg", "border", "transition-all", "cursor-pointer", "hover:shadow-md", "active:scale-[0.99]", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wide"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "flex", "items-center", "gap-2", "mb-2"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wide", 3, "ngClass"], [1, "space-y-2", "text-xs"], [1, "flex", "justify-between", "items-center"], [1, "font-semibold"], [1, "mt-6"], [1, "mt-6", "flex-shrink-0"], [3, "chart", "isLightMode", "isCompactMode", "collapsibleIn", "currencySymbol"], [3, "chartClick", "chart", "isLightMode", "isCompactMode", "collapsibleIn", "currencySymbol"], [1, "flex", "items-center", "gap-2", "mb-3"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "text-blue-400"], ["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"], ["tooltipType", "insight", 1, "w-full", "text-left", "flex", "items-center", "gap-2", "p-3", "rounded-lg", "border", "cursor-default", 3, "ngClass", "libSymphiqTooltip", "tooltipPosition"], ["tooltipType", "insight", 1, "w-full", "text-left", "flex", "items-center", "gap-2", "p-3", "rounded-lg", "border", "hover:border-blue-500/50", "transition-all", "cursor-pointer", "group", "hover:scale-[1.02]", "active:scale-[0.98]", 3, "ngClass", "libSymphiqTooltip", "tooltipPosition"], [1, "inline-flex", "items-center", "justify-center", "w-6", "h-6", "rounded-full", "text-xs", "font-bold", "flex-shrink-0", 3, "ngClass"], [1, "text-sm", "flex-1", 3, "ngClass"], ["tooltipType", "insight", 1, "w-full", "text-left", "flex", "items-center", "gap-2", "p-3", "rounded-lg", "border", "hover:border-blue-500/50", "transition-all", "cursor-pointer", "group", "hover:scale-[1.02]", "active:scale-[0.98]", 3, "click", "ngClass", "libSymphiqTooltip", "tooltipPosition"], [1, "text-sm", "transition-colors", "flex-1", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "group-hover:text-blue-400", "transition-colors", 3, "ngClass"]], template: function MetricCardComponent_Template(rf, ctx) { if (rf & 1) {
8753
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MetricCardComponent, selectors: [["symphiq-funnel-analysis-metric-card"]], inputs: { metric: [1, "metric"], insights: [1, "insights"], charts: [1, "charts"], allCharts: [1, "allCharts"], analysis: [1, "analysis"], isLightMode: [1, "isLightMode"], isLoading: [1, "isLoading"], isCompactMode: [1, "isCompactMode"], isInModal: [1, "isInModal"], currentModalState: [1, "currentModalState"], viewMode: [1, "viewMode"], initialExpandedSection: [1, "initialExpandedSection"], currencySymbol: [1, "currencySymbol"] }, decls: 2, vars: 1, consts: [[1, "relative", "overflow-hidden", 3, "class"], [1, "relative", "overflow-hidden", "transition-all", "duration-300", "hover:shadow-2xl", "hover:-translate-y-1", 3, "class", "opacity-0", "opacity-100"], [1, "relative", "overflow-hidden"], [1, "space-y-4"], [1, "flex", "items-start", "justify-between", "mb-5"], [1, "flex-1", "space-y-3"], [3, "width", "height", "isLightMode"], [1, "space-y-2"], [1, "flex", "justify-between"], [1, "relative", "overflow-hidden", "transition-all", "duration-300", "hover:shadow-2xl", "hover:-translate-y-1"], [1, "absolute", "inset-0", "pointer-events-none"], [1, "absolute", "inset-0", "opacity-[0.03]", "pointer-events-none", "overflow-hidden"], [1, "h-full", "flex", "items-end", "justify-end", "gap-1", "p-4"], [1, "w-2", "rounded-t", 3, "height", "ngClass"], [1, "flex-1"], [1, "flex", "items-center", "gap-2", "mb-1.5", "flex-wrap"], [1, "text-sm", "font-medium", "transition-colors", "duration-300", "!mb-0", 3, "ngClass"], ["tooltipType", "badge", 1, "px-2", "py-0.5", "text-xs", "font-semibold", "rounded", "border", "transition-all", "duration-300", 3, "ngClass", "libSymphiqTooltip", "tooltipPosition"], ["tooltipType", "competitive", 1, "px-2", "py-0.5", "text-[10px]", "font-bold", "rounded-full", "border", "transition-all", "duration-300", "flex", "items-center", "gap-1", 3, "class", "libSymphiqTooltip", "tooltipPosition"], [1, "flex", "items-baseline", "gap-2", "relative"], ["tooltipType", "metric", 1, "text-4xl", "font-bold", "transition-all", "duration-300", "group-hover:scale-105", "animate-value-glow", 3, "ngClass", "libSymphiqTooltip", "tooltipPosition"], ["tooltipType", "trend", 1, "text-sm", "font-semibold", "flex", "items-center", "gap-1", 3, "libSymphiqTooltip", "tooltipPosition"], ["fill", "currentColor", "viewBox", "0 0 20 20", 1, "w-4", "h-4"], [1, "mt-3", "flex", "items-center", "gap-2"], [1, "mt-2", "flex", "items-center", "gap-2"], ["tooltipType", "status", 3, "ngStyle", "libSymphiqTooltip", "tooltipPosition"], [1, "text-sm"], ["tooltipType", "status", 1, "space-y-2", 3, "libSymphiqTooltip", "tooltipPosition"], [1, "flex", "justify-between", "items-center", "text-sm"], [3, "ngClass"], [1, "font-medium", 3, "ngClass"], [1, "w-full", "rounded-full", "h-2.5", "overflow-visible", "relative", "group-hover:h-3", "transition-all", "duration-300", 3, "ngClass"], [1, "absolute", "inset-0", "flex", "justify-between", "items-center", "px-0.5"], [1, "absolute", "w-0.5", "h-3", "-translate-x-1/2", "opacity-40", "z-10", 3, "left", "ngClass"], [1, "h-full", "rounded-full", "transition-all", "duration-500", "group-hover:shadow-lg", "animate-progress-bar", 3, "ngClass"], [1, "flex", "justify-between", "items-center", "text-xs"], ["tooltipType", "priority", 3, "ngClass", "libSymphiqTooltip", "tooltipPosition"], [1, "mt-4"], [1, "absolute", "-top-20", "-right-20", "w-64", "h-64", "rounded-full", "blur-2xl", 3, "ngClass"], [1, "w-2", "rounded-t", 3, "ngClass"], ["tooltipType", "competitive", 1, "px-2", "py-0.5", "text-[10px]", "font-bold", "rounded-full", "border", "transition-all", "duration-300", "flex", "items-center", "gap-1", 3, "libSymphiqTooltip", "tooltipPosition"], ["fill-rule", "evenodd", "d", "M5.293 9.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L11 7.414V15a1 1 0 11-2 0V7.414L6.707 9.707a1 1 0 01-1.414 0z", "clip-rule", "evenodd"], ["fill-rule", "evenodd", "d", "M14.707 10.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L9 12.586V5a1 1 0 012 0v7.586l2.293-2.293a1 1 0 011.414 0z", "clip-rule", "evenodd"], [1, "text-xs", 3, "ngClass"], ["tooltipType", "trend", 1, "text-xs", "font-semibold", 3, "ngClass", "libSymphiqTooltip", "tooltipPosition"], ["tooltipType", "status", 1, "text-xs", "font-semibold", 3, "ngClass", "libSymphiqTooltip", "tooltipPosition"], [1, "text-xs", "flex", "items-center", "gap-1", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3", "h-3"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"], [1, "text-xs", "font-semibold"], [1, "absolute", "w-0.5", "h-3", "-translate-x-1/2", "opacity-40", "z-10", 3, "ngClass"], [1, "mt-4", "text-sm", "leading-relaxed", "flex-grow", 3, "ngClass"], [1, "w-full", "flex", "items-center", "justify-between", "px-4", "py-3", "rounded-lg", "border", "transition-all", "duration-200", "hover:shadow-md", "hover:scale-[1.02]", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-3"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "opacity-60"], [1, "text-sm", "font-medium"], [1, "px-2", "py-0.5", "text-[10px]", "font-bold", "rounded-full", "border"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "transition-transform", "duration-200"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M19 9l-7 7-7-7"], [1, "grid", "transition-[grid-template-rows]", "duration-300", "ease-in-out"], [1, "overflow-hidden", 2, "min-height", "0"], [1, "pt-3"], [1, "p-4", "rounded-lg", "border", "space-y-3", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wide", "mb-2", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "grid", "grid-cols-2", "gap-3"], [1, "text-xs", "block", "mb-1", 3, "ngClass"], [1, "text-sm", "font-semibold", 3, "ngClass"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wide", "mb-2", "flex", "items-center", "gap-2", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3.5", "h-3.5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M13 10V3L4 14h7v7l9-11h-7z"], [1, "w-full", "flex", "items-center", "justify-between", "px-4", "py-3", "rounded-lg", "border", "transition-all", "duration-200", "cursor-pointer", "hover:scale-[1.02]", "hover:shadow-md", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-4"], [1, "flex", "items-center", "gap-1"], [1, "flex", "items-center", "gap-1.5", "relative"], [1, "pt-4", "space-y-4"], [1, "w-full", "flex", "items-center", "justify-between", "gap-2", "p-3", "rounded-lg", "border", "transition-all", "cursor-pointer", "hover:shadow-md", "active:scale-[0.99]", 3, "ngClass"], [1, "w-full", "p-3", "rounded-lg", "border", "transition-all", "duration-200", "hover:shadow-md", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-3.5", "h-3.5", "opacity-60"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "opacity-60"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"], [1, "flex", "items-center", "justify-center", "w-4", "h-4", "text-[9px]", "font-bold", "rounded-full", "border", "-translate-y-0.5", 3, "ngClass"], [1, "w-full", "flex", "items-center", "justify-between", "gap-2", "p-3", "rounded-lg", "border", "transition-all", "cursor-pointer", "hover:shadow-md", "active:scale-[0.99]", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-2"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wide"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 5l7 7-7 7"], [1, "flex", "items-center", "gap-2", "mb-2"], [1, "text-xs", "font-semibold", "uppercase", "tracking-wide", 3, "ngClass"], [1, "space-y-2", "text-xs"], [1, "flex", "justify-between", "items-center"], [1, "font-semibold"], [1, "mt-6"], [1, "mt-6", "flex-shrink-0"], [3, "chart", "isLightMode", "isCompactMode", "collapsibleIn", "currencySymbol"], [3, "chartClick", "chart", "isLightMode", "isCompactMode", "collapsibleIn", "currencySymbol"], [1, "flex", "items-center", "gap-2", "mb-3"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "text-blue-400"], ["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"], ["tooltipType", "insight", 1, "w-full", "text-left", "flex", "items-center", "gap-2", "p-3", "rounded-lg", "border", "cursor-default", 3, "ngClass", "libSymphiqTooltip", "tooltipPosition"], ["tooltipType", "insight", 1, "w-full", "text-left", "flex", "items-center", "gap-2", "p-3", "rounded-lg", "border", "hover:border-blue-500/50", "transition-all", "cursor-pointer", "group", "hover:scale-[1.02]", "active:scale-[0.98]", 3, "ngClass", "libSymphiqTooltip", "tooltipPosition"], [1, "inline-flex", "items-center", "justify-center", "w-6", "h-6", "rounded-full", "text-xs", "font-bold", "flex-shrink-0", 3, "ngClass"], [1, "text-sm", "flex-1", 3, "ngClass"], ["tooltipType", "insight", 1, "w-full", "text-left", "flex", "items-center", "gap-2", "p-3", "rounded-lg", "border", "hover:border-blue-500/50", "transition-all", "cursor-pointer", "group", "hover:scale-[1.02]", "active:scale-[0.98]", 3, "click", "ngClass", "libSymphiqTooltip", "tooltipPosition"], [1, "text-sm", "transition-colors", "flex-1", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4", "group-hover:text-blue-400", "transition-colors", 3, "ngClass"]], template: function MetricCardComponent_Template(rf, ctx) { if (rf & 1) {
8754
8754
  i0.ɵɵconditionalCreate(0, MetricCardComponent_Conditional_0_Template, 17, 32, "div", 0)(1, MetricCardComponent_Conditional_1_Template, 47, 56, "div", 1);
8755
8755
  } if (rf & 2) {
8756
8756
  i0.ɵɵconditional(ctx.isLoading() ? 0 : 1);
@@ -8827,7 +8827,7 @@ class MetricCardComponent {
8827
8827
  <div class="flex items-start justify-between mb-5">
8828
8828
  <div class="flex-1">
8829
8829
  <div class="flex items-center gap-2 mb-1.5 flex-wrap">
8830
- <h3 [ngClass]="isLightMode() ? 'text-slate-600 group-hover:text-slate-900' : 'text-slate-400 group-hover:text-white'" class="text-sm font-medium transition-colors duration-300">{{ formatMetricName(metric().metric || 'UNKNOWN') }}</h3>
8830
+ <h3 [ngClass]="isLightMode() ? 'text-slate-600 group-hover:text-slate-900' : 'text-slate-400 group-hover:text-white'" class="text-sm font-medium transition-colors duration-300 !mb-0">{{ formatMetricName(metric().metric || 'UNKNOWN') }}</h3>
8831
8831
  @if (isFunnelStage()) {
8832
8832
  <span
8833
8833
  [ngClass]="isLightMode() ? 'bg-purple-100 text-purple-700 border-purple-300 group-hover:bg-purple-200' : 'bg-purple-500/20 text-purple-300 border-purple-500/30 group-hover:bg-purple-500/30'"
@@ -69609,9 +69609,9 @@ function MetricExecutiveSummaryComponent_Conditional_11_Template(rf, ctx) { if (
69609
69609
  i0.ɵɵproperty("grade", ctx_r0.summary().overallGrade)("gradeRationale", ctx_r0.summary().gradeRationale || "")("viewMode", ctx_r0.viewMode());
69610
69610
  } }
69611
69611
  function MetricExecutiveSummaryComponent_Conditional_14_Conditional_7_Template(rf, ctx) { if (rf & 1) {
69612
- i0.ɵɵelementStart(0, "div", 22);
69613
- i0.ɵɵelement(1, "symphiq-icon", 15);
69614
- i0.ɵɵelementStart(2, "span", 14);
69612
+ i0.ɵɵelementStart(0, "div", 23);
69613
+ i0.ɵɵelement(1, "symphiq-icon", 20);
69614
+ i0.ɵɵelementStart(2, "span", 24);
69615
69615
  i0.ɵɵtext(3);
69616
69616
  i0.ɵɵelementEnd()();
69617
69617
  } if (rf & 2) {
@@ -69625,14 +69625,14 @@ function MetricExecutiveSummaryComponent_Conditional_14_Conditional_7_Template(r
69625
69625
  } }
69626
69626
  function MetricExecutiveSummaryComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
69627
69627
  i0.ɵɵelementStart(0, "div", 12)(1, "div", 19);
69628
- i0.ɵɵelement(2, "symphiq-icon", 15);
69629
- i0.ɵɵelementStart(3, "span", 20);
69628
+ i0.ɵɵelement(2, "symphiq-icon", 20);
69629
+ i0.ɵɵelementStart(3, "span", 21);
69630
69630
  i0.ɵɵtext(4, " Current Value ");
69631
69631
  i0.ɵɵelementEnd()();
69632
- i0.ɵɵelementStart(5, "div", 21);
69632
+ i0.ɵɵelementStart(5, "div", 22);
69633
69633
  i0.ɵɵtext(6);
69634
69634
  i0.ɵɵelementEnd();
69635
- i0.ɵɵconditionalCreate(7, MetricExecutiveSummaryComponent_Conditional_14_Conditional_7_Template, 4, 7, "div", 22);
69635
+ i0.ɵɵconditionalCreate(7, MetricExecutiveSummaryComponent_Conditional_14_Conditional_7_Template, 4, 7, "div", 23);
69636
69636
  i0.ɵɵelementEnd();
69637
69637
  } if (rf & 2) {
69638
69638
  const ctx_r0 = i0.ɵɵnextContext();
@@ -69650,11 +69650,11 @@ function MetricExecutiveSummaryComponent_Conditional_14_Template(rf, ctx) { if (
69650
69650
  } }
69651
69651
  function MetricExecutiveSummaryComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
69652
69652
  i0.ɵɵelementStart(0, "div", 12)(1, "div", 19);
69653
- i0.ɵɵelement(2, "symphiq-icon", 15);
69654
- i0.ɵɵelementStart(3, "span", 20);
69653
+ i0.ɵɵelement(2, "symphiq-icon", 20);
69654
+ i0.ɵɵelementStart(3, "span", 21);
69655
69655
  i0.ɵɵtext(4, " Target ");
69656
69656
  i0.ɵɵelementEnd()();
69657
- i0.ɵɵelementStart(5, "div", 21);
69657
+ i0.ɵɵelementStart(5, "div", 22);
69658
69658
  i0.ɵɵtext(6);
69659
69659
  i0.ɵɵelementEnd()();
69660
69660
  } if (rf & 2) {
@@ -69671,11 +69671,11 @@ function MetricExecutiveSummaryComponent_Conditional_15_Template(rf, ctx) { if (
69671
69671
  } }
69672
69672
  function MetricExecutiveSummaryComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
69673
69673
  i0.ɵɵelementStart(0, "div", 12)(1, "div", 19);
69674
- i0.ɵɵelement(2, "symphiq-icon", 15);
69675
- i0.ɵɵelementStart(3, "span", 20);
69674
+ i0.ɵɵelement(2, "symphiq-icon", 20);
69675
+ i0.ɵɵelementStart(3, "span", 21);
69676
69676
  i0.ɵɵtext(4, " Pacing ");
69677
69677
  i0.ɵɵelementEnd()();
69678
- i0.ɵɵelementStart(5, "div", 23);
69678
+ i0.ɵɵelementStart(5, "div", 25);
69679
69679
  i0.ɵɵtext(6);
69680
69680
  i0.ɵɵelementEnd()();
69681
69681
  } if (rf & 2) {
@@ -69692,11 +69692,11 @@ function MetricExecutiveSummaryComponent_Conditional_16_Template(rf, ctx) { if (
69692
69692
  } }
69693
69693
  function MetricExecutiveSummaryComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
69694
69694
  i0.ɵɵelementStart(0, "div", 12)(1, "div", 19);
69695
- i0.ɵɵelement(2, "symphiq-icon", 15);
69696
- i0.ɵɵelementStart(3, "span", 20);
69695
+ i0.ɵɵelement(2, "symphiq-icon", 20);
69696
+ i0.ɵɵelementStart(3, "span", 21);
69697
69697
  i0.ɵɵtext(4, " Health ");
69698
69698
  i0.ɵɵelementEnd()();
69699
- i0.ɵɵelementStart(5, "div", 23);
69699
+ i0.ɵɵelementStart(5, "div", 25);
69700
69700
  i0.ɵɵtext(6);
69701
69701
  i0.ɵɵelementEnd()();
69702
69702
  } if (rf & 2) {
@@ -69712,25 +69712,25 @@ function MetricExecutiveSummaryComponent_Conditional_17_Template(rf, ctx) { if (
69712
69712
  i0.ɵɵadvance();
69713
69713
  i0.ɵɵtextInterpolate1(" ", (tmp_6_0 = ctx_r0.summary().metricHealth) == null ? null : tmp_6_0.replace("_", " "), " ");
69714
69714
  } }
69715
- function MetricExecutiveSummaryComponent_Conditional_22_Conditional_4_Template(rf, ctx) { if (rf & 1) {
69716
- i0.ɵɵelementStart(0, "div", 26);
69717
- i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 29);
69715
+ function MetricExecutiveSummaryComponent_Conditional_23_Conditional_4_Template(rf, ctx) { if (rf & 1) {
69716
+ i0.ɵɵelementStart(0, "div", 28);
69717
+ i0.ɵɵelement(1, "symphiq-napkin-visual-placeholder", 31);
69718
69718
  i0.ɵɵelementEnd();
69719
69719
  } if (rf & 2) {
69720
69720
  const ctx_r0 = i0.ɵɵnextContext(2);
69721
69721
  i0.ɵɵadvance();
69722
69722
  i0.ɵɵproperty("visual", ctx_r0.summary().napkinVisual)("viewMode", ctx_r0.viewMode());
69723
69723
  } }
69724
- function MetricExecutiveSummaryComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
69725
- i0.ɵɵelementStart(0, "div", 16)(1, "h3", 24);
69724
+ function MetricExecutiveSummaryComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
69725
+ i0.ɵɵelementStart(0, "div", 16)(1, "h3", 26);
69726
69726
  i0.ɵɵtext(2, " Analysis Narrative ");
69727
69727
  i0.ɵɵelementEnd();
69728
- i0.ɵɵelementStart(3, "div", 25);
69729
- i0.ɵɵconditionalCreate(4, MetricExecutiveSummaryComponent_Conditional_22_Conditional_4_Template, 2, 2, "div", 26);
69730
- i0.ɵɵelementStart(5, "p", 27);
69728
+ i0.ɵɵelementStart(3, "div", 27);
69729
+ i0.ɵɵconditionalCreate(4, MetricExecutiveSummaryComponent_Conditional_23_Conditional_4_Template, 2, 2, "div", 28);
69730
+ i0.ɵɵelementStart(5, "p", 29);
69731
69731
  i0.ɵɵtext(6);
69732
69732
  i0.ɵɵelementEnd();
69733
- i0.ɵɵelement(7, "div", 28);
69733
+ i0.ɵɵelement(7, "div", 30);
69734
69734
  i0.ɵɵelementEnd()();
69735
69735
  } if (rf & 2) {
69736
69736
  let tmp_3_0;
@@ -69745,17 +69745,17 @@ function MetricExecutiveSummaryComponent_Conditional_22_Template(rf, ctx) { if (
69745
69745
  i0.ɵɵadvance();
69746
69746
  i0.ɵɵtextInterpolate1(" ", ctx_r0.summary().narrative, " ");
69747
69747
  } }
69748
- function MetricExecutiveSummaryComponent_Conditional_23_For_5_Conditional_8_Template(rf, ctx) { if (rf & 1) {
69749
- i0.ɵɵelementStart(0, "div", 38)(1, "div", 39);
69750
- i0.ɵɵelement(2, "symphiq-icon", 40);
69751
- i0.ɵɵelementStart(3, "div")(4, "span", 41);
69748
+ function MetricExecutiveSummaryComponent_Conditional_24_For_5_Conditional_8_Template(rf, ctx) { if (rf & 1) {
69749
+ i0.ɵɵelementStart(0, "div", 40)(1, "div", 41);
69750
+ i0.ɵɵelement(2, "symphiq-icon", 42);
69751
+ i0.ɵɵelementStart(3, "div")(4, "span", 43);
69752
69752
  i0.ɵɵtext(5, " Expected Impact ");
69753
69753
  i0.ɵɵelementEnd();
69754
- i0.ɵɵelementStart(6, "p", 42);
69754
+ i0.ɵɵelementStart(6, "p", 44);
69755
69755
  i0.ɵɵtext(7);
69756
69756
  i0.ɵɵelementEnd()()()();
69757
69757
  } if (rf & 2) {
69758
- const priority_r3 = i0.ɵɵnextContext().$implicit;
69758
+ const priority_r4 = i0.ɵɵnextContext().$implicit;
69759
69759
  const ctx_r0 = i0.ɵɵnextContext(2);
69760
69760
  i0.ɵɵproperty("ngClass", ctx_r0.impactBoxClasses());
69761
69761
  i0.ɵɵadvance(2);
@@ -69765,49 +69765,49 @@ function MetricExecutiveSummaryComponent_Conditional_23_For_5_Conditional_8_Temp
69765
69765
  i0.ɵɵadvance(2);
69766
69766
  i0.ɵɵproperty("ngClass", ctx_r0.impactTextClasses());
69767
69767
  i0.ɵɵadvance();
69768
- i0.ɵɵtextInterpolate1(" ", priority_r3.expectedImpact, " ");
69768
+ i0.ɵɵtextInterpolate1(" ", priority_r4.expectedImpact, " ");
69769
69769
  } }
69770
- function MetricExecutiveSummaryComponent_Conditional_23_For_5_Template(rf, ctx) { if (rf & 1) {
69770
+ function MetricExecutiveSummaryComponent_Conditional_24_For_5_Template(rf, ctx) { if (rf & 1) {
69771
69771
  const _r2 = i0.ɵɵgetCurrentView();
69772
- i0.ɵɵelementStart(0, "button", 33);
69773
- 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)); });
69774
- i0.ɵɵelementStart(1, "div", 34)(2, "span", 35);
69772
+ i0.ɵɵelementStart(0, "button", 35);
69773
+ i0.ɵɵlistener("click", function MetricExecutiveSummaryComponent_Conditional_24_For_5_Template_button_click_0_listener() { const ctx_r2 = i0.ɵɵrestoreView(_r2); const priority_r4 = ctx_r2.$implicit; const $index_r5 = ctx_r2.$index; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.priorityDetailClick.emit({ priority: priority_r4, index: $index_r5 })); });
69774
+ i0.ɵɵelementStart(1, "div", 36)(2, "span", 37);
69775
69775
  i0.ɵɵtext(3);
69776
69776
  i0.ɵɵelementEnd();
69777
- i0.ɵɵelementStart(4, "h4", 36);
69777
+ i0.ɵɵelementStart(4, "h4", 38);
69778
69778
  i0.ɵɵtext(5);
69779
69779
  i0.ɵɵelementEnd()();
69780
- i0.ɵɵelementStart(6, "p", 37);
69780
+ i0.ɵɵelementStart(6, "p", 39);
69781
69781
  i0.ɵɵtext(7);
69782
69782
  i0.ɵɵelementEnd();
69783
- i0.ɵɵconditionalCreate(8, MetricExecutiveSummaryComponent_Conditional_23_For_5_Conditional_8_Template, 8, 8, "div", 38);
69783
+ i0.ɵɵconditionalCreate(8, MetricExecutiveSummaryComponent_Conditional_24_For_5_Conditional_8_Template, 8, 8, "div", 40);
69784
69784
  i0.ɵɵelementEnd();
69785
69785
  } if (rf & 2) {
69786
- const priority_r3 = ctx.$implicit;
69787
- const $index_r4 = ctx.$index;
69786
+ const priority_r4 = ctx.$implicit;
69787
+ const $index_r5 = ctx.$index;
69788
69788
  const ctx_r0 = i0.ɵɵnextContext(2);
69789
69789
  i0.ɵɵproperty("ngClass", ctx_r0.priorityCardClasses());
69790
69790
  i0.ɵɵadvance(2);
69791
69791
  i0.ɵɵproperty("ngClass", ctx_r0.priorityNumberClasses());
69792
69792
  i0.ɵɵadvance();
69793
- i0.ɵɵtextInterpolate1(" ", $index_r4 + 1, " ");
69793
+ i0.ɵɵtextInterpolate1(" ", $index_r5 + 1, " ");
69794
69794
  i0.ɵɵadvance();
69795
69795
  i0.ɵɵproperty("ngClass", ctx_r0.priorityTitleClasses());
69796
69796
  i0.ɵɵadvance();
69797
- i0.ɵɵtextInterpolate1(" ", priority_r3.priority, " ");
69797
+ i0.ɵɵtextInterpolate1(" ", priority_r4.priority, " ");
69798
69798
  i0.ɵɵadvance();
69799
69799
  i0.ɵɵproperty("ngClass", ctx_r0.priorityTextClasses());
69800
69800
  i0.ɵɵadvance();
69801
- i0.ɵɵtextInterpolate1(" ", priority_r3.rationale, " ");
69801
+ i0.ɵɵtextInterpolate1(" ", priority_r4.rationale, " ");
69802
69802
  i0.ɵɵadvance();
69803
- i0.ɵɵconditional(priority_r3.expectedImpact ? 8 : -1);
69803
+ i0.ɵɵconditional(priority_r4.expectedImpact ? 8 : -1);
69804
69804
  } }
69805
- function MetricExecutiveSummaryComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
69806
- i0.ɵɵelementStart(0, "div", 17)(1, "h3", 30);
69805
+ function MetricExecutiveSummaryComponent_Conditional_24_Template(rf, ctx) { if (rf & 1) {
69806
+ i0.ɵɵelementStart(0, "div", 17)(1, "h3", 32);
69807
69807
  i0.ɵɵtext(2, "Top Priorities");
69808
69808
  i0.ɵɵelementEnd();
69809
- i0.ɵɵelementStart(3, "div", 31);
69810
- i0.ɵɵrepeaterCreate(4, MetricExecutiveSummaryComponent_Conditional_23_For_5_Template, 9, 8, "button", 32, i0.ɵɵrepeaterTrackByIndex);
69809
+ i0.ɵɵelementStart(3, "div", 33);
69810
+ i0.ɵɵrepeaterCreate(4, MetricExecutiveSummaryComponent_Conditional_24_For_5_Template, 9, 8, "button", 34, i0.ɵɵrepeaterTrackByIndex);
69811
69811
  i0.ɵɵelementEnd()();
69812
69812
  } if (rf & 2) {
69813
69813
  const ctx_r0 = i0.ɵɵnextContext();
@@ -69816,83 +69816,83 @@ function MetricExecutiveSummaryComponent_Conditional_23_Template(rf, ctx) { if (
69816
69816
  i0.ɵɵadvance(3);
69817
69817
  i0.ɵɵrepeater(ctx_r0.summary().topPriorities);
69818
69818
  } }
69819
- function MetricExecutiveSummaryComponent_Conditional_24_For_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
69820
- i0.ɵɵelementStart(0, "div", 51);
69821
- i0.ɵɵelement(1, "symphiq-icon", 53);
69819
+ function MetricExecutiveSummaryComponent_Conditional_25_For_5_Conditional_12_Template(rf, ctx) { if (rf & 1) {
69820
+ i0.ɵɵelementStart(0, "div", 53);
69821
+ i0.ɵɵelement(1, "symphiq-icon", 15);
69822
69822
  i0.ɵɵelementStart(2, "span");
69823
69823
  i0.ɵɵtext(3);
69824
69824
  i0.ɵɵelementEnd()();
69825
69825
  } if (rf & 2) {
69826
- const win_r5 = i0.ɵɵnextContext().$implicit;
69826
+ const win_r6 = i0.ɵɵnextContext().$implicit;
69827
69827
  const ctx_r0 = i0.ɵɵnextContext(2);
69828
69828
  i0.ɵɵproperty("ngClass", ctx_r0.metaTextClasses());
69829
69829
  i0.ɵɵadvance();
69830
69830
  i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c8, ctx_r0.iconSource));
69831
69831
  i0.ɵɵadvance(2);
69832
- i0.ɵɵtextInterpolate(win_r5.estimatedTimeframe);
69832
+ i0.ɵɵtextInterpolate(win_r6.estimatedTimeframe);
69833
69833
  } }
69834
- function MetricExecutiveSummaryComponent_Conditional_24_For_5_Conditional_13_Template(rf, ctx) { if (rf & 1) {
69835
- i0.ɵɵelementStart(0, "div", 52)(1, "h4", 20);
69834
+ function MetricExecutiveSummaryComponent_Conditional_25_For_5_Conditional_13_Template(rf, ctx) { if (rf & 1) {
69835
+ i0.ɵɵelementStart(0, "div", 54)(1, "h4", 21);
69836
69836
  i0.ɵɵtext(2, " Related Goal ");
69837
69837
  i0.ɵɵelementEnd();
69838
- i0.ɵɵelement(3, "symphiq-related-goal-chips", 54);
69838
+ i0.ɵɵelement(3, "symphiq-related-goal-chips", 55);
69839
69839
  i0.ɵɵelementEnd();
69840
69840
  } if (rf & 2) {
69841
- const win_r5 = i0.ɵɵnextContext().$implicit;
69841
+ const win_r6 = i0.ɵɵnextContext().$implicit;
69842
69842
  const ctx_r0 = i0.ɵɵnextContext(2);
69843
69843
  i0.ɵɵadvance();
69844
69844
  i0.ɵɵproperty("ngClass", ctx_r0.metaTextClasses());
69845
69845
  i0.ɵɵadvance(2);
69846
- i0.ɵɵproperty("relatedGoalIds", i0.ɵɵpureFunction1(4, _c9, win_r5.relatedGoalId))("allGoals", ctx_r0.allGoals() || i0.ɵɵpureFunction0(6, _c10))("viewMode", ctx_r0.viewMode());
69846
+ i0.ɵɵproperty("relatedGoalIds", i0.ɵɵpureFunction1(4, _c9, win_r6.relatedGoalId))("allGoals", ctx_r0.allGoals() || i0.ɵɵpureFunction0(6, _c10))("viewMode", ctx_r0.viewMode());
69847
69847
  } }
69848
- function MetricExecutiveSummaryComponent_Conditional_24_For_5_Template(rf, ctx) { if (rf & 1) {
69849
- i0.ɵɵelementStart(0, "div", 45)(1, "div", 46)(2, "div", 47)(3, "span", 35);
69848
+ function MetricExecutiveSummaryComponent_Conditional_25_For_5_Template(rf, ctx) { if (rf & 1) {
69849
+ i0.ɵɵelementStart(0, "div", 47)(1, "div", 48)(2, "div", 49)(3, "span", 37);
69850
69850
  i0.ɵɵtext(4);
69851
69851
  i0.ɵɵelementEnd();
69852
- i0.ɵɵelementStart(5, "p", 48);
69852
+ i0.ɵɵelementStart(5, "p", 50);
69853
69853
  i0.ɵɵtext(6);
69854
69854
  i0.ɵɵelementEnd()();
69855
- i0.ɵɵelementStart(7, "div", 49)(8, "span", 50);
69855
+ i0.ɵɵelementStart(7, "div", 51)(8, "span", 52);
69856
69856
  i0.ɵɵtext(9);
69857
69857
  i0.ɵɵelementEnd();
69858
- i0.ɵɵelementStart(10, "span", 50);
69858
+ i0.ɵɵelementStart(10, "span", 52);
69859
69859
  i0.ɵɵtext(11);
69860
69860
  i0.ɵɵelementEnd()();
69861
- i0.ɵɵconditionalCreate(12, MetricExecutiveSummaryComponent_Conditional_24_For_5_Conditional_12_Template, 4, 5, "div", 51);
69862
- i0.ɵɵconditionalCreate(13, MetricExecutiveSummaryComponent_Conditional_24_For_5_Conditional_13_Template, 4, 7, "div", 52);
69861
+ i0.ɵɵconditionalCreate(12, MetricExecutiveSummaryComponent_Conditional_25_For_5_Conditional_12_Template, 4, 5, "div", 53);
69862
+ i0.ɵɵconditionalCreate(13, MetricExecutiveSummaryComponent_Conditional_25_For_5_Conditional_13_Template, 4, 7, "div", 54);
69863
69863
  i0.ɵɵelementEnd()();
69864
69864
  } if (rf & 2) {
69865
- const win_r5 = ctx.$implicit;
69866
- const $index_r6 = ctx.$index;
69865
+ const win_r6 = ctx.$implicit;
69866
+ const $index_r7 = ctx.$index;
69867
69867
  const ctx_r0 = i0.ɵɵnextContext(2);
69868
69868
  i0.ɵɵproperty("ngClass", ctx_r0.quickWinCardClasses());
69869
69869
  i0.ɵɵadvance(3);
69870
69870
  i0.ɵɵproperty("ngClass", ctx_r0.numberBadgeClasses());
69871
69871
  i0.ɵɵadvance();
69872
- i0.ɵɵtextInterpolate1(" ", $index_r6 + 1, " ");
69872
+ i0.ɵɵtextInterpolate1(" ", $index_r7 + 1, " ");
69873
69873
  i0.ɵɵadvance();
69874
69874
  i0.ɵɵproperty("ngClass", ctx_r0.quickWinTextClasses());
69875
69875
  i0.ɵɵadvance();
69876
- i0.ɵɵtextInterpolate1(" ", win_r5.action, " ");
69876
+ i0.ɵɵtextInterpolate1(" ", win_r6.action, " ");
69877
69877
  i0.ɵɵadvance(2);
69878
- i0.ɵɵproperty("ngClass", ctx_r0.getEffortBadgeClasses(win_r5.effort));
69878
+ i0.ɵɵproperty("ngClass", ctx_r0.getEffortBadgeClasses(win_r6.effort));
69879
69879
  i0.ɵɵadvance();
69880
- i0.ɵɵtextInterpolate1(" ", ctx_r0.formatLabel(win_r5.effort), " Effort ");
69880
+ i0.ɵɵtextInterpolate1(" ", ctx_r0.formatLabel(win_r6.effort), " Effort ");
69881
69881
  i0.ɵɵadvance();
69882
- i0.ɵɵproperty("ngClass", ctx_r0.getImpactBadgeClasses(win_r5.impact));
69882
+ i0.ɵɵproperty("ngClass", ctx_r0.getImpactBadgeClasses(win_r6.impact));
69883
69883
  i0.ɵɵadvance();
69884
- i0.ɵɵtextInterpolate1(" ", ctx_r0.formatLabel(win_r5.impact), " Impact ");
69884
+ i0.ɵɵtextInterpolate1(" ", ctx_r0.formatLabel(win_r6.impact), " Impact ");
69885
69885
  i0.ɵɵadvance();
69886
- i0.ɵɵconditional(win_r5.estimatedTimeframe ? 12 : -1);
69886
+ i0.ɵɵconditional(win_r6.estimatedTimeframe ? 12 : -1);
69887
69887
  i0.ɵɵadvance();
69888
- i0.ɵɵconditional(win_r5.relatedGoalId && ctx_r0.allGoals() ? 13 : -1);
69888
+ i0.ɵɵconditional(win_r6.relatedGoalId && ctx_r0.allGoals() ? 13 : -1);
69889
69889
  } }
69890
- function MetricExecutiveSummaryComponent_Conditional_24_Template(rf, ctx) { if (rf & 1) {
69891
- i0.ɵɵelementStart(0, "div", 18)(1, "h3", 43);
69890
+ function MetricExecutiveSummaryComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
69891
+ i0.ɵɵelementStart(0, "div", 18)(1, "h3", 45);
69892
69892
  i0.ɵɵtext(2, "Quick Wins");
69893
69893
  i0.ɵɵelementEnd();
69894
- i0.ɵɵelementStart(3, "div", 44);
69895
- i0.ɵɵrepeaterCreate(4, MetricExecutiveSummaryComponent_Conditional_24_For_5_Template, 14, 11, "div", 45, i0.ɵɵrepeaterTrackByIndex);
69894
+ i0.ɵɵelementStart(3, "div", 46);
69895
+ i0.ɵɵrepeaterCreate(4, MetricExecutiveSummaryComponent_Conditional_25_For_5_Template, 14, 11, "div", 47, i0.ɵɵrepeaterTrackByIndex);
69896
69896
  i0.ɵɵelementEnd()();
69897
69897
  } if (rf & 2) {
69898
69898
  const ctx_r0 = i0.ɵɵnextContext();
@@ -69954,6 +69954,9 @@ class MetricExecutiveSummaryComponent {
69954
69954
  ? 'bg-slate-800/50 border border-slate-700/50'
69955
69955
  : 'bg-white border border-slate-200', ...(ngDevMode ? [{ debugName: "metricCardClasses" }] : []));
69956
69956
  this.viewDetailsTextClasses = computed(() => this.isDark() ? 'text-blue-400' : 'text-blue-600', ...(ngDevMode ? [{ debugName: "viewDetailsTextClasses" }] : []));
69957
+ this.viewDetailsButtonClasses = computed(() => this.isDark()
69958
+ ? 'bg-blue-500/20 text-blue-300 border border-blue-500/40 hover:bg-blue-500/30'
69959
+ : 'bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100', ...(ngDevMode ? [{ debugName: "viewDetailsButtonClasses" }] : []));
69957
69960
  this.metricLabelClasses = computed(() => this.isDark() ? 'text-slate-400' : 'text-slate-600', ...(ngDevMode ? [{ debugName: "metricLabelClasses" }] : []));
69958
69961
  this.metricValueClasses = computed(() => this.isDark() ? 'text-slate-100' : 'text-slate-900', ...(ngDevMode ? [{ debugName: "metricValueClasses" }] : []));
69959
69962
  this.yoyChangeClasses = computed(() => {
@@ -70087,7 +70090,7 @@ class MetricExecutiveSummaryComponent {
70087
70090
  return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
70088
70091
  }
70089
70092
  static { this.ɵfac = function MetricExecutiveSummaryComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MetricExecutiveSummaryComponent)(); }; }
70090
- 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) {
70093
+ 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: 26, vars: 22, 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", "mt-4"], [1, "inline-flex", "items-center", "gap-2", "px-4", "py-2", "rounded-lg", "text-sm", "font-semibold", "transition-all", "duration-200", "group-hover:scale-105", 3, "ngClass"], ["size", "w-4 h-4", 3, "icon"], [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"], [3, "relatedGoalIds", "allGoals", "viewMode"]], template: function MetricExecutiveSummaryComponent_Template(rf, ctx) { if (rf & 1) {
70091
70094
  i0.ɵɵelementStart(0, "section", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4)(5, "div", 5);
70092
70095
  i0.ɵɵelement(6, "symphiq-icon", 6);
70093
70096
  i0.ɵɵelementStart(7, "h2", 7);
@@ -70106,22 +70109,22 @@ class MetricExecutiveSummaryComponent {
70106
70109
  i0.ɵɵconditionalCreate(16, MetricExecutiveSummaryComponent_Conditional_16_Template, 7, 8, "div", 12);
70107
70110
  i0.ɵɵconditionalCreate(17, MetricExecutiveSummaryComponent_Conditional_17_Template, 7, 8, "div", 12);
70108
70111
  i0.ɵɵelementEnd();
70109
- i0.ɵɵelementStart(18, "div", 13)(19, "span", 14);
70110
- i0.ɵɵtext(20, " View Metric Details ");
70112
+ i0.ɵɵelementStart(18, "div", 13)(19, "div", 14)(20, "span");
70113
+ i0.ɵɵtext(21, "View Metric Details");
70111
70114
  i0.ɵɵelementEnd();
70112
- i0.ɵɵelement(21, "symphiq-icon", 15);
70113
- i0.ɵɵelementEnd()();
70114
- i0.ɵɵconditionalCreate(22, MetricExecutiveSummaryComponent_Conditional_22_Template, 8, 5, "div", 16);
70115
- i0.ɵɵconditionalCreate(23, MetricExecutiveSummaryComponent_Conditional_23_Template, 6, 1, "div", 17);
70116
- i0.ɵɵconditionalCreate(24, MetricExecutiveSummaryComponent_Conditional_24_Template, 6, 1, "div", 18);
70115
+ i0.ɵɵelement(22, "symphiq-icon", 15);
70116
+ i0.ɵɵelementEnd()()();
70117
+ i0.ɵɵconditionalCreate(23, MetricExecutiveSummaryComponent_Conditional_23_Template, 8, 5, "div", 16);
70118
+ i0.ɵɵconditionalCreate(24, MetricExecutiveSummaryComponent_Conditional_24_Template, 6, 1, "div", 17);
70119
+ i0.ɵɵconditionalCreate(25, MetricExecutiveSummaryComponent_Conditional_25_Template, 6, 1, "div", 18);
70117
70120
  i0.ɵɵelementEnd()()();
70118
70121
  } if (rf & 2) {
70122
+ let tmp_16_0;
70119
70123
  let tmp_17_0;
70120
- let tmp_18_0;
70121
70124
  i0.ɵɵadvance();
70122
70125
  i0.ɵɵproperty("ngClass", ctx.bannerClasses());
70123
70126
  i0.ɵɵadvance(5);
70124
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(19, _c0$u, ctx.iconSource))("size", "w-8 h-8")("ngClass", ctx.iconClasses());
70127
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(18, _c0$u, ctx.iconSource))("size", "w-8 h-8")("ngClass", ctx.iconClasses());
70125
70128
  i0.ɵɵadvance();
70126
70129
  i0.ɵɵproperty("ngClass", ctx.titleClasses());
70127
70130
  i0.ɵɵadvance();
@@ -70141,15 +70144,15 @@ class MetricExecutiveSummaryComponent {
70141
70144
  i0.ɵɵadvance();
70142
70145
  i0.ɵɵconditional(ctx.summary().metricHealth ? 17 : -1);
70143
70146
  i0.ɵɵadvance(2);
70144
- i0.ɵɵproperty("ngClass", ctx.viewDetailsTextClasses());
70145
- i0.ɵɵadvance(2);
70146
- i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(21, _c1$d, ctx.iconSource))("ngClass", ctx.viewDetailsTextClasses());
70147
+ i0.ɵɵproperty("ngClass", ctx.viewDetailsButtonClasses());
70148
+ i0.ɵɵadvance(3);
70149
+ i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(20, _c1$d, ctx.iconSource));
70147
70150
  i0.ɵɵadvance();
70148
- i0.ɵɵconditional(ctx.summary().narrative ? 22 : -1);
70151
+ i0.ɵɵconditional(ctx.summary().narrative ? 23 : -1);
70149
70152
  i0.ɵɵadvance();
70150
- i0.ɵɵconditional(ctx.summary().topPriorities && (((tmp_17_0 = ctx.summary().topPriorities) == null ? null : tmp_17_0.length) ?? 0) > 0 ? 23 : -1);
70153
+ i0.ɵɵconditional(ctx.summary().topPriorities && (((tmp_16_0 = ctx.summary().topPriorities) == null ? null : tmp_16_0.length) ?? 0) > 0 ? 24 : -1);
70151
70154
  i0.ɵɵadvance();
70152
- i0.ɵɵconditional(ctx.summary().quickWins && (((tmp_18_0 = ctx.summary().quickWins) == null ? null : tmp_18_0.length) ?? 0) > 0 ? 24 : -1);
70155
+ i0.ɵɵconditional(ctx.summary().quickWins && (((tmp_17_0 = ctx.summary().quickWins) == null ? null : tmp_17_0.length) ?? 0) > 0 ? 25 : -1);
70153
70156
  } }, dependencies: [CommonModule, i1$1.NgClass, GradeBadgeComponent,
70154
70157
  SymphiqIconComponent,
70155
70158
  NapkinVisualPlaceholderComponent,
@@ -70296,16 +70299,15 @@ class MetricExecutiveSummaryComponent {
70296
70299
  }
70297
70300
  </div>
70298
70301
 
70299
- <!-- View Details Indicator -->
70300
- <div class="flex items-center justify-center gap-2 mt-3 opacity-0 group-hover:opacity-100 transition-opacity duration-200">
70301
- <span [ngClass]="viewDetailsTextClasses()" class="text-sm font-medium">
70302
- View Metric Details
70303
- </span>
70304
- <symphiq-icon
70305
- [icon]="{ name: 'arrow-right', source: iconSource }"
70306
- size="w-4 h-4"
70307
- [ngClass]="viewDetailsTextClasses()"
70308
- />
70302
+ <!-- View Details Button -->
70303
+ <div class="flex items-center justify-center mt-4">
70304
+ <div [ngClass]="viewDetailsButtonClasses()" class="inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-semibold transition-all duration-200 group-hover:scale-105">
70305
+ <span>View Metric Details</span>
70306
+ <symphiq-icon
70307
+ [icon]="{ name: 'arrow-right', source: iconSource }"
70308
+ size="w-4 h-4"
70309
+ />
70310
+ </div>
70309
70311
  </div>
70310
70312
  </button>
70311
70313
 
@@ -70340,7 +70342,7 @@ class MetricExecutiveSummaryComponent {
70340
70342
  @for (priority of summary().topPriorities; track $index) {
70341
70343
  <button
70342
70344
  type="button"
70343
- (click)="priorityDetailClick.emit(priority)"
70345
+ (click)="priorityDetailClick.emit({ priority, index: $index })"
70344
70346
  [ngClass]="priorityCardClasses()"
70345
70347
  class="rounded-xl p-6 text-left transition-all duration-200 hover:scale-[1.02] active:scale-[0.98] cursor-pointer">
70346
70348
  <div class="flex items-start gap-3 mb-3">
@@ -70445,7 +70447,7 @@ class MetricExecutiveSummaryComponent {
70445
70447
  `
70446
70448
  }]
70447
70449
  }], 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"] }] }); })();
70448
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricExecutiveSummaryComponent, { className: "MetricExecutiveSummaryComponent", filePath: "lib/components/profile-analysis-shop-dashboard/metric-executive-summary.component.ts", lineNumber: 296 }); })();
70450
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricExecutiveSummaryComponent, { className: "MetricExecutiveSummaryComponent", filePath: "lib/components/profile-analysis-shop-dashboard/metric-executive-summary.component.ts", lineNumber: 295 }); })();
70449
70451
 
70450
70452
  const _c0$t = a0 => ({ name: "chevron-right", source: a0 });
70451
70453
  function GoalCardComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
@@ -100268,21 +100270,23 @@ class SymphiqProfileAnalysisMetricDashboardComponent {
100268
100270
  this.modalService.openTopPrioritiesListModal(summary.topPriorities, this.viewMode(), metricName);
100269
100271
  }
100270
100272
  }
100271
- handlePriorityDetailClick(priority) {
100273
+ handlePriorityDetailClick(event) {
100272
100274
  const summary = this.metricExecutiveSummary();
100273
100275
  if (summary?.topPriorities) {
100274
100276
  const metricName = this.metricName();
100275
- const index = summary.topPriorities.indexOf(priority);
100276
100277
  const totalCount = summary.topPriorities.length;
100277
- this.modalService.navigateToTopPriorityDetail(priority, index, this.viewMode(), metricName, totalCount);
100278
+ this.modalService.navigateToTopPriorityDetail(event.priority, event.index, this.viewMode(), metricName, totalCount);
100278
100279
  }
100279
100280
  }
100280
100281
  handleViewMetricDetailsClick() {
100281
100282
  const funnelMetric = this.funnelMetric();
100282
- const relatedMetricEnum = funnelMetric?.relatedMetric;
100283
- if (!relatedMetricEnum)
100283
+ let metricKey = funnelMetric?.relatedMetric;
100284
+ if (!metricKey) {
100285
+ metricKey = this.profileAnalysis()?.profileAnalysisStructured?.metricExecutiveSummary?.metric;
100286
+ }
100287
+ if (!metricKey)
100284
100288
  return;
100285
- const metric = this.allMetrics().find(m => m.metric === relatedMetricEnum);
100289
+ const metric = this.allMetrics().find(m => m.metric === metricKey);
100286
100290
  if (metric) {
100287
100291
  this.modalService.openMetricModal(metric, this.allCharts());
100288
100292
  }