NES for Angular Material

A comprehensive guide for installing and configuring Never‑Ending Support (NES) for Angular Material in your Angular application, including CDK and additional component packages.

Minimum Requirements

Please review our Minimum Requirements to ensure a smooth installation. Then follow 3 easy steps:

  1. Update your package.json
  2. Create or update your .npmrc file
  3. Install & Run!

Detailed Instructions

Substitute the Angular dependencies in your package.json with the following

{
  "dependencies": {
    "@angular/cdk": "npm:@neverendingsupport/angular-cdk@17.3.10-cdk-17.3.11",
    "@angular/google-maps": "npm:@neverendingsupport/angular-google-maps@17.3.10-google-maps-17.3.11",
    "@angular/material": "npm:@neverendingsupport/angular-material@17.3.10-material-17.3.11",
    "@angular/material-date-fns-adapter": "npm:@neverendingsupport/angular-material-date-fns-adapter@17.3.10-material-date-fns-adapter-17.3.11",
    "@angular/material-luxon-adapter": "npm:@neverendingsupport/angular-material-luxon-adapter@17.3.10-material-luxon-adapter-17.3.11",
    "@angular/material-moment-adapter": "npm:@neverendingsupport/angular-material-moment-adapter@17.3.10-material-moment-adapter-17.3.11",
    "@angular/youtube-player": "npm:@neverendingsupport/angular-youtube-player@17.3.10-youtube-player-17.3.11"
  },
  "overrides": {
    "@angular/cdk": { ".": "npm:@neverendingsupport/angular-cdk@17.3.10-cdk-17.3.11" },
    "@angular/google-maps": { ".": "npm:@neverendingsupport/angular-google-maps@17.3.10-google-maps-17.3.11" },
    "@angular/material": { ".": "npm:@neverendingsupport/angular-material@17.3.10-material-17.3.11" },
    "@angular/material-date-fns-adapter": { ".": "npm:@neverendingsupport/angular-material-date-fns-adapter@17.3.10-material-date-fns-adapter-17.3.11" },
    "@angular/material-luxon-adapter": { ".": "npm:@neverendingsupport/angular-material-luxon-adapter@17.3.10-material-luxon-adapter-17.3.11" },
    "@angular/material-moment-adapter": { ".": "npm:@neverendingsupport/angular-material-moment-adapter@17.3.10-material-moment-adapter-17.3.11" },
    "@angular/youtube-player": { ".": "npm:@neverendingsupport/angular-youtube-player@17.3.10-youtube-player-17.3.11" }
  }
}

Create an .npmrc file with the following

.npmrc 
@neverendingsupport:registry=https://registry.nes.herodevs.com/npm/pkg/
//registry.nes.herodevs.com/npm/pkg/:_authToken=<NES_ACCESS_TOKEN>

Install your dependencies

/bin/sh 
npm install

And just like that, you can run your integration tests against NES for Angular Material!

Available Versions

All versions below v16 use the base name @neverendingsupport/angular-material. Versions from v16 and above use unique base names derived from the original package names. The following versions are available:

Version 17.3.11

{
  "dependencies": {
    "@angular/cdk": "npm:@neverendingsupport/angular-cdk@17.3.10-cdk-17.3.11",
    "@angular/google-maps": "npm:@neverendingsupport/angular-google-maps@17.3.10-google-maps-17.3.11",
    "@angular/material": "npm:@neverendingsupport/angular-material@17.3.10-material-17.3.11",
    "@angular/material-date-fns-adapter": "npm:@neverendingsupport/angular-material-date-fns-adapter@17.3.10-material-date-fns-adapter-17.3.11",
    "@angular/material-luxon-adapter": "npm:@neverendingsupport/angular-material-luxon-adapter@17.3.10-material-luxon-adapter-17.3.11",
    "@angular/material-moment-adapter": "npm:@neverendingsupport/angular-material-moment-adapter@17.3.10-material-moment-adapter-17.3.11",
    "@angular/youtube-player": "npm:@neverendingsupport/angular-youtube-player@17.3.10-youtube-player-17.3.11"
  },
  "overrides": {
    "@angular/cdk": { ".": "npm:@neverendingsupport/angular-cdk@17.3.10-cdk-17.3.11" },
    "@angular/google-maps": { ".": "npm:@neverendingsupport/angular-google-maps@17.3.10-google-maps-17.3.11" },
    "@angular/material": { ".": "npm:@neverendingsupport/angular-material@17.3.10-material-17.3.11" },
    "@angular/material-date-fns-adapter": { ".": "npm:@neverendingsupport/angular-material-date-fns-adapter@17.3.10-material-date-fns-adapter-17.3.11" },
    "@angular/material-luxon-adapter": { ".": "npm:@neverendingsupport/angular-material-luxon-adapter@17.3.10-material-luxon-adapter-17.3.11" },
    "@angular/material-moment-adapter": { ".": "npm:@neverendingsupport/angular-material-moment-adapter@17.3.10-material-moment-adapter-17.3.11" },
    "@angular/youtube-player": { ".": "npm:@neverendingsupport/angular-youtube-player@17.3.10-youtube-player-17.3.11" }
  }
}

