Initial commit to update to 19

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: true
 })
 export class AppDocSectionTextComponent {
     @Input() title!: string;

apps/showcase/doc/toast/cleardoc.ts

@@ -1,3 +1,4 @@
+import { AppDocSectionTextComponent } from '@/components/doc/app.docsectiontext.component';
 import { Code } from '@/domain/code';
 import { Component } from '@angular/core';
 import { MessageService } from 'primeng/api';
@@ -16,7 +17,9 @@ import { MessageService } from 'primeng/api';
         </div>
         <app-code [code]="code" selector="toast-clear-demo"></app-code>
     `,
-    providers: [MessageService]
+    providers: [MessageService],
+    standalone: true,
+    imports: [AppDocSectionTextComponent]
 })
 export class ClearDoc {
     constructor(private messageService: MessageService) {}

apps/showcase/package.json

@@ -18,13 +18,13 @@
     },
     "devDependencies": {
         "@algolia/client-search": "^4.19.1",
-        "@angular/ssr": "catalog:angular18",
+        "@angular/ssr": "catalog:angular19",
         "@docsearch/css": "^3.3.4",
         "@docsearch/js": "^3.3.4",
         "@primeng/themes": "workspace:*",
         "@primeuix/styled": "catalog:",
         "@primeuix/utils": "catalog:",
-        "@angular/cdk": "catalog:angular18",
+        "@angular/cdk": "catalog:angular19",
         "@stackblitz/sdk": "1.9.0",
         "@types/express": "^4.17.17",
         "@types/jasmine": "~4.3.1",
@@ -49,12 +49,12 @@
         "tslib": "^2.5.0",
         "typedoc": "0.25.13",
         "xlsx": "^0.18.5",
-        "zone.js": "~0.14.0"
+        "zone.js": "~0.15.0"
     },
     "dependencies": {
         "autoprefixer": "^10.4.20",
         "postcss": "^8.4.41",
         "tailwindcss": "^3.4.10",
         "tailwindcss-primeui": "^0.3.4"
     }
-}
+}

apps/showcase/server/server.ts

@@ -1,5 +1,5 @@
 import { APP_BASE_HREF } from '@angular/common';
-import { CommonEngine } from '@angular/ssr';
+import { CommonEngine } from '@angular/ssr/node';
 import express from 'express';
 import { dirname, join, resolve } from 'node:path';
 import { fileURLToPath } from 'node:url';

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@primeng/monorepo",
-    "version": "18.0.0-rc.1",
+    "version": "18.0.0-rc.2",
     "author": "PrimeTek Informatics",
     "homepage": "https://primeng.org/",
     "repository": {
@@ -34,22 +34,22 @@
         "test:unit": "pnpm --filter primeng test:unit"
     },
     "devDependencies": {
-        "@angular-devkit/build-angular": "catalog:angular18",
-        "@angular-eslint/eslint-plugin": "catalog:angular18",
-        "@angular-eslint/eslint-plugin-template": "catalog:angular18",
-        "@angular-eslint/schematics": "catalog:angular18",
-        "@angular-eslint/template-parser": "catalog:angular18",
-        "@angular/animations": "catalog:angular18",
-        "@angular/cli": "catalog:angular18",
-        "@angular/common": "catalog:angular18",
-        "@angular/compiler": "catalog:angular18",
-        "@angular/compiler-cli": "catalog:angular18",
-        "@angular/core": "catalog:angular18",
-        "@angular/forms": "catalog:angular18",
-        "@angular/platform-browser": "catalog:angular18",
-        "@angular/platform-browser-dynamic": "catalog:angular18",
-        "@angular/platform-server": "catalog:angular18",
-        "@angular/router": "catalog:angular18",
+        "@angular-devkit/build-angular": "catalog:angular19",
+        "@angular-eslint/eslint-plugin": "catalog:angular19",
+        "@angular-eslint/eslint-plugin-template": "catalog:angular19",
+        "@angular-eslint/schematics": "catalog:angular19",
+        "@angular-eslint/template-parser": "catalog:angular19",
+        "@angular/animations": "catalog:angular19",
+        "@angular/cli": "catalog:angular19",
+        "@angular/common": "catalog:angular19",
+        "@angular/compiler": "catalog:angular19",
+        "@angular/compiler-cli": "catalog:angular19",
+        "@angular/core": "catalog:angular19",
+        "@angular/forms": "catalog:angular19",
+        "@angular/platform-browser": "catalog:angular19",
+        "@angular/platform-browser-dynamic": "catalog:angular19",
+        "@angular/platform-server": "catalog:angular19",
+        "@angular/router": "catalog:angular19",
         "@typescript-eslint/eslint-plugin": "^8.13.0",
         "eslint": "^9.14.0",
         "eslint-config-prettier": "^9.1.0",
@@ -60,18 +60,19 @@
         "fs-extra": "^11.2.0",
         "glob": "^10.4.2",
         "husky": "^9.1.6",
-        "lint-staged": "^12.0.0",
-        "ng-packagr": "catalog:angular18",
+        "ng-packagr": "catalog:angular19",
         "pnpm": "^9.6.0",
         "prettier": "^3.0.0",
         "tsup": "^8.1.0",
-        "typescript": "5.4.5"
+        "typescript": "5.6.2"
     },
     "publishConfig": {
         "access": "public"
     },
     "packageManager": "pnpm@9.6.0",
     "lint-staged": {
-        "**/*.{js,mjs,ts,mts,d.ts,html}": ["prettier --write"]
+        "**/*.{js,mjs,ts,mts,d.ts,html}": [
+            "prettier --write"
+        ]
     }
-}
+}

packages/primeng/package.json

@@ -1,6 +1,6 @@
 {
     "name": "primeng",
-    "version": "18.0.0-rc.1",
+    "version": "18.0.0-rc.2",
     "author": "PrimeTek Informatics",
     "description": "PrimeNG is an open source UI library for Angular featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, which has 370+ ready to use UI blocks to build spectacular applications in no time.",
     "homepage": "https://primeng.org/",

packages/primeng/src/dropdown/dropdown.ts

@@ -98,7 +98,9 @@ export const DROPDOWN_VALUE_ACCESSOR: any = {
             <span *ngIf="!template">{{ label ?? 'empty' }}</span>
             <ng-container *ngTemplateOutlet="template; context: { $implicit: option }"></ng-container>
         </li>
-    `
+    `,
+    imports: [CommonModule],
+    standalone: true
 })
 export class DropdownItem extends BaseComponent {
     @Input() id: string | undefined;
@@ -368,6 +370,8 @@ export class DropdownItem extends BaseComponent {
         '(click)': 'onContainerClick($event)'
     },
     providers: [DROPDOWN_VALUE_ACCESSOR, DropdownStyle],
+    standalone: true,
+    imports: [Overlay],
     changeDetection: ChangeDetectionStrategy.OnPush,
     encapsulation: ViewEncapsulation.None
 })
@@ -1961,8 +1965,7 @@ export class Dropdown extends BaseComponent implements OnInit, AfterViewInit, Af
 }
 
 @NgModule({
-    imports: [CommonModule, OverlayModule, SharedModule, TooltipModule, Ripple, Scroller, AutoFocusModule, TimesIcon, ChevronDownIcon, SearchIcon, BlankIcon, CheckIcon, InputTextModule, IconField, InputIcon],
-    exports: [Dropdown, OverlayModule, SharedModule, Scroller],
-    declarations: [Dropdown, DropdownItem]
+    imports: [Dropdown, DropdownItem, CommonModule, OverlayModule, SharedModule, TooltipModule, Ripple, Scroller, AutoFocusModule, TimesIcon, ChevronDownIcon, SearchIcon, BlankIcon, CheckIcon, InputTextModule, IconField, InputIcon],
+    exports: [Dropdown, OverlayModule, SharedModule, Scroller]
 })
 export class DropdownModule {}

packages/primeng/src/galleria/galleria.ts

@@ -80,7 +80,8 @@ import { GalleriaStyle } from './style/galleriastyle';
     ],
     changeDetection: ChangeDetectionStrategy.OnPush,
     encapsulation: ViewEncapsulation.None,
-    providers: [GalleriaStyle]
+    providers: [GalleriaStyle],
+    standalone: true
 })
 export class Galleria extends BaseComponent implements OnChanges, OnDestroy {
     /**
@@ -468,7 +469,8 @@ export class Galleria extends BaseComponent implements OnChanges, OnDestroy {
             </div>
         </div>
     `,
-    changeDetection: ChangeDetectionStrategy.OnPush
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true
 })
 export class GalleriaContent extends BaseComponent implements DoCheck {
     @Input() get activeIndex(): number {
@@ -597,7 +599,8 @@ export class GalleriaContent extends BaseComponent implements DoCheck {
             <ng-container *ngTemplateOutlet="contentTemplate; context: context"></ng-container>
         </ng-container>
     `,
-    changeDetection: ChangeDetectionStrategy.OnPush
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    standalone: true
 })
 export class GalleriaItemSlot {
     @Input() templates: QueryList<PrimeTemplate> | undefined;
@@ -717,7 +720,9 @@ export class GalleriaItemSlot {
     host: {
         class: 'p-galleria-items-container'
     },
-    changeDetection: ChangeDetectionStrategy.OnPush
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [GalleriaItemSlot],
+    standalone: true
 })
 export class GalleriaItem implements OnChanges {
     @Input() id: string | undefined;
@@ -957,7 +962,9 @@ export class GalleriaItem implements OnChanges {
             </div>
         </div>
     `,
-    changeDetection: ChangeDetectionStrategy.OnPush
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [CommonModule],
+    standalone: true
 })
 export class GalleriaThumbnails implements OnInit, AfterContentChecked, AfterViewInit, OnDestroy {
     @Input() containerId: string | undefined;
@@ -1449,8 +1456,7 @@ export class GalleriaThumbnails implements OnInit, AfterContentChecked, AfterVie
 }
 
 @NgModule({
-    imports: [CommonModule, SharedModule, Ripple, TimesIcon, ChevronRightIcon, ChevronLeftIcon, WindowMaximizeIcon, WindowMinimizeIcon, FocusTrap],
-    exports: [CommonModule, Galleria, GalleriaContent, GalleriaItemSlot, GalleriaItem, GalleriaThumbnails, SharedModule],
-    declarations: [Galleria, GalleriaContent, GalleriaItemSlot, GalleriaItem, GalleriaThumbnails]
+    imports: [Galleria, GalleriaContent, GalleriaItemSlot, GalleriaItem, GalleriaThumbnails, CommonModule, SharedModule, Ripple, TimesIcon, ChevronRightIcon, ChevronLeftIcon, WindowMaximizeIcon, WindowMinimizeIcon, FocusTrap],
+    exports: [CommonModule, Galleria, GalleriaContent, GalleriaItemSlot, GalleriaItem, GalleriaThumbnails, SharedModule]
 })
 export class GalleriaModule {}

packages/primeng/src/iftalabel/iftalabel.ts

@@ -17,15 +17,15 @@ import { IftaLabelStyle } from './style/iftalabelstyle';
     providers: [IftaLabelStyle],
     host: {
         class: 'p-iftalabel'
-    }
+    },
+    standalone: true
 })
 export class IftaLabel extends BaseComponent {
     _componentStyle = inject(IftaLabelStyle);
 }
 
 @NgModule({
-    imports: [CommonModule, SharedModule, RouterModule],
-    exports: [IftaLabel, SharedModule],
-    declarations: [IftaLabel]
+    imports: [IftaLabel, CommonModule, SharedModule, RouterModule],
+    exports: [IftaLabel, SharedModule]
 })
 export class IftaLabelModule {}

