Merge pull request #16 from nevi-me/ng-17

Add support for angular 17

Author: taqishah1214

CHANGELOG.md

@@ -0,0 +1,3 @@
+## [1.0.0] - 2024-2-21
+### Update
+- Angular 17 update

angular.json

@@ -103,18 +103,18 @@
           "builder": "@angular-devkit/build-angular:dev-server",
           "configurations": {
             "production": {
-              "browserTarget": "consumer:build:production"
+              "buildTarget": "consumer:build:production"
             },
             "development": {
-              "browserTarget": "consumer:build:development"
+              "buildTarget": "consumer:build:development"
             }
           },
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "consumer:build"
+            "buildTarget": "consumer:build"
           }
         },
         "test": {

package.json

@@ -22,46 +22,49 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^16.2.0",
-    "@angular/cdk": "^16.2.8",
-    "@angular/common": "^16.2.0",
-    "@angular/compiler": "^16.2.0",
-    "@angular/core": "^16.2.0",
-    "@angular/forms": "^16.2.0",
-    "@angular/platform-browser": "^16.2.0",
-    "@angular/platform-browser-dynamic": "^16.2.0",
-    "@angular/router": "^16.2.0",
-    "@fortawesome/angular-fontawesome": "^0.13.0",
-    "@fortawesome/fontawesome-svg-core": "^6.4.2",
-    "@fortawesome/free-brands-svg-icons": "^6.4.2",
-    "@fortawesome/free-regular-svg-icons": "^6.4.2",
-    "@fortawesome/free-solid-svg-icons": "^6.4.2",
+
+    "@angular/animations": "17.1.3",
+    "@angular/cdk": "17.1.2",
+    "@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",
+    "@fortawesome/angular-fontawesome": "^0.14.1",
+    "@fortawesome/fontawesome-svg-core": "^6.5.1",
+    "@fortawesome/free-brands-svg-icons": "^6.5.1",
+    "@fortawesome/free-regular-svg-icons": "^6.5.1",
+    "@fortawesome/free-solid-svg-icons": "^6.5.1",
     "bundle-scss": "^1.5.4",
     "cpx": "^1.5.0",
     "moment": "^2.29.4",
     "ngx-highlightjs": "^10.0.0",
-    "rxjs": "~7.8.0",
+    "rxjs": "~7.8.1",
     "tailwind-merge": "^1.14.0",
     "tslib": "^2.3.0",
     "xmlbuilder": "^15.1.1",
-    "zone.js": "~0.13.0"
+    "zone.js": "~0.14.3"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^16.2.2",
-    "@angular/cli": "~16.2.2",
-    "@angular/compiler-cli": "^16.2.0",
+    "@angular-devkit/build-angular": "17.1.3",
+    "@angular/cli": "17.1.3",
+    "@angular/compiler-cli": "17.1.3",
     "@material-tailwind/html": "^2.1.0",
-    "@types/jasmine": "~4.3.0",
+    "@types/jasmine": "5.1.4",
+    "jasmine-core": "5.1.2",
+    "jasmine-marbles": "0.9.2",
+    "jasmine-spec-reporter": "7.0.0",
+    "karma": "6.4.2",
+    "karma-chrome-launcher": "3.2.0",
+    "karma-coverage": "2.2.1",
+    "karma-jasmine": "5.1.0",
+    "karma-jasmine-html-reporter": "2.1.0",
     "autoprefixer": "^10.4.15",
-    "jasmine-core": "~4.6.0",
-    "karma": "~6.4.0",
-    "karma-chrome-launcher": "~3.2.0",
-    "karma-coverage": "~2.2.0",
-    "karma-jasmine": "~5.1.0",
-    "karma-jasmine-html-reporter": "~2.1.0",
-    "ng-packagr": "^16.2.3",
+    "ng-packagr": "^17.1.2",
     "postcss": "^8.4.29",
     "tailwindcss": "^3.3.3",
-    "typescript": "~5.1.3"
+    "typescript": "~5.3.3"
   }
 }

projects/consumer/src/app/docs/pages/installation/installation.component.html

@@ -142,7 +142,7 @@
     <p
       class="block antialiased font-sans text-base leading-relaxed text-inherit !mb-4 !font-normal !text-gray-600"
     >
-      In your project's styles.css or styles.scss, import David UI Angular's styles along with Tailwind CSS and you also need to import the <b>@angular/cdk</b> styles:
+      In your project's styles.css or styles.scss, import David UI Angular's styles along with Tailwind CSS and you also need to import the <b>&#64;angular/cdk</b> styles:
     </p>
 
     <code-previewer [Code]="stylesCode"> </code-previewer>

projects/david-ui-angular/README.md

@@ -1,4 +1,4 @@
-# David UI Angular - 1.0.0
+# David UI Angular - 1.1.0
 
 ### _The right choice for fast and easy UI development using tailwind css_
 

projects/david-ui-angular/package.json

@@ -1,6 +1,6 @@
 {
   "name": "david-ui-angular",
-  "version": "v1.0.0",
+  "version": "v1.1.0",
   "author": {
     "name": "David UI Org", 
     "url": "https://github.com/david-ui-org"
@@ -18,9 +18,9 @@
     "typescript"
   ],
   "peerDependencies": {
-    "@angular/common": "^16.2.0",
-    "@angular/cdk": "^16.2.8",
-    "@angular/core": "^16.2.0",
+    "@angular/common": "^16.2.0 || ^17.1.3",
+    "@angular/cdk": "^16.2.8 || ^17.1.2",
+    "@angular/core": "^16.2.0 || ^17.1.3",
     "bundle-scss": "^1.5.4",
     "cpx": "^1.5.0",
     "rxjs": "~7.8.0",