@eric-emg/symphiq-components 1.2.192 → 1.2.193

package/fesm2022/symphiq-components.mjs

@@ -13834,20 +13834,12 @@ class ProfileItemLookupService {
         return undefined;
     }
     findItemsByIds(ids) {
-        console.log('[ProfileItemLookupService] findItemsByIds called:', {
-            inputIds: ids,
-            hasProfileData: !!this.profileData(),
-            hasProfileStructured: !!this.profileData()?.profileStructured,
-            hasSections: !!this.profileData()?.profileStructured?.sections
-        });
         const results = ids
             .map(id => {
             const found = this.findItemById(id);
-            console.log('[ProfileItemLookupService] findItemById:', { id, found: !!found });
             return found;
         })
             .filter((item) => item !== undefined);
-        console.log('[ProfileItemLookupService] findItemsByIds result:', { inputCount: ids.length, foundCount: results.length });
         return results;
     }
     findItemWithContext(id) {
@@ -13924,11 +13916,6 @@ class RelatedAreaChipsComponent {
         this.relatedItems = computed(() => {
             const ids = this.relatedAreaIds();
             const items = this.lookupService.findItemsByIds(ids);
-            console.log('[RelatedAreaChips] relatedItems computed:', {
-                inputIds: ids,
-                foundItems: items,
-                foundCount: items.length
-            });
             return items;
         }, ...(ngDevMode ? [{ debugName: "relatedItems" }] : []));
     }
@@ -14032,16 +14019,8 @@ class CompetitorChipListComponent {
         this.modalService = inject(ModalService);
         this.competitorItems = computed(() => {
             const ids = this.relatedCompetitorIds();
-            console.log('[CompetitorChipList] competitorItems computed:', {
-                inputIds: ids,
-                hasIds: ids && ids.length > 0
-            });
             if (ids && ids.length > 0) {
                 const items = this.lookupService.findItemsByIds(ids);
-                console.log('[CompetitorChipList] lookupService.findItemsByIds result:', {
-                    foundItems: items,
-                    foundCount: items.length
-                });
                 return items;
             }
             return [];
@@ -14049,11 +14028,9 @@ class CompetitorChipListComponent {
         this.displayItems = computed(() => {
             const items = this.competitorItems();
             if (items.length > 0) {
-                console.log('[CompetitorChipList] displayItems: using competitorItems', { count: items.length });
                 return items;
             }
             const fallbackItems = this.competitors().map(name => ({ label: name }));
-            console.log('[CompetitorChipList] displayItems: using fallback competitors', { count: fallbackItems.length, fallbackItems });
             return fallbackItems;
         }, ...(ngDevMode ? [{ debugName: "displayItems" }] : []));
     }
@@ -14599,7 +14576,6 @@ class RelatedRecommendationChipsComponent {
     scrollToRecommendation(recommendationId) {
         const targetElement = document.getElementById(`recommendation-${recommendationId}`);
         if (!targetElement) {
-            console.warn(`Recommendation element not found: recommendation-${recommendationId}`);
             const recommendationsSection = document.querySelector('[data-subsection-id="recommendations"]');
             if (recommendationsSection) {
                 const expandButton = recommendationsSection.querySelector('[aria-expanded="false"]');
@@ -15422,29 +15398,13 @@ class RecommendationCardComponent {
             let result;
             if (this.recommendation()) {
                 result = this.recommendation();
-                console.log('[RecommendationCard] detailedRecommendation: using direct recommendation input', {
-                    id: result?.id,
-                    hasRelatedCompetitorIds: !!result?.relatedCompetitorIds,
-                    relatedCompetitorIds: result?.relatedCompetitorIds,
-                    hasRelatedProfileItemIds: !!result?.relatedProfileItemIds,
-                    relatedProfileItemIds: result?.relatedProfileItemIds
-                });
                 return result;
             }
             const item = this.item();
             if (!item?.id) {
-                console.log('[RecommendationCard] detailedRecommendation: no item id');
                 return undefined;
             }
             result = this.profileContextService.getRecommendationById(item.id);
-            console.log('[RecommendationCard] detailedRecommendation: from profileContextService', {
-                itemId: item.id,
-                found: !!result,
-                hasRelatedCompetitorIds: !!result?.relatedCompetitorIds,
-                relatedCompetitorIds: result?.relatedCompetitorIds,
-                hasRelatedProfileItemIds: !!result?.relatedProfileItemIds,
-                relatedProfileItemIds: result?.relatedProfileItemIds
-            });
             return result;
         }, ...(ngDevMode ? [{ debugName: "detailedRecommendation" }] : []));
         this.businessContextItems = computed(() => {
@@ -15507,13 +15467,6 @@ class RecommendationCardComponent {
             const hasCompetitors = !!(detailed?.relatedCompetitorIds && detailed.relatedCompetitorIds.length > 0);
             const isExpanded = this.isActuallyExpanded();
             const shouldShow = hasCompetitors && isExpanded;
-            console.log('[RecommendationCard] shouldShowRelatedCompetitors:', {
-                hasDetailedRec: !!detailed,
-                relatedCompetitorIds: detailed?.relatedCompetitorIds,
-                hasCompetitors,
-                isExpanded,
-                shouldShow
-            });
             return shouldShow;
         }, ...(ngDevMode ? [{ debugName: "shouldShowRelatedCompetitors" }] : []));
         this.shouldShowRelatedAreas = computed(() => {
@@ -15521,13 +15474,6 @@ class RecommendationCardComponent {
             const hasAreas = !!(detailed?.relatedProfileItemIds && detailed.relatedProfileItemIds.length > 0);
             const isExpanded = this.isActuallyExpanded();
             const shouldShow = hasAreas && isExpanded;
-            console.log('[RecommendationCard] shouldShowRelatedAreas:', {
-                hasDetailedRec: !!detailed,
-                relatedProfileItemIds: detailed?.relatedProfileItemIds,
-                hasAreas,
-                isExpanded,
-                shouldShow
-            });
             return shouldShow;
         }, ...(ngDevMode ? [{ debugName: "shouldShowRelatedAreas" }] : []));
         this.shouldShowRelatedFocusAreas = computed(() => {
@@ -15701,23 +15647,9 @@ class RecommendationCardComponent {
         return detailed?.relatedFocusAreas || [];
     }
     logCompetitorData() {
-        const detailed = this.detailedRecommendation();
-        console.log('[RecommendationCard] logCompetitorData:', {
-            recommendationId: this.item()?.id,
-            recommendationLabel: this.displayItem()?.label,
-            relatedCompetitorIds: detailed?.relatedCompetitorIds,
-            hasCompetitors: !!(detailed?.relatedCompetitorIds && detailed.relatedCompetitorIds.length > 0)
-        });
         return false;
     }
     logAreaData() {
-        const detailed = this.detailedRecommendation();
-        console.log('[RecommendationCard] logAreaData:', {
-            recommendationId: this.item()?.id,
-            recommendationLabel: this.displayItem()?.label,
-            relatedProfileItemIds: detailed?.relatedProfileItemIds,
-            hasAreas: !!(detailed?.relatedProfileItemIds && detailed.relatedProfileItemIds.length > 0)
-        });
         return false;
     }
     onCardClick(event) {
@@ -24531,9 +24463,6 @@ class FloatingTocComponent {
         if (element) {
             this.scrollToElement(element);
         }
-        else {
-            console.warn('[FloatingTOC] Element not found for section:', sectionId);
-        }
         if (!this.isPinned()) {
             this.isHovered.set(false);
         }
@@ -24543,9 +24472,6 @@ class FloatingTocComponent {
         if (element) {
             this.scrollToElement(element);
         }
-        else {
-            console.warn('[FloatingTOC] Element not found for subsection:', subsectionId);
-        }
         if (!this.isPinned()) {
             this.isHovered.set(false);
         }
@@ -40639,7 +40565,6 @@ class CompetitorAnalysisCardComponent {
             return;
         const context = this.lookupService.findItemWithContext(item.id);
         if (!context) {
-            console.warn(`Item not found: ${item.id}`);
             return;
         }
         // Check if an item-detail modal is currently open
@@ -44645,57 +44570,12 @@ class ProfileAnalysisModalComponent {
         return undefined;
     }
     logContainingBlockInfo() {
-        console.group('[ProfileAnalysisModal] Containing Block Debug Info');
-        let element = this.hostElement.nativeElement;
-        const containingBlockTriggers = [];
-        while (element && element !== this.document.body) {
-            const styles = window.getComputedStyle(element);
-            const transform = styles.transform;
-            const willChange = styles.willChange;
-            const contain = styles.contain;
-            const filter = styles.filter;
-            const perspective = styles.perspective;
-            const backdropFilter = styles.backdropFilter || styles.getPropertyValue('backdrop-filter');
-            if (transform && transform !== 'none') {
-                containingBlockTriggers.push({ element, property: 'transform', value: transform });
-            }
-            if (willChange && (willChange.includes('transform') || willChange.includes('perspective') || willChange.includes('filter'))) {
-                containingBlockTriggers.push({ element, property: 'will-change', value: willChange });
-            }
-            if (contain && contain !== 'none') {
-                containingBlockTriggers.push({ element, property: 'contain', value: contain });
-            }
-            if (filter && filter !== 'none') {
-                containingBlockTriggers.push({ element, property: 'filter', value: filter });
-            }
-            if (perspective && perspective !== 'none') {
-                containingBlockTriggers.push({ element, property: 'perspective', value: perspective });
-            }
-            if (backdropFilter && backdropFilter !== 'none') {
-                containingBlockTriggers.push({ element, property: 'backdrop-filter', value: backdropFilter });
-            }
-            element = element.parentElement;
-        }
-        if (containingBlockTriggers.length > 0) {
-            console.warn('Found CSS properties that create containing blocks for fixed positioning:');
-            containingBlockTriggers.forEach(({ element, property, value }) => {
-                console.log(`  Element:`, element);
-                console.log(`    ${property}: ${value}`);
-            });
-        }
-        else {
-            console.log('No containing block triggers found in ancestor chain');
-        }
-        console.log('Host element:', this.hostElement.nativeElement);
-        console.log('Modal wrapper ref:', this.modalWrapper);
-        console.groupEnd();
     }
     moveModalToBody() {
         if (this.modalMovedToBody || !this.modalWrapper?.nativeElement) {
             return;
         }
         const modalEl = this.modalWrapper.nativeElement;
-        console.log('[ProfileAnalysisModal] Moving modal to document.body');
         this.renderer.appendChild(this.document.body, modalEl);
         this.modalMovedToBody = true;
     }
@@ -44704,7 +44584,6 @@ class ProfileAnalysisModalComponent {
             return;
         }
         const modalEl = this.modalWrapper.nativeElement;
-        console.log('[ProfileAnalysisModal] Returning modal to host element');
         this.renderer.appendChild(this.hostElement.nativeElement, modalEl);
         this.modalMovedToBody = false;
     }
@@ -57515,81 +57394,50 @@ function getConvertedDataForSource(uiData, source) {
     if (!uiData)
         return undefined;
     const periodInfo = uiData.periodInfo;
-    console.group('[getConvertedDataForSource] Debug');
-    console.log('source:', source);
-    console.log('periodInfo:', periodInfo);
-    console.log('period:', periodInfo?.period);
-    console.log('comparePeriod:', periodInfo?.comparePeriod);
     let result;
     switch (source) {
         case 'current':
             result = uiData.convertedDataResults;
-            console.log('Using convertedDataResults (current period)');
             break;
         case 'compare':
             result = uiData.convertedDataResultsCompare;
-            console.log('Using convertedDataResultsCompare (compare period)');
             break;
         case 'priorYear':
             if (periodInfo?.period === UiDataPeriodEnum.THIS_YEAR &&
                 periodInfo?.comparePeriod === UiDataComparePeriodEnum.PREVIOUS_PERIOD) {
                 result = uiData.convertedDataResultsCompare;
-                console.log('THIS_YEAR + PREVIOUS_PERIOD: Using convertedDataResultsCompare (all of last year)');
             }
             else if (periodInfo?.period === UiDataPeriodEnum.THIS_AND_LAST_YEAR) {
-                console.log('THIS_AND_LAST_YEAR: Need to filter by year from convertedDataResults');
                 result = uiData.convertedDataResults;
             }
             else if (periodInfo?.comparePeriod === UiDataComparePeriodEnum.SAME_PERIOD_LAST_YEAR) {
                 result = uiData.convertedDataResultsCompare;
-                console.log('SAME_PERIOD_LAST_YEAR: Using convertedDataResultsCompare');
             }
             else if (periodInfo?.comparePeriod === UiDataComparePeriodEnum.PREVIOUS_PERIOD) {
                 result = uiData.convertedDataResultsCompare;
-                console.log('PREVIOUS_PERIOD: Using convertedDataResultsCompare');
             }
             else {
-                console.log('No matching period config for priorYear, falling back to convertedDataResultsCompare');
                 result = uiData.convertedDataResultsCompare;
             }
             break;
     }
-    console.log('Result exists:', !!result);
-    console.groupEnd();
     return result;
 }
 function sumMetricFromUiData(uiData, metricToSum, source = 'current') {
-    console.group('[sumMetricFromUiData] Debug');
-    console.log('metricToSum:', metricToSum);
-    console.log('source:', source);
     const convertedData = getConvertedDataForSource(uiData, source);
     if (!convertedData) {
-        console.log('EARLY RETURN: convertedData is falsy');
-        console.log('convertedDataResults exists:', !!uiData?.convertedDataResults);
-        console.log('convertedDataResultsCompare exists:', !!uiData?.convertedDataResultsCompare);
-        console.groupEnd();
         return 0;
     }
     let total = 0;
     const metricIndex = convertedData.metrics?.indexOf(metricToSum);
-    console.log('Available metrics:', convertedData.metrics);
-    console.log('metricIndex for', metricToSum, ':', metricIndex);
     if (metricIndex === undefined || metricIndex === -1) {
-        console.log('EARLY RETURN: metricIndex is undefined or -1');
-        console.groupEnd();
         return 0;
     }
-    console.log('Number of rows:', convertedData.rows?.length ?? 0);
-    convertedData.rows?.forEach((row, idx) => {
+    convertedData.rows?.forEach((row) => {
         const rawValue = row.metricValues?.[metricIndex];
         const metricValue = parseFloat(rawValue || '0');
-        if (idx < 3) {
-            console.log(`Row ${idx}: raw="${rawValue}", parsed=${metricValue}`);
-        }
         total += metricValue;
     });
-    console.log('Final total:', total);
-    console.groupEnd();
     return total;
 }
 
@@ -57820,7 +57668,7 @@ class InitialTargetSettingComponent {
         this.targetsCreated = output();
         this.inputMode = signal('absolute', ...(ngDevMode ? [{ debugName: "inputMode" }] : []));
         this.absoluteInput = signal(null, ...(ngDevMode ? [{ debugName: "absoluteInput" }] : []));
-        this.percentageInput = signal(0, ...(ngDevMode ? [{ debugName: "percentageInput" }] : []));
+        this.percentageInput = signal(null, ...(ngDevMode ? [{ debugName: "percentageInput" }] : []));
         this.isSubmitting = signal(false, ...(ngDevMode ? [{ debugName: "isSubmitting" }] : []));
         this.priorYearRevenue = computed(() => {
             return sumMetricFromUiData(this.mainUiData(), MetricEnum.PURCHASE_REVENUE, 'priorYear');
@@ -57849,6 +57697,8 @@ class InitialTargetSettingComponent {
             }
             else {
                 const pct = this.percentageInput();
+                if (pct === null)
+                    return 0;
                 return priorRevenue * (1 + pct / 100);
             }
         }, ...(ngDevMode ? [{ debugName: "calculatedRevenue" }] : []));
@@ -57870,7 +57720,10 @@ class InitialTargetSettingComponent {
                 return this.revenueCalcService.calculateTargetsFromRevenue(revenue, mainData, metrics).metricCalculations;
             }
             else {
-                return this.revenueCalcService.calculateTargetsFromPercentage(this.percentageInput(), mainData, metrics).metricCalculations;
+                const pct = this.percentageInput();
+                if (pct === null)
+                    return [];
+                return this.revenueCalcService.calculateTargetsFromPercentage(pct, mainData, metrics).metricCalculations;
             }
         }, ...(ngDevMode ? [{ debugName: "metricCalculations" }] : []));
         this.isValid = computed(() => {
@@ -57912,31 +57765,6 @@ class InitialTargetSettingComponent {
         }, ...(ngDevMode ? [{ debugName: "revenueChartData" }] : []));
         this.currentYear = computed(() => new Date().getFullYear(), ...(ngDevMode ? [{ debugName: "currentYear" }] : []));
         this.priorYear = computed(() => new Date().getFullYear() - 1, ...(ngDevMode ? [{ debugName: "priorYear" }] : []));
-        effect(() => {
-            const mainData = this.mainUiData();
-            console.group('[InitialTargetSetting] mainUiData Debug');
-            console.log('mainUiData exists:', !!mainData);
-            console.log('mainUiData:', mainData);
-            if (mainData) {
-                console.log('convertedDataResults exists:', !!mainData.convertedDataResults);
-                if (mainData.convertedDataResults) {
-                    const converted = mainData.convertedDataResults;
-                    console.log('metrics array:', converted.metrics);
-                    console.log('dimensions array:', converted.dimensions);
-                    console.log('rows count:', converted.rows?.length ?? 0);
-                    console.log('first 3 rows:', converted.rows?.slice(0, 3));
-                    const metricIndex = converted.metrics?.indexOf(MetricEnum.PURCHASE_REVENUE);
-                    console.log('PURCHASE_REVENUE enum value:', MetricEnum.PURCHASE_REVENUE);
-                    console.log('PURCHASE_REVENUE index in metrics:', metricIndex);
-                    if (metricIndex !== undefined && metricIndex !== -1 && converted.rows?.length) {
-                        const sampleValues = converted.rows.slice(0, 5).map(r => r.metricValues?.[metricIndex]);
-                        console.log('Sample metric values at index', metricIndex, ':', sampleValues);
-                    }
-                }
-            }
-            console.log('Computed priorYearRevenue:', this.priorYearRevenue());
-            console.groupEnd();
-        });
     }
     ngAfterViewInit() {
         setTimeout(() => {
@@ -57955,7 +57783,7 @@ class InitialTargetSettingComponent {
     }
     onPercentageInputChange() {
         const pct = this.percentageInput();
-        if (pct >= 0 && this.priorYearRevenue() > 0) {
+        if (pct !== null && pct >= 0 && this.priorYearRevenue() > 0) {
             const absolute = this.priorYearRevenue() * (1 + pct / 100);
             this.absoluteInput.set(absolute);
         }
@@ -63054,7 +62882,6 @@ class SymphiqBusinessAnalysisDashboardComponent {
         const HEADER_OFFSET = 120;
         const targetElement = document.querySelector(`[data-id="${event.itemId}"]`);
         if (!targetElement) {
-            console.warn(`Item not found: ${event.itemId}`);
             return;
         }
         const elementPosition = targetElement.getBoundingClientRect().top + window.scrollY;
@@ -84201,15 +84028,8 @@ class SymphiqProfileAnalysisDashboardComponent {
                 modal.setMetricsAndInsights(this.allMetrics(), [], this.allCharts());
             }
         });
-        // Update ProfileItemLookupService when profile changes
-        // This enables competitor and focus area chip lookups in business insights
         effect(() => {
             const profileValue = this.profile();
-            console.log('[ProfileAnalysisDashboard] profile effect triggered:', {
-                hasProfile: !!profileValue,
-                hasProfileStructured: !!profileValue?.profileStructured,
-                hasSections: !!profileValue?.profileStructured?.sections
-            });
             if (profileValue) {
                 this.profileItemLookupService.setProfile(profileValue);
             }
@@ -85281,10 +85101,6 @@ class LineChartComponent {
         });
     }
     ngOnInit() {
-        const chartData = this.chart().lineChartData;
-        if (!chartData) {
-            console.error('LineChartComponent: chart input with lineChartData is required');
-        }
     }
     /**
      * Generate a hash of the chart data to detect actual changes
@@ -85706,10 +85522,10 @@ class LineChartComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LineChartComponent, [{
         type: Component,
-        args: [{ selector: 'symphiq-line-chart', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
-    <div class="chart-container" [class.mini-mode]="!showAxisLabels()">
-      <div #chartdiv class="chart" [style.height]="chartHeight()" style="width: 100%;"></div>
-    </div>
+        args: [{ selector: 'symphiq-line-chart', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="chart-container" [class.mini-mode]="!showAxisLabels()">
+      <div #chartdiv class="chart" [style.height]="chartHeight()" style="width: 100%;"></div>
+    </div>
   `, styles: [".chart-container{width:100%;padding:1rem}.chart-container.mini-mode{padding:.25rem}\n"] }]
     }], () => [], { chart: [{ type: i0.Input, args: [{ isSignal: true, alias: "chart", required: false }] }], showAxisLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAxisLabels", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], currencySymbol: [{ type: i0.Input, args: [{ isSignal: true, alias: "currencySymbol", required: false }] }], chartDiv: [{
             type: ViewChild,
@@ -86380,10 +86196,6 @@ class PieChartComponent {
         });
     }
     ngOnInit() {
-        const chartData = this.chart().pieChartData;
-        if (!chartData) {
-            console.error('PieChartComponent: chart input with pieChartData is required');
-        }
     }
     /**
      * Generate a hash of the chart data to detect actual changes
@@ -86497,17 +86309,13 @@ class PieChartComponent {
     }
     createChart() {
         const chartData = this.chart().pieChartData;
-        // Debug logging
         if (!chartData || Object.keys(chartData).length === 0) {
-            console.warn('PieChartComponent: No data provided');
             return;
         }
         if (!this.chartDiv) {
-            console.error('PieChartComponent: chartDiv reference not found');
             return;
         }
         if (!chartData.series || chartData.series.length === 0) {
-            console.warn('PieChartComponent: No series data', { chartData });
             return;
         }
         this.root = Root.new(this.chartDiv.nativeElement);
@@ -86643,10 +86451,10 @@ class PieChartComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PieChartComponent, [{
         type: Component,
-        args: [{ selector: 'symphiq-pie-chart', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
-    <div class="chart-container" [class.mini-mode]="!showAxisLabels()">
-      <div #chartdiv class="chart" [style.height]="chartHeight()" style="width: 100%;"></div>
-    </div>
+        args: [{ selector: 'symphiq-pie-chart', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="chart-container" [class.mini-mode]="!showAxisLabels()">
+      <div #chartdiv class="chart" [style.height]="chartHeight()" style="width: 100%;"></div>
+    </div>
   `, styles: [".chart-container{width:100%;padding:1rem}.chart-container.mini-mode{padding:.25rem}\n"] }]
     }], () => [], { chart: [{ type: i0.Input, args: [{ isSignal: true, alias: "chart", required: false }] }], showAxisLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAxisLabels", required: false }] }], viewMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewMode", required: false }] }], currencySymbol: [{ type: i0.Input, args: [{ isSignal: true, alias: "currencySymbol", required: false }] }], chartDiv: [{
             type: ViewChild,