open-index/open-npm huggingface dataset:
npm package: @motardo/bar-chart
Description: Create a bar chart SVG
Author: Nathan Wilson
Latest version: 1.1.0

# bar-chart
Create a bar chart SVG

## Installation
`npm install @motardo/bar-chart`

## Basic Usage
```js
const barChart = require('@motardo/bar-chart');

const data = [3.14, 4.54, 2.72, 8, 3.33];
const config = {
  attributes: {
    chart: [
      /* the base image of the bars is 100 by 100 square
       * so this leaves some left and right padding and room
       * below for labels
       */
      'viewBox="0 0 120 240"',
    ],
  },
  labels: ['Superman', 'Batman', 'Godzilla', 'Elmo', 'Thor'],
  fill: ['#b88'],
};
const chart = barChart.svg(data, config);
```
The output is the `<svg>` string for drawing the chart. It will look like this:

![bar chart](demo.png "demo bar chart")

## Express Demo
To run the demo:
```sh
git clone git@github.com:Motardo/bar-chart.git
cd bar-chart && npm install
node demo.js
```

And visit `localhost:3000` in a web browser to see the example chart.r
Note: You will want to resize the browser window to be quite narrow for the demo chart to display reasonably.

## API
The module exposes one method `svg` which takes an array of numbers for data to
construct the bar chart. An optional `config` object may be given as a second parameter.

### Config
Properties may include:
 - `attributes`: an object with three properties
   * `chart`: an array of attributes to include in the outer svg tag
   * `bars`: an array of attributes to apply to the bars as a group
   * `labels`: like `bars` but for the labels as a group
 - `fill`: an array of strings representing fill colors to cycle through for each bar (default is `["#ccc"]`)
 - `stroke`: like `fill`, but for the stroke colors
 - `labels`: an array of strings to label the data
 - `labelOptions`: an object to configure the label appearance
   * `fontSize`: default is `"10px"`
   * `rotate`: default is `60`
   * `padding`: default is `7`
npm package: @motardo/nouislider
Description: A React controlled component wrapper for nouislider
Author: Nathan Wilson
Latest version: 1.0.1

# nouislider
A react controlled component wrapper for nouislider

## Usage
```js
import React, { Component } from 'react';
import NoUiSlider from '@motardo/nouislider';

class App extends Component {
  constructor(props) {
    super(props);
    this.handleSliderUpdate = this.handleSliderUpdate.bind(this);
    this.state = { sliderValues: [200, 800] };
  }

  handleSliderUpdate(values) {
    this.setState({ sliderValues: values });
  }

  render() {
    return (
      <div className="App">
        <NoUiSlider
          values={this.state.sliderValues}
          onUpdate={this.handleSliderUpdate}
          options={{
            start: [200, 800],
            range: {
              min: 0,
              max: 1000,
            },
            step: 25,
          }}
        />
      </div>
    );
  }
}

export default App;
```

## Demo
To run the demo app
```sh
npm install @motardo/nouislider
cd node_modules/@motardo/nouislider/demo
npm install
npm start
```
npm package: @motato/eslint-config-vue
Description: ESLint plugin for Vue.js
Author: windego
Latest version: 0.0.16

# `@motato/eslint-config-vue`

## Installation

```
yarn add @motato/eslint-config-vue
```

## Usage

Then, add this to your .eslintrc file:

```
{
  "extends": "@motato/eslint-config-vue"
}
npm package: @motato/shelljs
Description: TS/JS Node powered by esbuild
Author: windego
Latest version: 0.0.3

<h1 align='center'>
<samp>esno</samp> / <samp>esmo</samp>
</h1>

<p align='center'>
  <samp>TypeScript / ESNext node runtime powered by esbuild</samp>
<br>
<br>
<a href='https://www.npmjs.com/package/esno'>
<img src='https://img.shields.io/npm/v/esno?color=333&labelColor=555&style=flat-square' alt='version'/>
</a>
</p>

- `esno` - Node in CJS mode - by <a href='https://github.com/egoist/esbuild-register'>esbuild-register</a>
- `esmo` - Node in ESM mode - by <a href='https://github.com/antfu/esbuild-node-loader'>esbuild-node-loader</a>

## Usage

```bash
npx esno hello.ts

