2.26.0 • Published 8 months ago

@heartlandone/vega-angular v2.26.0

Weekly downloads
-
License
-
Repository
github
Last release
8 months ago

Vega Angular

Angular specific wrapper for @heartlandone/vega

How to use

For installation guidance, please refer to https://vega.hlprd.com/guides/getting-started-developers#angular

For development

This library was generated with Angular CLI version 13.2.0.

This is the Angular specific wrapper for @heartlandone/vega with the following file structure (we only list some important file path):

...
├── src
│   ├── lib
│   │   ├── components-module.ts
│   │   └── stencil-generated
│   │       ├── angular-component-lib
│   │       │   └── utils.ts
│   │       └── components.ts => 
│   ...
...
  • ./src/lib/components-module.ts: angular module used to export auto-generated angular directive proxies
  • ./src/lib/stencil-generated/components.ts: stencil auto-generated angular directive proxies which can be used as angular components after import
  • ./src/lib/stencil-generated/angular-component-lib/utils.ts: utility class including proxy related functions used by components.ts

Pre-requisite

Make sure all the dependencies has been installed by running

> npm run install

Consuming change in vega-stencil

Once you build vega-stencil with command npm run build, stencil will auto populate corresponding component classes into ./src/lib/stencil-generated/components.ts

keeping in mind, if there is a new component created, you need to modify ./src/lib/components-module.ts to import the new component

Get started

To generate the compiled lib version for vega-angular please run

> ng build vega-angular

And the built lib can be found in ./dist/vega-angular

In order to use the unpublished lib vega-angular directly for your angular app package, you can choose one of the following options: 1. Directly install the local package into your angular app package by running:

```bash
> npm install file:<relative path to "./dist/vega-angular">
```
  1. Use npm symlink by running
    > npm link
    Note: you might also want to setup the symlink for vega-stencil as it is a direct dependency of vega-angular, so you can consume the local change in both package for your angular app

Troubleshoot

If you encounter the following error

✖ Compiling with Angular sources in Ivy partial compilation mode.
../../projects/vega-angular/src/lib/stencil-generated/value-accessor.ts:4:1 - error NG2004: Directive ValueAccessor has no selector, please add it!

  4 @Directive({})
    ~~~~~~~~~~~~~~
  5 export class ValueAccessor implements ControlValueAccessor {
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
...
 38   }
    ~~~
 39 }
    ~

this is a known issue in stencil https://github.com/ionic-team/stencil-ds-output-targets/issues/174, please add the selector vega-value-accessor like below to fix this issue:

@Directive({ selector: 'vega-value-accessor' })
export class ValueAccessor implements ControlValueAccessor {
    ...
}

Publish the package

Please check our general wiki

2.26.0

8 months ago

2.25.0

9 months ago

2.24.0

9 months ago

2.22.0

10 months ago

2.23.0

9 months ago

2.11.0

1 year ago

2.11.1

1 year ago

2.19.0

11 months ago

2.15.0

12 months ago

2.11.2

1 year ago

2.11.3

1 year ago

2.10.0

1 year ago

2.18.1

11 months ago

2.18.0

11 months ago

2.14.0

12 months ago

2.21.0

10 months ago

2.17.0

11 months ago

2.13.0

1 year ago

2.13.1

12 months ago

2.20.0

10 months ago

2.20.1

10 months ago

2.12.0

1 year ago

2.9.0

1 year ago

2.16.0

11 months ago

2.8.0

1 year ago

2.7.0

1 year ago

2.6.0

1 year ago

2.5.0

1 year ago

2.4.0

1 year ago

2.3.0

1 year ago

2.2.0

1 year ago

2.1.0

1 year ago

2.0.0

1 year ago

2.0.0-preview-4

1 year ago

1.52.0

1 year ago

2.0.0-preview-3

1 year ago

2.0.0-preview-2

1 year ago

1.51.0

1 year ago

2.0.0-preview-1

1 year ago

1.50.1

1 year ago

1.50.0

1 year ago

1.49.0

2 years ago

1.48.2

2 years ago

1.37.0

2 years ago

1.39.1

2 years ago

1.39.2

2 years ago

1.39.0

2 years ago

1.42.0

2 years ago

1.44.0

2 years ago

1.46.0

2 years ago

1.44.2

2 years ago

1.44.1

2 years ago

1.48.0

2 years ago

1.46.1

2 years ago

1.48.1

2 years ago

1.36.0

2 years ago

1.36.1

2 years ago

1.38.2

2 years ago

1.38.0

2 years ago

1.38.1

2 years ago

1.41.0

2 years ago

1.43.0

2 years ago

1.45.0

2 years ago

1.47.0

2 years ago

1.35.1

2 years ago

1.34.0

2 years ago

1.35.0

2 years ago

1.32.0

2 years ago

1.33.0

2 years ago

1.30.0

2 years ago

1.31.0

2 years ago

1.26.0

2 years ago

1.29.0

2 years ago

1.27.2

2 years ago

1.27.3

2 years ago

1.27.0

2 years ago

1.28.0

2 years ago

1.27.1

2 years ago

1.19.0

2 years ago

1.21.0

2 years ago

1.22.0

2 years ago

1.20.2

2 years ago

1.20.0

2 years ago

1.25.0

2 years ago

1.23.0

2 years ago

1.20.3

2 years ago

1.24.0

2 years ago

1.15.0

3 years ago

1.14.0

3 years ago

1.13.0

3 years ago

1.12.0

3 years ago

1.11.1

3 years ago

1.18.0

2 years ago

1.17.1

3 years ago

1.17.0

3 years ago

1.16.0

3 years ago

1.11.0

3 years ago

1.9.1

3 years ago

1.9.0

3 years ago

1.8.1

3 years ago

1.9.2

3 years ago

1.10.0

3 years ago

1.8.0

3 years ago

1.7.0

3 years ago

1.6.0

3 years ago

1.3.3

3 years ago

1.5.0

3 years ago

1.4.0

3 years ago

1.3.0

3 years ago

1.0.6

4 years ago