mohsen77sk / angular-touch-keyboard

Virtual Keyboard for Angular applications.

Hi there 👋

My resume

https://mohsen77sk.github.io/me

angular-touch-keyboard's Issues

respect the maxLength property

it is me again 😆

the virtual keyboard should respect the maxLength property like normal keyboard

Georgian Locale

import { Layout, Display, Locale } from '../type';

import { fnDisplay } from '../constants';

const layouts: Layout = {
text_alphabetic: [
[ 'ქ', 'წ', 'ე', 'რ', 'ტ', 'ყ', 'უ', 'ი', 'ო', 'პ' ],
['ა', 'ს', 'დ', 'ფ', 'გ', 'ჰ', 'ჯ', 'კ', 'ლ'],
['{shift}', 'ზ', 'ხ', 'ც', 'ვ', 'ბ', 'ნ', 'მ', '{backspace}'],
['{numeric}', '{space}', '{done}'],
],

text_shift: [
    ['ქ', 'ჭ', 'ე', 'ღ', 'თ', 'ყ', 'უ', 'ი', 'ო', 'პ'],
    ['ა', 'შ', 'დ', 'ფ', 'გ', 'ჰ', 'ჟ', 'კ', '₾'],
    ['{shift}', 'ძ', 'ხ', 'ჩ', 'ვ', 'ბ', 'ნ', 'მ', '{backspace}'],
    ['{numeric}', '{space}', '{done}'],
],
text_numeric: [
    ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0'],
    ['-', '/', ':', ';', '(', ')', '$', '&', '@', '"'],
    ['{symbolic}', '.', ',', '?', '!', "'", '{backspace}'],
    ['{alphabetic}', '{space}', '{done}'],
],
text_symbolic: [
    ['[', ']', '{', '}', '#', '%', '^', '*', '+', '='],
    ['_', '\\', '|', '~', '<', '>', '€', '£', '¥', '•'],
    ['{numeric}', '.', ',', '?', '!', "'", '{backspace}'],
    ['{alphabetic}', '{space}', '{done}'],
],
search_alphabetic: [
    [ 'ქ', 'წ', 'ე', 'რ', 'ტ', 'ყ', 'უ', 'ი', 'ო', 'პ' ],
    ['ა', 'ს', 'დ', 'ფ', 'გ', 'ჰ', 'ჯ', 'კ', 'ლ'],
    ['{shift}', 'ზ', 'ხ', 'ც', 'ვ', 'ბ', 'ნ', 'მ', '{backspace}'],
    ['{numeric}', '{space}', '{done}'],
],
search_shift: [
    ['ქ', 'ჭ', 'ე', 'ღ', 'თ', 'ყ', 'უ', 'ი', 'ო', 'პ'],
    ['ა', 'შ', 'დ', 'ფ', 'გ', 'ჰ', 'ჟ', 'კ', '₾'],
    ['{shift}', 'ძ', 'ხ', 'ჩ', 'ვ', 'ბ', 'ნ', 'მ', '{backspace}'],
    ['{numeric}', '{space}', '{done}'],
],
search_numeric: [
    ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0'],
    ['-', '/', ':', ';', '(', ')', '$', '&', '@', '"'],
    ['{symbolic}', '.', ',', '?', '!', "'", '{backspace}'],
    ['{alphabetic}', '{space}', '{done}'],
],
search_symbolic: [
    ['[', ']', '{', '}', '#', '%', '^', '*', '+', '='],
    ['_', '\\', '|', '~', '<', '>', '€', '£', '¥', '•'],
    ['{numeric}', '.', ',', '?', '!', "'", '{backspace}'],
    ['{alphabetic}', '{space}', '{done}'],
],
email_alphabetic: [
    ['q', 'w', 'e', 'r', 't', 'y', 'u', 'i', 'o', 'p'],
    ['a', 's', 'd', 'f', 'g', 'h', 'j', 'k', 'l'],
    ['{shift}', 'z', 'x', 'c', 'v', 'b', 'n', 'm', '{backspace}'],
    ['{numeric}', '@', '{space}', '.', '{done}'],
],
email_shift: [
    ['a', 'W', 'E', 'R', 'T', 'Y', 'U', 'I', 'O', 'P'],
    ['A', 'S', 'D', 'F', 'G', 'H', 'J', 'K', 'L'],
    ['{shift}', 'Z', 'X', 'C', 'V', 'B', 'N', 'M', '{backspace}'],
    ['{numeric}', '@', '{space}', '.', '{done}'],
],
email_numeric: [
    ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0'],
    ['$', '!', '~', '&', '=', '#', '[', ']'],
    ['{symbolic}', '.', '_', '-', '+', '{backspace}'],
    ['{alphabetic}', '@', '{space}', '.', '{done}'],
],
email_symbolic: [
    ['`', '|', '{', '}', '?', '%', '^', '*', '/', "'"],
    ['$', '!', '~', '&', '=', '#', '[', ']'],
    ['{numeric}', '.', '_', '-', '+', '{backspace}'],
    ['{alphabetic}', '@', '{space}', '.', '{done}'],
],
url_alphabetic: [
    ['q', 'w', 'e', 'r', 't', 'y', 'u', 'i', 'o', 'p'],
    ['a', 's', 'd', 'f', 'g', 'h', 'j', 'k', 'l'],
    ['{shift}', 'z', 'x', 'c', 'v', 'b', 'n', 'm', '{backspace}'],
    ['{numeric}', '/', '.com', '.', '{done}'],
],
url_shift: [
    ['Q', 'W', 'E', 'R', 'T', 'Y', 'U', 'I', 'O', 'P'],
    ['A', 'S', 'D', 'F', 'G', 'H', 'J', 'K', 'L'],
    ['{shift}', 'Z', 'X', 'C', 'V', 'B', 'N', 'M', '{backspace}'],
    ['{numeric}', '/', '.com', '.', '{done}'],
],
url_numeric: [
    ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0'],
    ['@', '&', '%', '?', ',', '=', '[', ']'],
    ['{symbolic}', '_', ':', '-', '+', '{backspace}'],
    ['{alphabetic}', '/', '.com', '.', '{done}'],
],
url_symbolic: [
    ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0'],
    ['*', '$', '#', '!', "'", '^', '[', ']'],
    ['{numeric}', '~', ';', '(', ')', '{backspace}'],
    ['{alphabetic}', '/', '.com', '.', '{done}'],
],
numeric_default: [
    ['1', '2', '3'],
    ['4', '5', '6'],
    ['7', '8', '9'],
    ['0', '{backspace}'],
],
decimal_default: [
    ['1', '2', '3'],
    ['4', '5', '6'],
    ['7', '8', '9'],
    ['.', '0', '{backspace}'],
],
tel_default: [
    ['1', '2', '3', '*'],
    ['4', '5', '6', '#'],
    ['7', '8', '9', '+'],
    ['0', '{backspace}'],
],

};
const display: Display = {
'{done}': fnDisplay.DONE,
'{shift}': fnDisplay.SHIFT,
'{backspace}': fnDisplay.BACKSPACE,
'{space}': fnDisplay.SPACE,
'{alphabetic}': 'აბგ',
'{numeric}': '123',
'{symbolic}': '#+=',
};
const locale: Locale = {
code: 'ka-GE',
dir: 'ltr',
layouts: layouts,
display: display,
};
export default locale;

