simple-keyboard/build/index.js.map
2018-11-03 01:39:41 -04:00

1 line
108 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///index.js","webpack:///webpack/bootstrap f1a1a6a2e3f989194dda","webpack:///./src/lib/index.js","webpack:///./src/lib/components/Keyboard.js","webpack:///./src/lib/services/PhysicalKeyboard.js","webpack:///./src/lib/services/KeyboardLayout.js","webpack:///./src/lib/services/Utilities.js"],"names":["root","factory","exports","module","define","amd","this","modules","__webpack_require__","moduleId","installedModules","i","l","call","m","c","d","name","getter","o","Object","defineProperty","configurable","enumerable","get","n","__esModule","object","property","prototype","hasOwnProperty","p","s","__webpack_exports__","value","__WEBPACK_IMPORTED_MODULE_0__components_Keyboard__","_classCallCheck","instance","Constructor","TypeError","__WEBPACK_IMPORTED_MODULE_0__Keyboard_css__","__WEBPACK_IMPORTED_MODULE_1__services_PhysicalKeyboard__","__WEBPACK_IMPORTED_MODULE_2__services_KeyboardLayout__","__WEBPACK_IMPORTED_MODULE_3__services_Utilities__","_typeof","Symbol","iterator","obj","constructor","_createClass","defineProperties","target","props","length","descriptor","writable","key","protoProps","staticProps","SimpleKeyboard","_this","setOptions","option","options","assign","render","registerModule","initCallback","getModuleProp","prop","getModulesList","keys","keyboardDOMQuery","arguments","undefined","utilities","keyboardDOM","document","querySelector","layoutName","theme","inputName","keyboardPluginClasses","handleButtonClicked","bind","syncInstanceInputs","clearInput","getInput","setInput","replaceInput","clear","dispatch","addButtonTheme","removeButtonTheme","getButtonElement","handleCaret","caretEventHandler","onInit","onRender","loadModules","handleButtonMouseUp","handleButtonMouseDown","handleButtonHold","onModulesLoaded","input","keyboardDOMClass","split","join","buttonElements","console","warn","Error","window","camelCase","physicalKeyboardInterface","button","debug","onKeyPress","updatedInput","getUpdatedInput","caretPosition","maxLength","handleMaxLength","log","onChange","e","_this2","isMouseHold","holdInteractionTimeout","clearTimeout","holdTimeout","setTimeout","includes","_this3","_this4","inputObj","innerHTML","className","callback","forEach","buttons","_this5","classNameItem","buttonTheme","classNameFound","map","class","buttonThemeArray","push","_this6","Array","isArray","index","filteredButtonArray","filter","item","splice","output","buttonArr","addEventListener","event","targetTagName","tagName","toLowerCase","selectionStart","_this7","Module","classStr","init","_this8","layoutClass","layout","getDefaultLayout","buttonThemesParsed","themeObj","themeButtons","themeButton","themeParsed","countInArray","row","rIndex","rowArray","rowDOM","createElement","bIndex","fctBtnClass","getButtonClass","buttonThemeClass","buttonDisplayName","getButtonDisplayName","display","mergeDisplay","buttonDOM","onclick","onmousedown","setAttribute","buttonUID","buttonSpanDOM","appendChild","initialized","onmouseup","PhysicalKeyboard","simpleKeyboardInstance","initKeyboardListener","getSimpleKeyboardLayoutKey","physicalKeyboardHighlight","buttonPressed","style","backgroundColor","physicalKeyboardHighlightBgColor","color","physicalKeyboardHighlightTextColor","removeAttribute","code","toUpperCase","Number","isInteger","KeyboardLayout","default","shift","Utilities","updateCaretPos","isMaxLengthReached","buttonTypeClass","buttonWithoutBraces","replace","buttonNormalized","{bksp}","{backspace}","{enter}","{shift}","{shiftleft}","{shiftright}","{alt}","{s}","{tab}","{lock}","{capslock}","{accept}","{space}","{//}","{esc}","{escape}","{f1}","{f2}","{f3}","{f4}","{f5}","{f6}","{f7}","{f8}","{f9}","{f10}","{f11}","{f12}","{numpaddivide}","{numlock}","{arrowup}","{arrowleft}","{arrowdown}","{arrowright}","{prtscr}","{scrolllock}","{pause}","{insert}","{home}","{pageup}","{delete}","{end}","{pagedown}","{numpadmultiply}","{numpadsubtract}","{numpadadd}","{numpadenter}","{period}","{numpaddecimal}","{numpad0}","{numpad1}","{numpad2}","{numpad3}","{numpad4}","{numpad5}","{numpad6}","{numpad7}","{numpad8}","{numpad9}","getDefaultDiplay","caretPos","removeAt","addStringAt","tabCharOnTab","newLineOnEnter","minus","source","string","position","slice","prevTwoChars","emojiMatched","emojiMatchedReg","substring","match","substr","currentInput","condition","maxLengthReached","Boolean","trim","reduce","word","array","x"],"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([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"SimpleKeyboard\"] = factory();\n\telse\n\t\troot[\"SimpleKeyboard\"] = factory();\n})(this, function() {\nreturn \n\n\n// WEBPACK FOOTER //\n// webpack/universalModuleDefinition","(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([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"SimpleKeyboard\"] = factory();\n\telse\n\t\troot[\"SimpleKeyboard\"] = factory();\n})(this, function() {\nreturn /******/ (function(modules) { // webpackBootstrap\n/******/ \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, {\n/******/ \t\t\t\tconfigurable: false,\n/******/ \t\t\t\tenumerable: true,\n/******/ \t\t\t\tget: getter\n/******/ \t\t\t});\n/******/ \t\t}\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/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(__webpack_require__.s = 0);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ (function(module, exports, __webpack_require__) {\n\nmodule.exports = __webpack_require__(1);\n\n\n/***/ }),\n/* 1 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_Keyboard__ = __webpack_require__(2);\n/* harmony default export */ __webpack_exports__[\"default\"] = (__WEBPACK_IMPORTED_MODULE_0__components_Keyboard__[\"a\" /* default */]);\n\n/***/ }),\n/* 2 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Keyboard_css__ = __webpack_require__(3);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Keyboard_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__Keyboard_css__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__services_PhysicalKeyboard__ = __webpack_require__(4);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__services_KeyboardLayout__ = __webpack_require__(5);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__services_Utilities__ = __webpack_require__(6);\nvar _typeof=typeof Symbol===\"function\"&&typeof Symbol.iterator===\"symbol\"?function(obj){return typeof obj;}:function(obj){return obj&&typeof Symbol===\"function\"&&obj.constructor===Symbol&&obj!==Symbol.prototype?\"symbol\":typeof obj;};var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if(\"value\"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError(\"Cannot call a class as a function\");}}// Services\n/**\r\n * Root class for simple-keyboard\r\n * This class:\r\n * - Parses the options\r\n * - Renders the rows and buttons\r\n * - Handles button functionality\r\n */var SimpleKeyboard=function(){/**\r\n * Creates an instance of SimpleKeyboard\r\n * @param {Array} params If first parameter is a string, it is considered the container class. The second parameter is then considered the options object. If first parameter is an object, it is considered the options object.\r\n */function SimpleKeyboard(){var _this=this;_classCallCheck(this,SimpleKeyboard);this.setOptions=function(option){option=option||{};_this.options=Object.assign(_this.options,option);_this.render();};this.registerModule=function(name,initCallback){if(!_this.modules[name])_this.modules[name]={};initCallback(_this.modules[name]);};this.getModuleProp=function(name,prop){if(!_this.modules[name])return false;return _this.modules[name][prop];};this.getModulesList=function(){return Object.keys(_this.modules);};var keyboardDOMQuery=typeof(arguments.length<=0?undefined:arguments[0])===\"string\"?arguments.length<=0?undefined:arguments[0]:'.simple-keyboard';var options=_typeof(arguments.length<=0?undefined:arguments[0])===\"object\"?arguments.length<=0?undefined:arguments[0]:arguments.length<=1?undefined:arguments[1];if(!options)options={};/**\r\n * Initializing Utilities\r\n */this.utilities=new __WEBPACK_IMPORTED_MODULE_3__services_Utilities__[\"a\" /* default */](this);/**\r\n * Processing options\r\n */this.keyboardDOM=document.querySelector(keyboardDOMQuery);/**\r\n * @type {object}\r\n * @property {object} layout Modify the keyboard layout.\r\n * @property {string} layoutName Specifies which layout should be used.\r\n * @property {object} display Replaces variable buttons (such as {bksp}) with a human-friendly name (e.g.: “backspace”).\r\n * @property {boolean} mergeDisplay By default, when you set the display property, you replace the default one. This setting merges them instead.\r\n * @property {string} theme A prop to add your own css classes to the keyboard wrapper. You can add multiple classes separated by a space.\r\n * @property {Array} buttonTheme A prop to add your own css classes to one or several buttons.\r\n * @property {boolean} debug Runs a console.log every time a key is pressed. Displays the buttons pressed and the current input.\r\n * @property {boolean} newLineOnEnter Specifies whether clicking the “ENTER” button will input a newline (\\n) or not.\r\n * @property {boolean} tabCharOnTab Specifies whether clicking the “TAB” button will input a tab character (\\t) or not.\r\n * @property {string} inputName Allows you to use a single simple-keyboard instance for several inputs.\r\n * @property {number} maxLength Restrains all of simple-keyboard inputs to a certain length. This should be used in addition to the input elements maxlengthattribute.\r\n * @property {object} maxLength Restrains simple-keyboards individual inputs to a certain length. This should be used in addition to the input elements maxlengthattribute.\r\n * @property {boolean} syncInstanceInputs When set to true, this option synchronizes the internal input of every simple-keyboard instance.\r\n * @property {boolean} physicalKeyboardHighlight Enable highlighting of keys pressed on physical keyboard.\r\n * @property {string} physicalKeyboardHighlightTextColor Define the text color that the physical keyboard highlighted key should have.\r\n * @property {string} physicalKeyboardHighlightBgColor Define the background color that the physical keyboard highlighted key should have. \r\n * @property {function(button: string):string} onKeyPress Executes the callback function on key press. Returns button layout name (i.e.: “{shift}”).\r\n * @property {function(input: string):string} onChange Executes the callback function on input change. Returns the current inputs string.\r\n * @property {function} onRender Executes the callback function every time simple-keyboard is rendered (e.g: when you change layouts).\r\n * @property {function} onInit Executes the callback function once simple-keyboard is rendered for the first time (on initialization).\r\n * @property {function(inputs: object):object} onChangeAll Executes the callback function on input change. Returns the input object with all defined inputs.\r\n */this.options=options;this.options.layoutName=this.options.layoutName||\"default\";this.options.theme=this.options.theme||\"hg-theme-default\";this.options.inputName=this.options.inputName||\"default\";/**\r\n * @type {object} Classes identifying loaded plugins\r\n */this.keyboardPluginClasses='';/**\r\n * Bindings\r\n */this.handleButtonClicked=this.handleButtonClicked.bind(this);this.syncInstanceInputs=this.syncInstanceInputs.bind(this);this.clearInput=this.clearInput.bind(this);this.getInput=this.getInput.bind(this);this.setInput=this.setInput.bind(this);this.replaceInput=this.replaceInput.bind(this);this.clear=this.clear.bind(this);this.dispatch=this.dispatch.bind(this);this.addButtonTheme=this.addButtonTheme.bind(this);this.removeButtonTheme=this.removeButtonTheme.bind(this);this.getButtonElement=this.getButtonElement.bind(this);this.handleCaret=this.handleCaret.bind(this);this.caretEventHandler=this.caretEventHandler.bind(this);this.onInit=this.onInit.bind(this);this.onRender=this.onRender.bind(this);this.render=this.render.bind(this);this.loadModules=this.loadModules.bind(this);this.handleButtonMouseUp=this.handleButtonMouseUp.bind(this);this.handleButtonMouseDown=this.handleButtonMouseDown.bind(this);this.handleButtonHold=this.handleButtonHold.bind(this);this.onModulesLoaded=this.onModulesLoaded.bind(this);/**\r\n * simple-keyboard uses a non-persistent internal input to keep track of the entered string (the variable `keyboard.input`).\r\n * This removes any dependency to input DOM elements. You can type and directly display the value in a div element, for example.\r\n * @example\r\n * // To get entered input\r\n * let input = keyboard.getInput();\r\n * \r\n * // To clear entered input.\r\n * keyboard.clearInput();\r\n * \r\n * @type {object}\r\n * @property {object} default Default SimpleKeyboard internal input.\r\n * @property {object} myInputName Example input that can be set through `options.inputName:\"myInputName\"`.\r\n */this.input={};this.input[this.options.inputName]='';/**\r\n * @type {string} DOM class of the keyboard wrapper, normally \"simple-keyboard\" by default.\r\n */this.keyboardDOMClass=keyboardDOMQuery.split('.').join(\"\");/**\r\n * @type {object} Contains the DOM elements of every rendered button, the key being the button's layout name (e.g.: \"{enter}\").\r\n */this.buttonElements={};/**\r\n * Rendering keyboard\r\n */if(this.keyboardDOM)this.render();else{console.warn('\"'+keyboardDOMQuery+'\" was not found in the DOM.');throw new Error(\"KEYBOARD_DOM_ERROR\");}/**\r\n * Saving instance\r\n * This enables multiple simple-keyboard support with easier management\r\n */if(!window['SimpleKeyboardInstances'])window['SimpleKeyboardInstances']={};window['SimpleKeyboardInstances'][this.utilities.camelCase(this.keyboardDOMClass)]=this;/**\r\n * Physical Keyboard support\r\n */this.physicalKeyboardInterface=new __WEBPACK_IMPORTED_MODULE_1__services_PhysicalKeyboard__[\"a\" /* default */](this);/**\r\n * Modules\r\n */this.modules={};this.loadModules();}/**\r\n * Handles clicks made to keyboard buttons\r\n * @param {string} button The button's layout name.\r\n */_createClass(SimpleKeyboard,[{key:'handleButtonClicked',value:function handleButtonClicked(button){var debug=this.options.debug;/**\r\n * Ignoring placeholder buttons\r\n */if(button==='{//}')return false;/**\r\n * Calling onKeyPress\r\n */if(typeof this.options.onKeyPress===\"function\")this.options.onKeyPress(button);if(!this.input[this.options.inputName])this.input[this.options.inputName]='';var updatedInput=this.utilities.getUpdatedInput(button,this.input[this.options.inputName],this.options,this.caretPosition);if(this.input[this.options.inputName]!==updatedInput){/**\r\n * If maxLength and handleMaxLength yield true, halting\r\n */if(this.options.maxLength&&this.utilities.handleMaxLength(this.input,this.options,updatedInput)){return false;}this.input[this.options.inputName]=updatedInput;if(debug)console.log('Input changed:',this.input);/**\r\n * Enforce syncInstanceInputs, if set\r\n */if(this.options.syncInstanceInputs)this.syncInstanceInputs(this.input);/**\r\n * Calling onChange\r\n */if(typeof this.options.onChange===\"function\")this.options.onChange(this.input[this.options.inputName]);}if(debug){console.log(\"Key pressed:\",button);}}/**\r\n * Handles button mousedown\r\n *//* istanbul ignore next */},{key:'handleButtonMouseDown',value:function handleButtonMouseDown(button,e){var _this2=this;/**\r\n * @type {boolean} Whether the mouse is being held onKeyPress\r\n */this.isMouseHold=true;if(this.holdInteractionTimeout)clearTimeout(this.holdInteractionTimeout);if(this.holdTimeout)clearTimeout(this.holdTimeout);/**\r\n * @type {object} Time to wait until a key hold is detected\r\n */this.holdTimeout=setTimeout(function(){if(_this2.isMouseHold&&(!button.includes(\"{\")&&!button.includes(\"}\")||button===\"{bksp}\"||button===\"{space}\"||button===\"{tab}\")){if(_this2.options.debug)console.log(\"Button held:\",button);_this2.handleButtonHold(button,e);}clearTimeout(_this2.holdTimeout);},500);}/**\r\n * Handles button mouseup\r\n */},{key:'handleButtonMouseUp',value:function handleButtonMouseUp(){this.isMouseHold=false;if(this.holdInteractionTimeout)clearTimeout(this.holdInteractionTimeout);}/**\r\n * Handles button hold\r\n *//* istanbul ignore next */},{key:'handleButtonHold',value:function handleButtonHold(button){var _this3=this;if(this.holdInteractionTimeout)clearTimeout(this.holdInteractionTimeout);/**\r\n * @type {object} Timeout dictating the speed of key hold iterations\r\n */this.holdInteractionTimeout=setTimeout(function(){if(_this3.isMouseHold){_this3.handleButtonClicked(button);_this3.handleButtonHold(button);}else{clearTimeout(_this3.holdInteractionTimeout);}},100);}/**\r\n * Send a command to all simple-keyboard instances (if you have several instances).\r\n */},{key:'syncInstanceInputs',value:function syncInstanceInputs(){var _this4=this;this.dispatch(function(instance){instance.replaceInput(_this4.input);});}/**\r\n * Clear the keyboards input.\r\n * @param {string} [inputName] optional - the internal input to select\r\n */},{key:'clearInput',value:function clearInput(inputName){inputName=inputName||this.options.inputName;this.input[this.options.inputName]='';/**\r\n * Enforce syncInstanceInputs, if set\r\n */if(this.options.syncInstanceInputs)this.syncInstanceInputs(this.input);}/**\r\n * Get the keyboards input (You can also get it from the onChange prop).\r\n * @param {string} [inputName] optional - the internal input to select\r\n */},{key:'getInput',value:function getInput(inputName){inputName=inputName||this.options.inputName;/**\r\n * Enforce syncInstanceInputs, if set\r\n */if(this.options.syncInstanceInputs)this.syncInstanceInputs(this.input);return this.input[this.options.inputName];}/**\r\n * Set the keyboards input.\r\n * @param {string} input the input value\r\n * @param {string} inputName optional - the internal input to select\r\n */},{key:'setInput',value:function setInput(input,inputName){inputName=inputName||this.options.inputName;this.input[inputName]=input;/**\r\n * Enforce syncInstanceInputs, if set\r\n */if(this.options.syncInstanceInputs)this.syncInstanceInputs(this.input);}/**\r\n * Replace the input object (`keyboard.input`)\r\n * @param {object} inputObj The input object\r\n */},{key:'replaceInput',value:function replaceInput(inputObj){this.input=inputObj;}/**\r\n * Set new option or modify existing ones after initialization. \r\n * @param {object} option The option to set\r\n */},{key:'clear',/**\r\n * Remove all keyboard rows and reset keyboard values.\r\n * Used interally between re-renders.\r\n */value:function clear(){this.keyboardDOM.innerHTML='';this.keyboardDOM.className=this.keyboardDOMClass;this.buttonElements={};}/**\r\n * Send a command to all simple-keyboard instances at once (if you have multiple instances).\r\n * @param {function(instance: object, key: string)} callback Function to run on every instance\r\n */},{key:'dispatch',value:function dispatch(callback){if(!window['SimpleKeyboardInstances']){console.warn('SimpleKeyboardInstances is not defined. Dispatch cannot be called.');throw new Error(\"INSTANCES_VAR_ERROR\");}return Object.keys(window['SimpleKeyboardInstances']).forEach(function(key){callback(window['SimpleKeyboardInstances'][key],key);});}/**\r\n * Adds/Modifies an entry to the `buttonTheme`. Basically a way to add a class to a button.\r\n * @param {string} buttons List of buttons to select (separated by a space).\r\n * @param {string} className Classes to give to the selected buttons (separated by space).\r\n */},{key:'addButtonTheme',value:function addButtonTheme(buttons,className){var _this5=this;if(!className||!buttons)return false;buttons.split(\" \").forEach(function(button){className.split(\" \").forEach(function(classNameItem){if(!_this5.options.buttonTheme)_this5.options.buttonTheme=[];var classNameFound=false;/**\r\n * If class is already defined, we add button to class definition\r\n */_this5.options.buttonTheme.map(function(buttonTheme){if(buttonTheme.class.split(\" \").includes(classNameItem)){classNameFound=true;var buttonThemeArray=buttonTheme.buttons.split(\" \");if(!buttonThemeArray.includes(button)){classNameFound=true;buttonThemeArray.push(button);buttonTheme.buttons=buttonThemeArray.join(\" \");}}return buttonTheme;});/**\r\n * If class is not defined, we create a new entry\r\n */if(!classNameFound){_this5.options.buttonTheme.push({class:classNameItem,buttons:buttons});}});});this.render();}/**\r\n * Removes/Amends an entry to the `buttonTheme`. Basically a way to remove a class previously added to a button through buttonTheme or addButtonTheme.\r\n * @param {string} buttons List of buttons to select (separated by a space).\r\n * @param {string} className Classes to give to the selected buttons (separated by space).\r\n */},{key:'removeButtonTheme',value:function removeButtonTheme(buttons,className){var _this6=this;/**\r\n * When called with empty parameters, remove all button themes\r\n */if(!buttons&&!className){this.options.buttonTheme=[];this.render();return false;}/**\r\n * If buttons are passed and buttonTheme has items\r\n */if(buttons&&Array.isArray(this.options.buttonTheme)&&this.options.buttonTheme.length){var buttonArray=buttons.split(\" \");buttonArray.forEach(function(button,key){_this6.options.buttonTheme.map(function(buttonTheme,index){/**\r\n * If className is set, we affect the buttons only for that class\r\n * Otherwise, we afect all classes\r\n */if(className&&className.includes(buttonTheme.class)||!className){var filteredButtonArray=buttonTheme.buttons.split(\" \").filter(function(item){return item!==button;});/**\r\n * If buttons left, return them, otherwise, remove button Theme\r\n */if(filteredButtonArray.length){buttonTheme.buttons=filteredButtonArray.join(\" \");}else{_this6.options.buttonTheme.splice(index,1);buttonTheme=null;}}return buttonTheme;});});this.render();}}/**\r\n * Get the DOM Element of a button. If there are several buttons with the same name, an array of the DOM Elements is returned.\r\n * @param {string} button The button layout name to select\r\n */},{key:'getButtonElement',value:function getButtonElement(button){var output=void 0;var buttonArr=this.buttonElements[button];if(buttonArr){if(buttonArr.length>1){output=buttonArr;}else{output=buttonArr[0];}}return output;}/**\r\n * Retrieves the current cursor position within a input or textarea (if any)\r\n */},{key:'handleCaret',value:function handleCaret(){if(this.options.debug){console.log(\"Caret handling started\");}document.addEventListener(\"keyup\",this.caretEventHandler);document.addEventListener(\"mouseup\",this.caretEventHandler);document.addEventListener(\"touchend\",this.caretEventHandler);}/**\r\n * Called by {@link handleCaret} when an event that warrants a cursor position update is triggered\r\n */},{key:'caretEventHandler',value:function caretEventHandler(event){var targetTagName=event.target.tagName.toLowerCase();if(targetTagName===\"textarea\"||targetTagName===\"input\"){/**\r\n * Tracks current cursor position\r\n * As keys are pressed, text will be added/removed at that position within the input.\r\n */this.caretPosition=event.target.selectionStart;if(this.options.debug){console.log('Caret at: ',event.target.selectionStart,event.target.tagName.toLowerCase());}}}/**\r\n * Executes the callback function once simple-keyboard is rendered for the first time (on initialization).\r\n */},{key:'onInit',value:function onInit(){if(this.options.debug){console.log(\"Initialized\");}/**\r\n * Caret handling\r\n */this.handleCaret();if(typeof this.options.onInit===\"function\")this.options.onInit();}/**\r\n * Executes the callback function every time simple-keyboard is rendered (e.g: when you change layouts).\r\n */},{key:'onRender',value:function onRender(){if(typeof this.options.onRender===\"function\")this.options.onRender();}/**\r\n * Executes the callback function once all modules have been loaded\r\n */},{key:'onModulesLoaded',value:function onModulesLoaded(){if(typeof this.options.onModulesLoaded===\"function\")this.options.onModulesLoaded();}/**\r\n * Register module\r\n */},{key:'loadModules',/**\r\n * Load modules\r\n */value:function loadModules(){var _this7=this;if(Array.isArray(this.options.modules)){this.options.modules.forEach(function(Module){var module=new Module();/* istanbul ignore next */if(module.constructor.name&&module.constructor.name!==\"Function\"){var classStr='module-'+_this7.utilities.camelCase(module.constructor.name);_this7.keyboardPluginClasses=_this7.keyboardPluginClasses+(' '+classStr);}module.init(_this7);});this.keyboardPluginClasses=this.keyboardPluginClasses+' modules-loaded';this.render();this.onModulesLoaded();}}/**\r\n * Get module prop\r\n *//**\r\n * getModulesList\r\n */},{key:'render',/**\r\n * Renders rows and buttons as per options\r\n */value:function render(){var _this8=this;/**\r\n * Clear keyboard\r\n */this.clear();var layoutClass=this.options.layout?\"hg-layout-custom\":'hg-layout-'+this.options.layoutName;var layout=this.options.layout||__WEBPACK_IMPORTED_MODULE_2__services_KeyboardLayout__[\"a\" /* default */].getDefaultLayout();/**\r\n * Account for buttonTheme, if set\r\n */var buttonThemesParsed={};if(Array.isArray(this.options.buttonTheme)){this.options.buttonTheme.forEach(function(themeObj){if(themeObj.buttons&&themeObj.class){var themeButtons=void 0;if(typeof themeObj.buttons===\"string\"){themeButtons=themeObj.buttons.split(' ');}if(themeButtons){themeButtons.forEach(function(themeButton){var themeParsed=buttonThemesParsed[themeButton];// If the button has already been added\nif(themeParsed){// Making sure we don't add duplicate classes, even when buttonTheme has duplicates\nif(!_this8.utilities.countInArray(themeParsed.split(\" \"),themeObj.class)){buttonThemesParsed[themeButton]=themeParsed+' '+themeObj.class;}}else{buttonThemesParsed[themeButton]=themeObj.class;}});}}else{console.warn('buttonTheme row is missing the \"buttons\" or the \"class\". Please check the documentation.');}});}/**\r\n * Adding themeClass, layoutClass to keyboardDOM\r\n */this.keyboardDOM.className+=' '+this.options.theme+' '+layoutClass+' '+this.keyboardPluginClasses;/**\r\n * Iterating through each row\r\n */layout[this.options.layoutName].forEach(function(row,rIndex){var rowArray=row.split(' ');/**\r\n * Creating empty row\r\n */var rowDOM=document.createElement('div');rowDOM.className+=\"hg-row\";/**\r\n * Iterating through each button in row\r\n */rowArray.forEach(function(button,bIndex){var fctBtnClass=_this8.utilities.getButtonClass(button);var buttonThemeClass=buttonThemesParsed[button];var buttonDisplayName=_this8.utilities.getButtonDisplayName(button,_this8.options.display,_this8.options.mergeDisplay);/**\r\n * Creating button\r\n */var buttonDOM=document.createElement('div');buttonDOM.className+='hg-button '+fctBtnClass+(buttonThemeClass?\" \"+buttonThemeClass:\"\");buttonDOM.onclick=function(){_this8.isMouseHold=false;_this8.handleButtonClicked(button);};buttonDOM.onmousedown=function(e){return _this8.handleButtonMouseDown(button,e);};/**\r\n * Adding identifier\r\n */buttonDOM.setAttribute(\"data-skBtn\",button);/**\r\n * Adding unique id\r\n * Since there's no limit on spawning same buttons, the unique id ensures you can style every button\r\n */var buttonUID=_this8.options.layoutName+'-r'+rIndex+'b'+bIndex;buttonDOM.setAttribute(\"data-skBtnUID\",buttonUID);/**\r\n * Adding display label\r\n */buttonDOM.setAttribute(\"data-displayLabel\",buttonDisplayName);/**\r\n * Adding button label to button\r\n */var buttonSpanDOM=document.createElement('span');buttonSpanDOM.innerHTML=buttonDisplayName;buttonDOM.appendChild(buttonSpanDOM);/**\r\n * Adding to buttonElements\r\n */if(!_this8.buttonElements[button])_this8.buttonElements[button]=[];_this8.buttonElements[button].push(buttonDOM);/**\r\n * Appending button to row\r\n */rowDOM.appendChild(buttonDOM);});/**\r\n * Appending row to keyboard\r\n */_this8.keyboardDOM.appendChild(rowDOM);});/**\r\n * Calling onRender\r\n */this.onRender();if(!this.initialized){/**\r\n * Ensures that onInit is only called once per instantiation\r\n */this.initialized=true;/**\r\n * Handling mouseup\r\n */document.onmouseup=function(){return _this8.handleButtonMouseUp();};/**\r\n * Calling onInit\r\n */this.onInit();}}}]);return SimpleKeyboard;}();/* harmony default export */ __webpack_exports__[\"a\"] = (SimpleKeyboard);\n\n/***/ }),\n/* 3 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 4 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nvar _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if(\"value\"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError(\"Cannot call a class as a function\");}}/**\r\n * Physical Keyboard Service\r\n */var PhysicalKeyboard=function(){/**\r\n * Creates an instance of the PhysicalKeyboard service\r\n */function PhysicalKeyboard(simpleKeyboardInstance){_classCallCheck(this,PhysicalKeyboard);/**\r\n * @type {object} A simple-keyboard instance\r\n */this.simpleKeyboardInstance=simpleKeyboardInstance;/**\r\n * Bindings\r\n */this.initKeyboardListener=this.initKeyboardListener.bind(this);this.getSimpleKeyboardLayoutKey=this.getSimpleKeyboardLayoutKey.bind(this);/**\r\n * Initialize key listeners\r\n */this.initKeyboardListener();}/**\r\n * Initializes key event listeners\r\n */_createClass(PhysicalKeyboard,[{key:\"initKeyboardListener\",value:function initKeyboardListener(){var _this=this;// Adding button style on keydown\ndocument.addEventListener(\"keydown\",function(event){if(_this.simpleKeyboardInstance.options.physicalKeyboardHighlight){var buttonPressed=_this.getSimpleKeyboardLayoutKey(event);_this.simpleKeyboardInstance.dispatch(function(instance){var buttonDOM=instance.getButtonElement(buttonPressed)||instance.getButtonElement(\"{\"+buttonPressed+\"}\");if(buttonDOM){buttonDOM.style.backgroundColor=_this.simpleKeyboardInstance.options.physicalKeyboardHighlightBgColor||\"#9ab4d0\";buttonDOM.style.color=_this.simpleKeyboardInstance.options.physicalKeyboardHighlightTextColor||\"white\";}});}});// Removing button style on keyup\ndocument.addEventListener(\"keyup\",function(event){if(_this.simpleKeyboardInstance.options.physicalKeyboardHighlight){var buttonPressed=_this.getSimpleKeyboardLayoutKey(event);_this.simpleKeyboardInstance.dispatch(function(instance){var buttonDOM=instance.getButtonElement(buttonPressed)||instance.getButtonElement(\"{\"+buttonPressed+\"}\");if(buttonDOM){buttonDOM.removeAttribute(\"style\");}});}});}/**\r\n * Transforms a KeyboardEvent's \"key.code\" string into a simple-keyboard layout format\r\n * @param {object} event The KeyboardEvent\r\n */},{key:\"getSimpleKeyboardLayoutKey\",value:function getSimpleKeyboardLayoutKey(event){var output=void 0;if(event.code.includes(\"Numpad\")||event.code.includes(\"Shift\")||event.code.includes(\"Space\")||event.code.includes(\"Backspace\")||event.code.includes(\"Control\")||event.code.includes(\"Alt\")||event.code.includes(\"Meta\")){output=event.code;}else{output=event.key;}/**\r\n * If button is not uppercase, casting to lowercase\r\n */if(output!==output.toUpperCase()||event.code[0]===\"F\"&&Number.isInteger(Number(event.code[1]))&&event.code.length<=3){output=output.toLowerCase();}return output;}}]);return PhysicalKeyboard;}();/* harmony default export */ __webpack_exports__[\"a\"] = (PhysicalKeyboard);\n\n/***/ }),\n/* 5 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nvar _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if(\"value\"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError(\"Cannot call a class as a function\");}}/**\r\n * Keyboard Layout Service\r\n */var KeyboardLayout=function(){function KeyboardLayout(){_classCallCheck(this,KeyboardLayout);}_createClass(KeyboardLayout,null,[{key:'getDefaultLayout',/**\r\n * Get default simple-keyboard layout\r\n * @return {object} The default layout (US-QWERTY)\r\n */value:function getDefaultLayout(){return{'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}']};}}]);return KeyboardLayout;}();/* harmony default export */ __webpack_exports__[\"a\"] = (KeyboardLayout);\n\n/***/ }),\n/* 6 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nvar _typeof=typeof Symbol===\"function\"&&typeof Symbol.iterator===\"symbol\"?function(obj){return typeof obj;}:function(obj){return obj&&typeof Symbol===\"function\"&&obj.constructor===Symbol&&obj!==Symbol.prototype?\"symbol\":typeof obj;};var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if(\"value\"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError(\"Cannot call a class as a function\");}}/**\r\n * Utility Service\r\n */var Utilities=function(){/**\r\n * Creates an instance of the Utility service\r\n */function Utilities(simpleKeyboardInstance){_classCallCheck(this,Utilities);/**\r\n * @type {object} A simple-keyboard instance\r\n */this.simpleKeyboardInstance=simpleKeyboardInstance;/**\r\n * Bindings\r\n */this.getButtonClass=this.getButtonClass.bind(this);this.getButtonDisplayName=this.getButtonDisplayName.bind(this);this.getUpdatedInput=this.getUpdatedInput.bind(this);this.updateCaretPos=this.updateCaretPos.bind(this);this.isMaxLengthReached=this.isMaxLengthReached.bind(this);this.camelCase=this.camelCase.bind(this);this.countInArray=this.countInArray.bind(this);}/**\r\n * Adds default classes to a given button\r\n * \r\n * @param {string} button The button's layout name\r\n * @return {string} The classes to be added to the button\r\n */_createClass(Utilities,[{key:\"getButtonClass\",value:function getButtonClass(button){var buttonTypeClass=button.includes(\"{\")&&button.includes(\"}\")&&button!=='{//}'?\"functionBtn\":\"standardBtn\";var buttonWithoutBraces=button.replace(\"{\",\"\").replace(\"}\",\"\");var buttonNormalized='';if(buttonTypeClass!==\"standardBtn\")buttonNormalized=\" hg-button-\"+buttonWithoutBraces;return\"hg-\"+buttonTypeClass+buttonNormalized;}/**\r\n * Default button display labels\r\n */},{key:\"getDefaultDiplay\",value:function getDefaultDiplay(){return{'{bksp}':'backspace','{backspace}':'backspace','{enter}':'< enter','{shift}':'shift','{shiftleft}':'shift','{shiftright}':'shift','{alt}':'alt','{s}':'shift','{tab}':'tab','{lock}':'caps','{capslock}':'caps','{accept}':'Submit','{space}':' ','{//}':' ',\"{esc}\":\"esc\",\"{escape}\":\"esc\",\"{f1}\":\"f1\",\"{f2}\":\"f2\",\"{f3}\":\"f3\",\"{f4}\":\"f4\",\"{f5}\":\"f5\",\"{f6}\":\"f6\",\"{f7}\":\"f7\",\"{f8}\":\"f8\",\"{f9}\":\"f9\",\"{f10}\":\"f10\",\"{f11}\":\"f11\",\"{f12}\":\"f12\",'{numpaddivide}':'/','{numlock}':'lock',\"{arrowup}\":\"↑\",\"{arrowleft}\":\"←\",\"{arrowdown}\":\"↓\",\"{arrowright}\":\"→\",\"{prtscr}\":\"print\",\"{scrolllock}\":\"scroll\",\"{pause}\":\"pause\",\"{insert}\":\"ins\",\"{home}\":\"home\",\"{pageup}\":\"up\",\"{delete}\":\"del\",\"{end}\":\"end\",\"{pagedown}\":\"down\",\"{numpadmultiply}\":\"*\",\"{numpadsubtract}\":\"-\",\"{numpadadd}\":\"+\",\"{numpadenter}\":\"enter\",\"{period}\":\".\",\"{numpaddecimal}\":\".\",\"{numpad0}\":\"0\",\"{numpad1}\":\"1\",\"{numpad2}\":\"2\",\"{numpad3}\":\"3\",\"{numpad4}\":\"4\",\"{numpad5}\":\"5\",\"{numpad6}\":\"6\",\"{numpad7}\":\"7\",\"{numpad8}\":\"8\",\"{numpad9}\":\"9\"};}/**\r\n * Returns the display (label) name for a given button\r\n * \r\n * @param {string} button The button's layout name\r\n * @param {object} display The provided display option\r\n * @param {boolean} mergeDisplay Whether the provided param value should be merged with the default one.\r\n */},{key:\"getButtonDisplayName\",value:function getButtonDisplayName(button,display,mergeDisplay){if(mergeDisplay){display=Object.assign({},this.getDefaultDiplay(),display);}else{display=display||this.getDefaultDiplay();}return display[button]||button;}/**\r\n * Returns the updated input resulting from clicking a given button\r\n * \r\n * @param {string} button The button's layout name\r\n * @param {string} input The input string\r\n * @param {object} options The simple-keyboard options object\r\n * @param {number} caretPos The cursor's current position\r\n */},{key:\"getUpdatedInput\",value:function getUpdatedInput(button,input,options,caretPos){var output=input;if((button===\"{bksp}\"||button===\"{backspace}\")&&output.length>0){output=this.removeAt(output,caretPos);}else if(button===\"{space}\")output=this.addStringAt(output,\" \",caretPos);else if(button===\"{tab}\"&&!(typeof options.tabCharOnTab===\"boolean\"&&options.tabCharOnTab===false)){output=this.addStringAt(output,\"\\t\",caretPos);}else if((button===\"{enter}\"||button===\"{numpadenter}\")&&options.newLineOnEnter)output=this.addStringAt(output,\"\\n\",caretPos);else if(button.includes(\"numpad\")&&Number.isInteger(Number(button[button.length-2]))){output=this.addStringAt(output,button[button.length-2],caretPos);}else if(button===\"{numpaddivide}\")output=this.addStringAt(output,'/',caretPos);else if(button===\"{numpadmultiply}\")output=this.addStringAt(output,'*',caretPos);else if(button===\"{numpadsubtract}\")output=this.addStringAt(output,'-',caretPos);else if(button===\"{numpadadd}\")output=this.addStringAt(output,'+',caretPos);else if(button===\"{numpaddecimal}\")output=this.addStringAt(output,'.',caretPos);else if(button===\"{\"||button===\"}\")output=this.addStringAt(output,button,caretPos);else if(!button.includes(\"{\")&&!button.includes(\"}\"))output=this.addStringAt(output,button,caretPos);return output;}/**\r\n * Moves the cursor position by a given amount\r\n * \r\n * @param {number} length Represents by how many characters the input should be moved\r\n * @param {boolean} minus Whether the cursor should be moved to the left or not.\r\n */},{key:\"updateCaretPos\",value:function updateCaretPos(length,minus){if(minus){if(this.simpleKeyboardInstance.caretPosition>0)this.simpleKeyboardInstance.caretPosition=this.simpleKeyboardInstance.caretPosition-length;}else{this.simpleKeyboardInstance.caretPosition=this.simpleKeyboardInstance.caretPosition+length;}}/**\r\n * Adds a string to the input at a given position\r\n * \r\n * @param {string} source The source input\r\n * @param {string} string The string to add\r\n * @param {number} position The (cursor) position where the string should be added\r\n */},{key:\"addStringAt\",value:function addStringAt(source,string,position){var output=void 0;if(this.simpleKeyboardInstance.options.debug){console.log(\"Caret at:\",position);}if(!position&&position!==0){output=source+string;}else{output=[source.slice(0,position),string,source.slice(position)].join('');/**\r\n * Avoid caret position change when maxLength is set\r\n */if(!this.isMaxLengthReached()){this.updateCaretPos(string.length);}}return output;}/**\r\n * Removes an amount of characters at a given position\r\n * \r\n * @param {string} source The source input\r\n * @param {number} position The (cursor) position from where the characters should be removed\r\n */},{key:\"removeAt\",value:function removeAt(source,position){if(this.simpleKeyboardInstance.caretPosition===0){return source;}var output=void 0;var prevTwoChars=void 0;var emojiMatched=void 0;var emojiMatchedReg=/([\\uD800-\\uDBFF][\\uDC00-\\uDFFF])/g;/**\r\n * Emojis are made out of two characters, so we must take a custom approach to trim them.\r\n * For more info: https://mathiasbynens.be/notes/javascript-unicode\r\n */if(position&&position>=0){prevTwoChars=source.substring(position-2,position);emojiMatched=prevTwoChars.match(emojiMatchedReg);if(emojiMatched){output=source.substr(0,position-2)+source.substr(position);this.updateCaretPos(2,true);}else{output=source.substr(0,position-1)+source.substr(position);this.updateCaretPos(1,true);}}else{prevTwoChars=source.slice(-2);emojiMatched=prevTwoChars.match(emojiMatchedReg);if(emojiMatched){output=source.slice(0,-2);this.updateCaretPos(2,true);}else{output=source.slice(0,-1);this.updateCaretPos(1,true);}}return output;}/**\r\n * Determines whether the maxLength has been reached. This function is called when the maxLength option it set.\r\n * \r\n * @param {object} inputObj\r\n * @param {object} options\r\n * @param {string} updatedInput\r\n */},{key:\"handleMaxLength\",value:function handleMaxLength(inputObj,options,updatedInput){var maxLength=options.maxLength;var currentInput=inputObj[options.inputName];var condition=currentInput.length===maxLength;if(/**\r\n * If pressing this button won't add more characters\r\n * We exit out of this limiter function\r\n */updatedInput.length<=currentInput.length){return false;}if(Number.isInteger(maxLength)){if(options.debug){console.log(\"maxLength (num) reached:\",condition);}if(condition){/**\r\n * @type {boolean} Boolean value that shows whether maxLength has been reached\r\n */this.maxLengthReached=true;return true;}else{this.maxLengthReached=false;return false;}}if((typeof maxLength===\"undefined\"?\"undefined\":_typeof(maxLength))===\"object\"){var _condition=currentInput.length===maxLength[options.inputName];if(options.debug){console.log(\"maxLength (obj) reached:\",_condition);}if(_condition){this.maxLengthReached=true;return true;}else{this.maxLengthReached=false;return false;}}}/**\r\n * Gets the current value of maxLengthReached\r\n */},{key:\"isMaxLengthReached\",value:function isMaxLengthReached(){return Boolean(this.maxLengthReached);}/**\r\n * Transforms an arbitrary string to camelCase\r\n * \r\n * @param {string} string The string to transform.\r\n */},{key:\"camelCase\",value:function camelCase(string){return string.toLowerCase().trim().split(/[.\\-_\\s]/g).reduce(function(string,word){return string+word[0].toUpperCase()+word.slice(1);});}},{key:\"countInArray\",/**\r\n * Counts the number of duplicates in a given array\r\n * \r\n * @param {Array} array The haystack to search in\r\n * @param {string} value The needle to search for\r\n */value:function countInArray(array,value){return array.reduce(function(n,x){return n+(x===value);},0);}}]);return Utilities;}();/* harmony default export */ __webpack_exports__[\"a\"] = (Utilities);\n\n/***/ })\n/******/ ]);\n});\n\n\n// WEBPACK FOOTER //\n// index.js"," \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, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\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 \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 0);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap f1a1a6a2e3f989194dda","import SimpleKeyboard from './components/Keyboard';\r\nexport default SimpleKeyboard;\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/lib/index.js","import './Keyboard.css';\r\n\r\n// Services\r\nimport PhysicalKeyboard from '../services/PhysicalKeyboard';\r\nimport KeyboardLayout from '../services/KeyboardLayout';\r\nimport Utilities from '../services/Utilities';\r\n\r\n/**\r\n * Root class for simple-keyboard\r\n * This class:\r\n * - Parses the options\r\n * - Renders the rows and buttons\r\n * - Handles button functionality\r\n */\r\nclass SimpleKeyboard {\r\n /**\r\n * Creates an instance of SimpleKeyboard\r\n * @param {Array} params If first parameter is a string, it is considered the container class. The second parameter is then considered the options object. If first parameter is an object, it is considered the options object.\r\n */\r\n constructor(...params){\r\n let keyboardDOMQuery = typeof params[0] === \"string\" ? params[0] : '.simple-keyboard';\r\n let options = typeof params[0] === \"object\" ? params[0] : params[1];\r\n\r\n if(!options)\r\n options = {};\r\n\r\n /**\r\n * Initializing Utilities\r\n */\r\n this.utilities = new Utilities(this);\r\n\r\n /**\r\n * Processing options\r\n */\r\n this.keyboardDOM = document.querySelector(keyboardDOMQuery);\r\n\r\n /**\r\n * @type {object}\r\n * @property {object} layout Modify the keyboard layout.\r\n * @property {string} layoutName Specifies which layout should be used.\r\n * @property {object} display Replaces variable buttons (such as {bksp}) with a human-friendly name (e.g.: “backspace”).\r\n * @property {boolean} mergeDisplay By default, when you set the display property, you replace the default one. This setting merges them instead.\r\n * @property {string} theme A prop to add your own css classes to the keyboard wrapper. You can add multiple classes separated by a space.\r\n * @property {Array} buttonTheme A prop to add your own css classes to one or several buttons.\r\n * @property {boolean} debug Runs a console.log every time a key is pressed. Displays the buttons pressed and the current input.\r\n * @property {boolean} newLineOnEnter Specifies whether clicking the “ENTER” button will input a newline (\\n) or not.\r\n * @property {boolean} tabCharOnTab Specifies whether clicking the “TAB” button will input a tab character (\\t) or not.\r\n * @property {string} inputName Allows you to use a single simple-keyboard instance for several inputs.\r\n * @property {number} maxLength Restrains all of simple-keyboard inputs to a certain length. This should be used in addition to the input elements maxlengthattribute.\r\n * @property {object} maxLength Restrains simple-keyboards individual inputs to a certain length. This should be used in addition to the input elements maxlengthattribute.\r\n * @property {boolean} syncInstanceInputs When set to true, this option synchronizes the internal input of every simple-keyboard instance.\r\n * @property {boolean} physicalKeyboardHighlight Enable highlighting of keys pressed on physical keyboard.\r\n * @property {string} physicalKeyboardHighlightTextColor Define the text color that the physical keyboard highlighted key should have.\r\n * @property {string} physicalKeyboardHighlightBgColor Define the background color that the physical keyboard highlighted key should have. \r\n * @property {function(button: string):string} onKeyPress Executes the callback function on key press. Returns button layout name (i.e.: “{shift}”).\r\n * @property {function(input: string):string} onChange Executes the callback function on input change. Returns the current inputs string.\r\n * @property {function} onRender Executes the callback function every time simple-keyboard is rendered (e.g: when you change layouts).\r\n * @property {function} onInit Executes the callback function once simple-keyboard is rendered for the first time (on initialization).\r\n * @property {function(inputs: object):object} onChangeAll Executes the callback function on input change. Returns the input object with all defined inputs.\r\n */\r\n this.options = options;\r\n this.options.layoutName = this.options.layoutName || \"default\";\r\n this.options.theme = this.options.theme || \"hg-theme-default\";\r\n this.options.inputName = this.options.inputName || \"default\";\r\n\r\n /**\r\n * @type {object} Classes identifying loaded plugins\r\n */\r\n this.keyboardPluginClasses = '';\r\n\r\n /**\r\n * Bindings\r\n */\r\n this.handleButtonClicked = this.handleButtonClicked.bind(this);\r\n this.syncInstanceInputs = this.syncInstanceInputs.bind(this);\r\n this.clearInput = this.clearInput.bind(this);\r\n this.getInput = this.getInput.bind(this);\r\n this.setInput = this.setInput.bind(this);\r\n this.replaceInput = this.replaceInput.bind(this);\r\n this.clear = this.clear.bind(this);\r\n this.dispatch = this.dispatch.bind(this);\r\n this.addButtonTheme = this.addButtonTheme.bind(this);\r\n this.removeButtonTheme = this.removeButtonTheme.bind(this);\r\n this.getButtonElement = this.getButtonElement.bind(this);\r\n this.handleCaret = this.handleCaret.bind(this);\r\n this.caretEventHandler = this.caretEventHandler.bind(this);\r\n this.onInit = this.onInit.bind(this);\r\n this.onRender = this.onRender.bind(this);\r\n this.render = this.render.bind(this);\r\n this.loadModules = this.loadModules.bind(this);\r\n this.handleButtonMouseUp = this.handleButtonMouseUp.bind(this);\r\n this.handleButtonMouseDown = this.handleButtonMouseDown.bind(this);\r\n this.handleButtonHold = this.handleButtonHold.bind(this);\r\n this.onModulesLoaded = this.onModulesLoaded.bind(this);\r\n\r\n /**\r\n * simple-keyboard uses a non-persistent internal input to keep track of the entered string (the variable `keyboard.input`).\r\n * This removes any dependency to input DOM elements. You can type and directly display the value in a div element, for example.\r\n * @example\r\n * // To get entered input\r\n * let input = keyboard.getInput();\r\n * \r\n * // To clear entered input.\r\n * keyboard.clearInput();\r\n * \r\n * @type {object}\r\n * @property {object} default Default SimpleKeyboard internal input.\r\n * @property {object} myInputName Example input that can be set through `options.inputName:\"myInputName\"`.\r\n */\r\n this.input = {};\r\n this.input[this.options.inputName] = '';\r\n\r\n /**\r\n * @type {string} DOM class of the keyboard wrapper, normally \"simple-keyboard\" by default.\r\n */\r\n this.keyboardDOMClass = keyboardDOMQuery.split('.').join(\"\");\r\n\r\n /**\r\n * @type {object} Contains the DOM elements of every rendered button, the key being the button's layout name (e.g.: \"{enter}\").\r\n */\r\n this.buttonElements = {};\r\n\r\n /**\r\n * Rendering keyboard\r\n */\r\n if(this.keyboardDOM)\r\n this.render();\r\n else {\r\n console.warn(`\"${keyboardDOMQuery}\" was not found in the DOM.`);\r\n throw new Error(\"KEYBOARD_DOM_ERROR\");\r\n }\r\n\r\n /**\r\n * Saving instance\r\n * This enables multiple simple-keyboard support with easier management\r\n */\r\n if(!window['SimpleKeyboardInstances'])\r\n window['SimpleKeyboardInstances'] = {};\r\n \r\n window['SimpleKeyboardInstances'][this.utilities.camelCase(this.keyboardDOMClass)] = this;\r\n\r\n /**\r\n * Physical Keyboard support\r\n */\r\n this.physicalKeyboardInterface = new PhysicalKeyboard(this);\r\n\r\n /**\r\n * Modules\r\n */\r\n this.modules = {};\r\n this.loadModules();\r\n }\r\n\r\n /**\r\n * Handles clicks made to keyboard buttons\r\n * @param {string} button The button's layout name.\r\n */\r\n handleButtonClicked(button){\r\n let debug = this.options.debug;\r\n\r\n /**\r\n * Ignoring placeholder buttons\r\n */\r\n if(button === '{//}')\r\n return false;\r\n\r\n /**\r\n * Calling onKeyPress\r\n */\r\n if(typeof this.options.onKeyPress === \"function\")\r\n this.options.onKeyPress(button);\r\n \r\n if(!this.input[this.options.inputName])\r\n this.input[this.options.inputName] = '';\r\n\r\n let updatedInput = this.utilities.getUpdatedInput(button, this.input[this.options.inputName], this.options, this.caretPosition);\r\n\r\n if(this.input[this.options.inputName] !== updatedInput){\r\n\r\n /**\r\n * If maxLength and handleMaxLength yield true, halting\r\n */\r\n if(this.options.maxLength && this.utilities.handleMaxLength(this.input, this.options, updatedInput)){\r\n return false;\r\n }\r\n\r\n this.input[this.options.inputName] = updatedInput;\r\n\r\n if(debug)\r\n console.log('Input changed:', this.input);\r\n\r\n /**\r\n * Enforce syncInstanceInputs, if set\r\n */\r\n if(this.options.syncInstanceInputs)\r\n this.syncInstanceInputs(this.input);\r\n\r\n /**\r\n * Calling onChange\r\n */\r\n if(typeof this.options.onChange === \"function\")\r\n this.options.onChange(this.input[this.options.inputName]);\r\n }\r\n \r\n if(debug){\r\n console.log(\"Key pressed:\", button);\r\n }\r\n }\r\n\r\n /**\r\n * Handles button mousedown\r\n */\r\n /* istanbul ignore next */\r\n handleButtonMouseDown(button, e){\r\n /**\r\n * @type {boolean} Whether the mouse is being held onKeyPress\r\n */\r\n this.isMouseHold = true;\r\n\r\n if(this.holdInteractionTimeout)\r\n clearTimeout(this.holdInteractionTimeout);\r\n\r\n if(this.holdTimeout)\r\n clearTimeout(this.holdTimeout);\r\n\r\n /**\r\n * @type {object} Time to wait until a key hold is detected\r\n */\r\n this.holdTimeout = setTimeout(() => {\r\n if(\r\n this.isMouseHold &&\r\n (\r\n (!button.includes(\"{\") && !button.includes(\"}\")) ||\r\n button === \"{bksp}\" ||\r\n button === \"{space}\" ||\r\n button === \"{tab}\"\r\n )\r\n ){\r\n if(this.options.debug)\r\n console.log(\"Button held:\", button);\r\n\r\n this.handleButtonHold(button, e);\r\n }\r\n clearTimeout(this.holdTimeout);\r\n }, 500);\r\n }\r\n\r\n /**\r\n * Handles button mouseup\r\n */\r\n handleButtonMouseUp(){\r\n this.isMouseHold = false;\r\n if(this.holdInteractionTimeout)\r\n clearTimeout(this.holdInteractionTimeout);\r\n }\r\n\r\n /**\r\n * Handles button hold\r\n */\r\n /* istanbul ignore next */\r\n handleButtonHold(button){\r\n if(this.holdInteractionTimeout)\r\n clearTimeout(this.holdInteractionTimeout);\r\n\r\n /**\r\n * @type {object} Timeout dictating the speed of key hold iterations\r\n */\r\n this.holdInteractionTimeout = setTimeout(() => {\r\n if(this.isMouseHold){\r\n this.handleButtonClicked(button);\r\n this.handleButtonHold(button);\r\n } else {\r\n clearTimeout(this.holdInteractionTimeout);\r\n }\r\n }, 100);\r\n }\r\n\r\n /**\r\n * Send a command to all simple-keyboard instances (if you have several instances).\r\n */\r\n syncInstanceInputs(){\r\n this.dispatch((instance) => {\r\n instance.replaceInput(this.input);\r\n });\r\n }\r\n \r\n /**\r\n * Clear the keyboards input.\r\n * @param {string} [inputName] optional - the internal input to select\r\n */\r\n clearInput(inputName){\r\n inputName = inputName || this.options.inputName;\r\n this.input[this.options.inputName] = '';\r\n\r\n /**\r\n * Enforce syncInstanceInputs, if set\r\n */\r\n if(this.options.syncInstanceInputs)\r\n this.syncInstanceInputs(this.input);\r\n }\r\n\r\n /**\r\n * Get the keyboards input (You can also get it from the onChange prop).\r\n * @param {string} [inputName] optional - the internal input to select\r\n */\r\n getInput(inputName){\r\n inputName = inputName || this.options.inputName;\r\n\r\n /**\r\n * Enforce syncInstanceInputs, if set\r\n */\r\n if(this.options.syncInstanceInputs)\r\n this.syncInstanceInputs(this.input);\r\n\r\n return this.input[this.options.inputName];\r\n }\r\n\r\n /**\r\n * Set the keyboards input.\r\n * @param {string} input the input value\r\n * @param {string} inputName optional - the internal input to select\r\n */\r\n setInput(input, inputName){\r\n inputName = inputName || this.options.inputName;\r\n this.input[inputName] = input;\r\n\r\n /**\r\n * Enforce syncInstanceInputs, if set\r\n */\r\n if(this.options.syncInstanceInputs)\r\n this.syncInstanceInputs(this.input);\r\n }\r\n \r\n /**\r\n * Replace the input object (`keyboard.input`)\r\n * @param {object} inputObj The input object\r\n */\r\n replaceInput(inputObj){\r\n this.input = inputObj;\r\n }\r\n\r\n /**\r\n * Set new option or modify existing ones after initialization. \r\n * @param {object} option The option to set\r\n */\r\n setOptions = option => {\r\n option = option || {};\r\n this.options = Object.assign(this.options, option);\r\n this.render();\r\n }\r\n\r\n /**\r\n * Remove all keyboard rows and reset keyboard values.\r\n * Used interally between re-renders.\r\n */\r\n clear(){\r\n this.keyboardDOM.innerHTML = '';\r\n this.keyboardDOM.className = this.keyboardDOMClass;\r\n this.buttonElements = {};\r\n }\r\n\r\n /**\r\n * Send a command to all simple-keyboard instances at once (if you have multiple instances).\r\n * @param {function(instance: object, key: string)} callback Function to run on every instance\r\n */\r\n dispatch(callback){\r\n if(!window['SimpleKeyboardInstances']){\r\n console.warn(`SimpleKeyboardInstances is not defined. Dispatch cannot be called.`);\r\n throw new Error(\"INSTANCES_VAR_ERROR\");\r\n }\r\n \r\n return Object.keys(window['SimpleKeyboardInstances']).forEach((key) => {\r\n callback(window['SimpleKeyboardInstances'][key], key);\r\n })\r\n }\r\n\r\n /**\r\n * Adds/Modifies an entry to the `buttonTheme`. Basically a way to add a class to a button.\r\n * @param {string} buttons List of buttons to select (separated by a space).\r\n * @param {string} className Classes to give to the selected buttons (separated by space).\r\n */\r\n addButtonTheme(buttons, className){\r\n if(!className || !buttons)\r\n return false;\r\n\r\n buttons.split(\" \").forEach(button => {\r\n className.split(\" \").forEach(classNameItem => {\r\n if(!this.options.buttonTheme)\r\n this.options.buttonTheme = [];\r\n\r\n let classNameFound = false;\r\n \r\n /**\r\n * If class is already defined, we add button to class definition\r\n */\r\n this.options.buttonTheme.map(buttonTheme => {\r\n\r\n if(buttonTheme.class.split(\" \").includes(classNameItem)){\r\n classNameFound = true;\r\n \r\n let buttonThemeArray = buttonTheme.buttons.split(\" \");\r\n if(!buttonThemeArray.includes(button)){\r\n classNameFound = true;\r\n buttonThemeArray.push(button);\r\n buttonTheme.buttons = buttonThemeArray.join(\" \");\r\n }\r\n }\r\n return buttonTheme;\r\n });\r\n\r\n /**\r\n * If class is not defined, we create a new entry\r\n */\r\n if(!classNameFound){\r\n this.options.buttonTheme.push({\r\n class: classNameItem,\r\n buttons: buttons\r\n });\r\n }\r\n\r\n });\r\n });\r\n\r\n this.render();\r\n }\r\n\r\n /**\r\n * Removes/Amends an entry to the `buttonTheme`. Basically a way to remove a class previously added to a button through buttonTheme or addButtonTheme.\r\n * @param {string} buttons List of buttons to select (separated by a space).\r\n * @param {string} className Classes to give to the selected buttons (separated by space).\r\n */\r\n removeButtonTheme(buttons, className){\r\n /**\r\n * When called with empty parameters, remove all button themes\r\n */\r\n if(!buttons && !className){\r\n this.options.buttonTheme = [];\r\n this.render();\r\n return false;\r\n }\r\n\r\n /**\r\n * If buttons are passed and buttonTheme has items\r\n */\r\n if(buttons && Array.isArray(this.options.buttonTheme) && this.options.buttonTheme.length){\r\n let buttonArray = buttons.split(\" \");\r\n buttonArray.forEach((button, key) => {\r\n this.options.buttonTheme.map((buttonTheme, index) => {\r\n\r\n /**\r\n * If className is set, we affect the buttons only for that class\r\n * Otherwise, we afect all classes\r\n */\r\n if(\r\n (className && className.includes(buttonTheme.class)) ||\r\n !className\r\n ){\r\n let filteredButtonArray = buttonTheme.buttons.split(\" \").filter(item => item !== button);\r\n\r\n /**\r\n * If buttons left, return them, otherwise, remove button Theme\r\n */\r\n if(filteredButtonArray.length){\r\n buttonTheme.buttons = filteredButtonArray.join(\" \");\r\n } else {\r\n this.options.buttonTheme.splice(index, 1);\r\n buttonTheme = null;\r\n }\r\n \r\n }\r\n\r\n return buttonTheme;\r\n });\r\n });\r\n\r\n this.render();\r\n }\r\n }\r\n\r\n /**\r\n * Get the DOM Element of a button. If there are several buttons with the same name, an array of the DOM Elements is returned.\r\n * @param {string} button The button layout name to select\r\n */\r\n getButtonElement(button){\r\n let output;\r\n\r\n let buttonArr = this.buttonElements[button];\r\n if(buttonArr){\r\n if(buttonArr.length > 1){\r\n output = buttonArr;\r\n } else {\r\n output = buttonArr[0];\r\n }\r\n }\r\n\r\n return output;\r\n }\r\n\r\n /**\r\n * Retrieves the current cursor position within a input or textarea (if any)\r\n */\r\n handleCaret(){\r\n if(this.options.debug){\r\n console.log(\"Caret handling started\");\r\n }\r\n\r\n document.addEventListener(\"keyup\", this.caretEventHandler);\r\n document.addEventListener(\"mouseup\", this.caretEventHandler);\r\n document.addEventListener(\"touchend\", this.caretEventHandler);\r\n }\r\n\r\n /**\r\n * Called by {@link handleCaret} when an event that warrants a cursor position update is triggered\r\n */\r\n caretEventHandler(event){\r\n let targetTagName = event.target.tagName.toLowerCase();\r\n\r\n if(\r\n targetTagName === \"textarea\" ||\r\n targetTagName === \"input\"\r\n ){\r\n /**\r\n * Tracks current cursor position\r\n * As keys are pressed, text will be added/removed at that position within the input.\r\n */\r\n this.caretPosition = event.target.selectionStart;\r\n\r\n if(this.options.debug){\r\n console.log('Caret at: ', event.target.selectionStart, event.target.tagName.toLowerCase());\r\n } \r\n }\r\n }\r\n\r\n /**\r\n * Executes the callback function once simple-keyboard is rendered for the first time (on initialization).\r\n */\r\n onInit(){\r\n if(this.options.debug){\r\n console.log(\"Initialized\");\r\n }\r\n\r\n /**\r\n * Caret handling\r\n */\r\n this.handleCaret();\r\n\r\n if(typeof this.options.onInit === \"function\")\r\n this.options.onInit();\r\n }\r\n\r\n /**\r\n * Executes the callback function every time simple-keyboard is rendered (e.g: when you change layouts).\r\n */\r\n onRender(){\r\n if(typeof this.options.onRender === \"function\")\r\n this.options.onRender();\r\n }\r\n\r\n /**\r\n * Executes the callback function once all modules have been loaded\r\n */\r\n onModulesLoaded(){\r\n if(typeof this.options.onModulesLoaded === \"function\")\r\n this.options.onModulesLoaded();\r\n }\r\n\r\n /**\r\n * Register module\r\n */\r\n registerModule = (name, initCallback) => {\r\n if(!this.modules[name])\r\n this.modules[name] = {};\r\n\r\n initCallback(this.modules[name]);\r\n }\r\n\r\n /**\r\n * Load modules\r\n */\r\n loadModules(){\r\n if(Array.isArray(this.options.modules)){\r\n this.options.modules.forEach(Module => {\r\n let module = new Module();\r\n\r\n /* istanbul ignore next */\r\n if(module.constructor.name && module.constructor.name !== \"Function\"){\r\n let classStr = `module-${this.utilities.camelCase(module.constructor.name)}`;\r\n this.keyboardPluginClasses = this.keyboardPluginClasses + ` ${classStr}`;\r\n }\r\n\r\n module.init(this);\r\n });\r\n\r\n this.keyboardPluginClasses = this.keyboardPluginClasses + ' modules-loaded';\r\n\r\n this.render();\r\n this.onModulesLoaded();\r\n }\r\n }\r\n\r\n /**\r\n * Get module prop\r\n */\r\n getModuleProp = (name, prop) => {\r\n if(!this.modules[name])\r\n return false;\r\n \r\n return this.modules[name][prop];\r\n }\r\n\r\n /**\r\n * getModulesList\r\n */\r\n getModulesList = () => {\r\n return Object.keys(this.modules);\r\n }\r\n\r\n /**\r\n * Renders rows and buttons as per options\r\n */\r\n render(){\r\n /**\r\n * Clear keyboard\r\n */\r\n this.clear();\r\n\r\n let layoutClass = this.options.layout ? \"hg-layout-custom\" : `hg-layout-${this.options.layoutName}`;\r\n let layout = this.options.layout || KeyboardLayout.getDefaultLayout();\r\n\r\n /**\r\n * Account for buttonTheme, if set\r\n */\r\n let buttonThemesParsed = {};\r\n if(Array.isArray(this.options.buttonTheme)){\r\n this.options.buttonTheme.forEach(themeObj => {\r\n if(themeObj.buttons && themeObj.class){\r\n let themeButtons;\r\n\r\n if(typeof themeObj.buttons === \"string\"){\r\n themeButtons = themeObj.buttons.split(' ');\r\n }\r\n\r\n if(themeButtons){\r\n themeButtons.forEach(themeButton => {\r\n let themeParsed = buttonThemesParsed[themeButton];\r\n\r\n // If the button has already been added\r\n if(themeParsed){\r\n // Making sure we don't add duplicate classes, even when buttonTheme has duplicates\r\n if(!this.utilities.countInArray(themeParsed.split(\" \"), themeObj.class)){\r\n buttonThemesParsed[themeButton] = `${themeParsed} ${themeObj.class}`;\r\n }\r\n } else {\r\n buttonThemesParsed[themeButton] = themeObj.class;\r\n }\r\n });\r\n }\r\n } else {\r\n console.warn(`buttonTheme row is missing the \"buttons\" or the \"class\". Please check the documentation.`)\r\n }\r\n });\r\n }\r\n\r\n /**\r\n * Adding themeClass, layoutClass to keyboardDOM\r\n */\r\n this.keyboardDOM.className += ` ${this.options.theme} ${layoutClass} ${this.keyboardPluginClasses}`;\r\n\r\n /**\r\n * Iterating through each row\r\n */\r\n layout[this.options.layoutName].forEach((row, rIndex) => {\r\n let rowArray = row.split(' ');\r\n\r\n /**\r\n * Creating empty row\r\n */\r\n var rowDOM = document.createElement('div');\r\n rowDOM.className += \"hg-row\";\r\n\r\n /**\r\n * Iterating through each button in row\r\n */\r\n rowArray.forEach((button, bIndex) => {\r\n let fctBtnClass = this.utilities.getButtonClass(button);\r\n let buttonThemeClass = buttonThemesParsed[button];\r\n let buttonDisplayName = this.utilities.getButtonDisplayName(button, this.options.display, this.options.mergeDisplay);\r\n\r\n /**\r\n * Creating button\r\n */\r\n var buttonDOM = document.createElement('div');\r\n buttonDOM.className += `hg-button ${fctBtnClass}${buttonThemeClass ? \" \"+buttonThemeClass : \"\"}`;\r\n buttonDOM.onclick = () => {\r\n this.isMouseHold = false;\r\n this.handleButtonClicked(button);\r\n }\r\n buttonDOM.onmousedown = (e) => this.handleButtonMouseDown(button, e);\r\n\r\n /**\r\n * Adding identifier\r\n */\r\n buttonDOM.setAttribute(\"data-skBtn\", button);\r\n\r\n /**\r\n * Adding unique id\r\n * Since there's no limit on spawning same buttons, the unique id ensures you can style every button\r\n */\r\n let buttonUID = `${this.options.layoutName}-r${rIndex}b${bIndex}`;\r\n buttonDOM.setAttribute(\"data-skBtnUID\", buttonUID);\r\n\r\n /**\r\n * Adding display label\r\n */\r\n buttonDOM.setAttribute(\"data-displayLabel\", buttonDisplayName);\r\n\r\n /**\r\n * Adding button label to button\r\n */\r\n var buttonSpanDOM = document.createElement('span');\r\n buttonSpanDOM.innerHTML = buttonDisplayName;\r\n buttonDOM.appendChild(buttonSpanDOM);\r\n\r\n /**\r\n * Adding to buttonElements\r\n */\r\n if(!this.buttonElements[button])\r\n this.buttonElements[button] = [];\r\n\r\n this.buttonElements[button].push(buttonDOM);\r\n\r\n /**\r\n * Appending button to row\r\n */\r\n rowDOM.appendChild(buttonDOM);\r\n\r\n });\r\n\r\n /**\r\n * Appending row to keyboard\r\n */\r\n this.keyboardDOM.appendChild(rowDOM);\r\n });\r\n\r\n /**\r\n * Calling onRender\r\n */\r\n this.onRender();\r\n\r\n if(!this.initialized){\r\n /**\r\n * Ensures that onInit is only called once per instantiation\r\n */\r\n this.initialized = true;\r\n\r\n /**\r\n * Handling mouseup\r\n */\r\n document.onmouseup = () => this.handleButtonMouseUp();\r\n\r\n /**\r\n * Calling onInit\r\n */\r\n this.onInit();\r\n }\r\n }\r\n}\r\n\r\nexport default SimpleKeyboard;\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/lib/components/Keyboard.js","/**\r\n * Physical Keyboard Service\r\n */\r\nclass PhysicalKeyboard {\r\n /**\r\n * Creates an instance of the PhysicalKeyboard service\r\n */\r\n constructor(simpleKeyboardInstance){\r\n /**\r\n * @type {object} A simple-keyboard instance\r\n */\r\n this.simpleKeyboardInstance = simpleKeyboardInstance;\r\n\r\n /**\r\n * Bindings\r\n */\r\n this.initKeyboardListener = this.initKeyboardListener.bind(this);\r\n this.getSimpleKeyboardLayoutKey = this.getSimpleKeyboardLayoutKey.bind(this);\r\n\r\n /**\r\n * Initialize key listeners\r\n */\r\n this.initKeyboardListener();\r\n }\r\n\r\n /**\r\n * Initializes key event listeners\r\n */\r\n initKeyboardListener(){\r\n // Adding button style on keydown\r\n document.addEventListener(\"keydown\", (event) => {\r\n if(this.simpleKeyboardInstance.options.physicalKeyboardHighlight){\r\n let buttonPressed = this.getSimpleKeyboardLayoutKey(event);\r\n\r\n this.simpleKeyboardInstance.dispatch(instance => {\r\n let buttonDOM = instance.getButtonElement(buttonPressed) || instance.getButtonElement(`{${buttonPressed}}`);\r\n\r\n if(buttonDOM){\r\n buttonDOM.style.backgroundColor = this.simpleKeyboardInstance.options.physicalKeyboardHighlightBgColor || \"#9ab4d0\";\r\n buttonDOM.style.color = this.simpleKeyboardInstance.options.physicalKeyboardHighlightTextColor || \"white\";\r\n }\r\n });\r\n }\r\n });\r\n\r\n // Removing button style on keyup\r\n document.addEventListener(\"keyup\", (event) => {\r\n if(this.simpleKeyboardInstance.options.physicalKeyboardHighlight){\r\n let buttonPressed = this.getSimpleKeyboardLayoutKey(event);\r\n\r\n this.simpleKeyboardInstance.dispatch(instance => {\r\n let buttonDOM = instance.getButtonElement(buttonPressed) || instance.getButtonElement(`{${buttonPressed}}`);\r\n\r\n if(buttonDOM){\r\n buttonDOM.removeAttribute(\"style\");\r\n }\r\n });\r\n }\r\n });\r\n }\r\n\r\n /**\r\n * Transforms a KeyboardEvent's \"key.code\" string into a simple-keyboard layout format\r\n * @param {object} event The KeyboardEvent\r\n */\r\n getSimpleKeyboardLayoutKey(event){\r\n let output;\r\n\r\n if(\r\n event.code.includes(\"Numpad\") ||\r\n event.code.includes(\"Shift\") ||\r\n event.code.includes(\"Space\") ||\r\n event.code.includes(\"Backspace\") ||\r\n event.code.includes(\"Control\") ||\r\n event.code.includes(\"Alt\") ||\r\n event.code.includes(\"Meta\")\r\n ){\r\n output = event.code;\r\n } else {\r\n output = event.key;\r\n }\r\n\r\n /**\r\n * If button is not uppercase, casting to lowercase\r\n */\r\n if (\r\n output !== output.toUpperCase() ||\r\n (event.code[0] === \"F\" && Number.isInteger(Number(event.code[1])) && event.code.length <= 3)\r\n ) {\r\n output = output.toLowerCase();\r\n }\r\n\r\n return output;\r\n }\r\n}\r\n\r\nexport default PhysicalKeyboard;\n\n\n// WEBPACK FOOTER //\n// ./src/lib/services/PhysicalKeyboard.js","/**\r\n * Keyboard Layout Service\r\n */\r\nclass KeyboardLayout {\r\n /**\r\n * Get default simple-keyboard layout\r\n * @return {object} The default layout (US-QWERTY)\r\n */\r\n static getDefaultLayout(){\r\n return {\r\n 'default': [\r\n '` 1 2 3 4 5 6 7 8 9 0 - = {bksp}',\r\n '{tab} q w e r t y u i o p [ ] \\\\',\r\n '{lock} a s d f g h j k l ; \\' {enter}',\r\n '{shift} z x c v b n m , . / {shift}',\r\n '.com @ {space}'\r\n ],\r\n 'shift': [\r\n '~ ! @ # $ % ^ & * ( ) _ + {bksp}',\r\n '{tab} Q W E R T Y U I O P { } |',\r\n '{lock} A S D F G H J K L : \" {enter}',\r\n '{shift} Z X C V B N M < > ? {shift}',\r\n '.com @ {space}'\r\n ]\r\n } \r\n }\r\n}\r\n\r\nexport default KeyboardLayout;\n\n\n// WEBPACK FOOTER //\n// ./src/lib/services/KeyboardLayout.js","/**\r\n * Utility Service\r\n */\r\nclass Utilities {\r\n /**\r\n * Creates an instance of the Utility service\r\n */\r\n constructor(simpleKeyboardInstance){\r\n /**\r\n * @type {object} A simple-keyboard instance\r\n */\r\n this.simpleKeyboardInstance = simpleKeyboardInstance;\r\n\r\n /**\r\n * Bindings\r\n */\r\n this.getButtonClass = this.getButtonClass.bind(this);\r\n this.getButtonDisplayName = this.getButtonDisplayName.bind(this);\r\n this.getUpdatedInput = this.getUpdatedInput.bind(this);\r\n this.updateCaretPos = this.updateCaretPos.bind(this);\r\n this.isMaxLengthReached = this.isMaxLengthReached.bind(this);\r\n this.camelCase = this.camelCase.bind(this);\r\n this.countInArray = this.countInArray.bind(this);\r\n }\r\n\r\n /**\r\n * Adds default classes to a given button\r\n * \r\n * @param {string} button The button's layout name\r\n * @return {string} The classes to be added to the button\r\n */\r\n getButtonClass(button){\r\n let buttonTypeClass = (button.includes(\"{\") && button.includes(\"}\") && button !== '{//}') ? \"functionBtn\" : \"standardBtn\";\r\n let buttonWithoutBraces = button.replace(\"{\", \"\").replace(\"}\", \"\");\r\n let buttonNormalized = '';\r\n\r\n if(buttonTypeClass !== \"standardBtn\")\r\n buttonNormalized = ` hg-button-${buttonWithoutBraces}`;\r\n\r\n return `hg-${buttonTypeClass}${buttonNormalized}`;\r\n }\r\n\r\n /**\r\n * Default button display labels\r\n */\r\n getDefaultDiplay(){\r\n return {\r\n '{bksp}': 'backspace',\r\n '{backspace}': 'backspace',\r\n '{enter}': '< enter',\r\n '{shift}': 'shift',\r\n '{shiftleft}': 'shift',\r\n '{shiftright}': 'shift',\r\n '{alt}': 'alt',\r\n '{s}': 'shift',\r\n '{tab}': 'tab',\r\n '{lock}': 'caps',\r\n '{capslock}': 'caps',\r\n '{accept}': 'Submit',\r\n '{space}': ' ',\r\n '{//}': ' ',\r\n \"{esc}\": \"esc\",\r\n \"{escape}\": \"esc\",\r\n \"{f1}\": \"f1\",\r\n \"{f2}\": \"f2\",\r\n \"{f3}\": \"f3\",\r\n \"{f4}\": \"f4\",\r\n \"{f5}\": \"f5\",\r\n \"{f6}\": \"f6\",\r\n \"{f7}\": \"f7\",\r\n \"{f8}\": \"f8\",\r\n \"{f9}\": \"f9\",\r\n \"{f10}\": \"f10\",\r\n \"{f11}\": \"f11\",\r\n \"{f12}\": \"f12\",\r\n '{numpaddivide}': '/',\r\n '{numlock}': 'lock',\r\n \"{arrowup}\": \"↑\",\r\n \"{arrowleft}\": \"←\",\r\n \"{arrowdown}\": \"↓\",\r\n \"{arrowright}\": \"→\",\r\n \"{prtscr}\": \"print\",\r\n \"{scrolllock}\": \"scroll\",\r\n \"{pause}\": \"pause\",\r\n \"{insert}\": \"ins\",\r\n \"{home}\": \"home\",\r\n \"{pageup}\": \"up\",\r\n \"{delete}\": \"del\",\r\n \"{end}\": \"end\",\r\n \"{pagedown}\": \"down\",\r\n \"{numpadmultiply}\": \"*\",\r\n \"{numpadsubtract}\": \"-\",\r\n \"{numpadadd}\": \"+\",\r\n \"{numpadenter}\": \"enter\",\r\n \"{period}\": \".\",\r\n \"{numpaddecimal}\": \".\",\r\n \"{numpad0}\": \"0\",\r\n \"{numpad1}\": \"1\",\r\n \"{numpad2}\": \"2\",\r\n \"{numpad3}\": \"3\",\r\n \"{numpad4}\": \"4\",\r\n \"{numpad5}\": \"5\",\r\n \"{numpad6}\": \"6\",\r\n \"{numpad7}\": \"7\",\r\n \"{numpad8}\": \"8\",\r\n \"{numpad9}\": \"9\",\r\n };\r\n }\r\n /**\r\n * Returns the display (label) name for a given button\r\n * \r\n * @param {string} button The button's layout name\r\n * @param {object} display The provided display option\r\n * @param {boolean} mergeDisplay Whether the provided param value should be merged with the default one.\r\n */\r\n getButtonDisplayName(button, display, mergeDisplay){\r\n if(mergeDisplay){\r\n display = Object.assign({}, this.getDefaultDiplay(), display);\r\n } else {\r\n display = display || this.getDefaultDiplay();\r\n }\r\n\r\n return display[button] || button;\r\n }\r\n\r\n \r\n /**\r\n * Returns the updated input resulting from clicking a given button\r\n * \r\n * @param {string} button The button's layout name\r\n * @param {string} input The input string\r\n * @param {object} options The simple-keyboard options object\r\n * @param {number} caretPos The cursor's current position\r\n */\r\n getUpdatedInput(button, input, options, caretPos){\r\n \r\n let output = input;\r\n\r\n if((button === \"{bksp}\" || button === \"{backspace}\") && output.length > 0){\r\n output = this.removeAt(output, caretPos);\r\n\r\n } else if(button === \"{space}\")\r\n output = this.addStringAt(output, \" \", caretPos);\r\n\r\n else if(button === \"{tab}\" && !(typeof options.tabCharOnTab === \"boolean\" && options.tabCharOnTab === false)){\r\n output = this.addStringAt(output, \"\\t\", caretPos);\r\n\r\n } else if((button === \"{enter}\" || button === \"{numpadenter}\") && options.newLineOnEnter)\r\n output = this.addStringAt(output, \"\\n\", caretPos);\r\n\r\n else if(button.includes(\"numpad\") && Number.isInteger(Number(button[button.length - 2]))){\r\n output = this.addStringAt(output, button[button.length - 2], caretPos);\r\n }\r\n else if(button === \"{numpaddivide}\")\r\n output = this.addStringAt(output, '/', caretPos);\r\n\r\n else if(button === \"{numpadmultiply}\")\r\n output = this.addStringAt(output, '*', caretPos);\r\n else if(button === \"{numpadsubtract}\")\r\n output = this.addStringAt(output, '-', caretPos);\r\n\r\n else if(button === \"{numpadadd}\")\r\n output = this.addStringAt(output, '+', caretPos);\r\n\r\n else if(button === \"{numpaddecimal}\")\r\n output = this.addStringAt(output, '.', caretPos);\r\n\r\n else if(button === \"{\" || button === \"}\")\r\n output = this.addStringAt(output, button, caretPos);\r\n\r\n else if(!button.includes(\"{\") && !button.includes(\"}\"))\r\n output = this.addStringAt(output, button, caretPos);\r\n\r\n return output;\r\n }\r\n /**\r\n * Moves the cursor position by a given amount\r\n * \r\n * @param {number} length Represents by how many characters the input should be moved\r\n * @param {boolean} minus Whether the cursor should be moved to the left or not.\r\n */\r\n updateCaretPos(length, minus){\r\n if(minus){\r\n if(this.simpleKeyboardInstance.caretPosition > 0)\r\n this.simpleKeyboardInstance.caretPosition = this.simpleKeyboardInstance.caretPosition - length\r\n } else {\r\n this.simpleKeyboardInstance.caretPosition = this.simpleKeyboardInstance.caretPosition + length;\r\n }\r\n }\r\n\r\n /**\r\n * Adds a string to the input at a given position\r\n * \r\n * @param {string} source The source input\r\n * @param {string} string The string to add\r\n * @param {number} position The (cursor) position where the string should be added\r\n */\r\n addStringAt(source, string, position){\r\n let output;\r\n\r\n if(this.simpleKeyboardInstance.options.debug){\r\n console.log(\"Caret at:\", position);\r\n }\r\n\r\n if(!position && position !== 0){\r\n output = source + string;\r\n } else {\r\n output = [source.slice(0, position), string, source.slice(position)].join('');\r\n\r\n /**\r\n * Avoid caret position change when maxLength is set\r\n */\r\n if(!this.isMaxLengthReached()){\r\n this.updateCaretPos(string.length);\r\n }\r\n\r\n }\r\n\r\n return output;\r\n }\r\n\r\n /**\r\n * Removes an amount of characters at a given position\r\n * \r\n * @param {string} source The source input\r\n * @param {number} position The (cursor) position from where the characters should be removed\r\n */\r\n removeAt(source, position){\r\n if(this.simpleKeyboardInstance.caretPosition === 0){\r\n return source;\r\n }\r\n\r\n let output;\r\n let prevTwoChars;\r\n let emojiMatched;\r\n let emojiMatchedReg = /([\\uD800-\\uDBFF][\\uDC00-\\uDFFF])/g;\r\n\r\n /**\r\n * Emojis are made out of two characters, so we must take a custom approach to trim them.\r\n * For more info: https://mathiasbynens.be/notes/javascript-unicode\r\n */\r\n if(position && position >= 0){\r\n prevTwoChars = source.substring(position - 2, position)\r\n emojiMatched = prevTwoChars.match(emojiMatchedReg);\r\n\r\n if(emojiMatched){\r\n output = source.substr(0, (position - 2)) + source.substr(position);\r\n this.updateCaretPos(2, true);\r\n } else {\r\n output = source.substr(0, (position - 1)) + source.substr(position);\r\n this.updateCaretPos(1, true);\r\n }\r\n } else {\r\n prevTwoChars = source.slice(-2);\r\n emojiMatched = prevTwoChars.match(emojiMatchedReg);\r\n\r\n if(emojiMatched){\r\n output = source.slice(0, -2);\r\n this.updateCaretPos(2, true);\r\n } else {\r\n output = source.slice(0, -1);\r\n this.updateCaretPos(1, true);\r\n }\r\n }\r\n\r\n return output;\r\n }\r\n /**\r\n * Determines whether the maxLength has been reached. This function is called when the maxLength option it set.\r\n * \r\n * @param {object} inputObj\r\n * @param {object} options\r\n * @param {string} updatedInput\r\n */\r\n handleMaxLength(inputObj, options, updatedInput){\r\n let maxLength = options.maxLength;\r\n let currentInput = inputObj[options.inputName];\r\n let condition = currentInput.length === maxLength;\r\n\r\n\r\n if(\r\n /**\r\n * If pressing this button won't add more characters\r\n * We exit out of this limiter function\r\n */\r\n updatedInput.length <= currentInput.length\r\n ){\r\n return false;\r\n }\r\n\r\n if(Number.isInteger(maxLength)){\r\n if(options.debug){\r\n console.log(\"maxLength (num) reached:\", condition);\r\n }\r\n\r\n if(condition){\r\n /**\r\n * @type {boolean} Boolean value that shows whether maxLength has been reached\r\n */\r\n this.maxLengthReached = true;\r\n return true;\r\n } else {\r\n this.maxLengthReached = false;\r\n return false;\r\n }\r\n }\r\n\r\n if(typeof maxLength === \"object\"){\r\n let condition = currentInput.length === maxLength[options.inputName];\r\n\r\n if(options.debug){\r\n console.log(\"maxLength (obj) reached:\", condition);\r\n }\r\n\r\n if(condition){\r\n this.maxLengthReached = true;\r\n return true;\r\n } else {\r\n this.maxLengthReached = false;\r\n return false;\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * Gets the current value of maxLengthReached\r\n */\r\n isMaxLengthReached(){\r\n return Boolean(this.maxLengthReached);\r\n }\r\n\r\n /**\r\n * Transforms an arbitrary string to camelCase\r\n * \r\n * @param {string} string The string to transform.\r\n */\r\n camelCase(string){\r\n return string.toLowerCase().trim().split(/[.\\-_\\s]/g).reduce((string, word) => string + word[0].toUpperCase() + word.slice(1));\r\n };\r\n\r\n /**\r\n * Counts the number of duplicates in a given array\r\n * \r\n * @param {Array} array The haystack to search in\r\n * @param {string} value The needle to search for\r\n */\r\n countInArray(array, value){\r\n return array.reduce((n, x) => n + (x === value), 0);\r\n }\r\n\r\n}\r\n\r\nexport default Utilities;\n\n\n// WEBPACK FOOTER //\n// ./src/lib/services/Utilities.js"],"sourceRoot":""}