@stonecrop/beam 0.2.45 → 0.2.47

package/dist/beam.js

@@ -1,116 +1,116 @@
-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({
+import { defineComponent as u, openBlock as c, createElementBlock as l, createElementVNode as i, renderSlot as m, createTextVNode as b, normalizeClass as k, toDisplayString as _, createStaticVNode as N, resolveComponent as $, createBlock as h, withCtx as T, withDirectives as P, vShow as A, useModel as D, vModelCheckbox as x, mergeModels as z, computed as I, createCommentVNode as y, ref as O, onMounted as K, onUnmounted as L, Fragment as j, renderList as H, resolveDynamicComponent as U, createVNode as M, normalizeStyle as C } from "vue";
+const Q = { class: "beam_action-footer" }, R = { class: "footer-action-wrapper" }, q = /* @__PURE__ */ u({
   __name: "ActionFooter",
   emits: ["click"],
-  setup(r, { emit: o }) {
-    const s = o, e = () => {
-      s("click");
+  setup(a, { emit: n }) {
+    const r = n, e = () => {
+      r("click");
     };
-    return (t, a) => (c(), u("footer", H, [
-      i("span", Q, [
+    return (t, s) => (c(), l("footer", Q, [
+      i("span", R, [
         i("button", {
-          class: "footer-action btn",
+          class: "beam_btn",
           onClick: e
         }, [
-          _(t.$slots, "default")
+          m(t.$slots, "default")
         ])
       ])
     ]));
   }
-}), q = { class: "beam_metadata" }, G = { class: "beam_metadata_content" }, W = { class: "beam_metadata_block" }, Y = { class: "beam_metadata_heading" }, J = /* @__PURE__ */ d({
+}), G = { class: "beam_metadata" }, W = { class: "beam_metadata_content" }, Y = { class: "beam_metadata_block" }, J = { class: "beam_metadata_heading" }, X = /* @__PURE__ */ u({
   __name: "BeamMetadata",
   props: {
     order: {}
   },
-  setup(r) {
-    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: ")),
+  setup(a) {
+    return (n, r) => (c(), l("div", G, [
+      i("div", W, [
+        m(n.$slots, "default", {}, () => [
+          r[1] || (r[1] = i("div", { class: "beam_metadata_header beam_metadata--two-column" }, null, -1)),
+          i("div", Y, [
+            i("p", J, [
+              r[0] || (r[0] = b(" Status: ")),
               i("span", {
-                class: k([{ alert: !o.order.complete }, "beam_metadata--normal"])
-              }, p(o.order.complete ? "Complete" : "In Progress"), 3)
+                class: k([{ alert: !n.order.complete }, "beam_metadata--normal"])
+              }, _(n.order.complete ? "Complete" : "In Progress"), 3)
             ])
           ]),
-          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))
+          r[2] || (r[2] = N('<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_source"><p class="beam_metadata_heading">Receiving</p></div></div>', 1))
         ])
       ])
     ]));
   }
-}), X = { class: "beam__modal" }, Z = /* @__PURE__ */ d({
+}), Z = { class: "beam_modal" }, ee = /* @__PURE__ */ u({
   __name: "BeamModal",
   props: {
     showModal: { type: Boolean }
   },
-  setup(r) {
-    return (o, s) => {
-      const e = T("portal");
-      return c(), v(e, { to: "beam__modal_outlet" }, {
-        default: P(() => [
-          $(i("div", X, [
+  setup(a) {
+    return (n, r) => {
+      const e = $("portal");
+      return c(), h(e, { to: "beam_modal_outlet" }, {
+        default: T(() => [
+          P(i("div", Z, [
             i("button", {
-              class: "btn",
-              onClick: s[0] || (s[0] = (t) => o.$emit("closemodal"))
+              class: "beam_btn",
+              onClick: r[0] || (r[0] = (t) => n.$emit("closemodal"))
             }, "Close Modal"),
-            _(o.$slots, "default", {
-              onClosemodal: s[1] || (s[1] = (t) => o.$emit("closemodal")),
-              onConfirmmodal: s[2] || (s[2] = (t) => o.$emit("confirmmodal"))
+            m(n.$slots, "default", {
+              onClosemodal: r[1] || (r[1] = (t) => n.$emit("closemodal")),
+              onConfirmmodal: r[2] || (r[2] = (t) => n.$emit("confirmmodal"))
             })
           ], 512), [
-            [E, o.showModal]
+            [A, n.showModal]
           ])
         ]),
         _: 3
       });
     };
   }
-}), ee = /* @__PURE__ */ d({
+}), te = /* @__PURE__ */ u({
   __name: "BeamModalOutlet",
   emits: ["confirmmodal", "closemodal"],
-  setup(r) {
-    return (o, s) => {
-      const e = T("portal-target");
-      return c(), v(e, { name: "beam__modal_outlet" });
+  setup(a) {
+    return (n, r) => {
+      const e = $("portal-target");
+      return c(), h(e, { name: "beam_modal_outlet" });
     };
   }
-}), K = (r, o) => {
-  const s = r.__vccOpts || r;
-  for (const [e, t] of o)
-    s[e] = t;
-  return s;
-}, 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)),
+}), v = (a, n) => {
+  const r = a.__vccOpts || a;
+  for (const [e, t] of n)
+    r[e] = t;
+  return r;
+}, ne = {}, ae = { class: "beam_modal-confirm" };
+function oe(a, n) {
+  return c(), l("div", ae, [
+    n[2] || (n[2] = i("h2", null, "Would you like to continue?", -1)),
     i("button", {
-      class: "btn",
-      onClick: o[0] || (o[0] = (s) => r.$emit("confirmmodal"))
+      class: "beam_btn",
+      onClick: n[0] || (n[0] = (r) => a.$emit("confirmmodal"))
     }, "Yes"),
     i("button", {
-      class: "btn",
-      onClick: o[1] || (o[1] = (s) => r.$emit("closemodal"))
+      class: "beam_btn",
+      onClick: n[1] || (n[1] = (r) => a.$emit("closemodal"))
     }, "No")
   ]);
 }
-const oe = /* @__PURE__ */ K(te, [["render", ae]]), se = { class: "container" }, re = /* @__PURE__ */ d({
+const se = /* @__PURE__ */ v(ne, [["render", oe]]), re = { class: "container" }, ie = /* @__PURE__ */ u({
   __name: "ItemCheck",
   props: {
     modelValue: { type: Boolean, default: !1 },
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(r) {
-    const o = D(r, "modelValue");
-    return (s, e) => (c(), u("label", se, [
-      $(i("input", {
+  setup(a) {
+    const n = D(a, "modelValue");
+    return (r, e) => (c(), l("label", re, [
+      P(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), [
-        [F, o.value]
+        [x, n.value]
       ]),
       e[1] || (e[1] = i("div", {
         class: "checkmark",
@@ -118,9 +118,9 @@ const oe = /* @__PURE__ */ K(te, [["render", ae]]), se = { class: "container" },
       }, null, -1))
     ]));
   }
-}), L = /* @__PURE__ */ K(re, [["__scopeId", "data-v-f44a510e"]]), ie = { class: "beam__itemcount" }, ce = ["contenteditable"], le = { key: 0 }, I = /* @__PURE__ */ d({
+}), V = /* @__PURE__ */ v(ie, [["__scopeId", "data-v-f44a510e"]]), ce = { class: "beam_item-count" }, le = ["contenteditable"], ue = { key: 0 }, E = /* @__PURE__ */ u({
   __name: "ItemCount",
-  props: /* @__PURE__ */ N({
+  props: /* @__PURE__ */ z({
     denominator: {},
     uom: { default: "" },
     editable: { type: Boolean, default: !0 }
@@ -129,137 +129,143 @@ const oe = /* @__PURE__ */ K(te, [["render", ae]]), se = { class: "container" },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(r) {
-    const o = D(r, "modelValue"), s = x(() => o.value === r.denominator), e = (t) => {
+  setup(a) {
+    const n = D(a, "modelValue"), r = I(() => n.value === a.denominator), e = (t) => {
       t.preventDefault(), t.stopPropagation();
-      const a = Number(t.target.innerHTML) || 0;
-      o.value = Math.min(a, r.denominator);
+      const s = Number(t.target.innerHTML) || 0;
+      n.value = Math.min(s, a.denominator);
     };
-    return (t, a) => (c(), u("div", ie, [
+    return (t, s) => (c(), l("div", ce, [
       i("span", {
         contenteditable: t.editable,
-        class: k({ alert: !s.value }),
+        class: k({ "beam--alert": !r.value }),
         onInput: e,
         onClick: e
-      }, p(o.value), 43, ce),
-      i("span", null, "/" + p(t.denominator), 1),
-      t.uom ? (c(), u("span", le, "  " + p(t.uom), 1)) : y("", !0)
+      }, _(n.value), 43, le),
+      i("span", null, "/" + _(t.denominator), 1),
+      t.uom ? (c(), l("span", ue, "  " + _(t.uom), 1)) : y("", !0)
     ]));
   }
-}), ue = ["href"], de = /* @__PURE__ */ d({
+}), de = ["href"], me = /* @__PURE__ */ u({
   __name: "ListAnchor",
   props: {
     to: { default: "" }
   },
-  setup(r) {
-    return (o, s) => (c(), u("a", {
-      href: o.to,
-      class: "beam__listanchor"
+  setup(a) {
+    return (n, r) => (c(), l("a", {
+      href: n.to,
+      class: "beam_list-anchor"
     }, [
-      _(o.$slots, "default")
-    ], 8, ue));
+      m(n.$slots, "default")
+    ], 8, de));
   }
-}), me = {
+}), fe = {
   tabindex: "0",
-  class: "beam__listitem"
-}, fe = { class: "beam__listtext" }, b = /* @__PURE__ */ d({
+  class: "beam_list-item"
+}, _e = { class: "beam_list-text" }, pe = { class: "beam--bold" }, w = /* @__PURE__ */ u({
   __name: "ListItem",
   props: {
     item: {}
   },
-  setup(r) {
-    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)
+  setup(a) {
+    const n = O(a.item);
+    return (r, e) => (c(), l("li", fe, [
+      i("div", _e, [
+        i("label", pe, _(n.value.label), 1),
+        i("p", null, _(n.value.description), 1)
       ]),
-      o.value.count ? (c(), v(I, {
+      n.value.count ? (c(), h(E, {
         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") ? (c(), v(L, {
+      n.value.hasOwnProperty("checked") ? (c(), h(V, {
         key: 1,
-        modelValue: o.value.checked,
-        "onUpdate:modelValue": e[1] || (e[1] = (t) => o.value.checked = t)
+        modelValue: n.value.checked,
+        "onUpdate:modelValue": e[1] || (e[1] = (t) => n.value.checked = t)
       }, null, 8, ["modelValue"])) : y("", !0)
     ]));
   }
-}), pe = { class: "beam__listview" }, _e = /* @__PURE__ */ d({
+}), he = { class: "beam_list-view" }, ve = /* @__PURE__ */ u({
   __name: "ListView",
   props: {
     items: {}
   },
   emits: ["scrollbottom"],
-  setup(r, { emit: o }) {
-    const s = o;
-    S(() => {
+  setup(a, { emit: n }) {
+    const r = n;
+    K(() => {
       window.addEventListener("scroll", e);
-    }), B(() => {
+    }), L(() => {
       window.removeEventListener("scroll", e);
     });
     const e = () => {
-      const t = document.documentElement.scrollHeight - window.innerHeight, a = document.documentElement.scrollTop;
-      t - a <= 2 && s("scrollbottom");
+      const t = document.documentElement.scrollHeight - window.innerHeight, s = document.documentElement.scrollTop;
+      t - s <= 2 && r("scrollbottom");
     };
-    return (t, a) => (c(), u("ul", pe, [
-      (c(!0), u(z, null, O(t.items, (n) => (c(), u("li", {
-        key: n.label
+    return (t, s) => (c(), l("ul", he, [
+      (c(!0), l(j, null, H(t.items, (o) => (c(), l("li", {
+        key: o.label
       }, [
-        n.linkComponent ? (c(), v(U(n.linkComponent), {
+        o.linkComponent ? (c(), h(U(o.linkComponent), {
           key: 0,
-          to: n.route,
+          to: o.route,
           tabindex: "-1"
         }, {
-          default: P(() => [
-            j(b, { item: n }, null, 8, ["item"])
+          default: T(() => [
+            M(w, { item: o }, null, 8, ["item"])
           ]),
           _: 2
-        }, 1032, ["to"])) : (c(), v(b, {
+        }, 1032, ["to"])) : (c(), h(w, {
           key: 1,
-          item: n
+          item: o
         }, null, 8, ["item"]))
       ]))), 128))
     ]));
   }
-}), ve = { class: "beam__navbar" }, he = { class: "navbar-action-wrapper" }, ye = /* @__PURE__ */ d({
+}), be = { class: "beam_navbar" }, ge = /* @__PURE__ */ u({
   __name: "Navbar",
   emits: ["click"],
-  setup(r, { emit: o }) {
-    const s = o, e = () => {
-      s("click");
+  setup(a, { emit: n }) {
+    const r = n, e = () => {
+      r("click");
     };
-    return (t, a) => (c(), u("nav", ve, [
-      _(t.$slots, "title", {}, () => [
-        a[0] || (a[0] = i("h1", { class: "nav-title" }, "TITLE", -1))
-      ]),
-      i("div", he, [
+    return (t, s) => {
+      const o = $("BeamHeading");
+      return c(), l("nav", be, [
+        m(t.$slots, "title", {}, () => [
+          M(o, null, {
+            default: T(() => s[0] || (s[0] = [
+              b("TITLE")
+            ])),
+            _: 1
+          })
+        ]),
         i("button", {
-          class: "navbar-action btn",
+          class: "navbar-action beam_btn",
           onClick: e
         }, [
-          _(t.$slots, "navbaraction", {}, () => [
-            a[1] || (a[1] = w("Action"))
+          m(t.$slots, "navbaraction", {}, () => [
+            s[1] || (s[1] = b("Action"))
           ])
         ])
-      ])
-    ]));
+      ]);
+    };
   }
 });
-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 ye = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function Ce(a) {
+  return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
-var V = { exports: {} };
-(function(r, o) {
-  (function(s, e) {
-    r.exports = e();
-  })(be, function() {
-    var s = {
+var F = { exports: {} };
+(function(a, n) {
+  (function(r, e) {
+    a.exports = e();
+  })(ye, function() {
+    var r = {
       /**
        * 
        * @param DomElement oDomElement
@@ -269,24 +275,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 a = {
-          onScan: function(n, l) {
+        var s = {
+          onScan: function(o, d) {
           },
           // Callback after detection of a successfull scanning:  function(){sScancode, iCount)}()
-          onScanError: function(n) {
+          onScanError: function(o) {
           },
           // Callback after detection of a unsuccessfull scanning (scanned string in parameter)
-          onKeyProcess: function(n, l) {
+          onKeyProcess: function(o, d) {
           },
           // Callback after receiving and processing a char (scanned char in parameter)
-          onKeyDetect: function(n, l) {
+          onKeyDetect: function(o, d) {
           },
           // 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(o, d) {
           },
           // Callback after receiving a value on paste, no matter if it is a valid code or not
-          keyCodeMapper: function(n) {
-            return s.decodeKeyEvent(n);
+          keyCodeMapper: function(o) {
+            return r.decodeKeyEvent(o);
           },
           // 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() {
@@ -321,7 +327,7 @@ var V = { 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(s, t), e.scannerDetectionData = {
           options: t,
           vars: {
             firstCharTime: 0,
@@ -399,16 +405,16 @@ var V = { exports: {} };
           case (t >= 106 && t <= 111):
             if (e.key !== void 0 && e.key !== "")
               return e.key;
-            var a = String.fromCharCode(t);
+            var s = String.fromCharCode(t);
             switch (e.shiftKey) {
               case !1:
-                a = a.toLowerCase();
+                s = s.toLowerCase();
                 break;
               case !0:
-                a = a.toUpperCase();
+                s = s.toUpperCase();
                 break;
             }
-            return a;
+            return s;
           case (t >= 96 && t <= 105):
             return 0 + (t - 96);
         }
@@ -431,11 +437,11 @@ var V = { 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);
-          document.dispatchEvent(l);
+        return this._reinitialize(e), Array.isArray(t) ? t.forEach(function(s) {
+          var o = {};
+          (typeof s == "object" || typeof s == "function") && s !== null ? o = s : o.keyCode = parseInt(s);
+          var d = new KeyboardEvent("keydown", o);
+          document.dispatchEvent(d);
         }) : this._validateScanCode(e, t), this;
       },
       /**
@@ -456,12 +462,12 @@ var V = { exports: {} };
         var t = e.scannerDetectionData.options.ignoreIfFocusOn;
         if (!t)
           return !1;
-        var a = document.activeElement;
+        var s = document.activeElement;
         if (Array.isArray(t)) {
-          for (var n = 0; n < t.length; n++)
-            if (a.matches(t[n]) === !0)
+          for (var o = 0; o < t.length; o++)
+            if (s.matches(t[o]) === !0)
               return !0;
-        } else if (a.matches(t))
+        } else if (s.matches(t))
           return !0;
         return !1;
       },
@@ -473,33 +479,33 @@ var V = { 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 = {}, h;
+        var s = e.scannerDetectionData, o = s.options, d = s.options.singleScanQty, p = s.vars.firstCharTime, B = s.vars.lastCharTime, f = {}, g;
         switch (!0) {
-          case t.length < n.minLength:
-            m = {
+          case t.length < o.minLength:
+            f = {
               message: "Receieved code is shorter then minimal length"
             };
             break;
-          case g - f > t.length * n.avgTimeByChar:
-            m = {
+          case B - p > t.length * o.avgTimeByChar:
+            f = {
               message: "Receieved code was not entered in time"
             };
             break;
           default:
-            return n.onScan.call(e, t, l), h = new CustomEvent(
+            return o.onScan.call(e, t, d), g = new CustomEvent(
               "scan",
               {
                 detail: {
                   scanCode: t,
-                  qty: l
+                  qty: d
                 }
               }
-            ), e.dispatchEvent(h), s._reinitialize(e), !0;
+            ), e.dispatchEvent(g), r._reinitialize(e), !0;
         }
-        return m.scanCode = t, m.scanDuration = g - f, m.avgTimeByChar = n.avgTimeByChar, m.minLength = n.minLength, n.onScanError.call(e, m), h = new CustomEvent(
+        return f.scanCode = t, f.scanDuration = B - p, f.avgTimeByChar = o.avgTimeByChar, f.minLength = o.minLength, o.onScanError.call(e, f), g = new CustomEvent(
           "scanError",
-          { detail: m }
-        ), e.dispatchEvent(h), s._reinitialize(e), !1;
+          { detail: f }
+        ), e.dispatchEvent(g), r._reinitialize(e), !1;
       },
       /**
        * @private
@@ -508,12 +514,12 @@ var V = { 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 s = {}, o;
+        for (o in e)
+          Object.prototype.hasOwnProperty.call(e, o) && (s[o] = e[o]);
+        for (o in t)
+          Object.prototype.hasOwnProperty.call(t, o) && (s[o] = t[o]);
+        return s;
       },
       /**
        * @private
@@ -530,27 +536,27 @@ var V = { exports: {} };
        * @return void
        */
       _handleKeyDown: function(e) {
-        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);
+        var t = r._getNormalizedKeyNum(e), s = this.scannerDetectionData.options, o = this.scannerDetectionData.vars, d = !1;
+        if (s.onKeyDetect.call(this, t, e) !== !1 && !r._isFocusOnIgnoredElement(this)) {
+          if (s.scanButtonKeyCode !== !1 && t == s.scanButtonKeyCode) {
+            o.longPressed || (o.longPressTimer = setTimeout(s.onScanButtonLongPress, s.scanButtonLongPressTime, this), o.longPressed = !0);
             return;
           }
           switch (!0) {
-            case (n.firstCharTime && a.suffixKeyCodes.indexOf(t) !== -1):
-              e.preventDefault(), e.stopImmediatePropagation(), l = !0;
+            case (o.firstCharTime && s.suffixKeyCodes.indexOf(t) !== -1):
+              e.preventDefault(), e.stopImmediatePropagation(), d = !0;
               break;
-            case (!n.firstCharTime && a.prefixKeyCodes.indexOf(t) !== -1):
-              e.preventDefault(), e.stopImmediatePropagation(), l = !1;
+            case (!o.firstCharTime && s.prefixKeyCodes.indexOf(t) !== -1):
+              e.preventDefault(), e.stopImmediatePropagation(), d = !1;
               break;
             default:
-              var f = a.keyCodeMapper.call(this, e);
-              if (f === null)
+              var p = s.keyCodeMapper.call(this, e);
+              if (p === null)
                 return;
-              n.accumulatedString += f, a.preventDefault && e.preventDefault(), a.stopPropagation && e.stopImmediatePropagation(), l = !1;
+              o.accumulatedString += p, s.preventDefault && e.preventDefault(), s.stopPropagation && e.stopImmediatePropagation(), d = !1;
               break;
           }
-          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);
+          o.firstCharTime || (o.firstCharTime = Date.now()), o.lastCharTime = Date.now(), o.testTimer && clearTimeout(o.testTimer), d ? (r._validateScanCode(this, o.accumulatedString), o.testTimer = !1) : o.testTimer = setTimeout(r._validateScanCode, s.timeBeforeScanTest, this, o.accumulatedString), s.onKeyProcess.call(this, p, e);
         }
       },
       /**
@@ -559,8 +565,8 @@ var V = { exports: {} };
        * @return void
        */
       _handlePaste: function(e) {
-        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));
+        var t = this.scannerDetectionData.options, s = this.scannerDetectionData.vars, o = (event.clipboardData || window.clipboardData).getData("text");
+        r._isFocusOnIgnoredElement(this) || (e.preventDefault(), t.stopPropagation && e.stopImmediatePropagation(), t.onPaste.call(this, o, event), s.firstCharTime = 0, s.lastCharTime = 0, r._validateScanCode(this, o));
       },
       /**
        * @private
@@ -568,8 +574,8 @@ var V = { exports: {} };
        * @return void
        */
       _handleKeyUp: function(e) {
-        if (!s._isFocusOnIgnoredElement(this)) {
-          var t = s._getNormalizedKeyNum(e);
+        if (!r._isFocusOnIgnoredElement(this)) {
+          var t = r._getNormalizedKeyNum(e);
           t == this.scannerDetectionData.options.scanButtonKeyCode && (clearTimeout(this.scannerDetectionData.vars.longPressTimer), this.scannerDetectionData.vars.longPressed = !1);
         }
       },
@@ -592,42 +598,126 @@ var V = { exports: {} };
         return e.scannerDetectionData !== void 0;
       }
     };
-    return s;
+    return r;
   });
-})(V);
-var Ce = V.exports;
-const C = /* @__PURE__ */ ge(Ce), we = { id: "scan_input" }, ke = /* @__PURE__ */ d({
+})(F);
+var we = F.exports;
+const S = /* @__PURE__ */ Ce(we), ke = { id: "scan_input" }, $e = /* @__PURE__ */ u({
   __name: "ScanInput",
   props: {
     scanHandler: { type: Function }
   },
   emits: ["scanInstance"],
-  setup(r, { emit: o }) {
-    const s = o, e = r;
-    return S(() => {
-      const t = C.attachTo(window, { onScan: e.scanHandler });
-      s("scanInstance", t);
-    }), B(() => {
-      C.detachFrom(window);
-    }), (t, a) => (c(), u("div", we));
+  setup(a, { emit: n }) {
+    const r = n, e = a;
+    return K(() => {
+      const t = S.attachTo(window, { onScan: e.scanHandler });
+      r("scanInstance", t);
+    }), L(() => {
+      S.detachFrom(window);
+    }), (t, s) => (c(), l("div", ke));
+  }
+}), Te = { class: "column column-left" }, Be = { class: "column column-right" }, Se = /* @__PURE__ */ u({
+  __name: "SplitColumn",
+  props: {
+    justifyContent: {},
+    alignItems: {}
+  },
+  setup(a) {
+    return (n, r) => (c(), l("div", {
+      class: "two-column",
+      style: C({ justifyContent: n.justifyContent || "space-between", alignItems: n.alignItems || "flex-start" })
+    }, [
+      i("div", Te, [
+        m(n.$slots, "left", {}, void 0, !0)
+      ]),
+      i("div", Be, [
+        m(n.$slots, "right", {}, void 0, !0)
+      ])
+    ], 4));
+  }
+}), Pe = /* @__PURE__ */ v(Se, [["__scopeId", "data-v-5d4573e9"]]), De = {}, Ie = { class: "beam_header" };
+function Ke(a, n) {
+  return c(), l("h1", Ie, [
+    m(a.$slots, "default")
+  ]);
+}
+const Le = /* @__PURE__ */ v(De, [["render", Ke]]), Me = { class: "beam_metadata_arrow" }, Ve = { class: "beam_metadata_arrow-head" }, Ee = {
+  id: "Layer_1",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 6.74 7.78"
+}, Fe = /* @__PURE__ */ u({
+  __name: "BeamArrow",
+  props: {
+    color: String
+  },
+  setup(a) {
+    return (n, r) => (c(), l("div", Me, [
+      i("div", {
+        class: "beam_metadata_arrow-body",
+        style: C({ background: a.color || "#c4c4c4" })
+      }, null, 4),
+      i("div", Ve, [
+        (c(), l("svg", Ee, [
+          i("polygon", {
+            points: "6.74 3.89 0 0 0 7.78 6.74 3.89",
+            style: C([{ fill: "#c4c4c4" }, { fill: a.color || "#c4c4c4" }])
+          }, null, 4)
+        ]))
+      ])
+    ]));
+  }
+}), Ne = /* @__PURE__ */ v(Fe, [["__scopeId", "data-v-e3223427"]]), Ae = {}, xe = { class: "beam_btn" };
+function ze(a, n) {
+  return c(), l("button", xe, [
+    m(a.$slots, "default", {}, () => [
+      n[0] || (n[0] = b("Action"))
+    ])
+  ]);
+}
+const Oe = /* @__PURE__ */ v(Ae, [["render", ze]]), je = { class: "beam_metadata_heading" }, He = /* @__PURE__ */ u({
+  __name: "BeamProgress",
+  props: {
+    label: {
+      type: String,
+      default: "Status"
+    },
+    progressMessage: {
+      type: String,
+      default: "In Progress"
+    },
+    completeMessage: {
+      type: String,
+      default: "Complete"
+    },
+    complete: Boolean
+  },
+  setup(a) {
+    const n = a, r = I(() => n.complete ? n.completeMessage : n.progressMessage);
+    return (e, t) => (c(), l("p", je, [
+      b(_(a.label) + ": ", 1),
+      i("span", {
+        class: k([{ "beam--alert": !a.complete }, "beam--normal"])
+      }, _(r.value), 3)
+    ]));
   }
 });
-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);
+function Qe(a) {
+  a.component("ActionFooter", q), a.component("BeamMetadata", X), a.component("BeamModal", ee), a.component("BeamModalOutlet", te), a.component("Confirm", se), a.component("ItemCheck", V), a.component("ItemCount", E), a.component("ListAnchor", me), a.component("ListItem", w), a.component("ListView", ve), a.component("Navbar", ge), a.component("ScanInput", $e), a.component("SplitColumn", Pe), a.component("BeamHeading", Le), a.component("BeamArrow", Ne), a.component("BeamBtn", Oe), a.component("BeamProgress", He);
 }
 export {
-  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
+  q as ActionFooter,
+  X as BeamMetadata,
+  ee as BeamModal,
+  te as BeamModalOutlet,
+  se as Confirm,
+  V as ItemCheck,
+  E as ItemCount,
+  me as ListAnchor,
+  w as ListItem,
+  ve as ListView,
+  ge as Navbar,
+  $e as ScanInput,
+  Qe as install
 };
 //# sourceMappingURL=beam.js.map