@eric-emg/symphiq-components 1.2.193 → 1.2.195

package/fesm2022/symphiq-components.mjs

@@ -1,4 +1,4 @@
-import { ViewModeEnum, MetricStatusEnum, TrendDirectionEnum, CompetitiveScoreEnum, ChartTypeEnum, IconSourceEnum, ProfileAnalysisRecommendationPriorityEnum, ProfileItemTypeEnum, PriceVsCompetitorsEnum, DifferentiationStrengthEnum, ThreatLevelEnum, normalizeToV3, MetricEnum, FocusAreaDetailStatusEnum, FocusAreaDomainEnumUtil, FocusAreaDomainEnum, ShopDataLoadStatusEnum, DimensionEnum, UiDataPeriodEnum, UiDataComparePeriodEnum, AiDynamicContentStatusEnum, FocusAreaHealthEnum, ProfileAnalysisPriorityEnum, CapabilityStateEnum, QuadrantEnum, AdvantageEnum, OverallGradeEnum, OperationalMaturityEnum, ProfileAnalysisEffortLevelEnum, ProfileAnalysisImpactLevelEnum, ProfileAnalysisTypeEnum, LineChartUseCaseEnum, BarChartUseCaseEnum } from '@jebgem/model';
+import { ViewModeEnum, MetricStatusEnum, TrendDirectionEnum, CompetitiveScoreEnum, MetricEnum, DimensionEnum, UiDataPeriodEnum, UiDataComparePeriodEnum, ChartTypeEnum, IconSourceEnum, ProfileAnalysisRecommendationPriorityEnum, ProfileItemTypeEnum, PriceVsCompetitorsEnum, DifferentiationStrengthEnum, ThreatLevelEnum, normalizeToV3, FocusAreaDetailStatusEnum, FocusAreaDomainEnumUtil, FocusAreaDomainEnum, ShopDataLoadStatusEnum, MetricEnumUtil, NumberTypeEnum, AiDynamicContentStatusEnum, FocusAreaHealthEnum, ProfileAnalysisPriorityEnum, CapabilityStateEnum, QuadrantEnum, AdvantageEnum, OverallGradeEnum, OperationalMaturityEnum, ProfileAnalysisEffortLevelEnum, ProfileAnalysisImpactLevelEnum, ProfileAnalysisTypeEnum, LineChartUseCaseEnum, BarChartUseCaseEnum } from '@jebgem/model';
 export * from '@jebgem/model';
 import * as i0 from '@angular/core';
 import { Injectable, signal, computed, input, ChangeDetectionStrategy, Component, output, inject, ElementRef, Renderer2, effect, Directive, HostListener, untracked, ViewChild, PLATFORM_ID, Inject, Input } from '@angular/core';
@@ -2535,8 +2535,663 @@ class ConfettiService {
             }]
     }], null, null); })();
 
+function getCurrentYearStart() {
+    const now = new Date();
+    return new Date(now.getFullYear(), 0, 1, 0, 0, 0, 0);
+}
+function getCurrentYearEnd() {
+    const now = new Date();
+    return new Date(now.getFullYear(), 11, 31, 23, 59, 59, 999);
+}
+function getPriorYearStart() {
+    const now = new Date();
+    return new Date(now.getFullYear() - 1, 0, 1, 0, 0, 0, 0);
+}
+function getPriorYearEnd() {
+    const now = new Date();
+    return new Date(now.getFullYear() - 1, 11, 31, 23, 59, 59, 999);
+}
+function isCurrentYearTarget(target) {
+    if (!target.startDate || !target.endDate) {
+        return false;
+    }
+    const currentYearStart = getCurrentYearStart();
+    const currentYearEnd = getCurrentYearEnd();
+    const targetStart = new Date(target.startDate);
+    const targetEnd = new Date(target.endDate);
+    return (targetStart.getTime() === currentYearStart.getTime() &&
+        targetEnd.getTime() === currentYearEnd.getTime());
+}
+function formatCurrency(value, currencySymbol = '$') {
+    return `${currencySymbol}${value.toLocaleString('en-US', {
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 0
+    })}`;
+}
+function formatPercentage(value, decimals = 1) {
+    return `${value.toFixed(decimals)}%`;
+}
+function formatNumber(value) {
+    return value.toLocaleString('en-US', {
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 0
+    });
+}
+
+function calculateMetricTargetsFromRevenue(revenueTarget, priorYearRevenue, funnelMetrics, baselineValues) {
+    const revenuePercentageIncrease = ((revenueTarget - priorYearRevenue) / priorYearRevenue) * 100;
+    const metricCalculations = [];
+    const sortedFunnelMetrics = [...funnelMetrics].sort((a, b) => {
+        const aFunnel = a.funnelInd ?? 999;
+        const bFunnel = b.funnelInd ?? 999;
+        if (aFunnel !== bFunnel)
+            return aFunnel - bFunnel;
+        const aRelated = a.relatedInd ?? 999;
+        const bRelated = b.relatedInd ?? 999;
+        return aRelated - bRelated;
+    });
+    const funnelStages = getUniqueFunnelStages(sortedFunnelMetrics);
+    const numFunnelStages = funnelStages.length;
+    const revenueIncreaseFactor = revenueTarget / priorYearRevenue;
+    const perStageFactor = Math.pow(revenueIncreaseFactor, 1 / numFunnelStages);
+    const funnelStageMetrics = new Map();
+    sortedFunnelMetrics.forEach(fm => {
+        if (fm.funnelMetric) {
+            if (!funnelStageMetrics.has(fm.funnelMetric)) {
+                funnelStageMetrics.set(fm.funnelMetric, []);
+            }
+            funnelStageMetrics.get(fm.funnelMetric).push(fm);
+        }
+    });
+    const stagePercentageIncrease = (perStageFactor - 1) * 100;
+    sortedFunnelMetrics.forEach((funnelMetric) => {
+        const metric = funnelMetric.relatedMetric;
+        if (!metric)
+            return;
+        const currentValue = baselineValues.get(metric) || 0;
+        const isFunnelStage = funnelMetric.funnelMetric === metric;
+        let percentageIncrease;
+        let targetValue;
+        if (metric === MetricEnum.BOUNCE_RATE) {
+            percentageIncrease = -stagePercentageIncrease;
+            targetValue = currentValue * (1 + percentageIncrease / 100);
+        }
+        else if (isDerivedMetric$1(metric)) {
+            percentageIncrease = 0;
+            targetValue = currentValue;
+        }
+        else {
+            percentageIncrease = stagePercentageIncrease;
+            targetValue = currentValue * perStageFactor;
+        }
+        metricCalculations.push({
+            metric,
+            funnelMetric: funnelMetric.funnelMetric,
+            currentValue,
+            targetValue,
+            percentageIncrease,
+            isFunnelStage,
+            funnelInd: funnelMetric.funnelInd,
+            relatedInd: funnelMetric.relatedInd,
+            description: funnelMetric.relatedMetricDescription
+        });
+    });
+    return {
+        revenueTarget,
+        revenuePercentageIncrease,
+        metricCalculations
+    };
+}
+function getUniqueFunnelStages(funnelMetrics) {
+    const stages = [];
+    const seen = new Set();
+    funnelMetrics.forEach(fm => {
+        if (fm.funnelMetric && fm.funnelMetric === fm.relatedMetric && !seen.has(fm.funnelMetric)) {
+            seen.add(fm.funnelMetric);
+            stages.push(fm.funnelMetric);
+        }
+    });
+    return stages;
+}
+const DERIVED_METRICS$1 = new Set([
+    MetricEnum.REVENUE_PER_PRODUCT_VIEW,
+    MetricEnum.REVENUE_PER_ADD_TO_CART,
+    MetricEnum.REVENUE_PER_CHECKOUT
+]);
+function isDerivedMetric$1(metric) {
+    return DERIVED_METRICS$1.has(metric);
+}
+function generateTargetsFromCalculations(shopId, calculations) {
+    const startDate = getCurrentYearStart();
+    const endDate = getCurrentYearEnd();
+    return calculations.map((calc) => ({
+        shopId,
+        metric: calc.metric,
+        amount: calc.targetValue,
+        startDate,
+        endDate
+    }));
+}
+function groupMetricsByFunnelStage(calculations) {
+    const grouped = new Map();
+    calculations.forEach((calc) => {
+        if (calc.funnelMetric) {
+            if (!grouped.has(calc.funnelMetric)) {
+                grouped.set(calc.funnelMetric, []);
+            }
+            grouped.get(calc.funnelMetric).push(calc);
+        }
+    });
+    return grouped;
+}
+function getFunnelStageMetrics(calculations) {
+    return calculations.filter((calc) => calc.isFunnelStage);
+}
+
+function transformUiDataToChartSeries(mainUiData, ytdComparisonUiData, metricToExtract) {
+    const series = [];
+    if (ytdComparisonUiData?.convertedDataResults) {
+        const priorYearSeries = extractSeriesFromConvertedData(ytdComparisonUiData.convertedDataResults, metricToExtract, 'Prior Year');
+        if (priorYearSeries) {
+            series.push(priorYearSeries);
+        }
+    }
+    if (mainUiData?.convertedDataResults) {
+        const currentYearSeries = extractSeriesFromConvertedData(mainUiData.convertedDataResults, metricToExtract, 'Current Year');
+        if (currentYearSeries) {
+            series.push(currentYearSeries);
+        }
+    }
+    return series;
+}
+function extractSeriesFromConvertedData(convertedData, metricToExtract, seriesName) {
+    const metricIndex = convertedData.metrics?.indexOf(metricToExtract);
+    if (metricIndex === undefined || metricIndex === -1)
+        return null;
+    const dimensionIndex = convertedData.dimensions?.indexOf(DimensionEnum.MONTH);
+    if (dimensionIndex === undefined || dimensionIndex === -1)
+        return null;
+    const dataPoints = [];
+    convertedData.rows?.forEach((row) => {
+        const monthValue = row.dimensionValues?.[dimensionIndex];
+        const metricValue = parseFloat(row.metricValues?.[metricIndex] || '0');
+        if (monthValue) {
+            dataPoints.push({
+                category: monthValue,
+                value: metricValue,
+                displayLabel: formatMonthLabel(monthValue)
+            });
+        }
+    });
+    return {
+        name: seriesName,
+        data: sortDataByMonth(dataPoints)
+    };
+}
+function formatMonthLabel(monthValue) {
+    const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+    const monthNum = parseInt(monthValue, 10);
+    if (monthNum >= 1 && monthNum <= 12) {
+        return months[monthNum - 1];
+    }
+    return monthValue;
+}
+function sortDataByMonth(data) {
+    return data.sort((a, b) => {
+        const aMonth = parseInt(a.category, 10);
+        const bMonth = parseInt(b.category, 10);
+        return aMonth - bMonth;
+    });
+}
+function transformTrendUiDataToChartSeries(trendUiData, metricToExtract) {
+    if (!trendUiData?.convertedDataResults) {
+        return [];
+    }
+    const convertedData = trendUiData.convertedDataResults;
+    const metricIndex = convertedData.metrics?.indexOf(metricToExtract);
+    if (metricIndex === undefined || metricIndex === -1)
+        return [];
+    const dateIndex = convertedData.dimensions?.indexOf(DimensionEnum.DATE);
+    const monthIndex = convertedData.dimensions?.indexOf(DimensionEnum.MONTH);
+    const dimensionIndex = dateIndex !== undefined && dateIndex !== -1
+        ? dateIndex
+        : (monthIndex !== undefined && monthIndex !== -1 ? monthIndex : -1);
+    if (dimensionIndex === -1)
+        return [];
+    const currentYear = new Date().getFullYear();
+    const priorYear = currentYear - 1;
+    const priorYearPoints = [];
+    const currentYearPoints = [];
+    convertedData.rows?.forEach((row) => {
+        const dimValue = row.dimensionValues?.[dimensionIndex];
+        const metricValue = parseFloat(row.metricValues?.[metricIndex] || '0');
+        if (dimValue) {
+            let year;
+            let month;
+            if (dimValue.includes('-')) {
+                const parts = dimValue.split('-');
+                year = parseInt(parts[0], 10);
+                month = parseInt(parts[1], 10);
+            }
+            else if (dimValue.length >= 6) {
+                year = parseInt(dimValue.substring(0, 4), 10);
+                month = parseInt(dimValue.substring(4, 6), 10);
+            }
+            else {
+                month = parseInt(dimValue, 10);
+                year = currentYear;
+            }
+            const point = {
+                category: String(month),
+                value: metricValue,
+                displayLabel: formatMonthLabel(String(month))
+            };
+            if (year === priorYear) {
+                priorYearPoints.push(point);
+            }
+            else if (year === currentYear) {
+                currentYearPoints.push(point);
+            }
+        }
+    });
+    const series = [];
+    if (priorYearPoints.length > 0) {
+        series.push({
+            name: String(priorYear),
+            data: aggregateAndSortByMonth(priorYearPoints)
+        });
+    }
+    if (currentYearPoints.length > 0) {
+        series.push({
+            name: String(currentYear),
+            data: aggregateAndSortByMonth(currentYearPoints)
+        });
+    }
+    return series;
+}
+function aggregateAndSortByMonth(points) {
+    const monthMap = new Map();
+    points.forEach(point => {
+        const existing = monthMap.get(point.category);
+        if (existing) {
+            existing.value += point.value;
+        }
+        else {
+            monthMap.set(point.category, { ...point });
+        }
+    });
+    return sortDataByMonth(Array.from(monthMap.values()));
+}
+function getConvertedDataForSource(uiData, source) {
+    if (!uiData)
+        return undefined;
+    const periodInfo = uiData.periodInfo;
+    let result;
+    switch (source) {
+        case 'current':
+            result = uiData.convertedDataResults;
+            break;
+        case 'compare':
+            result = uiData.convertedDataResultsCompare;
+            break;
+        case 'priorYear':
+            if (periodInfo?.period === UiDataPeriodEnum.THIS_YEAR &&
+                periodInfo?.comparePeriod === UiDataComparePeriodEnum.PREVIOUS_PERIOD) {
+                result = uiData.convertedDataResultsCompare;
+            }
+            else if (periodInfo?.period === UiDataPeriodEnum.THIS_AND_LAST_YEAR) {
+                result = uiData.convertedDataResults;
+            }
+            else if (periodInfo?.comparePeriod === UiDataComparePeriodEnum.SAME_PERIOD_LAST_YEAR) {
+                result = uiData.convertedDataResultsCompare;
+            }
+            else if (periodInfo?.comparePeriod === UiDataComparePeriodEnum.PREVIOUS_PERIOD) {
+                result = uiData.convertedDataResultsCompare;
+            }
+            else {
+                result = uiData.convertedDataResultsCompare;
+            }
+            break;
+    }
+    return result;
+}
+function sumMetricFromUiData(uiData, metricToSum, source = 'current') {
+    const convertedData = getConvertedDataForSource(uiData, source);
+    if (!convertedData) {
+        return 0;
+    }
+    let total = 0;
+    const metricIndex = convertedData.metrics?.indexOf(metricToSum);
+    if (metricIndex === undefined || metricIndex === -1) {
+        return 0;
+    }
+    convertedData.rows?.forEach((row) => {
+        const rawValue = row.metricValues?.[metricIndex];
+        const metricValue = parseFloat(rawValue || '0');
+        total += metricValue;
+    });
+    return total;
+}
+
+function calculateFunnelRatios(funnelMetrics, baselineValues) {
+    const ratios = new Map();
+    const stages = funnelMetrics
+        .filter(fm => fm.funnelMetric === fm.relatedMetric)
+        .sort((a, b) => (a.funnelInd ?? 0) - (b.funnelInd ?? 0));
+    for (let i = 0; i < stages.length - 1; i++) {
+        const fromStage = stages[i].relatedMetric;
+        const toStage = stages[i + 1].relatedMetric;
+        if (fromStage && toStage) {
+            const fromValue = baselineValues.get(fromStage) || 0;
+            const toValue = baselineValues.get(toStage) || 0;
+            if (fromValue > 0) {
+                const ratio = toValue / fromValue;
+                const key = `${fromStage}_to_${toStage}`;
+                ratios.set(key, ratio);
+            }
+        }
+    }
+    return ratios;
+}
+function calculateRelatedMetricRatios(funnelMetrics, baselineValues) {
+    const ratios = new Map();
+    const stageGroups = new Map();
+    funnelMetrics.forEach(fm => {
+        if (fm.funnelMetric && fm.relatedMetric && fm.funnelMetric !== fm.relatedMetric) {
+            if (!stageGroups.has(fm.funnelMetric)) {
+                stageGroups.set(fm.funnelMetric, []);
+            }
+            stageGroups.get(fm.funnelMetric).push(fm);
+        }
+    });
+    stageGroups.forEach((relatedMetrics, funnelStage) => {
+        const funnelValue = baselineValues.get(funnelStage) || 0;
+        if (funnelValue > 0) {
+            relatedMetrics.forEach(fm => {
+                if (fm.relatedMetric) {
+                    const relatedValue = baselineValues.get(fm.relatedMetric) || 0;
+                    const ratio = relatedValue / funnelValue;
+                    const key = `${fm.relatedMetric}_to_${funnelStage}`;
+                    ratios.set(key, ratio);
+                }
+            });
+        }
+    });
+    return ratios;
+}
+function calculateMetricTargetsFromRevenueReverse(revenueTarget, priorYearRevenue, funnelMetrics, baselineValues) {
+    console.log('\n🔄 === REVERSE REVENUE CALCULATOR START ===');
+    console.log('📊 Inputs:');
+    console.log('  - Revenue Target:', revenueTarget);
+    console.log('  - Prior Year Revenue:', priorYearRevenue);
+    console.log('  - Funnel Metrics Count:', funnelMetrics.length);
+    console.log('  - Baseline Values:', Array.from(baselineValues.entries()));
+    const revenuePercentageIncrease = ((revenueTarget - priorYearRevenue) / priorYearRevenue) * 100;
+    console.log('  - Revenue % Increase:', revenuePercentageIncrease.toFixed(2) + '%');
+    const funnelRatios = calculateFunnelRatios(funnelMetrics, baselineValues);
+    console.log('\n📈 Funnel Ratios:', Array.from(funnelRatios.entries()));
+    const relatedRatios = calculateRelatedMetricRatios(funnelMetrics, baselineValues);
+    console.log('📈 Related Metric Ratios:', Array.from(relatedRatios.entries()));
+    const sortedFunnelMetrics = [...funnelMetrics].sort((a, b) => {
+        const aFunnel = a.funnelInd ?? 999;
+        const bFunnel = b.funnelInd ?? 999;
+        if (aFunnel !== bFunnel)
+            return aFunnel - bFunnel;
+        const aRelated = a.relatedInd ?? 999;
+        const bRelated = b.relatedInd ?? 999;
+        return aRelated - bRelated;
+    });
+    const stages = sortedFunnelMetrics
+        .filter(fm => fm.funnelMetric === fm.relatedMetric)
+        .map(fm => fm.relatedMetric)
+        .filter(Boolean);
+    const stageTargets = new Map();
+    console.log('\n🎯 Calculating Stage Targets (Reverse Order):');
+    let currentRevenue = revenueTarget;
+    for (let i = stages.length - 1; i >= 0; i--) {
+        const stage = stages[i];
+        const baseline = baselineValues.get(stage) || 0;
+        if (i === stages.length - 1) {
+            stageTargets.set(stage, currentRevenue);
+            console.log(`  Stage ${i} (${stage}): ${currentRevenue.toFixed(2)} (Revenue Stage)`);
+        }
+        else {
+            const nextStage = stages[i + 1];
+            const ratioKey = `${stage}_to_${nextStage}`;
+            const ratio = funnelRatios.get(ratioKey) || 0;
+            if (ratio > 0) {
+                const nextStageTarget = stageTargets.get(nextStage) || 0;
+                currentRevenue = nextStageTarget / ratio;
+                stageTargets.set(stage, currentRevenue);
+                console.log(`  Stage ${i} (${stage}): ${currentRevenue.toFixed(2)} (calculated from ${nextStage} with ratio ${ratio.toFixed(4)})`);
+            }
+            else {
+                const increaseNeeded = revenueTarget / baseline;
+                const calculatedValue = baseline * increaseNeeded;
+                stageTargets.set(stage, calculatedValue);
+                console.log(`  Stage ${i} (${stage}): ${calculatedValue.toFixed(2)} (fallback: baseline * ${increaseNeeded.toFixed(4)})`);
+            }
+        }
+    }
+    console.log('🎯 Final Stage Targets:', Array.from(stageTargets.entries()));
+    const metricCalculations = [];
+    const stageGroups = new Map();
+    sortedFunnelMetrics.forEach(fm => {
+        if (fm.funnelMetric) {
+            if (!stageGroups.has(fm.funnelMetric)) {
+                stageGroups.set(fm.funnelMetric, []);
+            }
+            stageGroups.get(fm.funnelMetric).push(fm);
+        }
+    });
+    console.log('\n📊 Calculating Individual Metric Targets:');
+    stageGroups.forEach((metrics, funnelStage) => {
+        const stageTarget = stageTargets.get(funnelStage);
+        const stageBaseline = baselineValues.get(funnelStage) || 0;
+        const stageIncrease = stageTarget ? stageTarget - stageBaseline : 0;
+        console.log(`\n  📍 Funnel Stage: ${funnelStage}`);
+        console.log(`    - Stage Target: ${stageTarget?.toFixed(2)}`);
+        console.log(`    - Stage Baseline: ${stageBaseline.toFixed(2)}`);
+        console.log(`    - Stage Increase: ${stageIncrease.toFixed(2)}`);
+        metrics.forEach(fm => {
+            if (!fm.relatedMetric)
+                return;
+            const currentValue = baselineValues.get(fm.relatedMetric) || 0;
+            const isFunnelStage = fm.funnelMetric === fm.relatedMetric;
+            console.log(`\n    🔹 Metric: ${fm.relatedMetric}${isFunnelStage ? ' (STAGE)' : ''}`);
+            console.log(`      Current Value: ${currentValue.toFixed(2)}`);
+            let targetValue;
+            let percentageIncrease;
+            if (isFunnelStage && stageTarget !== undefined) {
+                targetValue = stageTarget;
+                percentageIncrease = currentValue > 0 ? ((targetValue - currentValue) / currentValue) * 100 : 0;
+                console.log(`      Method: Direct Stage Target`);
+            }
+            else if (fm.relatedMetric === MetricEnum.BOUNCE_RATE) {
+                const stageTargetValue = stageTargets.get(funnelStage) || stageBaseline;
+                const stageIncreaseRatio = stageBaseline > 0 ? stageTargetValue / stageBaseline : 1;
+                targetValue = currentValue / stageIncreaseRatio;
+                percentageIncrease = currentValue > 0 ? ((targetValue - currentValue) / currentValue) * 100 : 0;
+                console.log(`      Method: Bounce Rate (inverse)`);
+                console.log(`      Stage Increase Ratio: ${stageIncreaseRatio.toFixed(4)}`);
+            }
+            else if (isDerivedMetric(fm.relatedMetric)) {
+                targetValue = currentValue;
+                percentageIncrease = 0;
+                console.log(`      Method: Derived Metric (no change)`);
+            }
+            else {
+                const ratioKey = `${fm.relatedMetric}_to_${funnelStage}`;
+                const impactRatio = relatedRatios.get(ratioKey) || 1;
+                const relatedMetrics = metrics.filter(m => m.relatedMetric &&
+                    m.relatedMetric !== funnelStage &&
+                    !isDerivedMetric(m.relatedMetric) &&
+                    m.relatedMetric !== MetricEnum.BOUNCE_RATE);
+                const numRelatedMetrics = relatedMetrics.length;
+                if (numRelatedMetrics > 0 && stageBaseline > 0) {
+                    const avgIncreaseNeeded = stageIncrease / numRelatedMetrics;
+                    const metricIncreaseNeeded = impactRatio > 0 ? avgIncreaseNeeded / impactRatio : avgIncreaseNeeded;
+                    targetValue = currentValue + metricIncreaseNeeded;
+                    percentageIncrease = currentValue > 0 ? ((targetValue - currentValue) / currentValue) * 100 : 0;
+                    console.log(`      Method: Related Metric with Impact Ratio`);
+                    console.log(`      Num Related Metrics: ${numRelatedMetrics}`);
+                    console.log(`      Avg Increase Needed: ${avgIncreaseNeeded.toFixed(2)}`);
+                    console.log(`      Impact Ratio: ${impactRatio.toFixed(4)}`);
+                    console.log(`      Metric Increase Needed: ${metricIncreaseNeeded.toFixed(2)}`);
+                }
+                else {
+                    const stageTargetValue = stageTargets.get(funnelStage) || stageBaseline;
+                    const stageIncreaseRatio = stageBaseline > 0 ? stageTargetValue / stageBaseline : 1;
+                    targetValue = currentValue * stageIncreaseRatio;
+                    percentageIncrease = currentValue > 0 ? ((targetValue - currentValue) / currentValue) * 100 : 0;
+                    console.log(`      Method: Proportional to Stage`);
+                    console.log(`      Stage Increase Ratio: ${stageIncreaseRatio.toFixed(4)}`);
+                }
+            }
+            console.log(`      ✅ Target Value: ${targetValue.toFixed(2)}`);
+            console.log(`      ✅ % Increase: ${percentageIncrease.toFixed(2)}%`);
+            metricCalculations.push({
+                metric: fm.relatedMetric,
+                funnelMetric: fm.funnelMetric,
+                currentValue,
+                targetValue,
+                percentageIncrease,
+                isFunnelStage,
+                funnelInd: fm.funnelInd,
+                relatedInd: fm.relatedInd,
+                description: fm.relatedMetricDescription
+            });
+        });
+    });
+    console.log('\n✅ Total Metric Calculations:', metricCalculations.length);
+    const validation = validateRevenueTarget(revenueTarget, metricCalculations, baselineValues, funnelRatios);
+    console.log('\n🔍 Validation Results:');
+    console.log('  - Target Revenue:', revenueTarget.toFixed(2));
+    console.log('  - Calculated Revenue:', validation.calculatedRevenue.toFixed(2));
+    console.log('  - Difference:', validation.difference.toFixed(2));
+    console.log('  - % Difference:', validation.percentageDifference.toFixed(4) + '%');
+    console.log('  - Within Tolerance:', validation.withinTolerance);
+    let adjustmentApplied = 0;
+    if (Math.abs(validation.difference) > 0.01) {
+        console.log('\n⚙️ Applying Precision Adjustment...');
+        metricCalculations.forEach(calc => {
+            if (calc.isFunnelStage && calc.metric !== MetricEnum.BOUNCE_RATE) {
+                const oldValue = calc.targetValue;
+                calc.targetValue += validation.difference / stages.length;
+                calc.percentageIncrease = calc.currentValue > 0
+                    ? ((calc.targetValue - calc.currentValue) / calc.currentValue) * 100
+                    : 0;
+                console.log(`  Adjusted ${calc.metric}: ${oldValue.toFixed(2)} → ${calc.targetValue.toFixed(2)}`);
+            }
+        });
+        adjustmentApplied = validation.difference;
+        console.log('  Total Adjustment Applied:', adjustmentApplied.toFixed(2));
+    }
+    else {
+        console.log('\n✅ No adjustment needed - within tolerance');
+    }
+    console.log('\n🏁 === REVERSE REVENUE CALCULATOR END ===\n');
+    return {
+        revenueTarget,
+        revenuePercentageIncrease,
+        metricCalculations,
+        adjustmentApplied
+    };
+}
+const DERIVED_METRICS = new Set([
+    MetricEnum.REVENUE_PER_PRODUCT_VIEW,
+    MetricEnum.REVENUE_PER_ADD_TO_CART,
+    MetricEnum.REVENUE_PER_CHECKOUT
+]);
+function isDerivedMetric(metric) {
+    return DERIVED_METRICS.has(metric);
+}
+function validateRevenueTarget(targetRevenue, calculations, baselineValues, funnelRatios) {
+    const stages = calculations
+        .filter(c => c.isFunnelStage)
+        .sort((a, b) => (a.funnelInd ?? 0) - (b.funnelInd ?? 0));
+    let calculatedRevenue = 0;
+    if (stages.length > 0) {
+        calculatedRevenue = stages[stages.length - 1].targetValue;
+    }
+    const difference = targetRevenue - calculatedRevenue;
+    const percentageDifference = targetRevenue > 0 ? (difference / targetRevenue) * 100 : 0;
+    const withinTolerance = Math.abs(difference) < 0.01 || Math.abs(percentageDifference) < 0.001;
+    return {
+        calculatedRevenue,
+        difference,
+        percentageDifference,
+        withinTolerance
+    };
+}
+
+class RevenueCalculatorService {
+    calculateTargetsFromRevenue(revenueTarget, mainUiData, funnelMetrics) {
+        const priorYearRevenue = this.extractPriorYearRevenue(mainUiData);
+        const baselineValues = this.extractBaselineValues(mainUiData, funnelMetrics);
+        return calculateMetricTargetsFromRevenue(revenueTarget, priorYearRevenue, funnelMetrics, baselineValues);
+    }
+    calculateTargetsFromPercentage(percentageIncrease, mainUiData, funnelMetrics) {
+        const priorYearRevenue = this.extractPriorYearRevenue(mainUiData);
+        const revenueTarget = priorYearRevenue * (1 + percentageIncrease / 100);
+        return this.calculateTargetsFromRevenue(revenueTarget, mainUiData, funnelMetrics);
+    }
+    calculateTargetsFromRevenueWithRatios(revenueTarget, mainUiData, funnelMetrics) {
+        const priorYearRevenue = this.extractPriorYearRevenue(mainUiData);
+        const baselineValues = this.extractBaselineValues(mainUiData, funnelMetrics);
+        return calculateMetricTargetsFromRevenueReverse(revenueTarget, priorYearRevenue, funnelMetrics, baselineValues);
+    }
+    calculateTargetsFromPercentageWithRatios(percentageIncrease, mainUiData, funnelMetrics) {
+        const priorYearRevenue = this.extractPriorYearRevenue(mainUiData);
+        const revenueTarget = priorYearRevenue * (1 + percentageIncrease / 100);
+        return this.calculateTargetsFromRevenueWithRatios(revenueTarget, mainUiData, funnelMetrics);
+    }
+    extractPriorYearRevenue(mainUiData) {
+        return sumMetricFromUiData(mainUiData, MetricEnum.PURCHASE_REVENUE, 'priorYear');
+    }
+    extractBaselineValues(mainUiData, funnelMetrics) {
+        const baselineValues = new Map();
+        if (!mainUiData) {
+            return baselineValues;
+        }
+        funnelMetrics.forEach(fm => {
+            if (fm.relatedMetric) {
+                const value = sumMetricFromUiData(mainUiData, fm.relatedMetric, 'priorYear');
+                baselineValues.set(fm.relatedMetric, value);
+            }
+        });
+        return baselineValues;
+    }
+    getMetricsByFunnelStage(calculations) {
+        const grouped = new Map();
+        calculations.forEach(calc => {
+            if (calc.isFunnelStage) {
+                if (!grouped.has(calc.metric)) {
+                    grouped.set(calc.metric, []);
+                }
+                grouped.get(calc.metric).push(calc);
+            }
+            else if (calc.funnelMetric) {
+                if (!grouped.has(calc.funnelMetric)) {
+                    grouped.set(calc.funnelMetric, []);
+                }
+                grouped.get(calc.funnelMetric).push(calc);
+            }
+        });
+        return grouped;
+    }
+    static { this.ɵfac = function RevenueCalculatorService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RevenueCalculatorService)(); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: RevenueCalculatorService, factory: RevenueCalculatorService.ɵfac, providedIn: 'root' }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RevenueCalculatorService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], null, null); })();
+
 const _c0$16 = a0 => ["skeleton-loader", "rounded-lg", "relative", "overflow-hidden", a0];
