open-index/open-npm huggingface dataset:
npm package: @gavant/ember-changeset-steps
Description: Steps/Wizard with ember-changeset integration
Author: Gavant Software
Latest version: 0.1.3

[![Build Status](https://travis-ci.org/Gavant/ember-changeset-steps.svg?branch=master)](https://travis-ci.org/Gavant/ember-changeset-steps)
[![npm version](https://badge.fury.io/js/ember-changeset-steps.svg)](https://badge.fury.io/js/ember-changeset-steps)
[![Ember Observer Score](http://emberobserver.com/badges/ember-changeset-steps.svg)](http://emberobserver.com/addons/ember-changeset-steps)

# ember-changeset-steps

This addon uses `ember-steps` to give step/wizard functionality using `ember-changeset` & `ember-changeset-validation`.

## Compatibility

-   Ember.js v3.6 or above
-   Ember CLI v3.6 or above

## Installation

```
ember install @gavant/ember-changeset-steps
```

## Usage

```
<Steps as |Manager|>
    <Manager.progress />
    <Manager.step>
        {{input placeholder="First Name" value=this.changeset.firstName}}
        <button onclick={{execute-changeset this.changeset then=(action Manager.transition-to-next)}}>
            Next Step
        </button>
    </Manager.step>
    <Manager.step>
        {{input placeholder="Last Name" value=this.changeset.lastName}}
        <button onclick={{action Manager.transition-to-previous}}>
            Previous Step
        </button>
        <button onclick={{execute-changeset this.changeset then=(action this.finish)}}>
            Finish
        </button>
    </Manager.step>
</Steps>
```

Provided for ease of use are three helpers.

1. `execute-changeset`
   This helper executes the changeset and then calls what is passed to `then`

2. `save-changeset`
   This helper saves the changeset. Once that promise returns, the helper calls `then`

3. `validate-changeset`
   This helper validates the changeset and then calls what is passed to `then`

You don't have to use any of them, because they are just convenience helpers. Instead you can just do

```
<Manager.step>
    {{input placeholder="Last Name" value=this.changeset.lastName}}

    <button onclick={{action Manager.transition-to-previous}}>
        Previous Step
    </button>
    <button onclick=(action 'validateStep' Manager.transition-to-next)}}>
        Next Step
    </button>
</Manager.step>
```

and in a controller or component do

```
export default class Application extends Controller {
    ...
    @action
    async validateStep(transition) {
        await this.changeset.validate();
        if(changeset.isInvalid) {
            return reject();
        } else {
            this.changeset.execute();
            transition();
        }
    }
}
```

## Contributing

See the [Contributing](CONTRIBUTING.md) guide for details.

## License

This project is licensed under the [MIT License](LICENSE.md).
npm package: @gavant/ember-template-lint-forms
Description: Ember handlebars template linter rules for validating form elements
Author: Gavant Software
Latest version: 0.0.2

# ember-template-lint-forms
Ember handlebars template linter rules for validating form elements. This plugin assumes that your project has [ember-template-lint](https://github.com/ember-template-lint/ember-template-lint) installed.

## Installation

```
yarn add --dev @gavant/ember-template-lint-forms
```

Then update your `template-lintrc.js` file to contain the following:
```
module.exports = {
    extends: ['recommended', '@gavant/ember-template-lint-forms:forms'],
    plugins: ['@gavant/ember-template-lint-forms'],
    rules: {
        ....
    }
};
```

## Limitations & Caveats

Currently, this plugin only validates that textual input elements (e.g. `type="text|password|email|..."`) have a `maxlength` attribute defined. 

Only native HTML `<input>` elements and `<AngleBracket>` invocation style ember components `<Input>` and `<FlInput>` (from the [ember-floating-labels](https://github.com/Gavant/ember-floating-labels) addon) are validated.

## Future Improvements

- [ ] Add more validation rules!
- [ ] Allow customizing what ember components should be validated (e.g. `<MyAwesomeInput>`)
npm package: @gavant/ember-tinymce
Description: Lazy Loaded Tiny MCE with typescript support
Author: Gavant
Latest version: 0.1.2

# @gavant/ember-tinymce

Typescript lazy loaded wrapper for the tinymce wysiwyg editor.

## Compatibility

-   Ember.js v3.24 or above
-   Ember CLI v3.24 or above
-   Node.js v12 or above

## Installation

```
ember install @gavant/ember-tinymce
```

## Usage

The tinymce library and its assets are not bundled with the main app/vendor files, and will not be loaded until the component is rendered for the first time.
We accept any args that the tinymce editor does.

```
export default class Application extends Controller {
    plugins: string[] = [TinymceEditorPlugins.EMOTICONS];
    toolbar: string[] = ['emoticons'];
    @tracked value = 'Much wow';
    ...
}

<TinymceEditor @plugins={{this.plugins}} @toolbar={{this.toolbar}} @value={{this.value}} @onUpdate={{this.onUpdate}}>
    <:loading>
        Hey, Im shown while tinymce is initializing. This might be helpful when rendering in fastboot
    </:loading>
</TinymceEditor>
```

## Contributing

See the [Contributing](CONTRIBUTING.md) guide for details.

## License

This project is licensed under the [MIT License](LICENSE.md).