open-index/open-npm huggingface dataset:
npm package: @qutejs/commons
Description: Qute commons
Author: Bogdan Stefanescu
Latest version: 2.0.0-beta.10

# Qute Commons (@qutejs/commons)

This package is providing utility functions which are shared between **[Qute](https://qutejs.org)** packages.

Qute is a **reactive component model** designed for **plain old javascript** lovers.

# Getting Started

Use the Qute project generator to create a new Qute application or component project:

```
npm init @qutejs
```

or (on **node versions** older than **10.3.0**)

```
npx @qutejs/create
```

Go here for the **[Qute documentation](https://qutejs.org)**.

# Installing

```
npm install @qutejs/commons
```

# Building

Qute packages are built from the Qute multi-package repository root.
See [github](https://github.com/bstefanescu/qutejs).

# Authors

**[Bogdan Stefanescu](mailto:bogdan@quandora.com)** - *Intial Work* - [Quandora](https://quandora.com)

# License

[MIT](LICENSE)
npm package: @qutejs/compiler
Description: Qute compiler
Author: Bogdan Stefanescu
Latest version: 2.0.0-beta.10

# Qute Compiler (@qutejs/compiler)

The Qute Compiler is transpiling Qute templates and `.jsq` files to javascript.

**[Qute](https://qutejs.org)** is a **reactive component model** designed for **plain old javascript** lovers.

# Getting Started

Use the Qute project generator to create a new Qute application or component project:

```
npm init @qutejs
```

or (on **node versions** older than **10.3.0**)

```
npx @qutejs/create
```

Go here for the **[Qute documentation](https://qutejs.org)**.

# Installing

```
npm install @qutejs/compiler
```

# Usage

```
import Compiler from '@qutejs/compiler';
```

# Building

Qute packages are built from the Qute multi-package repository root.
See [github](https://github.com/bstefanescu/qutejs).

# Authors

**[Bogdan Stefanescu](mailto:bogdan@quandora.com)** - *Intial Work* - [Quandora](https://quandora.com)

# License

[MIT](LICENSE)
npm package: @qutejs/create
Description: Init a qute project
Author: Bogdan Stefanescu
Latest version: 2.0.0-beta.10

# Qute Project Generator (@qutejs/create)

Implements the Qute project generator.

**[Qute](https://qutejs.org)** is a **reactive component model** designed for **plain old javascript** lovers.

# Usage

```
npm init @qutejs
```

or (on **node versions** older than **10.3.0**)

```
npx @qutejs/create
```

Go here for the **[Qute Project Generator documentation](https://qutejs.org/#/getting-started)**.

# Building

Qute packages are built from the Qute multi-package repository root.
See [github](https://github.com/bstefanescu/qutejs).

# Authors

**[Bogdan Stefanescu](mailto:bogdan@quandora.com)** - *Intial Work* - [Quandora](https://quandora.com)

# License

[MIT](LICENSE)
npm package: @qutejs/form
Description: Qute Form helpers
Author: Bogdan Stefanescu
Latest version: 2.0.0-beta.10

# Qute Form Helpers (@qutejs/form)

A collection of **Qute** custom attribute directives to help working with forms.

**[Qute](https://qutejs.org)** is a **reactive component model** designed for **plain old javascript** lovers.

# Getting Started

Use the Qute project generator to create a new Qute application or component project:

```
npm init @qutejs
```

Go here for the **[Qute Form Helpers documentation](https://qutejs.org#/plugins/form)**.

# Installing

```
npm install @qutejs/form
```

# Usage

```
import '@qutejs/form';
```

# Building

Qute packages are built from the Qute multi-package repository root.
See [github](https://github.com/bstefanescu/qutejs).

# Authors

**[Bogdan Stefanescu](mailto:bogdan@quandora.com)** - *Intial Work* - [Quandora](https://quandora.com)

# License

[MIT](LICENSE)
npm package: @qutejs/group
Description: Qute Items Group directive
Author: Bogdan Stefanescu
Latest version: 2.0.0-beta.10

# Qute Items Group  (@qutejs/group)

>
> :warning: This **Qute**  plugin was **discontinued**.
>

A **Qute** custom attribute directive to create radio like actions using links or buttons.

**[Qute](https://qutejs.org)** is a **reactive component model** designed for **plain old javascript** lovers.

# Getting Started

Use the Qute project generator to create a new Qute application or component project:

```
npm init @qutejs
```

Go here for the **[Qute Items Group documentation](https://qutejs.org#/plugins/group)**.

# Installing

```
npm install @qutejs/group
```

# Usage

```
import { qModel, qValue } '@qutejs/group';
```

# Building

Qute packages are built from the Qute multi-package repository root.
See [github](https://github.com/bstefanescu/qutejs).

# Authors

**[Bogdan Stefanescu](mailto:bogdan@quandora.com)** - *Intial Work* - [Quandora](https://quandora.com)

# License

[MIT](LICENSE)
npm package: @qutejs/i18n
Description: Qute internationalization plugin based on polyglot
Author: Bogdan Stefanescu
Latest version: 2.0.0-beta.10

# Qute Items Group  (@qutejs/i18n)

A **Qute** internationalization plugin based on [polyglot](https://airbnb.io/polyglot.js/).

**[Qute](https://qutejs.org)** is a **reactive component model** designed for **plain old javascript** lovers.

# Getting Started

Use the Qute project generator to create a new Qute application or component project:

```
npm init @qutejs
```

Go here for the **[Qute i18n documentation](https://qutejs.org#/plugins/i18n)**.

# Installing

```
npm install @qutejs/i18n
```

# Usage

```javascript
import Qute from '@qutejs/runtime';
import '@qutejs/i18n';

var i18n = new Qute.Intl({
	resources: {
		en: {
			hello: 'Hello World!'
		},
		fr: {
			hello: 'Bonjour monde!'
		},
		ro: 'remote/messages-ro.json'
	}
});
i18n.load('en').then(function() {
	// phrases loaded -> ready to translate
	// you can mount your application now
})
```

Then you can use the translate method `t()` from a Qute component template:

```xml
<div>{{t('hello')}}</div>
```

# Building

Qute packages are built from the Qute multi-package repository root.
See [github](https://github.com/bstefanescu/qutejs).

# Authors

**[Bogdan Stefanescu](mailto:bogdan@quandora.com)** - *Intial Work* - [Quandora](https://quandora.com)

# License

[MIT](LICENSE)
npm package: @qutejs/importer
Description: Qute Importer provides lazy dynamic javascript dependencies import and support for lazy components
Author: Bogdan Stefanescu
Latest version: 2.0.0-beta.10

# Qute Importer  (@qutejs/importer)

A **Qute** plugin which provides dynamic javascript dependencies import and lazy components support.

**[Qute](https://qutejs.org)** is a **reactive component model** designed for **plain old javascript** lovers.

# Getting Started

Use the Qute project generator to create a new Qute application or component project:

```
npm init @qutejs
```

Go here for the **[Qute Importer documentation](https://qutejs.org#/plugins/importer)**.

# Installing

```
npm install @qutejs/importer
```

# Usage

```
import Importer from '@qutejs/importer';
```

# Building

Qute packages are built from the Qute multi-package repository root.
See [github](https://github.com/bstefanescu/qutejs).

# Authors

**[Bogdan Stefanescu](mailto:bogdan@quandora.com)** - *Intial Work* - [Quandora](https://quandora.com)

# License

[MIT](LICENSE)
npm package: @qutejs/material
Description: Material Design implementation for Qutejs
Author: Bogdan Stefanescu
Latest version: 0.1.0

# qute-material

Describe your component here

# Building

## Build libraries

```
npm run build
```

## Run tests

```
npm test
```

## Start the local development server

```
npm start
```

**Note** The `start` command is failing on **node 10** and node versions between **11.7.0** and **12.0.0**, due to a *too many open files* bug.

See https://github.com/nodejs/node/issues/25856
npm package: @qutejs/modal
Description: Qute Modal component
Author: Bogdan Stefanescu
Latest version: 2.0.0-beta.10

# Qute Modal Component (@qutejs/modal)

A **[Qute](https://qutejs.org)** component implementing a modal dialog.

Qute is a **reactive component model** designed for **plain old javascript** lovers.

# Getting Started

Use the Qute project generator to create a new Qute application or component project:

```
npm init @qutejs
```

# Installing

```
npm install @qutejs/modal
```

# Usage

```
import '@qutejs/modal';
```

or

```
import {qModal, qModalTrigger} from '@qutejs/modal';
```

Go to the **[Qute Modal Component documentation](https://qutejs.org/doc/#/components/modal)**.

# Building

Qute packages are built from the Qute multi-package repository root.
See [github](https://github.com/bstefanescu/qutejs).

# Authors

**[Bogdan Stefanescu](mailto:bogdan@quandora.com)** - *Intial Work* - [Quandora](https://quandora.com)

# License

[MIT](LICENSE)
npm package: @qutejs/polyfill
Description: Polyfills required by Qute to run on IE >= 9
Author: Bogdan Stefanescu
Latest version: 2.0.0-beta.10

# @qutejs/polyfill

Provides all the polyfills required by Qute to work on IE >= 9.
The following polyfills are provided:

* `Element.classList`
* `CustomEvent`
* `Element.closest`
* `Element.matches`
* `Object.assign`
* `String.startsWith`

**[Qute](https://qutejs.org)** is a **reactive component model** designed for **plain old javascript** lovers.

# Getting Started

Use the Qute project generator to create a new Qute application or component project:

```
npm init @qutejs
```

or (on **node versions** older than **10.3.0**)

```
npx @qutejs/create
```

Go here for the **[Qute documentation](https://qutejs.org)**.

# Installing

```
npm install @qutejs/polyfill
```

# Usage

```
import '@qutejs/polyfill';
```

# Building

Qute packages are built from the Qute multi-package repository root.
See [github](https://github.com/bstefanescu/qutejs).

# Authors

**[Bogdan Stefanescu](mailto:bogdan@quandora.com)** - *Intial Work* - [Quandora](https://quandora.com)

# License

[MIT](LICENSE)
npm package: @qutejs/popup
Description: Qute Popup component
Author: Bogdan Stefanescu
Latest version: 2.0.0-beta.10

# Qute Popup Component (@qutejs/popup)

A **[Qute](https://qutejs.org)** component implementing a popup.

Qute is a **reactive component model** designed for **plain old javascript** lovers.

# Getting Started

Use the Qute project generator to create a new Qute application or component project:

```
npm init @qutejs
```

# Installing

```
npm install @qutejs/popup
```

# Usage

```
import {qPopup, qPopupTrigger} from '@qutejs/popup';
```

Go to the **[Qute Popup Component documentation](https://qutejs.org/doc/#/components/popup)**.

# Building

Qute packages are built from the Qute multi-package repository root.
See [github](https://github.com/bstefanescu/qutejs).

# Authors

**[Bogdan Stefanescu](mailto:bogdan@quandora.com)** - *Intial Work* - [Quandora](https://quandora.com)

# License

[MIT](LICENSE)
npm package: @qutejs/register
Description: Transpile .jsq files trhough node require hook
Author: Bogdan Stefanescu
Latest version: 2.0.0-beta.10

# @qutejs/register

Hook the Qute compiler into node `require` to automatically compile `.jsq` files.

The `pirates` module is used to correctly integrate with other hooks like @babel/register.

**[Qute](https://qutejs.org)** is a **reactive component model** designed for **plain old javascript** lovers.

# Getting Started

Use the Qute project generator to create a new Qute application or component project:

```
npm init @qutejs
```

or (on **node versions** older than **10.3.0**)

```
npx @qutejs/create
```

Go here for the **[Qute documentation](https://qutejs.org)**.

# Installing

```
npm install @qutejs/register
```

# Usage

```
import '@qutejs/register';
```

or

```
require('@qutejs/register');
```

or

```
node -r @qutejs/register ...
```

# Building

Qute packages are built from the Qute multi-package repository root.
See [github](https://github.com/bstefanescu/qutejs).

# Authors

**[Bogdan Stefanescu](mailto:bogdan@quandora.com)** - *Intial Work* - [Quandora](https://quandora.com)

# License

[MIT](LICENSE)
npm package: @qutejs/rollup-plugin-qute
Description: Qute plugin for rollup
Author: Bogdan Stefanescu
Latest version: 2.0.0-beta.10

# Rollup Plugin For Qute `.jsq` files (@qutejs/rollup-plugin-qute)

Integrate Qute compiler into [rollup.js](https://rollupjs.org/) build process.

**[Qute](https://qutejs.org)** is a **reactive component model** designed for **plain old javascript** lovers.

# Getting Started

Use the Qute project generator to create a new Qute application or component project:

```
npm init @qutejs
```

or (on **node versions** older than **10.3.0**)

```
npx @qutejs/create
```

Go here for the **[Qute documentation](https://qutejs.org)**.

# Installing

```
npm install @qutejs/rollup-plugin-qute
```

# Usage

```
import qute from '@qutejs/rollup-plugin-qute';
```

# Building

Qute packages are built from the Qute multi-package repository root.
See [github](https://github.com/bstefanescu/qutejs).

# Authors

**[Bogdan Stefanescu](mailto:bogdan@quandora.com)** - *Intial Work* - [Quandora](https://quandora.com)

# License

[MIT](LICENSE)
npm package: @qutejs/router
Description: Qute Router
Author: Bogdan Stefanescu
Latest version: 2.0.0-beta.10

# Qute Router Plugin (@qutejs/router)

A javascript router working inside a Qute copmponent context.

**[Qute](https://qutejs.org)** is a **reactive component model** designed for **plain old javascript** lovers.

# Getting Started

Use the Qute project generator to create a new Qute application or component project:

```
npm init @qutejs
```

or (on **node versions** older than **10.3.0**)

```
npx @qutejs/create
```

Go here for the **[Qute Router documentation](https://qutejs.org#/plugins/routing)**.

# Installing

```
npm install @qutejs/router
```

# Usage

```
import Router from '@qutejs/router';
```

# Building

Qute packages are built from the Qute multi-package repository root.
See [github](https://github.com/bstefanescu/qutejs).

# Authors

**[Bogdan Stefanescu](mailto:bogdan@quandora.com)** - *Intial Work* - [Quandora](https://quandora.com)

# License

[MIT](LICENSE)
npm package: @qutejs/runtime
Description: Qute runtime
Author: Bogdan Stefanescu
Latest version: 2.0.0-beta.10

# Qute: A Javascript Component Model for the DOM.

Qute is a **reactive component model** designed for **plain old javascript** lovers.

## Qute Runtime (@qutejs/runtime)

The Qute Runtime implements the Qute component model. Its main job is to register, render and update Qute components.

# Getting Started

Use the Qute project generator to create a new Qute application or component project:

```
npm init @qutejs
```

or (on **node versions** older than **10.3.0**)

```
npx @qutejs/create
```

Go here for the **[Qute documentation](https://qutejs.org)**.

# Installing

```
npm install @qutejs/runtime
```

# Usage

```
import Qute from '@qutejs/runtime';
```

# Building

Qute packages are built from the Qute multi-package repository root.
See [github](https://github.com/bstefanescu/qutejs).

# Authors

**[Bogdan Stefanescu](mailto:bogdan@quandora.com)** - *Intial Work* - [Quandora](https://quandora.com)

# License

[MIT](LICENSE)
npm package: @qutejs/spinner
Description: Qute Spinner component
Author: Bogdan Stefanescu
Latest version: 2.0.0-beta.10

# Qute Spinner Component (@qutejs/spinner)

This package implements a CSS spinner similar to the [material design circular progress indicator](https://material.io/components/progress-indicators/#circular-progress-indicators). The spinner works in IE10+.

The spinner is inspired from the https://loading.io/css/ project.

Qute is a **reactive component model** designed for **plain old javascript** lovers.

# Getting Started

Use the Qute project generator to create a new Qute application or component project:

```
npm init @qutejs
```

# Installing

```
npm install @qutejs/spinner
```

# Usage

```javascript
import qSpinner from '@qutejs/spinner';
```

The spinner supports the following attributes: `class`, `center`, `size`, `width` and `color`.

Go to the **[Qute Spinner Component documentation](https://qutejs.org/doc/#/components/spinner)** for more information about spinner components.

# Building

Qute packages are built from the Qute multi-package repository root.
See [github](https://github.com/bstefanescu/qutejs).

# Authors

**[Bogdan Stefanescu](mailto:bogdan@quandora.com)** - *Intial Work* - [Quandora](https://quandora.com)

# License

[MIT](LICENSE)
npm package: @qutejs/spinner-2dots
Description: Qute Spinner 2dots implementation
Author: Bogdan Stefanescu
Latest version: 2.0.0-beta.10

# Qute Spinner Component (@qutejs/spinner)

A **[Qute](https://qutejs.org)** spinner plugin implementing a pure CSS spinner.

The spinner is based on the https://github.com/tobiasahlin/SpinKit project.

Qute is a **reactive component model** designed for **plain old javascript** lovers.

# Getting Started

Use the Qute project generator to create a new Qute application or component project:

```
npm init @qutejs
```

# Installing

```
npm install @qutejs/spinner
```

# Usage

```javascript
import qSpinner from '@qutejs/spinner-2dots';
```
then to use the spinner

```xml
<q:spinner type='2dots' />
```
or

```xml
<q:spinner size='32px' color='green' />
```

if this spinner is the only (or default) spinner implementation included in your Qute app.

The spinner supports the following attributes: `style`, `class`, `size`, `center`, `color`, `color1` and `color2`.

Go to the **[Qute Spinner Component documentation](https://qutejs.org/doc/#/components/spinner)** for more information about spinner components.

# Building

Qute packages are built from the Qute multi-package repository root.
See [github](https://github.com/bstefanescu/qutejs).

# Authors

**[Bogdan Stefanescu](mailto:bogdan@quandora.com)** - *Intial Work* - [Quandora](https://quandora.com)

# License

[MIT](LICENSE)
npm package: @qutejs/spinner-ellipsis
Description: Qute Spinner ellipsis implementation
Author: Bogdan Stefanescu
Latest version: 2.0.0-beta.10

# Qute Spinner Component (@qutejs/spinner-ellipsis)

A **[Qute](https://qutejs.org)** component implementing a pure CSS spinner.

The spinner is based on the https://github.com/tobiasahlin/SpinKit project.

Qute is a **reactive component model** designed for **plain old javascript** lovers.

# Getting Started

Use the Qute project generator to create a new Qute application or component project:

```
npm init @qutejs
```

# Installing

```
npm install @qutejs/spinner-ellipsis
```

# Usage

```javascript
import qSpinner from '@qutejs/spinner-ellipsis';
```
then to use the spinner

```xml
<q:spinner />
```

The spinner supports the following attributes: `style`, `class`, `center`, `size` and `color`.

Go to the **[Qute Spinner Component documentation](https://qutejs.org/doc/#/components/spinner)** for more information about spinner components.

# Building

Qute packages are built from the Qute multi-package repository root.
See [github](https://github.com/bstefanescu/qutejs).

# Authors

**[Bogdan Stefanescu](mailto:bogdan@quandora.com)** - *Intial Work* - [Quandora](https://quandora.com)

# License

[MIT](LICENSE)
npm package: @qutejs/test-utils
Description: Qute test utilities
Author: Bogdan Stefanescu
Latest version: 2.0.0-beta.10

# @qutejs/test-utils

Provides utilities for writing Qute tests.

**[Qute](https://qutejs.org)** is a **reactive component model** designed for **plain old javascript** lovers.

# Getting Started

Use the Qute project generator to create a new Qute application or component project:

```
npm init @qutejs
```

or (on **node versions** older than **10.3.0**)

```
npx @qutejs/create
```

Go here for the **[Qute documentation](https://qutejs.org)**.

# Installing

```
npm install @qutejs/test-utils
```

# Usage

```
import { ... } from '@qutejs/test-utils';
```

# Building

Qute packages are built from the Qute multi-package repository root.
See [github](https://github.com/bstefanescu/qutejs).

# Authors

**[Bogdan Stefanescu](mailto:bogdan@quandora.com)** - *Intial Work* - [Quandora](https://quandora.com)

# License

[MIT](LICENSE)
npm package: @qutejs/tooltip
Description: Qute Tooltip component
Author: Bogdan Stefanescu
Latest version: 2.0.0-beta.10

# Qute Tooltip Component (@qutejs/tooltip)

A **[Qute](https://qutejs.org)** component implementing a tooltip.

Qute is a **reactive component model** designed for **plain old javascript** lovers.

# Getting Started

Use the Qute project generator to create a new Qute application or component project:

```
npm init @qutejs
```

# Installing

```
npm install @qutejs/tooltip
```

# Usage

```
import {qTooltip} from '@qutejs/tooltip';
```

Go to the **[Qute Tooltip Component documentation](https://qutejs.org/doc/#/components/tooltip)**.

# Building

Qute packages are built from the Qute multi-package repository root.
See [github](https://github.com/bstefanescu/qutejs).

# Authors

**[Bogdan Stefanescu](mailto:bogdan@quandora.com)** - *Intial Work* - [Quandora](https://quandora.com)

# License

[MIT](LICENSE)
npm package: @qutejs/types
Description: Qute property types and helpers
Author: Bogdan Stefanescu
Latest version: 2.0.0-beta.1

# Qute Importer  (@qutejs/importer)

A **Qute** plugin which provides dynamic javascript dependencies import and lazy components support.

**[Qute](https://qutejs.org)** is a **reactive component model** designed for **plain old javascript** lovers.

# Getting Started

Use the Qute project generator to create a new Qute application or component project:

```
npm init @qutejs
```

Go here for the **[Qute Importer documentation](https://qutejs.org#/plugins/importer)**.

# Installing

```
npm install @qutejs/importer
```

# Usage

```
import Importer from '@qutejs/importer';
```

# Building

Qute packages are built from the Qute multi-package repository root.
See [github](https://github.com/bstefanescu/qutejs).

# Authors

**[Bogdan Stefanescu](mailto:bogdan@quandora.com)** - *Intial Work* - [Quandora](https://quandora.com)

# License

[MIT](LICENSE)
npm package: @qutejs/ui
Description: A library providing utility functions to build UI components.
Author: Bogdan Stefanescu
Latest version: 2.0.0-beta.10

# Qute UI (@qutejs/ui)

Provides a set of utility functions and browser shims to build UI **Qute** components.

Qute is a **reactive component model** designed for **plain old javascript** lovers.

# Getting Started

Use the Qute project generator to create a new Qute application or component project:

```
npm init @qutejs
```

# Installing

```
npm install @qutejs/ui
```

# Usage

```
import { debounce } from '@qutejs/ui'
```

Functions 
Go to the **[Qute Popup Component documentation](https://qutejs.org/doc/#/plugins/ui)**.

# Building

Qute packages are built from the Qute multi-package repository root.
See [github](https://github.com/bstefanescu/qutejs).

# Authors

**[Bogdan Stefanescu](mailto:bogdan@quandora.com)** - *Intial Work* - [Quandora](https://quandora.com)

# License

[MIT](LICENSE)
npm package: @qutejs/window
Description: Browser window abstraction for Qute components
Author: Bogdan Stefanescu
Latest version: 2.0.0-beta.10

# @qutejs/window

This package provides an abstraction for the browser window global. Any time you need to use a browser global you must import it from this package:

```
import window from '@qutejs/window';
```

The package is meant to be used by Qute components.

**[Qute](https://qutejs.org)** is a **reactive component model** designed for **plain old javascript** lovers.

# Getting Started

Use the Qute project generator to create a new Qute application or component project:

```
npm init @qutejs
```

or (on **node versions** older than **10.3.0**)

```
npx @qutejs/create
```

Go here for the **[Qute documentation](https://qutejs.org)**.

# Installing

```
npm install @qutejs/window
```

# Usage

```
import window from '@qutejs/window';
```

# Building

Qute packages are built from the Qute multi-package repository root.
See [github](https://github.com/bstefanescu/qutejs).

# Authors

**[Bogdan Stefanescu](mailto:bogdan@quandora.com)** - *Intial Work* - [Quandora](https://quandora.com)

# License

[MIT](LICENSE)