Angular 18

.commitlintrc.json

@@ -1,5 +1,5 @@
 {
-  "extends": ["@commitlint/config-conventional"],
+  "extends": ["@commitlint/config-angular"],
   "rules": {
     "type-enum": [2, "always", ["ci", "chore", "docs", "feat", "fix", "perf", "refactor", "revert", "style"]]
   }

.github/pull_request_template.md

@@ -1,12 +1,12 @@
-## Describe your changes
+## ✍️ Describe your changes
 
 _None_
 
-## Issue ticket number and link
+## 🔗 Issue ticket number and link
 
 _None_
 
-## Checklist before requesting a review
+## ✅ Checklist before requesting a review
 
 - [ ] I have performed a self-review of my code.
 - [ ] If it is a core feature, I have added thorough tests.

.github/workflows/main.yml

@@ -17,7 +17,7 @@ jobs:
       - name: 🗜️ Setup node version
         uses: actions/setup-node@v4
         with:
-          node-version: 20
+          node-version: 22
           registry-url: 'https://registry.npmjs.org'
 
       - name: 🛠️ Install
@@ -66,7 +66,7 @@ jobs:
         if: startsWith(github.ref, 'refs/tags/v') && contains(github.ref, 'beta') == false
         uses: actions/setup-node@v4
         with:
-          node-version: 20
+          node-version: 22
           registry-url: https://npm.pkg.github.com/
           scope: '@celtian'
 

.github/workflows/pull-request.yml

@@ -13,7 +13,7 @@ jobs:
       - name: 🗜️ Setup node version
         uses: actions/setup-node@v4
         with:
-          node-version: 20
+          node-version: 22
           registry-url: 'https://registry.npmjs.org'
 
       - name: 🛠️ Install

.nvmrc

@@ -1 +1 @@
-20
+22

README.md

@@ -15,7 +15,7 @@
 
 > Angular directive for cutting texts with responsive options
 
-> ✓ _Angular 17 compatible_
+> ✓ _Angular 18 compatible_
 
 Here's the [demo](http://celtian.github.io/ngx-cut/) or [stackblitz live preview](https://stackblitz.com/edit/ngx-cut) or [codesandbox live preview](https://codesandbox.io/s/ngx-cut-j2ryu)
 
@@ -26,7 +26,7 @@ Here's the [demo](http://celtian.github.io/ngx-cut/) or [stackblitz live preview
 - Responsivity supported
 - Predefined breakpoints (Bootrstrap, CDK, FxLayout, Tailwind)
 
-## Install
+## 🛠️ Install
 
 1. Use yarn (or npm) to install the package
 
@@ -116,15 +116,7 @@ yarn add ngx-cut
   })
 ```
 
-## Compatibility
-
-| Angular   | ngx-cut | Install              |
-| --------- | ------- | -------------------- |
-| >= 12     | 2.x     | `yarn add ngx-cut`   |
-| >= 5 < 13 | 1.x     | `yarn add ngx-cut@1` |
-| >= 5 < 13 | 0.x     | `yarn add ngx-cut@0` |
-
-## Quick start
+## 🚀 Quick start
 
 ### Example code
 
@@ -138,7 +130,7 @@ yarn add ngx-cut
   some long...
 ```
 
-## Options
+## 🛠️ Options
 
 ### Root options
 
@@ -156,11 +148,19 @@ yarn add ngx-cut
 | **[truncateDisabled]** | boolean      | false                         | Whether truncation is active or not          |
 | **(truncateChange)**   | () => object | none                          | Event called when truncation is changed.     |
 
-## Dependencies
+## 🔧 Compatibility
+
+| Angular   | ngx-cut | Install              |
+| --------- | ------- | -------------------- |
+| >= 12     | 2.x     | `yarn add ngx-cut`   |
+| >= 5 < 13 | 1.x     | `yarn add ngx-cut@1` |
+| >= 5 < 13 | 0.x     | `yarn add ngx-cut@0` |
+
+## 📦 Dependencies
 
 _None_
 
