@stonecrop/beam 0.31.0 → 0.32.0

package/dist/beam.js

@@ -1,597 +1,680 @@
-import { defineComponent as u, resolveComponent as f, openBlock as s, createElementBlock as i, createElementVNode as l, createVNode as p, withCtx as b, renderSlot as v, normalizeStyle as B, createTextVNode as g, computed as I, Fragment as S, toDisplayString as _, ref as $, withDirectives as x, vShow as N, renderList as O, normalizeClass as C, createCommentVNode as y, unref as U, createStaticVNode as j, createBlock as h, useModel as T, vModelCheckbox as R, withModifiers as V, mergeModels as q, watch as z, onMounted as F, onUnmounted as A, resolveDynamicComponent as W } from "vue";
-import { vOnClickOutside as Y } from "@vueuse/components";
-import { useDebounceFn as G } from "@vueuse/core";
-import D from "onscan.js";
-import J from "mqtt";
-import './assets/index.css';const K = { class: "beam_action-footer" }, Q = { class: "footer-action-wrapper" }, X = /* @__PURE__ */ u({
-  __name: "ActionFooter",
-  emits: ["click"],
-  setup(e, { emit: t }) {
-    const o = t, n = () => {
-      o("click");
-    };
-    return (a, c) => {
-      const r = f("BeamBtn");
-      return s(), i("footer", K, [
-        l("span", Q, [
-          p(r, { onClick: n }, {
-            default: b(() => [
-              v(a.$slots, "default", {}, void 0, !0)
-            ]),
-            _: 3
-          })
-        ])
-      ]);
-    };
-  }
-}), m = (e, t) => {
-  const o = e.__vccOpts || e;
-  for (const [n, a] of t)
-    o[n] = a;
-  return o;
-}, Z = /* @__PURE__ */ m(X, [["__scopeId", "data-v-37933bd1"]]), ee = { class: "beam_metadata_arrow" }, te = { class: "beam_metadata_arrow-head" }, oe = {
-  id: "Layer_1",
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 6.74 7.78"
-}, ne = /* @__PURE__ */ u({
-  __name: "BeamArrow",
-  props: {
-    color: { default: "#c4c4c4" }
-  },
-  setup(e) {
-    return (t, o) => (s(), i("div", ee, [
-      l("div", {
-        class: "beam_metadata_arrow-body",
-        style: B({ background: e.color })
-      }, null, 4),
-      l("div", te, [
-        (s(), i("svg", oe, [
-          l("polygon", {
-            points: "6.74 3.89 0 0 0 7.78 6.74 3.89",
-            style: B([{ fill: "#c4c4c4" }, { fill: e.color }])
-          }, null, 4)
-        ]))
-      ])
-    ]));
-  }
-}), ae = /* @__PURE__ */ m(ne, [["__scopeId", "data-v-2b1d7448"]]), se = {}, le = { class: "beam_btn" };
-function ce(e, t) {
-  return s(), i("button", le, [
-    v(e.$slots, "default", {}, () => [
-      t[0] || (t[0] = g("Action", -1))
-    ], !0)
-  ]);
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createStaticVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, toDisplayString, unref, useModel, vModelCheckbox, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
+import { vOnClickOutside } from "@vueuse/components";
+import { useDebounceFn } from "@vueuse/core";
+import onScan from "onscan.js";
+import mqtt from "mqtt";
+import './assets/index.css';//#region src/components/ActionFooter.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$19 = { class: "beam_action-footer" };
+var _hoisted_2$7 = { class: "footer-action-wrapper" };
+var ActionFooter_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "ActionFooter",
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const handleFooterAction = () => {
+			emit("click");
+		};
+		return (_ctx, _cache) => {
+			const _component_BeamBtn = resolveComponent("BeamBtn");
+			return openBlock(), createElementBlock("footer", _hoisted_1$19, [createElementVNode("span", _hoisted_2$7, [createVNode(_component_BeamBtn, { onClick: handleFooterAction }, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			})])]);
+		};
+	}
+});
+//#endregion
+//#region \0plugin-vue:export-helper
+var _plugin_vue_export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
+};
+//#endregion
+//#region src/components/ActionFooter.vue
+var ActionFooter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ActionFooter_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-37933bd1"]]);
+//#endregion
+//#region src/components/BeamArrow.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$18 = { class: "beam_metadata_arrow" };
+var _hoisted_2$6 = { class: "beam_metadata_arrow-head" };
+var _hoisted_3$4 = {
+	id: "Layer_1",
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 6.74 7.78"
+};
+//#endregion
+//#region src/components/BeamArrow.vue
+var BeamArrow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "BeamArrow",
+	props: { color: { default: "#c4c4c4" } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$18, [createElementVNode("div", {
+				class: "beam_metadata_arrow-body",
+				style: normalizeStyle({ background: __props.color })
+			}, null, 4), createElementVNode("div", _hoisted_2$6, [(openBlock(), createElementBlock("svg", _hoisted_3$4, [createElementVNode("polygon", {
+				points: "6.74 3.89 0 0 0 7.78 6.74 3.89",
+				style: normalizeStyle([{ "fill": "#c4c4c4" }, { fill: __props.color }])
+			}, null, 4)]))])]);
+		};
+	}
+}), [["__scopeId", "data-v-2b1d7448"]]);
+//#endregion
+//#region src/components/BeamBtn.vue
+var _sfc_main$3 = {};
+var _hoisted_1$17 = { class: "beam_btn" };
+function _sfc_render$3(_ctx, _cache) {
+	return openBlock(), createElementBlock("button", _hoisted_1$17, [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createTextVNode("Action", -1))], true)]);
 }
