Update angular, primeng, convert to standalone, inject context

[theNEXlevel]

• Updated to the latest primeng version
• Updated to the latest rxjs version
• Updated Angular to 16
• Converted entire application to standalone
• Converted all files to use inject instead of constructor injection
• Converted all services to be provided in root

[TRUSTMEIMJEDI]

You don't need variable menuSourceSubscription to keep sub ref in order to unsub.
Angular core have new way of unsub using -> https://v16.angular.io/api/core/DestroyRef

Define variable
private destroyRef = inject(DestroyRef);
and on Observable use
.pipe(takeUntilDestroyed(this.destroyRef))

Like so:

this.menuService.menuSource$
      .pipe(takeUntilDestroyed(this.destroyRef))
      .subscribe(value => {
        Promise.resolve(null).then(() => {
          if (value.routeEvent) {
            this.active = (value.key === this.key || value.key.startsWith(this.key + '-'));
          } else {
            if (value.key !== this.key && !value.key.startsWith(this.key + '-')) {
              this.active = false;
            }
          }
        });
      });

[theNEXlevel]

I do use this approach in my personal projects but because it's still dev preview I don't think it's good to put into a component library / template like this one.

[TRUSTMEIMJEDI]

this.active = (value.key === this.key || value.key.startsWith(this.key + '-')) ? true : false;

this can be simplified

(value.key === this.key || value.key.startsWith(this.key + '-'))