v19.0.0 (#127)

* Ran ng update @angular-eslint/schematics * Ran ng update @angular/cli * Ran ng update @angular/material * v19.0.0
tonysamperi · Dec 17, 2024 · 750e076 · 750e076
1 parent 007b269
commit 750e076
Show file tree

Hide file tree

Showing 27 changed files with 3,267 additions and 3,320 deletions.
diff --git a/changelog.md b/changelog.md
@@ -1,3 +1,6 @@
+#19.0.0
+* Update for Angular 19! 🎉
+
 #18.0.1
 * Version bump
 

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ngx-mat-timepicker-repo",
-  "version": "18.0.1",
+  "version": "19.0.0",
   "build": 0,
   "license": "MIT",
   "private": true,
@@ -18,7 +18,7 @@
     "email": "github@tonysamperi.it"
   },
   "keywords": [
-    "Angular 18",
+    "Angular 19",
     "Material timepicker",
     "Timepicker",
     "Android timepicker",
@@ -43,32 +43,32 @@
     "e2e": "ng e2e"
   },
   "dependencies": {
-    "@angular/animations": "^18.0.0",
-    "@angular/cdk": "^18.0.0",
-    "@angular/common": "^18.0.0",
-    "@angular/compiler": "^18.0.0",
-    "@angular/core": "^18.0.0",
-    "@angular/forms": "^18.0.0",
-    "@angular/material": "^18.0.0",
-    "@angular/platform-browser": "^18.0.0",
-    "@angular/platform-browser-dynamic": "^18.0.0",
-    "@angular/ssr": "^18.0.0",
+    "@angular/animations": "^19.0.4",
+    "@angular/cdk": "^19.0.3",
+    "@angular/common": "^19.0.4",
+    "@angular/compiler": "^19.0.4",
+    "@angular/core": "^19.0.4",
+    "@angular/forms": "^19.0.4",
+    "@angular/material": "^19.0.3",
+    "@angular/platform-browser": "^19.0.4",
+    "@angular/platform-browser-dynamic": "^19.0.4",
+    "@angular/ssr": "^19.0.5",
     "rxjs": "^7.4.0",
-    "ts-luxon": "^4.3.2",
+    "ts-luxon": "^5.0.6",
     "tslib": "^2.5.2",
     "typewriter-effect": "^2.21.0",
-    "zone.js": "^0.14.0"
+    "zone.js": "^0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.0.0",
-    "@angular-eslint/builder": "^18.4.0",
-    "@angular-eslint/eslint-plugin": "^18.4.0",
-    "@angular-eslint/eslint-plugin-template": "^18.4.0",
-    "@angular-eslint/schematics": "^18.4.0",
-    "@angular-eslint/template-parser": "^18.4.0",
-    "@angular/cli": "^18.0.0",
-    "@angular/compiler-cli": "^18.0.0",
-    "@angular/language-service": "^18.0.0",
+    "@angular-devkit/build-angular": "^19.0.5",
+    "@angular-eslint/builder": "^19.0.2",
+    "@angular-eslint/eslint-plugin": "^19.0.2",
+    "@angular-eslint/eslint-plugin-template": "^19.0.2",
+    "@angular-eslint/schematics": "^19.0.2",
+    "@angular-eslint/template-parser": "^19.0.2",
+    "@angular/cli": "^19.0.5",
+    "@angular/compiler-cli": "^19.0.4",
+    "@angular/language-service": "^19.0.4",
     "@types/eslint": "9.6.1",
     "@types/jasmine": "~4.0.0",
     "@types/jasminewd2": "~2.0.3",
@@ -87,17 +87,17 @@
     "karma-coverage": "~2.2.0",
     "karma-jasmine": "~5.0.0",
     "karma-jasmine-html-reporter": "~1.7.0",
-    "ng-packagr": "^18.0.0",
+    "ng-packagr": "^19.0.1",
     "plugin-log": "^0.1.0",
     "prismjs": "^1.29.0",
     "semver": "^7.3.8",
     "through2": "^4.0.2",
     "ts-node": "~10.9.1",
-    "typescript": "~5.4.5",
+    "typescript": "~5.6.3",
     "typescript-eslint": "^8.18.0"
   },
   "engines": {
-    "node": ">=14.20.0"
+    "node": ">=20.11.1"
   },
   "packageManager": "yarn@4.3.1"
 }