-const ie = /* @__PURE__ */ m(se, [["render", ce], ["__scopeId", "data-v-bc768596"]]), re = { class: "beam_day-divider" }, de = /* @__PURE__ */ u({
-  __name: "BeamDayDivider",
-  props: {
-    item: {}
-  },
-  setup(e) {
-    const t = I(() => {
-      if (!e.item.date || isNaN(Date.parse(e.item.date)))
-        return e.item.date;
-      const o = new Date(e.item.date);
-      return e.item.dateFormat && e.item.dateFormat.toLowerCase() === "iso" ? o.toISOString() : o.toDateString();
-    });
-    return (o, n) => (s(), i(S, null, [
-      l("div", re, [
-        l("h2", null, _(t.value), 1)
-      ]),
-      v(o.$slots, "default", {}, void 0, !0)
-    ], 64));
-  }
-}), L = /* @__PURE__ */ m(de, [["__scopeId", "data-v-160cf6ef"]]), me = { class: "beam_filters" }, ue = { class: "beam_filters-options" }, _e = /* @__PURE__ */ u({
-  __name: "BeamFilter",
-  setup(e) {
-    const t = $(!1);
-    return (o, n) => {
-      const a = f("ToggleArrow"), c = f("BeamHeading");
-      return s(), i("div", me, [
-        l("div", {
-          class: "beam_filters-heading",
-          onClick: n[0] || (n[0] = (r) => t.value = !t.value)
-        }, [
-          p(a, { open: t.value }, null, 8, ["open"]),
-          p(c, null, {
-            default: b(() => [...n[1] || (n[1] = [
-              g("Filter", -1)
-            ])]),
-            _: 1
-          })
-        ]),
-        x(l("div", ue, [
-          v(o.$slots, "default", {}, void 0, !0)
-        ], 512), [
-          [N, t.value]
-        ])
-      ]);
-    };
-  }
-}), ve = /* @__PURE__ */ m(_e, [["__scopeId", "data-v-f8d60c9f"]]), fe = { class: "beam_filter-container" }, pe = { class: "beam_filter-option-select" }, be = { class: "beam_filter-label" }, ge = {
-  key: 0,
-  ref: "menu",
-  class: "beam_filter-select-menu"
-}, $e = ["data-value", "onClick"], he = /* @__PURE__ */ u({
-  __name: "BeamFilterOption",
-  props: {
-    choices: {},
-    title: { default: "title" }
-  },
-  emits: ["select"],
-  setup(e, { emit: t }) {
-    const o = t, n = $(!1), a = $(e.choices[0].label), c = $(e.choices[0].value), r = (d) => {
-      a.value = d.label, c.value = d.value, o("select", d);
-    };
-    return (d, k) => {
-      const P = f("BeamHeading");
-      return x((s(), i("div", fe, [
-        p(P, { class: "beam_filter-option-heading" }, {
-          default: b(() => [
-            g(_(e.title), 1)
-          ]),
-          _: 1
-        }),
-        l("div", {
-          class: "beam_filter-option",
-          onClick: k[0] || (k[0] = (w) => n.value = !n.value)
-        }, [
-          l("div", pe, [
-            k[1] || (k[1] = l("div", { class: "beam_filter-arrow" }, [
-              l("svg", {
-                xmlns: "http://www.w3.org/2000/svg",
-                viewBox: "0 0 35.36 70.71"
-              }, [
-                l("polygon", { points: "0 70.71 0 0 35.36 35.36 0 70.71" })
-              ])
-            ], -1)),
-            l("div", be, [
-              l("label", null, _(a.value), 1)
-            ])
-          ]),
-          n.value ? (s(), i("ul", ge, [
-            (s(!0), i(S, null, O(e.choices, (w) => (s(), i("li", {
-              key: w.value,
-              class: C([{ selected: a.value == w.label }, "beam_filter-select-option"]),
-              "data-value": w.value,
-              onClick: (yt) => r(w)
-            }, _(w.label), 11, $e))), 128))
-          ], 512)) : y("", !0)
-        ])
-      ])), [
-        [U(Y), () => n.value = !1]
-      ]);
-    };
-  }
-}), we = /* @__PURE__ */ m(he, [["__scopeId", "data-v-ad8ee21c"]]), Be = {}, ye = { class: "beam_header" };
-function Ce(e, t) {
-  return s(), i("h1", ye, [
-    v(e.$slots, "default", {}, void 0, !0)
-  ]);
+var BeamBtn_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-bc768596"]]);
+//#endregion
+//#region src/components/BeamDayDivider.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$16 = { class: "beam_day-divider" };
+//#endregion
+//#region src/components/BeamDayDivider.vue
+var BeamDayDivider_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "BeamDayDivider",
+	props: { item: {} },
+	setup(__props) {
+		const date = computed(() => {
+			if (!__props.item.date || isNaN(Date.parse(__props.item.date))) return __props.item.date;
+			const dateObj = new Date(__props.item.date);
+			if (__props.item.dateFormat) switch (__props.item.dateFormat.toLowerCase()) {
+				case "iso": return dateObj.toISOString();
+			}
+			return dateObj.toDateString();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("div", _hoisted_1$16, [createElementVNode("h2", null, toDisplayString(date.value), 1)]), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 64);
+		};
+	}
+}), [["__scopeId", "data-v-160cf6ef"]]);
+//#endregion
+//#region src/components/BeamFilter.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$15 = { class: "beam_filters" };
+var _hoisted_2$5 = { class: "beam_filters-options" };
+//#endregion
+//#region src/components/BeamFilter.vue
+var BeamFilter_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "BeamFilter",
+	setup(__props) {
+		const isFilterExpanded = ref(false);
+		return (_ctx, _cache) => {
+			const _component_ToggleArrow = resolveComponent("ToggleArrow");
+			const _component_BeamHeading = resolveComponent("BeamHeading");
+			return openBlock(), createElementBlock("div", _hoisted_1$15, [createElementVNode("div", {
+				class: "beam_filters-heading",
+				onClick: _cache[0] || (_cache[0] = ($event) => isFilterExpanded.value = !isFilterExpanded.value)
+			}, [createVNode(_component_ToggleArrow, { open: isFilterExpanded.value }, null, 8, ["open"]), createVNode(_component_BeamHeading, null, {
+				default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("Filter", -1)])]),
+				_: 1
+			})]), withDirectives(createElementVNode("div", _hoisted_2$5, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512), [[vShow, isFilterExpanded.value]])]);
+		};
+	}
+}), [["__scopeId", "data-v-f8d60c9f"]]);
+//#endregion
+//#region src/components/BeamFilterOption.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$14 = { class: "beam_filter-container" };
+var _hoisted_2$4 = { class: "beam_filter-option-select" };
+var _hoisted_3$3 = { class: "beam_filter-label" };
+var _hoisted_4$2 = {
+	key: 0,
+	ref: "menu",
+	class: "beam_filter-select-menu"
+};
+var _hoisted_5 = ["data-value", "onClick"];
+//#endregion
+//#region src/components/BeamFilterOption.vue
+var BeamFilterOption_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "BeamFilterOption",
+	props: {
+		choices: {},
+		title: { default: "title" }
+	},
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const isMenuOpen = ref(false);
+		const label = ref(__props.choices[0].label);
+		const value = ref(__props.choices[0].value);
+		const selectChoice = (data) => {
+			label.value = data.label;
+			value.value = data.value;
+			emit("select", data);
+		};
+		return (_ctx, _cache) => {
+			const _component_BeamHeading = resolveComponent("BeamHeading");
+			return withDirectives((openBlock(), createElementBlock("div", _hoisted_1$14, [createVNode(_component_BeamHeading, { class: "beam_filter-option-heading" }, {
+				default: withCtx(() => [createTextVNode(toDisplayString(__props.title), 1)]),
+				_: 1
+			}), createElementVNode("div", {
+				class: "beam_filter-option",
+				onClick: _cache[0] || (_cache[0] = ($event) => isMenuOpen.value = !isMenuOpen.value)
+			}, [createElementVNode("div", _hoisted_2$4, [_cache[1] || (_cache[1] = createElementVNode("div", { class: "beam_filter-arrow" }, [createElementVNode("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				viewBox: "0 0 35.36 70.71"
+			}, [createElementVNode("polygon", { points: "0 70.71 0 0 35.36 35.36 0 70.71" })])], -1)), createElementVNode("div", _hoisted_3$3, [createElementVNode("label", null, toDisplayString(label.value), 1)])]), isMenuOpen.value ? (openBlock(), createElementBlock("ul", _hoisted_4$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.choices, (choice) => {
+				return openBlock(), createElementBlock("li", {
+					key: choice.value,
+					class: normalizeClass([{ selected: label.value == choice.label }, "beam_filter-select-option"]),
+					"data-value": choice.value,
+					onClick: ($event) => selectChoice(choice)
+				}, toDisplayString(choice.label), 11, _hoisted_5);
+			}), 128))], 512)) : createCommentVNode("", true)])])), [[unref(vOnClickOutside), () => isMenuOpen.value = false]]);
+		};
+	}
+}), [["__scopeId", "data-v-ad8ee21c"]]);
+//#endregion
+//#region src/components/BeamHeading.vue
+var _sfc_main$2 = {};
+var _hoisted_1$13 = { class: "beam_header" };
+function _sfc_render$2(_ctx, _cache) {
+	return openBlock(), createElementBlock("h1", _hoisted_1$13, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]);
 }
