@stonecrop/beam 0.2.36 → 0.2.38

package/dist/beam.js

@@ -1,103 +1,137 @@
-import { defineComponent as d, openBlock as i, createElementBlock as u, createElementVNode as c, renderSlot as v, resolveComponent as k, createBlock as p, withCtx as w, withDirectives as T, vShow as I, useModel as P, vModelCheckbox as V, mergeModels as M, computed as E, normalizeClass as F, toDisplayString as h, createCommentVNode as y, ref as N, onMounted as D, onUnmounted as $, Fragment as x, renderList as A, resolveDynamicComponent as z, createVNode as O, createTextVNode as U } from "vue";
-const j = { class: "beam__actionfooter" }, H = { class: "footer-action-wrapper" }, Q = /* @__PURE__ */ d({
+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({
   __name: "ActionFooter",
   emits: ["click"],
-  setup(s, { emit: o }) {
-    const r = o, e = () => {
-      r("click");
+  setup(r, { emit: n }) {
+    const s = n, e = () => {
+      s("click");
     };
-    return (t, a) => (i(), u("footer", j, [
-      c("span", H, [
-        c("button", {
+    return (t, o) => (c(), d("footer", H, [
+      i("span", Q, [
+        i("button", {
           class: "footer-action btn",
           onClick: e
         }, [
-          v(t.$slots, "default")
+          _(t.$slots, "default")
         ])
       ])
     ]));
   }
-}), q = { class: "beam__modal" }, R = /* @__PURE__ */ d({
+}), 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({
+  __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)
+          ]),
+          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")
+      ])
+    ]));
+  }
+}), ae = { class: "beam__modal" }, ne = /* @__PURE__ */ u({
   __name: "BeamModal",
   props: {
     showModal: { type: Boolean }
   },
-  setup(s) {
-    return (o, r) => {
-      const e = k("portal");
-      return i(), p(e, { to: "beam__modal_outlet" }, {
-        default: w(() => [
-          T(c("div", q, [
-            c("button", {
+  setup(r) {
+    return (n, s) => {
+      const e = T("portal");
+      return c(), v(e, { to: "beam__modal_outlet" }, {
+        default: P(() => [
+          $(i("div", ae, [
+            i("button", {
               class: "btn",
-              onClick: r[0] || (r[0] = (t) => o.$emit("closemodal"))
+              onClick: s[0] || (s[0] = (t) => n.$emit("closemodal"))
             }, "Close Modal"),
-            v(o.$slots, "default", {
-              onClosemodal: r[1] || (r[1] = (t) => o.$emit("closemodal")),
-              onConfirmmodal: r[2] || (r[2] = (t) => o.$emit("confirmmodal"))
+            _(n.$slots, "default", {
+              onClosemodal: s[1] || (s[1] = (t) => n.$emit("closemodal")),
+              onConfirmmodal: s[2] || (s[2] = (t) => n.$emit("confirmmodal"))
             })
           ], 512), [
-            [I, o.showModal]
+            [E, n.showModal]
           ])
         ]),
         _: 3
       });
     };
   }
-}), G = /* @__PURE__ */ d({
+}), oe = /* @__PURE__ */ u({
   __name: "BeamModalOutlet",
   emits: ["confirmmodal", "closemodal"],
-  setup(s) {
-    return (o, r) => {
-      const e = k("portal-target");
-      return i(), p(e, { name: "beam__modal_outlet" });
+  setup(r) {
+    return (n, s) => {
+      const e = T("portal-target");
+      return c(), v(e, { name: "beam__modal_outlet" });
     };
   }
-}), S = (s, o) => {
-  const r = s.__vccOpts || s;
-  for (const [e, t] of o)
-    r[e] = t;
-  return r;
-}, W = {}, Y = { class: "beam__modal-confirm" };
-function J(s, o) {
-  return i(), u("div", Y, [
-    o[2] || (o[2] = c("h2", null, "Would you like to continue?", -1)),
-    c("button", {
+}), B = (r, n) => {
+  const s = r.__vccOpts || r;
+  for (const [e, t] of n)
+    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)),
+    i("button", {
       class: "btn",
-      onClick: o[0] || (o[0] = (r) => s.$emit("confirmmodal"))
+      onClick: n[0] || (n[0] = (s) => r.$emit("confirmmodal"))
     }, "Yes"),
-    c("button", {
+    i("button", {
       class: "btn",
-      onClick: o[1] || (o[1] = (r) => s.$emit("closemodal"))
+      onClick: n[1] || (n[1] = (s) => r.$emit("closemodal"))
     }, "No")
   ]);
 }
-const X = /* @__PURE__ */ S(W, [["render", J]]), Z = { class: "container" }, ee = /* @__PURE__ */ d({
+const ce = /* @__PURE__ */ B(se, [["render", ie]]), le = { class: "container" }, de = /* @__PURE__ */ u({
   __name: "ItemCheck",
   props: {
     modelValue: { type: Boolean, default: !1 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(s) {
-    const o = P(s, "modelValue");
-    return (r, e) => (i(), u("label", Z, [
-      T(c("input", {
+  setup(r) {
+    const n = D(r, "modelValue");
+    return (s, e) => (c(), d("label", le, [
+      $(i("input", {
         type: "checkbox",
-        "onUpdate:modelValue": e[0] || (e[0] = (t) => o.value = t),
+        "onUpdate:modelValue": e[0] || (e[0] = (t) => n.value = t),
         tabindex: "-1"
       }, null, 512), [
-        [V, o.value]
+        [F, n.value]
       ]),
-      e[1] || (e[1] = c("div", {
+      e[1] || (e[1] = i("div", {
         class: "checkmark",
         tabindex: "0"
       }, null, -1))
     ]));
   }
-}), K = /* @__PURE__ */ S(ee, [["__scopeId", "data-v-f44a510e"]]), te = { class: "beam__itemcount" }, ne = ["contenteditable"], ae = { key: 0 }, L = /* @__PURE__ */ d({
+}), I = /* @__PURE__ */ B(de, [["__scopeId", "data-v-f44a510e"]]), ue = { class: "beam__itemcount" }, me = ["contenteditable"], fe = { key: 0 }, K = /* @__PURE__ */ u({
   __name: "ItemCount",
-  props: /* @__PURE__ */ M({
+  props: /* @__PURE__ */ N({
     denominator: {},
     uom: { default: "" },
     editable: { type: Boolean, default: !0 }
@@ -106,137 +140,137 @@ const X = /* @__PURE__ */ S(W, [["render", J]]), Z = { class: "container" }, ee
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(s) {
-    const o = P(s, "modelValue"), r = E(() => o.value === s.denominator), e = (t) => {
+  setup(r) {
+    const n = D(r, "modelValue"), s = A(() => n.value === r.denominator), e = (t) => {
       t.preventDefault(), t.stopPropagation();
-      const a = Number(t.target.innerHTML) || 0;
-      o.value = Math.min(a, s.denominator);
+      const o = Number(t.target.innerHTML) || 0;
+      n.value = Math.min(o, r.denominator);
     };
-    return (t, a) => (i(), u("div", te, [
-      c("span", {
+    return (t, o) => (c(), d("div", ue, [
+      i("span", {
         contenteditable: t.editable,
-        class: F({ alert: !r.value }),
+        class: y({ alert: !s.value }),
         onInput: e,
         onClick: e
-      }, h(o.value), 43, ne),
-      c("span", null, "/" + h(t.denominator), 1),
-      t.uom ? (i(), u("span", ae, "  " + h(t.uom), 1)) : y("", !0)
+      }, m(n.value), 43, me),
+      i("span", null, "/" + m(t.denominator), 1),
+      t.uom ? (c(), d("span", fe, "  " + m(t.uom), 1)) : g("", !0)
     ]));
   }
-}), oe = ["href"], se = /* @__PURE__ */ d({
+}), pe = ["href"], _e = /* @__PURE__ */ u({
   __name: "ListAnchor",
   props: {
     to: { default: "" }
   },
-  setup(s) {
-    return (o, r) => (i(), u("a", {
-      href: o.to,
+  setup(r) {
+    return (n, s) => (c(), d("a", {
+      href: n.to,
       class: "beam__listanchor"
     }, [
-      v(o.$slots, "default")
-    ], 8, oe));
+      _(n.$slots, "default")
+    ], 8, pe));
   }
-}), re = {
+}), ve = {
   tabindex: "0",
   class: "beam__listitem"
-}, ie = { class: "beam__listtext" }, C = /* @__PURE__ */ d({
+}, he = { class: "beam__listtext" }, C = /* @__PURE__ */ u({
   __name: "ListItem",
   props: {
     item: {}
   },
-  setup(s) {
-    const o = N(s.item);
-    return (r, e) => (i(), u("li", re, [
-      c("div", ie, [
-        c("label", null, h(o.value.label), 1),
-        c("p", null, h(o.value.description), 1)
+  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)
       ]),
-      o.value.count ? (i(), p(L, {
+      n.value.count ? (c(), v(K, {
         key: 0,
-        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,
+        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,
         editable: !0
-      }, null, 8, ["modelValue", "denominator", "uom"])) : y("", !0),
-      o.value.hasOwnProperty("checked") ? (i(), p(K, {
+      }, null, 8, ["modelValue", "denominator", "uom"])) : g("", !0),
+      n.value.hasOwnProperty("checked") ? (c(), v(I, {
         key: 1,
-        modelValue: o.value.checked,
-        "onUpdate:modelValue": e[1] || (e[1] = (t) => o.value.checked = t)
-      }, null, 8, ["modelValue"])) : y("", !0)
+        modelValue: n.value.checked,
+        "onUpdate:modelValue": e[1] || (e[1] = (t) => n.value.checked = t)
+      }, null, 8, ["modelValue"])) : g("", !0)
     ]));
   }
-}), ce = { class: "beam__listview" }, le = /* @__PURE__ */ d({
+}), be = { class: "beam__listview" }, ye = /* @__PURE__ */ u({
   __name: "ListView",
   props: {
     items: {}
   },
   emits: ["scrollbottom"],
-  setup(s, { emit: o }) {
-    const r = o;
-    D(() => {
+  setup(r, { emit: n }) {
+    const s = n;
+    S(() => {
       window.addEventListener("scroll", e);
-    }), $(() => {
+    }), L(() => {
       window.removeEventListener("scroll", e);
     });
     const e = () => {
-      const t = document.documentElement.scrollHeight - window.innerHeight, a = document.documentElement.scrollTop;
-      t - a <= 2 && r("scrollbottom");
+      const t = document.documentElement.scrollHeight - window.innerHeight, o = document.documentElement.scrollTop;
+      t - o <= 2 && s("scrollbottom");
     };
-    return (t, a) => (i(), u("ul", ce, [
-      (i(!0), u(x, null, A(t.items, (n) => (i(), u("li", {
-        key: n.label
+    return (t, o) => (c(), d("ul", be, [
+      (c(!0), d(O, null, x(t.items, (a) => (c(), d("li", {
+        key: a.label
       }, [
-        n.linkComponent ? (i(), p(z(n.linkComponent), {
+        a.linkComponent ? (c(), v(U(a.linkComponent), {
           key: 0,
-          to: n.route,
+          to: a.route,
           tabindex: "-1"
         }, {
-          default: w(() => [
-            O(C, { item: n }, null, 8, ["item"])
+          default: P(() => [
+            j(C, { item: a }, null, 8, ["item"])
           ]),
           _: 2
-        }, 1032, ["to"])) : (i(), p(C, {
+        }, 1032, ["to"])) : (c(), v(C, {
           key: 1,
-          item: n
+          item: a
         }, null, 8, ["item"]))
       ]))), 128))
     ]));
   }
-}), ue = { class: "beam__navbar" }, de = { class: "navbar-action-wrapper" }, me = /* @__PURE__ */ d({
+}), ge = { class: "beam__navbar" }, Ce = { class: "navbar-action-wrapper" }, we = /* @__PURE__ */ u({
   __name: "Navbar",
   emits: ["click"],
-  setup(s, { emit: o }) {
-    const r = o, e = () => {
-      r("click");
+  setup(r, { emit: n }) {
+    const s = n, e = () => {
+      s("click");
     };
-    return (t, a) => (i(), u("nav", ue, [
-      v(t.$slots, "title", {}, () => [
-        a[0] || (a[0] = c("h1", { class: "nav-title" }, "TITLE", -1))
+    return (t, o) => (c(), d("nav", ge, [
+      _(t.$slots, "title", {}, () => [
+        o[0] || (o[0] = i("h1", { class: "nav-title" }, "TITLE", -1))
       ]),
-      c("div", de, [
-        c("button", {
+      i("div", Ce, [
+        i("button", {
           class: "navbar-action btn",
           onClick: e
         }, [
-          v(t.$slots, "navbaraction", {}, () => [
-            a[1] || (a[1] = U("Action"))
+          _(t.$slots, "navbaraction", {}, () => [
+            o[1] || (o[1] = b("Action"))
           ])
         ])
       ])
     ]));
   }
 });
-var fe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function pe(s) {
-  return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, "default") ? s.default : s;
+var ke = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function Te(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var B = { exports: {} };
-(function(s, o) {
-  (function(r, e) {
-    s.exports = e();
-  })(fe, function() {
-    var r = {
+var V = { exports: {} };
+(function(r, n) {
+  (function(s, e) {
+    r.exports = e();
+  })(ke, function() {
+    var s = {
       /**
        * 
        * @param DomElement oDomElement
@@ -246,24 +280,24 @@ var B = { exports: {} };
       attachTo: function(e, t) {
         if (e.scannerDetectionData !== void 0)
           throw new Error("onScan.js is already initialized for DOM element " + e);
-        var a = {
-          onScan: function(n, l) {
+        var o = {
+          onScan: function(a, l) {
           },
           // Callback after detection of a successfull scanning:  function(){sScancode, iCount)}()
-          onScanError: function(n) {
+          onScanError: function(a) {
           },
           // Callback after detection of a unsuccessfull scanning (scanned string in parameter)
-          onKeyProcess: function(n, l) {
+          onKeyProcess: function(a, l) {
           },
           // Callback after receiving and processing a char (scanned char in parameter)
-          onKeyDetect: function(n, l) {
+          onKeyDetect: function(a, 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(n, l) {
+          onPaste: function(a, l) {
           },
           // Callback after receiving a value on paste, no matter if it is a valid code or not
-          keyCodeMapper: function(n) {
-            return r.decodeKeyEvent(n);
+          keyCodeMapper: function(a) {
+            return s.decodeKeyEvent(a);
           },
           // 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() {
@@ -298,7 +332,7 @@ var B = { exports: {} };
           singleScanQty: 1
           // Quantity of Items put out to onScan in a single scan
         };
-        return t = this._mergeOptions(a, t), e.scannerDetectionData = {
+        return t = this._mergeOptions(o, t), e.scannerDetectionData = {
           options: t,
           vars: {
             firstCharTime: 0,
@@ -376,16 +410,16 @@ var B = { exports: {} };
           case (t >= 106 && t <= 111):
             if (e.key !== void 0 && e.key !== "")
               return e.key;
-            var a = String.fromCharCode(t);
+            var o = String.fromCharCode(t);
             switch (e.shiftKey) {
               case !1:
-                a = a.toLowerCase();
+                o = o.toLowerCase();
                 break;
               case !0:
-                a = a.toUpperCase();
+                o = o.toUpperCase();
                 break;
             }
-            return a;
+            return o;
           case (t >= 96 && t <= 105):
             return 0 + (t - 96);
         }
@@ -408,10 +442,10 @@ var B = { exports: {} };
        * @return self
        */
       simulate: function(e, t) {
-        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);
+        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);
           document.dispatchEvent(l);
         }) : this._validateScanCode(e, t), this;
       },
@@ -433,12 +467,12 @@ var B = { exports: {} };
         var t = e.scannerDetectionData.options.ignoreIfFocusOn;
         if (!t)
           return !1;
-        var a = document.activeElement;
+        var o = document.activeElement;
         if (Array.isArray(t)) {
-          for (var n = 0; n < t.length; n++)
-            if (a.matches(t[n]) === !0)
+          for (var a = 0; a < t.length; a++)
+            if (o.matches(t[a]) === !0)
               return !0;
-        } else if (a.matches(t))
+        } else if (o.matches(t))
           return !0;
         return !1;
       },
@@ -450,20 +484,20 @@ var B = { exports: {} };
        * @return boolean
        */
       _validateScanCode: function(e, t) {
-        var a = e.scannerDetectionData, n = a.options, l = a.options.singleScanQty, f = a.vars.firstCharTime, g = a.vars.lastCharTime, m = {}, _;
+        var o = e.scannerDetectionData, a = o.options, l = o.options.singleScanQty, p = o.vars.firstCharTime, w = o.vars.lastCharTime, f = {}, h;
         switch (!0) {
-          case t.length < n.minLength:
-            m = {
+          case t.length < a.minLength:
+            f = {
               message: "Receieved code is shorter then minimal length"
             };
             break;
-          case g - f > t.length * n.avgTimeByChar:
-            m = {
+          case w - p > t.length * a.avgTimeByChar:
+            f = {
               message: "Receieved code was not entered in time"
             };
             break;
           default:
-            return n.onScan.call(e, t, l), _ = new CustomEvent(
+            return a.onScan.call(e, t, l), h = new CustomEvent(
               "scan",
               {
                 detail: {
@@ -471,12 +505,12 @@ var B = { exports: {} };
                   qty: l
                 }
               }
-            ), e.dispatchEvent(_), r._reinitialize(e), !0;
+            ), e.dispatchEvent(h), s._reinitialize(e), !0;
         }
-        return m.scanCode = t, m.scanDuration = g - f, m.avgTimeByChar = n.avgTimeByChar, m.minLength = n.minLength, n.onScanError.call(e, m), _ = new CustomEvent(
+        return f.scanCode = t, f.scanDuration = w - p, f.avgTimeByChar = a.avgTimeByChar, f.minLength = a.minLength, a.onScanError.call(e, f), h = new CustomEvent(
           "scanError",
-          { detail: m }
-        ), e.dispatchEvent(_), r._reinitialize(e), !1;
+          { detail: f }
+        ), e.dispatchEvent(h), s._reinitialize(e), !1;
       },
       /**
        * @private
@@ -485,12 +519,12 @@ var B = { exports: {} };
        * @return Object
        */
       _mergeOptions: function(e, t) {
-        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;
+        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;
       },
       /**
        * @private
@@ -507,27 +541,27 @@ var B = { exports: {} };
        * @return void
        */
       _handleKeyDown: function(e) {
-        var t = r._getNormalizedKeyNum(e), a = this.scannerDetectionData.options, n = this.scannerDetectionData.vars, l = !1;
-        if (a.onKeyDetect.call(this, t, e) !== !1 && !r._isFocusOnIgnoredElement(this)) {
-          if (a.scanButtonKeyCode !== !1 && t == a.scanButtonKeyCode) {
-            n.longPressed || (n.longPressTimer = setTimeout(a.onScanButtonLongPress, a.scanButtonLongPressTime, this), n.longPressed = !0);
+        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);
             return;
           }
           switch (!0) {
-            case (n.firstCharTime && a.suffixKeyCodes.indexOf(t) !== -1):
+            case (a.firstCharTime && o.suffixKeyCodes.indexOf(t) !== -1):
               e.preventDefault(), e.stopImmediatePropagation(), l = !0;
               break;
-            case (!n.firstCharTime && a.prefixKeyCodes.indexOf(t) !== -1):
+            case (!a.firstCharTime && o.prefixKeyCodes.indexOf(t) !== -1):
               e.preventDefault(), e.stopImmediatePropagation(), l = !1;
               break;
             default:
-              var f = a.keyCodeMapper.call(this, e);
-              if (f === null)
+              var p = o.keyCodeMapper.call(this, e);
+              if (p === null)
                 return;
-              n.accumulatedString += f, a.preventDefault && e.preventDefault(), a.stopPropagation && e.stopImmediatePropagation(), l = !1;
+              a.accumulatedString += p, o.preventDefault && e.preventDefault(), o.stopPropagation && e.stopImmediatePropagation(), l = !1;
               break;
           }
-          n.firstCharTime || (n.firstCharTime = Date.now()), n.lastCharTime = Date.now(), n.testTimer && clearTimeout(n.testTimer), l ? (r._validateScanCode(this, n.accumulatedString), n.testTimer = !1) : n.testTimer = setTimeout(r._validateScanCode, a.timeBeforeScanTest, this, n.accumulatedString), a.onKeyProcess.call(this, f, e);
+          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);
         }
       },
       /**
@@ -536,8 +570,8 @@ var B = { exports: {} };
        * @return void
        */
       _handlePaste: function(e) {
-        var t = this.scannerDetectionData.options, a = this.scannerDetectionData.vars, n = (event.clipboardData || window.clipboardData).getData("text");
-        r._isFocusOnIgnoredElement(this) || (e.preventDefault(), t.stopPropagation && e.stopImmediatePropagation(), t.onPaste.call(this, n, event), a.firstCharTime = 0, a.lastCharTime = 0, r._validateScanCode(this, n));
+        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));
       },
       /**
        * @private
@@ -545,8 +579,8 @@ var B = { exports: {} };
        * @return void
        */
       _handleKeyUp: function(e) {
-        if (!r._isFocusOnIgnoredElement(this)) {
-          var t = r._getNormalizedKeyNum(e);
+        if (!s._isFocusOnIgnoredElement(this)) {
+          var t = s._getNormalizedKeyNum(e);
           t == this.scannerDetectionData.options.scanButtonKeyCode && (clearTimeout(this.scannerDetectionData.vars.longPressTimer), this.scannerDetectionData.vars.longPressed = !1);
         }
       },
@@ -569,41 +603,42 @@ var B = { exports: {} };
         return e.scannerDetectionData !== void 0;
       }
     };
-    return r;
+    return s;
   });
-})(B);
-var he = B.exports;
-const b = /* @__PURE__ */ pe(he), ve = { id: "scan_input" }, _e = /* @__PURE__ */ d({
+})(V);
+var Pe = V.exports;
+const k = /* @__PURE__ */ Te(Pe), $e = { id: "scan_input" }, De = /* @__PURE__ */ u({
   __name: "ScanInput",
   props: {
     scanHandler: { type: Function }
   },
   emits: ["scanInstance"],
-  setup(s, { emit: o }) {
-    const r = o, e = s;
-    return D(() => {
-      const t = b.attachTo(window, { onScan: e.scanHandler });
-      r("scanInstance", t);
-    }), $(() => {
-      b.detachFrom(window);
-    }), (t, a) => (i(), u("div", ve));
+  setup(r, { emit: n }) {
+    const s = n, e = r;
+    return S(() => {
+      const t = k.attachTo(window, { onScan: e.scanHandler });
+      s("scanInstance", t);
+    }), L(() => {
+      k.detachFrom(window);
+    }), (t, o) => (c(), d("div", $e));
   }
 });
-function Ce(s) {
-  s.component("ActionFooter", Q), s.component("BeamModal", R), s.component("BeamModalOutlet", G), s.component("Confirm", X), s.component("ItemCheck", K), s.component("ItemCount", L), s.component("ListAnchor", se), s.component("ListItem", C), s.component("ListView", le), s.component("Navbar", me), s.component("ScanInput", _e);
+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);
 }
 export {
-  Q as ActionFooter,
-  R as BeamModal,
-  G as BeamModalOutlet,
-  X as Confirm,
-  K as ItemCheck,
-  L as ItemCount,
-  se as ListAnchor,
+  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,
-  le as ListView,
-  me as Navbar,
-  _e as ScanInput,
-  Ce as install
+  ye as ListView,
+  we as Navbar,
+  De as ScanInput,
+  Le as install
 };
 //# sourceMappingURL=beam.js.map