@stonecrop/beam 0.2.41 → 0.2.43

package/dist/beam.js

@@ -1,12 +1,12 @@
-import { defineComponent as u, openBlock as c, createElementBlock as d, createElementVNode as i, renderSlot as _, createTextVNode as b, toDisplayString as m, normalizeClass as y, createStaticVNode as M, resolveComponent as T, createBlock as v, withCtx as P, withDirectives as $, vShow as E, useModel as D, vModelCheckbox as F, mergeModels as N, computed as A, createCommentVNode as g, ref as z, onMounted as S, onUnmounted as L, Fragment as O, renderList as x, resolveDynamicComponent as U, createVNode as j } from "vue";
-const H = { class: "beam__actionfooter" }, Q = { class: "footer-action-wrapper" }, W = /* @__PURE__ */ u({
+import { defineComponent as d, openBlock as c, createElementBlock as u, createElementVNode as i, renderSlot as _, createTextVNode as w, normalizeClass as k, toDisplayString as p, createStaticVNode as M, resolveComponent as T, createBlock as v, withCtx as P, withDirectives as $, vShow as E, useModel as D, vModelCheckbox as F, mergeModels as N, computed as x, createCommentVNode as y, ref as A, onMounted as S, onUnmounted as B, Fragment as z, renderList as O, resolveDynamicComponent as U, createVNode as j } from "vue";
+const H = { class: "beam__actionfooter" }, Q = { class: "footer-action-wrapper" }, R = /* @__PURE__ */ d({
   __name: "ActionFooter",
   emits: ["click"],
-  setup(r, { emit: n }) {
-    const s = n, e = () => {
+  setup(r, { emit: o }) {
+    const s = o, e = () => {
       s("click");
     };
-    return (t, o) => (c(), d("footer", H, [
+    return (t, a) => (c(), u("footer", H, [
       i("span", Q, [
         i("button", {
           class: "footer-action btn",
@@ -17,96 +17,85 @@ const H = { class: "beam__actionfooter" }, Q = { class: "footer-action-wrapper"
       ])
     ]));
   }
-}), q = { class: "beam_metadata" }, R = { class: "beam_metadata_content" }, G = { class: "beam_metadata_header beam_metadata--two-column" }, Y = { class: "beam_metadata_header-order-num" }, J = { class: "beam_metadata--normal" }, X = { class: "beam_metadata_block" }, Z = { class: "beam_metadata_heading" }, ee = { class: "beam_metadata_components" }, te = /* @__PURE__ */ u({
+}), q = { class: "beam_metadata" }, G = { class: "beam_metadata_content" }, W = { class: "beam_metadata_block" }, Y = { class: "beam_metadata_heading" }, J = /* @__PURE__ */ d({
   __name: "BeamMetadata",
   props: {
     order: {}
   },
   setup(r) {
-    return (n, s) => (c(), d("div", q, [
-      i("div", R, [
-        i("div", G, [
-          i("h1", Y, [
-            b(m(n.order.orderNumber) + " ", 1),
-            i("span", J, m(n.order.product), 1)
+    return (o, s) => (c(), u("div", q, [
+      i("div", G, [
+        _(o.$slots, "default", {}, () => [
+          s[1] || (s[1] = i("div", { class: "beam_metadata_header beam_metadata--two-column" }, null, -1)),
+          i("div", W, [
+            i("p", Y, [
+              s[0] || (s[0] = w(" Status: ")),
+              i("span", {
+                class: k([{ alert: !o.order.complete }, "beam_metadata--normal"])
+              }, p(o.order.complete ? "Complete" : "In Progress"), 3)
+            ])
           ]),
-          i("div", {
-            class: y([{ alert: !n.order.complete }, "beam_metadata_count"])
-          }, [
-            i("p", null, m(n.order.quantity) + "/" + m(n.order.total), 1)
-          ], 2)
-        ]),
-        i("div", X, [
-          i("p", Z, [
-            s[0] || (s[0] = b(" Status: ")),
-            i("span", {
-              class: y([{ alert: !n.order.complete }, "beam_metadata--normal"])
-            }, m(n.order.complete ? "Complete" : "In Progress"), 3)
-          ])
-        ]),
-        s[1] || (s[1] = M('<div class="beam_metadata_shipping beam_metadata_block"><div class="beam_metadata_source"><p class="beam_metadata_heading">Source</p><p> Packing Warehouse Inc.<br> 1432 W. Parkway Ave.<br> Chicago, IL 60617 </p></div><div class="beam_metadata_arrow"><div class="beam_metadata_arrow-body"></div><div class="beam_metadata_arrow-head"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.74 7.78"><polygon points="6.74 3.89 0 0 0 7.78 6.74 3.89" style="fill:#c4c4c4;"></polygon></svg></div></div><div class="beam_metadata_source"><p class="beam_metadata_heading">Receiving</p><p> Packing Warehouse Inc.<br> 1432 W. Parkway Ave.<br> Chicago, IL 60617 </p></div></div><div class="beam_metadata_component_header beam_metadata_block"><p class="beam_metadata_heading">Components</p><p class="beam_metadata_heading">Quantity</p></div>', 2))
-      ]),
-      i("div", ee, [
-        _(n.$slots, "components")
+          s[2] || (s[2] = M('<div class="beam_metadata_shipping beam_metadata_block"><div class="beam_metadata_source"><p class="beam_metadata_heading">Source</p></div><div class="beam_metadata_arrow"><div class="beam_metadata_arrow-body"></div><div class="beam_metadata_arrow-head"><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6.74 7.78"><polygon points="6.74 3.89 0 0 0 7.78 6.74 3.89" style="fill:#c4c4c4;"></polygon></svg></div></div><div class="beam_metadata_source"><p class="beam_metadata_heading">Receiving</p></div></div>', 1))
+        ])
       ])
     ]));
   }
-}), ae = { class: "beam__modal" }, ne = /* @__PURE__ */ u({
+}), X = { class: "beam__modal" }, Z = /* @__PURE__ */ d({
   __name: "BeamModal",
   props: {
     showModal: { type: Boolean }
   },
   setup(r) {
-    return (n, s) => {
+    return (o, s) => {
       const e = T("portal");
       return c(), v(e, { to: "beam__modal_outlet" }, {
         default: P(() => [
-          $(i("div", ae, [
+          $(i("div", X, [
             i("button", {
               class: "btn",
-              onClick: s[0] || (s[0] = (t) => n.$emit("closemodal"))
+              onClick: s[0] || (s[0] = (t) => o.$emit("closemodal"))
             }, "Close Modal"),
-            _(n.$slots, "default", {
-              onClosemodal: s[1] || (s[1] = (t) => n.$emit("closemodal")),
-              onConfirmmodal: s[2] || (s[2] = (t) => n.$emit("confirmmodal"))
+            _(o.$slots, "default", {
+              onClosemodal: s[1] || (s[1] = (t) => o.$emit("closemodal")),
+              onConfirmmodal: s[2] || (s[2] = (t) => o.$emit("confirmmodal"))
             })
           ], 512), [
-            [E, n.showModal]
+            [E, o.showModal]
           ])
         ]),
         _: 3
       });
     };
   }
-}), oe = /* @__PURE__ */ u({
+}), ee = /* @__PURE__ */ d({
   __name: "BeamModalOutlet",
   emits: ["confirmmodal", "closemodal"],
   setup(r) {
-    return (n, s) => {
+    return (o, s) => {
       const e = T("portal-target");
       return c(), v(e, { name: "beam__modal_outlet" });
     };
   }
-}), B = (r, n) => {
+}), K = (r, o) => {
   const s = r.__vccOpts || r;
-  for (const [e, t] of n)
+  for (const [e, t] of o)
     s[e] = t;
   return s;
-}, se = {}, re = { class: "beam__modal-confirm" };
-function ie(r, n) {
-  return c(), d("div", re, [
-    n[2] || (n[2] = i("h2", null, "Would you like to continue?", -1)),
+}, te = {}, ne = { class: "beam__modal-confirm" };
+function ae(r, o) {
+  return c(), u("div", ne, [
+    o[2] || (o[2] = i("h2", null, "Would you like to continue?", -1)),
     i("button", {
       class: "btn",
-      onClick: n[0] || (n[0] = (s) => r.$emit("confirmmodal"))
+      onClick: o[0] || (o[0] = (s) => r.$emit("confirmmodal"))
     }, "Yes"),
     i("button", {
       class: "btn",
-      onClick: n[1] || (n[1] = (s) => r.$emit("closemodal"))
+      onClick: o[1] || (o[1] = (s) => r.$emit("closemodal"))
     }, "No")
   ]);
 }
-const ce = /* @__PURE__ */ B(se, [["render", ie]]), le = { class: "container" }, de = /* @__PURE__ */ u({
+const oe = /* @__PURE__ */ K(te, [["render", ae]]), se = { class: "container" }, re = /* @__PURE__ */ d({
   __name: "ItemCheck",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -114,14 +103,14 @@ const ce = /* @__PURE__ */ B(se, [["render", ie]]), le = { class: "container" },
   },
   emits: ["update:modelValue"],
   setup(r) {
-    const n = D(r, "modelValue");
-    return (s, e) => (c(), d("label", le, [
+    const o = D(r, "modelValue");
+    return (s, e) => (c(), u("label", se, [
       $(i("input", {
         type: "checkbox",
-        "onUpdate:modelValue": e[0] || (e[0] = (t) => n.value = t),
+        "onUpdate:modelValue": e[0] || (e[0] = (t) => o.value = t),
         tabindex: "-1"
       }, null, 512), [
-        [F, n.value]
+        [F, o.value]
       ]),
       e[1] || (e[1] = i("div", {
         class: "checkmark",
@@ -129,7 +118,7 @@ const ce = /* @__PURE__ */ B(se, [["render", ie]]), le = { class: "container" },
       }, null, -1))
     ]));
   }
-}), I = /* @__PURE__ */ B(de, [["__scopeId", "data-v-f44a510e"]]), ue = { class: "beam__itemcount" }, me = ["contenteditable"], fe = { key: 0 }, K = /* @__PURE__ */ u({
+}), L = /* @__PURE__ */ K(re, [["__scopeId", "data-v-f44a510e"]]), ie = { class: "beam__itemcount" }, ce = ["contenteditable"], le = { key: 0 }, I = /* @__PURE__ */ d({
   __name: "ItemCount",
   props: /* @__PURE__ */ N({
     denominator: {},
@@ -141,135 +130,135 @@ const ce = /* @__PURE__ */ B(se, [["render", ie]]), le = { class: "container" },
   }),
   emits: ["update:modelValue"],
   setup(r) {
-    const n = D(r, "modelValue"), s = A(() => n.value === r.denominator), e = (t) => {
+    const o = D(r, "modelValue"), s = x(() => o.value === r.denominator), e = (t) => {
       t.preventDefault(), t.stopPropagation();
-      const o = Number(t.target.innerHTML) || 0;
-      n.value = Math.min(o, r.denominator);
+      const a = Number(t.target.innerHTML) || 0;
+      o.value = Math.min(a, r.denominator);
     };
-    return (t, o) => (c(), d("div", ue, [
+    return (t, a) => (c(), u("div", ie, [
       i("span", {
         contenteditable: t.editable,
-        class: y({ alert: !s.value }),
+        class: k({ alert: !s.value }),
         onInput: e,
         onClick: e
-      }, m(n.value), 43, me),
-      i("span", null, "/" + m(t.denominator), 1),
-      t.uom ? (c(), d("span", fe, "  " + m(t.uom), 1)) : g("", !0)
+      }, p(o.value), 43, ce),
+      i("span", null, "/" + p(t.denominator), 1),
+      t.uom ? (c(), u("span", le, "  " + p(t.uom), 1)) : y("", !0)
     ]));
   }
-}), pe = ["href"], _e = /* @__PURE__ */ u({
+}), ue = ["href"], de = /* @__PURE__ */ d({
   __name: "ListAnchor",
   props: {
     to: { default: "" }
   },
   setup(r) {
-    return (n, s) => (c(), d("a", {
-      href: n.to,
+    return (o, s) => (c(), u("a", {
+      href: o.to,
       class: "beam__listanchor"
     }, [
-      _(n.$slots, "default")
-    ], 8, pe));
+      _(o.$slots, "default")
+    ], 8, ue));
   }
-}), ve = {
+}), me = {
   tabindex: "0",
   class: "beam__listitem"
-}, he = { class: "beam__listtext" }, C = /* @__PURE__ */ u({
+}, fe = { class: "beam__listtext" }, b = /* @__PURE__ */ d({
   __name: "ListItem",
   props: {
     item: {}
   },
   setup(r) {
-    const n = z(r.item);
-    return (s, e) => (c(), d("li", ve, [
-      i("div", he, [
-        i("label", null, m(n.value.label), 1),
-        i("p", null, m(n.value.description), 1)
+    const o = A(r.item);
+    return (s, e) => (c(), u("li", me, [
+      i("div", fe, [
+        i("label", null, p(o.value.label), 1),
+        i("p", null, p(o.value.description), 1)
       ]),
-      n.value.count ? (c(), v(K, {
+      o.value.count ? (c(), v(I, {
         key: 0,
-        modelValue: n.value.count.count,
-        "onUpdate:modelValue": e[0] || (e[0] = (t) => n.value.count.count = t),
-        denominator: n.value.count.of,
-        uom: n.value.count.uom,
+        modelValue: o.value.count.count,
+        "onUpdate:modelValue": e[0] || (e[0] = (t) => o.value.count.count = t),
+        denominator: o.value.count.of,
+        uom: o.value.count.uom,
         editable: !0
-      }, null, 8, ["modelValue", "denominator", "uom"])) : g("", !0),
-      n.value.hasOwnProperty("checked") ? (c(), v(I, {
+      }, null, 8, ["modelValue", "denominator", "uom"])) : y("", !0),
+      o.value.hasOwnProperty("checked") ? (c(), v(L, {
         key: 1,
-        modelValue: n.value.checked,
-        "onUpdate:modelValue": e[1] || (e[1] = (t) => n.value.checked = t)
-      }, null, 8, ["modelValue"])) : g("", !0)
+        modelValue: o.value.checked,
+        "onUpdate:modelValue": e[1] || (e[1] = (t) => o.value.checked = t)
+      }, null, 8, ["modelValue"])) : y("", !0)
     ]));
   }
-}), be = { class: "beam__listview" }, ye = /* @__PURE__ */ u({
+}), pe = { class: "beam__listview" }, _e = /* @__PURE__ */ d({
   __name: "ListView",
   props: {
     items: {}
   },
   emits: ["scrollbottom"],
-  setup(r, { emit: n }) {
-    const s = n;
+  setup(r, { emit: o }) {
+    const s = o;
     S(() => {
       window.addEventListener("scroll", e);
-    }), L(() => {
+    }), B(() => {
       window.removeEventListener("scroll", e);
     });
     const e = () => {
-      const t = document.documentElement.scrollHeight - window.innerHeight, o = document.documentElement.scrollTop;
-      t - o <= 2 && s("scrollbottom");
+      const t = document.documentElement.scrollHeight - window.innerHeight, a = document.documentElement.scrollTop;
+      t - a <= 2 && s("scrollbottom");
     };
-    return (t, o) => (c(), d("ul", be, [
-      (c(!0), d(O, null, x(t.items, (a) => (c(), d("li", {
-        key: a.label
+    return (t, a) => (c(), u("ul", pe, [
+      (c(!0), u(z, null, O(t.items, (n) => (c(), u("li", {
+        key: n.label
       }, [
-        a.linkComponent ? (c(), v(U(a.linkComponent), {
+        n.linkComponent ? (c(), v(U(n.linkComponent), {
           key: 0,
-          to: a.route,
+          to: n.route,
           tabindex: "-1"
         }, {
           default: P(() => [
-            j(C, { item: a }, null, 8, ["item"])
+            j(b, { item: n }, null, 8, ["item"])
           ]),
           _: 2
-        }, 1032, ["to"])) : (c(), v(C, {
+        }, 1032, ["to"])) : (c(), v(b, {
           key: 1,
-          item: a
+          item: n
         }, null, 8, ["item"]))
       ]))), 128))
     ]));
   }
-}), ge = { class: "beam__navbar" }, Ce = { class: "navbar-action-wrapper" }, we = /* @__PURE__ */ u({
+}), ve = { class: "beam__navbar" }, he = { class: "navbar-action-wrapper" }, ye = /* @__PURE__ */ d({
   __name: "Navbar",
   emits: ["click"],
-  setup(r, { emit: n }) {
-    const s = n, e = () => {
+  setup(r, { emit: o }) {
+    const s = o, e = () => {
       s("click");
     };
-    return (t, o) => (c(), d("nav", ge, [
+    return (t, a) => (c(), u("nav", ve, [
       _(t.$slots, "title", {}, () => [
-        o[0] || (o[0] = i("h1", { class: "nav-title" }, "TITLE", -1))
+        a[0] || (a[0] = i("h1", { class: "nav-title" }, "TITLE", -1))
       ]),
-      i("div", Ce, [
+      i("div", he, [
         i("button", {
           class: "navbar-action btn",
           onClick: e
         }, [
           _(t.$slots, "navbaraction", {}, () => [
-            o[1] || (o[1] = b("Action"))
+            a[1] || (a[1] = w("Action"))
           ])
         ])
       ])
     ]));
   }
 });
-var ke = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function Te(r) {
+var be = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function ge(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
 var V = { exports: {} };
-(function(r, n) {
+(function(r, o) {
   (function(s, e) {
     r.exports = e();
-  })(ke, function() {
+  })(be, function() {
     var s = {
       /**
        * 
@@ -280,24 +269,24 @@ var V = { exports: {} };
       attachTo: function(e, t) {
         if (e.scannerDetectionData !== void 0)
           throw new Error("onScan.js is already initialized for DOM element " + e);
-        var o = {
-          onScan: function(a, l) {
+        var a = {
+          onScan: function(n, l) {
           },
           // Callback after detection of a successfull scanning:  function(){sScancode, iCount)}()
-          onScanError: function(a) {
+          onScanError: function(n) {
           },
           // Callback after detection of a unsuccessfull scanning (scanned string in parameter)
-          onKeyProcess: function(a, l) {
+          onKeyProcess: function(n, l) {
           },
           // Callback after receiving and processing a char (scanned char in parameter)
-          onKeyDetect: function(a, l) {
+          onKeyDetect: function(n, l) {
           },
           // Callback after detecting a keyDown (key char in parameter) - in contrast to onKeyProcess, this fires for non-character keys like tab, arrows, etc. too!
-          onPaste: function(a, l) {
+          onPaste: function(n, l) {
           },
           // Callback after receiving a value on paste, no matter if it is a valid code or not
-          keyCodeMapper: function(a) {
-            return s.decodeKeyEvent(a);
+          keyCodeMapper: function(n) {
+            return s.decodeKeyEvent(n);
           },
           // Custom function to decode a keydown event into a character. Must return decoded character or NULL if the given event should not be processed.
           onScanButtonLongPress: function() {
@@ -332,7 +321,7 @@ var V = { exports: {} };
           singleScanQty: 1
           // Quantity of Items put out to onScan in a single scan
         };
-        return t = this._mergeOptions(o, t), e.scannerDetectionData = {
+        return t = this._mergeOptions(a, t), e.scannerDetectionData = {
           options: t,
           vars: {
             firstCharTime: 0,
@@ -410,16 +399,16 @@ var V = { exports: {} };
           case (t >= 106 && t <= 111):
             if (e.key !== void 0 && e.key !== "")
               return e.key;
-            var o = String.fromCharCode(t);
+            var a = String.fromCharCode(t);
             switch (e.shiftKey) {
               case !1:
-                o = o.toLowerCase();
+                a = a.toLowerCase();
                 break;
               case !0:
-                o = o.toUpperCase();
+                a = a.toUpperCase();
                 break;
             }
-            return o;
+            return a;
           case (t >= 96 && t <= 105):
             return 0 + (t - 96);
         }
@@ -442,10 +431,10 @@ var V = { exports: {} };
        * @return self
        */
       simulate: function(e, t) {
-        return this._reinitialize(e), Array.isArray(t) ? t.forEach(function(o) {
-          var a = {};
-          (typeof o == "object" || typeof o == "function") && o !== null ? a = o : a.keyCode = parseInt(o);
-          var l = new KeyboardEvent("keydown", a);
+        return this._reinitialize(e), Array.isArray(t) ? t.forEach(function(a) {
+          var n = {};
+          (typeof a == "object" || typeof a == "function") && a !== null ? n = a : n.keyCode = parseInt(a);
+          var l = new KeyboardEvent("keydown", n);
           document.dispatchEvent(l);
         }) : this._validateScanCode(e, t), this;
       },
@@ -467,12 +456,12 @@ var V = { exports: {} };
         var t = e.scannerDetectionData.options.ignoreIfFocusOn;
         if (!t)
           return !1;
-        var o = document.activeElement;
+        var a = document.activeElement;
         if (Array.isArray(t)) {
-          for (var a = 0; a < t.length; a++)
-            if (o.matches(t[a]) === !0)
+          for (var n = 0; n < t.length; n++)
+            if (a.matches(t[n]) === !0)
               return !0;
-        } else if (o.matches(t))
+        } else if (a.matches(t))
           return !0;
         return !1;
       },
@@ -484,20 +473,20 @@ var V = { exports: {} };
        * @return boolean
        */
       _validateScanCode: function(e, t) {
-        var o = e.scannerDetectionData, a = o.options, l = o.options.singleScanQty, p = o.vars.firstCharTime, w = o.vars.lastCharTime, f = {}, h;
+        var a = e.scannerDetectionData, n = a.options, l = a.options.singleScanQty, f = a.vars.firstCharTime, g = a.vars.lastCharTime, m = {}, h;
         switch (!0) {
-          case t.length < a.minLength:
-            f = {
+          case t.length < n.minLength:
+            m = {
               message: "Receieved code is shorter then minimal length"
             };
             break;
-          case w - p > t.length * a.avgTimeByChar:
-            f = {
+          case g - f > t.length * n.avgTimeByChar:
+            m = {
               message: "Receieved code was not entered in time"
             };
             break;
           default:
-            return a.onScan.call(e, t, l), h = new CustomEvent(
+            return n.onScan.call(e, t, l), h = new CustomEvent(
               "scan",
               {
                 detail: {
@@ -507,9 +496,9 @@ var V = { exports: {} };
               }
             ), e.dispatchEvent(h), s._reinitialize(e), !0;
         }
-        return f.scanCode = t, f.scanDuration = w - p, f.avgTimeByChar = a.avgTimeByChar, f.minLength = a.minLength, a.onScanError.call(e, f), h = new CustomEvent(
+        return m.scanCode = t, m.scanDuration = g - f, m.avgTimeByChar = n.avgTimeByChar, m.minLength = n.minLength, n.onScanError.call(e, m), h = new CustomEvent(
           "scanError",
-          { detail: f }
+          { detail: m }
         ), e.dispatchEvent(h), s._reinitialize(e), !1;
       },
       /**
@@ -519,12 +508,12 @@ var V = { exports: {} };
        * @return Object
        */
       _mergeOptions: function(e, t) {
-        var o = {}, a;
-        for (a in e)
-          Object.prototype.hasOwnProperty.call(e, a) && (o[a] = e[a]);
-        for (a in t)
-          Object.prototype.hasOwnProperty.call(t, a) && (o[a] = t[a]);
-        return o;
+        var a = {}, n;
+        for (n in e)
+          Object.prototype.hasOwnProperty.call(e, n) && (a[n] = e[n]);
+        for (n in t)
+          Object.prototype.hasOwnProperty.call(t, n) && (a[n] = t[n]);
+        return a;
       },
       /**
        * @private
@@ -541,27 +530,27 @@ var V = { exports: {} };
        * @return void
        */
       _handleKeyDown: function(e) {
-        var t = s._getNormalizedKeyNum(e), o = this.scannerDetectionData.options, a = this.scannerDetectionData.vars, l = !1;
-        if (o.onKeyDetect.call(this, t, e) !== !1 && !s._isFocusOnIgnoredElement(this)) {
-          if (o.scanButtonKeyCode !== !1 && t == o.scanButtonKeyCode) {
-            a.longPressed || (a.longPressTimer = setTimeout(o.onScanButtonLongPress, o.scanButtonLongPressTime, this), a.longPressed = !0);
+        var t = s._getNormalizedKeyNum(e), a = this.scannerDetectionData.options, n = this.scannerDetectionData.vars, l = !1;
+        if (a.onKeyDetect.call(this, t, e) !== !1 && !s._isFocusOnIgnoredElement(this)) {
+          if (a.scanButtonKeyCode !== !1 && t == a.scanButtonKeyCode) {
+            n.longPressed || (n.longPressTimer = setTimeout(a.onScanButtonLongPress, a.scanButtonLongPressTime, this), n.longPressed = !0);
             return;
           }
           switch (!0) {
-            case (a.firstCharTime && o.suffixKeyCodes.indexOf(t) !== -1):
+            case (n.firstCharTime && a.suffixKeyCodes.indexOf(t) !== -1):
               e.preventDefault(), e.stopImmediatePropagation(), l = !0;
               break;
-            case (!a.firstCharTime && o.prefixKeyCodes.indexOf(t) !== -1):
+            case (!n.firstCharTime && a.prefixKeyCodes.indexOf(t) !== -1):
               e.preventDefault(), e.stopImmediatePropagation(), l = !1;
               break;
             default:
-              var p = o.keyCodeMapper.call(this, e);
-              if (p === null)
+              var f = a.keyCodeMapper.call(this, e);
+              if (f === null)
                 return;
-              a.accumulatedString += p, o.preventDefault && e.preventDefault(), o.stopPropagation && e.stopImmediatePropagation(), l = !1;
+              n.accumulatedString += f, a.preventDefault && e.preventDefault(), a.stopPropagation && e.stopImmediatePropagation(), l = !1;
               break;
           }
-          a.firstCharTime || (a.firstCharTime = Date.now()), a.lastCharTime = Date.now(), a.testTimer && clearTimeout(a.testTimer), l ? (s._validateScanCode(this, a.accumulatedString), a.testTimer = !1) : a.testTimer = setTimeout(s._validateScanCode, o.timeBeforeScanTest, this, a.accumulatedString), o.onKeyProcess.call(this, p, e);
+          n.firstCharTime || (n.firstCharTime = Date.now()), n.lastCharTime = Date.now(), n.testTimer && clearTimeout(n.testTimer), l ? (s._validateScanCode(this, n.accumulatedString), n.testTimer = !1) : n.testTimer = setTimeout(s._validateScanCode, a.timeBeforeScanTest, this, n.accumulatedString), a.onKeyProcess.call(this, f, e);
         }
       },
       /**
@@ -570,8 +559,8 @@ var V = { exports: {} };
        * @return void
        */
       _handlePaste: function(e) {
-        var t = this.scannerDetectionData.options, o = this.scannerDetectionData.vars, a = (event.clipboardData || window.clipboardData).getData("text");
-        s._isFocusOnIgnoredElement(this) || (e.preventDefault(), t.stopPropagation && e.stopImmediatePropagation(), t.onPaste.call(this, a, event), o.firstCharTime = 0, o.lastCharTime = 0, s._validateScanCode(this, a));
+        var t = this.scannerDetectionData.options, a = this.scannerDetectionData.vars, n = (event.clipboardData || window.clipboardData).getData("text");
+        s._isFocusOnIgnoredElement(this) || (e.preventDefault(), t.stopPropagation && e.stopImmediatePropagation(), t.onPaste.call(this, n, event), a.firstCharTime = 0, a.lastCharTime = 0, s._validateScanCode(this, n));
       },
       /**
        * @private
@@ -606,39 +595,39 @@ var V = { exports: {} };
     return s;
   });
 })(V);
-var Pe = V.exports;
-const k = /* @__PURE__ */ Te(Pe), $e = { id: "scan_input" }, De = /* @__PURE__ */ u({
+var Ce = V.exports;
+const C = /* @__PURE__ */ ge(Ce), we = { id: "scan_input" }, ke = /* @__PURE__ */ d({
   __name: "ScanInput",
   props: {
     scanHandler: { type: Function }
   },
   emits: ["scanInstance"],
-  setup(r, { emit: n }) {
-    const s = n, e = r;
+  setup(r, { emit: o }) {
+    const s = o, e = r;
     return S(() => {
-      const t = k.attachTo(window, { onScan: e.scanHandler });
+      const t = C.attachTo(window, { onScan: e.scanHandler });
       s("scanInstance", t);
-    }), L(() => {
-      k.detachFrom(window);
-    }), (t, o) => (c(), d("div", $e));
+    }), B(() => {
+      C.detachFrom(window);
+    }), (t, a) => (c(), u("div", we));
   }
 });
-function Le(r) {
-  r.component("ActionFooter", W), r.component("BeamMetadata", te), r.component("BeamModal", ne), r.component("BeamModalOutlet", oe), r.component("Confirm", ce), r.component("ItemCheck", I), r.component("ItemCount", K), r.component("ListAnchor", _e), r.component("ListItem", C), r.component("ListView", ye), r.component("Navbar", we), r.component("ScanInput", De);
+function Pe(r) {
+  r.component("ActionFooter", R), r.component("BeamMetadata", J), r.component("BeamModal", Z), r.component("BeamModalOutlet", ee), r.component("Confirm", oe), r.component("ItemCheck", L), r.component("ItemCount", I), r.component("ListAnchor", de), r.component("ListItem", b), r.component("ListView", _e), r.component("Navbar", ye), r.component("ScanInput", ke);
 }
 export {
-  W as ActionFooter,
-  te as BeamMetadata,
-  ne as BeamModal,
-  oe as BeamModalOutlet,
-  ce as Confirm,
-  I as ItemCheck,
-  K as ItemCount,
-  _e as ListAnchor,
-  C as ListItem,
-  ye as ListView,
-  we as Navbar,
-  De as ScanInput,
-  Le as install
+  R as ActionFooter,
+  J as BeamMetadata,
+  Z as BeamModal,
+  ee as BeamModalOutlet,
+  oe as Confirm,
+  L as ItemCheck,
+  I as ItemCount,
+  de as ListAnchor,
+  b as ListItem,
+  _e as ListView,
+  ye as Navbar,
+  ke as ScanInput,
+  Pe as install
 };
 //# sourceMappingURL=beam.js.map