HeroDevs

NES for Angular Components

A comprehensive guide for installing and configuring Never‑Ending Support (NES) for Angular Components 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-components-17.3.12",
    "@angular/google-maps": "npm:@neverendingsupport/angular-google-maps@17.3.10-components-17.3.12",
    "@angular/material": "npm:@neverendingsupport/angular-material@17.3.10-components-17.3.12",
    "@angular/material-date-fns-adapter": "npm:@neverendingsupport/angular-material-date-fns-adapter@17.3.10-components-17.3.12",
    "@angular/material-luxon-adapter": "npm:@neverendingsupport/angular-material-luxon-adapter@17.3.10-components-17.3.12",
    "@angular/material-moment-adapter": "npm:@neverendingsupport/angular-material-moment-adapter@17.3.10-components-17.3.12",
    "@angular/youtube-player": "npm:@neverendingsupport/angular-youtube-player@17.3.10-components-17.3.12"
  },
  "overrides": {
    "@angular/cdk": { ".": "npm:@neverendingsupport/angular-cdk@17.3.10-components-17.3.12" },
    "@angular/google-maps": { ".": "npm:@neverendingsupport/angular-google-maps@17.3.10-components-17.3.12" },
    "@angular/material": { ".": "npm:@neverendingsupport/angular-material@17.3.10-components-17.3.12" },
    "@angular/material-date-fns-adapter": { ".": "npm:@neverendingsupport/angular-material-date-fns-adapter@17.3.10-components-17.3.12" },
    "@angular/material-luxon-adapter": { ".": "npm:@neverendingsupport/angular-material-luxon-adapter@17.3.10-components-17.3.12" },
    "@angular/material-moment-adapter": { ".": "npm:@neverendingsupport/angular-material-moment-adapter@17.3.10-components-17.3.12" },
    "@angular/youtube-player": { ".": "npm:@neverendingsupport/angular-youtube-player@17.3.10-components-17.3.12" }
  }
}

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 Components!

Available Versions

Versions from v13 and above adhere to the decoupled namespace specification for the version structure:

  • namespace-packageName@OSSVersion-project-NESVersion

All versions below v13 use the base name @neverendingsupport/angular-material.

The following versions are available:

Version 17

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

Version 16

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

Version 15

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

Version 14

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

Version 13

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

Version 12

{
  "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

{
  "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

{
  "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

{
  "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

{
  "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

{
  "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

{
  "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 Components 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 Components are:

PackageURL
cdk
17.3.10-components-17.3.12
Download
google-maps
17.3.10-components-17.3.12
Download
material
17.3.10-components-17.3.12
Download
material-date-fns-adapter
17.3.10-components-17.3.12
Download
material-luxon-adapter
17.3.10-components-17.3.12
Download
material-moment-adapter
17.3.10-components-17.3.12
Download
youtube-player
17.3.10-components-17.3.12
Download
Overview
Installation guides and configuration instructions for Angular Essentials packages
Previous Article
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