packages/primeng/src/messages/messages.ts

@@ -106,7 +106,9 @@ import { MessagesStyle } from './style/messagesstyle';
     ],
     changeDetection: ChangeDetectionStrategy.OnPush,
     encapsulation: ViewEncapsulation.None,
-    providers: [MessagesStyle]
+    providers: [MessagesStyle],
+    imports: [CommonModule],
+    standalone: true
 })
 export class Messages extends BaseComponent implements AfterContentInit, OnDestroy {
     /**
@@ -312,8 +314,7 @@ export class Messages extends BaseComponent implements AfterContentInit, OnDestr
 }
 
 @NgModule({
-    imports: [CommonModule, Ripple, CheckIcon, InfoCircleIcon, TimesCircleIcon, ExclamationTriangleIcon, TimesIcon, ButtonModule, SharedModule],
-    exports: [Messages, SharedModule],
-    declarations: [Messages]
+    imports: [Messages, CommonModule, Ripple, CheckIcon, InfoCircleIcon, TimesCircleIcon, ExclamationTriangleIcon, TimesIcon, ButtonModule, SharedModule],
+    exports: [Messages, SharedModule]
 })
 export class MessagesModule {}

packages/primeng/src/overlaypanel/overlaypanel.ts

@@ -89,7 +89,8 @@ import { PopoverStyle } from './style/popoverstyle';
     ],
     changeDetection: ChangeDetectionStrategy.OnPush,
     encapsulation: ViewEncapsulation.None,
-    providers: [PopoverStyle]
+    providers: [PopoverStyle],
+    standalone: true
 })
 export class OverlayPanel extends BaseComponent implements AfterContentInit, OnDestroy {
     /**
@@ -516,8 +517,7 @@ export class OverlayPanel extends BaseComponent implements AfterContentInit, OnD
 }
 
 @NgModule({
-    imports: [CommonModule, Ripple, SharedModule, TimesIcon],
-    exports: [OverlayPanel, SharedModule],
-    declarations: [OverlayPanel]
+    imports: [OverlayPanel, CommonModule, Ripple, SharedModule, TimesIcon],
+    exports: [OverlayPanel, SharedModule]
 })
 export class OverlayPanelModule {}