# ngx-clickable-us-map

> This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.0.0.

Latest version **0.0.8** (published 2023-05-16) · 0 weekly downloads

## Install

```sh
npm install ngx-clickable-us-map
pnpm add ngx-clickable-us-map
yarn add ngx-clickable-us-map
bun add ngx-clickable-us-map
```

## 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.8 |
| Published | 2023-05-16 |
| First published | 2023-05-11 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 1 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | pittsblake |

## Links

- npm: https://www.npmjs.com/package/ngx-clickable-us-map
- npm.io page: https://npm.io/package/ngx-clickable-us-map

## Dependencies (1)

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

## Recent versions

- 0.0.8 (latest) — 2023-05-16
- 0.0.7 — 2023-05-16
- 0.0.6 — 2023-05-16
- 0.0.5 — 2023-05-16
- 0.0.4 — 2023-05-15
- 0.0.3 — 2023-05-15
- 0.0.2 — 2023-05-12
- 0.0.1 — 2023-05-11

## README

# NgxClickableUsMap

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.0.0.

## How to use

- Npm install package.
- Insert NgxClickableUsMapModule into the Imports in AppModule
- Use `<lib-ngx-clickable-us-map></lib-ngx-clickable-us-map>` in the template to see the map.

- Each state has an ID with it's own two letter abbreviation. Ex: Colorado: id = 'CO'
- To set selections, pass in an array of strings to the @Input of `[selectedIds]`
- Selections are emitted via the @Output EventEmitter `(updatedSelections)` as an array of string IDs.

- The fill and unfill color of the map can be changed by using the @Input `[colors]`.
  `colors = { unfill: #e2e2e2, fill: #0BCBA3 }`

## State Id List

```
 statelist = {
    AL: 'Alabama',
    AK: 'Alaska'
    AR: 'Arkansas',
    AZ: 'Arizona',
    CA: 'California',
    CO: 'Colorado',
    CT: 'Connecticut',
    DC: 'District of Columbia',
    DE: 'Delaware',
    FL: 'Florida',
    GA: 'Georgia',
    HI: 'Hawaii',
    IA: 'Iowa',
    ID: 'Idaho',
    IL: 'Illinois',
    IN: 'Indiana',
    KS: 'Kansas',
    KY: 'Kentucky',
    LA: 'Louisiana',
    MA: 'Massachusetts',
    MD: 'Maryland',
    ME: 'Maine',
    MI: 'Michigan',
    MN: 'Minnesota',
    MO: 'Missouri',
    MS: 'Mississippi',
    MT: 'Montana',
    NC: 'North Carolina',
    ND: 'North Dakota',
    NE: 'Nebraska',
    NH: 'New Hampshire',
    NJ: 'New Jersey',
    NM: 'New Mexico',
    NV: 'Nevada',
    NY: 'New York',
    OH: 'Ohio',
    OK: 'Oklahoma',
    OR: 'Oregon',
    PA: 'Pennsylvania',
    RI: 'Rhode Island',
    SC: 'South Carolina',
    SD: 'South Dakota',
    TN: 'Tennessee',
    TX: 'Texas',
    UT: 'Utah',
    VA: 'Virginia',
    VT: 'Vermont',
    WA: 'Washington',
    WI: 'Wisconsin',
    WV: 'West Virginia',
    WY: 'Wyoming',
  };
```

## Code scaffolding

Run `ng generate component component-name --project ngx-clickable-us-map` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ngx-clickable-us-map`.

> Note: Don't forget to add `--project ngx-clickable-us-map` or else it will be added to the default project in your `angular.json` file.

## Build

Run `ng build ngx-clickable-us-map` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build ngx-clickable-us-map`, go to the dist folder `cd dist/ngx-clickable-us-map` and run `npm publish`.

## Running unit tests

Run `ng test ngx-clickable-us-map` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

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