-const ke = /* @__PURE__ */ m(Be, [["render", Ce], ["__scopeId", "data-v-5182a4d5"]]), Ie = { class: "beam_metadata" }, xe = { class: "beam_metadata_content" }, Me = { class: "beam_metadata_block" }, Se = { class: "beam_metadata_heading" }, Fe = /* @__PURE__ */ u({
-  __name: "BeamMetadata",
-  props: {
-    order: {}
-  },
-  setup(e) {
-    return (t, o) => (s(), i("div", Ie, [
-      l("div", xe, [
-        v(t.$slots, "default", {}, () => [
-          o[1] || (o[1] = l("div", { class: "beam_metadata_header beam_metadata--two-column" }, null, -1)),
-          l("div", Me, [
-            l("p", Se, [
-              o[0] || (o[0] = g(" Status: ", -1)),
-              l("span", {
-                class: C([{ alert: !e.order.complete }, "beam_metadata--normal"])
-              }, _(e.order.complete ? "Complete" : "In Progress"), 3)
-            ])
-          ]),
-          o[2] || (o[2] = j('<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)
-      ]),
-      o[3] || (o[3] = l("hr", null, null, -1))
-    ]));
-  }
-}), Ae = /* @__PURE__ */ m(Fe, [["__scopeId", "data-v-80484331"]]), Ve = { class: "beam_modal" }, De = /* @__PURE__ */ u({
-  __name: "BeamModal",
-  props: {
-    showModal: { type: Boolean }
-  },
-  emits: ["closemodal", "confirmmodal"],
-  setup(e) {
-    return (t, o) => {
-      const n = f("BeamBtn"), a = f("portal");
-      return s(), h(a, { to: "beam_modal_outlet" }, {
-        default: b(() => [
-          x(l("div", Ve, [
-            p(n, {
-              onClick: o[0] || (o[0] = (c) => t.$emit("closemodal"))
-            }, {
-              default: b(() => [...o[3] || (o[3] = [
-                g("Close Modal", -1)
-              ])]),
-              _: 1
-            }),
-            v(t.$slots, "default", {
-              onClosemodal: o[1] || (o[1] = (c) => t.$emit("closemodal")),
-              onConfirmmodal: o[2] || (o[2] = (c) => t.$emit("confirmmodal"))
-            }, void 0, !0)
-          ], 512), [
-            [N, e.showModal]
-          ])
-        ]),
-        _: 3
-      });
-    };
-  }
-}), Ne = /* @__PURE__ */ m(De, [["__scopeId", "data-v-73c40686"]]), Oe = /* @__PURE__ */ u({
-  __name: "BeamModalOutlet",
-  emits: ["confirmmodal", "closemodal"],
-  setup(e) {
-    return (t, o) => {
-      const n = f("portal-target");
-      return s(), h(n, { name: "beam_modal_outlet" });
-    };
-  }
-}), Te = { class: "beam_metadata_heading" }, Le = /* @__PURE__ */ u({
-  __name: "BeamProgress",
-  props: {
-    label: { default: "Status" },
-    progressMessage: { default: "In Progress" },
-    completeMessage: { default: "Complete" },
-    complete: { type: Boolean, default: !1 }
-  },
-  setup(e) {
-    const t = I(() => e.complete ? e.completeMessage : e.progressMessage);
-    return (o, n) => (s(), i("p", Te, [
-      g(_(e.label) + ": ", 1),
-      l("span", {
-        class: C([{ "beam--alert": !e.complete }, "beam--normal"])
-      }, _(t.value), 3)
-    ]));
-  }
-}), Ee = {}, He = { class: "beam_modal-confirm" };
-function Pe(e, t) {
-  const o = f("BeamBtn");
-  return s(), i("div", He, [
-    t[4] || (t[4] = l("h2", null, "Would you like to continue?", -1)),
-    p(o, {
-      onClick: t[0] || (t[0] = (n) => e.$emit("confirmmodal"))
-    }, {
-      default: b(() => [...t[2] || (t[2] = [
-        g("Yes", -1)
-      ])]),
-      _: 1
-    }),
-    p(o, {
-      onClick: t[1] || (t[1] = (n) => e.$emit("confirmmodal"))
-    }, {
-      default: b(() => [...t[3] || (t[3] = [
-        g("No", -1)
-      ])]),
-      _: 1
-    })
-  ]);
+var BeamHeading_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-5182a4d5"]]);
+//#endregion
+//#region src/components/BeamMetadata.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$12 = { class: "beam_metadata" };
+var _hoisted_2$3 = { class: "beam_metadata_content" };
+var _hoisted_3$2 = { class: "beam_metadata_block" };
+var _hoisted_4$1 = { class: "beam_metadata_heading" };
+//#endregion
+//#region src/components/BeamMetadata.vue
+var BeamMetadata_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "BeamMetadata",
+	props: { order: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$12, [createElementVNode("div", _hoisted_2$3, [renderSlot(_ctx.$slots, "default", {}, () => [
+				_cache[1] || (_cache[1] = createElementVNode("div", { class: "beam_metadata_header beam_metadata--two-column" }, null, -1)),
+				createElementVNode("div", _hoisted_3$2, [createElementVNode("p", _hoisted_4$1, [_cache[0] || (_cache[0] = createTextVNode(" Status: ", -1)), createElementVNode("span", { class: normalizeClass([{ alert: !__props.order.complete }, "beam_metadata--normal"]) }, toDisplayString(__props.order.complete ? "Complete" : "In Progress"), 3)])]),
+				_cache[2] || (_cache[2] = createStaticVNode("<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))
+			], true)]), _cache[3] || (_cache[3] = createElementVNode("hr", null, null, -1))]);
+		};
+	}
+}), [["__scopeId", "data-v-80484331"]]);
+//#endregion
+//#region src/components/BeamModal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$11 = { class: "beam_modal" };
+//#endregion
+//#region src/components/BeamModal.vue
+var BeamModal_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "BeamModal",
+	props: { showModal: { type: Boolean } },
+	emits: ["closemodal", "confirmmodal"],
+	setup(__props) {
+		return (_ctx, _cache) => {
+			const _component_BeamBtn = resolveComponent("BeamBtn");
+			const _component_portal = resolveComponent("portal");
+			return openBlock(), createBlock(_component_portal, { to: "beam_modal_outlet" }, {
+				default: withCtx(() => [withDirectives(createElementVNode("div", _hoisted_1$11, [createVNode(_component_BeamBtn, { onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("closemodal")) }, {
+					default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode("Close Modal", -1)])]),
+					_: 1
+				}), renderSlot(_ctx.$slots, "default", {
+					onClosemodal: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("closemodal")),
+					onConfirmmodal: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("confirmmodal"))
+				}, void 0, true)], 512), [[vShow, __props.showModal]])]),
+				_: 3
+			});
+		};
+	}
+}), [["__scopeId", "data-v-73c40686"]]);
+//#endregion
+//#region src/components/BeamModalOutlet.vue
+var BeamModalOutlet_default = /* @__PURE__ */ defineComponent({
+	__name: "BeamModalOutlet",
+	emits: ["confirmmodal", "closemodal"],
+	setup(__props) {
+		return (_ctx, _cache) => {
+			const _component_portal_target = resolveComponent("portal-target");
+			return openBlock(), createBlock(_component_portal_target, { name: "beam_modal_outlet" });
+		};
+	}
+});
+//#endregion
+//#region src/components/BeamProgress.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$10 = { class: "beam_metadata_heading" };
+//#endregion
+//#region src/components/BeamProgress.vue
+var BeamProgress_default = /* @__PURE__ */ defineComponent({
+	__name: "BeamProgress",
+	props: {
+		label: { default: "Status" },
+		progressMessage: { default: "In Progress" },
+		completeMessage: { default: "Complete" },
+		complete: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const statusMessage = computed(() => __props.complete ? __props.completeMessage : __props.progressMessage);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("p", _hoisted_1$10, [createTextVNode(toDisplayString(__props.label) + ": ", 1), createElementVNode("span", { class: normalizeClass([{ "beam--alert": !__props.complete }, "beam--normal"]) }, toDisplayString(statusMessage.value), 3)]);
+		};
+	}
+});
+//#endregion
+//#region src/components/Confirm.vue
+var _sfc_main$1 = {};
+var _hoisted_1$9 = { class: "beam_modal-confirm" };
+function _sfc_render$1(_ctx, _cache) {
+	const _component_BeamBtn = resolveComponent("BeamBtn");
+	return openBlock(), createElementBlock("div", _hoisted_1$9, [
+		_cache[4] || (_cache[4] = createElementVNode("h2", null, "Would you like to continue?", -1)),
+		createVNode(_component_BeamBtn, { onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("confirmmodal")) }, {
+			default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Yes", -1)])]),
+			_: 1
+		}),
+		createVNode(_component_BeamBtn, { onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("confirmmodal")) }, {
+			default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode("No", -1)])]),
+			_: 1
+		})
+	]);
 }
