# bindingx-web-polyfill

> The web polyfill for BindingX.

Latest version **0.1.18** (published 2018-11-08) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install bindingx-web-polyfill
pnpm add bindingx-web-polyfill
yarn add bindingx-web-polyfill
bun add bindingx-web-polyfill
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.18 |
| Published | 2018-11-08 |
| First published | 2018-02-11 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 219.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | chuyi, huxiaoqi |
| Keywords | bindingx, web, html5, polyfill |

## Links

- npm: https://www.npmjs.com/package/bindingx-web-polyfill
- npm.io page: https://npm.io/package/bindingx-web-polyfill

## Dependencies (3)

- [object-assign](https://npm.io/package/object-assign.md) ^4.1.1
- [simple-lodash](https://npm.io/package/simple-lodash.md) ^0.0.3
- [animation-util](https://npm.io/package/animation-util.md) ^1.0.10

## Alternatives

- [@opentelemetry/exporter-zipkin](https://npm.io/package/@opentelemetry/exporter-zipkin.md) — 14.8M weekly downloads
- [pusher-js](https://npm.io/package/pusher-js.md) — 2.0M weekly downloads
- [browserify](https://npm.io/package/browserify.md) — 1.7M weekly downloads
- [sqs-consumer](https://npm.io/package/sqs-consumer.md) — 1.7M weekly downloads
- [@sanity/eventsource](https://npm.io/package/@sanity/eventsource.md) — 930.8K weekly downloads

## Recent versions

- 0.1.18 (latest) — 2018-11-08
- 0.1.17 — 2018-09-30
- 0.1.16 — 2018-09-18
- 0.1.15 — 2018-08-07
- 0.1.14 — 2018-06-28
- 0.1.13 — 2018-06-28
- 0.1.12 — 2018-06-22
- 0.1.11 — 2018-06-21
- 0.1.10 — 2018-06-19
- 0.1.9 — 2018-06-08
- 0.1.8 — 2018-05-23
- 0.1.7 — 2018-05-23
- 0.1.6 — 2018-05-23
- 0.1.5 — 2018-05-23
- 0.1.4 — 2018-05-09
- … 10 more at https://npm.io/package/bindingx-web-polyfill/versions

## README

## bindingx-web-polyfill  


## Install & Use

```

import bindingx from 'bindingx-web-polyfill';

var blockEl = document.getElementById('block');

var x = 0;

function bind() {
  bindingx.bind({
    anchor: blockEl,
    eventType: 'pan',
    options: {
      touchAction: 'pan-x'
    },
    props: [
      {
        element: blockEl,
        property: 'transform.translateX',
        expression: {
          transformed: `{\"type\":\"+\",\"children\":[{\"type\":\"Identifier\",\"value\":\"x\"},{\"type\":\"NumericLiteral\",\"value\":${x}}]}`
        }
      }
    ]
  }, (e) => {
    if (e.state === 'end') {
      x += e.deltaX;
    }
  });
}

bind();

blockEl.addEventListener('touchstart', () => {
  bind();
});



```

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