-## License
+## 🪪 License
 
 Copyright &copy; 2020 - 2024 [Dominik Hladik](https://github.com/Celtian)
 

package.json

@@ -21,7 +21,7 @@
     "script:sync-projects": "yarn tsx ./scripts/sync-projects.ts",
     "script:gpr-setup": "yarn tsx ./scripts/gpr-setup.ts",
     "postinstall": "yarn script:create-version",
-    "prepare": "husky install",
+    "prepare": "husky",
     "version": "yarn script:sync-projects && git add projects/ngx-cut/ && auto-changelog -p && git add CHANGELOG.md",
     "postversion": "git push && git push --follow-tags",
     "publish:beta": "yarn && yarn build && npm publish --folder dist --tag beta",
@@ -32,51 +32,51 @@
     "fix-vulnerabilities": "npx yarn-audit-fix && npx browserslist --update-db"
   },
   "dependencies": {
-    "@angular/animations": "^17.1.3",
-    "@angular/common": "^17.1.3",
-    "@angular/compiler": "^17.1.3",
-    "@angular/core": "^17.1.3",
-    "@angular/forms": "^17.1.3",
-    "@angular/platform-browser": "^17.1.3",
-    "@angular/platform-browser-dynamic": "^17.1.3",
-    "@angular/router": "^17.1.3",
+    "@angular/animations": "^18.0.1",
+    "@angular/common": "^18.0.1",
+    "@angular/compiler": "^18.0.1",
+    "@angular/core": "^18.0.1",
+    "@angular/forms": "^18.0.1",
+    "@angular/platform-browser": "^18.0.1",
+    "@angular/platform-browser-dynamic": "^18.0.1",
+    "@angular/router": "^18.0.1",
     "rxjs": "^7.8.1",
     "tslib": "^2.6.2",
-    "zone.js": "^0.14.2"
+    "zone.js": "^0.14.6"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^17.1.3",
-    "@angular-eslint/builder": "17.2.1",
-    "@angular-eslint/eslint-plugin": "17.2.1",
-    "@angular-eslint/eslint-plugin-template": "17.2.1",
-    "@angular-eslint/schematics": "17.2.1",
-    "@angular-eslint/template-parser": "17.2.1",
-    "@angular/cli": "^17.1.3",
-    "@angular/compiler-cli": "^17.1.3",
-    "@angular/language-service": "^17.1.3",
-    "@commitlint/cli": "^18.6.0",
-    "@commitlint/config-conventional": "^18.6.0",
+    "@angular-devkit/build-angular": "^18.0.2",
+    "@angular-eslint/builder": "^18.0.1",
+    "@angular-eslint/eslint-plugin": "^18.0.1",
+    "@angular-eslint/eslint-plugin-template": "^18.0.1",
+    "@angular-eslint/schematics": "^18.0.1",
+    "@angular-eslint/template-parser": "^18.0.1",
+    "@angular/cli": "^18.0.2",
+    "@angular/compiler-cli": "^18.0.1",
+    "@angular/language-service": "^18.0.1",
+    "@commitlint/cli": "^19.3.0",
+    "@commitlint/config-angular": "^19.3.0",
     "@types/jasmine": "^5.1.4",
     "@types/jasminewd2": "^2.0.13",
-    "@types/node": "^20.11.17",
-    "@typescript-eslint/eslint-plugin": "^6.21.0",
-    "@typescript-eslint/parser": "^6.21.0",
+    "@types/node": "^20.13.0",
+    "@typescript-eslint/eslint-plugin": "^7.11.0",
+    "@typescript-eslint/parser": "^7.11.0",
     "auto-changelog": "^2.4.0",
-    "eslint": "^8.56.0",
-    "husky": "^9.0.10",
+    "eslint": "^8.57.0",
+    "husky": "^9.0.11",
     "jasmine-core": "^5.1.2",
     "jasmine-spec-reporter": "^7.0.0",
-    "karma": "^6.4.2",
+    "karma": "^6.4.3",
     "karma-chrome-launcher": "^3.2.0",
     "karma-coverage": "^2.2.1",
     "karma-jasmine": "^5.1.0",
     "karma-jasmine-html-reporter": "^2.1.0",
-    "lint-staged": "^15.2.2",
-    "ng-packagr": "^17.1.2",
-    "prettier": "^3.2.5",
+    "lint-staged": "^15.2.5",
+    "ng-packagr": "^18.0.0",
+    "prettier": "^3.3.0",
     "protractor": "~7.0.0",
-    "tsx": "^4.7.1",
-    "typescript": "^5.3.3"
+    "tsx": "^4.11.0",
+    "typescript": "^5.4.5"
   },
   "peerDependencies": {},
   "homepage": "https://github.com/Celtian/ngx-cut",
@@ -105,7 +105,7 @@
     "dist"
   ],
   "engines": {
-    "node": ">=20 <22",
+    "node": ">=22 <24",
     "npm": "please-use-yarn"
   },
   "publishConfig": {

tsconfig.json

@@ -5,19 +5,18 @@
     "outDir": "./dist/out-tsc",
     "sourceMap": true,
     "declaration": false,
-    "downlevelIteration": true,
+    "esModuleInterop": true,
     "experimentalDecorators": true,
-    "module": "es2020",
+    "module": "ES2022",
     "moduleResolution": "node",
     "importHelpers": true,
     "target": "ES2022",
-    "lib": ["es2018", "dom"],
+    "lib": ["ES2022", "dom"],
     "paths": {
       "ngx-cut": ["dist/ngx-cut"],
       "ngx-cut/*": ["dist/ngx-cut/*"]
     },
     "resolveJsonModule": true,
-    "allowSyntheticDefaultImports": true,
     "useDefineForClassFields": false
   },
   "angularCompilerOptions": {