{"_id":"simple-piano-keyboard","_rev":"33-6ff174d6dc28f7a5abbe7de189d157a1","name":"simple-piano-keyboard","dist-tags":{"latest":"1.0.1"},"versions":{"0.1.11":{"name":"simple-piano-keyboard","version":"0.1.11","description":"Can display simple piano keyboard. (Note: No include sound)","private":false,"main":"dist/simple-piano-keyboard.common.js","unpkg":"./dist/simple-piano-keyboard.umd.min.js","jsdelivr":"./dist/simple-piano-keyboard.umd.min.js","repository":{"type":"git","url":"git+https://github.com/solitary-pocky/simple-piano-keyboard.git"},"bugs":{"url":"https://github.com/solitary-pocky/simple-piano-keyboard/issues"},"homepage":"https://github.com/solitary-pocky/simple-piano-keyboard/blob/main/README.md","keywords":["Piano","Keyboard","Music","Instrument","Note","Vue","Vue3","Vue.js"],"author":{"name":"solitary-pocky","url":"https://github.com/solitary-pocky"},"license":"MIT","scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build","test":"echo \"Error: no test specified\" && exit 1","build-bundle":"vue-cli-service build --target lib --name simple-piano-keyboard ./src/library-main.js"},"dependencies":{"core-js":"^3.8.3","vue":"^3.2.13"},"devDependencies":{"@vue/cli-plugin-babel":"~5.0.0","@vue/cli-service":"~5.0.0","sass":"^1.32.7","sass-loader":"^12.0.0"},"gitHead":"3d84747d7af34d6aa273e738da5de1d9f1055299","_id":"simple-piano-keyboard@0.1.11","_nodeVersion":"18.13.0","_npmVersion":"9.3.0","dist":{"integrity":"sha512-vc426vCyhwKuuhzl/qv60jDADLeS4pPMhhrNPZfr+Li4eQ2GobNP7EVGCD+X/oOpcI+NwKDesdQhP8Q2vJX56w==","shasum":"38f647fc15b30e2f4cc541a53f80f6dd83739605","tarball":"https://registry.npmjs.org/simple-piano-keyboard/-/simple-piano-keyboard-0.1.11.tgz","fileCount":11,"unpackedSize":416175,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICdYFrMqtnzsNn3UwGaDdCdBbCeEvadktjf3ck3axkNwAiEAimrg+jRA0yh9vk8qqoTtwWDDCF0MjyXbYp9kC5UATbQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjx3aLACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrs5hAAgbUPB85vNq1X1rqYDX+VJIT0s1o3FPWgUPZgTpjz0iJ0ON0p\r\nZDnv1IPWVXNwI1go4BgPziY3u9EwcauEdRZHKWAbERs5zW1EebEhuHLRc0FV\r\nP0D4kwUWSSzgsSYsRlwxYy44lmCJ/3242b9PbUY4/blHOB1wEedxjpdh7qHz\r\nMXwPBKMhKMgDCpuyBmicReYWsF2TOcR9qJRiRzgPg6BHYsR2pFuqcmcnz8pw\r\nd7Tp1RKecWMj/OJTADb+pOlCxT5B1NilBDESbf//kDAgHYVNSlj4+n+Y2uz0\r\n537Bz5Q2pY1UkvahYdE+s2ajzfp21353QcxmyXBpmMKlZCVQd4iZ6fN8YltJ\r\ntnrP2V8W6GW3RODVEH12hbemfV5oH5Wkcr3H7dWGlTz2FBidrY2ukwUDI6Jt\r\nKQQdMJilTK3OgeaSeYmuMwFYtf588Inz8IksCb0KZ9UnBoKKKvAJNDmZblmC\r\nf07YDk2vGsYp4JkR2WGH9pMtF+B6DrDHSaWfwP9kGAI+1xGHexnGH5tezI8K\r\ncQDo40dNxsipo2JUHT3TnIMM1Wj0DAF8X0cZeLBXWm2h7leaK+ugfcpp0G/L\r\nfAkeKAaF028VuVkTdVFdUbdhwge+dHy4jbFTbwfb+lM2VTABWgntfGgeeto8\r\niEBD8fZSSBVOJgkm7C903swdzEZ00ptTyMM=\r\n=1ixg\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"solitary-pocky","email":"crazy.pocchan.appeared.1111@gmail.com"},"directories":{},"maintainers":[{"name":"solitary-pocky","email":"crazy.pocchan.appeared.1111@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/simple-piano-keyboard_0.1.11_1674016395560_0.29888856972124245"},"_hasShrinkwrap":false},"0.1.17":{"name":"simple-piano-keyboard","version":"0.1.17","description":"Can display simple piano keyboard. (Note: No include sound)","private":false,"main":"./dist/simple-piano-keyboard.es.js","unpkg":"./dist/simple-piano-keyboard.umd.js","jsdelivr":"./dist/simple-piano-keyboard.umd.js","module":"./dist/my-lib.es.js","exports":{".":{"import":"./dist/simple-piano-keyboard.es.js","require":"./dist/simple-piano-keyboard.umd.js"}},"repository":{"type":"git","url":"git+https://github.com/solitary-pocky/simple-piano-keyboard.git"},"bugs":{"url":"https://github.com/solitary-pocky/simple-piano-keyboard/issues"},"homepage":"https://github.com/solitary-pocky/simple-piano-keyboard/blob/main/README.md","keywords":["Piano","Keyboard","Music","Instrument","Note","Vue","Vue3","Vue.js"],"author":{"name":"solitary-pocky","url":"https://github.com/solitary-pocky"},"license":"MIT","scripts":{"dev":"vite","build":"vite build","watch":"vite build --watch","prepare":"npm run build"},"dependencies":{"core-js":"^3.8.3","vue":"^3.2.13"},"devDependencies":{"@vue/cli-plugin-babel":"~5.0.0","@vue/cli-service":"~5.0.0","sass":"^1.32.7","sass-loader":"^12.0.0"},"gitHead":"b8626fc80b5514ed0401a72220ffed1100c43918","_id":"simple-piano-keyboard@0.1.17","_nodeVersion":"18.13.0","_npmVersion":"9.3.0","dist":{"integrity":"sha512-idfRJkdmE6YzRRQSbAEj4hR6YgG1r1IxiWdcCrLk+wTFU5OpbPlP/LxA8+SHvB1gH4FCvFoumTMZLDGsJzlaTQ==","shasum":"caddeffde43b8130114b37dbc9cd626663fdbbc6","tarball":"https://registry.npmjs.org/simple-piano-keyboard/-/simple-piano-keyboard-0.1.17.tgz","fileCount":7,"unpackedSize":19125,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC//k0YnD7HuyTrcY8LAp7ZbenoBnWV2+j5V18iFJHOgAiA6NTgVEiQqMBqDWX8UcVYqGdhK4xQm7qt6PmqIjNGmTQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjyVVyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrHpQ/+IkTjXu3VfRXHzd4nyTXs/N7cL6X4/zvdbp+tpPON7Vl6+XF7\r\nWiRF0anY210VRoj9UL6WHM5ZGobeQzwFAnZArQzPglJJPD8OCocPlGbETmwQ\r\n+oEs7GyEF8fBtL6ixSxEoEgTnHWEL9soIkvCIzm/2O3JvroqVoy7IVcKtyaL\r\nlxPOG9rHxLJZ84IB3U8lH37jlTKKRb+twedNCGq9Im9J5hBEoS/0AWTyzsqQ\r\nSH+ylipmXkTICzzQbEmnfxWdYYrCtGrt6RoJ87LUM+Nf2hWaVu96QcDndBti\r\nzvRZlCPS/t3XV3l5tOTp38HffgU5daRUFwe7h55fKdssxrEyEQm9+PrHKWcx\r\ng0X2hlYOfbm7jOmd3itPwt68KrEgz5CB5Ew9ggrISz/DnS8zpd3QzhePDM4M\r\nUr9nF5Galm8TR4GYpBwFAdJ/tmFFo3cdaCarpv/xwD6TFXKBWv51AiAcfuKu\r\n1skqVJjGca/7ze83ESflff0qlkoQmYEQL0PNSFY5htCYhgq+QnoLzbFZ/UEN\r\nkRcmRuliUhRJ1mU0qPP4CgpCaH/jX1QHoqzsyzJXmD0KJCy4nmWGHJaXL2hD\r\nwgqIeNaoIrSHQJJgB8lY+otNjOFHIIUFESpoYRfqm0vhPx1CKeuk514ydn0/\r\nR6QH32bwJ3PyhRO8fwi+R+YTr48OLcMELrM=\r\n=aQoS\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"solitary-pocky","email":"crazy.pocchan.appeared.1111@gmail.com"},"directories":{},"maintainers":[{"name":"solitary-pocky","email":"crazy.pocchan.appeared.1111@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/simple-piano-keyboard_0.1.17_1674138994424_0.7951597103894565"},"_hasShrinkwrap":false},"1.0.0":{"name":"simple-piano-keyboard","version":"1.0.0","description":"Can display simple piano keyboard. (Note: No include sound)","private":false,"main":"./dist/simple-piano-keyboard.es.js","unpkg":"./dist/simple-piano-keyboard.umd.js","jsdelivr":"./dist/simple-piano-keyboard.umd.js","module":"./dist/my-lib.es.js","exports":{".":{"import":"./dist/simple-piano-keyboard.es.js","require":"./dist/simple-piano-keyboard.umd.js"}},"repository":{"type":"git","url":"git+https://github.com/solitary-pocky/simple-piano-keyboard.git"},"bugs":{"url":"https://github.com/solitary-pocky/simple-piano-keyboard/issues"},"homepage":"https://github.com/solitary-pocky/simple-piano-keyboard/blob/main/README.md","keywords":["Piano","Keyboard","Music","Instrument","Note","Vue","Vue3","Vue.js"],"author":{"name":"solitary-pocky","url":"https://github.com/solitary-pocky"},"license":"MIT","scripts":{"dev":"vite","build":"vite build","watch":"vite build --watch","prepare":"npm run build"},"dependencies":{"core-js":"^3.8.3","vue":"^3.2.13"},"devDependencies":{"@vue/cli-plugin-babel":"~5.0.0","@vue/cli-service":"~5.0.0","sass":"^1.32.7","sass-loader":"^12.0.0"},"gitHead":"defe4c480b13c6d9fe42b6c795a21f4fa436e163","_id":"simple-piano-keyboard@1.0.0","_nodeVersion":"18.13.0","_npmVersion":"9.3.0","dist":{"integrity":"sha512-BnE3pThkmsRfU7UAnsJQdcAPug87VlimzpjfoQvJiHzrmrAnCbBJoPsGZj7ZUEMPfSbbs7oPphxgw+MY0H2pZw==","shasum":"5a1201bb650f28a7bcf36b56a8e0ccc4eca4d594","tarball":"https://registry.npmjs.org/simple-piano-keyboard/-/simple-piano-keyboard-1.0.0.tgz","fileCount":7,"unpackedSize":22041,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGqLAY45VZ/FqVOrFmE+Dj8ewqEvODS2rzPl2xY/DmSUAiEAj0y4qSvzHL1L7b6kNPqEegVgWJQK595oPpHQk9myLrg="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjyV+zACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoJlQ//fpcI6Hk8VXhCZ6pMkReKmBvJ+yBMyeNcARbANFs/Fif8FjiX\r\n/bv5h3/Xs/okdawuXlbtsxfnSTlWQxdUtT6k6AcnM6yTxBsPigdpchT+ATj3\r\nT3YqiqhLuqctQ0o760tex6eq/RSTuP4YgiY8nMyRJNqJhO0R0yWJqohLRKZH\r\nhZQs/xr1iXyuUaNMWxSh/1YmaQ9QXai7TkML+QmwKMt/dujIp1lSVNZkVcLw\r\nNgscI0He1hpc0gIA9k9TKie/uOpVD1Uye0oM/uzHtGPWo46q/GSFzZ1O5l+F\r\nBsx85yMpKqwvqN7hC2/iUEcebIixLbMUAEHNL/KJO/pn8HtuKb9H1yXr1AnU\r\nKobTdWzedgwEX3I9Crpfz7URFPtrQ4Ko75mCFCUYxaPj3kvQyUtn0Iiv4WYe\r\nIiPx2DLvgRbVTyQ5xn30ppLCIzrXChBZVbMB+C1cH9Zd1Hm7Uf5Aw14D6a1Y\r\n5Iw1K9u103o2GnLh1RtIXBUszTRaY5GnKltQO4TWz+TKvmw/taEhclhQrRZO\r\nW3Nw33P6wL4PBPqmhbxY36FzvYcb8gNML9h/bHbsMBO+ynjc7HyEd0JF1U5y\r\n3rKdhWj+SmOJlQlFGtlStk4xtoVs6jhjnoEVdf1iIA9PFqgKn/gh7QXbnbG8\r\nw61GKu22TxBI0b9XQ6p8rKcM1FWOHMgetYQ=\r\n=I21J\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"solitary-pocky","email":"crazy.pocchan.appeared.1111@gmail.com"},"directories":{},"maintainers":[{"name":"solitary-pocky","email":"crazy.pocchan.appeared.1111@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/simple-piano-keyboard_1.0.0_1674141618884_0.8478811052440343"},"_hasShrinkwrap":false},"1.0.1":{"name":"simple-piano-keyboard","version":"1.0.1","description":"Can display simple piano keyboard. (Note: No include sound)","private":false,"main":"./dist/simple-piano-keyboard.es.js","unpkg":"./dist/simple-piano-keyboard.umd.js","jsdelivr":"./dist/simple-piano-keyboard.umd.js","module":"./dist/my-lib.es.js","exports":{".":{"import":"./dist/simple-piano-keyboard.es.js","require":"./dist/simple-piano-keyboard.umd.js"}},"sideEffects":["./dist/style.css"],"repository":{"type":"git","url":"git+https://github.com/solitary-pocky/simple-piano-keyboard.git"},"bugs":{"url":"https://github.com/solitary-pocky/simple-piano-keyboard/issues"},"homepage":"https://github.com/solitary-pocky/simple-piano-keyboard/blob/main/README.md","keywords":["Piano","Keyboard","Music","Instrument","Note","Vue","Vue3","Vue.js"],"author":{"name":"solitary-pocky","url":"https://github.com/solitary-pocky"},"license":"MIT","scripts":{"dev":"vite","build":"vite build","watch":"vite build --watch","prepare":"npm run build"},"dependencies":{"core-js":"^3.8.3","vue":"^3.2.13"},"devDependencies":{"@vue/cli-plugin-babel":"~5.0.0","@vue/cli-service":"~5.0.0","sass":"^1.32.7","sass-loader":"^12.0.0"},"gitHead":"95fcfedf564566a8bc6b1b7d59306c37a58b50f7","_id":"simple-piano-keyboard@1.0.1","_nodeVersion":"18.13.0","_npmVersion":"9.3.0","dist":{"integrity":"sha512-7cVQrlunbJgjuyLmYwyf2Jm8fyrpux2oXqSePcFt4xwVYXFhA6X3Cgd57+YAcOVVDZU96Rk0OvGWP2zbBixo1g==","shasum":"d8f7788dfab28d01ddb57f2d5597b840685a71de","tarball":"https://registry.npmjs.org/simple-piano-keyboard/-/simple-piano-keyboard-1.0.1.tgz","fileCount":7,"unpackedSize":28101,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEU4Ijg5oxIzwdVF71hv2V8zmlYAyq/BbLApSDb7Rq16AiAFEOQnFTnTzPqy9Wmc8bi1ihi64zAvZ6cgyuSlqPYGEw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjyg2wACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmonnRAApG9O04eXXuel6X3Wjt2ZccEeJVdbWja8ls9QIjRFi8LMEWJ5\r\nF41noTp/D72wUU+i0rnF+xadxKYy2auEzuXZucvc57HJ04USq4R1aODjKddR\r\nUtlbKC10qFz44RkmN79vMjjjKneuLL9W2DQ7pWyR4+YoJjASP3cjkBch2vYJ\r\nbYOK/ni6u/TooEqFj08lXlWPyCuo+9Pp/04v0qAP2ZEQ6lLnaHVlTu4pEslK\r\nWSNzQzl8w3WLcXykgBqPgfWOKnpGD8CyYys/5o4/8A1JlfL5iIB8jzmgQ7/q\r\noCVIWpHtY4JDNX9/LcKdQ6b2VnkuzXDkzTWrSSGqtz7AlJi0cg/nBNu+dZMP\r\nnCJZDGH0405KEAqy6+iPgfHaMP6SZ9oNWx5P1oGIs41dY8pnBAbnPbTrS/78\r\nyRCHiYcTAsX4CDquKXpXPihVDC6exe24GzrQC+itXC9X712RNVEownDQv1AX\r\nFUL0whATP4K8XdUCez7eUAq0/Riu24PEsSD7YQvYfhXtibunFCAsHZDICHox\r\nXYEnKdniyhO0GF1NthZarPyjsfd5uy3Z6MM59ereCc51AxxMqW71e4K7HKA2\r\n0Pgum9gOrMP6+cRQ/MXDhJ+l03dTCXnsGKlz0doG/24NTvgxRlg5SslSy9df\r\nUduEI83FGJOn8+BPPH+UPBnTwAthseIXM2s=\r\n=JcXp\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"solitary-pocky","email":"crazy.pocchan.appeared.1111@gmail.com"},"directories":{},"maintainers":[{"name":"solitary-pocky","email":"crazy.pocchan.appeared.1111@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/simple-piano-keyboard_1.0.1_1674186160429_0.3659321248187821"},"_hasShrinkwrap":false}},"time":{"created":"2023-01-17T14:46:45.948Z","0.1.0":"2023-01-17T14:46:46.147Z","modified":"2023-01-20T03:42:40.709Z","0.1.1":"2023-01-17T15:36:20.323Z","0.1.2":"2023-01-17T15:52:27.886Z","0.1.3":"2023-01-17T23:43:36.964Z","0.1.4":"2023-01-17T23:55:07.725Z","0.1.5":"2023-01-18T01:41:00.201Z","0.1.6":"2023-01-18T01:52:23.773Z","0.1.7":"2023-01-18T01:53:16.574Z","0.1.8":"2023-01-18T02:00:23.742Z","0.1.9":"2023-01-18T02:03:56.917Z","0.1.11":"2023-01-18T04:33:15.723Z","0.1.12":"2023-01-19T08:57:43.506Z","0.1.13":"2023-01-19T09:08:49.531Z","0.1.14":"2023-01-19T09:15:56.593Z","0.1.15":"2023-01-19T09:34:56.824Z","0.1.16":"2023-01-19T13:57:07.510Z","0.1.17":"2023-01-19T14:36:34.576Z","1.0.0":"2023-01-19T15:20:19.041Z","1.0.1":"2023-01-20T03:42:40.606Z"},"maintainers":[{"name":"solitary-pocky","email":"crazy.pocchan.appeared.1111@gmail.com"}],"description":"Can display simple piano keyboard. (Note: No include sound)","homepage":"https://github.com/solitary-pocky/simple-piano-keyboard/blob/main/README.md","keywords":["Piano","Keyboard","Music","Instrument","Note","Vue","Vue3","Vue.js"],"repository":{"type":"git","url":"git+https://github.com/solitary-pocky/simple-piano-keyboard.git"},"author":{"name":"solitary-pocky","url":"https://github.com/solitary-pocky"},"bugs":{"url":"https://github.com/solitary-pocky/simple-piano-keyboard/issues"},"license":"MIT","readme":"# simple-piano-keyboard\r\n\r\n⚠️Prease check **the latest version** of `README.md` in **GitHub repository [simple-piano-keyboard](https://github.com/solitary-pocky/simple-piano-keyboard)**.<br/>The contents of `README.md` on **npm** is might a little old or include a bit mistakes because it's not updated without source code's change.\r\n\r\n## What is this?\r\n\r\n`simple-piano-keyboard` is literally \"simple piano keyboard\" component of Vue.js🤣<br/>This package doesn't include mechanism of sound for now. But if you have sound sources and combine with, it's possible to create musical instrument, I think.<br/>This is very simple component but that's reason it has infinity possibility🤩\r\n\r\n## Project setup\r\n\r\n### Use npm\r\n\r\nInstall:\r\n\r\n```\r\nnpm i simple-piano-keyboard\r\n```\r\n\r\nAdd component and css to Vue:\r\n\r\n```\r\nimport { createApp } from 'vue';\r\nimport SimplePianoKeyboard from 'simple-piano-keyboard';  // add this\r\nimport '../node_modules/simple-piano-keyboard/dist/style.css';  // add this\r\nimport App from './App.vue';\r\n\r\nconst app = createApp(App)\r\napp.use(SimplePianoKeyboard)  // add this\r\napp.mount('#app');\r\n```\r\n\r\n### Use CDN\r\n\r\nLatest version:\r\n\r\n```\r\n<script src=\"https://cdn.jsdelivr.net/npm/simple-piano-keyboard/dist/simple-piano-keyboard.umd.min.js\"></script>\r\n```\r\n\r\n\\* Note: You need to describe Vue.js's CDN at same.\r\n\r\nAnd describe like below in JS programs:\r\n\r\n```\r\nconst { createApp } = Vue;\r\n\r\nconst vueContent = {\r\n  // Your Vue contents\r\n};\r\n\r\nconst app = createApp(vueContent);\r\napp.use(SimplePianoKeyboard);\r\napp.mount('#app');\r\n```\r\n\r\n## Property list\r\n\r\nThis is the list of parameters you can input like below:\r\n\r\n```\r\n<simple-piano-keyboard v-model=\"selectedNotes\" lowestNote=\"C3\" highestNote=\"C4\"></simple-piano-keyboard>\r\n```\r\n\r\n| Property        | Type                           | Description                                                                                                                                                                                                                                                                                                                                   | Default value                                                                                                                                                             |\r\n| :-------------- | :----------------------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |\r\n| v-model         | String[]<br/> or <br/>Number[] | Array of MIDI note number or international styled note name like 'C4'.<br/>For example, the central C on piano is 'C4'. And its one octave higher is 'C5'. MIDI note number of 'C4' is 60. Notes of black key can be expressed like 'A#2' by using #. <br/>The value of this property is interlockly changed with keyboard's selection state. | `[]`                                                                                                                                                                      |\r\n| lowestNote      | String<br/> or <br/>Number     | The lowest note of a keyboard.                                                                                                                                                                                                                                                                                                                | `'A0'`<br/>(The lowest note of the piano with 88 keys)                                                                                                                    |\r\n| highestNote     | String<br/> or <br/>Number     | The highest note of a keyboard.                                                                                                                                                                                                                                                                                                               | `'C8'`<br/>(The highest note of the piano with 88 keys)                                                                                                                   |\r\n| keyHeightSize   | Number                         | The height size number of each keys of keyboard. If you input 1, the white key's height is set 12px.                                                                                                                                                                                                                                          | `10`                                                                                                                                                                      |\r\n| keyWidthSize    | Number                         | The width size number of each keys of keyboard. If you input 1, the white key's width is set 3px.                                                                                                                                                                                                                                             | `10`                                                                                                                                                                      |\r\n| padding         | Number                         | The padding of the frame of keyboard.                                                                                                                                                                                                                                                                                                         | `8`                                                                                                                                                                       |\r\n| width           | Number                         | The width of the frame of keyboard. Overflew areas are displayed by scrolling.                                                                                                                                                                                                                                                                | `380`                                                                                                                                                                     |\r\n| color           | Object                         | Define colors.                                                                                                                                                                                                                                                                                                                                | `{whiteKey: '#FFFFFF', blackKey: '#222222', selectedWhiteKey: '#B2EBF2', selectedBlackKey: '#B2EBF2', keyBorder: '#212121', frameBorder: '#e0e0e0', noteName: '#212121'}` |\r\n| thickness       | Object                         | Define thickness of some borders.                                                                                                                                                                                                                                                                                                             | `{keyBorder: 1, frameBorder: 2}`                                                                                                                                          |\r\n| noteNameDisplay | Object                         | The settings of display note names on each key. `type` can be set `'none'`, `'intl'` or `'num'`. <br/>`target` can be set note alphabets not included # like `'A'`, `'C'`.                                                                                                                                                                    | `{type: 'none', target: 'A'}`                                                                                                                                             |\r\n| noteOutputType  | String                         | `'intl'`: International styled note name<br/>`'num'`: Note number                                                                                                                                                                                                                                                                             | `'intl'`                                                                                                                                                                  |\r\n| isReadOnly      | Boolean                        | If you set `true`, clicking keys is be disabled.                                                                                                                                                                                                                                                                                              | `false`                                                                                                                                                                   |\r\n","readmeFilename":"README.md"}