# @bfwk/interactions

> LBF Interactions

Latest version **0.10.11** (published 2022-09-22) · MIT license · 0 weekly downloads

## Install

```sh
npm install @bfwk/interactions
pnpm add @bfwk/interactions
yarn add @bfwk/interactions
bun add @bfwk/interactions
```

## Health

**Score 30/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.10.11 |
| Published | 2022-09-22 |
| First published | 2021-04-20 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 158.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | treywashington, lwc-admin |

## Links

- npm: https://www.npmjs.com/package/@bfwk/interactions
- Repository: https://github.com/salesforce/builder-framework
- Homepage: https://github.com/salesforce/builder-framework#readme
- Issues: https://github.com/salesforce/builder-framework/issues
- npm.io page: https://npm.io/package/@bfwk/interactions

## Recent versions

- 0.10.11 (latest) — 2022-09-22
- 0.6.11-alpha.1259 (canary) — 2021-04-27
- 0.10.10 — 2022-09-19
- 0.10.9 — 2022-09-16
- 0.10.8 — 2022-09-15
- 0.10.7 — 2022-09-12
- 0.10.6 — 2022-08-26
- 0.10.5 — 2022-08-18
- 0.10.4 — 2022-08-17
- 0.10.3 — 2022-08-17
- 0.10.2 — 2022-08-11
- 0.10.1 — 2022-08-09
- 0.10.0 — 2022-08-08
- 0.9.15 — 2022-07-22
- 0.9.14 — 2022-07-21
- … 107 more at https://npm.io/package/@bfwk/interactions/versions

## README

# Interactions

[![npm](https://img.shields.io/npm/v/@bfwk/interactions)](https://www.npmjs.com/package/@bfwk/interactions)

Shadow DOM compatible drag-and-drop-position library for document builders.

Intention of this library is to not handle the full drag and drop, but to leave the actual manipulation of the DOM to the consumer, since each consumer have differing markups and rendering techniques.

## Demo

Run `yarn build` and open `demo/demo.html` or `demo/demo-shadowdom.html`.

## Quick example

Basic DOM structure:

```
// interactable regions
<div class="interactions-region" data-item-id="${id}">
    <div class="interactions-component" data-item-id="${id}">
    // content
    </div>
</div>
```

Initialization:

```
TBD
```

## Configurations

```
TBD
```

## TODOs

- TODOs is available [here](https://salesforce.quip.com/Sx7gAsuEVvMz).

## Resources

- [Interactions with LWC](https://salesforce.quip.com/DabwA115jIQe)
- [How to drag-and-drop LWC components?](https://salesforce.quip.com/G0FnAb2g9M0Q)

---
_Source: https://npm.io/package/@bfwk/interactions · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._