@eric-emg/symphiq-components 1.2.150 → 1.2.151

package/fesm2022/symphiq-components.mjs

@@ -24829,11 +24829,11 @@ function JourneyProgressIndicatorComponent_For_5_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵelementStart(0, "div", 20);
     i0.ɵɵlistener("mouseenter", function JourneyProgressIndicatorComponent_For_5_Template_div_mouseenter_0_listener() { const ɵ$index_9_r2 = i0.ɵɵrestoreView(_r1).$index; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.setHoveredStep(ɵ$index_9_r2)); })("mouseleave", function JourneyProgressIndicatorComponent_For_5_Template_div_mouseleave_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.clearHoveredStep()); });
     i0.ɵɵelementStart(1, "div", 21);
-    i0.ɵɵlistener("click", function JourneyProgressIndicatorComponent_For_5_Template_div_click_1_listener() { const ctx_r3 = i0.ɵɵrestoreView(_r1); const step_r5 = ctx_r3.$implicit; const ɵ$index_9_r2 = ctx_r3.$index; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView((step_r5.status === "completed" || step_r5.status === "accessible") && ctx_r2.stepClick.emit(ɵ$index_9_r2 + 1)); });
+    i0.ɵɵlistener("click", function JourneyProgressIndicatorComponent_For_5_Template_div_click_1_listener() { const ctx_r3 = i0.ɵɵrestoreView(_r1); const step_r5 = ctx_r3.$implicit; const ɵ$index_9_r2 = ctx_r3.$index; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.handleStepClick(step_r5, ɵ$index_9_r2)); });
     i0.ɵɵconditionalCreate(2, JourneyProgressIndicatorComponent_For_5_Conditional_2_Template, 2, 0, ":svg:svg", 22)(3, JourneyProgressIndicatorComponent_For_5_Conditional_3_Template, 1, 1, "div", 23)(4, JourneyProgressIndicatorComponent_For_5_Conditional_4_Template, 1, 1, "div", 24)(5, JourneyProgressIndicatorComponent_For_5_Conditional_5_Template, 2, 2, "span", 25);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(6, "span", 26);
-    i0.ɵɵlistener("click", function JourneyProgressIndicatorComponent_For_5_Template_span_click_6_listener() { const ctx_r6 = i0.ɵɵrestoreView(_r1); const step_r5 = ctx_r6.$implicit; const ɵ$index_9_r2 = ctx_r6.$index; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView((step_r5.status === "completed" || step_r5.status === "accessible") && ctx_r2.stepClick.emit(ɵ$index_9_r2 + 1)); });
+    i0.ɵɵlistener("click", function JourneyProgressIndicatorComponent_For_5_Template_span_click_6_listener() { const ctx_r6 = i0.ɵɵrestoreView(_r1); const step_r5 = ctx_r6.$implicit; const ɵ$index_9_r2 = ctx_r6.$index; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.handleStepClick(step_r5, ɵ$index_9_r2)); });
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(8, JourneyProgressIndicatorComponent_For_5_Conditional_8_Template, 9, 16, "div", 27);
@@ -25202,6 +25202,13 @@ class JourneyProgressIndicatorComponent {
             this.nextStepClick.emit();
         }
     }
+    handleStepClick(step, idx) {
+        console.log('Step clicked:', { step, idx, status: step.status });
+        if (step.status === 'completed' || step.status === 'accessible') {
+            console.log('Emitting stepClick:', idx + 1);
+            this.stepClick.emit(idx + 1);
+        }
+    }
     // Mobile navigation methods
     getCurrentStepIndex() {
         return this.mobileStepIndex();
@@ -25498,7 +25505,7 @@ class JourneyProgressIndicatorComponent {
                   <div
                     [ngClass]="getStepIconContainerClasses(step)"
                     class="w-8 h-8 min-w-[2rem] min-h-[2rem] rounded-full flex items-center justify-center flex-shrink-0 step-circle relative z-10 mb-1.5"
-                    (click)="(step.status === 'completed' || step.status === 'accessible') && stepClick.emit(idx + 1)"
+                    (click)="handleStepClick(step, idx)"
                     [class.cursor-pointer]="step.status === 'completed' || step.status === 'accessible'">
                     @if (step.status === 'completed') {
                       <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
@@ -25519,7 +25526,7 @@ class JourneyProgressIndicatorComponent {
                   <span
                     [ngClass]="getAbbreviatedTitleClasses(step)"
                     class="text-[10px] text-center leading-tight whitespace-nowrap max-w-[64px] overflow-hidden text-ellipsis"
-                    (click)="(step.status === 'completed' || step.status === 'accessible') && stepClick.emit(idx + 1)"
+                    (click)="handleStepClick(step, idx)"
                     [class.cursor-pointer]="step.status === 'completed' || step.status === 'accessible'">
                     {{ getAbbreviatedTitle(step.title) }}
                   </span>