Version 16.2.14

{
  "dependencies": {
    "@angular/cdk": "npm:@neverendingsupport/angular-cdk@16.2.14-cdk-16.2.16",
    "@angular/google-maps": "npm:@neverendingsupport/angular-google-maps@16.2.14-google-maps-16.2.16",
    "@angular/material": "npm:@neverendingsupport/angular-material@16.2.14-material-16.2.16",
    "@angular/material-date-fns-adapter": "npm:@neverendingsupport/angular-material-date-fns-adapter@16.2.14-material-date-fns-adapter-16.2.16",
    "@angular/material-luxon-adapter": "npm:@neverendingsupport/angular-material-luxon-adapter@16.2.14-material-luxon-adapter-16.2.16",
    "@angular/material-moment-adapter": "npm:@neverendingsupport/angular-material-moment-adapter@16.2.14-material-moment-adapter-16.2.16",
    "@angular/youtube-player": "npm:@neverendingsupport/angular-youtube-player@16.2.14-youtube-player-16.2.16"
  },
  "overrides": {
    "@angular/cdk": { ".": "npm:@neverendingsupport/angular-cdk@16.2.14-cdk-16.2.16" },
    "@angular/google-maps": { ".": "npm:@neverendingsupport/angular-google-maps@16.2.14-google-maps-16.2.16" },
    "@angular/material": { ".": "npm:@neverendingsupport/angular-material@16.2.14-material-16.2.16" },
    "@angular/material-date-fns-adapter": { ".": "npm:@neverendingsupport/angular-material-date-fns-adapter@16.2.14-material-date-fns-adapter-16.2.16" },
    "@angular/material-luxon-adapter": { ".": "npm:@neverendingsupport/angular-material-luxon-adapter@16.2.14-material-luxon-adapter-16.2.16" },
    "@angular/material-moment-adapter": { ".": "npm:@neverendingsupport/angular-material-moment-adapter@16.2.14-material-moment-adapter-16.2.16" },
    "@angular/youtube-player": { ".": "npm:@neverendingsupport/angular-youtube-player@16.2.14-youtube-player-16.2.16" }
  }
}

Version 14.2.7

{
  "dependencies": {
    "@angular/cdk": "npm:@neverendingsupport/angular-material@14.2.7-cdk-14.2.8",
    "@angular/google-maps": "npm:@neverendingsupport/angular-material@14.2.7-google-maps-14.2.8",
    "@angular/material": "npm:@neverendingsupport/angular-material@14.2.7-material-14.2.8",
    "@angular/material-date-fns-adapter": "npm:@neverendingsupport/angular-material@14.2.7-material-date-fns-adapter-14.2.8",
    "@angular/material-luxon-adapter": "npm:@neverendingsupport/angular-material@14.2.7-material-luxon-adapter-14.2.8",
    "@angular/material-moment-adapter": "npm:@neverendingsupport/angular-material@14.2.7-material-moment-adapter-14.2.8",
    "@angular/youtube-player": "npm:@neverendingsupport/angular-material@14.2.7-youtube-player-14.2.8"
  },
  "overrides": {
    "@angular/cdk": { ".": "npm:@neverendingsupport/angular-material@14.2.7-cdk-14.2.8" },
    "@angular/google-maps": { ".": "npm:@neverendingsupport/angular-material@14.2.7-google-maps-14.2.8" },
    "@angular/material": { ".": "npm:@neverendingsupport/angular-material@14.2.7-material-14.2.8" },
    "@angular/material-date-fns-adapter": { ".": "npm:@neverendingsupport/angular-material@14.2.7-material-date-fns-adapter-14.2.8" },
    "@angular/material-luxon-adapter": { ".": "npm:@neverendingsupport/angular-material@14.2.7-material-luxon-adapter-14.2.8" },
    "@angular/material-moment-adapter": { ".": "npm:@neverendingsupport/angular-material@14.2.7-material-moment-adapter-14.2.8" },
    "@angular/youtube-player": { ".": "npm:@neverendingsupport/angular-material@14.2.7-youtube-player-14.2.8" }
  }
}

