# @advanced-rest-client/arc-resizable-mixin

> arc-resizable-mixin is a port of iron-fit-behavior that works with web components

Latest version **1.2.3** (published 2021-10-16) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install @advanced-rest-client/arc-resizable-mixin
pnpm add @advanced-rest-client/arc-resizable-mixin
yarn add @advanced-rest-client/arc-resizable-mixin
bun add @advanced-rest-client/arc-resizable-mixin
```

## Health

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

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.2.3 |
| Published | 2021-10-16 |
| First published | 2019-06-07 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 21.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | jarrodek, twoplustwoone, lbauret, carowright |
| Keywords | api-components, arc-components, mixins, web-components, resizable |

## Links

- npm: https://www.npmjs.com/package/@advanced-rest-client/arc-resizable-mixin
- Repository: https://github.com/advanced-rest-client/arc-resizable-mixin
- Issues: https://github.com/advanced-rest-client/arc-resizable-mixin/issues
- npm.io page: https://npm.io/package/@advanced-rest-client/arc-resizable-mixin

## Dependencies (1)

- [@open-wc/dedupe-mixin](https://npm.io/package/@open-wc/dedupe-mixin.md) ^1.3.0

## Alternatives

- [jsforce](https://npm.io/package/jsforce.md) — 851.2K weekly downloads
- [react-native-qrcode-svg](https://npm.io/package/react-native-qrcode-svg.md) — 693.5K weekly downloads
- [@salesforce/plugin-data](https://npm.io/package/@salesforce/plugin-data.md) — 394.9K weekly downloads
- [@backstage/plugin-search-common](https://npm.io/package/@backstage/plugin-search-common.md) — 308.5K weekly downloads
- [@chain-registry/types](https://npm.io/package/@chain-registry/types.md) — 38.4K weekly downloads

## Recent versions

- 1.2.3 (latest) — 2021-10-16
- 1.2.2 — 2021-06-10
- 1.2.1 — 2021-03-12
- 1.2.0 — 2020-11-26
- 1.1.2 — 2020-10-02
- 1.1.1 — 2020-10-01
- 1.1.0 — 2020-05-26
- 1.0.0 — 2019-06-07

## README

# DEPRECATED

Use the `@anypoint-web-components/awc` module instead.

-----

[![Published on NPM](https://img.shields.io/npm/v/@advanced-rest-client/arc-resizable-mixin.svg)](https://www.npmjs.com/package/@advanced-rest-client/arc-resizable-mixin)

[![Tests and publishing](https://github.com/advanced-rest-client/arc-resizable-mixin/actions/workflows/deployment.yml/badge.svg)](https://github.com/advanced-rest-client/arc-resizable-mixin/actions/workflows/deployment.yml)

This mixin is a port of [iron-resizable-behavior](https://github.com/PolymerElements/iron-resizable-behavior) that works with any JavaScript class.

`ArcResizableMixin` is a mixin that can be used in web components to coordinate the flow of resize events between "resizers" (elements that control the size or hidden state of their children) and "resizables" (elements that need to be notified when they are resized or un-hidden by their parents in order to take action on their new measurements).

Elements that perform measurement should add the `ArcResizableMixin` mixin to their element definition and listen for the `resize` event on themselves. This event will be fired when they become showing after having been hidden, when they are resized explicitly by another resizable, or when the window has been resized.

Note, the `resize` event is non-bubbling.

## Installation

```bash
npm i @advanced-rest-client/arc-resizable-mixin
```

## Usage

```javascript
import { LitElement } from 'lit-element';
import { ArcResizableMixin } from '@advanced-rest-client/arc-resizable-mixin';

class ArcResizableImpl extends ArcResizableMixin(LitElement) {

}
```

## Development

```sh
git clone https://github.com/advanced-rest-client/arc-resizable-mixin
cd arc-resizable-mixin
npm install
```

### Running the demo locally

```sh
npm start
```

### Running the tests

```sh
npm test
```

---
_Source: https://npm.io/package/@advanced-rest-client/arc-resizable-mixin · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._