Merge pull request #367 from MurhafSousli/release/12.0.0

v12.0.0

.github/workflows/integrate.yml

@@ -1,23 +1,54 @@
-name: tests
+name: CI Build
 
 on:
   pull_request:
     branches: [ master ]
+  push:
+    branches: [ master ]
 
 jobs:
   build:
-    # Machine environment:
-    # We specify the Node.js version manually below, and use versioned Chrome from Puppeteer.
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2
+
       - name: Use Node.js 20
         uses: actions/setup-node@v1
         with:
           node-version: 20
+
       - name: Install dependencies
         run: npm ci
+
       - name: Build
         run: npm run build-lib
+
       - name: Test
         run: npm run test-lib-headless
+
+      - name: Upload coverage reports to Codecov
+        uses: codecov/codecov-action@v4.0.1
+        with:
+          token: ${{ secrets.CODECOV_TOKEN }}
+          slug: MurhafSousli/ngx-progressbar
+
+      - name: Code Coverage Report
+        uses: irongut/CodeCoverageSummary@v1.3.0
+        with:
+          filename: coverage/**/cobertura-coverage.xml
+          badge: true
+          fail_below_min: true
+          format: markdown
+          hide_branch_rate: false
+          hide_complexity: true
+          indicators: true
+          output: both
+          thresholds: '60 80'
+
+      - name: Add Coverage PR Comment
+        uses: marocchino/sticky-pull-request-comment@v2
+        if: github.event_name == 'pull_request'
+        with:
+          recreate: true
+          path: code-coverage-results.md
+        continue-on-error: true  # Allow this step to fail

CHANGELOG.md

@@ -1,5 +1,29 @@
 # Changelog
 
+## 12.0.0-beta.0
+
+- Upgrade to Angular 18 (still compatible v17.3.0 and above).
+- feat: Introduce CSS variables for more flexible customization.
+- feat: Provide `provideNgProgressOptions()` to override global options.
+- feat: Provide `provideNgProgressHttp()` to override http related options.
+- feat: Provide `provideNgProgressRouter()` to override router related options.
+- feat: Ability to use boolean inputs as attributes.
+- refactor: Utilize signals approach.
+
+### Breaking changes
+
+- The `fixed` option has been removed in favor of `relative` option which does the opposite.
+- The `meteor` option has been removed in favor of `flat` option which does the opposite.
+- The `spinner` default option has been changed to `false`.
+- The service `NgProgress` has been removed.
+- The component `NgProgressComponent` has been renamed to `NgProgress`.
+- The options interface `NgProgressConfig` has been renamed to `NgProgressOptions`.
+- Remove `thick` option, use `--ng-progress-thickness` and `--ng-progress-spinner-thickness` CSS variables instead.
+- Remove `color` option, use `--ng-progress-color` CSS variable instead.
+- Remove `ease` option, use `--ng-progress-ease` CSS variable instead.
+- The option `delay` has been renamed to `minDuration` in progressbar router options.
+
+
 ## 11.1.0
 
 - feat: Migrate to Angular standalone components in [1a6f780](https://github.com/MurhafSousli/ngx-progressbar/pull/360/commits/1a6f780c2796b5762c47bd25f38079f613783dfe).
@@ -330,7 +354,7 @@ For example:
 
 ## 2.0.4
 
-- feat(NgProgressInterceptor): Adds automagic feature to `HttpClient` (Angular >= 4.3)
+- feat(NgProgressHttpInterceptor): Adds automagic feature to `HttpClient` (Angular >= 4.3)
 
 ## 2.0.3
 

angular.json

@@ -43,12 +43,15 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular-devkit/build-angular:application",
           "options": {
-            "outputPath": "dist/ngx-progressbar-demo",
+            "outputPath": {
+              "base": "dist/ngx-progressbar-demo"
+            },
             "index": "projects/ngx-progressbar-demo/src/index.html",
-            "main": "projects/ngx-progressbar-demo/src/main.ts",
-            "polyfills": "projects/ngx-progressbar-demo/src/polyfills.ts",
+            "polyfills": [
+              "projects/ngx-progressbar-demo/src/polyfills.ts"
+            ],
             "tsConfig": "projects/ngx-progressbar-demo/tsconfig.app.json",
             "assets": [
               "projects/ngx-progressbar-demo/src/favicon.ico",
@@ -58,12 +61,11 @@
               "projects/ngx-progressbar-demo/src/styles.scss"
             ],
             "scripts": [],
-            "vendorChunk": true,
             "extractLicenses": false,
-            "buildOptimizer": false,
             "sourceMap": true,
             "optimization": false,
-            "namedChunks": true
+            "namedChunks": true,
+            "browser": "projects/ngx-progressbar-demo/src/main.ts"
           },
           "configurations": {
             "production": {
@@ -78,8 +80,6 @@
               "sourceMap": false,
               "namedChunks": false,
               "extractLicenses": true,
-              "vendorChunk": false,
-              "buildOptimizer": true,
               "budgets": [
                 {
                   "type": "initial",