Version 13.3.9

{
  "dependencies": {
    "@angular/cdk": "npm:@neverendingsupport/angular-material@13.3.9-cdk-13.3.10",
    "@angular/google-maps": "npm:@neverendingsupport/angular-material@13.3.9-google-maps-13.3.10",
    "@angular/material": "npm:@neverendingsupport/angular-material@13.3.9-material-13.3.10",
    "@angular/material-date-fns-adapter": "npm:@neverendingsupport/angular-material@13.3.9-material-date-fns-adapter-13.3.10",
    "@angular/material-luxon-adapter": "npm:@neverendingsupport/angular-material@13.3.9-material-luxon-adapter-13.3.10",
    "@angular/material-moment-adapter": "npm:@neverendingsupport/angular-material@13.3.9-material-moment-adapter-13.3.10",
    "@angular/youtube-player": "npm:@neverendingsupport/angular-material@13.3.9-youtube-player-13.3.10"
  },
  "overrides": {
    "@angular/cdk": { ".": "npm:@neverendingsupport/angular-material@13.3.9-cdk-13.3.10" },
    "@angular/google-maps": { ".": "npm:@neverendingsupport/angular-material@13.3.9-google-maps-13.3.10" },
    "@angular/material": { ".": "npm:@neverendingsupport/angular-material@13.3.9-material-13.3.10" },
    "@angular/material-date-fns-adapter": { ".": "npm:@neverendingsupport/angular-material@13.3.9-material-date-fns-adapter-13.3.10" },
    "@angular/material-luxon-adapter": { ".": "npm:@neverendingsupport/angular-material@13.3.9-material-luxon-adapter-13.3.10" },
    "@angular/material-moment-adapter": { ".": "npm:@neverendingsupport/angular-material@13.3.9-material-moment-adapter-13.3.10" },
    "@angular/youtube-player": { ".": "npm:@neverendingsupport/angular-material@13.3.9-youtube-player-13.3.10" }
  }
}

Version 12.2.13

{
  "dependencies": {
    "@angular/cdk": "npm:@neverendingsupport/angular-material@12.2.13-cdk-12.2.14",
    "@angular/google-maps": "npm:@neverendingsupport/angular-material@12.2.13-google-maps-12.2.14",
    "@angular/material": "npm:@neverendingsupport/angular-material@12.2.13-material-12.2.14",
    "@angular/material-luxon-adapter": "npm:@neverendingsupport/angular-material@12.2.13-material-luxon-adapter-12.2.14",
    "@angular/material-moment-adapter": "npm:@neverendingsupport/angular-material@12.2.13-material-moment-adapter-12.2.14",
    "@angular/youtube-player": "npm:@neverendingsupport/angular-material@12.2.13-youtube-player-12.2.14"
  },
  "overrides": {
    "@angular/cdk": { ".": "npm:@neverendingsupport/angular-material@12.2.13-cdk-12.2.14" },
    "@angular/google-maps": { ".": "npm:@neverendingsupport/angular-material@12.2.13-google-maps-12.2.14" },
    "@angular/material": { ".": "npm:@neverendingsupport/angular-material@12.2.13-material-12.2.14" },
    "@angular/material-luxon-adapter": { ".": "npm:@neverendingsupport/angular-material@12.2.13-material-luxon-adapter-12.2.14" },
    "@angular/material-moment-adapter": { ".": "npm:@neverendingsupport/angular-material@12.2.13-material-moment-adapter-12.2.14" },
    "@angular/youtube-player": { ".": "npm:@neverendingsupport/angular-material@12.2.13-youtube-player-12.2.14" }
  }
}