-const _c1$C = a0 => ["skeleton-shimmer-overlay", "absolute", "inset-0", "bg-gradient-to-r", a0];
+const _c1$D = a0 => ["skeleton-shimmer-overlay", "absolute", "inset-0", "bg-gradient-to-r", a0];
 class SkeletonLoaderComponent {
     constructor() {
         this.width = input('100%', ...(ngDevMode ? [{ debugName: "width" }] : []));
@@ -2554,7 +3209,7 @@ class SkeletonLoaderComponent {
             i0.ɵɵclassProp("skeleton-shimmer", true)("skeleton-pulse", ctx.pulse());
             i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(10, _c0$16, ctx.isLightMode() ? "bg-slate-200/80" : "bg-slate-700/80"));
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c1$C, ctx.isLightMode() ? "from-transparent via-white/60 to-transparent" : "from-transparent via-slate-500/40 to-transparent"));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c1$D, ctx.isLightMode() ? "from-transparent via-white/60 to-transparent" : "from-transparent via-slate-500/40 to-transparent"));
         } }, dependencies: [NgClass], styles: [".skeleton-loader[_ngcontent-%COMP%]{position:relative;overflow:hidden}.skeleton-shimmer-overlay[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_shimmer 2s infinite cubic-bezier(.4,0,.6,1);transform:translate(-100%)}@keyframes _ngcontent-%COMP%_shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-pulse[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes _ngcontent-%COMP%_pulse{0%,to{opacity:1}50%{opacity:.6}}"], changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SkeletonLoaderComponent, [{
@@ -5496,7 +6151,7 @@ class OverallAssessmentComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(OverallAssessmentComponent, { className: "OverallAssessmentComponent", filePath: "lib/components/funnel-analysis-dashboard/overall-assessment.component.ts", lineNumber: 303 }); })();
 
 const _c0$13 = () => [1, 2, 3];
-const _c1$B = () => [1, 2, 3, 4];
+const _c1$C = () => [1, 2, 3, 4];
 const _c2$q = () => [];
 function InsightCardComponent_Conditional_0_Conditional_0_For_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 7);
@@ -5535,7 +6190,7 @@ function InsightCardComponent_Conditional_0_Conditional_0_Template(rf, ctx) { if
     i0.ɵɵadvance();
     i0.ɵɵrepeater(i0.ɵɵpureFunction0(8, _c0$13));
     i0.ɵɵadvance(3);
-    i0.ɵɵrepeater(i0.ɵɵpureFunction0(9, _c1$B));
+    i0.ɵɵrepeater(i0.ɵɵpureFunction0(9, _c1$C));
 } }
 function InsightCardComponent_Conditional_0_Conditional_1_Conditional_7_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
@@ -8234,7 +8889,7 @@ class MetricCardComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricCardComponent, { className: "MetricCardComponent", filePath: "lib/components/funnel-analysis-dashboard/metric-card.component.ts", lineNumber: 537 }); })();
 
 const _c0$12 = () => [1, 2, 3];
-const _c1$A = (a0, a1, a2) => [a0, a1, a2];
+const _c1$B = (a0, a1, a2) => [a0, a1, a2];
 const _c2$p = (a0, a1) => [a0, a1];
 const _forTrack0$O = ($index, $item) => $item.metric;
 const _forTrack1$7 = ($index, $item) => $item.dimensionValue;
