diff --git a/.eslintrc.json b/.eslintrc.json
index bc0d179f40..8710ec9e4c 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -35,13 +35,18 @@
},
"rules": {
"rxjs/no-unsafe-takeuntil": "error",
- "rxjs-angular/prefer-takeuntil": "warn"
+ "rxjs-angular/prefer-takeuntil": "warn",
+ "@typescript-eslint/no-extra-semi": "error",
+ "no-extra-semi": "off"
}
},
{
"files": ["*.js", "*.jsx"],
"extends": ["plugin:@nx/javascript"],
- "rules": {}
+ "rules": {
+ "@typescript-eslint/no-extra-semi": "error",
+ "no-extra-semi": "off"
+ }
}
]
}
diff --git a/.github/workflows/chromatic.yml b/.github/workflows/chromatic.yml
index f1f2bb1a96..757c2205f8 100644
--- a/.github/workflows/chromatic.yml
+++ b/.github/workflows/chromatic.yml
@@ -25,10 +25,10 @@ jobs:
uses: actions/checkout@v2
with:
fetch-depth: 0 # 👈 Required to retrieve git history
- - name: Use Node.js 16
+ - name: Use Node.js 18
uses: actions/setup-node@v2
with:
- node-version: 16
+ node-version: 18
cache: npm
- run: npm ci
# 👇 Adds Chromatic as a step in the workflow
diff --git a/.prettierignore b/.prettierignore
index 1d6e78b8cb..a8b4abedf8 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -5,3 +5,5 @@
/.nx/cache
.angular
+
+/.nx/workspace-data
\ No newline at end of file
diff --git a/apps/docs-app/.browserslistrc b/apps/docs-app/.browserslistrc
index 4f9ac26980..dd8e7041c2 100644
--- a/apps/docs-app/.browserslistrc
+++ b/apps/docs-app/.browserslistrc
@@ -3,7 +3,7 @@
# https://github.com/browserslist/browserslist#queries
# For the full list of supported browsers by the Angular framework, please see:
-# https://angular.io/guide/browser-support
+# https://angular.dev/reference/versions#browser-support
# You can see what browsers were selected by your queries by running:
# npx browserslist
diff --git a/apps/docs-app/src/app/app.module.ts b/apps/docs-app/src/app/app.module.ts
index 65149f6b09..796c58e685 100644
--- a/apps/docs-app/src/app/app.module.ts
+++ b/apps/docs-app/src/app/app.module.ts
@@ -1,7 +1,11 @@
import { NgModule, LOCALE_ID } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
-import { HttpClientModule, HttpClient } from '@angular/common/http';
+import {
+ HttpClient,
+ provideHttpClient,
+ withInterceptorsFromDi,
+} from '@angular/common/http';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import {
@@ -53,13 +57,13 @@ import { HomeComponent } from './components/home/home.component';
import { ToolbarModule } from './components/toolbar/toolbar.module';
@NgModule({
- declarations: [DocsAppComponent, HomeComponent], // directives, components, and pipes owned by this NgModule
+ declarations: [DocsAppComponent, HomeComponent], // additional providers needed for this module
+ bootstrap: [DocsAppComponent],
imports: [
BrowserAnimationsModule,
CommonModule,
FormsModule,
BrowserModule,
- HttpClientModule,
/** Material Modules */
MatButtonModule,
MatListModule,
@@ -89,7 +93,7 @@ import { ToolbarModule } from './components/toolbar/toolbar.module';
ContentContainerModule,
appRoutes,
CovalentFileModule,
- ], // modules needed to run this module
+ ],
providers: [
appRoutingProviders,
GitHubService,
@@ -101,7 +105,7 @@ import { ToolbarModule } from './components/toolbar/toolbar.module';
deps: [TranslateService],
},
SelectivePreloadingStrategyService,
- ], // additional providers needed for this module
- bootstrap: [DocsAppComponent],
+ provideHttpClient(withInterceptorsFromDi()),
+ ],
})
export class AppModule {}
diff --git a/apps/docs-app/src/app/components/shared/demo-tools/demo.module.ts b/apps/docs-app/src/app/components/shared/demo-tools/demo.module.ts
index f33c238fd2..ca100324e9 100644
--- a/apps/docs-app/src/app/components/shared/demo-tools/demo.module.ts
+++ b/apps/docs-app/src/app/components/shared/demo-tools/demo.module.ts
@@ -6,7 +6,10 @@ import { MatCardModule } from '@angular/material/card';
import { MatIconModule } from '@angular/material/icon';
import { MatButtonModule } from '@angular/material/button';
import { CovalentHighlightModule } from '@covalent/highlight';
-import { HttpClientModule } from '@angular/common/http';
+import {
+ provideHttpClient,
+ withInterceptorsFromDi,
+} from '@angular/common/http';
import { MatToolbarModule } from '@angular/material/toolbar';
import { MatDividerModule } from '@angular/material/divider';
@@ -23,8 +26,8 @@ import { MatDividerModule } from '@angular/material/divider';
MatCardModule,
MatIconModule,
MatButtonModule,
- HttpClientModule,
MatDividerModule,
],
+ providers: [provideHttpClient(withInterceptorsFromDi())],
})
export class DemoModule {}
diff --git a/apps/docs-app/src/app/content/components/component-demos/dynamic-menu/demos/dynamic-menu-demo-basic/dynamic-menu-demo-basic.component.ts b/apps/docs-app/src/app/content/components/component-demos/dynamic-menu/demos/dynamic-menu-demo-basic/dynamic-menu-demo-basic.component.ts
index 764fb4f28f..dc12dedf3f 100644
--- a/apps/docs-app/src/app/content/components/component-demos/dynamic-menu/demos/dynamic-menu-demo-basic/dynamic-menu-demo-basic.component.ts
+++ b/apps/docs-app/src/app/content/components/component-demos/dynamic-menu/demos/dynamic-menu-demo-basic/dynamic-menu-demo-basic.component.ts
@@ -70,7 +70,7 @@ export class DynamicMenuDemoBasicComponent {
{
// URL link
text: 'Angular Homepage',
- link: 'https://angular.io/',
+ link: 'https://angular.dev/',
newTab: true,
},
],
diff --git a/apps/docs-app/src/app/content/components/component-demos/flavored-markdown/demos/flavored-markdown-demo-basic/flavored-markdown-demo-basic.component.ts b/apps/docs-app/src/app/content/components/component-demos/flavored-markdown/demos/flavored-markdown-demo-basic/flavored-markdown-demo-basic.component.ts
index d33e3d6840..48bd39ed44 100644
--- a/apps/docs-app/src/app/content/components/component-demos/flavored-markdown/demos/flavored-markdown-demo-basic/flavored-markdown-demo-basic.component.ts
+++ b/apps/docs-app/src/app/content/components/component-demos/flavored-markdown/demos/flavored-markdown-demo-basic/flavored-markdown-demo-basic.component.ts
@@ -16,17 +16,16 @@ export class FlavoredMarkdownDemoBasicComponent {
## List
+ One
- + subline
+ + subline
+ Two
+ Three
- + subline
- + second subline
-
-
- | Tables | Are | Cool |
- | ------------- |:-------------:| -----:|
- | **col 3 is** | right-aligned | $1600 |
- | col 2 is | *centered* | $12 |
- | zebra stripes | are neat | $1 |
+ + subline
+ + second subline
+ + Table in a list:
+ | Tables | Are | Cool |
+ | ------------- |:-------------:| -----:|
+ | **col 3 is** | right-aligned | $1600 |
+ | col 2 is | *centered* | $12 |
+ | zebra stripes | are neat | $1 |
`;
}
diff --git a/apps/docs-app/src/app/content/docs/angular-material/angular-material.component.html b/apps/docs-app/src/app/content/docs/angular-material/angular-material.component.html
index 4107bb6a2f..4a39dc963a 100644
--- a/apps/docs-app/src/app/content/docs/angular-material/angular-material.component.html
+++ b/apps/docs-app/src/app/content/docs/angular-material/angular-material.component.html
@@ -31,14 +31,14 @@ New & Custom Components
mat-button
color="accent"
target="_blank"
- href="https://v17.material.angular.io/components/categories"
+ href="https://v18.material.angular.io/components/categories"
>
Components
Github repo
@@ -55,7 +55,7 @@ New & Custom Components
Why Angular Material?
-
+
launch
Angular Material Docs Site
diff --git a/apps/docs-app/src/app/content/docs/angular/angular.component.html b/apps/docs-app/src/app/content/docs/angular/angular.component.html
index 047c396f4b..863e9d41b1 100644
--- a/apps/docs-app/src/app/content/docs/angular/angular.component.html
+++ b/apps/docs-app/src/app/content/docs/angular/angular.component.html
@@ -22,7 +22,7 @@ Modern Web Dev
- Angular docs
@@ -47,20 +47,12 @@ Modern Web Dev
>Angular Resources
-
+
launch
Angular Example App Tutorial
-
+
launch
Angular Quickstart app
diff --git a/apps/docs-app/src/app/content/docs/theme/theme.component.html b/apps/docs-app/src/app/content/docs/theme/theme.component.html
index ca0a32d288..3cdbda8a91 100644
--- a/apps/docs-app/src/app/content/docs/theme/theme.component.html
+++ b/apps/docs-app/src/app/content/docs/theme/theme.component.html
@@ -28,7 +28,7 @@ SCSS Variables
mat-button
color="accent"
target="_blank"
- href="https://v17.material.angular.io/guide/theming"
+ href="https://v18.material.angular.io/guide/theming"
>
Theming docs
diff --git a/apps/docs-app/src/app/content/docs/theme/theme.component.ts b/apps/docs-app/src/app/content/docs/theme/theme.component.ts
index 52306c3893..8f5d650955 100644
--- a/apps/docs-app/src/app/content/docs/theme/theme.component.ts
+++ b/apps/docs-app/src/app/content/docs/theme/theme.component.ts
@@ -15,13 +15,13 @@ export class ThemeComponent {
@use '@angular/material' as mat;
// (optional) Additional themes
- @use '@covalent/markdown/markdown-theme' as markdown;
- @use '@covalent/highlight/highlight-theme' as highlight;
- @import '@covalent/flavored-markdown/flavored-markdown-theme';
+ @use "@covalent/markdown/markdown-theme" as markdown;
+ @use "@covalent/highlight/highlight-theme" as highlight;
+ @import "@covalent/flavored-markdown/flavored-markdown-theme";
// Covalent core themes
- @import '@covalent/core/theming/all-theme';
- @import '@covalent/core/theming/teradata-theme';
+ @import "@covalent/core/theming/all-theme";
+ @import "@covalent/core/theming/teradata-theme";
// Plus imports for other components in your app.
@@ -29,22 +29,22 @@ export class ThemeComponent {
// Define a custom typography config that overrides the font-family
// or any typography level.
- $typography: mat.define-typography-config(
- $font-family: 'Inter, monospace',
- $headline-1: mat.define-typography-level(32px, 48px, 700),
+ $typography: mat.m2-define-typography-config(
+ $font-family: "Inter, monospace",
+ $headline-1: mat.m2-define-typography-level(32px, 48px, 700),
);
// Define the palettes for your theme using the Material Design palettes available in palette.scss
// (imported above). For each palette, you can optionally specify a default, lighter, and darker
// hue.
- $primary: mat.define-palette($mat-blue, 700);
- $accent: mat.define-palette($mat-orange, 800, A100, A400);
+ $primary: mat.m2-define-palette($mat-blue, 700);
+ $accent: mat.m2-define-palette($mat-orange, 800, A100, A400);
// The warn palette is optional (defaults to red).
- $warn: mat.define-palette($mat-red, 600);
+ $warn: mat.m2-define-palette($mat-red, 600);
// Create the theme object (a Sass map containing all of the palettes).
- $theme: mat.define-light-theme(
+ $theme: mat.m2-define-light-theme(
(
color: (
primary: $primary,
@@ -55,6 +55,8 @@ export class ThemeComponent {
)
);
+ @include mat.typography-hierarchy($theme, $back-compat: true);
+
// Include the Angular Material styles using the custom theme
@include mat.all-component-themes($theme);
diff --git a/apps/docs-app/src/app/content/echarts/echarts.module.ts b/apps/docs-app/src/app/content/echarts/echarts.module.ts
index 7f19c381f1..7bb00f8d34 100644
--- a/apps/docs-app/src/app/content/echarts/echarts.module.ts
+++ b/apps/docs-app/src/app/content/echarts/echarts.module.ts
@@ -1,6 +1,9 @@
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
-import { HttpClientModule } from '@angular/common/http';
+import {
+ provideHttpClient,
+ withInterceptorsFromDi,
+} from '@angular/common/http';
import { MatIconModule } from '@angular/material/icon';
import { MatDividerModule } from '@angular/material/divider';
@@ -39,7 +42,6 @@ import { moduleRoutes } from './echarts.routes';
MatTabsModule,
MatRippleModule,
MatMenuModule,
- HttpClientModule,
MatTooltipModule,
// Covalent Core
CovalentLayoutModule,
@@ -49,5 +51,6 @@ import { moduleRoutes } from './echarts.routes';
SidenavContentModule,
ComponentOverviewModule,
],
+ providers: [provideHttpClient(withInterceptorsFromDi())],
})
export class EchartsModule {}
diff --git a/apps/docs-app/src/app/content/utilities/utilities-demos/animations/animations.component.html b/apps/docs-app/src/app/content/utilities/utilities-demos/animations/animations.component.html
index c05c8b13ea..4b8df7cc5e 100644
--- a/apps/docs-app/src/app/content/utilities/utilities-demos/animations/animations.component.html
+++ b/apps/docs-app/src/app/content/utilities/utilities-demos/animations/animations.component.html
@@ -24,7 +24,7 @@ Setup
diff --git a/apps/docs-app/src/app/content/utilities/utilities-demos/directives/directives.component.html b/apps/docs-app/src/app/content/utilities/utilities-demos/directives/directives.component.html
index 22cbd46888..fe8e9b9429 100644
--- a/apps/docs-app/src/app/content/utilities/utilities-demos/directives/directives.component.html
+++ b/apps/docs-app/src/app/content/utilities/utilities-demos/directives/directives.component.html
@@ -14,7 +14,7 @@ Setup
diff --git a/apps/docs-app/src/app/content/utilities/utilities-demos/pipes/pipes.component.html b/apps/docs-app/src/app/content/utilities/utilities-demos/pipes/pipes.component.html
index cc1673c449..c8f1fb1486 100644
--- a/apps/docs-app/src/app/content/utilities/utilities-demos/pipes/pipes.component.html
+++ b/apps/docs-app/src/app/content/utilities/utilities-demos/pipes/pipes.component.html
@@ -17,7 +17,7 @@ Setup
@@ -266,7 +266,7 @@