# be-deslotted

> Transfer values from light children to host.

Latest version **0.0.44** (published 2023-07-17) · MIT license · 0 weekly downloads

## Install

```sh
npm install be-deslotted
pnpm add be-deslotted
yarn add be-deslotted
bun add be-deslotted
```

## 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.0.44 |
| Published | 2023-07-17 |
| First published | 2021-10-31 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 4 |
| Unpacked size | 10.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Maintainers | bahrus |
| Keywords | web components, web component, custom elements, custom element, slot, slots |

## Links

- npm: https://www.npmjs.com/package/be-deslotted
- Repository: https://github.com/bahrus/be-deslotted
- Homepage: https://github.com/bahrus/be-deslotted#readme
- Issues: https://github.com/bahrus/be-deslotted/issues
- npm.io page: https://npm.io/package/be-deslotted

## Dependencies (4)

- [be-hive](https://npm.io/package/be-hive.md) 0.0.115
- [be-enhanced](https://npm.io/package/be-enhanced.md) 0.0.36
- [trans-render](https://npm.io/package/trans-render.md) 0.0.699
- [xtal-element](https://npm.io/package/xtal-element.md) 0.0.574

## Recent versions

- 0.0.44 (latest) — 2023-07-17
- 0.0.43 — 2023-06-29
- 0.0.42 — 2022-10-29
- 0.0.41 — 2022-10-16
- 0.0.40 — 2022-10-15
- 0.0.39 — 2022-10-14
- 0.0.38 — 2022-09-06
- 0.0.37 — 2022-09-04
- 0.0.36 — 2022-08-28
- 0.0.35 — 2022-08-28
- 0.0.34 — 2022-08-23
- 0.0.33 — 2022-08-15
- 0.0.32 — 2022-08-09
- 0.0.31 — 2022-08-07
- 0.0.30 — 2022-05-05
- … 29 more at https://npm.io/package/be-deslotted/versions

## README

# be-deslotted

Transfer values from light children to host.

[![Actions Status](https://github.com/bahrus/be-deslotted/workflows/CI/badge.svg)](https://github.com/bahrus/be-deslotted/actions?query=workflow%3ACI)
[![How big is this package in your project?](https://img.shields.io/bundlephobia/minzip/be-deslotted?style=for-the-badge)](https://bundlephobia.com/result?p=be-deslotted)
<img src="http://img.badgesize.io/https://cdn.jsdelivr.net/npm/be-deslotted?compression=gzip">
<a href="https://nodei.co/npm/be-deslotted/"><img src="https://nodei.co/npm/be-deslotted.png"></a>

```html
<my-custom-element>
    #shadow
        <slot name=link be-deslotted=href></slot>
    <a slot=link href=https://cnn.com>This is CNN</a>
</my-custom-element>
```

my-custom-element's href property gets set to https://cnn.com.

If the name of the host property doesn't match the name of the light child property that needs passing, this can be managed via the propMap setting.  [TODO]:  Show example.

## Viewing Locally

1.  Install git.
2.  Fork/clone this repo.
3.  Install node.
4.  Open command window to folder where you cloned this repo.
5.  > npm install
6.  > npm run serve
7.  Open http://localhost:3030/demo/dev in a modern browser.

## Importing in ES Modules:

```JavaScript
import 'be-exportable/be-deslotted.js';
```

## Using from CDN:

```html
<script type=module crossorigin=anonymous>
    import 'https://esm.run/be-deslotted';
</script>
```

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