diff --git a/projects/ngx-mat-timepicker-repo/src/app/app.component.ts b/projects/ngx-mat-timepicker-repo/src/app/app.component.ts
@@ -6,7 +6,8 @@ import {NGX_MAT_TIMEPICKER_ENVIRONMENT} from "../environments/environment";
     // tslint:disable-next-line:component-selector
     selector: "app-root",
     templateUrl: "./app.component.html",
-    styleUrls: ["./app.component.scss"]
+    styleUrls: ["./app.component.scss"],
+    standalone: false
 })
 export class NgxMatTimepickerAppComponent {
 

diff --git a/projects/ngx-mat-timepicker-repo/src/app/components/code-viewer/code-viewer.component.ts b/projects/ngx-mat-timepicker-repo/src/app/components/code-viewer/code-viewer.component.ts
@@ -12,7 +12,6 @@ import * as Prism from "prismjs";
     templateUrl: "./code-viewer.component.html",
     styleUrls: ["./code-viewer.component.scss"],
     encapsulation: ViewEncapsulation.None,
-    standalone: true,
     imports: [MatCardModule, MatButtonModule, MatTooltipModule, MatIconModule]
 })
 // tslint:disable-next-line:naming-convention

diff --git a/projects/ngx-mat-timepicker-repo/src/app/components/demo/demo.component.ts b/projects/ngx-mat-timepicker-repo/src/app/components/demo/demo.component.ts
@@ -38,7 +38,6 @@ const pkgName = "ngx-mat-timepicker";
     selector: "app-demo",
     templateUrl: "demo.component.html",
     styleUrls: ["demo.component.scss"],
