From 4335f477a1783b99d2f7b8d6469984284fcdac92 Mon Sep 17 00:00:00 2001 From: Francisco Hodge Date: Fri, 14 Dec 2018 00:28:18 -0500 Subject: [PATCH] Adding new option: useButtonTag --- build/css/index.css | 4 ++-- build/css/index.css.map | 2 +- build/index.d.ts | 5 +++++ build/index.js | 4 ++-- build/index.js.map | 2 +- package-lock.json | 2 +- package.json | 2 +- src/demo/App.js | 2 +- src/lib/@types/index.d.ts | 5 +++++ src/lib/components/Keyboard.css | 7 +++++++ src/lib/components/Keyboard.js | 18 ++++++++++-------- src/lib/components/tests/Keyboard.test.js | 4 +++- 12 files changed, 39 insertions(+), 18 deletions(-) diff --git a/build/css/index.css b/build/css/index.css index 5ba23613..4829503c 100644 --- a/build/css/index.css +++ b/build/css/index.css @@ -1,6 +1,6 @@ /*! * - * simple-keyboard v2.11.9 + * simple-keyboard v2.12.0 * https://github.com/hodgef/simple-keyboard * * Copyright (c) Francisco Hodge (https://github.com/hodgef) @@ -8,5 +8,5 @@ * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. * - */body,html{margin:0;padding:0}.simple-keyboard{font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;overflow:hidden;touch-action:manipulation}.simple-keyboard .hg-row{display:flex}.simple-keyboard .hg-row:not(:last-child){margin-bottom:5px}.simple-keyboard .hg-row .hg-button:not(:last-child){margin-right:5px}.simple-keyboard .hg-button{display:inline-block;flex-grow:1;cursor:pointer}.hg-standardBtn{max-width:100px}.simple-keyboard.hg-theme-default{background-color:rgba(0,0,0,.1);padding:5px;border-radius:5px}.simple-keyboard.hg-theme-default .hg-button{box-shadow:0 0 3px -1px rgba(0,0,0,.3);height:40px;border-radius:5px;box-sizing:border-box;padding:5px;background:#fff;border-bottom:1px solid #b5b5b5;cursor:pointer;display:flex;align-items:center;justify-content:center}.simple-keyboard.hg-theme-default .hg-button:active{background:#e4e4e4}.simple-keyboard.hg-theme-default.hg-layout-numeric .hg-button{width:33.3%;height:60px;align-items:center;display:flex;justify-content:center}.simple-keyboard.hg-theme-default .hg-button.hg-button-numpadadd,.simple-keyboard.hg-theme-default .hg-button.hg-button-numpadenter{height:85px}.simple-keyboard.hg-theme-default .hg-button.hg-button-numpad0{width:105px}.simple-keyboard.hg-theme-default .hg-button.hg-button-com{max-width:85px}.simple-keyboard.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px}.simple-keyboard.hg-theme-default .hg-button.hg-selectedButton{background:rgba(5,25,70,.53);color:#fff}.simple-keyboard.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px}.simple-keyboard.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px} + */body,html{margin:0;padding:0}.simple-keyboard{font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;overflow:hidden;touch-action:manipulation}.simple-keyboard .hg-row{display:flex}.simple-keyboard .hg-row:not(:last-child){margin-bottom:5px}.simple-keyboard .hg-row .hg-button:not(:last-child){margin-right:5px}.simple-keyboard .hg-button{display:inline-block;flex-grow:1;cursor:pointer}.hg-standardBtn{max-width:100px}.simple-keyboard.hg-theme-default{background-color:rgba(0,0,0,.1);padding:5px;border-radius:5px}.simple-keyboard.hg-theme-default .hg-button{box-shadow:0 0 3px -1px rgba(0,0,0,.3);height:40px;border-radius:5px;box-sizing:border-box;padding:5px;background:#fff;border-bottom:1px solid #b5b5b5;cursor:pointer;display:flex;align-items:center;justify-content:center}.simple-keyboard button.hg-button{border-width:0;outline:0;font-size:inherit}.simple-keyboard.hg-theme-default .hg-button:active{background:#e4e4e4}.simple-keyboard.hg-theme-default.hg-layout-numeric .hg-button{width:33.3%;height:60px;align-items:center;display:flex;justify-content:center}.simple-keyboard.hg-theme-default .hg-button.hg-button-numpadadd,.simple-keyboard.hg-theme-default .hg-button.hg-button-numpadenter{height:85px}.simple-keyboard.hg-theme-default .hg-button.hg-button-numpad0{width:105px}.simple-keyboard.hg-theme-default .hg-button.hg-button-com{max-width:85px}.simple-keyboard.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px}.simple-keyboard.hg-theme-default .hg-button.hg-selectedButton{background:rgba(5,25,70,.53);color:#fff}.simple-keyboard.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px}.simple-keyboard.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px} /*# sourceMappingURL=index.css.map */ \ No newline at end of file diff --git a/build/css/index.css.map b/build/css/index.css.map index b765cb34..6fc02d05 100644 --- a/build/css/index.css.map +++ b/build/css/index.css.map @@ -1 +1 @@ -{"version":3,"sources":["index.css","X:/Dev/simple-keyboard/src/lib/components/X:/Dev/simple-keyboard/src/lib/components/Keyboard.css"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG,ACVH,UACE,SAAU,AACV,SAAW,CACZ,AAED,iBACE,6GAA4H,AAC5H,WAAY,AACZ,yBAAkB,AAAlB,sBAAkB,AAAlB,qBAAkB,AAAlB,iBAAkB,AAClB,sBAAuB,AACvB,gBAAiB,AACjB,yBAA2B,CAC5B,AAED,yBACE,YAAc,CACf,AAED,0CACE,iBAAmB,CACpB,AAED,qDACE,gBAAkB,CACnB,AAED,4BACE,qBAAsB,AACtB,YAAa,AACb,cAAgB,CACjB,AAED,gBACE,eAAiB,CAClB,AAKD,kCACE,gCAAkC,AAClC,YAAa,AACb,iBAAmB,CACnB,AAEF,6CACE,uCAA6C,AAC7C,YAAa,AACb,kBAAmB,AACnB,sBAAuB,AACvB,YAAa,AACb,gBAAkB,AAClB,gCAAiC,AACjC,eAAgB,AAChB,aAAc,AACd,mBAAoB,AACpB,sBAAwB,CACxB,AAED,oDACC,kBAAoB,CACpB,AAEF,+DACE,YAAa,AACb,YAAa,AACb,mBAAoB,AACpB,aAAc,AACd,sBAAwB,CACzB,AAMD,oIACE,WAAa,CACd,AAED,+DACE,WAAa,CACd,AAED,2DACE,cAAgB,CACjB,AAED,yEACE,cAAgB,CACjB,AAED,+DACE,6BAAkC,AAClC,UAAa,CACd,AAED,+EACE,cAAgB,CACjB,AAED,4EACE,cAAgB,CDejB","file":"index.css","sourcesContent":["/*!\n * \n * simple-keyboard v2.11.9\n * https://github.com/hodgef/simple-keyboard\n * \n * Copyright (c) Francisco Hodge (https://github.com/hodgef)\n * \n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n * \n */\nbody, html {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n.simple-keyboard {\r\n font-family: \"HelveticaNeue-Light\", \"Helvetica Neue Light\", \"Helvetica Neue\", Helvetica, Arial, \"Lucida Grande\", sans-serif;\r\n width: 100%;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n box-sizing: border-box;\r\n overflow: hidden;\r\n touch-action: manipulation;\r\n}\r\n\r\n.simple-keyboard .hg-row {\r\n display: flex;\r\n}\r\n\r\n.simple-keyboard .hg-row:not(:last-child) {\r\n margin-bottom: 5px;\r\n}\r\n\r\n.simple-keyboard .hg-row .hg-button:not(:last-child) {\r\n margin-right: 5px;\r\n}\r\n\r\n.simple-keyboard .hg-button {\r\n display: inline-block;\r\n flex-grow: 1;\r\n cursor: pointer;\r\n}\r\n\r\n.hg-standardBtn {\r\n max-width: 100px;\r\n}\r\n\r\n/**\r\n * hg-theme-default theme\r\n */\r\n.simple-keyboard.hg-theme-default {\r\n background-color: rgba(0,0,0,0.1);\r\n padding: 5px;\r\n border-radius: 5px;\r\n }\r\n\r\n.simple-keyboard.hg-theme-default .hg-button {\r\n box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.3);\r\n height: 40px;\r\n border-radius: 5px;\r\n box-sizing: border-box;\r\n padding: 5px;\r\n background: white;\r\n border-bottom: 1px solid #b5b5b5;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .simple-keyboard.hg-theme-default .hg-button:active {\r\n background: #e4e4e4;\r\n }\r\n\r\n.simple-keyboard.hg-theme-default.hg-layout-numeric .hg-button {\r\n width: 33.3%;\r\n height: 60px;\r\n align-items: center;\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.simple-keyboard.hg-theme-default .hg-button.hg-button-numpadadd {\r\n height: 85px;\r\n}\r\n\r\n.simple-keyboard.hg-theme-default .hg-button.hg-button-numpadenter {\r\n height: 85px;\r\n}\r\n\r\n.simple-keyboard.hg-theme-default .hg-button.hg-button-numpad0 {\r\n width: 105px;\r\n}\r\n\r\n.simple-keyboard.hg-theme-default .hg-button.hg-button-com {\r\n max-width: 85px;\r\n}\r\n\r\n.simple-keyboard.hg-theme-default .hg-button.hg-standardBtn.hg-button-at {\r\n max-width: 45px;\r\n}\r\n\r\n.simple-keyboard.hg-theme-default .hg-button.hg-selectedButton {\r\n background: rgba(5, 25, 70, 0.53);\r\n color: white;\r\n}\r\n\r\n.simple-keyboard.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=\".com\"] {\r\n max-width: 82px;\r\n}\r\n\r\n.simple-keyboard.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=\"@\"] {\r\n max-width: 60px;\r\n}\n","body, html {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n.simple-keyboard {\r\n font-family: \"HelveticaNeue-Light\", \"Helvetica Neue Light\", \"Helvetica Neue\", Helvetica, Arial, \"Lucida Grande\", sans-serif;\r\n width: 100%;\r\n user-select: none;\r\n box-sizing: border-box;\r\n overflow: hidden;\r\n touch-action: manipulation;\r\n}\r\n\r\n.simple-keyboard .hg-row {\r\n display: flex;\r\n}\r\n\r\n.simple-keyboard .hg-row:not(:last-child) {\r\n margin-bottom: 5px;\r\n}\r\n\r\n.simple-keyboard .hg-row .hg-button:not(:last-child) {\r\n margin-right: 5px;\r\n}\r\n\r\n.simple-keyboard .hg-button {\r\n display: inline-block;\r\n flex-grow: 1;\r\n cursor: pointer;\r\n}\r\n\r\n.hg-standardBtn {\r\n max-width: 100px;\r\n}\r\n\r\n/**\r\n * hg-theme-default theme\r\n */\r\n.simple-keyboard.hg-theme-default {\r\n background-color: rgba(0,0,0,0.1);\r\n padding: 5px;\r\n border-radius: 5px;\r\n }\r\n\r\n.simple-keyboard.hg-theme-default .hg-button {\r\n box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.3);\r\n height: 40px;\r\n border-radius: 5px;\r\n box-sizing: border-box;\r\n padding: 5px;\r\n background: white;\r\n border-bottom: 1px solid #b5b5b5;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .simple-keyboard.hg-theme-default .hg-button:active {\r\n background: #e4e4e4;\r\n }\r\n\r\n.simple-keyboard.hg-theme-default.hg-layout-numeric .hg-button {\r\n width: 33.3%;\r\n height: 60px;\r\n align-items: center;\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.simple-keyboard.hg-theme-default .hg-button.hg-button-numpadadd {\r\n height: 85px;\r\n}\r\n\r\n.simple-keyboard.hg-theme-default .hg-button.hg-button-numpadenter {\r\n height: 85px;\r\n}\r\n\r\n.simple-keyboard.hg-theme-default .hg-button.hg-button-numpad0 {\r\n width: 105px;\r\n}\r\n\r\n.simple-keyboard.hg-theme-default .hg-button.hg-button-com {\r\n max-width: 85px;\r\n}\r\n\r\n.simple-keyboard.hg-theme-default .hg-button.hg-standardBtn.hg-button-at {\r\n max-width: 45px;\r\n}\r\n\r\n.simple-keyboard.hg-theme-default .hg-button.hg-selectedButton {\r\n background: rgba(5, 25, 70, 0.53);\r\n color: white;\r\n}\r\n\r\n.simple-keyboard.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=\".com\"] {\r\n max-width: 82px;\r\n}\r\n\r\n.simple-keyboard.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=\"@\"] {\r\n max-width: 60px;\r\n}"]} \ No newline at end of file +{"version":3,"sources":["index.css","X:/Dev/simple-keyboard/src/lib/components/X:/Dev/simple-keyboard/src/lib/components/Keyboard.css"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG,ACVH,UACE,SAAU,AACV,SAAW,CACZ,AAED,iBACE,6GAA4H,AAC5H,WAAY,AACZ,yBAAkB,AAAlB,sBAAkB,AAAlB,qBAAkB,AAAlB,iBAAkB,AAClB,sBAAuB,AACvB,gBAAiB,AACjB,yBAA2B,CAC5B,AAED,yBACE,YAAc,CACf,AAED,0CACE,iBAAmB,CACpB,AAED,qDACE,gBAAkB,CACnB,AAED,4BACE,qBAAsB,AACtB,YAAa,AACb,cAAgB,CACjB,AAED,gBACE,eAAiB,CAClB,AAKD,kCACE,gCAAkC,AAClC,YAAa,AACb,iBAAmB,CACnB,AAEF,6CACE,uCAA6C,AAC7C,YAAa,AACb,kBAAmB,AACnB,sBAAuB,AACvB,YAAa,AACb,gBAAkB,AAClB,gCAAiC,AACjC,eAAgB,AAChB,aAAc,AACd,mBAAoB,AACpB,sBAAwB,CACxB,AAGD,kCACC,eAAgB,AAChB,UAAW,AACX,iBAAmB,CACpB,AAEA,oDACC,kBAAoB,CACpB,AAEF,+DACE,YAAa,AACb,YAAa,AACb,mBAAoB,AACpB,aAAc,AACd,sBAAwB,CACzB,AAMD,oIACE,WAAa,CACd,AAED,+DACE,WAAa,CACd,AAED,2DACE,cAAgB,CACjB,AAED,yEACE,cAAgB,CACjB,AAED,+DACE,6BAAkC,AAClC,UAAa,CACd,AAED,+EACE,cAAgB,CACjB,AAED,4EACE,cAAgB,CDejB","file":"index.css","sourcesContent":["/*!\n * \n * simple-keyboard v2.12.0\n * https://github.com/hodgef/simple-keyboard\n * \n * Copyright (c) Francisco Hodge (https://github.com/hodgef)\n * \n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n * \n */\nbody, html {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n.simple-keyboard {\r\n font-family: \"HelveticaNeue-Light\", \"Helvetica Neue Light\", \"Helvetica Neue\", Helvetica, Arial, \"Lucida Grande\", sans-serif;\r\n width: 100%;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n box-sizing: border-box;\r\n overflow: hidden;\r\n touch-action: manipulation;\r\n}\r\n\r\n.simple-keyboard .hg-row {\r\n display: flex;\r\n}\r\n\r\n.simple-keyboard .hg-row:not(:last-child) {\r\n margin-bottom: 5px;\r\n}\r\n\r\n.simple-keyboard .hg-row .hg-button:not(:last-child) {\r\n margin-right: 5px;\r\n}\r\n\r\n.simple-keyboard .hg-button {\r\n display: inline-block;\r\n flex-grow: 1;\r\n cursor: pointer;\r\n}\r\n\r\n.hg-standardBtn {\r\n max-width: 100px;\r\n}\r\n\r\n/**\r\n * hg-theme-default theme\r\n */\r\n.simple-keyboard.hg-theme-default {\r\n background-color: rgba(0,0,0,0.1);\r\n padding: 5px;\r\n border-radius: 5px;\r\n }\r\n\r\n.simple-keyboard.hg-theme-default .hg-button {\r\n box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.3);\r\n height: 40px;\r\n border-radius: 5px;\r\n box-sizing: border-box;\r\n padding: 5px;\r\n background: white;\r\n border-bottom: 1px solid #b5b5b5;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n /* When using option \"useButtonTag\" */\r\n .simple-keyboard button.hg-button {\r\n border-width: 0;\r\n outline: 0;\r\n font-size: inherit;\r\n}\r\n\r\n .simple-keyboard.hg-theme-default .hg-button:active {\r\n background: #e4e4e4;\r\n }\r\n\r\n.simple-keyboard.hg-theme-default.hg-layout-numeric .hg-button {\r\n width: 33.3%;\r\n height: 60px;\r\n align-items: center;\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.simple-keyboard.hg-theme-default .hg-button.hg-button-numpadadd {\r\n height: 85px;\r\n}\r\n\r\n.simple-keyboard.hg-theme-default .hg-button.hg-button-numpadenter {\r\n height: 85px;\r\n}\r\n\r\n.simple-keyboard.hg-theme-default .hg-button.hg-button-numpad0 {\r\n width: 105px;\r\n}\r\n\r\n.simple-keyboard.hg-theme-default .hg-button.hg-button-com {\r\n max-width: 85px;\r\n}\r\n\r\n.simple-keyboard.hg-theme-default .hg-button.hg-standardBtn.hg-button-at {\r\n max-width: 45px;\r\n}\r\n\r\n.simple-keyboard.hg-theme-default .hg-button.hg-selectedButton {\r\n background: rgba(5, 25, 70, 0.53);\r\n color: white;\r\n}\r\n\r\n.simple-keyboard.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=\".com\"] {\r\n max-width: 82px;\r\n}\r\n\r\n.simple-keyboard.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=\"@\"] {\r\n max-width: 60px;\r\n}\n","body, html {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n.simple-keyboard {\r\n font-family: \"HelveticaNeue-Light\", \"Helvetica Neue Light\", \"Helvetica Neue\", Helvetica, Arial, \"Lucida Grande\", sans-serif;\r\n width: 100%;\r\n user-select: none;\r\n box-sizing: border-box;\r\n overflow: hidden;\r\n touch-action: manipulation;\r\n}\r\n\r\n.simple-keyboard .hg-row {\r\n display: flex;\r\n}\r\n\r\n.simple-keyboard .hg-row:not(:last-child) {\r\n margin-bottom: 5px;\r\n}\r\n\r\n.simple-keyboard .hg-row .hg-button:not(:last-child) {\r\n margin-right: 5px;\r\n}\r\n\r\n.simple-keyboard .hg-button {\r\n display: inline-block;\r\n flex-grow: 1;\r\n cursor: pointer;\r\n}\r\n\r\n.hg-standardBtn {\r\n max-width: 100px;\r\n}\r\n\r\n/**\r\n * hg-theme-default theme\r\n */\r\n.simple-keyboard.hg-theme-default {\r\n background-color: rgba(0,0,0,0.1);\r\n padding: 5px;\r\n border-radius: 5px;\r\n }\r\n\r\n.simple-keyboard.hg-theme-default .hg-button {\r\n box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.3);\r\n height: 40px;\r\n border-radius: 5px;\r\n box-sizing: border-box;\r\n padding: 5px;\r\n background: white;\r\n border-bottom: 1px solid #b5b5b5;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n /* When using option \"useButtonTag\" */\r\n .simple-keyboard button.hg-button {\r\n border-width: 0;\r\n outline: 0;\r\n font-size: inherit;\r\n}\r\n\r\n .simple-keyboard.hg-theme-default .hg-button:active {\r\n background: #e4e4e4;\r\n }\r\n\r\n.simple-keyboard.hg-theme-default.hg-layout-numeric .hg-button {\r\n width: 33.3%;\r\n height: 60px;\r\n align-items: center;\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.simple-keyboard.hg-theme-default .hg-button.hg-button-numpadadd {\r\n height: 85px;\r\n}\r\n\r\n.simple-keyboard.hg-theme-default .hg-button.hg-button-numpadenter {\r\n height: 85px;\r\n}\r\n\r\n.simple-keyboard.hg-theme-default .hg-button.hg-button-numpad0 {\r\n width: 105px;\r\n}\r\n\r\n.simple-keyboard.hg-theme-default .hg-button.hg-button-com {\r\n max-width: 85px;\r\n}\r\n\r\n.simple-keyboard.hg-theme-default .hg-button.hg-standardBtn.hg-button-at {\r\n max-width: 45px;\r\n}\r\n\r\n.simple-keyboard.hg-theme-default .hg-button.hg-selectedButton {\r\n background: rgba(5, 25, 70, 0.53);\r\n color: white;\r\n}\r\n\r\n.simple-keyboard.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=\".com\"] {\r\n max-width: 82px;\r\n}\r\n\r\n.simple-keyboard.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=\"@\"] {\r\n max-width: 60px;\r\n}"]} \ No newline at end of file diff --git a/build/index.d.ts b/build/index.d.ts index f7daf5b4..32659299 100644 --- a/build/index.d.ts +++ b/build/index.d.ts @@ -96,6 +96,11 @@ declare module 'simple-keyboard' { */ physicalKeyboardHighlightBgColor?: string; + /** + * Render buttons as a button element instead of a div element. + */ + useButtonTag?: boolean; + /** * Executes the callback function on key press. Returns button layout name (i.e.: "{shift}"). */ diff --git a/build/index.js b/build/index.js index 9446c93a..34bd2c8d 100644 --- a/build/index.js +++ b/build/index.js @@ -1,6 +1,6 @@ /*! * - * simple-keyboard v2.11.9 + * simple-keyboard v2.12.0 * https://github.com/hodgef/simple-keyboard * * Copyright (c) Francisco Hodge (https://github.com/hodgef) @@ -9,5 +9,5 @@ * LICENSE file in the root directory of this source tree. * */ -!function(t,e){"object"===typeof exports&&"object"===typeof module?module.exports=e():"function"===typeof define&&define.amd?define("SimpleKeyboard",[],e):"object"===typeof exports?exports.SimpleKeyboard=e():t.SimpleKeyboard=e()}(window,function(){return function(t){var e={};function n(i){if(e[i])return e[i].exports;var o=e[i]={i:i,l:!1,exports:{}};return t[i].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},n.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(i,o,function(e){return t[e]}.bind(null,o));return i},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=0)}([function(t,e,n){t.exports=n(2)},function(t,e,n){},function(t,e,n){"use strict";n.r(e);n(1);function i(t,e){for(var n=0;n ? {shift}",".com @ {space}"]}}}],(n=null)&&s(e.prototype,n),i&&s(e,i),t}();function u(t){return(u="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"===typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function r(t,e){for(var n=0;n0?s=this.removeAt(s,i,o):"{space}"===t?s=this.addStringAt(s," ",i,o):"{tab}"!==t||"boolean"===typeof n.tabCharOnTab&&!1===n.tabCharOnTab?"{enter}"!==t&&"{numpadenter}"!==t||!n.newLineOnEnter?t.includes("numpad")&&Number.isInteger(Number(t[t.length-2]))?s=this.addStringAt(s,t[t.length-2],i,o):"{numpaddivide}"===t?s=this.addStringAt(s,"/",i,o):"{numpadmultiply}"===t?s=this.addStringAt(s,"*",i,o):"{numpadsubtract}"===t?s=this.addStringAt(s,"-",i,o):"{numpadadd}"===t?s=this.addStringAt(s,"+",i,o):"{numpaddecimal}"===t?s=this.addStringAt(s,".",i,o):"{"===t||"}"===t?s=this.addStringAt(s,t,i,o):t.includes("{")||t.includes("}")||(s=this.addStringAt(s,t,i,o)):s=this.addStringAt(s,"\n",i,o):s=this.addStringAt(s,"\t",i,o),s}},{key:"updateCaretPos",value:function(t,e){var n=this.updateCaretPosAction(this.simpleKeyboardInstance,t,e);this.simpleKeyboardInstance.options.syncInstanceInputs&&this.simpleKeyboardInstance.dispatch(function(t){t.caretPosition=n})}},{key:"updateCaretPosAction",value:function(t,e,n){return n?t.caretPosition>0&&(t.caretPosition=t.caretPosition-e):t.caretPosition=t.caretPosition+e,this.simpleKeyboardInstance.options.debug&&console.log("Caret at:",t.caretPosition,"(".concat(t.keyboardDOMClass,")")),t.caretPosition}},{key:"addStringAt",value:function(t,e,n,i){var o;return n||0===n?(o=[t.slice(0,n),e,t.slice(n)].join(""),this.isMaxLengthReached()||i&&this.updateCaretPos(e.length)):o=t+e,o}},{key:"removeAt",value:function(t,e,n){if(0===this.simpleKeyboardInstance.caretPosition)return t;var i,o=/([\uD800-\uDBFF][\uDC00-\uDFFF])/g;return e&&e>=0?t.substring(e-2,e).match(o)?(i=t.substr(0,e-2)+t.substr(e),n&&this.updateCaretPos(2,!0)):(i=t.substr(0,e-1)+t.substr(e),n&&this.updateCaretPos(1,!0)):t.slice(-2).match(o)?(i=t.slice(0,-2),n&&this.updateCaretPos(2,!0)):(i=t.slice(0,-1),n&&this.updateCaretPos(1,!0)),i}},{key:"handleMaxLength",value:function(t,e,n){var i=e.maxLength,o=t[e.inputName],s=o.length===i;if(n.length<=o.length)return!1;if(Number.isInteger(i))return e.debug&&console.log("maxLength (num) reached:",s),s?(this.maxLengthReached=!0,!0):(this.maxLengthReached=!1,!1);if("object"===u(i)){var a=o.length===i[e.inputName];return e.debug&&console.log("maxLength (obj) reached:",a),a?(this.maxLengthReached=!0,!0):(this.maxLengthReached=!1,!1)}}},{key:"isMaxLengthReached",value:function(){return Boolean(this.maxLengthReached)}},{key:"camelCase",value:function(t){return t.toLowerCase().trim().split(/[.\-_\s]/g).reduce(function(t,e){return t+e[0].toUpperCase()+e.slice(1)})}},{key:"countInArray",value:function(t,e){return t.reduce(function(t,n){return t+(n===e)},0)}}])&&r(e.prototype,n),i&&r(e,i),t}();function l(t){return(l="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"===typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function h(t,e){for(var n=0;n1?n:n[0]),e}},{key:"handleCaret",value:function(){this.caretPosition=null;var t=window.SimpleKeyboardInstances;(t&&Object.keys(t)[0]===this.utilities.camelCase(this.keyboardDOMClass)||!t)&&(this.options.debug&&console.log("Caret handling started (".concat(this.keyboardDOMClass,")")),document.addEventListener("keyup",this.caretEventHandler),document.addEventListener("mouseup",this.caretEventHandler),document.addEventListener("touchend",this.caretEventHandler))}},{key:"caretEventHandler",value:function(t){var e;t.target.tagName&&(e=t.target.tagName.toLowerCase()),this.dispatch(function(n){n.isMouseHold&&(n.isMouseHold=!1),"textarea"!==e&&"input"!==e||n.options.disableCaretPositioning||(n.caretPosition=t.target.selectionStart,n.options.debug&&console.log("Caret at: ",t.target.selectionStart,t.target.tagName.toLowerCase(),"(".concat(n.keyboardDOMClass,")")))})}},{key:"onInit",value:function(){this.options.debug&&console.log("".concat(this.keyboardDOMClass," Initialized")),this.handleCaret(),"function"===typeof this.options.onInit&&this.options.onInit()}},{key:"onRender",value:function(){"function"===typeof this.options.onRender&&this.options.onRender()}},{key:"onModulesLoaded",value:function(){"function"===typeof this.options.onModulesLoaded&&this.options.onModulesLoaded()}},{key:"loadModules",value:function(){var t=this;Array.isArray(this.options.modules)&&(this.options.modules.forEach(function(e){var n=new e;if(n.constructor.name&&"Function"!==n.constructor.name){var i="module-".concat(t.utilities.camelCase(n.constructor.name));t.keyboardPluginClasses=t.keyboardPluginClasses+" ".concat(i)}n.init(t)}),this.keyboardPluginClasses=this.keyboardPluginClasses+" modules-loaded",this.render(),this.onModulesLoaded())}},{key:"render",value:function(){var t=this;this.clear();var e=this.options.layout?"hg-layout-custom":"hg-layout-".concat(this.options.layoutName),n=this.options.layout||a.getDefaultLayout(),i=this.options.useTouchEvents||!1,o={};Array.isArray(this.options.buttonTheme)&&this.options.buttonTheme.forEach(function(e){var n;e.buttons&&e.class?("string"===typeof e.buttons&&(n=e.buttons.split(" ")),n&&n.forEach(function(n){var i=o[n];i?t.utilities.countInArray(i.split(" "),e.class)||(o[n]="".concat(i," ").concat(e.class)):o[n]=e.class})):console.warn('buttonTheme row is missing the "buttons" or the "class". Please check the documentation.')}),this.keyboardDOM.className+=" ".concat(this.options.theme," ").concat(e," ").concat(this.keyboardPluginClasses),n[this.options.layoutName].forEach(function(e,n){var s=e.split(" "),a=document.createElement("div");a.className+="hg-row",s.forEach(function(e,s){var u=t.utilities.getButtonClass(e),r=o[e],c=t.utilities.getButtonDisplayName(e,t.options.display,t.options.mergeDisplay),l=document.createElement("div");l.className+="hg-button ".concat(u).concat(r?" "+r:""),i?(l.ontouchstart=function(n){t.handleButtonClicked(e),t.handleButtonMouseDown(e,n)},l.ontouchend=function(e){return t.handleButtonMouseUp()},l.ontouchcancel=function(e){return t.handleButtonMouseUp()}):(l.onclick=function(){t.isMouseHold=!1,t.handleButtonClicked(e)},l.onmousedown=function(n){t.options.preventMouseDownDefault&&n.preventDefault(),t.handleButtonMouseDown(e,n)}),l.setAttribute("data-skBtn",e);var h="".concat(t.options.layoutName,"-r").concat(n,"b").concat(s);l.setAttribute("data-skBtnUID",h),l.setAttribute("data-displayLabel",c);var d=document.createElement("span");d.innerHTML=c,l.appendChild(d),t.buttonElements[e]||(t.buttonElements[e]=[]),t.buttonElements[e].push(l),a.appendChild(l)}),t.keyboardDOM.appendChild(a)}),this.onRender(),this.initialized||(this.initialized=!0,i||(document.onmouseup=function(){return t.handleButtonMouseUp()}),this.onInit())}}])&&h(e.prototype,n),i&&h(e,i),t}();e.default=p}])}); +!function(t,e){"object"===typeof exports&&"object"===typeof module?module.exports=e():"function"===typeof define&&define.amd?define("SimpleKeyboard",[],e):"object"===typeof exports?exports.SimpleKeyboard=e():t.SimpleKeyboard=e()}(window,function(){return function(t){var e={};function n(i){if(e[i])return e[i].exports;var o=e[i]={i:i,l:!1,exports:{}};return t[i].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},n.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(i,o,function(e){return t[e]}.bind(null,o));return i},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=0)}([function(t,e,n){t.exports=n(2)},function(t,e,n){},function(t,e,n){"use strict";n.r(e);n(1);function i(t,e){for(var n=0;n ? {shift}",".com @ {space}"]}}}],(n=null)&&s(e.prototype,n),i&&s(e,i),t}();function u(t){return(u="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"===typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function r(t,e){for(var n=0;n0?s=this.removeAt(s,i,o):"{space}"===t?s=this.addStringAt(s," ",i,o):"{tab}"!==t||"boolean"===typeof n.tabCharOnTab&&!1===n.tabCharOnTab?"{enter}"!==t&&"{numpadenter}"!==t||!n.newLineOnEnter?t.includes("numpad")&&Number.isInteger(Number(t[t.length-2]))?s=this.addStringAt(s,t[t.length-2],i,o):"{numpaddivide}"===t?s=this.addStringAt(s,"/",i,o):"{numpadmultiply}"===t?s=this.addStringAt(s,"*",i,o):"{numpadsubtract}"===t?s=this.addStringAt(s,"-",i,o):"{numpadadd}"===t?s=this.addStringAt(s,"+",i,o):"{numpaddecimal}"===t?s=this.addStringAt(s,".",i,o):"{"===t||"}"===t?s=this.addStringAt(s,t,i,o):t.includes("{")||t.includes("}")||(s=this.addStringAt(s,t,i,o)):s=this.addStringAt(s,"\n",i,o):s=this.addStringAt(s,"\t",i,o),s}},{key:"updateCaretPos",value:function(t,e){var n=this.updateCaretPosAction(this.simpleKeyboardInstance,t,e);this.simpleKeyboardInstance.options.syncInstanceInputs&&this.simpleKeyboardInstance.dispatch(function(t){t.caretPosition=n})}},{key:"updateCaretPosAction",value:function(t,e,n){return n?t.caretPosition>0&&(t.caretPosition=t.caretPosition-e):t.caretPosition=t.caretPosition+e,this.simpleKeyboardInstance.options.debug&&console.log("Caret at:",t.caretPosition,"(".concat(t.keyboardDOMClass,")")),t.caretPosition}},{key:"addStringAt",value:function(t,e,n,i){var o;return n||0===n?(o=[t.slice(0,n),e,t.slice(n)].join(""),this.isMaxLengthReached()||i&&this.updateCaretPos(e.length)):o=t+e,o}},{key:"removeAt",value:function(t,e,n){if(0===this.simpleKeyboardInstance.caretPosition)return t;var i,o=/([\uD800-\uDBFF][\uDC00-\uDFFF])/g;return e&&e>=0?t.substring(e-2,e).match(o)?(i=t.substr(0,e-2)+t.substr(e),n&&this.updateCaretPos(2,!0)):(i=t.substr(0,e-1)+t.substr(e),n&&this.updateCaretPos(1,!0)):t.slice(-2).match(o)?(i=t.slice(0,-2),n&&this.updateCaretPos(2,!0)):(i=t.slice(0,-1),n&&this.updateCaretPos(1,!0)),i}},{key:"handleMaxLength",value:function(t,e,n){var i=e.maxLength,o=t[e.inputName],s=o.length===i;if(n.length<=o.length)return!1;if(Number.isInteger(i))return e.debug&&console.log("maxLength (num) reached:",s),s?(this.maxLengthReached=!0,!0):(this.maxLengthReached=!1,!1);if("object"===u(i)){var a=o.length===i[e.inputName];return e.debug&&console.log("maxLength (obj) reached:",a),a?(this.maxLengthReached=!0,!0):(this.maxLengthReached=!1,!1)}}},{key:"isMaxLengthReached",value:function(){return Boolean(this.maxLengthReached)}},{key:"camelCase",value:function(t){return t.toLowerCase().trim().split(/[.\-_\s]/g).reduce(function(t,e){return t+e[0].toUpperCase()+e.slice(1)})}},{key:"countInArray",value:function(t,e){return t.reduce(function(t,n){return t+(n===e)},0)}}])&&r(e.prototype,n),i&&r(e,i),t}();function l(t){return(l="function"===typeof Symbol&&"symbol"===typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"===typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function h(t,e){for(var n=0;n1?n:n[0]),e}},{key:"handleCaret",value:function(){this.caretPosition=null;var t=window.SimpleKeyboardInstances;(t&&Object.keys(t)[0]===this.utilities.camelCase(this.keyboardDOMClass)||!t)&&(this.options.debug&&console.log("Caret handling started (".concat(this.keyboardDOMClass,")")),document.addEventListener("keyup",this.caretEventHandler),document.addEventListener("mouseup",this.caretEventHandler),document.addEventListener("touchend",this.caretEventHandler))}},{key:"caretEventHandler",value:function(t){var e;t.target.tagName&&(e=t.target.tagName.toLowerCase()),this.dispatch(function(n){n.isMouseHold&&(n.isMouseHold=!1),"textarea"!==e&&"input"!==e||n.options.disableCaretPositioning||(n.caretPosition=t.target.selectionStart,n.options.debug&&console.log("Caret at: ",t.target.selectionStart,t.target.tagName.toLowerCase(),"(".concat(n.keyboardDOMClass,")")))})}},{key:"onInit",value:function(){this.options.debug&&console.log("".concat(this.keyboardDOMClass," Initialized")),this.handleCaret(),"function"===typeof this.options.onInit&&this.options.onInit()}},{key:"onRender",value:function(){"function"===typeof this.options.onRender&&this.options.onRender()}},{key:"onModulesLoaded",value:function(){"function"===typeof this.options.onModulesLoaded&&this.options.onModulesLoaded()}},{key:"loadModules",value:function(){var t=this;Array.isArray(this.options.modules)&&(this.options.modules.forEach(function(e){var n=new e;if(n.constructor.name&&"Function"!==n.constructor.name){var i="module-".concat(t.utilities.camelCase(n.constructor.name));t.keyboardPluginClasses=t.keyboardPluginClasses+" ".concat(i)}n.init(t)}),this.keyboardPluginClasses=this.keyboardPluginClasses+" modules-loaded",this.render(),this.onModulesLoaded())}},{key:"render",value:function(){var t=this;this.clear();var e=this.options.layout?"hg-layout-custom":"hg-layout-".concat(this.options.layoutName),n=this.options.layout||a.getDefaultLayout(),i=this.options.useTouchEvents||!1,o={};Array.isArray(this.options.buttonTheme)&&this.options.buttonTheme.forEach(function(e){var n;e.buttons&&e.class?("string"===typeof e.buttons&&(n=e.buttons.split(" ")),n&&n.forEach(function(n){var i=o[n];i?t.utilities.countInArray(i.split(" "),e.class)||(o[n]="".concat(i," ").concat(e.class)):o[n]=e.class})):console.warn('buttonTheme row is missing the "buttons" or the "class". Please check the documentation.')}),this.keyboardDOM.className+=" ".concat(this.options.theme," ").concat(e," ").concat(this.keyboardPluginClasses),n[this.options.layoutName].forEach(function(e,n){var s=e.split(" "),a=document.createElement("div");a.className+="hg-row",s.forEach(function(e,s){var u=t.utilities.getButtonClass(e),r=o[e],c=t.utilities.getButtonDisplayName(e,t.options.display,t.options.mergeDisplay),l=t.options.useButtonTag?"button":"div",h=document.createElement(l);h.className+="hg-button ".concat(u).concat(r?" "+r:""),i?(h.ontouchstart=function(n){t.handleButtonClicked(e),t.handleButtonMouseDown(e,n)},h.ontouchend=function(e){return t.handleButtonMouseUp()},h.ontouchcancel=function(e){return t.handleButtonMouseUp()}):(h.onclick=function(){t.isMouseHold=!1,t.handleButtonClicked(e)},h.onmousedown=function(n){t.options.preventMouseDownDefault&&n.preventDefault(),t.handleButtonMouseDown(e,n)}),h.setAttribute("data-skBtn",e);var d="".concat(t.options.layoutName,"-r").concat(n,"b").concat(s);h.setAttribute("data-skBtnUID",d),h.setAttribute("data-displayLabel",c);var p=document.createElement("span");p.innerHTML=c,h.appendChild(p),t.buttonElements[e]||(t.buttonElements[e]=[]),t.buttonElements[e].push(h),a.appendChild(h)}),t.keyboardDOM.appendChild(a)}),this.onRender(),this.initialized||(this.initialized=!0,i||(document.onmouseup=function(){return t.handleButtonMouseUp()}),this.onInit())}}])&&h(e.prototype,n),i&&h(e,i),t}();e.default=p}])}); //# sourceMappingURL=index.js.map \ No newline at end of file diff --git a/build/index.js.map b/build/index.js.map index 82715fe0..2d0e73b4 100644 --- a/build/index.js.map +++ b/build/index.js.map @@ -1 +1 @@ -{"version":3,"sources":["../../webpack/universalModuleDefinition","../../webpack/bootstrap","services/PhysicalKeyboard.js","services/KeyboardLayout.js","services/Utilities.js","components/Keyboard.js","index.js"],"names":["root","factory","exports","module","define","amd","window","installedModules","__webpack_require__","moduleId","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","PhysicalKeyboard","simpleKeyboardInstance","_classCallCheck","this","initKeyboardListener","getSimpleKeyboardLayoutKey","_this","document","addEventListener","event","options","physicalKeyboardHighlight","buttonPressed","dispatch","instance","buttonDOM","getButtonElement","concat","style","backgroundColor","physicalKeyboardHighlightBgColor","color","physicalKeyboardHighlightTextColor","removeAttribute","output","code","includes","toUpperCase","Number","isInteger","length","toLowerCase","KeyboardLayout","default","shift","Utilities","Utilities_classCallCheck","getButtonClass","getButtonDisplayName","getUpdatedInput","updateCaretPos","updateCaretPosAction","isMaxLengthReached","camelCase","countInArray","button","buttonTypeClass","buttonWithoutBraces","replace","buttonNormalized","{bksp}","{backspace}","{enter}","{shift}","{shiftleft}","{shiftright}","{alt}","{s}","{tab}","{lock}","{capslock}","{accept}","{space}","{//}","{esc}","{escape}","{f1}","{f2}","{f3}","{f4}","{f5}","{f6}","{f7}","{f8}","{f9}","{f10}","{f11}","{f12}","{numpaddivide}","{numlock}","{arrowup}","{arrowleft}","{arrowdown}","{arrowright}","{prtscr}","{scrolllock}","{pause}","{insert}","{home}","{pageup}","{delete}","{end}","{pagedown}","{numpadmultiply}","{numpadsubtract}","{numpadadd}","{numpadenter}","{period}","{numpaddecimal}","{numpad0}","{numpad1}","{numpad2}","{numpad3}","{numpad4}","{numpad5}","{numpad6}","{numpad7}","{numpad8}","{numpad9}","display","mergeDisplay","assign","getDefaultDiplay","input","caretPos","moveCaret","removeAt","addStringAt","tabCharOnTab","newLineOnEnter","minus","newCaretPos","syncInstanceInputs","caretPosition","debug","console","log","keyboardDOMClass","source","string","position","slice","join","emojiMatchedReg","substring","match","substr","inputObj","updatedInput","maxLength","currentInput","inputName","condition","maxLengthReached","_typeof","Boolean","trim","split","reduce","word","array","x","SimpleKeyboard","Keyboard_classCallCheck","_defineProperty","option","render","initCallback","prop","keys","keyboardDOMQuery","arguments","undefined","Keyboard_typeof","utilities","keyboardDOM","querySelector","layoutName","theme","preventMouseDownDefault","keyboardPluginClasses","handleButtonClicked","clearInput","getInput","setInput","replaceInput","clear","addButtonTheme","removeButtonTheme","handleCaret","caretEventHandler","onInit","onRender","loadModules","handleButtonMouseUp","handleButtonMouseDown","handleButtonHold","onModulesLoaded","buttonElements","warn","Error","physicalKeyboardInterface","onKeyPress","handleMaxLength","onChange","e","_this2","isMouseHold","holdInteractionTimeout","clearTimeout","holdTimeout","setTimeout","_this3","_this4","innerHTML","className","callback","forEach","buttons","_this5","classNameItem","buttonTheme","classNameFound","map","class","buttonThemeArray","push","_this6","Array","isArray","index","filteredButtonArray","filter","item","splice","buttonArr","simpleKeyboardInstances","targetTagName","target","tagName","disableCaretPositioning","selectionStart","_this7","Module","constructor","classStr","init","_this8","layoutClass","layout","getDefaultLayout","useTouchEvents","buttonThemesParsed","themeObj","themeButtons","themeButton","themeParsed","row","rIndex","rowArray","rowDOM","createElement","bIndex","fctBtnClass","buttonThemeClass","buttonDisplayName","ontouchstart","ontouchend","ontouchcancel","onclick","onmousedown","preventDefault","setAttribute","buttonUID","buttonSpanDOM","appendChild","initialized","onmouseup"],"mappings":"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","file":"index.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"SimpleKeyboard\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"SimpleKeyboard\"] = factory();\n\telse\n\t\troot[\"SimpleKeyboard\"] = factory();\n})(window, function() {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 0);\n","/**\r\n * Physical Keyboard Service\r\n */\r\nclass PhysicalKeyboard {\r\n /**\r\n * Creates an instance of the PhysicalKeyboard service\r\n */\r\n constructor(simpleKeyboardInstance){\r\n /**\r\n * @type {object} A simple-keyboard instance\r\n */\r\n this.simpleKeyboardInstance = simpleKeyboardInstance;\r\n\r\n /**\r\n * Bindings\r\n */\r\n this.initKeyboardListener = this.initKeyboardListener.bind(this);\r\n this.getSimpleKeyboardLayoutKey = this.getSimpleKeyboardLayoutKey.bind(this);\r\n\r\n /**\r\n * Initialize key listeners\r\n */\r\n this.initKeyboardListener();\r\n }\r\n\r\n /**\r\n * Initializes key event listeners\r\n */\r\n initKeyboardListener(){\r\n // Adding button style on keydown\r\n document.addEventListener(\"keydown\", (event) => {\r\n if(this.simpleKeyboardInstance.options.physicalKeyboardHighlight){\r\n let buttonPressed = this.getSimpleKeyboardLayoutKey(event);\r\n\r\n this.simpleKeyboardInstance.dispatch(instance => {\r\n let buttonDOM = instance.getButtonElement(buttonPressed) || instance.getButtonElement(`{${buttonPressed}}`);\r\n\r\n if(buttonDOM){\r\n buttonDOM.style.backgroundColor = this.simpleKeyboardInstance.options.physicalKeyboardHighlightBgColor || \"#9ab4d0\";\r\n buttonDOM.style.color = this.simpleKeyboardInstance.options.physicalKeyboardHighlightTextColor || \"white\";\r\n }\r\n });\r\n }\r\n });\r\n\r\n // Removing button style on keyup\r\n document.addEventListener(\"keyup\", (event) => {\r\n if(this.simpleKeyboardInstance.options.physicalKeyboardHighlight){\r\n let buttonPressed = this.getSimpleKeyboardLayoutKey(event);\r\n\r\n this.simpleKeyboardInstance.dispatch(instance => {\r\n let buttonDOM = instance.getButtonElement(buttonPressed) || instance.getButtonElement(`{${buttonPressed}}`);\r\n\r\n if(buttonDOM && buttonDOM.removeAttribute){\r\n buttonDOM.removeAttribute(\"style\");\r\n }\r\n });\r\n }\r\n });\r\n }\r\n\r\n /**\r\n * Transforms a KeyboardEvent's \"key.code\" string into a simple-keyboard layout format\r\n * @param {object} event The KeyboardEvent\r\n */\r\n getSimpleKeyboardLayoutKey(event){\r\n let output;\r\n\r\n if(\r\n event.code.includes(\"Numpad\") ||\r\n event.code.includes(\"Shift\") ||\r\n event.code.includes(\"Space\") ||\r\n event.code.includes(\"Backspace\") ||\r\n event.code.includes(\"Control\") ||\r\n event.code.includes(\"Alt\") ||\r\n event.code.includes(\"Meta\")\r\n ){\r\n output = event.code;\r\n } else {\r\n output = event.key;\r\n }\r\n\r\n /**\r\n * If button is not uppercase, casting to lowercase\r\n */\r\n if (\r\n output !== output.toUpperCase() ||\r\n (event.code[0] === \"F\" && Number.isInteger(Number(event.code[1])) && event.code.length <= 3)\r\n ) {\r\n output = output.toLowerCase();\r\n }\r\n\r\n return output;\r\n }\r\n}\r\n\r\nexport default PhysicalKeyboard;","/**\r\n * Keyboard Layout Service\r\n */\r\nclass KeyboardLayout {\r\n /**\r\n * Get default simple-keyboard layout\r\n * @return {object} The default layout (US-QWERTY)\r\n */\r\n static getDefaultLayout(){\r\n return {\r\n 'default': [\r\n '` 1 2 3 4 5 6 7 8 9 0 - = {bksp}',\r\n '{tab} q w e r t y u i o p [ ] \\\\',\r\n '{lock} a s d f g h j k l ; \\' {enter}',\r\n '{shift} z x c v b n m , . / {shift}',\r\n '.com @ {space}'\r\n ],\r\n 'shift': [\r\n '~ ! @ # $ % ^ & * ( ) _ + {bksp}',\r\n '{tab} Q W E R T Y U I O P { } |',\r\n '{lock} A S D F G H J K L : \" {enter}',\r\n '{shift} Z X C V B N M < > ? {shift}',\r\n '.com @ {space}'\r\n ]\r\n } \r\n }\r\n}\r\n\r\nexport default KeyboardLayout;","/**\r\n * Utility Service\r\n */\r\nclass Utilities {\r\n /**\r\n * Creates an instance of the Utility service\r\n */\r\n constructor(simpleKeyboardInstance){\r\n /**\r\n * @type {object} A simple-keyboard instance\r\n */\r\n this.simpleKeyboardInstance = simpleKeyboardInstance;\r\n\r\n /**\r\n * Bindings\r\n */\r\n this.getButtonClass = this.getButtonClass.bind(this);\r\n this.getButtonDisplayName = this.getButtonDisplayName.bind(this);\r\n this.getUpdatedInput = this.getUpdatedInput.bind(this);\r\n this.updateCaretPos = this.updateCaretPos.bind(this);\r\n this.updateCaretPosAction = this.updateCaretPosAction.bind(this);\r\n this.isMaxLengthReached = this.isMaxLengthReached.bind(this);\r\n this.camelCase = this.camelCase.bind(this);\r\n this.countInArray = this.countInArray.bind(this);\r\n }\r\n\r\n /**\r\n * Adds default classes to a given button\r\n * \r\n * @param {string} button The button's layout name\r\n * @return {string} The classes to be added to the button\r\n */\r\n getButtonClass(button){\r\n let buttonTypeClass = (button.includes(\"{\") && button.includes(\"}\") && button !== '{//}') ? \"functionBtn\" : \"standardBtn\";\r\n let buttonWithoutBraces = button.replace(\"{\", \"\").replace(\"}\", \"\");\r\n let buttonNormalized = '';\r\n\r\n if(buttonTypeClass !== \"standardBtn\")\r\n buttonNormalized = ` hg-button-${buttonWithoutBraces}`;\r\n\r\n return `hg-${buttonTypeClass}${buttonNormalized}`;\r\n }\r\n\r\n /**\r\n * Default button display labels\r\n */\r\n getDefaultDiplay(){\r\n return {\r\n '{bksp}': 'backspace',\r\n '{backspace}': 'backspace',\r\n '{enter}': '< enter',\r\n '{shift}': 'shift',\r\n '{shiftleft}': 'shift',\r\n '{shiftright}': 'shift',\r\n '{alt}': 'alt',\r\n '{s}': 'shift',\r\n '{tab}': 'tab',\r\n '{lock}': 'caps',\r\n '{capslock}': 'caps',\r\n '{accept}': 'Submit',\r\n '{space}': ' ',\r\n '{//}': ' ',\r\n \"{esc}\": \"esc\",\r\n \"{escape}\": \"esc\",\r\n \"{f1}\": \"f1\",\r\n \"{f2}\": \"f2\",\r\n \"{f3}\": \"f3\",\r\n \"{f4}\": \"f4\",\r\n \"{f5}\": \"f5\",\r\n \"{f6}\": \"f6\",\r\n \"{f7}\": \"f7\",\r\n \"{f8}\": \"f8\",\r\n \"{f9}\": \"f9\",\r\n \"{f10}\": \"f10\",\r\n \"{f11}\": \"f11\",\r\n \"{f12}\": \"f12\",\r\n '{numpaddivide}': '/',\r\n '{numlock}': 'lock',\r\n \"{arrowup}\": \"↑\",\r\n \"{arrowleft}\": \"←\",\r\n \"{arrowdown}\": \"↓\",\r\n \"{arrowright}\": \"→\",\r\n \"{prtscr}\": \"print\",\r\n \"{scrolllock}\": \"scroll\",\r\n \"{pause}\": \"pause\",\r\n \"{insert}\": \"ins\",\r\n \"{home}\": \"home\",\r\n \"{pageup}\": \"up\",\r\n \"{delete}\": \"del\",\r\n \"{end}\": \"end\",\r\n \"{pagedown}\": \"down\",\r\n \"{numpadmultiply}\": \"*\",\r\n \"{numpadsubtract}\": \"-\",\r\n \"{numpadadd}\": \"+\",\r\n \"{numpadenter}\": \"enter\",\r\n \"{period}\": \".\",\r\n \"{numpaddecimal}\": \".\",\r\n \"{numpad0}\": \"0\",\r\n \"{numpad1}\": \"1\",\r\n \"{numpad2}\": \"2\",\r\n \"{numpad3}\": \"3\",\r\n \"{numpad4}\": \"4\",\r\n \"{numpad5}\": \"5\",\r\n \"{numpad6}\": \"6\",\r\n \"{numpad7}\": \"7\",\r\n \"{numpad8}\": \"8\",\r\n \"{numpad9}\": \"9\",\r\n };\r\n }\r\n /**\r\n * Returns the display (label) name for a given button\r\n * \r\n * @param {string} button The button's layout name\r\n * @param {object} display The provided display option\r\n * @param {boolean} mergeDisplay Whether the provided param value should be merged with the default one.\r\n */\r\n getButtonDisplayName(button, display, mergeDisplay){\r\n if(mergeDisplay){\r\n display = Object.assign({}, this.getDefaultDiplay(), display);\r\n } else {\r\n display = display || this.getDefaultDiplay();\r\n }\r\n\r\n return display[button] || button;\r\n }\r\n\r\n \r\n /**\r\n * Returns the updated input resulting from clicking a given button\r\n * \r\n * @param {string} button The button's layout name\r\n * @param {string} input The input string\r\n * @param {object} options The simple-keyboard options object\r\n * @param {number} caretPos The cursor's current position\r\n * @param {boolean} moveCaret Whether to update simple-keyboard's cursor\r\n */\r\n getUpdatedInput(button, input, options, caretPos, moveCaret){\r\n \r\n let output = input;\r\n\r\n if((button === \"{bksp}\" || button === \"{backspace}\") && output.length > 0){\r\n output = this.removeAt(output, caretPos, moveCaret);\r\n\r\n } else if(button === \"{space}\")\r\n output = this.addStringAt(output, \" \", caretPos, moveCaret);\r\n\r\n else if(button === \"{tab}\" && !(typeof options.tabCharOnTab === \"boolean\" && options.tabCharOnTab === false)){\r\n output = this.addStringAt(output, \"\\t\", caretPos, moveCaret);\r\n\r\n } else if((button === \"{enter}\" || button === \"{numpadenter}\") && options.newLineOnEnter)\r\n output = this.addStringAt(output, \"\\n\", caretPos, moveCaret);\r\n\r\n else if(button.includes(\"numpad\") && Number.isInteger(Number(button[button.length - 2]))){\r\n output = this.addStringAt(output, button[button.length - 2], caretPos, moveCaret);\r\n }\r\n else if(button === \"{numpaddivide}\")\r\n output = this.addStringAt(output, '/', caretPos, moveCaret);\r\n\r\n else if(button === \"{numpadmultiply}\")\r\n output = this.addStringAt(output, '*', caretPos, moveCaret);\r\n\r\n else if(button === \"{numpadsubtract}\")\r\n output = this.addStringAt(output, '-', caretPos, moveCaret);\r\n\r\n else if(button === \"{numpadadd}\")\r\n output = this.addStringAt(output, '+', caretPos, moveCaret);\r\n\r\n else if(button === \"{numpaddecimal}\")\r\n output = this.addStringAt(output, '.', caretPos, moveCaret);\r\n\r\n else if(button === \"{\" || button === \"}\")\r\n output = this.addStringAt(output, button, caretPos, moveCaret);\r\n\r\n else if(!button.includes(\"{\") && !button.includes(\"}\"))\r\n output = this.addStringAt(output, button, caretPos, moveCaret);\r\n\r\n return output;\r\n }\r\n\r\n /**\r\n * Moves the cursor position by a given amount\r\n * \r\n * @param {number} length Represents by how many characters the input should be moved\r\n * @param {boolean} minus Whether the cursor should be moved to the left or not.\r\n */\r\n updateCaretPos(length, minus){\r\n let newCaretPos = this.updateCaretPosAction(this.simpleKeyboardInstance, length, minus);\r\n\r\n if(this.simpleKeyboardInstance.options.syncInstanceInputs){\r\n this.simpleKeyboardInstance.dispatch(instance => {\r\n instance.caretPosition = newCaretPos;\r\n });\r\n }\r\n }\r\n\r\n /**\r\n * Action method of updateCaretPos\r\n * \r\n * @param {object} instance The instance whose position should be updated\r\n * @param {number} length Represents by how many characters the input should be moved\r\n * @param {boolean} minus Whether the cursor should be moved to the left or not.\r\n */\r\n updateCaretPosAction(instance, length, minus){\r\n if(minus){\r\n if(instance.caretPosition > 0)\r\n instance.caretPosition = instance.caretPosition - length;\r\n } else {\r\n instance.caretPosition = instance.caretPosition + length;\r\n }\r\n\r\n if(this.simpleKeyboardInstance.options.debug){\r\n console.log(\"Caret at:\", instance.caretPosition, `(${instance.keyboardDOMClass})`);\r\n }\r\n\r\n return instance.caretPosition;\r\n }\r\n\r\n /**\r\n * Adds a string to the input at a given position\r\n * \r\n * @param {string} source The source input\r\n * @param {string} string The string to add\r\n * @param {number} position The (cursor) position where the string should be added\r\n * @param {boolean} moveCaret Whether to update simple-keyboard's cursor\r\n */\r\n addStringAt(source, string, position, moveCaret){\r\n let output;\r\n\r\n if(!position && position !== 0){\r\n output = source + string;\r\n } else {\r\n output = [source.slice(0, position), string, source.slice(position)].join('');\r\n\r\n /**\r\n * Avoid caret position change when maxLength is set\r\n */\r\n if(!this.isMaxLengthReached()){\r\n if(moveCaret) this.updateCaretPos(string.length);\r\n }\r\n\r\n }\r\n\r\n return output;\r\n }\r\n\r\n /**\r\n * Removes an amount of characters at a given position\r\n * \r\n * @param {string} source The source input\r\n * @param {number} position The (cursor) position from where the characters should be removed\r\n * @param {boolean} moveCaret Whether to update simple-keyboard's cursor\r\n */\r\n removeAt(source, position, moveCaret){\r\n if(this.simpleKeyboardInstance.caretPosition === 0){\r\n return source;\r\n }\r\n\r\n let output;\r\n let prevTwoChars;\r\n let emojiMatched;\r\n let emojiMatchedReg = /([\\uD800-\\uDBFF][\\uDC00-\\uDFFF])/g;\r\n\r\n /**\r\n * Emojis are made out of two characters, so we must take a custom approach to trim them.\r\n * For more info: https://mathiasbynens.be/notes/javascript-unicode\r\n */\r\n if(position && position >= 0){\r\n prevTwoChars = source.substring(position - 2, position)\r\n emojiMatched = prevTwoChars.match(emojiMatchedReg);\r\n\r\n if(emojiMatched){\r\n output = source.substr(0, (position - 2)) + source.substr(position);\r\n if(moveCaret) this.updateCaretPos(2, true);\r\n } else {\r\n output = source.substr(0, (position - 1)) + source.substr(position);\r\n if(moveCaret) this.updateCaretPos(1, true);\r\n }\r\n } else {\r\n prevTwoChars = source.slice(-2);\r\n emojiMatched = prevTwoChars.match(emojiMatchedReg);\r\n\r\n if(emojiMatched){\r\n output = source.slice(0, -2);\r\n if(moveCaret) this.updateCaretPos(2, true);\r\n } else {\r\n output = source.slice(0, -1);\r\n if(moveCaret) this.updateCaretPos(1, true);\r\n }\r\n }\r\n\r\n return output;\r\n }\r\n /**\r\n * Determines whether the maxLength has been reached. This function is called when the maxLength option it set.\r\n * \r\n * @param {object} inputObj\r\n * @param {object} options\r\n * @param {string} updatedInput\r\n */\r\n handleMaxLength(inputObj, options, updatedInput){\r\n let maxLength = options.maxLength;\r\n let currentInput = inputObj[options.inputName];\r\n let condition = currentInput.length === maxLength;\r\n\r\n if(\r\n /**\r\n * If pressing this button won't add more characters\r\n * We exit out of this limiter function\r\n */\r\n updatedInput.length <= currentInput.length\r\n ){\r\n return false;\r\n }\r\n\r\n if(Number.isInteger(maxLength)){\r\n if(options.debug){\r\n console.log(\"maxLength (num) reached:\", condition);\r\n }\r\n\r\n if(condition){\r\n /**\r\n * @type {boolean} Boolean value that shows whether maxLength has been reached\r\n */\r\n this.maxLengthReached = true;\r\n return true;\r\n } else {\r\n this.maxLengthReached = false;\r\n return false;\r\n }\r\n }\r\n\r\n if(typeof maxLength === \"object\"){\r\n let condition = currentInput.length === maxLength[options.inputName];\r\n\r\n if(options.debug){\r\n console.log(\"maxLength (obj) reached:\", condition);\r\n }\r\n\r\n if(condition){\r\n this.maxLengthReached = true;\r\n return true;\r\n } else {\r\n this.maxLengthReached = false;\r\n return false;\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * Gets the current value of maxLengthReached\r\n */\r\n isMaxLengthReached(){\r\n return Boolean(this.maxLengthReached);\r\n }\r\n\r\n /**\r\n * Transforms an arbitrary string to camelCase\r\n * \r\n * @param {string} string The string to transform.\r\n */\r\n camelCase(string){\r\n return string.toLowerCase().trim().split(/[.\\-_\\s]/g).reduce((string, word) => string + word[0].toUpperCase() + word.slice(1));\r\n };\r\n\r\n /**\r\n * Counts the number of duplicates in a given array\r\n * \r\n * @param {Array} array The haystack to search in\r\n * @param {string} value The needle to search for\r\n */\r\n countInArray(array, value){\r\n return array.reduce((n, x) => n + (x === value), 0);\r\n }\r\n}\r\n\r\nexport default Utilities;","import './Keyboard.css';\r\n\r\n// Services\r\nimport PhysicalKeyboard from '../services/PhysicalKeyboard';\r\nimport KeyboardLayout from '../services/KeyboardLayout';\r\nimport Utilities from '../services/Utilities';\r\n\r\n/**\r\n * Root class for simple-keyboard\r\n * This class:\r\n * - Parses the options\r\n * - Renders the rows and buttons\r\n * - Handles button functionality\r\n */\r\nclass SimpleKeyboard {\r\n /**\r\n * Creates an instance of SimpleKeyboard\r\n * @param {Array} params If first parameter is a string, it is considered the container class. The second parameter is then considered the options object. If first parameter is an object, it is considered the options object.\r\n */\r\n constructor(...params){\r\n let keyboardDOMQuery = typeof params[0] === \"string\" ? params[0] : '.simple-keyboard';\r\n let options = typeof params[0] === \"object\" ? params[0] : params[1];\r\n\r\n if(!options)\r\n options = {};\r\n\r\n /**\r\n * Initializing Utilities\r\n */\r\n this.utilities = new Utilities(this);\r\n\r\n /**\r\n * Processing options\r\n */\r\n this.keyboardDOM = document.querySelector(keyboardDOMQuery);\r\n\r\n /**\r\n * @type {object}\r\n * @property {object} layout Modify the keyboard layout.\r\n * @property {string} layoutName Specifies which layout should be used.\r\n * @property {object} display Replaces variable buttons (such as {bksp}) with a human-friendly name (e.g.: “backspace”).\r\n * @property {boolean} mergeDisplay By default, when you set the display property, you replace the default one. This setting merges them instead.\r\n * @property {string} theme A prop to add your own css classes to the keyboard wrapper. You can add multiple classes separated by a space.\r\n * @property {Array} buttonTheme A prop to add your own css classes to one or several buttons.\r\n * @property {boolean} debug Runs a console.log every time a key is pressed. Displays the buttons pressed and the current input.\r\n * @property {boolean} newLineOnEnter Specifies whether clicking the “ENTER” button will input a newline (\\n) or not.\r\n * @property {boolean} tabCharOnTab Specifies whether clicking the “TAB” button will input a tab character (\\t) or not.\r\n * @property {string} inputName Allows you to use a single simple-keyboard instance for several inputs.\r\n * @property {number} maxLength Restrains all of simple-keyboard inputs to a certain length. This should be used in addition to the input element’s maxlengthattribute.\r\n * @property {object} maxLength Restrains simple-keyboard’s individual inputs to a certain length. This should be used in addition to the input element’s maxlengthattribute.\r\n * @property {boolean} syncInstanceInputs When set to true, this option synchronizes the internal input of every simple-keyboard instance.\r\n * @property {boolean} physicalKeyboardHighlight Enable highlighting of keys pressed on physical keyboard.\r\n * @property {boolean} preventMouseDownDefault Calling preventDefault for the mousedown events keeps the focus on the input.\r\n * @property {string} physicalKeyboardHighlightTextColor Define the text color that the physical keyboard highlighted key should have.\r\n * @property {string} physicalKeyboardHighlightBgColor Define the background color that the physical keyboard highlighted key should have.\r\n * @property {function(button: string):string} onKeyPress Executes the callback function on key press. Returns button layout name (i.e.: “{shift}”).\r\n * @property {function(input: string):string} onChange Executes the callback function on input change. Returns the current input’s string.\r\n * @property {function} onRender Executes the callback function every time simple-keyboard is rendered (e.g: when you change layouts).\r\n * @property {function} onInit Executes the callback function once simple-keyboard is rendered for the first time (on initialization).\r\n * @property {function(inputs: object):object} onChangeAll Executes the callback function on input change. Returns the input object with all defined inputs.\r\n */\r\n this.options = options;\r\n this.options.layoutName = this.options.layoutName || \"default\";\r\n this.options.theme = this.options.theme || \"hg-theme-default\";\r\n this.options.inputName = this.options.inputName || \"default\";\r\n this.options.preventMouseDownDefault = this.options.preventMouseDownDefault || false;\r\n\r\n /**\r\n * @type {object} Classes identifying loaded plugins\r\n */\r\n this.keyboardPluginClasses = '';\r\n\r\n /**\r\n * Bindings\r\n */\r\n this.handleButtonClicked = this.handleButtonClicked.bind(this);\r\n this.syncInstanceInputs = this.syncInstanceInputs.bind(this);\r\n this.clearInput = this.clearInput.bind(this);\r\n this.getInput = this.getInput.bind(this);\r\n this.setInput = this.setInput.bind(this);\r\n this.replaceInput = this.replaceInput.bind(this);\r\n this.clear = this.clear.bind(this);\r\n this.dispatch = this.dispatch.bind(this);\r\n this.addButtonTheme = this.addButtonTheme.bind(this);\r\n this.removeButtonTheme = this.removeButtonTheme.bind(this);\r\n this.getButtonElement = this.getButtonElement.bind(this);\r\n this.handleCaret = this.handleCaret.bind(this);\r\n this.caretEventHandler = this.caretEventHandler.bind(this);\r\n this.onInit = this.onInit.bind(this);\r\n this.onRender = this.onRender.bind(this);\r\n this.render = this.render.bind(this);\r\n this.loadModules = this.loadModules.bind(this);\r\n this.handleButtonMouseUp = this.handleButtonMouseUp.bind(this);\r\n this.handleButtonMouseDown = this.handleButtonMouseDown.bind(this);\r\n this.handleButtonHold = this.handleButtonHold.bind(this);\r\n this.onModulesLoaded = this.onModulesLoaded.bind(this);\r\n\r\n /**\r\n * simple-keyboard uses a non-persistent internal input to keep track of the entered string (the variable `keyboard.input`).\r\n * This removes any dependency to input DOM elements. You can type and directly display the value in a div element, for example.\r\n * @example\r\n * // To get entered input\r\n * let input = keyboard.getInput();\r\n * \r\n * // To clear entered input.\r\n * keyboard.clearInput();\r\n * \r\n * @type {object}\r\n * @property {object} default Default SimpleKeyboard internal input.\r\n * @property {object} myInputName Example input that can be set through `options.inputName:\"myInputName\"`.\r\n */\r\n this.input = {};\r\n this.input[this.options.inputName] = '';\r\n\r\n /**\r\n * @type {string} DOM class of the keyboard wrapper, normally \"simple-keyboard\" by default.\r\n */\r\n this.keyboardDOMClass = keyboardDOMQuery.split('.').join(\"\");\r\n\r\n /**\r\n * @type {object} Contains the DOM elements of every rendered button, the key being the button's layout name (e.g.: \"{enter}\").\r\n */\r\n this.buttonElements = {};\r\n\r\n /**\r\n * Rendering keyboard\r\n */\r\n if(this.keyboardDOM)\r\n this.render();\r\n else {\r\n console.warn(`\"${keyboardDOMQuery}\" was not found in the DOM.`);\r\n throw new Error(\"KEYBOARD_DOM_ERROR\");\r\n }\r\n\r\n /**\r\n * Saving instance\r\n * This enables multiple simple-keyboard support with easier management\r\n */\r\n if(!window['SimpleKeyboardInstances'])\r\n window['SimpleKeyboardInstances'] = {};\r\n \r\n window['SimpleKeyboardInstances'][this.utilities.camelCase(this.keyboardDOMClass)] = this;\r\n\r\n /**\r\n * Physical Keyboard support\r\n */\r\n this.physicalKeyboardInterface = new PhysicalKeyboard(this);\r\n\r\n /**\r\n * Modules\r\n */\r\n this.modules = {};\r\n this.loadModules();\r\n }\r\n\r\n /**\r\n * Handles clicks made to keyboard buttons\r\n * @param {string} button The button's layout name.\r\n */\r\n handleButtonClicked(button){\r\n let debug = this.options.debug;\r\n\r\n /**\r\n * Ignoring placeholder buttons\r\n */\r\n if(button === '{//}')\r\n return false;\r\n\r\n /**\r\n * Calling onKeyPress\r\n */\r\n if(typeof this.options.onKeyPress === \"function\")\r\n this.options.onKeyPress(button);\r\n \r\n if(!this.input[this.options.inputName])\r\n this.input[this.options.inputName] = '';\r\n\r\n let updatedInput = this.utilities.getUpdatedInput(\r\n button, this.input[this.options.inputName], this.options, this.caretPosition\r\n );\r\n\r\n if(this.input[this.options.inputName] !== updatedInput){\r\n\r\n /**\r\n * If maxLength and handleMaxLength yield true, halting\r\n */\r\n if(this.options.maxLength && this.utilities.handleMaxLength(this.input, this.options, updatedInput)){\r\n return false;\r\n }\r\n\r\n this.input[this.options.inputName] = this.utilities.getUpdatedInput(\r\n button, this.input[this.options.inputName], this.options, this.caretPosition, true\r\n );\r\n\r\n if(debug)\r\n console.log('Input changed:', this.input);\r\n\r\n /**\r\n * Enforce syncInstanceInputs, if set\r\n */\r\n if(this.options.syncInstanceInputs)\r\n this.syncInstanceInputs(this.input);\r\n\r\n /**\r\n * Calling onChange\r\n */\r\n if(typeof this.options.onChange === \"function\")\r\n this.options.onChange(this.input[this.options.inputName]);\r\n }\r\n \r\n if(debug){\r\n console.log(\"Key pressed:\", button);\r\n }\r\n }\r\n\r\n /**\r\n * Handles button mousedown\r\n */\r\n /* istanbul ignore next */\r\n handleButtonMouseDown(button, e){\r\n /**\r\n * @type {boolean} Whether the mouse is being held onKeyPress\r\n */\r\n this.isMouseHold = true;\r\n\r\n if(this.holdInteractionTimeout)\r\n clearTimeout(this.holdInteractionTimeout);\r\n\r\n if(this.holdTimeout)\r\n clearTimeout(this.holdTimeout);\r\n\r\n /**\r\n * @type {object} Time to wait until a key hold is detected\r\n */\r\n this.holdTimeout = setTimeout(() => {\r\n if(\r\n this.isMouseHold &&\r\n (\r\n (!button.includes(\"{\") && !button.includes(\"}\")) ||\r\n button === \"{bksp}\" ||\r\n button === \"{space}\" ||\r\n button === \"{tab}\"\r\n )\r\n ){\r\n if(this.options.debug)\r\n console.log(\"Button held:\", button);\r\n\r\n this.handleButtonHold(button, e);\r\n }\r\n clearTimeout(this.holdTimeout);\r\n }, 500);\r\n }\r\n\r\n /**\r\n * Handles button mouseup\r\n */\r\n handleButtonMouseUp(){\r\n this.isMouseHold = false;\r\n if(this.holdInteractionTimeout)\r\n clearTimeout(this.holdInteractionTimeout);\r\n }\r\n\r\n /**\r\n * Handles button hold\r\n */\r\n /* istanbul ignore next */\r\n handleButtonHold(button){\r\n if(this.holdInteractionTimeout)\r\n clearTimeout(this.holdInteractionTimeout);\r\n\r\n /**\r\n * @type {object} Timeout dictating the speed of key hold iterations\r\n */\r\n this.holdInteractionTimeout = setTimeout(() => {\r\n if(this.isMouseHold){\r\n this.handleButtonClicked(button);\r\n this.handleButtonHold(button);\r\n } else {\r\n clearTimeout(this.holdInteractionTimeout);\r\n }\r\n }, 100);\r\n }\r\n\r\n /**\r\n * Send a command to all simple-keyboard instances (if you have several instances).\r\n */\r\n syncInstanceInputs(){\r\n this.dispatch((instance) => {\r\n instance.replaceInput(this.input);\r\n });\r\n }\r\n \r\n /**\r\n * Clear the keyboard’s input.\r\n * @param {string} [inputName] optional - the internal input to select\r\n */\r\n clearInput(inputName){\r\n inputName = inputName || this.options.inputName;\r\n this.input[inputName] = '';\r\n\r\n /**\r\n * Enforce syncInstanceInputs, if set\r\n */\r\n if(this.options.syncInstanceInputs)\r\n this.syncInstanceInputs(this.input);\r\n }\r\n\r\n /**\r\n * Get the keyboard’s input (You can also get it from the onChange prop).\r\n * @param {string} [inputName] optional - the internal input to select\r\n */\r\n getInput(inputName){\r\n inputName = inputName || this.options.inputName;\r\n\r\n /**\r\n * Enforce syncInstanceInputs, if set\r\n */\r\n if(this.options.syncInstanceInputs)\r\n this.syncInstanceInputs(this.input);\r\n\r\n return this.input[this.options.inputName];\r\n }\r\n\r\n /**\r\n * Set the keyboard’s input.\r\n * @param {string} input the input value\r\n * @param {string} inputName optional - the internal input to select\r\n */\r\n setInput(input, inputName){\r\n inputName = inputName || this.options.inputName;\r\n this.input[inputName] = input;\r\n\r\n /**\r\n * Enforce syncInstanceInputs, if set\r\n */\r\n if(this.options.syncInstanceInputs)\r\n this.syncInstanceInputs(this.input);\r\n }\r\n \r\n /**\r\n * Replace the input object (`keyboard.input`)\r\n * @param {object} inputObj The input object\r\n */\r\n replaceInput(inputObj){\r\n this.input = inputObj;\r\n }\r\n\r\n /**\r\n * Set new option or modify existing ones after initialization. \r\n * @param {object} option The option to set\r\n */\r\n setOptions = option => {\r\n option = option || {};\r\n this.options = Object.assign(this.options, option);\r\n this.render();\r\n }\r\n\r\n /**\r\n * Remove all keyboard rows and reset keyboard values.\r\n * Used interally between re-renders.\r\n */\r\n clear(){\r\n this.keyboardDOM.innerHTML = '';\r\n this.keyboardDOM.className = this.keyboardDOMClass;\r\n this.buttonElements = {};\r\n }\r\n\r\n /**\r\n * Send a command to all simple-keyboard instances at once (if you have multiple instances).\r\n * @param {function(instance: object, key: string)} callback Function to run on every instance\r\n */\r\n dispatch(callback){\r\n if(!window['SimpleKeyboardInstances']){\r\n console.warn(`SimpleKeyboardInstances is not defined. Dispatch cannot be called.`);\r\n throw new Error(\"INSTANCES_VAR_ERROR\");\r\n }\r\n \r\n return Object.keys(window['SimpleKeyboardInstances']).forEach((key) => {\r\n callback(window['SimpleKeyboardInstances'][key], key);\r\n })\r\n }\r\n\r\n /**\r\n * Adds/Modifies an entry to the `buttonTheme`. Basically a way to add a class to a button.\r\n * @param {string} buttons List of buttons to select (separated by a space).\r\n * @param {string} className Classes to give to the selected buttons (separated by space).\r\n */\r\n addButtonTheme(buttons, className){\r\n if(!className || !buttons)\r\n return false;\r\n\r\n buttons.split(\" \").forEach(button => {\r\n className.split(\" \").forEach(classNameItem => {\r\n if(!this.options.buttonTheme)\r\n this.options.buttonTheme = [];\r\n\r\n let classNameFound = false;\r\n \r\n /**\r\n * If class is already defined, we add button to class definition\r\n */\r\n this.options.buttonTheme.map(buttonTheme => {\r\n\r\n if(buttonTheme.class.split(\" \").includes(classNameItem)){\r\n classNameFound = true;\r\n \r\n let buttonThemeArray = buttonTheme.buttons.split(\" \");\r\n if(!buttonThemeArray.includes(button)){\r\n classNameFound = true;\r\n buttonThemeArray.push(button);\r\n buttonTheme.buttons = buttonThemeArray.join(\" \");\r\n }\r\n }\r\n return buttonTheme;\r\n });\r\n\r\n /**\r\n * If class is not defined, we create a new entry\r\n */\r\n if(!classNameFound){\r\n this.options.buttonTheme.push({\r\n class: classNameItem,\r\n buttons: buttons\r\n });\r\n }\r\n\r\n });\r\n });\r\n\r\n this.render();\r\n }\r\n\r\n /**\r\n * Removes/Amends an entry to the `buttonTheme`. Basically a way to remove a class previously added to a button through buttonTheme or addButtonTheme.\r\n * @param {string} buttons List of buttons to select (separated by a space).\r\n * @param {string} className Classes to give to the selected buttons (separated by space).\r\n */\r\n removeButtonTheme(buttons, className){\r\n /**\r\n * When called with empty parameters, remove all button themes\r\n */\r\n if(!buttons && !className){\r\n this.options.buttonTheme = [];\r\n this.render();\r\n return false;\r\n }\r\n\r\n /**\r\n * If buttons are passed and buttonTheme has items\r\n */\r\n if(buttons && Array.isArray(this.options.buttonTheme) && this.options.buttonTheme.length){\r\n let buttonArray = buttons.split(\" \");\r\n buttonArray.forEach((button, key) => {\r\n this.options.buttonTheme.map((buttonTheme, index) => {\r\n\r\n /**\r\n * If className is set, we affect the buttons only for that class\r\n * Otherwise, we afect all classes\r\n */\r\n if(\r\n (className && className.includes(buttonTheme.class)) ||\r\n !className\r\n ){\r\n let filteredButtonArray = buttonTheme.buttons.split(\" \").filter(item => item !== button);\r\n\r\n /**\r\n * If buttons left, return them, otherwise, remove button Theme\r\n */\r\n if(filteredButtonArray.length){\r\n buttonTheme.buttons = filteredButtonArray.join(\" \");\r\n } else {\r\n this.options.buttonTheme.splice(index, 1);\r\n buttonTheme = null;\r\n }\r\n \r\n }\r\n\r\n return buttonTheme;\r\n });\r\n });\r\n\r\n this.render();\r\n }\r\n }\r\n\r\n /**\r\n * Get the DOM Element of a button. If there are several buttons with the same name, an array of the DOM Elements is returned.\r\n * @param {string} button The button layout name to select\r\n */\r\n getButtonElement(button){\r\n let output;\r\n\r\n let buttonArr = this.buttonElements[button];\r\n if(buttonArr){\r\n if(buttonArr.length > 1){\r\n output = buttonArr;\r\n } else {\r\n output = buttonArr[0];\r\n }\r\n }\r\n\r\n return output;\r\n }\r\n\r\n /**\r\n * Retrieves the current cursor position within a input or textarea (if any)\r\n */\r\n handleCaret(){\r\n /**\r\n * Only first instance should insall the caret handling events\r\n */\r\n this.caretPosition = null;\r\n let simpleKeyboardInstances = window['SimpleKeyboardInstances'];\r\n\r\n if(\r\n (\r\n simpleKeyboardInstances &&\r\n Object.keys(simpleKeyboardInstances)[0] === this.utilities.camelCase(this.keyboardDOMClass)\r\n ) ||\r\n !simpleKeyboardInstances\r\n ){\r\n if(this.options.debug){\r\n console.log(`Caret handling started (${this.keyboardDOMClass})`)\r\n }\r\n\r\n document.addEventListener(\"keyup\", this.caretEventHandler);\r\n document.addEventListener(\"mouseup\", this.caretEventHandler);\r\n document.addEventListener(\"touchend\", this.caretEventHandler);\r\n }\r\n }\r\n\r\n /**\r\n * Called by {@link handleCaret} when an event that warrants a cursor position update is triggered\r\n */\r\n caretEventHandler(event){\r\n let targetTagName;\r\n if(event.target.tagName){\r\n targetTagName = event.target.tagName.toLowerCase();\r\n }\r\n\r\n this.dispatch(instance => {\r\n if(instance.isMouseHold){\r\n instance.isMouseHold = false;\r\n }\r\n\r\n if(\r\n (targetTagName === \"textarea\" ||\r\n targetTagName === \"input\") &&\r\n !instance.options.disableCaretPositioning\r\n ){\r\n /**\r\n * Tracks current cursor position\r\n * As keys are pressed, text will be added/removed at that position within the input.\r\n */\r\n instance.caretPosition = event.target.selectionStart;\r\n\r\n if(instance.options.debug){\r\n console.log('Caret at: ', event.target.selectionStart, event.target.tagName.toLowerCase(), `(${instance.keyboardDOMClass})`);\r\n } \r\n }\r\n });\r\n }\r\n\r\n /**\r\n * Executes the callback function once simple-keyboard is rendered for the first time (on initialization).\r\n */\r\n onInit(){\r\n if(this.options.debug){\r\n console.log(`${this.keyboardDOMClass} Initialized`)\r\n }\r\n\r\n /**\r\n * Caret handling\r\n */\r\n this.handleCaret();\r\n\r\n if(typeof this.options.onInit === \"function\")\r\n this.options.onInit();\r\n }\r\n\r\n /**\r\n * Executes the callback function every time simple-keyboard is rendered (e.g: when you change layouts).\r\n */\r\n onRender(){\r\n if(typeof this.options.onRender === \"function\")\r\n this.options.onRender();\r\n }\r\n\r\n /**\r\n * Executes the callback function once all modules have been loaded\r\n */\r\n onModulesLoaded(){\r\n if(typeof this.options.onModulesLoaded === \"function\")\r\n this.options.onModulesLoaded();\r\n }\r\n\r\n /**\r\n * Register module\r\n */\r\n registerModule = (name, initCallback) => {\r\n if(!this.modules[name])\r\n this.modules[name] = {};\r\n\r\n initCallback(this.modules[name]);\r\n }\r\n\r\n /**\r\n * Load modules\r\n */\r\n loadModules(){\r\n if(Array.isArray(this.options.modules)){\r\n this.options.modules.forEach(Module => {\r\n let module = new Module();\r\n\r\n /* istanbul ignore next */\r\n if(module.constructor.name && module.constructor.name !== \"Function\"){\r\n let classStr = `module-${this.utilities.camelCase(module.constructor.name)}`;\r\n this.keyboardPluginClasses = this.keyboardPluginClasses + ` ${classStr}`;\r\n }\r\n\r\n module.init(this);\r\n });\r\n\r\n this.keyboardPluginClasses = this.keyboardPluginClasses + ' modules-loaded';\r\n\r\n this.render();\r\n this.onModulesLoaded();\r\n }\r\n }\r\n\r\n /**\r\n * Get module prop\r\n */\r\n getModuleProp = (name, prop) => {\r\n if(!this.modules[name])\r\n return false;\r\n \r\n return this.modules[name][prop];\r\n }\r\n\r\n /**\r\n * getModulesList\r\n */\r\n getModulesList = () => {\r\n return Object.keys(this.modules);\r\n }\r\n\r\n /**\r\n * Renders rows and buttons as per options\r\n */\r\n render(){\r\n /**\r\n * Clear keyboard\r\n */\r\n this.clear();\r\n\r\n let layoutClass = this.options.layout ? \"hg-layout-custom\" : `hg-layout-${this.options.layoutName}`;\r\n let layout = this.options.layout || KeyboardLayout.getDefaultLayout();\r\n let useTouchEvents = this.options.useTouchEvents || false\r\n\r\n /**\r\n * Account for buttonTheme, if set\r\n */\r\n let buttonThemesParsed = {};\r\n if(Array.isArray(this.options.buttonTheme)){\r\n this.options.buttonTheme.forEach(themeObj => {\r\n if(themeObj.buttons && themeObj.class){\r\n let themeButtons;\r\n\r\n if(typeof themeObj.buttons === \"string\"){\r\n themeButtons = themeObj.buttons.split(' ');\r\n }\r\n\r\n if(themeButtons){\r\n themeButtons.forEach(themeButton => {\r\n let themeParsed = buttonThemesParsed[themeButton];\r\n\r\n // If the button has already been added\r\n if(themeParsed){\r\n // Making sure we don't add duplicate classes, even when buttonTheme has duplicates\r\n if(!this.utilities.countInArray(themeParsed.split(\" \"), themeObj.class)){\r\n buttonThemesParsed[themeButton] = `${themeParsed} ${themeObj.class}`;\r\n }\r\n } else {\r\n buttonThemesParsed[themeButton] = themeObj.class;\r\n }\r\n });\r\n }\r\n } else {\r\n console.warn(`buttonTheme row is missing the \"buttons\" or the \"class\". Please check the documentation.`)\r\n }\r\n });\r\n }\r\n\r\n /**\r\n * Adding themeClass, layoutClass to keyboardDOM\r\n */\r\n this.keyboardDOM.className += ` ${this.options.theme} ${layoutClass} ${this.keyboardPluginClasses}`;\r\n\r\n /**\r\n * Iterating through each row\r\n */\r\n layout[this.options.layoutName].forEach((row, rIndex) => {\r\n let rowArray = row.split(' ');\r\n\r\n /**\r\n * Creating empty row\r\n */\r\n var rowDOM = document.createElement('div');\r\n rowDOM.className += \"hg-row\";\r\n\r\n /**\r\n * Iterating through each button in row\r\n */\r\n rowArray.forEach((button, bIndex) => {\r\n let fctBtnClass = this.utilities.getButtonClass(button);\r\n let buttonThemeClass = buttonThemesParsed[button];\r\n let buttonDisplayName = this.utilities.getButtonDisplayName(button, this.options.display, this.options.mergeDisplay);\r\n\r\n /**\r\n * Creating button\r\n */\r\n var buttonDOM = document.createElement('div');\r\n buttonDOM.className += `hg-button ${fctBtnClass}${buttonThemeClass ? \" \"+buttonThemeClass : \"\"}`;\r\n \r\n if (useTouchEvents) {\r\n buttonDOM.ontouchstart = (e) => {\r\n this.handleButtonClicked(button);\r\n this.handleButtonMouseDown(button, e);\r\n }\r\n buttonDOM.ontouchend = e => this.handleButtonMouseUp();\r\n buttonDOM.ontouchcancel = e => this.handleButtonMouseUp();\r\n } else {\r\n buttonDOM.onclick = () => {\r\n this.isMouseHold = false;\r\n this.handleButtonClicked(button);\r\n }\r\n buttonDOM.onmousedown = (e) => {\r\n if (this.options.preventMouseDownDefault) e.preventDefault();\r\n this.handleButtonMouseDown(button, e);\r\n }\r\n }\r\n \r\n /**\r\n * Adding identifier\r\n */\r\n buttonDOM.setAttribute(\"data-skBtn\", button);\r\n\r\n /**\r\n * Adding unique id\r\n * Since there's no limit on spawning same buttons, the unique id ensures you can style every button\r\n */\r\n let buttonUID = `${this.options.layoutName}-r${rIndex}b${bIndex}`;\r\n buttonDOM.setAttribute(\"data-skBtnUID\", buttonUID);\r\n\r\n /**\r\n * Adding display label\r\n */\r\n buttonDOM.setAttribute(\"data-displayLabel\", buttonDisplayName);\r\n\r\n /**\r\n * Adding button label to button\r\n */\r\n var buttonSpanDOM = document.createElement('span');\r\n buttonSpanDOM.innerHTML = buttonDisplayName;\r\n buttonDOM.appendChild(buttonSpanDOM);\r\n\r\n /**\r\n * Adding to buttonElements\r\n */\r\n if(!this.buttonElements[button])\r\n this.buttonElements[button] = [];\r\n\r\n this.buttonElements[button].push(buttonDOM);\r\n\r\n /**\r\n * Appending button to row\r\n */\r\n rowDOM.appendChild(buttonDOM);\r\n\r\n });\r\n\r\n /**\r\n * Appending row to keyboard\r\n */\r\n this.keyboardDOM.appendChild(rowDOM);\r\n });\r\n\r\n /**\r\n * Calling onRender\r\n */\r\n this.onRender();\r\n\r\n if(!this.initialized){\r\n /**\r\n * Ensures that onInit is only called once per instantiation\r\n */\r\n this.initialized = true;\r\n\r\n /**\r\n * Handling mouseup\r\n */\r\n if (!useTouchEvents) {\r\n document.onmouseup = () => this.handleButtonMouseUp();\r\n }\r\n\r\n /**\r\n * Calling onInit\r\n */\r\n this.onInit();\r\n }\r\n }\r\n}\r\n\r\nexport default SimpleKeyboard;\r\n","import SimpleKeyboard from './components/Keyboard';\r\nexport default SimpleKeyboard;\r\n"],"sourceRoot":""} \ No newline at end of file +{"version":3,"sources":["../../webpack/universalModuleDefinition","../../webpack/bootstrap","services/PhysicalKeyboard.js","services/KeyboardLayout.js","services/Utilities.js","components/Keyboard.js","index.js"],"names":["root","factory","exports","module","define","amd","window","installedModules","__webpack_require__","moduleId","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","PhysicalKeyboard","simpleKeyboardInstance","_classCallCheck","this","initKeyboardListener","getSimpleKeyboardLayoutKey","_this","document","addEventListener","event","options","physicalKeyboardHighlight","buttonPressed","dispatch","instance","buttonDOM","getButtonElement","concat","style","backgroundColor","physicalKeyboardHighlightBgColor","color","physicalKeyboardHighlightTextColor","removeAttribute","output","code","includes","toUpperCase","Number","isInteger","length","toLowerCase","KeyboardLayout","default","shift","Utilities","Utilities_classCallCheck","getButtonClass","getButtonDisplayName","getUpdatedInput","updateCaretPos","updateCaretPosAction","isMaxLengthReached","camelCase","countInArray","button","buttonTypeClass","buttonWithoutBraces","replace","buttonNormalized","{bksp}","{backspace}","{enter}","{shift}","{shiftleft}","{shiftright}","{alt}","{s}","{tab}","{lock}","{capslock}","{accept}","{space}","{//}","{esc}","{escape}","{f1}","{f2}","{f3}","{f4}","{f5}","{f6}","{f7}","{f8}","{f9}","{f10}","{f11}","{f12}","{numpaddivide}","{numlock}","{arrowup}","{arrowleft}","{arrowdown}","{arrowright}","{prtscr}","{scrolllock}","{pause}","{insert}","{home}","{pageup}","{delete}","{end}","{pagedown}","{numpadmultiply}","{numpadsubtract}","{numpadadd}","{numpadenter}","{period}","{numpaddecimal}","{numpad0}","{numpad1}","{numpad2}","{numpad3}","{numpad4}","{numpad5}","{numpad6}","{numpad7}","{numpad8}","{numpad9}","display","mergeDisplay","assign","getDefaultDiplay","input","caretPos","moveCaret","removeAt","addStringAt","tabCharOnTab","newLineOnEnter","minus","newCaretPos","syncInstanceInputs","caretPosition","debug","console","log","keyboardDOMClass","source","string","position","slice","join","emojiMatchedReg","substring","match","substr","inputObj","updatedInput","maxLength","currentInput","inputName","condition","maxLengthReached","_typeof","Boolean","trim","split","reduce","word","array","x","SimpleKeyboard","Keyboard_classCallCheck","_defineProperty","option","render","initCallback","prop","keys","keyboardDOMQuery","arguments","undefined","Keyboard_typeof","utilities","keyboardDOM","querySelector","layoutName","theme","preventMouseDownDefault","keyboardPluginClasses","handleButtonClicked","clearInput","getInput","setInput","replaceInput","clear","addButtonTheme","removeButtonTheme","handleCaret","caretEventHandler","onInit","onRender","loadModules","handleButtonMouseUp","handleButtonMouseDown","handleButtonHold","onModulesLoaded","buttonElements","warn","Error","physicalKeyboardInterface","onKeyPress","handleMaxLength","onChange","e","_this2","isMouseHold","holdInteractionTimeout","clearTimeout","holdTimeout","setTimeout","_this3","_this4","innerHTML","className","callback","forEach","buttons","_this5","classNameItem","buttonTheme","classNameFound","map","class","buttonThemeArray","push","_this6","Array","isArray","index","filteredButtonArray","filter","item","splice","buttonArr","simpleKeyboardInstances","targetTagName","target","tagName","disableCaretPositioning","selectionStart","_this7","Module","constructor","classStr","init","_this8","layoutClass","layout","getDefaultLayout","useTouchEvents","buttonThemesParsed","themeObj","themeButtons","themeButton","themeParsed","row","rIndex","rowArray","rowDOM","createElement","bIndex","fctBtnClass","buttonThemeClass","buttonDisplayName","buttonType","useButtonTag","ontouchstart","ontouchend","ontouchcancel","onclick","onmousedown","preventDefault","setAttribute","buttonUID","buttonSpanDOM","appendChild","initialized","onmouseup"],"mappings":"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","file":"index.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"SimpleKeyboard\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"SimpleKeyboard\"] = factory();\n\telse\n\t\troot[\"SimpleKeyboard\"] = factory();\n})(window, function() {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 0);\n","/**\r\n * Physical Keyboard Service\r\n */\r\nclass PhysicalKeyboard {\r\n /**\r\n * Creates an instance of the PhysicalKeyboard service\r\n */\r\n constructor(simpleKeyboardInstance){\r\n /**\r\n * @type {object} A simple-keyboard instance\r\n */\r\n this.simpleKeyboardInstance = simpleKeyboardInstance;\r\n\r\n /**\r\n * Bindings\r\n */\r\n this.initKeyboardListener = this.initKeyboardListener.bind(this);\r\n this.getSimpleKeyboardLayoutKey = this.getSimpleKeyboardLayoutKey.bind(this);\r\n\r\n /**\r\n * Initialize key listeners\r\n */\r\n this.initKeyboardListener();\r\n }\r\n\r\n /**\r\n * Initializes key event listeners\r\n */\r\n initKeyboardListener(){\r\n // Adding button style on keydown\r\n document.addEventListener(\"keydown\", (event) => {\r\n if(this.simpleKeyboardInstance.options.physicalKeyboardHighlight){\r\n let buttonPressed = this.getSimpleKeyboardLayoutKey(event);\r\n\r\n this.simpleKeyboardInstance.dispatch(instance => {\r\n let buttonDOM = instance.getButtonElement(buttonPressed) || instance.getButtonElement(`{${buttonPressed}}`);\r\n\r\n if(buttonDOM){\r\n buttonDOM.style.backgroundColor = this.simpleKeyboardInstance.options.physicalKeyboardHighlightBgColor || \"#9ab4d0\";\r\n buttonDOM.style.color = this.simpleKeyboardInstance.options.physicalKeyboardHighlightTextColor || \"white\";\r\n }\r\n });\r\n }\r\n });\r\n\r\n // Removing button style on keyup\r\n document.addEventListener(\"keyup\", (event) => {\r\n if(this.simpleKeyboardInstance.options.physicalKeyboardHighlight){\r\n let buttonPressed = this.getSimpleKeyboardLayoutKey(event);\r\n\r\n this.simpleKeyboardInstance.dispatch(instance => {\r\n let buttonDOM = instance.getButtonElement(buttonPressed) || instance.getButtonElement(`{${buttonPressed}}`);\r\n\r\n if(buttonDOM && buttonDOM.removeAttribute){\r\n buttonDOM.removeAttribute(\"style\");\r\n }\r\n });\r\n }\r\n });\r\n }\r\n\r\n /**\r\n * Transforms a KeyboardEvent's \"key.code\" string into a simple-keyboard layout format\r\n * @param {object} event The KeyboardEvent\r\n */\r\n getSimpleKeyboardLayoutKey(event){\r\n let output;\r\n\r\n if(\r\n event.code.includes(\"Numpad\") ||\r\n event.code.includes(\"Shift\") ||\r\n event.code.includes(\"Space\") ||\r\n event.code.includes(\"Backspace\") ||\r\n event.code.includes(\"Control\") ||\r\n event.code.includes(\"Alt\") ||\r\n event.code.includes(\"Meta\")\r\n ){\r\n output = event.code;\r\n } else {\r\n output = event.key;\r\n }\r\n\r\n /**\r\n * If button is not uppercase, casting to lowercase\r\n */\r\n if (\r\n output !== output.toUpperCase() ||\r\n (event.code[0] === \"F\" && Number.isInteger(Number(event.code[1])) && event.code.length <= 3)\r\n ) {\r\n output = output.toLowerCase();\r\n }\r\n\r\n return output;\r\n }\r\n}\r\n\r\nexport default PhysicalKeyboard;","/**\r\n * Keyboard Layout Service\r\n */\r\nclass KeyboardLayout {\r\n /**\r\n * Get default simple-keyboard layout\r\n * @return {object} The default layout (US-QWERTY)\r\n */\r\n static getDefaultLayout(){\r\n return {\r\n 'default': [\r\n '` 1 2 3 4 5 6 7 8 9 0 - = {bksp}',\r\n '{tab} q w e r t y u i o p [ ] \\\\',\r\n '{lock} a s d f g h j k l ; \\' {enter}',\r\n '{shift} z x c v b n m , . / {shift}',\r\n '.com @ {space}'\r\n ],\r\n 'shift': [\r\n '~ ! @ # $ % ^ & * ( ) _ + {bksp}',\r\n '{tab} Q W E R T Y U I O P { } |',\r\n '{lock} A S D F G H J K L : \" {enter}',\r\n '{shift} Z X C V B N M < > ? {shift}',\r\n '.com @ {space}'\r\n ]\r\n } \r\n }\r\n}\r\n\r\nexport default KeyboardLayout;","/**\r\n * Utility Service\r\n */\r\nclass Utilities {\r\n /**\r\n * Creates an instance of the Utility service\r\n */\r\n constructor(simpleKeyboardInstance){\r\n /**\r\n * @type {object} A simple-keyboard instance\r\n */\r\n this.simpleKeyboardInstance = simpleKeyboardInstance;\r\n\r\n /**\r\n * Bindings\r\n */\r\n this.getButtonClass = this.getButtonClass.bind(this);\r\n this.getButtonDisplayName = this.getButtonDisplayName.bind(this);\r\n this.getUpdatedInput = this.getUpdatedInput.bind(this);\r\n this.updateCaretPos = this.updateCaretPos.bind(this);\r\n this.updateCaretPosAction = this.updateCaretPosAction.bind(this);\r\n this.isMaxLengthReached = this.isMaxLengthReached.bind(this);\r\n this.camelCase = this.camelCase.bind(this);\r\n this.countInArray = this.countInArray.bind(this);\r\n }\r\n\r\n /**\r\n * Adds default classes to a given button\r\n * \r\n * @param {string} button The button's layout name\r\n * @return {string} The classes to be added to the button\r\n */\r\n getButtonClass(button){\r\n let buttonTypeClass = (button.includes(\"{\") && button.includes(\"}\") && button !== '{//}') ? \"functionBtn\" : \"standardBtn\";\r\n let buttonWithoutBraces = button.replace(\"{\", \"\").replace(\"}\", \"\");\r\n let buttonNormalized = '';\r\n\r\n if(buttonTypeClass !== \"standardBtn\")\r\n buttonNormalized = ` hg-button-${buttonWithoutBraces}`;\r\n\r\n return `hg-${buttonTypeClass}${buttonNormalized}`;\r\n }\r\n\r\n /**\r\n * Default button display labels\r\n */\r\n getDefaultDiplay(){\r\n return {\r\n '{bksp}': 'backspace',\r\n '{backspace}': 'backspace',\r\n '{enter}': '< enter',\r\n '{shift}': 'shift',\r\n '{shiftleft}': 'shift',\r\n '{shiftright}': 'shift',\r\n '{alt}': 'alt',\r\n '{s}': 'shift',\r\n '{tab}': 'tab',\r\n '{lock}': 'caps',\r\n '{capslock}': 'caps',\r\n '{accept}': 'Submit',\r\n '{space}': ' ',\r\n '{//}': ' ',\r\n \"{esc}\": \"esc\",\r\n \"{escape}\": \"esc\",\r\n \"{f1}\": \"f1\",\r\n \"{f2}\": \"f2\",\r\n \"{f3}\": \"f3\",\r\n \"{f4}\": \"f4\",\r\n \"{f5}\": \"f5\",\r\n \"{f6}\": \"f6\",\r\n \"{f7}\": \"f7\",\r\n \"{f8}\": \"f8\",\r\n \"{f9}\": \"f9\",\r\n \"{f10}\": \"f10\",\r\n \"{f11}\": \"f11\",\r\n \"{f12}\": \"f12\",\r\n '{numpaddivide}': '/',\r\n '{numlock}': 'lock',\r\n \"{arrowup}\": \"↑\",\r\n \"{arrowleft}\": \"←\",\r\n \"{arrowdown}\": \"↓\",\r\n \"{arrowright}\": \"→\",\r\n \"{prtscr}\": \"print\",\r\n \"{scrolllock}\": \"scroll\",\r\n \"{pause}\": \"pause\",\r\n \"{insert}\": \"ins\",\r\n \"{home}\": \"home\",\r\n \"{pageup}\": \"up\",\r\n \"{delete}\": \"del\",\r\n \"{end}\": \"end\",\r\n \"{pagedown}\": \"down\",\r\n \"{numpadmultiply}\": \"*\",\r\n \"{numpadsubtract}\": \"-\",\r\n \"{numpadadd}\": \"+\",\r\n \"{numpadenter}\": \"enter\",\r\n \"{period}\": \".\",\r\n \"{numpaddecimal}\": \".\",\r\n \"{numpad0}\": \"0\",\r\n \"{numpad1}\": \"1\",\r\n \"{numpad2}\": \"2\",\r\n \"{numpad3}\": \"3\",\r\n \"{numpad4}\": \"4\",\r\n \"{numpad5}\": \"5\",\r\n \"{numpad6}\": \"6\",\r\n \"{numpad7}\": \"7\",\r\n \"{numpad8}\": \"8\",\r\n \"{numpad9}\": \"9\",\r\n };\r\n }\r\n /**\r\n * Returns the display (label) name for a given button\r\n * \r\n * @param {string} button The button's layout name\r\n * @param {object} display The provided display option\r\n * @param {boolean} mergeDisplay Whether the provided param value should be merged with the default one.\r\n */\r\n getButtonDisplayName(button, display, mergeDisplay){\r\n if(mergeDisplay){\r\n display = Object.assign({}, this.getDefaultDiplay(), display);\r\n } else {\r\n display = display || this.getDefaultDiplay();\r\n }\r\n\r\n return display[button] || button;\r\n }\r\n\r\n \r\n /**\r\n * Returns the updated input resulting from clicking a given button\r\n * \r\n * @param {string} button The button's layout name\r\n * @param {string} input The input string\r\n * @param {object} options The simple-keyboard options object\r\n * @param {number} caretPos The cursor's current position\r\n * @param {boolean} moveCaret Whether to update simple-keyboard's cursor\r\n */\r\n getUpdatedInput(button, input, options, caretPos, moveCaret){\r\n \r\n let output = input;\r\n\r\n if((button === \"{bksp}\" || button === \"{backspace}\") && output.length > 0){\r\n output = this.removeAt(output, caretPos, moveCaret);\r\n\r\n } else if(button === \"{space}\")\r\n output = this.addStringAt(output, \" \", caretPos, moveCaret);\r\n\r\n else if(button === \"{tab}\" && !(typeof options.tabCharOnTab === \"boolean\" && options.tabCharOnTab === false)){\r\n output = this.addStringAt(output, \"\\t\", caretPos, moveCaret);\r\n\r\n } else if((button === \"{enter}\" || button === \"{numpadenter}\") && options.newLineOnEnter)\r\n output = this.addStringAt(output, \"\\n\", caretPos, moveCaret);\r\n\r\n else if(button.includes(\"numpad\") && Number.isInteger(Number(button[button.length - 2]))){\r\n output = this.addStringAt(output, button[button.length - 2], caretPos, moveCaret);\r\n }\r\n else if(button === \"{numpaddivide}\")\r\n output = this.addStringAt(output, '/', caretPos, moveCaret);\r\n\r\n else if(button === \"{numpadmultiply}\")\r\n output = this.addStringAt(output, '*', caretPos, moveCaret);\r\n\r\n else if(button === \"{numpadsubtract}\")\r\n output = this.addStringAt(output, '-', caretPos, moveCaret);\r\n\r\n else if(button === \"{numpadadd}\")\r\n output = this.addStringAt(output, '+', caretPos, moveCaret);\r\n\r\n else if(button === \"{numpaddecimal}\")\r\n output = this.addStringAt(output, '.', caretPos, moveCaret);\r\n\r\n else if(button === \"{\" || button === \"}\")\r\n output = this.addStringAt(output, button, caretPos, moveCaret);\r\n\r\n else if(!button.includes(\"{\") && !button.includes(\"}\"))\r\n output = this.addStringAt(output, button, caretPos, moveCaret);\r\n\r\n return output;\r\n }\r\n\r\n /**\r\n * Moves the cursor position by a given amount\r\n * \r\n * @param {number} length Represents by how many characters the input should be moved\r\n * @param {boolean} minus Whether the cursor should be moved to the left or not.\r\n */\r\n updateCaretPos(length, minus){\r\n let newCaretPos = this.updateCaretPosAction(this.simpleKeyboardInstance, length, minus);\r\n\r\n if(this.simpleKeyboardInstance.options.syncInstanceInputs){\r\n this.simpleKeyboardInstance.dispatch(instance => {\r\n instance.caretPosition = newCaretPos;\r\n });\r\n }\r\n }\r\n\r\n /**\r\n * Action method of updateCaretPos\r\n * \r\n * @param {object} instance The instance whose position should be updated\r\n * @param {number} length Represents by how many characters the input should be moved\r\n * @param {boolean} minus Whether the cursor should be moved to the left or not.\r\n */\r\n updateCaretPosAction(instance, length, minus){\r\n if(minus){\r\n if(instance.caretPosition > 0)\r\n instance.caretPosition = instance.caretPosition - length;\r\n } else {\r\n instance.caretPosition = instance.caretPosition + length;\r\n }\r\n\r\n if(this.simpleKeyboardInstance.options.debug){\r\n console.log(\"Caret at:\", instance.caretPosition, `(${instance.keyboardDOMClass})`);\r\n }\r\n\r\n return instance.caretPosition;\r\n }\r\n\r\n /**\r\n * Adds a string to the input at a given position\r\n * \r\n * @param {string} source The source input\r\n * @param {string} string The string to add\r\n * @param {number} position The (cursor) position where the string should be added\r\n * @param {boolean} moveCaret Whether to update simple-keyboard's cursor\r\n */\r\n addStringAt(source, string, position, moveCaret){\r\n let output;\r\n\r\n if(!position && position !== 0){\r\n output = source + string;\r\n } else {\r\n output = [source.slice(0, position), string, source.slice(position)].join('');\r\n\r\n /**\r\n * Avoid caret position change when maxLength is set\r\n */\r\n if(!this.isMaxLengthReached()){\r\n if(moveCaret) this.updateCaretPos(string.length);\r\n }\r\n\r\n }\r\n\r\n return output;\r\n }\r\n\r\n /**\r\n * Removes an amount of characters at a given position\r\n * \r\n * @param {string} source The source input\r\n * @param {number} position The (cursor) position from where the characters should be removed\r\n * @param {boolean} moveCaret Whether to update simple-keyboard's cursor\r\n */\r\n removeAt(source, position, moveCaret){\r\n if(this.simpleKeyboardInstance.caretPosition === 0){\r\n return source;\r\n }\r\n\r\n let output;\r\n let prevTwoChars;\r\n let emojiMatched;\r\n let emojiMatchedReg = /([\\uD800-\\uDBFF][\\uDC00-\\uDFFF])/g;\r\n\r\n /**\r\n * Emojis are made out of two characters, so we must take a custom approach to trim them.\r\n * For more info: https://mathiasbynens.be/notes/javascript-unicode\r\n */\r\n if(position && position >= 0){\r\n prevTwoChars = source.substring(position - 2, position)\r\n emojiMatched = prevTwoChars.match(emojiMatchedReg);\r\n\r\n if(emojiMatched){\r\n output = source.substr(0, (position - 2)) + source.substr(position);\r\n if(moveCaret) this.updateCaretPos(2, true);\r\n } else {\r\n output = source.substr(0, (position - 1)) + source.substr(position);\r\n if(moveCaret) this.updateCaretPos(1, true);\r\n }\r\n } else {\r\n prevTwoChars = source.slice(-2);\r\n emojiMatched = prevTwoChars.match(emojiMatchedReg);\r\n\r\n if(emojiMatched){\r\n output = source.slice(0, -2);\r\n if(moveCaret) this.updateCaretPos(2, true);\r\n } else {\r\n output = source.slice(0, -1);\r\n if(moveCaret) this.updateCaretPos(1, true);\r\n }\r\n }\r\n\r\n return output;\r\n }\r\n /**\r\n * Determines whether the maxLength has been reached. This function is called when the maxLength option it set.\r\n * \r\n * @param {object} inputObj\r\n * @param {object} options\r\n * @param {string} updatedInput\r\n */\r\n handleMaxLength(inputObj, options, updatedInput){\r\n let maxLength = options.maxLength;\r\n let currentInput = inputObj[options.inputName];\r\n let condition = currentInput.length === maxLength;\r\n\r\n if(\r\n /**\r\n * If pressing this button won't add more characters\r\n * We exit out of this limiter function\r\n */\r\n updatedInput.length <= currentInput.length\r\n ){\r\n return false;\r\n }\r\n\r\n if(Number.isInteger(maxLength)){\r\n if(options.debug){\r\n console.log(\"maxLength (num) reached:\", condition);\r\n }\r\n\r\n if(condition){\r\n /**\r\n * @type {boolean} Boolean value that shows whether maxLength has been reached\r\n */\r\n this.maxLengthReached = true;\r\n return true;\r\n } else {\r\n this.maxLengthReached = false;\r\n return false;\r\n }\r\n }\r\n\r\n if(typeof maxLength === \"object\"){\r\n let condition = currentInput.length === maxLength[options.inputName];\r\n\r\n if(options.debug){\r\n console.log(\"maxLength (obj) reached:\", condition);\r\n }\r\n\r\n if(condition){\r\n this.maxLengthReached = true;\r\n return true;\r\n } else {\r\n this.maxLengthReached = false;\r\n return false;\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * Gets the current value of maxLengthReached\r\n */\r\n isMaxLengthReached(){\r\n return Boolean(this.maxLengthReached);\r\n }\r\n\r\n /**\r\n * Transforms an arbitrary string to camelCase\r\n * \r\n * @param {string} string The string to transform.\r\n */\r\n camelCase(string){\r\n return string.toLowerCase().trim().split(/[.\\-_\\s]/g).reduce((string, word) => string + word[0].toUpperCase() + word.slice(1));\r\n };\r\n\r\n /**\r\n * Counts the number of duplicates in a given array\r\n * \r\n * @param {Array} array The haystack to search in\r\n * @param {string} value The needle to search for\r\n */\r\n countInArray(array, value){\r\n return array.reduce((n, x) => n + (x === value), 0);\r\n }\r\n}\r\n\r\nexport default Utilities;","import './Keyboard.css';\r\n\r\n// Services\r\nimport PhysicalKeyboard from '../services/PhysicalKeyboard';\r\nimport KeyboardLayout from '../services/KeyboardLayout';\r\nimport Utilities from '../services/Utilities';\r\n\r\n/**\r\n * Root class for simple-keyboard\r\n * This class:\r\n * - Parses the options\r\n * - Renders the rows and buttons\r\n * - Handles button functionality\r\n */\r\nclass SimpleKeyboard {\r\n /**\r\n * Creates an instance of SimpleKeyboard\r\n * @param {Array} params If first parameter is a string, it is considered the container class. The second parameter is then considered the options object. If first parameter is an object, it is considered the options object.\r\n */\r\n constructor(...params){\r\n let keyboardDOMQuery = typeof params[0] === \"string\" ? params[0] : \".simple-keyboard\";\r\n let options = typeof params[0] === \"object\" ? params[0] : params[1];\r\n\r\n if(!options)\r\n options = {};\r\n\r\n /**\r\n * Initializing Utilities\r\n */\r\n this.utilities = new Utilities(this);\r\n\r\n /**\r\n * Processing options\r\n */\r\n this.keyboardDOM = document.querySelector(keyboardDOMQuery);\r\n\r\n /**\r\n * @type {object}\r\n * @property {object} layout Modify the keyboard layout.\r\n * @property {string} layoutName Specifies which layout should be used.\r\n * @property {object} display Replaces variable buttons (such as {bksp}) with a human-friendly name (e.g.: “backspace”).\r\n * @property {boolean} mergeDisplay By default, when you set the display property, you replace the default one. This setting merges them instead.\r\n * @property {string} theme A prop to add your own css classes to the keyboard wrapper. You can add multiple classes separated by a space.\r\n * @property {Array} buttonTheme A prop to add your own css classes to one or several buttons.\r\n * @property {boolean} debug Runs a console.log every time a key is pressed. Displays the buttons pressed and the current input.\r\n * @property {boolean} newLineOnEnter Specifies whether clicking the “ENTER” button will input a newline (\\n) or not.\r\n * @property {boolean} tabCharOnTab Specifies whether clicking the “TAB” button will input a tab character (\\t) or not.\r\n * @property {string} inputName Allows you to use a single simple-keyboard instance for several inputs.\r\n * @property {number} maxLength Restrains all of simple-keyboard inputs to a certain length. This should be used in addition to the input element’s maxlengthattribute.\r\n * @property {object} maxLength Restrains simple-keyboard’s individual inputs to a certain length. This should be used in addition to the input element’s maxlengthattribute.\r\n * @property {boolean} syncInstanceInputs When set to true, this option synchronizes the internal input of every simple-keyboard instance.\r\n * @property {boolean} physicalKeyboardHighlight Enable highlighting of keys pressed on physical keyboard.\r\n * @property {boolean} preventMouseDownDefault Calling preventDefault for the mousedown events keeps the focus on the input.\r\n * @property {string} physicalKeyboardHighlightTextColor Define the text color that the physical keyboard highlighted key should have.\r\n * @property {string} physicalKeyboardHighlightBgColor Define the background color that the physical keyboard highlighted key should have.\r\n * @property {function(button: string):string} onKeyPress Executes the callback function on key press. Returns button layout name (i.e.: “{shift}”).\r\n * @property {function(input: string):string} onChange Executes the callback function on input change. Returns the current input’s string.\r\n * @property {function} onRender Executes the callback function every time simple-keyboard is rendered (e.g: when you change layouts).\r\n * @property {function} onInit Executes the callback function once simple-keyboard is rendered for the first time (on initialization).\r\n * @property {function(inputs: object):object} onChangeAll Executes the callback function on input change. Returns the input object with all defined inputs.\r\n * @property {boolean} useButtonTag Render buttons as a button element instead of a div element.\r\n */\r\n this.options = options;\r\n this.options.layoutName = this.options.layoutName || \"default\";\r\n this.options.theme = this.options.theme || \"hg-theme-default\";\r\n this.options.inputName = this.options.inputName || \"default\";\r\n this.options.preventMouseDownDefault = this.options.preventMouseDownDefault || false;\r\n\r\n /**\r\n * @type {object} Classes identifying loaded plugins\r\n */\r\n this.keyboardPluginClasses = '';\r\n\r\n /**\r\n * Bindings\r\n */\r\n this.handleButtonClicked = this.handleButtonClicked.bind(this);\r\n this.syncInstanceInputs = this.syncInstanceInputs.bind(this);\r\n this.clearInput = this.clearInput.bind(this);\r\n this.getInput = this.getInput.bind(this);\r\n this.setInput = this.setInput.bind(this);\r\n this.replaceInput = this.replaceInput.bind(this);\r\n this.clear = this.clear.bind(this);\r\n this.dispatch = this.dispatch.bind(this);\r\n this.addButtonTheme = this.addButtonTheme.bind(this);\r\n this.removeButtonTheme = this.removeButtonTheme.bind(this);\r\n this.getButtonElement = this.getButtonElement.bind(this);\r\n this.handleCaret = this.handleCaret.bind(this);\r\n this.caretEventHandler = this.caretEventHandler.bind(this);\r\n this.onInit = this.onInit.bind(this);\r\n this.onRender = this.onRender.bind(this);\r\n this.render = this.render.bind(this);\r\n this.loadModules = this.loadModules.bind(this);\r\n this.handleButtonMouseUp = this.handleButtonMouseUp.bind(this);\r\n this.handleButtonMouseDown = this.handleButtonMouseDown.bind(this);\r\n this.handleButtonHold = this.handleButtonHold.bind(this);\r\n this.onModulesLoaded = this.onModulesLoaded.bind(this);\r\n\r\n /**\r\n * simple-keyboard uses a non-persistent internal input to keep track of the entered string (the variable `keyboard.input`).\r\n * This removes any dependency to input DOM elements. You can type and directly display the value in a div element, for example.\r\n * @example\r\n * // To get entered input\r\n * let input = keyboard.getInput();\r\n * \r\n * // To clear entered input.\r\n * keyboard.clearInput();\r\n * \r\n * @type {object}\r\n * @property {object} default Default SimpleKeyboard internal input.\r\n * @property {object} myInputName Example input that can be set through `options.inputName:\"myInputName\"`.\r\n */\r\n this.input = {};\r\n this.input[this.options.inputName] = '';\r\n\r\n /**\r\n * @type {string} DOM class of the keyboard wrapper, normally \"simple-keyboard\" by default.\r\n */\r\n this.keyboardDOMClass = keyboardDOMQuery.split('.').join(\"\");\r\n\r\n /**\r\n * @type {object} Contains the DOM elements of every rendered button, the key being the button's layout name (e.g.: \"{enter}\").\r\n */\r\n this.buttonElements = {};\r\n\r\n /**\r\n * Rendering keyboard\r\n */\r\n if(this.keyboardDOM)\r\n this.render();\r\n else {\r\n console.warn(`\"${keyboardDOMQuery}\" was not found in the DOM.`);\r\n throw new Error(\"KEYBOARD_DOM_ERROR\");\r\n }\r\n\r\n /**\r\n * Saving instance\r\n * This enables multiple simple-keyboard support with easier management\r\n */\r\n if(!window['SimpleKeyboardInstances'])\r\n window['SimpleKeyboardInstances'] = {};\r\n \r\n window['SimpleKeyboardInstances'][this.utilities.camelCase(this.keyboardDOMClass)] = this;\r\n\r\n /**\r\n * Physical Keyboard support\r\n */\r\n this.physicalKeyboardInterface = new PhysicalKeyboard(this);\r\n\r\n /**\r\n * Modules\r\n */\r\n this.modules = {};\r\n this.loadModules();\r\n }\r\n\r\n /**\r\n * Handles clicks made to keyboard buttons\r\n * @param {string} button The button's layout name.\r\n */\r\n handleButtonClicked(button){\r\n let debug = this.options.debug;\r\n\r\n /**\r\n * Ignoring placeholder buttons\r\n */\r\n if(button === '{//}')\r\n return false;\r\n\r\n /**\r\n * Calling onKeyPress\r\n */\r\n if(typeof this.options.onKeyPress === \"function\")\r\n this.options.onKeyPress(button);\r\n \r\n if(!this.input[this.options.inputName])\r\n this.input[this.options.inputName] = '';\r\n\r\n let updatedInput = this.utilities.getUpdatedInput(\r\n button, this.input[this.options.inputName], this.options, this.caretPosition\r\n );\r\n\r\n if(this.input[this.options.inputName] !== updatedInput){\r\n\r\n /**\r\n * If maxLength and handleMaxLength yield true, halting\r\n */\r\n if(this.options.maxLength && this.utilities.handleMaxLength(this.input, this.options, updatedInput)){\r\n return false;\r\n }\r\n\r\n this.input[this.options.inputName] = this.utilities.getUpdatedInput(\r\n button, this.input[this.options.inputName], this.options, this.caretPosition, true\r\n );\r\n\r\n if(debug)\r\n console.log('Input changed:', this.input);\r\n\r\n /**\r\n * Enforce syncInstanceInputs, if set\r\n */\r\n if(this.options.syncInstanceInputs)\r\n this.syncInstanceInputs(this.input);\r\n\r\n /**\r\n * Calling onChange\r\n */\r\n if(typeof this.options.onChange === \"function\")\r\n this.options.onChange(this.input[this.options.inputName]);\r\n }\r\n \r\n if(debug){\r\n console.log(\"Key pressed:\", button);\r\n }\r\n }\r\n\r\n /**\r\n * Handles button mousedown\r\n */\r\n /* istanbul ignore next */\r\n handleButtonMouseDown(button, e){\r\n /**\r\n * @type {boolean} Whether the mouse is being held onKeyPress\r\n */\r\n this.isMouseHold = true;\r\n\r\n if(this.holdInteractionTimeout)\r\n clearTimeout(this.holdInteractionTimeout);\r\n\r\n if(this.holdTimeout)\r\n clearTimeout(this.holdTimeout);\r\n\r\n /**\r\n * @type {object} Time to wait until a key hold is detected\r\n */\r\n this.holdTimeout = setTimeout(() => {\r\n if(\r\n this.isMouseHold &&\r\n (\r\n (!button.includes(\"{\") && !button.includes(\"}\")) ||\r\n button === \"{bksp}\" ||\r\n button === \"{space}\" ||\r\n button === \"{tab}\"\r\n )\r\n ){\r\n if(this.options.debug)\r\n console.log(\"Button held:\", button);\r\n\r\n this.handleButtonHold(button, e);\r\n }\r\n clearTimeout(this.holdTimeout);\r\n }, 500);\r\n }\r\n\r\n /**\r\n * Handles button mouseup\r\n */\r\n handleButtonMouseUp(){\r\n this.isMouseHold = false;\r\n if(this.holdInteractionTimeout)\r\n clearTimeout(this.holdInteractionTimeout);\r\n }\r\n\r\n /**\r\n * Handles button hold\r\n */\r\n /* istanbul ignore next */\r\n handleButtonHold(button){\r\n if(this.holdInteractionTimeout)\r\n clearTimeout(this.holdInteractionTimeout);\r\n\r\n /**\r\n * @type {object} Timeout dictating the speed of key hold iterations\r\n */\r\n this.holdInteractionTimeout = setTimeout(() => {\r\n if(this.isMouseHold){\r\n this.handleButtonClicked(button);\r\n this.handleButtonHold(button);\r\n } else {\r\n clearTimeout(this.holdInteractionTimeout);\r\n }\r\n }, 100);\r\n }\r\n\r\n /**\r\n * Send a command to all simple-keyboard instances (if you have several instances).\r\n */\r\n syncInstanceInputs(){\r\n this.dispatch((instance) => {\r\n instance.replaceInput(this.input);\r\n });\r\n }\r\n \r\n /**\r\n * Clear the keyboard’s input.\r\n * @param {string} [inputName] optional - the internal input to select\r\n */\r\n clearInput(inputName){\r\n inputName = inputName || this.options.inputName;\r\n this.input[inputName] = '';\r\n\r\n /**\r\n * Enforce syncInstanceInputs, if set\r\n */\r\n if(this.options.syncInstanceInputs)\r\n this.syncInstanceInputs(this.input);\r\n }\r\n\r\n /**\r\n * Get the keyboard’s input (You can also get it from the onChange prop).\r\n * @param {string} [inputName] optional - the internal input to select\r\n */\r\n getInput(inputName){\r\n inputName = inputName || this.options.inputName;\r\n\r\n /**\r\n * Enforce syncInstanceInputs, if set\r\n */\r\n if(this.options.syncInstanceInputs)\r\n this.syncInstanceInputs(this.input);\r\n\r\n return this.input[this.options.inputName];\r\n }\r\n\r\n /**\r\n * Set the keyboard’s input.\r\n * @param {string} input the input value\r\n * @param {string} inputName optional - the internal input to select\r\n */\r\n setInput(input, inputName){\r\n inputName = inputName || this.options.inputName;\r\n this.input[inputName] = input;\r\n\r\n /**\r\n * Enforce syncInstanceInputs, if set\r\n */\r\n if(this.options.syncInstanceInputs)\r\n this.syncInstanceInputs(this.input);\r\n }\r\n \r\n /**\r\n * Replace the input object (`keyboard.input`)\r\n * @param {object} inputObj The input object\r\n */\r\n replaceInput(inputObj){\r\n this.input = inputObj;\r\n }\r\n\r\n /**\r\n * Set new option or modify existing ones after initialization. \r\n * @param {object} option The option to set\r\n */\r\n setOptions = option => {\r\n option = option || {};\r\n this.options = Object.assign(this.options, option);\r\n this.render();\r\n }\r\n\r\n /**\r\n * Remove all keyboard rows and reset keyboard values.\r\n * Used interally between re-renders.\r\n */\r\n clear(){\r\n this.keyboardDOM.innerHTML = '';\r\n this.keyboardDOM.className = this.keyboardDOMClass;\r\n this.buttonElements = {};\r\n }\r\n\r\n /**\r\n * Send a command to all simple-keyboard instances at once (if you have multiple instances).\r\n * @param {function(instance: object, key: string)} callback Function to run on every instance\r\n */\r\n dispatch(callback){\r\n if(!window['SimpleKeyboardInstances']){\r\n console.warn(`SimpleKeyboardInstances is not defined. Dispatch cannot be called.`);\r\n throw new Error(\"INSTANCES_VAR_ERROR\");\r\n }\r\n \r\n return Object.keys(window['SimpleKeyboardInstances']).forEach((key) => {\r\n callback(window['SimpleKeyboardInstances'][key], key);\r\n })\r\n }\r\n\r\n /**\r\n * Adds/Modifies an entry to the `buttonTheme`. Basically a way to add a class to a button.\r\n * @param {string} buttons List of buttons to select (separated by a space).\r\n * @param {string} className Classes to give to the selected buttons (separated by space).\r\n */\r\n addButtonTheme(buttons, className){\r\n if(!className || !buttons)\r\n return false;\r\n\r\n buttons.split(\" \").forEach(button => {\r\n className.split(\" \").forEach(classNameItem => {\r\n if(!this.options.buttonTheme)\r\n this.options.buttonTheme = [];\r\n\r\n let classNameFound = false;\r\n \r\n /**\r\n * If class is already defined, we add button to class definition\r\n */\r\n this.options.buttonTheme.map(buttonTheme => {\r\n\r\n if(buttonTheme.class.split(\" \").includes(classNameItem)){\r\n classNameFound = true;\r\n \r\n let buttonThemeArray = buttonTheme.buttons.split(\" \");\r\n if(!buttonThemeArray.includes(button)){\r\n classNameFound = true;\r\n buttonThemeArray.push(button);\r\n buttonTheme.buttons = buttonThemeArray.join(\" \");\r\n }\r\n }\r\n return buttonTheme;\r\n });\r\n\r\n /**\r\n * If class is not defined, we create a new entry\r\n */\r\n if(!classNameFound){\r\n this.options.buttonTheme.push({\r\n class: classNameItem,\r\n buttons: buttons\r\n });\r\n }\r\n\r\n });\r\n });\r\n\r\n this.render();\r\n }\r\n\r\n /**\r\n * Removes/Amends an entry to the `buttonTheme`. Basically a way to remove a class previously added to a button through buttonTheme or addButtonTheme.\r\n * @param {string} buttons List of buttons to select (separated by a space).\r\n * @param {string} className Classes to give to the selected buttons (separated by space).\r\n */\r\n removeButtonTheme(buttons, className){\r\n /**\r\n * When called with empty parameters, remove all button themes\r\n */\r\n if(!buttons && !className){\r\n this.options.buttonTheme = [];\r\n this.render();\r\n return false;\r\n }\r\n\r\n /**\r\n * If buttons are passed and buttonTheme has items\r\n */\r\n if(buttons && Array.isArray(this.options.buttonTheme) && this.options.buttonTheme.length){\r\n let buttonArray = buttons.split(\" \");\r\n buttonArray.forEach((button, key) => {\r\n this.options.buttonTheme.map((buttonTheme, index) => {\r\n\r\n /**\r\n * If className is set, we affect the buttons only for that class\r\n * Otherwise, we afect all classes\r\n */\r\n if(\r\n (className && className.includes(buttonTheme.class)) ||\r\n !className\r\n ){\r\n let filteredButtonArray = buttonTheme.buttons.split(\" \").filter(item => item !== button);\r\n\r\n /**\r\n * If buttons left, return them, otherwise, remove button Theme\r\n */\r\n if(filteredButtonArray.length){\r\n buttonTheme.buttons = filteredButtonArray.join(\" \");\r\n } else {\r\n this.options.buttonTheme.splice(index, 1);\r\n buttonTheme = null;\r\n }\r\n \r\n }\r\n\r\n return buttonTheme;\r\n });\r\n });\r\n\r\n this.render();\r\n }\r\n }\r\n\r\n /**\r\n * Get the DOM Element of a button. If there are several buttons with the same name, an array of the DOM Elements is returned.\r\n * @param {string} button The button layout name to select\r\n */\r\n getButtonElement(button){\r\n let output;\r\n\r\n let buttonArr = this.buttonElements[button];\r\n if(buttonArr){\r\n if(buttonArr.length > 1){\r\n output = buttonArr;\r\n } else {\r\n output = buttonArr[0];\r\n }\r\n }\r\n\r\n return output;\r\n }\r\n\r\n /**\r\n * Retrieves the current cursor position within a input or textarea (if any)\r\n */\r\n handleCaret(){\r\n /**\r\n * Only first instance should insall the caret handling events\r\n */\r\n this.caretPosition = null;\r\n let simpleKeyboardInstances = window['SimpleKeyboardInstances'];\r\n\r\n if(\r\n (\r\n simpleKeyboardInstances &&\r\n Object.keys(simpleKeyboardInstances)[0] === this.utilities.camelCase(this.keyboardDOMClass)\r\n ) ||\r\n !simpleKeyboardInstances\r\n ){\r\n if(this.options.debug){\r\n console.log(`Caret handling started (${this.keyboardDOMClass})`)\r\n }\r\n\r\n document.addEventListener(\"keyup\", this.caretEventHandler);\r\n document.addEventListener(\"mouseup\", this.caretEventHandler);\r\n document.addEventListener(\"touchend\", this.caretEventHandler);\r\n }\r\n }\r\n\r\n /**\r\n * Called by {@link handleCaret} when an event that warrants a cursor position update is triggered\r\n */\r\n caretEventHandler(event){\r\n let targetTagName;\r\n if(event.target.tagName){\r\n targetTagName = event.target.tagName.toLowerCase();\r\n }\r\n\r\n this.dispatch(instance => {\r\n if(instance.isMouseHold){\r\n instance.isMouseHold = false;\r\n }\r\n\r\n if(\r\n (targetTagName === \"textarea\" ||\r\n targetTagName === \"input\") &&\r\n !instance.options.disableCaretPositioning\r\n ){\r\n /**\r\n * Tracks current cursor position\r\n * As keys are pressed, text will be added/removed at that position within the input.\r\n */\r\n instance.caretPosition = event.target.selectionStart;\r\n\r\n if(instance.options.debug){\r\n console.log(\"Caret at: \", event.target.selectionStart, event.target.tagName.toLowerCase(), `(${instance.keyboardDOMClass})`);\r\n } \r\n }\r\n });\r\n }\r\n\r\n /**\r\n * Executes the callback function once simple-keyboard is rendered for the first time (on initialization).\r\n */\r\n onInit(){\r\n if(this.options.debug){\r\n console.log(`${this.keyboardDOMClass} Initialized`)\r\n }\r\n\r\n /**\r\n * Caret handling\r\n */\r\n this.handleCaret();\r\n\r\n if(typeof this.options.onInit === \"function\")\r\n this.options.onInit();\r\n }\r\n\r\n /**\r\n * Executes the callback function every time simple-keyboard is rendered (e.g: when you change layouts).\r\n */\r\n onRender(){\r\n if(typeof this.options.onRender === \"function\")\r\n this.options.onRender();\r\n }\r\n\r\n /**\r\n * Executes the callback function once all modules have been loaded\r\n */\r\n onModulesLoaded(){\r\n if(typeof this.options.onModulesLoaded === \"function\")\r\n this.options.onModulesLoaded();\r\n }\r\n\r\n /**\r\n * Register module\r\n */\r\n registerModule = (name, initCallback) => {\r\n if(!this.modules[name])\r\n this.modules[name] = {};\r\n\r\n initCallback(this.modules[name]);\r\n }\r\n\r\n /**\r\n * Load modules\r\n */\r\n loadModules(){\r\n if(Array.isArray(this.options.modules)){\r\n this.options.modules.forEach(Module => {\r\n let module = new Module();\r\n\r\n /* istanbul ignore next */\r\n if(module.constructor.name && module.constructor.name !== \"Function\"){\r\n let classStr = `module-${this.utilities.camelCase(module.constructor.name)}`;\r\n this.keyboardPluginClasses = this.keyboardPluginClasses + ` ${classStr}`;\r\n }\r\n\r\n module.init(this);\r\n });\r\n\r\n this.keyboardPluginClasses = this.keyboardPluginClasses + \" modules-loaded\";\r\n\r\n this.render();\r\n this.onModulesLoaded();\r\n }\r\n }\r\n\r\n /**\r\n * Get module prop\r\n */\r\n getModuleProp = (name, prop) => {\r\n if(!this.modules[name])\r\n return false;\r\n \r\n return this.modules[name][prop];\r\n }\r\n\r\n /**\r\n * getModulesList\r\n */\r\n getModulesList = () => {\r\n return Object.keys(this.modules);\r\n }\r\n\r\n /**\r\n * Renders rows and buttons as per options\r\n */\r\n render(){\r\n /**\r\n * Clear keyboard\r\n */\r\n this.clear();\r\n\r\n let layoutClass = this.options.layout ? \"hg-layout-custom\" : `hg-layout-${this.options.layoutName}`;\r\n let layout = this.options.layout || KeyboardLayout.getDefaultLayout();\r\n let useTouchEvents = this.options.useTouchEvents || false\r\n\r\n /**\r\n * Account for buttonTheme, if set\r\n */\r\n let buttonThemesParsed = {};\r\n if(Array.isArray(this.options.buttonTheme)){\r\n this.options.buttonTheme.forEach(themeObj => {\r\n if(themeObj.buttons && themeObj.class){\r\n let themeButtons;\r\n\r\n if(typeof themeObj.buttons === \"string\"){\r\n themeButtons = themeObj.buttons.split(\" \");\r\n }\r\n\r\n if(themeButtons){\r\n themeButtons.forEach(themeButton => {\r\n let themeParsed = buttonThemesParsed[themeButton];\r\n\r\n // If the button has already been added\r\n if(themeParsed){\r\n // Making sure we don't add duplicate classes, even when buttonTheme has duplicates\r\n if(!this.utilities.countInArray(themeParsed.split(\" \"), themeObj.class)){\r\n buttonThemesParsed[themeButton] = `${themeParsed} ${themeObj.class}`;\r\n }\r\n } else {\r\n buttonThemesParsed[themeButton] = themeObj.class;\r\n }\r\n });\r\n }\r\n } else {\r\n console.warn(`buttonTheme row is missing the \"buttons\" or the \"class\". Please check the documentation.`)\r\n }\r\n });\r\n }\r\n\r\n /**\r\n * Adding themeClass, layoutClass to keyboardDOM\r\n */\r\n this.keyboardDOM.className += ` ${this.options.theme} ${layoutClass} ${this.keyboardPluginClasses}`;\r\n\r\n /**\r\n * Iterating through each row\r\n */\r\n layout[this.options.layoutName].forEach((row, rIndex) => {\r\n let rowArray = row.split(\" \");\r\n\r\n /**\r\n * Creating empty row\r\n */\r\n let rowDOM = document.createElement(\"div\");\r\n rowDOM.className += \"hg-row\";\r\n\r\n /**\r\n * Iterating through each button in row\r\n */\r\n rowArray.forEach((button, bIndex) => {\r\n let fctBtnClass = this.utilities.getButtonClass(button);\r\n let buttonThemeClass = buttonThemesParsed[button];\r\n let buttonDisplayName = this.utilities.getButtonDisplayName(button, this.options.display, this.options.mergeDisplay);\r\n\r\n /**\r\n * Creating button\r\n */\r\n let buttonType = this.options.useButtonTag ? \"button\" : \"div\";\r\n let buttonDOM = document.createElement(buttonType);\r\n buttonDOM.className += `hg-button ${fctBtnClass}${buttonThemeClass ? \" \"+buttonThemeClass : \"\"}`;\r\n \r\n if (useTouchEvents) {\r\n buttonDOM.ontouchstart = (e) => {\r\n this.handleButtonClicked(button);\r\n this.handleButtonMouseDown(button, e);\r\n }\r\n buttonDOM.ontouchend = e => this.handleButtonMouseUp();\r\n buttonDOM.ontouchcancel = e => this.handleButtonMouseUp();\r\n } else {\r\n buttonDOM.onclick = () => {\r\n this.isMouseHold = false;\r\n this.handleButtonClicked(button);\r\n }\r\n buttonDOM.onmousedown = (e) => {\r\n if (this.options.preventMouseDownDefault) e.preventDefault();\r\n this.handleButtonMouseDown(button, e);\r\n }\r\n }\r\n \r\n /**\r\n * Adding identifier\r\n */\r\n buttonDOM.setAttribute(\"data-skBtn\", button);\r\n\r\n /**\r\n * Adding unique id\r\n * Since there's no limit on spawning same buttons, the unique id ensures you can style every button\r\n */\r\n let buttonUID = `${this.options.layoutName}-r${rIndex}b${bIndex}`;\r\n buttonDOM.setAttribute(\"data-skBtnUID\", buttonUID);\r\n\r\n /**\r\n * Adding display label\r\n */\r\n buttonDOM.setAttribute(\"data-displayLabel\", buttonDisplayName);\r\n\r\n /**\r\n * Adding button label to button\r\n */\r\n let buttonSpanDOM = document.createElement('span');\r\n buttonSpanDOM.innerHTML = buttonDisplayName;\r\n buttonDOM.appendChild(buttonSpanDOM);\r\n\r\n /**\r\n * Adding to buttonElements\r\n */\r\n if(!this.buttonElements[button])\r\n this.buttonElements[button] = [];\r\n\r\n this.buttonElements[button].push(buttonDOM);\r\n\r\n /**\r\n * Appending button to row\r\n */\r\n rowDOM.appendChild(buttonDOM);\r\n\r\n });\r\n\r\n /**\r\n * Appending row to keyboard\r\n */\r\n this.keyboardDOM.appendChild(rowDOM);\r\n });\r\n\r\n /**\r\n * Calling onRender\r\n */\r\n this.onRender();\r\n\r\n if(!this.initialized){\r\n /**\r\n * Ensures that onInit is only called once per instantiation\r\n */\r\n this.initialized = true;\r\n\r\n /**\r\n * Handling mouseup\r\n */\r\n if (!useTouchEvents) {\r\n document.onmouseup = () => this.handleButtonMouseUp();\r\n }\r\n\r\n /**\r\n * Calling onInit\r\n */\r\n this.onInit();\r\n }\r\n }\r\n}\r\n\r\nexport default SimpleKeyboard;\r\n","import SimpleKeyboard from './components/Keyboard';\r\nexport default SimpleKeyboard;\r\n"],"sourceRoot":""} \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 58c9f427..fa5fb4d3 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "simple-keyboard", - "version": "2.11.9", + "version": "2.12.0", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/package.json b/package.json index 04efa044..9dd29e14 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "simple-keyboard", - "version": "2.11.9", + "version": "2.12.0", "description": "On-screen Javascript Virtual Keyboard", "main": "build/index.js", "types": "build/index.d.ts", diff --git a/src/demo/App.js b/src/demo/App.js index c7d8043d..de333566 100644 --- a/src/demo/App.js +++ b/src/demo/App.js @@ -31,7 +31,7 @@ class App { onChange: input => this.onChange(input), onKeyPress: button => this.onKeyPress(button), newLineOnEnter: true, - physicalKeyboardHighlight: true, + physicalKeyboardHighlight: true }); /** diff --git a/src/lib/@types/index.d.ts b/src/lib/@types/index.d.ts index f7daf5b4..32659299 100644 --- a/src/lib/@types/index.d.ts +++ b/src/lib/@types/index.d.ts @@ -96,6 +96,11 @@ declare module 'simple-keyboard' { */ physicalKeyboardHighlightBgColor?: string; + /** + * Render buttons as a button element instead of a div element. + */ + useButtonTag?: boolean; + /** * Executes the callback function on key press. Returns button layout name (i.e.: "{shift}"). */ diff --git a/src/lib/components/Keyboard.css b/src/lib/components/Keyboard.css index aef3b8ba..8d0cde4b 100644 --- a/src/lib/components/Keyboard.css +++ b/src/lib/components/Keyboard.css @@ -57,6 +57,13 @@ body, html { justify-content: center; } + /* When using option "useButtonTag" */ + .simple-keyboard button.hg-button { + border-width: 0; + outline: 0; + font-size: inherit; +} + .simple-keyboard.hg-theme-default .hg-button:active { background: #e4e4e4; } diff --git a/src/lib/components/Keyboard.js b/src/lib/components/Keyboard.js index 491f9b4b..1071e685 100644 --- a/src/lib/components/Keyboard.js +++ b/src/lib/components/Keyboard.js @@ -18,7 +18,7 @@ class SimpleKeyboard { * @param {Array} params If first parameter is a string, it is considered the container class. The second parameter is then considered the options object. If first parameter is an object, it is considered the options object. */ constructor(...params){ - let keyboardDOMQuery = typeof params[0] === "string" ? params[0] : '.simple-keyboard'; + let keyboardDOMQuery = typeof params[0] === "string" ? params[0] : ".simple-keyboard"; let options = typeof params[0] === "object" ? params[0] : params[1]; if(!options) @@ -58,6 +58,7 @@ class SimpleKeyboard { * @property {function} onRender Executes the callback function every time simple-keyboard is rendered (e.g: when you change layouts). * @property {function} onInit Executes the callback function once simple-keyboard is rendered for the first time (on initialization). * @property {function(inputs: object):object} onChangeAll Executes the callback function on input change. Returns the input object with all defined inputs. + * @property {boolean} useButtonTag Render buttons as a button element instead of a div element. */ this.options = options; this.options.layoutName = this.options.layoutName || "default"; @@ -555,7 +556,7 @@ class SimpleKeyboard { instance.caretPosition = event.target.selectionStart; if(instance.options.debug){ - console.log('Caret at: ', event.target.selectionStart, event.target.tagName.toLowerCase(), `(${instance.keyboardDOMClass})`); + console.log("Caret at: ", event.target.selectionStart, event.target.tagName.toLowerCase(), `(${instance.keyboardDOMClass})`); } } }); @@ -621,7 +622,7 @@ class SimpleKeyboard { module.init(this); }); - this.keyboardPluginClasses = this.keyboardPluginClasses + ' modules-loaded'; + this.keyboardPluginClasses = this.keyboardPluginClasses + " modules-loaded"; this.render(); this.onModulesLoaded(); @@ -668,7 +669,7 @@ class SimpleKeyboard { let themeButtons; if(typeof themeObj.buttons === "string"){ - themeButtons = themeObj.buttons.split(' '); + themeButtons = themeObj.buttons.split(" "); } if(themeButtons){ @@ -701,12 +702,12 @@ class SimpleKeyboard { * Iterating through each row */ layout[this.options.layoutName].forEach((row, rIndex) => { - let rowArray = row.split(' '); + let rowArray = row.split(" "); /** * Creating empty row */ - var rowDOM = document.createElement('div'); + let rowDOM = document.createElement("div"); rowDOM.className += "hg-row"; /** @@ -720,7 +721,8 @@ class SimpleKeyboard { /** * Creating button */ - var buttonDOM = document.createElement('div'); + let buttonType = this.options.useButtonTag ? "button" : "div"; + let buttonDOM = document.createElement(buttonType); buttonDOM.className += `hg-button ${fctBtnClass}${buttonThemeClass ? " "+buttonThemeClass : ""}`; if (useTouchEvents) { @@ -761,7 +763,7 @@ class SimpleKeyboard { /** * Adding button label to button */ - var buttonSpanDOM = document.createElement('span'); + let buttonSpanDOM = document.createElement('span'); buttonSpanDOM.innerHTML = buttonDisplayName; buttonDOM.appendChild(buttonSpanDOM); diff --git a/src/lib/components/tests/Keyboard.test.js b/src/lib/components/tests/Keyboard.test.js index dff7dfba..a8ecc43b 100644 --- a/src/lib/components/tests/Keyboard.test.js +++ b/src/lib/components/tests/Keyboard.test.js @@ -137,7 +137,9 @@ it('Keyboard onKeyPress will work', () => { it('Keyboard standard function buttons will not change input', () => { testUtil.setDOM(); - let keyboard = new Keyboard(); + let keyboard = new Keyboard({ + useButtonTag: true + }); testUtil.iterateButtons((button) => { if(button.getAttribute("data-skbtn") === "{shift}"){