Feature Request: Support for Disabling p-stepperPanel in p-stepper

[otaldopira]

Description
I would like to request a new feature for the p-stepper component in PrimeNG. Currently, there is no support for dynamically disabling or removing p-stepperPanel.

Use Case
In my application, I need a dynamic p-stepper where the number of steps can change based on user inputs. Depending on the responses given, steps (i.e., p-stepperPanel elements) should be added or removed.

I attempted to use conditional rendering with *ngIf, but this approach does not work as expected. The p-stepperPanel elements are rendered based on the initial condition, and when the value changes, the stepper does not properly update to reflect the addition or removal of steps.

[bqotm]

I second this !
just wondering why this hasn't been thought of earlier

[KeemOnGithub]

I was able to disable/enable the entire p-stepper by setting pointer-events: none to p-stepper. Using Angular, it can be done dynamically by adding this to p-stepper:

[style.pointer-events]="disableStepper ? 'none' : 'auto'"

[eric-denkievicz]

Thanks for the contribution, but for my case, I need to remove it from the user's view.

[TheYouIsHere]

@eric-denkievicz Let me know if you managed to solve this!

[eric-denkievicz]

Sorry @TheYouIsHere , but I haven't been able to resolve this yet.