{"_id":"@angel-gonzalez/ngx-touch-keyboard","_rev":"1-28806663a57d9288beb59668aa940755","name":"@angel-gonzalez/ngx-touch-keyboard","dist-tags":{"latest":"4.0.12"},"versions":{"4.0.10":{"name":"@angel-gonzalez/ngx-touch-keyboard","version":"4.0.10","keywords":["touchkeyboard","angular","material"],"author":{"name":"Angel Gonzalez"},"license":"MIT","_id":"@angel-gonzalez/ngx-touch-keyboard@4.0.10","maintainers":[{"name":"angel-gonzalez","email":"ing.angel.gonzalez@gmail.com"}],"homepage":"https://github.com/Angel-Gonzalez/angular-touch-keyboard#readme","bugs":{"url":"https://github.com/Angel-Gonzalez/angular-touch-keyboard/issues"},"dist":{"shasum":"573846dada1388c85b7af9048db2ae9eac3a651e","tarball":"https://registry.npmjs.org/@angel-gonzalez/ngx-touch-keyboard/-/ngx-touch-keyboard-4.0.10.tgz","fileCount":26,"integrity":"sha512-YXjZBQ40v/84QrJa4sDFWJJYA5C+lLLn7Rz/VImSGagcIqKHnVUqvQVXk2Gk5GNXiw3B7sYAuOGC2Wl4ptoNxA==","signatures":[{"sig":"MEQCIBUTmzSzU/5YiMQKl0Jn7ZfDqfKEklcnTSAIoeeOOr0lAiB47d5b2MtrOrwTH5rWCYQT7Ow/vsd7JbJQYm5EmkjTgQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":83060},"gitHead":"41c0e2a2b39ef5472c9993bf90ab8804a859dafd","private":false,"scripts":{},"_npmUser":{"name":"angel-gonzalez","email":"ing.angel.gonzalez@gmail.com"},"repository":{"url":"git+https://github.com/Angel-Gonzalez/angular-touch-keyboard.git","type":"git"},"_npmVersion":"10.8.1","description":"Teclado en pantalla para  Angular Material 18","directories":{},"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.6.3"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/cdk":"^18.1.0","@angular/core":">=18.0.0","@angular/common":"^18.1.0"},"_npmOperationalInternal":{"tmp":"tmp/ngx-touch-keyboard_4.0.10_1721210808883_0.7852983826240292","host":"s3://npm-registry-packages"}},"4.0.12":{"name":"@angel-gonzalez/ngx-touch-keyboard","version":"4.0.12","description":"Teclado en pantalla para  Angular Material 18","peerDependencies":{"@angular/cdk":"^18.1.0","@angular/common":"^18.1.0","@angular/core":">=18.0.0"},"private":false,"dependencies":{"tslib":"^2.6.3"},"repository":{"type":"git","url":"git+https://github.com/Angel-Gonzalez/angular-touch-keyboard.git"},"keywords":["touchkeyboard","angular","material"],"author":{"name":"Angel Gonzalez"},"license":"MIT","bugs":{"url":"https://github.com/Angel-Gonzalez/angular-touch-keyboard/issues"},"homepage":"https://github.com/Angel-Gonzalez/angular-touch-keyboard#readme","module":"fesm2022/angel-gonzalez-ngx-touch-keyboard.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2022":"./esm2022/angel-gonzalez-ngx-touch-keyboard.mjs","esm":"./esm2022/angel-gonzalez-ngx-touch-keyboard.mjs","default":"./fesm2022/angel-gonzalez-ngx-touch-keyboard.mjs"}},"sideEffects":false,"_id":"@angel-gonzalez/ngx-touch-keyboard@4.0.12","gitHead":"a3decce82cd7af0e68e0f2c7e8d1b2d94a7626ca","_nodeVersion":"20.15.1","_npmVersion":"10.7.0","dist":{"integrity":"sha512-NuuaSWlCmHyXExPetjrYytPmnE72mlKAx/HSZj2PCHU4mZNk+/npCxXey82thsi8zibOkb6Qr0UhQCGPxrstwA==","shasum":"758d663ba6abc78e99761fc1c9bb40816e0bac9b","tarball":"https://registry.npmjs.org/@angel-gonzalez/ngx-touch-keyboard/-/ngx-touch-keyboard-4.0.12.tgz","fileCount":36,"unpackedSize":557531,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCXgaSb9slXaO95vDJ43M7ef1kgUPlxNvC9YEtNnssjCAIgIIUQwh0lIymvi84EkJH2qKl1Mafh+C40FRhzLDXL7eo="}]},"_npmUser":{"name":"angel-gonzalez","email":"ing.angel.gonzalez@gmail.com"},"directories":{},"maintainers":[{"name":"angel-gonzalez","email":"ing.angel.gonzalez@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-touch-keyboard_4.0.12_1721224805091_0.19602261783203878"},"_hasShrinkwrap":false}},"time":{"created":"2024-07-17T10:06:48.796Z","modified":"2024-07-17T14:00:05.494Z","4.0.10":"2024-07-17T10:06:49.068Z","4.0.12":"2024-07-17T14:00:05.312Z"},"bugs":{"url":"https://github.com/Angel-Gonzalez/angular-touch-keyboard/issues"},"author":{"name":"Angel Gonzalez"},"license":"MIT","homepage":"https://github.com/Angel-Gonzalez/angular-touch-keyboard#readme","keywords":["touchkeyboard","angular","material"],"repository":{"type":"git","url":"git+https://github.com/Angel-Gonzalez/angular-touch-keyboard.git"},"description":"Teclado en pantalla para  Angular Material 18","maintainers":[{"name":"angel-gonzalez","email":"ing.angel.gonzalez@gmail.com"}],"readme":"# AngularTouchKeyboard\n\n[![MIT licensed](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE) [![npm version](https://badge.fury.io/js/ngx-touch-keyboard.svg)](http://badge.fury.io/js/ngx-touch-keyboard) [![Build Status](https://github.com/mohsen77sk/angular-touch-keyboard/workflows/main/badge.svg)](https://github.com/mohsen77sk/angular-touch-keyboard/actions)\n\n## What is this?\n\nVirtual Keyboard for Angular applications.\nForked from [ngx-touch-keyboard](https://www.npmjs.com/package/ngx-touch-keyboard) and added some features to work in webkit and spanish layouts.\n\n![angular touch keyboard](https://mohsen77sk.github.io/angular-touch-keyboard/assets/images/angularTouchKeyboard.png)\n\n## Install\n\n### Step 1: Install [@angel-gonzalez/ngx-touch-keyboard](https://www.npmjs.com/package/@angel-gonzalez/ngx-touch-keyboard)\n\n\n```sh\nnpm install @angular/cdk @angel-gonzalez/ngx-touch-keyboard\n```\n\n### Step 2: Import the module\n\nAdd `ngxTouchKeyboardModule` as an import in your app's root NgModule.\n\n```typescript\nimport { ngxTouchKeyboardModule }  from 'ngx-touch-keyboard';\n@NgModule({\n  ...\n  imports: [\n    ...\n    ngxTouchKeyboardModule,\n  ],\n  ...\n})\nexport class AppModule { }\n```\n\n### Compatibility\n\n#### Version [`4.0.12`]\n\n* `@angular/core`: `^18.0.0`\n* `@angular/cdk`: `^18.0.0`\n\n\n\n## Localization\n\nAngularTouchKeyboard is localized in 5 keyboard-specific locales:\n\n* `es-ES` English (United States) (default)\n* `en-US` English (United States)\n* `en-UK` English (United Kingdom)\n* `fa-IR` Persian (Iran)\n* `sv-SE` Swedish (Sweden)\n* `ka-GE` Georgian (Georgia)\n\n## Usage\n\nSimple usage example\n\n```html\n<input\n  type=\"text\"\n  ngxTouchKeyboard\n  #touchKeyboard=\"ngxTouchKeyboard\"\n  (focus)=\"touchKeyboard.openPanel()\"\n/>\n```\n\nLocale usage example\n\n```html\n<input\n  type=\"text\"\n  ngxTouchKeyboard=\"fa-IR\"\n  #touchKeyboard=\"ngxTouchKeyboard\"\n  (focus)=\"touchKeyboard.openPanel()\"\n/>\n```\n\nMaterial usage example\n\n```html\n<mat-form-field>\n  <mat-label>Default</mat-label>\n  <input\n    matInput\n    type=\"text\"\n    ngxTouchKeyboard\n    #touchKeyboard=\"ngxTouchKeyboard\"\n  />\n  <button\n    mat-icon-button\n    matSuffix\n    type=\"button\"\n    (click)=\"touchKeyboard.togglePanel()\"\n  >\n    <mat-icon> keyboard </mat-icon>\n  </button>\n</mat-form-field>\n```\n\n### Properties\n\n| Property                     | Description                                                 |\n| ---------------------------- | ----------------------------------------------------------- |\n| `ngxTouchKeyboard`           | Required to initialize Virtual Keyboard to specified input. |\n| `ngxTouchKeyboardDebug`      | Debug mode is on.                                           |\n| `ngxTouchKeyboardFullScreen` | Full screen mode is on.                                     |\n\n### Methods\n\nHere's the list of all available methods:\n\n| Methods               | Description           |\n| --------------------- | --------------------- |\n| `openPanel(): void`   | Open keyboard panel   |\n| `closePanel(): void`  | Close keyboard panel  |\n| `togglePanel(): void` | Toggle keyboard panel |\n\n## Themes\n\n### Built-in themes\n\n* `default`: white theme\n* `dark`: dark theme\n\nYou must put the class `dark` in the body to use the `dark` theme.\n\n### Create custom theme\n\nTo customize the theme, you need to use css variables.\n\n| Name                            | Description                           |\n| ------------------------------- | ------------------------------------- |\n| `--tk-color-text`               | color of text button                  |\n| `--tk-background`               | color of background panel             |\n| `--tk-background-button`        | color of background basic button      |\n| `--tk-background-button-fn`     | color of background functional button |\n| `--tk-background-button-active` | color of background active button     |\n\n## Layouts\n\nDepends on attribute inputmode, the keyboard layout is changed.\n\n| inputmode             | Screenshot                                                                                               |\n| --------------------- | -------------------------------------------------------------------------------------------------------- |\n| `inputmode='text'`    | ![angular touch keyboard](https://mohsen77sk.github.io/angular-touch-keyboard/assets/images/text.png)    |\n| `inputmode='search'`  | ![angular touch keyboard](https://mohsen77sk.github.io/angular-touch-keyboard/assets/images/search.png)  |\n| `inputmode='email'`   | ![angular touch keyboard](https://mohsen77sk.github.io/angular-touch-keyboard/assets/images/email.png)   |\n| `inputmode='url'`     | ![angular touch keyboard](https://mohsen77sk.github.io/angular-touch-keyboard/assets/images/url.png)     |\n| `inputmode='numeric'` | ![angular touch keyboard](https://mohsen77sk.github.io/angular-touch-keyboard/assets/images/number.png)  |\n| `inputmode='decimal'` | ![angular touch keyboard](https://mohsen77sk.github.io/angular-touch-keyboard/assets/images/decimal.png) |\n| `inputmode='tel'`     | ![angular touch keyboard](https://mohsen77sk.github.io/angular-touch-keyboard/assets/images/tel.png)     |\n\n## Development\n\nThe most useful commands for development are:\n\n* `npm run start` to start a development server\n* `npm run build-demo` to build the demo locally (it will be published automatically by GitHub Actions)\n\n## License\n\n[The MIT License (MIT)](LICENSE)\n","readmeFilename":"README.md"}