# analytiq_widgets

> Qrvey AnalytiQ Widgets

Latest version **0.0.5** (published 2022-07-14) · MIT license · 0 weekly downloads

## Install

```sh
npm install analytiq_widgets
pnpm add analytiq_widgets
yarn add analytiq_widgets
bun add analytiq_widgets
```

## Health

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

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads; large bundle; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.5 |
| Published | 2022-07-14 |
| First published | 2022-07-08 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 10 |
| Unpacked size | 63.6 MB |
| Known vulnerabilities | 0 (+2 in 1 direct dependencies) |
| Install scripts | no |
| Maintainers | juandavidleg1 |

## Links

- npm: https://www.npmjs.com/package/analytiq_widgets
- npm.io page: https://npm.io/package/analytiq_widgets

## Dependencies (10)

- [d3](https://npm.io/package/d3.md) 6.3.1
- [moment](https://npm.io/package/moment.md) 2.29.3
- [iwanthue](https://npm.io/package/iwanthue.md) 1.5.0
- [split.js](https://npm.io/package/split.js.md) 1.6.4
- [tippy.js](https://npm.io/package/tippy.js.md) 5.2.1
- [chroma-js](https://npm.io/package/chroma-js.md) 2.1.2
- [ace-builds](https://npm.io/package/ace-builds.md) 1.7.1
- [@qrvey/utils](https://npm.io/package/@qrvey/utils.md) 1.4.5
- [vanillajs-datepicker](https://npm.io/package/vanillajs-datepicker.md) 1.2.0
- [@easylogic/colorpicker](https://npm.io/package/@easylogic/colorpicker.md) 1.10.5

## Recent versions

- 0.0.5 (latest) — 2022-07-14
- 0.0.4 — 2022-07-14
- 0.0.3 — 2022-07-13
- 0.0.2 — 2022-07-08

## README

# Qrvey AnalytiQ Widgets

This is a custom project made with [StencilJS](https://stenciljs.com) for creating AnalytiQ widgets.

## Getting Started

For the first time you must run:

```bash
npm install
```

## Serve in local

To start a dev local server, run:

```bash
npm start
```

## Build all

To build all the components in a bundle for production, run:

```bash
npm run build
```

To build all the components in a bundle for production, using a custom S3 bucket, run:

```bash
npm run build.prod S3_BUCKET_URL
```

## Naming Components

When creating new component tags, we recommend _not_ using `stencil` in the component name (ex: `<stencil-datepicker>`). This is because the generated component has little to nothing to do with Stencil; it's just a web component!

Instead, use a prefix that fits your company or any name for a group of related components. For example, all of the Ionic generated web components use the prefix `ion`.


## Using this component

### Script tag

- [Publish to NPM](https://docs.npmjs.com/getting-started/publishing-npm-packages)
- Put a script tag similar to this `<script src='https://unpkg.com/my-component@0.0.1/dist/mycomponent.js'></script>` in the head of your index.html
- Then you can use the element anywhere in your template, JSX, html etc

### Node Modules
- Run `npm install my-component --save`
- Put a script tag similar to this `<script src='node_modules/my-component/dist/mycomponent.js'></script>` in the head of your index.html
- Then you can use the element anywhere in your template, JSX, html etc

### In a stencil-starter app
- Run `npm install my-component --save`
- Add an import to the npm packages `import my-component;`
- Then you can use the element anywhere in your template, JSX, html etc



## Need more help?

Check out the official [StencilJS Docs](https://stenciljs.com/docs/introduction).

### Husky and lint-stage

This dependencies help us to validate code in git pre-commit hook. Additionaly, you can create actions in any git hook.

- Husky: [Documentation](https://typicode.github.io/husky/)
- lint-stage: [Documentation](https://github.com/okonet/lint-staged)

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