diff --git a/build/css/index.css b/build/css/index.css index 140c288d..2bb146cf 100644 --- a/build/css/index.css +++ b/build/css/index.css @@ -1,6 +1,6 @@ /*! * - * simple-keyboard v2.32.67 + * simple-keyboard v2.32.68 * https://github.com/hodgef/simple-keyboard * * Copyright (c) Francisco Hodge (https://github.com/hodgef) diff --git a/build/css/index.css.map b/build/css/index.css.map index a5d222ae..bf7e62e6 100644 --- a/build/css/index.css.map +++ b/build/css/index.css.map @@ -1 +1 @@ -{"version":3,"sources":["index.css","webpack://./src/lib/components/Keyboard.css"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE,CCNF,kBACE,UAAW,CACX,wBAAiB,CAAjB,qBAAiB,CAAjB,oBAAiB,CAAjB,gBAAiB,CACjB,qBAAsB,CACtB,eAAgB,CAChB,yBACF,CAEA,kCACE,mBACF,CAGA,mCACE,cAAe,CACf,SAAU,CACV,iBACF,CAEA,kBACE,oHAC+C,CAC/C,wBAAyB,CACzB,WAAY,CACZ,iBACF,CAEA,6BACE,oBAAqB,CACrB,WAEF,CAEA,0BACE,YACF,CAEA,2CACE,iBACF,CAMA,qGACE,gBACF,CAEA,yCACE,cACF,CAEA,+CACE,YACF,CAEA,6BACE,sCAA+C,CAC/C,WAAY,CACZ,iBAAkB,CAClB,qBAAsB,CACtB,WAAY,CACZ,eAAiB,CACjB,+BAAgC,CAChC,cAAe,CACf,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CACvB,yCACF,CAEA,6CACE,kBACF,CAEA,+CACE,WAAY,CACZ,WAAY,CACZ,kBAAmB,CACnB,YAAa,CACb,sBACF,CAMA,oGACE,WACF,CAEA,+CACE,WACF,CAEA,2CACE,cACF,CAEA,yDACE,cACF,CAEA,+CACE,4BAAiC,CACjC,UACF,CAEA,+DACE,cACF,CAEA,4DACE,cACF","file":"index.css","sourcesContent":["/*!\n * \n * simple-keyboard v2.32.67\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 */\n/**\n * simple-keyboard\n * Theme: hg-theme-default\n */\n.hg-theme-default {\n width: 100%;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n box-sizing: border-box;\n overflow: hidden;\n touch-action: manipulation;\n}\n\n.hg-theme-default .hg-button span {\n pointer-events: none;\n}\n\n/* When using option \"useButtonTag\" */\n.hg-theme-default button.hg-button {\n border-width: 0;\n outline: 0;\n font-size: inherit;\n}\n\n.hg-theme-default {\n font-family: \"HelveticaNeue-Light\", \"Helvetica Neue Light\", \"Helvetica Neue\",\n Helvetica, Arial, \"Lucida Grande\", sans-serif;\n background-color: #ececec;\n padding: 5px;\n border-radius: 5px;\n}\n\n.hg-theme-default .hg-button {\n display: inline-block;\n flex-grow: 1;\n cursor: pointer;\n}\n\n.hg-theme-default .hg-row {\n display: flex;\n}\n\n.hg-theme-default .hg-row:not(:last-child) {\n margin-bottom: 5px;\n}\n\n.hg-theme-default .hg-row .hg-button:not(:last-child) {\n margin-right: 5px;\n}\n\n.hg-theme-default .hg-row .hg-button-container {\n margin-right: 5px;\n}\n\n.hg-theme-default .hg-row > div:last-child {\n margin-right: 0;\n}\n\n.hg-theme-default .hg-row .hg-button-container {\n display: flex;\n}\n\n.hg-theme-default .hg-button {\n box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.3);\n height: 40px;\n border-radius: 5px;\n box-sizing: border-box;\n padding: 5px;\n background: white;\n border-bottom: 1px solid #b5b5b5;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n.hg-theme-default .hg-button.hg-activeButton {\n background: #efefef;\n}\n\n.hg-theme-default.hg-layout-numeric .hg-button {\n width: 33.3%;\n height: 60px;\n align-items: center;\n display: flex;\n justify-content: center;\n}\n\n.hg-theme-default .hg-button.hg-button-numpadadd {\n height: 85px;\n}\n\n.hg-theme-default .hg-button.hg-button-numpadenter {\n height: 85px;\n}\n\n.hg-theme-default .hg-button.hg-button-numpad0 {\n width: 105px;\n}\n\n.hg-theme-default .hg-button.hg-button-com {\n max-width: 85px;\n}\n\n.hg-theme-default .hg-button.hg-standardBtn.hg-button-at {\n max-width: 45px;\n}\n\n.hg-theme-default .hg-button.hg-selectedButton {\n background: rgba(5, 25, 70, 0.53);\n color: white;\n}\n\n.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=\".com\"] {\n max-width: 82px;\n}\n\n.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=\"@\"] {\n max-width: 60px;\n}\n\n","/**\n * simple-keyboard\n * Theme: hg-theme-default\n */\n.hg-theme-default {\n width: 100%;\n user-select: none;\n box-sizing: border-box;\n overflow: hidden;\n touch-action: manipulation;\n}\n\n.hg-theme-default .hg-button span {\n pointer-events: none;\n}\n\n/* When using option \"useButtonTag\" */\n.hg-theme-default button.hg-button {\n border-width: 0;\n outline: 0;\n font-size: inherit;\n}\n\n.hg-theme-default {\n font-family: \"HelveticaNeue-Light\", \"Helvetica Neue Light\", \"Helvetica Neue\",\n Helvetica, Arial, \"Lucida Grande\", sans-serif;\n background-color: #ececec;\n padding: 5px;\n border-radius: 5px;\n}\n\n.hg-theme-default .hg-button {\n display: inline-block;\n flex-grow: 1;\n cursor: pointer;\n}\n\n.hg-theme-default .hg-row {\n display: flex;\n}\n\n.hg-theme-default .hg-row:not(:last-child) {\n margin-bottom: 5px;\n}\n\n.hg-theme-default .hg-row .hg-button:not(:last-child) {\n margin-right: 5px;\n}\n\n.hg-theme-default .hg-row .hg-button-container {\n margin-right: 5px;\n}\n\n.hg-theme-default .hg-row > div:last-child {\n margin-right: 0;\n}\n\n.hg-theme-default .hg-row .hg-button-container {\n display: flex;\n}\n\n.hg-theme-default .hg-button {\n box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.3);\n height: 40px;\n border-radius: 5px;\n box-sizing: border-box;\n padding: 5px;\n background: white;\n border-bottom: 1px solid #b5b5b5;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n.hg-theme-default .hg-button.hg-activeButton {\n background: #efefef;\n}\n\n.hg-theme-default.hg-layout-numeric .hg-button {\n width: 33.3%;\n height: 60px;\n align-items: center;\n display: flex;\n justify-content: center;\n}\n\n.hg-theme-default .hg-button.hg-button-numpadadd {\n height: 85px;\n}\n\n.hg-theme-default .hg-button.hg-button-numpadenter {\n height: 85px;\n}\n\n.hg-theme-default .hg-button.hg-button-numpad0 {\n width: 105px;\n}\n\n.hg-theme-default .hg-button.hg-button-com {\n max-width: 85px;\n}\n\n.hg-theme-default .hg-button.hg-standardBtn.hg-button-at {\n max-width: 45px;\n}\n\n.hg-theme-default .hg-button.hg-selectedButton {\n background: rgba(5, 25, 70, 0.53);\n color: white;\n}\n\n.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=\".com\"] {\n max-width: 82px;\n}\n\n.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=\"@\"] {\n max-width: 60px;\n}\n"]} \ No newline at end of file +{"version":3,"sources":["index.css","webpack://./src/lib/components/Keyboard.css"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE,CCNF,kBACE,UAAW,CACX,wBAAiB,CAAjB,qBAAiB,CAAjB,oBAAiB,CAAjB,gBAAiB,CACjB,qBAAsB,CACtB,eAAgB,CAChB,yBACF,CAEA,kCACE,mBACF,CAGA,mCACE,cAAe,CACf,SAAU,CACV,iBACF,CAEA,kBACE,oHAC+C,CAC/C,wBAAyB,CACzB,WAAY,CACZ,iBACF,CAEA,6BACE,oBAAqB,CACrB,WAEF,CAEA,0BACE,YACF,CAEA,2CACE,iBACF,CAMA,qGACE,gBACF,CAEA,yCACE,cACF,CAEA,+CACE,YACF,CAEA,6BACE,sCAA+C,CAC/C,WAAY,CACZ,iBAAkB,CAClB,qBAAsB,CACtB,WAAY,CACZ,eAAiB,CACjB,+BAAgC,CAChC,cAAe,CACf,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CACvB,yCACF,CAEA,6CACE,kBACF,CAEA,+CACE,WAAY,CACZ,WAAY,CACZ,kBAAmB,CACnB,YAAa,CACb,sBACF,CAMA,oGACE,WACF,CAEA,+CACE,WACF,CAEA,2CACE,cACF,CAEA,yDACE,cACF,CAEA,+CACE,4BAAiC,CACjC,UACF,CAEA,+DACE,cACF,CAEA,4DACE,cACF","file":"index.css","sourcesContent":["/*!\n * \n * simple-keyboard v2.32.68\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 */\n/**\n * simple-keyboard\n * Theme: hg-theme-default\n */\n.hg-theme-default {\n width: 100%;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n box-sizing: border-box;\n overflow: hidden;\n touch-action: manipulation;\n}\n\n.hg-theme-default .hg-button span {\n pointer-events: none;\n}\n\n/* When using option \"useButtonTag\" */\n.hg-theme-default button.hg-button {\n border-width: 0;\n outline: 0;\n font-size: inherit;\n}\n\n.hg-theme-default {\n font-family: \"HelveticaNeue-Light\", \"Helvetica Neue Light\", \"Helvetica Neue\",\n Helvetica, Arial, \"Lucida Grande\", sans-serif;\n background-color: #ececec;\n padding: 5px;\n border-radius: 5px;\n}\n\n.hg-theme-default .hg-button {\n display: inline-block;\n flex-grow: 1;\n cursor: pointer;\n}\n\n.hg-theme-default .hg-row {\n display: flex;\n}\n\n.hg-theme-default .hg-row:not(:last-child) {\n margin-bottom: 5px;\n}\n\n.hg-theme-default .hg-row .hg-button:not(:last-child) {\n margin-right: 5px;\n}\n\n.hg-theme-default .hg-row .hg-button-container {\n margin-right: 5px;\n}\n\n.hg-theme-default .hg-row > div:last-child {\n margin-right: 0;\n}\n\n.hg-theme-default .hg-row .hg-button-container {\n display: flex;\n}\n\n.hg-theme-default .hg-button {\n box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.3);\n height: 40px;\n border-radius: 5px;\n box-sizing: border-box;\n padding: 5px;\n background: white;\n border-bottom: 1px solid #b5b5b5;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n.hg-theme-default .hg-button.hg-activeButton {\n background: #efefef;\n}\n\n.hg-theme-default.hg-layout-numeric .hg-button {\n width: 33.3%;\n height: 60px;\n align-items: center;\n display: flex;\n justify-content: center;\n}\n\n.hg-theme-default .hg-button.hg-button-numpadadd {\n height: 85px;\n}\n\n.hg-theme-default .hg-button.hg-button-numpadenter {\n height: 85px;\n}\n\n.hg-theme-default .hg-button.hg-button-numpad0 {\n width: 105px;\n}\n\n.hg-theme-default .hg-button.hg-button-com {\n max-width: 85px;\n}\n\n.hg-theme-default .hg-button.hg-standardBtn.hg-button-at {\n max-width: 45px;\n}\n\n.hg-theme-default .hg-button.hg-selectedButton {\n background: rgba(5, 25, 70, 0.53);\n color: white;\n}\n\n.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=\".com\"] {\n max-width: 82px;\n}\n\n.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=\"@\"] {\n max-width: 60px;\n}\n\n","/**\n * simple-keyboard\n * Theme: hg-theme-default\n */\n.hg-theme-default {\n width: 100%;\n user-select: none;\n box-sizing: border-box;\n overflow: hidden;\n touch-action: manipulation;\n}\n\n.hg-theme-default .hg-button span {\n pointer-events: none;\n}\n\n/* When using option \"useButtonTag\" */\n.hg-theme-default button.hg-button {\n border-width: 0;\n outline: 0;\n font-size: inherit;\n}\n\n.hg-theme-default {\n font-family: \"HelveticaNeue-Light\", \"Helvetica Neue Light\", \"Helvetica Neue\",\n Helvetica, Arial, \"Lucida Grande\", sans-serif;\n background-color: #ececec;\n padding: 5px;\n border-radius: 5px;\n}\n\n.hg-theme-default .hg-button {\n display: inline-block;\n flex-grow: 1;\n cursor: pointer;\n}\n\n.hg-theme-default .hg-row {\n display: flex;\n}\n\n.hg-theme-default .hg-row:not(:last-child) {\n margin-bottom: 5px;\n}\n\n.hg-theme-default .hg-row .hg-button:not(:last-child) {\n margin-right: 5px;\n}\n\n.hg-theme-default .hg-row .hg-button-container {\n margin-right: 5px;\n}\n\n.hg-theme-default .hg-row > div:last-child {\n margin-right: 0;\n}\n\n.hg-theme-default .hg-row .hg-button-container {\n display: flex;\n}\n\n.hg-theme-default .hg-button {\n box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.3);\n height: 40px;\n border-radius: 5px;\n box-sizing: border-box;\n padding: 5px;\n background: white;\n border-bottom: 1px solid #b5b5b5;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n.hg-theme-default .hg-button.hg-activeButton {\n background: #efefef;\n}\n\n.hg-theme-default.hg-layout-numeric .hg-button {\n width: 33.3%;\n height: 60px;\n align-items: center;\n display: flex;\n justify-content: center;\n}\n\n.hg-theme-default .hg-button.hg-button-numpadadd {\n height: 85px;\n}\n\n.hg-theme-default .hg-button.hg-button-numpadenter {\n height: 85px;\n}\n\n.hg-theme-default .hg-button.hg-button-numpad0 {\n width: 105px;\n}\n\n.hg-theme-default .hg-button.hg-button-com {\n max-width: 85px;\n}\n\n.hg-theme-default .hg-button.hg-standardBtn.hg-button-at {\n max-width: 45px;\n}\n\n.hg-theme-default .hg-button.hg-selectedButton {\n background: rgba(5, 25, 70, 0.53);\n color: white;\n}\n\n.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=\".com\"] {\n max-width: 82px;\n}\n\n.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=\"@\"] {\n max-width: 60px;\n}\n"]} \ No newline at end of file diff --git a/build/index.d.ts b/build/index.d.ts index 46c3ce71..4d0f8805 100644 --- a/build/index.d.ts +++ b/build/index.d.ts @@ -312,6 +312,11 @@ declare module 'simple-keyboard' { * Clears keyboard listeners and DOM elements. */ destroy(): void; + + /** + * Iterate on each button (ForEach) + */ + recurseButtons(fn: any): void; } export default Keyboard; diff --git a/build/index.js b/build/index.js index ec1e5d7b..70afb58b 100644 --- a/build/index.js +++ b/build/index.js @@ -1,6 +1,6 @@ /*! * - * simple-keyboard v2.32.67 + * simple-keyboard v2.32.68 * 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()}(this,(function(){return function(t){var e={};function __webpack_require__(n){if(e[n])return e[n].exports;var o=e[n]={i:n,l:!1,exports:{}};return t[n].call(o.exports,o,o.exports,__webpack_require__),o.l=!0,o.exports}return __webpack_require__.m=t,__webpack_require__.c=e,__webpack_require__.d=function(t,e,n){__webpack_require__.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},__webpack_require__.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},__webpack_require__.t=function(t,e){if(1&e&&(t=__webpack_require__(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(__webpack_require__.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)__webpack_require__.d(n,o,function(e){return t[e]}.bind(null,o));return n},__webpack_require__.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return __webpack_require__.d(e,"a",e),e},__webpack_require__.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},__webpack_require__.p="/",__webpack_require__(__webpack_require__.s=0)}([function(t,e,n){t.exports=n(1)},function(t,e,n){"use strict";n.r(e);function _createForOfIteratorHelper(t,e){var n;if("undefined"===typeof Symbol||null==t[Symbol.iterator]){if(Array.isArray(t)||(n=function(t,e){if(!t)return;if("string"===typeof t)return _arrayLikeToArray(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(t,e)}(t))||e&&t&&"number"===typeof t.length){n&&(t=n);var o=0,F=function(){};return{s:F,n:function(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function(t){throw t},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,s=!0,a=!1;return{s:function(){n=t[Symbol.iterator]()},n:function(){var t=n.next();return s=t.done,t},e:function(t){a=!0,i=t},f:function(){try{s||null==n.return||n.return()}finally{if(a)throw i}}}}function _arrayLikeToArray(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n3&&void 0!==arguments[3]?arguments[3]:n,i=arguments.length>4&&void 0!==arguments[4]&&arguments[4],s=this.getOptions(),a=[n,o,i],r=e;return("{bksp}"===t||"{backspace}"===t)&&r.length>0?r=this.removeAt.apply(this,[r].concat(a)):"{space}"===t?r=this.addStringAt.apply(this,[r," "].concat(a)):"{tab}"!==t||"boolean"===typeof s.tabCharOnTab&&!1===s.tabCharOnTab?"{enter}"!==t&&"{numpadenter}"!==t||!s.newLineOnEnter?t.includes("numpad")&&Number.isInteger(Number(t[t.length-2]))?r=this.addStringAt.apply(this,[r,t[t.length-2]].concat(a)):"{numpaddivide}"===t?r=this.addStringAt.apply(this,[r,"/"].concat(a)):"{numpadmultiply}"===t?r=this.addStringAt.apply(this,[r,"*"].concat(a)):"{numpadsubtract}"===t?r=this.addStringAt.apply(this,[r,"-"].concat(a)):"{numpadadd}"===t?r=this.addStringAt.apply(this,[r,"+"].concat(a)):"{numpaddecimal}"===t?r=this.addStringAt.apply(this,[r,"."].concat(a)):"{"===t||"}"===t?r=this.addStringAt.apply(this,[r,t].concat(a)):t.includes("{")||t.includes("}")||(r=this.addStringAt.apply(this,[r,t].concat(a))):r=this.addStringAt.apply(this,[r,"\n"].concat(a)):r=this.addStringAt.apply(this,[r,"\t"].concat(a)),r}},{key:"updateCaretPos",value:function(t,e){var n=this.updateCaretPosAction(t,e);this.dispatch((function(t){t.setCaretPosition(n)}))}},{key:"updateCaretPosAction",value:function(t,e){var n=this.getOptions(),o=this.getCaretPosition();return e?o>0&&(o-=t):o+=t,n.debug&&console.log("Caret at:",o,"(".concat(this.keyboardDOMClass,")")),o}},{key:"addStringAt",value:function(t,e){var n,o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:t.length,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:t.length,s=arguments.length>4&&void 0!==arguments[4]&&arguments[4];return o||0===o?(n=[t.slice(0,o),e,t.slice(i)].join(""),this.isMaxLengthReached()||s&&this.updateCaretPos(e.length)):n=t+e,n}},{key:"removeAt",value:function(t){var e,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t.length,o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:t.length,i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if(0===n&&0===o)return t;if(n===o){var s=/([\uD800-\uDBFF][\uDC00-\uDFFF])/g;n&&n>=0?t.substring(n-2,n).match(s)?(e=t.substr(0,n-2)+t.substr(n),i&&this.updateCaretPos(2,!0)):(e=t.substr(0,n-1)+t.substr(n),i&&this.updateCaretPos(1,!0)):t.slice(-2).match(s)?(e=t.slice(0,-2),i&&this.updateCaretPos(2,!0)):(e=t.slice(0,-1),i&&this.updateCaretPos(1,!0))}else e=t.slice(0,n)+t.slice(o),i&&this.dispatch((function(t){t.setCaretPosition(n)}));return e}},{key:"handleMaxLength",value:function(t,e){var n=this.getOptions(),o=n.maxLength,i=t[n.inputName],s=e.length-1>=o;if(e.length<=i.length)return!1;if(Number.isInteger(o))return n.debug&&console.log("maxLength (num) reached:",s),s?(this.maxLengthReached=!0,!0):(this.maxLengthReached=!1,!1);if("object"===_typeof(o)){var a=e.length-1>=o[n.inputName];return n.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:"isTouchDevice",value:function(){return"ontouchstart"in window||navigator.maxTouchPoints}},{key:"pointerEventsSupported",value:function(){return window.PointerEvent}},{key:"camelCase",value:function(t){return!!t&&t.toLowerCase().trim().split(/[.\-_\s]/g).reduce((function(t,e){return e.length?t+e[0].toUpperCase()+e.slice(1):t}))}}])&&_defineProperties(t.prototype,e),n&&_defineProperties(t,n),Utilities}();s=function(){},(i="noop")in(o=a)?Object.defineProperty(o,i,{value:s,enumerable:!0,configurable:!0,writable:!0}):o[i]=s;var r=a;function PhysicalKeyboard_defineProperties(t,e){for(var n=0;nt.length)&&(e=t.length);for(var n=0,o=new Array(e);n0&&void 0!==arguments[0]?arguments[0]:null,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;n&&(this.options.preventMouseUpDefault&&n.preventDefault(),this.options.stopMouseUpPropagation&&n.stopPropagation()),this.recurseButtons((function(e){e.classList.remove(t.activeButtonClass)})),this.isMouseHold=!1,this.holdInteractionTimeout&&clearTimeout(this.holdInteractionTimeout),e&&"function"===typeof this.options.onKeyReleased&&this.options.onKeyReleased(e)}},{key:"handleKeyboardContainerMouseDown",value:function(t){this.options.preventMouseDownDefault&&t.preventDefault()}},{key:"handleButtonHold",value:function(t){var e=this;this.holdInteractionTimeout&&clearTimeout(this.holdInteractionTimeout),this.holdInteractionTimeout=setTimeout((function(){e.isMouseHold?(e.handleButtonClicked(t),e.handleButtonHold(t)):clearTimeout(e.holdInteractionTimeout)}),100)}},{key:"syncInstanceInputs",value:function(){var t=this;this.dispatch((function(e){e.replaceInput(t.input),e.setCaretPosition(t.caretPosition,t.caretPositionEnd)}))}},{key:"clearInput",value:function(t){t=t||this.options.inputName,this.input[t]="",this.setCaretPosition(0),this.options.syncInstanceInputs&&this.syncInstanceInputs()}},{key:"getInput",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(t=t||this.options.inputName,this.options.syncInstanceInputs&&!e&&this.syncInstanceInputs(),this.options.rtl){var n=this.input[t].replace("\u202b","").replace("\u202c","");return"\u202b"+n+"\u202c"}return this.input[t]}},{key:"getAllInputs",value:function(){var t=this,e={};return Object.keys(this.input).forEach((function(n){e[n]=t.getInput(n,!0)})),e}},{key:"setInput",value:function(t,e){e=e||this.options.inputName,this.input[e]=t,this.options.syncInstanceInputs&&this.syncInstanceInputs()}},{key:"replaceInput",value:function(t){this.input=t}},{key:"setOptions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=this.changedOptions(t);this.options=Object.assign(this.options,t),e.length&&(this.options.debug&&console.log("changedOptions",e),this.onSetOptions(t),this.render())}},{key:"changedOptions",value:function(t){var e=this;return Object.keys(t).filter((function(n){return JSON.stringify(t[n])!==JSON.stringify(e.options[n])}))}},{key:"onSetOptions",value:function(t){t.inputName&&(this.options.debug&&console.log("inputName changed. caretPosition reset."),this.setCaretPosition(null))}},{key:"clear",value:function(){this.keyboardDOM.innerHTML="",this.keyboardDOM.className=this.keyboardDOMClass,this.buttonElements={}}},{key:"dispatch",value:function(t){if(!window.SimpleKeyboardInstances)throw console.warn("SimpleKeyboardInstances is not defined. Dispatch cannot be called."),new Error("INSTANCES_VAR_ERROR");return Object.keys(window.SimpleKeyboardInstances).forEach((function(e){t(window.SimpleKeyboardInstances[e],e)}))}},{key:"addButtonTheme",value:function(t,e){var n=this;if(!e||!t)return!1;t.split(" ").forEach((function(o){e.split(" ").forEach((function(e){n.options.buttonTheme||(n.options.buttonTheme=[]);var i=!1;n.options.buttonTheme.map((function(t){if(t.class.split(" ").includes(e)){i=!0;var n=t.buttons.split(" ");n.includes(o)||(i=!0,n.push(o),t.buttons=n.join(" "))}return t})),i||n.options.buttonTheme.push({class:e,buttons:t})}))})),this.render()}},{key:"removeButtonTheme",value:function(t,e){var n=this;if(!t&&!e)return this.options.buttonTheme=[],this.render(),!1;t&&Array.isArray(this.options.buttonTheme)&&this.options.buttonTheme.length&&(t.split(" ").forEach((function(t){n.options.buttonTheme.map((function(o,i){if(e&&e.includes(o.class)||!e){var s=o.buttons.split(" ").filter((function(e){return e!==t}));s.length?o.buttons=s.join(" "):(n.options.buttonTheme.splice(i,1),o=null)}return o}))})),this.render())}},{key:"getButtonElement",value:function(t){var e,n=this.buttonElements[t];return n&&(e=n.length>1?n:n[0]),e}},{key:"inputPatternIsValid",value:function(t){var e,n=this.options.inputPattern;if((e=n instanceof RegExp?n:n[this.options.inputName])&&t){var o=e.test(t);return this.options.debug&&console.log('inputPattern ("'.concat(e,'"): ').concat(o?"passed":"did not pass!")),o}return!0}},{key:"setEventListeners",value:function(){!this.isFirstKeyboardInstance&&this.allKeyboardInstances||(this.options.debug&&console.log("Caret handling started (".concat(this.keyboardDOMClass,")")),document.addEventListener("keyup",this.handleKeyUp),document.addEventListener("keydown",this.handleKeyDown),document.addEventListener("mouseup",this.handleMouseUp),document.addEventListener("touchend",this.handleTouchEnd))}},{key:"handleKeyUp",value:function(t){this.caretEventHandler(t),this.options.physicalKeyboardHighlight&&this.physicalKeyboard.handleHighlightKeyUp(t)}},{key:"handleKeyDown",value:function(t){this.options.physicalKeyboardHighlight&&this.physicalKeyboard.handleHighlightKeyDown(t)}},{key:"handleMouseUp",value:function(t){this.caretEventHandler(t)}},{key:"handleTouchEnd",value:function(t){this.caretEventHandler(t)}},{key:"caretEventHandler",value:function(t){var e;t.target.tagName&&(e=t.target.tagName.toLowerCase()),this.dispatch((function(n){var o=t.target===n.keyboardDOM||t.target&&n.keyboardDOM.contains(t.target);n.isMouseHold&&(n.isMouseHold=!1),"textarea"!==e&&"input"!==e||n.options.disableCaretPositioning?!n.options.disableCaretPositioning&&o||n.setCaretPosition(null):(n.setCaretPosition(t.target.selectionStart,t.target.selectionEnd),n.options.debug&&console.log("Caret at: ",n.getCaretPosition(),n.getCaretPositionEnd(),t&&t.target.tagName.toLowerCase(),"(".concat(n.keyboardDOMClass,")")))}))}},{key:"recurseButtons",value:function(t){var e=this;if(!t)return!1;Object.keys(this.buttonElements).forEach((function(n){return e.buttonElements[n].forEach(t)}))}},{key:"destroy",value:function(){this.options.debug&&console.log("Destroying simple-keyboard instance: ".concat(this.currentInstanceName)),document.removeEventListener("keyup",this.handleKeyUp),document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("mouseup",this.handleMouseUp),document.removeEventListener("touchend",this.handleTouchEnd),document.onpointerup=null,document.ontouchend=null,document.ontouchcancel=null,document.onmouseup=null;var deleteButton=function(t){t.onpointerdown=null,t.onpointerup=null,t.onpointercancel=null,t.ontouchstart=null,t.ontouchend=null,t.ontouchcancel=null,t.onclick=null,t.onmousedown=null,t.onmouseup=null,t.remove(),t=null};this.recurseButtons(deleteButton),this.recurseButtons=null,deleteButton=null,this.keyboardDOM.onpointerdown=null,this.keyboardDOM.ontouchstart=null,this.keyboardDOM.onmousedown=null,this.clear(),window.SimpleKeyboardInstances[this.currentInstanceName]=null,delete window.SimpleKeyboardInstances[this.currentInstanceName],this.initialized=!1}},{key:"getButtonThemeClasses",value:function(t){var e=this.options.buttonTheme,n=[];return Array.isArray(e)&&e.forEach((function(e){if(e.class&&"string"===typeof e.class&&e.buttons&&"string"===typeof e.buttons){var o=e.class.split(" ");e.buttons.split(" ").includes(t)&&(n=[].concat(_toConsumableArray(n),_toConsumableArray(o)))}else console.warn('Incorrect "buttonTheme". Please check the documentation.',e)})),n}},{key:"setDOMButtonAttributes",value:function(t,e){var n=this.options.buttonAttributes;Array.isArray(n)&&n.forEach((function(n){n.attribute&&"string"===typeof n.attribute&&n.value&&"string"===typeof n.value&&n.buttons&&"string"===typeof n.buttons?n.buttons.split(" ").includes(t)&&e(n.attribute,n.value):console.warn('Incorrect "buttonAttributes". Please check the documentation.',n)}))}},{key:"onTouchDeviceDetected",value:function(){this.processAutoTouchEvents(),this.disableContextualWindow()}},{key:"disableContextualWindow",value:function(){window.oncontextmenu=function(t){if(t.target.classList.contains("hg-button"))return t.preventDefault(),t.stopPropagation(),!1}}},{key:"processAutoTouchEvents",value:function(){this.options.autoUseTouchEvents&&(this.options.useTouchEvents=!0,this.options.debug&&console.log("autoUseTouchEvents: Touch device detected, useTouchEvents enabled."))}},{key:"onInit",value:function(){this.options.debug&&console.log("".concat(this.keyboardDOMClass," Initialized")),this.setEventListeners(),"function"===typeof this.options.onInit&&this.options.onInit()}},{key:"beforeFirstRender",value:function(){this.utilities.isTouchDevice()&&this.onTouchDeviceDetected(),"function"===typeof this.options.beforeFirstRender&&this.options.beforeFirstRender(),this.isFirstKeyboardInstance&&this.utilities.pointerEventsSupported()&&!this.options.useTouchEvents&&!this.options.useMouseEvents&&this.options.debug&&console.log("Using PointerEvents as it is supported by this browser"),this.options.useTouchEvents&&this.options.debug&&console.log("useTouchEvents has been enabled. Only touch events will be used.")}},{key:"beforeRender",value:function(){"function"===typeof this.options.beforeRender&&this.options.beforeRender()}},{key:"onRender",value:function(){"function"===typeof this.options.onRender&&this.options.onRender()}},{key:"onModulesLoaded",value:function(){"function"===typeof this.options.onModulesLoaded&&this.options.onModulesLoaded(this)}},{key:"loadModules",value:function(){var t=this;Array.isArray(this.options.modules)&&(this.options.modules.forEach((function(e){(new e).init(t)})),this.keyboardPluginClasses="modules-loaded",this.render(),this.onModulesLoaded())}},{key:"getModuleProp",value:function(t,e){return!!this.modules[t]&&this.modules[t][e]}},{key:"getModulesList",value:function(){return Object.keys(this.modules)}},{key:"parseRowDOMContainers",value:function(t,e,n,o){var i=this,s=Array.from(t.children),a=0;return s.length&&n.forEach((function(n,r){var u=o[r];if(!u||!(u>n))return!1;var c=n-a,l=u-a,h=document.createElement("div");h.className+="hg-button-container";var d="".concat(i.options.layoutName,"-r").concat(e,"c").concat(r);h.setAttribute("data-skUID",d);var p=s.splice(c,l-c+1);a=l-c,p.forEach((function(t){return h.appendChild(t)})),s.splice(c,0,h),t.innerHTML="",s.forEach((function(e){return t.appendChild(e)})),i.options.debug&&console.log("rowDOMContainer",p,c,l,a+1)})),t}},{key:"render",value:function(){var t=this;this.clear(),this.initialized||this.beforeFirstRender(),this.beforeRender();var e="hg-layout-".concat(this.options.layoutName),n=this.options.layout||{default:["` 1 2 3 4 5 6 7 8 9 0 - = {bksp}","{tab} q w e r t y u i o p [ ] \\","{lock} a s d f g h j k l ; ' {enter}","{shift} z x c v b n m , . / {shift}",".com @ {space}"],shift:["~ ! @ # $ % ^ & * ( ) _ + {bksp}","{tab} Q W E R T Y U I O P { } |",'{lock} A S D F G H J K L : " {enter}',"{shift} Z X C V B N M < > ? {shift}",".com @ {space}"]},o=this.options.useTouchEvents||!1,i=o?"hg-touch-events":"",s=this.options.useMouseEvents||!1,a=this.options.disableRowButtonContainers;this.keyboardDOM.className=this.getKeyboardClassString(this.options.theme,e,this.keyboardPluginClasses,i),n[this.options.layoutName].forEach((function(e,n){var i=e.split(" "),r=document.createElement("div");r.className+="hg-row";var u=[],c=[];i.forEach((function(e,i){var l,h=!a&&"string"===typeof e&&e.length>1&&0===e.indexOf("["),d=!a&&"string"===typeof e&&e.length>1&&e.indexOf("]")===e.length-1;h&&(u.push(i),e=e.replace(/\[/g,"")),d&&(c.push(i),e=e.replace(/\]/g,""));var p=t.utilities.getButtonClass(e),f=t.utilities.getButtonDisplayName(e,t.options.display,t.options.mergeDisplay),y=t.options.useButtonTag?"button":"div",b=document.createElement(y);b.className+="hg-button ".concat(p),(l=b.classList).add.apply(l,_toConsumableArray(t.getButtonThemeClasses(e))),t.setDOMButtonAttributes(e,(function(t,e){b.setAttribute(t,e)})),t.activeButtonClass="hg-activeButton",!t.utilities.pointerEventsSupported()||o||s?o?(b.ontouchstart=function(n){t.handleButtonClicked(e),t.handleButtonMouseDown(e,n)},b.ontouchend=function(n){t.handleButtonMouseUp(e,n)},b.ontouchcancel=function(n){t.handleButtonMouseUp(e,n)}):(b.onclick=function(){t.isMouseHold=!1,t.handleButtonClicked(e)},b.onmousedown=function(n){t.handleButtonMouseDown(e,n)},b.onmouseup=function(n){t.handleButtonMouseUp(e,n)}):(b.onpointerdown=function(n){t.handleButtonClicked(e),t.handleButtonMouseDown(e,n)},b.onpointerup=function(n){t.handleButtonMouseUp(e,n)},b.onpointercancel=function(n){t.handleButtonMouseUp(e,n)}),b.setAttribute("data-skBtn",e);var m="".concat(t.options.layoutName,"-r").concat(n,"b").concat(i);b.setAttribute("data-skBtnUID",m);var g=document.createElement("span");g.innerHTML=f,b.appendChild(g),t.buttonElements[e]||(t.buttonElements[e]=[]),t.buttonElements[e].push(b),r.appendChild(b)})),r=t.parseRowDOMContainers(r,n,u,c),t.keyboardDOM.appendChild(r)})),this.onRender(),this.initialized||(this.initialized=!0,!this.utilities.pointerEventsSupported()||o||s?o?(document.ontouchend=function(){return t.handleButtonMouseUp()},document.ontouchcancel=function(){return t.handleButtonMouseUp()},this.keyboardDOM.ontouchstart=function(e){return t.handleKeyboardContainerMouseDown(e)}):o||(document.onmouseup=function(){return t.handleButtonMouseUp()},this.keyboardDOM.onmousedown=function(e){return t.handleKeyboardContainerMouseDown(e)}):(document.onpointerup=function(){return t.handleButtonMouseUp()},this.keyboardDOM.onpointerdown=function(e){return t.handleKeyboardContainerMouseDown(e)}),this.onInit())}}])&&Keyboard_defineProperties(t.prototype,e),n&&Keyboard_defineProperties(t,n),SimpleKeyboard}();e.default=c}])})); +!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()}(this,(function(){return function(t){var e={};function __webpack_require__(n){if(e[n])return e[n].exports;var o=e[n]={i:n,l:!1,exports:{}};return t[n].call(o.exports,o,o.exports,__webpack_require__),o.l=!0,o.exports}return __webpack_require__.m=t,__webpack_require__.c=e,__webpack_require__.d=function(t,e,n){__webpack_require__.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},__webpack_require__.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},__webpack_require__.t=function(t,e){if(1&e&&(t=__webpack_require__(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(__webpack_require__.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)__webpack_require__.d(n,o,function(e){return t[e]}.bind(null,o));return n},__webpack_require__.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return __webpack_require__.d(e,"a",e),e},__webpack_require__.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},__webpack_require__.p="/",__webpack_require__(__webpack_require__.s=0)}([function(t,e,n){t.exports=n(1)},function(t,e,n){"use strict";n.r(e);function _createForOfIteratorHelper(t,e){var n;if("undefined"===typeof Symbol||null==t[Symbol.iterator]){if(Array.isArray(t)||(n=function(t,e){if(!t)return;if("string"===typeof t)return _arrayLikeToArray(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(t,e)}(t))||e&&t&&"number"===typeof t.length){n&&(t=n);var o=0,F=function(){};return{s:F,n:function(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function(t){throw t},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,s=!0,a=!1;return{s:function(){n=t[Symbol.iterator]()},n:function(){var t=n.next();return s=t.done,t},e:function(t){a=!0,i=t},f:function(){try{s||null==n.return||n.return()}finally{if(a)throw i}}}}function _arrayLikeToArray(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,o=new Array(e);n3&&void 0!==arguments[3]?arguments[3]:n,i=arguments.length>4&&void 0!==arguments[4]&&arguments[4],s=this.getOptions(),a=[n,o,i],r=e;return("{bksp}"===t||"{backspace}"===t)&&r.length>0?r=this.removeAt.apply(this,[r].concat(a)):"{space}"===t?r=this.addStringAt.apply(this,[r," "].concat(a)):"{tab}"!==t||"boolean"===typeof s.tabCharOnTab&&!1===s.tabCharOnTab?"{enter}"!==t&&"{numpadenter}"!==t||!s.newLineOnEnter?t.includes("numpad")&&Number.isInteger(Number(t[t.length-2]))?r=this.addStringAt.apply(this,[r,t[t.length-2]].concat(a)):"{numpaddivide}"===t?r=this.addStringAt.apply(this,[r,"/"].concat(a)):"{numpadmultiply}"===t?r=this.addStringAt.apply(this,[r,"*"].concat(a)):"{numpadsubtract}"===t?r=this.addStringAt.apply(this,[r,"-"].concat(a)):"{numpadadd}"===t?r=this.addStringAt.apply(this,[r,"+"].concat(a)):"{numpaddecimal}"===t?r=this.addStringAt.apply(this,[r,"."].concat(a)):"{"===t||"}"===t?r=this.addStringAt.apply(this,[r,t].concat(a)):t.includes("{")||t.includes("}")||(r=this.addStringAt.apply(this,[r,t].concat(a))):r=this.addStringAt.apply(this,[r,"\n"].concat(a)):r=this.addStringAt.apply(this,[r,"\t"].concat(a)),r}},{key:"updateCaretPos",value:function(t,e){var n=this.updateCaretPosAction(t,e);this.dispatch((function(t){t.setCaretPosition(n)}))}},{key:"updateCaretPosAction",value:function(t,e){var n=this.getOptions(),o=this.getCaretPosition();return e?o>0&&(o-=t):o+=t,n.debug&&console.log("Caret at:",o,"(".concat(this.keyboardDOMClass,")")),o}},{key:"addStringAt",value:function(t,e){var n,o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:t.length,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:t.length,s=arguments.length>4&&void 0!==arguments[4]&&arguments[4];return o||0===o?(n=[t.slice(0,o),e,t.slice(i)].join(""),this.isMaxLengthReached()||s&&this.updateCaretPos(e.length)):n=t+e,n}},{key:"removeAt",value:function(t){var e,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t.length,o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:t.length,i=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if(0===n&&0===o)return t;if(n===o){var s=/([\uD800-\uDBFF][\uDC00-\uDFFF])/g;n&&n>=0?t.substring(n-2,n).match(s)?(e=t.substr(0,n-2)+t.substr(n),i&&this.updateCaretPos(2,!0)):(e=t.substr(0,n-1)+t.substr(n),i&&this.updateCaretPos(1,!0)):t.slice(-2).match(s)?(e=t.slice(0,-2),i&&this.updateCaretPos(2,!0)):(e=t.slice(0,-1),i&&this.updateCaretPos(1,!0))}else e=t.slice(0,n)+t.slice(o),i&&this.dispatch((function(t){t.setCaretPosition(n)}));return e}},{key:"handleMaxLength",value:function(t,e){var n=this.getOptions(),o=n.maxLength,i=t[n.inputName],s=e.length-1>=o;if(e.length<=i.length)return!1;if(Number.isInteger(o))return n.debug&&console.log("maxLength (num) reached:",s),s?(this.maxLengthReached=!0,!0):(this.maxLengthReached=!1,!1);if("object"===_typeof(o)){var a=e.length-1>=o[n.inputName];return n.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:"isTouchDevice",value:function(){return"ontouchstart"in window||navigator.maxTouchPoints}},{key:"pointerEventsSupported",value:function(){return window.PointerEvent}},{key:"camelCase",value:function(t){return!!t&&t.toLowerCase().trim().split(/[.\-_\s]/g).reduce((function(t,e){return e.length?t+e[0].toUpperCase()+e.slice(1):t}))}}])&&_defineProperties(t.prototype,e),n&&_defineProperties(t,n),Utilities}();s=function(){},(i="noop")in(o=a)?Object.defineProperty(o,i,{value:s,enumerable:!0,configurable:!0,writable:!0}):o[i]=s;var r=a;function PhysicalKeyboard_defineProperties(t,e){for(var n=0;nt.length)&&(e=t.length);for(var n=0,o=new Array(e);n0&&void 0!==arguments[0]?arguments[0]:null,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;n&&(this.options.preventMouseUpDefault&&n.preventDefault(),this.options.stopMouseUpPropagation&&n.stopPropagation()),this.recurseButtons((function(e){e.classList.remove(t.activeButtonClass)})),this.isMouseHold=!1,this.holdInteractionTimeout&&clearTimeout(this.holdInteractionTimeout),e&&"function"===typeof this.options.onKeyReleased&&this.options.onKeyReleased(e)}},{key:"handleKeyboardContainerMouseDown",value:function(t){this.options.preventMouseDownDefault&&t.preventDefault()}},{key:"handleButtonHold",value:function(t){var e=this;this.holdInteractionTimeout&&clearTimeout(this.holdInteractionTimeout),this.holdInteractionTimeout=setTimeout((function(){e.isMouseHold?(e.handleButtonClicked(t),e.handleButtonHold(t)):clearTimeout(e.holdInteractionTimeout)}),100)}},{key:"syncInstanceInputs",value:function(){var t=this;this.dispatch((function(e){e.replaceInput(t.input),e.setCaretPosition(t.caretPosition,t.caretPositionEnd)}))}},{key:"clearInput",value:function(t){t=t||this.options.inputName,this.input[t]="",this.setCaretPosition(0),this.options.syncInstanceInputs&&this.syncInstanceInputs()}},{key:"getInput",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(t=t||this.options.inputName,this.options.syncInstanceInputs&&!e&&this.syncInstanceInputs(),this.options.rtl){var n=this.input[t].replace("\u202b","").replace("\u202c","");return"\u202b"+n+"\u202c"}return this.input[t]}},{key:"getAllInputs",value:function(){var t=this,e={};return Object.keys(this.input).forEach((function(n){e[n]=t.getInput(n,!0)})),e}},{key:"setInput",value:function(t,e){e=e||this.options.inputName,this.input[e]=t,this.options.syncInstanceInputs&&this.syncInstanceInputs()}},{key:"replaceInput",value:function(t){this.input=t}},{key:"setOptions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=this.changedOptions(t);this.options=Object.assign(this.options,t),e.length&&(this.options.debug&&console.log("changedOptions",e),this.onSetOptions(t),this.render())}},{key:"changedOptions",value:function(t){var e=this;return Object.keys(t).filter((function(n){return JSON.stringify(t[n])!==JSON.stringify(e.options[n])}))}},{key:"onSetOptions",value:function(t){t.inputName&&(this.options.debug&&console.log("inputName changed. caretPosition reset."),this.setCaretPosition(null))}},{key:"clear",value:function(){this.keyboardDOM.innerHTML="",this.keyboardDOM.className=this.keyboardDOMClass,this.buttonElements={}}},{key:"dispatch",value:function(t){if(!window.SimpleKeyboardInstances)throw console.warn("SimpleKeyboardInstances is not defined. Dispatch cannot be called."),new Error("INSTANCES_VAR_ERROR");return Object.keys(window.SimpleKeyboardInstances).forEach((function(e){t(window.SimpleKeyboardInstances[e],e)}))}},{key:"addButtonTheme",value:function(t,e){var n=this;if(!e||!t)return!1;t.split(" ").forEach((function(o){e.split(" ").forEach((function(e){n.options.buttonTheme||(n.options.buttonTheme=[]);var i=!1;n.options.buttonTheme.map((function(t){if(t.class.split(" ").includes(e)){i=!0;var n=t.buttons.split(" ");n.includes(o)||(i=!0,n.push(o),t.buttons=n.join(" "))}return t})),i||n.options.buttonTheme.push({class:e,buttons:t})}))})),this.render()}},{key:"removeButtonTheme",value:function(t,e){var n=this;if(!t&&!e)return this.options.buttonTheme=[],this.render(),!1;t&&Array.isArray(this.options.buttonTheme)&&this.options.buttonTheme.length&&(t.split(" ").forEach((function(t){n.options.buttonTheme.map((function(o,i){if(e&&e.includes(o.class)||!e){var s=o.buttons.split(" ").filter((function(e){return e!==t}));s.length?o.buttons=s.join(" "):(n.options.buttonTheme.splice(i,1),o=null)}return o}))})),this.render())}},{key:"getButtonElement",value:function(t){var e,n=this.buttonElements[t];return n&&(e=n.length>1?n:n[0]),e}},{key:"inputPatternIsValid",value:function(t){var e,n=this.options.inputPattern;if((e=n instanceof RegExp?n:n[this.options.inputName])&&t){var o=e.test(t);return this.options.debug&&console.log('inputPattern ("'.concat(e,'"): ').concat(o?"passed":"did not pass!")),o}return!0}},{key:"setEventListeners",value:function(){!this.isFirstKeyboardInstance&&this.allKeyboardInstances||(this.options.debug&&console.log("Caret handling started (".concat(this.keyboardDOMClass,")")),document.addEventListener("keyup",this.handleKeyUp),document.addEventListener("keydown",this.handleKeyDown),document.addEventListener("mouseup",this.handleMouseUp),document.addEventListener("touchend",this.handleTouchEnd))}},{key:"handleKeyUp",value:function(t){this.caretEventHandler(t),this.options.physicalKeyboardHighlight&&this.physicalKeyboard.handleHighlightKeyUp(t)}},{key:"handleKeyDown",value:function(t){this.options.physicalKeyboardHighlight&&this.physicalKeyboard.handleHighlightKeyDown(t)}},{key:"handleMouseUp",value:function(t){this.caretEventHandler(t)}},{key:"handleTouchEnd",value:function(t){this.caretEventHandler(t)}},{key:"caretEventHandler",value:function(t){var e;t.target.tagName&&(e=t.target.tagName.toLowerCase()),this.dispatch((function(n){var o=t.target===n.keyboardDOM||t.target&&n.keyboardDOM.contains(t.target);n.isMouseHold&&(n.isMouseHold=!1),"textarea"!==e&&"input"!==e||n.options.disableCaretPositioning?!n.options.disableCaretPositioning&&o||n.setCaretPosition(null):(n.setCaretPosition(t.target.selectionStart,t.target.selectionEnd),n.options.debug&&console.log("Caret at: ",n.getCaretPosition(),n.getCaretPositionEnd(),t&&t.target.tagName.toLowerCase(),"(".concat(n.keyboardDOMClass,")")))}))}},{key:"recurseButtons",value:function(t){var e=this;t&&Object.keys(this.buttonElements).forEach((function(n){return e.buttonElements[n].forEach(t)}))}},{key:"destroy",value:function(){this.options.debug&&console.log("Destroying simple-keyboard instance: ".concat(this.currentInstanceName)),document.removeEventListener("keyup",this.handleKeyUp),document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("mouseup",this.handleMouseUp),document.removeEventListener("touchend",this.handleTouchEnd),document.onpointerup=null,document.ontouchend=null,document.ontouchcancel=null,document.onmouseup=null;var deleteButton=function(t){t.onpointerdown=null,t.onpointerup=null,t.onpointercancel=null,t.ontouchstart=null,t.ontouchend=null,t.ontouchcancel=null,t.onclick=null,t.onmousedown=null,t.onmouseup=null,t.remove(),t=null};this.recurseButtons(deleteButton),this.recurseButtons=null,deleteButton=null,this.keyboardDOM.onpointerdown=null,this.keyboardDOM.ontouchstart=null,this.keyboardDOM.onmousedown=null,this.clear(),window.SimpleKeyboardInstances[this.currentInstanceName]=null,delete window.SimpleKeyboardInstances[this.currentInstanceName],this.initialized=!1}},{key:"getButtonThemeClasses",value:function(t){var e=this.options.buttonTheme,n=[];return Array.isArray(e)&&e.forEach((function(e){if(e.class&&"string"===typeof e.class&&e.buttons&&"string"===typeof e.buttons){var o=e.class.split(" ");e.buttons.split(" ").includes(t)&&(n=[].concat(_toConsumableArray(n),_toConsumableArray(o)))}else console.warn('Incorrect "buttonTheme". Please check the documentation.',e)})),n}},{key:"setDOMButtonAttributes",value:function(t,e){var n=this.options.buttonAttributes;Array.isArray(n)&&n.forEach((function(n){n.attribute&&"string"===typeof n.attribute&&n.value&&"string"===typeof n.value&&n.buttons&&"string"===typeof n.buttons?n.buttons.split(" ").includes(t)&&e(n.attribute,n.value):console.warn('Incorrect "buttonAttributes". Please check the documentation.',n)}))}},{key:"onTouchDeviceDetected",value:function(){this.processAutoTouchEvents(),this.disableContextualWindow()}},{key:"disableContextualWindow",value:function(){window.oncontextmenu=function(t){if(t.target.classList.contains("hg-button"))return t.preventDefault(),t.stopPropagation(),!1}}},{key:"processAutoTouchEvents",value:function(){this.options.autoUseTouchEvents&&(this.options.useTouchEvents=!0,this.options.debug&&console.log("autoUseTouchEvents: Touch device detected, useTouchEvents enabled."))}},{key:"onInit",value:function(){this.options.debug&&console.log("".concat(this.keyboardDOMClass," Initialized")),this.setEventListeners(),"function"===typeof this.options.onInit&&this.options.onInit()}},{key:"beforeFirstRender",value:function(){this.utilities.isTouchDevice()&&this.onTouchDeviceDetected(),"function"===typeof this.options.beforeFirstRender&&this.options.beforeFirstRender(),this.isFirstKeyboardInstance&&this.utilities.pointerEventsSupported()&&!this.options.useTouchEvents&&!this.options.useMouseEvents&&this.options.debug&&console.log("Using PointerEvents as it is supported by this browser"),this.options.useTouchEvents&&this.options.debug&&console.log("useTouchEvents has been enabled. Only touch events will be used.")}},{key:"beforeRender",value:function(){"function"===typeof this.options.beforeRender&&this.options.beforeRender()}},{key:"onRender",value:function(){"function"===typeof this.options.onRender&&this.options.onRender()}},{key:"onModulesLoaded",value:function(){"function"===typeof this.options.onModulesLoaded&&this.options.onModulesLoaded(this)}},{key:"loadModules",value:function(){var t=this;Array.isArray(this.options.modules)&&(this.options.modules.forEach((function(e){(new e).init(t)})),this.keyboardPluginClasses="modules-loaded",this.render(),this.onModulesLoaded())}},{key:"getModuleProp",value:function(t,e){return!!this.modules[t]&&this.modules[t][e]}},{key:"getModulesList",value:function(){return Object.keys(this.modules)}},{key:"parseRowDOMContainers",value:function(t,e,n,o){var i=this,s=Array.from(t.children),a=0;return s.length&&n.forEach((function(n,r){var u=o[r];if(!u||!(u>n))return!1;var c=n-a,l=u-a,h=document.createElement("div");h.className+="hg-button-container";var d="".concat(i.options.layoutName,"-r").concat(e,"c").concat(r);h.setAttribute("data-skUID",d);var p=s.splice(c,l-c+1);a=l-c,p.forEach((function(t){return h.appendChild(t)})),s.splice(c,0,h),t.innerHTML="",s.forEach((function(e){return t.appendChild(e)})),i.options.debug&&console.log("rowDOMContainer",p,c,l,a+1)})),t}},{key:"render",value:function(){var t=this;this.clear(),this.initialized||this.beforeFirstRender(),this.beforeRender();var e="hg-layout-".concat(this.options.layoutName),n=this.options.layout||{default:["` 1 2 3 4 5 6 7 8 9 0 - = {bksp}","{tab} q w e r t y u i o p [ ] \\","{lock} a s d f g h j k l ; ' {enter}","{shift} z x c v b n m , . / {shift}",".com @ {space}"],shift:["~ ! @ # $ % ^ & * ( ) _ + {bksp}","{tab} Q W E R T Y U I O P { } |",'{lock} A S D F G H J K L : " {enter}',"{shift} Z X C V B N M < > ? {shift}",".com @ {space}"]},o=this.options.useTouchEvents||!1,i=o?"hg-touch-events":"",s=this.options.useMouseEvents||!1,a=this.options.disableRowButtonContainers;this.keyboardDOM.className=this.getKeyboardClassString(this.options.theme,e,this.keyboardPluginClasses,i),n[this.options.layoutName].forEach((function(e,n){var i=e.split(" "),r=document.createElement("div");r.className+="hg-row";var u=[],c=[];i.forEach((function(e,i){var l,h=!a&&"string"===typeof e&&e.length>1&&0===e.indexOf("["),d=!a&&"string"===typeof e&&e.length>1&&e.indexOf("]")===e.length-1;h&&(u.push(i),e=e.replace(/\[/g,"")),d&&(c.push(i),e=e.replace(/\]/g,""));var p=t.utilities.getButtonClass(e),f=t.utilities.getButtonDisplayName(e,t.options.display,t.options.mergeDisplay),y=t.options.useButtonTag?"button":"div",b=document.createElement(y);b.className+="hg-button ".concat(p),(l=b.classList).add.apply(l,_toConsumableArray(t.getButtonThemeClasses(e))),t.setDOMButtonAttributes(e,(function(t,e){b.setAttribute(t,e)})),t.activeButtonClass="hg-activeButton",!t.utilities.pointerEventsSupported()||o||s?o?(b.ontouchstart=function(n){t.handleButtonClicked(e),t.handleButtonMouseDown(e,n)},b.ontouchend=function(n){t.handleButtonMouseUp(e,n)},b.ontouchcancel=function(n){t.handleButtonMouseUp(e,n)}):(b.onclick=function(){t.isMouseHold=!1,t.handleButtonClicked(e)},b.onmousedown=function(n){t.handleButtonMouseDown(e,n)},b.onmouseup=function(n){t.handleButtonMouseUp(e,n)}):(b.onpointerdown=function(n){t.handleButtonClicked(e),t.handleButtonMouseDown(e,n)},b.onpointerup=function(n){t.handleButtonMouseUp(e,n)},b.onpointercancel=function(n){t.handleButtonMouseUp(e,n)}),b.setAttribute("data-skBtn",e);var m="".concat(t.options.layoutName,"-r").concat(n,"b").concat(i);b.setAttribute("data-skBtnUID",m);var g=document.createElement("span");g.innerHTML=f,b.appendChild(g),t.buttonElements[e]||(t.buttonElements[e]=[]),t.buttonElements[e].push(b),r.appendChild(b)})),r=t.parseRowDOMContainers(r,n,u,c),t.keyboardDOM.appendChild(r)})),this.onRender(),this.initialized||(this.initialized=!0,!this.utilities.pointerEventsSupported()||o||s?o?(document.ontouchend=function(){return t.handleButtonMouseUp()},document.ontouchcancel=function(){return t.handleButtonMouseUp()},this.keyboardDOM.ontouchstart=function(e){return t.handleKeyboardContainerMouseDown(e)}):o||(document.onmouseup=function(){return t.handleButtonMouseUp()},this.keyboardDOM.onmousedown=function(e){return t.handleKeyboardContainerMouseDown(e)}):(document.onpointerup=function(){return t.handleButtonMouseUp()},this.keyboardDOM.onpointerdown=function(e){return t.handleKeyboardContainerMouseDown(e)}),this.onInit())}}])&&Keyboard_defineProperties(t.prototype,e),n&&Keyboard_defineProperties(t,n),SimpleKeyboard}();e.default=c}])})); //# sourceMappingURL=index.js.map \ No newline at end of file diff --git a/build/index.js.map b/build/index.js.map index 9dbcdbb7..c214e013 100644 --- a/build/index.js.map +++ b/build/index.js.map @@ -1 +1 @@ -{"version":3,"sources":["../../webpack/universalModuleDefinition","../../webpack/bootstrap","services/Utilities.js","services/PhysicalKeyboard.js","components/Keyboard.js","services/KeyboardLayout.js","index.js"],"names":["root","factory","exports","module","define","amd","this","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","Utilities","getOptions","getCaretPosition","getCaretPositionEnd","dispatch","bindMethods","myClass","instance","getOwnPropertyNames","myMethod","button","buttonTypeClass","includes","buttonWithoutBraces","replace","buttonNormalized","display","mergeDisplay","assign","getDefaultDiplay","input","caretPos","caretPosEnd","moveCaret","options","commonParams","output","length","removeAt","addStringAt","tabCharOnTab","newLineOnEnter","Number","isInteger","minus","newCaretPos","updateCaretPosAction","setCaretPosition","caretPosition","debug","console","log","keyboardDOMClass","source","str","position","positionEnd","slice","join","isMaxLengthReached","updateCaretPos","emojiMatchedReg","substring","match","substr","inputObj","updatedInput","maxLength","currentInput","inputName","condition","maxLengthReached","Boolean","window","navigator","maxTouchPoints","PointerEvent","toLowerCase","trim","split","reduce","word","toUpperCase","PhysicalKeyboard","event","buttonPressed","getSimpleKeyboardLayoutKey","buttonDOM","getButtonElement","style","backgroundColor","physicalKeyboardHighlightBgColor","color","physicalKeyboardHighlightTextColor","physicalKeyboardHighlightPress","onpointerdown","onmousedown","ontouchstart","noop","removeAttribute","onpointerup","onmouseup","ontouchend","code","SimpleKeyboard","params","keyboardDOM","document","querySelector","HTMLDivElement","className","warn","Error","caretPositionEnd","initCallback","baseDOMClasses","keyboardClasses","filter","DOMClass","handleParams","utilities","layoutName","theme","preventMouseDownDefault","keyboardPluginClasses","buttonElements","currentInstanceName","camelCase","allKeyboardInstances","keyboardInstanceNames","keys","isFirstKeyboardInstance","physicalKeyboard","render","loadModules","endPosition","onKeyPress","getUpdatedInput","inputPattern","inputPatternIsValid","handleMaxLength","getAllInputs","syncInstanceInputs","onChange","getInput","onChangeAll","e","preventDefault","stopMouseDownPropagation","stopPropagation","target","classList","add","activeButtonClass","holdInteractionTimeout","clearTimeout","holdTimeout","isMouseHold","disableButtonHold","setTimeout","handleButtonHold","preventMouseUpDefault","stopMouseUpPropagation","recurseButtons","buttonElement","remove","onKeyReleased","handleButtonClicked","replaceInput","skipSync","rtl","inputWithoutRTLControl","forEach","changedOptions","onSetOptions","newOptions","optionName","JSON","stringify","innerHTML","callback","buttons","classNameItem","buttonTheme","classNameFound","map","class","buttonThemeArray","push","Array","isArray","index","filteredButtonArray","item","splice","buttonArr","inputVal","inputPatternRaw","RegExp","didInputMatch","test","addEventListener","handleKeyUp","handleKeyDown","handleMouseUp","handleTouchEnd","caretEventHandler","physicalKeyboardHighlight","handleHighlightKeyUp","handleHighlightKeyDown","targetTagName","tagName","isKeyboard","contains","disableCaretPositioning","selectionStart","selectionEnd","fn","buttonName","removeEventListener","ontouchcancel","deleteButton","onpointercancel","onclick","clear","initialized","buttonClasses","themeObj","themeObjClasses","buttonAttributes","attrObj","attribute","processAutoTouchEvents","disableContextualWindow","oncontextmenu","autoUseTouchEvents","useTouchEvents","setEventListeners","onInit","isTouchDevice","onTouchDeviceDetected","beforeFirstRender","pointerEventsSupported","useMouseEvents","beforeRender","onRender","onModulesLoaded","KeyboardModule","init","prop","rowDOM","rowIndex","containerStartIndexes","containerEndIndexes","rowDOMArray","from","children","removedElements","startIndex","arrIndex","endIndex","updated_startIndex","updated_endIndex","containerDOM","createElement","containerUID","setAttribute","containedElements","element","appendChild","layoutClass","layout","default","shift","useTouchEventsClass","disableRowButtonContainers","getKeyboardClassString","row","rIndex","rowArray","bIndex","buttonHasContainerStart","indexOf","buttonHasContainerEnd","fctBtnClass","getButtonClass","buttonDisplayName","getButtonDisplayName","buttonType","useButtonTag","getButtonThemeClasses","setDOMButtonAttributes","handleButtonMouseDown","handleButtonMouseUp","buttonUID","buttonSpanDOM","parseRowDOMContainers","handleKeyboardContainerMouseDown"],"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})(this, 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","/**\n * Utility Service\n */\nclass Utilities {\n /**\n * Creates an instance of the Utility service\n */\n constructor({ getOptions, getCaretPosition, getCaretPositionEnd, dispatch }) {\n this.getOptions = getOptions;\n this.getCaretPosition = getCaretPosition;\n this.getCaretPositionEnd = getCaretPositionEnd;\n this.dispatch = dispatch;\n\n /**\n * Bindings\n */\n Utilities.bindMethods(Utilities, this);\n }\n\n /**\n * Adds default classes to a given button\n *\n * @param {string} button The button's layout name\n * @return {string} The classes to be added to the button\n */\n getButtonClass(button) {\n const buttonTypeClass =\n button.includes(\"{\") && button.includes(\"}\") && button !== \"{//}\"\n ? \"functionBtn\"\n : \"standardBtn\";\n const buttonWithoutBraces = button.replace(\"{\", \"\").replace(\"}\", \"\");\n let buttonNormalized = \"\";\n\n if (buttonTypeClass !== \"standardBtn\")\n buttonNormalized = ` hg-button-${buttonWithoutBraces}`;\n\n return `hg-${buttonTypeClass}${buttonNormalized}`;\n }\n\n /**\n * Default button display labels\n */\n getDefaultDiplay() {\n return {\n \"{bksp}\": \"backspace\",\n \"{backspace}\": \"backspace\",\n \"{enter}\": \"< enter\",\n \"{shift}\": \"shift\",\n \"{shiftleft}\": \"shift\",\n \"{shiftright}\": \"shift\",\n \"{alt}\": \"alt\",\n \"{s}\": \"shift\",\n \"{tab}\": \"tab\",\n \"{lock}\": \"caps\",\n \"{capslock}\": \"caps\",\n \"{accept}\": \"Submit\",\n \"{space}\": \" \",\n \"{//}\": \" \",\n \"{esc}\": \"esc\",\n \"{escape}\": \"esc\",\n \"{f1}\": \"f1\",\n \"{f2}\": \"f2\",\n \"{f3}\": \"f3\",\n \"{f4}\": \"f4\",\n \"{f5}\": \"f5\",\n \"{f6}\": \"f6\",\n \"{f7}\": \"f7\",\n \"{f8}\": \"f8\",\n \"{f9}\": \"f9\",\n \"{f10}\": \"f10\",\n \"{f11}\": \"f11\",\n \"{f12}\": \"f12\",\n \"{numpaddivide}\": \"/\",\n \"{numlock}\": \"lock\",\n \"{arrowup}\": \"↑\",\n \"{arrowleft}\": \"←\",\n \"{arrowdown}\": \"↓\",\n \"{arrowright}\": \"→\",\n \"{prtscr}\": \"print\",\n \"{scrolllock}\": \"scroll\",\n \"{pause}\": \"pause\",\n \"{insert}\": \"ins\",\n \"{home}\": \"home\",\n \"{pageup}\": \"up\",\n \"{delete}\": \"del\",\n \"{end}\": \"end\",\n \"{pagedown}\": \"down\",\n \"{numpadmultiply}\": \"*\",\n \"{numpadsubtract}\": \"-\",\n \"{numpadadd}\": \"+\",\n \"{numpadenter}\": \"enter\",\n \"{period}\": \".\",\n \"{numpaddecimal}\": \".\",\n \"{numpad0}\": \"0\",\n \"{numpad1}\": \"1\",\n \"{numpad2}\": \"2\",\n \"{numpad3}\": \"3\",\n \"{numpad4}\": \"4\",\n \"{numpad5}\": \"5\",\n \"{numpad6}\": \"6\",\n \"{numpad7}\": \"7\",\n \"{numpad8}\": \"8\",\n \"{numpad9}\": \"9\"\n };\n }\n /**\n * Returns the display (label) name for a given button\n *\n * @param {string} button The button's layout name\n * @param {object} display The provided display option\n * @param {boolean} mergeDisplay Whether the provided param value should be merged with the default one.\n */\n getButtonDisplayName(button, display, mergeDisplay) {\n if (mergeDisplay) {\n display = Object.assign({}, this.getDefaultDiplay(), display);\n } else {\n display = display || this.getDefaultDiplay();\n }\n\n return display[button] || button;\n }\n\n /**\n * Returns the updated input resulting from clicking a given button\n *\n * @param {string} button The button's layout name\n * @param {string} input The input string\n * @param {number} caretPos The cursor's current position\n * @param {number} caretPosEnd The cursor's current end position\n * @param {boolean} moveCaret Whether to update simple-keyboard's cursor\n */\n getUpdatedInput(\n button,\n input,\n caretPos,\n caretPosEnd = caretPos,\n moveCaret = false\n ) {\n const options = this.getOptions();\n const commonParams = [caretPos, caretPosEnd, moveCaret];\n\n let output = input;\n\n if (\n (button === \"{bksp}\" || button === \"{backspace}\") &&\n output.length > 0\n ) {\n output = this.removeAt(output, ...commonParams);\n } else if (button === \"{space}\")\n output = this.addStringAt(output, \" \", ...commonParams);\n else if (\n button === \"{tab}\" &&\n !(\n typeof options.tabCharOnTab === \"boolean\" &&\n options.tabCharOnTab === false\n )\n ) {\n output = this.addStringAt(output, \"\\t\", ...commonParams);\n } else if (\n (button === \"{enter}\" || button === \"{numpadenter}\") &&\n options.newLineOnEnter\n )\n output = this.addStringAt(output, \"\\n\", ...commonParams);\n else if (\n button.includes(\"numpad\") &&\n Number.isInteger(Number(button[button.length - 2]))\n ) {\n output = this.addStringAt(\n output,\n button[button.length - 2],\n ...commonParams\n );\n } else if (button === \"{numpaddivide}\")\n output = this.addStringAt(output, \"/\", ...commonParams);\n else if (button === \"{numpadmultiply}\")\n output = this.addStringAt(output, \"*\", ...commonParams);\n else if (button === \"{numpadsubtract}\")\n output = this.addStringAt(output, \"-\", ...commonParams);\n else if (button === \"{numpadadd}\")\n output = this.addStringAt(output, \"+\", ...commonParams);\n else if (button === \"{numpaddecimal}\")\n output = this.addStringAt(output, \".\", ...commonParams);\n else if (button === \"{\" || button === \"}\")\n output = this.addStringAt(output, button, ...commonParams);\n else if (!button.includes(\"{\") && !button.includes(\"}\"))\n output = this.addStringAt(output, button, ...commonParams);\n\n return output;\n }\n\n /**\n * Moves the cursor position by a given amount\n *\n * @param {number} length Represents by how many characters the input should be moved\n * @param {boolean} minus Whether the cursor should be moved to the left or not.\n */\n updateCaretPos(length, minus) {\n const newCaretPos = this.updateCaretPosAction(length, minus);\n\n this.dispatch(instance => {\n instance.setCaretPosition(newCaretPos);\n });\n }\n\n /**\n * Action method of updateCaretPos\n *\n * @param {number} length Represents by how many characters the input should be moved\n * @param {boolean} minus Whether the cursor should be moved to the left or not.\n */\n updateCaretPosAction(length, minus) {\n const options = this.getOptions();\n let caretPosition = this.getCaretPosition();\n\n if (minus) {\n if (caretPosition > 0) caretPosition = caretPosition - length;\n } else {\n caretPosition = caretPosition + length;\n }\n\n if (options.debug) {\n console.log(\"Caret at:\", caretPosition, `(${this.keyboardDOMClass})`);\n }\n\n return caretPosition;\n }\n\n /**\n * Adds a string to the input at a given position\n *\n * @param {string} source The source input\n * @param {string} str The string to add\n * @param {number} position The (cursor) position where the string should be added\n * @param {boolean} moveCaret Whether to update simple-keyboard's cursor\n */\n addStringAt(\n source,\n str,\n position = source.length,\n positionEnd = source.length,\n moveCaret = false\n ) {\n let output;\n\n if (!position && position !== 0) {\n output = source + str;\n } else {\n output = [source.slice(0, position), str, source.slice(positionEnd)].join(\n \"\"\n );\n\n /**\n * Avoid caret position change when maxLength is set\n */\n if (!this.isMaxLengthReached()) {\n if (moveCaret) this.updateCaretPos(str.length);\n }\n }\n\n return output;\n }\n\n /**\n * Removes an amount of characters at a given position\n *\n * @param {string} source The source input\n * @param {number} position The (cursor) position from where the characters should be removed\n * @param {boolean} moveCaret Whether to update simple-keyboard's cursor\n */\n removeAt(\n source,\n position = source.length,\n positionEnd = source.length,\n moveCaret = false\n ) {\n if (position === 0 && positionEnd === 0) {\n return source;\n }\n\n let output;\n\n if (position === positionEnd) {\n let prevTwoChars;\n let emojiMatched;\n const emojiMatchedReg = /([\\uD800-\\uDBFF][\\uDC00-\\uDFFF])/g;\n\n /**\n * Emojis are made out of two characters, so we must take a custom approach to trim them.\n * For more info: https://mathiasbynens.be/notes/javascript-unicode\n */\n if (position && position >= 0) {\n prevTwoChars = source.substring(position - 2, position);\n emojiMatched = prevTwoChars.match(emojiMatchedReg);\n\n if (emojiMatched) {\n output = source.substr(0, position - 2) + source.substr(position);\n if (moveCaret) this.updateCaretPos(2, true);\n } else {\n output = source.substr(0, position - 1) + source.substr(position);\n if (moveCaret) this.updateCaretPos(1, true);\n }\n } else {\n prevTwoChars = source.slice(-2);\n emojiMatched = prevTwoChars.match(emojiMatchedReg);\n\n if (emojiMatched) {\n output = source.slice(0, -2);\n if (moveCaret) this.updateCaretPos(2, true);\n } else {\n output = source.slice(0, -1);\n if (moveCaret) this.updateCaretPos(1, true);\n }\n }\n } else {\n output = source.slice(0, position) + source.slice(positionEnd);\n if (moveCaret) {\n this.dispatch(instance => {\n instance.setCaretPosition(position);\n });\n }\n }\n\n return output;\n }\n /**\n * Determines whether the maxLength has been reached. This function is called when the maxLength option it set.\n *\n * @param {object} inputObj\n * @param {string} updatedInput\n */\n handleMaxLength(inputObj, updatedInput) {\n const options = this.getOptions();\n const maxLength = options.maxLength;\n const currentInput = inputObj[options.inputName];\n const condition = updatedInput.length - 1 >= maxLength;\n\n if (\n /**\n * If pressing this button won't add more characters\n * We exit out of this limiter function\n */\n updatedInput.length <= currentInput.length\n ) {\n return false;\n }\n\n if (Number.isInteger(maxLength)) {\n if (options.debug) {\n console.log(\"maxLength (num) reached:\", condition);\n }\n\n if (condition) {\n /**\n * @type {boolean} Boolean value that shows whether maxLength has been reached\n */\n this.maxLengthReached = true;\n return true;\n } else {\n this.maxLengthReached = false;\n return false;\n }\n }\n\n if (typeof maxLength === \"object\") {\n const condition = updatedInput.length - 1 >= maxLength[options.inputName];\n\n if (options.debug) {\n console.log(\"maxLength (obj) reached:\", condition);\n }\n\n if (condition) {\n this.maxLengthReached = true;\n return true;\n } else {\n this.maxLengthReached = false;\n return false;\n }\n }\n }\n\n /**\n * Gets the current value of maxLengthReached\n */\n isMaxLengthReached() {\n return Boolean(this.maxLengthReached);\n }\n\n /**\n * Determines whether a touch device is being used\n */\n isTouchDevice() {\n return \"ontouchstart\" in window || navigator.maxTouchPoints;\n }\n\n /**\n * Determines whether pointer events are supported\n */\n pointerEventsSupported() {\n return window.PointerEvent;\n }\n\n /**\n * Bind all methods in a given class\n */\n\n static bindMethods(myClass, instance) {\n // eslint-disable-next-line no-unused-vars\n for (const myMethod of Object.getOwnPropertyNames(myClass.prototype)) {\n const excludeMethod =\n myMethod === \"constructor\" || myMethod === \"bindMethods\";\n if (!excludeMethod) {\n instance[myMethod] = instance[myMethod].bind(instance);\n }\n }\n }\n\n /**\n * Transforms an arbitrary string to camelCase\n *\n * @param {string} str The string to transform.\n */\n camelCase(str) {\n if (!str) return false;\n\n return str\n .toLowerCase()\n .trim()\n .split(/[.\\-_\\s]/g)\n .reduce((str, word) =>\n word.length ? str + word[0].toUpperCase() + word.slice(1) : str\n );\n }\n\n static noop = () => {};\n}\n\nexport default Utilities;\n","import Utilities from \"../services/Utilities\";\n\n/**\n * Physical Keyboard Service\n */\nclass PhysicalKeyboard {\n /**\n * Creates an instance of the PhysicalKeyboard service\n */\n constructor({ dispatch, getOptions }) {\n /**\n * @type {object} A simple-keyboard instance\n */\n this.dispatch = dispatch;\n this.getOptions = getOptions;\n\n /**\n * Bindings\n */\n Utilities.bindMethods(PhysicalKeyboard, this);\n }\n\n handleHighlightKeyDown(event) {\n const options = this.getOptions();\n const buttonPressed = this.getSimpleKeyboardLayoutKey(event);\n\n this.dispatch(instance => {\n const buttonDOM =\n instance.getButtonElement(buttonPressed) ||\n instance.getButtonElement(`{${buttonPressed}}`);\n\n if (buttonDOM) {\n buttonDOM.style.backgroundColor =\n options.physicalKeyboardHighlightBgColor || \"#dadce4\";\n buttonDOM.style.color =\n options.physicalKeyboardHighlightTextColor || \"black\";\n\n if (options.physicalKeyboardHighlightPress) {\n /**\n * Trigger pointerdown\n */\n (\n buttonDOM.onpointerdown ||\n buttonDOM.onmousedown ||\n buttonDOM.ontouchstart ||\n Utilities.noop\n )();\n }\n }\n });\n }\n\n handleHighlightKeyUp(event) {\n const options = this.getOptions();\n const buttonPressed = this.getSimpleKeyboardLayoutKey(event);\n\n this.dispatch(instance => {\n const buttonDOM =\n instance.getButtonElement(buttonPressed) ||\n instance.getButtonElement(`{${buttonPressed}}`);\n\n if (buttonDOM && buttonDOM.removeAttribute) {\n buttonDOM.removeAttribute(\"style\");\n\n if (options.physicalKeyboardHighlightPress) {\n /**\n * Trigger pointerup\n */\n (\n buttonDOM.onpointerup ||\n buttonDOM.onmouseup ||\n buttonDOM.ontouchend ||\n Utilities.noop\n )();\n }\n }\n });\n }\n\n /**\n * Transforms a KeyboardEvent's \"key.code\" string into a simple-keyboard layout format\n * @param {object} event The KeyboardEvent\n */\n getSimpleKeyboardLayoutKey(event) {\n let output;\n\n if (\n event.code.includes(\"Numpad\") ||\n event.code.includes(\"Shift\") ||\n event.code.includes(\"Space\") ||\n event.code.includes(\"Backspace\") ||\n event.code.includes(\"Control\") ||\n event.code.includes(\"Alt\") ||\n event.code.includes(\"Meta\")\n ) {\n output = event.code;\n } else {\n output = event.key;\n }\n\n /**\n * Casting key to lowercase\n */\n if (\n (output && output !== output.toUpperCase()) ||\n (event.code[0] === \"F\" &&\n Number.isInteger(Number(event.code[1])) &&\n event.code.length <= 3)\n ) {\n output = output ? output.toLowerCase() : output;\n }\n\n return output;\n }\n}\n\nexport default PhysicalKeyboard;\n","import \"./Keyboard.css\";\n\n// Services\nimport { getDefaultLayout } from \"../services/KeyboardLayout\";\nimport PhysicalKeyboard from \"../services/PhysicalKeyboard\";\nimport Utilities from \"../services/Utilities\";\n\n/**\n * Root class for simple-keyboard\n * This class:\n * - Parses the options\n * - Renders the rows and buttons\n * - Handles button functionality\n */\nclass SimpleKeyboard {\n /**\n * Creates an instance of SimpleKeyboard\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.\n */\n constructor(...params) {\n const { keyboardDOMClass, keyboardDOM, options = {} } = this.handleParams(\n params\n );\n\n /**\n * Initializing Utilities\n */\n this.utilities = new Utilities({\n getOptions: this.getOptions,\n getCaretPosition: this.getCaretPosition,\n getCaretPositionEnd: this.getCaretPositionEnd,\n dispatch: this.dispatch\n });\n\n /**\n * Caret position\n */\n this.caretPosition = null;\n\n /**\n * Caret position end\n */\n this.caretPositionEnd = null;\n\n /**\n * Processing options\n */\n this.keyboardDOM = keyboardDOM;\n\n /**\n * @type {object}\n * @property {object} layout Modify the keyboard layout.\n * @property {string} layoutName Specifies which layout should be used.\n * @property {object} display Replaces variable buttons (such as {bksp}) with a human-friendly name (e.g.: “backspace”).\n * @property {boolean} mergeDisplay By default, when you set the display property, you replace the default one. This setting merges them instead.\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.\n * @property {array} buttonTheme A prop to add your own css classes to one or several buttons.\n * @property {array} buttonAttributes A prop to add your own attributes to one or several buttons.\n * @property {boolean} debug Runs a console.log every time a key is pressed. Displays the buttons pressed and the current input.\n * @property {boolean} newLineOnEnter Specifies whether clicking the “ENTER” button will input a newline (\\n) or not.\n * @property {boolean} tabCharOnTab Specifies whether clicking the “TAB” button will input a tab character (\\t) or not.\n * @property {string} inputName Allows you to use a single simple-keyboard instance for several inputs.\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.\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.\n * @property {boolean} syncInstanceInputs When set to true, this option synchronizes the internal input of every simple-keyboard instance.\n * @property {boolean} physicalKeyboardHighlight Enable highlighting of keys pressed on physical keyboard.\n * @property {boolean} physicalKeyboardHighlightPress Presses keys highlighted by physicalKeyboardHighlight\n * @property {string} physicalKeyboardHighlightTextColor Define the text color that the physical keyboard highlighted key should have.\n * @property {string} physicalKeyboardHighlightBgColor Define the background color that the physical keyboard highlighted key should have.\n * @property {boolean} preventMouseDownDefault Calling preventDefault for the mousedown events keeps the focus on the input.\n * @property {boolean} preventMouseUpDefault Calling preventDefault for the mouseup events.\n * @property {boolean} stopMouseDownPropagation Stops pointer down events on simple-keyboard buttons from bubbling to parent elements.\n * @property {boolean} stopMouseUpPropagation Stops pointer up events on simple-keyboard buttons from bubbling to parent elements.\n * @property {function(button: string):string} onKeyPress Executes the callback function on key press. Returns button layout name (i.e.: “{shift}”).\n * @property {function(input: string):string} onChange Executes the callback function on input change. Returns the current input’s string.\n * @property {function} onRender Executes the callback function every time simple-keyboard is rendered (e.g: when you change layouts).\n * @property {function} onInit Executes the callback function once simple-keyboard is rendered for the first time (on initialization).\n * @property {function(inputs: object):object} onChangeAll Executes the callback function on input change. Returns the input object with all defined inputs.\n * @property {boolean} useButtonTag Render buttons as a button element instead of a div element.\n * @property {boolean} disableCaretPositioning A prop to ensure characters are always be added/removed at the end of the string.\n * @property {object} inputPattern Restrains input(s) change to the defined regular expression pattern.\n * @property {boolean} useTouchEvents Instructs simple-keyboard to use touch events instead of click events.\n * @property {boolean} autoUseTouchEvents Enable useTouchEvents automatically when touch device is detected.\n * @property {boolean} useMouseEvents Opt out of PointerEvents handling, falling back to the prior mouse event logic.\n * @property {function} destroy Clears keyboard listeners and DOM elements.\n * @property {boolean} disableButtonHold Disable button hold action.\n * @property {boolean} rtl Adds unicode right-to-left control characters to input return values.\n * @property {function} onKeyReleased Executes the callback function on key release.\n * @property {array} modules Module classes to be loaded by simple-keyboard.\n */\n this.options = options;\n this.options.layoutName = this.options.layoutName || \"default\";\n this.options.theme = this.options.theme || \"hg-theme-default\";\n this.options.inputName = this.options.inputName || \"default\";\n this.options.preventMouseDownDefault =\n this.options.preventMouseDownDefault || false;\n\n /**\n * @type {object} Classes identifying loaded plugins\n */\n this.keyboardPluginClasses = \"\";\n\n /**\n * Bindings\n */\n Utilities.bindMethods(SimpleKeyboard, this);\n\n /**\n * simple-keyboard uses a non-persistent internal input to keep track of the entered string (the variable `keyboard.input`).\n * This removes any dependency to input DOM elements. You can type and directly display the value in a div element, for example.\n * @example\n * // To get entered input\n * const input = keyboard.getInput();\n *\n * // To clear entered input.\n * keyboard.clearInput();\n *\n * @type {object}\n * @property {object} default Default SimpleKeyboard internal input.\n * @property {object} myInputName Example input that can be set through `options.inputName:\"myInputName\"`.\n */\n this.input = {};\n this.input[this.options.inputName] = \"\";\n\n /**\n * @type {string} DOM class of the keyboard wrapper, normally \"simple-keyboard\" by default.\n */\n this.keyboardDOMClass = keyboardDOMClass;\n\n /**\n * @type {object} Contains the DOM elements of every rendered button, the key being the button's layout name (e.g.: \"{enter}\").\n */\n this.buttonElements = {};\n\n /**\n * Simple-keyboard Instances\n * This enables multiple simple-keyboard support with easier management\n */\n if (!window[\"SimpleKeyboardInstances\"])\n window[\"SimpleKeyboardInstances\"] = {};\n\n this.currentInstanceName = this.utilities.camelCase(this.keyboardDOMClass);\n window[\"SimpleKeyboardInstances\"][this.currentInstanceName] = this;\n\n /**\n * Instance vars\n */\n this.allKeyboardInstances = window[\"SimpleKeyboardInstances\"];\n this.keyboardInstanceNames = Object.keys(window[\"SimpleKeyboardInstances\"]);\n this.isFirstKeyboardInstance =\n this.keyboardInstanceNames[0] === this.currentInstanceName;\n\n /**\n * Physical Keyboard support\n */\n this.physicalKeyboard = new PhysicalKeyboard({\n dispatch: this.dispatch,\n getOptions: this.getOptions\n });\n\n /**\n * Rendering keyboard\n */\n if (this.keyboardDOM) this.render();\n else {\n console.warn(`\".${keyboardDOMClass}\" was not found in the DOM.`);\n throw new Error(\"KEYBOARD_DOM_ERROR\");\n }\n\n /**\n * Modules\n */\n this.modules = {};\n this.loadModules();\n }\n\n /**\n * parseParams\n */\n handleParams = params => {\n let keyboardDOMClass;\n let keyboardDOM;\n let options;\n\n /**\n * If first parameter is a string:\n * Consider it as an element's class\n */\n if (typeof params[0] === \"string\") {\n keyboardDOMClass = params[0].split(\".\").join(\"\");\n keyboardDOM = document.querySelector(`.${keyboardDOMClass}`);\n options = params[1];\n\n /**\n * If first parameter is an HTMLDivElement\n * Consider it as the keyboard DOM element\n */\n } else if (params[0] instanceof HTMLDivElement) {\n /**\n * This element must have a class, otherwise throw\n */\n if (!params[0].className) {\n console.warn(\"Any DOM element passed as parameter must have a class.\");\n throw new Error(\"KEYBOARD_DOM_CLASS_ERROR\");\n }\n\n keyboardDOMClass = params[0].className.split(\" \")[0];\n keyboardDOM = params[0];\n options = params[1];\n\n /**\n * Otherwise, search for .simple-keyboard DOM element\n */\n } else {\n keyboardDOMClass = \"simple-keyboard\";\n keyboardDOM = document.querySelector(`.${keyboardDOMClass}`);\n options = params[0];\n }\n\n return {\n keyboardDOMClass,\n keyboardDOM,\n options\n };\n };\n\n /**\n * Getters\n */\n getOptions = () => this.options;\n getCaretPosition = () => this.caretPosition;\n getCaretPositionEnd = () => this.caretPositionEnd;\n\n /**\n * Setters\n */\n setCaretPosition(position, endPosition) {\n this.caretPosition = position;\n this.caretPositionEnd = endPosition || position;\n }\n\n /**\n * Handles clicks made to keyboard buttons\n * @param {string} button The button's layout name.\n */\n handleButtonClicked(button) {\n const debug = this.options.debug;\n\n /**\n * Ignoring placeholder buttons\n */\n if (button === \"{//}\") return false;\n\n /**\n * Calling onKeyPress\n */\n if (typeof this.options.onKeyPress === \"function\")\n this.options.onKeyPress(button);\n\n if (!this.input[this.options.inputName])\n this.input[this.options.inputName] = \"\";\n\n const updatedInput = this.utilities.getUpdatedInput(\n button,\n this.input[this.options.inputName],\n this.caretPosition,\n this.caretPositionEnd\n );\n\n if (\n // If input will change as a result of this button press\n this.input[this.options.inputName] !== updatedInput &&\n // This pertains to the \"inputPattern\" option:\n // If inputPattern isn't set\n (!this.options.inputPattern ||\n // Or, if it is set and if the pattern is valid - we proceed.\n (this.options.inputPattern && this.inputPatternIsValid(updatedInput)))\n ) {\n /**\n * If maxLength and handleMaxLength yield true, halting\n */\n if (\n this.options.maxLength &&\n this.utilities.handleMaxLength(this.input, updatedInput)\n ) {\n return false;\n }\n\n this.input[this.options.inputName] = this.utilities.getUpdatedInput(\n button,\n this.input[this.options.inputName],\n this.caretPosition,\n this.caretPositionEnd,\n true\n );\n\n if (debug) console.log(\"Input changed:\", this.getAllInputs());\n\n if (this.options.debug) {\n console.log(\n \"Caret at: \",\n this.getCaretPosition(),\n this.getCaretPositionEnd(),\n `(${this.keyboardDOMClass})`\n );\n }\n\n /**\n * Enforce syncInstanceInputs, if set\n */\n if (this.options.syncInstanceInputs) this.syncInstanceInputs();\n\n /**\n * Calling onChange\n */\n if (typeof this.options.onChange === \"function\")\n this.options.onChange(this.getInput(this.options.inputName, true));\n\n /**\n * Calling onChangeAll\n */\n if (typeof this.options.onChangeAll === \"function\")\n this.options.onChangeAll(this.getAllInputs());\n }\n\n if (debug) {\n console.log(\"Key pressed:\", button);\n }\n }\n\n /**\n * Handles button mousedown\n */\n /* istanbul ignore next */\n handleButtonMouseDown(button, e) {\n if (e) {\n /**\n * Handle event options\n */\n if (this.options.preventMouseDownDefault) e.preventDefault();\n if (this.options.stopMouseDownPropagation) e.stopPropagation();\n\n /**\n * Add active class\n */\n e.target.classList.add(this.activeButtonClass);\n }\n\n if (this.holdInteractionTimeout) clearTimeout(this.holdInteractionTimeout);\n if (this.holdTimeout) clearTimeout(this.holdTimeout);\n\n /**\n * @type {boolean} Whether the mouse is being held onKeyPress\n */\n this.isMouseHold = true;\n\n /**\n * @type {object} Time to wait until a key hold is detected\n */\n if (!this.options.disableButtonHold) {\n this.holdTimeout = setTimeout(() => {\n if (\n (this.isMouseHold &&\n // TODO: This needs to be configurable through options\n ((!button.includes(\"{\") && !button.includes(\"}\")) ||\n button === \"{delete}\" ||\n button === \"{backspace}\" ||\n button === \"{bksp}\" ||\n button === \"{space}\" ||\n button === \"{tab}\")) ||\n button === \"{arrowright}\" ||\n button === \"{arrowleft}\" ||\n button === \"{arrowup}\" ||\n button === \"{arrowdown}\"\n ) {\n if (this.options.debug) console.log(\"Button held:\", button);\n\n this.handleButtonHold(button, e);\n }\n clearTimeout(this.holdTimeout);\n }, 500);\n }\n }\n\n /**\n * Handles button mouseup\n */\n handleButtonMouseUp(button = null, e = null) {\n if (e) {\n /**\n * Handle event options\n */\n if (this.options.preventMouseUpDefault) e.preventDefault();\n if (this.options.stopMouseUpPropagation) e.stopPropagation();\n }\n\n /**\n * Remove active class\n */\n this.recurseButtons(buttonElement => {\n buttonElement.classList.remove(this.activeButtonClass);\n });\n\n this.isMouseHold = false;\n if (this.holdInteractionTimeout) clearTimeout(this.holdInteractionTimeout);\n\n /**\n * Calling onKeyReleased\n */\n if (button && typeof this.options.onKeyReleased === \"function\")\n this.options.onKeyReleased(button);\n }\n\n /**\n * Handles container mousedown\n */\n handleKeyboardContainerMouseDown(e) {\n /**\n * Handle event options\n */\n if (this.options.preventMouseDownDefault) e.preventDefault();\n }\n\n /**\n * Handles button hold\n */\n /* istanbul ignore next */\n handleButtonHold(button) {\n if (this.holdInteractionTimeout) clearTimeout(this.holdInteractionTimeout);\n\n /**\n * @type {object} Timeout dictating the speed of key hold iterations\n */\n this.holdInteractionTimeout = setTimeout(() => {\n if (this.isMouseHold) {\n this.handleButtonClicked(button);\n this.handleButtonHold(button);\n } else {\n clearTimeout(this.holdInteractionTimeout);\n }\n }, 100);\n }\n\n /**\n * Send a command to all simple-keyboard instances (if you have several instances).\n */\n syncInstanceInputs() {\n this.dispatch(instance => {\n instance.replaceInput(this.input);\n instance.setCaretPosition(this.caretPosition, this.caretPositionEnd);\n });\n }\n\n /**\n * Clear the keyboard’s input.\n * @param {string} [inputName] optional - the internal input to select\n */\n clearInput(inputName) {\n inputName = inputName || this.options.inputName;\n this.input[inputName] = \"\";\n\n /**\n * Reset caretPosition\n */\n this.setCaretPosition(0);\n\n /**\n * Enforce syncInstanceInputs, if set\n */\n if (this.options.syncInstanceInputs) this.syncInstanceInputs();\n }\n\n /**\n * Get the keyboard’s input (You can also get it from the onChange prop).\n * @param {string} [inputName] optional - the internal input to select\n */\n getInput(inputName, skipSync = false) {\n inputName = inputName || this.options.inputName;\n\n /**\n * Enforce syncInstanceInputs, if set\n */\n if (this.options.syncInstanceInputs && !skipSync) this.syncInstanceInputs();\n\n if (this.options.rtl) {\n // Remove existing control chars\n const inputWithoutRTLControl = this.input[inputName]\n .replace(\"\\u202B\", \"\")\n .replace(\"\\u202C\", \"\");\n\n return \"\\u202B\" + inputWithoutRTLControl + \"\\u202C\";\n } else {\n return this.input[inputName];\n }\n }\n\n /**\n * Get all simple-keyboard inputs\n */\n getAllInputs() {\n const output = {};\n const inputNames = Object.keys(this.input);\n\n inputNames.forEach(inputName => {\n output[inputName] = this.getInput(inputName, true);\n });\n\n return output;\n }\n\n /**\n * Set the keyboard’s input.\n * @param {string} input the input value\n * @param {string} inputName optional - the internal input to select\n */\n setInput(input, inputName) {\n inputName = inputName || this.options.inputName;\n this.input[inputName] = input;\n\n /**\n * Enforce syncInstanceInputs, if set\n */\n if (this.options.syncInstanceInputs) this.syncInstanceInputs();\n }\n\n /**\n * Replace the input object (`keyboard.input`)\n * @param {object} inputObj The input object\n */\n replaceInput(inputObj) {\n this.input = inputObj;\n }\n\n /**\n * Set new option or modify existing ones after initialization.\n * @param {object} options The options to set\n */\n setOptions(options = {}) {\n const changedOptions = this.changedOptions(options);\n this.options = Object.assign(this.options, options);\n\n if (changedOptions.length) {\n if (this.options.debug) {\n console.log(\"changedOptions\", changedOptions);\n }\n\n /**\n * Some option changes require adjustments before re-render\n */\n this.onSetOptions(options);\n\n /**\n * Rendering\n */\n this.render();\n }\n }\n\n /**\n * Detecting changes to non-function options\n * This allows us to ascertain whether a button re-render is needed\n */\n changedOptions(newOptions) {\n return Object.keys(newOptions).filter(\n optionName =>\n JSON.stringify(newOptions[optionName]) !==\n JSON.stringify(this.options[optionName])\n );\n }\n\n /**\n * Executing actions depending on changed options\n * @param {object} options The options to set\n */\n onSetOptions(options) {\n if (options.inputName) {\n /**\n * inputName changed. This requires a caretPosition reset\n */\n if (this.options.debug) {\n console.log(\"inputName changed. caretPosition reset.\");\n }\n this.setCaretPosition(null);\n }\n }\n\n /**\n * Remove all keyboard rows and reset keyboard values.\n * Used internally between re-renders.\n */\n clear() {\n this.keyboardDOM.innerHTML = \"\";\n this.keyboardDOM.className = this.keyboardDOMClass;\n this.buttonElements = {};\n }\n\n /**\n * Send a command to all simple-keyboard instances at once (if you have multiple instances).\n * @param {function(instance: object, key: string)} callback Function to run on every instance\n */\n dispatch(callback) {\n if (!window[\"SimpleKeyboardInstances\"]) {\n console.warn(\n `SimpleKeyboardInstances is not defined. Dispatch cannot be called.`\n );\n throw new Error(\"INSTANCES_VAR_ERROR\");\n }\n\n return Object.keys(window[\"SimpleKeyboardInstances\"]).forEach(key => {\n callback(window[\"SimpleKeyboardInstances\"][key], key);\n });\n }\n\n /**\n * Adds/Modifies an entry to the `buttonTheme`. Basically a way to add a class to a button.\n * @param {string} buttons List of buttons to select (separated by a space).\n * @param {string} className Classes to give to the selected buttons (separated by space).\n */\n addButtonTheme(buttons, className) {\n if (!className || !buttons) return false;\n\n buttons.split(\" \").forEach(button => {\n className.split(\" \").forEach(classNameItem => {\n if (!this.options.buttonTheme) this.options.buttonTheme = [];\n\n let classNameFound = false;\n\n /**\n * If class is already defined, we add button to class definition\n */\n this.options.buttonTheme.map(buttonTheme => {\n if (buttonTheme.class.split(\" \").includes(classNameItem)) {\n classNameFound = true;\n\n const buttonThemeArray = buttonTheme.buttons.split(\" \");\n if (!buttonThemeArray.includes(button)) {\n classNameFound = true;\n buttonThemeArray.push(button);\n buttonTheme.buttons = buttonThemeArray.join(\" \");\n }\n }\n return buttonTheme;\n });\n\n /**\n * If class is not defined, we create a new entry\n */\n if (!classNameFound) {\n this.options.buttonTheme.push({\n class: classNameItem,\n buttons: buttons\n });\n }\n });\n });\n\n this.render();\n }\n\n /**\n * Removes/Amends an entry to the `buttonTheme`. Basically a way to remove a class previously added to a button through buttonTheme or addButtonTheme.\n * @param {string} buttons List of buttons to select (separated by a space).\n * @param {string} className Classes to give to the selected buttons (separated by space).\n */\n removeButtonTheme(buttons, className) {\n /**\n * When called with empty parameters, remove all button themes\n */\n if (!buttons && !className) {\n this.options.buttonTheme = [];\n this.render();\n return false;\n }\n\n /**\n * If buttons are passed and buttonTheme has items\n */\n if (\n buttons &&\n Array.isArray(this.options.buttonTheme) &&\n this.options.buttonTheme.length\n ) {\n const buttonArray = buttons.split(\" \");\n buttonArray.forEach(button => {\n this.options.buttonTheme.map((buttonTheme, index) => {\n /**\n * If className is set, we affect the buttons only for that class\n * Otherwise, we afect all classes\n */\n if (\n (className && className.includes(buttonTheme.class)) ||\n !className\n ) {\n const filteredButtonArray = buttonTheme.buttons\n .split(\" \")\n .filter(item => item !== button);\n\n /**\n * If buttons left, return them, otherwise, remove button Theme\n */\n if (filteredButtonArray.length) {\n buttonTheme.buttons = filteredButtonArray.join(\" \");\n } else {\n this.options.buttonTheme.splice(index, 1);\n buttonTheme = null;\n }\n }\n\n return buttonTheme;\n });\n });\n\n this.render();\n }\n }\n\n /**\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.\n * @param {string} button The button layout name to select\n */\n getButtonElement(button) {\n let output;\n\n const buttonArr = this.buttonElements[button];\n if (buttonArr) {\n if (buttonArr.length > 1) {\n output = buttonArr;\n } else {\n output = buttonArr[0];\n }\n }\n\n return output;\n }\n\n /**\n * This handles the \"inputPattern\" option\n * by checking if the provided inputPattern passes\n */\n inputPatternIsValid(inputVal) {\n const inputPatternRaw = this.options.inputPattern;\n let inputPattern;\n\n /**\n * Check if input pattern is global or targeted to individual inputs\n */\n if (inputPatternRaw instanceof RegExp) {\n inputPattern = inputPatternRaw;\n } else {\n inputPattern = inputPatternRaw[this.options.inputName];\n }\n\n if (inputPattern && inputVal) {\n const didInputMatch = inputPattern.test(inputVal);\n\n if (this.options.debug) {\n console.log(\n `inputPattern (\"${inputPattern}\"): ${\n didInputMatch ? \"passed\" : \"did not pass!\"\n }`\n );\n }\n\n return didInputMatch;\n } else {\n /**\n * inputPattern doesn't seem to be set for the current input, or input is empty. Pass.\n */\n return true;\n }\n }\n\n /**\n * Handles simple-keyboard event listeners\n */\n setEventListeners() {\n /**\n * Only first instance should set the event listeners\n */\n if (this.isFirstKeyboardInstance || !this.allKeyboardInstances) {\n if (this.options.debug) {\n console.log(`Caret handling started (${this.keyboardDOMClass})`);\n }\n\n /**\n * Event Listeners\n */\n document.addEventListener(\"keyup\", this.handleKeyUp);\n document.addEventListener(\"keydown\", this.handleKeyDown);\n document.addEventListener(\"mouseup\", this.handleMouseUp);\n document.addEventListener(\"touchend\", this.handleTouchEnd);\n }\n }\n\n /**\n * Event Handler: KeyUp\n */\n handleKeyUp(event) {\n this.caretEventHandler(event);\n\n if (this.options.physicalKeyboardHighlight) {\n this.physicalKeyboard.handleHighlightKeyUp(event);\n }\n }\n\n /**\n * Event Handler: KeyDown\n */\n handleKeyDown(event) {\n if (this.options.physicalKeyboardHighlight) {\n this.physicalKeyboard.handleHighlightKeyDown(event);\n }\n }\n\n /**\n * Event Handler: MouseUp\n */\n handleMouseUp(event) {\n this.caretEventHandler(event);\n }\n\n /**\n * Event Handler: TouchEnd\n */\n /* istanbul ignore next */\n handleTouchEnd(event) {\n this.caretEventHandler(event);\n }\n\n /**\n * Called by {@link setEventListeners} when an event that warrants a cursor position update is triggered\n */\n caretEventHandler(event) {\n let targetTagName;\n if (event.target.tagName) {\n targetTagName = event.target.tagName.toLowerCase();\n }\n\n this.dispatch(instance => {\n const isKeyboard =\n event.target === instance.keyboardDOM ||\n (event.target && instance.keyboardDOM.contains(event.target));\n\n if (instance.isMouseHold) {\n instance.isMouseHold = false;\n }\n\n if (\n (targetTagName === \"textarea\" || targetTagName === \"input\") &&\n !instance.options.disableCaretPositioning\n ) {\n /**\n * Tracks current cursor position\n * As keys are pressed, text will be added/removed at that position within the input.\n */\n instance.setCaretPosition(\n event.target.selectionStart,\n event.target.selectionEnd\n );\n\n if (instance.options.debug) {\n console.log(\n \"Caret at: \",\n instance.getCaretPosition(),\n instance.getCaretPositionEnd(),\n event && event.target.tagName.toLowerCase(),\n `(${instance.keyboardDOMClass})`\n );\n }\n } else if (instance.options.disableCaretPositioning || !isKeyboard) {\n /**\n * If we toggled off disableCaretPositioning, we must ensure caretPosition doesn't persist once reactivated.\n */\n instance.setCaretPosition(null);\n }\n });\n }\n\n /**\n * Execute an operation on each button\n */\n recurseButtons(fn) {\n if (!fn) return false;\n\n Object.keys(this.buttonElements).forEach(buttonName =>\n this.buttonElements[buttonName].forEach(fn)\n );\n }\n\n /**\n * Destroy keyboard listeners and DOM elements\n */\n destroy() {\n if (this.options.debug)\n console.log(\n `Destroying simple-keyboard instance: ${this.currentInstanceName}`\n );\n\n /**\n * Remove document listeners\n */\n document.removeEventListener(\"keyup\", this.handleKeyUp);\n document.removeEventListener(\"keydown\", this.handleKeyDown);\n document.removeEventListener(\"mouseup\", this.handleMouseUp);\n document.removeEventListener(\"touchend\", this.handleTouchEnd);\n document.onpointerup = null;\n document.ontouchend = null;\n document.ontouchcancel = null;\n document.onmouseup = null;\n\n /**\n * Remove buttons\n */\n let deleteButton = buttonElement => {\n buttonElement.onpointerdown = null;\n buttonElement.onpointerup = null;\n buttonElement.onpointercancel = null;\n buttonElement.ontouchstart = null;\n buttonElement.ontouchend = null;\n buttonElement.ontouchcancel = null;\n buttonElement.onclick = null;\n buttonElement.onmousedown = null;\n buttonElement.onmouseup = null;\n\n buttonElement.remove();\n buttonElement = null;\n };\n\n this.recurseButtons(deleteButton);\n\n this.recurseButtons = null;\n deleteButton = null;\n\n /**\n * Remove wrapper events\n */\n this.keyboardDOM.onpointerdown = null;\n this.keyboardDOM.ontouchstart = null;\n this.keyboardDOM.onmousedown = null;\n\n /**\n * Clearing keyboard wrapper\n */\n this.clear();\n\n /**\n * Remove instance\n */\n window[\"SimpleKeyboardInstances\"][this.currentInstanceName] = null;\n delete window[\"SimpleKeyboardInstances\"][this.currentInstanceName];\n\n /**\n * Reset initialized flag\n */\n this.initialized = false;\n }\n\n /**\n * Process buttonTheme option\n */\n getButtonThemeClasses(button) {\n const buttonTheme = this.options.buttonTheme;\n let buttonClasses = [];\n\n if (Array.isArray(buttonTheme)) {\n buttonTheme.forEach(themeObj => {\n if (\n themeObj.class &&\n typeof themeObj.class === \"string\" &&\n themeObj.buttons &&\n typeof themeObj.buttons === \"string\"\n ) {\n const themeObjClasses = themeObj.class.split(\" \");\n const themeObjButtons = themeObj.buttons.split(\" \");\n\n if (themeObjButtons.includes(button)) {\n buttonClasses = [...buttonClasses, ...themeObjClasses];\n }\n } else {\n console.warn(\n `Incorrect \"buttonTheme\". Please check the documentation.`,\n themeObj\n );\n }\n });\n }\n\n return buttonClasses;\n }\n\n /**\n * Process buttonAttributes option\n */\n setDOMButtonAttributes(button, callback) {\n const buttonAttributes = this.options.buttonAttributes;\n\n if (Array.isArray(buttonAttributes)) {\n buttonAttributes.forEach(attrObj => {\n if (\n attrObj.attribute &&\n typeof attrObj.attribute === \"string\" &&\n attrObj.value &&\n typeof attrObj.value === \"string\" &&\n attrObj.buttons &&\n typeof attrObj.buttons === \"string\"\n ) {\n const attrObjButtons = attrObj.buttons.split(\" \");\n\n if (attrObjButtons.includes(button)) {\n callback(attrObj.attribute, attrObj.value);\n }\n } else {\n console.warn(\n `Incorrect \"buttonAttributes\". Please check the documentation.`,\n attrObj\n );\n }\n });\n }\n }\n\n onTouchDeviceDetected() {\n /**\n * Processing autoTouchEvents\n */\n this.processAutoTouchEvents();\n\n /**\n * Disabling contextual window on touch devices\n */\n this.disableContextualWindow();\n }\n\n /**\n * Disabling contextual window for hg-button\n */\n /* istanbul ignore next */\n disableContextualWindow() {\n window.oncontextmenu = event => {\n if (event.target.classList.contains(\"hg-button\")) {\n event.preventDefault();\n event.stopPropagation();\n return false;\n }\n };\n }\n\n /**\n * Process autoTouchEvents option\n */\n processAutoTouchEvents() {\n if (this.options.autoUseTouchEvents) {\n this.options.useTouchEvents = true;\n\n if (this.options.debug) {\n console.log(\n `autoUseTouchEvents: Touch device detected, useTouchEvents enabled.`\n );\n }\n }\n }\n\n /**\n * Executes the callback function once simple-keyboard is rendered for the first time (on initialization).\n */\n onInit() {\n if (this.options.debug) {\n console.log(`${this.keyboardDOMClass} Initialized`);\n }\n\n /**\n * setEventListeners\n */\n this.setEventListeners();\n\n if (typeof this.options.onInit === \"function\") this.options.onInit();\n }\n\n /**\n * Executes the callback function before a simple-keyboard render.\n */\n beforeFirstRender() {\n /**\n * Performing actions when touch device detected\n */\n if (this.utilities.isTouchDevice()) {\n this.onTouchDeviceDetected();\n }\n\n if (typeof this.options.beforeFirstRender === \"function\")\n this.options.beforeFirstRender();\n\n /**\n * Notify about PointerEvents usage\n */\n if (\n this.isFirstKeyboardInstance &&\n this.utilities.pointerEventsSupported() &&\n !this.options.useTouchEvents &&\n !this.options.useMouseEvents\n ) {\n if (this.options.debug) {\n console.log(\"Using PointerEvents as it is supported by this browser\");\n }\n }\n\n /**\n * Notify about touch events usage\n */\n if (this.options.useTouchEvents) {\n if (this.options.debug) {\n console.log(\n \"useTouchEvents has been enabled. Only touch events will be used.\"\n );\n }\n }\n }\n\n /**\n * Executes the callback function before a simple-keyboard render.\n */\n beforeRender() {\n if (typeof this.options.beforeRender === \"function\")\n this.options.beforeRender();\n }\n\n /**\n * Executes the callback function every time simple-keyboard is rendered (e.g: when you change layouts).\n */\n onRender() {\n if (typeof this.options.onRender === \"function\") this.options.onRender();\n }\n\n /**\n * Executes the callback function once all modules have been loaded\n */\n onModulesLoaded() {\n if (typeof this.options.onModulesLoaded === \"function\")\n this.options.onModulesLoaded(this);\n }\n\n /**\n * Register module\n */\n registerModule = (name, initCallback) => {\n if (!this.modules[name]) this.modules[name] = {};\n\n initCallback(this.modules[name]);\n };\n\n /**\n * Load modules\n */\n loadModules() {\n if (Array.isArray(this.options.modules)) {\n this.options.modules.forEach(KeyboardModule => {\n const keyboardModule = new KeyboardModule();\n keyboardModule.init(this);\n });\n\n this.keyboardPluginClasses = \"modules-loaded\";\n\n this.render();\n this.onModulesLoaded();\n }\n }\n\n /**\n * Get module prop\n */\n getModuleProp(name, prop) {\n if (!this.modules[name]) return false;\n\n return this.modules[name][prop];\n }\n\n /**\n * getModulesList\n */\n getModulesList() {\n return Object.keys(this.modules);\n }\n\n /**\n * Parse Row DOM containers\n */\n parseRowDOMContainers(\n rowDOM,\n rowIndex,\n containerStartIndexes,\n containerEndIndexes\n ) {\n const rowDOMArray = Array.from(rowDOM.children);\n let removedElements = 0;\n\n if (rowDOMArray.length) {\n containerStartIndexes.forEach((startIndex, arrIndex) => {\n const endIndex = containerEndIndexes[arrIndex];\n\n /**\n * If there exists a respective end index\n * if end index comes after start index\n */\n if (!endIndex || !(endIndex > startIndex)) {\n return false;\n }\n\n /**\n * Updated startIndex, endIndex\n * This is since the removal of buttons to place a single button container\n * results in a modified array size\n */\n const updated_startIndex = startIndex - removedElements;\n const updated_endIndex = endIndex - removedElements;\n\n /**\n * Create button container\n */\n const containerDOM = document.createElement(\"div\");\n containerDOM.className += \"hg-button-container\";\n const containerUID = `${this.options.layoutName}-r${rowIndex}c${arrIndex}`;\n containerDOM.setAttribute(\"data-skUID\", containerUID);\n\n /**\n * Taking elements due to be inserted into container\n */\n const containedElements = rowDOMArray.splice(\n updated_startIndex,\n updated_endIndex - updated_startIndex + 1\n );\n removedElements = updated_endIndex - updated_startIndex;\n\n /**\n * Inserting elements to container\n */\n containedElements.forEach(element => containerDOM.appendChild(element));\n\n /**\n * Adding container at correct position within rowDOMArray\n */\n rowDOMArray.splice(updated_startIndex, 0, containerDOM);\n\n /**\n * Clearing old rowDOM children structure\n */\n rowDOM.innerHTML = \"\";\n\n /**\n * Appending rowDOM new children list\n */\n rowDOMArray.forEach(element => rowDOM.appendChild(element));\n\n if (this.options.debug) {\n console.log(\n \"rowDOMContainer\",\n containedElements,\n updated_startIndex,\n updated_endIndex,\n removedElements + 1\n );\n }\n });\n }\n\n return rowDOM;\n }\n\n /**\n * getKeyboardClassString\n */\n getKeyboardClassString = (...baseDOMClasses) => {\n const keyboardClasses = [this.keyboardDOMClass, ...baseDOMClasses].filter(\n DOMClass => !!DOMClass\n );\n\n return keyboardClasses.join(\" \");\n };\n\n /**\n * Renders rows and buttons as per options\n */\n render() {\n /**\n * Clear keyboard\n */\n this.clear();\n\n /**\n * Calling beforeFirstRender\n */\n if (!this.initialized) {\n this.beforeFirstRender();\n }\n\n /**\n * Calling beforeRender\n */\n this.beforeRender();\n\n const layoutClass = `hg-layout-${this.options.layoutName}`;\n const layout = this.options.layout || getDefaultLayout();\n const useTouchEvents = this.options.useTouchEvents || false;\n const useTouchEventsClass = useTouchEvents ? \"hg-touch-events\" : \"\";\n const useMouseEvents = this.options.useMouseEvents || false;\n const disableRowButtonContainers = this.options.disableRowButtonContainers;\n\n /**\n * Adding themeClass, layoutClass to keyboardDOM\n */\n this.keyboardDOM.className = this.getKeyboardClassString(\n this.options.theme,\n layoutClass,\n this.keyboardPluginClasses,\n useTouchEventsClass\n );\n\n /**\n * Iterating through each row\n */\n layout[this.options.layoutName].forEach((row, rIndex) => {\n const rowArray = row.split(\" \");\n\n /**\n * Creating empty row\n */\n let rowDOM = document.createElement(\"div\");\n rowDOM.className += \"hg-row\";\n\n /**\n * Tracking container indicators in rows\n */\n const containerStartIndexes = [];\n const containerEndIndexes = [];\n\n /**\n * Iterating through each button in row\n */\n rowArray.forEach((button, bIndex) => {\n /**\n * Check if button has a container indicator\n */\n const buttonHasContainerStart =\n !disableRowButtonContainers &&\n typeof button === \"string\" &&\n button.length > 1 &&\n button.indexOf(\"[\") === 0;\n\n const buttonHasContainerEnd =\n !disableRowButtonContainers &&\n typeof button === \"string\" &&\n button.length > 1 &&\n button.indexOf(\"]\") === button.length - 1;\n\n /**\n * Save container start index, if applicable\n */\n if (buttonHasContainerStart) {\n containerStartIndexes.push(bIndex);\n\n /**\n * Removing indicator\n */\n button = button.replace(/\\[/g, \"\");\n }\n\n if (buttonHasContainerEnd) {\n containerEndIndexes.push(bIndex);\n\n /**\n * Removing indicator\n */\n button = button.replace(/\\]/g, \"\");\n }\n\n /**\n * Processing button options\n */\n const fctBtnClass = this.utilities.getButtonClass(button);\n const buttonDisplayName = this.utilities.getButtonDisplayName(\n button,\n this.options.display,\n this.options.mergeDisplay\n );\n\n /**\n * Creating button\n */\n const buttonType = this.options.useButtonTag ? \"button\" : \"div\";\n const buttonDOM = document.createElement(buttonType);\n buttonDOM.className += `hg-button ${fctBtnClass}`;\n\n /**\n * Adding buttonTheme\n */\n buttonDOM.classList.add(...this.getButtonThemeClasses(button));\n\n /**\n * Adding buttonAttributes\n */\n this.setDOMButtonAttributes(button, (attribute, value) => {\n buttonDOM.setAttribute(attribute, value);\n });\n\n this.activeButtonClass = \"hg-activeButton\";\n\n /**\n * Handle button click event\n */\n /* istanbul ignore next */\n if (\n this.utilities.pointerEventsSupported() &&\n !useTouchEvents &&\n !useMouseEvents\n ) {\n /**\n * Handle PointerEvents\n */\n buttonDOM.onpointerdown = e => {\n this.handleButtonClicked(button);\n this.handleButtonMouseDown(button, e);\n };\n buttonDOM.onpointerup = e => {\n this.handleButtonMouseUp(button, e);\n };\n buttonDOM.onpointercancel = e => {\n this.handleButtonMouseUp(button, e);\n };\n } else {\n /**\n * Fallback for browsers not supporting PointerEvents\n */\n if (useTouchEvents) {\n /**\n * Handle touch events\n */\n buttonDOM.ontouchstart = e => {\n this.handleButtonClicked(button);\n this.handleButtonMouseDown(button, e);\n };\n buttonDOM.ontouchend = e => {\n this.handleButtonMouseUp(button, e);\n };\n buttonDOM.ontouchcancel = e => {\n this.handleButtonMouseUp(button, e);\n };\n } else {\n /**\n * Handle mouse events\n */\n buttonDOM.onclick = () => {\n this.isMouseHold = false;\n this.handleButtonClicked(button);\n };\n buttonDOM.onmousedown = e => {\n this.handleButtonMouseDown(button, e);\n };\n buttonDOM.onmouseup = e => {\n this.handleButtonMouseUp(button, e);\n };\n }\n }\n\n /**\n * Adding identifier\n */\n buttonDOM.setAttribute(\"data-skBtn\", button);\n\n /**\n * Adding unique id\n * Since there's no limit on spawning same buttons, the unique id ensures you can style every button\n */\n const buttonUID = `${this.options.layoutName}-r${rIndex}b${bIndex}`;\n buttonDOM.setAttribute(\"data-skBtnUID\", buttonUID);\n\n /**\n * Adding button label to button\n */\n const buttonSpanDOM = document.createElement(\"span\");\n buttonSpanDOM.innerHTML = buttonDisplayName;\n buttonDOM.appendChild(buttonSpanDOM);\n\n /**\n * Adding to buttonElements\n */\n if (!this.buttonElements[button]) this.buttonElements[button] = [];\n\n this.buttonElements[button].push(buttonDOM);\n\n /**\n * Appending button to row\n */\n rowDOM.appendChild(buttonDOM);\n });\n\n /**\n * Parse containers in row\n */\n rowDOM = this.parseRowDOMContainers(\n rowDOM,\n rIndex,\n containerStartIndexes,\n containerEndIndexes\n );\n\n /**\n * Appending row to keyboard\n */\n this.keyboardDOM.appendChild(rowDOM);\n });\n\n /**\n * Calling onRender\n */\n this.onRender();\n\n if (!this.initialized) {\n /**\n * Ensures that onInit and beforeFirstRender are only called once per instantiation\n */\n this.initialized = true;\n\n /**\n * Handling parent events\n */\n /* istanbul ignore next */\n if (\n this.utilities.pointerEventsSupported() &&\n !useTouchEvents &&\n !useMouseEvents\n ) {\n document.onpointerup = () => this.handleButtonMouseUp();\n this.keyboardDOM.onpointerdown = e =>\n this.handleKeyboardContainerMouseDown(e);\n } else if (useTouchEvents) {\n /**\n * Handling ontouchend, ontouchcancel\n */\n document.ontouchend = () => this.handleButtonMouseUp();\n document.ontouchcancel = () => this.handleButtonMouseUp();\n\n this.keyboardDOM.ontouchstart = e =>\n this.handleKeyboardContainerMouseDown(e);\n } else if (!useTouchEvents) {\n /**\n * Handling mouseup\n */\n document.onmouseup = () => this.handleButtonMouseUp();\n this.keyboardDOM.onmousedown = e =>\n this.handleKeyboardContainerMouseDown(e);\n }\n\n /**\n * Calling onInit\n */\n this.onInit();\n }\n }\n}\n\nexport default SimpleKeyboard;\n","export const getDefaultLayout = () => {\n return {\n default: [\n \"` 1 2 3 4 5 6 7 8 9 0 - = {bksp}\",\n \"{tab} q w e r t y u i o p [ ] \\\\\",\n \"{lock} a s d f g h j k l ; ' {enter}\",\n \"{shift} z x c v b n m , . / {shift}\",\n \".com @ {space}\"\n ],\n shift: [\n \"~ ! @ # $ % ^ & * ( ) _ + {bksp}\",\n \"{tab} Q W E R T Y U I O P { } |\",\n '{lock} A S D F G H J K L : \" {enter}',\n \"{shift} Z X C V B N M < > ? {shift}\",\n \".com @ {space}\"\n ]\n };\n};\n","import SimpleKeyboard from \"./components/Keyboard\";\nexport default SimpleKeyboard;\n"],"sourceRoot":""} \ No newline at end of file +{"version":3,"sources":["../../webpack/universalModuleDefinition","../../webpack/bootstrap","services/Utilities.js","services/PhysicalKeyboard.js","components/Keyboard.js","services/KeyboardLayout.js","index.js"],"names":["root","factory","exports","module","define","amd","this","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","Utilities","getOptions","getCaretPosition","getCaretPositionEnd","dispatch","bindMethods","myClass","instance","getOwnPropertyNames","myMethod","button","buttonTypeClass","includes","buttonWithoutBraces","replace","buttonNormalized","display","mergeDisplay","assign","getDefaultDiplay","input","caretPos","caretPosEnd","moveCaret","options","commonParams","output","length","removeAt","addStringAt","tabCharOnTab","newLineOnEnter","Number","isInteger","minus","newCaretPos","updateCaretPosAction","setCaretPosition","caretPosition","debug","console","log","keyboardDOMClass","source","str","position","positionEnd","slice","join","isMaxLengthReached","updateCaretPos","emojiMatchedReg","substring","match","substr","inputObj","updatedInput","maxLength","currentInput","inputName","condition","maxLengthReached","Boolean","window","navigator","maxTouchPoints","PointerEvent","toLowerCase","trim","split","reduce","word","toUpperCase","PhysicalKeyboard","event","buttonPressed","getSimpleKeyboardLayoutKey","buttonDOM","getButtonElement","style","backgroundColor","physicalKeyboardHighlightBgColor","color","physicalKeyboardHighlightTextColor","physicalKeyboardHighlightPress","onpointerdown","onmousedown","ontouchstart","noop","removeAttribute","onpointerup","onmouseup","ontouchend","code","SimpleKeyboard","params","keyboardDOM","document","querySelector","HTMLDivElement","className","warn","Error","caretPositionEnd","initCallback","baseDOMClasses","keyboardClasses","filter","DOMClass","handleParams","utilities","layoutName","theme","preventMouseDownDefault","keyboardPluginClasses","buttonElements","currentInstanceName","camelCase","allKeyboardInstances","keyboardInstanceNames","keys","isFirstKeyboardInstance","physicalKeyboard","render","loadModules","endPosition","onKeyPress","getUpdatedInput","inputPattern","inputPatternIsValid","handleMaxLength","getAllInputs","syncInstanceInputs","onChange","getInput","onChangeAll","e","preventDefault","stopMouseDownPropagation","stopPropagation","target","classList","add","activeButtonClass","holdInteractionTimeout","clearTimeout","holdTimeout","isMouseHold","disableButtonHold","setTimeout","handleButtonHold","preventMouseUpDefault","stopMouseUpPropagation","recurseButtons","buttonElement","remove","onKeyReleased","handleButtonClicked","replaceInput","skipSync","rtl","inputWithoutRTLControl","forEach","changedOptions","onSetOptions","newOptions","optionName","JSON","stringify","innerHTML","callback","buttons","classNameItem","buttonTheme","classNameFound","map","class","buttonThemeArray","push","Array","isArray","index","filteredButtonArray","item","splice","buttonArr","inputVal","inputPatternRaw","RegExp","didInputMatch","test","addEventListener","handleKeyUp","handleKeyDown","handleMouseUp","handleTouchEnd","caretEventHandler","physicalKeyboardHighlight","handleHighlightKeyUp","handleHighlightKeyDown","targetTagName","tagName","isKeyboard","contains","disableCaretPositioning","selectionStart","selectionEnd","fn","buttonName","removeEventListener","ontouchcancel","deleteButton","onpointercancel","onclick","clear","initialized","buttonClasses","themeObj","themeObjClasses","buttonAttributes","attrObj","attribute","processAutoTouchEvents","disableContextualWindow","oncontextmenu","autoUseTouchEvents","useTouchEvents","setEventListeners","onInit","isTouchDevice","onTouchDeviceDetected","beforeFirstRender","pointerEventsSupported","useMouseEvents","beforeRender","onRender","onModulesLoaded","KeyboardModule","init","prop","rowDOM","rowIndex","containerStartIndexes","containerEndIndexes","rowDOMArray","from","children","removedElements","startIndex","arrIndex","endIndex","updated_startIndex","updated_endIndex","containerDOM","createElement","containerUID","setAttribute","containedElements","element","appendChild","layoutClass","layout","default","shift","useTouchEventsClass","disableRowButtonContainers","getKeyboardClassString","row","rIndex","rowArray","bIndex","buttonHasContainerStart","indexOf","buttonHasContainerEnd","fctBtnClass","getButtonClass","buttonDisplayName","getButtonDisplayName","buttonType","useButtonTag","getButtonThemeClasses","setDOMButtonAttributes","handleButtonMouseDown","handleButtonMouseUp","buttonUID","buttonSpanDOM","parseRowDOMContainers","handleKeyboardContainerMouseDown"],"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})(this, 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","/**\n * Utility Service\n */\nclass Utilities {\n /**\n * Creates an instance of the Utility service\n */\n constructor({ getOptions, getCaretPosition, getCaretPositionEnd, dispatch }) {\n this.getOptions = getOptions;\n this.getCaretPosition = getCaretPosition;\n this.getCaretPositionEnd = getCaretPositionEnd;\n this.dispatch = dispatch;\n\n /**\n * Bindings\n */\n Utilities.bindMethods(Utilities, this);\n }\n\n /**\n * Adds default classes to a given button\n *\n * @param {string} button The button's layout name\n * @return {string} The classes to be added to the button\n */\n getButtonClass(button) {\n const buttonTypeClass =\n button.includes(\"{\") && button.includes(\"}\") && button !== \"{//}\"\n ? \"functionBtn\"\n : \"standardBtn\";\n const buttonWithoutBraces = button.replace(\"{\", \"\").replace(\"}\", \"\");\n let buttonNormalized = \"\";\n\n if (buttonTypeClass !== \"standardBtn\")\n buttonNormalized = ` hg-button-${buttonWithoutBraces}`;\n\n return `hg-${buttonTypeClass}${buttonNormalized}`;\n }\n\n /**\n * Default button display labels\n */\n getDefaultDiplay() {\n return {\n \"{bksp}\": \"backspace\",\n \"{backspace}\": \"backspace\",\n \"{enter}\": \"< enter\",\n \"{shift}\": \"shift\",\n \"{shiftleft}\": \"shift\",\n \"{shiftright}\": \"shift\",\n \"{alt}\": \"alt\",\n \"{s}\": \"shift\",\n \"{tab}\": \"tab\",\n \"{lock}\": \"caps\",\n \"{capslock}\": \"caps\",\n \"{accept}\": \"Submit\",\n \"{space}\": \" \",\n \"{//}\": \" \",\n \"{esc}\": \"esc\",\n \"{escape}\": \"esc\",\n \"{f1}\": \"f1\",\n \"{f2}\": \"f2\",\n \"{f3}\": \"f3\",\n \"{f4}\": \"f4\",\n \"{f5}\": \"f5\",\n \"{f6}\": \"f6\",\n \"{f7}\": \"f7\",\n \"{f8}\": \"f8\",\n \"{f9}\": \"f9\",\n \"{f10}\": \"f10\",\n \"{f11}\": \"f11\",\n \"{f12}\": \"f12\",\n \"{numpaddivide}\": \"/\",\n \"{numlock}\": \"lock\",\n \"{arrowup}\": \"↑\",\n \"{arrowleft}\": \"←\",\n \"{arrowdown}\": \"↓\",\n \"{arrowright}\": \"→\",\n \"{prtscr}\": \"print\",\n \"{scrolllock}\": \"scroll\",\n \"{pause}\": \"pause\",\n \"{insert}\": \"ins\",\n \"{home}\": \"home\",\n \"{pageup}\": \"up\",\n \"{delete}\": \"del\",\n \"{end}\": \"end\",\n \"{pagedown}\": \"down\",\n \"{numpadmultiply}\": \"*\",\n \"{numpadsubtract}\": \"-\",\n \"{numpadadd}\": \"+\",\n \"{numpadenter}\": \"enter\",\n \"{period}\": \".\",\n \"{numpaddecimal}\": \".\",\n \"{numpad0}\": \"0\",\n \"{numpad1}\": \"1\",\n \"{numpad2}\": \"2\",\n \"{numpad3}\": \"3\",\n \"{numpad4}\": \"4\",\n \"{numpad5}\": \"5\",\n \"{numpad6}\": \"6\",\n \"{numpad7}\": \"7\",\n \"{numpad8}\": \"8\",\n \"{numpad9}\": \"9\"\n };\n }\n /**\n * Returns the display (label) name for a given button\n *\n * @param {string} button The button's layout name\n * @param {object} display The provided display option\n * @param {boolean} mergeDisplay Whether the provided param value should be merged with the default one.\n */\n getButtonDisplayName(button, display, mergeDisplay) {\n if (mergeDisplay) {\n display = Object.assign({}, this.getDefaultDiplay(), display);\n } else {\n display = display || this.getDefaultDiplay();\n }\n\n return display[button] || button;\n }\n\n /**\n * Returns the updated input resulting from clicking a given button\n *\n * @param {string} button The button's layout name\n * @param {string} input The input string\n * @param {number} caretPos The cursor's current position\n * @param {number} caretPosEnd The cursor's current end position\n * @param {boolean} moveCaret Whether to update simple-keyboard's cursor\n */\n getUpdatedInput(\n button,\n input,\n caretPos,\n caretPosEnd = caretPos,\n moveCaret = false\n ) {\n const options = this.getOptions();\n const commonParams = [caretPos, caretPosEnd, moveCaret];\n\n let output = input;\n\n if (\n (button === \"{bksp}\" || button === \"{backspace}\") &&\n output.length > 0\n ) {\n output = this.removeAt(output, ...commonParams);\n } else if (button === \"{space}\")\n output = this.addStringAt(output, \" \", ...commonParams);\n else if (\n button === \"{tab}\" &&\n !(\n typeof options.tabCharOnTab === \"boolean\" &&\n options.tabCharOnTab === false\n )\n ) {\n output = this.addStringAt(output, \"\\t\", ...commonParams);\n } else if (\n (button === \"{enter}\" || button === \"{numpadenter}\") &&\n options.newLineOnEnter\n )\n output = this.addStringAt(output, \"\\n\", ...commonParams);\n else if (\n button.includes(\"numpad\") &&\n Number.isInteger(Number(button[button.length - 2]))\n ) {\n output = this.addStringAt(\n output,\n button[button.length - 2],\n ...commonParams\n );\n } else if (button === \"{numpaddivide}\")\n output = this.addStringAt(output, \"/\", ...commonParams);\n else if (button === \"{numpadmultiply}\")\n output = this.addStringAt(output, \"*\", ...commonParams);\n else if (button === \"{numpadsubtract}\")\n output = this.addStringAt(output, \"-\", ...commonParams);\n else if (button === \"{numpadadd}\")\n output = this.addStringAt(output, \"+\", ...commonParams);\n else if (button === \"{numpaddecimal}\")\n output = this.addStringAt(output, \".\", ...commonParams);\n else if (button === \"{\" || button === \"}\")\n output = this.addStringAt(output, button, ...commonParams);\n else if (!button.includes(\"{\") && !button.includes(\"}\"))\n output = this.addStringAt(output, button, ...commonParams);\n\n return output;\n }\n\n /**\n * Moves the cursor position by a given amount\n *\n * @param {number} length Represents by how many characters the input should be moved\n * @param {boolean} minus Whether the cursor should be moved to the left or not.\n */\n updateCaretPos(length, minus) {\n const newCaretPos = this.updateCaretPosAction(length, minus);\n\n this.dispatch(instance => {\n instance.setCaretPosition(newCaretPos);\n });\n }\n\n /**\n * Action method of updateCaretPos\n *\n * @param {number} length Represents by how many characters the input should be moved\n * @param {boolean} minus Whether the cursor should be moved to the left or not.\n */\n updateCaretPosAction(length, minus) {\n const options = this.getOptions();\n let caretPosition = this.getCaretPosition();\n\n if (minus) {\n if (caretPosition > 0) caretPosition = caretPosition - length;\n } else {\n caretPosition = caretPosition + length;\n }\n\n if (options.debug) {\n console.log(\"Caret at:\", caretPosition, `(${this.keyboardDOMClass})`);\n }\n\n return caretPosition;\n }\n\n /**\n * Adds a string to the input at a given position\n *\n * @param {string} source The source input\n * @param {string} str The string to add\n * @param {number} position The (cursor) position where the string should be added\n * @param {boolean} moveCaret Whether to update simple-keyboard's cursor\n */\n addStringAt(\n source,\n str,\n position = source.length,\n positionEnd = source.length,\n moveCaret = false\n ) {\n let output;\n\n if (!position && position !== 0) {\n output = source + str;\n } else {\n output = [source.slice(0, position), str, source.slice(positionEnd)].join(\n \"\"\n );\n\n /**\n * Avoid caret position change when maxLength is set\n */\n if (!this.isMaxLengthReached()) {\n if (moveCaret) this.updateCaretPos(str.length);\n }\n }\n\n return output;\n }\n\n /**\n * Removes an amount of characters at a given position\n *\n * @param {string} source The source input\n * @param {number} position The (cursor) position from where the characters should be removed\n * @param {boolean} moveCaret Whether to update simple-keyboard's cursor\n */\n removeAt(\n source,\n position = source.length,\n positionEnd = source.length,\n moveCaret = false\n ) {\n if (position === 0 && positionEnd === 0) {\n return source;\n }\n\n let output;\n\n if (position === positionEnd) {\n let prevTwoChars;\n let emojiMatched;\n const emojiMatchedReg = /([\\uD800-\\uDBFF][\\uDC00-\\uDFFF])/g;\n\n /**\n * Emojis are made out of two characters, so we must take a custom approach to trim them.\n * For more info: https://mathiasbynens.be/notes/javascript-unicode\n */\n if (position && position >= 0) {\n prevTwoChars = source.substring(position - 2, position);\n emojiMatched = prevTwoChars.match(emojiMatchedReg);\n\n if (emojiMatched) {\n output = source.substr(0, position - 2) + source.substr(position);\n if (moveCaret) this.updateCaretPos(2, true);\n } else {\n output = source.substr(0, position - 1) + source.substr(position);\n if (moveCaret) this.updateCaretPos(1, true);\n }\n } else {\n prevTwoChars = source.slice(-2);\n emojiMatched = prevTwoChars.match(emojiMatchedReg);\n\n if (emojiMatched) {\n output = source.slice(0, -2);\n if (moveCaret) this.updateCaretPos(2, true);\n } else {\n output = source.slice(0, -1);\n if (moveCaret) this.updateCaretPos(1, true);\n }\n }\n } else {\n output = source.slice(0, position) + source.slice(positionEnd);\n if (moveCaret) {\n this.dispatch(instance => {\n instance.setCaretPosition(position);\n });\n }\n }\n\n return output;\n }\n /**\n * Determines whether the maxLength has been reached. This function is called when the maxLength option it set.\n *\n * @param {object} inputObj\n * @param {string} updatedInput\n */\n handleMaxLength(inputObj, updatedInput) {\n const options = this.getOptions();\n const maxLength = options.maxLength;\n const currentInput = inputObj[options.inputName];\n const condition = updatedInput.length - 1 >= maxLength;\n\n if (\n /**\n * If pressing this button won't add more characters\n * We exit out of this limiter function\n */\n updatedInput.length <= currentInput.length\n ) {\n return false;\n }\n\n if (Number.isInteger(maxLength)) {\n if (options.debug) {\n console.log(\"maxLength (num) reached:\", condition);\n }\n\n if (condition) {\n /**\n * @type {boolean} Boolean value that shows whether maxLength has been reached\n */\n this.maxLengthReached = true;\n return true;\n } else {\n this.maxLengthReached = false;\n return false;\n }\n }\n\n if (typeof maxLength === \"object\") {\n const condition = updatedInput.length - 1 >= maxLength[options.inputName];\n\n if (options.debug) {\n console.log(\"maxLength (obj) reached:\", condition);\n }\n\n if (condition) {\n this.maxLengthReached = true;\n return true;\n } else {\n this.maxLengthReached = false;\n return false;\n }\n }\n }\n\n /**\n * Gets the current value of maxLengthReached\n */\n isMaxLengthReached() {\n return Boolean(this.maxLengthReached);\n }\n\n /**\n * Determines whether a touch device is being used\n */\n isTouchDevice() {\n return \"ontouchstart\" in window || navigator.maxTouchPoints;\n }\n\n /**\n * Determines whether pointer events are supported\n */\n pointerEventsSupported() {\n return window.PointerEvent;\n }\n\n /**\n * Bind all methods in a given class\n */\n\n static bindMethods(myClass, instance) {\n // eslint-disable-next-line no-unused-vars\n for (const myMethod of Object.getOwnPropertyNames(myClass.prototype)) {\n const excludeMethod =\n myMethod === \"constructor\" || myMethod === \"bindMethods\";\n if (!excludeMethod) {\n instance[myMethod] = instance[myMethod].bind(instance);\n }\n }\n }\n\n /**\n * Transforms an arbitrary string to camelCase\n *\n * @param {string} str The string to transform.\n */\n camelCase(str) {\n if (!str) return false;\n\n return str\n .toLowerCase()\n .trim()\n .split(/[.\\-_\\s]/g)\n .reduce((str, word) =>\n word.length ? str + word[0].toUpperCase() + word.slice(1) : str\n );\n }\n\n static noop = () => {};\n}\n\nexport default Utilities;\n","import Utilities from \"../services/Utilities\";\n\n/**\n * Physical Keyboard Service\n */\nclass PhysicalKeyboard {\n /**\n * Creates an instance of the PhysicalKeyboard service\n */\n constructor({ dispatch, getOptions }) {\n /**\n * @type {object} A simple-keyboard instance\n */\n this.dispatch = dispatch;\n this.getOptions = getOptions;\n\n /**\n * Bindings\n */\n Utilities.bindMethods(PhysicalKeyboard, this);\n }\n\n handleHighlightKeyDown(event) {\n const options = this.getOptions();\n const buttonPressed = this.getSimpleKeyboardLayoutKey(event);\n\n this.dispatch(instance => {\n const buttonDOM =\n instance.getButtonElement(buttonPressed) ||\n instance.getButtonElement(`{${buttonPressed}}`);\n\n if (buttonDOM) {\n buttonDOM.style.backgroundColor =\n options.physicalKeyboardHighlightBgColor || \"#dadce4\";\n buttonDOM.style.color =\n options.physicalKeyboardHighlightTextColor || \"black\";\n\n if (options.physicalKeyboardHighlightPress) {\n /**\n * Trigger pointerdown\n */\n (\n buttonDOM.onpointerdown ||\n buttonDOM.onmousedown ||\n buttonDOM.ontouchstart ||\n Utilities.noop\n )();\n }\n }\n });\n }\n\n handleHighlightKeyUp(event) {\n const options = this.getOptions();\n const buttonPressed = this.getSimpleKeyboardLayoutKey(event);\n\n this.dispatch(instance => {\n const buttonDOM =\n instance.getButtonElement(buttonPressed) ||\n instance.getButtonElement(`{${buttonPressed}}`);\n\n if (buttonDOM && buttonDOM.removeAttribute) {\n buttonDOM.removeAttribute(\"style\");\n\n if (options.physicalKeyboardHighlightPress) {\n /**\n * Trigger pointerup\n */\n (\n buttonDOM.onpointerup ||\n buttonDOM.onmouseup ||\n buttonDOM.ontouchend ||\n Utilities.noop\n )();\n }\n }\n });\n }\n\n /**\n * Transforms a KeyboardEvent's \"key.code\" string into a simple-keyboard layout format\n * @param {object} event The KeyboardEvent\n */\n getSimpleKeyboardLayoutKey(event) {\n let output;\n\n if (\n event.code.includes(\"Numpad\") ||\n event.code.includes(\"Shift\") ||\n event.code.includes(\"Space\") ||\n event.code.includes(\"Backspace\") ||\n event.code.includes(\"Control\") ||\n event.code.includes(\"Alt\") ||\n event.code.includes(\"Meta\")\n ) {\n output = event.code;\n } else {\n output = event.key;\n }\n\n /**\n * Casting key to lowercase\n */\n if (\n (output && output !== output.toUpperCase()) ||\n (event.code[0] === \"F\" &&\n Number.isInteger(Number(event.code[1])) &&\n event.code.length <= 3)\n ) {\n output = output ? output.toLowerCase() : output;\n }\n\n return output;\n }\n}\n\nexport default PhysicalKeyboard;\n","import \"./Keyboard.css\";\n\n// Services\nimport { getDefaultLayout } from \"../services/KeyboardLayout\";\nimport PhysicalKeyboard from \"../services/PhysicalKeyboard\";\nimport Utilities from \"../services/Utilities\";\n\n/**\n * Root class for simple-keyboard\n * This class:\n * - Parses the options\n * - Renders the rows and buttons\n * - Handles button functionality\n */\nclass SimpleKeyboard {\n /**\n * Creates an instance of SimpleKeyboard\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.\n */\n constructor(...params) {\n const { keyboardDOMClass, keyboardDOM, options = {} } = this.handleParams(\n params\n );\n\n /**\n * Initializing Utilities\n */\n this.utilities = new Utilities({\n getOptions: this.getOptions,\n getCaretPosition: this.getCaretPosition,\n getCaretPositionEnd: this.getCaretPositionEnd,\n dispatch: this.dispatch\n });\n\n /**\n * Caret position\n */\n this.caretPosition = null;\n\n /**\n * Caret position end\n */\n this.caretPositionEnd = null;\n\n /**\n * Processing options\n */\n this.keyboardDOM = keyboardDOM;\n\n /**\n * @type {object}\n * @property {object} layout Modify the keyboard layout.\n * @property {string} layoutName Specifies which layout should be used.\n * @property {object} display Replaces variable buttons (such as {bksp}) with a human-friendly name (e.g.: “backspace”).\n * @property {boolean} mergeDisplay By default, when you set the display property, you replace the default one. This setting merges them instead.\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.\n * @property {array} buttonTheme A prop to add your own css classes to one or several buttons.\n * @property {array} buttonAttributes A prop to add your own attributes to one or several buttons.\n * @property {boolean} debug Runs a console.log every time a key is pressed. Displays the buttons pressed and the current input.\n * @property {boolean} newLineOnEnter Specifies whether clicking the “ENTER” button will input a newline (\\n) or not.\n * @property {boolean} tabCharOnTab Specifies whether clicking the “TAB” button will input a tab character (\\t) or not.\n * @property {string} inputName Allows you to use a single simple-keyboard instance for several inputs.\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.\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.\n * @property {boolean} syncInstanceInputs When set to true, this option synchronizes the internal input of every simple-keyboard instance.\n * @property {boolean} physicalKeyboardHighlight Enable highlighting of keys pressed on physical keyboard.\n * @property {boolean} physicalKeyboardHighlightPress Presses keys highlighted by physicalKeyboardHighlight\n * @property {string} physicalKeyboardHighlightTextColor Define the text color that the physical keyboard highlighted key should have.\n * @property {string} physicalKeyboardHighlightBgColor Define the background color that the physical keyboard highlighted key should have.\n * @property {boolean} preventMouseDownDefault Calling preventDefault for the mousedown events keeps the focus on the input.\n * @property {boolean} preventMouseUpDefault Calling preventDefault for the mouseup events.\n * @property {boolean} stopMouseDownPropagation Stops pointer down events on simple-keyboard buttons from bubbling to parent elements.\n * @property {boolean} stopMouseUpPropagation Stops pointer up events on simple-keyboard buttons from bubbling to parent elements.\n * @property {function(button: string):string} onKeyPress Executes the callback function on key press. Returns button layout name (i.e.: “{shift}”).\n * @property {function(input: string):string} onChange Executes the callback function on input change. Returns the current input’s string.\n * @property {function} onRender Executes the callback function every time simple-keyboard is rendered (e.g: when you change layouts).\n * @property {function} onInit Executes the callback function once simple-keyboard is rendered for the first time (on initialization).\n * @property {function(inputs: object):object} onChangeAll Executes the callback function on input change. Returns the input object with all defined inputs.\n * @property {boolean} useButtonTag Render buttons as a button element instead of a div element.\n * @property {boolean} disableCaretPositioning A prop to ensure characters are always be added/removed at the end of the string.\n * @property {object} inputPattern Restrains input(s) change to the defined regular expression pattern.\n * @property {boolean} useTouchEvents Instructs simple-keyboard to use touch events instead of click events.\n * @property {boolean} autoUseTouchEvents Enable useTouchEvents automatically when touch device is detected.\n * @property {boolean} useMouseEvents Opt out of PointerEvents handling, falling back to the prior mouse event logic.\n * @property {function} destroy Clears keyboard listeners and DOM elements.\n * @property {boolean} disableButtonHold Disable button hold action.\n * @property {boolean} rtl Adds unicode right-to-left control characters to input return values.\n * @property {function} onKeyReleased Executes the callback function on key release.\n * @property {array} modules Module classes to be loaded by simple-keyboard.\n */\n this.options = options;\n this.options.layoutName = this.options.layoutName || \"default\";\n this.options.theme = this.options.theme || \"hg-theme-default\";\n this.options.inputName = this.options.inputName || \"default\";\n this.options.preventMouseDownDefault =\n this.options.preventMouseDownDefault || false;\n\n /**\n * @type {object} Classes identifying loaded plugins\n */\n this.keyboardPluginClasses = \"\";\n\n /**\n * Bindings\n */\n Utilities.bindMethods(SimpleKeyboard, this);\n\n /**\n * simple-keyboard uses a non-persistent internal input to keep track of the entered string (the variable `keyboard.input`).\n * This removes any dependency to input DOM elements. You can type and directly display the value in a div element, for example.\n * @example\n * // To get entered input\n * const input = keyboard.getInput();\n *\n * // To clear entered input.\n * keyboard.clearInput();\n *\n * @type {object}\n * @property {object} default Default SimpleKeyboard internal input.\n * @property {object} myInputName Example input that can be set through `options.inputName:\"myInputName\"`.\n */\n this.input = {};\n this.input[this.options.inputName] = \"\";\n\n /**\n * @type {string} DOM class of the keyboard wrapper, normally \"simple-keyboard\" by default.\n */\n this.keyboardDOMClass = keyboardDOMClass;\n\n /**\n * @type {object} Contains the DOM elements of every rendered button, the key being the button's layout name (e.g.: \"{enter}\").\n */\n this.buttonElements = {};\n\n /**\n * Simple-keyboard Instances\n * This enables multiple simple-keyboard support with easier management\n */\n if (!window[\"SimpleKeyboardInstances\"])\n window[\"SimpleKeyboardInstances\"] = {};\n\n this.currentInstanceName = this.utilities.camelCase(this.keyboardDOMClass);\n window[\"SimpleKeyboardInstances\"][this.currentInstanceName] = this;\n\n /**\n * Instance vars\n */\n this.allKeyboardInstances = window[\"SimpleKeyboardInstances\"];\n this.keyboardInstanceNames = Object.keys(window[\"SimpleKeyboardInstances\"]);\n this.isFirstKeyboardInstance =\n this.keyboardInstanceNames[0] === this.currentInstanceName;\n\n /**\n * Physical Keyboard support\n */\n this.physicalKeyboard = new PhysicalKeyboard({\n dispatch: this.dispatch,\n getOptions: this.getOptions\n });\n\n /**\n * Rendering keyboard\n */\n if (this.keyboardDOM) this.render();\n else {\n console.warn(`\".${keyboardDOMClass}\" was not found in the DOM.`);\n throw new Error(\"KEYBOARD_DOM_ERROR\");\n }\n\n /**\n * Modules\n */\n this.modules = {};\n this.loadModules();\n }\n\n /**\n * parseParams\n */\n handleParams = params => {\n let keyboardDOMClass;\n let keyboardDOM;\n let options;\n\n /**\n * If first parameter is a string:\n * Consider it as an element's class\n */\n if (typeof params[0] === \"string\") {\n keyboardDOMClass = params[0].split(\".\").join(\"\");\n keyboardDOM = document.querySelector(`.${keyboardDOMClass}`);\n options = params[1];\n\n /**\n * If first parameter is an HTMLDivElement\n * Consider it as the keyboard DOM element\n */\n } else if (params[0] instanceof HTMLDivElement) {\n /**\n * This element must have a class, otherwise throw\n */\n if (!params[0].className) {\n console.warn(\"Any DOM element passed as parameter must have a class.\");\n throw new Error(\"KEYBOARD_DOM_CLASS_ERROR\");\n }\n\n keyboardDOMClass = params[0].className.split(\" \")[0];\n keyboardDOM = params[0];\n options = params[1];\n\n /**\n * Otherwise, search for .simple-keyboard DOM element\n */\n } else {\n keyboardDOMClass = \"simple-keyboard\";\n keyboardDOM = document.querySelector(`.${keyboardDOMClass}`);\n options = params[0];\n }\n\n return {\n keyboardDOMClass,\n keyboardDOM,\n options\n };\n };\n\n /**\n * Getters\n */\n getOptions = () => this.options;\n getCaretPosition = () => this.caretPosition;\n getCaretPositionEnd = () => this.caretPositionEnd;\n\n /**\n * Setters\n */\n setCaretPosition(position, endPosition) {\n this.caretPosition = position;\n this.caretPositionEnd = endPosition || position;\n }\n\n /**\n * Handles clicks made to keyboard buttons\n * @param {string} button The button's layout name.\n */\n handleButtonClicked(button) {\n const debug = this.options.debug;\n\n /**\n * Ignoring placeholder buttons\n */\n if (button === \"{//}\") return false;\n\n /**\n * Calling onKeyPress\n */\n if (typeof this.options.onKeyPress === \"function\")\n this.options.onKeyPress(button);\n\n if (!this.input[this.options.inputName])\n this.input[this.options.inputName] = \"\";\n\n const updatedInput = this.utilities.getUpdatedInput(\n button,\n this.input[this.options.inputName],\n this.caretPosition,\n this.caretPositionEnd\n );\n\n if (\n // If input will change as a result of this button press\n this.input[this.options.inputName] !== updatedInput &&\n // This pertains to the \"inputPattern\" option:\n // If inputPattern isn't set\n (!this.options.inputPattern ||\n // Or, if it is set and if the pattern is valid - we proceed.\n (this.options.inputPattern && this.inputPatternIsValid(updatedInput)))\n ) {\n /**\n * If maxLength and handleMaxLength yield true, halting\n */\n if (\n this.options.maxLength &&\n this.utilities.handleMaxLength(this.input, updatedInput)\n ) {\n return false;\n }\n\n this.input[this.options.inputName] = this.utilities.getUpdatedInput(\n button,\n this.input[this.options.inputName],\n this.caretPosition,\n this.caretPositionEnd,\n true\n );\n\n if (debug) console.log(\"Input changed:\", this.getAllInputs());\n\n if (this.options.debug) {\n console.log(\n \"Caret at: \",\n this.getCaretPosition(),\n this.getCaretPositionEnd(),\n `(${this.keyboardDOMClass})`\n );\n }\n\n /**\n * Enforce syncInstanceInputs, if set\n */\n if (this.options.syncInstanceInputs) this.syncInstanceInputs();\n\n /**\n * Calling onChange\n */\n if (typeof this.options.onChange === \"function\")\n this.options.onChange(this.getInput(this.options.inputName, true));\n\n /**\n * Calling onChangeAll\n */\n if (typeof this.options.onChangeAll === \"function\")\n this.options.onChangeAll(this.getAllInputs());\n }\n\n if (debug) {\n console.log(\"Key pressed:\", button);\n }\n }\n\n /**\n * Handles button mousedown\n */\n /* istanbul ignore next */\n handleButtonMouseDown(button, e) {\n if (e) {\n /**\n * Handle event options\n */\n if (this.options.preventMouseDownDefault) e.preventDefault();\n if (this.options.stopMouseDownPropagation) e.stopPropagation();\n\n /**\n * Add active class\n */\n e.target.classList.add(this.activeButtonClass);\n }\n\n if (this.holdInteractionTimeout) clearTimeout(this.holdInteractionTimeout);\n if (this.holdTimeout) clearTimeout(this.holdTimeout);\n\n /**\n * @type {boolean} Whether the mouse is being held onKeyPress\n */\n this.isMouseHold = true;\n\n /**\n * @type {object} Time to wait until a key hold is detected\n */\n if (!this.options.disableButtonHold) {\n this.holdTimeout = setTimeout(() => {\n if (\n (this.isMouseHold &&\n // TODO: This needs to be configurable through options\n ((!button.includes(\"{\") && !button.includes(\"}\")) ||\n button === \"{delete}\" ||\n button === \"{backspace}\" ||\n button === \"{bksp}\" ||\n button === \"{space}\" ||\n button === \"{tab}\")) ||\n button === \"{arrowright}\" ||\n button === \"{arrowleft}\" ||\n button === \"{arrowup}\" ||\n button === \"{arrowdown}\"\n ) {\n if (this.options.debug) console.log(\"Button held:\", button);\n\n this.handleButtonHold(button, e);\n }\n clearTimeout(this.holdTimeout);\n }, 500);\n }\n }\n\n /**\n * Handles button mouseup\n */\n handleButtonMouseUp(button = null, e = null) {\n if (e) {\n /**\n * Handle event options\n */\n if (this.options.preventMouseUpDefault) e.preventDefault();\n if (this.options.stopMouseUpPropagation) e.stopPropagation();\n }\n\n /**\n * Remove active class\n */\n this.recurseButtons(buttonElement => {\n buttonElement.classList.remove(this.activeButtonClass);\n });\n\n this.isMouseHold = false;\n if (this.holdInteractionTimeout) clearTimeout(this.holdInteractionTimeout);\n\n /**\n * Calling onKeyReleased\n */\n if (button && typeof this.options.onKeyReleased === \"function\")\n this.options.onKeyReleased(button);\n }\n\n /**\n * Handles container mousedown\n */\n handleKeyboardContainerMouseDown(e) {\n /**\n * Handle event options\n */\n if (this.options.preventMouseDownDefault) e.preventDefault();\n }\n\n /**\n * Handles button hold\n */\n /* istanbul ignore next */\n handleButtonHold(button) {\n if (this.holdInteractionTimeout) clearTimeout(this.holdInteractionTimeout);\n\n /**\n * @type {object} Timeout dictating the speed of key hold iterations\n */\n this.holdInteractionTimeout = setTimeout(() => {\n if (this.isMouseHold) {\n this.handleButtonClicked(button);\n this.handleButtonHold(button);\n } else {\n clearTimeout(this.holdInteractionTimeout);\n }\n }, 100);\n }\n\n /**\n * Send a command to all simple-keyboard instances (if you have several instances).\n */\n syncInstanceInputs() {\n this.dispatch(instance => {\n instance.replaceInput(this.input);\n instance.setCaretPosition(this.caretPosition, this.caretPositionEnd);\n });\n }\n\n /**\n * Clear the keyboard’s input.\n * @param {string} [inputName] optional - the internal input to select\n */\n clearInput(inputName) {\n inputName = inputName || this.options.inputName;\n this.input[inputName] = \"\";\n\n /**\n * Reset caretPosition\n */\n this.setCaretPosition(0);\n\n /**\n * Enforce syncInstanceInputs, if set\n */\n if (this.options.syncInstanceInputs) this.syncInstanceInputs();\n }\n\n /**\n * Get the keyboard’s input (You can also get it from the onChange prop).\n * @param {string} [inputName] optional - the internal input to select\n */\n getInput(inputName, skipSync = false) {\n inputName = inputName || this.options.inputName;\n\n /**\n * Enforce syncInstanceInputs, if set\n */\n if (this.options.syncInstanceInputs && !skipSync) this.syncInstanceInputs();\n\n if (this.options.rtl) {\n // Remove existing control chars\n const inputWithoutRTLControl = this.input[inputName]\n .replace(\"\\u202B\", \"\")\n .replace(\"\\u202C\", \"\");\n\n return \"\\u202B\" + inputWithoutRTLControl + \"\\u202C\";\n } else {\n return this.input[inputName];\n }\n }\n\n /**\n * Get all simple-keyboard inputs\n */\n getAllInputs() {\n const output = {};\n const inputNames = Object.keys(this.input);\n\n inputNames.forEach(inputName => {\n output[inputName] = this.getInput(inputName, true);\n });\n\n return output;\n }\n\n /**\n * Set the keyboard’s input.\n * @param {string} input the input value\n * @param {string} inputName optional - the internal input to select\n */\n setInput(input, inputName) {\n inputName = inputName || this.options.inputName;\n this.input[inputName] = input;\n\n /**\n * Enforce syncInstanceInputs, if set\n */\n if (this.options.syncInstanceInputs) this.syncInstanceInputs();\n }\n\n /**\n * Replace the input object (`keyboard.input`)\n * @param {object} inputObj The input object\n */\n replaceInput(inputObj) {\n this.input = inputObj;\n }\n\n /**\n * Set new option or modify existing ones after initialization.\n * @param {object} options The options to set\n */\n setOptions(options = {}) {\n const changedOptions = this.changedOptions(options);\n this.options = Object.assign(this.options, options);\n\n if (changedOptions.length) {\n if (this.options.debug) {\n console.log(\"changedOptions\", changedOptions);\n }\n\n /**\n * Some option changes require adjustments before re-render\n */\n this.onSetOptions(options);\n\n /**\n * Rendering\n */\n this.render();\n }\n }\n\n /**\n * Detecting changes to non-function options\n * This allows us to ascertain whether a button re-render is needed\n */\n changedOptions(newOptions) {\n return Object.keys(newOptions).filter(\n optionName =>\n JSON.stringify(newOptions[optionName]) !==\n JSON.stringify(this.options[optionName])\n );\n }\n\n /**\n * Executing actions depending on changed options\n * @param {object} options The options to set\n */\n onSetOptions(options) {\n if (options.inputName) {\n /**\n * inputName changed. This requires a caretPosition reset\n */\n if (this.options.debug) {\n console.log(\"inputName changed. caretPosition reset.\");\n }\n this.setCaretPosition(null);\n }\n }\n\n /**\n * Remove all keyboard rows and reset keyboard values.\n * Used internally between re-renders.\n */\n clear() {\n this.keyboardDOM.innerHTML = \"\";\n this.keyboardDOM.className = this.keyboardDOMClass;\n this.buttonElements = {};\n }\n\n /**\n * Send a command to all simple-keyboard instances at once (if you have multiple instances).\n * @param {function(instance: object, key: string)} callback Function to run on every instance\n */\n dispatch(callback) {\n if (!window[\"SimpleKeyboardInstances\"]) {\n console.warn(\n `SimpleKeyboardInstances is not defined. Dispatch cannot be called.`\n );\n throw new Error(\"INSTANCES_VAR_ERROR\");\n }\n\n return Object.keys(window[\"SimpleKeyboardInstances\"]).forEach(key => {\n callback(window[\"SimpleKeyboardInstances\"][key], key);\n });\n }\n\n /**\n * Adds/Modifies an entry to the `buttonTheme`. Basically a way to add a class to a button.\n * @param {string} buttons List of buttons to select (separated by a space).\n * @param {string} className Classes to give to the selected buttons (separated by space).\n */\n addButtonTheme(buttons, className) {\n if (!className || !buttons) return false;\n\n buttons.split(\" \").forEach(button => {\n className.split(\" \").forEach(classNameItem => {\n if (!this.options.buttonTheme) this.options.buttonTheme = [];\n\n let classNameFound = false;\n\n /**\n * If class is already defined, we add button to class definition\n */\n this.options.buttonTheme.map(buttonTheme => {\n if (buttonTheme.class.split(\" \").includes(classNameItem)) {\n classNameFound = true;\n\n const buttonThemeArray = buttonTheme.buttons.split(\" \");\n if (!buttonThemeArray.includes(button)) {\n classNameFound = true;\n buttonThemeArray.push(button);\n buttonTheme.buttons = buttonThemeArray.join(\" \");\n }\n }\n return buttonTheme;\n });\n\n /**\n * If class is not defined, we create a new entry\n */\n if (!classNameFound) {\n this.options.buttonTheme.push({\n class: classNameItem,\n buttons: buttons\n });\n }\n });\n });\n\n this.render();\n }\n\n /**\n * Removes/Amends an entry to the `buttonTheme`. Basically a way to remove a class previously added to a button through buttonTheme or addButtonTheme.\n * @param {string} buttons List of buttons to select (separated by a space).\n * @param {string} className Classes to give to the selected buttons (separated by space).\n */\n removeButtonTheme(buttons, className) {\n /**\n * When called with empty parameters, remove all button themes\n */\n if (!buttons && !className) {\n this.options.buttonTheme = [];\n this.render();\n return false;\n }\n\n /**\n * If buttons are passed and buttonTheme has items\n */\n if (\n buttons &&\n Array.isArray(this.options.buttonTheme) &&\n this.options.buttonTheme.length\n ) {\n const buttonArray = buttons.split(\" \");\n buttonArray.forEach(button => {\n this.options.buttonTheme.map((buttonTheme, index) => {\n /**\n * If className is set, we affect the buttons only for that class\n * Otherwise, we afect all classes\n */\n if (\n (className && className.includes(buttonTheme.class)) ||\n !className\n ) {\n const filteredButtonArray = buttonTheme.buttons\n .split(\" \")\n .filter(item => item !== button);\n\n /**\n * If buttons left, return them, otherwise, remove button Theme\n */\n if (filteredButtonArray.length) {\n buttonTheme.buttons = filteredButtonArray.join(\" \");\n } else {\n this.options.buttonTheme.splice(index, 1);\n buttonTheme = null;\n }\n }\n\n return buttonTheme;\n });\n });\n\n this.render();\n }\n }\n\n /**\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.\n * @param {string} button The button layout name to select\n */\n getButtonElement(button) {\n let output;\n\n const buttonArr = this.buttonElements[button];\n if (buttonArr) {\n if (buttonArr.length > 1) {\n output = buttonArr;\n } else {\n output = buttonArr[0];\n }\n }\n\n return output;\n }\n\n /**\n * This handles the \"inputPattern\" option\n * by checking if the provided inputPattern passes\n */\n inputPatternIsValid(inputVal) {\n const inputPatternRaw = this.options.inputPattern;\n let inputPattern;\n\n /**\n * Check if input pattern is global or targeted to individual inputs\n */\n if (inputPatternRaw instanceof RegExp) {\n inputPattern = inputPatternRaw;\n } else {\n inputPattern = inputPatternRaw[this.options.inputName];\n }\n\n if (inputPattern && inputVal) {\n const didInputMatch = inputPattern.test(inputVal);\n\n if (this.options.debug) {\n console.log(\n `inputPattern (\"${inputPattern}\"): ${\n didInputMatch ? \"passed\" : \"did not pass!\"\n }`\n );\n }\n\n return didInputMatch;\n } else {\n /**\n * inputPattern doesn't seem to be set for the current input, or input is empty. Pass.\n */\n return true;\n }\n }\n\n /**\n * Handles simple-keyboard event listeners\n */\n setEventListeners() {\n /**\n * Only first instance should set the event listeners\n */\n if (this.isFirstKeyboardInstance || !this.allKeyboardInstances) {\n if (this.options.debug) {\n console.log(`Caret handling started (${this.keyboardDOMClass})`);\n }\n\n /**\n * Event Listeners\n */\n document.addEventListener(\"keyup\", this.handleKeyUp);\n document.addEventListener(\"keydown\", this.handleKeyDown);\n document.addEventListener(\"mouseup\", this.handleMouseUp);\n document.addEventListener(\"touchend\", this.handleTouchEnd);\n }\n }\n\n /**\n * Event Handler: KeyUp\n */\n handleKeyUp(event) {\n this.caretEventHandler(event);\n\n if (this.options.physicalKeyboardHighlight) {\n this.physicalKeyboard.handleHighlightKeyUp(event);\n }\n }\n\n /**\n * Event Handler: KeyDown\n */\n handleKeyDown(event) {\n if (this.options.physicalKeyboardHighlight) {\n this.physicalKeyboard.handleHighlightKeyDown(event);\n }\n }\n\n /**\n * Event Handler: MouseUp\n */\n handleMouseUp(event) {\n this.caretEventHandler(event);\n }\n\n /**\n * Event Handler: TouchEnd\n */\n /* istanbul ignore next */\n handleTouchEnd(event) {\n this.caretEventHandler(event);\n }\n\n /**\n * Called by {@link setEventListeners} when an event that warrants a cursor position update is triggered\n */\n caretEventHandler(event) {\n let targetTagName;\n if (event.target.tagName) {\n targetTagName = event.target.tagName.toLowerCase();\n }\n\n this.dispatch(instance => {\n const isKeyboard =\n event.target === instance.keyboardDOM ||\n (event.target && instance.keyboardDOM.contains(event.target));\n\n if (instance.isMouseHold) {\n instance.isMouseHold = false;\n }\n\n if (\n (targetTagName === \"textarea\" || targetTagName === \"input\") &&\n !instance.options.disableCaretPositioning\n ) {\n /**\n * Tracks current cursor position\n * As keys are pressed, text will be added/removed at that position within the input.\n */\n instance.setCaretPosition(\n event.target.selectionStart,\n event.target.selectionEnd\n );\n\n if (instance.options.debug) {\n console.log(\n \"Caret at: \",\n instance.getCaretPosition(),\n instance.getCaretPositionEnd(),\n event && event.target.tagName.toLowerCase(),\n `(${instance.keyboardDOMClass})`\n );\n }\n } else if (instance.options.disableCaretPositioning || !isKeyboard) {\n /**\n * If we toggled off disableCaretPositioning, we must ensure caretPosition doesn't persist once reactivated.\n */\n instance.setCaretPosition(null);\n }\n });\n }\n\n /**\n * Execute an operation on each button\n */\n recurseButtons(fn) {\n if (!fn) return;\n\n Object.keys(this.buttonElements).forEach(buttonName =>\n this.buttonElements[buttonName].forEach(fn)\n );\n }\n\n /**\n * Destroy keyboard listeners and DOM elements\n */\n destroy() {\n if (this.options.debug)\n console.log(\n `Destroying simple-keyboard instance: ${this.currentInstanceName}`\n );\n\n /**\n * Remove document listeners\n */\n document.removeEventListener(\"keyup\", this.handleKeyUp);\n document.removeEventListener(\"keydown\", this.handleKeyDown);\n document.removeEventListener(\"mouseup\", this.handleMouseUp);\n document.removeEventListener(\"touchend\", this.handleTouchEnd);\n document.onpointerup = null;\n document.ontouchend = null;\n document.ontouchcancel = null;\n document.onmouseup = null;\n\n /**\n * Remove buttons\n */\n let deleteButton = buttonElement => {\n buttonElement.onpointerdown = null;\n buttonElement.onpointerup = null;\n buttonElement.onpointercancel = null;\n buttonElement.ontouchstart = null;\n buttonElement.ontouchend = null;\n buttonElement.ontouchcancel = null;\n buttonElement.onclick = null;\n buttonElement.onmousedown = null;\n buttonElement.onmouseup = null;\n\n buttonElement.remove();\n buttonElement = null;\n };\n\n this.recurseButtons(deleteButton);\n\n this.recurseButtons = null;\n deleteButton = null;\n\n /**\n * Remove wrapper events\n */\n this.keyboardDOM.onpointerdown = null;\n this.keyboardDOM.ontouchstart = null;\n this.keyboardDOM.onmousedown = null;\n\n /**\n * Clearing keyboard wrapper\n */\n this.clear();\n\n /**\n * Remove instance\n */\n window[\"SimpleKeyboardInstances\"][this.currentInstanceName] = null;\n delete window[\"SimpleKeyboardInstances\"][this.currentInstanceName];\n\n /**\n * Reset initialized flag\n */\n this.initialized = false;\n }\n\n /**\n * Process buttonTheme option\n */\n getButtonThemeClasses(button) {\n const buttonTheme = this.options.buttonTheme;\n let buttonClasses = [];\n\n if (Array.isArray(buttonTheme)) {\n buttonTheme.forEach(themeObj => {\n if (\n themeObj.class &&\n typeof themeObj.class === \"string\" &&\n themeObj.buttons &&\n typeof themeObj.buttons === \"string\"\n ) {\n const themeObjClasses = themeObj.class.split(\" \");\n const themeObjButtons = themeObj.buttons.split(\" \");\n\n if (themeObjButtons.includes(button)) {\n buttonClasses = [...buttonClasses, ...themeObjClasses];\n }\n } else {\n console.warn(\n `Incorrect \"buttonTheme\". Please check the documentation.`,\n themeObj\n );\n }\n });\n }\n\n return buttonClasses;\n }\n\n /**\n * Process buttonAttributes option\n */\n setDOMButtonAttributes(button, callback) {\n const buttonAttributes = this.options.buttonAttributes;\n\n if (Array.isArray(buttonAttributes)) {\n buttonAttributes.forEach(attrObj => {\n if (\n attrObj.attribute &&\n typeof attrObj.attribute === \"string\" &&\n attrObj.value &&\n typeof attrObj.value === \"string\" &&\n attrObj.buttons &&\n typeof attrObj.buttons === \"string\"\n ) {\n const attrObjButtons = attrObj.buttons.split(\" \");\n\n if (attrObjButtons.includes(button)) {\n callback(attrObj.attribute, attrObj.value);\n }\n } else {\n console.warn(\n `Incorrect \"buttonAttributes\". Please check the documentation.`,\n attrObj\n );\n }\n });\n }\n }\n\n onTouchDeviceDetected() {\n /**\n * Processing autoTouchEvents\n */\n this.processAutoTouchEvents();\n\n /**\n * Disabling contextual window on touch devices\n */\n this.disableContextualWindow();\n }\n\n /**\n * Disabling contextual window for hg-button\n */\n /* istanbul ignore next */\n disableContextualWindow() {\n window.oncontextmenu = event => {\n if (event.target.classList.contains(\"hg-button\")) {\n event.preventDefault();\n event.stopPropagation();\n return false;\n }\n };\n }\n\n /**\n * Process autoTouchEvents option\n */\n processAutoTouchEvents() {\n if (this.options.autoUseTouchEvents) {\n this.options.useTouchEvents = true;\n\n if (this.options.debug) {\n console.log(\n `autoUseTouchEvents: Touch device detected, useTouchEvents enabled.`\n );\n }\n }\n }\n\n /**\n * Executes the callback function once simple-keyboard is rendered for the first time (on initialization).\n */\n onInit() {\n if (this.options.debug) {\n console.log(`${this.keyboardDOMClass} Initialized`);\n }\n\n /**\n * setEventListeners\n */\n this.setEventListeners();\n\n if (typeof this.options.onInit === \"function\") this.options.onInit();\n }\n\n /**\n * Executes the callback function before a simple-keyboard render.\n */\n beforeFirstRender() {\n /**\n * Performing actions when touch device detected\n */\n if (this.utilities.isTouchDevice()) {\n this.onTouchDeviceDetected();\n }\n\n if (typeof this.options.beforeFirstRender === \"function\")\n this.options.beforeFirstRender();\n\n /**\n * Notify about PointerEvents usage\n */\n if (\n this.isFirstKeyboardInstance &&\n this.utilities.pointerEventsSupported() &&\n !this.options.useTouchEvents &&\n !this.options.useMouseEvents\n ) {\n if (this.options.debug) {\n console.log(\"Using PointerEvents as it is supported by this browser\");\n }\n }\n\n /**\n * Notify about touch events usage\n */\n if (this.options.useTouchEvents) {\n if (this.options.debug) {\n console.log(\n \"useTouchEvents has been enabled. Only touch events will be used.\"\n );\n }\n }\n }\n\n /**\n * Executes the callback function before a simple-keyboard render.\n */\n beforeRender() {\n if (typeof this.options.beforeRender === \"function\")\n this.options.beforeRender();\n }\n\n /**\n * Executes the callback function every time simple-keyboard is rendered (e.g: when you change layouts).\n */\n onRender() {\n if (typeof this.options.onRender === \"function\") this.options.onRender();\n }\n\n /**\n * Executes the callback function once all modules have been loaded\n */\n onModulesLoaded() {\n if (typeof this.options.onModulesLoaded === \"function\")\n this.options.onModulesLoaded(this);\n }\n\n /**\n * Register module\n */\n registerModule = (name, initCallback) => {\n if (!this.modules[name]) this.modules[name] = {};\n\n initCallback(this.modules[name]);\n };\n\n /**\n * Load modules\n */\n loadModules() {\n if (Array.isArray(this.options.modules)) {\n this.options.modules.forEach(KeyboardModule => {\n const keyboardModule = new KeyboardModule();\n keyboardModule.init(this);\n });\n\n this.keyboardPluginClasses = \"modules-loaded\";\n\n this.render();\n this.onModulesLoaded();\n }\n }\n\n /**\n * Get module prop\n */\n getModuleProp(name, prop) {\n if (!this.modules[name]) return false;\n\n return this.modules[name][prop];\n }\n\n /**\n * getModulesList\n */\n getModulesList() {\n return Object.keys(this.modules);\n }\n\n /**\n * Parse Row DOM containers\n */\n parseRowDOMContainers(\n rowDOM,\n rowIndex,\n containerStartIndexes,\n containerEndIndexes\n ) {\n const rowDOMArray = Array.from(rowDOM.children);\n let removedElements = 0;\n\n if (rowDOMArray.length) {\n containerStartIndexes.forEach((startIndex, arrIndex) => {\n const endIndex = containerEndIndexes[arrIndex];\n\n /**\n * If there exists a respective end index\n * if end index comes after start index\n */\n if (!endIndex || !(endIndex > startIndex)) {\n return false;\n }\n\n /**\n * Updated startIndex, endIndex\n * This is since the removal of buttons to place a single button container\n * results in a modified array size\n */\n const updated_startIndex = startIndex - removedElements;\n const updated_endIndex = endIndex - removedElements;\n\n /**\n * Create button container\n */\n const containerDOM = document.createElement(\"div\");\n containerDOM.className += \"hg-button-container\";\n const containerUID = `${this.options.layoutName}-r${rowIndex}c${arrIndex}`;\n containerDOM.setAttribute(\"data-skUID\", containerUID);\n\n /**\n * Taking elements due to be inserted into container\n */\n const containedElements = rowDOMArray.splice(\n updated_startIndex,\n updated_endIndex - updated_startIndex + 1\n );\n removedElements = updated_endIndex - updated_startIndex;\n\n /**\n * Inserting elements to container\n */\n containedElements.forEach(element => containerDOM.appendChild(element));\n\n /**\n * Adding container at correct position within rowDOMArray\n */\n rowDOMArray.splice(updated_startIndex, 0, containerDOM);\n\n /**\n * Clearing old rowDOM children structure\n */\n rowDOM.innerHTML = \"\";\n\n /**\n * Appending rowDOM new children list\n */\n rowDOMArray.forEach(element => rowDOM.appendChild(element));\n\n if (this.options.debug) {\n console.log(\n \"rowDOMContainer\",\n containedElements,\n updated_startIndex,\n updated_endIndex,\n removedElements + 1\n );\n }\n });\n }\n\n return rowDOM;\n }\n\n /**\n * getKeyboardClassString\n */\n getKeyboardClassString = (...baseDOMClasses) => {\n const keyboardClasses = [this.keyboardDOMClass, ...baseDOMClasses].filter(\n DOMClass => !!DOMClass\n );\n\n return keyboardClasses.join(\" \");\n };\n\n /**\n * Renders rows and buttons as per options\n */\n render() {\n /**\n * Clear keyboard\n */\n this.clear();\n\n /**\n * Calling beforeFirstRender\n */\n if (!this.initialized) {\n this.beforeFirstRender();\n }\n\n /**\n * Calling beforeRender\n */\n this.beforeRender();\n\n const layoutClass = `hg-layout-${this.options.layoutName}`;\n const layout = this.options.layout || getDefaultLayout();\n const useTouchEvents = this.options.useTouchEvents || false;\n const useTouchEventsClass = useTouchEvents ? \"hg-touch-events\" : \"\";\n const useMouseEvents = this.options.useMouseEvents || false;\n const disableRowButtonContainers = this.options.disableRowButtonContainers;\n\n /**\n * Adding themeClass, layoutClass to keyboardDOM\n */\n this.keyboardDOM.className = this.getKeyboardClassString(\n this.options.theme,\n layoutClass,\n this.keyboardPluginClasses,\n useTouchEventsClass\n );\n\n /**\n * Iterating through each row\n */\n layout[this.options.layoutName].forEach((row, rIndex) => {\n const rowArray = row.split(\" \");\n\n /**\n * Creating empty row\n */\n let rowDOM = document.createElement(\"div\");\n rowDOM.className += \"hg-row\";\n\n /**\n * Tracking container indicators in rows\n */\n const containerStartIndexes = [];\n const containerEndIndexes = [];\n\n /**\n * Iterating through each button in row\n */\n rowArray.forEach((button, bIndex) => {\n /**\n * Check if button has a container indicator\n */\n const buttonHasContainerStart =\n !disableRowButtonContainers &&\n typeof button === \"string\" &&\n button.length > 1 &&\n button.indexOf(\"[\") === 0;\n\n const buttonHasContainerEnd =\n !disableRowButtonContainers &&\n typeof button === \"string\" &&\n button.length > 1 &&\n button.indexOf(\"]\") === button.length - 1;\n\n /**\n * Save container start index, if applicable\n */\n if (buttonHasContainerStart) {\n containerStartIndexes.push(bIndex);\n\n /**\n * Removing indicator\n */\n button = button.replace(/\\[/g, \"\");\n }\n\n if (buttonHasContainerEnd) {\n containerEndIndexes.push(bIndex);\n\n /**\n * Removing indicator\n */\n button = button.replace(/\\]/g, \"\");\n }\n\n /**\n * Processing button options\n */\n const fctBtnClass = this.utilities.getButtonClass(button);\n const buttonDisplayName = this.utilities.getButtonDisplayName(\n button,\n this.options.display,\n this.options.mergeDisplay\n );\n\n /**\n * Creating button\n */\n const buttonType = this.options.useButtonTag ? \"button\" : \"div\";\n const buttonDOM = document.createElement(buttonType);\n buttonDOM.className += `hg-button ${fctBtnClass}`;\n\n /**\n * Adding buttonTheme\n */\n buttonDOM.classList.add(...this.getButtonThemeClasses(button));\n\n /**\n * Adding buttonAttributes\n */\n this.setDOMButtonAttributes(button, (attribute, value) => {\n buttonDOM.setAttribute(attribute, value);\n });\n\n this.activeButtonClass = \"hg-activeButton\";\n\n /**\n * Handle button click event\n */\n /* istanbul ignore next */\n if (\n this.utilities.pointerEventsSupported() &&\n !useTouchEvents &&\n !useMouseEvents\n ) {\n /**\n * Handle PointerEvents\n */\n buttonDOM.onpointerdown = e => {\n this.handleButtonClicked(button);\n this.handleButtonMouseDown(button, e);\n };\n buttonDOM.onpointerup = e => {\n this.handleButtonMouseUp(button, e);\n };\n buttonDOM.onpointercancel = e => {\n this.handleButtonMouseUp(button, e);\n };\n } else {\n /**\n * Fallback for browsers not supporting PointerEvents\n */\n if (useTouchEvents) {\n /**\n * Handle touch events\n */\n buttonDOM.ontouchstart = e => {\n this.handleButtonClicked(button);\n this.handleButtonMouseDown(button, e);\n };\n buttonDOM.ontouchend = e => {\n this.handleButtonMouseUp(button, e);\n };\n buttonDOM.ontouchcancel = e => {\n this.handleButtonMouseUp(button, e);\n };\n } else {\n /**\n * Handle mouse events\n */\n buttonDOM.onclick = () => {\n this.isMouseHold = false;\n this.handleButtonClicked(button);\n };\n buttonDOM.onmousedown = e => {\n this.handleButtonMouseDown(button, e);\n };\n buttonDOM.onmouseup = e => {\n this.handleButtonMouseUp(button, e);\n };\n }\n }\n\n /**\n * Adding identifier\n */\n buttonDOM.setAttribute(\"data-skBtn\", button);\n\n /**\n * Adding unique id\n * Since there's no limit on spawning same buttons, the unique id ensures you can style every button\n */\n const buttonUID = `${this.options.layoutName}-r${rIndex}b${bIndex}`;\n buttonDOM.setAttribute(\"data-skBtnUID\", buttonUID);\n\n /**\n * Adding button label to button\n */\n const buttonSpanDOM = document.createElement(\"span\");\n buttonSpanDOM.innerHTML = buttonDisplayName;\n buttonDOM.appendChild(buttonSpanDOM);\n\n /**\n * Adding to buttonElements\n */\n if (!this.buttonElements[button]) this.buttonElements[button] = [];\n\n this.buttonElements[button].push(buttonDOM);\n\n /**\n * Appending button to row\n */\n rowDOM.appendChild(buttonDOM);\n });\n\n /**\n * Parse containers in row\n */\n rowDOM = this.parseRowDOMContainers(\n rowDOM,\n rIndex,\n containerStartIndexes,\n containerEndIndexes\n );\n\n /**\n * Appending row to keyboard\n */\n this.keyboardDOM.appendChild(rowDOM);\n });\n\n /**\n * Calling onRender\n */\n this.onRender();\n\n if (!this.initialized) {\n /**\n * Ensures that onInit and beforeFirstRender are only called once per instantiation\n */\n this.initialized = true;\n\n /**\n * Handling parent events\n */\n /* istanbul ignore next */\n if (\n this.utilities.pointerEventsSupported() &&\n !useTouchEvents &&\n !useMouseEvents\n ) {\n document.onpointerup = () => this.handleButtonMouseUp();\n this.keyboardDOM.onpointerdown = e =>\n this.handleKeyboardContainerMouseDown(e);\n } else if (useTouchEvents) {\n /**\n * Handling ontouchend, ontouchcancel\n */\n document.ontouchend = () => this.handleButtonMouseUp();\n document.ontouchcancel = () => this.handleButtonMouseUp();\n\n this.keyboardDOM.ontouchstart = e =>\n this.handleKeyboardContainerMouseDown(e);\n } else if (!useTouchEvents) {\n /**\n * Handling mouseup\n */\n document.onmouseup = () => this.handleButtonMouseUp();\n this.keyboardDOM.onmousedown = e =>\n this.handleKeyboardContainerMouseDown(e);\n }\n\n /**\n * Calling onInit\n */\n this.onInit();\n }\n }\n}\n\nexport default SimpleKeyboard;\n","export const getDefaultLayout = () => {\n return {\n default: [\n \"` 1 2 3 4 5 6 7 8 9 0 - = {bksp}\",\n \"{tab} q w e r t y u i o p [ ] \\\\\",\n \"{lock} a s d f g h j k l ; ' {enter}\",\n \"{shift} z x c v b n m , . / {shift}\",\n \".com @ {space}\"\n ],\n shift: [\n \"~ ! @ # $ % ^ & * ( ) _ + {bksp}\",\n \"{tab} Q W E R T Y U I O P { } |\",\n '{lock} A S D F G H J K L : \" {enter}',\n \"{shift} Z X C V B N M < > ? {shift}\",\n \".com @ {space}\"\n ]\n };\n};\n","import SimpleKeyboard from \"./components/Keyboard\";\nexport default SimpleKeyboard;\n"],"sourceRoot":""} \ No newline at end of file