# use with `type: module`
npx esmo hello.ts
```

#### Install globally

```bash
npm i -g esno

esno index.ts
esmo index.ts
```

#### Install as dependency

```bash
npm i esno
```

```json
{
  "scripts": {
    "start": "esno index.ts"
  },
  "dependencies": {
    "esno": "*"
  }
}
```

```bash
npm run start
```

```json
{
  "type": "module",
  "scripts": {
    "start": "esmo index.ts"
  },
  "dependencies": {
    "esno": "*"
  }
}
```
npm package: @motaword/excalidraw
Description: Excalidraw as a React component
Latest version: 0.16.9

# Excalidraw

**Excalidraw** is exported as a component to directly embed in your projects.

## Installation

You can use `npm`

```bash
npm install react react-dom @excalidraw/excalidraw
```

or via `yarn`

```bash
yarn add react react-dom @excalidraw/excalidraw
```

After installation you will see a folder `excalidraw-assets` and `excalidraw-assets-dev` in `dist` directory which contains the assets needed for this app in prod and dev mode respectively.

Move the folder `excalidraw-assets` and `excalidraw-assets-dev` to the path where your assets are served.

By default it will try to load the files from [`https://unpkg.com/@excalidraw/excalidraw/dist/`](https://unpkg.com/@excalidraw/excalidraw/dist)

