import * as k from '@mindfusion/keyboard';
import { lettersLayoutDef } from './letters';
import { numbersLayoutDef } from './numbers';
import { symbolsLayoutDef } from './symbols';

document.addEventListener("DOMContentLoaded", function () {
	var vk = k.VirtualKeyboard.create(document.getElementById("keyboard"));
	vk.scaleToFitParent = false;

	var lettersLayout = k.KeyboardLayout.create(lettersLayoutDef);
	var numbersLayout = k.KeyboardLayout.create(numbersLayoutDef);
	var symbolsLayout = k.KeyboardLayout.create(symbolsLayoutDef);

	vk.layoutRing = [];
	vk.layoutRing.push(lettersLayout);
	vk.layoutRing.push(numbersLayout);
	vk.layoutRing.push(symbolsLayout);

	vk.selectLayout(0);

	vk.render();
});