@stonecrop/beam 0.4.4 → 0.4.5

package/dist/beam.js

@@ -13,7 +13,7 @@ var Ar = (e, n, t, a) => ({
     return R(e, n, a);
   }
 });
-import { defineComponent as ze, resolveComponent as yt, openBlock as Oe, createElementBlock as Me, createElementVNode as Pe, createVNode as vt, withCtx as wt, renderSlot as lt, normalizeStyle as ur, createTextVNode as _t, computed as Hr, Fragment as Dr, toDisplayString as at, useTemplateRef as eo, ref as Ot, onMounted as Kr, renderList as zo, normalizeClass as Sr, createCommentVNode as Er, createStaticVNode as Ha, createBlock as Zt, withDirectives as Yo, vShow as Ka, useModel as Qo, vModelCheckbox as za, unref as Ya, mergeModels as Qa, withModifiers as to, watch as Ga, onUnmounted as ji, resolveDynamicComponent as Ja } from "vue";
+import { defineComponent as ze, resolveComponent as yt, openBlock as Pe, createElementBlock as Me, createElementVNode as Oe, createVNode as vt, withCtx as wt, renderSlot as lt, normalizeStyle as ur, createTextVNode as _t, computed as Hr, Fragment as Dr, toDisplayString as at, useTemplateRef as eo, ref as Ot, onMounted as Kr, renderList as zo, normalizeClass as Sr, createCommentVNode as Er, createStaticVNode as Ha, createBlock as Zt, withDirectives as Yo, vShow as Ka, useModel as Qo, vModelCheckbox as za, unref as Ya, mergeModels as Qa, withModifiers as to, watch as Ga, onUnmounted as ji, resolveDynamicComponent as Ja } from "vue";
 const Za = { class: "beam_action-footer" }, Xa = { class: "footer-action-wrapper" }, el = /* @__PURE__ */ ze({
   __name: "ActionFooter",
   emits: ["click"],
@@ -23,8 +23,8 @@ const Za = { class: "beam_action-footer" }, Xa = { class: "footer-action-wrapper
     };
     return (u, i) => {
       const r = yt("BeamBtn");
-      return Oe(), Me("footer", Za, [
-        Pe("span", Xa, [
+      return Pe(), Me("footer", Za, [
+        Oe("span", Xa, [
           vt(r, { onClick: a }, {
             default: wt(() => [
               lt(u.$slots, "default", {}, void 0, !0)
@@ -50,14 +50,14 @@ const Za = { class: "beam_action-footer" }, Xa = { class: "footer-action-wrapper
     color: {}
   },
   setup(e) {
-    return (n, t) => (Oe(), Me("div", rl, [
-      Pe("div", {
+    return (n, t) => (Pe(), Me("div", rl, [
+      Oe("div", {
         class: "beam_metadata_arrow-body",
         style: ur({ background: n.color || "#c4c4c4" })
       }, null, 4),
-      Pe("div", nl, [
-        (Oe(), Me("svg", il, [
-          Pe("polygon", {
+      Oe("div", nl, [
+        (Pe(), Me("svg", il, [
+          Oe("polygon", {
             points: "6.74 3.89 0 0 0 7.78 6.74 3.89",
             style: ur([{ fill: "#c4c4c4" }, { fill: n.color || "#c4c4c4" }])
           }, null, 4)
@@ -67,7 +67,7 @@ const Za = { class: "beam_action-footer" }, Xa = { class: "footer-action-wrapper
   }
 }), sl = /* @__PURE__ */ He(ol, [["__scopeId", "data-v-94fbdac5"]]), al = {}, ll = { class: "beam_btn" };
 function ul(e, n) {
-  return Oe(), Me("button", ll, [
+  return Pe(), Me("button", ll, [
     lt(e.$slots, "default", {}, () => [
       n[0] || (n[0] = _t("Action"))
     ], !0)
@@ -90,21 +90,21 @@ const hl = /* @__PURE__ */ He(al, [["render", ul], ["__scopeId", "data-v-bc76859
         }
       return t.toDateString();
     });
-    return (t, a) => (Oe(), Me(Dr, null, [
-      Pe("div", cl, [
-        Pe("h2", null, at(n.value), 1)
+    return (t, a) => (Pe(), Me(Dr, null, [
+      Oe("div", cl, [
+        Oe("h2", null, at(n.value), 1)
       ]),
       lt(t.$slots, "default", {}, void 0, !0)
     ], 64));
   }
-}), Go = /* @__PURE__ */ He(fl, [["__scopeId", "data-v-cfb94717"]]), dl = { class: "beam_filters-options" }, pl = /* @__PURE__ */ ze({
+}), Go = /* @__PURE__ */ He(fl, [["__scopeId", "data-v-160cf6ef"]]), dl = { class: "beam_filters-options" }, pl = /* @__PURE__ */ ze({
   __name: "BeamFilter",
   setup(e) {
     const n = eo("beam-filters-header"), t = eo("beam-filters"), a = Ot(!1), u = Ot(), i = Ot(), r = () => {
       a.value = !a.value;
     };
     Kr(() => {
-      u.value = s(n.value), i.value = s(t.value), t.value.style.height = u.value;
+      n.value && t.value && (u.value = s(n.value), i.value = s(t.value), t.value.style.height = u.value);
     });
     const s = (o) => {
       const l = o.getBoundingClientRect().height, f = parseInt(getComputedStyle(o).marginTop), p = parseInt(getComputedStyle(o).marginBottom);
@@ -112,12 +112,12 @@ const hl = /* @__PURE__ */ He(al, [["render", ul], ["__scopeId", "data-v-bc76859
     };
     return (o, l) => {
       const f = yt("ToggleArrow"), p = yt("BeamHeading");
-      return Oe(), Me("div", {
+      return Pe(), Me("div", {
         ref: "beam-filters",
         class: "beam_filters",
         style: ur({ height: a.value ? "100%" : u.value })
       }, [
-        Pe("div", {
+        Oe("div", {
           ref: "beam-filters-header",
           onClick: r,
           class: "beam_filters-heading"
@@ -125,23 +125,18 @@ const hl = /* @__PURE__ */ He(al, [["render", ul], ["__scopeId", "data-v-bc76859
           vt(f, { open: a.value }, null, 8, ["open"]),
           vt(p, null, {
             default: wt(() => l[0] || (l[0] = [
-              _t(" Filter ")
+              _t("Filter")
             ])),
             _: 1
           })
         ], 512),
-        Pe("div", dl, [
-          lt(o.$slots, "default", {}, () => [
-            l[1] || (l[1] = Pe("p", null, "OPTIONS GO HERE", -1))
-          ], !0)
+        Oe("div", dl, [
+          lt(o.$slots, "default", {}, void 0, !0)
         ])
       ], 4);
     };
   }
-}), gl = /* @__PURE__ */ He(pl, [["__scopeId", "data-v-dffafb60"]]), ml = {
-  ref: "select",
-  class: "beam_filter-option-select"
-}, bl = { class: "beam_filter-label" }, yl = {
+}), gl = /* @__PURE__ */ He(pl, [["__scopeId", "data-v-1064c704"]]), ml = { class: "beam_filter-option-select" }, bl = { class: "beam_filter-label" }, yl = {
   key: 0,
   ref: "menu",
   class: "beam_filter-select-menu"
@@ -151,53 +146,52 @@ const hl = /* @__PURE__ */ He(al, [["render", ul], ["__scopeId", "data-v-bc76859
     choices: { default: () => [] },
     title: { default: "title" }
   },
-  setup(e) {
-    const n = Ot(!1), t = Ot(e.choices[0].value), a = Ot(e.choices[0].choice), u = (r) => {
-      a.value = r.choice, t.value = r.value;
-    }, i = () => {
-      n.value = !n.value;
+  emits: ["select"],
+  setup(e, { emit: n }) {
+    const t = n, a = Ot(!1), u = Ot(e.choices[0].label), i = Ot(e.choices[0].value), r = (s) => {
+      u.value = s.label, i.value = s.value, t("select", s);
     };
-    return (r, s) => {
-      const o = yt("BeamHeading");
-      return Oe(), Me(Dr, null, [
-        vt(o, { class: "beam_filter-option-heading" }, {
+    return (s, o) => {
+      const l = yt("BeamHeading");
+      return Pe(), Me(Dr, null, [
+        vt(l, { class: "beam_filter-option-heading" }, {
           default: wt(() => [
-            _t(at(r.title), 1)
+            _t(at(s.title), 1)
           ]),
           _: 1
         }),
-        Pe("div", {
-          onClick: i,
+        Oe("div", {
+          onClick: o[0] || (o[0] = (f) => a.value = !a.value),
           class: "beam_filter-option"
         }, [
-          Pe("div", ml, [
-            s[0] || (s[0] = Pe("div", { class: "beam_filter-arrow" }, [
-              Pe("svg", {
+          Oe("div", ml, [
+            o[1] || (o[1] = Oe("div", { class: "beam_filter-arrow" }, [
+              Oe("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
                 viewBox: "0 0 35.36 70.71"
               }, [
-                Pe("polygon", { points: "0 70.71 0 0 35.36 35.36 0 70.71" })
+                Oe("polygon", { points: "0 70.71 0 0 35.36 35.36 0 70.71" })
               ])
             ], -1)),
-            Pe("div", bl, [
-              Pe("label", null, at(a.value), 1)
+            Oe("div", bl, [
+              Oe("label", null, at(u.value), 1)
             ])
-          ], 512),
-          n.value ? (Oe(), Me("ul", yl, [
-            (Oe(!0), Me(Dr, null, zo(r.choices, (l, f) => (Oe(), Me("li", {
-              class: Sr([{ selected: a.value == l.choice }, "beam_filter-select-option"]),
-              "data-value": l.value,
-              key: f,
-              onClick: (p) => u(l)
-            }, at(l.choice), 11, vl))), 128))
+          ]),
+          a.value ? (Pe(), Me("ul", yl, [
+            (Pe(!0), Me(Dr, null, zo(s.choices, (f) => (Pe(), Me("li", {
+              class: Sr([{ selected: u.value == f.label }, "beam_filter-select-option"]),
+              "data-value": f.value,
+              key: f.value,
+              onClick: (p) => r(f)
+            }, at(f.label), 11, vl))), 128))
           ], 512)) : Er("", !0)
         ])
       ], 64);
     };
   }
-}), _l = /* @__PURE__ */ He(wl, [["__scopeId", "data-v-0a5bb982"]]), El = {}, Sl = { class: "beam_header" };
+}), _l = /* @__PURE__ */ He(wl, [["__scopeId", "data-v-a10ab2da"]]), El = {}, Sl = { class: "beam_header" };
 function Al(e, n) {
-  return Oe(), Me("h1", Sl, [
+  return Pe(), Me("h1", Sl, [
     lt(e.$slots, "default", {}, void 0, !0)
   ]);
 }
@@ -207,14 +201,14 @@ const Il = /* @__PURE__ */ He(El, [["render", Al], ["__scopeId", "data-v-5182a4d
     order: {}
   },
   setup(e) {
-    return (n, t) => (Oe(), Me("div", Tl, [
-      Pe("div", kl, [
+    return (n, t) => (Pe(), Me("div", Tl, [
+      Oe("div", kl, [
         lt(n.$slots, "default", {}, () => [
-          t[1] || (t[1] = Pe("div", { class: "beam_metadata_header beam_metadata--two-column" }, null, -1)),
-          Pe("div", Cl, [
-            Pe("p", Pl, [
+          t[1] || (t[1] = Oe("div", { class: "beam_metadata_header beam_metadata--two-column" }, null, -1)),
+          Oe("div", Cl, [
+            Oe("p", Pl, [
               t[0] || (t[0] = _t(" Status: ")),
-              Pe("span", {
+              Oe("span", {
                 class: Sr([{ alert: !n.order.complete }, "beam_metadata--normal"])
               }, at(n.order.complete ? "Complete" : "In Progress"), 3)
             ])
@@ -222,7 +216,7 @@ const Il = /* @__PURE__ */ He(El, [["render", Al], ["__scopeId", "data-v-5182a4d
           t[2] || (t[2] = Ha('<div class="beam_metadata_shipping beam_metadata_block" data-v-80484331><div class="beam_metadata_source" data-v-80484331><p class="beam_metadata_heading" data-v-80484331>Source</p></div><div class="beam_metadata_source" data-v-80484331><p class="beam_metadata_heading" data-v-80484331>Receiving</p></div></div>', 1))
         ], !0)
       ]),
-      t[3] || (t[3] = Pe("hr", null, null, -1))
+      t[3] || (t[3] = Oe("hr", null, null, -1))
     ]));
   }
 }), Rl = /* @__PURE__ */ He(Ol, [["__scopeId", "data-v-80484331"]]), Bl = { class: "beam_modal" }, Ml = /* @__PURE__ */ ze({
@@ -233,9 +227,9 @@ const Il = /* @__PURE__ */ He(El, [["render", Al], ["__scopeId", "data-v-5182a4d
   setup(e) {
     return (n, t) => {
       const a = yt("BeamBtn"), u = yt("portal");
-      return Oe(), Zt(u, { to: "beam_modal_outlet" }, {
+      return Pe(), Zt(u, { to: "beam_modal_outlet" }, {
         default: wt(() => [
-          Yo(Pe("div", Bl, [
+          Yo(Oe("div", Bl, [
             vt(a, {
               onClick: t[0] || (t[0] = (i) => n.$emit("closemodal"))
             }, {
@@ -262,7 +256,7 @@ const Il = /* @__PURE__ */ He(El, [["render", Al], ["__scopeId", "data-v-5182a4d
   setup(e) {
     return (n, t) => {
       const a = yt("portal-target");
-      return Oe(), Zt(a, { name: "beam_modal_outlet" });
+      return Pe(), Zt(a, { name: "beam_modal_outlet" });
     };
   }
 }), Ul = { class: "beam_metadata_heading" }, Nl = /* @__PURE__ */ ze({
@@ -275,9 +269,9 @@ const Il = /* @__PURE__ */ He(El, [["render", Al], ["__scopeId", "data-v-5182a4d
   },
   setup(e) {
     const n = Hr(() => e.complete ? e.completeMessage : e.progressMessage);
-    return (t, a) => (Oe(), Me("p", Ul, [
+    return (t, a) => (Pe(), Me("p", Ul, [
       _t(at(t.label) + ": ", 1),
-      Pe("span", {
+      Oe("span", {
         class: Sr([{ "beam--alert": !t.complete }, "beam--normal"])
       }, at(n.value), 3)
     ]));
@@ -285,8 +279,8 @@ const Il = /* @__PURE__ */ He(El, [["render", Al], ["__scopeId", "data-v-5182a4d
 }), jl = {}, Dl = { class: "beam_modal-confirm" };
 function Fl(e, n) {
   const t = yt("BeamBtn");
-  return Oe(), Me("div", Dl, [
-    n[4] || (n[4] = Pe("h2", null, "Would you like to continue?", -1)),
+  return Pe(), Me("div", Dl, [
+    n[4] || (n[4] = Oe("h2", null, "Would you like to continue?", -1)),
     vt(t, {
       onClick: n[0] || (n[0] = (a) => e.$emit("confirmmodal"))
     }, {
@@ -307,7 +301,7 @@ function Fl(e, n) {
 }
 const Wl = /* @__PURE__ */ He(jl, [["render", Fl], ["__scopeId", "data-v-5b430dca"]]), $l = {}, ql = { class: "fixed-top" };
 function Vl(e, n) {
-  return Oe(), Me("div", ql, [
+  return Pe(), Me("div", ql, [
     lt(e.$slots, "default", {}, void 0, !0)
   ]);
 }
@@ -320,15 +314,15 @@ const Hl = /* @__PURE__ */ He($l, [["render", Vl], ["__scopeId", "data-v-a38a41d
   emits: ["update:modelValue"],
   setup(e) {
     const n = Qo(e, "modelValue");
-    return (t, a) => (Oe(), Me("label", Kl, [
-      Yo(Pe("input", {
+    return (t, a) => (Pe(), Me("label", Kl, [
+      Yo(Oe("input", {
         type: "checkbox",
         "onUpdate:modelValue": a[0] || (a[0] = (u) => n.value = u),
         tabindex: "-1"
       }, null, 512), [
         [za, n.value]
       ]),
-      a[1] || (a[1] = Pe("div", {
+      a[1] || (a[1] = Oe("div", {
         class: "checkmark",
         tabindex: "0"
       }, null, -1))
@@ -388,16 +382,16 @@ const Jl = { class: "beam_item-count" }, Zl = ["contenteditable"], Xl = { key: 0
       const s = Number(r.target.innerHTML) || 0;
       n.value = Math.min(s, e.denominator);
     }, u = Gl((r) => a(r), e.debounce), i = async (r) => await u(r);
-    return (r, s) => (Oe(), Me("div", Jl, [
-      Pe("span", {
+    return (r, s) => (Pe(), Me("div", Jl, [
+      Oe("span", {
         contenteditable: r.editable,
         class: Sr({ "beam--alert": !t.value }),
         onClick: to(a, ["stop", "prevent"]),
         onInput: to(i, ["stop", "prevent"]),
         onPaste: a
       }, at(n.value), 43, Zl),
-      r.denominator ? (Oe(), Me("span", Xl, "/" + at(r.denominator), 1)) : Er("", !0),
-      r.uom ? (Oe(), Me("span", eu, "  " + at(r.uom), 1)) : Er("", !0)
+      r.denominator ? (Pe(), Me("span", Xl, "/" + at(r.denominator), 1)) : Er("", !0),
+      r.uom ? (Pe(), Me("span", eu, "  " + at(r.uom), 1)) : Er("", !0)
     ]));
   }
 }), Zo = /* @__PURE__ */ He(tu, [["__scopeId", "data-v-ec1a0218"]]), ru = ["href"], nu = /* @__PURE__ */ ze({
@@ -406,7 +400,7 @@ const Jl = { class: "beam_item-count" }, Zl = ["contenteditable"], Xl = { key: 0
     to: { default: "" }
   },
   setup(e) {
-    return (n, t) => (Oe(), Me("a", {
+    return (n, t) => (Pe(), Me("a", {
       href: n.to,
       class: "beam_list-anchor"
     }, [
@@ -430,12 +424,12 @@ const Jl = { class: "beam_item-count" }, Zl = ["contenteditable"], Xl = { key: 0
         t("update", u);
       },
       { deep: !0 }
-    ), (u, i) => (Oe(), Me("li", ou, [
-      Pe("div", su, [
-        Pe("label", au, at(a.value.label), 1),
-        Pe("p", null, at(a.value.description), 1)
+    ), (u, i) => (Pe(), Me("li", ou, [
+      Oe("div", su, [
+        Oe("label", au, at(a.value.label), 1),
+        Oe("p", null, at(a.value.description), 1)
       ]),
-      a.value.count ? (Oe(), Zt(Zo, {
+      a.value.count ? (Pe(), Zt(Zo, {
         key: 0,
         modelValue: a.value.count.count,
         "onUpdate:modelValue": i[0] || (i[0] = (r) => a.value.count.count = r),
@@ -444,7 +438,7 @@ const Jl = { class: "beam_item-count" }, Zl = ["contenteditable"], Xl = { key: 0
         editable: !0,
         uom: a.value.count.uom
       }, null, 8, ["modelValue", "debounce", "denominator", "uom"])) : Er("", !0),
-      a.value.hasOwnProperty("checked") ? (Oe(), Zt(Jo, {
+      a.value.hasOwnProperty("checked") ? (Pe(), Zt(Jo, {
         key: 1,
         modelValue: a.value.checked,
         "onUpdate:modelValue": i[1] || (i[1] = (r) => a.value.checked = r)
@@ -468,14 +462,14 @@ const Jl = { class: "beam_item-count" }, Zl = ["contenteditable"], Xl = { key: 0
       const i = document.documentElement.scrollHeight - window.innerHeight, r = document.documentElement.scrollTop;
       i - r <= 2 && t("scrollbottom");
     };
-    return (i, r) => (Oe(), Me("ul", uu, [
-      (Oe(!0), Me(Dr, null, zo(i.items, (s) => (Oe(), Me("li", {
-        key: s.label
+    return (i, r) => (Pe(), Me("ul", uu, [
+      (Pe(!0), Me(Dr, null, zo(i.items, (s) => (Pe(), Me("li", {
+        key: s.barcode || s.label
       }, [
-        s.linkComponent == "BeamDayDivider" ? (Oe(), Zt(Go, {
+        s.linkComponent == "BeamDayDivider" ? (Pe(), Zt(Go, {
           key: 0,
           item: s
-        }, null, 8, ["item"])) : s.linkComponent ? (Oe(), Zt(Ja(s.linkComponent), {
+        }, null, 8, ["item"])) : s.linkComponent ? (Pe(), Zt(Ja(s.linkComponent), {
           key: 1,
           to: s.route,
           tabindex: "-1"
@@ -487,7 +481,7 @@ const Jl = { class: "beam_item-count" }, Zl = ["contenteditable"], Xl = { key: 0
             }, null, 8, ["item"])
           ]),
           _: 2
-        }, 1032, ["to"])) : (Oe(), Zt(gn, {
+        }, 1032, ["to"])) : (Pe(), Zt(gn, {
           key: 2,
           item: s,
           onUpdate: a
@@ -495,7 +489,7 @@ const Jl = { class: "beam_item-count" }, Zl = ["contenteditable"], Xl = { key: 0
       ]))), 128))
     ]));
   }
-}), cu = /* @__PURE__ */ He(hu, [["__scopeId", "data-v-c15aac2a"]]), fu = { class: "beam_navbar" }, du = /* @__PURE__ */ ze({
+}), cu = /* @__PURE__ */ He(hu, [["__scopeId", "data-v-d536b2a7"]]), fu = { class: "beam_navbar" }, du = /* @__PURE__ */ ze({
   __name: "Navbar",
   emits: ["click"],
   setup(e, { emit: n }) {
@@ -504,7 +498,7 @@ const Jl = { class: "beam_item-count" }, Zl = ["contenteditable"], Xl = { key: 0
     };
     return (u, i) => {
       const r = yt("BeamHeading"), s = yt("BeamBtn");
-      return Oe(), Me("nav", fu, [
+      return Pe(), Me("nav", fu, [
         lt(u.$slots, "title", {}, () => [
           vt(r, null, {
             default: wt(() => i[0] || (i[0] = [
@@ -884,7 +878,7 @@ const io = /* @__PURE__ */ mu(bu), yu = { id: "scan_input" }, vu = /* @__PURE__
       t("scanInstance", u);
     }), ji(() => {
       io.detachFrom(window);
-    }), (u, i) => (Oe(), Me("div", yu));
+    }), (u, i) => (Pe(), Me("div", yu));
   }
 }), wu = /* @__PURE__ */ ze({
   __name: "SegmentedDisplay",
@@ -895,32 +889,32 @@ const io = /* @__PURE__ */ mu(bu), yu = { id: "scan_input" }, vu = /* @__PURE__
     textColor: { default: "white" }
   },
   setup(e) {
-    const n = Hr(() => e.displayInput.length == 0 ? 0 .toFixed(e.decimalPlaces) : e.displayInput.toFixed(e.decimalPlaces)), t = (a) => a.substr(0, 2) == "--" ? `var(${a})` : a;
-    return (a, u) => (Oe(), Me("div", {
+    const n = Hr(() => e.displayInput === 0 ? 0 .toFixed(e.decimalPlaces) : e.displayInput.toFixed(e.decimalPlaces)), t = (a) => a.substr(0, 2) == "--" ? `var(${a})` : a;
+    return (a, u) => (Pe(), Me("div", {
       class: "segmented-display",
       style: ur({ background: t(a.displayColor) })
     }, [
-      Pe("h1", {
+      Oe("h1", {
         class: "segmented-display-output",
         style: ur({ color: t(a.textColor) })
       }, at(n.value), 5)
     ], 4));
   }
-}), _u = /* @__PURE__ */ He(wu, [["__scopeId", "data-v-87c39170"]]), Eu = { class: "column column-left" }, Su = { class: "column column-right" }, Au = /* @__PURE__ */ ze({
+}), _u = /* @__PURE__ */ He(wu, [["__scopeId", "data-v-140e435e"]]), Eu = { class: "column column-left" }, Su = { class: "column column-right" }, Au = /* @__PURE__ */ ze({
   __name: "SplitColumn",
   props: {
     justifyContent: {},
     alignItems: {}
   },
   setup(e) {
-    return (n, t) => (Oe(), Me("div", {
+    return (n, t) => (Pe(), Me("div", {
       class: "two-column",
       style: ur({ justifyContent: n.justifyContent || "space-between", alignItems: n.alignItems || "flex-start" })
     }, [
-      Pe("div", Eu, [
+      Oe("div", Eu, [
         lt(n.$slots, "left", {}, void 0, !0)
       ]),
-      Pe("div", Su, [
+      Oe("div", Su, [
         lt(n.$slots, "right", {}, void 0, !0)
       ])
     ], 4));
@@ -931,14 +925,14 @@ const io = /* @__PURE__ */ mu(bu), yu = { id: "scan_input" }, vu = /* @__PURE__
     open: { type: Boolean }
   },
   setup(e) {
-    return (n, t) => (Oe(), Me("div", {
+    return (n, t) => (Pe(), Me("div", {
       class: Sr(["arrow-icon", { open: n.open }])
     }, t[0] || (t[0] = [
-      Pe("svg", {
+      Oe("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 35.36 70.71"
       }, [
-        Pe("polygon", { points: "0 70.71 0 0 35.36 35.36 0 70.71" })
+        Oe("polygon", { points: "0 70.71 0 0 35.36 35.36 0 70.71" })
       ], -1)
     ]), 2));
   }
@@ -10591,7 +10585,9 @@ const mc = gc();
 @jspm/core/nodelibs/browser/buffer.js:
   (*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> *)
 */
-const vc = (e) => {
+const wc = async (e) => {
+  if (e.host && e.port && !await bc(e.host, e.port))
+    return;
   const n = Ot(), t = Ot({});
   return Kr(() => {
     n.value = mc.connect(e), e.topics || (e.topics = ["#"]);
@@ -10607,8 +10603,26 @@ const vc = (e) => {
     var a;
     (a = n.value) == null || a.end();
   }), { messages: t };
+}, bc = async (e, n) => {
+  try {
+    const t = new AbortController(), a = setTimeout(() => t.abort(), 2e3);
+    try {
+      return await fetch(`${e}:${n}`, {
+        mode: "no-cors",
+        // This allows checking without CORS issues
+        signal: t.signal
+      }), clearTimeout(a), !0;
+    } catch (u) {
+      if (clearTimeout(a), u instanceof DOMException && u.name === "AbortError")
+        return !1;
+      const i = String(u);
+      return !(i.includes("NetworkError") || i.includes("Failed to fetch") || i.includes("net::ERR_CONNECTION_REFUSED"));
+    }
+  } catch {
+    return !1;
+  }
 };
-function wc(e) {
+function _c(e) {
   e.component("ActionFooter", tl), e.component("BeamArrow", sl), e.component("BeamBtn", hl), e.component("BeamDayDivider", Go), e.component("BeamFilter", gl), e.component("BeamFilterOption", _l), e.component("BeamHeading", Il), e.component("BeamMetadata", Rl), e.component("BeamModal", xl), e.component("BeamModalOutlet", Ll), e.component("BeamProgress", Nl), e.component("Confirm", Wl), e.component("FixedTop", Hl), e.component("ItemCheck", Jo), e.component("ItemCount", Zo), e.component("ListAnchor", iu), e.component("ListItem", gn), e.component("ListView", cu), e.component("Navbar", pu), e.component("ScanInput", vu), e.component("SegmentedDisplay", _u), e.component("SplitColumn", Iu), e.component("ToggleArrow", ku);
 }
 export {
@@ -10635,7 +10649,7 @@ export {
   _u as SegmentedDisplay,
   Iu as SplitColumn,
   ku as ToggleArrow,
-  wc as install,
-  vc as useMqttStream
+  _c as install,
+  wc as useMqttStream
 };
 //# sourceMappingURL=beam.js.map