-const Ue = /* @__PURE__ */ m(Ee, [["render", Pe], ["__scopeId", "data-v-5b430dca"]]), je = {}, Re = { class: "fixed-top" };
-function qe(e, t) {
-  return s(), i("div", Re, [
-    v(e.$slots, "default", {}, void 0, !0)
-  ]);
+var Confirm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-5b430dca"]]);
+//#endregion
+//#region src/components/FixedTop.vue
+var _sfc_main = {};
+var _hoisted_1$8 = { class: "fixed-top" };
+function _sfc_render(_ctx, _cache) {
+	return openBlock(), createElementBlock("div", _hoisted_1$8, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]);
 }
-const ze = /* @__PURE__ */ m(je, [["render", qe], ["__scopeId", "data-v-a38a41d0"]]), We = { class: "container" }, Ye = /* @__PURE__ */ u({
-  __name: "ItemCheck",
-  props: {
-    modelValue: { type: Boolean, default: !1 },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = T(e, "modelValue");
-    return (o, n) => (s(), i("label", We, [
-      x(l("input", {
-        "onUpdate:modelValue": n[0] || (n[0] = (a) => t.value = a),
-        type: "checkbox",
-        tabindex: "-1"
-      }, null, 512), [
-        [R, t.value]
-      ]),
-      n[1] || (n[1] = l("div", {
-        class: "checkmark",
-        tabindex: "0"
-      }, null, -1))
-    ]));
-  }
-}), E = /* @__PURE__ */ m(Ye, [["__scopeId", "data-v-ad0dc7dc"]]), Ge = { class: "beam_item-count" }, Je = ["contenteditable"], Ke = { key: 0 }, Qe = { key: 1 }, Xe = /* @__PURE__ */ u({
-  __name: "ItemCount",
-  props: /* @__PURE__ */ q({
-    denominator: { default: 0 },
-    debounce: { default: 300 },
-    editable: { type: [Boolean, String], default: !0 },
-    uom: { default: "" }
-  }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = T(e, "modelValue"), o = I(() => e.denominator !== 0 && t.value === e.denominator), n = (r) => {
-      const d = Number(r.target.innerHTML) || 0;
-      t.value = e.denominator ? Math.min(d, e.denominator) : d;
-    }, a = G((r) => n(r), e.debounce), c = async (r) => await a(r);
-    return (r, d) => (s(), i("div", Ge, [
-      l("span", {
-        contenteditable: e.editable,
-        class: C({ "beam--alert": !o.value }),
-        onClick: V(n, ["stop", "prevent"]),
-        onInput: V(c, ["stop", "prevent"]),
-        onPaste: n
-      }, _(t.value), 43, Je),
-      e.denominator ? (s(), i("span", Ke, "/" + _(e.denominator), 1)) : y("", !0),
-      e.uom ? (s(), i("span", Qe, "  " + _(e.uom), 1)) : y("", !0)
-    ]));
-  }
-}), H = /* @__PURE__ */ m(Xe, [["__scopeId", "data-v-d4f676ed"]]), Ze = ["href"], et = /* @__PURE__ */ u({
-  __name: "ListAnchor",
-  props: {
-    to: { default: "" }
-  },
-  setup(e) {
-    return (t, o) => (s(), i("a", {
-      href: e.to,
-      class: "beam_list-anchor"
-    }, [
-      v(t.$slots, "default", {}, void 0, !0)
-    ], 8, Ze));
-  }
-}), tt = /* @__PURE__ */ m(et, [["__scopeId", "data-v-7e3ecf0d"]]), ot = {
-  tabindex: "0",
-  class: "beam_list-item"
-}, nt = { class: "beam_list-text" }, at = { class: "beam--bold" }, st = /* @__PURE__ */ u({
-  __name: "ListItem",
-  props: {
-    item: {}
-  },
-  emits: ["update"],
-  setup(e, { emit: t }) {
-    const o = t, n = $(e.item);
-    return z(
-      n,
-      (a) => {
-        o("update", a);
-      },
-      { deep: !0 }
-    ), (a, c) => (s(), i("li", ot, [
-      l("div", nt, [
-        l("label", at, _(n.value.label), 1),
-        l("p", null, _(n.value.description), 1)
-      ]),
-      n.value.count ? (s(), h(H, {
-        key: 0,
-        modelValue: n.value.count.count,
-        "onUpdate:modelValue": c[0] || (c[0] = (r) => n.value.count.count = r),
-        debounce: n.value.debounce,
-        denominator: n.value.count.of,
-        editable: !0,
-        uom: n.value.count.uom
-      }, null, 8, ["modelValue", "debounce", "denominator", "uom"])) : y("", !0),
-      n.value.hasOwnProperty("checked") ? (s(), h(E, {
-        key: 1,
-        modelValue: n.value.checked,
-        "onUpdate:modelValue": c[1] || (c[1] = (r) => n.value.checked = r)
-      }, null, 8, ["modelValue"])) : y("", !0)
-    ]));
-  }
-}), M = /* @__PURE__ */ m(st, [["__scopeId", "data-v-634dd647"]]), lt = { class: "beam_list-view" }, ct = /* @__PURE__ */ u({
-  __name: "ListView",
-  props: {
-    items: {}
-  },
-  emits: ["update", "scrollbottom"],
-  setup(e, { emit: t }) {
-    const o = t;
-    F(() => {
-      window.addEventListener("scroll", a);
-    }), A(() => {
-      window.removeEventListener("scroll", a);
-    });
-    const n = (c) => o("update", c), a = () => {
-      const c = document.documentElement.scrollHeight - window.innerHeight, r = document.documentElement.scrollTop;
-      c - r <= 2 && o("scrollbottom");
-    };
-    return (c, r) => (s(), i("ul", lt, [
-      (s(!0), i(S, null, O(e.items, (d) => (s(), i("li", {
-        key: d.barcode || d.label
-      }, [
-        d.linkComponent == "BeamDayDivider" ? (s(), h(L, {
-          key: 0,
-          item: d
-        }, null, 8, ["item"])) : d.linkComponent ? (s(), h(W(d.linkComponent), {
-          key: 1,
-          to: d.route,
-          tabindex: "-1"
-        }, {
-          default: b(() => [
-            p(M, {
-              item: d,
-              onUpdate: n
-            }, null, 8, ["item"])
-          ]),
-          _: 2
-        }, 1032, ["to"])) : (s(), h(M, {
-          key: 2,
-          item: d,
-          onUpdate: n
-        }, null, 8, ["item"]))
-      ]))), 128))
-    ]));
-  }
-}), it = /* @__PURE__ */ m(ct, [["__scopeId", "data-v-d536b2a7"]]), rt = { class: "beam_navbar" }, dt = /* @__PURE__ */ u({
-  __name: "Navbar",
-  emits: ["click"],
-  setup(e, { emit: t }) {
-    const o = t, n = () => {
-      o("click");
-    };
-    return (a, c) => {
-      const r = f("BeamHeading"), d = f("BeamBtn");
-      return s(), i("nav", rt, [
-        v(a.$slots, "title", {}, () => [
-          p(r, null, {
-            default: b(() => [...c[0] || (c[0] = [
-              g("TITLE", -1)
-            ])]),
-            _: 1
-          })
-        ], !0),
-        p(d, { onClick: n }, {
-          default: b(() => [
-            v(a.$slots, "navbaraction", {}, () => [
-              c[1] || (c[1] = g("Action", -1))
-            ], !0)
-          ]),
-          _: 3
-        })
-      ]);
-    };
-  }
-}), mt = /* @__PURE__ */ m(dt, [["__scopeId", "data-v-cfc4c14e"]]), ut = { id: "scan_input" }, _t = /* @__PURE__ */ u({
-  __name: "ScanInput",
-  props: {
-    scanHandler: { type: Function }
-  },
-  emits: ["scanInstance"],
-  setup(e, { emit: t }) {
-    const o = t, n = e;
-    return F(() => {
-      const a = D.attachTo(window, { onScan: n.scanHandler });
-      o("scanInstance", a);
-    }), A(() => {
-      D.detachFrom(window);
-    }), (a, c) => (s(), i("div", ut));
-  }
-}), vt = /* @__PURE__ */ u({
-  __name: "SegmentedDisplay",
-  props: {
-    displayInput: { default: 120.2568 },
-    decimalPlaces: { default: 2 },
-    displayColor: { default: "gray" },
-    textColor: { default: "white" }
-  },
-  setup(e) {
-    const t = I(() => e.displayInput === 0 ? 0 .toFixed(e.decimalPlaces) : e.displayInput.toFixed(e.decimalPlaces)), o = (n) => n?.substring(0, 2) == "--" ? `var(${n})` : n;
-    return (n, a) => (s(), i("div", {
-      class: "segmented-display",
-      style: B({ background: o(e.displayColor) })
-    }, [
-      l("h1", {
-        class: "segmented-display-output",
-        style: B({ color: o(e.textColor) })
-      }, _(t.value), 5)
-    ], 4));
-  }
-}), ft = /* @__PURE__ */ m(vt, [["__scopeId", "data-v-1731e036"]]), pt = { class: "column column-left" }, bt = { class: "column column-right" }, gt = /* @__PURE__ */ u({
-  __name: "SplitColumn",
-  props: {
-    justifyContent: { default: "space-between" },
-    alignItems: { default: "flex-start" }
-  },
-  setup(e) {
-    return (t, o) => (s(), i("div", {
-      class: "two-column",
-      style: B({ justifyContent: e.justifyContent, alignItems: e.alignItems })
-    }, [
-      l("div", pt, [
-        v(t.$slots, "left", {}, void 0, !0)
-      ]),
-      l("div", bt, [
-        v(t.$slots, "right", {}, void 0, !0)
-      ])
-    ], 4));
-  }
-}), $t = /* @__PURE__ */ m(gt, [["__scopeId", "data-v-3f65313d"]]), ht = /* @__PURE__ */ u({
-  __name: "ToggleArrow",
-  props: {
-    open: { type: Boolean }
-  },
-  setup(e) {
-    return (t, o) => (s(), i("div", {
-      class: C(["arrow-icon", { open: e.open }])
-    }, [...o[0] || (o[0] = [
-      l("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 35.36 70.71"
-      }, [
-        l("polygon", { points: "0 70.71 0 0 35.36 35.36 0 70.71" })
-      ], -1)
-    ])], 2));
-  }
-}), wt = /* @__PURE__ */ m(ht, [["__scopeId", "data-v-05e7abed"]]), St = async (e) => {
-  const t = $({});
-  if (e.host && e.port && !await Bt(e.host, e.port))
-    return { messages: t };
-  const o = $();
-  return F(() => {
-    o.value = J.connect(e), e.topics || (e.topics = ["#"]);
-    for (const n of e.topics)
-      o.value.subscribe(n, (a) => {
-        if (a)
-          throw a;
-      });
-    o.value.on("message", (n, a) => {
-      t.value[n] || (t.value[n] = []), t.value[n].push(a.toString());
-    });
-  }), A(() => {
-    o.value?.end();
-  }), { messages: t };
-}, Bt = async (e, t) => {
-  try {
-    const o = new AbortController(), n = setTimeout(() => o.abort(), 2e3);
-    try {
-      return await fetch(`${e}:${t}`, {
-        mode: "no-cors",
-        // This allows checking without CORS issues
-        signal: o.signal
-      }), clearTimeout(n), !0;
-    } catch (a) {
-      if (clearTimeout(n), a instanceof DOMException && a.name === "AbortError")
-        return !1;
-      const c = String(a);
-      return !(c.includes("NetworkError") || c.includes("Failed to fetch") || c.includes("net::ERR_CONNECTION_REFUSED"));
-    }
-  } catch {
-    return !1;
-  }
+var FixedTop_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-a38a41d0"]]);
+//#endregion
+//#region src/components/ItemCheck.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$7 = { class: "container" };
+//#endregion
+//#region src/components/ItemCheck.vue
+var ItemCheck_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "ItemCheck",
+	props: {
+		"modelValue": {
+			type: Boolean,
+			default: false
+		},
+		"modelModifiers": {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const value = useModel(__props, "modelValue");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("label", _hoisted_1$7, [withDirectives(createElementVNode("input", {
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+				type: "checkbox",
+				tabindex: "-1"
+			}, null, 512), [[vModelCheckbox, value.value]]), _cache[1] || (_cache[1] = createElementVNode("div", {
+				class: "checkmark",
+				tabindex: "0"
+			}, null, -1))]);
+		};
+	}
+}), [["__scopeId", "data-v-ad0dc7dc"]]);
+//#endregion
+//#region src/components/ItemCount.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$6 = { class: "beam_item-count" };
+var _hoisted_2$2 = ["contenteditable"];
+var _hoisted_3$1 = { key: 0 };
+var _hoisted_4 = { key: 1 };
+//#endregion
+//#region src/components/ItemCount.vue
+var ItemCount_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "ItemCount",
+	props: /*@__PURE__*/ mergeModels({
+		denominator: { default: 0 },
+		debounce: { default: 300 },
+		editable: {
+			type: [Boolean, String],
+			default: true
+		},
+		uom: { default: "" }
+	}, {
+		"modelValue": { required: true },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const count = useModel(__props, "modelValue");
+		const isCountComplete = computed(() => __props.denominator !== 0 && count.value === __props.denominator);
+		const validate = (payload) => {
+			const newValue = Number(payload.target.innerHTML) || 0;
+			count.value = __props.denominator ? Math.min(newValue, __props.denominator) : newValue;
+		};
+		const debouncedRequest = useDebounceFn((payload) => validate(payload), __props.debounce);
+		const debouncedValidate = async (payload) => await debouncedRequest(payload);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$6, [
+				createElementVNode("span", {
+					contenteditable: __props.editable,
+					class: normalizeClass({ "beam--alert": !isCountComplete.value }),
+					onClick: withModifiers(validate, ["stop", "prevent"]),
+					onInput: withModifiers(debouncedValidate, ["stop", "prevent"]),
+					onPaste: validate
+				}, toDisplayString(count.value), 43, _hoisted_2$2),
+				__props.denominator ? (openBlock(), createElementBlock("span", _hoisted_3$1, "/" + toDisplayString(__props.denominator), 1)) : createCommentVNode("", true),
+				__props.uom ? (openBlock(), createElementBlock("span", _hoisted_4, "\xA0 " + toDisplayString(__props.uom), 1)) : createCommentVNode("", true)
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-d4f676ed"]]);
+//#endregion
+//#region src/components/ListAnchor.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$5 = ["href"];
+//#endregion
+//#region src/components/ListAnchor.vue
+var ListAnchor_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "ListAnchor",
+	props: { to: { default: "" } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("a", {
+				href: __props.to,
+				class: "beam_list-anchor"
+			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 8, _hoisted_1$5);
+		};
+	}
+}), [["__scopeId", "data-v-7e3ecf0d"]]);
+//#endregion
+//#region src/components/ListItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$4 = {
+	tabindex: "0",
+	class: "beam_list-item"
 };
