<commit_before># TOAST UI Component : Virtual Keyboard
> Component that creates a virtual keyboard that replacing the native keyboard of the browser.

[![GitHub release](https://img.shields.io/github/release/nhnent/tui.virtual-keyboard.svg)](https://github.com/nhnent/tui.virtual-keyboard/releases/latest)
[![npm](https://img.shields.io/npm/v/tui-virtual-keyboard.svg)](https://www.npmjs.com/package/tui-virtual-keyboard)
[![GitHub license](https://img.shields.io/github/license/nhnent/tui.virtual-keyboard.svg)](https://github.com/nhnent/tui.virtual-keyboard/blob/production/LICENSE)
[![PRs welcome](https://img.shields.io/badge/PRs-welcome-ff69b4.svg)](https://github.com/nhnent/tui.project-name/labels/help%20wanted)
[![code with hearth by NHN Entertainment](https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-NHN%20Entertainment-ff1414.svg)](https://github.com/nhnent)


## 🚩 Table of Contents
* [Collect statistics on the use of open source](#Collect-statistics-on-the-use-of-open-source)
* [Browser Support](#-browser-support)
* [Features](#-features)
* [Examples](#-examples)
* [Install](#-install)
    * [Via Package Manager](#via-package-manager)
    * [Via Contents Delivery Network (CDN)](#via-contents-delivery-network-cdn)
    * [Download Source Files](#download-source-files)
* [Usage](#-usage)
    * [HTML](#html)
    * [JavaScript](#javascript)
* [Pull Request Steps](#-pull-request-steps)
    * [Setup](#setup)
    * [Develop](#develop)
    * [Pull Request Steps](#pull-request)
* [Documents](#-documents)
* [Contributing](#-contributing)
* [Dependency](#-dependency)
* [License](#-license)

## Collect statistics on the use of open source
 TOAST UI VirtualKeyboard applies Google Analytics (GA) to collect statistics on the use of open source, in order to identify how widely TOAST UI VirtualKeyboard is used throughout the world.
It also serves as important index to determine the future course of projects.
`location.hostname` (e.g. > “ui.toast.com") is to be collected and the sole purpose is nothing but to measure statistics on the usage.
 To disable GA, use the following `usageStatistics` option when creating the instance.
 ```js
var options = {
    ...
    usageStatistics: false
}
var instance = new VirtualKeyboard(options);
```

## 🌏 Browser Support
| <img src="https://user-images.githubusercontent.com/1215767/34348387-a2e64588-ea4d-11e7-8267-a43365103afe.png" alt="Chrome" width="16px" height="16px" /> Chrome | <img src="https://user-images.githubusercontent.com/1215767/34348590-250b3ca2-ea4f-11e7-9efb-da953359321f.png" alt="IE" width="16px" height="16px" /> Internet Explorer | <img src="https://user-images.githubusercontent.com/1215767/34348380-93e77ae8-ea4d-11e7-8696-9a989ddbbbf5.png" alt="Edge" width="16px" height="16px" /> Edge | <img src="https://user-images.githubusercontent.com/1215767/34348394-a981f892-ea4d-11e7-9156-d128d58386b9.png" alt="Safari" width="16px" height="16px" /> Safari | <img src="https://user-images.githubusercontent.com/1215767/34348383-9e7ed492-ea4d-11e7-910c-03b39d52f496.png" alt="Firefox" width="16px" height="16px" /> Firefox |
| :---------: | :---------: | :---------: | :---------: | :---------: |
| Yes | 8+ | Yes | Yes | Yes |


## 🎨 Features
* Changes the key to english, korean, number, and symbol.
* Shuffles the keys.
* Supports callback functions for each key event.
* Supports mobile devices using touch events.
* Supoorts templates.


## 🐾 Examples
* [Basic](https://nhnent.github.io/tui.virtual-keyboard/latest/tutorial-example01-basic.html) : Example of using default options.
* [Mobile UI](https://nhnent.github.io/tui.virtual-keyboard/latest/tutorial-example02-mobile-ui.html) : Example of the keyboard UI when used on a mobile device.


## 💾 Install<commit_msg>docs: fix param<commit_after># TOAST UI Component : Virtual Keyboard
> Component that creates a virtual keyboard that replacing the native keyboard of the browser.

[![GitHub release](https://img.shields.io/github/release/nhnent/tui.virtual-keyboard.svg)](https://github.com/nhnent/tui.virtual-keyboard/releases/latest)
[![npm](https://img.shields.io/npm/v/tui-virtual-keyboard.svg)](https://www.npmjs.com/package/tui-virtual-keyboard)
[![GitHub license](https://img.shields.io/github/license/nhnent/tui.virtual-keyboard.svg)](https://github.com/nhnent/tui.virtual-keyboard/blob/production/LICENSE)
[![PRs welcome](https://img.shields.io/badge/PRs-welcome-ff69b4.svg)](https://github.com/nhnent/tui.project-name/labels/help%20wanted)
[![code with hearth by NHN Entertainment](https://img.shields.io/badge/%3C%2F%3E%20with%20%E2%99%A5%20by-NHN%20Entertainment-ff1414.svg)](https://github.com/nhnent)


## 🚩 Table of Contents
* [Collect statistics on the use of open source](#Collect-statistics-on-the-use-of-open-source)
* [Browser Support](#-browser-support)
* [Features](#-features)
* [Examples](#-examples)
* [Install](#-install)
    * [Via Package Manager](#via-package-manager)
    * [Via Contents Delivery Network (CDN)](#via-contents-delivery-network-cdn)
    * [Download Source Files](#download-source-files)
* [Usage](#-usage)
    * [HTML](#html)
    * [JavaScript](#javascript)
* [Pull Request Steps](#-pull-request-steps)
    * [Setup](#setup)
    * [Develop](#develop)
    * [Pull Request Steps](#pull-request)
* [Documents](#-documents)
* [Contributing](#-contributing)
* [Dependency](#-dependency)
* [License](#-license)

## Collect statistics on the use of open source
 TOAST UI VirtualKeyboard applies Google Analytics (GA) to collect statistics on the use of open source, in order to identify how widely TOAST UI VirtualKeyboard is used throughout the world.
It also serves as important index to determine the future course of projects.
`location.hostname` (e.g. > “ui.toast.com") is to be collected and the sole purpose is nothing but to measure statistics on the usage.
 To disable GA, use the following `usageStatistics` option when creating the instance.
 ```js
var options = {
    ...
    usageStatistics: false
}
var instance = new VirtualKeyboard(container, options);
```

## 🌏 Browser Support
| <img src="https://user-images.githubusercontent.com/1215767/34348387-a2e64588-ea4d-11e7-8267-a43365103afe.png" alt="Chrome" width="16px" height="16px" /> Chrome | <img src="https://user-images.githubusercontent.com/1215767/34348590-250b3ca2-ea4f-11e7-9efb-da953359321f.png" alt="IE" width="16px" height="16px" /> Internet Explorer | <img src="https://user-images.githubusercontent.com/1215767/34348380-93e77ae8-ea4d-11e7-8696-9a989ddbbbf5.png" alt="Edge" width="16px" height="16px" /> Edge | <img src="https://user-images.githubusercontent.com/1215767/34348394-a981f892-ea4d-11e7-9156-d128d58386b9.png" alt="Safari" width="16px" height="16px" /> Safari | <img src="https://user-images.githubusercontent.com/1215767/34348383-9e7ed492-ea4d-11e7-910c-03b39d52f496.png" alt="Firefox" width="16px" height="16px" /> Firefox |
| :---------: | :---------: | :---------: | :---------: | :---------: |
| Yes | 8+ | Yes | Yes | Yes |


## 🎨 Features
* Changes the key to english, korean, number, and symbol.
* Shuffles the keys.
* Supports callback functions for each key event.
* Supports mobile devices using touch events.
* Supoorts templates.


## 🐾 Examples
* [Basic](https://nhnent.github.io/tui.virtual-keyboard/latest/tutorial-example01-basic.html) : Example of using default options.
* [Mobile UI](https://nhnent.github.io/tui.virtual-keyboard/latest/tutorial-example02-mobile-ui.html) : Example of the keyboard UI when used on a mobile device.


## 💾 Install
{'fraction_non_alphanumeric': 0.16925321660697706, 'fraction_numerical': 0.06022018835389309, 'mean_word_length': 4.677710843373494, 'pattern_counts': {'":': 0, '<': 13, '<?xml version=': 0, '>': 17, 'https://': 34, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1808965', 'n_tokens_mistral': 2912, 'n_tokens_neox': 2533, 'n_words': 520}