add local for keyboard

can i add custom local simply for keyboard without fork the project ?

Multilingual

The keyboard should be multilingual

the enter key add an "\n" that should be limited to textarea only

the enter key adds an "\n" that should be limited to textarea only, it creates confusion with the backspace key

i fix it in my projet with

else if (button === fnButton.ENTER) { if (this._activeInputElement.type === "textarea") { output = this._addStringAt(output, '\n', ...commonParams); } }

Capture.video.du.15-04-23.14.36.28.webm

Angular V13 downgrade

I needed to be on version 13.3.9.

please consider backward compatible. #4

No directive found with exportAs 'ngxTouchKeyboard'

I'm trying to use this really great lib in my Angular 16 application, but even if I follow the read.me instructions, I can't create the
This is my app.module:

import { NgxTouchKeyboardModule }  from 'ngx-touch-keyboard';
...
@NgModule({
    declarations: [...],
    providers: [...],
    bootstrap: [AppComponent],
    imports: [..., NgxTouchKeyboardModule]
})

This is my html code:
<input type="text" ngxTouchKeyboard #touchKeyboard="ngxTouchKeyboard" (focus)="touchKeyboard.openPanel()"/>

And this the error that I receive: No directive found with exportAs 'ngxTouchKeyboard'
Image:

Angular 14.1.0

Angular 14.1.0 Neither version works

Keyboard seems to handle Firefox touch events wrongly?

See attached Video. Happens only on Firefox with touch(important) enabled.

Buttons hang up once clicked and stay pressed.

Recording.2024-03-06.123027.mp4

Custom Keyboard Layout

Custom keyboard layout or more inputModes ? Or add custom locales

In nxBootstrap and Materials modals/dialogs

In these two components they keyboard gets overshadowed and doesn't attach itselfs to the inputs inside the modals/dialogs.

the enter key dont submit form

the enter key dont submit form when used on simple input, not sure how to fix it again

zoom factor

Could be great have a zoom factor to show bigger buttons