@lakea/gravity-svg-adapter-svg-injector

An adapter for GrSvg using svg-injector as implementation.

Installation

Install the library using NPM:

npm install @lakea/gravity-svg-adapter-svg-injector @tanem/svg-injector --save

Next, create a new file, svg-adapter-root.module.ts which exposes an Angular's module with a default configuration.

1import {NgModule} from '@angular/core';
2import {GrSvg} from '@lakea/gravity/ui';
3import {GrSvgAdapterSvgInjector} from '@lakea/gravity-svg-adapter-svg-injector';
4
5@NgModule({
6  providers: [
7    {
8      provide: GrSvg,
9      useClass: GrSvgAdapterSvgInjector,
10    },
11  ],
12})
13export class SvgAdapterRootModule {}

Import SvgAdapterRootModule to application root module like app.module.ts.

You should import the SvgAdapterRootModule once in your root module.

The SvgAdapterRootModule provide the adapter implementation for GrSvg.

---

Creating your own adapter

Create your adapter implementation class extending GrSvg abstraction:

1import {Injectable, Renderer2, RendererFactory2} from '@angular/core';
2
3import {GrSvg} from '@lakea/gravity/ui';
4
5@Injectable()
6export class GrSvgAdapter extends GrSvg {
7  constructor() {
8    super();
9  }
10
11  public generateSvg(assetUrl: string): Promise<SVGSVGElement> {
12    // YOUR IMPLEMENTATION
13  }
14}

So, provide it on your application root module (maybe app.module.ts), like this:

1  providers: [
2    {
3      provide: GrSvg,
4      useClass: GrSvgAdapter,
5    }
6  ]