@@ -8446,7 +9101,7 @@ function BreakdownSectionComponent_Conditional_1_For_9_For_27_Template(rf, ctx)
     const ɵ$index_133_r9 = ctx.$index;
     const group_r5 = i0.ɵɵnextContext().$implicit;
     const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction3(31, _c1$A, ctx_r0.getRowBackgroundClass(metric_r8, ɵ$index_133_r9), ctx_r0.getPriorityDividerClass(metric_r8, ɵ$index_133_r9, group_r5.values), ctx_r0.isLightMode() ? "hover:bg-blue-50" : "hover:bg-slate-700/30"));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction3(31, _c1$B, ctx_r0.getRowBackgroundClass(metric_r8, ɵ$index_133_r9), ctx_r0.getPriorityDividerClass(metric_r8, ɵ$index_133_r9, group_r5.values), ctx_r0.isLightMode() ? "hover:bg-blue-50" : "hover:bg-slate-700/30"));
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngClass", ctx_r0.isLightMode() ? "text-slate-600 group-hover:text-slate-900" : "text-slate-400 group-hover:text-white")("libSymphiqTooltip", ctx_r0.getBreakdownRowTooltip(metric_r8))("tooltipPosition", "auto");
     i0.ɵɵadvance();
@@ -26701,7 +27356,7 @@ class FunnelWelcomeBannerComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FunnelWelcomeBannerComponent, { className: "FunnelWelcomeBannerComponent", filePath: "lib/components/funnel-analysis-dashboard/funnel-welcome-banner.component.ts", lineNumber: 113 }); })();
 
 const _c0$W = [[["", "slot", "overall-performance"]], [["", "slot", "performance-metrics"]], [["", "slot", "performance-breakdowns"]], [["", "slot", "competitive-intelligence"]]];
-const _c1$z = ["[slot=overall-performance]", "[slot=performance-metrics]", "[slot=performance-breakdowns]", "[slot=competitive-intelligence]"];
+const _c1$A = ["[slot=overall-performance]", "[slot=performance-metrics]", "[slot=performance-breakdowns]", "[slot=competitive-intelligence]"];
 class CollapsibleFunnelSectionGroupComponent {
     constructor() {
         this.viewMode = input(ViewModeEnum.LIGHT, ...(ngDevMode ? [{ debugName: "viewMode" }] : []));
@@ -26832,7 +27487,7 @@ class CollapsibleFunnelSectionGroupComponent {
             : 'border-slate-200';
     }
     static { this.ɵfac = function CollapsibleFunnelSectionGroupComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CollapsibleFunnelSectionGroupComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CollapsibleFunnelSectionGroupComponent, selectors: [["symphiq-collapsible-funnel-section-group"]], inputs: { viewMode: [1, "viewMode"] }, ngContentSelectors: _c1$z, decls: 90, vars: 58, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-6", "py-5", "border-b", 3, "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-3"], [1, "p-2.5", "rounded-lg", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], [1, "p-6", 3, "ngClass"], [1, "mb-6", "p-4", "rounded-xl", "border", "flex", "items-start", "gap-3", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["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"], [1, "flex-1"], [1, "font-semibold", "text-sm", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "space-y-3"], [1, "rounded-xl", "border", "overflow-hidden", "transition-all", "duration-200", 3, "id", "ngClass"], ["type", "button", 1, "cursor-pointer", "w-full", "px-5", "py-4", "flex", "items-center", "justify-between", "gap-4", "text-left", "transition-colors", "duration-200", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], [1, "p-2", "rounded-lg", "flex-shrink-0", "transition-colors", "duration-200", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "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"], [1, "flex-1", "min-w-0"], [1, "font-semibold", "transition-colors", "duration-200", 3, "ngClass"], [1, "text-sm", "mt-0.5", "transition-colors", "duration-200", 3, "ngClass"], [1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "duration-200", 3, "ngClass"], ["stroke", "currentColor", "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"], [1, "border-t", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], ["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"]], template: function CollapsibleFunnelSectionGroupComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CollapsibleFunnelSectionGroupComponent, selectors: [["symphiq-collapsible-funnel-section-group"]], inputs: { viewMode: [1, "viewMode"] }, ngContentSelectors: _c1$A, decls: 90, vars: 58, consts: [[1, "rounded-2xl", "border", "shadow-lg", "overflow-hidden", 3, "ngClass"], [1, "px-6", "py-5", "border-b", 3, "ngClass"], [1, "flex", "items-center", "justify-between"], [1, "flex", "items-center", "gap-3"], [1, "p-2.5", "rounded-lg", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", "mt-0.5", 3, "ngClass"], [1, "p-6", 3, "ngClass"], [1, "mb-6", "p-4", "rounded-xl", "border", "flex", "items-start", "gap-3", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-5", "h-5", "flex-shrink-0", "mt-0.5", 3, "ngClass"], ["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"], [1, "flex-1"], [1, "font-semibold", "text-sm", "mb-1", 3, "ngClass"], [1, "text-sm", "leading-relaxed", 3, "ngClass"], [1, "space-y-3"], [1, "rounded-xl", "border", "overflow-hidden", "transition-all", "duration-200", 3, "id", "ngClass"], ["type", "button", 1, "cursor-pointer", "w-full", "px-5", "py-4", "flex", "items-center", "justify-between", "gap-4", "text-left", "transition-colors", "duration-200", 3, "click", "ngClass"], [1, "flex", "items-center", "gap-3", "flex-1", "min-w-0"], [1, "p-2", "rounded-lg", "flex-shrink-0", "transition-colors", "duration-200", 3, "ngClass"], ["fill", "none", "stroke", "currentColor", "viewBox", "0 0 24 24", 1, "w-4", "h-4"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "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"], [1, "flex-1", "min-w-0"], [1, "font-semibold", "transition-colors", "duration-200", 3, "ngClass"], [1, "text-sm", "mt-0.5", "transition-colors", "duration-200", 3, "ngClass"], [1, "w-5", "h-5", "flex-shrink-0", "transition-transform", "duration-200", 3, "ngClass"], ["stroke", "currentColor", "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"], [1, "border-t", 3, "ngClass"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z"], ["stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2", "d", "M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"], ["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"]], template: function CollapsibleFunnelSectionGroupComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef(_c0$W);
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "div", 4);
             i0.ɵɵnamespaceSVG();
@@ -27677,7 +28332,7 @@ class ViewModeSwitcherModalComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ViewModeSwitcherModalComponent, { className: "ViewModeSwitcherModalComponent", filePath: "lib/components/shared/view-mode-switcher-modal.component.ts", lineNumber: 160 }); })();
 
 const _c0$V = a0 => ({ name: "check-badge", source: a0 });
-const _c1$y = a0 => ({ name: "check-circle", source: a0 });
+const _c1$z = a0 => ({ name: "check-circle", source: a0 });
 const _c2$o = a0 => ({ name: "chevron-right", source: a0 });
 const _forTrack0$z = ($index, $item) => $item.area;
 function KeyStrengthsListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
@@ -27738,7 +28393,7 @@ function KeyStrengthsListModalContentComponent_Conditional_2_For_2_Template(rf,
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", strength_r3.description, " ");
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(14, _c1$y, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.iconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(14, _c1$z, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.iconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.countClasses());
     i0.ɵɵadvance();
@@ -27909,7 +28564,7 @@ class KeyStrengthsListModalContentComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KeyStrengthsListModalContentComponent, { className: "KeyStrengthsListModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/key-strengths-list-modal-content.component.ts", lineNumber: 79 }); })();
 
 const _c0$U = a0 => ({ name: "shield-check", source: a0 });
-const _c1$x = a0 => ({ name: "exclamation-triangle", source: a0 });
+const _c1$y = a0 => ({ name: "exclamation-triangle", source: a0 });
 const _c2$n = a0 => ({ name: "document-text", source: a0 });
 const _c3$h = a0 => ({ name: "chevron-right", source: a0 });
 const _forTrack0$y = ($index, $item) => $item.area;
@@ -27979,7 +28634,7 @@ function CriticalGapsListModalContentComponent_Conditional_2_For_2_Template(rf,
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.impactContainerClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(19, _c1$x, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.impactIconClasses(gap_r3.urgency));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(19, _c1$y, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.impactIconClasses(gap_r3.urgency));
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r0.impactLabelClasses());
     i0.ɵɵadvance(2);
@@ -28225,7 +28880,7 @@ class CriticalGapsListModalContentComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CriticalGapsListModalContentComponent, { className: "CriticalGapsListModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/critical-gaps-list-modal-content.component.ts", lineNumber: 98 }); })();
 
 const _c0$T = a0 => ({ name: "check-circle", source: a0 });
-const _c1$w = a0 => ({ name: "chat-bubble-left-right", source: a0 });
+const _c1$x = a0 => ({ name: "chat-bubble-left-right", source: a0 });
 const _forTrack0$x = ($index, $item) => $item.questionId;
 function KeyStrengthDetailModalContentComponent_Conditional_13_For_6_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 19)(1, "span", 20);
@@ -28255,7 +28910,7 @@ function KeyStrengthDetailModalContentComponent_Conditional_13_For_6_Template(rf
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r1.answerCardClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(8, _c1$w, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.answerIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(8, _c1$x, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.answerIconClasses());
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.questionClasses());
     i0.ɵɵadvance();
@@ -28466,7 +29121,7 @@ class KeyStrengthDetailModalContentComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(KeyStrengthDetailModalContentComponent, { className: "KeyStrengthDetailModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/key-strength-detail-modal-content.component.ts", lineNumber: 79 }); })();
 
 const _c0$S = a0 => ({ name: "exclamation-triangle", source: a0 });
-const _c1$v = a0 => ({ name: "document-text", source: a0 });
+const _c1$w = a0 => ({ name: "document-text", source: a0 });
 const _c2$m = a0 => ({ name: "chat-bubble-left-right", source: a0 });
 const _forTrack0$w = ($index, $item) => $item.questionId;
 function CriticalGapDetailModalContentComponent_Conditional_20_For_6_Conditional_8_Template(rf, ctx) { if (rf & 1) {
@@ -28544,7 +29199,7 @@ function CriticalGapDetailModalContentComponent_Conditional_20_Template(rf, ctx)
     i0.ɵɵclassMap(ctx_r1.isLightMode() ? "border-slate-200" : "border-slate-700");
     i0.ɵɵproperty("ngClass", ctx_r1.sectionTitleClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(5, _c1$v, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.sectionIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(5, _c1$w, ctx_r1.IconSourceEnum.HEROICONS))("ngClass", ctx_r1.sectionIconClasses());
     i0.ɵɵadvance(3);
     i0.ɵɵrepeater(ctx_r1.gap().supportingAnswers);
 } }
@@ -30329,7 +30984,7 @@ class TopPriorityDetailModalContentComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TopPriorityDetailModalContentComponent, { className: "TopPriorityDetailModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/top-priority-detail-modal-content.component.ts", lineNumber: 72 }); })();
 
 const _c0$R = a0 => ({ name: "check-badge", source: a0 });
-const _c1$u = a0 => ({ name: "check-circle", source: a0 });
+const _c1$v = a0 => ({ name: "check-circle", source: a0 });
 const _c2$l = a0 => ({ name: "chevron-right", source: a0 });
 const _c3$g = a0 => ({ name: "chart-bar", source: a0 });
 const _forTrack0$v = ($index, $item) => $item.capability;
@@ -30437,7 +31092,7 @@ function FocusAreaStrengthsListModalContentComponent_Conditional_2_For_2_Templat
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r0.getLinkedMetricsCount(strength_r3) > 0 ? 9 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(14, _c1$u, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.iconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(14, _c1$v, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.iconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.countClasses());
     i0.ɵɵadvance();
@@ -30652,7 +31307,7 @@ class FocusAreaStrengthsListModalContentComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaStrengthsListModalContentComponent, { className: "FocusAreaStrengthsListModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/focus-area-strengths-list-modal-content.component.ts", lineNumber: 109 }); })();
 
 const _c0$Q = a0 => ({ name: "exclamation-triangle", source: a0 });
-const _c1$t = a0 => ({ name: "exclamation-circle", source: a0 });
+const _c1$u = a0 => ({ name: "exclamation-circle", source: a0 });
 const _c2$k = a0 => ({ name: "chevron-right", source: a0 });
 function _forTrack0$u($index, $item) { return this.getGapTitle($item); }
 function FocusAreaGapsListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
@@ -30761,7 +31416,7 @@ function FocusAreaGapsListModalContentComponent_Conditional_2_For_2_Template(rf,
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r0.getImpactOnMetric(gap_r3) ? 8 : -1);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(14, _c1$t, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.iconClasses(gap_r3));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(14, _c1$u, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.iconClasses(gap_r3));
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.countClasses());
     i0.ɵɵadvance();
@@ -31046,7 +31701,7 @@ class FocusAreaGapsListModalContentComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaGapsListModalContentComponent, { className: "FocusAreaGapsListModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/focus-area-gaps-list-modal-content.component.ts", lineNumber: 106 }); })();
 
 const _c0$P = a0 => ({ name: "light-bulb", source: a0 });
-const _c1$s = a0 => ({ name: "chevron-right", source: a0 });
+const _c1$t = a0 => ({ name: "chevron-right", source: a0 });
 const _c2$j = a0 => ({ name: "chart-bar", source: a0 });
 const _forTrack0$t = ($index, $item) => $item.opportunity;
 function FocusAreaOpportunitiesListModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
@@ -31135,7 +31790,7 @@ function FocusAreaOpportunitiesListModalContentComponent_Conditional_2_For_2_Tem
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r0.getLinkedMetricsCount(opportunity_r3) > 0 ? 8 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(9, _c1$s, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.chevronClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(9, _c1$t, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.chevronClasses());
 } }
 function FocusAreaOpportunitiesListModalContentComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 2);
@@ -31315,7 +31970,7 @@ class FocusAreaOpportunitiesListModalContentComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaOpportunitiesListModalContentComponent, { className: "FocusAreaOpportunitiesListModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/focus-area-opportunities-list-modal-content.component.ts", lineNumber: 90 }); })();
 
 const _c0$O = a0 => ({ name: "chevron-right", source: a0 });
-const _c1$r = a0 => ({ name: "chat-bubble-left-right", source: a0 });
+const _c1$s = a0 => ({ name: "chat-bubble-left-right", source: a0 });
 const _forTrack0$s = ($index, $item) => $item.performanceItemId;
 function FocusAreaStrengthDetailModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div")(1, "p", 2);
@@ -31438,7 +32093,7 @@ function FocusAreaStrengthDetailModalContentComponent_Conditional_6_For_5_Templa
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.answerClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$r, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.answerIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$s, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.answerIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.answerQuestionClasses());
     i0.ɵɵadvance();
@@ -32036,7 +32691,7 @@ class FocusAreaGapDetailModalContentComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FocusAreaGapDetailModalContentComponent, { className: "FocusAreaGapDetailModalContentComponent", filePath: "lib/components/profile-analysis-dashboard/modals/focus-area-gap-detail-modal-content.component.ts", lineNumber: 98 }); })();
 
 const _c0$M = a0 => ({ name: "chevron-right", source: a0 });
-const _c1$q = () => [];
+const _c1$r = () => [];
 const _forTrack0$r = ($index, $item) => $item.performanceItemId;
 function FocusAreaOpportunityDetailModalContentComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div")(1, "p", 2);
@@ -32125,7 +32780,7 @@ function FocusAreaOpportunityDetailModalContentComponent_Conditional_4_Template(
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
     i0.ɵɵadvance(3);
-    i0.ɵɵrepeater(ctx_r0.opportunity().linkedGoalIds || i0.ɵɵpureFunction0(2, _c1$q));
+    i0.ɵɵrepeater(ctx_r0.opportunity().linkedGoalIds || i0.ɵɵpureFunction0(2, _c1$r));
 } }
 function FocusAreaOpportunityDetailModalContentComponent_Conditional_5_For_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span", 10);
@@ -32151,7 +32806,7 @@ function FocusAreaOpportunityDetailModalContentComponent_Conditional_5_Template(
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
     i0.ɵɵadvance(3);
-    i0.ɵɵrepeater(ctx_r0.opportunity().linkedFunnelStrengthIds || i0.ɵɵpureFunction0(2, _c1$q));
+    i0.ɵɵrepeater(ctx_r0.opportunity().linkedFunnelStrengthIds || i0.ɵɵpureFunction0(2, _c1$r));
 } }
 class FocusAreaOpportunityDetailModalContentComponent {
     constructor() {
@@ -32488,7 +33143,7 @@ class CircularProgressComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CircularProgressComponent, { className: "CircularProgressComponent", filePath: "lib/components/business-analysis-dashboard/visualizations/circular-progress.component.ts", lineNumber: 41 }); })();
 
 const _c0$L = ["*"];
-const _c1$p = (a0, a1) => [a0, a1];
+const _c1$q = (a0, a1) => [a0, a1];
 function VisualizationContainerComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 3);
@@ -32499,7 +33154,7 @@ function VisualizationContainerComponent_Conditional_1_Template(rf, ctx) { if (r
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(1, _c1$p, ctx_r1.iconClass(), ctx_r1.isLightMode() ? "bg-white/90 hover:bg-white" : "bg-slate-800/90 hover:bg-slate-800"));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(1, _c1$q, ctx_r1.iconClass(), ctx_r1.isLightMode() ? "bg-white/90 hover:bg-white" : "bg-slate-800/90 hover:bg-slate-800"));
 } }
 class VisualizationContainerComponent {
     constructor() {
@@ -32654,7 +33309,7 @@ class MetricBadgeComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MetricBadgeComponent, { className: "MetricBadgeComponent", filePath: "lib/components/business-analysis-dashboard/badges/metric-badge.component.ts", lineNumber: 22 }); })();
 
 const _c0$K = a0 => ({ name: "light-bulb", source: a0 });
-const _c1$o = a0 => ({ name: "chevron-right", source: a0 });
+const _c1$p = a0 => ({ name: "chevron-right", source: a0 });
 function OpportunityHighlightBannerComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "p", 7);
     i0.ɵɵtext(1);
