feat: support Angular Material 15

closes #21
lekhmanrus · Jun 7, 2023 · 1426140 · 1426140
1 parent a95f7ee
commit 1426140
Show file tree

Hide file tree

Showing 21 changed files with 9,021 additions and 24,013 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -26,15 +26,15 @@
         "createDefaultProgram": true
       },
       "plugins": [
+        "@angular-eslint",
+        "@typescript-eslint",
         "import",
         "jsdoc",
         "prefer-arrow",
         "rxjs",
         "unicorn"
       ],
       "extends": [
-        "plugin:@angular-eslint/ng-cli-compat",
-        "plugin:@angular-eslint/ng-cli-compat--formatting-add-on",
         "plugin:@angular-eslint/template/process-inline-templates",
         "plugin:import/recommended",
         "plugin:import/typescript",

diff --git a/.versionrc b/.versionrc
@@ -0,0 +1,16 @@
+{
+  "bumpFiles": [
+    {
+      "filename": "./package.json",
+      "type": "json"
+    },
+    {
+      "filename": "./package-lock.json",
+      "type": "json"
+    },
+    {
+      "filename": "./projects/ngx-multiple-dates/package.json",
+      "type": "json"
+    }
+  ]
+}
diff --git a/README.md b/README.md
@@ -99,7 +99,7 @@ Compatible with Angular / CDK / Material **>= 9.x.x**. See [Versioning](#version
 
             // ...
             ```
-        * Starting Angular Multiple Dates **>= 14.x.x** SASS `@use` rule supported:
+        * Starting Angular Multiple Dates **= 14.x.x** SASS `@use` rule supported:
             ```scss
             @use '@angular/material' as mat;
             @use 'ngx-multiple-dates' as ngxMultipleDates; // use library theme
@@ -115,6 +115,27 @@ Compatible with Angular / CDK / Material **>= 9.x.x**. See [Versioning](#version
 
             // ...
             ```
+        * Angular Multiple Dates **>= 15.x.x**:
+            ```scss
+            @use '@angular/material' as mat;
+            @use 'ngx-multiple-dates' as ngxMultipleDates; // use library theme
+
+            @include mat.core;
+            // Palette
+            $primary: mat.define-palette(mat.$indigo-palette);
+            $accent:  mat.define-palette(mat.$pink-palette);
+
+            $theme: mat.define-light-theme((
+              color: (
+                primary: $primary,
+                accent: $accent
+              )
+            )); // theme
+            @include mat.all-component-themes($theme); // apply Angular Material styles
+            @include ngxMultipleDates.multiple-dates-theme($theme); // apply Angular Multiple Dates styles
+
+            // ...
+            ```
 
 
 

diff --git a/angular.json b/angular.json
@@ -27,10 +27,13 @@
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "main": "projects/ngx-multiple-dates/src/test.ts",
             "tsConfig": "projects/ngx-multiple-dates/tsconfig.spec.json",
             "karmaConfig": "projects/ngx-multiple-dates/karma.conf.js",
-            "codeCoverage": true
+            "codeCoverage": true,
+            "polyfills": [
+              "zone.js",
+              "zone.js/testing"
+            ]
           }
         },
         "lint": {
@@ -64,8 +67,10 @@
             "outputPath": "dist/ngx-multiple-dates-app",
             "index": "projects/ngx-multiple-dates-app/src/index.html",
             "main": "projects/ngx-multiple-dates-app/src/main.ts",
-            "polyfills": "projects/ngx-multiple-dates-app/src/polyfills.ts",
             "tsConfig": "projects/ngx-multiple-dates-app/tsconfig.app.json",
+            "polyfills": [
+              "zone.js"
+            ],
             "inlineStyleLanguage": "scss",
             "assets": [
               "projects/ngx-multiple-dates-app/src/favicon.ico",
@@ -141,8 +146,10 @@
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "main": "projects/ngx-multiple-dates-app/src/test.ts",
-            "polyfills": "projects/ngx-multiple-dates-app/src/polyfills.ts",
+            "polyfills": [
+              "zone.js",
+              "zone.js/testing"
+            ],
             "tsConfig": "projects/ngx-multiple-dates-app/tsconfig.spec.json",
             "karmaConfig": "projects/ngx-multiple-dates-app/karma.conf.js",
             "codeCoverage": true,