@adactive/arc-keyboard

{ "layouts" : [ { "class": "layout layout1", "lines": [ { "class": "keyboardLine", "keys": [ { "value": "q", "text": "q", "class": "key keyclickable" }, { "value": "w", "text": "w", "class": "key keyclickable" }, { "value": "e", "text": "e", "class": "key keyclickable" }, { "value": "r", "text": "r", "class": "key keyclickable" }, { "value": "t", "text": "t", "class": "key keyclickable" }, { "value": "y", "text": "y", "class": "key keyclickable" }, { "value": "u", "text": "u", "class": "key keyclickable" }, { "value": "i", "text": "i", "class": "key keyclickable" }, { "value": "o", "text": "o", "class": "key keyclickable" }, { "value": "p", "text": "p", "class": "key keyclickable" }, { "value": "<---", "text": " ", "class": "keyIcon keyclickable backspace-icon" } ] }, { "class": "keyboardLine", "keys": [ { "value": "a", "text": "a", "class": "key keyclickable" }, { "value": "s", "text": "s", "class": "key keyclickable" }, { "value": "d", "text": "d", "class": "key keyclickable" }, { "value": "f", "text": "f", "class": "key keyclickable" }, { "value": "g", "text": "g", "class": "key keyclickable" }, { "value": "h", "text": "h", "class": "key keyclickable" }, { "value": "j", "text": "j", "class": "key keyclickable" }, { "value": "k", "text": "k", "class": "key keyclickable" }, { "value": "l", "text": "l", "class": "key keyclickable" }, { "value": "'", "text": "'", "class": "key keyclickable" } ] }, { "class": "keyboardLine", "keys": [ { "value": "SHIFT", "text": " ", "class": "keyIcon keyclickable shift-icon shift" }, { "value": "z", "text": "z", "class": "key keyclickable" }, { "value": "x", "text": "x", "class": "key keyclickable" }, { "value": "c", "text": "c", "class": "key keyclickable" }, { "value": "v", "text": "v", "class": "key keyclickable" }, { "value": "b", "text": "b", "class": "key keyclickable" }, { "value": "n", "text": "n", "class": "key keyclickable" }, { "value": "m", "text": "m", "class": "key keyclickable" }, { "value": ",", "text": ",", "class": "key keyclickable" }, { "value": ".", "text": ".", "class": "key keyclickable" }, { "value": "SHIFT", "text": " ", "class": "keyIcon keyclickable shift-icon" } ] }, { "class": "keyboardLine", "keys": [ { "value": "", "text": "&123", "class": "keyIcon switchMode", "dataAction": "layout2" }, { "value": "_", "text": "_", "class": "key keyclickable" }, { "value": "-", "text": "-", "class": "key keyclickable" }, { "value": " ", "text": "SPACE", "class": "spaceBar keyclickable" }, { "value": "@", "text": "@", "class": "key keyIcon keyclickable" } ] } ] }, { "class": "layout layout2", "lines": [ { "class": "keyboardLine", "keys": [ { "value": "!", "text": "!", "class": "key keyclickable" }, { "value": "@", "text": "@", "class": "key keyclickable" }, { "value": "#", "text": "#", "class": "key keyclickable" }, { "value": "$", "text": "$", "class": "key keyclickable" }, { "value": "€", "text": "€", "class": "key keyclickable" }, { "value": "%", "text": "%", "class": "key keyclickable" }, { "value": "&", "text": "&", "class": "key keyclickable" }, { "value": "", "text": " ", "class": "invisible" }, { "value": "1", "text": "1", "class": "key keyclickable" }, { "value": "2", "text": "2", "class": "key keyclickable" }, { "value": "3", "text": "3", "class": "key keyclickable" }, { "value": "", "text": " ", "class": "invisible" }, { "value": "<---", "text": " ", "class": "keyIcon keyclickable backspace-icon" } ] }, { "class": "keyboardLine", "keys": [ { "value": "(", "text": "(", "class": "key keyclickable" }, { "value": ")", "text": ")", "class": "key keyclickable" }, { "value": "-", "text": "-", "class": "key keyclickable" }, { "value": "_", "text": "_", "class": "key keyclickable" }, { "value": "~", "text": "~", "class": "key keyclickable" }, { "value": "=", "text": "=", "class": "key keyclickable" }, { "value": "+", "text": "+", "class": "key keyclickable" }, { "value": "", "text": " ", "class": "invisible" }, { "value": "4", "text": "4", "class": "key keyclickable" }, { "value": "5", "text": "5", "class": "key keyclickable" }, { "value": "6", "text": "6", "class": "key keyclickable" }, { "value": "", "text": " ", "class": "invisible" }, { "value": "", "text": " ", "class": "invisible" } ] }, { "class": "keyboardLine", "keys": [ { "value": "\\", "text": "\\", "class": "key keyclickable" }, { "value": ";", "text": ";", "class": "key keyclickable" }, { "value": ":", "text": ":", "class": "key keyclickable" }, { "value": "\"", "text": "\"", "class": "key keyclickable" }, { "value": "?", "text": "?", "class": "key keyclickable" }, { "value": "*", "text": "*", "class": "key keyclickable" }, { "value": "/", "text": "/", "class": "key keyclickable" }, { "value": "", "text": " ", "class": "invisible" }, { "value": "7", "text": "7", "class": "key keyclickable" }, { "value": "8", "text": "8", "class": "key keyclickable" }, { "value": "9", "text": "9", "class": "key keyclickable" }, { "value": "", "text": " ", "class": "invisible" }, { "value": "", "text": " ", "class": "invisible" } ] }, { "class": "keyboardLine", "keys": [ { "value": "", "text": "&ABC", "class": "key keyIcon switchMode", "dataAction": "layout1" }, { "value": " ", "text": "SPACE", "class": "spaceBar-short keyclickable" }, { "value": "", "text": " ", "class": "invisible" }, { "value": "0", "text": "0", "class": "key keyclickable zeroKey" }, { "value": ",", "text": ",", "class": "key keyclickable" }, { "value": "", "text": " ", "class": "invisible" }, { "value": "", "text": " ", "class": "invisible" } ] } ] } ] }