@@ -32729,7 +33384,7 @@ class OpportunityHighlightBannerComponent {
             i0.ɵɵconditional(ctx.message() ? 9 : -1);
             i0.ɵɵadvance();
             i0.ɵɵclassProp("rotate-90", ctx.isExpanded());
-            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(13, _c1$o, ctx.iconSource))("ngClass", ctx.chevronClasses());
+            i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(13, _c1$p, ctx.iconSource))("ngClass", ctx.chevronClasses());
         } }, dependencies: [CommonModule, i1$1.NgClass, SymphiqIconComponent], encapsulation: 2, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OpportunityHighlightBannerComponent, [{
@@ -33355,7 +34010,7 @@ class ViewportAnimationDirective {
         }] }); })();
 
 const _c0$I = a0 => ({ name: "star", source: a0 });
-const _c1$n = a0 => ({ name: "globe-americas", source: a0 });
+const _c1$o = a0 => ({ name: "globe-americas", source: a0 });
 const _c2$i = a0 => ({ name: "academic-cap", source: a0 });
 const _c3$f = a0 => ({ name: "information-circle", source: a0 });
 const _c4$b = a0 => ({ name: "signal", source: a0 });
@@ -33463,7 +34118,7 @@ function RegionCardComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedSectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$n, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$o, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
     i0.ɵɵadvance(2);
@@ -34433,7 +35088,7 @@ class CompetitiveInsightBadgeComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompetitiveInsightBadgeComponent, { className: "CompetitiveInsightBadgeComponent", filePath: "lib/components/business-analysis-dashboard/badges/competitive-insight-badge.component.ts", lineNumber: 25 }); })();
 
 const _c0$H = a0 => ({ name: "calendar-days", source: a0 });
-const _c1$m = a0 => ({ name: "chart-bar", source: a0 });
+const _c1$n = a0 => ({ name: "chart-bar", source: a0 });
 const _c2$h = a0 => ({ name: "academic-cap", source: a0 });
 const _c3$e = a0 => ({ name: "information-circle", source: a0 });
 const _c4$a = a0 => ({ name: "signal", source: a0 });
@@ -34549,7 +35204,7 @@ function SeasonCardComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedSectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$m, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$n, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
     i0.ɵɵadvance(2);
@@ -35271,7 +35926,7 @@ class SeasonCardComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SeasonCardComponent, { className: "SeasonCardComponent", filePath: "lib/components/business-analysis-dashboard/cards/season-card.component.ts", lineNumber: 270 }); })();
 
 const _c0$G = a0 => ({ name: "currency-dollar", source: a0 });
-const _c1$l = a0 => ({ name: "chart-bar", source: a0 });
+const _c1$m = a0 => ({ name: "chart-bar", source: a0 });
 const _c2$g = a0 => ({ name: "academic-cap", source: a0 });
 const _c3$d = a0 => ({ name: "information-circle", source: a0 });
 const _c4$9 = a0 => ({ name: "signal", source: a0 });
@@ -35560,7 +36215,7 @@ function CustomerSegmentCardComponent_Conditional_23_Template(rf, ctx) { if (rf
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedSectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(12, _c1$l, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(12, _c1$m, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
     i0.ɵɵadvance(2);
@@ -36388,7 +37043,7 @@ class CustomerSegmentCardComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CustomerSegmentCardComponent, { className: "CustomerSegmentCardComponent", filePath: "lib/components/business-analysis-dashboard/cards/customer-segment-card.component.ts", lineNumber: 366 }); })();
 
 const _c0$F = a0 => ({ name: "currency-dollar", source: a0 });
-const _c1$k = a0 => ({ name: "document-text", source: a0 });
+const _c1$l = a0 => ({ name: "document-text", source: a0 });
 const _c2$f = a0 => ({ name: "academic-cap", source: a0 });
 const _c3$c = a0 => ({ name: "information-circle", source: a0 });
 const _c4$8 = a0 => ({ name: "signal", source: a0 });
@@ -36508,7 +37163,7 @@ function PriceTierCardComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedSectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c1$k, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c1$l, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedTitleClasses());
     i0.ɵɵadvance(2);
@@ -37225,7 +37880,7 @@ class PriceTierCardComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PriceTierCardComponent, { className: "PriceTierCardComponent", filePath: "lib/components/business-analysis-dashboard/cards/price-tier-card.component.ts", lineNumber: 261 }); })();
 
 const _c0$E = () => ({ name: "cube", source: "HEROICONS" });
-const _c1$j = () => ({ name: "currency-dollar", source: "HEROICONS" });
+const _c1$k = () => ({ name: "currency-dollar", source: "HEROICONS" });
 const _c2$e = () => ({ name: "chart-bar", source: "HEROICONS" });
 const _c3$b = a0 => ({ name: "chart-bar", source: a0 });
 const _c4$7 = a0 => ({ name: "academic-cap", source: a0 });
@@ -37292,7 +37947,7 @@ function ProductCategoryCardComponent_Conditional_14_Conditional_3_Template(rf,
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.getStatBoxClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(6, _c1$j))("ngClass", ctx_r0.getStatIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(6, _c1$k))("ngClass", ctx_r0.getStatIconClasses());
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r0.getStatLabelClasses());
     i0.ɵɵadvance(2);
@@ -38382,7 +39037,7 @@ function getCategoryBadgeClasses(category, isDark) {
 }
 
 const _c0$C = a0 => ({ name: "shield-check", source: a0 });
-const _c1$i = a0 => ({ name: "building-storefront", source: a0 });
+const _c1$j = a0 => ({ name: "building-storefront", source: a0 });
 const _c2$d = a0 => ({ name: "academic-cap", source: a0 });
 const _c3$a = a0 => ({ name: "information-circle", source: a0 });
 const _c4$6 = a0 => ({ name: "signal", source: a0 });
@@ -38432,7 +39087,7 @@ function EnhancedListItemCardComponent_Conditional_21_Conditional_7_Template(rf,
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵclassProp("mt-3", ctx_r0.getCompetitorPositioning() || ((tmp_2_0 = ctx_r0.item()) == null ? null : tmp_2_0.differentiationStrength));
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$i, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(7, _c1$j, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.getExpandedIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.getExpandedSubtitleClasses());
     i0.ɵɵadvance(2);
@@ -39098,7 +39753,7 @@ class EnhancedListItemCardComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EnhancedListItemCardComponent, { className: "EnhancedListItemCardComponent", filePath: "lib/components/business-analysis-dashboard/cards/enhanced-list-item-card.component.ts", lineNumber: 221 }); })();
 
 const _c0$B = a0 => ({ name: "academic-cap", source: a0 });
-const _c1$h = a0 => ({ name: "information-circle", source: a0 });
+const _c1$i = a0 => ({ name: "information-circle", source: a0 });
 const _c2$c = a0 => ({ name: "signal", source: a0 });
 const _c3$9 = a0 => ({ name: "wrench-screwdriver", source: a0 });
 function FocusAreaDetailCardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
@@ -39199,7 +39854,7 @@ function FocusAreaDetailCardComponent_Conditional_16_Conditional_6_Template(rf,
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngClass", ctx_r0.getCompetitiveGapSectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c1$h, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.expandedIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c1$i, ctx_r0.IconSourceEnum.HEROICONS))("ngClass", ctx_r0.expandedIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.expandedTitleClasses());
     i0.ɵɵadvance(2);
@@ -42145,7 +42800,7 @@ class ProfileItemCardComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileItemCardComponent, { className: "ProfileItemCardComponent", filePath: "lib/components/business-analysis-dashboard/profile-item-card.component.ts", lineNumber: 171 }); })();
 
 const _c0$z = ["scrollContainer"];
-const _c1$g = a0 => ({ name: "arrow-right", source: a0 });
+const _c1$h = a0 => ({ name: "arrow-right", source: a0 });
 function ItemDetailModalComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 7);
@@ -42157,7 +42812,7 @@ function ItemDetailModalComponent_Conditional_7_Template(rf, ctx) { if (rf & 1)
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r2.getPrimaryButtonClasses());
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(2, _c1$g, ctx_r2.IconSourceEnum.HEROICONS));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(2, _c1$h, ctx_r2.IconSourceEnum.HEROICONS));
 } }
 class ItemDetailModalComponent {
     constructor() {
@@ -42344,7 +42999,7 @@ class ItemDetailModalComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ItemDetailModalComponent, { className: "ItemDetailModalComponent", filePath: "lib/components/business-analysis-dashboard/modals/item-detail-modal.component.ts", lineNumber: 53 }); })();
 
 const _c0$y = ["modalContent"];
-const _c1$f = ["modalWrapper"];
+const _c1$g = ["modalWrapper"];
 const _c2$b = ["*"];
 const ProfileAnalysisModalComponent_Conditional_0_Conditional_31_Conditional_3_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return lineChart_component; }).then(m => m.LineChartComponent)];
 const ProfileAnalysisModalComponent_Conditional_0_Conditional_31_Conditional_4_Defer_2_DepsFn = () => [Promise.resolve().then(function () { return barChart_component; }).then(m => m.BarChartComponent)];
@@ -44593,7 +45248,7 @@ class ProfileAnalysisModalComponent {
     static { this.ɵfac = function ProfileAnalysisModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ProfileAnalysisModalComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ProfileAnalysisModalComponent, selectors: [["symphiq-profile-analysis-modal"]], viewQuery: function ProfileAnalysisModalComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0$y, 5);
-            i0.ɵɵviewQuery(_c1$f, 5);
+            i0.ɵɵviewQuery(_c1$g, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalContent = _t.first);
@@ -45148,7 +45803,7 @@ class ProfileAnalysisModalComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProfileAnalysisModalComponent, { className: "ProfileAnalysisModalComponent", filePath: "lib/components/profile-analysis-dashboard/profile-analysis-modal.component.ts", lineNumber: 554 }); })();
 
 const _c0$x = a0 => ({ name: "light-bulb", source: a0 });
-const _c1$e = a0 => ({ name: "trophy", source: a0 });
+const _c1$f = a0 => ({ name: "trophy", source: a0 });
 const _c2$a = a0 => ({ name: "academic-cap", source: a0 });
 const _c3$7 = a0 => ({ name: "signal", source: a0 });
 const _c4$4 = a0 => ({ name: "wrench-screwdriver", source: a0 });
@@ -45186,7 +45841,7 @@ function CompetitiveGapModalComponent_Conditional_10_Template(rf, ctx) { if (rf
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngClass", ctx_r0.sectionClasses());
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c1$e, ctx_r0.iconSource))("ngClass", ctx_r0.sectionIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(6, _c1$f, ctx_r0.iconSource))("ngClass", ctx_r0.sectionIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.sectionTitleClasses());
     i0.ɵɵadvance(2);
@@ -45479,7 +46134,7 @@ class CompetitiveGapModalComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompetitiveGapModalComponent, { className: "CompetitiveGapModalComponent", filePath: "lib/components/business-analysis-dashboard/modals/competitive-gap-modal.component.ts", lineNumber: 101 }); })();
 
 const _c0$w = a0 => ({ name: "list-bullet", source: a0 });
-const _c1$d = a0 => ({ name: "arrow-right", source: a0 });
+const _c1$e = a0 => ({ name: "arrow-right", source: a0 });
 const _c2$9 = a0 => ({ name: "check-circle", source: a0 });
 const _c3$6 = a0 => ({ name: "exclamation-circle", source: a0 });
 const _forTrack0$o = ($index, $item) => $item.order;
@@ -45551,7 +46206,7 @@ function RecommendationActionStepsModalComponent_For_4_Template(rf, ctx) { if (r
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", step_r2.order, " ");
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(9, _c1$d, ctx_r0.iconSource))("ngClass", ctx_r0.actionIconClasses());
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(9, _c1$e, ctx_r0.iconSource))("ngClass", ctx_r0.actionIconClasses());
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r0.actionTitleClasses());
     i0.ɵɵadvance(2);
@@ -45719,7 +46374,7 @@ class RecommendationActionStepsModalComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RecommendationActionStepsModalComponent, { className: "RecommendationActionStepsModalComponent", filePath: "lib/components/business-analysis-dashboard/modals/recommendation-action-steps-modal.component.ts", lineNumber: 69 }); })();
 
 const _c0$v = ["modalContent"];
-const _c1$c = ["modalWrapper"];
+const _c1$d = ["modalWrapper"];
 function BusinessAnalysisModalComponent_Conditional_0_Conditional_10_For_6_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 28);
@@ -46242,7 +46897,7 @@ class BusinessAnalysisModalComponent {
     static { this.ɵfac = function BusinessAnalysisModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BusinessAnalysisModalComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BusinessAnalysisModalComponent, selectors: [["symphiq-business-analysis-modal"]], viewQuery: function BusinessAnalysisModalComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0$v, 5);
-            i0.ɵɵviewQuery(_c1$c, 5);
+            i0.ɵɵviewQuery(_c1$d, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.modalContent = _t.first);
@@ -46427,7 +47082,7 @@ class BusinessAnalysisModalComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BusinessAnalysisModalComponent, { className: "BusinessAnalysisModalComponent", filePath: "lib/components/business-analysis-dashboard/business-analysis-modal.component.ts", lineNumber: 171 }); })();
 
 const _c0$u = ["dashboardContainer"];
-const _c1$b = () => ({});
+const _c1$c = () => ({});
 const _c2$8 = () => [1, 2, 3, 4, 5, 6];
 const _c3$5 = () => [1, 2, 3];
 const _c4$3 = () => [1, 2, 3, 4];
@@ -46734,7 +47389,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_50_Conditional_8_Co
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("assessment", ctx_r2.performanceOverview().overallAssessment || i0.ɵɵpureFunction0(11, _c1$b))("revenueMetric", ctx_r2.revenueMetric())("charts", ctx_r2.chartsForItem("OVERALL_ASSESSMENT"))("metrics", ctx_r2.allMetrics())("isLightMode", ctx_r2.isLightMode())("isLoading", ctx_r2.isOverallAssessmentLoading())("isCompactMode", true)("isChartsLoading", ctx_r2.areChartsLoading())("strengths", ctx_r2.strengths())("weaknesses", ctx_r2.weaknesses())("currencySymbol", ctx_r2.currencySymbol());
+    i0.ɵɵproperty("assessment", ctx_r2.performanceOverview().overallAssessment || i0.ɵɵpureFunction0(11, _c1$c))("revenueMetric", ctx_r2.revenueMetric())("charts", ctx_r2.chartsForItem("OVERALL_ASSESSMENT"))("metrics", ctx_r2.allMetrics())("isLightMode", ctx_r2.isLightMode())("isLoading", ctx_r2.isOverallAssessmentLoading())("isCompactMode", true)("isChartsLoading", ctx_r2.areChartsLoading())("strengths", ctx_r2.strengths())("weaknesses", ctx_r2.weaknesses())("currencySymbol", ctx_r2.currencySymbol());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_50_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 72);
@@ -46884,7 +47539,7 @@ function SymphiqFunnelAnalysisDashboardComponent_Conditional_51_Conditional_2_Co
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("assessment", ctx_r2.performanceOverview().overallAssessment || i0.ɵɵpureFunction0(11, _c1$b))("revenueMetric", ctx_r2.revenueMetric())("charts", ctx_r2.chartsForItem("OVERALL_ASSESSMENT"))("metrics", ctx_r2.allMetrics())("isLightMode", ctx_r2.isLightMode())("isLoading", ctx_r2.isOverallAssessmentLoading())("isCompactMode", ctx_r2.viewModeService.isCompact())("isChartsLoading", ctx_r2.areChartsLoading())("strengths", ctx_r2.strengths())("weaknesses", ctx_r2.weaknesses())("currencySymbol", ctx_r2.currencySymbol());
+    i0.ɵɵproperty("assessment", ctx_r2.performanceOverview().overallAssessment || i0.ɵɵpureFunction0(11, _c1$c))("revenueMetric", ctx_r2.revenueMetric())("charts", ctx_r2.chartsForItem("OVERALL_ASSESSMENT"))("metrics", ctx_r2.allMetrics())("isLightMode", ctx_r2.isLightMode())("isLoading", ctx_r2.isOverallAssessmentLoading())("isCompactMode", ctx_r2.viewModeService.isCompact())("isChartsLoading", ctx_r2.areChartsLoading())("strengths", ctx_r2.strengths())("weaknesses", ctx_r2.weaknesses())("currencySymbol", ctx_r2.currencySymbol());
 } }
 function SymphiqFunnelAnalysisDashboardComponent_Conditional_51_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 93);
@@ -55619,49 +56274,6 @@ class RevenueCalculatorWelcomeBannerComponent {
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], dataLoadStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataLoadStatus", required: false }] }], hasTargets: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasTargets", required: false }] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RevenueCalculatorWelcomeBannerComponent, { className: "RevenueCalculatorWelcomeBannerComponent", filePath: "lib/components/revenue-calculator-dashboard/revenue-calculator-welcome-banner.component.ts", lineNumber: 85 }); })();
 