-    standalone: true,
     imports: [MatIconModule,
         MatToolbarModule,
         MatButtonModule,

diff --git a/projects/ngx-mat-timepicker-repo/src/app/components/test/test.component.ts b/projects/ngx-mat-timepicker-repo/src/app/components/test/test.component.ts
@@ -42,7 +42,6 @@ import {NgxMatTimepickerDemoComponent} from "../demo/demo.component";
 								#pickerA></ngx-mat-timepicker>
 		</div>
     `,
-    standalone: true,
     imports: [
         FormsModule,
         MatDialogModule,
@@ -62,7 +61,6 @@ export class NgxMatTimepickerTestDialogComponent {
     selector: "app-test",
     templateUrl: "test.component.html",
     styleUrls: ["test.component.scss"],
-    standalone: true,
     imports: [
         CodeViewerComponent,
         FormsModule,

diff --git a/projects/ngx-mat-timepicker-repo/src/assets/messages.json b/projects/ngx-mat-timepicker-repo/src/assets/messages.json
@@ -1,22 +1,22 @@
 {
   "messages": [
     {
-      "text": "⚡ 29/06/2024: published V18 RC 0! Check it out!",
+      "text": "⭐ 17/12/2024: published V19! Check it out!",
       "opts": {
-        "loop": true
+        "loop": false,
+        "delay": 80
       }
     },
     {
-      "text": "⚡ 08/11/2023: published V17! Check it out!",
+      "text": "⚡ 29/06/2024: published V18 RC 0!",
       "opts": {
         "loop": true
       }
     },
     {
-      "text": "⭐ 14/10/2023: new V16.1.0 standalone components released!",
+      "text": "⚡ 08/11/2023: published V17!",
       "opts": {
-        "loop": false,
-        "delay": 80
+        "loop": true
       }
     }
   ]

diff --git a/projects/ngx-mat-timepicker-repo/src/scss/core.scss b/projects/ngx-mat-timepicker-repo/src/scss/core.scss
@@ -9,7 +9,8 @@
 // Include the common styles for Angular Material. We include this here so that you only
 // have to load a single css file for Angular Material in your app.
 // **Be sure that you only ever include this mixin once!**
-@include mat.core();
+@include mat.elevation-classes();
+@include mat.app-background();
 
 
 

diff --git a/projects/ngx-mat-timepicker/package.json b/projects/ngx-mat-timepicker/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ngx-mat-timepicker",
-  "version": "18.0.1",
+  "version": "19.0.0",
   "license": "MIT",
   "description": "ngx-mat-timepicker is an Angular material 9+ extension to add time pickers!",
   "homepage": "https://tonysamperi.github.io/ngx-mat-timepicker",
@@ -24,17 +24,17 @@
     "Time picker"
   ],
   "dependencies": {
-    "ts-luxon": "^4.3.2",
-    "tslib": "^2.5.2"
+    "ts-luxon": "^5.0.6",
+    "tslib": "^2.5.3"
   },
   "peerDependencies": {
-    "@angular/animations": "^18.0.0",
-    "@angular/cdk": "^18.0.0",
-    "@angular/common": "^18.0.0",
-    "@angular/compiler": "^18.0.0",
-    "@angular/core": "^18.0.0",
-    "@angular/forms": "^18.0.0",
-    "@angular/material": "^18.0.0",
-    "@angular/platform-browser": "^18.0.0"
+    "@angular/animations": "^19.0.0",
+    "@angular/cdk": "^19.0.0",
+    "@angular/common": "^19.0.0",
+    "@angular/compiler": "^19.0.0",
+    "@angular/core": "^19.0.0",
+    "@angular/forms": "^19.0.0",
+    "@angular/material": "^19.0.0",
+    "@angular/platform-browser": "^19.0.0"
   }
 }
diff --git a/...components/ngx-mat-timepicker-12-hours-face/ngx-mat-timepicker-12-hours-face.component.ts b/...components/ngx-mat-timepicker-12-hours-face/ngx-mat-timepicker-12-hours-face.component.ts
@@ -11,7 +11,6 @@ import {NgxMatTimepickerFaceComponent} from "../ngx-mat-timepicker-face/ngx-mat-
     selector: "ngx-mat-timepicker-12-hours-face",
     templateUrl: "ngx-mat-timepicker-12-hours-face.component.html",
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [NgxMatTimepickerFaceComponent]
 })
 export class NgxMatTimepicker12HoursFaceComponent extends NgxMatTimepickerHoursFaceDirective implements OnChanges {

diff --git a/...components/ngx-mat-timepicker-24-hours-face/ngx-mat-timepicker-24-hours-face.component.ts b/...components/ngx-mat-timepicker-24-hours-face/ngx-mat-timepicker-24-hours-face.component.ts
@@ -10,7 +10,6 @@ import {NgxMatTimepickerFaceComponent} from "../ngx-mat-timepicker-face/ngx-mat-
     selector: "ngx-mat-timepicker-24-hours-face",
     templateUrl: "ngx-mat-timepicker-24-hours-face.component.html",
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [NgxMatTimepickerFaceComponent]
 })
 export class NgxMatTimepicker24HoursFaceComponent extends NgxMatTimepickerHoursFaceDirective implements AfterContentInit {

diff --git a/...ker/src/lib/components/ngx-mat-timepicker-content/ngx-mat-timepicker-content.component.ts b/...ker/src/lib/components/ngx-mat-timepicker-content/ngx-mat-timepicker-content.component.ts
@@ -4,8 +4,7 @@ import { NgIf, NgTemplateOutlet } from "@angular/common";
 @Component({
     selector: "ngx-mat-timepicker-content",
     templateUrl: "./ngx-mat-timepicker-content.component.html",
-    standalone: true,
-    imports: [NgIf, NgTemplateOutlet],
+    imports: [NgIf, NgTemplateOutlet]
 })
 export class NgxMatTimepickerContentComponent {
 

diff --git a/...ker/src/lib/components/ngx-mat-timepicker-control/ngx-mat-timepicker-control.component.ts b/...ker/src/lib/components/ngx-mat-timepicker-control/ngx-mat-timepicker-control.component.ts
@@ -29,7 +29,6 @@ function concatTime(currentTime: string, nextTime: string): number | undefined {
     styleUrls: ["./ngx-mat-timepicker-control.component.scss"],
     changeDetection: ChangeDetectionStrategy.OnPush,
     providers: [NgxMatTimepickerParserPipe],
-    standalone: true,
     imports: [MatFormFieldModule, NgClass, MatInputModule, FormsModule, NgxMatTimepickerParserPipe, NgxMatTimepickerTimeLocalizerPipe]
 })
 

diff --git a/...b/components/ngx-mat-timepicker-dial-control/ngx-mat-timepicker-dial-control.component.ts b/...b/components/ngx-mat-timepicker-dial-control/ngx-mat-timepicker-dial-control.component.ts
@@ -18,7 +18,6 @@ function retainSelection(this: HTMLInputElement) {
     templateUrl: "ngx-mat-timepicker-dial-control.component.html",
     styleUrls: ["ngx-mat-timepicker-dial-control.component.scss"],
     providers: [NgxMatTimepickerParserPipe],
-    standalone: true,
     imports: [
         NgIf,
         FormsModule,

diff --git a/...imepicker/src/lib/components/ngx-mat-timepicker-dial/ngx-mat-timepicker-dial.component.ts b/...imepicker/src/lib/components/ngx-mat-timepicker-dial/ngx-mat-timepicker-dial.component.ts
@@ -27,7 +27,6 @@ import {DateTime, Info} from "ts-luxon";
     templateUrl: "ngx-mat-timepicker-dial.component.html",
     styleUrls: ["ngx-mat-timepicker-dial.component.scss"],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    standalone: true,
     imports: [NgxMatTimepickerDialControlComponent, NgIf, NgxMatTimepickerPeriodComponent, NgClass, NgTemplateOutlet]
 })
 export class NgxMatTimepickerDialComponent implements OnChanges {

diff --git a/...icker/src/lib/components/ngx-mat-timepicker-dialog/ngx-mat-timepicker-dialog.component.ts b/...icker/src/lib/components/ngx-mat-timepicker-dialog/ngx-mat-timepicker-dialog.component.ts
@@ -26,7 +26,6 @@ import {NgxMatTimepickerContentComponent} from "../ngx-mat-timepicker-content/ng
     styleUrls: ["./ngx-mat-timepicker-dialog.component.scss"],
     templateUrl: "./ngx-mat-timepicker-dialog.component.html",
     encapsulation: ViewEncapsulation.None,
-    standalone: true,
     imports: [
         AsyncPipe,
         // Common

diff --git a/...imepicker/src/lib/components/ngx-mat-timepicker-face/ngx-mat-timepicker-face.component.ts b/...imepicker/src/lib/components/ngx-mat-timepicker-face/ngx-mat-timepicker-face.component.ts
@@ -63,7 +63,6 @@ const CLOCK_HAND_STYLES = {
     styleUrls: ["./ngx-mat-timepicker-face.component.scss"],
     changeDetection: ChangeDetectionStrategy.OnPush,
     encapsulation: ViewEncapsulation.None,
-    standalone: true,
     imports: [
         MatButtonModule,
         NgStyle,
@@ -76,7 +75,8 @@ const CLOCK_HAND_STYLES = {
         NgxMatTimepickerActiveHourPipe,
         NgxMatTimepickerActiveMinutePipe,
         NgxMatTimepickerMinutesFormatterPipe,
-        NgxMatTimepickerTimeLocalizerPipe]
+        NgxMatTimepickerTimeLocalizerPipe
+    ]
 })
 export class NgxMatTimepickerFaceComponent implements AfterViewInit, OnChanges, OnDestroy {
 

diff --git a/...epicker/src/lib/components/ngx-mat-timepicker-field/ngx-mat-timepicker-field.component.ts b/...epicker/src/lib/components/ngx-mat-timepicker-field/ngx-mat-timepicker-field.component.ts
@@ -47,7 +47,6 @@ import {distinctUntilChanged, map, takeUntil, tap} from "rxjs/operators";
     ],
     changeDetection: ChangeDetectionStrategy.OnPush,
     encapsulation: ViewEncapsulation.None,
-    standalone: true,
     imports: [
         NgClass,
         NgxMatTimepickerControlComponent,

diff --git a/...er/src/lib/components/ngx-mat-timepicker-hours-face/ngx-mat-timepicker-hours-face.spec.ts b/...er/src/lib/components/ngx-mat-timepicker-hours-face/ngx-mat-timepicker-hours-face.spec.ts
@@ -7,7 +7,6 @@ import {NgxMatTimepickerHoursFaceDirective} from "./ngx-mat-timepicker-hours-fac
     template: `
 		<div ngxMatTimepickerHoursFace
 			 [format]="format"></div>`,
-    standalone: true,
     imports: [NgxMatTimepickerHoursFaceDirective]
 })
 // tslint:disable-next-line:naming-convention

diff --git a/...b/components/ngx-mat-timepicker-minutes-face/ngx-mat-timepicker-minutes-face.component.ts b/...b/components/ngx-mat-timepicker-minutes-face/ngx-mat-timepicker-minutes-face.component.ts
@@ -13,7 +13,6 @@ import {DateTime} from "ts-luxon";
 @Component({
     selector: "ngx-mat-timepicker-minutes-face",
     templateUrl: "./ngx-mat-timepicker-minutes-face.component.html",
-    standalone: true,
     imports: [NgxMatTimepickerFaceComponent]
 })
 export class NgxMatTimepickerMinutesFaceComponent implements OnChanges {

diff --git a/...icker/src/lib/components/ngx-mat-timepicker-period/ngx-mat-timepicker-period.component.ts b/...icker/src/lib/components/ngx-mat-timepicker-period/ngx-mat-timepicker-period.component.ts
@@ -27,7 +27,6 @@ import {DateTime} from "ts-luxon";
             ])
         ])
     ],
-    standalone: true,
     imports: [CdkOverlayOrigin, NgClass, CdkConnectedOverlay, NgIf]
 })
 export class NgxMatTimepickerPeriodComponent {

diff --git a/...c/lib/components/ngx-mat-timepicker-standalone/ngx-mat-timepicker-standalone.component.ts b/...c/lib/components/ngx-mat-timepicker-standalone/ngx-mat-timepicker-standalone.component.ts
@@ -31,7 +31,6 @@ import {NgxMatTimepickerContentComponent} from "../ngx-mat-timepicker-content/ng
         "[class.mat-app-background]": "true"
     },
     encapsulation: ViewEncapsulation.None,
-    standalone: true,
     imports: [
         MatButtonModule,
         A11yModule,

diff --git a/...icker/src/lib/components/ngx-mat-timepicker-toggle/ngx-mat-timepicker-toggle.component.ts b/...icker/src/lib/components/ngx-mat-timepicker-toggle/ngx-mat-timepicker-toggle.component.ts
@@ -10,7 +10,6 @@ import {NgxMatTimepickerComponent} from "../ngx-mat-timepicker/ngx-mat-timepicke
     templateUrl: "ngx-mat-timepicker-toggle.component.html",
     styleUrls: ["ngx-mat-timepicker-toggle.component.scss"],
     encapsulation: ViewEncapsulation.None,
-    standalone: true,
     imports: [MatButtonModule, NgIf]
 })
 

diff --git a/.../ngx-mat-timepicker/src/lib/components/ngx-mat-timepicker/ngx-mat-timepicker.component.ts b/.../ngx-mat-timepicker/src/lib/components/ngx-mat-timepicker/ngx-mat-timepicker.component.ts
@@ -24,7 +24,6 @@ let config: NgxMatTimepickerConfig;
     selector: "ngx-mat-timepicker-provider",
     template: `
 		<ngx-mat-timepicker-standalone></ngx-mat-timepicker-standalone>`,
-    standalone: true,
     providers: [
         {
             provide: NGX_MAT_TIMEPICKER_CONFIG,
@@ -52,7 +51,6 @@ export class NgxMatTimepickerProvider {
 			<ngx-mat-timepicker-provider></ngx-mat-timepicker-provider>
 		</ng-template>
     `,
-    standalone: true,
     imports: [CdkConnectedOverlay, NgxMatTimepickerStandaloneComponent, NgxMatTimepickerProvider]
 })
 export class NgxMatTimepickerComponent implements NgxMatTimepickerRef {

diff --git a/projects/ngx-mat-timepicker/src/lib/directives/ngx-mat-autofocus.directive.spec.ts b/projects/ngx-mat-timepicker/src/lib/directives/ngx-mat-autofocus.directive.spec.ts
@@ -8,7 +8,6 @@ import {NgxMatTimepickerAutofocusDirective} from "./ngx-mat-timepicker-autofocus
     template: `
 		<button id="button">Push me</button>
 		<input [ngxMatTimepickerAutofocus]="true">`,
-    standalone: true,
     imports: [NgxMatTimepickerAutofocusDirective]
 })
 // tslint:disable-next-line:naming-convention

diff --git a/projects/ngx-mat-timepicker/src/lib/directives/ngx-mat-timepicker.directive.spec.ts b/projects/ngx-mat-timepicker/src/lib/directives/ngx-mat-timepicker.directive.spec.ts
@@ -13,7 +13,6 @@ import {DateTime} from "ts-luxon";
 		<input [ngxMatTimepicker]="picker">
 		<ngx-mat-timepicker #picker></ngx-mat-timepicker>
     `,
-    standalone: true,
     imports: [NgxMatTimepickerModule]
 })
 // tslint:disable-next-line:naming-convention
-Original file line number
+Diff line change
@@ Expand Up / @@ -27,7 +27,6 @@ import {DateTime} from "ts-luxon"; @@
                 ])
             ])
         ],
-        standalone: true,
         imports: [CdkOverlayOrigin, NgClass, CdkConnectedOverlay, NgIf]
     })
     export class NgxMatTimepickerPeriodComponent {
@@ Expand Down @@