# ng-pin

> This is the library project for ng-pin.

Latest version **0.0.11** (published 2022-03-28) · MIT license · 0 weekly downloads

## Install

```sh
npm install ng-pin
pnpm add ng-pin
yarn add ng-pin
bun add ng-pin
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.11 |
| Published | 2022-03-28 |
| First published | 2020-09-22 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 209.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | inthegarage |

## Links

- npm: https://www.npmjs.com/package/ng-pin
- Repository: https://github.com/inthegarage/inthegarage/angular-pin
- Homepage: https://github.com/inthegarage/angular-pin#readme
- npm.io page: https://npm.io/package/ng-pin

## Dependencies (1)

- [tslib](https://npm.io/package/tslib.md) ^2.2.0

## Recent versions

- 0.0.11 (latest) — 2022-03-28
- 0.0.10 — 2022-03-28
- 0.0.9 — 2022-03-28
- 0.0.8 — 2021-12-15
- 0.0.5 — 2020-09-22
- 0.0.4 — 2020-09-22
- 0.0.3 — 2020-09-22
- 0.0.2 — 2020-09-22

## README

# ng-pin

This is the library project for ng-pin.

To use simply include the package in your package.json
```html
<section angular-pin [(pinInformation)]="pinInformation">

</section>
```
pinInformation can be defined as follows:

```typescript
pinInformation : PinInformation = <PinInformation>{pins  : []};
```

and then fill it in.

```typescript
    this.pinInformation.imageLocation = './assets/westgate.jpg';
    this.pinInformation.imageXSize = 600;
    this.pinInformation.imageYSize = 900;
    let pin = new Pin();
    pin.text = 'Westgate Towers';
    pin.xcoords = 20;
    pin.ycoords = 100;
    pin.size = Size.Medium;
    this.pinInformation.pins.push(pin);
```

The initial pin array can be empty. The initial asset location should be somewhere an image is.

In your angular.json you need to specify at least where the ng-pin stylesheet comes from:
```JSON
{
  "styles": [
    "./node_modules/ng-pin/assets/styles.css"
  ]
}
```

---
_Source: https://npm.io/package/ng-pin · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._