Updated Angular & Angular Material to v18

Updated packages
Moved the project to the new "application" builder
This commit is contained in:
Sercan Yemen 2024-05-23 09:54:16 +03:00
parent bdfcc36d1e
commit 939b4a1c8d
7 changed files with 2200 additions and 1526 deletions

1
.npmrc Normal file
View File

@ -0,0 +1 @@
legacy-peer-deps=true

View File

@ -15,11 +15,11 @@
"prefix": "app",
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"builder": "@angular-devkit/build-angular:application",
"options": {
"outputPath": "dist/fuse",
"index": "src/index.html",
"main": "src/main.ts",
"browser": "src/main.ts",
"polyfills": [
"zone.js"
],
@ -27,11 +27,9 @@
"inlineStyleLanguage": "scss",
"allowedCommonJsDependencies": [
"apexcharts",
"highlight.js",
"crypto-js/enc-utf8",
"crypto-js/hmac-sha256",
"crypto-js/enc-base64",
"flat",
"quill-delta"
],
"assets": [
@ -76,12 +74,9 @@
"outputHashing": "all"
},
"development": {
"buildOptimizer": false,
"optimization": false,
"vendorChunk": true,
"extractLicenses": false,
"sourceMap": true,
"namedChunks": true
"sourceMap": true
}
},
"defaultConfiguration": "production"
@ -90,19 +85,16 @@
"builder": "@angular-devkit/build-angular:dev-server",
"configurations": {
"production": {
"buildTarget": "fuse:build:production"
"buildTarget": "fuse:build:production"
},
"development": {
"buildTarget": "fuse:build:development"
"buildTarget": "fuse:build:development"
}
},
"defaultConfiguration": "development"
},
"extract-i18n": {
"builder": "@angular-devkit/build-angular:extract-i18n",
"options": {
"buildTarget": "fuse:build"
}
"builder": "@angular-devkit/build-angular:extract-i18n"
},
"test": {
"builder": "@angular-devkit/build-angular:karma",

3613
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -13,43 +13,44 @@
"test": "ng test"
},
"dependencies": {
"@angular/animations": "17.2.4",
"@angular/cdk": "17.2.2",
"@angular/common": "17.2.4",
"@angular/compiler": "17.2.4",
"@angular/core": "17.2.4",
"@angular/forms": "17.2.4",
"@angular/material": "17.2.2",
"@angular/material-luxon-adapter": "17.2.2",
"@angular/platform-browser": "17.2.4",
"@angular/platform-browser-dynamic": "17.2.4",
"@angular/router": "17.2.4",
"@angular/animations": "18.0.0",
"@angular/cdk": "18.0.0",
"@angular/common": "18.0.0",
"@angular/compiler": "18.0.0",
"@angular/core": "18.0.0",
"@angular/forms": "18.0.0",
"@angular/material": "18.0.0",
"@angular/material-luxon-adapter": "18.0.0",
"@angular/platform-browser": "18.0.0",
"@angular/platform-browser-dynamic": "18.0.0",
"@angular/router": "18.0.0",
"@ngneat/transloco": "6.0.4",
"apexcharts": "3.47.0",
"apexcharts": "3.49.1",
"crypto-js": "4.2.0",
"highlight.js": "11.9.0",
"lodash-es": "4.17.21",
"luxon": "3.4.4",
"ng-apexcharts": "1.9.0",
"ngx-quill": "25.1.1",
"ng-apexcharts": "1.10.0",
"ngx-quill": "26.0.0",
"perfect-scrollbar": "1.5.5",
"quill": "2.0.2",
"rxjs": "7.8.1",
"tslib": "2.6.2",
"zone.js": "0.14.4"
"zone.js": "0.14.6"
},
"devDependencies": {
"@angular-devkit/build-angular": "17.2.3",
"@angular/cli": "17.2.3",
"@angular/compiler-cli": "17.2.4",
"@tailwindcss/typography": "0.5.10",
"@angular-devkit/build-angular": "18.0.0",
"@angular/cli": "18.0.0",
"@angular/compiler-cli": "18.0.0",
"@tailwindcss/typography": "0.5.13",
"@types/chroma-js": "2.4.4",
"@types/crypto-js": "4.2.2",
"@types/highlight.js": "10.1.0",
"@types/jasmine": "5.1.4",
"@types/lodash": "4.14.202",
"@types/lodash": "4.17.4",
"@types/lodash-es": "4.17.12",
"@types/luxon": "3.4.2",
"autoprefixer": "10.4.18",
"autoprefixer": "10.4.19",
"chroma-js": "2.4.2",
"jasmine-core": "5.1.2",
"karma": "6.4.3",
@ -58,8 +59,8 @@
"karma-jasmine": "5.1.0",
"karma-jasmine-html-reporter": "2.1.0",
"lodash": "4.17.21",
"postcss": "8.4.35",
"tailwindcss": "3.4.1",
"typescript": "5.3.3"
"postcss": "8.4.38",
"tailwindcss": "3.4.3",
"typescript": "5.4.5"
}
}