-function getCurrentYearStart() {
-    const now = new Date();
-    return new Date(now.getFullYear(), 0, 1, 0, 0, 0, 0);
-}
-function getCurrentYearEnd() {
-    const now = new Date();
-    return new Date(now.getFullYear(), 11, 31, 23, 59, 59, 999);
-}
-function getPriorYearStart() {
-    const now = new Date();
-    return new Date(now.getFullYear() - 1, 0, 1, 0, 0, 0, 0);
-}
-function getPriorYearEnd() {
-    const now = new Date();
-    return new Date(now.getFullYear() - 1, 11, 31, 23, 59, 59, 999);
-}
-function isCurrentYearTarget(target) {
-    if (!target.startDate || !target.endDate) {
-        return false;
-    }
-    const currentYearStart = getCurrentYearStart();
-    const currentYearEnd = getCurrentYearEnd();
-    const targetStart = new Date(target.startDate);
-    const targetEnd = new Date(target.endDate);
-    return (targetStart.getTime() === currentYearStart.getTime() &&
-        targetEnd.getTime() === currentYearEnd.getTime());
-}
-function formatCurrency(value, currencySymbol = '$') {
-    return `${currencySymbol}${value.toLocaleString('en-US', {
-        minimumFractionDigits: 0,
-        maximumFractionDigits: 0
-    })}`;
-}
-function formatPercentage(value, decimals = 1) {
-    return `${value.toFixed(decimals)}%`;
-}
-function formatNumber(value) {
-    return value.toLocaleString('en-US', {
-        minimumFractionDigits: 0,
-        maximumFractionDigits: 0
-    });
-}
-
 function calculatePacingStatus(currentValue, priorValue, targetValue) {
     if (targetValue !== undefined && targetValue > 0) {
         const targetGrowth = ((targetValue - priorValue) / priorValue) * 100;
@@ -55908,7 +56520,7 @@ function FunnelMetricsVisualizationComponent_For_4_Conditional_17_Template(rf, c
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.projectedValueClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatMetricValue(stage_r1.pacingInfo.projectedValue, stage_r1.stageMetric.metric), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.formatMetricValue(stage_r1.pacingInfo.projectedValue, stage_r1.stageMetric.metric, false), " ");
 } }
 function FunnelMetricsVisualizationComponent_For_4_Conditional_23_For_6_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "button", 24);
@@ -55938,7 +56550,7 @@ function FunnelMetricsVisualizationComponent_For_4_Conditional_23_For_6_Conditio
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.relatedLabelClasses());
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("Proj: ", ctx_r1.formatMetricValue(metric_r3.pacingInfo.projectedValue, metric_r3.calc.metric));
+    i0.ɵɵtextInterpolate1("Proj: ", ctx_r1.formatMetricValue(metric_r3.pacingInfo.projectedValue, metric_r3.calc.metric, false));
 } }
 function FunnelMetricsVisualizationComponent_For_4_Conditional_23_For_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 20)(1, "div", 21)(2, "div", 22)(3, "p", 23);
