feat(v19): update to angular 19

apps/showcase/angular.json

@@ -90,6 +90,7 @@
         }
     },
     "cli": {
-        "analytics": false
+        "analytics": false,
+        "packageManager": "pnpm"
     }
 }

apps/showcase/components/demo/deferreddemo.ts

@@ -3,7 +3,6 @@ import { Component, ElementRef, EventEmitter, Inject, Input, OnInit, Output, PLA
 
 @Component({
     selector: 'p-deferred-demo',
-    standalone: true,
     imports: [CommonModule],
     template: `
         @if (!visible) {

apps/showcase/components/doc/app.code.component.ts

@@ -7,7 +7,6 @@ import { useCodeSandbox, useStackBlitz } from './codeeditor';
 
 @Component({
     selector: 'app-code',
-    standalone: true,
     imports: [CommonModule, ButtonModule, TooltipModule],
     template: `
         <div *ngIf="code" class="doc-section-code">

apps/showcase/components/doc/app.developmentsection.component.ts

@@ -6,6 +6,7 @@ import { Component } from '@angular/core';
             <i class="pi pi-info-circle text-lg text-white mr-2"></i>
             Accessibility guide documents the specification of this component based on WCAG guidelines, the implementation is in progress.
         </div>
-        <ng-content></ng-content>`
+        <ng-content></ng-content>`,
+    standalone: false
 })
 export class AppDevelopmentSection {}

apps/showcase/components/doc/app.doc.component.ts

@@ -37,7 +37,8 @@ import { AppDocService } from './app.doc.service';
         </div>
     </div>`,
     changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None,
+    standalone: false
 })
 export class AppDoc implements OnInit, OnChanges {
     @Input() docTitle!: string;

apps/showcase/components/doc/app.docapisection.component.ts

@@ -15,7 +15,8 @@ import { AppDocApiTable } from './app.docapitable.component';
             <app-docsection [apiDocs]="_docs()"></app-docsection>
         </div>
         <app-docsection-nav [docs]="_docs()"></app-docsection-nav>`,
-    changeDetection: ChangeDetectionStrategy.OnPush
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: false
 })
 export class AppDocApiSection {
     @Input() header!: string;

apps/showcase/components/doc/app.docapitable.component.ts

@@ -101,7 +101,8 @@ import { Router } from '@angular/router';
             }
         `
     ],
-    changeDetection: ChangeDetectionStrategy.OnPush
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: false
 })
 export class AppDocApiTable {
     @Input() id: string;

apps/showcase/components/doc/app.docfeaturessection.component.ts

@@ -14,7 +14,8 @@ import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@a
     encapsulation: ViewEncapsulation.None,
     host: {
         '[class.doc-tabpanel]': 'true'
-    }
+    },
+    standalone: false
 })
 export class AppDocFeaturesSection {
     @Input() header!: string;

apps/showcase/components/doc/app.docsection-nav.component.ts

@@ -33,7 +33,8 @@ import { fromEvent } from 'rxjs';
                 }
             }
         </ul>
-    `
+    `,
+    standalone: false
 })
 export class AppDocSectionNavComponent implements OnInit {
     docs = input.required<Doc[]>();

apps/showcase/components/doc/app.docsection.component.ts

@@ -34,7 +34,8 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
             </section>
         </ng-container>
     `,