View File

@ -87,21 +87,21 @@ $dark-base: (
@include mat.all-component-themes((
color: null,
density: 0,
typography: mat.define-typography-config(
typography: mat.m2-define-typography-config(
$font-family: theme('fontFamily.sans'),
$headline-1: mat.define-typography-level(1.875rem, 2.25rem, 800, theme('fontFamily.sans')),
$headline-2: mat.define-typography-level(1.25rem, 1.75rem, 700, theme('fontFamily.sans')),
$headline-3: mat.define-typography-level(1.125rem, 1.75rem, 600, theme('fontFamily.sans')),
$headline-4: mat.define-typography-level(0.875rem, 1.25rem, 600, theme('fontFamily.sans')),
$headline-5: mat.define-typography-level(0.875rem, 1.5rem, 400, theme('fontFamily.sans')),
$headline-6: mat.define-typography-level(0.875rem, 1.5rem, 400, theme('fontFamily.sans')),
$subtitle-1: mat.define-typography-level(1rem, 1.75rem, 400, theme('fontFamily.sans')),
$subtitle-2: mat.define-typography-level(0.875rem, 1.25rem, 600, theme('fontFamily.sans')),
$body-1: mat.define-typography-level(0.875rem, 1.5rem, 400, theme('fontFamily.sans')),
$body-2: mat.define-typography-level(0.875rem, 1.5rem, 400, theme('fontFamily.sans')),
$caption: mat.define-typography-level(0.75rem, 1rem, 400, theme('fontFamily.sans')),
$button: mat.define-typography-level(0.875rem, 0.875rem, 500, theme('fontFamily.sans')),
$overline: mat.define-typography-level(0.75rem, 2rem, 500, theme('fontFamily.sans'))
$headline-1: mat.m2-define-typography-level(1.875rem, 2.25rem, 800, theme('fontFamily.sans')),
$headline-2: mat.m2-define-typography-level(1.25rem, 1.75rem, 700, theme('fontFamily.sans')),
$headline-3: mat.m2-define-typography-level(1.125rem, 1.75rem, 600, theme('fontFamily.sans')),
$headline-4: mat.m2-define-typography-level(0.875rem, 1.25rem, 600, theme('fontFamily.sans')),
$headline-5: mat.m2-define-typography-level(0.875rem, 1.5rem, 400, theme('fontFamily.sans')),
$headline-6: mat.m2-define-typography-level(0.875rem, 1.5rem, 400, theme('fontFamily.sans')),
$subtitle-1: mat.m2-define-typography-level(1rem, 1.75rem, 400, theme('fontFamily.sans')),
$subtitle-2: mat.m2-define-typography-level(0.875rem, 1.25rem, 600, theme('fontFamily.sans')),
$body-1: mat.m2-define-typography-level(0.875rem, 1.5rem, 400, theme('fontFamily.sans')),
$body-2: mat.m2-define-typography-level(0.875rem, 1.5rem, 400, theme('fontFamily.sans')),
$caption: mat.m2-define-typography-level(0.75rem, 1rem, 400, theme('fontFamily.sans')),
$button: mat.m2-define-typography-level(0.875rem, 0.875rem, 500, theme('fontFamily.sans')),
$overline: mat.m2-define-typography-level(0.75rem, 2rem, 500, theme('fontFamily.sans'))
)
));
@ -113,7 +113,7 @@ $dark-base: (
@each $name in (primary, accent, warn) {
/* Define the Angular Material theme */
$palette: mat.define-palette(map.get($theme, $name));
$palette: mat.m2-define-palette(map.get($theme, $name));
/* Replace the default colors on the defined Material palette */
$palette: map.merge($palette, (
@ -130,11 +130,11 @@ $dark-base: (
}
/* Define a light & dark Angular Material theme with the generated palettes */
$light-theme: mat.define-light-theme((
$light-theme: mat.m2-define-light-theme((
color: $palettes
));
$dark-theme: mat.define-dark-theme((
$dark-theme: mat.m2-define-dark-theme((
color: $palettes
));

View File

@ -3,7 +3,7 @@
/* ----------------------------------------------------------------------------------------------------- */
/* Perfect scrollbar */
@import '~perfect-scrollbar/css/perfect-scrollbar.css';
@import 'perfect-scrollbar/css/perfect-scrollbar.css';
/* Quill */
@import '~quill/dist/quill.snow.css';
@import 'quill/dist/quill.snow.css';

View File

@ -2,14 +2,13 @@
{
"compileOnSave": false,
"compilerOptions": {
"allowSyntheticDefaultImports": true,
"baseUrl": "./src",
"outDir": "./dist/out-tsc",
"esModuleInterop": true,
"sourceMap": true,
"declaration": false,
"downlevelIteration": true,
"experimentalDecorators": true,
"moduleResolution": "node",
"moduleResolution": "bundler",
"importHelpers": true,
"target": "ES2022",
"module": "ES2022",