@eric-emg/symphiq-components 1.3.82 → 1.3.83

package/fesm2022/symphiq-components.mjs

@@ -15212,17 +15212,25 @@ class RecommendationCardComponent {
             return displayItem;
         }, ...(ngDevMode ? [{ debugName: "displayItem" }] : []));
         this.detailedRecommendation = computed(() => {
-            let result;
-            if (this.recommendation()) {
-                result = this.recommendation();
-                return result;
+            const inputRec = this.recommendation();
+            if (inputRec) {
+                if (inputRec.id) {
+                    const serviceRec = this.profileContextService.getRecommendationById(inputRec.id);
+                    if (serviceRec) {
+                        return {
+                            ...inputRec,
+                            relatedCompetitorIds: inputRec.relatedCompetitorIds || serviceRec.relatedCompetitorIds,
+                            relatedProfileItemIds: inputRec.relatedProfileItemIds || serviceRec.relatedProfileItemIds
+                        };
+                    }
+                }
+                return inputRec;
             }
             const item = this.item();
             if (!item?.id) {
                 return undefined;
             }
-            result = this.profileContextService.getRecommendationById(item.id);
-            return result;
+            return this.profileContextService.getRecommendationById(item.id);
         }, ...(ngDevMode ? [{ debugName: "detailedRecommendation" }] : []));
         this.businessContextItems = computed(() => {
             const itemIds = this.detailedRecommendation()?.relatedProfileItemIds;
@@ -103732,10 +103740,12 @@ class UnifiedGoalCardComponent {
             return metrics;
         }, ...(ngDevMode ? [{ debugName: "roadmapMetrics" }] : []));
         this.cardClasses = computed(() => {
+            const isSkipped = this.actionState() === GoalActionStateEnum.SKIP;
+            const opacityClass = isSkipped ? ' opacity-60' : '';
             if (this.isDark()) {
-                return 'bg-slate-800/50 border border-slate-700/50';
+                return 'bg-slate-800/50 border border-slate-700/50' + opacityClass;
             }
-            return 'bg-white border border-slate-200';
+            return 'bg-white border border-slate-200' + opacityClass;
         }, ...(ngDevMode ? [{ debugName: "cardClasses" }] : []));
         this.iconContainerClasses = computed(() => {
             if (this.isDark()) {