-    changeDetection: ChangeDetectionStrategy.OnPush
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: false
 })
 export class AppDocSectionsComponent {
     @Input() docs!: Doc[];

apps/showcase/components/doc/app.docsectiontext.component.ts

@@ -18,7 +18,8 @@ import { Component, ElementRef, Input, numberAttribute } from '@angular/core';
         <div class="doc-section-description">
             <ng-content></ng-content>
         </div>
-    `
+    `,
+    standalone: false
 })
 export class AppDocSectionTextComponent {
     @Input() title!: string;

apps/showcase/components/doc/app.docthemingsection.component.ts

@@ -19,7 +19,8 @@ import ThemeDoc from '@/doc/apidoc/themedoc.json';
         </div>
         <app-docsection-nav [docs]="navItems()" />
     `,
-    changeDetection: ChangeDetectionStrategy.OnPush
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: false
 })
 export class AppDocThemingSectionComponent {
     @Input() header!: string;

apps/showcase/components/layout/app.component.ts

@@ -15,7 +15,6 @@ import { AppDesignerComponent } from './designer/app.designer.component';
 @Component({
     selector: 'app-root',
     template: `<app-designer /> <router-outlet></router-outlet>`,
-    standalone: true,
     imports: [RouterOutlet, FormsModule, ReactiveFormsModule, HttpClientModule, AppDesignerComponent],
     providers: [
         CarService,

apps/showcase/components/layout/app.main.component.ts

@@ -26,7 +26,6 @@ import { AppDesignerComponent } from '@/components/layout/designer/app.designer.
             <app-footer />
         </div>
     `,
-    standalone: true,
     imports: [RouterOutlet, AppFooterComponent, CommonModule, AppNewsComponent, AppMenuComponent, AppTopBarComponent]
 })
 export class AppMainComponent {

apps/showcase/components/layout/configurator/app.configurator.component.ts

@@ -23,7 +23,6 @@ const presets = {
 
 @Component({
     selector: 'app-configurator',
-    standalone: true,
     template: `
         <div class="config-panel-content">
             <div class="config-panel-colors">

apps/showcase/components/layout/designer/app.designcolorpalette.component.ts

@@ -3,7 +3,6 @@ import { CommonModule } from '@angular/common';
 
 @Component({
     selector: 'design-color-palette',
-    standalone: true,
     imports: [CommonModule],
     template: ` <div class="flex border border-surface rounded-l-lg rounded-r-lg overflow-hidden">
         <div *ngFor="let value of objectValues(value)" class="w-8 h-8" [ngStyle]="{ backgroundColor: value }" [title]="value"></div>

apps/showcase/components/layout/designer/app.designer.component.ts

@@ -37,7 +37,6 @@ const presets = {
 };
 @Component({
     selector: 'app-designer',
-    standalone: true,
     imports: [
         CommonModule,
         DrawerModule,

apps/showcase/components/layout/designer/app.designtokenfield.component.ts

@@ -9,7 +9,6 @@ import { UniqueComponentId } from 'primeng/utils';
 
 @Component({
     selector: 'design-token-field',
-    standalone: true,
     imports: [CommonModule, AutoCompleteModule, FormsModule, TooltipModule],
     template: `<div>
         <label [for]="inputId" class="text-sm text-zinc-700 dark:text-white">{{ label }}</label>

apps/showcase/components/layout/designer/primitive/designborderradius.ts

@@ -7,7 +7,6 @@ import { DesignerService } from '@/service/designerservice';
 
 @Component({
     selector: 'design-border-radius',
-    standalone: true,
     imports: [CommonModule, DesignTokenField, FieldsetModule, FormsModule],
     template: ` <p-fieldset legend="Rounded" [toggleable]="true">
         <section class="grid grid-cols-4 gap-2">

apps/showcase/components/layout/designer/primitive/designcolors.ts

@@ -8,7 +8,6 @@ import { DesignColorPalette } from '../app.designcolorpalette.component';
 
 @Component({
     selector: 'design-colors',
-    standalone: true,
     imports: [CommonModule, FieldsetModule, FormsModule, DesignColorPalette],
     template: ` <p-fieldset legend="Colors" [toggleable]="true">
         <ng-container *ngFor="let key of objectKeys(designerService.preset()?.primitive)">

apps/showcase/components/layout/designer/semantic/colorscheme/designcs.ts

@@ -8,7 +8,6 @@ import { DesignCSNavigation } from './designcsnavigation';
 
 @Component({
     selector: 'design-cs',
-    standalone: true,
     imports: [CommonModule, DesignCSCommon, DesignCSOverlay, DesignCSList, DesignCSFormField, DesignCSNavigation],
     template: `<div class="flex flex-col gap-3">
         <design-cs-common [colorScheme]="value" />

apps/showcase/components/layout/designer/semantic/colorscheme/designcscommon.ts

@@ -8,7 +8,6 @@ import { DesignColorPalette } from '../../app.designcolorpalette.component';
 
 @Component({
     selector: 'design-cs-common',
-    standalone: true,
     imports: [CommonModule, DesignColorPalette, DesignTokenField, FormsModule, FieldsetModule],
     template: ` <p-fieldset legend="Common" [toggleable]="true">
         <section class="flex justify-between items-center mb-4">

apps/showcase/components/layout/designer/semantic/colorscheme/designcsformfield.ts

@@ -6,7 +6,6 @@ import { FormsModule } from '@angular/forms';
 
 @Component({
     selector: 'design-cs-form-field',
-    standalone: true,
     imports: [CommonModule, DesignTokenField, FormsModule, FieldsetModule],
     template: ` <p-fieldset legend="Form Field" [toggleable]="true">
         <section class="grid grid-cols-4 mb-3 gap-2">

apps/showcase/components/layout/designer/semantic/colorscheme/designcslist.ts

@@ -6,7 +6,6 @@ import { FormsModule } from '@angular/forms';
 
 @Component({
     selector: 'design-cs-list',
-    standalone: true,
     imports: [CommonModule, DesignTokenField, FormsModule, FieldsetModule],
     template: ` <p-fieldset legend="List" [toggleable]="true">
         <div class="text-sm mb-1 font-semibold text-surface-950 dark:text-surface-0">Option</div>

apps/showcase/components/layout/designer/semantic/colorscheme/designcsnavigation.ts

@@ -5,7 +5,6 @@ import { FieldsetModule } from 'primeng/fieldset';
 import { FormsModule } from '@angular/forms';
 @Component({
     selector: 'design-cs-navigation',
-    standalone: true,
     imports: [CommonModule, DesignTokenField, FormsModule, FieldsetModule],
     template: ` <p-fieldset legend="Navigation" :toggleable="true">
         <div class="text-sm mb-1 font-semibold text-surface-950 dark:text-surface-0">Item</div>

apps/showcase/components/layout/designer/semantic/colorscheme/designcsoverlay.ts

@@ -6,7 +6,6 @@ import { FormsModule } from '@angular/forms';
 
 @Component({
     selector: 'design-cs-overlay',
-    standalone: true,
     imports: [CommonModule, DesignTokenField, FormsModule, FieldsetModule],
     template: ` <p-fieldset legend="Overlay" [toggleable]="true">
         <div class="text-sm mb-1 font-semibold text-surface-950 dark:text-surface-0">Select</div>

apps/showcase/components/layout/designer/semantic/designformfield.ts

@@ -7,7 +7,6 @@ import { DesignerService } from '@/service/designerservice';
 
 @Component({
     selector: 'design-form-field',
-    standalone: true,
     imports: [CommonModule, DesignTokenField, FormsModule, FieldsetModule],
     template: ` <p-fieldset legend="Form Field" [toggleable]="true">
         <div class="text-sm mb-1 font-semibold text-surface-950 dark:text-surface-0">Base</div>

apps/showcase/components/layout/designer/semantic/designgeneral.ts

@@ -9,7 +9,6 @@ import { DesignColorPalette } from '../app.designcolorpalette.component';
 
 @Component({
     selector: 'design-general',
-    standalone: true,
     imports: [CommonModule, DesignColorPalette, DesignTokenField, FormsModule, FieldsetModule],
     template: ` <p-fieldset legend="General" [toggleable]="true">
         <section class="flex justify-between items-center mb-4">

apps/showcase/components/layout/designer/semantic/designlist.ts

@@ -7,7 +7,6 @@ import { DesignerService } from '@/service/designerservice';
 
 @Component({
     selector: 'design-list',
-    standalone: true,
     imports: [CommonModule, DesignTokenField, FormsModule, FieldsetModule],
     template: ` <p-fieldset legend="List" [toggleable]="true">
         <div class="text-sm mb-1 font-semibold text-surface-950 dark:text-surface-0">Container</div>

apps/showcase/components/layout/designer/semantic/designnavigation.ts

@@ -7,7 +7,6 @@ import { DesignerService } from '@/service/designerservice';
 
 @Component({
     selector: 'design-navigation',
-    standalone: true,
     imports: [CommonModule, DesignTokenField, FormsModule, FieldsetModule],
     template: ` <p-fieldset legend="Navigation" [toggleable]="true">
         <div class="text-sm mb-1 font-semibold text-surface-950 dark:text-surface-0">List</div>

apps/showcase/components/layout/designer/semantic/designoverlay.ts

@@ -7,7 +7,6 @@ import { DesignerService } from '@/service/designerservice';
 
 @Component({
     selector: 'design-overlay',
-    standalone: true,
     imports: [CommonModule, DesignTokenField, FormsModule, FieldsetModule],
     template: ` <p-fieldset legend="Overlay" [toggleable]="true">
         <div class="text-sm mb-1 font-semibold text-surface-950 dark:text-surface-0">Select</div>

apps/showcase/components/layout/menu/app.menu.component.ts

@@ -30,7 +30,6 @@ export interface MenuItem {
         class: 'layout-sidebar',
         '[class.active]': 'isActive()'
     },
-    standalone: true,
     imports: [CommonModule, StyleClass, RouterModule, AutoComplete, AppMenuItemComponent]
 })
 export class AppMenuComponent implements OnDestroy {

apps/showcase/components/layout/menu/app.menuitem.component.ts

@@ -36,7 +36,6 @@ import { Tag } from 'primeng/tag';
             </ol>
         </div>
     `,
-    standalone: true,
     imports: [CommonModule, StyleClass, RouterModule, Tag]
 })
 export class AppMenuItemComponent {

apps/showcase/components/layout/news/app.news.component.ts

@@ -7,7 +7,6 @@ import { StyleClass } from 'primeng/styleclass';
 
 @Component({
     selector: 'app-news',
-    standalone: true,
     templateUrl: './app.news.component.html',
     changeDetection: ChangeDetectionStrategy.OnPush,
     imports: [CommonModule, FormsModule, StyleClass]

apps/showcase/components/layout/topbar/app.topbar.component.ts

@@ -11,7 +11,6 @@ import { StyleClass } from 'primeng/styleclass';
 
 @Component({
     selector: 'app-topbar',
-    standalone: true,
     imports: [CommonModule, FormsModule, StyleClass, RouterModule, AppConfiguratorComponent],
     template: `<div class="layout-topbar">
         <div class="layout-topbar-inner">

apps/showcase/components/template/templateconfiguration.ts

@@ -27,7 +27,8 @@ import { SharedModule } from 'primeng/api';
         </div>
     `,
     changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None,
+    standalone: false
 })
 export class TemplateConfiguration {
     @Input() title;

apps/showcase/components/template/templatefeatures.ts

@@ -52,7 +52,8 @@ import { SharedModule } from 'primeng/api';
         </div>
     `,
     changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None,
+    standalone: false
 })
 export class TemplateFeatures {
     @Input() displayType;

apps/showcase/components/template/templatefeaturesanimation/templatefeaturesanimation.ts

@@ -64,7 +64,8 @@ import { TemplateFeaturesAnimationInlineModule } from './templatefeaturesanimati
         </div>
     `,
     changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None,
+    standalone: false
 })
 export class TemplateFeaturesAnimation {
     @Input() featuresData;

apps/showcase/components/template/templatefeaturesanimation/templatefeaturesanimationinline.ts

@@ -27,7 +27,8 @@ import { SharedModule } from 'primeng/api';
         </div>
     `,
     changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None,
+    standalone: false
 })
 export class TemplateFeaturesAnimationInline {
     @Input() inlineFeaturesData;

apps/showcase/components/template/templatehero/templatehero.ts

@@ -70,7 +70,8 @@ import { TemplateHeroRectangleModule } from './templateherorectangle';
     `,
     changeDetection: ChangeDetectionStrategy.OnPush,
     encapsulation: ViewEncapsulation.None,
-    styleUrl: '../../../pages/templates/learnmore/learnmore.scss'
+    styleUrl: '../../../pages/templates/learnmore/learnmore.scss',
+    standalone: false
 })
 export class TemplateHero {
     @Input() templateHeroData;

apps/showcase/components/template/templatehero/templateherolight.ts

@@ -64,7 +64,8 @@ import { SharedModule } from 'primeng/api';
     `,
     changeDetection: ChangeDetectionStrategy.OnPush,
     encapsulation: ViewEncapsulation.None,
-    styleUrl: '../../../pages/templates/learnmore/learnmore.scss'
+    styleUrl: '../../../pages/templates/learnmore/learnmore.scss',
+    standalone: false
 })
 export class TemplateHeroLight {}
 

apps/showcase/components/template/templatehero/templateherorectangle.ts

@@ -24,7 +24,8 @@ import { SharedModule } from 'primeng/api';
     `,
     changeDetection: ChangeDetectionStrategy.OnPush,
     encapsulation: ViewEncapsulation.None,
-    styleUrl: '../../../pages/templates/learnmore/learnmore.scss'
+    styleUrl: '../../../pages/templates/learnmore/learnmore.scss',
+    standalone: false
 })
 export class TemplateHeroRectangle {}
 

apps/showcase/components/template/templatelicense.ts

@@ -37,7 +37,8 @@ import { ButtonModule } from 'primeng/button';
         </div>
     `,
     changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None,
+    standalone: false
 })
 export class TemplateLicense {
     @Input() license;

apps/showcase/components/template/templaterelated.ts

@@ -18,7 +18,8 @@ import { SharedModule } from 'primeng/api';
         </div>
     `,
     changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None,
+    standalone: false
 })
 export class TemplateRelated {
     @Input() relatedData: any[] = [];

apps/showcase/components/template/templateseparator.ts

@@ -15,7 +15,8 @@ import { DividerModule } from 'primeng/divider';
         </div>
     `,
     changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None
+    encapsulation: ViewEncapsulation.None,
+    standalone: false
 })
 export class TemplateSeparator {}