-function Ft(e) {
-  e.component("ActionFooter", Z), e.component("BeamArrow", ae), e.component("BeamBtn", ie), e.component("BeamDayDivider", L), e.component("BeamFilter", ve), e.component("BeamFilterOption", we), e.component("BeamHeading", ke), e.component("BeamMetadata", Ae), e.component("BeamModal", Ne), e.component("BeamModalOutlet", Oe), e.component("BeamProgress", Le), e.component("Confirm", Ue), e.component("FixedTop", ze), e.component("ItemCheck", E), e.component("ItemCount", H), e.component("ListAnchor", tt), e.component("ListItem", M), e.component("ListView", it), e.component("Navbar", mt), e.component("ScanInput", _t), e.component("SegmentedDisplay", ft), e.component("SplitColumn", $t), e.component("ToggleArrow", wt);
-}
-export {
-  Z as ActionFooter,
-  ae as BeamArrow,
-  ie as BeamBtn,
-  L as BeamDayDivider,
-  ve as BeamFilter,
-  we as BeamFilterOption,
-  ke as BeamHeading,
-  Ae as BeamMetadata,
-  Ne as BeamModal,
-  Oe as BeamModalOutlet,
-  Le as BeamProgress,
-  Ue as Confirm,
-  ze as FixedTop,
-  E as ItemCheck,
-  H as ItemCount,
-  tt as ListAnchor,
-  M as ListItem,
-  it as ListView,
-  mt as Navbar,
-  _t as ScanInput,
-  ft as SegmentedDisplay,
-  $t as SplitColumn,
-  wt as ToggleArrow,
-  Ft as install,
-  St as useMqttStream
+var _hoisted_2$1 = { class: "beam_list-text" };
+var _hoisted_3 = { class: "beam--bold" };
+//#endregion
+//#region src/components/ListItem.vue
+var ListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "ListItem",
+	props: { item: {} },
+	emits: ["update"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const listItem = ref(__props.item);
+		watch(listItem, (value) => {
+			emit("update", value);
+		}, { deep: true });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("li", _hoisted_1$4, [
+				createElementVNode("div", _hoisted_2$1, [createElementVNode("label", _hoisted_3, toDisplayString(listItem.value.label), 1), createElementVNode("p", null, toDisplayString(listItem.value.description), 1)]),
+				listItem.value.count ? (openBlock(), createBlock(ItemCount_default, {
+					key: 0,
+					modelValue: listItem.value.count.count,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => listItem.value.count.count = $event),
+					debounce: listItem.value.debounce,
+					denominator: listItem.value.count.of,
+					editable: true,
+					uom: listItem.value.count.uom
+				}, null, 8, [
+					"modelValue",
+					"debounce",
+					"denominator",
+					"uom"
+				])) : createCommentVNode("", true),
+				listItem.value.hasOwnProperty("checked") ? (openBlock(), createBlock(ItemCheck_default, {
+					key: 1,
+					modelValue: listItem.value.checked,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => listItem.value.checked = $event)
+				}, null, 8, ["modelValue"])) : createCommentVNode("", true)
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-634dd647"]]);
+//#endregion
+//#region src/components/ListView.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$3 = { class: "beam_list-view" };
+//#endregion
+//#region src/components/ListView.vue
+var ListView_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "ListView",
+	props: { items: {} },
+	emits: ["update", "scrollbottom"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		onMounted(() => {
+			window.addEventListener("scroll", handleScroll);
+		});
+		onUnmounted(() => {
+			window.removeEventListener("scroll", handleScroll);
+		});
+		const handleUpdate = (item) => emit("update", item);
+		const handleScroll = () => {
+			if (document.documentElement.scrollHeight - window.innerHeight - document.documentElement.scrollTop <= 2) emit("scrollbottom");
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("ul", _hoisted_1$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+				return openBlock(), createElementBlock("li", { key: item.barcode || item.label }, [item.linkComponent == "BeamDayDivider" ? (openBlock(), createBlock(BeamDayDivider_default, {
+					key: 0,
+					item
+				}, null, 8, ["item"])) : item.linkComponent ? (openBlock(), createBlock(resolveDynamicComponent(item.linkComponent), {
+					key: 1,
+					to: item.route,
+					tabindex: "-1"
+				}, {
+					default: withCtx(() => [createVNode(ListItem_default, {
+						item,
+						onUpdate: handleUpdate
+					}, null, 8, ["item"])]),
+					_: 2
+				}, 1032, ["to"])) : (openBlock(), createBlock(ListItem_default, {
+					key: 2,
+					item,
+					onUpdate: handleUpdate
+				}, null, 8, ["item"]))]);
+			}), 128))]);
+		};
+	}
+}), [["__scopeId", "data-v-d536b2a7"]]);
+//#endregion
+//#region src/components/Navbar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$2 = { class: "beam_navbar" };
+//#endregion
+//#region src/components/Navbar.vue
+var Navbar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "Navbar",
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const handlePrimaryAction = () => {
+			emit("click");
+		};
+		return (_ctx, _cache) => {
+			const _component_BeamHeading = resolveComponent("BeamHeading");
+			const _component_BeamBtn = resolveComponent("BeamBtn");
+			return openBlock(), createElementBlock("nav", _hoisted_1$2, [renderSlot(_ctx.$slots, "title", {}, () => [createVNode(_component_BeamHeading, null, {
+				default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("TITLE", -1)])]),
+				_: 1
+			})], true), createVNode(_component_BeamBtn, { onClick: handlePrimaryAction }, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "navbaraction", {}, () => [_cache[1] || (_cache[1] = createTextVNode("Action", -1))], true)]),
+				_: 3
+			})]);
+		};
+	}
+}), [["__scopeId", "data-v-cfc4c14e"]]);
+//#endregion
+//#region src/components/ScanInput.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = { id: "scan_input" };
+//#endregion
+//#region src/components/ScanInput.vue
+var ScanInput_default = /* @__PURE__ */ defineComponent({
+	__name: "ScanInput",
+	props: { scanHandler: { type: Function } },
+	emits: ["scanInstance"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const props = __props;
+		onMounted(() => {
+			const instance = onScan.attachTo(window, { onScan: props.scanHandler });
+			emit("scanInstance", instance);
+		});
+		onUnmounted(() => {
+			onScan.detachFrom(window);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$1);
+		};
+	}
+});
+//#endregion
+//#region src/components/SegmentedDisplay.vue
+var SegmentedDisplay_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "SegmentedDisplay",
+	props: {
+		displayInput: { default: 120.2568 },
+		decimalPlaces: { default: 2 },
+		displayColor: { default: "gray" },
+		textColor: { default: "white" }
+	},
+	setup(__props) {
+		const getOutput = computed(() => {
+			if (__props.displayInput === 0) return 0 .toFixed(__props.decimalPlaces);
+			return __props.displayInput.toFixed(__props.decimalPlaces);
+		});
+		const getColor = (color) => {
+			return color?.substring(0, 2) == "--" ? `var(${color})` : color;
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "segmented-display",
+				style: normalizeStyle({ background: getColor(__props.displayColor) })
+			}, [createElementVNode("h1", {
+				class: "segmented-display-output",
+				style: normalizeStyle({ color: getColor(__props.textColor) })
+			}, toDisplayString(getOutput.value), 5)], 4);
+		};
+	}
+}), [["__scopeId", "data-v-1731e036"]]);
+//#endregion
+//#region src/components/SplitColumn.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "column column-left" };
+var _hoisted_2 = { class: "column column-right" };
+//#endregion
+//#region src/components/SplitColumn.vue
+var SplitColumn_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "SplitColumn",
+	props: {
+		justifyContent: { default: "space-between" },
+		alignItems: { default: "flex-start" }
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: "two-column",
+				style: normalizeStyle({
+					justifyContent: __props.justifyContent,
+					alignItems: __props.alignItems
+				})
+			}, [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "left", {}, void 0, true)]), createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "right", {}, void 0, true)])], 4);
+		};
+	}
+}), [["__scopeId", "data-v-3f65313d"]]);
+//#endregion
+//#region src/components/ToggleArrow.vue
+var ToggleArrow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "ToggleArrow",
+	props: { open: { type: Boolean } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["arrow-icon", { open: __props.open }]) }, [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				viewBox: "0 0 35.36 70.71"
+			}, [createElementVNode("polygon", { points: "0 70.71 0 0 35.36 35.36 0 70.71" })], -1)])], 2);
+		};
+	}
+}), [["__scopeId", "data-v-05e7abed"]]);
+//#endregion
+//#region src/composables/mqtt.ts
+/**
+* Use MQTT stream
+* @param options - MQTT stream options
+* @returns MQTT stream messages
+* @beta
+*/
+var useMqttStream = async (options) => {
+	const messages = ref({});
+	if (options.host && options.port) {
+		if (!await isPortActive(options.host, options.port)) return { messages };
+	}
+	const client = ref();
+	onMounted(() => {
+		client.value = mqtt.connect(options);
+		if (!options.topics) options.topics = ["#"];
+		for (const topic of options.topics) client.value.subscribe(topic, (err) => {
+			if (err) throw err;
+		});
+		client.value.on("message", (topic, message) => {
+			if (!messages.value[topic]) messages.value[topic] = [];
+			messages.value[topic].push(message.toString());
+		});
+	});
+	onUnmounted(() => {
+		client.value?.end();
+	});
+	return { messages };
+};
+/**
+* Check if a local port has a service running
+* @param host the host to check
+* @param port the port to check
+* @returns true if the port has a service running, false otherwise
+*
+* @beta
+*/
+var isPortActive = async (host, port) => {
+	try {
+		const controller = new AbortController();
+		const timeoutId = setTimeout(() => controller.abort(), 2e3);
+		try {
+			await fetch(`${host}:${port}`, {
+				mode: "no-cors",
+				signal: controller.signal
+			});
+			clearTimeout(timeoutId);
+			return true;
+		} catch (error) {
+			clearTimeout(timeoutId);
+			if (error instanceof DOMException && error.name === "AbortError") return false;
+			const errorString = String(error);
+			if (errorString.includes("NetworkError") || errorString.includes("Failed to fetch") || errorString.includes("net::ERR_CONNECTION_REFUSED")) return false;
+			return true;
+		}
+	} catch {
+		return false;
+	}
 };