@@ -56175,12 +56787,14 @@ class FunnelMetricsVisualizationComponent {
     formatPercentage(value, decimals) {
         return formatPercentage(value, decimals);
     }
-    formatMetricValue(value, metric) {
+    formatMetricValue(value, metric, fromUiData = true) {
         if (metric.includes('REVENUE')) {
             return formatCurrency(value);
         }
-        if (metric.includes('RATE') || metric.includes('CONVERSION')) {
-            return formatPercentage(value, 2);
+        const numberType = MetricEnumUtil.numberType(metric);
+        if (numberType === NumberTypeEnum.PERCENTAGE) {
+            const displayValue = fromUiData ? value * 100 : value;
+            return formatPercentage(displayValue, 2);
         }
         return formatNumber(value);
     }
@@ -56217,140 +56831,140 @@ class FunnelMetricsVisualizationComponent {
                 standalone: true,
                 imports: [CommonModule, PacingStatusBadgeComponent, TooltipDirective, TooltipContainerComponent],
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                template: `
-    <div class="space-y-6">
-      <symphiq-tooltip-container />
-      <div class="space-y-8">
-        @for (stage of funnelStages(); track stage.stageMetric.metric) {
-          <div [ngClass]="stageCardClasses()" class="rounded-xl p-6 border-2 transition-all duration-200">
-            <div class="flex items-start justify-between mb-4">
-              <div class="flex-1">
-                <div class="flex items-center gap-2 mb-1">
-                  <h3 [ngClass]="stageTitleClasses()" class="text-lg font-bold leading-tight m-0">
-                    {{ getMetricTitle(stage.stageMetric) }}
-                  </h3>
-                  @if (stage.stageMetric.description) {
-                    <button
-                      type="button"
-                      [ngClass]="infoIconClasses()"
-                      class="flex-shrink-0 w-6 h-6 rounded-full inline-flex items-center justify-center transition-colors"
-                      [libSymphiqTooltip]="getMarkdownTooltipContent(stage.stageMetric.description, getMetricTitle(stage.stageMetric))"
-                      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>
-              <div class="flex items-center gap-3">
-                @if (stage.pacingInfo) {
-                  <symphiq-pacing-status-badge
-                    [viewMode]="viewMode()"
-                    [pacingPercentage]="stage.pacingInfo.pacingPercentage"
-                    [status]="stage.pacingInfo.status"
-                  />
-                }
-                <div [ngClass]="percentageBadgeClasses()" class="px-4 py-2 rounded-lg font-bold text-sm">
-                  +{{ formatPercentage(stage.stageMetric.percentageIncrease, 1) }}
-                </div>
-              </div>
-            </div>
-
-            <div class="grid grid-cols-3 gap-4 mb-4">
-              <div>
-                <p [ngClass]="labelClasses()" class="text-xs font-medium uppercase tracking-wider mb-1">
-                  {{ priorYear() }} Actual
-                </p>
-                <p [ngClass]="valueClasses()" class="text-2xl font-bold">
-                  {{ formatMetricValue(stage.stageMetric.currentValue, stage.stageMetric.metric) }}
-                </p>
-              </div>
-              @if (stage.pacingInfo) {
-                <div>
-                  <p [ngClass]="labelClasses()" class="text-xs font-medium uppercase tracking-wider mb-1">
-                    {{ currentYear() }} Projected
-                  </p>
-                  <p [ngClass]="projectedValueClasses()" class="text-2xl font-bold">
-                    {{ formatMetricValue(stage.pacingInfo.projectedValue, stage.stageMetric.metric) }}
-                  </p>
-                </div>
-              }
-              <div>
-                <p [ngClass]="labelClasses()" class="text-xs font-medium uppercase tracking-wider mb-1">
-                  {{ currentYear() }} Target
-                </p>
-                <p [ngClass]="targetValueClasses()" class="text-2xl font-bold">
-                  {{ formatMetricValue(stage.stageMetric.targetValue, stage.stageMetric.metric) }}
-                </p>
-              </div>
-            </div>
-
-            @if (stage.relatedMetrics.length > 0) {
-              <div [ngClass]="dividerClasses()" class="my-4"></div>
-
-              <div class="space-y-2">
-                <p [ngClass]="relatedTitleClasses()" class="text-xs font-semibold uppercase tracking-wider mb-3">
-                  Related Metrics
-                </p>
-                <div class="grid gap-2">
-                  @for (metric of stage.relatedMetrics; track metric.calc.metric) {
-                    <div [ngClass]="relatedMetricCardClasses()" class="p-3 rounded-lg">
-                      <div class="flex items-center justify-between mb-2">
-                        <div class="flex items-center gap-2 flex-1">
-                          <p [ngClass]="relatedMetricNameClasses()" class="text-sm font-semibold leading-tight">
-                            {{ getMetricTitle(metric.calc) }}
-                          </p>
-                          @if (metric.calc.description) {
-                            <button
-                              type="button"
-                              [ngClass]="infoIconClasses()"
-                              class="flex-shrink-0 w-5 h-5 rounded-full inline-flex items-center justify-center transition-colors"
-                              [libSymphiqTooltip]="getMarkdownTooltipContent(metric.calc.description, getMetricTitle(metric.calc))"
-                              tooltipType="markdown"
-                              tooltipPosition="right">
-                              <svg class="w-3.5 h-3.5" 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 class="flex items-center gap-2">
-                          @if (metric.pacingInfo) {
-                            <symphiq-pacing-status-badge
-                              [viewMode]="viewMode()"
-                              [pacingPercentage]="metric.pacingInfo.pacingPercentage"
-                              [status]="metric.pacingInfo.status"
-                            />
-                          }
-                          <span [ngClass]="relatedPercentageBadgeClasses()" class="px-2 py-1 rounded text-xs font-bold">
-                            +{{ formatPercentage(metric.calc.percentageIncrease, 1) }}
-                          </span>
-                        </div>
-                      </div>
-                      <div class="grid gap-2 text-xs" [ngClass]="metric.pacingInfo ? 'grid-cols-3' : 'grid-cols-2'">
-                        <div>
-                          <p [ngClass]="relatedLabelClasses()">{{ priorYear() }}: {{ formatMetricValue(metric.calc.currentValue, metric.calc.metric) }}</p>
-                        </div>
-                        @if (metric.pacingInfo) {
-                          <div>
-                            <p [ngClass]="relatedLabelClasses()">Proj: {{ formatMetricValue(metric.pacingInfo.projectedValue, metric.calc.metric) }}</p>
-                          </div>
-                        }
-                        <div>
-                          <p [ngClass]="relatedLabelClasses()">Target: {{ formatMetricValue(metric.calc.targetValue, metric.calc.metric) }}</p>
-                        </div>
-                      </div>
-                    </div>
-                  }
-                </div>
-              </div>
-            }
-          </div>
-        }
-      </div>
-    </div>
+                template: `
+    <div class="space-y-6">
+      <symphiq-tooltip-container />
+      <div class="space-y-8">
+        @for (stage of funnelStages(); track stage.stageMetric.metric) {
+          <div [ngClass]="stageCardClasses()" class="rounded-xl p-6 border-2 transition-all duration-200">
+            <div class="flex items-start justify-between mb-4">
+              <div class="flex-1">
+                <div class="flex items-center gap-2 mb-1">
+                  <h3 [ngClass]="stageTitleClasses()" class="text-lg font-bold leading-tight m-0">
+                    {{ getMetricTitle(stage.stageMetric) }}
+                  </h3>
+                  @if (stage.stageMetric.description) {
+                    <button
+                      type="button"
+                      [ngClass]="infoIconClasses()"
+                      class="flex-shrink-0 w-6 h-6 rounded-full inline-flex items-center justify-center transition-colors"
+                      [libSymphiqTooltip]="getMarkdownTooltipContent(stage.stageMetric.description, getMetricTitle(stage.stageMetric))"
+                      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>
+              <div class="flex items-center gap-3">
+                @if (stage.pacingInfo) {
+                  <symphiq-pacing-status-badge
+                    [viewMode]="viewMode()"
+                    [pacingPercentage]="stage.pacingInfo.pacingPercentage"
+                    [status]="stage.pacingInfo.status"
+                  />
+                }
+                <div [ngClass]="percentageBadgeClasses()" class="px-4 py-2 rounded-lg font-bold text-sm">
+                  +{{ formatPercentage(stage.stageMetric.percentageIncrease, 1) }}
+                </div>
+              </div>
+            </div>
+
+            <div class="grid grid-cols-3 gap-4 mb-4">
+              <div>
+                <p [ngClass]="labelClasses()" class="text-xs font-medium uppercase tracking-wider mb-1">
+                  {{ priorYear() }} Actual
+                </p>
+                <p [ngClass]="valueClasses()" class="text-2xl font-bold">
+                  {{ formatMetricValue(stage.stageMetric.currentValue, stage.stageMetric.metric) }}
+                </p>
+              </div>
+              @if (stage.pacingInfo) {
+                <div>
+                  <p [ngClass]="labelClasses()" class="text-xs font-medium uppercase tracking-wider mb-1">
+                    {{ currentYear() }} Projected
+                  </p>
+                  <p [ngClass]="projectedValueClasses()" class="text-2xl font-bold">
+                    {{ formatMetricValue(stage.pacingInfo.projectedValue, stage.stageMetric.metric, false) }}
+                  </p>
+                </div>
+              }
+              <div>
+                <p [ngClass]="labelClasses()" class="text-xs font-medium uppercase tracking-wider mb-1">
+                  {{ currentYear() }} Target
+                </p>
+                <p [ngClass]="targetValueClasses()" class="text-2xl font-bold">
+                  {{ formatMetricValue(stage.stageMetric.targetValue, stage.stageMetric.metric) }}
+                </p>
+              </div>
+            </div>
+
+            @if (stage.relatedMetrics.length > 0) {
+              <div [ngClass]="dividerClasses()" class="my-4"></div>
+
+              <div class="space-y-2">
+                <p [ngClass]="relatedTitleClasses()" class="text-xs font-semibold uppercase tracking-wider mb-3">
+                  Related Metrics
+                </p>
+                <div class="grid gap-2">
+                  @for (metric of stage.relatedMetrics; track metric.calc.metric) {
+                    <div [ngClass]="relatedMetricCardClasses()" class="p-3 rounded-lg">
+                      <div class="flex items-center justify-between mb-2">
+                        <div class="flex items-center gap-2 flex-1">
+                          <p [ngClass]="relatedMetricNameClasses()" class="text-sm font-semibold leading-tight">
+                            {{ getMetricTitle(metric.calc) }}
+                          </p>
+                          @if (metric.calc.description) {
+                            <button
+                              type="button"
+                              [ngClass]="infoIconClasses()"
+                              class="flex-shrink-0 w-5 h-5 rounded-full inline-flex items-center justify-center transition-colors"
+                              [libSymphiqTooltip]="getMarkdownTooltipContent(metric.calc.description, getMetricTitle(metric.calc))"
+                              tooltipType="markdown"
+                              tooltipPosition="right">
+                              <svg class="w-3.5 h-3.5" 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 class="flex items-center gap-2">
+                          @if (metric.pacingInfo) {
+                            <symphiq-pacing-status-badge
+                              [viewMode]="viewMode()"
+                              [pacingPercentage]="metric.pacingInfo.pacingPercentage"
+                              [status]="metric.pacingInfo.status"
+                            />
+                          }
+                          <span [ngClass]="relatedPercentageBadgeClasses()" class="px-2 py-1 rounded text-xs font-bold">
+                            +{{ formatPercentage(metric.calc.percentageIncrease, 1) }}
+                          </span>
+                        </div>
+                      </div>
+                      <div class="grid gap-2 text-xs" [ngClass]="metric.pacingInfo ? 'grid-cols-3' : 'grid-cols-2'">
+                        <div>
+                          <p [ngClass]="relatedLabelClasses()">{{ priorYear() }}: {{ formatMetricValue(metric.calc.currentValue, metric.calc.metric) }}</p>
+                        </div>
+                        @if (metric.pacingInfo) {
+                          <div>
+                            <p [ngClass]="relatedLabelClasses()">Proj: {{ formatMetricValue(metric.pacingInfo.projectedValue, metric.calc.metric, false) }}</p>
+                          </div>
+                        }
+                        <div>
+                          <p [ngClass]="relatedLabelClasses()">Target: {{ formatMetricValue(metric.calc.targetValue, metric.calc.metric) }}</p>
+                        </div>
+                      </div>
+                    </div>
+                  }
+                </div>
+              </div>
+            }
+          </div>
+        }
+      </div>
+    </div>
   `
             }]
     }], null, { viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], calculations: [{ type: i0.Input, args: [{ isSignal: true, alias: "calculations", required: false }] }], pacingMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "pacingMetrics", required: false }] }] }); })();
@@ -57146,359 +57760,10 @@ var areaChart_component = /*#__PURE__*/Object.freeze({
     AreaChartComponent: AreaChartComponent
 });
 
-function calculateMetricTargetsFromRevenue(revenueTarget, priorYearRevenue, funnelMetrics, baselineValues) {
-    const revenuePercentageIncrease = ((revenueTarget - priorYearRevenue) / priorYearRevenue) * 100;
-    const metricCalculations = [];
-    const sortedFunnelMetrics = [...funnelMetrics].sort((a, b) => {
-        const aFunnel = a.funnelInd ?? 999;
-        const bFunnel = b.funnelInd ?? 999;
-        if (aFunnel !== bFunnel)
-            return aFunnel - bFunnel;
-        const aRelated = a.relatedInd ?? 999;
-        const bRelated = b.relatedInd ?? 999;
-        return aRelated - bRelated;
-    });
-    const funnelStages = getUniqueFunnelStages(sortedFunnelMetrics);
-    const numFunnelStages = funnelStages.length;
-    const revenueIncreaseFactor = revenueTarget / priorYearRevenue;
-    const perStageFactor = Math.pow(revenueIncreaseFactor, 1 / numFunnelStages);
-    const funnelStageMetrics = new Map();
-    sortedFunnelMetrics.forEach(fm => {
-        if (fm.funnelMetric) {
-            if (!funnelStageMetrics.has(fm.funnelMetric)) {
-                funnelStageMetrics.set(fm.funnelMetric, []);
-            }
-            funnelStageMetrics.get(fm.funnelMetric).push(fm);
-        }
-    });
-    const stagePercentageIncrease = (perStageFactor - 1) * 100;
-    sortedFunnelMetrics.forEach((funnelMetric) => {
-        const metric = funnelMetric.relatedMetric;
-        if (!metric)
-            return;
-        const currentValue = baselineValues.get(metric) || 0;
-        const isFunnelStage = funnelMetric.funnelMetric === metric;
-        let percentageIncrease;
-        let targetValue;
-        if (metric === MetricEnum.BOUNCE_RATE) {
-            percentageIncrease = -stagePercentageIncrease;
-            targetValue = currentValue * (1 + percentageIncrease / 100);
-        }
-        else if (isDerivedMetric(metric)) {
-            percentageIncrease = 0;
-            targetValue = currentValue;
-        }
-        else {
-            percentageIncrease = stagePercentageIncrease;
-            targetValue = currentValue * perStageFactor;
-        }
-        metricCalculations.push({
-            metric,
-            funnelMetric: funnelMetric.funnelMetric,
-            currentValue,
-            targetValue,
-            percentageIncrease,
-            isFunnelStage,
-            funnelInd: funnelMetric.funnelInd,
-            relatedInd: funnelMetric.relatedInd,
-            description: funnelMetric.relatedMetricDescription
-        });
-    });
-    return {
-        revenueTarget,
-        revenuePercentageIncrease,
-        metricCalculations
-    };
-}
-function getUniqueFunnelStages(funnelMetrics) {
-    const stages = [];
-    const seen = new Set();
-    funnelMetrics.forEach(fm => {
-        if (fm.funnelMetric && fm.funnelMetric === fm.relatedMetric && !seen.has(fm.funnelMetric)) {
-            seen.add(fm.funnelMetric);
-            stages.push(fm.funnelMetric);
-        }
-    });
-    return stages;
-}
-const DERIVED_METRICS = new Set([
-    MetricEnum.REVENUE_PER_PRODUCT_VIEW,
-    MetricEnum.REVENUE_PER_ADD_TO_CART,
-    MetricEnum.REVENUE_PER_CHECKOUT
-]);
-function isDerivedMetric(metric) {
-    return DERIVED_METRICS.has(metric);
-}
-function generateTargetsFromCalculations(shopId, calculations) {
-    const startDate = getCurrentYearStart();
-    const endDate = getCurrentYearEnd();
-    return calculations.map((calc) => ({
-        shopId,
-        metric: calc.metric,
-        amount: calc.targetValue,
-        startDate,
-        endDate
-    }));
-}
-function groupMetricsByFunnelStage(calculations) {
-    const grouped = new Map();
-    calculations.forEach((calc) => {
-        if (calc.funnelMetric) {
-            if (!grouped.has(calc.funnelMetric)) {
-                grouped.set(calc.funnelMetric, []);
-            }
-            grouped.get(calc.funnelMetric).push(calc);
-        }
-    });
-    return grouped;
-}
-function getFunnelStageMetrics(calculations) {
-    return calculations.filter((calc) => calc.isFunnelStage);
-}
-
-function transformUiDataToChartSeries(mainUiData, ytdComparisonUiData, metricToExtract) {
-    const series = [];
-    if (ytdComparisonUiData?.convertedDataResults) {
-        const priorYearSeries = extractSeriesFromConvertedData(ytdComparisonUiData.convertedDataResults, metricToExtract, 'Prior Year');
-        if (priorYearSeries) {
-            series.push(priorYearSeries);
-        }
-    }
-    if (mainUiData?.convertedDataResults) {
-        const currentYearSeries = extractSeriesFromConvertedData(mainUiData.convertedDataResults, metricToExtract, 'Current Year');
-        if (currentYearSeries) {
-            series.push(currentYearSeries);
-        }
-    }
-    return series;
-}
-function extractSeriesFromConvertedData(convertedData, metricToExtract, seriesName) {
-    const metricIndex = convertedData.metrics?.indexOf(metricToExtract);
-    if (metricIndex === undefined || metricIndex === -1)
-        return null;
-    const dimensionIndex = convertedData.dimensions?.indexOf(DimensionEnum.MONTH);
-    if (dimensionIndex === undefined || dimensionIndex === -1)
-        return null;
-    const dataPoints = [];
-    convertedData.rows?.forEach((row) => {
-        const monthValue = row.dimensionValues?.[dimensionIndex];
-        const metricValue = parseFloat(row.metricValues?.[metricIndex] || '0');
-        if (monthValue) {
-            dataPoints.push({
-                category: monthValue,
-                value: metricValue,
-                displayLabel: formatMonthLabel(monthValue)
-            });
-        }
-    });
-    return {
-        name: seriesName,
-        data: sortDataByMonth(dataPoints)
-    };
-}
-function formatMonthLabel(monthValue) {
-    const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
-    const monthNum = parseInt(monthValue, 10);
-    if (monthNum >= 1 && monthNum <= 12) {
-        return months[monthNum - 1];
-    }
-    return monthValue;
-}
-function sortDataByMonth(data) {
-    return data.sort((a, b) => {
-        const aMonth = parseInt(a.category, 10);
-        const bMonth = parseInt(b.category, 10);
-        return aMonth - bMonth;
-    });
-}
-function transformTrendUiDataToChartSeries(trendUiData, metricToExtract) {
-    if (!trendUiData?.convertedDataResults) {
-        return [];
-    }
-    const convertedData = trendUiData.convertedDataResults;
-    const metricIndex = convertedData.metrics?.indexOf(metricToExtract);
-    if (metricIndex === undefined || metricIndex === -1)
-        return [];
-    const dateIndex = convertedData.dimensions?.indexOf(DimensionEnum.DATE);
-    const monthIndex = convertedData.dimensions?.indexOf(DimensionEnum.MONTH);
-    const dimensionIndex = dateIndex !== undefined && dateIndex !== -1
-        ? dateIndex
-        : (monthIndex !== undefined && monthIndex !== -1 ? monthIndex : -1);
-    if (dimensionIndex === -1)
-        return [];
-    const currentYear = new Date().getFullYear();
-    const priorYear = currentYear - 1;
-    const priorYearPoints = [];
-    const currentYearPoints = [];
-    convertedData.rows?.forEach((row) => {
-        const dimValue = row.dimensionValues?.[dimensionIndex];
-        const metricValue = parseFloat(row.metricValues?.[metricIndex] || '0');
-        if (dimValue) {
-            let year;
-            let month;
-            if (dimValue.includes('-')) {
-                const parts = dimValue.split('-');
-                year = parseInt(parts[0], 10);
-                month = parseInt(parts[1], 10);
-            }
-            else if (dimValue.length >= 6) {
-                year = parseInt(dimValue.substring(0, 4), 10);
-                month = parseInt(dimValue.substring(4, 6), 10);
-            }
-            else {
-                month = parseInt(dimValue, 10);
-                year = currentYear;
-            }
-            const point = {
-                category: String(month),
-                value: metricValue,
-                displayLabel: formatMonthLabel(String(month))
-            };
-            if (year === priorYear) {
-                priorYearPoints.push(point);
-            }
-            else if (year === currentYear) {
-                currentYearPoints.push(point);
-            }
-        }
-    });
-    const series = [];
-    if (priorYearPoints.length > 0) {
-        series.push({
-            name: String(priorYear),
-            data: aggregateAndSortByMonth(priorYearPoints)
-        });
-    }
-    if (currentYearPoints.length > 0) {
-        series.push({
-            name: String(currentYear),
-            data: aggregateAndSortByMonth(currentYearPoints)
-        });
-    }
-    return series;
-}
-function aggregateAndSortByMonth(points) {
-    const monthMap = new Map();
-    points.forEach(point => {
-        const existing = monthMap.get(point.category);
-        if (existing) {
-            existing.value += point.value;
-        }
-        else {
-            monthMap.set(point.category, { ...point });
-        }
-    });
-    return sortDataByMonth(Array.from(monthMap.values()));
-}
-function getConvertedDataForSource(uiData, source) {
-    if (!uiData)
-        return undefined;
-    const periodInfo = uiData.periodInfo;
-    let result;
-    switch (source) {
-        case 'current':
-            result = uiData.convertedDataResults;
-            break;
-        case 'compare':
-            result = uiData.convertedDataResultsCompare;
-            break;
-        case 'priorYear':
-            if (periodInfo?.period === UiDataPeriodEnum.THIS_YEAR &&
-                periodInfo?.comparePeriod === UiDataComparePeriodEnum.PREVIOUS_PERIOD) {
-                result = uiData.convertedDataResultsCompare;
-            }
-            else if (periodInfo?.period === UiDataPeriodEnum.THIS_AND_LAST_YEAR) {
-                result = uiData.convertedDataResults;
-            }
-            else if (periodInfo?.comparePeriod === UiDataComparePeriodEnum.SAME_PERIOD_LAST_YEAR) {
-                result = uiData.convertedDataResultsCompare;
-            }
-            else if (periodInfo?.comparePeriod === UiDataComparePeriodEnum.PREVIOUS_PERIOD) {
-                result = uiData.convertedDataResultsCompare;
-            }
-            else {
-                result = uiData.convertedDataResultsCompare;
-            }
-            break;
-    }
-    return result;
-}
-function sumMetricFromUiData(uiData, metricToSum, source = 'current') {
-    const convertedData = getConvertedDataForSource(uiData, source);
-    if (!convertedData) {
-        return 0;
-    }
-    let total = 0;
-    const metricIndex = convertedData.metrics?.indexOf(metricToSum);
-    if (metricIndex === undefined || metricIndex === -1) {
-        return 0;
-    }
-    convertedData.rows?.forEach((row) => {
-        const rawValue = row.metricValues?.[metricIndex];
-        const metricValue = parseFloat(rawValue || '0');
-        total += metricValue;
-    });
-    return total;
-}
-
-class RevenueCalculatorService {
-    calculateTargetsFromRevenue(revenueTarget, mainUiData, funnelMetrics) {
-        const priorYearRevenue = this.extractPriorYearRevenue(mainUiData);
-        const baselineValues = this.extractBaselineValues(mainUiData, funnelMetrics);
-        return calculateMetricTargetsFromRevenue(revenueTarget, priorYearRevenue, funnelMetrics, baselineValues);
-    }
-    calculateTargetsFromPercentage(percentageIncrease, mainUiData, funnelMetrics) {
-        const priorYearRevenue = this.extractPriorYearRevenue(mainUiData);
-        const revenueTarget = priorYearRevenue * (1 + percentageIncrease / 100);
-        return this.calculateTargetsFromRevenue(revenueTarget, mainUiData, funnelMetrics);
-    }
-    extractPriorYearRevenue(mainUiData) {
-        return sumMetricFromUiData(mainUiData, MetricEnum.PURCHASE_REVENUE, 'priorYear');
-    }
-    extractBaselineValues(mainUiData, funnelMetrics) {
-        const baselineValues = new Map();
-        if (!mainUiData) {
-            return baselineValues;
-        }
-        funnelMetrics.forEach(fm => {
-            if (fm.relatedMetric) {
-                const value = sumMetricFromUiData(mainUiData, fm.relatedMetric, 'priorYear');
-                baselineValues.set(fm.relatedMetric, value);
-            }
-        });
-        return baselineValues;
-    }
-    getMetricsByFunnelStage(calculations) {
-        const grouped = new Map();
-        calculations.forEach(calc => {
-            if (calc.isFunnelStage) {
-                if (!grouped.has(calc.metric)) {
-                    grouped.set(calc.metric, []);
-                }
-                grouped.get(calc.metric).push(calc);
-            }
-            else if (calc.funnelMetric) {
-                if (!grouped.has(calc.funnelMetric)) {
-                    grouped.set(calc.funnelMetric, []);
-                }
-                grouped.get(calc.funnelMetric).push(calc);
-            }
-        });
-        return grouped;
-    }
-    static { this.ɵfac = function RevenueCalculatorService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RevenueCalculatorService)(); }; }
-    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: RevenueCalculatorService, factory: RevenueCalculatorService.ɵfac, providedIn: 'root' }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RevenueCalculatorService, [{
-        type: Injectable,
-        args: [{
-                providedIn: 'root'
-            }]
-    }], null, null); })();
-
 const _c0$r = ["absoluteInputRef"];
+const _c1$b = ["percentageInputRef"];
 function InitialTargetSettingComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 8);
+    i0.ɵɵelementStart(0, "p", 9);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -57509,10 +57774,10 @@ function InitialTargetSettingComponent_Conditional_12_Template(rf, ctx) { if (rf
 } }
 function InitialTargetSettingComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 11)(1, "span", 18);
+    i0.ɵɵelementStart(0, "div", 12)(1, "span", 19);
     i0.ɵɵtext(2, " $ ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "input", 19, 0);
+    i0.ɵɵelementStart(3, "input", 20, 0);
     i0.ɵɵtwoWayListener("ngModelChange", function InitialTargetSettingComponent_Conditional_18_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.absoluteInput, $event) || (ctx_r0.absoluteInput = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵlistener("ngModelChange", function InitialTargetSettingComponent_Conditional_18_Template_input_ngModelChange_3_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onAbsoluteInputChange()); });
     i0.ɵɵelementEnd()();
@@ -57526,32 +57791,32 @@ function InitialTargetSettingComponent_Conditional_18_Template(rf, ctx) { if (rf
 } }
 function InitialTargetSettingComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 11)(1, "input", 20);
+    i0.ɵɵelementStart(0, "div", 12)(1, "input", 21, 1);
     i0.ɵɵtwoWayListener("ngModelChange", function InitialTargetSettingComponent_Conditional_19_Template_input_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.percentageInput, $event) || (ctx_r0.percentageInput = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵlistener("ngModelChange", function InitialTargetSettingComponent_Conditional_19_Template_input_ngModelChange_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onPercentageInputChange()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "span", 21);
-    i0.ɵɵtext(3, " % ");
+    i0.ɵɵelementStart(3, "span", 22);
+    i0.ɵɵtext(4, " % ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
     i0.ɵɵtwoWayProperty("ngModel", ctx_r0.percentageInput);
     i0.ɵɵproperty("ngClass", ctx_r0.inputClasses());
-    i0.ɵɵadvance();
+    i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r0.inputSuffixClasses());
 } }
 function InitialTargetSettingComponent_Conditional_20_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 25)(1, "div")(2, "p", 23);
+    i0.ɵɵelementStart(0, "div", 26)(1, "div")(2, "p", 24);
     i0.ɵɵtext(3, " Gap to Close ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p", 26);
+    i0.ɵɵelementStart(4, "p", 27);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div")(7, "p", 23);
+    i0.ɵɵelementStart(6, "div")(7, "p", 24);
     i0.ɵɵtext(8, " Additional Growth Needed ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "p", 26);
+    i0.ɵɵelementStart(9, "p", 27);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -57571,25 +57836,25 @@ function InitialTargetSettingComponent_Conditional_20_Conditional_18_Template(rf
     i0.ɵɵtextInterpolate2(" ", ctx_r0.gapToClose().amount > 0 ? "+" : "", "", ctx_r0.formatPercentage(ctx_r0.gapToClose().percentage, 1), " ");
 } }
 function InitialTargetSettingComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 12)(1, "div", 22)(2, "div")(3, "p", 23);
+    i0.ɵɵelementStart(0, "div", 13)(1, "div", 23)(2, "div")(3, "p", 24);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "p", 24);
+    i0.ɵɵelementStart(5, "p", 25);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 25)(8, "div")(9, "p", 23);
+    i0.ɵɵelementStart(7, "div", 26)(8, "div")(9, "p", 24);
     i0.ɵɵtext(10, " Increase Amount ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "p", 26);
+    i0.ɵɵelementStart(11, "p", 27);
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(13, "div")(14, "p", 23);
+    i0.ɵɵelementStart(13, "div")(14, "p", 24);
     i0.ɵɵtext(15, " % Growth ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "p", 26);
+    i0.ɵɵelementStart(16, "p", 27);
     i0.ɵɵtext(17);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(18, InitialTargetSettingComponent_Conditional_20_Conditional_18_Template, 11, 8, "div", 25);
+    i0.ɵɵconditionalCreate(18, InitialTargetSettingComponent_Conditional_20_Conditional_18_Template, 11, 8, "div", 26);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -57620,13 +57885,13 @@ function InitialTargetSettingComponent_Conditional_20_Template(rf, ctx) { if (rf
     i0.ɵɵconditional(ctx_r0.currentPaceProjection() > 0 && ctx_r0.gapToClose().amount !== 0 ? 18 : -1);
 } }
 function InitialTargetSettingComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "symphiq-area-chart", 15);
+    i0.ɵɵelement(0, "symphiq-area-chart", 16);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("chart", ctx_r0.revenueChartData())("showAxisLabels", true)("viewMode", ctx_r0.viewMode())("currencySymbol", "$")("height", "320px");
 } }
 function InitialTargetSettingComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 16)(1, "p", 27);
+    i0.ɵɵelementStart(0, "div", 17)(1, "p", 28);
     i0.ɵɵtext(2, " No revenue data available ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -57635,13 +57900,13 @@ function InitialTargetSettingComponent_Conditional_26_Template(rf, ctx) { if (rf
     i0.ɵɵproperty("ngClass", ctx_r0.noDataClasses());
 } }
 function InitialTargetSettingComponent_Conditional_27_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 2)(1, "div", 28)(2, "h2", 29);
+    i0.ɵɵelementStart(0, "div", 3)(1, "div", 29)(2, "h2", 30);
     i0.ɵɵtext(3, " Contributing Metrics ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p", 27);
+    i0.ɵɵelementStart(4, "p", 28);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelement(6, "symphiq-funnel-metrics-visualization", 30);
+    i0.ɵɵelement(6, "symphiq-funnel-metrics-visualization", 31);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -57711,20 +57976,41 @@ class InitialTargetSettingComponent {
         }, ...(ngDevMode ? [{ debugName: "percentageIncrease" }] : []));
         this.metricCalculations = computed(() => {
             const revenue = this.calculatedRevenue();
-            if (revenue <= 0)
+            console.log('=== METRIC CALCULATIONS START ===');
+            console.log('Revenue Target:', revenue);
+            if (revenue <= 0) {
+                console.log('Revenue is <= 0, returning empty array');
                 return [];
+            }
             const mode = this.inputMode();
             const mainData = this.mainUiData();
             const metrics = this.funnelMetrics();
+            const priorRevenue = this.priorYearRevenue();
+            console.log('Input Mode:', mode);
+            console.log('Prior Year Revenue:', priorRevenue);
+            console.log('Funnel Metrics Count:', metrics.length);
+            console.log('Main UI Data available:', !!mainData);
+            let result;
             if (mode === 'absolute') {
-                return this.revenueCalcService.calculateTargetsFromRevenue(revenue, mainData, metrics).metricCalculations;
+                console.log('Using calculateTargetsFromRevenueWithRatios (NEW REVERSE ALGORITHM)');
+                result = this.revenueCalcService.calculateTargetsFromRevenueWithRatios(revenue, mainData, metrics);
+                console.log('Adjustment Applied:', result.adjustmentApplied);
             }
             else {
                 const pct = this.percentageInput();
-                if (pct === null)
+                console.log('Percentage Input:', pct);
+                if (pct === null) {
+                    console.log('Percentage is null, returning empty array');
                     return [];
-                return this.revenueCalcService.calculateTargetsFromPercentage(pct, mainData, metrics).metricCalculations;
-            }
+                }
+                console.log('Using calculateTargetsFromPercentageWithRatios (NEW REVERSE ALGORITHM)');
+                result = this.revenueCalcService.calculateTargetsFromPercentageWithRatios(pct, mainData, metrics);
+                console.log('Adjustment Applied:', result.adjustmentApplied);
+            }
+            console.log('Metric Calculations Count:', result.metricCalculations.length);
+            console.log('Metric Calculations:', result.metricCalculations);
+            console.log('=== METRIC CALCULATIONS END ===');
+            return result.metricCalculations;
         }, ...(ngDevMode ? [{ debugName: "metricCalculations" }] : []));
         this.isValid = computed(() => {
             return this.calculatedRevenue() > 0 && this.priorYearRevenue() > 0;
@@ -57773,6 +58059,14 @@ class InitialTargetSettingComponent {
     }
     setInputMode(mode) {
         this.inputMode.set(mode);
+        setTimeout(() => {
+            if (mode === 'absolute' && this.absoluteInput() === null) {
+                this.absoluteInputRef?.nativeElement?.focus();
+            }
+            else if (mode === 'percentage' && this.percentageInput() === null) {
+                this.percentageInputRef?.nativeElement?.focus();
+            }
+        });
     }
     onAbsoluteInputChange() {
         const value = this.absoluteInput() ?? 0;
@@ -57902,41 +58196,43 @@ class InitialTargetSettingComponent {
     static { this.ɵfac = function InitialTargetSettingComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || InitialTargetSettingComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: InitialTargetSettingComponent, selectors: [["symphiq-initial-target-setting"]], viewQuery: function InitialTargetSettingComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0$r, 5);
+            i0.ɵɵviewQuery(_c1$b, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.absoluteInputRef = _t.first);
-        } }, inputs: { viewMode: [1, "viewMode"], funnelMetrics: [1, "funnelMetrics"], mainUiData: [1, "mainUiData"], trendUiData: [1, "trendUiData"], shopId: [1, "shopId"], pacingMetrics: [1, "pacingMetrics"], dataResults: [1, "dataResults"] }, outputs: { targetsCreated: "targetsCreated" }, decls: 29, vars: 21, consts: [["absoluteInputRef", ""], [1, "space-y-8", "pb-32"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", 3, "ngClass"], [1, "text-2xl", "font-bold", "mb-6", 3, "ngClass"], [1, "grid", "lg:grid-cols-2", "gap-8"], [1, "space-y-6"], [1, "block", "text-sm", "font-semibold", "mb-2", 3, "ngClass"], [1, "space-y-1", "mb-4"], [1, "text-xs", 3, "ngClass"], [1, "flex", "gap-2", "mb-4"], [1, "flex-1", "py-2", "px-4", "rounded-lg", "text-sm", "font-semibold", "transition-all", 3, "click", "ngClass"], [1, "relative"], [1, "p-6", "rounded-xl", "border-2", 3, "ngClass"], [1, "text-sm", "font-semibold", "mb-3", 3, "ngClass"], [1, "rounded-xl", "border", "p-4", 3, "ngClass"], [3, "chart", "showAxisLabels", "viewMode", "currencySymbol", "height"], [1, "h-64", "flex", "items-center", "justify-center"], [3, "submitClick", "viewMode", "isValid", "isSubmitting", "validationMessage", "buttonText"], [1, "absolute", "left-4", "top-1/2", "-translate-y-1/2", "text-xl", "font-bold", 3, "ngClass"], ["type", "number", "placeholder", "0", "min", "0", "step", "1000", 1, "w-full", "pl-10", "pr-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModelChange", "ngModel", "ngClass"], ["type", "number", "placeholder", "0", "min", "0", "max", "1000", "step", "0.1", 1, "w-full", "pr-10", "pl-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModelChange", "ngModel", "ngClass"], [1, "absolute", "right-4", "top-1/2", "-translate-y-1/2", "text-xl", "font-bold", 3, "ngClass"], [1, "space-y-4"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [1, "text-3xl", "font-bold", 3, "ngClass"], [1, "grid", "grid-cols-2", "gap-4", "pt-4", 3, "ngClass"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "mb-6"], [1, "text-2xl", "font-bold", "mb-2", 3, "ngClass"], [3, "viewMode", "calculations", "pacingMetrics"]], template: function InitialTargetSettingComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "h2", 3);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.percentageInputRef = _t.first);
+        } }, inputs: { viewMode: [1, "viewMode"], funnelMetrics: [1, "funnelMetrics"], mainUiData: [1, "mainUiData"], trendUiData: [1, "trendUiData"], shopId: [1, "shopId"], pacingMetrics: [1, "pacingMetrics"], dataResults: [1, "dataResults"] }, outputs: { targetsCreated: "targetsCreated" }, decls: 29, vars: 21, consts: [["absoluteInputRef", ""], ["percentageInputRef", ""], [1, "space-y-8", "pb-32"], [1, "rounded-2xl", "border", "shadow-lg", "p-8", 3, "ngClass"], [1, "text-2xl", "font-bold", "mb-6", 3, "ngClass"], [1, "grid", "lg:grid-cols-2", "gap-8"], [1, "space-y-6"], [1, "block", "text-sm", "font-semibold", "mb-2", 3, "ngClass"], [1, "space-y-1", "mb-4"], [1, "text-xs", 3, "ngClass"], [1, "flex", "gap-2", "mb-4"], [1, "flex-1", "py-2", "px-4", "rounded-lg", "text-sm", "font-semibold", "transition-all", 3, "click", "ngClass"], [1, "relative"], [1, "p-6", "rounded-xl", "border-2", 3, "ngClass"], [1, "text-sm", "font-semibold", "mb-3", 3, "ngClass"], [1, "rounded-xl", "border", "p-4", 3, "ngClass"], [3, "chart", "showAxisLabels", "viewMode", "currencySymbol", "height"], [1, "h-64", "flex", "items-center", "justify-center"], [3, "submitClick", "viewMode", "isValid", "isSubmitting", "validationMessage", "buttonText"], [1, "absolute", "left-4", "top-1/2", "-translate-y-1/2", "text-xl", "font-bold", 3, "ngClass"], ["type", "number", "placeholder", "0", "min", "0", "step", "1000", 1, "w-full", "pl-10", "pr-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModelChange", "ngModel", "ngClass"], ["type", "number", "placeholder", "0", "min", "0", "max", "1000", "step", "0.1", 1, "w-full", "pr-10", "pl-4", "py-4", "rounded-xl", "text-2xl", "font-bold", "border-2", "transition-all", 3, "ngModelChange", "ngModel", "ngClass"], [1, "absolute", "right-4", "top-1/2", "-translate-y-1/2", "text-xl", "font-bold", 3, "ngClass"], [1, "space-y-4"], [1, "text-xs", "font-medium", "uppercase", "tracking-wider", "mb-1", 3, "ngClass"], [1, "text-3xl", "font-bold", 3, "ngClass"], [1, "grid", "grid-cols-2", "gap-4", "pt-4", 3, "ngClass"], [1, "text-xl", "font-bold", 3, "ngClass"], [1, "text-sm", 3, "ngClass"], [1, "mb-6"], [1, "text-2xl", "font-bold", "mb-2", 3, "ngClass"], [3, "viewMode", "calculations", "pacingMetrics"]], template: function InitialTargetSettingComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 2)(1, "div", 3)(2, "h2", 4);
             i0.ɵɵtext(3, " Calculate Your Revenue Target ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div", 4)(5, "div", 5)(6, "div")(7, "label", 6);
+            i0.ɵɵelementStart(4, "div", 5)(5, "div", 6)(6, "div")(7, "label", 7);
             i0.ɵɵtext(8);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(9, "div", 7)(10, "p", 8);
+            i0.ɵɵelementStart(9, "div", 8)(10, "p", 9);
             i0.ɵɵtext(11);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(12, InitialTargetSettingComponent_Conditional_12_Template, 2, 2, "p", 8);
+            i0.ɵɵconditionalCreate(12, InitialTargetSettingComponent_Conditional_12_Template, 2, 2, "p", 9);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(13, "div", 9)(14, "button", 10);
+            i0.ɵɵelementStart(13, "div", 10)(14, "button", 11);
             i0.ɵɵlistener("click", function InitialTargetSettingComponent_Template_button_click_14_listener() { return ctx.setInputMode("absolute"); });
             i0.ɵɵtext(15, " Absolute Amount ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(16, "button", 10);
+            i0.ɵɵelementStart(16, "button", 11);
             i0.ɵɵlistener("click", function InitialTargetSettingComponent_Template_button_click_16_listener() { return ctx.setInputMode("percentage"); });
             i0.ɵɵtext(17, " % Increase ");
             i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(18, InitialTargetSettingComponent_Conditional_18_Template, 5, 3, "div", 11)(19, InitialTargetSettingComponent_Conditional_19_Template, 4, 3, "div", 11);
+            i0.ɵɵconditionalCreate(18, InitialTargetSettingComponent_Conditional_18_Template, 5, 3, "div", 12)(19, InitialTargetSettingComponent_Conditional_19_Template, 5, 3, "div", 12);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(20, InitialTargetSettingComponent_Conditional_20_Template, 19, 13, "div", 12);
+            i0.ɵɵconditionalCreate(20, InitialTargetSettingComponent_Conditional_20_Template, 19, 13, "div", 13);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(21, "div")(22, "p", 13);
+            i0.ɵɵelementStart(21, "div")(22, "p", 14);
             i0.ɵɵtext(23, " Year-over-Year Revenue Trend ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(24, "div", 14);
-            i0.ɵɵconditionalCreate(25, InitialTargetSettingComponent_Conditional_25_Template, 1, 5, "symphiq-area-chart", 15)(26, InitialTargetSettingComponent_Conditional_26_Template, 3, 1, "div", 16);
+            i0.ɵɵelementStart(24, "div", 15);
+            i0.ɵɵconditionalCreate(25, InitialTargetSettingComponent_Conditional_25_Template, 1, 5, "symphiq-area-chart", 16)(26, InitialTargetSettingComponent_Conditional_26_Template, 3, 1, "div", 17);
             i0.ɵɵelementEnd()()()();
-            i0.ɵɵconditionalCreate(27, InitialTargetSettingComponent_Conditional_27_Template, 7, 7, "div", 2);
-            i0.ɵɵelementStart(28, "symphiq-sticky-submit-bar", 17);
+            i0.ɵɵconditionalCreate(27, InitialTargetSettingComponent_Conditional_27_Template, 7, 7, "div", 3);
+            i0.ɵɵelementStart(28, "symphiq-sticky-submit-bar", 18);
             i0.ɵɵlistener("submitClick", function InitialTargetSettingComponent_Template_symphiq_sticky_submit_bar_submitClick_28_listener() { return ctx.handleSubmit(); });
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
@@ -57989,194 +58285,198 @@ class InitialTargetSettingComponent {
                     AreaChartComponent
                 ],
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                template: `
-    <div class="space-y-8 pb-32">
-      <div [ngClass]="sectionCardClasses()" class="rounded-2xl border shadow-lg p-8">
-        <h2 [ngClass]="sectionTitleClasses()" class="text-2xl font-bold mb-6">
-          Calculate Your Revenue Target
-        </h2>
-
-        <div class="grid lg:grid-cols-2 gap-8">
-          <div class="space-y-6">
-            <div>
-              <label [ngClass]="labelClasses()" class="block text-sm font-semibold mb-2">
-                {{ currentYear() }} Revenue
-              </label>
-              <div class="space-y-1 mb-4">
-                <p [ngClass]="priorYearLabelClasses()" class="text-xs">
-                  {{ priorYear() }} Revenue: {{ formatCurrency(priorYearRevenue()) }}
-                </p>
-                @if (currentPaceProjection() > 0) {
-                  <p [ngClass]="priorYearLabelClasses()" class="text-xs">
-                    Current Pace Projection: {{ formatCurrency(currentPaceProjection()) }}
-                  </p>
-                }
-              </div>
-
-              <div class="flex gap-2 mb-4">
-                <button
-                  (click)="setInputMode('absolute')"
-                  [ngClass]="inputModeButtonClasses('absolute')"
-                  class="flex-1 py-2 px-4 rounded-lg text-sm font-semibold transition-all">
-                  Absolute Amount
-                </button>
-                <button
-                  (click)="setInputMode('percentage')"
-                  [ngClass]="inputModeButtonClasses('percentage')"
-                  class="flex-1 py-2 px-4 rounded-lg text-sm font-semibold transition-all">
-                  % Increase
-                </button>
-              </div>
-
-              @if (inputMode() === 'absolute') {
-                <div class="relative">
-                  <span [ngClass]="inputPrefixClasses()" class="absolute left-4 top-1/2 -translate-y-1/2 text-xl font-bold">
-                    $
-                  </span>
-                  <input
-                    #absoluteInputRef
-                    type="number"
-                    [(ngModel)]="absoluteInput"
-                    (ngModelChange)="onAbsoluteInputChange()"
-                    [ngClass]="inputClasses()"
-                    class="w-full pl-10 pr-4 py-4 rounded-xl text-2xl font-bold border-2 transition-all"
-                    placeholder="0"
-                    min="0"
-                    step="1000">
-                </div>
-              } @else {
-                <div class="relative">
-                  <input
-                    type="number"
-                    [(ngModel)]="percentageInput"
-                    (ngModelChange)="onPercentageInputChange()"
-                    [ngClass]="inputClasses()"
-                    class="w-full pr-10 pl-4 py-4 rounded-xl text-2xl font-bold border-2 transition-all"
-                    placeholder="0"
-                    min="0"
-                    max="1000"
-                    step="0.1">
-                  <span [ngClass]="inputSuffixClasses()" class="absolute right-4 top-1/2 -translate-y-1/2 text-xl font-bold">
-                    %
-                  </span>
-                </div>
-              }
-            </div>
-
-            @if (calculatedRevenue() > 0) {
-              <div [ngClass]="calculatedValuesCardClasses()" class="p-6 rounded-xl border-2">
-                <div class="space-y-4">
-                  <div>
-                    <p [ngClass]="calculatedLabelClasses()" class="text-xs font-medium uppercase tracking-wider mb-1">
-                      {{ currentYear() }} Revenue Target
-                    </p>
-                    <p [ngClass]="calculatedValueClasses()" class="text-3xl font-bold">
-                      {{ formatCurrency(calculatedRevenue()) }}
-                    </p>
-                  </div>
-                  <div class="grid grid-cols-2 gap-4 pt-4" [ngClass]="calculatedDividerClasses()">
-                    <div>
-                      <p [ngClass]="calculatedLabelClasses()" class="text-xs font-medium uppercase tracking-wider mb-1">
-                        Increase Amount
-                      </p>
-                      <p [ngClass]="calculatedSecondaryClasses()" class="text-xl font-bold">
-                        {{ formatCurrency(calculatedRevenue() - priorYearRevenue()) }}
-                      </p>
-                    </div>
-                    <div>
-                      <p [ngClass]="calculatedLabelClasses()" class="text-xs font-medium uppercase tracking-wider mb-1">
-                        % Growth
-                      </p>
-                      <p [ngClass]="calculatedSecondaryClasses()" class="text-xl font-bold">
-                        +{{ formatPercentage(percentageIncrease(), 1) }}
-                      </p>
-                    </div>
-                  </div>
-                  @if (currentPaceProjection() > 0 && gapToClose().amount !== 0) {
-                    <div class="grid grid-cols-2 gap-4 pt-4" [ngClass]="calculatedDividerClasses()">
-                      <div>
-                        <p [ngClass]="calculatedLabelClasses()" class="text-xs font-medium uppercase tracking-wider mb-1">
-                          Gap to Close
-                        </p>
-                        <p [ngClass]="calculatedSecondaryClasses()" class="text-xl font-bold">
-                          {{ formatCurrency(absValue(gapToClose().amount)) }}
-                        </p>
-                      </div>
-                      <div>
-                        <p [ngClass]="calculatedLabelClasses()" class="text-xs font-medium uppercase tracking-wider mb-1">
-                          Additional Growth Needed
-                        </p>
-                        <p [ngClass]="calculatedSecondaryClasses()" class="text-xl font-bold">
-                          {{ gapToClose().amount > 0 ? '+' : '' }}{{ formatPercentage(gapToClose().percentage, 1) }}
-                        </p>
-                      </div>
-                    </div>
-                  }
-                </div>
-              </div>
-            }
-          </div>
-
-          <div>
-            <p [ngClass]="chartTitleClasses()" class="text-sm font-semibold mb-3">
-              Year-over-Year Revenue Trend
-            </p>
-            <div [ngClass]="chartContainerClasses()" class="rounded-xl border p-4">
-              @if (revenueChartData()) {
-                <symphiq-area-chart
-                  [chart]="revenueChartData()!"
-                  [showAxisLabels]="true"
-                  [viewMode]="viewMode()"
-                  [currencySymbol]="'$'"
-                  [height]="'320px'"
-                />
-              } @else {
-                <div class="h-64 flex items-center justify-center">
-                  <p [ngClass]="noDataClasses()" class="text-sm">
-                    No revenue data available
-                  </p>
-                </div>
-              }
-            </div>
-          </div>
-        </div>
-      </div>
-
-      @if (showMetricsVisualization()) {
-        <div [ngClass]="sectionCardClasses()" class="rounded-2xl border shadow-lg p-8">
-          <div class="mb-6">
-            <h2 [ngClass]="sectionTitleClasses()" class="text-2xl font-bold mb-2">
-              Contributing Metrics
-            </h2>
-            <p [ngClass]="sectionDescriptionClasses()" class="text-sm">
-              To achieve your revenue target of {{ formatCurrency(calculatedRevenue()) }}, the following metrics need to improve by these amounts. These improvements compound through your funnel to drive revenue growth.
-            </p>
-          </div>
-
-          <symphiq-funnel-metrics-visualization
-            [viewMode]="viewMode()"
-            [calculations]="metricCalculations()"
-            [pacingMetrics]="pacingMetrics()"
-          />
-        </div>
-      }
-
-      <symphiq-sticky-submit-bar
-        [viewMode]="viewMode()"
-        [isValid]="isValid()"
-        [isSubmitting]="isSubmitting()"
-        [validationMessage]="validationMessage()"
-        [buttonText]="'Set Revenue Targets'"
-        (submitClick)="handleSubmit()"
-      />
-    </div>
+                template: `
+    <div class="space-y-8 pb-32">
+      <div [ngClass]="sectionCardClasses()" class="rounded-2xl border shadow-lg p-8">
+        <h2 [ngClass]="sectionTitleClasses()" class="text-2xl font-bold mb-6">
+          Calculate Your Revenue Target
+        </h2>
+
+        <div class="grid lg:grid-cols-2 gap-8">
+          <div class="space-y-6">
+            <div>
+              <label [ngClass]="labelClasses()" class="block text-sm font-semibold mb-2">
+                {{ currentYear() }} Revenue
+              </label>
+              <div class="space-y-1 mb-4">
+                <p [ngClass]="priorYearLabelClasses()" class="text-xs">
+                  {{ priorYear() }} Revenue: {{ formatCurrency(priorYearRevenue()) }}
+                </p>
+                @if (currentPaceProjection() > 0) {
+                  <p [ngClass]="priorYearLabelClasses()" class="text-xs">
+                    Current Pace Projection: {{ formatCurrency(currentPaceProjection()) }}
+                  </p>
+                }
+              </div>
+
+              <div class="flex gap-2 mb-4">
+                <button
+                  (click)="setInputMode('absolute')"
+                  [ngClass]="inputModeButtonClasses('absolute')"
+                  class="flex-1 py-2 px-4 rounded-lg text-sm font-semibold transition-all">
+                  Absolute Amount
+                </button>
+                <button
+                  (click)="setInputMode('percentage')"
+                  [ngClass]="inputModeButtonClasses('percentage')"
+                  class="flex-1 py-2 px-4 rounded-lg text-sm font-semibold transition-all">
+                  % Increase
+                </button>
+              </div>
+
+              @if (inputMode() === 'absolute') {
+                <div class="relative">
+                  <span [ngClass]="inputPrefixClasses()" class="absolute left-4 top-1/2 -translate-y-1/2 text-xl font-bold">
+                    $
+                  </span>
+                  <input
+                    #absoluteInputRef
+                    type="number"
+                    [(ngModel)]="absoluteInput"
+                    (ngModelChange)="onAbsoluteInputChange()"
+                    [ngClass]="inputClasses()"
+                    class="w-full pl-10 pr-4 py-4 rounded-xl text-2xl font-bold border-2 transition-all"
+                    placeholder="0"
+                    min="0"
+                    step="1000">
+                </div>
+              } @else {
+                <div class="relative">
+                  <input
+                    #percentageInputRef
+                    type="number"
+                    [(ngModel)]="percentageInput"
+                    (ngModelChange)="onPercentageInputChange()"
+                    [ngClass]="inputClasses()"
+                    class="w-full pr-10 pl-4 py-4 rounded-xl text-2xl font-bold border-2 transition-all"
+                    placeholder="0"
+                    min="0"
+                    max="1000"
+                    step="0.1">
+                  <span [ngClass]="inputSuffixClasses()" class="absolute right-4 top-1/2 -translate-y-1/2 text-xl font-bold">
+                    %
+                  </span>
+                </div>
+              }
+            </div>
+
+            @if (calculatedRevenue() > 0) {
+              <div [ngClass]="calculatedValuesCardClasses()" class="p-6 rounded-xl border-2">
+                <div class="space-y-4">
+                  <div>
+                    <p [ngClass]="calculatedLabelClasses()" class="text-xs font-medium uppercase tracking-wider mb-1">
+                      {{ currentYear() }} Revenue Target
+                    </p>
+                    <p [ngClass]="calculatedValueClasses()" class="text-3xl font-bold">
+                      {{ formatCurrency(calculatedRevenue()) }}
+                    </p>
+                  </div>
+                  <div class="grid grid-cols-2 gap-4 pt-4" [ngClass]="calculatedDividerClasses()">
+                    <div>
+                      <p [ngClass]="calculatedLabelClasses()" class="text-xs font-medium uppercase tracking-wider mb-1">
+                        Increase Amount
+                      </p>
+                      <p [ngClass]="calculatedSecondaryClasses()" class="text-xl font-bold">
+                        {{ formatCurrency(calculatedRevenue() - priorYearRevenue()) }}
+                      </p>
+                    </div>
+                    <div>
+                      <p [ngClass]="calculatedLabelClasses()" class="text-xs font-medium uppercase tracking-wider mb-1">
+                        % Growth
+                      </p>
+                      <p [ngClass]="calculatedSecondaryClasses()" class="text-xl font-bold">
+                        +{{ formatPercentage(percentageIncrease(), 1) }}
+                      </p>
+                    </div>
+                  </div>
+                  @if (currentPaceProjection() > 0 && gapToClose().amount !== 0) {
+                    <div class="grid grid-cols-2 gap-4 pt-4" [ngClass]="calculatedDividerClasses()">
+                      <div>
+                        <p [ngClass]="calculatedLabelClasses()" class="text-xs font-medium uppercase tracking-wider mb-1">
+                          Gap to Close
+                        </p>
+                        <p [ngClass]="calculatedSecondaryClasses()" class="text-xl font-bold">
+                          {{ formatCurrency(absValue(gapToClose().amount)) }}
+                        </p>
+                      </div>
+                      <div>
+                        <p [ngClass]="calculatedLabelClasses()" class="text-xs font-medium uppercase tracking-wider mb-1">
+                          Additional Growth Needed
+                        </p>
+                        <p [ngClass]="calculatedSecondaryClasses()" class="text-xl font-bold">
+                          {{ gapToClose().amount > 0 ? '+' : '' }}{{ formatPercentage(gapToClose().percentage, 1) }}
+                        </p>
+                      </div>
+                    </div>
+                  }
+                </div>
+              </div>
+            }
+          </div>
+
+          <div>
+            <p [ngClass]="chartTitleClasses()" class="text-sm font-semibold mb-3">
+              Year-over-Year Revenue Trend
+            </p>
+            <div [ngClass]="chartContainerClasses()" class="rounded-xl border p-4">
+              @if (revenueChartData()) {
+                <symphiq-area-chart
+                  [chart]="revenueChartData()!"
+                  [showAxisLabels]="true"
+                  [viewMode]="viewMode()"
+                  [currencySymbol]="'$'"
+                  [height]="'320px'"
+                />
+              } @else {
+                <div class="h-64 flex items-center justify-center">
+                  <p [ngClass]="noDataClasses()" class="text-sm">
+                    No revenue data available
+                  </p>
+                </div>
+              }
+            </div>
+          </div>
+        </div>
+      </div>
+
+      @if (showMetricsVisualization()) {
+        <div [ngClass]="sectionCardClasses()" class="rounded-2xl border shadow-lg p-8">
+          <div class="mb-6">
+            <h2 [ngClass]="sectionTitleClasses()" class="text-2xl font-bold mb-2">
+              Contributing Metrics
+            </h2>
+            <p [ngClass]="sectionDescriptionClasses()" class="text-sm">
+              To achieve your revenue target of {{ formatCurrency(calculatedRevenue()) }}, the following metrics need to improve by these amounts. These improvements compound through your funnel to drive revenue growth.
+            </p>
+          </div>
+
+          <symphiq-funnel-metrics-visualization
+            [viewMode]="viewMode()"
+            [calculations]="metricCalculations()"
+            [pacingMetrics]="pacingMetrics()"
+          />
+        </div>
+      }
+
+      <symphiq-sticky-submit-bar
+        [viewMode]="viewMode()"
+        [isValid]="isValid()"
+        [isSubmitting]="isSubmitting()"
+        [validationMessage]="validationMessage()"
+        [buttonText]="'Set Revenue Targets'"
+        (submitClick)="handleSubmit()"
+      />
+    </div>
   `
             }]
     }], () => [], { absoluteInputRef: [{
             type: ViewChild,
             args: ['absoluteInputRef']
+        }], percentageInputRef: [{
+            type: ViewChild,
+            args: ['percentageInputRef']
         }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], funnelMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "funnelMetrics", required: false }] }], mainUiData: [{ type: i0.Input, args: [{ isSignal: true, alias: "mainUiData", required: false }] }], trendUiData: [{ type: i0.Input, args: [{ isSignal: true, alias: "trendUiData", required: false }] }], shopId: [{ type: i0.Input, args: [{ isSignal: true, alias: "shopId", required: false }] }], pacingMetrics: [{ type: i0.Input, args: [{ isSignal: true, alias: "pacingMetrics", required: false }] }], dataResults: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataResults", required: false }] }], targetsCreated: [{ type: i0.Output, args: ["targetsCreated"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(InitialTargetSettingComponent, { className: "InitialTargetSettingComponent", filePath: "lib/components/revenue-calculator-dashboard/initial-target-setting.component.ts", lineNumber: 217 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(InitialTargetSettingComponent, { className: "InitialTargetSettingComponent", filePath: "lib/components/revenue-calculator-dashboard/initial-target-setting.component.ts", lineNumber: 218 }); })();
 
 function IndeterminateSpinnerComponent_For_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 5);