Version 11.2.13

{
  "dependencies": {
    "@angular/cdk": "npm:@neverendingsupport/angular-material@11.2.13-cdk-11.2.14",
    "@angular/google-maps": "npm:@neverendingsupport/angular-material@11.2.13-google-maps-11.2.14",
    "@angular/material": "npm:@neverendingsupport/angular-material@11.2.13-material-11.2.14",
    "@angular/material-moment-adapter": "npm:@neverendingsupport/angular-material@11.2.13-material-moment-adapter-11.2.14",
    "@angular/youtube-player": "npm:@neverendingsupport/angular-material@11.2.13-youtube-player-11.2.14"
  },
  "overrides": {
    "@angular/cdk": { ".": "npm:@neverendingsupport/angular-material@11.2.13-cdk-11.2.14" },
    "@angular/google-maps": { ".": "npm:@neverendingsupport/angular-material@11.2.13-google-maps-11.2.14" },
    "@angular/material": { ".": "npm:@neverendingsupport/angular-material@11.2.13-material-11.2.14" },
    "@angular/material-moment-adapter": { ".": "npm:@neverendingsupport/angular-material@11.2.13-material-moment-adapter-11.2.14" },
    "@angular/youtube-player": { ".": "npm:@neverendingsupport/angular-material@11.2.13-youtube-player-11.2.14" }
  }
}

Version 10.2.7

{
  "dependencies": {
    "@angular/cdk": "npm:@neverendingsupport/angular-material@10.2.7-cdk-10.2.8",
    "@angular/google-maps": "npm:@neverendingsupport/angular-material@10.2.7-google-maps-10.2.8",
    "@angular/material": "npm:@neverendingsupport/angular-material@10.2.7-material-10.2.8",
    "@angular/material-moment-adapter": "npm:@neverendingsupport/angular-material@10.2.7-material-moment-adapter-10.2.8",
    "@angular/youtube-player": "npm:@neverendingsupport/angular-material@10.2.7-youtube-player-10.2.8"
  },
  "overrides": {
    "@angular/cdk": { ".": "npm:@neverendingsupport/angular-material@10.2.7-cdk-10.2.8" },
    "@angular/google-maps": { ".": "npm:@neverendingsupport/angular-material@10.2.7-google-maps-10.2.8" },
    "@angular/material": { ".": "npm:@neverendingsupport/angular-material@10.2.7-material-10.2.8" },
    "@angular/material-moment-adapter": { ".": "npm:@neverendingsupport/angular-material@10.2.7-material-moment-adapter-10.2.8" },
    "@angular/youtube-player": { ".": "npm:@neverendingsupport/angular-material@10.2.7-youtube-player-10.2.8" }
  }
}

Older Versions

Click to view versions 9 and below

Version 9.2.4

{
  "dependencies": {
    "@angular/cdk": "npm:@neverendingsupport/angular-material@9.2.4-cdk-9.2.5",
    "@angular/google-maps": "npm:@neverendingsupport/angular-material@9.2.4-google-maps-9.2.5",
    "@angular/material": "npm:@neverendingsupport/angular-material@9.2.4-material-9.2.5",
    "@angular/material-moment-adapter": "npm:@neverendingsupport/angular-material@9.2.4-material-moment-adapter-9.2.5",
    "@angular/youtube-player": "npm:@neverendingsupport/angular-material@9.2.4-youtube-player-9.2.5"
  },
  "overrides": {
    "@angular/cdk": { ".": "npm:@neverendingsupport/angular-material@9.2.4-cdk-9.2.5" },
    "@angular/google-maps": { ".": "npm:@neverendingsupport/angular-material@9.2.4-google-maps-9.2.5" },
    "@angular/material": { ".": "npm:@neverendingsupport/angular-material@9.2.4-material-9.2.5" },
    "@angular/material-moment-adapter": { ".": "npm:@neverendingsupport/angular-material@9.2.4-material-moment-adapter-9.2.5" },
    "@angular/youtube-player": { ".": "npm:@neverendingsupport/angular-material@9.2.4-youtube-player-9.2.5" }
  }
}

Version 8.2.3

