feat: bump the minimum required Angular version to v19

.changeset/tame-teachers-mix.md

@@ -0,0 +1,5 @@
+---
+"embla-carousel-angular": major
+---
+
+bump the minimum required Angular version to v19

package.json

@@ -16,28 +16,28 @@
     "projects/*"
   ],
   "dependencies": {
-    "@angular/animations": "^18.2.10",
-    "@angular/common": "^18.2.10",
-    "@angular/compiler": "^18.2.10",
-    "@angular/core": "^18.2.10",
-    "@angular/forms": "^18.2.10",
-    "@angular/platform-browser": "^18.2.10",
-    "@angular/platform-browser-dynamic": "^18.2.10",
-    "@angular/router": "^18.2.10",
+    "@angular/animations": "^19.0.1",
+    "@angular/common": "^19.0.1",
+    "@angular/compiler": "^19.0.1",
+    "@angular/core": "^19.0.1",
+    "@angular/forms": "^19.0.1",
+    "@angular/platform-browser": "^19.0.1",
+    "@angular/platform-browser-dynamic": "^19.0.1",
+    "@angular/router": "^19.0.1",
     "embla-carousel-angular": "workspace:*",
     "rxjs": "~7.8.1",
     "tslib": "^2.3.0",
-    "zone.js": "~0.14.10"
+    "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^18.2.11",
-    "@angular/cli": "~18.2.11",
-    "@angular/compiler-cli": "^18.2.10",
+    "@angular-devkit/build-angular": "^19.0.2",
+    "@angular/cli": "~19.0.2",
+    "@angular/compiler-cli": "^19.0.1",
     "@changesets/changelog-github": "^0.5.0",
     "@changesets/cli": "^2.27.10",
     "@dndxdnd/eslint-config": "^2.8.1",
     "@types/jasmine": "~4.0.0",
-    "angular-eslint": "^18.4.0",
+    "angular-eslint": "^19.0.0",
     "eslint": "^9.16.0",
     "jasmine-core": "~4.3.0",
     "karma": "~6.4.0",
@@ -46,9 +46,9 @@
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.0.0",
     "lint-staged": "^15.2.10",
-    "ng-packagr": "~18.2.1",
+    "ng-packagr": "~19.0.1",
     "simple-git-hooks": "^2.11.1",
-    "typescript": "~5.4.5"
+    "typescript": "~5.6.3"
   },
   "simple-git-hooks": {
     "pre-commit": "npx lint-staged"

projects/embla-carousel-angular/package.json

@@ -27,8 +27,8 @@
     "angular"
   ],
   "peerDependencies": {
-    "@angular/common": ">=18.0.0",
-    "@angular/core": ">=18.0.0"
+    "@angular/common": ">=19.0.0",
+    "@angular/core": ">=19.0.0"
   },
   "dependencies": {
     "embla-carousel": "^8.5.1",

projects/embla-carousel-angular/src/lib/embla-carousel.directive.ts

@@ -27,7 +27,6 @@ import { EMBLA_OPTIONS_TOKEN, throttleDistinct } from './utils'
 @Directive({
   selector: '[emblaCarousel]',
   exportAs: 'emblaCarousel',
-  standalone: true,
 })
 export class EmblaCarouselDirective {
   protected _globalOptions = inject(EMBLA_OPTIONS_TOKEN)

src/app/app.component.ts

@@ -6,7 +6,6 @@ import { CarouselComponent } from './components/carousel/carousel.component'
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css'],
-  standalone: true,
   imports: [
     CarouselComponent,
   ],

src/app/components/carousel/carousel.component.ts

@@ -18,7 +18,6 @@ import {
   templateUrl: './carousel.component.html',
   styleUrls: ['./carousel.component.css'],
   imports: [CommonModule, EmblaCarouselDirective],
-  standalone: true,
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class CarouselComponent {