@web-utils/component 2.7.20 → 2.7.22

package/dist/components/keyboard/index.js

@@ -1,23 +1,23 @@
-import { n as S } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-let T = class {
-  constructor(e) {
-    if (typeof e != "object") {
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+let Keyboard$1 = class {
+  constructor(obj) {
+    if (typeof obj != "object") {
       console.error('aKeyboard: The obj parameter needs to be an object <In "new aKeyboard()">');
       return;
     }
-    this.obj = e;
-    const r = document.querySelector(e.el);
-    let c = "";
-    if (typeof e.style == "object")
-      for (const t in e.style)
-        c += `${t}: ${e.style[t]};`;
-    let i = `<div class="akeyboard-keyboard${e.fixedBottomCenter ? " akeyboard-keyboard-fixedBottomCenter" : ""}" style="${c}">`;
-    const o = [];
-    for (let t = 1; t < 10; t++)
-      o.push(t.toString());
-    o.push("0");
-    const s = e.keys || [
-      ["`"].concat(o).concat([
+    this.obj = obj;
+    const el = document.querySelector(obj.el);
+    let keyboardStyle = "";
+    if (typeof obj.style == "object")
+      for (const i in obj.style)
+        keyboardStyle += `${i}: ${obj.style[i]};`;
+    let html = `<div class="akeyboard-keyboard${obj.fixedBottomCenter ? " akeyboard-keyboard-fixedBottomCenter" : ""}" style="${keyboardStyle}">`;
+    const numberKeys = [];
+    for (let i = 1; i < 10; i++)
+      numberKeys.push(i.toString());
+    numberKeys.push("0");
+    const keys = obj.keys || [
+      ["`"].concat(numberKeys).concat([
         "-",
         "=",
         "Delete"
@@ -27,275 +27,275 @@ let T = class {
       ["Shift", "z", "x", "c", "v", "b", "n", "m", ",", ".", "/", "Shift"],
       ["Space"]
     ];
-    let n;
-    const a = [], m = [];
-    for (let t = 0; t < s.length; t++) {
-      a.push([]), m.push([]), n = s[t];
-      for (let l = 0; l < n.length; l++) {
-        if (n[l].length === 1) {
-          switch (m[t].push(n[l].toUpperCase()), n[l]) {
+    let thisKeys;
+    const shiftKey = [], capsKey = [];
+    for (let i = 0; i < keys.length; i++) {
+      shiftKey.push([]), capsKey.push([]), thisKeys = keys[i];
+      for (let a = 0; a < thisKeys.length; a++) {
+        if (thisKeys[a].length === 1) {
+          switch (capsKey[i].push(thisKeys[a].toUpperCase()), thisKeys[a]) {
             case "`":
-              a[t].push("~");
+              shiftKey[i].push("~");
               continue;
             case "1":
-              a[t].push("!");
+              shiftKey[i].push("!");
               continue;
             case "2":
-              a[t].push("@");
+              shiftKey[i].push("@");
               continue;
             case "3":
-              a[t].push("#");
+              shiftKey[i].push("#");
               continue;
             case "4":
-              a[t].push("$");
+              shiftKey[i].push("$");
               continue;
             case "5":
-              a[t].push("%");
+              shiftKey[i].push("%");
               continue;
             case "6":
-              a[t].push("^");
+              shiftKey[i].push("^");
               continue;
             case "7":
-              a[t].push("&");
+              shiftKey[i].push("&");
               continue;
             case "8":
-              a[t].push("*");
+              shiftKey[i].push("*");
               continue;
             case "9":
-              a[t].push("(");
+              shiftKey[i].push("(");
               continue;
             case "0":
-              a[t].push(")");
+              shiftKey[i].push(")");
               continue;
             case "-":
-              a[t].push("_");
+              shiftKey[i].push("_");
               continue;
             case "=":
-              a[t].push("+");
+              shiftKey[i].push("+");
               continue;
             case "[":
-              a[t].push("{");
+              shiftKey[i].push("{");
               continue;
             case "]":
-              a[t].push("}");
+              shiftKey[i].push("}");
               continue;
             case "\\":
-              a[t].push("|");
+              shiftKey[i].push("|");
               continue;
             case ";":
-              a[t].push(":");
+              shiftKey[i].push(":");
               continue;
             case "'":
-              a[t].push('"');
+              shiftKey[i].push('"');
               continue;
             case ",":
-              a[t].push("<");
+              shiftKey[i].push("<");
               continue;
             case ".":
-              a[t].push(">");
+              shiftKey[i].push(">");
               continue;
             case "/":
-              a[t].push("?");
+              shiftKey[i].push("?");
               continue;
           }
-          a[t].push(n[l].toUpperCase());
+          shiftKey[i].push(thisKeys[a].toUpperCase());
           continue;
         }
-        a[t].push(n[l]), m[t].push(n[l]);
+        shiftKey[i].push(thisKeys[a]), capsKey[i].push(thisKeys[a]);
       }
     }
-    for (let t = 0; t < s.length; t++) {
-      n = s[t], i += '<div class="akeyboard-keyboard-innerKeys">';
-      for (let l = 0; l < n.length; l++)
-        i += `<div class="akeyboard-keyboard-keys akeyboard-keyboard-keys-${n[l]}">${n[l]}</div>`;
-      i += "</div>";
+    for (let i = 0; i < keys.length; i++) {
+      thisKeys = keys[i], html += '<div class="akeyboard-keyboard-innerKeys">';
+      for (let a = 0; a < thisKeys.length; a++)
+        html += `<div class="akeyboard-keyboard-keys akeyboard-keyboard-keys-${thisKeys[a]}">${thisKeys[a]}</div>`;
+      html += "</div>";
     }
-    i += "</div>", r.innerHTML = i;
-    let K = !1;
-    s.forEach((t) => {
-      t.includes("Shift") && (K = !0);
-    }), K && document.querySelectorAll(`${e.el} .akeyboard-keyboard-keys-Shift`).forEach((l) => {
-      l.onclick = function() {
+    html += "</div>", el.innerHTML = html;
+    let containShift = !1;
+    keys.forEach((key) => {
+      key.includes("Shift") && (containShift = !0);
+    }), containShift && document.querySelectorAll(`${obj.el} .akeyboard-keyboard-keys-Shift`).forEach((el2) => {
+      el2.onclick = function() {
         if (!this.isShift) {
-          const y = document.querySelector(`${e.el} .akeyboard-keyboard-keys-Caps`);
-          if (y && y.isCaps)
+          const caps = document.querySelector(`${obj.el} .akeyboard-keyboard-keys-Caps`);
+          if (caps && caps.isCaps)
             return;
-          l.isShift = !0, l.innerHTML = "SHIFT", this.classList.add("keyboard-keyboard-keys-focus");
-          const u = document.querySelectorAll(`${e.el} .akeyboard-keyboard-innerKeys`);
-          let b;
-          for (let h = 0; h < u.length; h++) {
-            b = u[h];
-            for (let f = 0; f < b.childNodes.length; f++)
-              a[h][f] !== "Shift" && (b.childNodes[f].innerHTML = a[h][f]);
+          el2.isShift = !0, el2.innerHTML = "SHIFT", this.classList.add("keyboard-keyboard-keys-focus");
+          const keysInnerEl2 = document.querySelectorAll(`${obj.el} .akeyboard-keyboard-innerKeys`);
+          let thisEl2;
+          for (let i = 0; i < keysInnerEl2.length; i++) {
+            thisEl2 = keysInnerEl2[i];
+            for (let a = 0; a < thisEl2.childNodes.length; a++)
+              shiftKey[i][a] !== "Shift" && (thisEl2.childNodes[a].innerHTML = shiftKey[i][a]);
           }
           return;
         }
-        l.isShift = !1, l.innerHTML = "Shift", this.classList.remove("keyboard-keyboard-keys-focus");
-        const p = document.querySelectorAll(`${e.el} .akeyboard-keyboard-innerKeys`);
-        let k;
-        for (let y = 0; y < p.length; y++) {
-          k = p[y];
-          for (let u = 0; u < k.childNodes.length; u++)
-            k.childNodes[u].innerHTML = s[y][u];
+        el2.isShift = !1, el2.innerHTML = "Shift", this.classList.remove("keyboard-keyboard-keys-focus");
+        const keysInnerEl = document.querySelectorAll(`${obj.el} .akeyboard-keyboard-innerKeys`);
+        let thisEl;
+        for (let i = 0; i < keysInnerEl.length; i++) {
+          thisEl = keysInnerEl[i];
+          for (let a = 0; a < thisEl.childNodes.length; a++)
+            thisEl.childNodes[a].innerHTML = keys[i][a];
         }
       };
     });
-    let v = !1;
-    s.forEach((t) => {
-      t.includes("Caps") && (v = !0);
-    }), v && document.querySelectorAll(`${e.el} .akeyboard-keyboard-keys-Caps`).forEach((l) => {
-      l.onclick = function() {
+    let containCaps = !1;
+    keys.forEach((key) => {
+      key.includes("Caps") && (containCaps = !0);
+    }), containCaps && document.querySelectorAll(`${obj.el} .akeyboard-keyboard-keys-Caps`).forEach((el2) => {
+      el2.onclick = function() {
         if (!this.isCaps) {
-          const y = document.querySelector(`${e.el} .akeyboard-keyboard-keys-Shift`);
-          if (y && y.isShift)
+          const shift = document.querySelector(`${obj.el} .akeyboard-keyboard-keys-Shift`);
+          if (shift && shift.isShift)
             return;
           this.isCaps = !0, this.classList.add("keyboard-keyboard-keys-focus");
-          const u = document.querySelectorAll(`${e.el} .akeyboard-keyboard-innerKeys`);
-          let b;
-          for (let h = 0; h < u.length; h++) {
-            b = u[h];
-            for (let f = 0; f < b.childNodes.length; f++)
-              b.childNodes[f].innerHTML = m[h][f];
+          const keysInnerEl2 = document.querySelectorAll(`${obj.el} .akeyboard-keyboard-innerKeys`);
+          let thisEl2;
+          for (let i = 0; i < keysInnerEl2.length; i++) {
+            thisEl2 = keysInnerEl2[i];
+            for (let a = 0; a < thisEl2.childNodes.length; a++)
+              thisEl2.childNodes[a].innerHTML = capsKey[i][a];
           }
           return;
         }
         this.isCaps = !1, this.classList.remove("keyboard-keyboard-keys-focus");
-        const p = document.querySelectorAll(`${e.el} .akeyboard-keyboard-innerKeys`);
-        let k;
-        for (let y = 0; y < p.length; y++) {
-          k = p[y];
-          for (let u = 0; u < k.childNodes.length; u++)
-            k.childNodes[u].innerHTML = s[y][u];
+        const keysInnerEl = document.querySelectorAll(`${obj.el} .akeyboard-keyboard-innerKeys`);
+        let thisEl;
+        for (let i = 0; i < keysInnerEl.length; i++) {
+          thisEl = keysInnerEl[i];
+          for (let a = 0; a < thisEl.childNodes.length; a++)
+            thisEl.childNodes[a].innerHTML = keys[i][a];
         }
       };
     });
   }
-  inputOn(e, r, c, i) {
-    if (typeof e != "string") {
+  inputOn(inputEle, type, fn, customClick) {
+    if (typeof inputEle != "string") {
       console.error('aKeyboard: The inputEle parameter needs to be a string <In "aKeyboard.inputOn()">');
       return;
     }
-    if (typeof r != "string") {
+    if (typeof type != "string") {
       console.error('aKeyboard: The type parameter needs to be a string <In "aKeyboard.inputOn()">');
       return;
     }
-    const o = document.querySelector(e), s = document.querySelectorAll(`${this.obj.el} .akeyboard-keyboard-keys`);
-    for (let n = 0; n < s.length; n++)
-      if (!["Shift", "Caps"].includes(s[n].innerHTML)) {
-        if (s[n].innerHTML === "Delete") {
-          s[n].onclick = function() {
-            o[r] = o[r].substr(0, o[r].length - 1), c("Delete", o[r]);
+    const inputEl = document.querySelector(inputEle), elKeysEl = document.querySelectorAll(`${this.obj.el} .akeyboard-keyboard-keys`);
+    for (let i = 0; i < elKeysEl.length; i++)
+      if (!["Shift", "Caps"].includes(elKeysEl[i].innerHTML)) {
+        if (elKeysEl[i].innerHTML === "Delete") {
+          elKeysEl[i].onclick = function() {
+            inputEl[type] = inputEl[type].substr(0, inputEl[type].length - 1), fn("Delete", inputEl[type]);
           };
           continue;
         }
-        if (s[n].innerHTML === "Tab") {
-          s[n].onclick = function() {
-            o[r] += "  ", c("Tab", o[r]);
+        if (elKeysEl[i].innerHTML === "Tab") {
+          elKeysEl[i].onclick = function() {
+            inputEl[type] += "  ", fn("Tab", inputEl[type]);
           };
           continue;
         }
-        if (s[n].innerHTML === "Enter") {
-          s[n].onclick = function() {
-            o[r] += `
-`, c("Enter", o[r]);
+        if (elKeysEl[i].innerHTML === "Enter") {
+          elKeysEl[i].onclick = function() {
+            inputEl[type] += `
+`, fn("Enter", inputEl[type]);
           };
           continue;
         }
-        if (s[n].innerHTML === "Space") {
-          s[n].onclick = function() {
-            o[r] += " ", c("Space", o[r]);
+        if (elKeysEl[i].innerHTML === "Space") {
+          elKeysEl[i].onclick = function() {
+            inputEl[type] += " ", fn("Space", inputEl[type]);
           };
           continue;
         }
-        i && typeof i == "object" && Object.keys(i).length > 0 && i[s[n].innerHTML] ? s[n].onclick = i[s[n].innerHTML] : s[n].onclick = function() {
-          o[r] += this.innerText, c(this.innerText, o[r]);
+        customClick && typeof customClick == "object" && Object.keys(customClick).length > 0 && customClick[elKeysEl[i].innerHTML] ? elKeysEl[i].onclick = customClick[elKeysEl[i].innerHTML] : elKeysEl[i].onclick = function() {
+          inputEl[type] += this.innerText, fn(this.innerText, inputEl[type]);
         };
       }
   }
-  onclick(e, r) {
-    if (typeof e != "string") {
+  onclick(btn, fn) {
+    if (typeof btn != "string") {
       console.error('aKeyboard: The btn parameter needs to be a string <In "aKeyboard.onclick()">');
       return;
     }
-    if (typeof r != "function") {
+    if (typeof fn != "function") {
       console.error('aKeyboard: The fn parameter needs to be a function <In "aKeyboard.onclick()">');
       return;
     }
-    const c = document.querySelector(`${this.obj.el} .akeyboard-keyboard-keys-${e}`);
-    c ? c.onclick = r : console.error(`Can not find key: ${e}`);
+    const elKeysEl = document.querySelector(`${this.obj.el} .akeyboard-keyboard-keys-${btn}`);
+    elKeysEl ? elKeysEl.onclick = fn : console.error(`Can not find key: ${btn}`);
   }
 };
-class $ {
-  constructor(e) {
-    if (typeof e != "object") {
+class NumberKeyboard {
+  constructor(obj) {
+    if (typeof obj != "object") {
       console.error('aKeyboard: The obj parameter needs to be an object <In "new aKeyboard()">');
       return;
     }
-    this.obj = e;
-    const r = document.querySelector(e.el);
-    let c = "";
-    if (typeof e.style == "object")
-      for (const o in e.style)
-        c += `${o}: ${e.style[o]};`;
-    let i = `<div class="akeyboard-numberKeyboard${e.fixedBottomCenter ? " akeyboard-keyboard-fixedBottomCenter" : ""}" style="${c}">`;
-    i += '<div class="akeyboard-keyboard-innerKeys">';
-    for (let o = 1; o < 10; o++)
-      i += `<div class="akeyboard-keyboard-keys akeyboard-keyboard-keys-${o}">${o}</div>`, o % 3 === 0 && (i += '</div><div class="akeyboard-keyboard-innerKeys">');
-    i += '<div class="akeyboard-keyboard-keys akeyboard-keyboard-keys-0">0</div><div class="akeyboard-keyboard-keys akeyboard-keyboard-keys-Delete">Delete</div></div><div class="akeyboard-keyboard-innerKeys"><div class="akeyboard-keyboard-keys akeyboard-numberKeyboard-keys-Enter">Enter</div></div>', i += "</div>", r.innerHTML = i;
+    this.obj = obj;
+    const el = document.querySelector(obj.el);
+    let keyboardStyle = "";
+    if (typeof obj.style == "object")
+      for (const i in obj.style)
+        keyboardStyle += `${i}: ${obj.style[i]};`;
+    let html = `<div class="akeyboard-numberKeyboard${obj.fixedBottomCenter ? " akeyboard-keyboard-fixedBottomCenter" : ""}" style="${keyboardStyle}">`;
+    html += '<div class="akeyboard-keyboard-innerKeys">';
+    for (let i = 1; i < 10; i++)
+      html += `<div class="akeyboard-keyboard-keys akeyboard-keyboard-keys-${i}">${i}</div>`, i % 3 === 0 && (html += '</div><div class="akeyboard-keyboard-innerKeys">');
+    html += '<div class="akeyboard-keyboard-keys akeyboard-keyboard-keys-0">0</div><div class="akeyboard-keyboard-keys akeyboard-keyboard-keys-Delete">Delete</div></div><div class="akeyboard-keyboard-innerKeys"><div class="akeyboard-keyboard-keys akeyboard-numberKeyboard-keys-Enter">Enter</div></div>', html += "</div>", el.innerHTML = html;
   }
-  inputOn(e, r, c, i) {
-    if (typeof e != "string") {
+  inputOn(inputEle, type, fn, customClick) {
+    if (typeof inputEle != "string") {
       console.error('aKeyboard: The inputEle parameter needs to be a string <In "aKeyboard.inputOn()">');
       return;
     }
-    if (typeof r != "string") {
+    if (typeof type != "string") {
       console.error('aKeyboard: The type parameter needs to be a string <In "aKeyboard.inputOn()">');
       return;
     }
-    const o = document.querySelector(e), s = document.querySelectorAll(`${this.obj.el} .akeyboard-keyboard-keys`);
-    for (let n = 0; n < s.length; n++) {
-      if (s[n].innerHTML === "Delete") {
-        s[n].onclick = function() {
-          o[r] = o[r].substr(0, o[r].length - 1), c("Delete", o[r]);
+    const inputEl = document.querySelector(inputEle), elKeysEl = document.querySelectorAll(`${this.obj.el} .akeyboard-keyboard-keys`);
+    for (let i = 0; i < elKeysEl.length; i++) {
+      if (elKeysEl[i].innerHTML === "Delete") {
+        elKeysEl[i].onclick = function() {
+          inputEl[type] = inputEl[type].substr(0, inputEl[type].length - 1), fn("Delete", inputEl[type]);
         };
         continue;
       }
-      if (s[n].innerHTML === "Enter") {
-        s[n].onclick = function() {
-          o[r] += `
-`, c("Enter", o[r]);
+      if (elKeysEl[i].innerHTML === "Enter") {
+        elKeysEl[i].onclick = function() {
+          inputEl[type] += `
+`, fn("Enter", inputEl[type]);
         };
         continue;
       }
-      i && typeof i == "object" && Object.keys(i).length > 0 && i[s[n].innerHTML] ? s[n].onclick = i[s[n].innerHTML] : s[n].onclick = function() {
-        o[r] += this.innerText, c(this.innerText, o[r]);
+      customClick && typeof customClick == "object" && Object.keys(customClick).length > 0 && customClick[elKeysEl[i].innerHTML] ? elKeysEl[i].onclick = customClick[elKeysEl[i].innerHTML] : elKeysEl[i].onclick = function() {
+        inputEl[type] += this.innerText, fn(this.innerText, inputEl[type]);
       };
     }
   }
-  onclick(e, r) {
-    if (typeof e != "string") {
+  onclick(btn, fn) {
+    if (typeof btn != "string") {
       console.error('aKeyboard: The btn parameter needs to be a string <In "aKeyboard.onclick()">');
       return;
     }
-    if (typeof r != "function") {
+    if (typeof fn != "function") {
       console.error('aKeyboard: The fn parameter needs to be a function <In "aKeyboard.onclick()">');
       return;
     }
-    const c = document.querySelector(`${this.obj.el} .akeyboard-keyboard-keys-${e}`);
-    c ? c.onclick = r : console.error(`Can not find key: ${e}`);
+    const elKeysEl = document.querySelector(`${this.obj.el} .akeyboard-keyboard-keys-${btn}`);
+    elKeysEl ? elKeysEl.onclick = fn : console.error(`Can not find key: ${btn}`);
   }
 }
-var E = function() {
-  var d = this, e = d.$createElement, r = d._self._c || e;
-  return r("div", {
-    class: ["avue-keyboard", d.className]
-  }, [r("div", {
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
+    class: ["avue-keyboard", _vm.className]
+  }, [_c("div", {
     attrs: {
       id: "keyboard"
     }
   })]);
-}, _ = [];
-const L = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "Keyboard",
   props: {
     ele: {
@@ -306,12 +306,12 @@ const L = {
     theme: {
       type: String,
       default: "default",
-      validator: (d) => ["default", "dark", "green", "classic"].includes(d)
+      validator: (value) => ["default", "dark", "green", "classic"].includes(value)
     },
     type: {
       type: String,
       default: "default",
-      validator: (d) => ["default", "number", "mobile"].includes(d)
+      validator: (value) => ["default", "number", "mobile"].includes(value)
     },
     fixedBottomCenter: {
       type: Boolean,
@@ -344,41 +344,41 @@ const L = {
     init() {
       if (!this.ele)
         return;
-      let d;
-      const e = {
+      let keyboard;
+      const config = {
         el: "#keyboard",
         style: {},
         keys: this.keys,
         fixedBottomCenter: this.fixedBottomCenter
       };
-      this.type === "default" ? d = new T(e) : this.type === "number" && (d = new $(e));
-      const r = this.ele.indexOf("#") === 0 ? this.ele.substring(1) : this.ele;
-      d.inputOn(`#${r}`, "value", (c, i) => {
-        this.$emit("click", c, i);
-      }, this.rebind ? this.customClick : null), this.keyboard = d;
+      this.type === "default" ? keyboard = new Keyboard$1(config) : this.type === "number" && (keyboard = new NumberKeyboard(config));
+      const ele = this.ele.indexOf("#") === 0 ? this.ele.substring(1) : this.ele;
+      keyboard.inputOn(`#${ele}`, "value", (e, val) => {
+        this.$emit("click", e, val);
+      }, this.rebind ? this.customClick : null), this.keyboard = keyboard;
     },
-    bindClick(d, e) {
-      this.keyboard.onclick(d, e), this.customClick[d] = e;
+    bindClick(btn, fn) {
+      this.keyboard.onclick(btn, fn), this.customClick[btn] = fn;
     }
   }
-}, g = {};
-var C = /* @__PURE__ */ S(
-  L,
-  E,
-  _,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  H,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function H(d) {
-  for (let e in g)
-    this[e] = g[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const x = /* @__PURE__ */ function() {
-  return C.exports;
+const Keyboard2 = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  x as default
+  Keyboard2 as default
 };

package/dist/components/keyboard/style.css

@@ -1 +1 @@
-.avue-keyboard--default .akeyboard-keyboard{height:100%;width:100%;background:#f0f0f0;border-radius:5px;padding:9px 5px 5px;box-sizing:border-box}.avue-keyboard--default .akeyboard-keyboard-innerKeys{text-align:center}.avue-keyboard--default .akeyboard-keyboard-keys{height:40px;min-width:40px;padding:0 10px;border-radius:5px;background:white;display:inline-block;line-height:40px;text-align:center;box-sizing:border-box;margin:4px;cursor:pointer;user-select:none}.avue-keyboard--default .akeyboard-keyboard-keys:hover{background:#1e9fff;color:#fff}.avue-keyboard--default .akeyboard-keyboard-keys-Delete,.avue-keyboard--default .akeyboard-keyboard-keys-Tab{width:80px}.avue-keyboard--default .akeyboard-keyboard-keys-Caps{width:77px}.avue-keyboard--default .akeyboard-keyboard-keys-Enter{width:90px}.avue-keyboard--default .akeyboard-keyboard-keys-Shift{width:106px}.avue-keyboard--default .akeyboard-keyboard-keys-Space{width:350px}.avue-keyboard--default .keyboard-keyboard-keys-focus{background:#1e9fff;color:#fff}.avue-keyboard--default .akeyboard-keyboard-fixedBottomCenter{width:100%!important;height:auto!important;position:fixed;bottom:0px;left:0px;border-radius:0!important}.avue-keyboard--default .akeyboard-numberKeyboard{height:100%;width:100%;background:#f0f0f0;border-radius:5px;padding:10px 5px 5px;box-sizing:border-box}.avue-keyboard--default .akeyboard-numberKeyboard-keys-Enter{height:40px;width:100px}.avue-keyboard--default .akeyboard-mobileKeyboard{height:100%;width:100%;background:#f0f0f0;border-radius:5px;padding:11px 5px 5px;box-sizing:border-box}.avue-keyboard--default .akeyboard-mobileKeyboard-keys{height:25px;min-width:25px;padding:0 10px;border-radius:3px;background:white;display:inline-block;line-height:25px;text-align:center;box-sizing:border-box;margin:3px 2px 2px;cursor:pointer;user-select:none;font-size:10px}.avue-keyboard--default .akeyboard-mobileKeyboard-keys:hover{background:#1e9fff!important;color:#fff}.avue-keyboard--default .akeyboard-mobileKeyboard-keys-\21e7 ,.avue-keyboard--default .akeyboard-mobileKeyboard-keys-\21e6 {width:25px;background-color:#999faf}.avue-keyboard--default .akeyboard-mobileKeyboard-keys-Space{height:28px;width:100px;line-height:28px;margin-left:55px}.avue-keyboard--default .akeyboard-mobileKeyboard-keys-Enter{height:28px;width:55px;line-height:28px;background:#1e9fff!important;color:#fff}.avue-keyboard--default .akeyboard-mobileKeyboard-keys-focus{background:#1e9fff!important;color:#fff}.avue-keyboard--green .akeyboard-keyboard{height:100%;width:100%;background:#003300;border-radius:5px;padding:9px 5px 5px;box-sizing:border-box}.avue-keyboard--green .akeyboard-keyboard-innerKeys{text-align:center}.avue-keyboard--green .akeyboard-keyboard-keys{height:40px;min-width:40px;padding:0 10px;border-radius:5px;background:#cccc99;display:inline-block;line-height:40px;text-align:center;box-sizing:border-box;margin:4px;cursor:pointer;user-select:none}.avue-keyboard--green .akeyboard-keyboard-keys:hover{background:#669933;color:#fff}.avue-keyboard--green .akeyboard-keyboard-keys-Delete,.avue-keyboard--green .akeyboard-keyboard-keys-Tab{width:80px}.avue-keyboard--green .akeyboard-keyboard-keys-Caps{width:77px}.avue-keyboard--green .akeyboard-keyboard-keys-Enter{width:90px}.avue-keyboard--green .akeyboard-keyboard-keys-Shift{width:106px}.avue-keyboard--green .akeyboard-keyboard-keys-Space{width:350px}.avue-keyboard--green .keyboard-keyboard-keys-focus{background:#669933;color:#fff}.avue-keyboard--green .akeyboard-keyboard-fixedBottomCenter{width:100%!important;height:auto!important;position:fixed;bottom:0px;left:0px;border-radius:0!important}.avue-keyboard--green .akeyboard-numberKeyboard{height:100%;width:100%;background:#003300;border-radius:5px;padding:10px 5px 5px;box-sizing:border-box}.avue-keyboard--green .akeyboard-numberKeyboard-keys-Enter{height:40px;width:100px}.avue-keyboard--green .akeyboard-mobileKeyboard{height:100%;width:100%;background:#003300;border-radius:5px;padding:11px 5px 5px;box-sizing:border-box}.avue-keyboard--green .akeyboard-mobileKeyboard-keys{height:25px;min-width:25px;padding:0 10px;border-radius:3px;background:#cccc99;display:inline-block;line-height:25px;text-align:center;box-sizing:border-box;margin:3px 2px 2px;cursor:pointer;user-select:none;font-size:10px}.avue-keyboard--green .akeyboard-mobileKeyboard-keys:hover{background:#669933!important;color:#fff}.avue-keyboard--green .akeyboard-mobileKeyboard-keys-\21e7 ,.avue-keyboard--green .akeyboard-mobileKeyboard-keys-\21e6 {width:25px;background-color:#999faf}.avue-keyboard--green .akeyboard-mobileKeyboard-keys-Space{height:28px;width:100px;line-height:28px;margin-left:55px}.avue-keyboard--green .akeyboard-mobileKeyboard-keys-Enter{height:28px;width:55px;line-height:28px;background:#669933!important;color:#fff}.avue-keyboard--green .akeyboard-mobileKeyboard-keys-focus{background:#669933!important;color:#fff}.avue-keyboard--dark .akeyboard-keyboard{height:100%;width:100%;background:black;color:#fff;border-radius:5px;padding:9px 5px 5px;box-sizing:border-box}.avue-keyboard--dark .akeyboard-keyboard-innerKeys{text-align:center}.avue-keyboard--dark .akeyboard-keyboard-keys{height:40px;min-width:40px;padding:0 10px;border-radius:5px;background:#393d49;color:#fff;display:inline-block;line-height:40px;text-align:center;box-sizing:border-box;margin:4px;cursor:pointer;user-select:none}.avue-keyboard--dark .akeyboard-keyboard-keys:hover{background:#1e9fff}.avue-keyboard--dark .akeyboard-keyboard-keys-Delete,.avue-keyboard--dark .akeyboard-keyboard-keys-Tab{width:80px}.avue-keyboard--dark .akeyboard-keyboard-keys-Caps{width:77px}.avue-keyboard--dark .akeyboard-keyboard-keys-Enter{width:90px}.avue-keyboard--dark .akeyboard-keyboard-keys-Shift{width:106px}.avue-keyboard--dark .akeyboard-keyboard-keys-Space{width:350px}.avue-keyboard--dark .keyboard-keyboard-keys-focus{background:#1e9fff}.avue-keyboard--dark .akeyboard-keyboard-fixedBottomCenter{width:100%!important;height:auto!important;position:fixed;bottom:0px;left:0px;border-radius:0!important}.avue-keyboard--dark .akeyboard-numberKeyboard{height:100%;width:100%;background:black;border-radius:5px;padding:10px 5px 5px;box-sizing:border-box}.avue-keyboard--dark .akeyboard-numberKeyboard-keys-Enter{height:40px;width:100px}.avue-keyboard--dark .akeyboard-mobileKeyboard{height:100%;width:100%;background:black;border-radius:5px;padding:11px 5px 5px;box-sizing:border-box}.avue-keyboard--dark .akeyboard-mobileKeyboard-keys{height:25px;min-width:25px;padding:0 10px;border-radius:3px;background:#393d49;color:#fff;display:inline-block;line-height:25px;text-align:center;box-sizing:border-box;margin:3px 2px 2px;cursor:pointer;user-select:none;font-size:10px}.avue-keyboard--dark .akeyboard-mobileKeyboard-keys:hover{background:#1e9fff!important;color:#fff}.avue-keyboard--dark .akeyboard-mobileKeyboard-keys-\21e7 ,.avue-keyboard--dark .akeyboard-mobileKeyboard-keys-\21e6 {width:25px;background-color:#999faf}.avue-keyboard--dark .akeyboard-mobileKeyboard-keys-Space{height:28px;width:100px;line-height:28px;margin-left:55px}.avue-keyboard--dark .akeyboard-mobileKeyboard-keys-Enter{height:28px;width:55px;line-height:28px;background:#1e9fff!important;color:#fff}.avue-keyboard--dark .akeyboard-mobileKeyboard-keys-focus{background:#1e9fff!important;color:#fff}.avue-keyboard--classic .akeyboard-keyboard{height:100%;width:100%;background:#2f4056;border-radius:5px;padding:9px 5px 5px;box-sizing:border-box}.avue-keyboard--classic .akeyboard-keyboard-innerKeys{text-align:center}.avue-keyboard--classic .akeyboard-keyboard-keys{height:40px;min-width:40px;padding:0 10px;border-radius:5px;background:white;display:inline-block;line-height:40px;text-align:center;box-sizing:border-box;margin:4px;cursor:pointer;user-select:none}.avue-keyboard--classic .akeyboard-keyboard-keys:hover{background:#c2c2c2;color:#fff}.avue-keyboard--classic .akeyboard-keyboard-keys-Delete,.avue-keyboard--classic .akeyboard-keyboard-keys-Tab{width:80px}.avue-keyboard--classic .akeyboard-keyboard-keys-Caps{width:77px}.avue-keyboard--classic .akeyboard-keyboard-keys-Enter{width:90px}.avue-keyboard--classic .akeyboard-keyboard-keys-Shift{width:106px}.avue-keyboard--classic .akeyboard-keyboard-keys-Space{width:350px}.avue-keyboard--classic .keyboard-keyboard-keys-focus{background:#c2c2c2;color:#fff}.avue-keyboard--classic .akeyboard-keyboard-fixedBottomCenter{width:100%!important;height:auto!important;position:fixed;bottom:0px;left:0px;border-radius:0!important}.avue-keyboard--classic .akeyboard-numberKeyboard{height:100%;width:100%;background:#2f4056;border-radius:5px;padding:10px 5px 5px;box-sizing:border-box}.avue-keyboard--classic .akeyboard-numberKeyboard-keys-Enter{height:40px;width:100px}.avue-keyboard--classic .akeyboard-mobileKeyboard{height:100%;width:100%;background:#2f4056;border-radius:5px;padding:11px 5px 5px;box-sizing:border-box}.avue-keyboard--classic .akeyboard-mobileKeyboard-keys{height:25px;min-width:25px;padding:0 10px;border-radius:3px;background:white;display:inline-block;line-height:25px;text-align:center;box-sizing:border-box;margin:3px 2px 2px;cursor:pointer;user-select:none;font-size:10px}.avue-keyboard--classic .akeyboard-mobileKeyboard-keys:hover{background:#c2c2c2!important;color:#fff}.avue-keyboard--classic .akeyboard-mobileKeyboard-keys-\21e7 ,.avue-keyboard--classic .akeyboard-mobileKeyboard-keys-\21e6 {width:25px;background-color:#999faf}.avue-keyboard--classic .akeyboard-mobileKeyboard-keys-Space{height:28px;width:100px;line-height:28px;margin-left:55px}.avue-keyboard--classic .akeyboard-mobileKeyboard-keys-Enter{height:28px;width:55px;line-height:28px;background:#c2c2c2!important;color:#fff}.avue-keyboard--classic .akeyboard-mobileKeyboard-keys-focus{background:#c2c2c2!important;color:#fff}
+.avue-keyboard--default .akeyboard-keyboard{height:100%;width:100%;background:#f0f0f0;border-radius:5px;padding:9px 5px 5px;box-sizing:border-box}.avue-keyboard--default .akeyboard-keyboard-innerKeys{text-align:center}.avue-keyboard--default .akeyboard-keyboard-keys{height:40px;min-width:40px;padding:0 10px;border-radius:5px;background:white;display:inline-block;line-height:40px;text-align:center;box-sizing:border-box;margin:4px;cursor:pointer;user-select:none}.avue-keyboard--default .akeyboard-keyboard-keys:hover{background:#1e9fff;color:#fff}.avue-keyboard--default .akeyboard-keyboard-keys-Delete,.avue-keyboard--default .akeyboard-keyboard-keys-Tab{width:80px}.avue-keyboard--default .akeyboard-keyboard-keys-Caps{width:77px}.avue-keyboard--default .akeyboard-keyboard-keys-Enter{width:90px}.avue-keyboard--default .akeyboard-keyboard-keys-Shift{width:106px}.avue-keyboard--default .akeyboard-keyboard-keys-Space{width:350px}.avue-keyboard--default .keyboard-keyboard-keys-focus{background:#1e9fff;color:#fff}.avue-keyboard--default .akeyboard-keyboard-fixedBottomCenter{width:100%!important;height:auto!important;position:fixed;bottom:0;left:0;border-radius:0!important}.avue-keyboard--default .akeyboard-numberKeyboard{height:100%;width:100%;background:#f0f0f0;border-radius:5px;padding:10px 5px 5px;box-sizing:border-box}.avue-keyboard--default .akeyboard-numberKeyboard-keys-Enter{height:40px;width:100px}.avue-keyboard--default .akeyboard-mobileKeyboard{height:100%;width:100%;background:#f0f0f0;border-radius:5px;padding:11px 5px 5px;box-sizing:border-box}.avue-keyboard--default .akeyboard-mobileKeyboard-keys{height:25px;min-width:25px;padding:0 10px;border-radius:3px;background:white;display:inline-block;line-height:25px;text-align:center;box-sizing:border-box;margin:3px 2px 2px;cursor:pointer;user-select:none;font-size:10px}.avue-keyboard--default .akeyboard-mobileKeyboard-keys:hover{background:#1e9fff!important;color:#fff}.avue-keyboard--default .akeyboard-mobileKeyboard-keys-\21e7 ,.avue-keyboard--default .akeyboard-mobileKeyboard-keys-\21e6 {width:25px;background-color:#999faf}.avue-keyboard--default .akeyboard-mobileKeyboard-keys-Space{height:28px;width:100px;line-height:28px;margin-left:55px}.avue-keyboard--default .akeyboard-mobileKeyboard-keys-Enter{height:28px;width:55px;line-height:28px;background:#1e9fff!important;color:#fff}.avue-keyboard--default .akeyboard-mobileKeyboard-keys-focus{background:#1e9fff!important;color:#fff}.avue-keyboard--green .akeyboard-keyboard{height:100%;width:100%;background:#003300;border-radius:5px;padding:9px 5px 5px;box-sizing:border-box}.avue-keyboard--green .akeyboard-keyboard-innerKeys{text-align:center}.avue-keyboard--green .akeyboard-keyboard-keys{height:40px;min-width:40px;padding:0 10px;border-radius:5px;background:#cccc99;display:inline-block;line-height:40px;text-align:center;box-sizing:border-box;margin:4px;cursor:pointer;user-select:none}.avue-keyboard--green .akeyboard-keyboard-keys:hover{background:#669933;color:#fff}.avue-keyboard--green .akeyboard-keyboard-keys-Delete,.avue-keyboard--green .akeyboard-keyboard-keys-Tab{width:80px}.avue-keyboard--green .akeyboard-keyboard-keys-Caps{width:77px}.avue-keyboard--green .akeyboard-keyboard-keys-Enter{width:90px}.avue-keyboard--green .akeyboard-keyboard-keys-Shift{width:106px}.avue-keyboard--green .akeyboard-keyboard-keys-Space{width:350px}.avue-keyboard--green .keyboard-keyboard-keys-focus{background:#669933;color:#fff}.avue-keyboard--green .akeyboard-keyboard-fixedBottomCenter{width:100%!important;height:auto!important;position:fixed;bottom:0;left:0;border-radius:0!important}.avue-keyboard--green .akeyboard-numberKeyboard{height:100%;width:100%;background:#003300;border-radius:5px;padding:10px 5px 5px;box-sizing:border-box}.avue-keyboard--green .akeyboard-numberKeyboard-keys-Enter{height:40px;width:100px}.avue-keyboard--green .akeyboard-mobileKeyboard{height:100%;width:100%;background:#003300;border-radius:5px;padding:11px 5px 5px;box-sizing:border-box}.avue-keyboard--green .akeyboard-mobileKeyboard-keys{height:25px;min-width:25px;padding:0 10px;border-radius:3px;background:#cccc99;display:inline-block;line-height:25px;text-align:center;box-sizing:border-box;margin:3px 2px 2px;cursor:pointer;user-select:none;font-size:10px}.avue-keyboard--green .akeyboard-mobileKeyboard-keys:hover{background:#669933!important;color:#fff}.avue-keyboard--green .akeyboard-mobileKeyboard-keys-\21e7 ,.avue-keyboard--green .akeyboard-mobileKeyboard-keys-\21e6 {width:25px;background-color:#999faf}.avue-keyboard--green .akeyboard-mobileKeyboard-keys-Space{height:28px;width:100px;line-height:28px;margin-left:55px}.avue-keyboard--green .akeyboard-mobileKeyboard-keys-Enter{height:28px;width:55px;line-height:28px;background:#669933!important;color:#fff}.avue-keyboard--green .akeyboard-mobileKeyboard-keys-focus{background:#669933!important;color:#fff}.avue-keyboard--dark .akeyboard-keyboard{height:100%;width:100%;background:black;color:#fff;border-radius:5px;padding:9px 5px 5px;box-sizing:border-box}.avue-keyboard--dark .akeyboard-keyboard-innerKeys{text-align:center}.avue-keyboard--dark .akeyboard-keyboard-keys{height:40px;min-width:40px;padding:0 10px;border-radius:5px;background:#393d49;color:#fff;display:inline-block;line-height:40px;text-align:center;box-sizing:border-box;margin:4px;cursor:pointer;user-select:none}.avue-keyboard--dark .akeyboard-keyboard-keys:hover{background:#1e9fff}.avue-keyboard--dark .akeyboard-keyboard-keys-Delete,.avue-keyboard--dark .akeyboard-keyboard-keys-Tab{width:80px}.avue-keyboard--dark .akeyboard-keyboard-keys-Caps{width:77px}.avue-keyboard--dark .akeyboard-keyboard-keys-Enter{width:90px}.avue-keyboard--dark .akeyboard-keyboard-keys-Shift{width:106px}.avue-keyboard--dark .akeyboard-keyboard-keys-Space{width:350px}.avue-keyboard--dark .keyboard-keyboard-keys-focus{background:#1e9fff}.avue-keyboard--dark .akeyboard-keyboard-fixedBottomCenter{width:100%!important;height:auto!important;position:fixed;bottom:0;left:0;border-radius:0!important}.avue-keyboard--dark .akeyboard-numberKeyboard{height:100%;width:100%;background:black;border-radius:5px;padding:10px 5px 5px;box-sizing:border-box}.avue-keyboard--dark .akeyboard-numberKeyboard-keys-Enter{height:40px;width:100px}.avue-keyboard--dark .akeyboard-mobileKeyboard{height:100%;width:100%;background:black;border-radius:5px;padding:11px 5px 5px;box-sizing:border-box}.avue-keyboard--dark .akeyboard-mobileKeyboard-keys{height:25px;min-width:25px;padding:0 10px;border-radius:3px;background:#393d49;color:#fff;display:inline-block;line-height:25px;text-align:center;box-sizing:border-box;margin:3px 2px 2px;cursor:pointer;user-select:none;font-size:10px}.avue-keyboard--dark .akeyboard-mobileKeyboard-keys:hover{background:#1e9fff!important;color:#fff}.avue-keyboard--dark .akeyboard-mobileKeyboard-keys-\21e7 ,.avue-keyboard--dark .akeyboard-mobileKeyboard-keys-\21e6 {width:25px;background-color:#999faf}.avue-keyboard--dark .akeyboard-mobileKeyboard-keys-Space{height:28px;width:100px;line-height:28px;margin-left:55px}.avue-keyboard--dark .akeyboard-mobileKeyboard-keys-Enter{height:28px;width:55px;line-height:28px;background:#1e9fff!important;color:#fff}.avue-keyboard--dark .akeyboard-mobileKeyboard-keys-focus{background:#1e9fff!important;color:#fff}.avue-keyboard--classic .akeyboard-keyboard{height:100%;width:100%;background:#2f4056;border-radius:5px;padding:9px 5px 5px;box-sizing:border-box}.avue-keyboard--classic .akeyboard-keyboard-innerKeys{text-align:center}.avue-keyboard--classic .akeyboard-keyboard-keys{height:40px;min-width:40px;padding:0 10px;border-radius:5px;background:white;display:inline-block;line-height:40px;text-align:center;box-sizing:border-box;margin:4px;cursor:pointer;user-select:none}.avue-keyboard--classic .akeyboard-keyboard-keys:hover{background:#c2c2c2;color:#fff}.avue-keyboard--classic .akeyboard-keyboard-keys-Delete,.avue-keyboard--classic .akeyboard-keyboard-keys-Tab{width:80px}.avue-keyboard--classic .akeyboard-keyboard-keys-Caps{width:77px}.avue-keyboard--classic .akeyboard-keyboard-keys-Enter{width:90px}.avue-keyboard--classic .akeyboard-keyboard-keys-Shift{width:106px}.avue-keyboard--classic .akeyboard-keyboard-keys-Space{width:350px}.avue-keyboard--classic .keyboard-keyboard-keys-focus{background:#c2c2c2;color:#fff}.avue-keyboard--classic .akeyboard-keyboard-fixedBottomCenter{width:100%!important;height:auto!important;position:fixed;bottom:0;left:0;border-radius:0!important}.avue-keyboard--classic .akeyboard-numberKeyboard{height:100%;width:100%;background:#2f4056;border-radius:5px;padding:10px 5px 5px;box-sizing:border-box}.avue-keyboard--classic .akeyboard-numberKeyboard-keys-Enter{height:40px;width:100px}.avue-keyboard--classic .akeyboard-mobileKeyboard{height:100%;width:100%;background:#2f4056;border-radius:5px;padding:11px 5px 5px;box-sizing:border-box}.avue-keyboard--classic .akeyboard-mobileKeyboard-keys{height:25px;min-width:25px;padding:0 10px;border-radius:3px;background:white;display:inline-block;line-height:25px;text-align:center;box-sizing:border-box;margin:3px 2px 2px;cursor:pointer;user-select:none;font-size:10px}.avue-keyboard--classic .akeyboard-mobileKeyboard-keys:hover{background:#c2c2c2!important;color:#fff}.avue-keyboard--classic .akeyboard-mobileKeyboard-keys-\21e7 ,.avue-keyboard--classic .akeyboard-mobileKeyboard-keys-\21e6 {width:25px;background-color:#999faf}.avue-keyboard--classic .akeyboard-mobileKeyboard-keys-Space{height:28px;width:100px;line-height:28px;margin-left:55px}.avue-keyboard--classic .akeyboard-mobileKeyboard-keys-Enter{height:28px;width:55px;line-height:28px;background:#c2c2c2!important;color:#fff}.avue-keyboard--classic .akeyboard-mobileKeyboard-keys-focus{background:#c2c2c2!important;color:#fff}