@@ -108614,5 +108914,5 @@ const PROFILE_ANALYSIS_METRIC_SCREEN_PAGE_VIEWS = ({
  * Generated bundle index. Do not edit.
  */
 
-export { AreaChartComponent, BUSINESS_PROFILE, BarChartComponent, BreakdownSectionComponent, BusinessAnalysisModalComponent, BusinessProfileSearchService, ChartCardComponent, ChartContainerComponent, ChartThemeService, CircularProgressComponent, CompetitivePositioningSummaryComponent, CompetitorAnalysisCardComponent, ConfettiService, ConfidenceLevelCardComponent, ContentGenerationProgressComponent, ContentGenerationProgressWithConfettiComponent, CrossDashboardRelationshipsService, FUNNEL_ANALYSIS, FloatingBackButtonComponent, FloatingTocComponent, FocusAreaDetailCardComponent, FocusAreaExecutiveSummaryComponent, FocusAreaQuestionComponent, FocusAreaToolsModalComponent, FunnelOrderService, GradeBadgeComponent, HeaderScrollService, HierarchyDisplayComponent, HorizontalBarComponent, IconService, IndeterminateSpinnerComponent, InsightCardComponent, JourneyProgressIndicatorComponent, JourneyStepIdEnum, LineChartComponent, MetricCardComponent, MetricExecutiveSummaryComponent, MetricFormatterService, MetricListItemComponent, MetricWelcomeBannerComponent, MobileBottomNavComponent, MobileFABComponent, ModalComponent, ModalService, NapkinVisualPlaceholderComponent, NavigationStateService, OpportunityHighlightBannerComponent, OverallAssessmentComponent, PROFILE_ANALYSIS_FOCUS_AREA_AFFILIATE, PROFILE_ANALYSIS_METRIC_SCREEN_PAGE_VIEWS, PROFILE_ANALYSIS_SHOP, PieChartComponent, ProfileItemCardComponent, ProfileSectionComponent, ProfileSubsectionComponent, RelatedContentSidebarComponent, RevenueCalculatorWelcomeBannerComponent, ScrollDepthService, ScrollProgressBarComponent, SearchButtonComponent, SearchModalComponent, SectionDividerComponent, SectionNavigationComponent, ShadowElevationDirective, ShopPlatformEnum, ShopWelcomeBannerComponent, SkeletonBarComponent, SkeletonCardBaseComponent, SkeletonCircleComponent, SkeletonCompetitorCardComponent, SkeletonCustomerSegmentCardComponent, SkeletonFocusAreaCardComponent, SkeletonGenericCardComponent, SkeletonLoaderComponent, SkeletonPriceTierCardComponent, SkeletonProductCategoryCardComponent, SkeletonRegionCardComponent, SkeletonSeasonCardComponent, SymphiqBusinessAnalysisDashboardComponent, SymphiqConnectGaDashboardComponent, SymphiqCreateAccountDashboardComponent, SymphiqFunnelAnalysisDashboardComponent, SymphiqFunnelAnalysisPreviewComponent, SymphiqIconComponent, SymphiqProfileAnalysisDashboardComponent, SymphiqRevenueCalculatorDashboardComponent, SymphiqWelcomeDashboardComponent, TooltipContainerComponent, TooltipDataService, TooltipDirective, TooltipService, ViewModeService, ViewportAnimationDirective, VisualizationContainerComponent, getBadgeLabelClasses, getButtonClasses, getCategoryBadgeClasses, getCategoryColor, getCompetitiveBadgeClasses, getContainerClasses, getFooterClasses, getGradeBadgeClasses, getHeaderClasses, getInsightsBadgeClasses, getInsightsCardClasses, getMetricLabelClasses, getMetricMiniCardClasses, getMetricValueClasses, getNarrativeTextClasses, getRevenueCardClasses, getRevenueIconClasses, getStatusBadgeClasses, getStatusDotClasses, getStatusIconClasses, getStatusSummaryClasses, getSubtitleClasses, getTitleClasses, getTrendClasses, getTrendIconClasses, getTrendValueClasses, isLightMode };
+export { AreaChartComponent, BUSINESS_PROFILE, BarChartComponent, BreakdownSectionComponent, BusinessAnalysisModalComponent, BusinessProfileSearchService, ChartCardComponent, ChartContainerComponent, ChartThemeService, CircularProgressComponent, CompetitivePositioningSummaryComponent, CompetitorAnalysisCardComponent, ConfettiService, ConfidenceLevelCardComponent, ContentGenerationProgressComponent, ContentGenerationProgressWithConfettiComponent, CrossDashboardRelationshipsService, FUNNEL_ANALYSIS, FloatingBackButtonComponent, FloatingTocComponent, FocusAreaDetailCardComponent, FocusAreaExecutiveSummaryComponent, FocusAreaQuestionComponent, FocusAreaToolsModalComponent, FunnelOrderService, GradeBadgeComponent, HeaderScrollService, HierarchyDisplayComponent, HorizontalBarComponent, IconService, IndeterminateSpinnerComponent, InsightCardComponent, JourneyProgressIndicatorComponent, JourneyStepIdEnum, LineChartComponent, MetricCardComponent, MetricExecutiveSummaryComponent, MetricFormatterService, MetricListItemComponent, MetricWelcomeBannerComponent, MobileBottomNavComponent, MobileFABComponent, ModalComponent, ModalService, NapkinVisualPlaceholderComponent, NavigationStateService, OpportunityHighlightBannerComponent, OverallAssessmentComponent, PROFILE_ANALYSIS_FOCUS_AREA_AFFILIATE, PROFILE_ANALYSIS_METRIC_SCREEN_PAGE_VIEWS, PROFILE_ANALYSIS_SHOP, PieChartComponent, ProfileItemCardComponent, ProfileSectionComponent, ProfileSubsectionComponent, RelatedContentSidebarComponent, RevenueCalculatorService, RevenueCalculatorWelcomeBannerComponent, ScrollDepthService, ScrollProgressBarComponent, SearchButtonComponent, SearchModalComponent, SectionDividerComponent, SectionNavigationComponent, ShadowElevationDirective, ShopPlatformEnum, ShopWelcomeBannerComponent, SkeletonBarComponent, SkeletonCardBaseComponent, SkeletonCircleComponent, SkeletonCompetitorCardComponent, SkeletonCustomerSegmentCardComponent, SkeletonFocusAreaCardComponent, SkeletonGenericCardComponent, SkeletonLoaderComponent, SkeletonPriceTierCardComponent, SkeletonProductCategoryCardComponent, SkeletonRegionCardComponent, SkeletonSeasonCardComponent, SymphiqBusinessAnalysisDashboardComponent, SymphiqConnectGaDashboardComponent, SymphiqCreateAccountDashboardComponent, SymphiqFunnelAnalysisDashboardComponent, SymphiqFunnelAnalysisPreviewComponent, SymphiqIconComponent, SymphiqProfileAnalysisDashboardComponent, SymphiqRevenueCalculatorDashboardComponent, SymphiqWelcomeDashboardComponent, TooltipContainerComponent, TooltipDataService, TooltipDirective, TooltipService, ViewModeService, ViewportAnimationDirective, VisualizationContainerComponent, calculateFunnelRatios, calculateMetricTargetsFromRevenue, calculateMetricTargetsFromRevenueReverse, calculateRelatedMetricRatios, generateTargetsFromCalculations, getBadgeLabelClasses, getButtonClasses, getCategoryBadgeClasses, getCategoryColor, getCompetitiveBadgeClasses, getContainerClasses, getFooterClasses, getFunnelStageMetrics, getGradeBadgeClasses, getHeaderClasses, getInsightsBadgeClasses, getInsightsCardClasses, getMetricLabelClasses, getMetricMiniCardClasses, getMetricValueClasses, getNarrativeTextClasses, getRevenueCardClasses, getRevenueIconClasses, getStatusBadgeClasses, getStatusDotClasses, getStatusIconClasses, getStatusSummaryClasses, getSubtitleClasses, getTitleClasses, getTrendClasses, getTrendIconClasses, getTrendValueClasses, groupMetricsByFunnelStage, isLightMode, validateRevenueTarget };
 //# sourceMappingURL=symphiq-components.mjs.map