/*!
 * 
 *   simple-keyboard v2.32.123
 *   https://github.com/hodgef/simple-keyboard
 * 
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef)
 * 
 *   This source code is licensed under the MIT license found in the
 *   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); n < e; n++) o[n] = t[n];
            return o
        }

        function _typeof(t) {
            return (_typeof = "function" === typeof Symbol && "symbol" === typeof Symbol.iterator ? function(t) {
                return typeof t
            } : function(t) {
                return t && "function" === typeof Symbol && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t
            })(t)
        }

        function _defineProperties(t, e) {
            for (var n = 0; n < e.length; n++) {
                var o = e[n];
                o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(t, o.key, o)
            }
        }
        var o, i, s, a = function() {
            function Utilities(t) {
                var e = t.getOptions,
                    n = t.getCaretPosition,
                    o = t.getCaretPositionEnd,
                    i = t.dispatch;
                ! function(t, e) {
                    if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function")
                }(this, Utilities), this.getOptions = e, this.getCaretPosition = n, this.getCaretPositionEnd = o, this.dispatch = i, Utilities.bindMethods(Utilities, this)
            }
            var t, e, n;
            return t = Utilities, n = [{
                key: "bindMethods",
                value: function(t, e) {
                    var n, o = _createForOfIteratorHelper(Object.getOwnPropertyNames(t.prototype));
                    try {
                        for (o.s(); !(n = o.n()).done;) {
                            var i = n.value;
                            "constructor" === i || "bindMethods" === i || (e[i] = e[i].bind(e))
                        }
                    } catch (s) {
                        o.e(s)
                    } finally {
                        o.f()
                    }
                }
            }], (e = [{
                key: "getButtonClass",
                value: function(t) {
                    var e = t.includes("{") && t.includes("}") && "{//}" !== t ? "functionBtn" : "standardBtn",
                        n = t.replace("{", "").replace("}", ""),
                        o = "";
                    return "standardBtn" !== e && (o = " hg-button-".concat(n)), "hg-".concat(e).concat(o)
                }
            }, {
                key: "getDefaultDiplay",
                value: function() {
                    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}": "\u2191",
                        "{arrowleft}": "\u2190",
                        "{arrowdown}": "\u2193",
                        "{arrowright}": "\u2192",
                        "{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"
                    }
                }
            }, {
                key: "getButtonDisplayName",
                value: function(t, e, n) {
                    return (e = n ? Object.assign({}, this.getDefaultDiplay(), e) : e || this.getDefaultDiplay())[t] || t
                }
            }, {
                key: "getUpdatedInput",
                value: function(t, e, n) {
                    var o = arguments.length > 3 && 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; n < e.length; n++) {
                var o = e[n];
                o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(t, o.key, o)
            }
        }
        var u = function() {
            function PhysicalKeyboard(t) {
                var e = t.dispatch,
                    n = t.getOptions;
                ! function(t, e) {
                    if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function")
                }(this, PhysicalKeyboard), this.dispatch = e, this.getOptions = n, r.bindMethods(PhysicalKeyboard, this)
            }
            var t, e, n;
            return t = PhysicalKeyboard, (e = [{
                key: "handleHighlightKeyDown",
                value: function(t) {
                    var e = this.getOptions(),
                        n = this.getSimpleKeyboardLayoutKey(t);
                    this.dispatch((function(t) {
                        var o = t.getButtonElement(n) || t.getButtonElement("{".concat(n, "}"));
                        o && (o.style.backgroundColor = e.physicalKeyboardHighlightBgColor || "#dadce4", o.style.color = e.physicalKeyboardHighlightTextColor || "black", e.physicalKeyboardHighlightPress && (o.onpointerdown || o.onmousedown || o.ontouchstart || r.noop)())
                    }))
                }
            }, {
                key: "handleHighlightKeyUp",
                value: function(t) {
                    var e = this.getOptions(),
                        n = this.getSimpleKeyboardLayoutKey(t);
                    this.dispatch((function(t) {
                        var o = t.getButtonElement(n) || t.getButtonElement("{".concat(n, "}"));
                        o && o.removeAttribute && (o.removeAttribute("style"), e.physicalKeyboardHighlightPress && (o.onpointerup || o.onmouseup || o.ontouchend || r.noop)())
                    }))
                }
            }, {
                key: "getSimpleKeyboardLayoutKey",
                value: function(t) {
                    var e;
                    return ((e = t.code.includes("Numpad") || t.code.includes("Shift") || t.code.includes("Space") || t.code.includes("Backspace") || t.code.includes("Control") || t.code.includes("Alt") || t.code.includes("Meta") ? t.code : t.key) && e !== e.toUpperCase() || "F" === t.code[0] && Number.isInteger(Number(t.code[1])) && t.code.length <= 3) && (e = e ? e.toLowerCase() : e), e
                }
            }]) && PhysicalKeyboard_defineProperties(t.prototype, e), n && PhysicalKeyboard_defineProperties(t, n), PhysicalKeyboard
        }();

        function _toConsumableArray(t) {
            return function(t) {
                if (Array.isArray(t)) return Keyboard_arrayLikeToArray(t)
            }(t) || function(t) {
                if ("undefined" !== typeof Symbol && Symbol.iterator in Object(t)) return Array.from(t)
            }(t) || function(t, e) {
                if (!t) return;
                if ("string" === typeof t) return Keyboard_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 Keyboard_arrayLikeToArray(t, e)
            }(t) || function() {
                throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")
            }()
        }

        function Keyboard_arrayLikeToArray(t, e) {
            (null == e || e > t.length) && (e = t.length);
            for (var n = 0, o = new Array(e); n < e; n++) o[n] = t[n];
            return o
        }

        function Keyboard_classCallCheck(t, e) {
            if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function")
        }

        function Keyboard_defineProperties(t, e) {
            for (var n = 0; n < e.length; n++) {
                var o = e[n];
                o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(t, o.key, o)
            }
        }

        function Keyboard_defineProperty(t, e, n) {
            return e in t ? Object.defineProperty(t, e, {
                value: n,
                enumerable: !0,
                configurable: !0,
                writable: !0
            }) : t[e] = n, t
        }
        var c = function() {
            function SimpleKeyboard() {
                var t = this;
                Keyboard_classCallCheck(this, SimpleKeyboard), Keyboard_defineProperty(this, "handleParams", (function(t) {
                    var e, n, o;
                    if ("string" === typeof t[0]) e = t[0].split(".").join(""), n = document.querySelector(".".concat(e)), o = t[1];
                    else if (t[0] instanceof HTMLDivElement) {
                        if (!t[0].className) throw console.warn("Any DOM element passed as parameter must have a class."), new Error("KEYBOARD_DOM_CLASS_ERROR");
                        e = t[0].className.split(" ")[0], n = t[0], o = t[1]
                    } else e = "simple-keyboard", n = document.querySelector(".".concat(e)), o = t[0];
                    return {
                        keyboardDOMClass: e,
                        keyboardDOM: n,
                        options: o
                    }
                })), Keyboard_defineProperty(this, "getOptions", (function() {
                    return t.options
                })), Keyboard_defineProperty(this, "getCaretPosition", (function() {
                    return t.caretPosition
                })), Keyboard_defineProperty(this, "getCaretPositionEnd", (function() {
                    return t.caretPositionEnd
                })), Keyboard_defineProperty(this, "registerModule", (function(e, n) {
                    t.modules[e] || (t.modules[e] = {}), n(t.modules[e])
                })), Keyboard_defineProperty(this, "getKeyboardClassString", (function() {
                    for (var e = arguments.length, n = new Array(e), o = 0; o < e; o++) n[o] = arguments[o];
                    var i = [t.keyboardDOMClass].concat(n).filter((function(t) {
                        return !!t
                    }));
                    return i.join(" ")
                }));
                for (var e = arguments.length, n = new Array(e), o = 0; o < e; o++) n[o] = arguments[o];
                var i = this.handleParams(n),
                    s = i.keyboardDOMClass,
                    a = i.keyboardDOM,
                    c = i.options,
                    l = void 0 === c ? {} : c;
                if (this.utilities = new r({
                        getOptions: this.getOptions,
                        getCaretPosition: this.getCaretPosition,
                        getCaretPositionEnd: this.getCaretPositionEnd,
                        dispatch: this.dispatch
                    }), this.caretPosition = null, this.caretPositionEnd = null, this.keyboardDOM = a, this.options = l, this.options.layoutName = this.options.layoutName || "default", this.options.theme = this.options.theme || "hg-theme-default", this.options.inputName = this.options.inputName || "default", this.options.preventMouseDownDefault = this.options.preventMouseDownDefault || !1, this.keyboardPluginClasses = "", r.bindMethods(SimpleKeyboard, this), this.input = {}, this.input[this.options.inputName] = "", this.keyboardDOMClass = s, this.buttonElements = {}, window.SimpleKeyboardInstances || (window.SimpleKeyboardInstances = {}), this.currentInstanceName = this.utilities.camelCase(this.keyboardDOMClass), window.SimpleKeyboardInstances[this.currentInstanceName] = this, this.allKeyboardInstances = window.SimpleKeyboardInstances, this.keyboardInstanceNames = Object.keys(window.SimpleKeyboardInstances), this.isFirstKeyboardInstance = this.keyboardInstanceNames[0] === this.currentInstanceName, this.physicalKeyboard = new u({
                        dispatch: this.dispatch,
                        getOptions: this.getOptions
                    }), !this.keyboardDOM) throw console.warn('".'.concat(s, '" was not found in the DOM.')), new Error("KEYBOARD_DOM_ERROR");
                this.render(), this.modules = {}, this.loadModules()
            }
            var t, e, n;
            return t = SimpleKeyboard, (e = [{
                key: "setCaretPosition",
                value: function(t, e) {
                    this.caretPosition = t, this.caretPositionEnd = e || t
                }
            }, {
                key: "handleButtonClicked",
                value: function(t) {
                    var e = this.options.debug;
                    if ("{//}" === t) return !1;
                    "function" === typeof this.options.onKeyPress && this.options.onKeyPress(t), this.input[this.options.inputName] || (this.input[this.options.inputName] = "");
                    var n = this.utilities.getUpdatedInput(t, this.input[this.options.inputName], this.caretPosition, this.caretPositionEnd);
                    if (this.input[this.options.inputName] !== n && (!this.options.inputPattern || this.options.inputPattern && this.inputPatternIsValid(n))) {
                        if (this.options.maxLength && this.utilities.handleMaxLength(this.input, n)) return !1;
                        this.input[this.options.inputName] = this.utilities.getUpdatedInput(t, this.input[this.options.inputName], this.caretPosition, this.caretPositionEnd, !0), e && console.log("Input changed:", this.getAllInputs()), this.options.debug && console.log("Caret at: ", this.getCaretPosition(), this.getCaretPositionEnd(), "(".concat(this.keyboardDOMClass, ")")), this.options.syncInstanceInputs && this.syncInstanceInputs(), "function" === typeof this.options.onChange && this.options.onChange(this.getInput(this.options.inputName, !0)), "function" === typeof this.options.onChangeAll && this.options.onChangeAll(this.getAllInputs())
                    }
                    e && console.log("Key pressed:", t)
                }
            }, {
                key: "handleButtonMouseDown",
                value: function(t, e) {
                    var n = this;
                    e && (this.options.preventMouseDownDefault && e.preventDefault(), this.options.stopMouseDownPropagation && e.stopPropagation(), e.target.classList.add(this.activeButtonClass)), this.holdInteractionTimeout && clearTimeout(this.holdInteractionTimeout), this.holdTimeout && clearTimeout(this.holdTimeout), this.isMouseHold = !0, this.options.disableButtonHold || (this.holdTimeout = setTimeout((function() {
                        (n.isMouseHold && (!t.includes("{") && !t.includes("}") || "{delete}" === t || "{backspace}" === t || "{bksp}" === t || "{space}" === t || "{tab}" === t) || "{arrowright}" === t || "{arrowleft}" === t || "{arrowup}" === t || "{arrowdown}" === t) && (n.options.debug && console.log("Button held:", t), n.handleButtonHold(t, e)), clearTimeout(n.holdTimeout)
                    }), 500))
                }
            }, {
                key: "handleButtonMouseUp",
                value: function() {
                    var t = this,
                        e = arguments.length > 0 && 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 || !("selectionStart" in t.target) || !("selectionEnd" in t.target) || 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