open-index/open-npm huggingface dataset:
npm package: @firefly-elements/firefly-card-tray
Description: description goes here
Author: Mark Fortner, Ishan Subedi, Marko Ignjatovic, Suyash Adhikary
Latest version: 0.5.4

# <firefly-card-tray\>

This component is used to render a collection of cards. Each card must have the "card" CSS class,
and there must be a paper-dialog that uses the "detail-dialog" class

## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) installed. Then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @firefly-elements/firefly-delete-dialog
Description: desc
Author: Mark Fortner, Ishan Subedi, Marko Ignjatovic, Suyash Adhikary
Latest version: 0.5.0

# <firefly-delete-dialog\>

This component allows the user to delete a doctype from the database.

##Installation 

```
npm install --save @firefly/firefly-delete-dialog

```

## In an HTML file
```
<html>
   <head>
      <script type="module">
         import '@firefly/firefly-delete-dialog';
      </script>
   </head>
   <body>
      <firefly-delete-dialog id = "firefly-dialog">
      </firefly-delete-dialog>
      <button onclick="toggleDialog()">Press Me</button>
      <script>
         toggleDialog = () => {
            document.getElementById("firefly-dialog").open()
         }
         
         document.querySelector('firefly-delete-dialog').addEventListener('card-deleted', function (e) {
               console.log("card delete event fired") // checkout the console.
             })
         
      </script>
   </body>
</html>
</body>
</html>
```

## In Polymer3

```
import {PolymerElement, html} from '@polymer/polymer';
import '@firefly/firefly-delete-dialog';

class SampleElement extends PolymerElement {
  static get template() {
    return html`
    <firefly-delete-dialog></firefly-delete-dialog>
    `;
  }
}
customElements.define('sample-element', SampleElement);

```



## Running the demo locally
```
$ polymer serve --open
```

## Running Tests
```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @firefly-elements/firefly-dialog
Description: description goes here
Author: Mark Fortner, Ishan Subedi, Marko Ignjatovic, Suyash Adhikary
Latest version: 0.5.1

# <firefly-dialog\>

a visual component that displays a form used to create new records.

#Installation 

```
npm install --save @firefly/firefly-dialog

```

## In an HTML file
```
<html>
   <head>
      <script type="module">
         import '@firefly/firefly-dialog';
      </script>
   </head>
   <body>
      <firefly-dialog>
      </firefly-dialog>
   </body>
</html>
</body>
</html>
```

## In Polymer3

```
import {PolymerElement, html} from '@polymer/polymer';
import '@firefly/firefly-dialog';

class SampleElement extends PolymerElement {
  static get template() {
    return html`
    <firefly-dialog></firefly-dialog>
    `;
  }
}
customElements.define('sample-element', SampleElement);

```

## Running the demo locally
```
$ polymer serve --open
```

## Running Tests
```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @firefly-elements/firefly-file
Description: a visual component which  allows the user to load files  into Firebase Storage.
Author: Mark Fortner, Ishan Subedi, Marko Ignjatovic, Suyash Adhikary
Latest version: 0.5.4

# \<firefly-file\>

a visual component which  allows the user to load files  into Firebase Storage.

## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) installed. Then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @firefly-elements/firefly-list-mixin
Description: This mixin provides all properties and methods for fire-lists.
Author: Mark Fortner, Ishan Subedi, Marko Ignjatovic, Suyash Adhikary
Latest version: 0.5.2

# \<firefly-list-mixin\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) installed. Then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
# firefly-list-mixin
npm package: @firefly-elements/firefly-login
Description: a visual component that  allows the user to select an  auth provider, and to  login.pol  Additional login items  should be added to support  Yahoo, and Microsoft  authentication. These new  authentication providers  were added recently to the  underlying 
Author: Mark Fortner, Ishan Subedi, Marko Ignjatovic, Suyash Adhikary
Latest version: 0.6.4

# \<firefly-login\>

a visual component that  allows the user to select an  auth provider, and to  login.pol  Additional login items  should be added to support  Yahoo, and Microsoft  authentication. These new  authentication providers  were added recently to the  underlying API.  

## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) installed. Then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @firefly-elements/firefly-tags
Description: desc
Author: Mark Fortner, Ishan Subedi, Marko Ignjatovic, Suyash Adhikary
Latest version: 0.5.2

#<firefly-tags\>

This component displays a list of tags. An autocomplete component gives the user
  a list of suggested tags. A firebase query makes use of the 'suggested-values-path', to get a list
  of suggestions.  When the user makes a selection, the selection is stored in two places:
   - in a model node (i.e. 'model.tags')
   - as subnodes of the 'selected-values-path' (i.e. /tags-companies/{tagId}/{companyObject}), 
    this makes it possible to easily query all companies that have a specific tag

## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) installed. Then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
npm package: @firefly-elements/firefly-tray-mixin
Description: First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) installed. Then run `polymer serve` to serve your element locally.
Author: Mark Fortner, Ishan Subedi, Marko Ignjatovic, Suyash Adhikary
Latest version: 0.5.11

#<firefly-tray-mixin\>



## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) installed. Then run `polymer serve` to serve your element locally.

## Viewing Your Element

```
$ polymer serve
```

## Running Tests

```
$ polymer test
```

Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
# firefly-tray-mixin