{
  "dependencies": {
    "@angular/cdk": "npm:@neverendingsupport/angular-material@8.2.3-cdk-8.2.4",
    "@angular/material": "npm:@neverendingsupport/angular-material@8.2.3-material-8.2.4",
    "@angular/material-moment-adapter": "npm:@neverendingsupport/angular-material@8.2.3-material-moment-adapter-8.2.4",
    "@angular/youtube-player": "npm:@neverendingsupport/angular-material@8.2.3-youtube-player-8.2.4"
  },
  "overrides": {
    "@angular/cdk": { ".": "npm:@neverendingsupport/angular-material@8.2.3-cdk-8.2.4" },
    "@angular/material": { ".": "npm:@neverendingsupport/angular-material@8.2.3-material-8.2.4" },
    "@angular/material-moment-adapter": { ".": "npm:@neverendingsupport/angular-material@8.2.3-material-moment-adapter-8.2.4" },
    "@angular/youtube-player": { ".": "npm:@neverendingsupport/angular-material@8.2.3-youtube-player-8.2.4" }
  }
}

Version 7.3.7

{
  "dependencies": {
    "@angular/cdk": "npm:@neverendingsupport/angular-material@7.3.7-cdk-7.3.8",
    "@angular/material": "npm:@neverendingsupport/angular-material@7.3.7-material-7.3.8",
    "@angular/material-moment-adapter": "npm:@neverendingsupport/angular-material@7.3.7-material-moment-adapter-7.3.8"
  },
  "overrides": {
    "@angular/cdk": { ".": "npm:@neverendingsupport/angular-material@7.3.7-cdk-7.3.8" },
    "@angular/material": { ".": "npm:@neverendingsupport/angular-material@7.3.7-material-7.3.8" },
    "@angular/material-moment-adapter": { ".": "npm:@neverendingsupport/angular-material@7.3.7-material-moment-adapter-7.3.8" }
  }
}

Version 6.4.7

{
  "dependencies": {
    "@angular/cdk": "npm:@neverendingsupport/angular-material@6.4.7-cdk-6.4.8",
    "@angular/material": "npm:@neverendingsupport/angular-material@6.4.7-material-6.4.8",
    "@angular/material-moment-adapter": "npm:@neverendingsupport/angular-material@6.4.7-material-moment-adapter-6.4.8"
  },
  "overrides": {
    "@angular/cdk": { ".": "npm:@neverendingsupport/angular-material@6.4.7-cdk-6.4.8" },
    "@angular/material": { ".": "npm:@neverendingsupport/angular-material@6.4.7-material-6.4.8" },
    "@angular/material-moment-adapter": { ".": "npm:@neverendingsupport/angular-material@6.4.7-material-moment-adapter-6.4.8" }
  }
}

Additional Information

Direct Download URLs

All of our NES for Angular Material packages can be accessed via direct download URLs.

For all versions below v16, the download URLs follow the pattern below where <PACKAGE_VERSION> is the version as listed above:

https://registry.nes.herodevs.com/npm/pkg/@neverendingsupport/angular-material/-/<PACKAGE_VERSION>.tgz

For v16 and above, the download URLs follow the pattern below where <PACKAGE_NAME> is the original package name that comes after the @angular/ and <PACKAGE_VERSION> is the version as listed above:

https://registry.nes.herodevs.com/npm/pkg/@neverendingsupport/angular-<PACKAGE_NAME>/-/<PACKAGE_VERSION>.tgz

For example, the direct download URLs for the latest version of NES for Angular Material are:

PackageURL
cdk
17.3.10-cdk-17.3.11
Download
google-maps
17.3.10-google-maps-17.3.11
Download
material
17.3.10-material-17.3.11
Download
material-date-fns-adapter
17.3.10-material-date-fns-adapter-17.3.11
Download
material-luxon-adapter
17.3.10-material-luxon-adapter-17.3.11
Download
material-moment-adapter
17.3.10-material-moment-adapter-17.3.11
Download
youtube-player
17.3.10-youtube-player-17.3.11
Download
Angular Essentials
Installation guides and configuration instructions for Angular Essentials packages
Previous Article
NES for NgRx
A comprehensive guide for installing and configuring Never‑Ending Support (NES) for NgRx in your Angular application, including store, effects, and additional NgRx packages.
Next Article