# yon-yon-virtual-keyboard

> Hello everyone, Our project provides a solution for displaying a virtual keyboard on the screen under the Angular platform ![Alt text](288179512-e7205426-46a5-47ff-b571-670e6b6a63d6.png) ## Development server

Latest version **0.0.38** (published 2024-02-09) · 0 weekly downloads

## Install

```sh
npm install yon-yon-virtual-keyboard
pnpm add yon-yon-virtual-keyboard
yarn add yon-yon-virtual-keyboard
bun add yon-yon-virtual-keyboard
```

## Health

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

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.38 |
| Published | 2024-02-09 |
| First published | 2023-11-19 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 883.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | nechemia |

## Links

- npm: https://www.npmjs.com/package/yon-yon-virtual-keyboard
- npm.io page: https://npm.io/package/yon-yon-virtual-keyboard

## Dependencies (1)

- [tslib](https://npm.io/package/tslib.md) ^2.3.0

## Recent versions

- 0.0.38 (latest) — 2024-02-09
- 0.0.36 — 2024-02-05
- 0.0.35 — 2024-02-05
- 0.0.34 — 2024-02-05
- 0.0.33 — 2024-02-05
- 0.0.32 — 2024-02-05
- 0.0.31 — 2023-12-29
- 0.0.30 — 2023-12-28
- 0.0.29 — 2023-12-28
- 0.0.28 — 2023-12-26
- 0.0.27 — 2023-12-26
- 0.0.26 — 2023-12-16
- 0.0.25 — 2023-12-16
- 0.0.24 — 2023-12-16
- 0.0.23 — 2023-12-16
- … 23 more at https://npm.io/package/yon-yon-virtual-keyboard/versions

## README

# Angular Virtual Keyboard
Hello everyone,
Our project provides a solution for displaying a virtual keyboard on the screen under the Angular platform
![Alt text](288179512-e7205426-46a5-47ff-b571-670e6b6a63d6.png)
## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files.

## 📦 Installation & Usage

### 1. `npm install yon-yon-virtual-keyboard --save`

### 2.  adding yon-yon-virtual packaged in app module and import him:

`import { VirtualKeyboardModule } from 'yon-yon-virtual-keyboard';`

`@NgModule({`
  `declarations: [ ... ],`
  `imports: [`
    `CommonModule,`
    `VirtualKeyboardModule`
  `]`
`})`
`export class AppModule { }`

### 3. Adding 'lib-VirtualKeyboard' element right to html code: 

`<p>We don't use with any validate and accept</p>`

`<lib-VirtualKeyboard [language]="'en'"></lib-VirtualKeyboard>`

`<p>We use with validate and accept</p>`

`<lib-VirtualKeyboard [language]="'he'" [validateCallBack]="validate" [acceptCallBack]="accept"></lib-VirtualKeyboard>`

`<p>We use with validateNumber and accept</p>`

`<lib-VirtualKeyboard [language]="'he'" [validateCallBack]="validateNumber" [acceptCallBack]="accept"></lib-VirtualKeyboard>`

`<p>With numeric</p>`

`<lib-VirtualKeyboard [language]="'num'" [validateCallBack]="validateNumber" [acceptCallBack]="accept"></lib-VirtualKeyboard>`

`<p>Custom Virtual Keyboard</p>`

`<lib-VirtualKeyboard [keyboardLayout]="custom_Keyboard"></lib-VirtualKeyboard>`

`<p>emoticons virtual keyboard</p>`

`<lib-VirtualKeyboard [language]="'emo'"></lib-VirtualKeyboard>`


## Further help

We would like to thank some of the fathers of the projects we are building on and for us they are the cornerstones.

1. [Rob Garrison](https://github.com/Mottie/Keyboard) The father of all virtual keyboards, With his code we     defined  the whole issue of keyboards layout and keys events. 
2. [Francisco Hodge](https://github.com/simple-keyboard/angular-simple-keyboard) Our code is built on his code while performing analysis, modification and adaptation to the Angular platform

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