open-index/open-npm huggingface dataset:
npm package: @livingdocs/ui-select
Author: http://github.com/angular-ui/ui-select/graphs/contributors
Latest version: 0.19.9

# AngularJS ui-select [![Build Status](https://travis-ci.org/angular-ui/ui-select.svg?branch=master)](https://travis-ci.org/angular-ui/ui-select) [![Gitter](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/angular-ui/ui-select?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)


AngularJS-native version of [Select2](http://ivaynberg.github.io/select2/) and [Selectize](http://brianreavis.github.io/selectize.js/). [http://angular-ui.github.io/ui-select/](http://angular-ui.github.io/ui-select/)

[Getting Started](https://github.com/angular-ui/ui-select/wiki/Getting-Started) 

- [Examples](http://angular-ui.github.io/ui-select/#examples)
- [Examples Source](./docs/examples)
- [Documentation](https://github.com/angular-ui/ui-select/wiki)

## Latest Changes

- Check [CHANGELOG.md](/CHANGELOG.md)

## Features

- Search, Select, Multi-select and Tagging
- Multiple Themes: Bootstrap, Select2 and Selectize
- Keyboard support
- No jQuery required (except for old browsers)
- Small code base: 4.57KB min/gzipped vs 20KB for select2

For the roadmap, check [issue #3](https://github.com/angular-ui/ui-select/issues/3) and the [Wiki page](https://github.com/angular-ui/ui-select/wiki/Roadmap).

## Installation Methods

### npm
```
$ npm install ui-select
```
### bower
```
$ bower install angular-ui-select
```

## Development

### Prepare your environment
* Install [Node.js](http://nodejs.org/) and NPM (should come with)
* Install global dev dependencies: `npm install -g gulp`
* Install local dev dependencies: `npm install` in repository directory

### Development Commands

* `gulp` to jshint, build and test
* `gulp build` to jshint and build
* `gulp test` for one-time test with karma (also build and jshint)
* `gulp watch` to watch src files to jshint, build and test when changed
* `gulp docs` build docs and examples

## Contributing

- Check [CONTRIBUTING.md](/CONTRIBUTING.md)
- Run the tests
- Try the [examples](./docs/examples)

When issuing a pull request, please exclude changes from the "dist" folder to avoid merge conflicts.
npm package: @livinglogic-components/loginmanager
Description: Often you need to authenicate a user in a pwa. The loginmanager should help you to store the logindata in the localstorage and listen to changes.
Author: millenniufrog
Latest version: 0.0.1-alpha.3

# Loginmanager

Often you need to authenicate a user in a pwa.
The loginmanager should help you to store the logindata in the
localstorage and listen to changes.

The manager provides

- listeners for 
  - the username input
  - the password input
- a login function (stores logindata in localstorage)
- a logoutfunction (removes the logindata from localstorage)
- reactive access to the logindata

```typescript
const {
  user, // access username
  password, // access password
  listenUserInput, // listener for a textfield that emit llChange events
  listenPasswordInput, // listener for a textfield that emit llChange events
  login, // write logindata input to localstorage
  logout // remove logindata from localstorage
} = loginManager();
```

## Installation

just install the module with npm
```bash
npm i @livinglogic-components/loginmanager
```

## Usage

### Listeners
```tsx
// get listeners
const {  listenUserInput, listenPasswordInput  } = LoginManager();

// jsx
return (
  <div>
    <LLText 
      label='Benutzerkennung'
      onllChange={listenUserInput()}
    />
    <LLText 
      label='Passwort'
      onllChange={listenPasswordInput()}
    />
  </div>
)
```

### Login/Logout

```tsx
// get listeners
const {  login, logout  } = LoginManager();

// jsx
return (
  <div>
    <ion-item>
      <ion-button onclick={() => login()}>Login</ion-button>
    </ion-item>
    <ion-item>
      <ion-button onclick={() => logout()}>Ausloggen</ion-button>
    </ion-item>
  </div>
)
```

### Access state

```ts
// get listeners
const {  user, password  } = LoginManager();
console.log(user.value); // access reference value
console.log(password.value); // access reference value
```
npm package: @livinglogic/livingapi
Description: Javascript version of the LivingAPI classes of LivingApps
Author: Walter Dörwald
Latest version: 1.28.0

# LivingAPI

This package provides a Javascript API for the objects provided by the
"LivingAPI" of the [LivingApps platform](https://www.living-apps.de/).

It allows you to work with LivingAPI objects in your Javascript code.

For more info about LivingApps and the LivingAPI see
https://my.living-apps.de/docs/LivingAPI.html (in german).


## Build instructions

Install the npm packages:

```
npm install
```

Build `dist/umd/livingapi.js`, `dist/esm-node/livingapi.js`,
`dist/esm-static/livingapi.js` and `dist/esm-npm/livingapi.js`:

```
npm run build
```

## Using the LivingAPI in your project

In your HTML include the following:

```html
<script src="{path_to_ul4}/dist/umd/ul4.js"></script>
<script src="{path_to_livingapi}/dist/umd/livingapi.js"></script>
```

now you can use the Javascript variables `la` (and `ul4`).

Or if you want to use the LivingAPI on https://my.living-apps.de/ as a module,
do

```html
<script type="module">
	import * as la from '/npm/@livinglogic/livingapi@1.28.0/dist/esm-npm/livingapi.js';
	...
</script>
```

or (if you need both UL4 and LivingAPI):

```html
<script type="module">
	import * as ul4 from '/npm/@livinglogic/ul4@1.19.0/dist/esm/ul4.js';
	import * as la from '/npm/@livinglogic/livingapi@1.28.0/dist/esm-npm/livingapi.js';
	...
</script>
```

## Authors

- Walter Dörwald: `ul4.js` and `livingapi.js`

- René Schwarzinger: modifications in `livingapi.js`

- Peter Böker: modifications in `livingapi.js`
npm package: @livinglogic/ul4
Description: Cross-platform templating library and object serialisation
Author: Walter Doerwald
Latest version: 1.19.0

# UL4

UL4 is a cross-platform templating language.


# UL4ON

UL4ON is a lightweight machine-readable text-based cross-platform object
serialization format.


# Implementations

Apart from this Javascript implementation there are implementations of UL4
and UL4ON for [Python](https://github.com/LivingLogic/LivingLogic.Python.xist)
and [Java](https://github.com/LivingLogic/LivingLogic.Java.ul4).


# Documentation

The Python documentation contains more info on
[UL4](http://python.livinglogic.de/UL4.html) and
[UL4ON](http://python.livinglogic.de/UL4ON.html).


# Build instructions

Install the npm packages:

```bash
npm install
```

Build `dist/umd/ul4.js` and `dist/esm/ul4.js`:

```bash
npm run build
```


# Using UL4 in your project

In your HTML include the following:

```html
<script src="{path}/dist/umd/ul4.js"></script>
```

now you can use the Javascript variable `ul4`.

Or if you want to use UL4 as a module do

```html
<script type="module">
	import * as ul4 from '{path}/dist/esm/ul4.js';

	...
</script>
```

# Authors

* Walter Dörwald
* Thoralf Hänsel
* Andreas Gaßner
npm package: @livingsecurity/react-vimeo
Description: React component to load video from Vimeo
Author: Living Security
Latest version: 2.0.1

# React Vimeo

[![NPM](https://nodei.co/npm/react-vimeo.png?downloads=true)](https://nodei.co/npm/react-vimeo/)

## Usage

```javascript
  var Vimeo = require('react-vimeo');

  React.render(
    <Vimeo videoId={ videoId } />,
    $mountNode
  );
```

To handle errors, you can pass a function to the `onError` prop:

```js
  function onError(err) {
    console.error(err);
  };

  React.render(
    <Vimeo onError={ onError } videoId={ videoId } />
    document.querySelector('#your-div')
  );
```

To automatically play the video on page load:

```javascript
  var Vimeo = require('react-vimeo');

  React.render(
    <Vimeo videoId={ videoId } autoplay={true} />,
    $mountNode
  );
```

## Behind the Scenes

There are some things that you should know about the component. The first one is the structure created inside by the component if you wish to stylize it.

So, the semantic HTML structure will be something like this:

```html
  <div class='vimeo'>
    <div class='vimeo-loading'>
      <svg>...</svg>
    </div>
    <div class='vimeo-image'>
      <button type='button' class='vimeo-play-button'>
        <svg>...</svg>
      </button>
    </div>
    <div class='video-embed'>
      <iframe>...</iframe>
    </div>
  </div>
```

This is a very simple structure to stylize however you want. So, if you are lost, don't panic, there is an [example live here](http://freecodecamp.github.io/react-vimeo/) that you can follow.

For more details, check out the API

## API

[API](docs/README.md)

## License

MIT

See the [License](LICENSE.md) file.