-//# sourceMappingURL=beam.js.map
+//#endregion
+//#region src/index.ts
+/**
+* Install all Beam components
+* @param app - Vue app instance
+* @public
+*/
+function install(app) {
+	app.component("ActionFooter", ActionFooter_default);
+	app.component("BeamArrow", BeamArrow_default);
+	app.component("BeamBtn", BeamBtn_default);
+	app.component("BeamDayDivider", BeamDayDivider_default);
+	app.component("BeamFilter", BeamFilter_default);
+	app.component("BeamFilterOption", BeamFilterOption_default);
+	app.component("BeamHeading", BeamHeading_default);
+	app.component("BeamMetadata", BeamMetadata_default);
+	app.component("BeamModal", BeamModal_default);
+	app.component("BeamModalOutlet", BeamModalOutlet_default);
+	app.component("BeamProgress", BeamProgress_default);
+	app.component("Confirm", Confirm_default);
+	app.component("FixedTop", FixedTop_default);
+	app.component("ItemCheck", ItemCheck_default);
+	app.component("ItemCount", ItemCount_default);
+	app.component("ListAnchor", ListAnchor_default);
+	app.component("ListItem", ListItem_default);
+	app.component("ListView", ListView_default);
+	app.component("Navbar", Navbar_default);
+	app.component("ScanInput", ScanInput_default);
+	app.component("SegmentedDisplay", SegmentedDisplay_default);
+	app.component("SplitColumn", SplitColumn_default);
+	app.component("ToggleArrow", ToggleArrow_default);
+}
+//#endregion
+export { ActionFooter_default as ActionFooter, BeamArrow_default as BeamArrow, BeamBtn_default as BeamBtn, BeamDayDivider_default as BeamDayDivider, BeamFilter_default as BeamFilter, BeamFilterOption_default as BeamFilterOption, BeamHeading_default as BeamHeading, BeamMetadata_default as BeamMetadata, BeamModal_default as BeamModal, BeamModalOutlet_default as BeamModalOutlet, BeamProgress_default as BeamProgress, Confirm_default as Confirm, FixedTop_default as FixedTop, ItemCheck_default as ItemCheck, ItemCount_default as ItemCount, ListAnchor_default as ListAnchor, ListItem_default as ListItem, ListView_default as ListView, Navbar_default as Navbar, ScanInput_default as ScanInput, SegmentedDisplay_default as SegmentedDisplay, SplitColumn_default as SplitColumn, ToggleArrow_default as ToggleArrow, install, useMqttStream };
+
+//# sourceMappingURL=beam.js.map