If you want to load assets from a different path you can set a variable `window.EXCALIDRAW_ASSET_PATH` depending on environment (for example if you have different URL's for dev and prod) to the url from where you want to load the assets.

#### Note

**If you don't want to wait for the next stable release and try out the unreleased changes you can use `@excalidraw/excalidraw@next`.**

## Dimensions of Excalidraw

Excalidraw takes _100%_ of `width` and `height` of the containing block so make sure the container in which you render Excalidraw has non zero dimensions.

### Demo

[Try here](https://codesandbox.io/s/excalidraw-ehlz3).

## Integration

Head over to the [docs](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/integration)

## API

Head over to the [docs](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api)

## Contributing

Head over to the [docs](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/contributing)
npm package: @motaword/excalidraw-utils
Description: Excalidraw utilities functions
Latest version: 0.1.5

# @excalidraw/utils

## Install

```bash
npm install @excalidraw/utils
```

If you prefer Yarn over npm, use this command to install the Excalidraw utils package:

```bash
yarn add @excalidraw/utils
```

## API

### `serializeAsJSON`

See [`serializeAsJSON`](https://github.com/excalidraw/excalidraw/blob/master/src/packages/excalidraw/README.md#serializeAsJSON) for API and description.

### `exportToBlob` (async)

Export an Excalidraw diagram to a [Blob](https://developer.mozilla.org/en-US/docs/Web/API/Blob).

### `exportToSvg`

Export an Excalidraw diagram to a [SVGElement](https://developer.mozilla.org/en-US/docs/Web/API/SVGElement).

## Usage

Excalidraw utils is published as a UMD (Universal Module Definition). If you are using a module bundler (for instance, Webpack), you can import it as an ES6 module:

```js
import { exportToSvg, exportToBlob } from "@excalidraw/utils";
```

To use it in a browser directly:

```html
<script src="https://unpkg.com/@excalidraw/utils@0.1.0/dist/excalidraw-utils.min.js"></script>
<script>
  // ExcalidrawUtils is a global variable defined by excalidraw.min.js
  const { exportToSvg, exportToBlob } = ExcalidrawUtils;
</script>
```

Here's the `exportToBlob` and `exportToSvg` functions in action:

```js
const excalidrawDiagram = {
  type: "excalidraw",
  version: 2,
  source: "https://excalidraw.com",
  elements: [
    {
      id: "vWrqOAfkind2qcm7LDAGZ",
      type: "ellipse",
      x: 414,
      y: 237,
      width: 214,
      height: 214,
      angle: 0,
      strokeColor: "#000000",
      backgroundColor: "#15aabf",
      fillStyle: "hachure",
      strokeWidth: 1,
      strokeStyle: "solid",
      roughness: 1,
      opacity: 100,
      groupIds: [],
      roundness: null,
      seed: 1041657908,
      version: 120,
      versionNonce: 1188004276,
      isDeleted: false,
      boundElementIds: null,
    },
  ],
  appState: {
    viewBackgroundColor: "#ffffff",
    gridSize: null,
  },
};

// Export the Excalidraw diagram as SVG string
const svg = exportToSvg(excalidrawDiagram);
console.log(svg.outerHTML);

// Export the Excalidraw diagram as PNG Blob URL
(async () => {
  const blob = await exportToBlob({
    ...excalidrawDiagram,
    mimeType: "image/png",
  });

  const urlCreator = window.URL || window.webkitURL;
  console.log(urlCreator.createObjectURL(blob));
})();
```
npm package: @mote-software/markitdown
Description: Convert various file formats to Markdown
Author: Mote Software
Latest version: 1.2.0

# @mote-software/markitdown

Convert various file formats to Markdown with ease.

## Installation

```bash
npm install @mote-software/markitdown
```

Or with pnpm:

```bash
pnpm add @mote-software/markitdown
```

## Usage

### Command Line

```bash
# Convert a file to markdown
markitdown input.pdf > output.md

# Or use npx without installing
npx @mote-software/markitdown input.docx > output.md
```

### Programmatic API

```javascript
const { runMarkitdown, getBinaryPath } = require('@mote-software/markitdown')

// Run markitdown and get output
const markdown = runMarkitdown('input.pdf')
console.log(markdown)
```

## Supported Formats

- PDF documents (.pdf)
- Word documents (.docx)
- PowerPoint presentations (.pptx)
- HTML files (.html)
- Images (various formats)
- Audio files (with transcription)
- And more!

## Platform Support

This package includes pre-built binaries for:

- macOS (Intel x64 and Apple Silicon arm64)
- Linux (x64)
- Windows (x64)

The correct binary for your platform will be automatically installed.

## How It Works

This package uses platform-specific optional dependencies to install the correct binary for your system. If the optional dependency installation fails (e.g., due to network issues), the postinstall script will download the binary from npm as a fallback.

## License

MIT

## Credits

Wrapper of the excellent [markitdown](https://github.com/microsoft/markitdown) project by Microsoft.
npm package: @motebit/protocol
Description: Motebit network protocol types — identity, receipts, credentials, settlement, trust algebra. MIT, zero dependencies.
Latest version: 0.8.0

# @motebit/protocol

Network protocol types for the Motebit agent identity standard.

Zero dependencies. Pure TypeScript — identity, execution receipts, verifiable credentials, settlement records, trust algebra, policy governance, and storage adapter contracts.

This package defines the types that any system needs to participate in the Motebit network: verify agent identity, validate execution receipts, issue credentials, compute trust scores, and settle payments. It does not include product-specific types (state vectors, creature behavior, rendering) — those are in `@motebit/sdk`.

## Install

```bash
npm install @motebit/protocol
```

## What's included

- **Branded ID types** — `MotebitId`, `DeviceId`, `GoalId`, `AllocationId`, etc.
- **Trust algebra** — semiring operations for delegation chain trust computation
- **Identity** — `MotebitIdentity`, `KeySuccessionRecord`, `DeviceRegistration`
- **Execution receipts** — `ExecutionReceipt` with nested delegation chains
- **Credentials** — W3C VC 2.0 types (`ReputationCredentialSubject`, `TrustCredentialSubject`)
- **Settlement** — `BudgetAllocation`, `SettlementRecord`, `PLATFORM_FEE_RATE`
- **Policy** — `ToolDefinition`, `PolicyDecision`, `RiskLevel`, `SensitivityLevel`
- **Storage adapters** — pluggable persistence contracts for any backend

## License

MIT
npm package: @motebit/sdk
Description: Motebit product development kit — shared types, config schemas, normalization, and adapters for Motebit surfaces. Re-exports @motebit/protocol.
Latest version: 0.8.0

# @motebit/sdk

Product types for building on the Motebit runtime — state vectors, creature behavior, rendering spec, memory graph, AI provider interface.

Re-exports all types from [`@motebit/protocol`](https://www.npmjs.com/package/@motebit/protocol) for convenience. If you only need protocol types (identity, receipts, credentials, settlement), use `@motebit/protocol` directly (MIT licensed).

## Install

```bash
npm install @motebit/sdk
```

## What's included

Everything from `@motebit/protocol` (re-exported), plus:

- **State vector** — `MotebitState`, `TrustMode`, `BatteryMode`
- **Behavior** — `BehaviorCues`, `SPECIES_CONSTRAINTS`
- **Memory graph** — `MemoryNode`, `MemoryEdge`, `MemoryQuery`, `MemoryStorageAdapter`
- **Rendering** — `RenderSpec`, `GeometrySpec`, `MaterialSpec`, `LightingSpec`
- **AI provider** — `ContextPack`, `AIResponse`, `IntelligenceProvider`, `ConversationMessage`
- **Gradient** — `GradientSnapshot`, `GradientStoreAdapter`, `PrecisionWeights`
- **Export** — `ExportManifest`, `StorageAdapters`

## Related

- [`@motebit/protocol`](https://www.npmjs.com/package/@motebit/protocol) — network protocol types (MIT, zero deps)
- [`@motebit/crypto`](https://www.npmjs.com/package/@motebit/crypto) — signature verification (MIT, zero deps)
- [`create-motebit`](https://www.npmjs.com/package/create-motebit) — scaffold a signed agent identity

## License

MIT
npm package: @motebus/dc
Description: domain controller
Latest version: 2.3.8

# dc-docker
Build the dc docker image

### build

```bash
docker build -t motebus/dc .
``` 

### run

__must run the motechat/bus-stack before running the motechat/dc.__

[motechat/bus-stack](https://github.com/MoteChat/bus-stack-image)

```bash
docker run -d --net=container:<bus-stack container> motebus/dc
``` 
# Environment Parameters


*  DCAPP_IOC: MMA of IOC.

*  DCAPP_HEARTBEAT: Interval(sec) of heartbeat, must greater than 30 second.

*  DCAPP_WATCHLEVEL: the watch message level on console - 0, 1, 2

*  DCAPP_MBGWIP: the IP of motebus gateway, replace DCAPP_MOTEBUS_GATEWAY

*  DCAPP_DCTABLE: the MMA of dcTable

*  DCAPP_QNAME: the qname of dctable
npm package: @motech-development/bootstrap
Description: Bootstrap NestJS REST API and microservice applications
Author: Mo Gusbi
Latest version: 1.0.7

[npm]: https://img.shields.io/npm/v/@motech-development/bootstrap
[npm-url]: https://www.npmjs.com/package/@motech-development/bootstrap
[size]: https://packagephobia.now.sh/badge?p=@motech-development/bootstrap
[size-url]: https://packagephobia.now.sh/result?p=@motech-development/bootstrap
[sonar]: https://sonarcloud.io/api/project_badges/measure?project=motech-development_microservices_1&metric=alert_status
[sonar-url]: https://sonarcloud.io/summary/new_code?id=motech-development_microservices_1

[![npm][npm]][npm-url]
[![size][size]][size-url]
[![sonar][sonar]][sonar-url]

# @motech-development/bootstrap

> Bootstrap NestJS REST API and microservice applications

Quickly get a NestJS app up and running with built in network logging, input validation and application crash logging. Supports both Nest applications and microservices.

## Installation

Add `@motech-development/bootstrap` as a dependency.

```bash
# Yarn
yarn add @motech-development/bootstrap

# NPM
npm i @motech-development/bootstrap
```

## Usage

Use the bootstrap on your application entry point.

```typescript
import { bootstrap } from '@motech-development/bootstrap';

const api = NestFactory.create(RestApiModule);

const service = NestFactory.createMicroservice(MicroserviceModule);

const port = 8080; // Optional. Defaults to 3000. Can also be set using the PORT environment variable.

bootstrap(
  {
    api, // Optional
    service, // Optional
  },
  port,
);
```
npm package: @motech-development/eslint-config-motech-base
Description: Reusable ESLint config
Author: Mo Gusbi
Latest version: 6.0.0

[npm]: https://img.shields.io/npm/v/@motech-development/eslint-config-motech-base
[npm-url]: https://www.npmjs.com/package/@motech-development/eslint-config-motech-base
[size]: https://packagephobia.now.sh/badge?p=@motech-development/eslint-config-motech-base
[size-url]: https://packagephobia.now.sh/result?p=@motech-development/eslint-config-motech-base

[![npm][npm]][npm-url]
[![size][size]][size-url]

# Motech Development base ESLint config

> Reusable ESLint config

# Installation

1. Install `@motech-development/eslint-config-motech-base` as a development dependency.

```bash
# Yarn
yarn add -D @motech-development/eslint-config-motech-base

# NPM
npm i -D @motech-development/eslint-config-motech-base
```

2. Extend your ESLint config.

```js
import config from '@motech-development/eslint-config-motech-base';
import { defineConfig } from 'eslint/config';

export default defineConfig(config);
```

3. Configure TypeScript by ensuring there is a `tsconfig.json` file in your project.
npm package: @motech-development/eslint-config-motech-react
Description: Reusable ESLint config for React apps
Author: Mo Gusbi
Latest version: 6.0.0

[npm]: https://img.shields.io/npm/v/@motech-development/eslint-config-motech-react
[npm-url]: https://www.npmjs.com/package/@motech-development/eslint-config-motech-react
[size]: https://packagephobia.now.sh/badge?p=@motech-development/eslint-config-motech-react
[size-url]: https://packagephobia.now.sh/result?p=@motech-development/eslint-config-motech-react

[![npm][npm]][npm-url]
[![size][size]][size-url]

# Motech Development ESLint config for React apps

> Reusable ESLint config

# Installation

1. Install `@motech-development/eslint-config-motech-react` as a development dependency.

```bash
# Yarn
yarn add -D @motech-development/eslint-config-motech-react

# NPM
npm i -D @motech-development/eslint-config-motech-react
```

2. Extend your ESLint config.

```js
import config from '@motech-development/eslint-config-motech-react';
import { defineConfig } from 'eslint/config';

export default defineConfig(config);
```

3. Configure TypeScript by ensuring there is a `tsconfig.json` file in your project.
npm package: @motech-development/logger
Description: NestJS application logger
Author: Mo Gusbi
Latest version: 1.0.7

[npm]: https://img.shields.io/npm/v/@motech-development/logger
[npm-url]: https://www.npmjs.com/package/@motech-development/logger
[size]: https://packagephobia.now.sh/badge?p=@motech-development/logger
[size-url]: https://packagephobia.now.sh/result?p=@motech-development/logger
[sonar]: https://sonarcloud.io/api/project_badges/measure?project=motech-development_microservices_2&metric=alert_status
[sonar-url]: https://sonarcloud.io/summary/new_code?id=motech-development_microservices_2

[![npm][npm]][npm-url]
[![size][size]][size-url]
[![sonar][sonar]][sonar-url]

# @motech-development/logger

> NestJS application logger

A Morgan logger for NestJS.

## Installation

Add `@motech-development/logger` as a dependency.

```bash
# Yarn
yarn add @motech-development/logger

# NPM
npm i @motech-development/logger
```

## Usage

Add the `LoggerModule` to your application.

```typescript
import { LoggerModule } from '@motech-development/logger';

@Module({
  imports: [LoggerModule],
})
class AppModule {}
```

This will automatically begin to log all network requests in your application and provide the logger to use in your application.

```typescript
import { Logger } from '@motech-development/logger';

@Injectable()
class MyService {
  private readonly logger = new Logger();

  public myMethod(): void {
    this.logger.log('Testing, 123');
  }
}

// Or...

@Injectable()
class AnotherService {
  constructor(private readonly logger: Logger) {}

  public myMethod(): void {
    this.logger.debug('Testing, 123');
  }
}
```
npm package: @motech-development/messages
Description: Normalise broker messages
Author: Mo Gusbi
Latest version: 1.0.6

[npm]: https://img.shields.io/npm/v/@motech-development/messages
[npm-url]: https://www.npmjs.com/package/@motech-development/messages
[size]: https://packagephobia.now.sh/badge?p=@motech-development/messages
[size-url]: https://packagephobia.now.sh/result?p=@motech-development/messages
[sonar]: https://sonarcloud.io/api/project_badges/measure?project=motech-development_microservices_3&metric=alert_status
[sonar-url]: https://sonarcloud.io/summary/new_code?id=motech-development_microservices_3

[![npm][npm]][npm-url]
[![size][size]][size-url]
[![sonar][sonar]][sonar-url]

# @motech-development/messages

> Normalise broker messages

Constructs a consistent broker message.

## Installation

Add `@motech-development/messages` as a dependency.

```bash
# Yarn
yarn add @motech-development/messages

# NPM
npm i @motech-development/messages
```

## Usage

Use the `message` utility to create a new message.

```typescript
import { message } from '@motech-development/messages';

const dataMsg = message({
  data: {
    anything: 'can',
    go: 'in here',
  },
});

const idMsg = message({
  id: 'your-id-goes-here',
});

const dataWithIdMsg = message({
  data: {
    anything: 'can',
    go: 'in here',
  },
  id: 'your-id-goes-here',
});

client.send('create', dataMsg);

client.send('remove', idMsg);

client.send('update', msg);
```
npm package: @motech-development/pagination
Description: NestJS pagination utility
Author: Mo Gusbi
Latest version: 1.0.6

[npm]: https://img.shields.io/npm/v/@motech-development/pagination
[npm-url]: https://www.npmjs.com/package/@motech-development/pagination
[size]: https://packagephobia.now.sh/badge?p=@motech-development/pagination
[size-url]: https://packagephobia.now.sh/result?p=@motech-development/pagination
[sonar]: https://sonarcloud.io/api/project_badges/measure?project=motech-development_microservices_4&metric=alert_status
[sonar-url]: https://sonarcloud.io/summary/new_code?id=motech-development_microservices_4

[![npm][npm]][npm-url]
[![size][size]][size-url]
[![sonar][sonar]][sonar-url]

# @motech-development/pagination

> NestJS pagination utility

This utility provides an interceptor and decorator that, in conjunction, allow you to quickly convert query string parameters into paginated inputs for querying data.

## Installation

Add `@motech-development/pagination` as a dependency.

```bash
# Yarn
yarn add @motech-development/pagination

# NPM
npm i @motech-development/pagination
```

## Usage

Add the `PaginationModule` to your application.

```typescript
import { PaginationModule } from '@motech-development/pagination';

@Module({
  imports: [PaginationModule],
})
class AppModule {}
```

This module will then make the `PaginationInterceptor` and `Pagination` decorator available to use in your controllers.

```typescript
import {
  IPaginated,
  Pagination,
  PaginationInterceptor,
} from '@motech-development/pagination';

@Controller()
class AppController {
  @Get()
  @UseInterceptors(PaginationInterceptor)
  public get(@Pagination() data: IPaginated): IPaginated {
    return data;
  }
}
```

The pagination decorator accepts the following query string parameters; `dir`, `limit`, `page`, `sortBy`. If not set `dir` defaults to `descending`, `limit` to `10` and `page` to `1`.

The output will be the following object.

```typescript
interface IOutput {
  orderBy: {
    [name: string]: 'asc' | 'desc';
  };
  skip: number;
  take: number;
}
```
npm package: @motech-development/prisma
Description: NestJS module for Prisma
Author: Mo Gusbi
Latest version: 1.0.6

[npm]: https://img.shields.io/npm/v/@motech-development/prisma
[npm-url]: https://www.npmjs.com/package/@motech-development/prisma
[size]: https://packagephobia.now.sh/badge?p=@motech-development/prisma
[size-url]: https://packagephobia.now.sh/result?p=@motech-development/prisma
[sonar]: https://sonarcloud.io/api/project_badges/measure?project=motech-development_microservices_5&metric=alert_status
[sonar-url]: https://sonarcloud.io/summary/new_code?id=motech-development_microservices_5

[![npm][npm]][npm-url]
[![size][size]][size-url]
[![sonar][sonar]][sonar-url]

# @motech-development/prisma

> NestJS module for Prisma

A NestJS module that allows you to interact with your database using Prisma.

# Installation

Add `@motech-development/prisma` as a dependency.

```bash
# Yarn
yarn add @motech-development/prisma

# NPM
npm i @motech-development/prisma
```

## Usage

Add the `PrismaModule` to your application.

```typescript
import { PrismaModule } from '@motech-development/prisma';

@Module({
  imports: [PrismaModule],
})
class AppModule {}
```

The module will then make the `PrismaService` available to use.

```typescript
import { PrismaService } from '@motech-development/prisma';

@Injectable()
class AppService {
  constructor(private readonly prismaService: PrismaService) {}

  public deleteUser(id: string): Promise<void> {
    await this.prismaServiceuser.delete({
      where: {
        id,
      },
    });
  }
}
```
npm package: @motel/vue-modal-carousel
Description: A flexible, responsive, touch-friendly carousel for Vue.js
Author: thomas@motel.is
Latest version: 0.3.0

# Vue Carousel

[![Build Status](https://travis-ci.org/SSENSE/vue-carousel.svg?branch=master)](https://travis-ci.org/SSENSE/vue-carousel)
[![Coverage Status](https://coveralls.io/repos/github/SSENSE/vue-carousel/badge.svg?branch=master)](https://coveralls.io/github/SSENSE/vue-carousel?branch=master)
[![Latest Stable Version](https://img.shields.io/npm/v/vue-carousel.svg)](https://www.npmjs.com/package/vue-carousel)

**WARNING: vue-carousel is at pre-alpha stage of development and may undergo significant changes.**

**Feel free to submit issues and feature requests [here](https://github.com/SSENSE/vue-carousel/issues)**.

**[Full documentation and examples](https://ssense.github.io/vue-carousel)**

## Table of Contents
- [Installation](#installation)
- [Usage](#usage)
- [Development](#development)
- [License](#license)

## Installation

``` bash
npm install -S vue-carousel
```

## Usage

### Global

You may install Vue Carousel globally:

``` js
import Vue from 'vue';
import VueCarousel from 'vue-carousel';

Vue.use(VueCarousel);
```
This will make **&lt;carousel&gt;** and **&lt;slide&gt;** available to all components within your Vue app.

### Local

Include the carousel directly into your component using import:

``` js
import { Carousel, Slide } from 'vue-carousel';

export default {
  ...
  components: {
    Carousel,
    Slide
  }
  ...
};
```

### HTML Structure

Once the **Carousel** and **Slide** components are installed globally or imported, they can be used in templates in the following manner:

``` html
  <carousel>
    <slide>
      Slide 1 Content
    </slide>
    <slide>
      Slide 2 Content
    </slide>
  </carousel>
```

## Development

A sandboxed dev environment is provided by [vue-play](https://github.com/vue-play/vue-play). Changes made to the component files will appear in real time in the sandbox. 

To begin development, run:

``` bash
npm install
npm run dev
```

then navigate to `http://localhost:5000`

To modify and add sandbox scenarios, edit `play/index.js`

## License

This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details.