# @the-/util-ui

> Utility for the-components

Latest version **16.4.3** (published 2020-10-07) · MIT license · 0 weekly downloads

## Install

```sh
npm install @the-/util-ui
pnpm add @the-/util-ui
yarn add @the-/util-ui
bun add @the-/util-ui
```

## Health

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

Positive: no vulnerabilities; high maintenance score.

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

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 16.4.3 |
| Published | 2020-10-07 |
| First published | 2019-03-31 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >=10 |
| Dependencies | 5 |
| Unpacked size | 141.8 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 5 |
| Author | Taka Okunishi |
| Maintainers | okunishinishi |
| Keywords | the, util |

## Links

- npm: https://www.npmjs.com/package/@the-/util-ui
- Repository: https://github.com/the-labo/the
- Homepage: https://github.com/the-labo/the/tree/master/packages/util-ui#readme
- Issues: https://github.com/the-labo/the#issues
- npm.io page: https://npm.io/package/@the-/util-ui

## Dependencies (5)

- [uuid](https://npm.io/package/uuid.md) ^8.3.0
- [bwindow](https://npm.io/package/bwindow.md) ^2.0.3
- [keycode](https://npm.io/package/keycode.md) ^2.2.0
- [@the-/const-ui](https://npm.io/package/@the-/const-ui.md) ^15.5.2
- [video-extensions](https://npm.io/package/video-extensions.md) ^1.1.0

## Alternatives

- [@clerk/clerk-expo](https://npm.io/package/@clerk/clerk-expo.md) — 133.6K weekly downloads
- [@pothos/plugin-authz](https://npm.io/package/@pothos/plugin-authz.md) — 12.4K weekly downloads
- [@bounded-sh/client](https://npm.io/package/@bounded-sh/client.md) — 3.2K weekly downloads
- [@luigi-project/plugin-auth-oauth2](https://npm.io/package/@luigi-project/plugin-auth-oauth2.md) — 2.3K weekly downloads
- [@nocobase/plugin-verification](https://npm.io/package/@nocobase/plugin-verification.md) — 2.0K weekly downloads

## Recent versions

- 16.4.3 (latest) — 2020-10-07
- 16.4.1 — 2020-04-30
- 16.4.0 — 2020-04-02
- 16.3.6 — 2020-03-30
- 16.3.5 — 2020-03-06
- 16.3.4 — 2020-03-05
- 16.3.3 — 2019-12-04
- 16.3.2 — 2019-11-30
- 16.3.1 — 2019-11-23
- 16.3.0 — 2019-11-23
- 16.2.2 — 2019-11-09
- 16.2.1 — 2019-11-09
- 16.1.2 — 2019-11-09
- 16.1.0 — 2019-11-08
- 16.0.6 — 2019-11-02
- … 14 more at https://npm.io/package/@the-/util-ui/versions

## README

@the-/util-ui
==========

<!---
This file is generated by @the-/templates. Do not update manually.
--->

<!-- Badge Start -->
<a name="badges"></a>

[![npm Version][bd_npm_shield_url]][bd_npm_url]

[bd_repo_url]: https://github.com/the-labo/the
[bd_npm_url]: http://www.npmjs.org/package/@the-/util-ui
[bd_npm_shield_url]: http://img.shields.io/npm/v/@the-/util-ui.svg?style=flat

<!-- Badge End -->


<!-- Description Start -->
<a name="description"></a>

Utility for the-components

<!-- Description End -->


<!-- Overview Start -->
<a name="overview"></a>




<!-- Overview End -->


<!-- Sections Start -->
<a name="sections"></a>

<!-- Section from "doc/readme/01.Installation.md.hbs" Start -->

<a name="section-doc-readme-01-installation-md"></a>

Installation
-----

```bash
$ npm install @the-/util-ui --save
```


<!-- Section from "doc/readme/01.Installation.md.hbs" End -->

<!-- Section from "doc/readme/02.Usage.md.hbs" Start -->

<a name="section-doc-readme-02-usage-md"></a>

Usage
---------

```javascript

```


<!-- Section from "doc/readme/02.Usage.md.hbs" End -->


<!-- Sections Start -->

<a name="api"></a>

## API Guide


- global
  - [base64ToBlob(base64String)](./doc/api/api.md#base64ToBlob)
  - [isVideoSrc(src)](./doc/api/api.md#isVideoSrc)
- module:@the-/util-site
  - [.scrollToElement(element)](./doc/api/api.md#module_@the-/util-site.scrollToElement)
- module:@the-/util-ui
  - [.asStyleData(scopeSelector,data)](./doc/api/api.md#module_@the-/util-ui.asStyleData)
  - [.bindEventListeners(elm,handlers,opt)](./doc/api/api.md#module_@the-/util-ui.bindEventListeners)
  - [.changedProps(prevProps,props)](./doc/api/api.md#module_@the-/util-ui.changedProps)
  - [.eventHandlersFor(props,options)](./doc/api/api.md#module_@the-/util-ui.eventHandlersFor)
  - [.htmlAttributesFor(props,options)](./doc/api/api.md#module_@the-/util-ui.htmlAttributesFor)
  - [.isKeyCode(code,name)](./doc/api/api.md#module_@the-/util-ui.isKeyCode)
  - [.isMultiTouchEvent(e)](./doc/api/api.md#module_@the-/util-ui.isMultiTouchEvent)
  - [.isServerSide()](./doc/api/api.md#module_@the-/util-ui.isServerSide)
  - [.newId(options)](./doc/api/api.md#module_@the-/util-ui.newId)
  - [.observeSize(elm,handler)](./doc/api/api.md#module_@the-/util-ui.observeSize)
  - [.readFileAsDataURL(file)](./doc/api/api.md#module_@the-/util-ui.readFileAsDataURL)
  - [.stopTouchScrolling(options)](./doc/api/api.md#module_@the-/util-ui.stopTouchScrolling)
  - [.toggleBodyClass(enabled&#x3D;,className)](./doc/api/api.md#module_@the-/util-ui.toggleBodyClass)

See [API Guide](./doc/api/api.md) for more detail


<!-- LICENSE Start -->
<a name="license"></a>

License
-------
This software is released under the [MIT License](https://github.com/the-labo/the/blob/master/LICENSE).

<!-- LICENSE End -->


<!-- Links Start -->
<a name="links"></a>

Links
------

+ [THE Labo][the_labo_url]

[the_labo_url]: https://github.com/the-labo

<!-- Links End -->

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